@charset "utf-8"; 

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

/* 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; overflow:hidden;}
.slick-list { overflow:hidden;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block;}
.slick-arrow{cursor: pointer;}/* 191204 추가 */
.slick-arrow.slick-hidden { display:none; list-style-type: none;} 
.slick-current { opacity:1; display:block;}

/* 레이아웃 및 헤더 */
#wrap {position:relative; min-width:1400px; font-family:'NotoR', '맑은 고딕';}
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after
{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:145px; z-index:1100; background:url('/images/common/E_layout/bg_header.gif') repeat-x top;} 
#header .headerWrap {position:relative; width:100%;}
#header .headerWrap::after{content:""; display:block; clear:both;}

/* 로고 */ 
#header h1.logoBox {position:absolute; left:50%; top:80px; margin-left:-700px; z-index:20;}
#header h1.logoBox a {display:block; height:36px; line-height:50px;}
#header h1.logoBox a span{display:block; float:left;}
#header h1.logoBox a .logo {width:140px; height:36px; overflow:hidden; text-indent:-99999%; background:url('/images/common/E_layout/logo.png') no-repeat;}
#header h1.logoBox a .name{ position:relative; line-height:33px; padding-left:8px; margin-left:4px; margin-top:2px; font-size:18px; color:#000; font-family: 'NotoB';}
#header h1.logoBox a .name::before{content:""; position:absolute; left:0; top:5px; width:1px; height:25px; background:#999;}

/* top util */
#header .toputil {position: relative; width:100%; height:55px; max-width:1400px; margin:0 auto; z-index:100;}
#header .toputil li {position:relative; float:left; padding-left:15px; margin-left:15px; background:url('/images/common/E_layout/toputil_dot.png') no-repeat left center;}
#header .toputil li a{display:block; font-size:13px; color:#222; }
#header .toputil li a:hover{text-decoration: underline;}
#header .toputil > ul > li:first-child{padding:0; margin:0;background:none;}
#header .toputil .topMenu {float:right; line-height:25px; margin:15px 0;}
#header .toputil .topMenu li a{display:block; } 
#header .toputil .topMenu li a.login{ padding-left:20px; background:url('/images/common/E_layout/ico_login.png') no-repeat left center;}

#header .toputil .topLink{float:left; line-height:25px; margin:15px 0;}
#header .toputil .topLink .Dept span{position:relative; width:15px; height:15px; float:right; margin:4px 0 4px 15px; border:1px solid #999; border-radius:3px; }
#header .toputil .topLink .Dept span::before{content:""; position: absolute; left:0px; height:0px; width:100%; height:100%; background:url('/images/common/E_layout/toputil_arr.png') no-repeat center;}
#header .toputil .topLink .Dept.open span::before{transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#header .toputil .topLink .linkDept{display:none; position: absolute; left:0px; top:40px; width:150px; background:#005596; box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);}
#header .toputil .topLink .linkDept li {width:100%; padding:0; margin:0;}
#header .toputil .topLink .linkDept li a{margin:0; padding:10px 10px; line-height:20px; color:#fff; background:none; }
#header .toputil .topLink .linkDept li a:hover{background:#001b31;}
#header .toputil .topLink .Dept span::before, #header .toputil .topLink .linkDept li a{transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 상단메뉴 */
#header .mob_btn {display:none;}
#header #nav {position:absolute; left:0; top:55px; width:100%; height:90px; overflow:hidden;}
#header #nav #blind {position:absolute; left:0; width:100%; height:100%; z-index:1;}
#header #nav #gnb {position:relative; max-width:1400px; margin:0 auto; z-index:10;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb .wrap{margin-left:300px;}
#header #nav #gnb .wrap > ul {position:relative; display:table; width:100%; height:auto;}
#header #nav #gnb .wrap > ul > li {position: relative; display:table-cell;}
#header #nav #gnb .wrap > ul > li > a {position:relative; display:block; text-align:center;}
#header #nav #gnb .wrap > ul > li > a span {position:relative; display:block; font-size:19px; height:90px; line-height:90px; color:#222; font-family:'NotoM';}
#header #nav #gnb .wrap > ul > li > a.ov span{background:#005298; color:#fff;}
/* menu over underline animation
#header #nav #gnb .wrap > ul > li > a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:3px; }
#header #nav #gnb .wrap > ul > li > a.ov span:after, 
#header #nav #gnb .wrap > ul > li a:hover span:after, 
#header #nav #gnb .wrap > ul > li > a:active span:after {width:50%; background:#0c263d; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);} */

#header #nav #gnb a, 
#header #nav #gnb span, 
#header #nav #gnb li:after, 
#header #nav #gnb li:before{transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease;}

/* 2차메뉴 */
#header #nav #gnb .wrap a{display:block;}
#header #nav #gnb .wrap > ul > li > ul > li:last-child {display:block;}
#header #nav #gnb .wrap > ul > li > ul > li {position: relative; width:100%; float:none; overflow:hidden;}
#header #nav #gnb .wrap > ul > li > ul > li > a {font-family:'NotoM'; font-size:14px; line-height:20px; height:auto; padding:10px 30px 10px 10px; color:#333; text-align:left;} 
#header #nav #gnb .wrap > ul > li > ul > li > a strong {font-weight:normal;}
#header #nav #gnb .wrap > ul > li > ul > li > a[target='_blank'] strong:after{content:url('/images/common/E_layout/icon_new_WG.png'); position: absolute; right:10px; top:10px; line-height:20px; }
#header #nav #gnb .wrap > ul > li > ul > li > a:hover,
#header #nav #gnb .wrap > ul > li > ul > li > a:active,
#header #nav #gnb .wrap > ul > li > ul > li.open > a {background:#039be5; color:#fff;}
#header #nav #gnb .wrap > ul > li > ul > li > a[target='_blank']:hover strong:after,
#header #nav #gnb .wrap > ul > li > ul > li > a[target='_blank']:active strong:after,
#header #nav #gnb .wrap > ul > li > ul > li.open > a[target='_blank'] strong:after {content:url('/images/common/E_layout/icon_nav_wh.png');}

/* 3차메뉴 */
#header #nav #gnb .wrap > ul > li > ul > li.dep.open:after{transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
#header #nav #gnb .wrap > ul > li > ul > li ul.group{display:none; position: relative; left:auto; top:auto; padding:10px; background:#113f64;}
#header #nav #gnb .wrap > ul > li > ul > li ul.group li{width:100%; float:left; margin:5px 0;}
#header #nav #gnb .wrap > ul > li > ul > li ul.group li a {position:relative; line-height:18px; padding-left:10px; font-size:14px; color:#d3f1ff;}
#header #nav #gnb .wrap > ul > li > ul > li ul.group li a::before{content:""; width:3px; height:3px; position: absolute; left:0; top:8px; background:#889fb2;}
#header #nav #gnb .wrap > ul > li > ul > li ul.group li a:hover {text-decoration: underline;}

/* oneDown */
#navShadow { display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul{margin:10px 0;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul {display:none; position: relative; top:-1px; background:rgba(0,0,0,0.7);}
#header #nav.oneDown #gnb > .wrap > ul > li > ul.ov{background:#fff;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.open{background:#dfe6ee;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.dep:before{content:""; position: absolute; width:11px; height:7px; right:10px; top:17px; background:url('/images/common/E_layout/nav_arr_gr.png') no-repeat center; z-index:2;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.dep:hover::before{background:url('/images/common/E_layout/nav_arr.png') no-repeat center;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.dep.open:before{background:url('/images/common/E_layout/nav_arr.png') no-repeat center; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li ul.group{background:#dfe6ee;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li ul.group li a{color:#333;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li ul.group li a:hover{color:#0063af;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li ul.group li a:hover::before{width:5px; height:5px; top:5px; background:url('/images/common/E_layout/navDep3_on_bl.png') no-repeat center;}

/* FullDown */
#header #nav.fullDown #blind {top:90px; background:rgba(0, 47, 86, 0.95);}
#header #nav.fullDown #gnb > .wrap > ul::before{content:""; position: absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3); z-index: 10;}
#header #nav.fullDown #gnb > .wrap > ul > li::before{content:""; position: absolute; left:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3); z-index:10;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li > a[target='_blank'] strong:after{content:url('/images/common/E_layout/icon_nav_wh.png'); position: absolute; right:10px; top:10px; line-height:20px; }
#header #nav.fullDown #gnb > .wrap > ul > li > ul.ov{background:#001b31;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul{padding:10px 0;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li a{color:#fff;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li.dep:before{content:""; position: absolute; width:11px; height:7px; right:15px; top:17px; background:url('/images/common/E_layout/nav_arr.png') no-repeat center; z-index:2;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li.dep.open:before{transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li ul.group li a{color:#d3f1ff;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li ul.group li a:hover{color:#fff;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li ul.group li a:hover::before{width:5px; height:5px; top:5px; background:url('/images/common/E_layout/navDep3_on.png') no-repeat center;}

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

/* footer */
.area_footer {position:relative;  width:100%; float:left; font-family:'NotoR'; background:#fff; border-top:1px solid #ddd;}
.box_footer {position:relative; width:100%; max-width:1400px; line-height:20px; padding:0 0 50px; margin:0 auto; }
.box_footer .footer_link{padding:15px 0; overflow:hidden; border-bottom:1px solid #aaa;}
.box_footer .footer_link li{float:left;}
.box_footer .footer_link li a{position:relative; display:block; color:#444; line-height:19px; font-size:14px; font-family: 'NotoM'; padding-right:20px; margin-right:20px;}
.box_footer .footer_link li a::before{content:""; position: absolute; right:0; top:3px; width:1px; height:14px; background:#666;}
.box_footer .footer_link li a:hover{text-decoration: underline;}
.box_footer .footer_link li:last-child a{padding-right:0; margin-right:0;}
.box_footer .footer_link li:last-child a::before{display:none;}
.box_footer .footer_link li.point a{color:#114c9a;}

.box_footer .box_info{position: relative; margin:20px 0 0; color:#222; overflow:hidden;}
.box_footer address span{position:relative; display:inline-block; line-height:20px; margin-right:10px; padding-right:10px;}
.box_footer address span::before{content:""; position: absolute; right:0; top:5px; width:1px; height:10px; background:#777;}
.box_footer address span:last-child::before{display:none;}

/* 사이트링크 */
.footBtnWrap {position:absolute; top:0px; right:0;}
.footBtnWrap:after {content:""; display:block; clear:both; overflow:hidden;}
.footBtn {position:relative; width:300px; float:left; z-index:999;}
.footBtn button {position:relative; width:100%; height:50px; text-align:left; color:#fff; background:#065596; cursor:pointer; }
.footBtn button span{padding:0 20px; display:block; line-height:20px;}
.footBtn button:hover, .footBtn button:focus{background:#0b3c64;}
.footBtn button:before{content:""; position:absolute; right:15px; top:50%; width:19px; height:10px; margin-top:-5px; background:url('/images/common/E_layout/ftBtn_arr.png');}
.footBtn.on button:before{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.footBtn div { display:none; position:absolute; bottom:50px; left:-1px; width:100%; max-height:223px;overflow-y:auto; text-align:left; background:rgba(0,0,0,0.8); z-index:10000; }
.footBtn div > ul {padding:10px;}
.footBtn ul li a {position:relative; display:block; line-height:16px; padding:5px 5px 5px 10px; color:#eee; overflow:hidden;}
.footBtn ul li a::before{content:""; position: absolute; left:0; top:10px; width:3px; height:3px; background:#ccc; border-radius:3px;}
.footBtn ul li a:hover {color:#fff; text-decoration:underline; }
.footBtn button, .footBtn button::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }

/* 상단이동 */
.btn_top { position:fixed; width:55px; height:55px; background:rgba(0,0,0,0.5)  url('/images/common/E_layout/btn_topmove.png') no-repeat center; right:20px; bottom:20px; z-index:2000; font-size:0;}
.btn_top a {display:block; width:100%; height:100%;}
.btn_top:hover {background-color:rgba(0,0,0,0.7);}


/************************************** 서브콘텐츠 :시작 **************************************/
/* content */
#sub_container_wrap {position:relative; width:100%; float:left; margin-top:145px;  border-top:1px solid #ccc;}
#sub_container_wrap:before {content:""; display:block; clear:both;}

.sub_content_wrap {position:relative; width:1400px; margin:0 auto; overflow:hidden; min-height:700px}
#sub_content {width:1100px; float:right;}
.subCntBody {position:relative; padding:40px 0; color:#333; font-size:15px; line-height:1.4;} /* 191211 */ 
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:260px; height:100%; font-family:'NotoR';}
#menu h2 {padding:70px 0 20px; letter-spacing: -1px; font-family:'NotoM'; color:#111; font-size:28px; background:url('/images/common/E_layout/bg_subtit.png') no-repeat right bottom; }
#menu h2::before{content:""; position: absolute; left:0; top:50px; width:30px; height:4px; background:#005298;}
#menu h2 span{display:block; height:70px; line-height:35px; overflow:hidden;}
#menu .lnb{border-top:2px solid #005aab;}
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li > a {display:block; position:relative; padding:12px 40px 12px 10px; font-size:16px; line-height:25px; font-family:'NotoM'; color:#333;  background:#fff; border-bottom:1px solid #ddd;}  
#menu .lnb > li.on > a{color:#005298; background:#eef7ff; font-family:'NotoM'; text-decoration:none;}
#menu .lnb > li.dep01 > a::before{ content:""; position: absolute; right:10px; top:20px; width: 0px; height:0px; border-top:12px solid transparent; border-right: 12px solid #ccc;}
#menu .lnb > li.dep01.on > a::before, #menu .lnb > li.dep01.open > a::before{border-right-color:#005298 !important;} 
#menu .lnb > li.dep01.open > a::before,
#menu .lnb > li.dep01.on > a::before,
#menu .lnb > li > a:hover::before, 
#menu .lnb > li > a:focus::before, 
#menu .lnb > li > a:active::before {top:15px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-right-color:#666;}
#menu .lnb > li > a:hover{color:#005298; background:#eef7ff;}
#menu .subLnb {display:none; padding:0 10px; border-bottom:1px solid #ddd; background:#f2f2f2; }
#menu .subLnb li a {position:relative; display:block; color:#333; padding:10px 5px; border-top:1px solid #ddd; line-height:22px; font-family:'NotoR';}
#menu .subLnb li:first-child a{border-top:0;} 
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active{color:#005298; font-family: 'NotoM';}
#menu .subLnb li.on a {width:100%; padding:10px; color:#fff; font-family:'NotoM'; background:#0080f3 url('/images/common/E_layout/lnb_onBg.png') no-repeat right bottom; background-size:contain; text-decoration:underline;}
#menu .lnb a, #menu ::before, #menu ::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 새창 아이콘 */
#menu nav > .lnb > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/common/E_layout/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/common/E_layout/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/common/E_layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* sub 타이틀 */
#sub_content .title_area {position:relative;}
.title_area .pageTitle { margin:40px 0 30px; padding-right:100px; word-break: keep-all; font-family:'NotoM'; line-height:35px; font-size:30px; letter-spacing:-2px; color:#000; }
.title_area .location {text-align:left; font-family:'NotoR'; line-height:40px; border-top:1px solid #eee; border-bottom:1px solid #ddd;}
.title_area .location span, 
.title_area .location strong {padding-left:18px; font-size:13px; color:#666; background:url('/images/common/E_layout/bgLocation.png') no-repeat 6px 5px;}
.title_area .location strong {color:#000; font-size:14px; font-family:'NotoM'; font-weight:normal;}
.title_area .location a.home {display:inline-block; width:20px; height:20px; text-indent:-99999em; vertical-align:middle; background:url('/images/common/E_layout/ico_home.png') no-repeat left center;}

/* sns */ 
.snsBox { position:absolute; top:0px; right:0; text-align:right;}
.snsBox button { position:relative; float:left; display:block; width:35px; height:100%; margin:0 4px; text-indent: -9999%; overflow:hidden; background:url("/images/common/E_layout/btnSns.png") no-repeat; cursor: pointer;}
.snsBox > button:hover, .snsBox > button:focus{background-color:#1876c2;}
.snsBox .btnPrint {width:35px; height:35px; overflow:hidden; background:#777 url("/images/common/E_layout/btn_print.png") no-repeat center; border-radius:30px;}
.snsBox .btnShare {width:35px; height:35px; background:#777 url("/images/common/E_layout/btn_sns.png") no-repeat center; border-radius:30px; z-index:1;}
.snsBox .btn_F { background-position:0 0 ;}
.snsBox .btn_T { background-position:-40px 0 ;}
.snsBox .btn_Y { background-position:-80px 0 ;}
.snsBox .btn_B { background-position:-120px 0 ;}
.snsBox .btn_K { background-position:-160px 0 ;}
.snsBox .btn_In { background-position:-200px 0 ;}
.snsBox .btn_Ks { background-position:-240px 0 ;}
.snsBox .sns_more {opacity:0; position: absolute; width:200px; height:35px; right:47px; top:-3px; padding:2px 10px; font-size:0; line-height:0; border:1px solid #1876c2; z-index:30; background:#fff; border-radius:30px; z-index:0; box-shadow:1px 1px 4px rgba(0,0,0,0.3); transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; overflow:hidden;}
.snsBox .sns_more.open{width:250px; opacity:1; z-index:2;}
.snsBox .sns_more button{float:left; margin:0;}
/************************************** 서브콘텐츠 :끝 **************************************/

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

	/* 레이아웃 */
	#wrap{min-width:320px;}

	/* 로고 */ 
	#header h1.logoBox{left:2%; margin-left:0;}

	/* top util */
	#header .toputil {width:96%;}

	/* header */
	#header #nav #gnb .wrap > ul > li > a span{font-size:18px;}
	#header #nav #gnb .wrap > ul > li > ul > li a{font-size:14px;}
	#header #nav #gnb .wrap > ul > li > ul > li ul.group li a{font-size:13px;}

	/* footer */
	.box_footer {width:95%;}

	/************************************** 서브콘텐츠 :시작 **************************************/
	.sub_content_wrap {width:95%;}
	#sub_content {width:78%; }

	/* 왼쪽메뉴 */
	#menu {width:20%;}

}


@media screen and (max-width:1300px) {	
	
	/************************************** 서브콘텐츠 :시작 **************************************/	
	#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{width:100%;}/* 191211 */
	.sub_content_wrap {width:100%; padding-top:50px;}/* 191211 */
	/*.sub_content_wrap {padding-top:50px; margin:0 auto 30px;} 191211 삭제 */
	#sub_content {width:100%; min-height:0; padding:20px 30px 0;}

	/* 검색, sns 191211 삭제
	#sub_container_wrap .sear_sns_box {right:auto; left:2.5%; top:185px; width:95%; margin:0 auto;} 
	#sub_container_wrap .sear_sns_box .sear_sns {width:100%;}*/

	/* sub 타이틀 */
	.title_area .pageTitle {font-size:28px; margin:10px 0 20px;}
	.title_area .location{line-height:20px; padding:10px 0;}

	.subCntBody {width:100%; float:none; padding:25px 10px 30px;}/* 191211 */
	
	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:absolute; left:0; top:0; width:100%; height:auto; z-index:10;} 

	#menu h2 {position:relative; width:100%; height:50px; line-height:30px; box-sizing:border-box; padding:10px 50px 10px 20px; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:#0863b1;}
	#menu h2::after{content:""; position: absolute; right:20px; top:18px; width:15px; height:15px; background:url('/images/common/E_layout/mob_arr.png') no-repeat center;}
	#menu h2.on::after{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	#menu h2::before{display:none;}
	
    #menu nav {display:none}
    #menu nav {position:relative; border-bottom:2px solid #0a326c}

	#menu .lnb > li {margin:0;}
	#menu .lnb > li > a {padding:10px 40px 10px 20px; font-size:15px; border-top:none;}
	#menu .lnb > li.dep01 > a::before{right:20px;}
	#menu .subLnb{padding:0 20px;}
	#menu .subLnb li.on a{width:auto; padding:10px;}
	/************************************** 서브콘텐츠 :끝 **************************************/	
}

@media screen and (max-width:1200px) {
	#wrap, #header, .headerWrap,
	#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:300px; width:100%}	
	.headerWrap {width:100%;}
	
	/** Header **/
	#header {min-width:320px; height:119px; position:relative; top:auto; left:auto; background-image:none; border-bottom:1px solid #ccc;} 	
	#header .headerWrap {min-width:100%; height:77px;}	
	#header .gnb {display:none;}

	/* 200414 */
	/*#header .toputil{display:none;}*/
	#header .toputil{height:40px; padding:0 2%; border-bottom:1px solid #ddd;}
	#header .toputil .topLink,
	#header .toputil .topMenu{line-height:40px; margin:0;}
	/*
	#header .toputil{height:40px; right:auto; background:#f1f1f1; border-bottom:1px solid #ccc;}
	#header .toputil .topMenu{top:0; margin-right:2.5%;}
	#header .toputil .topMenu li:first-child{display:none;}
	#header .toputil .topMenu li a{line-height:40px;}
	#header .toputil .topMenu > li:before{display:none;}*/
	
	/* 로고 */ 
	#header h1.logoBox{top:60px; left:2.5%;}/* 200414 */

	/* 상단 메뉴 / 모바일 버튼 */
	#header #nav {display:none;}
	#header .mob_btn {display:block; position:absolute; right:2.5%; top:55px; width:20px; height:27px; line-height:0; text-indent:-9999%; overflow:hidden; padding:7px 14px 14px; background:#005298; border-radius:3px;}/* 200414 */	
	#header .mob_btn:hover {background:#05345e;}
	#header .mob_btn:hover span {background:#fff;}
	#header .mob_btn span {display:block; width:100%; margin:7px 0 0; height:2px; background:#fff;}
	#header .mob_btn {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

	/* 모바일 메뉴 */
	#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:rgba(0,0,0,0.9);; z-index:10;}
	#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 2.5%; min-height:28px; background:#005298; color:#fff; box-sizing:border-box;}
	#slide_map .box .binds {height:100%; overflow:hidden;}
	#slide_map .box ul {width:auto; height:auto; padding:60px 20px 30px; background:#fff;}
	#slide_map .box ul li {position:relative; width:100% !important;}
	#slide_map .box ul li a {position:relative; display:block; padding:15px 0; border-bottom:1px solid #d3d3d3; color:#000; font-size:18px; line-height:22px; font-family:'NotoB'; text-decoration:none; }
	#slide_map .box ul li h2 {display:none;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #053863; color:#053863;}
	
	#slide_map .box ul li ul {display:none; margin:0; padding:0; border-bottom:1px solid #d3d3d3; background:#f5f5f5;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444; font-family:'NotoM';}
	#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 {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:10px 10px 10px 25px; } 
	#slide_map .box ul li ul li a:before {content:''; position:absolute; top:17px; left:15px; width:4px; height:4px; background:#b8b8b8; border-radius:2px;}
	#slide_map .box ul li ul li a.ov:before {background-color:#053863;} 
	#slide_map .box ul li ul li a:after {display:none;}
	
	/* 3차메뉴가 있을 시, + 모양 */
	#slide_map .box ul li ul li.dep > a{background:url("/images/common/E_layout/mob_dep_off.png") no-repeat 98% 50%;}
	#slide_map .box ul li ul li.dep > a.ov{color:#053863; background:url("/images/common/E_layout/mob_dep_on.png") no-repeat 98% 50%;}  

	#slide_map .box ul li ul li ul {padding:10px 15px; margin:0 10px 10px; border:1px solid #d3d3d3; background:#fff;}
	#slide_map .box ul li ul li ul li a {display:block; font-weight:normal; font-size:14px; line-height:20px; padding:5px 10px 5px 10px; font-family:'NotoR'; background:none;}
	#slide_map .box ul li ul li ul li a:before {content:''; position:absolute; top:15px; left:0; width:4px; height:2px; background:#b8b8b8; border-radius:2px;}
	#slide_map .box ul li ul li ul li a:after {display:none;}
	#slide_map .box ul li ul li ul li a:hover{color:#005298;}
	#slide_map .box ul li ul li ul li a:hover::before{top:13px; width:5px; height:5px;background:url('/images/common/E_layout/navDep3_on_bl.png');}
	#slide_map .box ul li a[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/common/E_layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:rgba(0,0,0,0.5); text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/common/E_layout/btn_close.png') no-repeat center 50%; -webkit-transition:all .5s ease; transition:all .5s 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);}
		
	.btn_top {display:none !important;}

	/* footer */
	.area_footer{background-image:none;}
	.box_footer .footer_link{border-bottom:1px solid #555;}
	.box_footer .box_info {padding-left:0; margin:20px 0 0; font-size:13px;}
	.box_footer .box_info .ft_logo{position: relative; left:auto; top:auto; margin:0 0 10px;}

	/* 서브 */
	#sub_container_wrap{margin:0;}  

}

@media screen and (max-width:860px) {	
	
	/* 사이트링크 */
	.footBtnWrap{position: relative; left:auto; top:auto; margin:20px 0 0;}	

	/* 서브 */
	#sub_content {padding:15px 15px 0;}/* 191211 */
	.title_area .pageTitle{font-size:25px; margin:15px 0 20px;}
	.title_area .location span, .title_area .location strong{display:inline-block;}
}


@media screen and (max-width:560px) {	
	
	/* 로고 */ 
	#header h1.logoBox a .logo {width:40px;}
	#header h1.logoBox a .name{padding-left:0;}
	#header h1.logoBox a .name::before{display:none;}

	/* footer */
	.box_footer .footer_link li a{font-size:13px;}

	/* sub 타이틀  */
	.title_area .pageTitle{font-size:22px; line-height:1.3; word-break: break-all;}
	.title_area .location a.home {display:none;}
	.title_area .location span.f_nav {padding-left:0; background:none;}

		
}

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

	/* footer */
	.box_footer address span{display:block; line-height:16px; margin:0; padding:3px 0;}
	.box_footer address span::before{display:none;}
		
}

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

	/* 200414 */
	#header .toputil li a{font-size:12px;}	
	
	/* 사이트링크 */
	.footBtn{width:100%;}

	/* 서브 */
	.snsBox .sns_more{right:0; top:40px;}
}