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

/* Table of contents ))
 | Base Adjust
 | Layout[main+sub] Mobile First!
 | clearfix
 | #head, ..
 | ETC
 | @media print{} ))) sub.css
 | RWD ◇◆
 | @keyframes ◇◆
 */

/* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆ */

/* ☆@import url(base.css); */


/* base.css )) Overwrite. 20200316 ◆◆◆ */


/* ★ html{overflow-x:hidden;}
	 )) 한다면 Mobile 높이 100% 적용 배치에서 $(window).scrollTop() 값 구할 수 없다.
	 )) 안하면 Mobile 높이 100% 아닌 배치에서 $(window).scrollTop() 값 구할 수 없다.
 */
html {overflow-y:scroll}
body{
	background:#fff;
	color:#555; /* ☆#555 */
	font-weight:400;
	font-size:1em; /* (((16px */
	line-height:1.75; /* ☆ */
	letter-spacing:-.05em; /* (-.5px/16px) */
	overflow:hidden; /* ★ Mobile 콘텐츠 가로범람 배치어긋남 방지 */
}


[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'Apple SD Gothic Neo',
		'Microsoft JhengHei',
		'Meiryo',		
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}


/* ◇◆ 공용 ◇◆ */


/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.전체 20200311. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:290px; /* ☆ */
	margin:0 15px; /* ☆ */
}
#container{position:relative;}
	#head{clear:both;
		position:relative;
	}
	#head.scroll-top-gt-this{ /* ☆ */
		border:0;
		background:rgba(0,0,0, .8);
	}
		#head_s1{position:relative;}
			[id*='head_']>.container{
				margin:auto;
			}
			#head_s1>.container{}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body{
				position:relative;
			}
	#wing{display:block;z-index:10;position:relative;} /* ((( sub.css */
	#foot{clear:both;position:relative;background:#343d4c;z-index:1
}
		#foot_s1{
			background:#eee;
		}
			[id*='foot_']>.container{}
			#foot_s1>.container {padding:10px 0}
			#foot_s2>.container{padding:0 0 40px;text-align:center}


/* 배치.유틸 20200311 */
.width1expand1{
	margin-left:-20px;
	margin-right:-20px;
}


/* ☆ 모바일 감춤 20200311 */
#anb1{display:none;}


/* only Desktop BG image Preload 20200311 */
/* none */


/* #head */


/* 로고 20200311 */
h1#logo{
	display:inline-block;
	z-index:40; /* ( z > #tnb1c ) */
	position:relative;
	margin:40px 80px 0 20px; /* () (우요소) () (좌요소) */
	font-size:0;
	line-height:0;
	text-align:left;
}
h1#logo a{display:block;
	z-index:10;
	position:relative;
}
h1#logo img{display:inline-block;
	width:auto;
	max-width:100%;
	height:47px; /* ((56*2)/3) */
	padding:11px 0; /* (주메뉴 덮는다) */
	vertical-align:middle;
}


/* 글로벌내비. 20200311 */
#gn1{
	z-index:40; /* ( z > #tnb1c ) */
	position:absolute;left:0;right:0;top:0;
	border-bottom:1px solid #eee;
	overflow:hidden;
}
#gn1 ul{
	float:right;	
}
#gn1 li{float:left;
}
#gn1 .a1{position:relative;display:block;
	padding:10px 16px;
	color:#777;
	font-size:.875em;
	line-height:20px;
}

#gn1 .a1 .ic1{display:inline-block;
	width:15px;height:15px;
	margin:0 0 0 8px;
	background:url(https://www.gimhae.go.kr/_res/portal/img/inc2020/bn1instagram@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}

#gn1 .a1 .ic2{display:inline-block;
	width:15px;height:15px;
	margin:0 0 0 2px;
	background:url(/_res/hwapo/img/inc/bn1blog@3x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}

#gn1 .a1:before {position:absolute;top:calc(50% - 7px);left:0;content:"";display:block;width:1px;height:14px;background:#d1d1d1;}
#gn1 li:first-child .a1:before {display:none;}

#gn3{
	float:left;
	z-index:40;
	position:absolute;right:0;top:35px;
	min-height:35px;
	color:#fff;
}
#gn3 a{display:block;
	min-width:90px;
	padding:7px 10px;
	background:#2a2f42;
	color:#fff;
	font-weight:400;
	font-size:13px;
	line-height:18px;
}
#gn3 a.toggle{display:inline-block;
	width:auto;
	margin:0;
	padding:7px 10px;
	background:none;
	color:#099;
	font-size:0;
	text-align:center;
}
#gn3 a.toggle>.t1{display:inline-block;
	font-size:13px;
	vertical-align:middle;
}
#gn3 a.toggle>.ic1{display:inline-block;
	width:0;height:0;
	margin:-2px 4px;
	border:4px solid transparent;
	border-top-color:#099;
	border-bottom:0;
	overflow:hidden;text-indent:100%;
	vertical-align:middle;
	transition:.2s;
}
#gn3 a.toggle.on>.ic1{
	transform:rotate(180deg);
}
#gn3c{display:none;z-index:30;position:absolute;left:0;right:0;}
#gn3c ul{}
#gn3c li{}
#gn3c li>a{border-bottom:1px solid rgba(255,255,255, .1);}
#gn3c li>a:hover,
#gn3c li>a:focus{
	background:#000;
	color:#fff;
}




/* 메뉴(픽1글1)중앙정렬. 20200311 */
#tn1{display:block;
	z-index:40; /* ( z > #tnb1c ) */
	position:absolute;
	right:60px;
	top:52px;
}
#tn1 ul{
	float:right;	
	font-size:0;
}
#tn1 li{display:inline-block;
	vertical-align:top;
}
#tn1 li a{display:block;
	box-sizing:border-box; /* ☆ */
	height:40px;
	padding:0 9px;
	border:1px solid #ddd;
	border-radius:9999px;
	background:#f7f7f7;
	color:#0a45a3;
	font-weight:600;
	font-size:1em;
}
#tn1 li .t1{display:inline-block;
	position:absolute;left:-9999px;
	width:0;
	vertical-align:middle;
	overflow:hidden;
}
#tn1 li .ic1{display:inline-block;
	width:20px;
	height:100%;
	background:url() no-repeat 50% 44%;
	background-size:contain;
	vertical-align:middle;
}
#tn1 .m1 .ic1{background-image:url(../../img/inc/ic40a2c2bell1.png);}


/* #tnb1 (not))) 미디어쿼리 max-width:1259px 안으로 보냄 */


/* #wing */



/* #foot */
/* 배너(이미지) 20180706. 글자형. [JS] jQmTicker1(); */
#banner1{display:block;clear:both;position:relative;
	height:24px;
	margin:8px 0;
}
#banner1 .h1{float:left;
	position:absolute;left:-9999px;
	padding:0 10px 0 0;
	color:#333;
	font-weight:600;
	font-size:16px;
	line-height:24px;
}
#banner1 .mControl{float:left;
	padding:0 10px 0 0;
}
#banner1 .mControl .b1{display:inline-block;
	position:relative;
	width:20px;height:24px;
	box-sizing:border-box; /* for a and button */
	margin:0;padding:0;
	border-radius:50%;
	border:0;
	background:transparent;
	font-size:0;line-height:0;
	vertical-align:middle;
	text-indent:-9999px;
	/* overflow:hidden; */ /* ☆[IE8]fix) button 자손 position 위치 결함 있으니 overflow:visible; 유지한다! */
}
#banner1 .mControl .b1>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:10px;height:10px;margin:-5px;
	background:url() no-repeat center center;background-size:contain;
}
#banner1 .mControl .b1.stop>.ic1{background-image:url(/_res/portal/img/inc2020/ic20a2c1pause1@2x.png);}
#banner1 .mControl .b1.prev>.ic1{background-image:url(/_res/portal/img/inc2020/ic20a2c1left1@2x.png);}
#banner1 .mControl .b1.next>.ic1{background-image:url(/_res/portal/img/inc2020/ic20a2c1right1@2x.png);}
#banner1 .mControl .b1.more>.ic1{background-image:url(/_res/portal/img/inc2020/ic20a2c1bars1@2x.png);}
/* ☆ */
#banner1 .mView{position:relative;
	height:24px;
	overflow:hidden;
}
#banner1 .mCont{position:absolute;left:0;top:0;
	width:100%;
	margin:0 0 0 -1px;
	overflow:hidden;
	transition:.2s ease-out;
}
#banner1 .mContC{display:table;
	float:left;
}
#banner1 .mContC>a{display:table-cell;
	height:24px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
#banner1 .mContC>a .t1{display:block;
	position:relative;
	padding:0 20px;
	color:#000;
	font-size:14px;
	line-height:24px;
	vertical-align:middle;
}
#banner1 .mContC>a .t1:after{content:'';display:inline-block;
	position:absolute;left:0;top:50%;
	width:0;height:10px;
	margin:-5px 0;
	border-left:1px solid #000;
}


/* 내비 20200311 */
#fn1{
	position:relative;
	margin:auto;
	padding:35px 0 10px;
	overflow:hidden;
}
#fn1 ul{
	position:relative;
	margin:0 -12px;	
	overflow:hidden;
}
#fn1 li{position:relative;display:inline-block;
	margin:0 0 0 -1px;
	padding:0 0 1px;
	vertical-align:top;
}
#fn1 li>a{display:block;
	padding:.375em 12px;
	color:#fff;
	font-size:.875em;
	letter-spacing:-.075em;
	white-space:nowrap;
}
#fn1 li>a strong{
	color:#ffe359;
	font-weight:600;
}
#fn1 li>a:hover,
#fn1 li>a:focus{
	text-decoration:underline;
}
#fn1 li a:after {position:absolute;top:calc(50% - 6px);right:0;content:"";display:block;width:1px;height:12px;background:#fff;}
#fn1 li:last-child a:after{display:none;}


/* 작성자(연락처/저작권) 20200311 */
#author1{
	clear:both;
	position:relative;
	min-width:280px;
	padding:.5em 0 0;
	color:#fff;
	font-size:.938em;
	line-height:1.5;
	overflow:hidden;
}
#author1 a{ /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
	color:inherit;
}
#author1 .address{
	margin:0;
}
.telinfo {margin:8px 0}
.telinfo li {display:inline-block;vertical-align:top;margin:0 5px;}
#author1 .nophishing{
	margin:1em 0 0;
	font-size:1em;
}
#author1 .copyright{display:block;
	margin:.333em 0 1em;
	color:#fff;
	font-size:1em;
	line-height:1.5;
	letter-spacing:0;
}


/* 위로 20200311 */
#gotop1 {position:fixed;bottom:20px;right:-95px;width:42px;height:42px;background:rgba(0,0,0,.5);border-radius:50%;transition:right .4s ease;z-index:100}
#gotop1.on {right:20px}
#gotop1 .ic1 {position:absolute;top:calc(50% - 6px);left:calc(50% - 6px);display:block;width:12px;height:12px;border:2px solid #fff;transform:rotate(45deg);border-bottom:0;border-right:0;box-sizing:border-box;}
#gotop1 .t1 {position:absolute;top:-1000em;left:-1000em;width:1px;height:1px;overflow:hidden;}
@media all and (min-width:500px){
	#gotop1 {width:49px;height:49px;}
}
@media all and (min-width:768px){
	#gotop1 {width:70px;height:70px;}
	
	#gn1{z-index: 40;
    position: absolute;
    left: 0;
    right: 150px;
    top: 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;}


	#gn3{
	position:absolute;right:0;top:0;
}
#gn3 a.toggle{
	padding:12px 16px 13px;
	border-left:0;
	background:#bcc1ca;
	color:#464c56;
}
#gn3 a.toggle>.ic1{
	border-top-color:#464c56;
}


}

/* ETC */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (max-width:767px){/* small ◇◆◇◆◇◆◇◆◇◆ */
} /* /(max-width:767px) */
@media all and (max-width:1259px){/* small medium large ◇◆◇◆◇◆◇◆◇◆ */


/* 주메뉴 20200311. makeActive2ClickHover('#tnb1'); */
#tnb1{
	position:absolute;left:0;right:0;top:0;
	width:100%;
	margin:auto;
	line-height:1.375;
}
#tnb1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:14px;
	top:57px; /* (화면확인) */
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	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{}
#tnb1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc/ic80a1c1close1@2x.png);
}
#tnb1c{display:block !important; /* ☆ */
	visibility:hidden; /* ☆ */
	z-index:100; /* ☆ */
	position:fixed; /* ☆ */
	left:auto;
	right:-270px;
	top:0;bottom:0;
	width:270px;
	height:auto !important; /* ☆ PC용 JS로 마든 style 속성 초기화 */
	/* margin:100px 0 0; */ /* (#height 높이) */
	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;
	/* margin:100px 0 0; */ /* (#height 높이) */
	background:#000;
	background-color:rgba(0,0,0, .6);
	opacity:0;
	transition:.0s;
}
#tnb1c.on>.bg{visibility:visible;
	opacity:1;
	transition:.2s;
}
/* ☆ */
#tnb1c .b2{display:inline-block;
	z-index:110;
	position:absolute;left:-50px;top:0;
	width:50px;height:50px;
}
#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{background-color:#fff;}
#tnb1c .b2.close>.ic1{
	background-image:url(../../img/inc/ic80a1c1close1@2x.png);
}
#tnb1c .d1 ~ .b2.close>.ic1{
	opacity:0;
}
/* ☆ */
#tnb1c>div.cont{
	display:none; /* [All]키보드지나감방지 */
	position:relative;
	right:-200%;
	box-sizing:border-box; /* ☆ */
	width:100%;
	height:100%;
	background:#0091d6;
	overflow-y:auto; /* ☆ */
	/* ★☆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;
	/* min-height:100%; ☆ */
	background:#0060c4;
	overflow:hidden;
}
#tnb1 div.d1>ul{position:relative;
	margin:-1px 0 0;
	overflow:hidden;
}
#tnb1 div.d1>ul>li{display:inline;position:relative;} /* ☆ */
#tnb1 div.d1>ul>li>a{display:table;
	table-layout:fixed; /* ☆ */
	z-index:20; /* .d2 보다 높여준다 */
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	border-top:1px solid rgba(255,255,255, .1);
	background:url() no-repeat 93.5% 50%;
	color:#fff;
	font-size:17px;
	word-break:keep-all;
	word-wrap:break-word;
}
#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
	padding:.75em 18px; /* ☆ */
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d1bg1has.png);
}
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus{}
/* depth1 활성 */
#tnb1 div.d1>ul>li.on>a{
	background-color:#0c4da2;
	background-image:url(../../img/inc/tnb1d1bg1on.png);
	font-weight:600;
}
/* depth2~3 */
#tnb1 li>div[class^='d']{
	display:none;visibility:hidden;
	height:0;opacity:0;
	/* transition:.2s; */
}
#tnb1 li.on>div[class^='d']{
	display:block;visibility:visible;
	height:auto;opacity:1;

}
/* depth2 */
#tnb1 li>div.d2{
	background:#09a69f;
}
#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 div.d2>a.smain>.ic1{
	position:absolute;right:0;top:50%;
	width:20px;height:20px;
	margin:-10px 10px;
	background:url(../../img/inc/ic40fa1c1home1.png) no-repeat center center;
	background-size:contain;
}*/
#tnb1 div.d2>ul>li{position:relative;}
#tnb1 div.d2>ul>li>a{display:block;
	z-index:10;
	position:relative;
	padding:.75em 28px;
	background:url(../../img/inc/tnb1d2bg1.png) no-repeat 93.5% 50%;
	color:#fff;
	font-size:15px;
	border-top:1px solid rgba(255,255,255,.2);
	transition:.2s;
}
#tnb1 div.d2>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d2bg1has.png);
}
#tnb1 li.on>div.d2>ul>li.on>a{
	background-image:url(../../img/inc/tnb1d2bg1on.png);
	color:#fff;
	font-weight:600;
}
#tnb1 li.on>div.d2>ul>li.hasSub.on>a{
	background-image:url(../../img/inc/tnb1d2bg1has1on.png);
	color:#fff;
	font-weight:400;
}
#tnb1 li.on>div.d2>ul>li:first-child.hasSub.on>a{
}
/* depth3 */
#tnb1 li>div.d3{
	padding:.625em 0;
	background:#e0e0e0;
}
#tnb1 div.d3>.bg{display:none;} /* ☆ */
#tnb1 div.d3>ul{margin:-1px 0 0;}
#tnb1 div.d3>ul>li{position:relative;}
#tnb1 div.d3>ul>li>a{display:block;
	z-index:10;
	position:relative;min-height:0;
	padding:.625em 28px;
	/* border-top:1px solid rgba(0,0,0, .1); */
	background:url(../../img/inc/tnb1d3bg1.png) no-repeat 93.5% 50%;
	color:#444;
	font-size:14px;
}
#tnb1 div.d3>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d3bg1has.png);
}
#tnb1 li.on>div.d3>ul>li.on>a{
	background-image:url(../../img/inc/tnb1d3bg1on.png);
	color:#000;
	font-weight:600;
}
/* depth4 */
#tnb1 li>div.d4{
	padding:0 0 .5em;
	/* background:#f4f4f4; */
}
#tnb1 div.d4>.bg{display:none;} /* ☆ */
#tnb1 div.d4>ul{margin:-1px 0 0;}
#tnb1 div.d4>ul>li{position:relative;}
#tnb1 div.d4>ul>li>a{display:block;
	z-index:10;
	position:relative;min-height:0;
	padding:.375em 38px;
	border-top:0 solid #666;
	background:url(../../img/inc/tnb1d4bg1.png) no-repeat 28px 50%;
	color:#666;
	font-size:13px;
}
#tnb1 div.d4>ul>li.hasSub>a{
	/* background-image:url(../../img/inc/tnb1d4g1has.png); */
}
#tnb1 li.on>div.d4>ul>li.on>a{
	/* background-image:url(../../img/inc/tnb1d4bg1on.png); */
	color:#000;
	font-weight:600;
}

/* 20200311 새 창 */
#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:12px;height:12px;
	margin:0 0 4px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}


} /* /(max-width:1259px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


	#head{}
		#head_s1{}
			#head_s1>.container{}


h1#logo img{
	height:44px;
	padding:16px 0 23px;
}

#tnb1 .b1.toggle{
	top:62px;
	right:20px;
}

#tn1{
	top:62px;
	right:70px;
}
#tn1 li .t1{
	position:static;
	width:auto;
}



} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */

.container {max-width:none;margin:auto 15px;}

.width1expand1{
	margin-left:-160px; /* (1260-940)/2 */
	margin-right:-160px;
}

#foot_s2>.container {text-align:left;}
#author1 .address, .telinfo {display:inline-block;vertical-align:top;}
.telinfo {margin-top:0;margin-bottom:0;font-size:1.071em;}
.telinfo li {margin-left:18px;margin-right:0;}

} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


.container{
	width:auto; /* ☆ */
	max-width:1200px; /* ☆ */
	margin:auto; /* ☆ */
}
	#head{}
		#head_s1{}
			#head_s1>.container{}


.width1expand1{
	margin-left:-360px; /* (1200-1920)/2 */
	margin-right:-360px;
}


h1#logo{
	margin:0;
}
h1#logo img{
	height:88px;
	padding:26px 0 19px;
}

#gn1{
	left:auto;
	right:150px;
	top:12px;
	border:0;
}
#gn1 li:last-child .a1 {padding-right:0}

#tn1{
	right:290px;
	top:30px;
}

#banner1 .h1{float:left;
	position:relative;left:auto;
}


#fn1{
}
#fn1 ul{
}
#fn1 li>a{
	font-size:16px;
}

#author1{
	font-size:15px;
}


/* 주메뉴 20200311. makeActive2ClickHover('#tnb1');
 * 1차 inline배치. 하위absolute배치. 2차 inline배치. 3차~없음.
 */
#tnb1{
	/* z-index:20; ☆쌓임맥락만들지마요! */
	position:absolute;left:0;right:0;
	top:40px; /* ☆ margin-top:-값; 하면 #visual 의 margin-top:-값; 이 먹통되어 absolute 로 해결 */
	width:auto;
	height:76px; /* ☆ */
	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:30; /* ( z > #bn1 ) */
	position:relative; /* ☆ */
	height:100%;
	margin:0 -1000px;
	padding:0 1000px;
	background:none; /* ☆ */
}
#tnb1c:before{content:'';
	display:none;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#3d9d37; /* ☆ */
	visibility:hidden;
	opacity:1;
}
#tnb1c>.bg{
	z-index:0; /* ( z 최소값 ) */
	position:absolute;left:0;right:0;top:0;
	height:76px; /* ☆ */
	background:#fff;
	opacity:0;
}
/* ☆ .over */
#tnb1c.over{
	display:block;
	visibility:visible;
	/* height:600px; ☆))[JS] */
}
#tnb1c.over:before{
	visibility:visible;
}
#tnb1c.over>.bg{
	opacity:1;
}
/* ☆ */
#tnb1c>div.cont{float:none;
	position:relative;
	min-height:100%;
	margin:auto;
	padding-left:100px;padding-right:70px
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆ */
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	width:100%;
	min-height:100%;
	padding:0; /* ☆ */
	background:transparent;
	overflow:visible;
}
#tnb1 div.d1>ul{width:100%;
	min-height:0; /* >=1차메뉴전체높이 */
	text-align:right;
	/* border-right:1px solid #eee; */
	/* overflow:hidden; */
}
#tnb1 div.d1>ul>li{display:inline-block;vertical-align:top;
	position:relative; /* ☆ */
	width:auto; /* 전체메뉴폭 고려 (1200-340)/5 ((100/5 */
}

/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
#tnb1 div.d1>ul>li.m8 ~ li{display:none;} /* ☆ */

#tnb1 div.d1>ul>li>a{display:block;
	position:relative;
	height:76px; /* ☆ */
	padding:0 18px; /* (약간 여유) */
	border-right:0;
	color:#000;
	font-size:0;
	font-weight:bold;
	text-align:center;
}
#tnb1 div.d1>ul>li:first-child>a{}
#tnb1 div.d1>ul>li:last-child>a {padding-right:0}
#tnb1 div.d1>ul>li>a:before{content:'';
	display:block;
	position:absolute;left:0;top:50%;
	width:11px;
	height:11px;
	margin:-6px -5.5px;
	/* background:url(../../img/inc/tnb1d1sep1.png); */
	transition:.2s;
}
#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{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:100%;
	padding:26px 0; /* ((76-24)/2) */
	font-size:19px;
	line-height:24px;
	letter-spacing:-.065em;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li>a>.t1:before{content:'';display:inline-block; /* △ */
	position:absolute;left:calc(50% - 7px);bottom:0;
	width:0;border-width:7px;border-style:solid;border-color:transparent;
	transition:.2s;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{}
#tnb1 div.d1>ul>li.on>a {color:#037FC0}

/* ★ 주메뉴 전체 오버(포커스) */
#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{
	color:#037FC0;
}
#tnb1 div.d1>ul>li>a:hover>.t1:before,
#tnb1 div.d1>ul>li>a:focus>.t1:before,
#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before{
	border-color:transparent transparent #037FC0 transparent 
}

/* 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;
}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	position:absolute;left:-10px;right:-10px;
	top:76px; /* ☆ */
}
#tnb1 li.m6>div.d2 {right:-40px}
#tnb1 div.d2>.bg{} /* 1차메뉴별 배경 */
/* 데스크탑 only 좌 1차제목.. */
#tnb1 div.d2>.hg1{}
#tnb1 div.d2>.hg1>.h1{}
#tnb1 div.d2>.hg1>.h2{}
#tnb1 div.d2>.hg1>.ic1{}
#tnb1 div.d2>ul{
	z-index:20;
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	box-sizing:border-box; /* ☆ */
	width:100%; /* ☆ */
	max-width:1200px;
	margin:auto; /* ☆ */
	padding:15px 5px;
	overflow:hidden;
	text-align:left;
	background:#037FC0
}
#tnb1 div.d2>ul>li{
	display:block;
	position:relative;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	float:none;
	position:relative;
	box-sizing:border-box; /* ☆ */
	min-height:20px;
	padding:4px 10px;
	color:#fff;
	font-weight:400;
	font-size:15px;
	line-height:22px;
	margin:1px 0;transition:.3s;
}
#tnb1 div.d2>ul>li~li>a:before{content:''; /* | */
	display:block; /* ☆ */
	position:absolute;
	left:0;
	top:50%;
}
#tnb1 div.d2>ul>li.hasSub>a{}
#tnb1 div.d2>ul>li.on>a{
	color:#fff;
	font-weight:bold;
}
#tnb1 div.d2>ul>li>a>.ic1 {position:absolute;top:13px;left:5px;display:inline-block;vertical-align:middle;width:0;height:2px;background:#fff;transition:all .2s ease}
#tnb1 div.d2>ul>li.on>a>.ic1, #tnb1 div.d2>ul>li.over>a>.ic1 {left:0;width:5px;}
#tnb1 div.d2>ul>li.on>a:before{}
#tnb1 div.d2>ul>li.hasSub.on>a{
}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d2{
	z-index:30;
}
#tnb1 div.d2>ul>li.over>a{}
#tnb1 div.d2>ul>li.hasSub.over>a{}
#tnb1 div.d2>ul>li.on.over>a{}
#tnb1 div.d2>ul>li.hasSub.on.over>a{}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus{
	color:#fff;
}
#tnb1 div.d2>ul>li.on>a{}
#tnb1 div.d2>ul>li>a:hover:before,
#tnb1 div.d2>ul>li>a:focus:before,
#tnb1 div.d2>ul>li.on>a:before{}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}

/* depth3 */
#tnb1 div.d3{display:none !important;}

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

/* 서브메인링크 */
#tnb1 a.smain{display:none;} /* ☆ */

/* 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:12px;height:12px;
	margin:0 0 4px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}

/* 작업확인용.★☆ToEdit) */
/* #tnb1 li.m1>div.d2{
	display:block;
	visibility:visible;height:auto;opacity:1;
} */
/* ☆#tnb1 div.d1>ul>li.on>div.d2{
	display:block;
	visibility:visible;height:auto;opacity:1;
} */


/* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */


/* 전체메뉴 20200311 */
#anb1{display:block;
	position:absolute;left:0;right:0;top:0;
}
#anb1 .b1{float:left;
	z-index:40;
	position:absolute;
	right:0;
	top:51px;
	box-sizing:border-box; /* ☆ */
	width:50px;height:50px;
	overflow:hidden;
	text-indent:-9999px;
}
#anb1 .b1 .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url(../../img/inc/ic80a1c1bars5@2x.png) no-repeat center center;background-size:contain;
}
#anb1 .b1.toggle.on{}
#anb1 .b1.toggle.on .ic1{/* background-image:url(../../img/inc/ic40a1c1x1.png); */}
#anb1 .b1.close{
	top:-60px;background:#fff;right:0;	
}
#anb1 .b1.close .ic1{background-image:url(../../img/inc/ic80a1c1close1@2x.png);}
#anb1 .b1:focus{
	outline:1px dotted #000;
}
/* ☆ */
#anb1c{display:none;
	/* display:block !important;☆ */
	z-index:100;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .7);
}
#anb1c.on{display:block;}
#anb1c>.bg{}
#anb1c>div.cont{position:relative;
	width:1200px;
	margin:113px auto;
	background:#fff;
}
#anb1c.on>.bg{}
#anb1c.on>div.cont{}
/* ☆ */
#anb1 .h1{
	padding:.5625em;
	background:#046fd9;
	background:linear-gradient(-25deg, #0a6 0, #046fd9 40%, #046fd9 100%);
	color:#fff;
	font-weight:400;
	font-size:24px;
	text-align:center;
}
/* depth1 */
#anb1 div.d1{
	padding:30px 0;
}
#anb1 div.d1>ul{
	font-size:0;
	text-align:left;
	overflow:hidden;
}
#anb1 div.d1>ul>li{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:20%; /* (100/5) */
	padding:0 30px;
	vertical-align:top;
}
#anb1 div.d1>ul>li>a{display:block;
	position:relative;
	padding:.5em 0;
	border-bottom:2px solid #046fd9;
	font-weight:600;
	color:#444;
	font-size:19px;
	word-break:keep-all;
	word-wrap:break-word;
	text-align:center;
}
#anb1 div.d1>ul>li>a:hover,
#anb1 div.d1>ul>li>a:focus{}
#anb1 div.d1>ul>li>a>.ic1{}
#anb1 div.d1>ul>li>a>.t1{}
/* depth2 */
#anb1 div.d2{}
#anb1 div.d2>ul{
	padding:16px 10px;
}
#anb1 div.d2>ul>li{display:inline;}
#anb1 div.d2>ul>li>a{display:block;
	padding:.25em 0 .25em 12px;
	background:url(../../img/inc/bu1.png) no-repeat 0 50%;
	color:#444;
	font-size:16px;
}
#anb1 div.d2>ul>li>a:hover,
#anb1 div.d2>ul>li>a:focus{
	color:#29b;
}
/* depth3 */
#anb1 div.d3>ul{
	display:none; /* ☆ */
	margin:4px 0;
	padding:6px 12px;
	background:#f9f9f9;
}
#anb1 div.d3>ul>li{display:inline;}
#anb1 div.d3>ul>li>a{display:block;
	padding:.375em 0 .375em 8px;
	background:url(../../img/inc/bu2.png) no-repeat 0 12px;
	color:#666;
	font-weight:normal;
	font-size:16px;
}
#anb1 div.d3>ul>li>a:hover,
#anb1 div.d3>ul>li>a:focus{text-decoration:underline;}

/* 20191220 새 창 */
#anb1 div.d1>ul>li>a[target='_blank']:after,
#anb1 div.d2>ul>li>a[target='_blank']:after,
#anb1 div.d3>ul>li>a[target='_blank']:after{ /* [IE8+] */
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 4px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}


} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */