@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px){
  .page_tt.s12 {font-size: 4em;}
  .main_edu .edu_list > li.inFirst .el .wrap_in {height: 79%;}
  .diagramWrap.st1 .diagram_in > li.center .wrap_in:after {transform: translate(127%,-50%);}
  .main_tech > li > a .wrap_in .more {width: 5em; height: 5em;}
  .visualSlider_wrap.st1 .visualSlider .el .bg2 img {height: auto; padding: 6em 0 0;}
}
@media screen and (max-width:1500px){
  .diagramWrap.st1 .diagram_in > li .wrap_in {padding: 0 2.5em;}
  .diagramWrap.st1 .diagram_in > li.center .wrap_in:after {transform: translate(104%,-50%); font-size: 2em;}
  .main_culum .middle_wrap .culum_box .culum_list li .ti {width: 5em; font-size: 0.8em;}
  .main_link > li > a .wrap_in .t1 {font-size: 1.025em;}

  .main_link > li > a {height: 11em;}
  .main_edu .edu_list > li.inFirst .el .wrap_in {height: 85%;} 

  .main_review .right_box iframe {height: 256px !important;}
  .sub-left-ank-wrap {display: none;}
}
@media screen and (max-width:1440px){
  #header .menu_wrap .wrapH,
  #header .menu_wrap .gnb_wrap .gnb > li, 
  #header .menu_wrap .gnb_wrap .gnb > li .dp1 {height: 3em;}

  .main_edu .edu_list {height: 318px;}
  .mainReviewSlide .el .wrap_in .txt .t1 {font-size: 1.125em;}
  .mainReviewSlide .el .wrap_in .txt .t2 {font-size: 1em;}
  .main_tit .tit1 {font-size: 2.1em;}
  .main_tech > li > a .wrap_in .more:after { font-size: 2em;}
  .sub-left-ank-wrap {display: none;}

  .page_tt.s9 {font-size: 2.35em;}
}
@media screen and (max-width:1300px){
  
}
@media screen and (max-width:1280px){
.box1 {width: 96%; max-width: 96%;}
body{ font-size:14px}

.visualSlider_wrap.st1 .visualSlider .el{height: auto;}
.visualSlider_wrap.st1 .visualSlider .el .bg2{ position:relative; overflow:hidden;  height:auto;}
.visualSlider_wrap.st1 .visualSlider .el .bg2 img {padding-top: 4em;}

.board_table.list .w_dateFull{white-space:normal; word-break:break-all;}
.main_edu .edu_list {height: 277px;}
.main_edu .edu_list > li.inFirst .el .wrap_in {height: 72%;}

.main_review .right_box iframe {height: 221px !important;}

.sub-left-ank-wrap {display: none;}
}

@media screen and (max-width:1200px){
.page_num_list > li > .group{display:flex; align-items:center;}
.page_num_list .tbox .tit .icon{min-width:2.5em;}
.page_num_list .tbox .tit .t1{flex:1 1 auto;}

.main_tech.mt50 {margin-top: 30px !important;}
.main_edu .edu_list > li.inFirst .el .wrap_in .img_wrap {height: 83%;}
.main_culum .middle_wrap .culum_box .culum_list li .t1 {font-size: 0.8em;}
.sub-left-ank-wrap {display: none;}
}

@media screen and (max-width:1070px){
#header .menu_wrap .wrapH, 
#header .menu_wrap .gnb_wrap .gnb > li, 
#header .menu_wrap .gnb_wrap .gnb > li .dp1 {height: 2.6em;}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .tt {font-size: 1em;}

.dp1_special .board_photo.d1 > li {width: 32.3%;}
}

@media screen and (max-width:1024px){
body{ font-size:13px}

#header.active .ico_menu.st_w {display: none;}
#header.active .ico_menu.st_b {display: flex;}
#header.st1 .top_wrap .etc_wrap {justify-content:flex-end;}

.visual_img_pc {display: none ;}
.visual_img_m {display: block ;}

.visualSlider_control2{ bottom:5%; transform:translate(-50%, 50%)}

.page_step_wrap .step{ font-size:.875em;}
.page_step_wrap .step > li .in{ min-width:5em;}

.profile-wrap {display: block;}
.profile-wrap .right {margin-top: 2em;}
.profile-wrap .right .info-wrap {padding-left: unset;}

.main_edu .edu_list {display: block;}
.main_edu .edu_list > li.inFirst {width: 97%; height: 12em; margin-bottom: 2em;}
.main_edu .edu_list > li.inFirst .el .wrap_in .con_wrap {padding: unset;}
.main_box.product .swiper-slide {height: unset; width: 33.3%;}
.main_process_wrap .inn_box { display: block;}
.main_process {width: 100%; margin-right: unset;}
.bottom_tx {width: 100%; min-height: unset; margin-top: 2em; padding: 2em 2em;}
.main_culum .right_box .middle_wrap {display: block;}
.main_culum .right_box .middle_wrap .in {width: 100%;}
.main_culum .right_box .bottom_tx {width: 100%; padding: 2em 2em;}
.main_review .inn_box {display: block;}
.main_review .left_box {width: 100%;}
.main_review .right_box {width: 100%;}
.main_review .mainReviewSlide_wrap {width: 100%;}
.main_link > li {width: calc(33.3% - 1em);}
.main_link > li.w100 {width: calc(33.3% - 1em);}
.mainReviewSlideN .el .wrap_in .tit .logo {width: 10%;}
.radiusN img {width: 100%;}

/* .main_curriculum li {margin-top: -2px;} */

.subscribe_wrap {flex-wrap: wrap;}
.subscribe_wrap li {width: calc(50% - 1em);}

.main_edu .edu_list {height: 100% !important;}
.sub-left-ank-wrap {display: none;}

.page_col {gap: 2em 0em;}

#header .menu_wrap{ display:none}

.main_boxN{ padding:2em 0}
.main_titN .t1{ font-size:2em}

.main_lecture_wrap{ flex-wrap:wrap}
.main_lecture_wrap .preview{ width:100%}
.main_lecture_wrap .preview .con_wrap{ flex-direction:row; justify-content:center; box-sizing:border-box; padding:2em; height:80vw;}
.main_lecture_wrap .preview .con_wrap .twrap{ margin-right:auto; align-items:flex-start; gap:.5em}
.main_lecture_wrap .preview .con_wrap .twrap br{ display:none }
.main_lecture_wrap .preview .con_wrap .more{ font-size:3em}

.main_reviewN{ flex-wrap:wrap; row-gap:2em}
.main_reviewN .wrap.text{ width:100%; flex:0 0 auto;}
.main_reviewN .wrap.vod{ flex:1 1 0%; min-width:0; width:auto; height: 32em;}
.main_reviewN .wrap.link{ width:35%; height: 32em;}

.sub-left-ank-wrap {display: none;}

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

.main_reviewN .wrap.vod{ height: 29em;}
.main_reviewN .wrap.link{ height: 29em;}

.main_quick_list > li {flex: 1 100%;}

}
@media screen and (max-width:900px){

.main_reviewN .wrap.vod{ height: 28em;}
.main_reviewN .wrap.link{ height: 28em;}

  .study_list_wrap li {width: 100%;}
  .teach-title .line {flex: 1 1 70%;}

.dp2_edu #contents .doc {padding: 2em 0 6em 0;}
.page_col > li {width: 100%; flex: unset !important;}
.page_col > li .wrap_img.pos.s2 {width: 100%; height: 100%;}
.page_col > li.inImg {height: 50em; width: 100%;}
.page_cover .wrap_con {width: 89vw; transform: translateX(9vw);}

.board_photo > li .wrap_in .con_wrap .bottom .sec {display: block;}
.priceBox {margin-top: .5em;}

.aca_detail {top: 5%; right: -17%; left: unset; bottom: unset;}

.dp1_special .board_photo.d1 > li {width: 49%;}
  }

@media screen and (max-width:850px){
  #pre_video {height:450px !important;}
  
  .main_reviewN .wrap.vod{ height: 27em;}
.main_reviewN .wrap.link{ height: 27em;}
}
@media screen and (max-width:830px){
  .main_reviewN .wrap.vod{ height: 26em;}
  .main_reviewN .wrap.link{ height: 26em;}
}

@media screen and (max-width:800px){
.main_tit .tit1 {font-size: 2.5em;}
.page_cover .wrap_con {width: 95vw; transform: translateX(7vw);}

.main_lecture_wrap .preview .con_wrap {height: 85vw;}

.main_reviewN .wrap.vod{ height: 25em;}
.main_reviewN .wrap.link{ height: 25em;}

}
@media screen and (max-width:768px){
body{ font-size:12px}

.page_search_wrap{ display:block;}
.page_search_wrap .btn_wrap{ margin-left:6.5em; border-left:none;}
.page_search_wrap .btn_wrap.w2{ max-width:none;}
.page_search_wrap .input_st{ font-size:1.063em;}
.page_search_wrap .in{ align-items:flex-start; margin:0 0; flex:1 0 100%; max-width:100%; flex-wrap:wrap;}
.page_search_wrap .in.in2{ flex:1 0 100%; max-width:100%; flex-wrap:wrap}
.page_search_wrap .inp_row{ padding:0; flex-wrap:wrap;}
.page_search_wrap .inp_row .tit{ padding-top:.75em;}
.page_search_wrap .btn_wrap .input_st,
.page_search_wrap .inp_row .inp .input_st,
.page_search_wrap .inp_row .inp .label_select,
.page_search_wrap .inp_row .inp .label_select .input_st{ width:100% !important; margin:.125em 0;}
.page_search_wrap .inp_row .inp .label_select .input_st{ margin:0;}
.page_search_wrap .inp_row .inp .input_st.hasDatepicker{ width:calc(100% - 3em) !important;}

.member_wrap{ padding:0 3%}
.member_wrap .member_form{ padding:1em}
.member_wrap .member_tit .txt{ padding:0 10%}

.member_wrap .member_tit{ padding-bottom:1.5em;}
.member_wrap .member_tit .tit { font-size:2.125em; letter-spacing:-1px !important;}
.member_wrap .member_tit .tit2{ font-size:1.875em;}
.member_wrap .member_tit .txt br{ display:none;}

.member_wrap .form .pw_wrap{ font-size:1em; line-height:1.4;}

.member_wrap .form .cer_wrap{}
.member_wrap .form .cer_wrap > li{ float:none; width:100%; text-align:left;}
.member_wrap .form .cer_wrap > li .inner{ margin:1px 0; display:flex; justify-content:space-between; align-items:center;}
.member_wrap .form .cer_wrap .txt{ flex:1; margin-top:0; height:auto; padding-left:.75em; font-size:1.125em;}
.member_wrap .form .cer_wrap .btn{ max-width:6em;}

.join_cer_wrap{ display:block;}
.join_cer_wrap > li{ padding:1em 1em; border-top:1px dashed #d4d5d8; border-left:none; text-align:left;}
.join_cer_wrap > li:first-child{ border-top:none;}
.join_cer_wrap > li .inner{ position:relative; padding-left:6em;}
.join_cer_wrap .icon{ position:absolute; top:0; left:0; font-size:.813em;}
.join_cer_wrap .tit{ padding:.5em 0 .5em 0; font-weight:500;}
.join_cer_wrap .txt{ min-height:auto; font-size:1em;}
.join_cer_wrap .btn{ margin-top:1em; max-width:8em; font-size:1em;}

.join_table,
.join_table thead,
.join_table tbody,
.join_table tr,
.join_table th,
.join_table td{ display:block;}
.join_table{ border-top:none;}
.join_table tr{ margin-top:.5em; border:1px solid #666;}
.join_table tr:first-child{ margin-top:0;}
.join_table th,
.join_table td{ height:auto;}
.join_table th{ padding:1em .75em; background:#ecf0f4; font-size:1.125em; color:#000;}
.join_table td,
.join_table .checkShow td{ padding:.6em .75em; border-bottom:none;}
.join_table .checkShow{ margin-top:0; border-top:none;}
.join_table .input_st.w3[type=text],
.join_table .input_st.w6{ width:calc(100% - 8.5em)}
.join_table .input_st.w3[type=button]{ width:8em;}

.join_finish .tit{ font-size:1.500em;}
.join_finish .join_table{ width:100%;}
.join_finish .join_table td{ padding:1em .75em; font-size:1.125em;}

html.pop .popWrap .popVideo{ min-width:100%}


.privacy_area .privacy_box{ padding:1em;}
.privacy_area .privacy_box .privacy_in{ padding:1em}
.terms_area{ padding:1em}
.page_email{ padding:1em}
.page_email .email_con .con_wrap{ margin-top:2em}

.pop .pop_page_print{ height:600px;}

.resize.s5 {padding-bottom: 18%;}

.dp2_cart #contents .doc {padding: 8em 0 8em 0;}

#pre_video {height:400px !important;}

}
@media screen and (max-width:710px){

.main_reviewN .wrap.vod{ height: 24em;}
.main_reviewN .wrap.link{ height: 24em;}
}
@media screen and (max-width:680px){

.main_reviewN .wrap.vod{ height: 23em;}
.main_reviewN .wrap.link{ height: 23em;}
}
@media screen and (max-width:660px){
  .teach-title .line {flex: 1 1 60%;}

.main_reviewN .wrap.vod{ height: 22em;}
.main_reviewN .wrap.link{ height: 22em;}
}
@media screen and (max-width:640px){
/*#header{display:none;}*/
#header_m{display:block;}

.header_m_pd{padding-bottom:160px;}
.main_process {justify-content: center;}
.main_process > li {width: 33.3%;}
.main_process > li .wrap_in .line {display: none;}

.main_lecture_wrap .preview .con_wrap {height: 90vw;}

.radius-bg .in .r-txt .btn a {width: 3.5em; height: 3.5em;}
.radius-bg .in .r-txt .btn a img {width: 2em;}

.board_photo .preview {height: 80vh;}
.dp1_special .board_photo.d1 > li {width: 100%;}

#header.st1 .top_wrap .etc_wrap{ gap:0 2em}
.main_lecture_wrap .list{ flex-wrap:wrap}
.main_lecture_wrap .list .main_lecture_st{ width:100%}

.main_reviewN .wrap.vod{ height: 21em;}
.main_reviewN .wrap.link{ height: 21em;}
}
@media screen and (max-width:600px){
  #pre_video {height:380px !important;}

.main_reviewN .wrap.vod{ min-width:0; width:100%; flex:0 0 auto; height: unset;}
.main_reviewN .wrap.link{ width:100%; flex:0 0 auto; height: 100%;}
}

@media screen and (max-width:500px){
.header_m_pd{padding-bottom:140px;}

#header.st1 .top_wrap .mem_menu {gap: 0 .5em;}
#header .top_wrap .wrapH { width: 13.5em;}
#header.st1 .top_wrap .mem_menu > li > a {font-size: .96em;}
#header .menu_wrap {display: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li {width: calc(100% - 0.5em);}
#footer .info_wrap .menu > li .in {font-size: 0.89em;;}

#contents .sub_page_menu .gnb > li .dp2 {flex-wrap: wrap;}
#contents .sub_page_menu .gnb > li .dp2 > li {width: 31%;}

#contents .sub_page_tit .tit_inner {display: block; padding: unset;}
#contents .sub_page_tit .tit_inner .nav {margin-top: 1em;}

.mainEduSlide .inn_box{display: block;}
.main_box.product .swiper-slide {width: 100%; margin-top: 2em;}

.main_lecture_wrap .preview .con_wrap {height: 100vw;}

.resize.s5 {padding-bottom: 24%;}

#pre_video {height:350px !important;}

.list_coupon_wrap.st1 .list_coupon .coupon > li {width: 50%;}
.assign_tit {display: block;}
.assign_tit .date {display: inline-block; font-size: 1.05em;}
.assign_tit .tit {margin-top: .5em; font-size: 1.5em;}
.teach-title {font-size: 1.5em;}
.recruit-wrap .txt-box .bg-box {padding: 1.5em;}

.page_cover .wrap_con {padding: 4em 3.5em 0;}
.page_tt.s6 {font-size: 1.3em;}
.page_tt.s11 {font-size: 2.8em;}
.page_tt.s12 {font-size: 2.8em;}

.board_photo > li {width: 100%;}
.board_photo > li .wrap_in {margin: 2em 0 0 0;}

.board_search_wrap .right {width: 100%;;}
.label_select {width: 100%;}
.board_search_wrap .input_st {width: 100%; height:3em !important; margin-bottom: .5em;}

.page_search_wrap {padding: 1em 1em;}
.page_search_wrap .list {display: block;}
.page_search_wrap .list > li .wrap_in {display: block; text-align: center;}
.page_search_wrap .list > li .wrap_tit {margin-bottom: .5em;}
.page_search_wrap .input_st {width: 100%; margin-top: .5em; margin-bottom: .5em;}

.page_col > li.inImg {height: 35em; width: 100%;}

.aca_detail .t1 {font-size: 0.9em;}
.aca_detail .t2 {font-size: 0.7em;}
}

@media screen and (max-width:460px){
body{ font-size:11px}

.board_photo .preview {height: 60vh;}

.in_edu_write > li .con .in{ padding:5px 0 5px 0}
.in_edu_write > li .con .in > *{ display:flex}
.in_edu_write > li .con .in span{ font-size:1em; padding-left:3px; line-height:1.5}

.list_coupon_wrap.st1 .list_coupon .coupon > li {width: 100%;}
.teach-title .line {display: none;}
.subscribe_wrap li {width: 100%;}

#pre_video {height:300px !important;}

}

@media screen and (max-width:412px){
.page_box.st2{padding:1em 1.25em;}
.header_m_pd{padding-bottom:120px;}
.main_process > li {width: 100%;}
.main_process > li .wrap_in {margin: 2em 0 0 0;}
.main_tit .tit1 {font-size: 2.2em;}
.resize.s5 {padding-bottom: 30%;}
.input_st.w3 {width: 9.17em;}

#pre_video {height:253px !important;}

.board_photo .preview {height: 50vh;}
}

@media screen and (max-width:350px){
  #header .top_wrap .ico_menu.st_b {display: none;}
  #pre_video {height:183px !important;}
}
@media screen and (max-width:330px){
.board_photo .preview {height: 45vh;}
}
@media screen and (max-width:320px){
.header_m_pd{padding-bottom:100px;}
}
@media screen and (max-width:280px){
  #header .top_wrap .ico_menu {display: none;}

  .visualSlider_control .paging {display: none;}
  .main_tit .tit1 {font-size: 1.8em;}
  .main_tech > li > a .wrap_in .t1 {font-size: 1.8em;}
  .mt50 {margin-top: 30px !important;}

  .main_culum .right_box .middle_wrap .culum_box {padding: 1.5em;}
  .main_culum .right_box .middle_wrap .culum_box .t2 {font-size: 1.050em;}
  .main_culum .right_box .middle_wrap .culum_box .t1 span {font-size: 0.68em;}
  .main_culum .right_box .middle_wrap .culum_box .t1 {font-size: 0.78em;}
  .mainReviewSlide .el .wrap_in {display: block;}
  .main_link {display: block;}
  .main_link > li {width: 100%;}
  .main_link > li.w100 {width: 100%;}
  .main_link > li > a {height: 9em;}
  .main_link > li > a .wrap_in .ico {height: 3.3em; margin-bottom: 1em;}

  #pre_video {height:181px !important;}

  .study_list_wrap li .inner .flex {display: block;}
  .study_list_wrap li .info {width: 100%;}
  .study_upload_top .wrap_in .t_date {text-align: center;}
  .fs15 {font-size: 0.638em !important;}
  .table_st1 td .label_st.de,
  .table_st1 td .label_st.de.ml30 {width: 100%; margin-left: unset !important;}
}