@charset "utf-8";

body{font-family:'NotoR'; font-size:14px;}
button{cursor: pointer;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoR'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle;}
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer;}
.slick-initialized .slick-slide{ display:inline-block;}
.slick-arrow.slick-hidden { display:none;}
.slick-current { opacity:1; display:block;}



/*Quick Menu 220513*/
.quick_mn{position:fixed; width:90px; right:0px; top:15%; z-index:1200; color:#fff; text-align:center;}

.quick_mn ul li{width:88px;margin:1px;font-size: 14px;line-height:20px;padding:60px 0 15px 0;text-align:center;display: block;background:#e32c28;transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

.quick_mn ul li a{display:block; color:#fff; padding: 0 0.3rem; word-break: keep-all}

 
.quick_mn ul li.quick00{ background:#3143b3 url('../../../images/template/00002/sub_cnt/quick_00.png') no-repeat top; background-position: 50% 15%;}
.quick_mn ul li.quick00:hover{background:#192ca3 url('../../../images/template/00002/sub_cnt/quick_00.png') no-repeat top; background-position: 50% 15%;}

.quick_mn ul li.quick01{ background:#005aab url('../../../images/template/00002/sub_cnt/quick_01.png') no-repeat top; background-position: 50% 15%;}
.quick_mn ul li.quick01:hover{background:#00305c url('../../../images/template/00002/sub_cnt/quick_01.png') no-repeat top; background-position: 50% 15%;}
.quick_mn ul li.quick02{ background:#12b886 url('../../../images/template/00002/sub_cnt/quick_02.png') no-repeat top; background-position: 50% 15%;}
.quick_mn ul li.quick02:hover{ background:#0b7152 url('../../../images/template/00002/sub_cnt/quick_02.png') no-repeat top; background-position: 50% 15%;}
.quick_mn ul li.quick03{background:#0090ff url('../../../images/template/00002/sub_cnt/quick_03.png') no-repeat top;background-position: 50% 15%;line-height: 35px;}
.quick_mn ul li.quick03:hover{background:#0a4d80 url('../../../images/template/00002/sub_cnt/quick_03.png') no-repeat top;background-position: 50% 15%;line-height: 35px;}
.quick_mn ul li.quick04{ background:#7634d0 url('../../../images/template/00002/sub_cnt/quick_05.png') no-repeat top; background-position: 50% 15%;}
.quick_mn ul li.quick04:hover{ background:#5817b1 url('../../../images/template/00002/sub_cnt/quick_05.png') no-repeat top; background-position: 50% 15%;}


.quick_mn ul li.type{ padding: 10px 0 10px 0; background:rgba(0, 0, 0,0.7) ;}
.quick_mn ul li.type:hover{ background:#000;}



/* 상단팝업 추가 190926 */
/*.toppopup_wrap{position:relative; display:block; padding:35px 0 45px; background:#194982;}
.toppopup_wrap .toppopup{max-width:1400px; margin:0 auto; position:relative; background:url('/images/template/00002/common/top_pop_bg.gif')repeat-y center;}
.top_slider{ width:100%; margin:0 auto; position:relative; }
.top_slider .slick-slide a{ display:block; text-align:center;}
.top_slider .slick-slide a img{width:420px; height:120px; max-width:100%; }
.top_slider .slick-slide.dragging img{ pointer-events:none;}
.top_slider .slick-prev, .top_slider .slick-next{ position:absolute; top:50%; display:block; width:50px; height:50px; margin-top:-25px; cursor:pointer; text-indent:-10000px; z-index:20;}
.top_slider .slick-prev{ left:0px; background:#a5b9d1 url('/images/template/00002/common/btn_p_prev.png')no-repeat center;}
.top_slider .slick-next{ right:0px; background:#a5b9d1 url('/images/template/00002/common/btn_p_next.png')no-repeat center;}
.top_slider .slick-dots{ position:absolute; width:auto; left:20px; bottom:-28px;}
.top_slider .slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; }
.top_slider .slick-dots li button{ display:block; width:10px; height:10px; border-radius:20px; cursor:pointer; border:2px solid #fff; font-size:0; overflow:hidden;}
.top_slider .slick-dots li.slick-active button{background:#fff;}

.toppopup_wrap .btn_slider button{border:0px; font-size:0; width:15px; height:15px; position:absolute; bottom:-30px;left:0;}
.toppopup_wrap .btn_slider button.btn_stop{background:url('/images/template/00002/common/btn_stop.png') no-repeat center;}
.toppopup_wrap .btn_slider button.btn_play{display:none; background:url('/images/template/00002/common/btn_play.png') no-repeat center;}

.toppopup_wrap .closeCheck {position:absolute; bottom:-30px; right:0; color:#fff; text-align:right;}
.toppopup_wrap .closeCheck label {margin-right:5px; font-family:'NotoR'; font-size:14px; }
.toppopup_wrap .closeCheck .btn_close{width:30px; height:30px; background:#fff url('/images/template/00002/common/btn_close.png') no-repeat center; font-size:0; vertical-align:super;}
*/


/* 레이아웃 및 헤더 */
#wrap {position:relative; min-width:1400px; font-family:'NotoR';}
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease;} 

#slide_map {display:none;}
#header {position:absolute; left:0; top:0; width:100%; height:125px; z-index:1100; background:url('/images/template/00002/common/bg_header.png') repeat-x top;}/* 수정 191017 */
#header .headerWrap {position:relative; width:100%; margin:0 auto;}
.sub #header {position:absolute;}
/* 로고 수정 190830 */ 
#header h1.logo {position:absolute; left:50%; top:20px; text-align:center; margin-left:-125px; z-index:1000;}/* 수정 191017 */
#header h1.logo a {display:inline-block; height:33px; vertical-align:top;}
#header h1.logo a.icon{width: 140px;background: url('/images/template/00002/common/logo.png') no-repeat left top;background-size: contain;}
#header h1.logo a span {position:absolute;  top:0; padding-left:38px; line-height:33px; color:#000; font-family: 'NotoM'; font-size:22px; overflow:hidden; font-size:1px; left:-10000px; text-indent:-30000px;}
#header h1.logo a strong{display:inline-block; line-height:31px; font-size:23px; color:#000; font-family: 'NotoM';}
#header .mob_btn {display:none;}

/* user Service */
#header .userSvice{position:absolute; width:130px; height:130px; left:0; top:0; background:#005aab; z-index:1102	;}
#header .userSvice a{color:#fff; text-align:center; display:block; font-size:14px;}
#header .userSvice a::before{content:url('/images/template/00002/common/ico_usersvic.png'); display:block; margin:20px 0 10px;}

/* top util */
#header .toputil{position:relative; height:70px; font-size:13px; margin:0 auto; z-index:10; }/* 수정 191017 */
#header .toputil:after {content:""; display:block; clear:both;}
#header .toputil .toputil_box {max-width:1400px; margin:0 auto; position:relative;}
#header .toputil button{cursor: pointer;}

/* top_mn */
#header .toputil .topMenu {position:relative; height:70px; line-height:71px;}/* 수정 191017 */
#header .toputil .topMenu a{display:inline-block; height:30px; line-height:30px; padding:0 15px; color:#fff; border:1px solid #005aab; background:#005aab; font-size:14px; margin-right:5px;} 
#header .toputil .topMenu a.login{ font-family: 'NotoM'; border-color:#bbb; color:#333; background:#fff;}
#header .toputil .topMenu a:hover{background:#034986;}
#header .toputil .topMenu a.login:hover{background:#f1f1f1;}
#header .toputil .topMenu a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 검색 */
#header .search_btn {position:absolute; right:50px; top:12px;}/* 수정 191017 */
#header .search_btn button {display:block; width:42px; height:42px; text-indent:-10000px; background:url('/images/template/00002/common/btn_nav_search.png') no-repeat center;}
#header .search_btn button:hover{border-color:#005aab; background-color:#e6f4ff;}
#header .search {display:none; position:absolute; width:300px; right:84px; top:24px; z-index:200; background:url('/images/template/00002/common/bg_tmn.png');}
#header .search h2 { display:none; color:#fff; font-size:25px; margin-bottom:10px; font-family: 'NotoM';}
#header .search_wrap{position: relative; border:1px solid #005aab;}
#header .search input { height:40px; line-height:40px; padding-left:5%; width:80%; font-size:14px; color:#555; border:none; }
#header .search input::-webkit-input-placeholder {color:#555;}
#header .search a.btn_top_sear {position:absolute; right:0; top:0; width:15%; height:40px;text-indent:-10000em; background:#005aab url('/images/template/00002/common/btn_search.png') no-repeat center;}
#header .search_close {position:absolute; right:-42px; top:0px;}
#header .search_close button {display:block; width:42px; height:42px; text-indent:-10000em; background:#fff url('/images/template/00002/common/btn_close.png') no-repeat center;}
#header .search_btn button{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 사이트맵 */
.sitemap_btn {position:absolute; right:0px; top:13px; border:1px solid #989898;}/* 수정 191017 */
.sitemap_btn a{display:block;width: 20px;height: 18px; text-indent:-10000px; padding:12px 11px;}
.sitemap_btn a:hover{border-color:#005aab; background-color:#e6f4ff;}
.sitemap_btn a span{display:block; float:left; width:50%; margin: 2px 0; height:2px; background:#0b1e33;}/* 버튼색수정 190916 */
.sitemap_btn a span:first-child{width:80%;}
.sitemap_btn a span:last-child{width:80%;}
.sitemap_btn a:hover span{width:100% !important;}
.sitemap_btn a, .sitemap_btn a span{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

#header #nav {position:relative; width:auto; height:55px; overflow:hidden;}
#header #nav #blind {position:absolute; left:0; top:55px; width:100%; height:100%; z-index:1; background:url('/images/template/00002/common/bg_tmn.png');}
#header #nav #gnb {position:relative; max-width:1400px; margin:0 auto; z-index:10;}
#header #nav #gnb ul {height:auto;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb > ul > li {width: calc(100% / 7);position:relative;float:left;}
#header #nav #gnb ul li a {display:block; text-align:center; font-family:'NotoM'; text-decoration:none;}
#header #nav #gnb ul li a span { display:inline-block; position:relative; font-size:20px; height:55px; line-height:55px; color:#fff;}
#header #nav #gnb ul li a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:4px; }
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#fff182;}
#header #nav #gnb > ul > li > a[target='_blank'] span:before{position: absolute; right:-25px; top:0px; content:url('/images/template/00002/common/icon_nav_blank.png'); }
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:50%; background:#fff182; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header #nav #gnb ul li ul {position:absolute; left:0; top:55px; width:100%; padding:15px 0;}
#header #nav #gnb ul li:nth-of-type(1) ul li:nth-of-type(3) a {color:#fff182;}/*240415*/
#header #nav #gnb ul li:nth-of-type(2) ul li:nth-of-type(3) a {color:#fff182;}/*240415*/
#header #nav #gnb ul li:nth-of-type(2) ul li:nth-of-type(4) a {color:#fff182;}/*251210*/
#header #nav #gnb ul li:nth-of-type(3) ul li:nth-of-type(3) a {color:#fff182;}/*240415*/
#header #nav #gnb ul li:nth-of-type(4) ul li:nth-of-type(3) a {color:#fff182;}/*240415*/
#header #nav #gnb ul li:nth-of-type(6) ul li:nth-of-type(2) a {color:#fff182;}/*240415*/
#header #nav #gnb ul li ul.ov {background:#01274a;}
#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:100%; margin:0;}
#header #nav #gnb ul li ul li a {display:block; font-family:'NotoR'; font-size:14px; line-height:22px; height:auto; padding:5px 15px; color:#fff; text-align:left;}
#header #nav #gnb ul li ul li a strong {font-weight:normal;}
#header #nav #gnb > ul > li > ul > li > a[target='_blank'] strong:after{display:inline-block; line-height:22px; margin:3px 0 0 6px; position:relative; content:url('/images/template/00002/common/icon_nav_wh.png'); }
#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#d42b0d;}
#header #nav #gnb ul li ul li ul {display:none !important;}

/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* footer */
footer{position:relative;}
.area_footer {position:relative; text-align:center; padding:50px 0 0;}
.box_footer {position:relative; max-width:1400px; margin:0 auto;}
.box_footer .footer_link {line-height:30px; overflow:hidden;}
.box_footer .footer_link li {display:inline-block;}
.box_footer .footer_link li a{line-height:15px; padding:0 15px; columns: #777;;}
.box_footer .footer_link li.point a{color:#111; font-family:'NotoM';}
.box_footer .footer_link li a:hover{text-decoration:underline;}
.box_footer .footer_link li.point a:hover{color:#1f55a3; text-decoration:underline;}

.box_footer .box_info {padding:10px 0 50px; line-height:30px; font-size:14px; color:#333; position: relative;}
.box_footer .box_info .copyright{color:#777;}

/* 상단이동 */
/* .btn_top{ position:absolute; width:60px; height:60px; background:#787878 url('/images/template/00002/common/btn_topmove.png') no-repeat center; left:50%; top:-30px; margin-left:-30px; z-index:2000; font-size:0; border-radius:30px;} */
/* .btn_top a{display:block; width:100%; height:100%;} */
/* .btn_top:hover{background-color:rgba(0,0,0,0.7);} */
/* .btn_top{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } */

/* 상단이동 190919 */
.btn_top{position:fixed;width:40px;height:40px;background:url('/images/template/00002/common/btn_top.png') no-repeat center;right: 110px;top:310px;z-index:2000;font-size:0;border-radius:30px;}/*201130 수정*/
.btn_top a{display:block; width:100%; height:100%;}
/* 하단이동 190919 */
.btn_Btm{position:fixed;width:40px;height:40px;background:url('/images/template/00002/common/btn_Btm.png') no-repeat center;right: 110px;top: 410px;z-index:2000;font-size:0;border-radius:30px;}/*201130 수정*/
.btn_Btm a{display:block; width:100%; height:100%;}
/* 입시정보 알림신청 */
.btn_Bell{position:fixed;width:100px;height:100px;background:url('/images/template/00002/common/ico_bell.png') no-repeat center;right: 100px;top: 490px;z-index:2000;font-size:0;border-radius:30px;}/*201130 수정*/
.btn_Bell a{display:block; width:100%; height:100%;}

/************************************** 서브콘텐츠 : 시작 **************************************/
/* content */
#sub_container_wrap {position:relative; padding-top:155px; font-family:'NotoR';}
.sub_content_wrap {position:relative; width:1400px; margin:0 auto 30px; overflow:hidden; min-height:700px}
#sub_content{width:1120px; float:right;}
.subCntBody {position:relative; padding:30px 0 50px; color:#555; font-size:14px; line-height:1.4; }
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:230px; height:100%; font-family:'NotoR'; }
#menu h2 {height:34px; padding:43px 10px; font-family:'NotoM'; color:#fff; font-size:24px; line-height:34px; text-align:center; background:#e32c28;}
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li > a {display:block;height:22px;padding:13px 10px 13px;font-size: 14px;line-height:22px;font-family:'NotoM';color:#333;border:1px solid #dedede;border-top:none;background:url("/images/template/00002/common/lnb_off.png") no-repeat right 50%;} /*210903수정*/
#menu .lnb > li > a.on {color:#005aab; background:url('/images/template/00002/common/lnb_off.png') no-repeat 19px 14px}
#menu .lnb > li.on > a, 
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {color:#fff; font-family:'NotoM'; text-decoration:none; border:1px solid #005aab; border-top:none; background:url("/images/template/00002/common/lnb_on.png") no-repeat right 50% #005aab; }
#menu .subLnb {display:none; padding:10px 0; border:1px solid #dedede; border-top:none; background:#fafafa;}
#menu .subLnb li a {display:block; color:#333; padding:7px 10px 7px 29px; font-size:15px; font-family:'NotoR'; background:url('/images/template/00002/common/lnb_2off.png') no-repeat 19px 14px;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#005aab; text-decoration:underline; background:url('/images/template/00002/common/lnb_2on.png') no-repeat 19px 14px}

/* 새창 아이콘 181004 추가 */
#menu nav > .lnb > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/template/00002/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/template/00002/common/icon_new_WW2.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/template/00002/common/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* sub 타이틀 */
#sub_content .title_area {position:relative; height:119px; border-bottom:1px solid #ddd;}
.title_area .pageTitle {padding-top:28px; font-family:'NotoM'; line-height:1.4; font-size:28px; letter-spacing:-1px; color:#111}
.title_area .location {text-align:left; font-family:'NotoR'; margin:10px 0 0}
.title_area .location span, 
.title_area .location strong {padding-left:18px; background:url('/images/template/00002/common/bgLocation.png') no-repeat 6px center; font-size:14px; color:#666}
.title_area .location strong {color:#222; font-family:'NotoM'; font-weight:normal}
.title_area .location a.home {display:inline-block; width:14px; height:16px; text-indent:-99999em; vertical-align:middle; background:url('/images/template/00002/common/ico_home.png') no-repeat left center;}

/* sns */ 
.snsBox {position:absolute;top: 60px;right: 170px;text-align:right;}
.snsBox button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/template/00_common/con_com/btnSns.gif") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint {width:45px; height:40px; background:url("/images/template/00_common/con_com/btn_print.png") no-repeat 0 0}
.snsBox .btnShare{width:40px; height:40px; background:url("/images/template/00_common/con_com/btn_sns.png") no-repeat 0 0}
.snsBox .btnFbook { background-position:-29px 0; }
.snsBox .btnTwt { background-position:-58px 0; }
.snsBox .btnKtalk { background-position:-87px 0; }
.snsBox .btnKstory { background-position:-116px 0; }
.snsBox .btnBand{ background-position:-145px 0; }
.snsBox .sns_more{/* display:none; */position:absolute;top: -10%;right: -180px;width:165px;/* border:1px solid #bbb; */border-radius:2px;padding:10px 10px 10px 7px;z-index:30;background-color:#fff;}

/* sns */ 
.snsBox_se { position:absolute; top:60px; right:0; text-align:right}
.snsBox_se button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/template/00_common/con_com/btnSns.gif") no-repeat 0 0}
.snsBox_se button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox_se .btnPrint {width:40px; height:40px; background:url("/images/template/00_common/con_com/btn_print.png") no-repeat 0 0}
.snsBox_se .btnShare{width:40px; height:40px; background:url("/images/template/00_common/con_com/btn_sns.png") no-repeat 0 0}
.snsBox_se .btnFbook { background-position:-29px 0; }
.snsBox_se .btnTwt { background-position:-58px 0; }
.snsBox_se .btnKtalk { background-position:-87px 0; }
.snsBox_se .btnKstory { background-position:-116px 0; }
.snsBox_se .btnBand{ background-position:-145px 0; }
.snsBox_se .sns_more{display:none; position:absolute; top:35px; right:0; width:160px; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff}

/* sub footer */
.sub_footer{border-top:1px solid #ccc;}

/************************************** 서브콘텐츠 : 끝 **************************************/


/********** Media quary **********/
@media screen and (max-width:1400px) {

	#header .toputil{width:95%;}
    
    /* 190920 추가  */
	.btn_top{display:block;}
	.btn_Btm{display:block;}

}

@media screen and (max-width:1400px) {/*201130 추가*/
/* 상단이동 */
.btn_top{right: 30px;}/*201130 추가*/

/* 하단이동 */
.btn_Btm{right: 30px;}/*201130 추가*/

/* 입시정보 알림신청 */
.btn_Bell{right: 10px;}/*201130 추가*/


}

@media screen and (max-width:1240px) {
	
	/*Quick Menu 220513*/
    .quick_mn{position:fixed; width:100%;left: 0; top:auto; bottom: 0; z-index:1200; color:#fff; text-align:center;}

     .quick_mn ul li{width:16.66666666666667%; float: left; margin:0px; line-height:2rem;padding:0 0 0 0;text-align:center;display: inline-block; height: 35px;}
    .quick_mn ul li.quick00{ background:#3143b3 }
    .quick_mn ul li.quick00:hover{background:#192ca3;}

    .quick_mn ul li.quick01{ background:#005aab }
    .quick_mn ul li.quick01:hover{background:#00305c;}
    .quick_mn ul li.quick02{ background:#12b886;}
    .quick_mn ul li.quick02:hover{ background:#0b7152;}
    .quick_mn ul li.quick03{background:#0090ff;}
    .quick_mn ul li.quick03:hover{background:#0a4d80;}
    .quick_mn ul li.quick04{ background:#7634d0 ;} 
    .quick_mn ul li.quick04:hover{ background:#5817b1;}
    .quick_mn ul li.type{ padding: 0 0 0 0; background:rgba(0, 0, 0,0.7) ;}
    .quick_mn ul li a{vertical-align: middle;}

 

}

@media screen and (max-width:1019px) {
	#wrap, #header, .headerWrap, #header .search,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.area_footer .ft_site, .area_footer .ft_site .inner, .area_footer .ft_site ul, .area_footer .ft_site h2, .box_footer .box_info,
	.footBtnWrap, .footBtn button,
	.footBtn div,
	.footer_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	
	#wrap { min-width:320px;}	
	.headerWrap, .box_footer {width:100%;}
	
	/* 상단팝업 추가 190926 */
	.top_slider .slick-list{width:80%; margin:0 auto;}
	.toppopup_wrap .closeCheck{right:2%;}
	
	/** Header **/
	#header {min-width:320px; height:auto; background:none; position: relative; top:auto !important;}	
	#header .headerWrap {min-width:100%; height:100px; }
	#header #nav {display:none;}
	#header #nav #gnb ul li a span {font-size:22px;}
	#header #nav #gnb ul li ul li a {font-size:15px; line-height:20px;}
	
	#header h1.logo {top:50px; }
	#header h1.logo a strong{font-size:22px;}

	#header .mob_btn {display:block; position:absolute; left:2.5%; top:44px; width: 20px; height: 18px; text-indent:-10000px; padding:12px 11px; border:1px solid #989898;}/* 수정 191017 */
	#header .mob_btn:hover{background-color:#fff;}
	#header .mob_btn span{display:block;float: left;width:50%;margin: 2px 0;height:2px;  background:#0b1e33;} /*수정 190916 */
	#header .mob_btn span:first-child{width:80%;}
	#header .mob_btn span:last-child{width:80%;}
	#header .mob_btn{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
	
	/* top util */
	#header .toputil {width:100%; height:30px; background:#f1f1f1;}
	#header .toputil .topMenu{float:right; line-height:0; font-size:0; height:30px;}
	#header .toputil .topMenu a{border:0; font-size:12px; line-height:30px; margin:0;}
	#header .toputil .topMenu a.login{background:#888; color:#fff;}
	#header .toputil .topMenu a.login:hover{background:#666;}

	/* 검색 */
	#header .search_btn {right:2.5%; top:44px;}/* 수정 191017 */
	#header .search {width:100%; top:100px; padding:20px; right:0;}
	#header .search h2 {position:relative; top:auto; left:auto; color:#fff; font-size:30px; font-weight:normal; z-index:10; display:block;}
	#header .search input{width:90%; height:50px; line-height:50px; padding-left:2%;}
	#header .search a.btn_top_sear{height:50px; width:10%;}
	#header .search_close{top:-55px; right:2.5%;}

	/* 사이트맵 */
	.sitemap_btn{display:none;}

	/* 상단 SNS 버튼 */
	.top_sns_btn {top:0; right:auto; left:0; overflow:hidden;}
	.top_sns_btn ul li {width:34px; height:40px; margin-left:0;}
	.top_sns_btn ul li a {display:block; height:42px;}
	.top_sns_btn ul li a span {position:absolute; top:-10000em; left:-10000em; }
	.top_sns_btn ul li.t_sns_f {background:url('/images/template/00002/common/top_sns_tm_f.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_t {background:url('/images/template/00002/common/top_sns_tm_t.png') no-repeat 50%;}
	.top_sns_btn ul li.t_sns_b {background:url('/images/template/00002/common/top_sns_tm_b.png') no-repeat 50%;}

	/* 메뉴 */
	#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2000; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
	#slide_map .box {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
	#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#005aab; color:#fff; box-sizing:border-box;}
	#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
	#slide_map .box ul {width:auto; height:auto; margin:0 3%; padding:60px 0 0 0;}
	#slide_map .box ul li {position:relative; }
	#slide_map .box ul li a {display:block; position:relative; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; }
	#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
	#slide_map .box ul li a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:11px; height:7px; background:url(/images/template/00002/common/mob_depth1_bul_down.gif) no-repeat center 50%; margin-top:-3px;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #005aab; color:#005aab;}
	#slide_map .box ul li a.ov:after {background:url(/images/template/00002/common/mob_depth1_bul_up.gif) no-repeat center 50%;}
	#slide_map .box ul li a[target='_blank']:before{position: absolute; width:14px; height:14px; right:0; top:20px; content:''; background:url('/images/template/00002/common/icon_nav_blank.png') no-repeat; }
	#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444;}
	#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
  
	#slide_map .box ul li ul li a[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/template/00002/common/icon_nav_blank.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px;}
	#slide_map .box ul li ul li a strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#b8b8b8; border-radius:3px;}
	#slide_map .box ul li ul li a.ov {background:#063e6e; color:#fff;} 
	#slide_map .box ul li ul li a.ov strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#fff; border-radius:3px;}
	#slide_map .box ul li ul li a:after {display:none;}
	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#063e6e; text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/template/00002/common/btn_close_wh.png) no-repeat center 50%; -webkit-transition:all .8s ease; transition:all .8s ease;}
	#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
	#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}
	
	.sub #header {position:relative;}

     /* 190920 추가  */
	.btn_top{display:block;}
	.btn_Btm{display:block;}
	
	/* footer */
	.area_footer{background-image:none; padding:0;}
	.box_footer .footer_link{width:100%; height:auto; padding:10px 20px; overflow: auto; background:#fff; border-bottom:1px solid #ddd; line-height:30px;}
	.box_footer .box_info{padding:10px 20px 30px; font-size:13px;}
	.box_footer .enter_info{right:20px; top:auto; bottom:15px;}
	.box_footer .f_logo{top:auto; bottom:20px; left:20px;}
	
	
	/* 사이트링크 */
	.ftBtn{right:20px; top:10px; border:1px solid #ddd;}
	.ftBtn button{background:#fff; line-height:40px; font-size:13px;}
	.ftBtn .ft_site{bottom:40px;}
	
	/************************************** 서브콘텐츠 : 시작 **************************************/	
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	/* content */
	#sub_container_wrap,
	.sub_content_wrap {width:100%}	
	#sub_container_wrap { padding-top:0}

	#sub_content{margin:0; width:100%; min-height:0; padding:0 10px 20px}

	/* sub 타이틀 */	
	#sub_content .title_area {height:auto; padding-bottom:15px;}
	.title_area .pageTitle {padding:15px 70px 0 0;}

	/* etc : sns*/ 
	.snsBox {top:20px}
	.snsBox .btnPrint {width:30px; height:30px; background-size:30px;}
	.snsBox .btnShare{width:30px; height:30px; background-size:30px;}
	
	.snsBox_se {top: 20px;}
	.snsBox_se .btnPrint {width:30px; height:30px; background-size:30px;}
	.snsBox_se .btnShare{width:30px; height:30px; background-size:30px;}
	
	.subCntBody{width:100%; float:none; padding:25px 0}
	
	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 수정 190911 */
	#menu {position:static; width:auto; float:none;}

	#menu h2 {position:relative; width:100%; height:50px; line-height:26px; box-sizing:border-box; padding:12px 0 12px 20px; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:url("/images/template/00_common/con_com/bgLnbDepth.png") no-repeat 95% 50% #434e5f;} /* 수정 190911 */
	#menu h2.on {background:url("/images/template/00_common/con_com/bgLnbDepthOn.png") no-repeat 95% 50% #434e5f;}/* 수정 190911 */
	
  #menu nav{display:none}
  #menu nav{position:relative;border-bottom:2px solid #0a326c}

	#menu .lnb > li {margin:0;}
  #menu .lnb > li > a {padding:10px 10px 10px 20px; font-size:15px; border-top:none;}
  #menu .lnb > li.on >a,
	#menu .lnb > li > a:hover,
	#menu .lnb > li > a:focus,
	#menu .lnb > li > a:active {border:1px solid #194d96; border-top:none; background-color:#245ba9; color:#fff}
  #menu .subLnb{background-color:#fff}
	/************************************** 서브콘텐츠 : 끝 **************************************/	
		

}

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

	/* footer */
	.box_footer .footer_link{line-height:30px;}
	.box_footer .footer_link li a{padding-left:0px; border:0;}
	
	 /* 190920 추가  */
	.btn_top{display:block;}
	.btn_Btm{display:block;}
}

@media screen and (max-width:820px) {
	/*Quick Menu 220513*/
	.quick_mn ul li{width:100%; float: none; display:none;  } /*220914*/
}

@media screen and (max-width:690px) {	
	
	/** Header **/
	#header {top:20%;}		
	
	 /* 190920 추가  */
	.btn_top{display:block;}
	.btn_Btm{display:block;}
	
	/* 상단팝업 추가 190926 */
	.top_slider .slick-slide a img{height:70px;}
	.top_slider .slick-prev, .top_slider .slick-next{width:30px; height:30px; margin-top:-15px; background-size:auto 60%;}
	.toppopup_wrap{padding:20px 0 50px;}
	.toppopup_wrap .closeCheck{bottom:-35px;}
}


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

	#header h1.logo{margin-left:-57px;}
	#header h1.logo a.icon{width: 46px;overflow: hidden;background-size: auto;}
	#header h1.logo a span {position:absolute;  top:0;line-height:1;font-size:1px; left:-10000px; text-indent:-30000px;}
	
	 /* 190920 추가  */
	.btn_top{display:block;}
	.btn_Btm{display:block;}
	
	/* 왼쪽메뉴 추가 190911 */
	#menu h2 {padding-right:60px; text-align:left;}
	
	/*211220 팝업창 크기 조절*/
	.ui-dialog {width:80% !important;}
	.ui-dialog-content {height:auto !important;} 
	.ui-dialog img {max-width:100%;}
}
@media screen and (max-width:440px) {
	
	/* top_mn 190830 */
	#header .toputil .top_mn li {padding-left:20px;}
	#header .toputil .top_mn li:before {top:15px; left:10px; width:1px; height:10px; background:#72839c;}
	
	 /* 190920 추가  */
	.btn_top{display:block;}
	.btn_Btm{display:block;}
	
}

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

}