@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, CSS Adjust and Add
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.07.16 | 문영신 | 최초 등록
 * 2019.07.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.09.03 | 양미정 | #tnb1 div.d2>ul>li.on>a, 왼쪽메뉴 색상변경, h2등 기타 스타일 추가
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.04.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | 공통 스타일과 다른 개별 스타일 겹쳐 쓰다!
 | RWD ◇◆
 */

/* ◇◆ all.css, sub.css, lib*.css  )) Overwrite. 20190719. ◇◆◇◆◇◆◇◆◇◆ */


#foot_s3>.container{padding:30px 0;}


/* 글로벌내비.분리 20190719 */
#gn2{
	z-index:10;
	position:absolute;right:0;top:0;
	overflow:hidden;
}
#gn2 ul{
	font-size:0;
	text-align:center;
}
#gn2 li{display:inline-block;
	padding:0 0 0 1px;
	background:url(../../img/inc/gn2s.png) no-repeat 0 50%;
}
#gn2 li:first-child{
	background:none;
}
#gn2 a{display:block;
	position:relative;
	height:20px;
	padding:11px 14px;
	overflow:hidden;
}
#gn2 a .t1{display:inline-block;
	position:static;
	color:#000;
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
}
#gn2 a .ic1{
	display:none;
}


h1#logo{
	margin-right:70px;
}


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


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */


/* 날씨 20190719 */
#weather3{display:block;
	position:relative;
	margin:auto;
	padding:20px;
	background:#f7f7f7;
	border-top:1px solid #eee;
	color:#000;
	text-align:center;
}
#weather3 .wrap1{}
#weather3 .ic1{display:inline-block;
	width:60px;height:60px;
	margin:-8px 0;
	vertical-align:middle;
}
#weather3 .ic1 img{
	width:100%;
	height:auto;
}
#weather3 .tg1{display:inline;
	vertical-align:middle;
}
#weather3 .t1{display:inline-block;
	margin:0 6px;
	font-weight:600;
	font-size:34px;
	line-height:34px;
	vertical-align:middle;
}
#weather3 .t1t1{}
#weather3 .t1t2{
	font-size:22px;
}
#weather3 .t2{display:inline-block;
	margin:6px 0;
	padding:5px 12px;
	border-radius:9999px;
	background:#959595;
	color:#fff;
	font-weight:400;
	font-size:13px;
	line-height:16px;
	vertical-align:middle;
}
#weather3 .t3{display:inline-block;
	font-size:13px;
	margin:0;
	vertical-align:middle;
}
#weather3 .t3t1{display:inline-block;
	padding:0 8px;
}
#weather3 .t3t2{display:inline-block;
	position:relative;
	padding:0 8px;
}
#weather3 .t3t2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:10px;
	margin:-5px 0;
	border-left:1px solid #888;
}








/* #visual 20190719 */
#visual{display:block;
	z-index:-1; /* ☆ */
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:110px; /* >=768*(272/1920) */
}
#visual [class*='v1']{display:block;
	position:relative;
	height:100%;
	margin:0 -1000px;
	overflow:hidden;
}
#visual img{display:block;
	width:auto;
	height:100%;
	margin:auto;
}


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



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


h1#logo{
	margin-top:16px;
	margin-bottom:16px;
}


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


h1#logo{
	margin-left:70px;
	margin-right:70px;
	text-align:center;
}


#visual{
	height:180px; /* >=1260*(272/1920) */
}


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


#tnb1 .b1.toggle{
	right:0;
}


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


#head_s1{
	height:0;
}
#body>.container{
	/*padding-bottom:0; */ /* ☆ #body_foot 높이 */
}
	#body_head{
		margin:-68px 0 0;
	}
	#body_head:before{
		bottom:auto;
		height:68px;
		background:rgba(0,0,0, .42);
	}
		#body_head_s1{
			height:68px;
		}
			#body_head_s1>.container{}
		#body_head_s2{}
			#body_head_s2>.container{
				padding:22px 0 6px;
				border-bottom:1px solid #d7d7d7;
			}


#gn2{
	left:0;right:auto;top:28px;
}


/* 주메뉴 20190719. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 분리
 * 1차 inline배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	float:left;position:absolute;
	left:-1000px;right:-1000px;
	top:0;
	width:auto;
	height:60px;
	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 url(../../img/inc/tnb1bg2.png) center bottom;
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{
	z-index:0; /* ( z 최소값 ) */
	position:absolute;left:0;right:0;top:0;
	height:59px;
	background:#fff;
	border-top:1px solid #d7d7d7;
}
#tnb1c.on>.bg{}
#tnb1c>div.cont{float:none;
	position:relative;right:auto;
	width:1200px; /* ☆ */
	min-height:100%;
	margin:0 auto;
	box-shadow:none;
}
#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차메뉴전체높이 */
	/* border-right:1px solid #eee; */
	/* overflow:hidden; */
}
#tnb1 div.d1>ul>li{display:inline;
	float:left;
	position:static; /* ☆ */
	width:16.666%; /* 전체메뉴폭 고려 ((100/6 */
}
/* ☆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:18px 20px; /* (약간 여유) */
	border-right:1px solid #ddd; /* ☆ */
	color:#000;
	font-size:0;
	font-weight:600;
	text-align:center;
}
#tnb1 div.d1>ul>li:first-child>a{
	border-left:1px solid #ddd; /* ☆ */
}
#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{display:inline-block;
	/* position:relative; */
	font-size:19px;
	line-height:24px;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	/* color:#04a; */
}

/* ★ 주메뉴 전체 오버(포커스) */
#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:#04a; */
}
#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;
}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	z-index:20;
	position:absolute;left:0;top:0;
	width:1200px;
	height:0;
	margin:60px -360px 0; /* ☆ */
	padding:0 360px;
	background:#fff url(../../img/inc/tnb1bg2.png) center bottom;
	/* box-shadow:0 1px 0 0 rgba(0, 0, 0, .5); */
	box-shadow:inset 0 4px 4px 0 rgba(0, 0, 0, .1);
}
#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
	height:0;
	margin:0 -360px;
	/* border-top:1px solid #f00; */
}
/* 데스크탑 only 좌 1차제목.. */
#tnb1 div.d2>.hg1{display:block;
	float:left;
	position:absolute;left:360px;top:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	width:266px;
	padding:30px 12px;
	text-align:left;
}
#tnb1 div.d2>.hg1>.h1{display:block;
	z-index:10;
	position:relative;
	color:#00a651;
	font-weight:600;
	font-size:32px;
	letter-spacing:-3px;
}
#tnb1 div.d2>.hg1>.h2{display:block;
	z-index:10;
	position:relative;
	margin:10px 0 290px;
	color:#00004c;
	font-size:15px;
}
#tnb1 div.d2>.hg1>.ic1{display:block;
	position:absolute;right:0;bottom:0;
	width:230px;
	height:260px;
	background:url() no-repeat right bottom;
}
#tnb1 .m1 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p01.png);}
#tnb1 .m2 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p02.png);}
#tnb1 .m3 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p03.png);}
#tnb1 .m4 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p04.png);}
#tnb1 .m5 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p05.png);}
#tnb1 .m6 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p06.png);}
#tnb1 .m7 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p07.png);}
#tnb1 .m8 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p08.png);}
#tnb1 .m9 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p09.png);}
#tnb1 div.d2>ul{
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	box-sizing:border-box; /* ☆ */
	width:934px; /* ☆ */
	min-height:268px; /* ( .hg1>.ic1{height} + box-shadow) */
	margin:0 0 0 266px; /* ☆ */
	padding:35px;
	font-size:0; /* ☆ */
	overflow:hidden;
}
#tnb1 div.d2>ul>li{
	display:inline-block;
	clear:none;
	float:none;
	position:relative;
	width:33.333%;
	vertical-align:top;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	float:none;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:auto;
	min-height:43px;
	margin:8px;
	padding:11px 26px 11px 16px;
	background:#f4f4f4;
	color:#444;
	font-weight:400;
	font-size:15px;
	line-height:21px;
}
#tnb1 div.d2>ul>li:first-child>a{
	border-top-color:transparent;
}
#tnb1 div.d2>ul>li>a:before{content:''; /* > */
	display:block; /* ☆ */
	position:absolute;
	right:0;
	top:21.5px; /* (43/2) */
	width:13px;height:13px;
	margin:-6.5px 16px;
	border:0;
	background:url(../../img/inc/tnb1d2bg2.png) no-repeat;
	overflow:hidden;text-indent:100%;
}
#tnb1 div.d2>ul>li.hasSub>a{}
#tnb1 div.d2>ul>li.on>a{
	z-index:20;
	font-weight:600;
}
#tnb1 div.d2>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc/tnb1d2bg1hason.png); */
}

/* ★ 오버(포커스) */
#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,
#tnb1 div.d2>ul>li.on>a{
	border:0;
	background:#009348;
	color:#fff;
}
#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;
	background-image:url(../../img/inc/tnb1d2bg2on.png);
}
#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;} /* ☆ */

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

/* 작업확인용.★☆ToEdit) */
/* #tnb1 li.m2>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;
} */


/* #gotop1 .ic1{
	background-image:url(../../img/inc/ic25a1c3up1.png);
} */


#weather3{
	display:inline-block;
	position:absolute;right:0;top:50%;
	height:56px;
	margin:-28px 0;
	padding:0;
	background:none;
	border:0;
	text-align:right;
}
#weather3 .tg1{
	display:inline-block;
	text-align:left;
}
#weather3 .t1{
	vertical-align:bottom;
}
#weather3 .t2{
	vertical-align:bottom;
}
#weather3 .t3{
	display:block;
}


#visual{
	height:272px;
}


#location1{
	margin:14px 0 0;
}
#location1:before,
#location1:after{
	display:none;
}
#location1 .breadcrumb{
	left:0;
}
#location1 a{
	color:#fff;
}
#location1 .sep{
	background:url(../../img/inc/location1sep.png) no-repeat center center;
}
#location1 .cont .home{
	margin-left:0;
}


#side_title{
	margin:-140px 0 0;
}
#side_title a{
	padding:53px 0; /* ((140-34)/2) */
	background:#00a651 url(../../img/inc/side_title_bg.png) no-repeat;
	background-size:cover;
	line-height:34px;
}
#side_title .ic1{
	display:none;
}

#snb1 div.d2>ul>li.on>a{
	background-color:#009348;
}
#snb1 div.d2>ul>li.on>div.d3{display:block;
	border-left-color:#009348;
}
#snb1 div.d3>ul>li.on>a{
	background-image:url(../../img/inc/snb1d3bg1on.png);
}




/* ◇◆ Only Desktop ◇◆ */


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