/* .sec_center {
    width: 1400px;
    margin: 0 auto;
    background-color: aqua;
} */



/* !index.php */
main.index .bg1 {
    position: absolute;
    top: 2659px;
    left: 50%;
    transform: translate(-100%, -20%);
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    background-color: #ff919c;
    z-index: 0;
}
main.index .bg2 {
    position: absolute;
    top: 3787px;
    left: 50%;
    transform: translate(26%, -20%);
    width: 750px;
    height: 750px;
    border-radius: 50%;
    background-color: #ff919c;
    z-index: 0;
}
main.index .sec_center {
    width: 1400px;
    margin: 0 auto;
    /* background-color: aqua; */
    transition: all 0.3s;
}
main.index .secTitle_box {
    text-align: center;
}
main.index .secTitle {
    font-size: 60px;
    font-family: "pretendard-B";
    transition: all 0.3s;
}
main.index .secSubTitle {
    font-size: 28px;
    font-family: "pretendard-R";
    margin: 20px 0 60px;
    transition: all 0.3s;
}

main.index section:last-child {
    padding: 85px 0 85px;
    /* background-color: #ff6e7c; */
    /* color: white; */
    transition: all 0.3s;
}
main.index section:not(:last-child) {
    padding: 100px 0 120px;
    transition: all 0.3s;
}
main.index .sec1 {
    /* padding: 215px 0 300px !important; */
    padding: 163px 0 163px !important;
    text-align: center;
    /* background-color: #ff6e7c; */
    /* color: white; */
}
main.index .sec1 .secTitle_box {
    margin-bottom: 80px;
}
main.index .sec1 .cont_box .tex_box p {
    font-family: "pretendard-R";
    font-size: 28px;
    padding: 20px 0 60px;
}
main.index .sec1 .cont_box .tex_box p.bold {
    font-family: "pretendard-B";
    font-size: 36px;
    transition: all 0.3s;
}
main.index .sec1 .btn_box a {
    display: block;
    width: 200px;
    line-height: 60px;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    font-size: 28px;
    font-family: "pretendard-M";
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0 17.8px 0.2px rgba(0, 0, 0, 0.54);
    transition: all 0.3s;
}
main.index .sec2 .cont_box .outer_box {
    position: relative;
    width: 100%;
    /* background-color: rgb(67, 185, 185); */
}
main.index .sec2 .cont_box .outer_box img {
    width: 100%;
}
main.index .sec2 .cont_box .outer_box .img_box {
    border-radius: 20px;
    overflow: hidden;
}
main.index .sec2 .cont_box .tex_box {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 97.142857%;
    /*background-color: #130005;*/
	background-color: #4849FF;
    border-radius: 40px;
    padding: 40px;
    color: white;
    font-size: 28px;
}
main.index .sec2 .cont_box .tex_box p.bold {
    font-size: 48px;
    font-family: "pretendard-B";
    margin-bottom: 20px;
    transition: all 0.3s;
}
main.index .sec3 .cont_box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* background-color: greenyellow; */
}
main.index .sec3 .cont_box li {
    width: 17%;
    background-color: black;
    border-radius: 40px;
    padding: 40px 0;
    transition: all 0.3s;
}
main.index .sec3 .cont_box li:nth-child(n+2) {
    margin-left: 3.75%;
}
main.index .sec3 .cont_box li:nth-child(n+6) {
    margin-top: 60px;
}
main.index .sec3 .cont_box li:nth-child(6) {
    margin-left: 0px;
}
main.index .sec3 .cont_box li .flex_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
main.index .sec3 .cont_box li .img_box {
    width: 110px;
    height: 102px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 34px;
}
main.index .sec3 .cont_box li .img_box img {
    /* width: 100%; */
}
main.index .sec3 .cont_box li p {
    font-size: 28px;
    font-family: "pretendard-R";
    color: white;
}
main.index .sec6 .secTitle {
    font-family: "pretendard-B";
    font-size: 60px;
    margin-bottom: 25px;
}
main.index .sec6 .cont_box .tex_box {
    font-size: 28px;
    font-family: "pretendard-R";
    line-height: 42px;
    margin-bottom: 60px;
    text-align: center;
}
main.index .sec6 .cont_box .btn_box a {
    display: flex;
    align-items: center;
    width: 360px;
    height: 100px;
    border-radius: 50px;
    background-color: #f9e000;
    box-shadow: 0 0 17.8px 0.2px rgba(0, 0, 0, 0.54);
    margin: 0 auto;
    transition: all 0.3s;
}
main.index .sec6 .cont_box .btn_box a .img_box {
    width: 27.77777777777778%;
    margin-right: 32px;
}
main.index .sec6 .cont_box .btn_box a .img_box img {
    width: 100%;
}
main.index .sec6 .cont_box .btn_box p {
    font-size: 28px;
    font-family: "pretendard-M";
}
@media screen and (max-width:1400px) {
    main.index .sec_center {
        width: 95% !important;
        overflow: hidden !important;
    }
    main.index .secTitle {
        font-size: 30px;
    }
    main.index .secSubTitle {
        font-size: 14px;
    }
    main.index .sec1 {
        padding: 80px 0 !important;
    }
    main.index section:not(:last-child) {
        padding: 50px 0 60px;
    }
    main.index .sec1 .secTitle_box {
        margin-bottom: 40px;
    }
    main.index .sec1 .cont_box .tex_box p.bold {
        font-size: 18px;
    }
    main.index .sec1 .cont_box .tex_box p {
        font-size: 14px;
        padding: 10px 0 30px;
    }
    main.index .sec1 .btn_box a {
        font-size: 14px;
        width: 100px;
        line-height: 40px;
    }
    main.index .sec2 .cont_box .tex_box {
        font-size: 14px;
        padding: 20px;
        bottom: 10px;
        border-radius: 20px;
        transition: all 0.3s;
    }
    main.index .sec2 .cont_box .tex_box p.bold {
        font-size: 24px;
        margin-bottom: 10px;
        transition: all 0.3s;
    }
    main.index .sec3 .cont_box li {
        padding: 20px 0;
    }
    main.index .sec3 .cont_box li .img_box {
        width: 55px;
        height: 51px;
        margin-bottom: 17px;
    }
    main.index .sec3 .cont_box li .img_box img {
        width: 100%;
    }
    main.index .sec3 .cont_box li p {
        font-size: 14px;
    }
    main.index .sec6 .secTitle {
        font-size: 30px;
        margin-bottom: 12px;
    }
    main.index .sec6 .cont_box .tex_box {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 30px;
    }
    main.index .sec6 .cont_box .btn_box {
        padding-bottom: 20px;
    }
    main.index .sec6 .cont_box .btn_box a {
        width: 180px;
        height: 50px;
    }
    main.index .sec6 .cont_box .btn_box a .img_box {
        margin-right: 16px;
    }
    main.index .sec6 .cont_box .btn_box p {
        font-size: 14px;
    }
}
@media screen and (max-width:650px) {
    main.index .sec_center {
        width: 95% !important;
        overflow: hidden !important;
    }
    main.index .secTitle {
        font-size: 18px;
    }
    main.index .secSubTitle {
        margin: 20px 0 25px;
    }
    main.index .sec1 {
        padding: 40px 0 !important;
    }
    main.index section:not(:last-child) {
        padding: 35px 0 40px;
    }
    main.index .sec1 .secTitle_box {
        margin-bottom: 30px;
    }
    main.index .sec1 .cont_box .tex_box p.bold {
        font-size: 14px;
    }
    main.index .sec1 .cont_box .tex_box p {
        font-size: 12px;
        padding: 10px 0 30px;
        line-height: 1.5;
    }
    main.index .sec1 .btn_box a {
        font-size: 12px;
    }
    main.index .sec2 .cont_box .img_box {
        /* display: none; */
        margin-bottom: 10px;
    }
    main.index .sec2 .cont_box .tex_box {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        font-size: 12px;
        padding: 10px;
        line-height: 1.5;
        width: 100%;
    }
    main.index .sec2 .cont_box .tex_box p.bold {
        font-size: 14px;
        margin-bottom: 10px;
    }
    main.index .sec3 .cont_box li {
        padding: 20px 0;
        width: 49%;
    }
    main.index .sec3 .cont_box li:nth-child(n+2) {
        margin-left: 0;
        margin-top: 5px;
    }
    main.index .sec3 .cont_box li:nth-child(2n) {
        margin-left: 2%;
    }
    main.index .sec3 .cont_box li:nth-child(n+6) {
        margin-top: 5px;
    }
    main.index .sec3 .cont_box li .img_box {
        width: 55px;
        height: 51px;
        margin-bottom: 17px;
    }
    main.index .sec3 .cont_box li .img_box img {
        width: 100%;
    }
    main.index .sec3 .cont_box li p {
        font-size: 14px;
    }
    main.index .sec6 .secTitle {
        font-size: 30px;
        margin-bottom: 12px;
    }
    main.index .sec6 .cont_box .tex_box {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 30px;
    }
    main.index .sec6 .cont_box .btn_box {
        padding-bottom: 20px;
    }
    main.index .sec6 .cont_box .btn_box a {
        width: 180px;
        height: 50px;
    }
    main.index .sec6 .cont_box .btn_box a .img_box {
        margin-right: 16px;
    }
    main.index .sec6 .cont_box .btn_box p {
        font-size: 14px;
    }
}
/* !login.php */
main.login {
    position: relative;
    /* background-color: pink; */
}
main.login .sec1 .include_box {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    margin: 0 auto;
    padding: 240px 0;
    /* background-color: white; */
    max-width: 520px;
    min-width: 350px;
    transition: all 0.3s;
}
main.login .sec1 .flex_box {
    display: flex;
    align-items: flex-start;
}
main.login .sec1 .left_box {
    display: flex;
    flex-direction: column;
    /* padding-right: 40px; */
    width: 23%;
    width: 0px;
    overflow: hidden;
    /* background-color: pink; */
}
main.login .sec1 .left_box label {
    line-height: 60px;
    font-size: 24px;
    font-family: "pretendard-M";
}
main.login .sec1 .left_box label:nth-child(n+2) {
    margin-top: 20px;
}
main.login .sec1 .right_box {
    width: 77%;
    width: 100%;
    /* background-color: aqua; */
}
main.login .sec1 .right_box .control:nth-child(n+2) {
    margin-top: 20px;
}
main.login .sec1 .right_box input {
    width: 100%;
    /* border: 1px solid #51d7ff; */
    text-align: left;
    padding: 0 10px;
    font-size: 24px;
}
main.login .sec1 .right_box .btn_box {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 40px;
    border-bottom: 3px solid #130005;
}
main.login .sec1 .right_box .btn_box .agree_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    border-radius: 8px;
    font-size: 24px;
    color: white;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-family: "pretendard-M";
    text-align: center;
    transition: all 0.3s;
}
main.login .sec1 .right_box .util_box ul {
    display: flex;
    justify-content: space-between;
}
main.login .sec1 .right_box .util_box li {
    margin-top: 20px;
}
main.login .sec1 .right_box .util_box a {
    /* background-color: aqua; */
    font-size: 16px;
    font-family: "pretendard-M";
}

main.login .sec2 {
    /* display: none; */
}
@media screen and (max-width:650px) {
    main.login .sec1 .include_box {
        width: 90%;
        padding: 100px 0;
        /* background-color: red; */
    }
    main.login .sec1 .left_box label {
        line-height: 40px;
        font-size: 18px;
    }
    main.login .sec1 .left_box label:nth-child(n+2) {
        margin-top: 14px;
    }
    main.login .sec1 .right_box .control:nth-child(n+2) {
        margin-top: 14px;
    }
    main.login .sec1 .right_box input {
        font-size: 18px;
        line-height: 40px;
    }
    main.login .sec1 .right_box .btn_box {
        padding: 20px 0;
        border-bottom: 2px solid #130005;
        justify-content: center;
    }
    main.login .sec1 .right_box .btn_box a {
        width: 100px;
        line-height: 40px;
        border-radius: 8px;
        font-size: 18px;
    }
    main.login .sec1 .right_box .btn_box .agree_btn {
        display: block;
        width: 120px;
        line-height: 45px;
        border-radius: 8px;
        font-size: 18px;
        color: white;
        /*background-color: #130005;*/
	background-color: #4849FF;
        font-family: "pretendard-M";
        text-align: center;
    }
    main.login .sec1 .right_box .util_box li {
        margin-top: 15px;
    }
    main.login .sec1 .right_box .util_box a {
        font-size: 14px;
    }
}
/* !aboutUs.php */
main.aboutUsPage {
    /* background-color: #ff6e7c; */
    background-color: white;
}
main.aboutUsPage > .bg {
    display: none;
}

main.aboutUsPage .secTitle {
    font-size: 40px;
    font-family: "pretendard-B";
    margin-bottom: 60px;
    text-align: center;
    color: white;
    transition: all 0.3s;
}
main.aboutUsPage .sec1 {
    background-image: url("../img/aboutUs_sec1.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
}
main.aboutUsPage .sec1 .sec_center {
    padding: 75px 0 120px;
    transition: all 0.3s;
}
main.aboutUsPage .sec1 .cont_box .tex_box {
    text-align: center;
}
main.aboutUsPage .sec1 .cont_box .tex_box:nth-child(n+2) {
    padding-top: 40px;
    transition: all 0.3s;
}
main.aboutUsPage .sec1 .cont_box p {
    font-size: 28px;
    line-height: 45px;
    transition: all 0.3s;
}
main.aboutUsPage .sec1 .cont_box p span {
    font-family: "pretendard-M";
}
main.aboutUsPage .sec2 {
    padding: 195px 0 295px;
    width: 1400px;
    margin: 0 auto;
}
main.aboutUsPage .sec2 .cont_box ul {
    /* background-color: pink; */
    display: flex;
    justify-content: space-between;
}
main.aboutUsPage .sec2 .cont_box ul li {
    width: 33.333333%;
}
main.aboutUsPage .sec2 .cont_box ul .flex_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
main.aboutUsPage .sec2 .cont_box ul .cir_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #ff6e7c;
    font-size: 32px;
    font-family: "pretendard-B";
    margin-bottom: 20px;
    transition: all 0.3s;
    color: white;
}
main.aboutUsPage .sec2 .cont_box ul .tex_box {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    transition: all 0.3s;
}
main.aboutUsPage .sec3 {
    padding-bottom: 100px;
    width: 1400px;
    margin: 0 auto;
}
main.aboutUsPage .sec3 .flex_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
main.aboutUsPage .sec3 .flex_box .img_box {
    width: 480px;
    transition: all 0.3s;
}
main.aboutUsPage .sec3 .flex_box .img_box img {
    width: 100%;
}
main.aboutUsPage .sec3 .tex_box {
    margin-left: 20px;
}
main.aboutUsPage .sec3 .tex_box li:nth-child(n+2) {
    margin-top: 40px;
}
main.aboutUsPage .sec3 .tex_box li p {
    font-size: 24px;
    margin-top: 20px;
    transition: all 0.3s;
}
main.aboutUsPage .sec3 .tex_box li p.fontM {
    font-size: 36px;
    font-family: "pretendard-M";
}
@media screen and (max-width:1400px){
    main.aboutUsPage .sec1 .sec_center {
        padding: 30px 0 40px;
    }
    main.aboutUsPage .sec1 .cont_box p {
        font-size: 13px;
        line-height: 20px;
    }
    main.aboutUsPage .sec1 .cont_box .tex_box:nth-child(n+2) {
        padding-top: 20px;
    }
    main.aboutUsPage .sec2 {
        width: 100%;
        padding: 80px 0 100px;
    }
    main.aboutUsPage .sec2 .cont_box ul .cir_box {
        font-size: 20px;
        width: 70px;
        height: 70px;
    }
    main.aboutUsPage .sec2 .cont_box ul .cir_box p {
        color: white;
    }
    main.aboutUsPage .sec2 .cont_box ul .tex_box {
        font-size: 14px;
        line-height: 20px;
    }
    main.aboutUsPage .sec3 {
        width:  100%;
    }
    main.aboutUsPage .sec3 .flex_box .img_box {
        width: 240px;
    }
    main.aboutUsPage .sec3 .tex_box li p {
        font-size: 16px;
        margin-top: 5px;
    }
    main.aboutUsPage .sec3 .tex_box li p.fontM {
        font-size: 24px;
    }
}
@media screen and (max-width:650px){
    main.aboutUsPage .secTitle {
        font-size: 30px;
        margin-bottom: 30px;
    }
    main.aboutUsPage .sec1 .sec_center {
        padding: 30px 10px 40px;
    }
    main.aboutUsPage .sec1 .cont_box p {
        font-size: 15px;
        line-height: 20px;
    }
    main.aboutUsPage .sec2 {
        padding: 80px 10px 100px;
    }
    main.aboutUsPage .sec2 .cont_box ul .tex_box {
        font-size: 13px;
        line-height: 18px;
    }
    main.aboutUsPage .sec3 {
        width: 100%;
        padding: 0 10px 100px;
    }
    main.aboutUsPage .sec3 .tex_box li p {
        font-size: 13px;
        margin-top: 5px;
    }
    main.aboutUsPage .sec3 .tex_box li p.fontM {
        font-size: 20px;
    }
}

/* !serviceAndBenefit.php */
main.serviceAndBenefit {
    /* background-color: #ff6e7c; */
    background-color: white;
}
main.serviceAndBenefit .sec_center {
    width: 1400px;
    margin: 0 auto;
    padding: 100px 0;
}
main.serviceAndBenefit .bigTitle_box {
    position: relative;
    width: max-content;
    margin: 0 auto;
    /* background-color: pink; */
    margin-bottom: 100px;
    width: 770px;
    padding-bottom: 34px;
}
main.serviceAndBenefit .bigTitle_box::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 41px;
    height: 34px;
    background-image: url("../img/icon_quotationMark1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
main.serviceAndBenefit .bigTitle_box::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 41px;
    height: 34px;
    background-image: url("../img/icon_quotationMark1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotateZ(180deg);
}
main.serviceAndBenefit .bigTitle_box p.bold {
    font-size: 60px;
    margin-bottom: 20px;
    font-family: "pretendard-B";
    transition: all 0.3s;
}
main.serviceAndBenefit .bigTitle_box p {
    font-size: 48px;
    text-align: center;
    transition: all 0.3s;
}
main.serviceAndBenefit .list_box {
    width: 1400px;
    margin: 0 auto;
    /* background-color: pink; */
    transition: all 0.3s;
}
main.serviceAndBenefit .list_box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    transition: all 0.3s;
}
main.serviceAndBenefit .list_box ul li {
    width: 22.85714285714286%;
    height: 307px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
main.serviceAndBenefit .list_box ul li:nth-child(n+2) {
    margin-left: 2.857142857142857%;
}
main.serviceAndBenefit .list_box ul li:nth-child(n+5) {
    margin-top: 60px;
}
main.serviceAndBenefit .list_box ul li:nth-child(5) {
    margin-left: 0px;
}
main.serviceAndBenefit .list_box ul li:nth-child(6) .flex_box .img_box {
    margin-bottom: 10px;
}
main.serviceAndBenefit .list_box ul li:nth-child(7) .flex_box .tex_box {
    margin-bottom: 40px;
}
main.serviceAndBenefit .list_box ul li .flex_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
main.serviceAndBenefit .list_box ul li .flex_box .top {
    /* background-color: aqua; */
}
main.serviceAndBenefit .list_box ul li .flex_box .img_box {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 34px;
    /* background-color: pink; */
}
main.serviceAndBenefit .list_box ul li .flex_box .img_box img {
    width: 100%;
}
main.serviceAndBenefit .list_box ul li .flex_box .tex_box p {
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
}
main.serviceAndBenefit .list_box ul li .flex_box .tex_box p.bold {
    font-size: 24px;
    font-family: "pretendard-B";
    margin-bottom: 20px;
    line-height: 1.3;
}
main.serviceAndBenefit .info_box {
    width: 1400px;
    margin: 100px auto 0;
    border-radius: 40px;
    background-color: #ececec;
    text-align: center;
    padding: 60px 0;
}
main.serviceAndBenefit .info_box .boxTitle {
    padding-bottom: 40px;
    font-size: 32px;
    /* color: #51d7ff; */
    color: #ff6e7c;
    font-family: "pretendard-B";
    transition: all 0.3s;
}
main.serviceAndBenefit .info_box .tex_box p {
    font-size: 24px;
    line-height: 1.6;
    transition: all 0.3s;
}
main.serviceAndBenefit .info_box .tex_box p span {
    font-family: "pretendard-M";
}
@media screen and (max-width:1400px) {
    main.serviceAndBenefit .sec_center {
        width: 95%;
        margin: 0 auto;
    }
    main.serviceAndBenefit .bigTitle_box {
        width: 50%;
        padding-top: 34px;
    }
    main.serviceAndBenefit .bigTitle_box::before {
        width: 20px;
        height: 17px;
    }
    main.serviceAndBenefit .bigTitle_box::after {
        width: 20px;
        height: 17px;
    }
    main.serviceAndBenefit .bigTitle_box p.bold {
        font-size: 25px;
        margin-bottom: 8px;
    }
    main.serviceAndBenefit .bigTitle_box p {
        font-size: 20px;
    }
    main.serviceAndBenefit .list_box {
        width: 100%;
        margin: 0 auto;
    }
    main.serviceAndBenefit .info_box {
        width: 100%;
    }
    main.serviceAndBenefit .list_box ul li {
        height: 150px;
        border-radius: 20px;
    }
    main.serviceAndBenefit .list_box ul li .flex_box .img_box {
        width: 25px;
        height: 25px;
        margin-bottom: 10px;
    }
    main.serviceAndBenefit .list_box ul li .flex_box .tex_box p.bold {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    main.serviceAndBenefit .list_box ul li .flex_box .tex_box p {
        font-size: 11px;
        line-height: 1.3;
    }
    main.serviceAndBenefit .list_box ul li:nth-child(7) .flex_box .tex_box {
        margin-bottom: unset;
    }
    main.serviceAndBenefit .info_box {
        padding: 35px 15px;
    }
    main.serviceAndBenefit .info_box .boxTitle {
        font-size: 17px;
        padding-bottom: 20px;
    }
    main.serviceAndBenefit .info_box .tex_box p {
        font-size: 14px;
        line-height: 1.3;
    }
}
@media screen and (max-width:950px) {
    main.serviceAndBenefit .list_box ul li:nth-child(n+5) {
        margin-top: unset;
    }
    main.serviceAndBenefit .list_box ul li:nth-child(5) {
        margin-top: unset;
    }
    main.serviceAndBenefit .list_box ul li {
        width: 49%;
        margin-top: 15px !important;
    }
    main.serviceAndBenefit .list_box ul li:nth-child(n+2) {
        margin-left: 0%;
    }
    main.serviceAndBenefit .list_box ul li:nth-child(2n) {
        margin-left: 2%;
    }
}
@media screen and (max-width:550px) {
    main.serviceAndBenefit .list_box ul li {
        min-height: 200px;
        height: max-content;
    }
    main.serviceAndBenefit .list_box ul li p {
        padding: 0 10px;
    }
    main.serviceAndBenefit .list_box ul li br {
        display: none;
    }
}
/* !bizPartnership.php */
main.bizPartnership .sec1 {
    width: 800px;
    margin: 0 auto;
    /* background-color: pink; */
    padding: 100px 0 340px;
    overflow: hidden;
}
main.bizPartnership .sec1 .secTitle_box {
    padding-bottom: 80px;
}
main.bizPartnership .sec1 .secTitle_box .secTitle {
    font-size: 40px;
    font-family: "pretendard-M";
    text-align: center;
}
main.bizPartnership .sec1 .cont_box li {
    border: 2px solid #ececec;
    border-radius: 20px;
    overflow: hidden;
}
main.bizPartnership .sec1 .cont_box li:nth-child(n+2) {
    margin-top: 50px;
}
main.bizPartnership .sec1 .cont_box li .flex_box {
    display: flex;
    align-items: center;
    height: 200px;
    transition: all 0.3s;
    /* background-color: #ff6e7c; */
    background-color: white;
}
main.bizPartnership .sec1 .cont_box li .flex_box > .img_box {
    width: 39.75%;
    height: 100%;
    /* background-color: aqua; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
main.bizPartnership .sec1 .cont_box li:nth-child(1) .flex_box > .img_box {
    background-image: url("../img/bizPartnership_list1.png");
}
main.bizPartnership .sec1 .cont_box li:nth-child(2) .flex_box > .img_box {
    background-image: url("../img/bizPartnership_list2.png");
}
main.bizPartnership .sec1 .cont_box li:nth-child(3) .flex_box > .img_box {
    background-image: url("../img/bizPartnership_list3.png");
}
main.bizPartnership .sec1 .cont_box li:nth-child(4) .flex_box > .img_box {
    background-image: url("../img/bizPartnership_list4.png");
}
main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box {
    width: 60.25%;
    padding: 0 0 0 60px;
    transition: all 0.3s;
}
main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box .img_box {
    margin-bottom: 16px;
    width: 80px;
    transition: all 0.3s;
} 
main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box .img_box img {
    width: 100%;
}
main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box a {
    display: inline-block;
    font-size: 24px;
    font-family: "pretendard-M";
    padding-right: 30px;
    background-image: url("../img/icon_right_small.png");
    background-repeat: no-repeat;
    background-size: 10px 20px;
    background-position: center right 10px;
    transition: all 0.35s;
}
main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box a:hover {
    background-position: center right 0px;
}
@media screen and (max-width:800px) {
    main.bizPartnership .sec1 {
        width: 100%;
        padding: 100px 10px 340px;
    }
    main.bizPartnership .sec1 .cont_box li .flex_box {
        height: 120px;
    }
    main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box {
        padding-left: 20px;
    }
    main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box a {
        font-size: 16px;
        background-size: 7px 15px;
        padding-right: 10px;
        background-position: center right 0px;
        width: 95%;
    }
    main.bizPartnership .sec1 .cont_box li .flex_box .partnerInfo_box .img_box {
        width: 60px;
    }
    
}

/* !salesAndRevenue.php */
main.salesAndRevenue .sec1 {
    padding: 57px 0 40px;
}
main.salesAndRevenue .sec_center {
    width: 1400px;
    margin: 0 auto;
}
main.salesAndRevenue .bot_board .botBoard_center {
    width: 680px;
    margin: 0 auto;
}
main.salesAndRevenue .bot_board .title_label {
    font-size: 24px;
    /* margin-bottom: 20px; */
    font-family: "pretendard-L";
}
main.salesAndRevenue .bot_board .title_label.mB {
    margin-bottom: 10px;
}
main.salesAndRevenue .bot_board .subTitle_label {
    font-size: 20px;
    color: #828282;
    margin-bottom: 12px;
    font-family: "pretendard-L";
}
main.salesAndRevenue .bot_board .top_box .flex_box {
    display: flex;
    padding: 20px 0 20px;
    /* border-bottom: 1px solid #828282; */
    transition: all 0.3s;
}
main.salesAndRevenue .bot_board .top_box .flex_box:last-child {
    border-bottom: 1px solid #828282;
}
main.salesAndRevenue .bot_board .top_box .flex_box > div {
    width: 50%;
    position: relative;
    transition: all 0.3s;
}
main.salesAndRevenue .bot_board .top_box .flex_box .left_box::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #130005;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
main.salesAndRevenue .bot_board .top_box .flex_box .right_box {
    padding-left: 60px;
}
main.salesAndRevenue .bot_board .top_box p.val {
    font-family: "pretendard-B";
    font-size: 28px;
    margin: 10px 0;
}
main.salesAndRevenue .bot_board .mid_box {
    border-bottom: 1px solid #828282;
    padding: 20px 0;
}
main.salesAndRevenue .bot_board .mid_box ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    transition: all 0.3s;
}
main.salesAndRevenue .bot_board .mid_box ul::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #130005;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}
main.salesAndRevenue .bot_board .mid_box ul li {
    width: 50%;
    transition: all 0.3s;
}
main.salesAndRevenue .bot_board .mid_box ul li:nth-child(2n) {
    padding-left: 60px;
}
main.salesAndRevenue .bot_board .mid_box ul li:nth-child(n+3) {
    margin-top: 20px;
}
main.salesAndRevenue .bot_board .mid_box ul li .cont_box {
    width: max-content;
}
main.salesAndRevenue .bot_board .mid_box ul li .cont_box > div {
    display: flex;
}
main.salesAndRevenue .bot_board .mid_box ul li .cont_box > div p:first-child {
    margin-right: 32px;
}

main.salesAndRevenue .bot_board .mid_box p {
    font-size: 24px;
    font-family: "pretendard-M";
}
main.salesAndRevenue .bot_board .mid_box p.fontMini {
    font-size: 16px;
    font-family: "pretendard-L";
    color: #ff4759;
    text-align: left;
    padding-top: 3px;
}
main.salesAndRevenue .bot_board .bot_box {
    padding: 20px 0 60px;
}
main.salesAndRevenue .bot_board .bot_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
    transition: all 0.3s;
}
main.salesAndRevenue .bot_board .bot_box ul li {
    transition: all 0.3s;
}
main.salesAndRevenue .bot_board .bot_box .cont_box p {
    font-size: 24px;
    font-family: "pretendard-M";
}
main.salesAndRevenue .bot_board .bot_box .btn_box {
    display: flex;
    justify-content: flex-end;
}
main.salesAndRevenue .bot_board .bot_box .btn_box a {
    font-size: 16px;
    /* padding-right: 15px; */
    /* padding-top: 2px; */
    /* background-image: url("../img/icon_right_small.png"); */
    /* background-size: 7px 14px; */
    /* background-repeat: no-repeat; */
    /* background-position: center right 4px; */
    /* transition: all 0.3s; */
}
main.salesAndRevenue .bot_board .bot_box .btn_box a:hover {
    /* background-position: center right; */
}
main.salesAndRevenue .bot_board .bot_box .btn_box a span {
    /* font-family: "pretendard-M"; */
}
@media screen and (max-width:1000px) {
    main.salesAndRevenue .bot_board .botBoard_center {
        width: 95%;
        /* background-color: pink; */
    }
    main.salesAndRevenue .bot_board .top_box .flex_box {
        /* flex-direction: column; */
    }
    main.salesAndRevenue .bot_board .top_box .flex_box > div {
        /* width: 100%; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: flex-start; */
    }
    main.salesAndRevenue .bot_board .top_box .flex_box .left_box {
        padding-bottom: 40px;
    }
    main.salesAndRevenue .bot_board .top_box .flex_box .right_box {
        padding-left: 0;
    }
    main.salesAndRevenue .bot_board .top_box .flex_box .left_box::after {
        display: none;
    }
    main.salesAndRevenue .bot_board .mid_box ul::after {
        display: none;
    }
    main.salesAndRevenue .bot_board .mid_box ul li:nth-child(2n) {
        padding-left: 0;
    }
}
@media screen and (max-width:650px) {
    main.salesAndRevenue .sec1 {
        padding-bottom: 0;
    }
    main.salesAndRevenue .bot_board .title_label {
        font-size: 18px;
    }
    main.salesAndRevenue .bot_board .top_box p.val {
        font-size: 20px;
    }
    main.salesAndRevenue .bot_board .top_box p.monVal {
        font-size: 14px;
    }
    main.salesAndRevenue .bot_board .top_box .flex_box .left_box {
        padding-bottom: 0;
    }
    main.salesAndRevenue .bot_board .mid_box p {
        font-size: 20px;
        text-align: center;
    }
    main.salesAndRevenue .bot_board .mid_box p.fontMini {
        font-size: 12px;
    }
    main.salesAndRevenue .bot_board .subTitle_label {
        font-size: 14px;
        margin-bottom: 6px;
    }
    main.salesAndRevenue .bot_board .bot_box .cont_box p {
        font-size: 18px;
    }
    main.salesAndRevenue .bot_board .bot_box .btn_box a {
        font-size: 12px;
    }
    main.salesAndRevenue .bot_board .mid_box ul li {
        width: 100%;
    }
    main.salesAndRevenue .bot_board .mid_box ul li:nth-child(n+2) {
        margin-top: 20px;
    }
    main.salesAndRevenue .bot_board .bot_box ul li {
        width: 50%;
    }
    main.salesAndRevenue .bot_board .bot_box ul li:nth-child(n+3) {
        margin-top: 15px;
    }
    main.salesAndRevenue .bot_board .mid_box ul li .cont_box {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

/* !viewAllPoints.php */
main.viewAllPoints .sec1 {
    padding: 45px 0 40px;
}
main.viewAllPoints .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.viewAllPoints .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.viewAllPoints .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 20px;
}
main.viewAllPoints .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.viewAllPoints .search_wrap .control_box.MR {
    margin-right: 80px;
}
main.viewAllPoints .search_wrap .control_box p.label {
    font-size: 24px;
}
main.viewAllPoints .search_wrap .control {
    margin-left: 20px;
}
main.viewAllPoints .search_wrap .I_date {
    width: 165px;
}
main.viewAllPoints .search_wrap #S_type1 {
    width: 240px;
}
main.viewAllPoints .search_wrap #S_type2 {
    width: 165px;
}
main.viewAllPoints .search_wrap #I_word {
    width: 505px;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
}
main.viewAllPoints .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 20px;
}
main.viewAllPoints .info_wrap {
    padding: 20px 0;
}
main.viewAllPoints .info_wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all 0.3s;
}
main.viewAllPoints .info_wrap ul li {
    width: 25%;
    transition: all 0.3s;
}
main.viewAllPoints .info_wrap p {
    font-size: 24px;
    font-family: "pretendard-M";
}
main.viewAllPoints .table_wrap .resUl {
    width: 100%;
}
main.viewAllPoints .table_wrap li[data-column="1"] {
    width: 4%;
    /* background-color: red; */
}
main.viewAllPoints .table_wrap .resUl li[data-column="2"] {
    width: 13%;
    /* background-color: orange; */
}
main.viewAllPoints .table_wrap .resUl li[data-column="3"] {
    width: 57%;
    /* background-color: yellow; */
}
main.viewAllPoints .table_wrap .resUl li[data-column="4"] {
    width: 17%;
    /* background-color: green; */
}
main.viewAllPoints .table_wrap .resUl li[data-column="5"] {
    width: 13%;
    /* background-color: blue; */
}
main.viewAllPoints ul.tableRow.mobile {
    align-items: center;
}
main.viewAllPoints ul.tableRow.mobile li.num {
    width: 10%;
    /* background-color: pink; */
}
main.viewAllPoints ul.tableRow.mobile ul.resUl {
    display: flex;
    flex-direction: column;
}
main.viewAllPoints ul.tableRow.mobile ul.resUl li {
    width: 100%;
    text-align: left;
    height: auto;
    padding: 5px 0;
}
@media screen and (max-width:1400px) {
    main.viewAllPoints .botBoard_center {
        /* background-color: pink; */
        width: 95%;
        /* padding: 20px 0 50px; */
    }
    main.viewAllPoints .search_wrap > .flex_box {
        /* flex-direction: column; */
    }
    main.viewAllPoints .search_wrap .control_box.MR {
        /* margin-bottom: 20px; */
        /* margin-right: 0; */
    }
    main.viewAllPoints .search_wrap > .flex_box.texF .control_box {
        /* margin-bottom: 20px; */
    }
    main.viewAllPoints .search_wrap a.search_btn {
        /* margin-left: 0; */
    }
    main.viewAllPoints .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.viewAllPoints input[type="text"] {
        font-size: 16px;
        line-height: 40px;
        border-radius: 4px;
    }
    main.viewAllPoints select {
        font-size: 16px;
        border-radius: 4px;
    }
    main.viewAllPoints .search_wrap .I_date {
        width: 100px;
		height: 40px;
    }
    main.viewAllPoints .search_wrap #S_type1 {
        width: 185px;
        height: 40px;
    }
    main.viewAllPoints .search_wrap #S_type2 {
        width: 95px;
        height: 40px;
    }
    main.viewAllPoints .search_wrap #I_word {
        font-size: 16px;
    }
    main.viewAllPoints .search_wrap a.search_btn {
        font-size: 16px;
        width: 60px;
        line-height: 40px;
        border-radius: 4px;
    }
    main.viewAllPoints .info_wrap p {
        font-size: 20px;
    }
    .table_wrap .table_header {
        font-size: 14px;
    }
    .table_wrap .table_body ul {
        /*font-size: 14px;*/
		font-size:1.7143vw;
    }
}
@media screen and (max-width:1000px) {
    main.viewAllPoints .botBoard_center {
        padding: 20px 0 50px;
    }
    main.viewAllPoints .search_wrap > .flex_box {
        flex-direction: column;
    }
    main.viewAllPoints .search_wrap .control_box.MR {
        margin-bottom: 20px;
        margin-right: 0;
    }
    main.viewAllPoints .search_wrap > .flex_box.texF .control_box {
        margin-bottom: 20px;
    }
    main.viewAllPoints .search_wrap a.search_btn {
        margin-left: 10px;
    }
    main.viewAllPoints .info_wrap ul li {
        width: 50%;
    }
    main.viewAllPoints .info_wrap ul li:nth-child(n+3) {
        margin-top: 10px;
    }
    main.viewAllPoints .search_wrap #I_word {
        width: 300px;
    }
}
@media screen and (max-width:650px) {
    main.viewAllPoints .search_wrap .control {
        margin-left: 10px;
    }
    main.viewAllPoints .search_wrap .control_box p.label {
        font-size: 14px;
    }
    main.viewAllPoints input[type="text"] {
        font-size: 14px;
    }
    main.viewAllPoints select {
        font-size: 14px;
    }
    main.viewAllPoints .search_wrap #S_type1 {
        width: 170px;
    }
    main.viewAllPoints .search_wrap #S_type2 {
        width: 90px;
    }
    main.viewAllPoints .search_wrap #I_word {
        width: 270px;
    }
    main.viewAllPoints .search_wrap a.search_btn {
        margin-left: 35px;
    }
    main.viewAllPoints .info_wrap p {
        font-size: 16px;
    }
    main.viewAllPoints .info_wrap p span {
        display: block;
        margin-top: 8px;
    }
    /*.table_wrap .table_header {
        display: none;
    }*/
	.table_wrap .table_body ul {
        font-size: 14px;
    }
}

/* !pointWithdrawal.php */
main.pointWithdrawal .sec1 {
    padding: 45px 0 40px;
}
main.pointWithdrawal .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.pointWithdrawal .botBoard_center {
    width: 516px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.pointWithdrawal .botBoard_center > div  {
    margin-bottom: 40px;
}
main.pointWithdrawal .botBoard_center .accountInfo_box .wrap {
    padding-top: 30px;
}
main.pointWithdrawal .bot_board .control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
}
main.pointWithdrawal .bot_board .control p.label {
    font-size: 24px;
}
main.pointWithdrawal .bot_board .control .notice {
    display: flex;
    font-size: 16px;
    color: #ff4759;
    position: absolute;
    bottom: -5px;
}
main.pointWithdrawal .bot_board .control .right_box p {
    width: 230px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    border: none;
    border-radius: 8px;
    background-color: #ececec;
}
main.pointWithdrawal .bot_board .notice_box .tex_box {
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    color: #ff4759;
}
main.pointWithdrawal .bot_board #S_poType {
    width: 230px;
}
main.pointWithdrawal .bot_board #I_poAmt {
    width: 230px;
}
main.pointWithdrawal .bot_board .control.btnList {
    flex-wrap: wrap;
}
main.pointWithdrawal .bot_board .control.btnList a {
    width: 19.38%;
    background-color: #51d7ff;
    color: white;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    border-radius: 8px;
    font-family: "pretendard-M";
}
main.pointWithdrawal .bot_board .control.btnList a:nth-child(n+2) {
    margin-left: 0.775%;
}
main.pointWithdrawal .bot_board .control.btnList a:nth-child(6n) {
    margin-left: 0px;
}
main.pointWithdrawal .bot_board .control.btnList a:nth-child(n+6) {
    margin-top: 3px;
}
main.pointWithdrawal .bot_board .control.btnList a.disN {
    border: unset;
    background-color: transparent;
    color: transparent;
    cursor: default;
}
main.pointWithdrawal .bot_board .control.btnList a.bo {
    background-color: white;
    border: 1px solid #51d7ff;
    color: #51d7ff;
}
main.pointWithdrawal .bot_board #S_bank {
    width: 230px;
}
main.pointWithdrawal .bot_board #I_accNum {
    width: 230px;
}
main.pointWithdrawal .bot_board #I_accHolder {
    width: 230px;
}
main.pointWithdrawal .bot_board #I_name {
    width: 230px;
}
main.pointWithdrawal .bot_board .I_jumin {
    width: 108px;
}
main.pointWithdrawal .bot_board .btn_box a {
    display: block;
    margin: 0 auto;
    width: 160px;
    line-height: 60px;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    text-align: center;
    font-size: 24px;
}
@media screen and (max-width:650px) {
    main.pointWithdrawal .botBoard_center {
        width: 95%;
    }
    main.pointWithdrawal .bot_board .notice_box .tex_box {
        font-size: 16px;
    }
    main.pointWithdrawal .bot_board .control p.label {
        font-size: 16px;
    }
    main.pointWithdrawal .bot_board #S_poType {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointWithdrawal .bot_board .control .right_box p {
        font-size: 16px;
        width: 185px;
        height: 45px;
        line-height: 45px;
    }
    main.pointWithdrawal .bot_board #I_poAmt {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointWithdrawal .bot_board .control.btnList a {
        width: 24%;
        font-size: 16px;
    }
    main.pointWithdrawal .bot_board .control.btnList a:nth-child(n+2) {
        /* margin-left: 1.25% !important; */
    }
    main.pointWithdrawal .bot_board .control.btnList a:nth-child(n+2) {
        margin-left: 0px !important;
    }
    main.pointWithdrawal .bot_board .control.btnList a:nth-child(6n) {
        margin-left: 1.25%;
    }
    main.pointWithdrawal .bot_board .control.btnList a.disN_mo {
        display: none;
        margin-left: 0% !important;
    }
    main.pointWithdrawal .bot_board .control .notice {
        bottom: -20px;
    }
    main.pointWithdrawal .bot_board #S_bank {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointWithdrawal .bot_board #I_accNum {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointWithdrawal .bot_board #I_accHolder {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointWithdrawal .bot_board #I_name {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointWithdrawal .bot_board .I_jumin {
        font-size: 16px;
        width: 85px;
        height: 45px;
    }
}

/* !pointWithdrawalHistory.php */
main.pointWithdrawalHistory .sec1 {
    padding: 45px 0 40px;
}
main.pointWithdrawalHistory .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.pointWithdrawalHistory .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.pointWithdrawalHistory .search_wrap {
    margin-bottom: 60px;
}
main.pointWithdrawalHistory .search_wrap > .flex_box {
    display: flex;
	justify-content:space-between;
    margin-bottom: 60px;
}
main.pointWithdrawalHistory .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.pointWithdrawalHistory .search_wrap .control_box.MR {
    /*margin-right: 80px;*/
	width:50%;
}
main.pointWithdrawalHistory .search_wrap .control_box p.label {
    font-size: 24px;
}
main.pointWithdrawalHistory .search_wrap .control {
    margin-left: 20px;
}
main.pointWithdrawalHistory .search_wrap .I_date {
    width: 165px;
}
main.pointWithdrawalHistory .search_wrap #S_type1 {
    width: 240px;
}
main.pointWithdrawalHistory .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 20px;
}
/* main.pointWithdrawalHistory .table_wrap .resUl {
    width: 86%;
} */
/* main.pointWithdrawalHistory .table_wrap li[data-column="1"] {
    width: 4%;
    background-color: red;
} */
main.pointWithdrawalHistory .table_wrap li[data-column="2"] {
    width: 10%;
    /* background-color: orange; */
}
main.pointWithdrawalHistory .table_wrap li[data-column="3"] {
    width: 12%;
    /* background-color: yellow; */
}
main.pointWithdrawalHistory .table_wrap li[data-column="4"] {
    width: 22%;
    /* background-color: green; */
}
main.pointWithdrawalHistory .table_wrap li[data-column="5"] {
    width: 22%;
    /* background-color: blue; */
}
main.pointWithdrawalHistory .table_wrap li[data-column="6"] {
    width: 26%;
    /* background-color: indigo; */
}
main.pointWithdrawalHistory .table_wrap li[data-column="6"] .flex_box {
    width: 100%;
    text-align: left;
    padding-left: 20px;
}
main.pointWithdrawalHistory .table_wrap li[data-column="7"] {
    width: 8%;
    /* background-color: purple; */
}
main.pointWithdrawalHistory ul.tableRow.mobile li {
    display: flex;
    flex-direction: column;
    height: unset;
}
main.pointWithdrawalHistory ul.tableRow.mobile li.num {
    width: 10%;
    /* background-color: pink; */
}
main.pointWithdrawalHistory ul.tableRow.mobile li:not(.num) {
    width: 90%;
}
main.pointWithdrawalHistory ul.tableRow.mobile li:not(.num) > div {
    width: 100%;
    text-align: left;
    /* background-color: aqua; */
}
main.pointWithdrawalHistory ul.tableRow.mobile li:not(.num) div p {
    padding: 2px 0;
}
main.pointWithdrawalHistory ul.tableRow.mobile li:not(.num) .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "pretendard-M";
    /* background-color: yellowgreen; */
}
main.pointWithdrawalHistory ul.tableRow.mobile li:not(.num) .flex_box .right_box {
    padding-right: 15px;
}
@media screen and (max-width:1400px) {
    main.pointWithdrawalHistory .botBoard_center {
        width: 95%;
    }
    main.pointWithdrawalHistory .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.pointWithdrawalHistory .search_wrap .control_box.MR {
        margin-right: 30px;
    }
    main.pointWithdrawalHistory input[type="text"] {
        line-height: 30px;
        font-size: 16px;
    }
    main.pointWithdrawalHistory .search_wrap .I_date {
        width: 100px;
		height: 40px;
        border-radius: 4px;
    }
    main.pointWithdrawalHistory select {
        height: 30px;
    }
    main.pointWithdrawalHistory .search_wrap #S_type1 {
        width: 180px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.pointWithdrawalHistory .search_wrap a.search_btn {
        line-height: 40px;
        font-size: 16px;
        width: 60px;
		height: 40px;
        border-radius: 4px;
        margin-left: 30px;
    }
}
@media screen and (max-width:650px) {
    main.pointWithdrawalHistory .search_wrap > .flex_box {
        flex-direction: column;
    }
    main.pointWithdrawalHistory .search_wrap > .flex_box > div {
        margin-bottom: 10px;
    }
    main.pointWithdrawalHistory .search_wrap a.search_btn {
        margin-left: 10px;
    }
    main.pointWithdrawalHistory .search_wrap {
        margin-bottom: -50px;
    }
}
/* !pointTransfer.php */
main.pointTransfer .sec1 {
    padding: 45px 0 40px;
}
main.pointTransfer .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.pointTransfer .botBoard_center {
    width: 516px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.pointTransfer .botBoard_center > div  {
    margin-bottom: 40px;
}
main.pointTransfer .bot_board .control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
main.pointTransfer .bot_board .control p.label {
    font-size: 24px;
}
main.pointTransfer .bot_board .control .right_box p {
    width: 230px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    border: none;
    border-radius: 8px;
    background-color: #ececec;
}
main.pointTransfer .bot_board .notice_box .tex_box {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    color: #ff4759;
    margin-bottom: 8px;
}
main.pointTransfer .bot_board #S_poType {
    width: 230px;
}
main.pointTransfer .bot_board #I_tarId {
    width: 230px;
}
main.pointTransfer .bot_board #I_poAmt {
    width: 230px;
}
main.pointTransfer .bot_board .control.btnList {
    flex-wrap: wrap;
}
main.pointTransfer .bot_board .control.btnList a {
    width: 19.38%;
    background-color: #51d7ff;
    color: white;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    border-radius: 8px;
    font-family: "pretendard-M";
}
main.pointTransfer .bot_board .control.btnList a:nth-child(n+2) {
    margin-left: 0.775%;
}
main.pointTransfer .bot_board .control.btnList a:nth-child(6n) {
    margin-left: 0px;
}
main.pointTransfer .bot_board .control.btnList a:nth-child(n+6) {
    margin-top: 3px;
}
main.pointTransfer .bot_board .control.btnList a.disN {
    border: unset;
    background-color: transparent;
    color: transparent;
    cursor: default;
}
main.pointTransfer .bot_board .control.btnList a.bo {
    background-color: white;
    border: 1px solid #51d7ff;
    color: #51d7ff;
}

main.pointTransfer .bot_board .btn_box a {
    display: block;
    margin: 0 auto;
    width: 160px;
    line-height: 60px;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    text-align: center;
    font-size: 24px;
}
@media screen and (max-width:650px){
    main.pointTransfer .botBoard_center {
        width: 95%;
    }
    main.pointTransfer .bot_board .control p.label {
        font-size: 16px;
    }
    main.pointTransfer .bot_board #S_poType {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointTransfer .bot_board .control .right_box p {
        font-size: 16px;
        width: 185px;
        line-height: 45px;
    }
    main.pointTransfer .bot_board #I_tarId {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointTransfer .bot_board #I_poAmt {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.pointTransfer .bot_board .control.btnList a {
        width: 24%;
        font-size: 16px;
    }
    main.pointTransfer .bot_board .control.btnList a:nth-child(n+2) {
        /* margin-left: 1.25% !important; */
    }
    main.pointTransfer .bot_board .control.btnList a:nth-child(n+2) {
        margin-left: 0px !important;
    }
    main.pointTransfer .bot_board .control.btnList a:nth-child(6n) {
        margin-left: 1.25%;
    }
    main.pointTransfer .bot_board .control.btnList a.disN_mo {
        display: none;
        margin-left: 0% !important;
    }
}
/* !pointTransferHistory.php */
main.pointTransferHistory .sec1 {
    padding: 45px 0 40px;
}
main.pointTransferHistory .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.pointTransferHistory .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.pointTransferHistory .search_wrap {
    position: relative;
    margin-bottom: 60px;
}
main.pointTransferHistory .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    width: 800px;
}
main.pointTransferHistory .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.pointTransferHistory .search_wrap .control_box.MR {
    /* margin-right: 80px; */
}
main.pointTransferHistory .search_wrap .control_box p.label {
    font-size: 24px;
}
main.pointTransferHistory .search_wrap .control {
    margin-left: 20px;
}
main.pointTransferHistory .search_wrap .I_date {
    width: 165px;
}
main.pointTransferHistory .search_wrap #S_type1 {
    width: 240px;
}
main.pointTransferHistory .search_wrap #I_word {
    width: 505px;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
}
main.pointTransferHistory .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 60px;
}
main.pointTransferHistory .search_wrap .flot_box {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
main.pointTransferHistory .search_wrap .flot_box p {
    font-size: 20px;
    font-family: "pretendard-M";
    text-align: right;
}
main.pointTransferHistory .search_wrap .flot_box p:nth-child(n+2) {
    margin-top: 12px;
}
main.pointTransferHistory .table_wrap li[data-column="1"] {
    width: 4%;
    /* background-color: red; */
}
main.pointTransferHistory .table_wrap li[data-column="2"] {
    width: 13%;
    /* background-color: orange; */
}
main.pointTransferHistory .table_wrap li[data-column="3"] {
    width: 30%;
    /* background-color: yellow; */
}
main.pointTransferHistory .table_wrap li[data-column="4"] {
    width: 15%;
    /* background-color: green; */
}
main.pointTransferHistory .table_wrap li[data-column="5"] {
    width: 15%;
    /* background-color: blue; */
}
main.pointTransferHistory .table_wrap li[data-column="6"] {
    width: 23%;
    /* background-color: indigo; */
    text-align: right;
    display: flex;
    align-items: flex-end;
    padding-right: 30px;
}

@media screen and (max-width:1400px) {
    main.pointTransferHistory .botBoard_center {
        width: 95%;
    }
    main.pointTransferHistory .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.pointTransferHistory .search_wrap .control_box.MR {
        margin-right: 30px;
    }
    main.pointTransferHistory .search_wrap > .flex_box {
        justify-content: unset;
    }
    main.pointTransferHistory .search_wrap .flot_box p {
        font-size: 14px;
    }
    main.pointTransferHistory input[type="text"] {
        line-height: 30px;
        font-size: 16px;
    }
    main.pointTransferHistory .search_wrap .I_date {
        width: 100px;
		height: 40px;
        border-radius: 4px;
    }
    main.pointTransferHistory select {
        height: 30px;
    }
    main.pointTransferHistory .search_wrap #S_type1 {
        width: 220px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.pointTransferHistory .search_wrap #I_word {
        width: 220px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.pointTransferHistory .search_wrap a.search_btn {
        line-height: 40px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 50px;
    }
}
@media screen and (max-width:650px) {
    main.pointTransferHistory .search_wrap > .flex_box {
        flex-direction: column;
    }
    
    main.pointTransferHistory .search_wrap > .flex_box > div {
        margin-bottom: 10px;
    }
    main.pointTransferHistory .search_wrap .flot_box {
        /* position: unset; */
    }
    main.pointTransferHistory .search_wrap a.search_btn {
        margin-left: 10px;
    }
    main.pointTransferHistory .search_wrap {
        /* margin-bottom: -50px; */
    }
}
/* !wincardTransfer.php */
main.wincardTransfer .sec1 {
    padding: 45px 0 40px;
	background: #fbfbfb;
}
main.wincardTransfer .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.wincardTransfer .botBoard_center {
    width: 516px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.wincardTransfer .botBoard_center > div  {
    margin-bottom: 40px;
}
main.wincardTransfer .bot_board .control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
}
main.wincardTransfer .bot_board .control p.label {
    font-size: 22px;
}
main.wincardTransfer .bot_board .control .right_box p {
    width: 230px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    border: none;
    border-radius: 8px;
    background-color: #ececec;
}
main.wincardTransfer .bot_board .control .notice_box {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    color: #ff4759;
    display: flex;
    align-items: flex-start;
}
main.wincardTransfer .bot_board .notice_box .tex_box {
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    color: #ff4759;
    margin-bottom: 8px;
}
main.wincardTransfer .bot_board #S_poType {
    width: 230px;
}
main.wincardTransfer .bot_board #I_poAmt {
    width: 230px;
}
main.wincardTransfer .bot_board .control.btnList {
    flex-wrap: wrap;
	margin: 40px 0;
}
main.wincardTransfer .bot_board .control.btnList a {
    width: 19.38%;
    /*background-color: #51d7ff;*/
	background-color: #CFDAFF;
    color: #130005;
    width: 100px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    border-radius: 8px;
    font-family: "pretendard-M";
}
main.wincardTransfer .bot_board .control.btnList a:nth-child(n+2) {
    margin-left: 0.775%;
}
main.wincardTransfer .bot_board .control.btnList a:nth-child(6n) {
    margin-left: 0px;
}
main.wincardTransfer .bot_board .control.btnList a:nth-child(n+6) {
    margin-top: 3px;
}
main.wincardTransfer .bot_board .control.btnList a.disN {
    border: unset;
    background-color: transparent;
    color: transparent;
    cursor: default;
}
main.wincardTransfer .bot_board .control.btnList a.bo {
    background-color: transparent;
    border: 1px solid #4849FF;
    color: #4849FF;
}
main.wincardTransfer .bot_board .control.backGC {
    background-color: #ececec;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
main.wincardTransfer .bot_board .control.backGC .upLabel {
    font-size: 24px;
    font-family: "pretendard-M";
	font-weight: bold;
}
main.wincardTransfer .bot_board .control.backGC ul {
    width: 100%;
    /* background-color: pink; */
}
main.wincardTransfer .bot_board .control.backGC ul li {
    display: flex;
    justify-content: space-between;
}
main.wincardTransfer .bot_board .control.backGC ul li p {
    font-size: 22px;
    line-height: unset;
    background-color: unset;
    height: unset;
    margin-top: 20px;
    text-align: right;
    /* background-color: aqua; */
}
main.wincardTransfer .bot_board .control.cardNum_control .right_box {
    width: 67.25%;
    display: flex;
    justify-content: space-between;
}
main.wincardTransfer .bot_board .control.cardNum_control input.cardNum {
    width: 23% !important;
    /* background-color: pink !important; */
}


main.wincardTransfer .bot_board .control.phone_control {
    align-items: flex-start;
}
main.wincardTransfer .bot_board .control.phone_control .right_box {
    width: 67.25%;
}
main.wincardTransfer .bot_board .control.phone_control .flex_box {
    display: flex;
    justify-content: space-between;
}
main.wincardTransfer .bot_board .control.phone_control .flex_box.EL_certi {
    overflow: hidden;
    height: 0px;
    transition: all 0.3s;
}
main.wincardTransfer .bot_board .control.phone_control .flex_box:nth-child(n+2) {
    margin-top: 10px;
}
main.wincardTransfer .bot_board .control.phone_control .flex_box p {
    background-color: transparent;
    font-size: 24px;
}
main.wincardTransfer .bot_board .control.phone_control .flex_box a {
    display: block;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    border-radius: 8px;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
    font-family: "pretendard-M";
}
main.wincardTransfer #certiNum {
    width: 160px;
}
main.wincardTransfer .bot_board .control.phone_control .flex_box .L_con {
    width: 55% !important;
    /* background-color: pink; */
}
main.wincardTransfer .bot_board .control.phone_control .flex_box .R_con {
    width: 43% !important;
    /* background-color: aqua; */
}

main.wincardTransfer .bot_board .btn_box a {
    display: block;
    margin: 0 auto;
    line-height: 60px;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    text-align: center;
    font-size: 24px;
}
@media screen and (max-width:650px) {
    main.wincardTransfer .botBoard_center {
        width: 95%;
    }
    main.wincardTransfer .bot_board .notice_box .tex_box {
        font-size: 16px;
    }
    main.wincardTransfer .bot_board .control p.label {
        font-size: 16px;
    }
    main.wincardTransfer .bot_board #S_poType {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.wincardTransfer .bot_board .control .right_box p {
        font-size: 16px;
        width: 185px;
        height: 45px;
        line-height: 45px;
    }
    main.wincardTransfer .bot_board .control .notice_box {
        font-size: 10px;
    }
    main.wincardTransfer .bot_board #I_poAmt {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.wincardTransfer .bot_board .control.btnList a {
        width: 24%;
        font-size: 16px;
    }
    main.wincardTransfer .bot_board .control.btnList a:nth-child(n+2) {
        /* margin-left: 1.25% !important; */
    }
    main.wincardTransfer .bot_board .control.btnList a:nth-child(n+2) {
        margin-left: 0px !important;
    }
    main.wincardTransfer .bot_board .control.btnList a:nth-child(6n) {
        margin-left: 1.25%;
    }
    main.wincardTransfer .bot_board .control.btnList a.disN_mo {
        display: none;
        margin-left: 0% !important;
    }
    main.wincardTransfer .bot_board .control.backGC .upLabel {
        font-size: 18px;
    }
    main.wincardTransfer .bot_board .control.backGC ul li p {
        font-size: 16px;
        width: unset;
    }
    main.wincardTransfer .bot_board .control.backGC ul li .right_box p {
        max-width: 125px;
        /* background-color: aqua; */
    }
    main.wincardTransfer .bot_board .control.cardNum_control {
        flex-direction: column;
        align-items: flex-start;
    }
    main.wincardTransfer .bot_board .control.cardNum_control .right_box {
        padding: 10px 0 15px;
        width: 100%;
    }
    main.wincardTransfer .bot_board .control.cardNum_control input.cardNum {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
    main.wincardTransfer .bot_board .control.phone_control {
        flex-direction: column;
        align-items: flex-start;
    }
    main.wincardTransfer .bot_board .control.phone_control .right_box {
        padding: 10px 0 15px;
        width: 100%;
    }
    main.wincardTransfer .bot_board .control.phone_control .flex_box p {
        font-size: 16px;
    }
    main.wincardTransfer .bot_board .control.phone_control .flex_box .R_con {
        font-size: 16px;
        line-height: 45px;
        height: 45px;
    }
    main.wincardTransfer #certiNum {
        font-size: 16px;
        width: 185px;
        height: 45px;
    }
}

/* !wincardTransferHistory.php */
main.wincardTransferHistory .sec1 {
    padding: 45px 0 40px;
}
main.wincardTransferHistory .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.wincardTransferHistory .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.wincardTransferHistory .search_wrap {
    margin-bottom: 60px;
}
main.wincardTransferHistory .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 60px;
}
main.wincardTransferHistory .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.wincardTransferHistory .search_wrap .control_box.MR {
    margin-right: 80px;
}
main.wincardTransferHistory .search_wrap .control_box p.label {
    font-size: 24px;
}
main.wincardTransferHistory .search_wrap .control {
    margin-left: 20px;
}
main.wincardTransferHistory .search_wrap .I_date {
    width: 165px;
}
main.wincardTransferHistory .search_wrap #S_type1 {
    width: 240px;
}
main.wincardTransferHistory .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 80px;
}
main.wincardTransferHistory .table_wrap li[data-column="1"] {
    /* width: 4%; */
    /* background-color: red; */
}
main.wincardTransferHistory .table_wrap li[data-column="2"] {
    width: 12%;
    /* background-color: orange; */
}
main.wincardTransferHistory .table_wrap li[data-column="3"] {
    width: 13%;
    /* background-color: yellow; */
}
main.wincardTransferHistory .table_wrap li[data-column="4"] {
    width: 25%;
    /* background-color: green; */
}
main.wincardTransferHistory .table_wrap li[data-column="5"] {
    width: 25%;
    /* background-color: blue; */
}
main.wincardTransferHistory .table_wrap li[data-column="6"] {
    width: 25%;
    /* background-color: indigo; */
}
main.wincardTransferHistory ul.tableRow.mobile li {
    display: flex;
    flex-direction: column;
    height: unset;
}
main.wincardTransferHistory ul.tableRow.mobile li.num {
    width: 10%;
    /* background-color: pink; */
}
main.wincardTransferHistory ul.tableRow.mobile li:not(.num) {
    width: 90%;
}
main.wincardTransferHistory ul.tableRow.mobile li:not(.num) p {
    padding: 2px 0;
}
main.wincardTransferHistory ul.tableRow.mobile li:not(.num) p.fM {
    font-family: "pretendard-M" !important;
}
@media screen and (max-width:1400px) {
    main.wincardTransferHistory .botBoard_center {
        width: 95%;
    }
    main.wincardTransferHistory .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.wincardTransferHistory .search_wrap .control_box.MR {
        margin-right: 30px;
    }
    main.wincardTransferHistory input[type="text"] {
        line-height: 30px;
        font-size: 16px;
    }
    main.wincardTransferHistory .search_wrap .I_date {
        width: 100px;
		height: 40px;
        border-radius: 4px;
    }
    main.wincardTransferHistory select {
        height: 30px;
    }
    main.wincardTransferHistory .search_wrap #S_type1 {
        width: 180px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.wincardTransferHistory .search_wrap a.search_btn {
        line-height: 40px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 30px;
    }
}
@media screen and (max-width:650px) {
    main.wincardTransferHistory .search_wrap > .flex_box {
        flex-direction: column;
    }
    main.wincardTransferHistory .search_wrap > .flex_box > div {
        margin-bottom: 10px;
    }
    main.wincardTransferHistory .search_wrap a.search_btn {
        margin-left: 10px;
    }
    main.wincardTransferHistory .search_wrap {
        margin-bottom: -50px;
    }
}

/* !orderHistory.php */
main.orderHistory .sec1 {
    padding: 45px 0 40px;
}
main.orderHistory .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.orderHistory .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.orderHistory .search_wrap {
    margin-bottom: 60px;
    position: relative;
    transition: all 0.3s;
}
main.orderHistory .search_wrap .flot_box {
    /* position: absolute;
    top: 0px;
    right: 0px; */
}
main.orderHistory .search_wrap .flot_box p {
    font-size: 20px;
    font-family: "pretendard-M";
    text-align: right;
}
main.orderHistory .search_wrap .flot_box p:nth-child(n+2) {
    margin-top: 12px;
}
main.orderHistory .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 20px;
}
main.orderHistory .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.orderHistory .search_wrap .control_box.MR {
    margin-right: 80px;
}
main.orderHistory .search_wrap .control_box p.label {
    font-size: 24px;
}
main.orderHistory .search_wrap .control {
    margin-left: 20px;
}
main.orderHistory .search_wrap .I_date {
    width: 165px;
}
main.orderHistory .search_wrap #S_type1 {
    width: 240px;
}
main.orderHistory .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 80px;
}
main.orderHistory .table_wrap li[data-column="1"] {
    /* width: 4%; */
    /* background-color: red; */
}
main.orderHistory .table_wrap li[data-column="2"] {
    width: 13%;
    /* background-color: orange; */
}
main.orderHistory .table_wrap li[data-column="3"] {
    width: 38%;
    /* background-color: yellow; */
}
main.orderHistory .table_wrap li[data-column="4"] {
    width: 5%;
    /* background-color: green; */
}
main.orderHistory .table_wrap li[data-column="5"] {
    width: 8%;
    /* background-color: blue; */
}
main.orderHistory .table_wrap li[data-column="6"] {
    width: 10%;
    /* background-color: indigo; */
}
main.orderHistory .table_wrap li[data-column="7"] {
    width: 18%;
    /* background-color: purple; */
}
main.orderHistory .table_wrap li[data-column="8"] {
    width: 8%;
    /* background-color: pink; */
}
main.orderHistory .table_wrap li[data-column="8"] a {
    display: block;
    width: 90%;
    line-height: 40px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    border-radius: 8px;
    color: white;
    transition: all 0.3s;
}
main.orderHistory ul.tableRow.mobile li {
    display: flex;
    flex-direction: column;
    height: unset;
    position: relative;
}
main.orderHistory ul.tableRow.mobile li.num {
    width: 10%;
    /* background-color: pink; */
}
main.orderHistory ul.tableRow.mobile li:not(.num) {
    width: 90%;
}
main.orderHistory ul.tableRow.mobile li:not(.num) p {
    padding: 2px 0;
}
main.orderHistory ul.tableRow.mobile li:not(.num) p.PB {
    padding-bottom: 10px;
}
main.orderHistory ul.tableRow.mobile li:not(.num) a {
    display: block;
    position: absolute;
    bottom: 0;
    right: 10px;
    line-height: 30px;
    width: 80px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    border-radius: 4px;
    color: white;
    text-align: center;
}
main.orderHistory ul.tableRow.mobile li:not(.num) p.fM {
    font-family: "pretendard-M" !important;
}
@media screen and (max-width:1400px) {
    main.orderHistory .botBoard_center {
        width: 95%;
    }
    main.orderHistory .search_wrap {
        margin-bottom: 30px;
    }
    main.orderHistory .search_wrap .control_box p.label {
        font-size: 18px;
        /* width: 65px; */
    }
    main.orderHistory .search_wrap .control_box.MR {
        margin-right: 30px;
    }
    main.orderHistory input[type="text"] {
        line-height: 30px;
        font-size: 16px;
    }
    main.orderHistory .search_wrap > .flex_box {
        justify-content: unset;
    }
    main.orderHistory .search_wrap .flot_box p {
        font-size: 14px;
    }
    main.orderHistory .search_wrap .I_date {
        width: 100px;
		height: 40px;
        border-radius: 4px;
    }
    main.orderHistory select {
        height: 30px;
    }
    main.orderHistory .search_wrap #S_type1 {
        width: 180px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.orderHistory .search_wrap a.search_btn {
        line-height: 40px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 10px;
    }
    main.orderHistory .table_wrap li[data-column="8"] a {
        line-height: 35px;
    }
}
@media screen and (max-width:650px) {
    main.orderHistory .search_wrap > .flex_box {
        flex-direction: column;
    }
    main.orderHistory .search_wrap > .flex_box > div {
        margin-bottom: 10px;
    }
    main.orderHistory .search_wrap a.search_btn {
        margin-left: 10px;
    }
    main.orderHistory .search_wrap {
        margin-bottom: 30px;
    }
}

/* !subMemOrderHistory.php */
main.subMemOrderHistory .sec1 {
    padding: 45px 0 40px;
}
main.subMemOrderHistory .sec_center {
    width: 1400px;
    margin:  0 auto;
}

main.my_sub_id .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.sub_member_register .sec_center {
    width: 1400px;
    margin:  0 auto;
}


main.subMemOrderHistory .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.subMemOrderHistory .search_wrap {
    position: relative;
    margin-bottom: 60px;
}
main.subMemOrderHistory .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}
main.subMemOrderHistory .search_wrap > .flex_box .inner_wrap {
    display: flex;
}
main.subMemOrderHistory .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.subMemOrderHistory .search_wrap .control_box.MR {
    margin-right: 80px;
}
main.subMemOrderHistory .search_wrap .control_box p.label {
    font-size: 24px;
}
main.subMemOrderHistory .search_wrap .control {
    margin-left: 20px;
}
main.subMemOrderHistory .search_wrap .I_date {
    width: 165px;
}
main.subMemOrderHistory .search_wrap #I_word1 {
    width: 430px;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
}
main.subMemOrderHistory .search_wrap #I_word2 {
    width: 470px;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
}
main.subMemOrderHistory .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 20px;
}
main.subMemOrderHistory .search_wrap .flot_box {
    position: absolute;
    top: 0px;
    right: 0px;
}
main.subMemOrderHistory .search_wrap .flot_box p {
    font-size: 20px;
    font-family: "pretendard-M";
    text-align: right;
}
main.subMemOrderHistory .search_wrap .flot_box p:nth-child(n+2) {
    margin-top: 12px;
}
main.subMemOrderHistory .table_wrap li a {
    /* background-color: pink; */
    display: block;
    font-family: "pretendard-M";
    border-bottom: 1px solid #130005;
}
main.subMemOrderHistory .table_wrap li[data-column="1"] {
    width: 4%;
    /* background-color: red; */
}
main.subMemOrderHistory .table_wrap li[data-column="2"] {
    width: 10%;
    /* background-color: orange; */
}
main.subMemOrderHistory .table_wrap li[data-column="3"] {
    width: 29%;
    /* background-color: yellow; */
        
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding-left: 1%;
}
main.subMemOrderHistory .table_wrap li[data-column="4"] {
    width: 10%;
    /* background-color: green; */
}
main.subMemOrderHistory .table_wrap li[data-column="5"] {
    width: 34%;
    /* background-color: blue; */
    
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding-left: 1%;
}
main.subMemOrderHistory .table_wrap li[data-column="6"] {
    width: 4%;
    /* background-color: indigo; */
}
main.subMemOrderHistory .table_wrap li[data-column="7"] {
    width: 13%;
    /* background-color: purple; */
    
    display: flex;
    align-items: flex-end;
    text-align: right;
    padding-right: 1%;
}
@media screen and (max-width:1400px) {
    main.subMemOrderHistory .botBoard_center {
        width: 95%;
    }
    main.subMemOrderHistory .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.subMemOrderHistory .search_wrap .control_box.MR {
        margin-right: 30px;
    }
    main.subMemOrderHistory .search_wrap > .flex_box {
        justify-content: unset;
    }
    main.subMemOrderHistory .search_wrap .flot_box p {
        font-size: 14px;
    }
    main.subMemOrderHistory input[type="text"] {
        line-height: 30px;
        font-size: 16px;
    }
    main.subMemOrderHistory .search_wrap .I_date {
        width: 100px;
		height: 40px;
        border-radius: 4px;
    }
    main.subMemOrderHistory select {
        height: 40px;
    }
    main.subMemOrderHistory .search_wrap #I_word1 {
        width: 220px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.subMemOrderHistory .search_wrap #I_word2 {
        width: 220px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.subMemOrderHistory .search_wrap a.search_btn {
        line-height: 40px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 10px;
    }
}
@media screen and (max-width:700px) {
    main.subMemOrderHistory .search_wrap > .flex_box {
        flex-direction: column;
    }
    main.subMemOrderHistory .search_wrap > .flex_box .inner_wrap {
        flex-direction: column;
    }
    main.subMemOrderHistory .search_wrap .control_box {
        margin-bottom: 10px;
    }
}
@media screen and (max-width:650px) {
    main.subMemOrderHistory .search_wrap > .flex_box {
        margin-bottom: 10px;
    }
    main.subMemOrderHistory .search_wrap > .flex_box > div {
        margin-bottom: 10px;
    }
    main.subMemOrderHistory .search_wrap .flot_box {
        position: unset;
    }
    main.subMemOrderHistory .search_wrap a.search_btn {
        margin-left: 10px;
    }
    main.subMemOrderHistory .search_wrap {
        margin-bottom: 30px;
    }
}
/* !RecomManagement.php */
main.RecomManagement .sec1 {
    padding: 45px 0 40px;
}
main.RecomManagement .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.RecomManagement .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.RecomManagement .search_wrap {
    position: relative;
    margin-bottom: 60px;
}
main.RecomManagement .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 20px;
    width: 800px;
    justify-content: space-between;
}
main.RecomManagement .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.RecomManagement .search_wrap .control_box.MR {
    /* margin-right: 80px; */
}
main.RecomManagement .search_wrap .control_box p.label {
    font-size: 24px;
}
main.RecomManagement .search_wrap .control_box .right_box {
    display: flex;
    margin-left: 20px;
}
main.RecomManagement .search_wrap .control_box .right_box input:first-child+label {
    margin-right: 10px;
}
main.RecomManagement .search_wrap .control_box .right_box input:checked+label .radio_cir {
    padding: 4px;
}
main.RecomManagement .search_wrap .control {
    margin-left: 20px;
}
main.RecomManagement .search_wrap .I_date {
    width: 165px;
}
main.RecomManagement .search_wrap #S_type1 {
    width: 240px;
}
main.RecomManagement .search_wrap #I_word {
    width: 505px;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
}
main.RecomManagement .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 20px;
}
main.RecomManagement .search_wrap .flot_box {
    position: absolute;
    bottom: 0px;
    right: 0px;
    transform: translateY(100%);
}
main.RecomManagement .search_wrap .flot_box p {
    font-size: 20px;
    font-family: "pretendard-M";
    text-align: right;
}
main.RecomManagement .search_wrap .flot_box p:nth-child(n+2) {
    margin-top: 12px;
}
main.RecomManagement .search_wrap #S_sort1 {
    width: 130px;
    height: 40px;
    font-size: 20px;
    position: relative;
    bottom: -10px;
}
main.RecomManagement .table_wrap li a {
    /* background-color: pink; */
    display: block;
    font-family: "pretendard-M";
    border-bottom: 1px solid #130005;
}
main.RecomManagement .table_wrap li[data-column="1"] {
    width: 4%;
    /* background-color: red; */
}
main.RecomManagement .table_wrap li[data-column="2"] {
    width: 6%;
    /* background-color: orange; */
}
main.RecomManagement .table_wrap li[data-column="3"] {
    width: 30%;
    /* background-color: yellow; */
}
main.RecomManagement .table_wrap li[data-column="4"] {
    width: 13%;
    /* background-color: green; */
}
main.RecomManagement .table_wrap li[data-column="5"] {
    width: 13%;
    /* background-color: blue; */
}
main.RecomManagement .table_wrap li[data-column="6"] {
    width: 14%;
    /* background-color: indigo; */
}
main.RecomManagement .table_wrap li[data-column="7"] {
    width: 12%;
    /* background-color: purple; */
}
main.RecomManagement .table_wrap li[data-column="8"] {
    width: 12%;
    /* background-color: pink; */
}
main.RecomManagement .table_wrap .table_body ul.tableRow.mobile li .wrap a {
    margin-right: 10px;
}
@media screen and (max-width:1400px) {
    main.RecomManagement .botBoard_center {
        width: 95%;
    }
    main.RecomManagement .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.RecomManagement .search_wrap .control_box.MR {
        margin-right: 30px;
    }
    main.RecomManagement .search_wrap > .flex_box {
        justify-content: unset;
    }
    main.RecomManagement .search_wrap .flot_box p {
        font-size: 14px;
    }
    main.RecomManagement input[type="text"] {
        line-height: 30px;
        font-size: 16px;
    }
    main.RecomManagement .search_wrap .I_date {
        width: 100px;
		height: 40px;
        border-radius: 4px;
    }
    main.RecomManagement select {
        height: 40px;
    }
    main.RecomManagement .search_wrap #S_type1 {
        width: 220px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.RecomManagement .search_wrap #I_word {
        width: 220px;
		height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    /* main.RecomManagement .search_wrap #S_sort1 {
        width: 110px;
        font-size: 16px;
        border-radius: 4px;
        height: 30px;
    } */
    main.RecomManagement .search_wrap a.search_btn {
        line-height: 40px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 30px;
    }
}
@media screen and (max-width:650px) {
    main.RecomManagement .search_wrap > .flex_box {
        flex-direction: column;
    }
    
    main.RecomManagement .search_wrap > .flex_box > div {
        margin-bottom: 10px;
    }
    main.RecomManagement .search_wrap .flot_box {
        /* position: unset; */
    }
    main.RecomManagement .search_wrap a.search_btn {
        margin-left: 10px;
    }
    main.RecomManagement .search_wrap {
        margin-bottom: 0px;
    }
}
/* !memberGen.php */
main.memberGen .sec1 {
    padding: 45px 0 40px;
}
main.memberGen .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.memberGen .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.memberGen .search_wrap {
    position: relative;
    margin-bottom: 60px;
}
main.memberGen .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 20px;
    width: 800px;
    justify-content: space-between;
    transition: all 0.3s;
}
main.memberGen .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.memberGen .search_wrap .control_box.MR {
    /* margin-right: 80px; */
}
main.memberGen .search_wrap .control_box p.label {
    font-size: 24px;
}
main.memberGen .search_wrap .control_box .right_box {
    display: flex;
    margin-left: 20px;
}
main.memberGen .search_wrap .control_box .right_box input:first-child+label {
    margin-right: 10px;
}
main.memberGen .search_wrap .control_box .right_box input:checked+label .radio_cir {
    padding: 4px;
}
main.memberGen .search_wrap .control {
    margin-left: 20px;
}
main.memberGen .search_wrap .control.modif_control {
    display: flex;
    align-items: center;
}
main.memberGen .search_wrap #I_count {
    width: 80px;
}
main.memberGen .search_wrap .control.modif_control a {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: all 0.3s;
}
main.memberGen .search_wrap .control.modif_control a.minus_btn {
    margin-right: 10px;
}
main.memberGen .search_wrap .control.modif_control a.plus_btn {
    margin-left: 10px;
}
main.memberGen .search_wrap .control.modif_control a img {
    width: 21px;
    transition: all 0.3s;
}
main.memberGen .search_wrap #I_word {
    width: 505px;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
    transition: all 0.3s;
}
main.memberGen .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 20px;
    transition: all 0.3s;
}
@media screen and (max-width:1400px) {
    main.memberGen .botBoard_center {
        width: 95%;
    }
    main.memberGen .search_wrap > .flex_box {
        width: 100%;
        justify-content: flex-start;
    }
    main.memberGen .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.memberGen .search_wrap #I_word {
        width: 370px;
    }
}
@media screen and (max-width:650px) {
    main.memberGen .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.memberGen .search_wrap a.search_btn {
        line-height: 40px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 10px;
    }
    main.memberGen .search_wrap > .flex_box {
        flex-direction: column;
    }
    main.memberGen .search_wrap #I_word {
        width: 100%;
        height: 40px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.memberGen .search_wrap .control.modif_control a {
        width: 30px;
        height: 30px;
        border-radius: 4px;
    }
    main.memberGen .search_wrap .control.modif_control a img {
        width: 8px;
    }
    main.memberGen .search_wrap #I_count {
        line-height: 35px;
        width: 50px;
        font-size: 16px;
    }
}
/* !renewalSend.php */

main.renewalSend .sec1 {
    padding: 45px 0 40px;
}
main.renewalSend .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.renewalSend .botBoard_center {
    width: 516px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.renewalSend .botBoard_center > div  {
    margin-bottom: 40px;
}
main.renewalSend .bot_board .notice_box .tex_box {
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    color: #ff4759;
    margin-bottom: 8px;
}
main.renewalSend .bot_board .control {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}
main.renewalSend .bot_board .control p.label {
    font-size: 24px;
    width:160px;
}
main.renewalSend .bot_board .control .right_box p {
    width: 230px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    border: none;
    border-radius: 8px;
    background-color: #ececec;
}
main.renewalSend .bot_board .control .right_box .pos_count_box{
    width:88px;
}
main.renewalSend .bot_board .control .pos_span{
    font-size:24px;
    margin-left:8px;
    line-height:60px;
}
main.renewalSend .bot_board .control .send_span{
    font-size:24px; 
    margin-left:8px; 
    line-height:60px;
}
main.renewalSend .bot_board .control .plus_btn{
    width:40px; 
    height:40px; 
    border-radius:8px; 
    background:#fff; 
    border:1px solid #cbcbcb; 
    margin:10px 0 10px 10px;
}
main.renewalSend .bot_board .control .minus_btn{
    width:40px; 
    height:40px; 
    border-radius:8px; 
    background:#fff; 
    border:1px solid #cbcbcb; 
    margin:10px 10px 10px 0;
}
main.renewalSend .bot_board .control .right_box .send_count_box{
    width:88px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:8px;
}
main.renewalSend .bot_board .control .send_count{
    width:88px; 
    height:60px; 
    font-size:20px; 
    text-align:center; 
}
main.renewalSend .bot_board .control .right_box.search{
    position:relative;
}
main.renewalSend .bot_board .control .right_box.search input{
    width:340px; 
    text-align:start;
    padding-left:20px;
    height:60px;
}
main.renewalSend .bot_board .control .right_box.search input::placeholder{
    color:#848484;
    font-size:24px;
    font-family:'pretendard-R';
    line-height:60px;
}
main.renewalSend .bot_board .control .right_box.search button{
    position:absolute;
    right:0;
    top:0; 
    background-color:#4849FF; 
    width:58px; 
    height:58px; 
    border-radius:8px;
}
main.renewalSend .bot_board .control .right_box.search button img{
    width:24px; 
    height:24px;
}
main.renewalSend .bot_board .control .right_box.choice p{
    width:340px; 
    text-align:start;
    background:#ececec;
    border: 1px solid #ccc;
}
main.renewalSend .bot_board .control .right_box.choice p span{
    font-family:'pretendard-R'; 
    font-size:24px; 
    color:#848484; 
    text-align:left;
    margin-left:30px;
}
main.renewalSend .bot_board .control .favorite_arrow{
    width:30px;
    height:30px;
}
main.renewalSend .bot_board .favorite_list .t_head li:nth-of-type(1){
    width:100%; 
    height:60px; 
    background:#f6f6f6; 
    border:1px solid #cbcbcb; 
    display:flex; 
    justify-content:space-between; 
    align-items:center;
}
main.renewalSend .bot_board .favorite_list li{
    width:100%; 
    height:60px; 
    background:#fff; 
    border:1px solid #cbcbcb;
    border-top:0; 
    display:flex; 
    justify-content:space-between; 
    align-items:center;
}
main.renewalSend .bot_board .favorite_list .t_head li:nth-of-type(1) p:nth-of-type(1){
    width:20%; 
    text-align:center; 
    color:#000; 
    font-size:22px; 
    font-family:'pretendard-R';
}
main.renewalSend .bot_board .favorite_list .t_head li:nth-of-type(1) p:nth-of-type(2){
    width:70%; 
    text-align:center; 
    color:#000; 
    font-size:22px; 
    font-family:'pretendard-R';
}
main.renewalSend .bot_board .favorite_list .t_head li:nth-of-type(1) .favBtn{
    width:10%;
}

main.renewalSend .bot_board .favorite_list .t_body li p:nth-of-type(1){
    width:20%; 
    text-align:center; 
    color:#000; 
    font-size:18px; 
    font-family:'pretendard-R';
}
main.renewalSend .bot_board .favorite_list .t_body li p:nth-of-type(2){
    width:70%; 
    text-align:center; 
    color:#000; 
    font-size:18px; 
    font-family:'pretendard-R';
}

main.renewalSend .bot_board .favorite_list li .favBtn{
    width:10%;
}
main.renewalSend .bot_board .favorite_list li img{
    width:40px; 
    height:40px;
    margin-right:10px;
}
main.renewalSend .bot_board .btn_box a {
    display: block;
    margin: 0 auto;
    width: 300px;
    line-height: 60px;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    text-align: center;
    font-size: 24px;
}

main.renewalSend .starBtn.on{
    content:url(/img/star_solid.png);
}
main.renewalSend .starBtn:not(.on){
    content:url(/img/star_gray.png);
}

@media screen and (max-width:650px){
    main.renewalSend .notice_box p{
        font-size:16px;
    }
    main.renewalSend .renewalInfo_box .control{
        margin-bottom:20px;
    }
    main.renewalSend .botBoard_center {
        width: 95%;
    }
    main.renewalSend .bot_board .control p.label {
        font-size: 16px;
        width:40%;
    }
    main.renewalSend .bot_board .control .right_box{
        height:40px;
        width:60%;
    }
    main.renewalSend .bot_board .control .right_box .pos_count_box{
        width:60px;
    }
    main.renewalSend .bot_board .control .right_box p {
        font-size: 16px;
        line-height: 40px;
    }
    main.renewalSend .bot_board .control .right_box span{
        line-height:40px;
        font-size:16px;
    }
    main.renewalSend .bot_board .control .right_box button{
        width:30px;
        height:30px;
    }
    main.renewalSend .bot_board .control .right_box .minus_btn{
        margin:5px 10px 5px 0;
    }
    main.renewalSend .bot_board .control .right_box .plus_btn{
        margin:5px 0 5px 10px;
    }
    main.renewalSend .bot_board .control .right_box.search input{
        width:100%;
        height:40px;
        font-size:16px;
    }
    main.renewalSend .bot_board .control .right_box.search input::placeholder{
        font-size:16px;
        line-height:40px;
    }
    main.renewalSend .bot_board .control .right_box.search button{
        height:40px;
        width:40px;
    }
    main.renewalSend .bot_board .control .right_box.choice p{
        width:100%;
    }
    main.renewalSend .bot_board .control .right_box.choice p span{
        width:100%;
        font-size:16px;
        margin-left:10px;
    }
    main.renewalSend .bot_board .favorite_list li:nth-of-type(1){
        height:40px !important; 
    }
    main.renewalSend .bot_board .favorite_list li{
        height:40px; 
    }
    main.renewalSend .bot_board .favorite_list li img{
        width:20px; 
        height:20px;
        margin-right:10px;
    }
    main.renewalSend .bot_board .btn_box a {
        display: block;
        margin: 0 auto;
        width: 180px;
        line-height: 60px;
        border-radius: 8px;
        /*background-color: #130005;*/
		background-color: #4849FF;
        color: white;
        text-align: center;
        font-size: 24px;
    }
    main.renewalSend .bot_board .control .send_count{
        height:40px;
    }
    main.renewalSend .bot_board .favorite_list .t_head li p{
        font-size:18px !important;
    } 
    main.renewalSend .bot_board .favorite_list .t_body li p{
        font-size:16px !important;
    } 

}   
/* !renewalSendHistory.php */
main.renewalSendHistory .sec1 {
    padding: 45px 0 40px;
}
main.renewalSendHistory input[type="text"] {
    width:300px;
} 
main.renewalSendHistory .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.renewalSendHistory .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.renewalSendHistory .search_wrap {
    position: relative;
    margin-bottom: 30px;
}
main.renewalSendHistory .search_wrap > .flex_box_wrap {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    width:100%;
}
main.renewalSendHistory .search_wrap > .flex_box_wrap > .flex_box{
    width:50%;
    display:flex;
}
main.renewalSendHistory .search_wrap a.search_btn {
    width:60px; 
    height:60px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 20px;
    display:flex; 
    align-items:center; 
    justify-content:center;
}
main.renewalSendHistory .search_wrap > .flex_box_wrap > .flex_box .btn_box a img{
    width:24px;
    height:24px;
}
main.renewalSendHistory .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.renewalSendHistory .search_wrap .control_box.MR {
    margin-right: 80px;
    width:50%;
}
main.renewalSendHistory .search_wrap .control_box.MR .date_box input{
    width:200px;
    height:60px;
}
main.renewalSendHistory .search_wrap .control_box p.label {
    font-size: 24px;
    margin-right:10px;
}
main.renewalSendHistory .search_wrap .control {
    margin-left: 10px;
    margin-right: 10px;
}
main.renewalSendHistory .table_wrap .table_header{
    justify-content:space-between;
}
main.renewalSendHistory .table_body .tableRow{
    justify-content:space-between;
}

@media screen and (max-width:1400px) {
    main.renewalSendHistory .botBoard_center {
        width: 90%;
    }
    main.renewalSendHistory .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.renewalSendHistory .search_wrap .control_box.MR {
        margin-right: 30px;
    }
    main.renewalSendHistory input[type="text"] {
        line-height: 30px;
        font-size: 16px;
        width:200px;
    }
    main.renewalSendHistory .search_wrap .search_btn{
        width:32px !important;
        height:32px !important;
        line-height:32px !important;
        margin-left:0px !important; 
    }
    main.renewalSendHistory .search_wrap .btn_box{
        display:flex;
        align-items: center;
    }
    main.renewalSendHistory .I_sdate {
        width: 100px;
        border-radius: 4px;
    }
    main.renewalSendHistory .I_edate {
        width:100px;
        border-radius: 4px;
    }
    main.renewalSendHistory select {
        height: 30px;
    }
    main.renewalSendHistory .search_wrap a.search_btn {
        line-height: 30px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 30px;
    }
    main.renewalSendHistory .search_wrap .control_box.MR{
        margin-right:0;
        margin-left:30px;
    }
    main.renewalSendHistory .search_wrap .control_box.MR .date_box input{
        width:100px;
        height:40px;
    }
}
@media screen and (max-width:650px) {
    main.renewalSendHistory .botBoard_center {
        width: 95%;
        padding:30px 0 30px;
    }
    main.renewalSendHistory p.label {
        font-size: 18px !important;
        width:50px !important;
    }
    main.renewalSendHistory .search_wrap .control_box.MR {
        width:unset;
        margin-right:0;
    }
    main.renewalSendHistory .search_wrap > .flex_box_wrap > .flex_box >.btn_box{
        margin-top:10px;
    }
    main.renewalSendHistory .search_wrap > .flex_box_wrap{
        display:flex;
        flex-direction:column-reverse;
    }
    main.renewalSendHistory .search_wrap > .flex_box_wrap >.flex_box{
        margin-top:10px;
    }
    main.renewalSendHistory .search_wrap > .flex_box_wrap > .flex_box >.btn_box >.search_btn{
        height:32px;
        width:30px;
        margin-left:0;
    }
    main.renewalSendHistory .search_wrap > .flex_box_wrap > .flex_box .btn_box{
        margin-top:0;
    }
    main.renewalSendHistory .search_wrap .flot_box p {
        font-size: 14px;
    }
    main.renewalSendHistory input[type="text"] {
        line-height: 30px;
        font-size: 16px;
        width:150px;
        margin-left:-20px;
    }
    main.renewalSendHistory .search_wrap .I_date {
        width: 100px;
        border-radius: 4px;
    }
    main.renewalSendHistory .search_wrap .I_sdate{
        width:100px !important;
        height:30px !important;
    }
    main.renewalSendHistory .search_wrap .I_edate{
        width:100px !important;
        height:30px !important;
    }
    main.renewalSendHistory select {
        height: 30px;
    }
    main.renewalSendHistory .search_wrap a.search_btn {
        line-height: 30px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-left: 30px;
    }
    main.renewalSendHistory .search_wrap .flex_box{
        margin-left: 30px;
    }
    main.renewalSendHistory .search_wrap .control_box.MR .control #I_sDate{
        margin-right:10px;
    }
}
/* !계보도페이지 orgChartPage.php */
main.myOffice.orgChartPage .bg {
    display: none;
}
main.myOffice.orgChartPage .util {
    background-color: #ececec;
}
main.myOffice.orgChartPage .util .util_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    height: 60px;
}
main.myOffice.orgChartPage .util .util_center a {
    display: flex;
    align-items: center;
}
main.myOffice.orgChartPage .util .util_center p {
    padding: 0 5px;
}
main.myOffice.orgChartPage .util .util_center .back_btn img {
    width: 7px;
    height: 14px;
}
main.myOffice.orgChartPage .util .util_center .close_btn img {
    width: 13px;
    height: 13px;
}
main.myOffice.orgChartPage .legend ul {
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
main.myOffice.orgChartPage .legend ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
main.myOffice.orgChartPage .legend ul li:nth-child(n+2) {
    margin-left: 30px;
}
main.myOffice.orgChartPage .legend ul li .rec {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-color: red;
}
main.myOffice.orgChartPage .legend ul:nth-child(1) li:nth-child(1) .rec {
    background-color: #000000;
}
main.myOffice.orgChartPage .legend ul:nth-child(1) li:nth-child(2) .rec {
    background-color: #6a000a;
}
main.myOffice.orgChartPage .legend ul:nth-child(1) li:nth-child(3) .rec {
    background-color: #d045cc;
}
main.myOffice.orgChartPage .legend ul:nth-child(1) li:nth-child(4) .rec {
    background-color: #ff3246;
}
main.myOffice.orgChartPage .legend ul:nth-child(2) li:nth-child(1) .rec {
    background-color: #ff9600;
}
main.myOffice.orgChartPage .legend ul:nth-child(2) li:nth-child(2) .rec {
    background-color: #6c8bff;
}
main.myOffice.orgChartPage .legend ul:nth-child(2) li:nth-child(3) .rec {
    background-color: #51d6ff;
}
main.myOffice.orgChartPage .legend ul:nth-child(2) li:nth-child(4) .rec {
    background-color: #38d258;
}
main.myOffice.orgChartPage .legend ul:nth-child(2) li:nth-child(5) .rec {
    background-color: #828282;
}
main.myOffice.orgChartPage .legend p {
    font-size: 20px;
    color: #130005;
}
@media screen and (max-width:650px) {
    main.myOffice.orgChartPage {
        height: 100vh;
    }
    main.myOffice.orgChartPage .util .util_center a p {
        display: none;
    }
    main.myOffice.orgChartPage .legend ul {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    main.myOffice.orgChartPage .legend ul li .rec {
        width: 12px;
        height: 12px;
    }
    main.myOffice.orgChartPage .legend p {
        font-size: 10px;
    }
    main.myOffice.orgChartPage .legend ul li:nth-child(n+2) {
        margin-left: 8px;
    }
}

/* 리뉴얼 전송 페이지 */
/* !gudokSend.php */
main.gudokSend .sec1 {
    padding: 45px 0 40px;
}
main.gudokSend .sec_center {
    width: 1400px;
    margin:  0 auto;
}
main.gudokSend .botBoard_center {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 55px;
}
main.gudokSend .search_wrap {
    position: relative;
    margin-bottom: 60px;
}
main.gudokSend .search_wrap > .flex_box {
    display: flex;
    margin-bottom: 20px;
    width: 800px;
    justify-content: space-between;
    transition: all 0.3s;
}
main.gudokSend .search_wrap .control_box {
    display: flex;
    align-items: center;
}
main.gudokSend .search_wrap .control_box.MR {
    /* margin-right: 80px; */
}
main.gudokSend .search_wrap .control_box p.label {
    font-size: 24px;
}
main.gudokSend .search_wrap .control_box .right_box {
    display: flex;
    margin-left: 20px;
}
main.gudokSend .search_wrap .control_box .right_box input:first-child+label {
    margin-right: 10px;
}
main.gudokSend .search_wrap .control_box .right_box input:checked+label .radio_cir {
    padding: 4px;
}
main.gudokSend .search_wrap .control {
    margin-left: 20px;
}
main.gudokSend .search_wrap .control.modif_control {
    display: flex;
    align-items: center;
}
main.gudokSend .search_wrap #I_count {
    width: 80px;
}
main.gudokSend .search_wrap .control.modif_control a {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: all 0.3s;
}
main.gudokSend .search_wrap .control.modif_control a.minus_btn {
    margin-right: 10px;
}
main.gudokSend .search_wrap .control.modif_control a.plus_btn {
    margin-left: 10px;
}
main.gudokSend .search_wrap .control.modif_control a img {
    width: 21px;
    transition: all 0.3s;
}
main.gudokSend .search_wrap #I_word {
    width: 505px;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
    transition: all 0.3s;
}
main.gudokSend .search_wrap a.search_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    color: white;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    font-size: 24px;
    text-align: center;
    margin-left: 20px;
    transition: all 0.3s;
}
@media screen and (max-width:1400px) {
    main.gudokSend .botBoard_center {
        width: 95%;
    }
    main.gudokSend .search_wrap > .flex_box {
        width: 100%;
        justify-content: flex-start;
    }
    main.gudokSend .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.gudokSend .search_wrap #I_word {
        width: 370px;
    }
}
@media screen and (max-width:650px) {
    main.gudokSend .search_wrap .control_box p.label {
        font-size: 18px;
    }
    main.gudokSend .search_wrap a.search_btn {
        line-height: 30px;
        font-size: 16px;
        width: 60px;
        border-radius: 4px;
        margin-top: 10px;
        margin-left: 50px;
    }
    main.gudokSend .search_wrap > .flex_box {
        flex-direction: column;
    }
    main.gudokSend .search_wrap #I_word {
        width: 100%;
        height: 30px;
        font-size: 16px;
        border-radius: 4px;
    }
    main.gudokSend .search_wrap .control.modif_control a {
        width: 30px;
        height: 30px;
        border-radius: 4px;
    }
    main.gudokSend .search_wrap .control.modif_control a img {
        width: 8px;
    }
    main.gudokSend .search_wrap #I_count {
        line-height: 35px;
        width: 50px;
        font-size: 16px;
    }
}

/* !myOffice */
main.myOffice {
    background-color: #fbfbfb !important;
}
@media screen and (max-width:1400px) {
    main.myOffice .sec_center {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
}

/* !join.php */
main.join .bg {
    background-color: #ff919c;
    width: 60%;
    /* height: 50; */
    padding-bottom: 60%;
    border-radius: 50%;
    z-index: 0;
    position: absolute;
    bottom: -4%;
    left: 50%;
    transform: translateX(-20%);
    width: 1200px;
    height: 1200px;
}
main.join .sec_center {
    width: 800px;
    margin:  0 auto;
    position: relative;
}
main.join .sec1 {
    /* background-color: pink; */
}
main.join .sec1 .pageTitle_box {
    padding: 95px 0 60px;
}
main.join .sec1 .pageTitle_box .page_title {
    font-size: 40px;
    text-align: center;
    font-family: "pretendard-B";
}
main.join .sec1 .proBar_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
}
main.join .sec1 .line {
    width: 25%;
    height: 1px;
    /* background-color: black; */
    background-color: white;
    position: relative;
    transition: all 0.3s;
}
main.join .sec1 .line::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    /* background-color: white; */
    background-color: black;
    position: absolute;
    top: 0;
    right: 0;
    /* transform: translateY(-50%); */
    transition: all 0.3s;
}
main.join .sec1 .line.on::after {
    /* width: 0px; */
}
main.join .sec1 .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
main.join .sec1 .list .img_box {
    width: 40px;
    margin-bottom: 10px;
}
main.join .sec1 .list .img_box img {
    width: 100%;
}
main.join .sec1 .list p {
    font-size: 20px;
    font-family: "pretendard-M";
    text-align: center;
}
main.join .sec1 .list:not(.on) p {
    /* color: white; */
    color: black;
}
main.join .sec1 .list p.step {
    font-size: 16px;
    font-family: "pretendard-L";
    margin-bottom: 3px;
}
main.join .sec2 {
    /* display: none; */
    /* background-color: aqua; */
}
main.join .sec2 .allChk_wrap {
    display: flex;
    justify-content: flex-end;
}
main.join .sec2 .allChk_wrap .control {
    /* background-color: pink; */
    display: flex;
    width: max-content;
    justify-content: flex-end;
}
main.join .sec2 .allChk_wrap label {
    font-size: 20px;
    font-family: "pretendard-M";
}
main.join .sec2 .yak_wrap {
    /* background-color: pink; */
}
main.join .sec2 .yak_wrap .top_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 12px;
}
main.join .sec2 .yak_wrap .sub_title {
    font-size: 24px;
    font-family: "pretendard-M";
}
main.join .sec2 .yak_wrap .top_box {

}
main.join .sec2 .yak_wrap .cont_box {
    background-color: white;
    border: 1px solid #130005;
    border-radius: 8px;
    padding: 20px 8px 20px 8px;
}
main.join .sec2 .yak_wrap .scroll_box {
    padding: 10px;
}
main.join .sec2 .btn_box {
    padding: 40px 0;
}
main.join .sec2 .btn_box .process_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    text-align: center;
    color: white;
    margin: 0 auto;
    font-size: 24px;
    font-family: "pretendard-M";
}
main.join .sec3 {
    padding-bottom: 40px;
}
main.join .sec3 .sec_center {
    background-color: white;
    padding: 30px 0;
    border: 1px solid #130005;
    border-radius: 8px;
}
main.join .sec3 input[type="text"] {
    text-align: left;
}
main.join .sec3 input[type="password"] {
    text-align: left;
}
main.join .sec3 .inner_wrap {
    width: 67.5%;
    margin: 0 auto;
    /* background-color: pink; */
}
main.join .sec3 .control {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
main.join .sec3 .control .label_box {
    width: 18.52%;
    /* background-color: pink; */
}
main.join .sec3 .control .label_box p.label {
    font-size: 16px;
    font-family: "pretendard-M";
    line-height: 40px;
}
main.join .sec3 .control .right_box {
    width: 81.48%;
    line-height: 40px;
    /* background-color: aqua; */
    font-size: 16px !important;
}
main.join .sec3 .control .right_box select {
    font-size: 16px;
}
main.join .sec3 .control .right_box.flex {
    display: flex;
    justify-content: space-between;
    transition: all 0.3s;
}
main.join .sec3 .control .right_box input {
    line-height: unset;
    height: 40px;
    padding: 0 10px;
}
main.join .sec3 .control .right_box select {
    height: 40px;
}
main.join .sec3 .control .input_wrap {
    display: flex;
}
main.join .sec3 .control .result_box {
    display: flex;
    height: 0px;
    overflow: hidden;
    transition: all 0.3s;
}
main.join .sec3 .control .result_box .target {
    margin-left: 5px;
}
main.join .sec3 .control .w80 {
    /* width: 14.81481481481481% !important; */
    width: 80px;
}
main.join .sec3 .control .w120 {
    /* width: 27.27272727272727% !important; */
    width: 120px;
}
main.join .sec3 .control .w140 {
    width: 140px;
}
main.join .sec3 .control .w160 {
    /* width: 36.36363636363636% !important; */
    width: 160px;
}
main.join .sec3 .control .w200 {
    width: 200px;
}
main.join .sec3 .control .w360 {
    width: 360px;
}
main.join .sec3 .control a {
    display: block;
    line-height: 40px;
    text-align: center;
    /*background-color: #130005;*/
	background-color: #4849FF;
    border-radius: 8px;
    color: white;
}
main.join .sec3 .control .notice {
    font-size: 12px;
    color: #ff4759;
}

main.join .sec3 .control.pass_con .right_box.flex {
    justify-content: flex-start;
}
main.join .sec3 .control.pass_con .right_box.flex .notice {
    padding-left: 5px;
}
main.join .sec3 .control.name_con .right_box.flex {
    justify-content: flex-start;
}
main.join .sec3 .control.name_con .right_box.flex .notice {
    padding-left: 5px;
}
main.join .sec3 .control.bir_con .right_box {
    display: flex;
    /* flex-wrap: wrap; */
}
main.join .sec3 .control.bir_con select:nth-child(n+2) {
    margin-left: 10px;
}
main.join .sec3 .control.gen_con .right_box {
    display: flex;
}
main.join .sec3 .control.gen_con .right_box label:nth-child(n+3) {
    margin-left: 20px;
}
main.join .sec3 .control.ph_con .right_box.flex {
    justify-content: flex-start;
}
main.join .sec3 .control.ph_con .right_box .notice {
    position: absolute;
    bottom: -28px;
}
main.join .sec3 .control.ph_con .right_box p {
    padding: 0 5px;
}
main.join .sec3 .control.ph_con a {
    margin-left: 20px;
}
main.join .sec3 .control.phChk_con {
    transition: all 0.3s;
    overflow: hidden;
    height: 0px;
}
main.join .sec3 .control.phChk_con .input_box {
    display: flex;
}
main.join .sec3 .control.phChk_con .input_box a {
    margin-left: 20px;
}
main.join .sec3 .control.addr_con .input_box {
    display: flex;
}
main.join .sec3 .control.addr_con .input_box a {
    margin-left: 20px;
}
main.join .sec3 .control.recom_con .input_box {
    display: flex;
    position: relative;
    padding-bottom: 10px;
}
main.join .sec3 .control.recom_con .right_box .notice {
    position: absolute;
    bottom: -18px;
}
main.join .sec3 .control.recom_con .input_box a {
    margin-left: 20px;
}
main.join .sec3 .control.spon_con .input_box {
    display: flex;
    position: relative;
    padding-bottom: 10px;
}
main.join .sec3 .control.spon_con .right_box .notice {
    position: absolute;
    bottom: -18px;
}
main.join .sec3 .control.spon_con .input_box a {
    margin-left: 20px;
}
main.join .sec3 .control.mB {
    margin-bottom: 5px;
}
main.join .sec3 .btn_box1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
main.join .sec3 .btn_box1 #btn_submit {
    display: block;
    width: 160px;
    height: 60px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    font-family: "pretendard-M";
}
main.join .sec4 p {
    text-align: center;
    font-size: 36px;
    font-family: "pretendard-M";
    margin-bottom: 40px;
}
main.join .sec4 .btn_box {
    display: flex;
    justify-content: center;
}
main.join .sec4 .btn_box a {
    display: block;
    width: 160px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    border-radius: 8px;
    font-family: "pretendard-M";
    margin: 0 10px;
}
main.join .sec4 .btn_box a.toMain {
    background-color: #ececec;
}
main.join .sec4 .btn_box a.toLogin {
    background-color: #130005;
    color: white;
}
@media screen and (max-width:800px){
    main.join .sec_center {
        width: 95%;
        margin: 0 auto;
    }
    main.join .sec1 .list p {
        font-size: 12px;
    }
    main.join .sec1 .list p.step {
        font-size: 12px;
    }
    main.join .sec3 .inner_wrap {
        width: 288px;
        padding: 0 5px;
        /* background-color: aqua; */
    }
    main.join .sec3 .control .label_box p.label {
        font-size: 16px;
    }
    main.join .sec3 .control {
        flex-direction: column;
        justify-content: flex-start;
    }
    main.join .sec3 .control .label_box {
        width: 100%;
    }
    main.join .sec3 .control .right_box {
        width: 100%;
        /* background-color: pink; */
    }
    main.join .sec3 .control .right_box.flex {
        align-items: flex-end;
        justify-content: flex-start;
        flex-direction: column;
    }
    main.join input[type="text"] {
        font-size: 16px;
    }
    main.join .sec3 .control .right_box select {
        font-size: 16px;
    }
    main.join .sec3 .control .right_box select#S_email {
        width: 55%;
        margin-top: 10px;
    }
    main.join .sec3 .control .w160 {
        width: 140px;
        width: 40%;
    }main.join .sec3 .control .w120 {
        width: 100px;
        width: 40%;
    }
    main.join .sec3 .control .w360 {
        max-width: 360px;
        width: 100%;
    }
    main.join .sec3 .control #I_pass {
        width: 100%;
    }
    main.join .sec3 .control #I_passChk {
        width: 100%;
    }
    main.join .sec3 .control #I_name {
        width: 100%;
    }
    main.join .sec3 .control input[type="radio"]+label {
        font-size: 16px;
    }
    main.join .sec3 .control input[type="radio"]+label .radio_cir {
        width: 14px;
        height: 14px;
        padding: 2px;
    }
    main.join .sec3 .control.id_con .right_box .flex {
        display: flex;
    }
    main.join .sec3 .control.id_con #I_email1 {
        width: 35%;
    }
    main.join .sec3 .control.id_con #I_email2 {
        width: 55%;
    }
    main.join .sec3 .control.id_con .right_box span {
        display: inline-block;
        width: 10%;
        text-align: center;
    }
    main.join .sec3 .control.bir_con select {
        width: 33%;
        background-position: center right 8px;
        background-size: 12px 6px;
    }
    main.join .sec3 .control.bir_con select:nth-child(n+2) {
        margin-left: 0.333333%;
    }
    
    main.join .sec3 .control.ph_con a {
        margin: 0;
        margin-top: 25px;
        width: 80px;
    }
    main.join .sec3 .control.ph_con .right_box .notice {
        bottom: unset;
        top: 70px;
    }
    main.join .sec3 .control.addr_con #I_zip {
        width: 60%;
    }
    main.join .sec3 .control.addr_con .input_box a {
        width: 35%;
        margin-left: 5%;
    }
}

@media screen and (max-width:650px){
    main.join .sec_center {
        width: 90%;
    }
    main.join .sec1 .pageTitle_box .page_title {
        font-size: 24px;
    }
    main.join .sec1 .list .img_box {
        width: 25px;
    }
    main.join .sec2 .allChk_wrap label {
        font-size: 14;
    }
    main.join .sec2 .yak_wrap .sub_title {
        font-size: 18px;
    }
    input[data-chktype='type1']~label {
        font-size: 16px;
    }
    main.join .sec2 .yak_wrap .scroll_box {
        font-size: 12px;
    }
    main.join .sec3 .inner_wrap {
        /* width: 90%; */
    }
    main.join .sec3 .control .right_box {
        /* width: 80%; */
    }
    main.join .sec3 .control.bir_con select {
        /* width: 33%; */
    } 
    main.join .sec3 .control.bir_con select:nth-child(n+2) {
        /* margin-left: 0.666666%; */
    } 
}

/* !editMemInfo.php */
main.editMemInfo .bg {
display: none;
    background-color: #ff919c;
    width: 60%;
    /* height: 50; */
    padding-bottom: 60%;
    border-radius: 50%;
    z-index: 0;
    position: absolute;
    bottom: -4%;
    left: 50%;
    transform: translateX(-20%);
    width: 1200px;
    height: 1200px;
}
main.editMemInfo .sec_center {
    width: 800px;
    margin:  0 auto;
    position: relative;
}
main.editMemInfo .sec1 {
    /* background-color: pink; */
}
main.editMemInfo .sec1 .pageTitle_box {
    padding: 95px 0 60px;
}
main.editMemInfo .sec1 .pageTitle_box .page_title {
    font-size: 40px;
    text-align: center;
    font-family: "pretendard-B";
}
main.editMemInfo .sec1 .proBar_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
}
main.editMemInfo .sec1 .line {
    width: 25%;
    height: 1px;
    background-color: black;
    position: relative;
    transition: all 0.3s;
}
main.editMemInfo .sec1 .line::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    /* transform: translateY(-50%); */
    transition: all 0.3s;
}
main.editMemInfo .sec1 .line.on::after {
    width: 0px;
}
main.editMemInfo .sec1 .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
main.editMemInfo .sec1 .list .img_box {
    width: 40px;
    margin-bottom: 10px;
}
main.editMemInfo .sec1 .list .img_box img {
    width: 100%;
}
main.editMemInfo .sec1 .list p {
    font-size: 20px;
    font-family: "pretendard-M";
    text-align: center;
}
main.editMemInfo .sec1 .list:not(.on) p {
    color: white;
}
main.editMemInfo .sec1 .list p.step {
    font-size: 16px;
    font-family: "pretendard-L";
    margin-bottom: 3px;
}
main.editMemInfo .sec2 {
    padding-bottom: 100px;
    /* display: none; */
    /* background-color: aqua; */
}
main.editMemInfo .sec2 .sec_center {
    background-color: white;
    padding: 30px 0;
    /* border: 1px solid #130005; */
    border-radius: 8px;
}
main.editMemInfo .sec2 .notice_box {
    font-size: 20px;
    color: #ff4759;
    font-family: "pretendard-M";
    text-align: center;
    padding-bottom: 40px;
    transition: all 0.3s;
}
main.editMemInfo .sec2 .notice_box br {
    display: none;
}
main.editMemInfo .sec2 .control_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 240px;
    margin: 0 auto;
}
main.editMemInfo .sec2 .control {
    display: flex;
    align-items: center;
    /* background-color: pink; */
    width: 400px;
    transition: all 0.3s;
}
main.editMemInfo .sec2 .control:nth-child(n+2) {
    margin-top: 10px;
}
main.editMemInfo .sec2 .control .label {
    width: 100px;
    transition: all 0.3s;
}
main.editMemInfo .sec2 .control input {
    line-height: 40px;
    width: 100%;
    text-align: left;
    padding: 0 10px;
    font-size: 16px;
    transition: all 0.3s;
}
main.editMemInfo .sec2 .control input.I_plc {
    border: unset;
    padding: unset;
}
main.editMemInfo .sec2 .btn_box {
    padding: 40px 0;
}
main.editMemInfo .sec2 .btn_box .process_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    border-radius: 8px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    text-align: center;
    color: white;
    margin: 0 auto;
    font-size: 24px;
    font-family: "pretendard-M";
}
main.editMemInfo .sec3 {
    padding-bottom: 40px;
}
main.editMemInfo .sec3 .sec_center {
    background-color: white;
    padding: 30px 0;
    border: 1px solid #130005;
    border-radius: 8px;
}
main.editMemInfo .sec3 input[type="text"] {
    text-align: left;
}
main.editMemInfo .sec3 input[type="password"] {
    text-align: left;
}
main.editMemInfo .sec3 input.I_plc {
    border: unset;
    padding: 0 !important;
}
main.editMemInfo .sec3 .inner_wrap {
    width: 67.5%;
    margin: 0 auto;
    /* background-color: pink; */
}
main.editMemInfo .sec3 .control {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
main.editMemInfo .sec3 .control .label_box {
    width: 18.52%;
    /* background-color: pink; */
}
main.editMemInfo .sec3 .control .label_box p.label {
    font-size: 16px;
    font-family: "pretendard-M";
    line-height: 40px;
}
main.editMemInfo .sec3 .control .right_box {
    width: 81.48%;
    line-height: 40px;
    /* background-color: aqua; */
    font-size: 16px !important;
}
main.editMemInfo .sec3 .control .right_box select {
    font-size: 16px;
}
main.editMemInfo .sec3 .control .right_box.flex {
    display: flex;
    justify-content: space-between;
}
main.editMemInfo .sec3 .control .right_box input {
    line-height: unset;
    height: 40px;
    padding: 0 10px;
}
main.editMemInfo .sec3 .control .right_box select {
    height: 40px;
}
main.editMemInfo .sec3 .control .input_wrap {
    display: flex;
}
main.editMemInfo .sec3 .control .result_box {
    display: flex;
    height: 0px;
    overflow: hidden;
    transition: all 0.3s;
}
main.editMemInfo .sec3 .control .result_box .target {
    margin-left: 5px;
}
main.editMemInfo .sec3 .control .w80 {
    /* width: 14.81481481481481% !important; */
    width: 80px;
}
main.editMemInfo .sec3 .control .w120 {
    /* width: 27.27272727272727% !important; */
    width: 120px;
}
main.editMemInfo .sec3 .control .w140 {
    width: 140px;
}
main.editMemInfo .sec3 .control .w160 {
    /* width: 36.36363636363636% !important; */
    width: 160px;
}
main.editMemInfo .sec3 .control .w200 {
    width: 200px;
}
main.editMemInfo .sec3 .control .w360 {
    width: 360px;
}
main.editMemInfo .sec3 .control a {
    display: block;
    line-height: 40px;
    text-align: center;
    /*background-color: #130005;*/
	background-color: #4849FF;
    border-radius: 8px;
    color: white;
}
main.editMemInfo .sec3 .control .notice {
    font-size: 12px;
    color: #ff4759;
}

main.editMemInfo .sec3 .control.pass_con .right_box.flex {
    justify-content: flex-start;
}
main.editMemInfo .sec3 .control.pass_con .right_box.flex .notice {
    padding-left: 5px;
}
main.editMemInfo .sec3 .control.name_con .right_box.flex {
    justify-content: flex-start;
}
main.editMemInfo .sec3 .control.name_con .right_box.flex .notice {
    padding-left: 5px;
}
main.editMemInfo .sec3 .control.gen_con .right_box {
    display: flex;
}
main.editMemInfo .sec3 .control.gen_con .right_box label:nth-child(n+3) {
    margin-left: 20px;
}
main.editMemInfo .sec3 .control.ph_con .right_box.flex {
    justify-content: flex-start;
}
main.editMemInfo .sec3 .control.ph_con .right_box .notice {
    position: absolute;
    bottom: -28px;
}
main.editMemInfo .sec3 .control.ph_con .right_box p {
    padding: 0 5px;
}
main.editMemInfo .sec3 .control.ph_con a {
    margin-left: 20px;
}
main.editMemInfo .sec3 .control.phChk_con {
    transition: all 0.3s;
    overflow: hidden;
    height: 0px;
}
main.editMemInfo .sec3 .control.phChk_con .input_box {
    display: flex;
}
main.editMemInfo .sec3 .control.phChk_con .input_box a {
    margin-left: 20px;
}
main.editMemInfo .sec3 .control.addr_con .input_box {
    display: flex;
}
main.editMemInfo .sec3 .control.addr_con .input_box a {
    margin-left: 20px;
}
main.editMemInfo .sec3 .control.recom_con .input_box {
    display: flex;
    position: relative;
    padding-bottom: 10px;
}
main.editMemInfo .sec3 .control.recom_con .right_box .notice {
    position: absolute;
    bottom: -18px;
}
main.editMemInfo .sec3 .control.recom_con .input_box a {
    margin-left: 20px;
}
main.editMemInfo .sec3 .control.mB {
    margin-bottom: 5px;
}
main.editMemInfo .sec3 .btn_box1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
main.editMemInfo .sec3 .btn_box1 .edit_btn {
    display: block;
    width: 160px;
    line-height: 60px;
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
    border-radius: 8px;
    font-size: 24px;
    font-family: "pretendard-M";
    text-align: center;
}
main.editMemInfo .sec4 p {
    text-align: center;
    font-size: 36px;
    font-family: "pretendard-M";
    margin-bottom: 40px;
}
main.editMemInfo .sec4 .btn_box {
    display: flex;
    justify-content: center;
}
main.editMemInfo .sec4 .btn_box a {
    display: block;
    width: 160px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    border-radius: 8px;
    font-family: "pretendard-M";
    margin: 0 10px;
}
main.editMemInfo .sec4 .btn_box a.toMain {
    background-color: #ececec;
}
main.editMemInfo .sec4 .btn_box a.toLogin {
    /*background-color: #130005;*/
	background-color: #4849FF;
    color: white;
}
@media screen and (max-width:800px){
    main.editMemInfo .sec_center {
        width: 95%;
        margin: 0 auto;
    }
    main.editMemInfo .sec1 .list p {
        font-size: 12px;
    }
    main.editMemInfo .sec1 .list p.step {
        font-size: 12px;
    }
    main.editMemInfo .sec2 .notice_box {
        font-size: 18px;
    }
    main.editMemInfo .sec2 .notice_box br {
        display: block;
    }
    main.editMemInfo .sec2 .control {
        width: 98%;
        /* background-color: pink; */
    }
    main.editMemInfo .sec2 .control .label {
        font-size: 16px;
        width: 80px;
    }
    main.editMemInfo .sec3 .inner_wrap {
        width: 288px;
        padding: 0 5px;
        /* background-color: aqua; */
    }
    main.editMemInfo .sec3 .control .label_box p.label {
        font-size: 16px;
        line-height: 30px;
    }
    main.editMemInfo .sec3 .control a {
        line-height: 30px;
    }
    main.editMemInfo .sec3 .control a.changePass_btn {
        /* margin-left: 10px; */
        width: 140px;
    }
    main.editMemInfo .sec3 .control {
        flex-direction: column;
        justify-content: flex-start;
    }
    main.editMemInfo .sec3 .control.fdRow {
        flex-direction: row;
    }
    main.editMemInfo .sec3 .control.fdRow .label_box {
        width: 30%;
        /* background-color: pink; */
    }
    main.editMemInfo .sec3 .control.fdRow .right_box {
        width: 70%;
        /* background-color: aqua; */
    }
    main.editMemInfo .sec3 .control.mB {
        margin-bottom: 10px;
    }
    main.editMemInfo .sec3 .control .label_box {
        width: 100%;
    }
    main.editMemInfo .sec3 .control .right_box {
        width: 100%;
    }
    main.editMemInfo .sec3 .control .right_box.flex {
        justify-content: flex-start;
        flex-direction: column;
    }
    main.editMemInfo .sec3 .control .right_box input {
        line-height: unset;
        height: 30px;
        padding: 0 10px !important;
    }
    main.editMemInfo input[type="text"] {
        font-size: 16px;
    }
    main.editMemInfo .sec3 .control .right_box select {
        font-size: 14px;
    }
    main.editMemInfo .sec3 .control .w160 {
        width: 140px;
        width: 40%;
    }main.editMemInfo .sec3 .control .w120 {
        width: 100px;
        width: 40%;
    }
    main.editMemInfo .sec3 .control .w360 {
        max-width: 360px;
        width: 100%;
    }
    main.editMemInfo .sec3 .control #I_pass {
        width: 70%;
    }
    main.editMemInfo .sec3 .control #I_passChk {
        width: 70%;
    }
    main.editMemInfo .sec3 .control #I_name {
        width: 70%;
    }
    main.editMemInfo .sec3 .control.bir_con select {
        width: 30%;
    } 
    main.editMemInfo .sec3 .control input[type="radio"]+label {
        font-size: 16px;
    }
    main.editMemInfo .sec3 .control input[type="radio"]+label .radio_cir {
        width: 14px;
        height: 14px;
        padding: 2px;
    }
    main.editMemInfo .sec3 .control.ph_con .btn_box {
        display: flex;
        justify-content: flex-end;
    }
    main.editMemInfo .sec3 .control.ph_con a {
        margin: 0;
        margin-top: 25px;
        width: 110px;
        margin-right: 4px;
    }
    main.editMemInfo .sec3 .control.ph_con .right_box p {
        line-height: 30px;
    }
    main.editMemInfo .sec3 .control.ph_con .right_box .notice {
        bottom: unset;
        top: 55px;
    }
    main.editMemInfo .sec3 .control.addr_con #I_zip {
        /*width: 60%;*/
		margin-bottom: 10px;
    }
	main.editMemInfo .sec3 .control.addr_con .input_box{display: block;}
    main.editMemInfo .sec3 .control.addr_con .input_box a {
        /*width: 35%;
        margin-left: 5%;*/
        line-height: 30px;
		margin: 0;
    }
}



/* !!!shop!!! */
main.shopList {
    /* background-color: pink; */
}
/* #sct {
    background-color: pink;
} */
main.shopList .sec1 .sec_center {
    width: 1400px;
    /* width: 100%; */
    margin: 0 auto;
    transition: all 0.33s;
}
main.shopList .sec1 .catList_box {
    padding: 45px 0 60px;
    position: relative;
}
main.shopList .sec1 .catList_box .sct_admin {
    position: absolute;
    top: 55px;
    right: 0px;
    transform: translateY(-100%);
}
main.shopList .sec1 .cat_list {
    /* background-color: #ff5a6a; */
    border-radius: 20px;
    display: flex;
    justify-content: space-around;
    padding: 30px 0 30px;
    flex-wrap: wrap;
}
main.shopList .sec1 .cat_list li a {
    transition: all 0.3s;
    padding-left: 20px;
}
main.shopList .sec1 .cat_list li.on a {
    font-family: "pretendard-B";
    position: relative;
}
main.shopList .sec1 .cat_list li.on a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #130005;
    transition: all 0.3s;
}
main.shopList .sec1 .cat_list a {
    font-size: 24px;
    font-family: "pretendard-M";
    transition: all 0.3s;
}

main.shopList .sec1 .lists-row {
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s;
}
main.shopList .sec1 .lists-row li {
    width: 22.85%;
    /* margin: 0 auto; */
    margin-bottom: 40px;
    /* background-color: aqua; */
    transition: all 0.3s;
}
main.shopList .sec1 .lists-row li {
    margin-right: 2.866666666666667%;
}
main.shopList .sec1 .lists-row li:nth-child(4n) {
    margin-right: 0%;
}
main.shopList .sec1 .lists-row li .sct_img {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 40px;
    margin-bottom: 20px;
}
main.shopList .sec1 .lists-row li .sct_img img {
    width: 100%;
    height: auto;
}
main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_basic {
    font-size: 20px;
    margin-bottom: 5px;
    transition: all 0.3s;
}
main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_txt {
    font-size: 25px;
    /* margin-bottom: 20px; */
    font-family: "pretendard-M";
    transition: all 0.3s;
}
main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_txt a {
    min-height: 60px;
    overflow-y: hidden;
}
main.shopList .sec1 .lists-row li .sct_ct_wrap .opp_box {
    margin: 3px 0;
    height: 20px;
}
main.shopList .sec1 .lists-row li .sct_ct_wrap .opp_box p {
    display: inline-block;
    padding: 3px;
    border-radius: 4px;
    background-color: #51d7ff;
    /* color: white; */
}
main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_bottom .sct_it {
    font-size: 20px;
    margin-bottom: 8px;
    transition: all 0.3s;
}
main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_bottom .sct_cost {
    font-size: 24px;
    font-family: "pretendard-M";
    transition: all 0.3s;
}
main.shopList .sec1 .pg_wrap {
    display: flex;
    justify-content: center;
    /* margin-bottom: 100px; */
    padding-bottom: 100px;
}
main.shopList .sec1 .pg_wrap .pg {
    display: flex;
}
main.shopList .sec1 .pg_wrap .pg_current,
main.shopList .sec1 .pg_wrap .pg_page,
main.shopList .sec1 .pg_wrap .pg_tex,
main.shopList .sec1 .pg_wrap .pg_start,
main.shopList .sec1 .pg_wrap .pg_end 
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 3px;
}
main.shopList .sec1 .pg_wrap .pg_current {
    background-color: #fdd2d6;
}
main.shopList .sec1 .pg_wrap .pg_tex {
    width: auto;
}

@media screen and (max-width: 1400px){
    main.shopList .sec1 .sec_center {
        width: 95% !important;
    }
    main.shopList .sec1 .lists-row {
        width: 95%;
        margin: 0 auto;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_basic {
        font-size: 14px;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_txt {
        font-size: 20px;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_txt a {
        min-height: unset;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_bottom .sct_it1 {
        font-size: 14px;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_bottom .sct_cost {
        font-size: 18px;
    }
    main.shopList .sec1 .cat_list a {
        font-size: 18px;
    }
}
@media screen and (max-width: 750px){
    main.shopList .sec1 .lists-row li {
        width: 48% !important;
        margin-right: 4% !important;
    }
    main.shopList .sec1 .lists-row li:nth-child(2n) {
        margin-right: unset !important;
    }
    main.shopList .sec1 .cat_list a {
        font-size: 16px;
    }
}
@media screen and (max-width: 650px){
    main.shopList .sec1 .sec_center {
        width: 98% !important;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_basic {
        font-size: 16px;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_txt {
        font-size: 22px;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_bottom .sct_it1 {
        font-size: 16px;
    }
    main.shopList .sec1 .lists-row li .sct_ct_wrap .sct_bottom .sct_cost {
        font-size: 20px;
    }
    main.shopList .sec1 .cat_list {
        padding: 20px 0;
        margin: 0 8px;
        /* justify-content: center; */
        justify-content: space-around;
    }
    main.shopList .sec1 .cat_list li {
        /* width: 33.333333%; */
    }
    main.shopList .sec1 .cat_list li a {
        font-size: 14px;
        padding-left: 16px;
    }
    main.shopList .sec1 .cat_list li.on a:after {
        width: 6px;
        height: 6px;
    }
}
@media screen and (max-width: 470px){
    main.shopList .sec1 .cat_list li a {
        font-size: 12px;
        padding-left: 12px;
    }
}
@media screen and (max-width: 380px){
    main.shopList .sec1 .cat_list li a {
        font-size: 10px;
        padding-left: 8px;
    }
}

/* !item.php */
/* YS 상품 상세보기 - 이미지 미리보기 */
main.subscriptionMall.item #wrapper {
    background-color: white;
    min-width: unset;
}
main.subscriptionMall.item #container {
    width: 1400px;
    /* width: 100%; */
}
main.subscriptionMall.item #container .shop-content {
    background-color: white;
    padding: unset;
}
main.subscriptionMall.item .sec1 {
    /* background-color: #ff6e7c; */
    padding: 100px 0 0;
}
main.subscriptionMall.item .order_box {
    display: flex;
    justify-content: space-between;
}
main.subscriptionMall.item .view_box {
    display: flex;
    justify-content: space-between;
    width: 50%;
    transition: all 0.3s
}
main.subscriptionMall.item .util_box {
    width: 45%;
    transition: all 0.3s
}
/* main.subscriptionMall.item .view_box {float:left;position:relative} */
/* main.subscriptionMall.item .big_view {float:left;text-align:center} */
main.subscriptionMall.item .big_view a {display:none}
main.subscriptionMall.item .big_view a.visible {display:block}
main.subscriptionMall.item .big_view #popup_item_image {display:inline-block;position:absolute;bottom:0;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em}
main.subscriptionMall.item .big_view img {width:500px;height:auto}
main.subscriptionMall.item #sit_pvi_thumb {float:right;margin:0;padding:0;list-style:none;text-align:center}
main.subscriptionMall.item #sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
/* main.subscriptionMall.item #sit_pvi_thumb li {margin:0 15px 15px 0} */
main.subscriptionMall.item #sit_pvi_thumb img {border:1px solid #dbdbdb}
main.subscriptionMall.item #sit_pvi_thumb img:hover {border:1px solid #010101}

main.subscriptionMall.item #sit_pvi_nwbig {padding:10px 0;text-align:center}
main.subscriptionMall.item #sit_pvi_nwbig span {display:none}
main.subscriptionMall.item #sit_pvi_nwbig span.visible {display:inline}
main.subscriptionMall.item #sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none}
main.subscriptionMall.item #sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
main.subscriptionMall.item #sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
main.subscriptionMall.item #sit_pvi_nw li img {width:60px;height:60px}

main.subscriptionMall.item .big_view {
    width: 74%;
    /* margin-right: 20px; */
}
main.subscriptionMall.item .view_box img {
    width: 100%;
    border-radius: 40px;
    border: unset !important;
}
main.subscriptionMall.item #sit_pvi_thumb {
    width: 23%;
}
main.subscriptionMall.item #sit_pvi_thumb li {
    width: 100%;
}
main.subscriptionMall.item #sit_pvi_thumb img {
    width: 100%;
    height: fit-content;
    border-radius: 20px;
}
main.subscriptionMall.item #sit_ov_from {
    border: unset;
}
main.subscriptionMall.item .util_box .top_wrap {
    position: relative;
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #130005;
    padding-bottom: 90px;
}
main.subscriptionMall.item .util_box .sub_title {
    font-size: 24px;
    margin-bottom: 8px;
}
main.subscriptionMall.item .util_box .main_title {
    font-size: 36px;
}
main.subscriptionMall.item .util_box .flot_box a {
    position: absolute;
    bottom: 20px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 115px;
    line-height: 50px;
    background-color: #ececec;
    text-align: center;
    border-radius: 8px;
    font-size: 16px;
}
main.subscriptionMall.item .util_box .flot_box a img {
    margin-right: 5px;
}
main.subscriptionMall.item .util_box span.pvAmt {
    display: block;
    font-size: 24px;
    padding-bottom: 10px;
}
main.subscriptionMall.item .util_box p.amt {
    font-size: 24px;
    margin-bottom: 20px;
}
main.subscriptionMall.item .util_box p.amt span {
    display: inline-block;
    padding-left: 45px;
    font-size: 28px;
    font-family: "pretendard-M";
}
main.subscriptionMall.item .sit_opt_list {
    background: unset !important;
    border: unset !important;
}
main.subscriptionMall.item #sit_opt_added button {
    background: #ececec;
    border: unset;
    border-radius: 4px;
}
main.subscriptionMall.item #sit_opt_added .num_input {
    width: 60px;
    background: unset;
    border: unset;
}
main.subscriptionMall.item #sit_tot_price {
    font-size: 20px;
}
main.subscriptionMall.item #sit_tot_price span {
    float: unset;
}
main.subscriptionMall.item .util_box .btn_wrap button {
    background: #130005;
    border: unset;
    width: 200px;
    line-height: 60px;
    border-radius: 8px;
    font-size: 28px;
    font-family: "pretendard-M";
}


main.subscriptionMall.item #sit_info {
    justify-content: center;
    background-color: #ffffff;
    border: unset;
}
main.subscriptionMall.item #sit_tab {
    /* margin: 0 auto; */
    width: max-content;
    padding:  100px 0 0;
}


main.subscriptionMall.item .sc_box {
    display: flex;
    justify-content: center;
}
main.subscriptionMall.item .sc_box a {
    font-size: 24px;
    font-family: "pretendard-B";
    position: relative;
}
main.subscriptionMall.item .sc_box a:first-child {
    margin-right: 120px;
}
main.subscriptionMall.item .sc_box a.on::before {
    display: block;
    content: "";
    width: 105%;
    height: 3px;
    background-color: #130005;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
}
main.subscriptionMall.item #baesongNotice_box {
    padding: 50px 100px;
}
main.subscriptionMall.item #baesongNotice_box p {
    background-color: white !important;
    font-size: 18px !important;
}
main.subscriptionMall.item #baesongNotice_box span {
    font-size: 18px !important;
}
main.subscriptionMall.item #baesongNotice_box sub {
    font-size: 18px !important;
}
main.subscriptionMall.item #baesongNotice_box .addTex p:first-child {
    padding-top: 50px;
}


@media screen and (max-width:1400px) {
    main.subscriptionMall.item #container {
        width: 95%;
    }
}
@media screen and (max-width:1070px) {
    main.subscriptionMall.item .order_box {
        flex-direction: column;
    }
    main.subscriptionMall.item .view_box {
        width: 70%;
        margin: 0 auto;
    }
    main.subscriptionMall.item .util_box {
        width: 70%;
        margin: 0 auto;
    }
}
@media screen and (max-width:650px) {
    main.subscriptionMall.item .view_box {
        width: 90%;
    }
    main.subscriptionMall.item .util_box {
        width: 90%;
    }
    main.subscriptionMall.item .util_box .btn_wrap:last-child {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }
    main.subscriptionMall.item .util_box .sub_title {
        font-size: 18px;
    }
    main.subscriptionMall.item .util_box .main_title {
        font-size: 30px;
    }
    main.subscriptionMall.item .util_box .flot_box a {
        font-size: 12px;
        width: 85px;
        line-height: 45px;
    }
    main.subscriptionMall.item .util_box .flot_box a img {
        width: 13px;
        height: 13px;
    }
    main.subscriptionMall.item .util_box span.pvAmt {
        font-size: 20px;
    }
    main.subscriptionMall.item .util_box p.amt {
        font-size: 20px;
    }
    main.subscriptionMall.item .util_box p.amt span {
        font-size: 24px;
    }
    main.subscriptionMall.item #sit_tot_price {
        font-size: 16px;
    }
    main.subscriptionMall.item .util_box .btn_wrap button {
        font-size: 24px;
        line-height: 50px;
        width: 170px;
    }
    main.subscriptionMall.item .sc_box {
        justify-content: space-around;
    }
    main.subscriptionMall.item .sc_box a {
        font-size: 18px;
    }
    main.subscriptionMall.item .sc_box a:first-child {
        margin: 0;
    }
    main.subscriptionMall.item .util_box .flot_box a {
        position: unset;
        margin-top: 10px;
        line-height: 30px;
    }
    main.subscriptionMall.item #baesongNotice_box span {
        font-size: 12px !important;
    }
    main.subscriptionMall.item #baesongNotice_box sub {
        font-size: 12px !important;
    }
    main.subscriptionMall.item #baesongNotice_box {
        padding: 25px 35px;
    }

    #sit_inf_explan p,
    #sit_inf_explan span {
        font-size: 1rem !important;
        line-height: 1.7rem !important;
    }
}


/* !orderform.php */
main.orderform #wrapper {
    min-width: 320px;
    width: 100%;
}
main.orderform #container {
    width: 900px;
    min-width: 320px;
}
main.orderform #sod_frm {
    display: flex;
    flex-direction: column;
}
main.orderform #sod_frm .od_prd_list {
    width: 100%;
    margin: 0 auto;
}
main.orderform #sod_frm .sod_left {
    width: 100%;
    margin: 0 auto;
}
main.orderform #sod_frm .sod_right {
    width: 100%;
    max-width: 500px;
    margin: unset;
}

@media screen and (max-width:900px) {
    main.orderform #container {
        width: 100%;
    }
    main.orderform #sod_frm .od_prd_list {
    }
}

/* !orderform.sub.php @ [pc] @ */
main.orderform.pc .orderTop {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 0 30px;
    border: 1px solid #e3e5e8;
    background: #fff;
}
main.orderform.pc .orderTop .top_box {
    border-bottom: 1px solid #e2e4e7;
}
main.orderform.pc .orderTop .list_top {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #e2e4e7;
}
main.orderform.pc .orderTop .list_top .sod_img {
    padding: 10px 0;
}
main.orderform.pc .orderTop .list_bot {
    display: flex;
    text-align: center;
    /* padding: 20px 0; */
}
main.orderform.pc .orderTop .list_bot .list {
    width: 25%;   
}
main.orderform.pc .orderTop .list_bot .list p {
    margin: 0 !important;
    line-height: 40px;
}
main.orderform.pc .orderTop .list_bot .list:nth-child(n+1) p {
    border-left: 1px solid #e3e5e8;
}
main.orderform.pc .order_choice_place {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
main.orderform.pc a#order_address {
    position: unset !important;

}
main.orderform.pc #sod_frm #sod_bsk_tot li.sod_bsk_sell {
    width: 66.66%;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.customPoint {
    height: 100px;
    border-right: 1px solid #e7ebf1;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.sod_bsk_point3 {
    border-right: unset;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.customPoint .wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.customPoint .wrap a {
    display: block;
    padding: 3px;
    border: 1px solid black;
    border-radius: 3px;
    margin: 0 5px;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.customPoint .control {
    margin-top: 10px;
    position: relative;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.customPoint .control input {
    text-align: right;
    width: 90%;
    padding: 0 15px 0 10px;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.customPoint .control label {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
main.orderform.pc #sod_frm #sod_bsk_tot li.sod_bsk_useedPoint {
    width: 100%;
    clear: both;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    text-align: right;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.sod_bsk_useedPoint span {
    float: left;
    margin: 0;
}
main.orderform.pc #sod_frm #sod_bsk_tot li.sod_bsk_useedPoint strong {
    color: #ff006c;
    font-size: 1.25em;
}
@media screen and (max-width:650px) {
    main.orderform.pc #od_name {
        width: 65% !important;
    }
    main.orderform.pc #od_tel {
        width: 65% !important;
    }
    main.orderform.pc #od_hp {
        width: 65% !important;
    }
    main.orderform.pc #od_zip {
        width: 50% !important;
    }
    main.orderform.pc #ad_subject {
        width: 65% !important;
    }
    main.orderform.pc #od_b_name {
        width: 65% !important;
    }
    main.orderform.pc #od_b_tel {
        width: 65% !important;
    }
    main.orderform.pc #od_b_hp {
        width: 65% !important;
    }

}

/* !orderform.sub.php @ [mobile] @ */
main.orderform.mobile .sod_frm_mobile .sod_list .li_op_wr{
    min-height: 100px;
}
main.orderform.mobile .tot_cusPoint {
    position: relative;
}
main.orderform.mobile .tot_cusPoint input.I_point {
    line-height: 25px;
    text-align: right;
    padding: 0 25px 0 10px;
    font-size: 1.3em;
    width: 150px;
}
main.orderform.mobile .tot_cusPoint sub {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-35%);
    font-size: 1.3em;
}
main.orderform.mobile .wrap a {
    display: inline-block;
    padding: 3px;
    border: 1px solid black;
    border-radius: 3px;
    margin: 3px 5px;
}
main.orderform.mobile #od_tot_priceP {
    font-weight: 700;
    padding: 15px;
}

/* !orderinquiryview.php 주문상세내역(주문완료페이지) */
main.orderinquiryview {
    min-width: 320px;
}
main.orderinquiryview #container {
    max-width: 900px;
}

main.orderinquiryview #sod_fin {
    padding-bottom: 20px;
}
main.orderinquiryview .sod_left {
    width: 900px;
}
main.orderinquiryview .sod_right {
    padding-bottom: 20px;
    margin: 0 auto;
}
main.orderinquiryview .orderTop {
    /* background-color: pink; */
    background-color: white;
    margin-bottom: 30px;
}
main.orderinquiryview .orderTop .label {
    padding: 10px 0;
}
main.orderinquiryview .orderTop .t_box {
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    text-align: center;
}
main.orderinquiryview .orderTop .t_box .label {
    border-top: 1px solid #f3f3f3;
}
main.orderinquiryview .orderTop .b_box p {
    padding: 10px 0;
}
main.orderinquiryview .orderTop .list_top {
    /* background-color: aqua; */
    border-bottom: 1px solid #f3f3f3;
}
main.orderinquiryview .orderTop .list_top .b_box {
    padding: 10px 0 0;
}
main.orderinquiryview .orderTop .list_top .t_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
main.orderinquiryview .orderTop .list_bot {
    /* background-color: pink; */
    display: flex;
}
main.orderinquiryview .orderTop .list_bot .b_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
main.orderinquiryview .orderTop .list_bot .b_wrap:nth-child(n+2) {
    border-left: 1px solid #f3f3f3;
}
main.orderinquiryview .orderTop .list_bot .b_wrap.list1 {
    width: 10%;
}
main.orderinquiryview .orderTop .list_bot .b_wrap.list2 {
    width: 30%;
}
main.orderinquiryview .orderTop .list_bot .b_wrap.list3 {
    width: 30%;
}
main.orderinquiryview .orderTop .list_bot .b_wrap.list4 {
    width: 15%;
}
main.orderinquiryview .orderTop .list_bot .b_wrap.list5 {
    width: 15%;
}


@media screen and (max-width:1200px) {
    main.orderinquiryview #container {
        width: 100%;
    }
    main.orderinquiryview .sod_left {
        width: 100%;
    }
}
@media screen and (max-width:340px) {
    main.orderinquiryview .sod_right {
        width: 100%;
    }
}



/* !notice.php 공지사항 */
main.notice {
    padding: unset;
    margin: unset;
    transition: all 0.3s;
}
main.notice .sec_top .title_box {
    padding: 100px 0 60px;
    transition: all 0.3s;
}
main.notice .sec_top .title{
    text-align: center;
    color: #fefefe;
    font-size: 40px;
    font-family: "pretendard-B";
    transition: all 0.3s;
}
main.notice .sec_bot {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 0;
    transition: all 0.3s;
}
main.notice .d_btn {
    display: block;
    width: 100px;
    line-height: 40px;
    font-size: 20px;
    font-family: "pretendard-M";
    color: white;
    text-align: center;
    border-radius: 8px;
    background-color: #130005;
    transition: all 0.3s
}
main.notice .w_btn {
    display: block;
    width: 100px;
    line-height: 40px;
    font-size: 20px;
    font-family: "pretendard-M";
    color: white;
    text-align: center;
    border-radius: 8px;
    background-color: #130005;
    transition: all 0.3s
}
main.notice table {
    border: none;
}
main.notice table thead tr, main.notice table thead tr a {
    background-color: #130005;
    color: white;
    font-size: 20px;
    font-family: "pretendard-M";
    border: none;
    transition: all 0.3s;
}
main.notice table tbody tr, main.notice table tbody tr a {
    font-size: 16px;
    transition: all 0.3s;
}
main.notice #bo_list tbody tr {
    border-left: unset;
}
main.notice #bo_list .td_name {
    text-align: center;
}
main.notice #wrapper {
    width: 1400px;
    margin: 0 auto;
    transition: all 0.3s;
}
main.notice #container_wr {
    width: 100%;
}
main.notice #container {
    margin: 0;
    float: unset;
    width: 100%;
}

@media screen and (max-width:1400px) {
    main.notice #wrapper {
        width: 95%;
    }
}
@media screen and (max-width:650px) {
    main.notice .sec_top .title_box {
        padding: 50px 0 35px;
    }
    main.notice .sec_top .title {
        text-align: center;
        color: #fefefe;
        font-size: 28px;
        font-family: "pretendard-B";
    }
    main.notice table thead tr, main.notice table thead tr a {
        font-size: 14px;
    }
    main.notice table tbody tr, main.notice table tbody tr a {
        font-size: 12px;
    }
    main.notice table th.dis, main.notice table td.dis {
        display: none;
    }
    main.notice .d_btn {
        width: 65px;
        line-height: 35px;
        font-size: 14px;
        border-radius: 6px;
    }
    main.notice .w_btn {
        width: 65px;
        line-height: 35px;
        font-size: 14px;
        border-radius: 6px;
    }
}

/* !reference.php 자료실 */
main.reference {
    padding: unset;
    margin: unset;
    transition: all 0.3s;
}
main.reference .sec_top .title_box {
    padding: 100px 0 60px;
    transition: all 0.3s;
}
main.reference .sec_top .title{
    text-align: center;
    color: #fefefe;
    font-size: 40px;
    font-family: "pretendard-B";
    transition: all 0.3s;
}
main.reference .sec_bot {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 0;
    transition: all 0.3s;
}
main.reference .d_btn {
    display: block;
    width: 100px;
    line-height: 40px;
    font-size: 20px;
    font-family: "pretendard-M";
    color: white;
    text-align: center;
    border-radius: 8px;
    background-color: #130005;
}
main.reference .w_btn {
    display: block;
    width: 100px;
    line-height: 40px;
    font-size: 20px;
    font-family: "pretendard-M";
    color: white;
    text-align: center;
    border-radius: 8px;
    background-color: #130005;
}
main.reference table {
    border: none;
}
main.reference table thead tr, main.reference table thead tr a {
    background-color: #130005;
    color: white;
    font-size: 20px;
    font-family: "pretendard-M";
    border: none;
    transition: all 0.3s;
}
main.reference table tbody tr, main.reference table tbody tr a {
    font-size: 16px;
    transition: all 0.3s;
}
main.reference #bo_list tbody tr {
    border-left: unset;
}
main.reference #bo_list .td_name {
    text-align: center;
}
main.reference #wrapper {
    width: 1400px;
    margin: 0 auto;
    transition: all 0.3s;
}
main.reference #container_wr {
    width: 100%;
}
main.reference #container {
    margin: 0;
    float: unset;
    width: 100%;
}

@media screen and (max-width:1400px) {
    main.reference #wrapper {
        width: 95%;
    }
}
@media screen and (max-width:650px) {
    main.reference .sec_top .title_box {
        padding: 50px 0 35px;
    }
    main.reference .sec_top .title {
        text-align: center;
        color: #fefefe;
        font-size: 28px;
        font-family: "pretendard-B";
    }
    main.reference table thead tr, main.reference table thead tr a {
        font-size: 14px;
    }
    main.reference table tbody tr, main.reference table tbody tr a {
        font-size: 12px;
    }
    main.reference table th.dis, main.reference table td.dis {
        display: none;
    }
    main.reference .d_btn {
        width: 65px;
        line-height: 35px;
        font-size: 14px;
        border-radius: 6px;
    }
    main.reference .w_btn {
        width: 65px;
        line-height: 35px;
        font-size: 14px;
        border-radius: 6px;
    }
}

/* !write.php 글쓰기 */
main.write {
    padding: unset;
    margin: unset;
    transition: all 0.3s;
}
main.write .sec_top .title_box {
    padding: 100px 0 60px;
    transition: all 0.3s;
}
main.write .sec_top .title{
    text-align: center;
    color: #fefefe;
    font-size: 40px;
    font-family: "pretendard-B";
    transition: all 0.3s;
}
main.write .cont_box {
    width: 1200px;
    margin: 0 auto;
    transition: all 0.3s;
    /* background-color: red; */
}
main.write #wr_subject {
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    text-align: left;
}
main.write #btn_autosave {
    position: relative;
    left: -999%;
    opacity: 0;
}
main.write #wr_link1,
main.write #wr_link2 {
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    text-align: left;
}
main.write .write_div .bo_v_option {
    display: none;
}
main.write #bo_w .write_div label {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:1200px) {
    main.write .cont_box {
        width: 95%;
        margin: 0 auto;
        /* background-color: blue; */
    }
}
@media screen and (max-width:650px) {
    main.write .sec_top .title_box {
        padding: 50px 0 35px;
    }
    main.write .sec_top .title {
        text-align: center;
        color: #fefefe;
        font-size: 28px;
        font-family: "pretendard-B";
    }
}

/* !view.php 글읽기 */
main.view {
    padding: unset;
    margin: unset;
    transition: all 0.3s;
}
main.view .sec_top .title_box {
    padding: 100px 0 60px;
    transition: all 0.3s;
}
main.view .sec_top .title{
    text-align: center;
    color: #fefefe;
    font-size: 40px;
    font-family: "pretendard-B";
    transition: all 0.3s;
}
main.view .cont_box {
    width: 1200px;
    margin: 0 auto;
    transition: all 0.3s;
    /* background-color: red; */
}
@media screen and (max-width:1200px) {
    main.view .cont_box {
        width: 95%;
        margin: 0 auto;
        /* background-color: blue; */
    }
}
@media screen and (max-width:650px) {
    main.view .sec_top .title_box {
        padding: 50px 0 35px;
    }
    main.view .sec_top .title {
        text-align: center;
        color: #fefefe;
        font-size: 28px;
        font-family: "pretendard-B";
    }
}





/* table:first-child */
/* table:last-child */