@charset "UTF-8";
.color1{ color: #ff7800 !important;}
.color2{ color: #3bc3d2 !important;}
.stit0{ margin-bottom:15px; font-size: 32px; letter-spacing: -0.045em; }
.stit5{ color:#040404; font-family: 'NanumSquare'; font-size: 18px; letter-spacing: -0.045em; }
.study-exp-choice{overflow: hidden; margin:60px -15px 0;}
.study-exp-choice .col{ float: left; width: 50%; }
.study-exp-choice .content{ overflow: hidden; height: 450px; border: 1px solid #dddddd; border-radius: 5px; margin: 0 15px; }
.study-exp-choice .content-header{ background: #f2f2f2; line-height: 60px; font-size: 24px; }
.study-exp-choice .content-header span{ font-weight: 700;}
.study-exp-choice .content-body { padding: 30px 25px;} 
.study-exp-choice .content-body button {width: 100px; height: 30px; border-radius: 15px; border: 1px solid #3bc3d2; color: #3bc3d2; font-size: 13px; font-weight: 700;}
.study-exp-choice .content-body .rdo_box label{ display: block; }
.study-exp-choice .bottom{margin-bottom:30px;}
.study-exp-choice .bottom .total-pay{ margin: 30px 40px; font-weight: 700; letter-spacing: -0.05em;}

.rdo_box{ margin-top:5px; letter-spacing: -0.05em;}
.text0{ color: #666666; font-size: 18px; font-weight: 500;}
.text1{ color: #999999; font-size: 15px; font-weight:400;}
.text1 b{ color: #666666; }
.fr{ float: right; font-size: 16px; font-weight: 400;}
.fr .price{ font-size: 18px; font-weight: 700;}
.btn-group button{ width: 185px; height: 48px; margin: 0 5px; border-radius: 24px; font-size: 20px; font-weight: 700;}
.btn-group .btn-detail{ color: #3bc3d2; border:1px solid #3bc3d2;}
.btn-group .btn-apply{ color: #ffffff; background: #ff7800;}
.ul2{margin: 0 20px;}

.dropdown{overflow: hidden; border: 1px solid #dddddd; border-radius: 5px; text-align: center; margin:70px 0 30px;}
.dropdown-header {background: #fafafa;}
.dropdown-header button{ width: 100%; height: 50px; font-size: 16px; color:#666666; }
.dropdown-header button::after{
    content: '';
    display: inline-block;
    border-top:6px solid #666666;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;      
    vertical-align: middle;
    margin-left:10px;  
}
.dropdown-header button.on::after{
    border-top:0;
    border-bottom:6px solid #666666;    
}
.dropdown-body{ display: none; padding: 25px;  letter-spacing: -0.05em;}
.dropdown-body img{margin: 20px 0;}
.dropdown-body p{ color:#666666; }
.dropdown-body ul li{ font-size: 14px; color:#999999; text-align: right;}

.study-exp-step{overflow: hidden; margin:0 -15px;}
.study-exp-step .col{float: left; width: 50%;}
.study-exp-step .wrap{border: 1px solid #dddddd; border-radius: 5px; margin: 0 15px; padding: 25px 0 65px; text-align: center;}
.study-exp-step .title{margin-bottom:45px; font-size: 26px; font-weight: 700; }
@media (min-width: 1440px){
    #contents .section > .inside {
        width: 900px;
    }
}
@media (max-width: 1439px) and (min-width: 1024px){
    #contents .section > .inside {
        width: 900px;
    }
}

@media (max-width: 1023px){
    .stit0{ font-size: 34px; }
    .stit5{ font-size: 24px; }
    .study-exp-choice .content-header{font-size: 26px;}
    .study-exp-choice .content-body button {width: 145px; height: 40px; border-radius: 20px; font-size: 18px; }
    .ul2{margin: 0;}
    .study-exp-choice .col,
    .study-exp-step .col{  width: 100%; }
    .study-exp-step .col:nth-child(1){ margin-bottom:20px;}
    .study-exp-choice .content{height: auto;}
    .dropdown-body ul li{ text-align: left;}
}