@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

.menu_wrap #gnb li {position: relative;}
.menu_wrap #gnb .gnb_sub {display: none;position: absolute;z-index: 9999;background-color: #fff;width: 100%;padding: 20px 0; box-sizing: border-box;top: 65px; border:1px solid #ddd; border-top:0;}
.menu_wrap #gnb #GNB_MY .gnb_sub {top: 55px;}
.menu_wrap #gnb .gnb_sub li {float: none !important;padding-left: 0 !important;}
.menu_wrap #gnb .gnb_sub li:hover a {color: #0f8fd0;}
.menu_wrap #gnb .gnb_sub li a {display: block;color: #666666;font-size: 16px;text-align: center;line-height: 40px;font-weight: normal;letter-spacing: -1.5px;padding: 0 5px;}
.menu_wrap #gnb > #my_page a {width: 165px;height: 40px;text-align: center;color: #fff;background-color: #25b5ba;margin-top: 13px;line-height: 40px;padding-left: 0;}
#header.custom_header .inner .menu_wrap {overflow: inherit;}
.square_wrap .main_board .mboard_title span a,.square_wrap .main_board .mboard_title span {width: 150px;}
.greeting_scont.scont img {width: 100%;}
.hamburger {background-color: #fff;}
.hamburger.is-active {background-color: #fff;}
/*
#contet_area {margin: 80px auto !important;}
*/

#container.main {width: 100%;max-width: 100%; min-width:1200px;margin: 0 auto;padding-bottom: 0;box-sizing: border-box;}
.main_visual {height: 480px;width: 100%; min-width:1200px;}
#slides,.slides_container,.slides_container div {height: 480px;width: 100%;max-width: 1920px;right: 0;margin:0 auto;}
#footer {width: 100%; min-width:1200px;margin: 0 auto;}

.cs_down2 li {border-bottom: 1px solid #333;padding-bottom: 40px;box-sizing: border-box;}
.log_find {width: 300px;}

.util_wrap .util_menu li.logout_t {background: url(/html/images/common/header_icon3.gif) no-repeat left center;}
.util_wrap .util_menu li.my_t {background: url(/html/images/common/header_icon2.gif) no-repeat left center;margin-left: 10px;}
.util_wrap .util_menu li.cart_t {background: url(/html/images/common/header_icon4.gif) no-repeat left center;margin-left: 10px;}
.util_wrap .util_menu li.cart_t a ,.util_wrap .util_menu li.logout_t a {padding-left: 5px;}
.all_list {width: 100%;}
.all_list .a_inner {overflow: hidden;}
.log_form,.log_find {float: none;width: 100%;}
.log_form {width: 100%;border-right: none;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;padding: 0 20px 50px 20px;}
.util_wrap .util_menu li.logout_t:after {right: -13px !important;}
.log_find dt {display: inline-block; width:200px;}
.log_find dd {display: inline-block;margin: 0 0 23px 20px;}
.log_find dl {width:100%;}
.log_area .ip_submit {display: inline-block;vertical-align: top;float: none;}
.log_in {display: inline-block;vertical-align: top;float: none;}
.log_area,.log_tt {text-align: center;}
.login_box {border-bottom: none;padding: 50px 0; width:500px; margin: 0 auto; border:4px solid #F5F5F5; border-radius:20px;}
/*.tab_tt li {margin:-1px;}*/
.course_webzine .col_course_name {width: 500px;}
select.search_select {height: 31px;}
#header.custom_header .logo img {max-width: 200px; margin-left:20px; margin-top:0}
#GNB_CS a:after {display: none;}
#GNB_MY {background: #004DA9;margin-top: 10px;border-radius:23px;transition: all .3s;}
#GNB_MY:hover{background:#002F66;}

.menu_wrap #gnb li#GNB_MY>a {line-height: 45px; color: #fff;}
.search_form_wrap2 .search_form {padding-left: 0;}
.search_form_wrap2 .search_form > div {display: inline-block;}
.course_info .info_text {width: 670px;}
.util_wrap .util_menu li:last-child:after {display: none;}
.util_wrap .util_menu li:after {content: '';position: absolute;right: -16px;width: 1px;background-color: #c1c1c1;top: 15px;height: 11px;}
.util_wrap .util_menu li:last-child:after, .util_wrap .util_menu li:nth-last-child(2):after{display:none;}


.mcourse_recomm#mc_recom1 {border:none;}
.main_course_info .horizontal_list li {width: 285px; /* margin: -15px !important; */}
.mcourse_recomm .main_course_info {padding:0;}
.horizontal_wrap .horizontal_list {margin: 0 -15px;}
.horizontal_wrap .horizontal_list li,.main_tutor li {width: 285px; margin: 0 15px;background-color: #fff;}
.main_tutor {display: block;overflow: hidden;margin: 0 -15px;}

/*.horizontal_list span.img_box,.tal_list span.img_box,.horizontal_list span.img_box > a > img,.main_course_info .horizontal_list span.img_box,.main_course_info .horizontal_list span.img_box > a > img {width: 100%;height: auto;}*/
.main_course_info .horizontal_list li {min-height: auto;}
.main_course_info .horizontal_list span.list_subject {margin-bottom: 0;line-height: normal;font-size: 28px;margin: 0;padding: 0 25px;}
.horizontal_list span.list_subject {font-size: 18px;text-align: left;padding: 10px 25px 0;margin: 0;}
.horizontal_list span.list_period,.main_course_info .horizontal_list span.list_period {font-size: 16px;text-align: left;padding: 0 25px;margin:10px 0;}
.horizontal_list span.list_price {font-size: 16px;color: #004DA9;text-align: left;font-weight: bold;padding: 0 25px;margin:10px 0;}
.horizontal_list p {font-size: 16px;text-align: right;padding: 0 25px;margin:10px 0; font-weight:bold;}
.horizontal_list p .goto_subject{padding:5px 10px; background:#004DA9; color:#fff; border-radius:5px;box-shadow: 0px 1px 5px rgba(33, 33, 33, 0.17), 0px 1px 0px rgba(0, 0, 0, 0.14);transition: all .3s; }
.horizontal_list p .goto_subject:hover{background-color:#002F66;}
#container .horizontal_wrap#bgwrap {width:100%;padding-top:0;}
#container .horizontal_wrap#bgwrap .bg_title{background-color:#F8F8F8; width:100%; padding: 80px 0 200px;}
#container .horizontal_wrap#bgwrap .mcourse_recomm {width: 1230px;margin: 0 auto; margin-top: -200px; display: block;background: transparent; }
#container .horizontal_wrap#bgwrap .top_title {font-size: 35px;font-weight: bold;}
.mcourse_recomm .main_course_tab li a {color: #666666;font-size: 18px;font-weight: 500;padding: 0 10px;position: relative;margin: 0px 5px; padding: 0 15px;}
/*.mcourse_recomm .main_course_tab li a:after {content: '';position: absolute;width: 1px;height: 15px;background-color: #fff;top: 16px;left: -13px;}*/
.mcourse_recomm .main_course_tab li:first-child a:after {display: none;}
.horizontal_wrap#bgwrap .top_title {margin-bottom: 0 !important;margin-top: 0;}
.horizontal_wrap#bgwrap .mcourse_recomm .main_course_tab {margin: 30px auto 0px auto;}
#container .horizontal_wrap {padding: 60px 0 30px;}
.horizontal_wrap .horizontal_list {margin-top: 40px !important;}
.horizontal_wrap .top_title {font-size: 35px;margin-top: 0;}

#hot_wrap { position: relative; width: 100%; text-align: center; padding: 0px 0px 100px 0px; background: #ffffff;}
#hot_wrap .horizontal_list {width: 100%; position: relative;}
#hot_wrap .horizontal_list li { float: none; width: 100%; margin: 0px; position: relative;}
#hot_wrap .horizontal_list li.nodata { width: 100%;}
#hot_wrap.horizontal_wrap .hot_class { display: inline-block; width: 1230px;}
#hot_wrap.horizontal_wrap .hc_left { float: left; display: inline-block; width: 600px; margin-right: 70px;}
#hot_wrap.horizontal_wrap .hc_left .horizontal_list li { float: none; width: 100%; padding-bottom: 50px; margin: 0px; height: 640px !important;border:0px; position:relative;}
#hot_wrap.horizontal_wrap .hc_left .horizontal_list li:hover { box-shadow: none !important;}
#hot_wrap.horizontal_wrap .hc_left .horizontal_list .img_wrap{width: 600px; height: 400px; overflow:hidden;}
#hot_wrap.horizontal_wrap .hc_left .horizontal_list span.img_box { width: 600px; height: 400px; border:0px; transition: all .5s;}
#hot_wrap.horizontal_wrap .hc_left .horizontal_list .img_wrap:hover span.img_box{transform: scale(1.2);}
#hot_wrap .hc_left .horizontal_list .ccont { height: auto;padding: 22px 0px 55px 0px; box-sizing: border-box;}
#hot_wrap .hc_left .horizontal_list span.list_cate { font-size: 17px;}
#hot_wrap .hc_left .horizontal_list span.list_subject { font-size: 40px; line-height: 53px; max-height: 120px; text-overflow: clip; white-space: normal; padding: 10px 0px;}
#hot_wrap .hc_left .horizontal_list span.list_subtitle { font-size: 17px; line-height: 25px; height: 50px; max-height: 50px; text-overflow: clip; white-space: normal; padding: 10px 0px;}
#hot_wrap .hc_left .horizontal_list span.list_tutor { position: relative; float: left; display: inline-block; padding-right: 10px; font-size: 17px; margin-right: 10px;}
#hot_wrap .hc_left .horizontal_list span.list_tutor:after { content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #999;}
#hot_wrap .hc_left .horizontal_list span.list_blt { display: none;}
#hot_wrap .hc_left .horizontal_list span.list_period{font-size: 20px; line-height: 25px; text-overflow: clip; white-space: normal; padding: 0px; font-weight:normal;}
#hot_wrap .hc_left .horizontal_list span.list_price {/* float: left; display: inline-block;*/ position: relative; text-align: left; padding: 0px; font-size: 18px;}
#hot_wrap .hc_left .horizontal_list span.list_btn { position: absolute !important; right: 0px !important; bottom: 0px !important; padding: 0px;}
#hot_wrap .hc_left .horizontal_list p {position:absolute; right:0; bottom:0;padding:0;}
#hot_wrap .hc_left .horizontal_list p .goto_subject{font-size:18px; padding: 10px 15px;}
#hot_wrap.horizontal_wrap .hc_right { float: left; display: inline-block; width: 560px;}
#hot_wrap.horizontal_wrap .hc_right .horizontal_list li { float: none; display: inline-block; width: 100%; min-height: 148px; margin: 0px 0px 15px 0px; box-sizing: border-box; border:0px;position:relative;}
#hot_wrap.horizontal_wrap .hc_right .horizontal_list .img_wrap{ position:absolute; left:0; top: 0; width:224px; height: 148px; overflow:hidden; }
#hot_wrap.horizontal_wrap .hc_right .horizontal_list span.img_box { float: left; display: inline-block; position: absolute; left: 0; top: 0; margin-bottom: 0px; width: 224px; height: 148px; border:0px; transition: all .3s; overflow:hidden;}
#hot_wrap.horizontal_wrap .hc_right .horizontal_list .img_wrap:hover span.img_box{transform: scale(1.2);}
#hot_wrap .hc_right .horizontal_list .ccont { position: relative; display: block; width: 100%; height: 148px; padding: 20px 15px 20px 250px; box-sizing: border-box;}
#hot_wrap .hc_right .horizontal_list .ccont a { display: inline-block;width: 100%; height: 100%;}
#hot_wrap .hc_right .horizontal_list span {margin:5px 0;}
#hot_wrap .hc_right .horizontal_list span.list_cate { display: none;}
#hot_wrap .hc_right .horizontal_list span.list_subject { font-size: 18px; line-height: 23px; height: auto; max-height: 46px; margin-bottom: 5px; text-overflow: clip; white-space: normal; padding:0 0 10px 240px}
#hot_wrap .hc_right .horizontal_list span.list_period { padding-left:240px; font-weight:normal;}
#hot_wrap .hc_right .horizontal_list span.list_subtitle { display: none;}
#hot_wrap .hc_right .horizontal_list span.list_btn { display: none;}
#hot_wrap .hc_right .horizontal_list span.list_blt { display: none;}
#hot_wrap .hc_right .horizontal_list span.list_price { padding-left:240px;}
#hot_wrap .hc_right .horizontal_list p {padding:15px 0 10px; margin: 0;}

#container .horizontal_wrap.sub-bn {width:100%; position:relative;}
#container .horizontal_wrap.sub-bn .wrap-img{text-align: center; position:relative; height:400px;}
#container .horizontal_wrap.sub-bn .wrap-img:before{content:''; display:block; position:absolute; height: 150px; width:100%; bottom:0; background-color:#f4f4f4;}
#container .horizontal_wrap.sub-bn .wrap-img img{position:absolute; left:50%; transform:translateX(-50%); bottom:0; max-width:100%;}

.square_wrap .main_board {float: none;width: 390px;}
.square_wrap .main_board .mboard_cont {width: 100%;}

.square_wrap .main_cs { width: 390px; float:none;}
.square_wrap .main_cs .mcs_text {padding: 0;background: none;}
.square_wrap .top_title h3{font-size: 20px; color: #333;}
.square_wrap .main_cs p {font-size: 16px;margin-top: 5px;}
.square_wrap .main_cs a > p {letter-spacing: -1px;color: #333;}
.square_wrap .main_cs p br {display: none;}
.square_wrap .main_cs .mcs_text .mcs_tel {font-size: 36px;margin-top: 10px;color: #004DA9;}
.square_wrap .main_cs .mcs_text span {color: #666c;font-size: 14px;font-weight: 500;margin: 15px 0; font-weight: normal;}
.square_wrap .main_cs .mcs_text .btn-call{display:inline-block; width:100%; background:#004da9; color:#fff;transition: all .3s;text-align:center; padding: 13px; border-radius:5px; box-shadow: 0px 1px 5px rgba(33, 33, 33, 0.17), 0px 1px 0px rgba(0, 0, 0, 0.14);}
.square_wrap .main_cs .mcs_text .btn-call:hover{background:#002f66}
.search_form form {display: inline-block;text-align: center;}
.content_body .content_body_history img {float: none;}
.square_wrap {margin: 60px auto 80px auto;}
.search_form_wrap3 .search_form {display: inline-block;padding-left: 0;overflow: hidden;text-align: center;}
.tab_tt li a {}
.tab_tt li:first-child a {}
/*.tab_tt li:nth-child(7) a {border-bottom: 1px solid #d2d2d4;border-top: none;border-left: 1px solid #d2d2d4;}*/
.tab_tt li:nth-child(8) a {border-bottom: 1px solid #d2d2d4;border-top: none;}
.tab_tt li:nth-child(9) a {border-bottom: 1px solid #d2d2d4;border-top: none;border-right: 1px solid #d2d2d4;}
.course_info .info_img {width: 535px;}
.course_info .info_text {width: 585px;}
.main_wrap .content_area {margin: 0 auto;}
.course_webzine .col_course_button table {height: 210px;}
.course_webzine .col_course_button {height: auto;padding: 0;}
.course_info .info_img img {width: 100%;height: auto;box-sizing: border-box;}

.course_info .info_img {margin:0;width: 50%;padding-right: 20px;box-sizing: border-box;}
.course_info .info_img .img_wrap{ width: 595px; height: 335px;  overflow:hidden;}
.course_info .info_img span.img_box {display:inline-block; width: 595px; height: 335px; border:0px; transition: all .5s;}
.course_info .info_img:hover span.img_box{transform: scale(1.2);}

.course_info .info_text {width: 50%;padding-left: 20px;box-sizing: border-box;margin: 0;}
.mcourse_recomm {border:none;}
.mReview_inner .mReview_cont {width: 907px;}
.cheating_:first-child {margin-top: 0;}