#install_period, #card_user_type{border-color: #e3e3e3;padding: 0 0 0 15px; color: #888}
.file_text{font-weight: 600}
.class_price{text-align: center}

.Introduce_box h2{font-size: 30px}
.Introduce_box h4{margin: 10px 0 -5px}
.Introduce_box>div:first-child{background-color: #01c6bc; padding: 10px; width: 100%; font-size: 20px; font-weight: 500; color: #fff; border-radius: 10px; margin-bottom: 25px}

.sub_contaienr{overflow: hidden;}

.onepoint_title p>span:nth-child(2)>span{color:#fe5c03}
.onepoint_title p{font-size: 18px}
.onepoint_title h3{font-size: 19px;font-weight: 300;margin: 0 0 5px}
.onepoint_title h3>span{font-weight: 600}
.onepoint_title h3>span>span{color: #fd5c02}

.onepoint_title h3:before{content: '';display: block; width: 20px; height: 3px; background-color: #292929; margin: 0 auto 10px}

.premium_box>span>span{background-color: #fe7226; color:#fefea9 !important;display: inline-block; padding: 0 5px; height: 33px;line-height: 30px}
.premium_box{font-size: 26px !important; font-weight: 300; line-height: 1.2}



.sub3_box{overflow: hidden;}
.white_bg>div:first-child{padding: 60px 20px 10px}
.sub3_box1{text-align: center;font-size:14px;line-height: 160%;margin:30px auto 0;max-width:600px;;padding:20px 0}
.sub3_box1>div>span{display: inline-block;padding:0 5px;background-color: #ff3d00;color:#fff;font-weight: 600;position: relative;height:17px;line-height: 16px;}
.sub3_box1>div>span img{position: absolute;right:90%;bottom:80%;width:20px;}

.sub3_box1>div>div{font-weight: 600;}
.sub3_box1>div>div>span{color:#ff3d00}
.sub3_box1>div>p>span{color:#ff7900;font-weight: 600;}

.sub3_box{background-color: #fbfaf5}
.white_bg{background-color: #fff}
.sub3_box>div{background-color: #fff;position: relative; padding-bottom: 10px}
.sub3_box>div>span{display: block;width:100px;height:100px;background-color: #ffff;position: absolute}
.sub3_box>div>span>span{display: block;background-color: #fbfaf5;width:100%;height:100%;}

.sub3_box>div>span.left_point{right:100%;bottom:0}
.sub3_box>div>span.left_point>span{border-radius: 0 0  50% 0}


.sub3_box>div>span.right_point{left:100%;bottom:0}
.sub3_box>div>span.right_point>span{border-radius: 0 0  0 50%}


.sub3_1_box h3:before{content: '';display: block; width: 20px; height: 3px; background-color: #292929; margin: 0 auto 10px}
.sub3_1_box h3{font-size:20px; text-align: center; margin: 0 0 20px; font-weight: 600}
.sub3_1_box h3>span{font-weight: 400}
.sub3_c1_box>div>ul:first-child{margin:0 0 10px  0}
.sub3_c1_box{display: flex;flex-wrap: wrap;justify-content: center}
.sub3_c1_box>div{padding:20px 0;}
.sub3_c1_box>div:first-child{border-bottom:1px solid #e3e3e3}

.photo_box{padding-top: 30px !important}
.photo_box>div{ text-align: center}
.photo_box>div:first-child{margin-bottom: 60px}
.sub3_list_box{padding: }

.sub3_1_box ul li{display: flex;margin:0 0 10px;align-items: center;}
.sub3_1_box ul li:last-child{margin:0;}
.sub3_c1_box>div>ul:first-child{margin:0 0 10px  0}
.sub3_1_box ul li>span{display: flex;min-width:25px;height: 25px;justify-content: center;align-items: center;border-radius: 50%;background-color: #00b6a2;color:#fff;margin:0 5px 0 0}

.sub3_box2_1>div:last-child{text-align: center}

.sub3_box2_1>div:first-child{text-align: center;margin:0 0 40px 0}
.sub3_box2_1>div>h2{font-weight: 400;font-size:28px;}
.sub3_box2_1>div>h2>span{color:#ff3c00;font-weight: 600}
.sub3_box2_1>div>p{display: inline-block;padding:0 10px;background-color: #f6f6f6;color:#000;margin:10px 0 0; font-size: 14px}

.sub3_box3>div>div{font-size: 16px}
.sub3_box3>div>div:first-child{text-align: center; line-height: 170%; letter-spacing: 0.2px}
.sub3_box3>div>div:last-child{text-align: center}

.sub3_box3>div>div>span{font-weight: 600}
.sub3_box3>div>div>span>span{color: #fe620b}
.sub3_box3>div>div>a{font-weight: 600; background-color: #fe620b; color: #fff !important; padding: 0 5px; display: inline-block; height: 21px;line-height: 20px}

.tuition_box{margin:30px 0 0}
.tuition_box h3{padding:0 0 5px;color:#222;font-weight: 600}
.tuition_box ul{padding:10px;;max-width:100%;display: inline-block;border-top:1px solid #e3e3e3;width:100%;}
.tuition_box li{display: flex;justify-content: space-between;padding:5px 0;align-items: center;}
.tuition_box li label{display: flex;align-items: center;margin:0;color:#ec3700}
.tuition_box li label>span{display: block;width:18px;height: 18px;border-radius: 50%;border:1px solid #e3e3e3;margin:0 5px 0 0;position: relative}
.tuition_box li label>span:before{content: '';position: absolute;left:50%;top:50%;width:10px;height:10px;border-radius: 50%;background-color: #fe7800;transform: translate(-50%, -50%);display: none;}
.tuition_box li input[type='radio']:checked + label>span:before{display: block}
.tuition_box li p{font-size:16px;}
.tuition_box li p>span{color:#f70302;font-weight: 600;}
.tuition_box  a{display: block;background-color: #ffe830;padding:10px 0;text-align: center;color:#252626;font-size:18px;margin:20px 0 0;font-weight: 500}

.sub3_shadow:first-child{margin-bottom: 40px}
.sub3_shadow:last-child{margin-top: 40px}


@media screen and (min-width:420px){
    .sub3_c1_box{display: block;}

    .sub3_c1_box>div{display: flex;}
    .sub3_c1_box>div>ul{width:50%;}
    .sub3_c1_box>div>ul:first-child{margin:0 10px 0 0}

}


@media screen and (min-width:520px){
    .onepoint_title p{font-size: 18px}
    .sub3_box1{font-size:18px;}
    .sub3_box3>div>div{font-size: 18px}
    .sub3_shadow:first-child{margin-bottom: 65px}
    .sub3_shadow:last-child{margin-top: 65px}
    .sub3_box3>div>div>a{height: 22px}

}


@media screen and (min-width:640px){
    .onepoint_title p{margin: 0 0 40px}
    .onepoint_title h3{font-size: 30px;}
    .premium_box{font-size: 45px !important; line-height:1.4}
    .premium_box>span>span{height: 52px; line-height: 47px}
    .sub3_box3>div>div:first-child{text-align: left}

    .sub3_box3>div>div:last-child{text-align: right}
    .sub3_box3>div>div{font-size: 22px}
    .sub3_box3>div>div>a{height: 27px;line-height: 25px}

}

@media screen and (min-width:768px){
    .sub_container>div:first-child{padding-bottom: 50px !important}


    .premium_box2{max-width: inherit; margin:0 auto 50px !important}


    .premium_box{font-size: 55px !important; line-height: 1.3}
    .premium_box>span>span{height: 65px; line-height: 58px; padding: 0 8px}

    .onepoint_title h3{font-size: 40px;}
    .onepoint_title h3:before{width: 40px; height: 4px; margin: 0 auto 30px}
    .onepoint_title p{font-size: 25px; margin: 0 0 65px}
    .onepoint_title p{display: inline-block}

    /*    .sub3_box>div:last-child{padding: 70px 20px 10px}*/

    .sub3_box1{font-size:26px;margin:60px auto 0;}
    .sub3_box1>div>span{height:29px;line-height: 27px;}
    .sub3_box1>div>span img{right:95%}

    .sub3_1_box h3:before{width: 32px; height: 3px; margin: 0 auto 15px}
    .sub3_1_box h3{font-size:30px;margin: 0 0 40px;}

    .sub3_1_box ul li>span{background-color: #00b6a2;}

    .sub3_box2_1>div>p{font-size: 16px}

    .sub3_box2_1{display: flex;align-items: center;}
    .sub3_box2_1>div{width:35%}
    .sub3_box2_1>div:first-child{width:65%;margin:0 20px 0 0}
    .sub3_box2_1>div:last-child{text-align: right}
    .tuition_box{text-align: right;}
    .sub3_box2_1>div>h2, .sub3_box2_1>div{text-align: right;}

    .sub3_box3>div{padding-top: 50px !important}
    .sub3_shadow:first-child{margin-bottom: 75px}
    .sub3_shadow:last-child{margin-top: 75px}
    .photo_box{display: flex; padding-top: 40px !important}
    .photo_box>div{width: 49.5%;padding: 0 10px}
    .photo_box>div:first-child{margin-bottom: 0px}
    /*    .photo_box>div:last-child:before{content: '';display: block;width:1px;height: 100%; background-color: #e3e3e3;}*/


}


@media screen and (min-width:950px){

    .photo_box{padding-top: 60px !important}

    .sub3_box3>div{display: flex; justify-content: space-between; align-items: center}
    .sub3_box3>div>div{font-size: 21px}
    .sub3_box3>div>div:first-child{width: 60%}
    .sub3_box3>div{padding-top: 60px !important}
    .sub3_shadow:first-child{margin-bottom: 85px}
    .sub3_shadow:last-child{margin-top: 85px}

    .sub3_c1_box{display: flex;flex-wrap:nowrap;padding:30px 0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
    .sub3_c1_box>div{width:50%;font-size:11px;padding:0;border:none !important}
    .sub3_c1_box>div:first-child{margin:0 30px 0 0}
}


@media screen and (min-width:1024px){
    /*    .sub3_box>div:last-child{padding: 40px 60px 10px}*/

    .premium_box{font-size: 75px !important;}
    .premium_box>span>span{height: 87px; line-height: 80px;padding: 0 10px}
    .onepoint_title h3{font-size: 37px;}


    .onepoint_title p{font-size: 30px}

    .sub3_1_box h3{font-size:36px;}
    .sub3_c1_box>div{font-size:12px;}


    .sub3_box2_1>div:first-child{;margin:0 100px 0 0}
    .sub3_box2_1>div{width:30%}
    .sub3_box2_1>div:first-child{width:70%;margin:0 20px 0 0}

    .sub3_box3>div>div{font-size: 23px}
    .sub3_box3 img{width: 100%}
    .sub3_box3>div{padding-top: 50px !important}
}

@media screen and (min-width:1200px){
    .sub_container>div:first-child{padding-bottom: 80px !important}
    .white_bg>div:first-child{padding-bottom: 50px !important}

    .sub3_c1_box>div{font-size:13px;}
    .sub3_1_box ul li>span{width:33px;height:33px;margin:0 10px 0 0}

    .sub3_box2_1>div>h2{font-size:48px;line-height: 58px;margin:0 0 10px}
    .sub3_box2_1>div{font-size:18px;}

    .sub3_box3>div>div{font-size: 30px}
    .sub3_box3>div>div>a{height: 37px;line-height: 34px; padding: 0 7px}

    
    .tuition_box li label>span{width:22px;height: 22px;margin:0 8px 0 0}
    .tuition_box li label{font-size:24px;}
    .tuition_box li p{font-size:26px}

    .sub3_shadow:first-child{margin-bottom: 100px}
    .sub3_shadow:last-child{margin-top: 100px}
    
    
}

/* 결제 모달 */
.pop-box{opacity: 0;visibility: hidden;position:fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1111;transition:all .3s;}
.pop-box.active{opacity: 1;visibility: visible;}
.pop-contents{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 450px; max-height: 650px;background: #fff;z-index: 1000;padding: 20px;transition: all .3s;opacity: 0;visibility: hidden;transition-delay: .1s;overflow-y: auto;}
.pop-contents h3{font-size: 17px;margin-bottom: 20px;}
.pop-contents p{font-size: 13px;}
.pop-box.active .pop-contents{opacity: 1;visibility: visible;}
.pop-bg{background: rgba(0,0,0,.5);width: 100%;height: 100%;}
.pop-close{position: absolute;right: 8px;top:8px;font-size: 18px;}
.pop-btn-area{text-align: center;}
.pop-horizontal{width: 85vw;max-width: 300px; height: 200px;}
.scrollbar::-webkit-scrollbar {
    width: 5px; /*스크롤바의 너비*/
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #01c6bc; /*스크롤바의 색상*/
}

.scrollbar::-webkit-scrollbar-track {
    background-color: white; /*스크롤바 트랙 색상*/
}


/* 2021-06-07 */
.pop-box {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    transition: all .3s;
}

.pop-box.active {
    opacity: 1;
    visibility: visible;
}

.pop-contents {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 80%
        max-height: 750px;
    background: #fff;
    z-index: 1000;
    padding: 20px;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    transition-delay: .1s;
    overflow-y: auto;
}

.pop-contents h3 {
    font-size: 17px;
    margin-bottom: 20px;
}

.pop-contents p {
    font-size: 13px;
}

.pop-box.active .pop-contents {
    opacity: 1;
    visibility: visible;
}

.pop-bg {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
}

.pop-close {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 18px;
}

.pop-btn-area {
    text-align: center;
}

.pop-horizontal {
    width: 85vw;
    max-width: 300px;
    height: 200px;
}

.border {
    border: 1px solid #e5e5e5;
    padding: 12px
}

.scrollbar::-webkit-scrollbar {
    width: 5px; /*스크롤바의 너비*/
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #01c6bc; /*스크롤바의 색상*/
}

.scrollbar::-webkit-scrollbar-track {
    background-color: white; /*스크롤바 트랙 색상*/
}

.submit_yellow_button {
    display: block;
    background-color: #ffe830;
    padding: 10px 0;
    text-align: center;
    color: #252626;
    font-size: 18px;
    margin: 40px 0 0;
    font-weight: 500
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}