/* ------------------
	Font 
--------------------- */ 

body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui,
                 Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo',
                 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  }


/* 공통부분 */
.dis_mo{display:none;}
.disB_tamo{display:none;}
.dis_ta{display:none;}
.hide{display:none;}
.hidden{overflow: hidden;}

.con_in{width: 1000px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;} 
.lnb_div{padding:0;}
.flex_between{display: flex; justify-content: space-between;}
.flex_around{ display: flex; justify-content: space-around;}
.txt_left{text-align: left !important;}
.txt_center{text-align:center !important;}
.dp_inline{display:inline !important;}
.dp_inlineB{display:inline-block !important;}

.red{color: red; }
.blue{color: blue;}
.fw_600{font-weight:600;}
.fw_800{font-weight:800;;}
.emphasis{color: red; font-weight:600;}
.container small { font-size: 0.875rem;}
.inner{width: 1000px; margin: 0 auto;}
.container img {max-width:100%; height:auto; vertical-align:middle; }

/* youtube */
#realstory_wrap{background:url(/file/main/images/landing/realstory_pc_bg.png) no-repeat center;}
#realstory{ background:url(/images/include/realstory_pc.png) no-repeat center;}
.realstory_phone > ul{position:relative; height:800px;}
.realstory_phone > ul > li{position:absolute; top:39.5%; left:7.6%;}
.realstory_phone > ul > li > a {display:block;width:100%;height:100%;}
.realstory_phone > ul > li > a > img{display:block;width:100%;height:100%;}
.realstory_btns > ul {overflow:hidden; width:788px; margin:0 auto;}
.realstory_btns > ul > li {float:left; padding:0 10px; cursor:pointer;}
.realstory_btns > ul > li > a{display:block;width:177px;height:105px;}
.realstory_btns > ul > li:nth-child(1)> a{background:url(/file/main/images/landing/rs_pcbtn01_off.png) no-repeat center;}
.realstory_btns > ul > li:nth-child(2)> a{background:url(/file/main/images/landing/rs_pcbtn02_off.png) no-repeat center;}
.realstory_btns > ul > li:nth-child(3)> a{background:url(/file/main/images/landing/rs_pcbtn03_off.png) no-repeat center;}
.realstory_btns > ul > li:nth-child(4)> a{background:url(/file/main/images/landing/rs_pcbtn04_off.png) no-repeat center;}
.realstory_btns > ul > li:nth-child(1):hover a{background:url(/file/main/images/landing/rs_pcbtn01_on.png) no-repeat center;} 
.realstory_btns > ul > li:nth-child(2):hover a{background:url(/file/main/images/landing/rs_pcbtn02_on.png) no-repeat center;} 
.realstory_btns > ul > li:nth-child(3):hover a{background:url(/file/main/images/landing/rs_pcbtn03_on.png) no-repeat center;} 
.realstory_btns > ul > li:nth-child(4):hover a{background:url(/file/main/images/landing/rs_pcbtn04_on.png) no-repeat center;} 



.mgleft_10{margin-left:10px;}
.mgtop_10{margin-top:10px;}
.mgtop_20{margin-top:20px;}
.mgtop_30{margin-top:30px;}
.mgtop_50{margin-top:50px;}
.mgbottom_10{margin-bottom:10px;}
.mgbottom_50{margin-bottom:50px;}
.mgbottom_80{margin-bottom:80px;}
.lineheight_14{line-height:1.4;}

.cont_maxW { max-width: 1000px; margin: 0 auto;  }
.img100 img { width: 100%; }



.margin1000{width: 1000px; margin: 0 auto; position: relative;}

.tab_on{background-color:#ffffff !important; border-bottom:1px solid #ffffff !important;}
.dis_on{display:block !important;}
.indi_on{background-color:#ffffff !important; }
.sub_click {color: blue; font-weight: 600; transform: skew(-0.03deg);}
.certifi_click {color: #ff3c00; border: 1px solid #fa4400; font-size: 1rem; padding: 5px; margin-left: 6px; font-weight: 700;}

.btn_blue{width: 180px; display: block; background:#5483eb !important; color:#fff !important; font-weight:600; text-align:center; padding:1rem; margin: 20px auto;} /* 파란색 버튼 */
.btn_gray{width: 180px; display: inline-block; background:#666666 !important; color:#fff !important; font-weight:600; text-align:center; padding:1rem;} /* 회색 버튼 */
.searchForm .btn_gray{width:100px; font-size: 14px; border-radius: 5px;}
.btn_black{width: 180px; display: inline-block; background:#434343 !important; color:#fff !important; font-weight:600; text-align:center; padding:1rem;} /* 검정색 버튼 */
.registbtn{font-size: 1rem; border: none; } /* input 버튼에 추가 */

.btn_hide {width: 40px; height: 40px; border-radius: 50%; background: #fff; text-indent: -999999px; position: relative;}
.btn_hide:before , .btn_hide:after {content: " "; position: absolute; left: 18px; top: 10px; height: 20px;  width: 2px; background-color: #000; transform: rotate(45deg);}
.btn_hide:after{transform: rotate(-45deg);}
.btn-download {font-size: 14px; background: url(https://img.hunet.co.kr/event/2024/05/02_wf/ic_download_gray.svg) no-repeat 97% center !important; padding-right: 25px; color: #4f4f4f;}

.tabs { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 1.25rem;  list-style: none; }
.tabs-item { text-align: center; position: relative; border-bottom: 1px solid #eee; }
.tabs-link {display: block; padding: 0.5rem 0; color: #767676; background: #fff; border: 0; font-size: 1rem; width: 100%; cursor: pointer; text-decoration: none !important; font-weight: 600;}
.tabs-link.active { position: relative; color: #0974db; background-color: #fff; border-bottom: 3px solid #0974db;}

.xi_error{font-size: 20px;vertical-align: text-bottom;margin-right: 3px;}
.xi_checkcircle{font-size: 20px; vertical-align: text-bottom; margin-right:3px; color: #0974DB;}
.xi_exlink{font-size: 19px;vertical-align: middle;margin-right:3px;color:blue;}
.xi_angleright{display: block;text-align: center;font-size: 26px;color: #999;}

.table { border-bottom: 1px solid #f7f7f7; margin: 10px 0; width: 100%; color: #212529; text-align: center;  border-top: 2px solid #111;} 
.table th { font-weight: 600; /* color: #f7f7f7; */}
.table th, .table td {padding: 1rem 0; vertical-align: middle; border-top: 1px solid #f7f7f7; transform: skew(-0.03deg); line-height: 1.2;}
.table2 th , .table3 th , .table3_start th , .table4 th , .table4_1 th{background: #f7f7f7; color:#333 !important;}
.table4_1 tr td:first-child{background: #f7f7f7; color:#333 !important; font-weight: 600;}
.table2 td , .table4 td{border: 1px solid #f7f7f7;}
.table3_start td {text-align: start;}

.wd10{width:10%;}
.wd12{width:12%;}
.wd15{width:15%;}
.wd20{width:20%;}
.wd30{width:30%;}
.wd50{width:50%;}

input[type="tel"] {width:100px;}
input[type="radio"] {margin: 0 4px;}
input[type="checkbox"] {margin: 0 4px;}
input[type="button"]{cursor: pointer;}
textarea{padding:10px;}

.lnb {width: 100%; background: #0974DB; overflow: hidden;}
.lnb_div > ul{display:flex; float: right;}
.lnb_div > p { float: left; color: #fff; font-size: 24px; line-height: 40px; margin-right: 20px; font-weight: 600;}
.lnb_div > ul > li > a {display: block; color: #fff; display: inline-block; font-weight: 700; padding: 12px 16px;}
.selected{
color: #0974db !important;
}
.selected{
background: #ffffff !important;
}

.con_top {display:flex; justify-content: space-between; align-items: end; margin-top: 50px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.con_top h1{font-size: 28px;}
.con_top div{margin-top:12px; font-size: 13px; font-weight: 600; transform: skew(-0.03deg);}
.con_div{line-height: 1.4;}
.con_div_top {font-size: 18px; font-weight: 600; line-height: 1.5; transform: skew(-0.03deg);}
.con_div h5{font-size: 20px; font-weight: bold;}
.sub_div_title h3{ margin: 30px 0 10px; background: url(/images/include/title_img.png) no-repeat 0 1px; font-weight: 600; transform: skew(-0.03deg);}

.sub_div_step{display: flex; justify-content: space-between; margin-top: 10px;}
.sub_div_step > li > dl > dt { background: #0974DB; padding: 12px; line-height: 1.2;}
.sub_div_step > li > dl > dt > p { color: #fff; text-align: center;}
.sub_div_step > li > dl > dt > p > span { color: #fff;}
.sub_div_step > li > dl > dd { line-height: 1.2; border: 1px solid #ddd; padding: 20px; text-align: center;}
.sub_div_step > li {position: relative;}
.sub_div_step > li > .xi_angleright {position: absolute; right: -25px; top: 38%;}
.preface{width: 100%; border: 1px solid #ddd; padding: 20px; background: #fafafa; line-height: 1.4; transform:skew(-0.03deg);} 
.condiv_box {border: 4px solid #ddd; padding: 15px; background: #fff;}

/* 본문바로가기 */
a.skipNav {position:absolute; top:0; left:0; overflow:hidden; display:block; width:1px; height:1px; margin-top:-1px; font-size:1px; line-height:0;}
a.skipNav:hover, a.skipNav:focus, a.skipNav:active{width:100%; padding:20px 0; font-size:14px; text-align:center; font-weight:bold; color:#fff; background:#888; z-index:5;}
a.skipNav2 {position:absolute; top:0; left:0; overflow:hidden; display:block; width:1px; height:1px; margin-top:-1px; font-size:1px; line-height:0;}
a.skipNav2:hover, a.skipNav2:focus, a.skipNav2:active{width:100%; padding:20px 0; font-size:14px; text-align:center; font-weight:bold; color:#fff; background:#757889; z-index:5;}
a.skipNav_before{ position: absolute;left: 0;top: 0;overflow: hidden;width: 1px;height: 1px;display: block; font-size: 1px;}

/* 모달창 */
#indexP_wrap{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;left: 0;top: 0;z-index: 989;}
#indexP{position: fixed;left: 35vw;top: 8vw;width:523px;display:block;height:auto;background:#333;z-index: 990;background: #fff;}
#indexP2{position:absolute;left:238px;top:132px;width:550px;display:block;height:auto;background:#333;background: #ddd;z-index:500;}/*min-height:470px;*/
#indexP3{position:absolute;left:238px;top:132px;width:480px;display:block;height:auto;background:#333;background: #ddd;z-index:500;}/*min-height:470px;*/
#indexP4{position:absolute;left:1238px;top:132px;width:480px;display:block;height:auto;background:#333;background: #ddd;z-index:500;}/*min-height:470px;*/

.xx{position:relative;text-align:right;background:black;}
.xx > span{vertical-align:middle;color:#fff;font-weight:700;display:inline-block;font-size:0.9rem;}
.xx .xbtn  {vertical-align: middle;margin-top: 2px;font-size: 24px;margin-right: 9px;font-weight: 800;font-family: 'NanumSquare', 'Nanum Gothic', 'MalgunGothic', 'Dotum', 'Gulim', 'Arial', sans-serif;}
.xx2{position:relative;text-align:right;background:#555;}
.xx2 > span{vertical-align:middle;color:#fff;font-weight:700;display:inline-block;font-size:0.8rem;}
.xx2 .xbtn  {vertical-align: middle;color:#000;margin-top: 2px;font-size: 20px;margin-right: 9px;font-weight: 800;font-family: 'NanumSquare', 'Nanum Gothic', 'MalgunGothic', 'Dotum', 'Gulim', 'Arial', sans-serif;}
.popup_text{width:100%;}
.popup_text > a{width:100%;height:100%;display:block;}
.popup_text img{display:block;width:100%;height:100%; pointer-events:none;}
#indexP input[type='checkbox'], #indexP2 input[type='checkbox'], #indexP3 input[type='checkbox'], #indexP4 input[type='checkbox']{vertical-align:middle;}


/* 팝업창 */
/* 팝업 */
#popup_wrapper { width: 1000px;  font-family: 'Pretendard', sans-serif; margin:0 auto;}
#popup { width: 90%; margin: 50px auto;}
#pop_top { overflow: hidden;}
#pop_top > h1 { float: left; font-size: 3rem; color: #516566;}
#pop_top > h3 {float: right; font-size: 1.8rem; color: #516566; padding-top: 20px;}
#pop_mid { border-top: 5px solid #062124; border-bottom: 5px solid #062124; margin: 11px 0; position: relative;}

/* 결제창 btn */
input[type="button"].chk_btn { background: #F2F4F6; color: #0974db; }


/* Banner Indicator */
.banner_indi_wrap { position: absolute; top: 0; left: 0; height: 400px; z-index: 200; overflow-y: auto; box-sizing: border-box; }
.banner_indi ul li a { display: block; padding: 15px 30px; background: rgb(16 16 16 / 74%); color: #fff; transition: all 0.3s; white-space: nowrap; }
.banner_indi ul li a:hover,
.banner_indi ul li.active a { background: #ff6c14; }
.banner_indi_wrap::-webkit-scrollbar { width: 12px; }
.banner_indi_wrap::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.3); border-radius: 5px; }
.banner_indi_wrap::-webkit-scrollbar-track { 
background: rgba(0,0,0,0.1);
  }
  

.banner_indi_wrap::-webkit-scrollbar-button:vertical:decrement {
  background: rgba(0,0,0,0.3);
  height: 12px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid rgba(0,0,0,0.5);
  cursor: pointer;
  }
  .banner_indi_wrap::-webkit-scrollbar-button:vertical:increment {
  background: rgba(0,0,0,0.3);
  height: 12px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0,0,0,0.5);
    cursor: pointer;
}


/* Controller, Indicator */
.ctrl_wrap { display: flex; align-items: center; gap: 10px; }

.mo_indi ul { display: flex; flex-direction: row; gap: 8px; }
.mo_indi ul li a { display: block; width: 12px; height: 12px; border-radius: 50%; background: rgba(16,16,16,0.5); border: 1px solid #333;; overflow: hidden; line-height: 0; font-size: 0; }

.indicator ul li a:hover, .indicator ul li.on a { background: #ff6c14; }

@keyframes blink-effect {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.deadline-label {
    width: 60px;
    border: 1px solid #DF0101;
    color: #fff;
    background: #DF0101;
    animation: blink-effect 1.5s infinite;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    padding: 2px;
    text-align: center;
    z-index: 10;
}



/* header 시작 ---------------------------------------------------------------------------------------------------------*/

/*  띠배너 */
#hwrap{overflow:hidden;}
.head_adwrap{width:100% ; margin : 0 auto;}
.head_ad{width:100%; margin : 0 auto; text-align:center; background:#00112c;}
.head_ad > .dis_pc{height:90px;}
.head_ad > p > img{width:1000px;}

/*  top sub */
.top{border-bottom: 1px solid #DDD;}
.top_sub_left {padding: 5px 0; display: flex; justify-content: center; align-items: center;}
.top_sub_left li{ margin-right: 20px;}
.top_b {color:#0d6fb8}
.top_sub_right li{ color: #666; padding: 0 20px; position: relative;}
.top_sub_right li:last-child { padding-right: 0;}
.top_sub_right li:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background: #aaa; transform: translate(0, -50%);}
.top_sub_right li:last-child:after{display: none;}
.top_sub_right li a{font-weight: 600; font-size: 14px; }
.top_sub{display: flex; justify-content: space-between; align-items: center;}
.top_sub_left, .top_sub_right{display: flex;}

/* logo + top_menu */
.top_menu {padding:1rem 0; border-bottom: 1px solid #DDD;}
.top_menu .inner{ display: flex; justify-content: space-between; align-items: center;}
.top_menu_list{width: 285px; display: flex; align-items: center; justify-content: space-between;}
.top_menu_list li {width: 100%; }
.menu_button{display: flex; align-items: center; justify-content: center; font-weight: bold; padding: 13px 0}
.menu_button img{margin-left: 4px;}

/*  main_menu */
.main_menu .inner{display: flex; justify-content: space-between; align-items: center;}
.main_menu_right , .main_menu_left{display: inline-flex; flex-wrap: wrap; display: flex; height: 100px;}
.main_menu_right{width: 715px;}
.main_menu_right > li { width: calc(100% / 5); box-sizing: border-box;}
.main_menu_right > li.first {padding-left: 0;}
.main_menu_right > li a{width: 100%; padding: 16px 0; display: block; text-align: center;}
.main_menu_left { width: 285px;  background: #F2F4F6;}
.main_menu_left > li { text-align: center; width: calc(100% / 2); border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.main_menu_left > li a{ color:#0974db; font-weight: bold; width: 100%; display: block; padding: 16px;}

/* 전체메뉴 */
.menu-all-bg {overflow-y:auto !important; display: none; background: #fafafa; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding-top: 4%;  z-index: 100;} 
.menu-all-wrap{z-index: 100;}
.menu-all-wrap .header {display: flex; justify-content: space-between; height: 30px;}
.menu-all-wrap .btn-menu-all-close {width: 40px; height: 40px;}
.menu-all-wrap .menu-all-list {display: flex; flex-wrap: wrap; margin-top: 43px;}
.menu-all-list > li{width: 20%;}
.menu-all-wrap li {margin-bottom: 60px;}
.menu-all-wrap .depth1-item { font-size: 24px; font-weight: 600; line-height: 38px;}
.menu-all-wrap .depth2-menu {margin-top: 12px;}
.menu-all-wrap .depth2-menu li { margin-bottom: 18px; line-height: 22px;}






/* main 시작 ---------------------------------------------------------------------------------------------------------*/

/* 메인배너 */

.main-bn-slide { overflow: hidden; z-index: 0;}
.main-bn-slide #mainBanner {position: relative; display: flex; width: 100%; box-sizing: content-box; transition-property: transform;}
.main-bn-slide .slide { display: flex; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}


.main-bn-slide .main-bn-control {display: flex; position: absolute; top: 315px; left: 50%; z-index: 1; width: 1000px; transform: translateX(-50%); align-items: center;}
.main-bn-slide .pagination{margin-left: 42px;}
.main-bn-slide .pagination span , .main-bn-slide .pagination {color: #fff; transform:skew(-0.03deg);} 

.main-bn-slide .main-bn-progress {width: 137px; height: 1px; background-color: rgba(255, 255, 255, 0.2); margin: 0 22px 0 30px;}
.main-bn-slide .main-bn-progressbar { display: block; width: 0; height: 100%; background: #fff; transition: width 0.1s linear;}
.main-bn-slide .main-bn-progressbar.bar-active { width: 100%; transition-duration: 3s;}

.main_bn-slide .button-next,
.main_bn-slide .button-prev {  }



/* .main-bn-slide .button-prev {position: relative; width: 32px; height: 32px; z-index: 1; cursor: pointer;}
.main-bn-slide .button-prev::after {content: "";position: absolute; top: 11px; left: 12px; width: 10px; height: 10px; transform: rotate(-45deg); border-left: 2px solid #fff; border-top: 2px solid #fff;}
.main-bn-slide .button-next {position: relative; width: 32px; height: 32px; z-index: 1; cursor: pointer;}
.main-bn-slide .button-next::after {content: ""; position: absolute; top: 11px; left: 10px; width: 10px; height: 10px;  transform: rotate(-45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

.main-bn-slide .autoplay-control {margin-left: 5px; position: relative;}
.main-bn-slide .autoplay-control button {background: none; border: none; cursor: pointer; position: relative; width: 24px; height: 24px; font-size: 0;}
.main-bn-slide .autoplay-control button:before { display: block; content: ""; position: absolute;}
.main-bn-slide .autoplay-control button[aria-pressed="false"]:before {top: 6px;  left: 4px; width: 12px; height: 14px; border-left: 3px solid #fff; border-right: 3px solid #fff; box-sizing: border-box;}
.main-bn-slide .autoplay-control button[aria-pressed="true"]:before {top: 6px; left: 6px; width: 12px; height: 12px; background-color: #fff; clip-path: polygon(0% 0%, 0% 100%, 100% 50%);}
.main-bn-slide .swiper-button-prev, .main-bn-slide .swiper-rtl .swiper-button-next{position: relative;}
 */

/* 개강반 */
.course_bannner_wrap{ margin: -40px 0 0; display: flex; justify-content: space-between;}
.course_bannner{ padding: 26px 30px; width: 49%; border-radius: 10px; box-shadow: 1px 2px 24.7px 1.3px rgba(14, 58, 84, 0.16);  background: #fff;} 
.course_tit{ display: flex; justify-content: space-between; align-items: center;}
.course_tit p {font-size: 28px; font-weight: 800; color: #222; position: relative;}
.c_blue{font-size: 28px; color: #0974db; font-weight: 800;} 
.course_txt{line-height: 1.5; margin-top: 1rem;}
.course_txt p{background: no-repeat url(/images/remain/circle_arrow.png) right 0 bottom 0; line-height: 1.4;}
.course_txt p span{ font-weight: bold;}
#count1 , #count2{ padding: 4px 6px; font-weight: 600; color: #fff; background: #111; border-radius: 4px; animation: blink 1s linear infinite both; }
@keyframes blink {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}


/*  수당상담 */
/* .advice_content1 {margin: 50px auto 20px;}
.advice_content1 .inner {border: 1px solid #ececec; padding: 2rem; display: flex;} 
.advice_box{width:55%; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding-right: 25px;}
.advice_box > h1 {font-size:30px; font-weight:600; display: flex; justify-content: space-between;}
.advice_box > h1 > span {font-size:32px; font-weight:800; color:#5483eb; display: flex; align-items: center;}
.advice_box1 > h1 > span > img {padding:0 .5rem;}
.advice_team > li {line-height:1.5; color:#000; font-weight:500; font-size:14px; letter-spacing: 0px;}
.advice_box2 {margin-top:2rem;}
.advice_btn {margin-top:1rem;}
.advice_fom > form{display: flex; justify-content: space-between;}
.advice_fom > form > select:first-child {width: 22%;}
.advice_fom > form > select {width:18%; height:36px; border:1px solid #000;} 
.advice_fom > form > input {width:18%; height:36px; border:1px solid #000; }
.advice_fom .advice_btn{width:100%;}
.icon_banner{width: 45%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.icon_banner li { width: 49%;}
.icon_banner li a { display: block; width: 100%;}
.icon_banner li a img { width: 100%;}
.icon_banner li:nth-child(3) , .icon_banner li:nth-child(4){ padding-top: 6px;} */

#consultPopup{ width: 400px; height: auto; background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #999; z-index: 10; padding: 20px; display: none; z-index: 9999;}
#consultPopup > p {font-size: 18px; text-align: center;}
#consultPopup > div:nth-of-type(1) {width: 100%; height: 100px; border: 1px solid #ddd; padding: 10px; margin: 10px auto; font-size: 13px; transform: skew(-0.03deg); line-height: 1.2; overflow: auto;}
#consultPopup > ul > li > input {vertical-align: middle; margin-top: 1px;}
#consultPopup > ul > li > label { font-size: 13px; transform: skew(-0.03deg); display: inline-block;}
#consultPopup > .consultPopup_button {margin-top: 20px; text-align: center;}
#cp_btn_O { background: #cf151a !important; color: #ffffff !important; border: 1px solid #cf151a !important;}

#maincon_ad {width: 1000px; margin: 0 auto 50px;}
#maincon_ad > a {display: block; width: 100%; overflow: hidden;}

.disB_tamo p img { width: 100%; }

/* 유튜브 */
.youtube_wrap{ background: #F5F5FA; padding:50px 0;}
.main_con2 .inner{display: flex;}
.youtube_wrap h2, .youtube_wrap h2 span {font-size: 34px;}
.youtube_wrap .tit span {font-weight: 800;}
.y.reviwe_con  .tit p {font-size: 22px; margin-bottom: 10px;}
.titqna p {color: #595959; display: flex; align-items: flex-start; margin-top: 10px;}
.titqna p img {margin-top: 2px;}
.titqna .qna-group { display: none; }
.titqna .qna-group.active { display: block; }
.titbox {width:40%; margin-right: 30px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.titbox .tit { display: flex; flex-direction: column; gap: 10px; }

#Slide_yt{width: 60%; display: flex; justify-content: space-between; overflow: hidden;}
#Slide_yt .swiper-slide a{width:100%; position: relative; display: block;}
#Slide_yt .swiper-slide a:before {content: ''; width: 100%; height: calc(100% - 0px); position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); }
#Slide_yt .swiper-slide a:after { content: ''; width: 50px; height: 50px; background: url(/images/remain/newplayov.png) no-repeat; background-size: contain; position: absolute; left: 50%; top: calc(50% - 0px); transform: translate(-50%, -50%);}
.ytimg {width: 100%;}

.lecture-review-header{ display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding-top: 40px; margin-top: 40px;}
.lecture-review-header .tit{padding-bottom:20px;}
.lecture-review-wrap{width: 100%; position: relative;}
.lecture-review-slide { position: relative; overflow: hidden;}
.lecture-review-slide .swiper-slide {text-align: center;}
.lecture-review-slide .swiper-slide a { display: inline-block; width: 100%;}
.lecture-review-slide a img{width:100%;}
.lecture-review-slide .review-txt { font-weight: 600; line-height: 24px; overflow: hidden; margin-top: 20px;}
.lecture-review-tit{display:flex;}


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto !important; top: auto !important; left: -80px !important;}
.youtube_wrap .swiper-button-prev, .youtube_wrap .swiper-rtl .swiper-button-next{left: auto !important;}
.youtube_wrap .swiper-button-next, .youtube_wrap .swiper-rtl .swiper-button-prev {right: auto !important;} 

.yt-bn-control {width: 52%; display: flex; align-items: center; justify-content: space-between;  position: relative;}
.yt-btn-wrap1{width: 50%;}
.yt-btn-wrap1 , .yt-btn-wrap2{display: flex; justify-content: space-between; position: relative;}
.yt-btn-wrap1 div , .yt-btn-wrap2 div { margin-right: 10px;}
.yt-btn-wrap1 div:last-child , .yt-btn-wrap2 div:last-child{ margin-right: 0;}
.youtube_wrap .swiper-pagination{height: 34px; padding-top: 8px; width:68px; background: #fff; border-radius: 50px; text-align:center; transform: skew(-0.03deg);}
.youtube_wrap .swiper-pagination span{padding-top: 8px;}
.youtube_wrap .my_prev, .youtube_wrap .my_next {width: 34px; height: 34px; cursor: pointer; position: relative; background: #fff; border-radius: 100%; top: 0; margin-top: 0;}
.youtube_wrap .my_prev::after {content: "";position: absolute; top: 11px; left: 13px; width: 10px; height: 10px; transform: rotate(-45deg); border-left: 2px solid #000; border-top: 2px solid #000;}
.youtube_wrap .my_next::after {content: ""; position: absolute; top: 11px; left: 8px; width: 10px; height: 10px;  transform: rotate(-45deg); border-right: 2px solid #000; border-bottom: 2px solid #000;}
.youtube_wrap .autoplay-control button {position: relative; width: 34px; height: 34px; background: #fff; border-radius: 100%; padding: 17px 10px;}
.youtube_wrap .autoplay-control button:before { display: block; content: ""; position: absolute;}
.youtube_wrap .autoplay-control button[aria-pressed="true"]:before {top: 9px; left: 12px; width: 14px; height: 16px; background: #000; clip-path: polygon(0% 0%, 0% 100%, 100% 50%);}
.youtube_wrap .autoplay-control button[aria-pressed="false"]:before {top: 10px; width: 14px; height: 14px; border-left: 3px solid #000; border-right: 3px solid #000; box-sizing: border-box;}


/* 전체학사일정 */
.mysche_text{ display: flex; justify-content: space-between; align-items: center;}
.mysche_text h2 span{font-size:1.2rem;}
.web_allclick{display: flex; justify-content: center;}
.web_allclick select{ margin-right: 6px !important;}
.web_allclick input, .web_allclick select { margin: 20px 0; padding: 10px;}




/* borad  시작 ---------------------------------------------------------------------------------------------------------*/

/* 가이드  */
/* .borad_wrap {padding:50px 0;}
.guide_box{display:flex; align-items: center; transform: skew(-0.03deg);}
.guide_box:nth-child(2){padding:40px 0;}
.guide_tit{ width: 20%; font-size: 30px; font-weight: 300; color: #222;} 
.guide_list{width: 80%; display:flex; justify-content: space-between; text-align: center;}
.guide_list1 li {width: 32%;}
.guide_list2 li { width: 22%;}
.guide_list li a { display: block; width: 100%;}
.guide_list li a img{width:100%;}

.guide_list .guide a p{font-size:14px; margin-top:1rem;} */

/* 자주 묻는 질문 faq */
.qna-wrap{width: 58%; margin-right: 30px; position: relative;}
.borad_wrap h3 { font-size: 26px; font-weight: 600; margin-bottom: 15px;}
.qna_box{display: flex; justify-content: space-between;}
.qna-list { display: flex; flex-direction: column; border-top: 2px solid #333; }
.qna-list .item { border-bottom: 1px solid #dadada; padding: 15px 0; }
.qna-list .item a {white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.qna-list .item a:hover{ text-decoration: underline;}
.qna-wrap .btn-arr02 , .notice-wrap .btn-arr02{ position: absolute; top: 20px; right: 0; font-size: 14px; padding-right: 15px;}
.qna-wrap .btn-arr02:before , .notice-wrap .btn-arr02:before {content: ""; display: block; transform: rotate(-45deg); position: absolute; border: 1px solid #4f4f4f; border-left-width: 0; border-top-width: 0; height: 4px; width: 4px;  top: 4px; right: 2px;}
.modal-default{position: fixed; top: 0; left: 0; z-index: 100; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.modal-dialog{transform: none; transition: transform 0.3s ease-out; display: flex; align-items: center; position: relative; min-height: calc(100% - 3.5rem);  max-width: 500px; margin: 1.75rem auto;}
.modal-default .modal-content { border-radius: 8px; padding: 40px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2);}
.modal-default .modal-header { padding: 0 0 1.25rem 0; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #dfdfdf;}
.modal-default .modal-header h5 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0; line-height: 1.5;}
.btn-faq-close {text-indent: -99999px; background: url(https://hunetdown.cdn.hunet.co.kr/Resources/CreditBank/Images/Wf/v1/common/icon/ic_close_dark.svg) no-repeat right center; opacity: 1; padding: 1rem 1rem; margin: -1rem -1rem -1rem auto;}
.modal-body{ line-height: 1.4; margin:50px 0; transform: skew(-0.3deg);}

/* 커뮤니티 */
.notice-wrap { width: 42%; position: relative;}
.notice-list .item {width: 100%; padding: 14px 24px; line-height: 24px; background: #fafafa; display: flex; justify-content: space-between; margin-bottom: 8px; color: #4f4f4f;}
.notice-list .item a { width: 75%; color: #111; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: normal;}

.notice_con{display: none;}
.notice_con_box{width: 100%; display: flex; justify-content: space-between; padding-bottom: 14px; align-items: center;}
.notice_con_box p{ font-weight: 600; width: 226px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice_con_box.active {display: block;}
.notice_blue{display: inline-block; padding: 4px 16px; font-weight: 600; color: #ffffff; border-radius: 6px; background: #5483eb;}
.notice_con_box a:hover > p { text-decoration: underline;}




/* footer 시작 ---------------------------------------------------------------------------------------------------------*/

/* certify_box */
footer { padding-bottom: 120px; border-top: 1px solid #F1F1F1; }
/* .certify_wrap { padding-bottom: 50px; text-align: center; height: auto; } */
.certify_wrap h2 { padding: 45px 0; font-size: 25px; font-weight: 600; text-align: center; }
.certify_wrap h2 span { color: #cf151a; font-size: 25px; font-weight: 800; } 
.certify_wrap {  overflow: hidden; position: relative; width: 100%; }
.mySwiper { overflow: hidden; margin-bottom: 45px;}
.certify_wrap .swiper-wrapper { display: flex; transition: transform 0.4s ease;  height: auto;     align-items: center;  }
.certify_wrap .swiper-slide { flex: 0 0 20%; text-align: center;}


/* 버튼 스타일 */
.certify-prev,
.certify-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;  font-size: 2rem; color: #333; border: none;  cursor: pointer; background: #fff;  }

.certify-prev { left: -20px; }
.certify-next { right: -20px; }

/* footer */
.footer_wrap { position: relative;}
.footer_wrap > section { display:flex; justify-content: center; flex-wrap:wrap;}
.logo_f{ width: 20%; padding-top: 18px;}
.logo_f img{width:100%;}
.footer_wrap > a {display: block; padding: 22px; font-size: 15px; font-weight: 800;}
.foot-inner{display:flex; width: 80%; justify-content: space-between;}
.foot-inner li {width: calc(100% / 6); }
.foot-inner li a{width: 100%; font-weight: 600; display: block; padding: 24px 0; text-align: center;}
.foot-inner li:nth-child(2) > a {color: #fa4400;} 
.address {width: 100%; line-height: 1.5; font-size: 14px; transform: skew(-0.3deg);}





/* quickside 시작 ---------------------------------------------------------------------------------------------------------*/

/* 왼쪽 사이드 */
#leftSide { width: 170px; overflow: hidden; position: absolute; left: 49%; top: 770px; margin-left: -668px;}
#leftSide > li {margin-bottom: 25px;}
#leftSide > li > a img {border-radius: 5px;}

/* 오른쪽 사이드 퀵메뉴 */
.rightSide_wrap { width: 170px; overflow: hidden; position: absolute; left: 44%; top: 800px; margin-left: -600px; background: #fff; border: 1px solid #dfdfdf; z-index: 8;}
.side_head {background: #5483eb; color: #fff; text-align: center; height: 40px; padding: 12px 0; font-weight: bold;}

#rightSide > li {line-height: 20px; text-align: left; transform: skew(-0.03deg); font-weight: 600; margin-top: 10px;}
#rightSide > li > span { display: inline-block; margin-left: 15px; font-size: 12px; border: 1px solid #ddd; width: 20px; height: 20px; line-height: 20px; text-align: -webkit-center;}
#rightSide > li > a { transform: skew(-0.03deg); font-weight: 600; font-size: 14px; padding-left: 5px;}
.rightSide2{margin-top: 20px; border-top: 1px solid #dfdfdf; padding: 12px;}
.sns_icon {display: flex; flex-wrap: wrap; justify-content: space-around;}
.sns_icon a:last-child{margin-top:8px;}

/* 오른쪽 사이드 무료상담 */
.info_quick {position: fixed; left: 47%; top: 340px; width: 170px; margin-left: 600px; overflow: hidden; background: #fff;  z-index: 10;border: 1px solid #EBEBEB;}
.info_quick > li { box-sizing: border-box; margin: 10px 10px; color: #000;}
.info_quick li select , .info_quick li input{width:100%; border: 1px solid #ddd; font-size: 14px; background:#FAFAFA; border-radius:5px;}
.info_quick li:nth-child(4) input{width:45%; margin-top:10px;}
.info_quick li:nth-child(5){ display: flex; align-items: center;}
.info_quick li:nth-child(5) input{width: auto; margin-right: 4px;}
.info_quick li:nth-child(5) label , .info_quick li:nth-child(5) label a{font-size: 12px;}
input[type="button"].submit_btn {border: none; padding: 10px; font-size: 16px; } 

/* 하단 간편상담 */
#bottom_consult{position: fixed; width: 100%; bottom: 0; background: #5c5f6c; z-index: 20;}
.counsling{ width: 1000px; height:100px; margin: 0 auto; display: flex; align-items: center;}
.txt-wrap{width: 280px;}
.txt-wrap p{font-size: 20px; line-height: 32px; color: #fff; font-weight: 600;}
.counsling_privacy{ display: flex;}
.counsling_privacy div{display: flex;}
.counsling_privacy label, .txt-wrap div a {color: #fff;}
.txt-wrap div a{font-size:14px; padding: 0px 10px; text-decoration: underline;}
.counsling-form{display: flex; justify-content: space-between;}
.counsling-form li {width: 23%;}
.counsling-form input , .counsling-form select{display: block; width: 100%; padding: 1rem; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.counsling-form li:last-child input{ background: #5483eb !important; color: #fff !important; font-weight: 600; text-align: center; border: none;}
.bottom_btn{display: none;}

/* 팝업 */
.pop_wrap {width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:999;}
.pop_content {width:100%; display:flex; justify-content:center; align-items:center; height:100vh;}
.pop_xx {background:#333; padding:5px; display:flex; justify-content:space-between; align-items:center;}
.pop_xx > span {color:#fff; font-size:14px;}


/* 결제완료 안내 페이지 -----------------------------------------------------------------------------------------------------*/

table.result_table{ border: 1px solid #ededed; width: 100%; transform: skew(-0.1deg); }
.result_table > tbody > tr > th { border: 1px solid #ededed; background: #f7f7f7; padding: 15px; font-weight: 700; }
.result_table > tbody > tr > td { border: 1px solid #ededed; padding: 15px; }


/* 미디어쿼리 시작  ---------------------------------------------------------------------------------------------------------*/


@media(max-width:1335px) {
	.new-flag { display: none; }

	#leftSide{display:none;}
	#rightSide{display:none;}
	.rightSide_wrap{display:none;}
	.info_quick{display:none;}
}






@media(max-width:1000px) { 

	/*  공통부분  */  

	.disB_tamo { display: block;  }

	.inner{width:96%;}
    
	div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        font-size: 2vw;   
    }

	.table th, .table td{padding: 1rem 0;}

	.con_div_top {font-size: 3vw;}

	.table th {font-size: 1rem;}

	.mgtop_10{margin-top:1vw;}
	.mgtop_20{margin-top:2.5vw;}
	.mgtop_30{margin-top:5vw;}
	.margin1000 { width: 100%;}
	.margin1000 p img{width : 100%; max-width:100%;}

	.lnb { position: relative;}
	.lnb_div { width: 100%; padding: 0; overflow-x: auto !important;}
	.lnb > div > p { line-height: 1; font-size: 3.3vw; z-index: 1; padding: 0 3vw 0 1vw; margin-right: 0; position: absolute; left: 0; top: 2vw;}
	.lnb > div > ul {float: left; transition: transform 0.5s; z-index: 99; width: max-content; position: relative; top: 6.6vw; margin-bottom: 6.6vw; line-height: 6.25vw;}
	.lnb > div > ul > li { border-radius: 1.2vw 1.2vw 0 0;}
	.active{ border: none; background: #fff; color: #0974db !important;}
	.lnb > div > ul > li > a {padding: 0 2.5vw; width: auto; text-align: center; font-size: 2.4vw;}
	
	.con_top { margin-top: 7vw; margin-bottom: 4vw; padding-bottom: 3vw;}
	.con_top img{width: auto !important;}
	.con_in{width: 100%; padding: 0 1vw;}



	/* header 띠배너 */
	.head_ad > p > img {width: 100%;}
	.top_menu_list{width:auto;}
	.top_menu .inner {padding: 2vw 1vw;}
	
	/* 모바일 메뉴 슬라이드 */
	#gnb_mo{height: 4rem; position: relative;}
	#gnb_mo .swiper-slide {text-align: center; background: #fff; display: flex; line-height: 3;}
    #gnb_mo .swiper-slide a {font-size: 2.2vw; width: 100%; display: block; /* padding: 4% 0; */}
	.top_menu{padding:0;}
	.menu-all-list > li { width: 25%;}

	#gnb_mo .swiper-button-prev{left:var(--swiper-navigation-sides-offset,10px); right:auto}
	#gnb_mo .swiper-button-next{right:var(--swiper-navigation-sides-offset,10px); left:auto}
	#gnb_mo .swiper-button-next:after, #gnb_mo .swiper-button-prev:after { font-size: 3vw;}
	/* #gnb_mo .swiper-button-next , #gnb_mo .swiper-button-prev{top:var(--swiper-navigation-sides-offset,16%);} */



	/* 메인배너 */
	#MainBanner .dis_pc { width:100%;}
	.main-bn-slide .main-bn-control{ top: 28vw; width:100%;}

	.notice_con_box p{width:70%;}
	.qna-list .item a{width:100%;}
	.main_con2 .inner{flex-wrap: wrap;}
	.advice_content1 .inner {flex-direction: column;}
	.advice_box{width:100%; padding-right:0;}
	.advice_box > h1{justify-content: center;}
	.advice_team{ text-align: center; padding: 20px;}
	.icon_banner{width:100%;}
	.icon_banner li {width: 24%;}
	.icon_banner li:nth-child(3), .icon_banner li:nth-child(4){padding-top:0;}
	.guide_box {flex-wrap: wrap; width: 100%; justify-content: center;}
	.guide_tit { display: flex; width: 100%; margin-bottom: 20px; align-items: center;}
	.guide_subtit{display: flex;}
	.guide_list {width:100%;}
	.titbox{ width: 100%; margin-right: 0; flex-direction: row;}
	.titqna{display:none;}
	.yt-bn-control{width:auto;}
	#Slide_yt{width:100%; padding-top:20px;}

	.course_bannner { padding: 22px 24px;}


	.yt-btn-wrap1{width:25%;}

	/* 중앙띠배너 */
	#maincon_ad{width:100%;}
	#maincon_ad > a .dis_pc{display:block;}
	#maincon_ad > a > img {width: 100%;}

	.counseling-wrap{display:none;}


    .youtube_wrap h2 {font-size: 3.5vw;}
	.lecture-review-wrap h2{font-size: 3.5vw;}

    .guide_list li a { display: block; padding-bottom: 3vw;}
    .guide_list li a .dis_pc{ display: none;}

	.qna_box{flex-direction: column; margin: 0 auto;}
	.qna-wrap { width: 100%; padding-bottom:5vw; margin-right: 0;}
	.notice-wrap{width: 100%;}
	.guide_list{flex-wrap: wrap;}
	.guide_list1 li {width: 100%;}
	.guide_tit h3{font-size: 4vw; display:flex; margin-bottom: 0; padding-right: 2vw;} 

	/* footer */ 
	footer{padding-bottom: 110px;}

	/* certify_box */
	.certify_wrap .inner{position: relative;}
    .certify_wrap > div > h2 { padding: 5vw 0;} 
    .certify_wrap > div > h2 , .certify_wrap > div > h2 span {font-size: 3.5vw;}
	.certify_box {width: 90%; margin: 0 auto; overflow: hidden;}
	.certify_box ul { width: 125%; height: 20vw;}
    .certify_box > ul > li { padding: 2vw 1vw 4vw 1vw;}
    .certify_box > ul > li > img{width:100%;}
    .certify_box > ul > li > div > p { padding-bottom: 1vw; font-size: 1.8vw; }
	.left_arrow { left: 0;}
    .right_arrow { right: 0;}
    .right_arrow, .left_arrow {display: block; position: absolute; bottom: 0; width: 5%; padding: 6.65vw 0; font-size: 7vw; text-align: center; cursor: pointer;} 

	/* footer */ 
	.logo_f{width:50%;}
	.foot-inner{width: 30%;  position: absolute; bottom: -56px;}
	.foot-inner li {display: none; width: auto;}
	.foot-inner li:nth-child(2), .foot-inner li:nth-child(3) {display: list-item;}
	.address{text-align:center; margin-top: 18px;}

	/* 하단 간편상담 */
	.counsling{ width: 100%; height: auto; flex-direction: column; padding: 20px 0;}
	.txt-wrap{ width: 85%; padding: 10px 0;}
	.txt-wrap p{ text-align: center;}
	.counsling_privacy{ justify-content: center; padding: 4px 0 10px 0;}
	.counsling-form{width: 80%; flex-wrap: wrap; gap: 10px;}
	.counsling-form li {width: 100%;}
	.bottom_btn{display: flex; justify-content: center;}
	#bottom_consult{background: none;}
	#btn_bottom_consultC{display:none;}
	.counsling {background: #5c5f6c; display:none;}
}



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

    div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        font-size: 3vw;
    }
	#gnb_mo { height: 9vw;}
	.logo{width: 50%;}
	.logo a{display: block;}
	.logo a img{width: 100%;}
	#gnb_mo .swiper-slide a {font-size: 3vw; /* padding: 6% 0; */}
	#MainBanner .dis_mo{width:100%;}
	.con_div_top {font-size: 4vw;}

	.lnb > div > p { font-size: 4.5vw; top: 3vw;}
	.lnb > div > ul { margin: 0 2vw 10vw 2vw; top: 10vw; line-height: 7.5vw;}
	.lnb > div > ul > li > a { font-size: 3.5vw;}

	.con_in{width:100%; padding: 0 2vw; }
	
	.searchForm2 , .searchForm2 form{width: 100%;}
	.searchForm2 .form-control{width: auto;}
	.searchForm2 .btn-search{float: right;}

		
	.wd10{width: 15vw;}
	.wd12{width:17vw;}
	.wd15{width: 20vw;}
	.wd20{width: 25vw;}


	/*header*/ 
	#MainBanner .dis_pc { display: none;}
	.menu-all-list > li {width: 33.333%;}
	.course_bannner{width:100%;}


	#gnb_mo .swiper-button-next:after, #gnb_mo .swiper-button-prev:after { font-size: 4vw;}
	#gnb_mo .swiper-button-next , #gnb_mo .swiper-button-prev{top:var(--swiper-navigation-sides-offset,50%);}

    #maincon_ad > a .dis_pc { display: none;}
	.advice_box > h1 { justify-content: center; flex-direction: column; text-align: center;}
	.advice_box > h1 > span{ justify-content: center;}
	.lecture-review-tit{flex-direction: column;}
	.lecture-review-tit h2{font-size:4vw; margin-bottom:10px; }
	.main-bn-slide .main-bn-control{ top: 82vw;}

	.icon_banner li {width: 49%;}
	.icon_banner li:nth-child(3), .icon_banner li:nth-child(4){padding-top:2vw;}

	.notice_blue{padding: 4px 6px;}

	/* footer*/
	.foot-inner{width:50%; } 

	/* 메인 */
	.course_bannner_wrap a:nth-child(2){display:none;}
	.youtube_wrap h2{font-size: 4vw;}
	.youtube_wrap h2 span{font-size: 4vw;}
	.yt-btn-wrap1{width:43%;}
	
	/* 팝업 */
	.pop_wrap {width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:999;}
	.pop_content > div {width:400px;}
	.pop_content img {width:400px;}

}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html { font-size: 16px;  }
body { font-size: 1rem; min-width: 350px; color: #333; }

/* ------------------------------------------------------
	Common 
--------------------------------------------------------- */ 

.img100 img { width: 100%; }
.cont_maxW { max-width: 1000px; margin: 0 auto; }
.skip { position: absolute; left: -9999px; text-indent: -9999px; font-size: 0;}

/* Header */
.head_ad { background: #01102d; }
.head_ad .dis_pc { height: 90px; }

/* Main Utility */
.main_util { background-color: #f9f9f9; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; font-size: 0.8rem; }
.main_util ul { display: flex; justify-content: end; padding: 10px 0; }
.main_util li a { display: inline-block; padding: 0 15px; border-right: 1px solid #dadada; font-size: 13px; }
.main_util li:last-child a { border: none; }

/* Logo */
.main_logo { border-bottom: 1px solid #dadada; }
.main_logo .cont_maxW { display: flex; align-items: center; justify-content: space-between; position: relative; height: 80px; }
.logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.sub_logo { width: 20%; overflow: hidden; height: 64px; }
.sub_logo ul { margin: 0; padding: 0; transition: 0.6s ease-in-out; }
.sub_logo li { display: flex; height: 64px; align-items: center; }
.sub_logo li:first-child img { width: 100%; }
 
/* GNB */
.gnb_wrap { border-bottom: 1px solid #dadada; overflow: visible; }
#gnb { display: flex; }
#gnb > ul li { position: relative;  z-index: 1; }
#gnb .dep_2 { display: none !important; }
/* #gnb .dep_2 { display: flex; gap: 20px; position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.6s ease;
						background-color: #fff; border: 1px solid #777; padding: 12px 20px; white-space: nowrap; z-index: 9999;text-align: center; color: #777;  } */
/* #gnb > ul li:hover > .dep_2 { opacity: 1; visibility: visible; pointer-events: auto; }
#gnb > ul li > .dep_2 a:hover { font-weight: 800; transition: 0.2s; } */
.gnb_left { display: inline-flex; flex-wrap: wrap; align-items: center; width: 750px; min-height: 100px; }
.gnb_left > li { width: calc(100% / 6); text-align: center; }
.gnb_right { display: inline-flex; flex-wrap: wrap; align-items: center; width: 250px; min-height: 100px; text-align: center; background: #f2f4f6; }
.gnb_right > li { width: calc(100% / 2); border-bottom: 1px solid #fff; padding: 15px 0; border-right: 1px solid #fff; color: #0974db; }
.gnb_right > li:nth-child(2), .gnb_right > li:nth-child(4) { border-right: none; }
.gnb_right > li:nth-child(3), .gnb_right > li:nth-child(4) { border-bottom: none; }
.gnb_right .dep_1 { color: #0974db; }



/* Sub LNB */
.sub_lnb {width: 100%; background: #0974DB; overflow: hidden;}
.sub_lnb_div {display:flex; justify-content: space-between; flex-wrap: wrap; }
.sub_lnb_div ul {display:flex; }
.sub_lnb_div > p { color: #fff; font-size: 1.3rem; line-height: 40px;  font-weight: 600;}
.sub_lnb_div > ul > li > a {display: block; color: #fff; display: inline-block; font-weight: 700; padding: 12px 16px;}

/* 모바일 메뉴 */
.mobile-menu { width: 280px; height: 100%; position: fixed; top: 0; left: -280px; background: #fff; z-index: 1001; transition: left 0.3s ease; overflow-y: auto; }
.mobile-menu.active { left: 0; }
.user-info { padding: 15px 20px; background: #f8f8f8; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; border-bottom: 1px solid #eee; }
.user-name { font-weight: bold; }
.menu-header button { background: none; }
.logout-btn { text-decoration: none; color: #777; font-weight: 500; font-size: 0.9rem; padding-left: 5px; }
.main-menu-list > li > a { display: block; padding: 15px 20px; text-decoration: none; color: #333; border-bottom: 1px solid #eee; }
.tab-btn { background-color: #5483eb; font-weight: bold; color: #fff !important; border-bottom: 1px solid #76a1ff !important; }
.sub-menu { list-style: none; background-color: #fff; display: none; }
.sub-menu li a { display: block; padding: 10px 20px 10px 40px; font-size: 0.95rem; text-decoration: none; }
.sub-menu.active { display: block; }
.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; }

/* 오버레이 활성화 */
.overlay.active { display: block; }

.m_gnb ul { display: flex; border-bottom: 1px solid #dadada; }
.m_gnb ul li { flex: 1; text-align: center; font-weight: 700; }
.m_gnb ul li a { display: block; padding: 0.8rem; }

/* Controller, Indicator */
.ctrl_wrap { display: flex; align-items: center; gap: 10px; justify-content: center; }


/* 모바일 상담신청 네비게이션 */
.consult_nav { position: fixed; bottom: 0; left: 0; width: 100%; background: #f9f9f9; z-index: 999; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transform: translateY(0); transition: transform 0.3s ease-out; }
.consult_nav ul { display: flex; justify-content: center; gap: 1%; text-align: center; font-size: 1.2rem; font-weight: 700; padding: 20px 10px; }
.consult_nav ul li { position: relative; flex: 1; }
.consult_nav ul li a { display: flex; flex-direction: column; align-items: center; }
.consult_nav ul li img { width: 30%; margin-bottom: 10px; }
.consult_nav ul li:after { content: ''; position: absolute;  top: 20%; background: #ccc; right: -5%; width: 1px; height: 60%; }
.consult_nav ul li:last-child:after { display: none; }
.m_main_cont02.hidden { transform: translateY(100%); }

.banner_animation { position: absolute; top: 0;  right: 0; }



/* ------------------------------------------------------
	Margin / Padding / Align
--------------------------------------------------------- */ 

.hPd40px { padding: 0 4vw; }

.vPd05 { padding: .5em 0; }
.vPd10 { padding: 1em 0; }
.vPd15 { padding: 1.5em 0; }
.vPd20 { padding: 2em 0; }
.vPd30 { padding: 3em 0; }
.vPd40 { padding: 4em 0; }
.vPd50 { padding: 5em 0; }
.vPd60 { padding: 6em 0; }

.txtLeft { text-align: left !important; }
.txtRight { display: inline-block; text-align: right !important; }

/* ------------------------------------------------------
	Table 
--------------------------------------------------------- */ 

.tb_basic { border-top: 1px solid #000; }
.tb_basic table { table-layout: fixed; }
.tb_basic th,
.tb_basic td { border-bottom: 1px solid #d4d4d4; text-align: center; padding: .5em 0; vertical-align: middle; line-height: 1.3; word-break: break-word; white-space: nowrap; }
.tb_basic th {  background: #f6f6f6; } 
.tb_basic td.date { font-size: .9em; }

.tb_basic table { width: 100%; }

/* ------------------------------------------------------
	button
--------------------------------------------------------- */ 

.more { display: flex; justify-content: end; }

.btn, 
.label { display:inline-block; vertical-align: middle; line-height: 1; padding: .5em 1em; border-radius: 5px; border: none; text-align: center; background: none; }
td .btn,
.label { font-size: min(13px, .9em); }
.btn.radi { border-radius: 50px;/*  padding: 0 20px; */ }
.label { width: 4.5em; }
.label.bbs { font-weight: 600; padding: .2em .7em; width: auto; border-radius: 50px; }
.btn.big { font-size: max(13px, 1em); padding: .7em 2em; }

.bdrWt { border: 1px solid #fff; color: #fff; }
.bdrBlk { border: 1px solid #000; color: #000; background: #fff; }
.bdrBl { border: 1px solid #0043d7; color: #0043d7; }
.bdrOrg { border: 1px solid #ff6000; color: #ff6000; }
.bdrGr { border: 1px solid gray; color: #444; }

.bgSky { background-color: #5483eb; color: #fff; font-weight: 300; }
.bgBl { background-color: #0043d7; color: #fff; font-weight: 300; }
.bgOrg { background-color: #ff6000; color: #fff; font-weight: 300; }
.bgGr { background-color: #9a9a9a; color: #fff; font-weight: 300; }
.bgPur { background-color: #bb3adb; color: #fff; font-weight: 300; }
.bgRed { background-color: #e42727; color: #fff; font-weight: 300; }
.bgDgr { background-color: #505050; color: #fff; font-weight: 300; }

/* exam 팝업 */
.popup_screen{background: rgba(0, 0, 0, 0.7); position: fixed; z-index:997; width: 100%; height:100%; top:0; left:0;}
.exam_popup{min-width: 350px; position: fixed; z-index:998; top:50%; left:50%; transform: translate(-50%, -50%); background: #f4f4f4; font-size:24px;}
.exam_popup h3{ text-align: center;}
.exam_popup_title{margin-bottom: 10px; padding: 20px; background: #114087; text-align: center;}
.exam_popup_title > h1{font-size: 1.3em; font-weight: bold; color: #fff}
.exam_popup_content{ line-height: 1.5; padding: 0 15px; text-align: center; justify-content: center;}
.exam_popup_content > p{padding: 5px 0;margin-top: 3%; line-height: 1.3; font-weight: bold; font-size: 1em;}
.page{margin-bottom: 4%; margin-top: 4%; width: 100%;  justify-content: center; display: flex; text-align: center;}
.exam_popup_content a{text-align: center;}
.exam_popup_content a img{opacity: 1;}
.exam_popup_content a img:hover{opacity: 0.7;}
.exam_box{padding-top: 10px; width: 60%;}
.exam_popup_content img{width: 90%;}
.exam_popup_content2{text-align: center; justify-content: center; display: flex;}
.exam_strong{padding: 7px 5px; font-size: .8em; font-weight: bold; color: #ffffff; background: #ff0000;}
.exam_strong2{color: #ff0000; font-weight: bold; font-size: .8em;}
.careful{margin-bottom: 5px;}
.close{font-size: .7em;  padding: 7px 5px; margin: 10px auto; border: 3px solid #fff; display: block; background: #ffffff; opacity: 0.7;}
.close:hover{background: #888888; color: #ffffff; font-weight: bold; cursor: pointer;}
.exam_footer{height: 70px; background: #323232; padding-top: 0.5px;}
.exam_box{margin-bottom: 3%; background: #f3f3f3; width: 50%;}
.exam_box a {display:inline-block; padding:20px 50px 20px 20px ; background: url('https://img.hunet.co.kr/event/2024/05/02_wf/ic_download_gray.svg') no-repeat right 20px center;
background-size: 25px; border : 1px solid #333; }
.page{display: flex;}

/* 네트워크 팝업 */
  /* 팝업 컨테이너 */
        .popup-content {
            max-width: 500px; /* PC에서의 최대 너비 */
			min-width: 450px;
			position: fixed;
			z-index: 999;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
            background-color: #fff;
        }

        /* 상단 버튼 영역 */
        .popup-header {
            background-color: #333;
            padding: 10px 15px;
            display: flex;
            justify-content: flex-end; /* 오른쪽 정렬 */
            border-bottom: 1px solid #ddd;
        }

        .close-button {
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            background: none;
            border: none;
            outline: none;
            display: flex;
            align-items: center;
			padding: 0.3rem 0.5rem;
			background: #f1f1f1;
			color: #333;
        }

        .close-button:hover {
            background: #888;
			color: #fff;
        }

        /* 이미지 영역 (반응형) */
        .popup-body img {
            width: 100%;
            height: auto;
            display: block; /* 이미지 하단 공백 제거 */
        }

        /* 팝업 숨기기 클래스 */
        .hidden {
            display: none;
        }

.download-area {
    padding: 20px  0; /* 아래쪽 여백을 주어 버튼 배치 */
    text-align: center;
    background-color: #fff; /* 이미지 아래 배경색 */
}

.download-btn {
    display: inline-block;
    padding: 25px 40px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-decoration: none; /* 밑줄 제거 */
    border: 2px solid #333; /* 검정색 테두리 */
    background-color: #fff;
    transition: all 0.2s ease;
	background: url(https://img.hunet.co.kr/event/2024/05/02_wf/ic_download_gray.svg) no-repeat right 20px center;
	background-size: 20px;
}

.download-btn:hover {
    background-color: #333;
    color: #fff;
}


/* ------------------------------------------------------
	Mobile
--------------------------------------------------------- */ 
@media screen and (max-width: 550px){
.exam_box a{font-size: 0.7em;}
}

@media screen and (max-width: 1000px) {
    .dis_pc { display: none; }
	.dis_mo{ display: block; }
	.gnb_wrap { display: none ;}

	.m_gnb ul li a, .consult_nav ul li a { font-size: 1rem; }

    #realstory {background:url(/file/main/images/landing/realstory_mo.png) no-repeat center; background-size:100%;}
	.realstory_phone > ul{ height:100vw;}
	.realstory_phone > ul > li{top: 40.5%; left: 1.8%; width: 95vw;}
	.realstory_phone > ul > li > a > img {display: block; width: 100%; height: 100%;}
	.realstory_btns > ul {overflow:hidden; width:90%;}
	.realstory_btns > ul > li {width:50%; padding:0 1vw;}
	.realstory_btns > ul > li > a {height: 13vw; background-size: cover !important; width:100%;}
	.realstory_btns > ul > li:nth-child(1)> a{background:url(/file/main/images/landing/rs_mobtn01_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(2)> a{background:url(/file/main/images/landing/rs_mobtn02_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(3)> a{background:url(/file/main/images/landing/rs_mobtn03_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(4)> a{background:url(/file/main/images/landing/rs_mobtn04_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(1):hover a{background:url(/file/main/images/landing/rs_mobtn01_on.png) no-repeat center;} 
	.realstory_btns > ul > li:nth-child(2):hover a{background:url(/file/main/images/landing/rs_mobtn02_on.png) no-repeat center;} 
	.realstory_btns > ul > li:nth-child(3):hover a{background:url(/file/main/images/landing/rs_mobtn03_on.png) no-repeat center;} 
	.realstory_btns > ul > li:nth-child(4):hover a{background:url(/file/main/images/landing/rs_mobtn04_on.png) no-repeat center;}
.realstory_btns {padding: 0 !important;}
}

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

}

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

.certify_wrap .swiper-wrapper { padding: 0 30px; }
.realstory_phone > ul > li{top: 41.5%; left: 1.8%; width: 94.5vw;}

}

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

body { font-size: 15px; }

.top h4 { font-size: 1.3rem !important; }
.sub_lnb_div ul { overflow-x: scroll; }
.m_gnb ul li a, .consult_nav ul li a { font-size: .9rem; }



}