@charset "utf-8";
/* CSS Document */
/* com2zoa design kjh, publishing kjh 2025.05.26 */
/* ※아래 적용된 스타일은 기본레이아웃 구성이므로 각 학교에 맞게 전반적 수정해야함 */

/* Common */
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix::after{content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/* Layout */
#wrap {position: relative; width: 100%; min-width: 320px; overflow: auto}
#content {position: relative; border-bottom:1px solid #e1e1e1}
h3.tit {font-size:1.385em; font-weight:400; color:#000}

/* basic */
img, li img, dd img {vertical-align: middle}

/*더보기버튼 공통*/
#content .btn_more {position: absolute}
#content .btn_more a {display: block; transition: all .3s; text-align: center}
#content .btn_more img {width:11px; height:11px; transition: all .3s; vertical-align: middle}
#content .btn_more a:hover img {transform: rotate(180deg)}

/* 로고 영역 */
.logo a {display:flex}
.logo a .logo_txt {display: flex; overflow:hidden; white-space: nowrap; animation:blink 1.4s infinite}
.logo a .logo_txt span {display:inline;; font-size:12px; letter-spacing:0.5px}
.logo a .logo_txt span.lt01 {font-family:PTD; color:#3204b3}
.logo a .logo_txt span.lt02 {color:#1b863e}
.logo a .logo_txt span.lt03 {color:#ffa200}
.logo a .logo_txt span.lt04 {color:#ff4800}
.logo a .logo_txt span.lt05 {color:#3204b3}
.logo a .logo_txt span.lt06 {padding-left:5px; color:#000}

/* 상단 영역 */
.headerwrap {position:absolute; top:0; left:10px; width:calc(100% - 20px); height:54px; background:rgba(255,255,255,0.7); border-radius:0 0 10px 10px}
.header_top {position: relative}
.header_top .logo {position: absolute; top:8px; left:10px}
.header_top .logo a {display: block}
.qmenu {position: absolute; top:15px; right:10px; display: flex; align-items: center; gap:5px}
.qmenu .btn_all a {display: block; width:25px; height:19px; font-size:0; background:url(../images/main/btn_allmn_pc.png) no-repeat 50% 50%}

/* Visual */
.visual {position:relative; overflow:hidden}
.visual .visual_wrap {position:relative; width: 100%; margin: 0 auto}
.visual_wrap .slick-arrow {display:none !important}
.visual_wrap .slick-dots li button, .visual_wrap .btn_visual li button {border:none; background:none; font-size:0}
.visual_wrap .visual_item {position:relative; display: block; width:100%; height:357px}
.visual_wrap .visual_item > a {position: relative; display:block; height:357px}
.visual_wrap .visual_item > a:focus-visible {height:355px; outline:2px solid #000}
.visual .item1 {background:url(../images/main/v_m01.jpg) no-repeat center top} /* 메인1 */
.visual .item2 {background:url(../images/main/v_m02.jpg) no-repeat center top} /* 메인2 */
.visual .item3 {background:url(../images/main/v_m03.jpg) no-repeat center top} /* 메인3 */
.visual_item span.vbg_txt {font-size:0}
.ctrl_wrap {display:none}

/* 퀵메뉴 */
#quickmenu .quick_wrap {display: none}

/***************** Layout ******************/
.content01 {padding:22px 10px 20px}

/***Content  Common***/
/* 비주얼 퀵 */
.visual_quick {position:relative; margin-top:-50px}
.visual_quick ul {display: flex; justify-content: center; align-items: center; gap:10px}
.visual_quick ul li {text-align: center; font-size:1.077em}
.visual_quick ul li {display:block; width:96px; height:96px; padding:6px; box-sizing: border-box; border-radius:50% 50%; box-shadow:1px 2px 7px rgba(0,0,0,0.1)}
.visual_quick ul li a {display:block; width:84px; height:84px; padding:7px; border-radius:50% 50%; background:#fff; box-sizing: border-box}
.visual_quick ul li a span {display:block}
.visual_quick ul li a span.vq_txt {line-height:110%; margin:5px 0 0}
.visual_quick ul li a:hover img {animation:effect 2s ease infinite}
.visual_quick ul li.vquick01 {background:rgba(208,245,240,0.6)}
.visual_quick ul li.vquick02 {background:rgba(215,244,215,0.6)}
.visual_quick ul li.vquick03 {background:rgba(195,236,255,0.6)}

/* 팝업 고정 영역 */
.main_fixpop {position: relative; width:448px; margin:0 auto}
.main_fixpop .popup_layer_wrap {position:relative; border-bottom:1px solid #d3d3d3}
.main_fixpop .popup_layer{position: relative; box-sizing: border-box}
.main_fixpop .popup_imgsize {overflow:hidden; width:440px; height:262px; margin: 0 auto;background:#fff url(../images/main/bg_popup_prefer.gif) no-repeat 50% 50%; border-radius:15px; border:4px solid #eee}
.main_fixpop .popup_imgsize a {display:block; background:#eee}
.main_fixpop .popup_imgsize img {max-width:440px; height:262px}
.popup_layer_wrap button.slick-arrow {display:none !important}
.main_fixpop .popup_tittxt {width:100%; min-height:54px}
.main_fixpop .popup_tittxt a {display:block; padding:18px 114px 18px 40px; background: url(../images/main/blt_popup_tit.gif) no-repeat 5px 50%; font-size:1.385em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.main_fixpop .btns {position:absolute; bottom:13px; right:0; display: flex; justify-content: center; align-items: center; width:94px; border:1px solid #ccc}
.main_fixpop .btns li {border-left:1px solid #ccc}
.main_fixpop .btns li:first-child {border-left:0}
.main_fixpop .btns li button {display:block; width:30px; height:28px; background:#fff; }

/* 이수기관 찾기 */
.main_course {position:relative; margin-top:25px; border:3px solid #55afe9; border-radius: 15px}
.main_course .tit {padding:15px; border-bottom:1px solid #d3d3d3; font-size:1.385em; font-weight:400; color:#222}
.main_course .tit span {font-weight:800}
.course_wrap {margin:8px}
.course_etc {margin:0 5px; padding:10px 5px 10px 35px; background:url(../images/main/blt_course_txt.gif) no-repeat 0 50%; font-size:1.077em; font-weight:400}
.course_search {margin-top:10px}
.course_srchbox {padding:10px; background:#efefef; border-radius:0 0 10px 10px}
.main_course .btn_more {top:15px; right:15px}
.course_srchbox .cs_tit {padding:3px 0;text-align: center}
.course_srchbox .cs_tit p {display:inline-block; font-size:1.154em; font-weight:500; padding:2px 30px 4px 0; background:url(../images/main/bg_course_marr.png) no-repeat 100% 50%}
.course_srchbox .cs_tit span {font-size:1.2em; font-weight:700; color:#345776}
.cs_form {display:flex; justify-content:space-between; align-items: center; margin:5px 0}
.cs_form label {width:60px; font-weight:500}
.cs_form input {width:100%; height:32px; padding:3px 5px; border:1px solid #d3d3d3; border-radius:3px; box-sizing: border-box}
.course_sel {width:100%; height:32px; border:1px solid #d3d3d3; border-radius:3px; background:#fff}
.cs_formbox {display:flex; width:calc(100% - 60px); gap:5px}
.cs_btn {display:block; text-align: center; margin-top:5px; text-align:center}
.cs_btn button {width:100%; padding:10px; background:#345776; text-align: center; box-sizing: border-box; color:#fff; border-radius:5px; font-size:1em}
.cs_btn button:hover {background:#0b599f; transition:.3s}
.cs_btn button span {padding:7px 0 6px 24px; background:url(../images/main/btn_course_view.png) no-repeat 0 50%}
.cs_formbox .wdt100 {width:100px}
.course_srchlst {display:flex; justify-content: space-between; gap:5px}
.course_srchlst li {width:calc(100% / 5 - 5px)}
.course_srchlst li a {display:block; line-height:30px; text-align: center; border:1px solid #d3d3d3; border-bottom:0; border-radius:10px 10px 0 0; font-weight:500; box-sizing: border-box}
.course_srchlst li.on a {background:#55afe9; border-color:#55afe9; color:#fff}

/* notice */
#main_notice .notice_box {overflow:hidden; position: relative; margin:0 10px}
.notice_box h3 {font-size:1.385em; padding:7px 0 7px 44px; background:url(../images/main/blt_notice_tit.gif) no-repeat 0 50%; border-bottom:1px solid #d3d3d3}
.notice_box h3 span {font-weight:700; color:#000}
.notice_box .btn_more {top:14px; right:10px}
.notice_box .notice_tb {overflow: hidden; position:relative}
.notice_box .notice_tb ul {overflow:hidden; margin-top:84px; border:1px solid #d3d3d3; border-radius:15px 15px 5px 5px; height:122px}
.notice_box .notice_tb li {position:relative; height:40px; line-height:40px; border-bottom:1px solid #d3d3d3; padding:0 80px 0 24px;  background:url(../images/main/blt_notice_lst.gif) no-repeat 12px 17px}
.notice_box .notice_tb li:first-child {border-bottom:0}
.notice_box .notice_tb li:last-child {border-bottom:0}
.notice_box .notice_tb li a {font-size:1.077em}
.notice_box .notice_tb li:hover a{text-decoration: underline; color:#000; font-weight:600}
.notice_box ul li .tit {width:auto; margin:0}
.notice_box ul li .tit a {display:block; overflow:hidden; width:85%; text-overflow:ellipsis; white-space:nowrap; color:#262626; font-weight:500; box-sizing: border-box}
.notice_box ul li .date {position:absolute; top:50%; right:10px; width:82px; height:20px; line-height:20px; margin-top:-10px; text-align:right; font-size:13px; color:#868686; font-weight:300; background:url(../images/main/blt_notice_date.gif) no-repeat 0 3px}
.notice_box .notice_tb li.first_list {position: absolute;top:0; left:0; width:100%; height:50px; margin:17px 0; padding:0 0 0 100px; box-sizing: border-box}
.notice_box .notice_tb li.first_list .tit a {width:90%; height:24px; line-height:22px; font-weight:600; font-size:1.231em}
.notice_box .notice_tb li.first_list .txt {font-weight:400}
.notice_box .notice_tb li.first_list .txt a {display:block; width:70%; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.154em; color:#505050}
.notice_box .notice_tb li.first_list .date {overflow:hidden; position:absolute; top:50%; left:0; width:84px; height:55px; margin-top:-28px; background:#efefef; border-radius:10px; text-align: center; font-size:1.231em; font-weight:600; color:#000}
.notice_box .notice_tb li.first_list .date span {display:block; padding:3px 0; margin-bottom:4px; background:#345776; color:#fff; font-size:0.813em}

/* 팝업존 */
#main_popup .pop_wrap {overflow:hidden; position: relative; margin:15px 10px 25px}
.pop_wrap h3 {font-size:1.385em; padding:7px 0 7px 44px; background:url(../images/main/blt_popzone_tit.gif) no-repeat 0 50%}
.pop_wrap h3 span {font-weight:700; color:#000}
.pop_wrap .btn_more {top:14px; right:10px}
.pop_wrap .pop_list {line-height:130%}
.pop_wrap .pop_area {overflow: hidden; position: relative; width:100%; box-sizing: border-box; border:1px solid #d3d3d3; border-radius:15px 15px 5px 5px}
.pop_wrap .pop_tb {overflow: hidden; height:125px}
.pop_wrap .pop_list .poplst_txt {position:relative; height:40px; line-height:40px; background:url(../images/main/blt_popup_lst.gif) no-repeat 12px 15px;  border-bottom:1px solid #d3d3d3; font-size:1.077em}
.pop_wrap .pop_list .poplst_txt a {display:block; height:40px; line-height:40px; padding:0 25px; color:#222; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pop_wrap .pop_list .poplst_txt:hover a{text-decoration: underline; color:#000; font-weight:600}
.pop_wrap .btns {display:flex; justify-content: space-between; align-items: center; box-sizing: border-box; background:#efefef; border-top:1px solid #d3d3d3}
.pop_wrap .btns li {width:calc(100% / 3); text-align: center}
.pop_wrap .btns li a {display:block; height:36px; line-height:36px; text-align: center; border-left:1px solid #d3d3d3}
.pop_wrap .btns li:first-child a {border-left:0}
.pop_wrap .btns li a img {vertical-align: middle}

/* banner */
#main_banner {height:90px; margin-bottom:25px;  border:2px solid #ddd; border-left:0; border-right:0; box-sizing: border-box}
.banner_wrap {position:relative; padding:17px 0}
.ban_toparea {position:absolute; top:15px; left:10px}
.ban_toparea .tit {margin-bottom:6px}
.ban_toparea .tit span {font-weight:600}
.ban_item a {overflow:hidden; display:block; width:100%; max-width:192px; height:53px; margin:0 auto; border:2px solid #ddd; background:#fff; box-sizing: border-box; border-radius:5px}
.ban_item img {width:100%; height:100%; margin: 0 auto; transition: .3s ease-in-out}
.ban_item:hover a img {transform:scale(1.08)}
.ban_area {padding:0 10px 0 120px}
.banner_wrap .btn_more {top:15px; left:96px}
.banner_wrap .btns {position:absolute; top:27px; left:0; width:102px; display: flex; justify-content: space-between}
.banner_wrap .btns li {text-align:center}
.banner_wrap .btns li button  {display:block; width:30px; height:30px; line-height:26px; margin:0 3px 0 0; background:#eee; border-radius:5px; text-align: center; cursor: pointer; box-sizing: border-box; text-align: center}
.banner_wrap .btns li button img {vertical-align:text-bottom}

/* footer */
.foot_wrap {display:flex; justify-content:center; position: relative; margin:0 4px; background:#f1f1f1; border-radius:30px 30px 0 0; font-size:1.077em; z-index:1}
#footwrap .ftit {display: inline-block; padding:0 10px; margin-right:4px; background:#71787e; border-radius:50px 50px; text-align: center}
#footwrap .fadmin {display:none}
#footwrap address {word-break: keep-all}
#footwrap .add_wrap {padding:10px 15px 15px; text-align: center; color:#3b3b3b; line-height:140%; word-break: keep-all; font-weight:400}
#footwrap .copy {line-height:120%; padding:15px 25px; text-align: center; color:#999; font-size:13px}

/* 유관기관 */
#footwrap .fm_site {position:relative; margin:10px; display: flex; justify-content: space-between; align-items: center}
#footwrap .fm_sitewrap {width:calc(100% - 60px)}
#footwrap .fsite_go a {display:block; width:55px; line-height:35px; background:#000; border-radius:0 50px 50px 0; text-align: center; color:#fff; font-weight:600}
.fm_site .site_tit {position: relative; width:100%; line-height:35px; margin: 0 auto; box-sizing: border-box; z-index:1}
.fm_site .site_tit a { display:block; line-height:35px; padding-left:15px; padding-right:52px; background:#fff; box-sizing:border-box; font-size: 14px; font-weight:500; color:#000; border-radius:50px 0 0 50px}
.fm_site .site_tit .fm_arr{display:block; position: absolute; top:0; right:10px}
.fm_site .site_tit.active .fm_arr img {transform: rotate(180deg); transition:.3s ease-out}
.fm_site .site_lst {overflow:hidden; display:none; position: absolute; height:0; width:calc(100% - 75px); background:#f3f3f3; box-sizing:border-box; border-radius:15px 15px 0 0; border:1px solid #ccc; border-bottom:0}
.fm_site .site_lst {display: block; bottom:calc(100% - 1px); left:15px}
.fm_site .site_lst ul {overflow-y:auto; height:150px; padding:5px 5px 0}
.fm_site .site_lst ul li {padding:3px 0 4px; border-bottom:1px solid #ccc}
.fm_site .site_lst ul li:last-child {padding-bottom: 0; border-bottom: none}
.fm_site .site_lst ul li a {position:relative;  display:block; overflow:hidden; width:100%; padding:4px 36px 4px 5px; text-overflow:ellipsis;  white-space:nowrap; font-weight:400; color:#000;  box-sizing: border-box}
.fm_site .site_lst ul li a:after {content:"GO"; display:block; position:absolute; top:50%; right:0; width:30px; height:20px; line-height:20px; margin-top:-10px; background:#353e4b;border-radius:5px 5px; text-align: center; color:#fff; font-size: 11px}
.fm_site .site_lst ul li:hover a {color:#000; font-weight:400}
.fm_site .site_lst ul li:hover a:after {background:#ff685d; font-weight:500; transition:all .3s}




/*************** MOBILE LAYOUT ***************/
@media only screen and (max-width:1024px) {
/* Common */
.skip_navi .pc_skip{display:none}

/* Layout */
#mainheader {position: relative; z-index:100}
.fixed .headerwrap {position:fixed; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
#content {border-bottom:0}

.qmenu .qmu_join {display:none}
.qmenu .qmu_log a {display:block; width:18px; height:18px; font-size:0; background:url(../images/main/btn_log_m.png) no-repeat 50% 50%}
.qmenu .btn_all a {background:url(../images/main/btn_allmn_m.png) no-repeat 50% 50%}
	
/* 로고영역 */
.logo a img {width:220px}

/* GNB */
.mobile_bg{z-index: 500 !important}
#gnb {display: none; position:fixed; top:0; right:0; width: 250px; height:100%; min-height:100%; background:#fff; z-index:1000; overflow-y:auto; box-sizing:border-box}
#gnb p.mb_gnbtit {display: block; height:54px; line-height:54px; padding-left:40px; font-size:18px; background:url(../images/main/blt_allmn_mtit.png) no-repeat 10px 50%, linear-gradient(90deg, #6ea1ff, #416cba)}
#gnb p.mb_gnbtit span {color:#fff; font-weight:600}
/* GNB_상단 */
#gnb .allbtnclose .closebtn {display:block; position:absolute; top:6px; right:6px; width:42px; height:42px; overflow: hidden; background:url(../images/main/btn_allmn_close.png) no-repeat 50% 50%; line-height:0; text-indent:-9999px}

/* GNB_메뉴타이틀 */
#gnb .gnb_list .depth1 {border-bottom:1px solid #d9d9d9}
#gnb .gnb_list .depth1 > h2 {position:relative; padding:5px 4px}
#gnb .gnb_list .depth1 > h2 a {display:block; min-height:32px; font-size:15px;font-weight:400; padding:15px 35px 15px 12px; margin:0; width:auto;  color:#000; box-sizing: border-box; background:#fff url(../images/main/btn_mn_off.png) no-repeat right 10px top 50%}
#gnb .gnb_list .depth1 > h2 a[target=_blank] span {display:inline-block; padding-right:15px}
#gnb .gnb_list .act > h2 a {position: relative; background:#5a5a5a url(../images/main/btn_mn_on.png) no-repeat right 10px top 50%; border-radius:15px 15px 5px 5px; color:#fff}
    
/*GNB_메뉴세부*/
#gnb .gnb_list .depth1 .navi_sub {display:none; position: relative; }
#gnb .gnb_list .depth1 .navi_sub ul {padding:3px 4px}
#gnb .gnb_list .depth1 .navi_sub ul > li {margin-bottom:4px}
#gnb .gnb_list .depth1 .navi_sub ul > li:last-child{border-bottom: none}
#gnb .gnb_list .depth1 .navi_sub ul > li > a {line-height:130%; display:block; background:#e1e1e1 url(../images/main/btn_submn_arr.png) no-repeat right 10px top 50%; padding:5px 50px 5px 10px; font-size: 14px; word-break: keep-all; border-radius:5px}
#gnb .gnb_list .depth1 .navi_sub ul > li > a[target=_blank] span{display:inline-block; padding-right:15px}
#gnb .gnb_list .depth1 .navi_sub ul > li:hover > a {background-color:#ff8156; color:#fff; font-weight:500}
    
    
/********************************************* Layout **********************************************/
/***Content  Common***/   
.mb_none{display: none}

/* 비주얼 퀵메뉴 */
.visual_quick ul li a .vq_ico img {width:36px}
    
/* 팝업 영역 */
.main_fixpop {max-width:328px}
.main_fixpop .popup_imgsize {width:320px; height:193px}
.main_fixpop .popup_imgsize img {max-width:320px; height:193px}
.main_fixpop .popup_tittxt {}
.main_fixpop .popup_tittxt a {padding:17px 100px 17px 35px; font-size:1.154em; background-size:22px auto}
.main_fixpop .btns {bottom:12px}

/* 공지사항 */
.notice_box h3 {background-size:30px auto; padding:15px 0 15px 36px}
    
/* 팝업존 */
.pop_topbox h3 {background-size:30px auto; padding:15px 0 15px 36px}

/* 하단 */
.foot_wrap {display: block}
#footwrap .foot_menu .foot_mlst{position: relative}
#footwrap .foot_menu .mb_menu {position: relative; display:flex; justify-content: center; align-items: center; margin:0 auto; text-align: center}
#footwrap .foot_menu .mb_menu li {padding:0 10px 0 10px; margin:0; height:46px; line-height:46px; background:url(../images/main/blt_foot_bar.gif) no-repeat right center}
#footwrap .foot_menu .mb_menu li:last-child {background: none}
#footwrap .foot_menu .mb_menu li a {display:block; font-weight: 400}
/*PC버튼*/
#footwrap .pc_menu {display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 10px; text-align:center; background:#e1e1e1; font-size: 13px; font-weight:400}
#footwrap .pc_menu li {width:calc(100% / 2 - 1px)}
#footwrap .pc_menu li a {display: block; padding:8px 0}
#footwrap .pc_menu li.li_1 a {box-sizing: border-box; color:#ff4622; font-weight:600}
#footwrap .pc_menu li.li_2 {border-left:1px solid #fff}
#footwrap .pc_menu li.li_3 {width:100%; border-top:1px solid #fff}
#footwrap .add_telinfo {margin:0 auto}
/*주소*/
#footwrap address {width:auto; line-height:140%; font-size: 13px; text-align: center}

    
}

/******** PC LAYOUT ********/
@media only screen and (min-width:1025px) {
/* Common */
.skip_navi .mb_skip{display:none}

/* Layout */
#wrap {min-width:1380px}
.top_bar_fix {position:absolute; top:0; left:0; width:100%; z-index:1000; transition: 0.6s}
.headerwrap {position:relative; top:inherit; left:inherit; max-width:1500px; height:75px; margin:0 auto; padding:0 70px; border-radius:0 0 30px 30px; box-sizing: border-box}
.header_top .logo {top:16px; left:0}
.header_top .logo a {display:flex; align-items: center; gap:10px}
/* 대메뉴 존 */
.qmenu {position: absolute; top:0; right:0; height:75px; gap:20px; padding:0; justify-content: space-between; align-items: center; background:none; box-sizing: border-box}
.qmenu ul {display:flex; justify-content:center; align-items: center; background:#fff; padding:3px 10px; border-radius:50px}
.qmenu ul li a {display:block; padding:5px 10px; font-size:1.154em}
    .qmenu ul li:hover a {font-weight:500}
.qmenu ul li:first-child a {background:url(../images/main/bg_qmn_bar.gif) no-repeat 100% 50%}

/* GNB */
.gnb_box {margin:0 auto}
.gnb_list {display: flex; justify-content:space-between; max-width:1380px; margin:0 auto; padding:0 230px 0 340px}
#gnb .allbtnclose, #gnb .mbl_area, #gnb .navi_sub, #gnb p.mb_gnbtit  {display: none}
#gnb .depth1 {position: relative; display:flex; text-align: center;}
#gnb .depth1 h2 {display: block}
#gnb .depth1 h2 a{display: inline-block;  padding:28px 10px 28px; text-align: center; font-size:19px; color:#000; font-weight:400}
#gnb .depth1.active h2 a {color:#17aac4; font-weight:600}
#gnb .navi_sub {position: absolute; left:50%; top:74px; width:200px; margin-left:-100px; padding:2px; background:#17aac4; box-sizing: border-box; border-radius:15px}
#gnb .navi_sub::before{content: ""; display: block; clear: both; position: absolute; top:-7px; left:50%; margin-left: -10px; width:22px; height:7px; background: url(../images/main/bg_navi_arr.png) no-repeat 0 0; z-index:1}
#gnb .navi_sub ul { overflow: hidden; background:#fff; border-radius:13px; padding:5px 0}
#gnb .navi_sub li {border-bottom:1px solid #dadbdd}
#gnb .navi_sub li a {display: block; line-height: 130%; margin:4px; padding:8px 6px; text-align: center; font-size:1.154em; letter-spacing:-0.3px; word-break:keep-all; border-radius:5px}
#gnb .navi_sub li:hover a, #gnb .depth1.active .navi_sub .depth2 > li.active a {background:#e1e1e1; transition:.3s; color:#000; font-weight:400; transition:.3s}
#gnb .navi_sub li:last-child {border:none}
#gnb .depth1.active .navi_sub {display: block; z-index: 30}
#gnb .depth1.active .navi_sub li:hover a {transition:.3s}

/* visual */
.visual .visual_wrap {max-width:1980px}
.visual .visual_item {height:615px}
.visual .visual_item > a {height:615px}
.visual .item1 a:focus-visible{height:613px; outline:2px solid #000}
.visual .item1 {background:#fff url(../images/main/v_pc01.jpg) no-repeat 50% 0}
.visual .item2 {background:#fff url(../images/main/v_pc02.jpg) no-repeat 50% 0}
.visual .item3 {background:#fff url(../images/main/v_pc03.jpg) no-repeat 50% 0}
    
/* 비주얼 */
/*재생,일시정지*/
.ctrl_wrap {display:flex; justify-content: space-between; position:absolute; top:400px; left:50%; width:112px; height:21px; border-radius: 50px; padding:3px 10px;margin:-20px 0 0 -680px; background:rgba(0,0,0,0.1); box-sizing: border-box}
.visual_wrap .btn_visual button {width:12px; height:12px; margin: 0 0 0 4px; cursor:pointer; box-sizing: border-box; border-radius:50px; text-align: center}
.visual_wrap .btn_visual button.vbtn_play {background:url(../images/main/vbtn_play.png) no-repeat 50% 50%}
.visual_wrap .btn_visual .vbtn02 button.vbtn_pause{background:url(../images/main/vbtn_pause.png) no-repeat 50% 50%}
/*비주얼 이동 블릿*/
.visual_wrap .slick-dots {display:flex; gap:3px}
.visual_wrap .slick-dots li button{width: 11px; height:7px; box-sizing: border-box; border-radius:50px; border:2px solid #fff;  box-shadow:0 2px 3px rgba(0,0,0,0.05)}
.visual_wrap .slick-dots li.slick-active button {width:38px; background: #27b6d0;background:#fff}

    
/********************************************* Layout **********************************************/
/***Content Common***/   
.pc_none{display:none}

/* content layer */
h3.tit {font-size:1.692em}
#content .btn_more img {width:15px; height:15px}
    
/* content */
.content01 {display:flex; justify-content: space-between; position:relative; max-width:1380px; margin:-52px auto 0; padding:0; box-sizing: border-box}
.content02 {padding:30px 0 40px; display: flex; justify-content: space-around; max-width:1380px; margin:0 auto; box-sizing: border-box}
    
/* 비주얼 퀵 */
.visual_quick {max-width:1450px; margin:-92px auto 0; padding:92px 0 0; border-radius:20px 20px 0 0; background:#fff}
.visual_quick ul {justify-content: flex-end; margin-top:-170px; padding:0 50px}
.visual_quick ul li {width:150px; height:150px; padding:8px; font-size:1.385em; font-weight:500}
.visual_quick ul li a {width:134px; height:134px; padding:21px 10px}
.visual_quick ul li a span.vq_txt {margin:10px 0 0}
    
/* 메인 팝업 영역 */
.main_fixpop {margin:0 45px 0 0}

/* 이수기관 찾기*/
.main_course {width:calc(100% - 500px); margin-top:50px}
.main_course .tit {padding:20px 24px; font-size:1.692em}
.main_course .btn_more {top:22px; right:20px}
.course_wrap {margin:13px 14px}
.course_etc {margin:0; padding:7px 5px 7px 35px; font-size:1.154em}
.course_srchbox {display:flex; align-items:center; height:103px; padding:16px; box-sizing: border-box}
.course_srchlst li a {line-height:32px; font-size:1.154em}
.course_srchbox .cs_tit {line-height:180%; width:130px; text-align:center; padding:20px 10px 16px 0}
.course_search {margin-top:15px}
.course_srchbox .cs_tit p {background: none; padding:0; text-align:left; font-size:1.231em}
.course_srchbox .cs_tit span {display: block; font-size:1.375em; background:url(../images/main/bg_course_arr.gif) no-repeat 100% 50%}
.cs_form label {font-size:1.077em}
.cs_formwrap {width:calc(100% - 230px)}
.course_sel {font-size:1.077em}
.cs_form input {font-size:1.077em}
.cs_btn {margin:0 0 0 10px}
.cs_btn button {width:128px; height:70px; padding:15px 0 }
.cs_btn button span {display:block; padding:24px 0 0 0; background-position:50% 0; font-size:1.154em}


/*Notice*/
#main_notice {width:827px; margin-right:40px}
#main_notice .notice_box {margin:0}
.notice_box h3 {padding:15px 0 25px 48px; background-position:left 0 top 10px}
.notice_box .btn_more {top:18px}
.notice_box .notice_tb li {height:47px; line-height:47px; background-position:15px 18px; padding:0 80px 0 30px}
.notice_box .notice_tb li a {font-size:1.154em}
.notice_box .notice_tb ul {height:143px}
.notice_box .notice_tb li.first_list .date {font-size:1.385em}
.notice_box .notice_tb li.first_list .tit a {font-size:1.308em}
.notice_box .notice_tb li.first_list .txt a {font-size:1.231em}
.notice_box ul li .date {right:15px; width:96px; font-size:15px}

/* 팝업존 */
#main_popup {width:calc(100% - 867px)}
#main_popup .pop_wrap {margin:0}
.pop_wrap h3 {padding:15px 0 15px 48px; margin-bottom:10px}
.pop_wrap .pop_tb {height:182px}
.pop_wrap .pop_list .poplst_txt a {font-size:1.071em}
.pop_wrap .btn_more {top:18px}
.pop_wrap .btns li a {height:45px; line-height:45px}
.pop_wrap .pop_list .poplst_txt {height:44px; line-height:44px; background-position:15px 17px}
.pop_wrap .pop_list .poplst_txt a {height:44px; line-height:44px; padding:0 30px}
    
/* banner */
#main_banner {height:100px; margin-bottom:30px}
.banner_wrap {max-width:1380px; margin:0 auto; border:0; padding:21px 0}
.ban_area {padding:0 15px 0 160px} 
.banner_wrap .btn_more {top:18px; left:110px}
.banner_wrap .btns li button {width:34px; height:34px; line-height:30px; margin:0 6px 0 0}
.banner_wrap .btns {top:30px}
.ban_item a {max-width:200px; height:55px}
    
/* Footer */
.foot_wrap {display: block; padding:15px 0 0; max-width:1920px; margin:0 auto}
#footwrap .foot_area {position:relative; display:flex; justify-content: space-between; max-width:1400px; margin:0 auto; background:#e1e1e1; border-radius:50px}
.foot_menu {display:none}
#footwrap .mb_menu {display:none}
#footwrap .pc_menu {display: flex; padding:0 30px}
#footwrap .pc_menu li { height:58px; line-height:58px; padding: 0 17px; background:url(../images/main/blt_foot_bar.gif) left center no-repeat; text-align: center}
#footwrap .pc_menu li:first-child {background: none; padding-left:0}
#footwrap .pc_menu li a {font-size:16px; font-weight:400}
#footwrap .pc_menu li.li_1 a {font-weight:500; color:#ff4622}
#footwrap .pc_menu li a:hover{font-weight:600}
/*Admin*/
#footwrap .pc_menu li.fadmin {display: block; background:none}
#footwrap .pc_menu li.fadmin a {display: block; width:85px; height:35px; line-height:35px; padding:0 0 0 20px; margin:12px 0; border-radius:50px; background:#585858 url(../images/main/btn_admin.png) no-repeat 12px 50%; color: #fff; font-size: 14px; font-weight: 400; box-sizing: border-box; transition: all .3s}
#footwrap .pc_menu li.fadmin a span{margin-left:40px}
#footwrap .pc_menu li.fadmin a:hover {background-color:#333}
#footwrap .add_wrap {position: relative; max-width:1380px; margin:0 auto; padding:20px 10px; text-align:left; font-size:1.071em; box-sizing: border-box; background:url(../images/main/flogo.gif) no-repeat right 10px top 25px}
    
    
#footwrap .ftit {font-weight:500}
#footwrap .copy {padding:15px 0; font-size:0.923em; text-align: left}
#footwrap .fm_site {width:306px}
.fm_site .site_tit a {font-size:15px}
.fm_site .site_lst {bottom:calc(100% - 3px)}
    
}

/**** LOWSET FIX ****/
@media only screen and (min-width:1025px) and (max-width:1299px) {
}
@media only screen and (min-width:1380px) {
/* Menu FIX */
.fixed {position:fixed; top:0; left:0; width:100%; padding-left:0; background:rgba(255,255,255,0.85); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.6s}
.fixed .headerwrap {background:none}
    
}
/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
@media only screen and (min-width:1025px) and (max-width:1500px) {
    
}


@keyframes effect{
    0%,40%,100% {transform:translateY(0)}
    20%,60% {transform:translateY(-4px)}
}


/* 알리미 레이어 화면 */
.alimi_wrap {position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px}
.alimi_box {overflow:hidden; position:absolute; left:5%; top:5%; width:90%; min-width:320px; height:auto; padding:0; margin:0; z-index:999; background:#fff; border:4px solid #30587b; border-radius:10px}
.alimi_top {position:relative; background:#30587b; text-align: center}
.alimi_tit {padding:18px 50px; color:#fff; font-weight:600; font-size:1.538em}
.alimi_top .btn_close {position: absolute; top:50%; right:5px; margin-top:-23px}
.alimi_top .btn_close button {display:block; font-size:0; width:42px; height:42px; background:url(../images/main/btn_allmn_close.png) no-repeat 50% 0}

.alimi_con {text-align: center; margin:20px; line-height:140%; font-size:1.077em}
.alimi_con .acon {margin:10px 0; font-weight:400; color:#4d4d4d}
.alimi_con .acon01 strong {color:#000}
.alimi_con .acon02 {margin-bottom:20px}
.alimi_con .bg_setcol {display:inline-block; padding:1px 8px; margin-right:3px; background:#eb655f; border-radius:5px; font-weight:400; color:#fff}
.alimi_bott {text-align: center; margin:15px 0 }
.alimi_tit br {display:none}
.alimi_box .btn_alimi {display:block; max-width:280px; margin:0 auto; background:#f66b55; border-radius:60px; border-radius: 60px; text-align: left; border:4px solid #fdd7d1; transition:.3s}
.alimi_box .btn_alimi a {display:block; position:relative; padding:10px 14px; font-size:1.308em; color:#fff; font-weight:600}
.alimi_box .btn_alimi:hover {border-color:#ff9887; transition:.3s}
.alimi_box .btn_alimi .btn_txt {padding:3px 0 3px 35px; background:url(../images/main/layer/btn_setting_ico.png) no-repeat 0 50%}
.alimi_box .btn_alimi .btn_go {position: absolute; top:50%; right:10px; margin-top:-15px; display:block; width:66px; line-height:30px; text-align: center; background:#fff; border-radius:50px; color:#000; }

/******** mobile LAYOUT ********/
@media only screen and (max-width:1024px) {
.alimi_con {margin:18px 10px}
    
}

/******** PC LAYOUT ********/
@media only screen and (min-width:1025px) {
.alimi_wrap {position: fixed}
.alimi_box {width:60%; top:22%; left:50%; max-width:718px; min-height:376px; margin-left:-300px; background:#fff url(../images/main/layer/bg_setting_img.png) no-repeat right 20px bottom 20px}
.alimi_box .btn_alimi a {font-size:1.538em}
.alimi_tit {font-size:2em; padding:25px 60px}
.alimi_top .btn_close {right:15px}
.alimi_con {margin:36px 0; font-size:1.308em}
.alimi_bott {margin:30px 0}
.alimi_box .btn_alimi a {padding:20px 15px}
.alimi_box .btn_alimi .btn_go {right:15px}
    
}

/******** etc LAYOUT ********/
@media only screen and (max-width:500px) {
    .alimi_tit {padding:10px 50px}
    .alimi_tit br {display:block}
    .alimi_con .acon br {display:none}
    .alimi_box .btn_alimi .btn_go {line-height:22px; margin-top:-12px}
}