@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2022.07.14 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2022.07.14
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* base.css )) Overwrite. 20200117 ◆◆◆ */
body{
	background:#fff;
	color:#444; /* ☆#555 */
	font-weight:500;
	font-size:1em; /* (((16px */
	line-height:1.75; /* ☆ */
	letter-spacing:-.05em; /* (-.5px/16px) */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'S-CoreDream',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {letter-spacing:-.05em}

/* ◇◆ 공용 ◇◆ */
/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */
html,
body,
#container, #wrap, #body {min-height:100%;}
.container {position:relative;
	min-width:280px; /* ☆ */
	margin:auto; /* ☆ */
	max-width:1600px;
}
#container {position:relative;overflow-x:hidden;}
	#head {clear:both;width:100%;position:relative;}
		#head_s1 {border-bottom:1px solid #ececec;}
		#head_s2 {position:relative;border-bottom:1px solid #ececec}
		#head_s2>.container {}
		#head_s3 {border-bottom:1px solid #ddd}
	#wrap {
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
		z-index:2;
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body {position:relative;}
	#wing {display:block;z-index:10;position:relative;} /* ((( sub.css */
	#foot {clear:both;position:relative;	}

/* 레이어팝업 */
.layerpop1 img{max-width:100%;}
.d0 .layerpop1.on {opacity:1;visibility:visible;display:block;}
.layerpop1 {position:absolute;top:55px;left:1%;z-index:100;width:90%;opacity:0;visibility:hidden;display:none}
.layerpop1 .layerpop-in a {display:block;}
.layerpop1 .menu {position:relative;background:#000;color:#fff;font-size:14px;padding:5px 20px;}
.layerpop1 .menu .b1 {color:#fff;}
.layerpop1 .menu .b2 {position:absolute;top:50%;right:20px;border:0;background:#fff;color:#000;font-size:14px;height:24px;line-height:24px;margin:-12px 0 0;padding:0 10px;}
@media all and (min-width:400px){
	.layerpop1 {width:70%;}
}
@media all and (min-width:768px){
	.layerpop1 {width:auto;}
}

/* 배치.유틸 20191220 */
.width1expand1 {margin-left:-20px;margin-right:-20px;}
@media screen and (max-width:1619px){
	.container {max-width:1440px;}
}
@media screen and (max-width:1259px){
	#head_s1 {display:none}
	#head_s1:after {clear:both;content:"";display:block;}
	#head_s3 {border-bottom:0}
	#head_s3>.container {position:static;}
}
@media screen and (max-width:499px){
	#wrap {padding-top:10px;}
}

/* wing */
@media all and (min-width:1255px){
#wn1 .mycw {position:relative;display:block;width: 120px;height: 118px;background: url(../../img/inc/mycw_btn_2023.png) no-repeat center center;z-index:120;margin-right: 4px;opacity:0;transform:translateY(15%);transition:opacity .6s ease, transform .6s ease;}
#wn1 .b1.mycw {opacity:1;transform:translateX(0);transition-delay:1.1s}
#wn1{display: block;background:none;z-index: 100;position: absolute;right: -141px;padding: 26px 0 237px;width: 86px;border-radius: 10px;top: 350px;}
#wn1 .b1.mycw {position: absolute;top: 48px;right: 14px;margin-right:0;transition:none;z-index:11}
#wn1 .b1.mycw  {transition:none;}
#wn1 .close {position:absolute;top: 27px;right: 10px;width:20px;height:20px;background-color: #ffffff;}
#wn1 .close:before, #wn1 .close:after {position:absolute;top:calc(50% - 12px);left:calc(50% - 1px);content:"";display:block;width:2px;height:24px;background:#000;}
#wn1 .close:before {transform:rotate(-45deg)}
#wn1 .close:after {transform:rotate(45deg)}
}

/* 글로벌 */
#gn1 {position:relative;float:left;}
#gn1:after {content:"";display:block;clear:both;}
#gn1 li {float:left;margin-right:1px;}
#gn1 li a {display:block;color:#000;font-size:14px;padding:21px 20px 20px;line-height:1}
#gn1 li a:hover, #gn1 li a:focus {text-decoration:underline}
#gn1 li:first-child a {padding-left:0;}
#gn1 li.cwportal a {font-weight:700;color:#3b92b2}
#gn1 li.cwai a:after{content:"";display:inline-block;vertical-align:middle;width:22px;height:21px;background:url(../../img/inc/changwoni.gif) no-repeat;margin:-10px 0 0 4px}
#gn2 {position:relative;float:right;padding-right:160px;}/* my 창원 헤더에 품질진단 위반시 padding-right:0;*/
#gn2:after {clear:both;content:"";display:block;}
#gn2 li {float:left;margin-right:38px;}
#gn2 li a {display:block;font-size:14px;padding:17px 0 16px;color:#000;line-height:1}
#gn2 li a:hover, #gn2 li a:focus {text-decoration:underline}
#gn2 li:nth-child(-n+2) a:before {content:"";display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../img/inc/layout_sprite.png) no-repeat;margin:-4px 7px 0 0}
#gn2 li:nth-child(3) a img {width:32px; margin-top:-7px;}
#gn2 li.tour a:before {background-position:-232px 0}
#gn2 li.council a:before {background-position:-260px 0}
#gn2 li.mycw {position:absolute;top:0;right:0;width:160px;height:186px;background:url(../../img/inc/layout_sprite.png) no-repeat 0 0;margin-right:0;z-index:21}
#gn2 li.mycw a {text-align:center;color:#fff;line-height:1;padding:30px 0;height:100%;box-sizing:border-box}
#gn2 li.mycw a .t1 {display:block;font-size:13px;margin-bottom:9px;}
#gn2 li.mycw a .t2 {position:relative;display:inline-block;vertical-align:top;font-size:18px;font-weight:600;z-index:1}
#gn2 li.mycw a .t2:after {position:absolute;left:-8px;bottom:-7px;content:"";display:block;width:calc(100% + 16px);height:15px;background:rgba(30,25,107,.45);border-radius:8px;z-index:-1}
#gn3 {position:absolute;top:35px;right:205px;z-index:21}/* my 창원 헤더에 품질진단 위반시 right:50px;*/
#gn3:after {content:"";display:block;clear:both;}
#gn3>li {position:relative;float:left;text-align:center;margin-left:44px;}
#gn3>li>a {display:block;color:#000;font-size:14px;line-height:1}
#gn3>li>a:hover, #gn3>li>a:focus {text-decoration:underline}
#gn3>li>a:before {content:"";display:block;width:22px;height:24px;background:url(../../img/inc/layout_sprite.png) no-repeat;margin:auto auto 8px}
#gn3>li>a.ipin:before {background-position:-321px -88px}
#gn3>li>a.ipin.in:before {background-position:-297px -88px}
#gn3>li>a.ipin.in em.t1 {color:#fff;position:absolute;top:-1000px;left:-1000px;width:1px;height:1px;overflow:hidden;}
#gn3>li>a.lang:before {background-position:-208px 0}
#gn3>li>a.lang:after {content:"";display:inline-block;vertical-align:middle;width:12px;height:8px;margin-left:8px;margin-right:-8px;background:url(../../img/inc/layout_sprite.png) no-repeat -274px -28px}
#gn3>li>a.ipin .time {display:block;font-size:13px;padding-top:3px;color:#C41026}
#gn3>li>a.ipin .time:before, #gn3>li>a.ipin .time:after {display:inline-block;vertical-align:middle}
#gn3>li>a.ipin .time:before {content:"(";}
#gn3>li>a.ipin .time:after {content:")";}
#lang1 {display:none;position:absolute;top:28px;left:calc(50% - 55px);width:110px;background:#586578;border-radius:10px;padding:8px 16px 8px 0;box-sizing:border-box;}
#lang1 ul li a {display:inline-block;vertical-align:top;color:#fff;font-family:"Noto Sans KR", sans-serif;font-size:14px;font-weight:400;padding:6px 0}
#lang1 ul li a:hover, #lang1 ul li a:focus {text-decoration:underline;}
#lang1 .close {position:absolute;top:16px;right:19px;width:18px;height:18px;text-indent:-9999px;background:url(../../img/inc/layout_sprite.png) no-repeat -270px -38px;display:block !important;}
.gov_web p{display:block;position:absolute;right: 197px;top: 3px;color: #696969;font-size: 13px;background: url(../../img/inc/gov_logo.png) no-repeat center left;padding-left: 44px;}
@media screen and (max-width:1619px){
	#gn2 {padding-right:144px}
	#gn2 li {margin-right:34px}
	#gn2 li.mycw {width:144px;height:167px;background-size:484px auto;}
	#gn2 li a {padding:15px 0 14px;}
	#gn3 {top:32px;right:175px}
	#gn3>li {margin-left:40px}
	#lang1 {width:99px;padding:7px 14px 7px 0;left:calc(50% - 50px);}
	#lang1 ul li a {font-size:13px;padding:5px 0}
	#lang1 .close {top:12px;right:12px}
}
@media screen and (max-width:1259px){
	#head_s1>.container {padding:0 15px}
	#gn1 li a {font-size:13px;padding:12px 5px}
	#gn2 {padding-right:135px;}
	#gn2 li {margin-right:5px}
	#gn2 li:nth-child(-n+2) a:before, #gn3>li>a:before {display:none}
	#gn2 li a {padding:12px 5px;line-height:1;font-size:13px}
	#gn2 li.mycw {position:relative;top:auto;right:auto;width:auto;height:auto;background-image:none;}
	#gn2 li.mycw a {padding:12px 5px;}
	#gn2 li.mycw a .t1 {display:none}
	#gn2 li.mycw a .t2 {font-size:13px;color:#4767b4}
	#gn2 li.mycw a .t2:after {display:none;}
	#gn3 {}
	#gn3>li {position:static;float:none;margin-left:0}
	#gn3>li>a#btn-login, #gn3>li.language {display:none}
	#gn3>li>a.ipin .time:before, #gn3>li>a.ipin .time:after {display:none}
	#gn3>li>a.ipin.in {position:fixed;top:auto;bottom:0;left:0;width:100%;z-index:9999;background:#2b3c5b;color:#fff;padding:10px 0;display:flex;justify-content:center;flex-wrap:wrap-reverse;align-items:stretch;color:#fff}
	#gn3>li>a.ipin.in:hover, #gn3>li>a.ipin.in:focus, #gn3>li>a.ipin.in:active {text-decoration:none;}
	#gn3>li>a.ipin.in .b1 {order:2;background:#000;padding:4px 10px;border-radius:10px;margin-left:4px}
	#gn3>li>a.ipin .time {order:1;color:#f49da6;padding-top:4px;font-size:14px;}
	#gn3>li>a.ipin.in em.t1 {position:relative;top:auto;left:auto;width:auto;height:auto;overflow:visible;margin-right:4px}
	#gn3>li>a.ipin.in em.t1:before {content:"";display:inline-block;vertical-align:middle;width:10px;height:15px;background:url(../../img/inc/layout_sprite.png) no-repeat -299px -115px;margin:-4px 4px 0 0}
	#lang1 {width:auto;padding-left:20px;padding-right:36px;left:auto;top:0;right:-8px}
	#lang1 .close {right:7px;}
	.gov_web p{display:none;}
}
@media screen and (max-width:768px){
	#head_s1>.container {padding:0 10px}
	#gn1, 	#gn2 {float:none;}
	#gn1 {border-bottom:1px solid #f6f6f6}
	#gn1 li.cwportal a {padding-left:5px}
}
@media screen and (max-width:499px){
	#head_s1>.container {padding:0 5px}
	#gn2 {padding-right:130px}
	#gn3 {right:5px}
	#gn3>li>a {padding:12px 5px}
	#gn3>li>a.lang:after {margin-right:-5px}
}
@media screen and (max-width:399px){
	#gn1 li, #gn2 li {margin-right:0}
	#gn1 li a, #gn2 li a {padding-left:4px;padding-right:4px;letter-spacing:-.075em}
	#gn1 li:first-child a, #gn2 li:first-child a {padding-left:0}
	#gn2 li.mycw a .t2, #gn3>li>a {font-size:12px;letter-spacing:-.075em}
}
@media screen and (max-width:369px){
	#gn1 li a, #gn2 li a {font-size:12px;padding-left:2px;padding-right:2px;}
	#gn2 li a {padding-left:4px;padding-right:4px}
}

/* 로고 */
h1#logo {position:relative;font-size:1em;float:left;z-index:31;padding-top:27px;}
h1#logo a {display:inline-block;vertical-align:top;}
h1#logo img {height:65px;display:inline-block;vertical-align:top;}
@media screen and (max-width:1619px){
	h1#logo img {height:59px;}
}
@media screen and (max-width:1599px){
	h1#logo {position:absolute;top:28px;left:10px;padding-top:0}
}
@media screen and (max-width:1259px){
	h1#logo {position:relative;top:auto;left:auto;margin:15px 5px}
	h1#logo img {height:52px;}
}
@media screen and (max-width:999px){
	h1#logo {margin:15px;}
	h1#logo img {height:46px}
}
@media screen and (max-width:499px){
	h1#logo img {height:39px}
}
@media screen and (max-width:399px){
	h1#logo {margin:13px 15px}
	h1#logo img {height:35px}
}

#search1 {position:relative;float:left;width:500px;height:60px;margin:25px 0 28px 275px;border:2px solid #000;border-radius:10px;box-sizing:border-box;}
#search1 .toggle {display:none;}
#search1 .search {position:absolute;top:3px;right:-21px;width:49px;height:49px;background:#00a5c4 url(../../img/inc/layout_sprite.png) no-repeat -162px -28px;border:0;text-indent:-9999px;margin:0;border-radius:50%;}
#search1c * {float:left;}
#search1c form {width:100%;}
#search1c label {position:relative;font-size:15px;font-weight:600;line-height:1;color:#000;padding:21px 32px 20px}
#search1c label:after {position:absolute;top:calc(50% - 7.5px);right:0;content:"";display:block;width:1px;height:15px;background:#ccc;}
#search1c input.text {margin:0;width:355px;height:56px;line-height:56px;border:0;padding:0 0 0 31px;border-radius:0}
#search1c .close {position:absolute;top:-53px;right:55px;width:40px;height:40px;background:#00A5C4;border-radius:5px;text-indent:-9999px;display:none}
#search1c .close:before, #search1c .close:after {position:absolute;top:calc(50% - 10px);left:calc(50% - 1px);content:"";display:block;width:2px;height:20px;background:#fff}
#search1c .close:before {transform:rotate(-45deg)}
#search1c .close:after {transform:rotate(45deg)}
#search1c.on .close {display:block}
@media screen and (min-width:1260px){
	#search1c {display:block !important}
}
@media screen and (max-width:1619px){
	#search1 {width:450px;height:54px;margin:23px auto 25px 185px}
	#search1c label {font-size:14px;padding:19px 29px 18px}
	#search1c input.text {width:320px;height:50px;line-height:50px;padding-left:28px;font-size:15px}
	#search1 .search {width:44px;height:44px;background-size:484px auto;background-position:-146px -25px}
}
@media screen and (max-width:1599px){
	#search1 {margin:25px auto 28px;float:none;}
}
@media screen and (max-width:1259px){
	#search1 {position:static;width:auto;height:auto;border:0;margin:0}
	#search1 .toggle {position:absolute;top:18px;right:55px;display:block;width:40px;height:40px;background:#00A5C4 url(../../img/inc/layout_sprite.png) no-repeat -167px -32px;border:0;text-indent:-9999px;z-index:3;border-radius:5px;}
	#search1c {position:absolute;top:71px;right:0;width:100%;background:#00A5C4;display:none;box-sizing:border-box;z-index:22;padding:30px 20px;}
	#search1c label {color:#fff;padding:16px 29px 15px}
	#search1c input.text {width:calc(100% - 160px);height:44px;padding-left:20px;}
	#search1 .search {top:30px;right:20px;border:1px solid rgba(255,255,255,.4);background-position:-148px -26px}
}
@media screen and (max-width:768px){
	#search1c {top:67px;padding:20px}
	#search1 .search {top:20px}
	#search1c .close {top:-49px}
}
@media screen and (max-width:499px){
	#search1 .toggle {top:14px;right:48px}
	#search1c {top:63px;padding:15px 10px;}
	#search1c label {display:none}
	#search1c input.text {width:calc(100% - 45px);}
	#search1 .search {top:15px;right:10px;}
	#search1c .close {right:48px}
}
@media screen and (max-width:399px){
	#search1 .toggle {top:11px;}
	#search1c {top:57px;}
	#search1c .close {top:-46px}
}

.tban1 {display:none;position:absolute;top:17px;left:50px;z-index:21;overflow:hidden}
.tban1 li {position:relative;float:left;}
.tban1 li.covid19 a {display:block;width:160px;height:46px;border:2px solid #000;border-radius:25px;box-sizing:border-box;text-align:center;line-height:1;padding:13px 0;font-size:17px;color:#ba2129;}
.tban1 li.covid19 a:before {content:"";display:inline-block;vertical-align:middle;width:20px;height:25px;background:url(../../img/inc/layout_sprite.png) no-repeat -162px 0;margin:-6px 14px 0 0}

.tban1 li.htlove a {display:block;width:210px;height:46px;margin-left:10px;border:2px solid #000;border-radius:25px;box-sizing:border-box;text-align:center;line-height:1;padding:13px 0;font-size:17px;color:#333;}
.tban1 li.htlove a:before {content:"";display:inline-block;vertical-align:middle;width:25px;height:22px;background:url(../../img/inc/layout_sprite.png) no-repeat -162px -136px;margin:-3px 6px 0 0}

@media screen and (max-width:1619px){
	.tban1 {top:15px;left:45px}
	.tban1 li.covid19 a {font-size:15px;width:144px;height:42px;padding:12px 0}
	.tban1 li.covid19 a:before {width:18px;height:23px;background-size:484px auto;background-position:-146px 0;margin:-5px 13px 0 0}

	.tban1 li.htlove a {font-size:15px;width:174px;height:42px;padding:12px 0}
	.tban1 li.htlove a:before {width:23px;height:20px;background-size:484px auto;background-position:-146px -123px;margin:-2px 5px 0 0}
}
@media screen and (max-width:1399px){
	.tban1 {left:5px}
}
@media screen and (max-width:1259px){
	.tban1 {display:none;}
}


#head_s3 .sitemap {display:none;position:absolute;top:26px;right:0;width:32px;height:32px;z-index:30;text-indent:-9999px}
#head_s3 .sitemap:before, #head_s3 .sitemap:after, #head_s3 .sitemap span:before {position:absolute;left:0;content:"";display:block;width:100%;height:3px;background:#222;}
#head_s3 .sitemap:before {top:7px;}
#head_s3 .sitemap span:before {top:15px;width:22px;}
#head_s3 .sitemap:after {bottom:6px;}
@media screen and (min-width:1260px){
	.tban1, #head_s3 .sitemap {display:block;}
}
@media screen and (max-width:1599px){
	#head_s3 .sitemap {right:10px;}
}

/* #tnb1 ))) desktop 화면 */
@media all and (min-width:1260px){
	#tnb1 .gn {display:none}
	/* 주메뉴 20190628. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 분리
	 * 1차 inline배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
	 */
	#tnb1{
		/* z-index:20; ☆쌓임맥락만들지마요! */
		/* float:left; */
		position:relative;
		width:auto;
		height:80px;
		line-height:1.375;
	}
	/* 데스크탑 감춤 */
	#tnb1 .b1.toggle,
	#tnb1c .b2,
	#tnb1logo,
	#tnb1head_s1,
	#tnb1head_s2,
	#tnb1c>div.cont>.bg,
	#tnb1c>div.cont:before{display:none;}
	#tnb1c{
		display:block !important; /* ☆ */
		z-index:20; /* ( z < #gn3 ) */
		position:relative; /* ☆ */
		width:100%;
		height:100%;
		/* background:#fff; */
		transition:all .35s ease !important;
	}
	#tnb1c>.bg{/* display:none; */
		z-index:0; /* ( z 최소값 ) */
		position:absolute;
		left:-200%;
		right:-200%;
		top:0;height:100%;
		background:#fff;
		transition:all .35s ease;
		/* transition:height .25s ease; */
		/* background:#0054a6; */
	}
	#tnb1c.over {}
	#head.is-over #tnb1c.over>.bg {border-bottom:1px solid #cbcbcb;height:100%;box-shadow:0 16px 16px rgba(0,0,0,.15)}
	#head.is-over #tnb1c.over>.bg:before {position:absolute;top:80px;left:0;content:"";display:block;width:100%;height:1px;background:#ddd;z-index:30}
	#tnb1c>div.cont{
		float:none;
		position:relative;
		right:auto;
		max-width: 1600px; /* ☆ */
		min-height:100%;
		margin: auto;
		box-shadow:none;
		text-align:right;
	}
	#tnb1c.on>div.cont{right:auto;
		box-sizing:border-box; /* ☆ */
	}

	/* depth1~depth4 */
	/* depth1 */
	#tnb1 div.d1{
		position:static;
		width:auto;
		min-height:100%;
		padding:0 65px 0 0; /* ☆ */
		background:transparent;
		overflow:visible;
		box-sizing:border-box;
		display:inline-block;
	}
	#tnb1 div.d1>ul{
		width:100%;
		min-height:0; /* >=1차메뉴전체높이 */
	}
	#tnb1 div.d1>ul>li{
		display: inline-block;
		/* float:left; */
		position:static; /* ☆ */
		margin:0 -2px;
	}
	/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
	/* #tnb1 div.d1>ul>li.m6 ~ li{display:none;} */

	#tnb1 div.d1>ul>li>a{
		display:block;
		position:relative;
		height:24px;
		padding:30px 22px 26px;
		color: #000;
		font-size:0;
		font-weight:500;
		text-align:center;
	}
	#tnb1 div.d1>ul>li>a:before{}
	#tnb1 div.d1>ul>li:first-child>a:before{
		display:none;
	}
	#tnb1 div.d1>ul>li>a>.ic1{display:inline-block;
		width:0;
		height:100%;
		vertical-align:middle;
	}
	#tnb1 div.d1>ul>li>a>.t1{position:relative;display:inline-block;
		font-size:20px;
		line-height:24px;
		vertical-align:middle;
	}
	#tnb1 div.d1>ul>li.on>a>.t1:after {position:absolute;bottom:-3px;left:-3px;content:"";display:block;width:calc(100% + 6px);height:2px;background:#cd4747}

	#tnb1 div.d1>ul>li.hasSub>a{}
	#tnb1 div.d1>ul>li.on>a, #tnb1 div.d1>ul>li.over>a, #tnb1 div.d1>ul>li.on.over>a {color:#c00c0c}

	/* ★ 주메뉴 전체 오버(포커스) */
	#tnb1 div.d1.over{}
	#tnb1 div.d1.over>.bg{}

	/* ★ 1차 메뉴별 오버(포커스) */
	/* .over 우선순위는 body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{} 보다 높아야한다. */
	#tnb1 div.d1>ul>li.over[class][class]>a {}
	#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before {}

	/* depth2~3 (활성 동작만 먼저 정의) */
	#tnb1 li>div[class^='d']{
		display:block;visibility:hidden;
		height:0;
		opacity:0;
		overflow:hidden;
	}
	#tnb1 li>div[class^='d']:after{content:'';display:table;clear:both;}
	#tnb1 li.on>div[class^='d']{}
	#tnb1 li>div.d3, /* ☆3차다보임추가 */
	#tnb1 li.on>div.d3,
	#tnb1 li.over>div[class^='d']{
		visibility:visible;
		height:auto;
		opacity:1;
		transition:all .35s ease .05s;
	}

	/* depth2 */
	#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
		z-index:20;
		position:absolute;left:50%;top:80px;
		width:1600px;
		height:0;
		margin:0 -800px;
		padding:0;transition:all .35s ease;
	}
	#tnb1 li>div.d2:after {position:absolute;top:1px;left:-50%;right:-50%;content:"";display:block;width:200%;height:calc(100% - 1px);background:#fff;}
	#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
		height:0;
		margin:0 -360px;
	}
	/* 데스크탑 only 좌 1차제목.. */
	#tnb1 div.d2>.hg1 {position:absolute;top:0;left:0;display:block;text-align:left;padding:60px 0 0;margin:0;width:260px;height:100%;box-sizing:border-box;z-index:1;}
	#tnb1 div.d2>.hg1:after {position:absolute;top:1px;right:0;content:"";display:block;width:200%;height:calc(100% - 1px);background:#fafafb url(../../img/inc/tnb1_hg1_bg.jpg) no-repeat right bottom;border-right:1px solid #ececec;box-sizing:border-box;z-index:-1}
	/* 1차메뉴별 개별이미지 */
	#tnb1 div.d1>ul>li.m1>div.d2>.hg1:after {background-image:url(../../img/inc/tnb1_hg1_bg.jpg);}
	#tnb1 div.d1>ul>li.m2>div.d2>.hg1:after {background-image:url(../../img/inc/tnb1_hg1_bg2.jpg);}
	#tnb1 div.d1>ul>li.m3>div.d2>.hg1:after {background-image:url(../../img/inc/tnb1_hg1_bg3.jpg);}
	#tnb1 div.d1>ul>li.m4>div.d2>.hg1:after {background-image:url(../../img/inc/tnb1_hg1_bg4.jpg);}
	#tnb1 div.d1>ul>li.m5>div.d2>.hg1:after {background-image:url(../../img/inc/tnb1_hg1_bg5.jpg);}

	#tnb1 div.d2>.hg1>.h1{display:block;
		z-index:10;
		position:relative;
		color:#000;
		font-weight:600;
		font-size:30px;
	}
	#tnb1 div.d2>.hg1>.t1 {font-size:14px;color:#959595;line-height:20px;}
	#tnb1 div.d2>.hg1>.t1:before {content:"";display:block;width:22px;height:1px;background:#000;margin:25px 0 15px}
	#tnb1 div.d2>.hg1>.h2{display:block;
		z-index:10;
		position:relative;
		margin:10px 0;
		color:#fff;
		font-size:16px;
		line-height:24px;
	}
	#tnb1 div.d2>.hg1>.ic1{display:block;
		position:absolute;right:0;bottom:0;
		width:414px;
		height:325px;
		background:url() no-repeat right bottom;
	}
	#tnb1 div.d2>ul{
		position:relative; /* ☆ 하위메뉴의 기준위치 */
		width:calc(100% - 300px); /* ☆ */
		min-height:200px; /* ( .hg1>.ic1{height} + box-shadow) */
		margin:0; /* ☆ */
		overflow:hidden;text-align:left;
		margin-left:300px;box-sizing:border-box;padding-top:25px;padding-bottom:25px;
	}
	#tnb1 div.d2>ul>li{
		clear:both; /* ☆ */
		position:relative;display:inline-block;vertical-align:top;width:calc(19% - 9px);
		margin:0 9px 10px;
	}
	#tnb1 div.d2>ul>li>a{
		display:block;
	/* 	float:left; */
		z-index:10;
		position:relative;
		box-sizing:border-box; /* ☆ */
		/* min-width:221px; */
		min-height:22px;
		margin:0;
		padding:12px 10px 11px;
		color:#000;
		font-size:17px;font-weight:500;
		border:1px solid #e1e1e1;
		text-align:center;word-break:keep-all;
		background:#f8f9fb;border-radius:5px;transition:all .35s ease
	}
	#tnb1 div.d2>ul>li.hasSub>a{}
	#tnb1 div.d2>ul>li.on>a{
		z-index:20;
		background:#11739a;color:#fff;border-color:#03435d;
	}
	#tnb1 div.d2>ul>li.hasSub.on>a {}

	/* ★ 오버(포커스) */
	#tnb1 li.over>div.d2 {z-index:20;overflow:visible;display:block;}
	#tnb1 div.d2>ul>li.over>a {background:#11739a;color:#fff;border-color:#03435d}
	#tnb1 div.d2>ul>li.hasSub.over>a {background:#11739a;color:#fff;border-color:#03435d}
	#tnb1 div.d2>ul>li.on.over>a {background:#11739a;color:#fff;border-color:#03435d}
	#tnb1 div.d2>ul>li.hasSub.on.over>a {background:#11739a;color:#fff;border-color:#03435d}
	#tnb1 div.d2>ul>li>a:hover,
	#tnb1 div.d2>ul>li>a:focus {background:#11739a;color:#fff;border-color:#03435d}
	#tnb1 div.d2>ul>li>a:hover:before,
	#tnb1 div.d2>ul>li>a:focus:before,
	#tnb1 div.d2>ul>li.on>a:before {display:inline-block;}
	#tnb1 div.d2>ul>li.on>a:hover,
	#tnb1 div.d2>ul>li.on>a:focus {}


	/* depth3 */
	#tnb1 li>div.d3{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
		position:relative;
		padding:13px 0 6px; /* px값(소수점 오차 방지) */
		overflow:hidden;
	}
	#tnb1 li>div.d3:after {position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:1px;background:#ececec;}
	#tnb1 li:first-child>div.d3 {border-top-color:transparent;}
	#tnb1 li:last-child>div.d3 {border-bottom-color:transparent;}
	#tnb1 li.on>div.d3 {}
	#tnb1 div.d3>ul {margin:0;	padding:0 0 0 10px}
	#tnb1 div.d3>ul>li {}
	#tnb1 div.d3>ul>li>a {display:block;
		z-index:10;
		position:relative;
		min-height:0;
		margin:0;
		padding:.25em 12px;
		border:0;
		color:#333;
		font-size:15px;
	}
	#tnb1 div.d3>ul>li>a:before {position:absolute;top:10px;left:0;content:"";display:block;width:6px;height:6px;background:#666;border-radius:50%}
	#tnb1 div.d3>ul>li.hasSub>a {}
	#tnb1 div.d3>ul>li.on>a {color:#f04b42;font-weight:500;text-decoration:underline;}
	#tnb1 div.d3>ul>li.on>a:before {background:#f04b42}
	#tnb1 div.d3>ul>li.hasSub.on>a {}

	/* ★ 오버(포커스) */
	#tnb1 li.over>div.d3{}
	#tnb1 div.d3>ul>li.over>a{}
	#tnb1 div.d3>ul>li.hasSub.over>a{}
	#tnb1 div.d3>ul>li.on.over>a{}
	#tnb1 div.d3>ul>li.hasSub.on.over>a{}
	#tnb1 div.d3>ul>li>a:hover,
	#tnb1 div.d3>ul>li>a:focus{
		color:#000;
		text-decoration:underline !important;
	}

	/* depth4 */
	#tnb1 div.d4{display:none !important;}

	/* 20190522 새 창 */
	#tnb1 div.d2>ul>li>a[target='_blank']:after,
	#tnb1 div.d3>ul>li>a[target='_blank']:after{
		content:'';
		display:inline-block;
		width:15px;height:14px;
		margin:-6px 0 0 7px;
		background:url(../../img/inc/ic15newwindow.png) no-repeat;
		vertical-align:middle;
	}

	#tnb1 div.d2>ul>li>a[target='_blank']:hover:after,
	#tnb1 div.d2>ul>li>a[target='_blank']:focus:after{
		content:'';
		display:inline-block;
		width:15px;height:14px;
		margin:-6px 0 0 7px;
		background:url(../../img/inc/ic15newwindow2.png) no-repeat;
		vertical-align:middle;
	}


	/* 전체메뉴 20190927 */
	#anb1 {display:block;}
	#anb1 .b1 {
		z-index:30;
		display:block;
		position:absolute;right:3px;top:66px;
		box-sizing:border-box; /* ☆ */
		width:42px;height:42px;
		overflow:hidden;
		background:url(../../img/inc/layout_sprite.png) no-repeat -90px 0
	}

	#anb1 .b1.toggle.on {display:none;}
	#anb1 .b1.close {top:-50px;font-size:14px;color:#000;width:auto;height:50px;background-image:none;font-weight:600;line-height:50px;}
	#anb1 .b1.close:after {content:"";display:inline-block;vertical-align:middle;width:50px;height:50px;background:url(../../img/inc/layout_sprite.png) no-repeat -269px 0;margin-left:8px;margin-top:-2px;}
	/* ☆ */
	#anb1c{display:none;
		z-index:30;
		position:absolute;top:0;left:0;width:3000px;height:656px;padding-top:130px;background:#fff;box-sizing:border-box;margin-left:-800px;
	}
	#anb1c.on{display:block;box-shadow:0 5px 16px rgba(0,0,0,.29);}
	#anb1c>.bg{}
	#anb1c>div.cont{position:relative;
		background:#fff;max-width:1400px;margin:auto;padding-top:55px;
	}
	#anb1c.on>.bg{}
	#anb1c.on>div.cont{}
	/* depth1 */
	#anb1 div.d1 {position:relative;padding-left:406px;}
	#anb1 div.d1:before {position:absolute;top:0;left:0;content:"SITEMAP";display:block;font-size:44px;line-height:1;font-weight:700;color:#cbcbcb;}
	#anb1 div.d1>ul{overflow:hidden;}
	#anb1 div.d1>ul>li{float:left;position:relative;
		box-sizing:border-box; /* ☆ */
		width:calc(25% - .75px); /* (100/5) */
		height:402px;
		margin-left:1px;
	}
	#anb1 div.d1>ul>li:first-child {margin-left:0}
	#anb1 div.d1>ul>li:before{content:'';float:left;
		position:absolute;left:0;top:0;
		width:1px;
		height:9999px;
		background:#eee;
	}
	#anb1 div.d1>ul>li>a{display:block;
		position:relative;
		padding:12px 25px;
		font-weight:600;
		color:#000;
		font-size:24px;
	}
	#anb1 div.d1>ul>li>a>.t1{}
	/* depth2 */
	#anb1 div.d2{}
	#anb1 div.d2>ul{padding:10px 25px;}
	#anb1 div.d2>ul>li {margin-bottom:2px}
	#anb1 div.d2>ul>li>a{position:relative;display:block;
		padding:.25em 0;
		color:#000;
		font-size:16px;
		font-weight:500;
	}
	#anb1 div.d2>ul>li.on>a:after {content:"";display:inline-block;vertical-align:middle;width:6px;height:11px;background:url(../../img/inc/layout_sprite.png) no-repeat 0 -39px;margin-left:11px;margin-top:-3px;}
	#anb1 div.d2>ul>li>a:hover,
	#anb1 div.d2>ul>li>a:focus{text-decoration:underline;}
	#anb1 div.d3>ul>li{display:inline;}
	#anb1 div.d3>ul>li>a {position:relative;display:block;
		padding:.25em 0 .25em 14px;
		color:#555;
		font-weight:500;
		font-size:14px;
	}
	#anb1 div.d3>ul>li.on>a {text-decoration:underline;}
	#anb1 div.d3>ul>li:first-child>a {padding-top:.75em}
	#anb1 div.d3>ul>li:last-child>a {padding-bottom:.75em;}
	#anb1 div.d3>ul>li>a:before {position:absolute;top:10px;left:5px;content:"";display:block;width:5px;height:5px;background:#555;border-radius:50%}
	#anb1 div.d3>ul>li:first-child>a:before {top:18px}
	#anb1 div.d3>ul>li>a:hover,
	#anb1 div.d3>ul>li>a:focus{text-decoration:underline;}
	#anb1c .b1.close {top:-63px;right:3px;}

	/* 분야별정보 */
	.site_portal #tnb1 li.m6>div.d2>.hg1 {position:relative;top:auto;left:auto;width:100%;height:auto;text-align:center;padding:60px 0 0;}
	.site_portal #tnb1 li.m6>div.d2>.hg1:after, #tnb1 li.m6>div.d2>.hg1>.t1 {display:none}
	.site_portal #tnb1 li.m6>div.d2>ul {margin-left:0;text-align:center;padding-top:35px;padding-bottom:20px;width:100%}
	.site_portal #tnb1 li.m6>div.d2>ul>li {width:120px;height:120px;margin:4px}
	.site_portal #tnb1 li.m6>div.d2>ul>li>a {width:100%;height:100%;min-width:auto;background:#f2f3f8;border-radius:10px;border-color:#f2f3f8;font-size:15px;color:#000;padding:22px 0;box-sizing:border-box;}
	.site_portal #tnb1 li.m6>div.d2>ul>li>a:hover, #tnb1 li.m6>div.d2>ul>li>a:focus {background:#fff;border:1px solid #000;box-shadow:3px 3px 10px rgba(0,0,0,.2)}
	.site_portal #tnb1 li.m6>div.d2>ul>li>a:before {content:"";display:block;width:60px;height:49px;background:url(../../img/inc/layout_sprite.png) no-repeat;margin:auto auto 10px;}
	.site_portal #tnb1 li.m6>div.d2:after {background-color:#fbfbfd}
	/* 아이콘 */
	.site_portal #tnb1 li.m6>div.d2>ul>li.m1>a:before {background-position:-354px 0}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m2>a:before {background-position:-416px 0}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m3>a:before {background-position:-478px 0}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m4>a:before {background-position:-354px -51px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m5>a:before {background-position:-416px -51px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m6>a:before {background-position:-478px -51px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m7>a:before {background-position:-354px -102px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m8>a:before {background-position:-416px -102px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m9>a:before {background-position:-478px -102px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m10>a:before {background-position:-354px -153px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m11>a:before {background-position:-416px -153px}
	.site_portal #tnb1 li.m6>div.d2>ul>li.m12>a:before {background-position:-478px -153px}
}
@media screen and (max-width:1619px){
	#tnb1 {height:72px}
	#tnb1 div.d1>ul>li>a {padding:26px 20px 22px}
	#tnb1 div.d1>ul>li>a>.t1 {font-size:18px;line-height:22px}
	#tnb1 li>div.d2 {width:100%;left:0;margin:0;top:72px;}
	#head.is-over #tnb1c.over>.bg:before {top:72px}
	#tnb1 div.d2>.hg1 {width:234px;}
	#tnb1 li>div.d2>ul {margin-left:270px;padding-left:0;width:calc(100% - 270px)}
	#tnb1 div.d2>ul>li {width:calc(19% - 10px)}
	#tnb1 div.d2>ul>li>a {padding-left:10px;padding-right:10px;font-size:16px}
	#head_s3 .sitemap {top:22px;}
}
@media all and (max-width:1419px){
	#tnb1 li>div.d2, #head.is-over #tnb1c.over>.bg:before {top:72px}
	#tnb1 div.d2>.hg1 {width:190px;}
	#tnb1 li>div.d2>ul {margin-left:210px;width:calc(100% - 210px)}
	#tnb1 div.d2>ul>li {width:19%;margin-left:3px;margin-right:3px}
	#tnb1 div.d3>ul>li>a {font-size:14px}
}
@media all and (max-width:1399px){
	#tnb1 {left:0;right:0;}
	#anb1 .b1 {right:15px;}
	#tnb1c>div.cont {width:100%;}
	#tnb1 div.d1 {margin-left:0}
	#tnb1 div.d2>ul {margin-left:0;padding-left:0}
}
@media screen and (max-width:1299px){
	#tnb1 div.d2>ul>li {width:calc(19% - 3px)}
	#tnb1 div.d2>ul>li>a {font-size:15px;word-break:keep-all}
}

/* #tnb1 ))) 미디어쿼리 max-width:1259px 안으로 보냄 모바일화면 */
@media all and (max-width:1259px){
	#tnb1 .gn {position:relative;background:#4767b4;padding:20px 15px 15px;z-index:21}
	#tnb1 .gn:after {content:"";display:block;clear:both;}
	#tnb1 .gn li {position:relative;float:left;margin-left:7px;}
	#tnb1 .gn li:after {position:absolute;top:5px;right:-5px;content:"";display:block;width:1px;height:12px;background:rgba(255,255,255,.25)}
	#tnb1 .gn li:last-child:after {display:none}
	#tnb1 .gn li a {display:block;color:#fff;font-size:13px;font-weight:400;padding:3px;}
	#tnb1 .gn li.language>a {padding-right:15px;}
	#tnb1 .gn li.language>a:after {position:absolute;top:8px;right:0;content:"";display:block;width:0;border-style:solid;border-width:5px;border-color:#fff transparent transparent transparent}
	#tnb1 .gn li.language.on>a:after {top:4px;transform:rotate(180deg)}
	#tnb1 .gn1:after {content:"";display:block;clear:both;}
	#tnb1 .gn2 {overflow:hidden;border-top:1px solid rgba(255,255,255,.15);padding:8px 0 3px;margin:5px 0 2px}
	#tnb1 .gn2 li.mycw a .t1 {display:none;}
	#tnb1 .gn2 li.mycw a {background:rgba(0,0,0,.2);border-radius:5px;padding-left:8px;padding-right:8px;margin-left:3px;margin-top:-2px;font-size:14px;font-weight:500}
	/* 언어선택 */
	#tnb1 .gn li.language.on #slang1 {display:block !important;position:absolute;top:25px;left:-15px;width:90px;background:#354493;z-index:200;border-radius:5px;}
	#tnb1 .gn li.language.on #slang1 ul {padding:10px 5px}
	#tnb1 .gn li.language.on #slang1 ul li {float:none;}
	#tnb1 .gn li.language.on #slang1 ul li:after {display:none;}
	#tnb1 .gn li.language.on #slang1 ul li a {font-size:12px;letter-spacing:0}


	/* 주메뉴 20191220. makeActive2ClickHover('#tnb1'); */
	#tnb1{
		position:absolute;left:0;right:0;top:0;
		width:100%;
		margin:auto;
		line-height:1.375;
		height:auto;
	}
	#tnb1 .b1.toggle{float:left;
		z-index:10;
		position:absolute;
		right:10px;
		top:18px; /* (화면확인) */
		box-sizing:border-box; /* ☆ */
		width:40px;height:40px;
		border-radius:2px;
		background:none;
		overflow:hidden;text-indent:-9999px;
	}
	#tnb1 .b1.toggle .ic1{float:left;
		position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url(../../img/inc/ic80a1c1bars5@2x.png) no-repeat;
		background-size:contain;
		opacity:1;
	}
	#tnb1 .b1.toggle.on {top:0;right:50%;width:70px;height:70px;background-color:#395290;z-index:9999;transition-delay:.4s}
	#tnb1 .b1.toggle.on .ic1 {background-image:url(../../img/inc/ic80a1c0close@2x.png)}
	#tnb1c{display:block !important; /* ☆ */
		visibility:hidden; /* ☆ */
		z-index:100; /* ☆ */
		position:fixed; /* ☆ */
		left:auto;
		right:-200%;
		top:0;bottom:0;
		width:100%;
		height:auto !important; /* ☆ PC용 JS로 마든 style 속성 초기화 */
		overflow-y:visible; /* ☆ */
		transition:.0s;
		/* ★☆ToEdit) 확인용 */
		/* visibility:visible !important;
		right:0 !important; */
	}
	#tnb1c.on{
		display:block;
		visibility:visible;
		right:0;
		transition:.2s .2s;
	}
	#tnb1c>.bg{visibility:hidden;
		position:fixed;left:0;right:0;top:0;bottom:0;
		background:rgba(0,0,0,.6);
		/* background:linear-gradient(-25deg, #3ebbbc, #1e4b78); */
		opacity:0;
		transition:.0s;
	}
	#tnb1c.on>.bg {visibility:visible;opacity:1;	transition:.2s;}
	/* ☆ */
	#tnb1c .b2{z-index:110;
		position:absolute;right:100%;top:0;
		width:70px;height:70px;background:#395290;
	}
	#tnb1c .b2>.ic1{float:left;
		position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url() no-repeat 50% 50%;
		background-size:contain;
	}
	#tnb1c .b2.close {display:none}
	#tnb1c .b2.close>.ic1{
		background-image:url(../../img/inc/ic80a1c0close@2x.png);
	}
	#tnb1c .d1 ~ .b2.close>.ic1 {opacity:0;}
	/* ☆ */
	#tnb1c>div.cont{
		display:none; /* [All]키보드지나감방지 */
		position:relative;
		right:-100%;
		box-sizing:border-box; /* ☆ */
		width:50%;
		height:100%;
		min-width:300px;
		overflow:visible;
		 /*overflow-y:auto; ☆ */
		margin:auto 0 auto auto;
		background:#2d97be;
		/* ★☆ToEdit) 확인용 */
		/* display:block; */
		/* right:0 !important; */
	}
	#tnb1c.on>div.cont {display:block;right:0;}

	/* depth1~depth4 */
	#tnb1 .smain {display:block;}
	/* depth1 */
	#tnb1 div.d1{
		clear:both;
		position:relative;
		overflow-y:auto;
		overflow-x:hidden;
		margin:0;
		height:calc(100% - 127px);
	}
	#tnb1 div.d1>ul {position:relative;/* overflow:hidden; */height:100%}
	#tnb1 div.d1>ul:after {position:fixed;top:0;right:0;content:"";display:block;width:calc(50% - 210px);height:100%;background:#fff;}
	#tnb1 div.d1>ul>li{display:inline;/* position:relative; */} /* ☆ */
	#tnb1 div.d1>ul>li>a{display:block;
		z-index:20; /* .d2 보다 높여준다 */
		position:relative;
		box-sizing:border-box; /* ☆ */
		width:200px;
		/* background:#2d97be url() no-repeat 93.5% 50%; */
		color:#fff;
		font-size:17px;padding:0;
		word-break:keep-all;
		word-wrap:break-word;
		border-bottom:1px dashed rgba(255,255,255,.1);
	}
	#tnb1 div.d1>ul>li:first-child>a {border-top:0}
	#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
		padding:20px 25px; /* ☆ */
		font-size:inherit;
	}
	#tnb1 div.d1>ul>li>a:hover,
	#tnb1 div.d1>ul>li>a:focus{}
	#tnb1 .hasSub>a>.ic1 {position:absolute;top:20px;right:15px;width:20px;height:20px;opacity:.7}
	#tnb1 .hasSub>a>.ic1:before, #tnb1 .hasSub>a>.ic1:after {position:absolute;content:"";display:block;}
	#tnb1 .hasSub .ic1:before, #tnb1 .hasSub .ic1:after {position:absolute;top:50%;left:calc(50% - 6px);width:12px;height:2px;background:#fff;}
	#tnb1 div.d1 .hasSub .ic1:after {transform:rotate(-90deg)}
	#tnb1 div.d1 .hasSub.on>a>.ic1:after {display:none}

	/* depth1 활성 */
	#tnb1 div.d1>ul>li.on>a{
		color:#fff;
	}
	/* depth2~3 */
	#tnb1 li>div[class^='d']{
		display:none;visibility:hidden;
		height:0;opacity:0;
	}
	#tnb1 li.on>div[class^='d']{
		display:block;visibility:visible;
		height:auto;opacity:1;
		margin-left:0;border-bottom:1px solid rgba(255,255,255,.1)
	}
	/* depth2 */
	#tnb1 li>div.d2 {	position:absolute;top:6px;right:-220px;width:calc(100% - 230px);background:#fff;transition:right .25s ease;left:auto;display:block;}
	#tnb1 div.d1>ul>li.on div.d2 {display:block;height:auto;opacity:1;z-index:10;right:10px;left:auto;}
	#tnb1 div.d2>.bg{display:none;} /* ☆ */
	#tnb1 div.d2>.hg1{display:none;} /* ☆ */
	#tnb1 div.d2>a.smain{display:block; /* 서브메인링크 */
		position:relative;
		padding:.75em 35px .75em 20px;
		border-bottom:1px solid #eee;
		background-color:#f7f7f7;
		color:#333;
		font-size:15px;
	}
	#tnb1 li>div.d2>ul {margin-left:0;margin-bottom:10px;width:100%;}
	#tnb1 div.d2>ul>li {position:relative;width:100%;float:none;margin:0;border-bottom:1px solid #d7d7d7;}
	#tnb1 div.d2>ul>li>a{display:block;
		z-index:10;
		position:relative;
		padding:15px 15px;
		background:transparent;
		color:#222;
		font-size:16px;
		transition:.2s;
	}
	#tnb1 div.d2>ul>li.on>a {text-decoration:underline;}
	#tnb1 div.d2>ul>li.on.hasSub>a {text-decoration:none}
	#tnb1 div.d2>ul>li>a:before {position:absolute;top:20px;left:15px;content:"";display:block;width:2px;height:2px;background:rgba(255,255,255,.5);}
	#tnb1 div.d2>ul>li.hasSub>a {}
	#tnb1 li.on>div.d2>ul>li.on>a:before {}
	#tnb1 li.on>div.d2>ul>li.hasSub.on>a{}
	#tnb1 div.d2>ul>li.hasSub>a>.ic1 {opacity:1;top:15px;}
	#tnb1 div.d2>ul>li.hasSub>a>.ic1:before, #tnb1 div.d2>ul>li.hasSub>a>.ic1:after {background:#888;}

	/* depth3 */
	#tnb1 li>div.d3 {}
	#tnb1 li.on>div.d3 {border-bottom:0;background:#f8f8f8;border-top:1px solid #d7d7d7}
	#tnb1 div.d3>.bg{display:none;} /* ☆ */
	#tnb1 div.d3>ul {margin:0;padding:15px 10px}
	#tnb1 div.d3>ul>li{position:relative;}
	#tnb1 div.d3>ul>li>a {position:relative;display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:7px 20px;
		color:#555;
		font-size:15px;
	}
	#tnb1 div.d3>ul>li>a:before {position:absolute;top:17px;left:5px;content:"";display:block;width:6px;height:2px;background:#555}
	#tnb1 div.d3>ul>li.hasSub>a:after {position:absolute;top:15px;left:7px;content:"";display:block;width:2px;height:6px;background:#555;}
	#tnb1 div.d3>ul>li.on>a:before {top:14px;width:4px;height:4px;border-radius:50%}
	#tnb1 div.d3>ul>li.hasSub.on>a:after {display:none}
	#tnb1 li.on>div.d3>ul>li.on>a {text-decoration:underline;}
	/* depth4 */
	#tnb1 li>div.d4 {	padding:14px 10px;background:#E8E8E8;margin:5px 0}
	#tnb1 div.d4>.bg{display:none;} /* ☆ */
	#tnb1 div.d4>ul>li{position:relative;padding-left:10px;}
	#tnb1 div.d4>ul>li>a{position:relative;display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:6px 10px;
		border-top:0 solid #666;
		color:#666;
		font-size:14px;
	}
	#tnb1 div.d4>ul>li>a:before {position:absolute;top:13px;left:0;content:"";display:block;width:3px;height:3px;background:#666;}
	#tnb1 div.d4>ul>li.hasSub>a {}
	#tnb1 div.d4>ul>li.on>a:before {}
	#tnb1 li.on>div.d4>ul>li.on>a {text-decoration:underline;}

	/* 20191220 새 창 */
	#tnb1 div.d2>ul>li>a[target='_blank']:after,
	#tnb1 div.d3>ul>li>a[target='_blank']:after,
	#tnb1 div.d4>ul>li>a[target='_blank']:after{ /* [IE8+] */
		content:'';
		display:inline-block;
		width:15px;height:14px;
		margin:-6px 0 0 7px;
		background:url(../../img/inc/ic15newwindow.png) no-repeat;
		vertical-align:middle;
	}
	#tnb1 div.d3>ul>li>a[target='_blank']:after,
	#tnb1 div.d3>ul>li>a[target='_blank']:after	{width:12px;height:11px;background-size:contain;margin-left:4px}
	#anb1 {display:none;}
} /* (max-width:1259px) */
@media screen and (max-width:999px){
	#tnb1 .b1.toggle.on {right:50%}
	#tnb1 div.d1>ul>li>a {width:150px;}
	#tnb1 li>div.d2 {width:calc(100% - 180px)}
	#tnb1 div.d1>ul:after {width:calc(50% - 160px)}
}
@media screen and (max-width:768px){
	#tnb1 .gn {padding:10px 5px;}
	#tnb1 .gn1 {padding-right:40px}
	#tnb1 .gn li a {font-size:12px}
	#tnb1 .b1.close.on {width:40px;height:40px;}
	#tnb1 .b1.toggle.on {right:320px;width:40px;height:40px;}
	#tnb1c > div.cont {width:320px}
	#tnb1 div.d1>ul>li>a {font-size:16px;width:130px;}
	#tnb1 div.d1>ul>li>a>.t1 {padding:15px 20px}
	#tnb1 .hasSub>a>.ic1 {top:15px;right:10px}
	#tnb1 li > div.d2 {width:calc(100% - 150px)}
	#tnb1 div.d2>ul>li>a {font-size:15px;padding:12px 10px}
	#tnb1 div.d2>ul>li.hasSub>a>.ic1 {top:10px;}
	#tnb1 div.d3 > ul {padding:12px 5px;}
	#tnb1 div.d3>ul>li>a {font-size:14px;padding-left:15px;}
	#tnb1 li>div.d4 {padding:12px 5px}
	#tnb1 div.d4>ul>li>a {font-size:13px}
	#tnb1 div.d1>ul:after {width:190px;}
}
@media screen and (max-width:499px){
	#tnb1 .b1.toggle, #tnb1 .b1.toggle.on {right:3px;top:14px;}
	#tnb1 div.d1>ul>li>a {width:120px;}
	#tnb1 div.d1>ul>li>a>.t1 {font-size:15px;padding:15px;}
	#tnb1 div.d2>ul>li>a {font-size:14px;}
	#tnb1 div.d3>ul {padding-top:10px;padding-bottom:10px;}
	#tnb1 div.d3>ul>li>a {font-size:13px;padding:5px 5px 5px 15px}
	#tnb1 div.d3>ul>li>a:before {top:12px}
	#tnb1 div.d3>ul>li.hasSub>a:before {top:12px;}
	#tnb1 div.d3>ul>li.hasSub.on>a:before {top:11px;}
	#tnb1 div.d3>ul>li.hasSub>a:after {top:10px;}
	#tnb1 li>div.d4 {padding:8px 5px;}
	#tnb1 div.d4>ul>li>a {font-size:12px;padding:5px}
	#tnb1 div.d4>ul>li>a:before {left:-5px;top:12px;}
}
@media screen and (max-width:399px){
	#tnb1 .b1.toggle {top:11px}
}
@media screen and (max-width:360px){
	#tnb1c .b2.close {right:0;}
}



/* foot */
#foot_s1 {position:relative;background:#3b434f;z-index:19}
#foot_s1 .familysite1 {position:relative;float:left;width:16.666%;}
#foot_s1 .familysite1 .wrap1 {background:#fff;border:1px solid #3b434f;border-bottom:0;box-sizing:border-box;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}
#foot_s1 .familysite1 a.toggle {position:relative;display:block;font-size:14px;color:rgba(255,255,255,.8);border:1px solid transparent;font-weight:400;height:70px;box-sizing:border-box;padding:25px 36px 23px;z-index:1}
#foot_s1 .familysite1 a.toggle.on {background:#2b323b;z-index:21;width:calc(100% + 2px);border-color:#2b323b}
#foot_s1 .familysite1 a.toggle:before, #foot_s1 .familysite1:last-child:after {position:absolute;top:calc(50% - 11px);left:0;content:"";display:block;width:1px;height:22px;background:rgba(255,255,255,.15);z-index:-1}
#foot_s1 .familysite1:last-child:after {letter-spacing:normal;right:-1px;}
#foot_s1 .familysite1 a.toggle.on:before {display:none}
#foot_s1 .familysite1 a.toggle:after {position:absolute;top:calc(50% - 3.5px);right:30px;content:"";display:block;width:11px;height:7px;background:url(../../img/inc/layout_sprite.png) no-repeat -274px -67px}
/* #foot_s1 .familysite1 a.toggle.on:after {background-position:-274px -76px} */
#foot_s1 .familysite1 [id*=familysite] {display:none;position:absolute;bottom:70px;left:0;width:calc(100% + 2px);z-index:21}
#foot_s1 .familysite1 .h1 {font-size:17px;margin:0;line-height:1;background:#f2f3f8;color:#000;padding:20px 25px 17px}
#foot_s1 .familysite1 .h1 a{color:#000;}
#foot_s1 .familysite1 ul {padding:20px 27px;overflow:hidden}
#foot_s1 .familysite1 ul li a {position:relative;font-size:15px;display:block;color:#333;padding:5px 0 5px 12px}
#foot_s1 .familysite1 ul li a:hover, #foot_s1 .familysite1 ul li a:focus {text-decoration:underline;}
#foot_s1 .familysite1 ul li a:before {position:absolute;top:12px;left:0;content:"";display:block;width:4px;height:4px;border-radius:50%;background:#3b434f;}
#foot_s1 .familysite1 .close {position:absolute;top:7px;right:10px;width:40px;height:40px;text-indent:-9999px;box-sizing:border-box;z-index:1;}
#foot_s1 .familysite1 .close:before, #foot_s1 .familysite1 .close:after {position:absolute;top:calc(50% - 12px);left:calc(50% - 1px);content:"";display:block;width:2px;height:24px;background:#333;}
#foot_s1 .familysite1 .close:before {transform:rotate(45deg)}
#foot_s1 .familysite1 .close:after {transform:rotate(-45deg)}
#foot_s1 .familysite1:nth-child(3) {position:static;}
#foot_s1 #familysite3 {width:1600px;left:calc(50% - 800px)}
/* #foot_s1 .familysite1 #familysite3 .close {width:16.666%;left:33.332%} */
#foot_s1 .familysite1 .fsite {float:left;width:20%;}
#foot_s1 .familysite1 .fsite ul li {float:left;width:50%;box-sizing:border-box;}
#foot_s1 .familysite1 .fsite:after {position:absolute;top:0;content:"";display:block;width:1px;height:100%;background:#3b434f;}
#foot_s1 .familysite1 .fsite:nth-child(1):after {left:20%;}
#foot_s1 .familysite1 .fsite:nth-child(2):after {left:40%;}
#foot_s1 .familysite1 .fsite:nth-child(3):after {left:60%;}
#foot_s1 .familysite1 .fsite:nth-child(4):after {left:80%;}
#foot_s1 .familysite1 .fsite:nth-child(5):after {display:none}
@media screen and (max-width:1599px){
	#foot_s1 #familysite3 {width:100%;left:0}
}
@media screen and (max-width:1259px){
	#foot_s1 .familysite1 a.toggle {padding:20px;height:auto;font-size:13px}
	#foot_s1 .familysite1 [id*=familysite] {bottom:60px}
	#foot_s1 .familysite1 .h1 {font-size:16px;padding:15px 20px 12px}
	#foot_s1 .familysite1 ul {padding:12px 15px}
	#foot_s1 .familysite1 ul li a {font-size:14px;padding:3px 0 3px 10px}
	#foot_s1 .familysite1 ul li a:before {top:10px}
	#foot_s1 #familysite3 {width:100%;left:0;}
	#foot_s1 .familysite1 .close {top:3px;right:5px}
}
@media screen and (max-width:999px){
	#foot_s1 .familysite1 {width:33.333%;border-top:1px solid rgba(255,255,255,.05)}
	#foot_s1 .familysite1 a.toggle {padding:15px}
	#foot_s1 .familysite1 [id*=familysite] {bottom:51px;width:300%}
	#foot_s1 #familysite4 {left:0}
	#foot_s1 #familysite2, #foot_s1 #familysite5 {left:-100%}
	#foot_s1 #familysite6 {left:-200%}
	#foot_s1 #familysite3 {bottom:102px}
	#foot_s1 .familysite1 .fsite {float:none;width:100%;}
	#foot_s1 .familysite1 .fsite:after {display:none}
	#foot_s1 .familysite1 .fsite ul li {width:16.66%}
	#foot_s1 .familysite1 ul li {float:left;width:50%}
}
@media screen and (max-width:768px){
	#foot_s1 .familysite1 .h1 {font-size:15px;}
	#foot_s1 .familysite1 ul li a {font-size:13px;}
}
@media screen and (max-width:399px){
	#foot_s1 .familysite1 {width:50%}
	#foot_s1 .familysite1:nth-child(3) {position:relative;}
	#foot_s1 #familysite3 {bottom:50px;}
	#foot_s1 .familysite1 [id*=familysite], #foot_s1 #familysite3 {width:200%;}
	#foot_s1 .familysite1 a.toggle:after {right:15px}
	#foot_s1 .familysite1:nth-of-type(odd) a.toggle:before {display:none}
	#foot_s1 .familysite1 .fsite ul li {width:25%}
	#foot_s1 .familysite1 .fsite ul li {width:33.333%}
	#foot_s1 #familysite4, #foot_s1 #familysite6 {left:-100%}
	#foot_s1 #familysite5 {left:0}
}

#foot_s2 {position:relative;max-width:1600px;margin:auto}
#fn1 {overflow:hidden;padding:20px 4px 19px;border-bottom:1px solid #d7d7d7;}
#fn1 li {float:left;margin-left:10px;}
#fn1 li a {display:block;font-size:15px;padding:5px 13px;color:#333;}
#fn1 li a:hover, #fn1 li a:focus {text-decoration:underline;}
#fn1 li:first-child a {font-weight:700; color: #039;}
#gotop1 {position:absolute;top:7px;right:38px;width:55px;height:55px;background:url(../../img/inc/layout_sprite.png) no-repeat -213px -28px;text-indent:-9999px}
@media screen and (max-width:1259px){
	#gotop1 {position:fixed;top:auto;bottom:-200px;right:20px;z-index:40;transition:all .35s ease}
	#gotop1.on {bottom:20px;}
}
@media screen and (max-width:699px){
	#fn1 {text-align:center;padding:15px 5px}
	#fn1 li {margin:0 2px;float:none;display:inline-block;vertical-align:top;}
	#fn1 li a {font-size:14px;padding:3px 5px;}
}

#foot_s3 {position:relative;max-width:1600px;margin:auto;padding:40px 0 40px 210px;box-sizing:border-box;overflow:hidden}
#foot_s3:before {position:absolute;top:36px;left:30px;content:"";display:block;width:133px;height:50px;background:url(../../img/inc/layout_sprite.png) no-repeat -162px -85px}
#foot_s3 .wa {position:absolute;top:30px;right:12px}
#author1 {float:left;font-size:14px;color:#333;line-height:24px}
#callcenter1 {position:relative;float:left;background:#f5f7fb;border-radius:25px;margin-left:110px;padding:16px 35px 16px 65px}
#callcenter1:before {position:absolute;top:-18px;left:-14px;content:"";display:block;width:64px;height:68px;background:url(../../img/inc/layout_sprite.png) no-repeat -288px 0}
#callcenter1:after {content:"";display:block;clear:both;}
#callcenter1 * {float:left;line-height:1}
#callcenter1 .h1 {font-size:14px;font-weight:500;color:#171414;padding-top:3px}
#callcenter1 ul li {position:relative;margin-left:40px;padding-left:25px;}
#callcenter1 ul li:before {position:absolute;top:0;left:0;content:"";display:block;width:19px;height:16px;background:url(../../img/inc/layout_sprite.png) no-repeat -297px -70px}
#callcenter1 ul li a {font-size:18px;font-weight:700;color:#257aaf;}
@media screen and (max-width:1399px){
	#author1, #callcenter1 {float:none;}
	#callcenter1 {margin-left:0;margin-top:30px;display:inline-block;}
}
@media screen and (max-width:999px){
	#foot_s3 {padding:35px 10px}
	#foot_s3:before {display:none}
}
@media screen and (max-width:768px){
	#foot_s3 {text-align:center;}
	#foot_s3 .wa {position:relative;top:auto;right:auto;display:block;margin:10px auto 0;}
	#callcenter1 ul li {margin-left:30px}
}
@media screen and (max-width:699px){
	#foot_s3 {padding:25px 10px}
	#callcenter1 {padding:15px 30px;margin-top:20px}
	#callcenter1:before {display:none}
	#callcenter1 .h1 {font-size:13px}
	#callcenter1 ul li a {font-size:16px}
}
@media screen and (max-width:549px){
	#callcenter1 ul li a {font-size:15px}
}
@media screen and (max-width:499px){
	#author1 {font-size:13px}
	#callcenter1 {border-radius:20px}
	#callcenter1 .h1 {float:none;margin-bottom:10px;}
	#callcenter1 ul li {margin:2px 0 2px 10px;}
}


/* 레이어팝업 - 20230925 추가 */
.layer_pop img{max-width:100%;}
.layer_pop.on{opacity:1;visibility:visible;display:block;}
.layer_pop{display:block;position:absolute;left:1%;top:0;width:auto;z-index:9999;visibility:hidden;} /* visibility:hidden 처음은 안보이고 정해진 날짜에 보임, 오늘 안보이기 */
.layer_pop.type2{}
.layer_pop.type3{left:auto;right:0;}
.layer_pop.type4{left:auto;right:0;top:100px;}
.layer_pop .cont{display:block;}
.layer_pop .cont img{border:0;}
.layer_pop .close{position:relative;color:#fff;font-size:14px;padding:5px 20px;;background:#000;}
.layer_pop .close .txt{color:#fff;}
.layer_pop .close .btn{position:absolute;right:18px;height:20px;line-height:20px;padding:0 10px;font-size:14px;color:#000;border:0;background:#ddd;}

@media screen and (max-width:640px) {
	.layer_pop{left:4%;width:92%;}
	.layer_pop.type2,
	.layer_pop.type3{left:4%;right:auto;width:auto;}
	.layer_pop.type4{top:0;left:4%;right:auto;width:auto;}
	.layer_pop .cont img{width:100%;}
	.layer_pop.type2 .cont img{width:auto;}
}
@media screen and (max-width:480px) {
	.layer_pop,
	.layer_pop.type2,
	.layer_pop.type3,
	.layer_pop.type4{left:2%;width:96%;}
}


/*상단배너-20240411*/
#headbanner1 {/* height: 110px; *//* width: 100%; *//* overflow: hidden; *//* background: none; *//* position: relative; */}
#headbanner1c{
	position:relative;
	box-sizing:border-box;
	height: auto; /* >=130*(768/1920) */
	overflow:hidden;
	display:none;
	background-color: #747474;
}
#headbanner1c .w1{
	display:block;
	height: auto;
	overflow:hidden;
	margin:0 -340px 0 0;
	font-size:0;
	margin: 0 auto;
	width:100%;
}
#headbanner1c img{
	width:auto;
	height:52px;
}
#headbanner1c .close1{
	position:absolute;
	right: 2px;
	bottom: 0;
	/*background:#000;*/
	border-radius:5px 5px 0 0;
	padding:2px 10px 3px;
}
#headbanner1c .close1 input[type='checkbox']{position:absolute;left:-9999px;}
#headbanner1c .close1 label{
	color:#fff;font-size:12px;
	cursor:pointer;	
}
#headbanner1c .close1 label:before{content:'';
	display:inline-block;
	width:16px;height:16px;
	background:#4a4a4a no-repeat 50% 50% / 10px 10px;
	border-radius:100%;
	vertical-align:top;
	margin:3px 5px 0 0;
}
#headbanner1c .close1 input[type='checkbox']:checked + label:before{background-image:url(../../img/inc/ic20a1check1.png)}
#headbanner1c .close1 a.close{
	display:inline-block;
	width:16px;
	height:16px;
	background:#fff url(../../img/inc/ic20a1close.png) no-repeat 50% 50% / 10px 10px;
	border-radius:3px;
	vertical-align:top;
	margin:5px 0 0 5px;
}

#headbanner1c .w1 img{height: 110px;max-width: 1920px;transform: translateX(-50%);margin-left: 50%;}
 /* /(max-width:1259px) */
@media all and (min-width:700px){
#headbanner1c .w1{margin:0}
}
@media (min-width: 981px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
#headbanner1c{/* height: 110px; */}
#headbanner1c .w1{margin:0 -340px 0 0}
#headbanner1c img{height:85px;}
#headbanner1c .close1 a.close{margin: 8px 0 0 2px;}
} /* /(min-width:768px) */
@media all and (min-width:1130px){
#headbanner1c .w1{margin:0}	
}
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
#headbanner1c{/* height: 110px; */}
#headbanner1c .w1{margin:0 -500px 0 0}
}
@media all and (min-width:790px){
#headbanner1c .close1{right: 10px;bottom: 75px;}
}
@media all and (max-width: 980px){
#headbanner1c .w1 img{width: 1750px;height: auto;transform: translateX(-50%);margin-left: 50%;}
}
@media all and (max-width: 570px){
#headbanner1c .w1 img{height:110px;width:280%;}	
}