@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 2016.12.13 | 김소화 | 최초 등록
 * 2017.01.13 | 김소화 | 전체 사이트 공통부분 합치기. 각각 사이트 아이디마다 컬러만 변경.
 * </pre>
 * @author 디자인팀 김소화
 * @since 2016.12.13
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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

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

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

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

body {
	background:#fff;
	color:#555;
  font-weight:400;
  font-size:140%; /* 14px */
  line-height:1.666;
	letter-spacing:-1px; /* ☆ 맑은고딕-1, 나눔고딕0, 외국어0 */
	overflow:hidden; /* ★ Avoid horizontal scrolling */
}

html[lang='ko'] body,
html *[lang='ko']{font-family:/* 'Open Sans',Helvetica, */
	'Apple SD Gothic Neo','Microsoft JhengHei',
	'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
	Arial,sans-serif;
}


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


/* 배치.전체 20161019. ☆ 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:300px; /* ☆ */
	max-width:1240px; /* ☆ 디자인폭(1200)+패딩좌우(20*2) */
	margin:0 10px;
}
#container{position:static;}
	div.bg2top{}
		div.bg2top>div{}
	div.bg2btm{}
		div.bg2btm>div{}
	#head{clear:both;position:relative;}
		div.bg2head{}
			div.bg2head>div{}
		#head_s1{ /* #logo, #gn1, #gn2 */
			position:relative;height:30px;background:#434343;
		}
		#head_s1>.container{margin:0}
		#head_s2{ /* #tnb1, #anb1, #search1 */
			position:relative;border-bottom:1px solid #ddd;
		}
		#head_s3>.container{margin:0;}
		#head_s4>.container{margin:0;}

	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼침콘텐츠 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
	#wing{} /* ))) sub.css*/
	#foot{clear:both;position:relative;}
		div.bg2foot{}
			div.bg2foot>div{}
		#foot_s1{position:relative;padding:20px 0;border:solid #ddd;border-width:1px 0}
		#foot_s2{position:relative;padding:0;border-bottom:1px solid #ddd;}
		#foot_s3{position:relative;padding:30px 0 20px;}


/* 상단고정  */
.fixed{z-index:1000;position:fixed !important;left:0;top:0;width:100%;background:#fff;}


/* #head */
/* Global Navigation 20161019 */
#gn1{display:block;position:absolute;left:0;top:0;}
#gn1 .a1{display:block;
	width:70px;height:30px;
	line-height:30px;color:#fff;font-size:13px;text-align:center;
	border-left:1px solid #565656;	overflow:hidden;
}
#gn1 .a1:after{content:'▼';
	display:inline-block;
	font-size:10px;color:#fff;
	padding:0 0 0 5px;
}
#gn1 .a1.on{background:#555}
#gn1 .a1.on:after{content:' ▲';}
#gn1s{z-index:100;display:none;
	position:absolute;
	width:180px;
	margin:1px 0 0;padding:10px 10px 15px;
	border-radius:5px;
	background:#565656
}
#gn1s ul{width:100%;overflow:hidden;}
#gn1s li{display:inline}
#gn1s a{display:block;
	float:left;
	color:#fff;font-size:13px;line-height:110%;
	text-align:center;
	border-left:1px solid #ddd;
	margin:5px 0 3px -1px;
	padding:0 7px 0 5px; 

}
#gn1s a:hover, #gn1 #gn1s a:focus{text-decoration:underline !important}

#gn2{display:block;position:absolute;left:50px;top:-30px;}
#gn2 .a1{display:block;
	width:100px;height:30px;
	line-height:30px;color:#fff;font-size:13px;text-align:center;
	border-left:1px solid #777;	overflow:hidden;
}
#gn2 .a1 .ic1{display:inline-block;
	width:10px;height:10px;
	margin:0 5px 0 0;
	background:url(/_res/portal/img/inc/gn2bg1@2x.png) no-repeat;background-size:contain;
}

#gn3{position:relative;}

#gn3s{z-index:100;display:block;
	margin:1px 0 0;padding:0;
	height:80px;
}
#gn3s1{display:block;
	position:relative;
	border:1px solid #018b43;
	background:#fff;
}
#gn3s1 .select1, #gn3s1 .text1{float:left;border:0;margin:0;background:#fff;}
#gn3s1 .select1{width:30%;}
#gn3s1 .text1{width:70%;}
#gn3s1 .b1{display:block;
	position:absolute;right:-1px;top:-1px;bottom:-1px;
	border:0;border-radius:0;
	padding:0;margin:0;
	width:38px;height:38px;
	background:#018a42;
}
#gn3s1 .b1 .ic1{display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url(/_res/portal/img/inc/ic40search@2x.png) no-repeat;background-size:contain;
}
#gn3s2{position:relative;margin:10px 0 0;overflow:hidden;}
#gn3s2 .h1{display:block;position:relative;
	float:left;
	padding:2px 7px 4px 6px;
	font-weight:normal;color:#fff;font-size:12px;
	background:#f9b510;
}
#gn3s2 .h1:after{content:'▶';
	display:block;
	position:absolute;right:-5px;top:5px;
	color:#f9b510;
	font-size:10px;
}
#gn3s2 .mControl{display:block;position:absolute;right:0;top:2px;}
#gn3s2 .mControl .b1{display:block;float:left;
	border:0;border-radius:0;
	margin:0 0 0 -1px;padding:0;
	width:16px;height:16px;
	background:url() no-repeat;background-size:contain;}
#gn3s2 .mControl .prev{background-image:url(/_res/portal/img/inc/gn3prev@2x.png)}
#gn3s2 .mControl .next{background-image:url(/_res/portal/img/inc/gn3next@2x.png)}
#gn3s2 .mView{float:left;position:relative;
	margin:0 0 0 2%;
	width:65%;height:22px;
	overflow:hidden;
}
#gn3s2 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;
	text-align:center; /* ☆ */
	transition:.2s ease-out;
}
#gn3s2 .mContC{float:left;display:table;}
#gn3s2 .mContC>a{display:block;
	height:22px;
	text-align:center;vertical-align:middle;line-height:22px;
	color:#555;font-size:13px;
	margin:0 10px 0 -1px;padding:0 0 0 10px;
	background:url(/_res/portal/img/inc/fn1s.png) no-repeat 0 50%;
}
/* 로고 20161019 */
h1#logo{display:block;margin:15px 90px 10px 0;}
h1#logo>a{}
h1#logo>a>img{width:auto;height:33px;}

#login1{}
#login1 .a1{display:block;
	position:absolute;right:0;top:15px;
	width:38px;height:38px;
	background:#32b16c;
}
#login1 .a1 .ic1{display:block;position:absolute;left:50%;top:50%;
	width:38px;height:38px;margin:-19px;
	background:url(/_res/portal/img/inc/login1toggle1mobile@2x.png) no-repeat;background-size:contain;
}
#login1 .a1.close{top:-45px}
#login1 .a1.close .ic1{border:1px solid #ddd;
	width:36px;height:36px;
	background:#fff url(/_res/portal/img/inc/login1close1mobile@2x.png) no-repeat;background-size:contain;
}

#login1 #login1s{z-index:110;display:none;
	position:absolute;right:0;top:60px;
	width:100%;min-width:300px;max-width:370px;
	background:#fff;
}

#login1 #login1s .arrow1{z-index:111;
	position:absolute;right:10px;top:-6px;
	width:14px;height:9px;
	background:url(/_res/portal/img/inc/login1afterbg@2x.png) no-repeat;background-size:contain;
}


#login1 .wrap1{position:relative;min-height:256px;height:auto;padding:20px;border:2px solid #333;overflow:hidden;}
#login1 .wrap1 .h1{position:relative;padding:0 0 15px 0;}
#login1 .wrap1 .h1:after{content:'';display:block;
	position:absolute;left:0;bottom:0;
	width:55px;height:0;
	border-top:2px solid #333;
}
#login1 .wrap1 .login1w1s1{position:relative;margin:15px 0 0;}
#login1 .wrap1 .login1w1s1 .text1{display:block;margin:0 0 4px 0;width:65%;height:33px;border:1px solid #ddd;background:#fff;}
#login1 .wrap1 .login1w1s1 .chk1{margin:0;}
#login1 .wrap1 .login1stay1 p{display:none;}

#login1 .wrap1 .login1w1s1 .login{display:block;
	border:0;margin:0;padding:0;background:transparent;
	position:absolute;right:0;top:0;
	width:33%;height:70px;background:#008a3a;
}
#login1 .wrap1 .login1w1s1 .login .ic1{display:block;margin:0 auto;
	width:21px;height:21px;
	background:url(/_res/portal/img/inc/login1bg1@2x.png) no-repeat;background-size:contain;
}
#login1 .wrap1 .login1w1s1 .login .t1{display:block;text-align:center;color:#fff;}
#login1 .wrap1 .login1w1s2{margin:0;}
#login1 .wrap1 .login1w1s2 .b1{display:block;
	height:33px;line-height:33px;
	text-align:center;color:#fff;
	background:#636c7e;border:1px solid #555e6e;
}
#login1 .wrap1 .login1w1s2 .b1:hover,
#login1 .wrap1 .login1w1s2 .b1:focus{background:#555}
#login1 .wrap1 .login1w1s2 .b2{display:block;float:left;
	position:relative;padding:7px 30px 7px 7px;margin:7px 0 0;
	border:1px solid #ddd;
	font-size:13px;color:#333;
}
#login1 .wrap1 .login1w1s2 .b2 .ic1{display:block;
	position:absolute;right:10px;top:50%;
	margin:-5px 0 0;width:14px;height:14px;
	background:url(/_res/portal/img/inc/login1bg2@2x.png) no-repeat;background-size:contain;
}
#login1 .wrap1 .login1w1s2 .b2:hover, 
#login1 .wrap1 .login1w1s2 .b2:focus{background:#f7f7f7}
#login1 .wrap1 .login1w1s2>p{font-size:13px;}

#login1 .wrap2{position:relative;padding:20px;border:2px solid #333;}
#login1 .wrap2 .h1{position:relative;padding:0 0 15px 35px;}
#login1 .wrap2 .h1 .ic1{display:block;
	position:absolute;left:0;top:4px;
	width:31px;height:31px;
	background:url(/_res/portal/img/inc/login1h1bg@2x.png) no-repeat;background-size:contain;
}
#login1 .wrap2 .h1 .t1{font-weight:normal;font-size:23px;color:#333}
#login1 .wrap2 .h1:after{content:'';display:block;
	position:absolute;left:0;bottom:0;
	width:55px;height:0;
	border-top:2px solid #333;
}
#login1 .wrap2 .logout1{display:block;
	position:absolute;right:20px;top:20px;
	color:#fff;
	padding:10px 20px;
	border:1px solid #444;background:#777;
}
#login1 .wrap2 .logout1:hover,
#login1 .wrap2 .logout1:focus{font-weight:bold;}
#login1 .wrap2 .login1w2s1{margin:20px 0 0;overflow:hidden}
#login1 .wrap2 .login1w2s1 ul>li>a{display:block;color:#fff;padding:10px 20px;text-align:center;
	background:#199fa2;
	border:1px solid #0c7e81;
}
#login1 .wrap2 .login1w2s1 ul>li>a:hover,
#login1 .wrap2 .login1w2s1 ul>li>a:focus{font-weight:bold;}
#login1 .wrap2 .login1w2s1 ul>li.m2>a{	background:#009442;border:1px solid #00843c;}
#login1 .wrap2 .login1w2s1 ul>li.m2>a b{color:#fffc00;font-weight:bold;}
#login1 .wrap2 .login1w2s2{position:relative;height:140px;border:1px solid #ddd;overflow:hidden;}	
#login1 .wrap2 .login1w2s2 .tab1{float:left;width:33.333%;}
#login1 .wrap2 .login1w2s2 .tab1>a{display:block;
	text-align:center;color:#333;font-size:14px;
	height:40px;line-height:38px;
	border:solid #ddd;border-width:0 0 1px 1px;
	background:#f9f9f9;
}
#login1 .wrap2 .login1w2s2 .tab1>a .t1{display:inline-block;}
#login1 .wrap2 .login1w2s2 .tab1>a .ic1{display:inline-block;
	vertical-align:middle;
	width:20px;height:20px;
	margin:-3px 0 0 3px;
	background:url(/_res/portal/img/inc/login1tab1more@2x.png) no-repeat;background-size:contain;
	}
#login1 .wrap2 .login1w2s2 .tab1.m1>a{
	border-left:0;border-bottom:1px solid #fff;
	background:#fff;
}
#login1 .wrap2 .login1w2s2 .tab1.m1>a .ic1{display:none;}
#login1 .wrap2 .login1w2s2 .tab1cont{display:block;
	position:absolute;left:0;top:41px;
	width:100%;height:100px;
	background:#fff;
}
#login1 .wrap2 .login1w2s2 .tab1cont ul{padding:10px;}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a{position:relative;display:inline-block;
	color:#333;
	max-width:90%;
	padding:0 0 0 10px;margin:3px 0;
}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a:before{content:'·';display:block;position:absolute;left:0;top:0;}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a b{color:#007a36}
#login1 .wrap2 .login1w2s2 .tab1cont ul>li>a .new{display:inline-block;
	width:16px;height:16px;
	margin:0 0 0 3px;
	border-radius:100%;
	font:normal 10px/16px Helvetica, Arial, sans-serif;color:#fff;text-transform:uppercase;vertical-align:middle;letter-spacing:16px;text-indent:4px;text-align:center;
	background:#28aa12;
	overflow:hidden;
}

#search1condition1{position:relative;padding:0 10px;}
#search1condition1 a.toggle{display:block;position:absolute;right:0;top:2px;opacity:0.3;}
#search1condition1 a.toggle>.ic1{display:block;width:30px;height:30px;background:url(/_res/portal/img/lib/ic60a1down2.png) no-repeat;background-size:contain;}
#search1condition1 a.toggle.on{display:none;}
#search1condition1s1{display:block !important;height:35px;overflow:hidden}
#search1condition1s1 .wrap1{padding:5px 0;}
#search1condition1s1 .wrap1>span{display:block;float:left;margin-right:15px;}
#search1condition1s1.on{height:auto;overflow:visible;}
#search1condition1s1.on .wrap1{overflow:hidden;}
#search1condition1s1.on .wrap1>span{width:25%;margin-right:0;}
#search1condition1s1 .wrap2{display:none;}
#search1condition1s1.on .wrap2{clear:both;float:none;display:block;
	margin:0 -10px;padding:5px 10px 6px;border-top:1px solid #ddd;background:#f7f7f7;
	text-align:right;
}
#search1condition1s1 input[type="checkbox"]{margin:.5em 0;}
#search1condition1s1 .b1.search1{display:block;float:left;
	width:99%;color:#096130;border-color:#009944;background-color:#fff !important;border-radius:0;
}


#sitemap1{display:none;}


/* #tnb1. [jQ] $('#tnb1').jQmTnbD4({that:'#tnb1c'}); */
#tnb1{clear:both;}
#tnb1 *{list-style:none;margin:0;padding:0;}
#tnb1 #tnb1c{display:block;margin:0 -1px;}
#tnb1c div.bg1{}
#tnb1c div.bg2{}
/* 1·2차 */
#tnb1c div.d1{background:#777;overflow:hidden;}
#tnb1c div.d1 div.bg{}
#tnb1c div.d1>ul{float:left;width:100%;}
*+html #tnb1c div.d1>ul{width:101%;padding:0 1% 0 0;}
#tnb1c div.d1>ul>li{float:left;width:20%;}
#tnb1c div.d1>ul>li>a{display:block;
	margin:0 -1px -1px 0;padding:10px 0;
	letter-spacing:-1px;border:1px solid #666;background:#777;
	color:#fff;text-align:center;text-decoration:none;overflow:hidden;
}
#tnb1c div.d1>ul>li.on>a{position:relative;background:#00a651 url(/search/img/inc/b20a1right.png) no-repeat 86.25% /* 138/160 */ 50%;color:#fff;font-weight:bold;}
#tnb1c div.d1>ul>li>a:hover,
#tnb1c div.d1>ul>li>a:focus{background-color:#555;color:#fff;} 


#foot{background:#555;color:#fff;font-size:13px;padding:30px 0 50px;}

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


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

#head_s2{height:95px;}
	.container{margin:0 20px;}
#head_s3>.container{margin:0 20px;}
#head_s4>.container{margin:0;}

h1#logo{margin:20px 90px 20px 0;}


#gn3{position:absolute;left:50%;top:10px;width:350px;margin-left:-120px}




#search1condition1{padding:0;}
#search1condition1 a.toggle{display:none;}
#search1condition1s1{height:75px;}
#search1condition1s1 .wrap1{float:left;width:90%;padding:0 0;}
#search1condition1s1 .wrap1>span{width:9.5%;}
#search1condition1s1 .b1.search1{float:none;float:right;width:10%;margin:9px 0 0;height:0;padding:1.5% 0 4.5%;vertical-align:middle;}



#foot_logo{float:left;width:220px;margin:30px 0;}
#foot_logo img{}

#author1{text-align:left;}
#author1 br{display:none;}



} /* /(min-width:768px) */

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

.container{margin:0 auto;}
#head,
#wrap,
#foot{
		/* =1140-1264 ★☆ #wing 이 1280폭에서 잘 보이게끔 조정 */
	}
	#head_s1{}
			#head_s1>.container{margin:0 auto}
	#head_s2{height:100px;}
	#head_s3>.container{margin:0 auto}
	#head_s4>.container{margin:0 auto}

h1#logo{margin:25px 90px 15px 0}
h1#logo>a>img{height:47px;}

#gn1 .a1{display:none;}
#gn1s{z-index:0;display:block !important;;
	padding:0;margin:0 0 0 -1px;
	background:transparent;
	width:1240px;
}
#gn1s a{width:66.8px;
	margin:0;padding:0;
	border:solid #555;border-width:0 1px;
	height:30px;line-height:30px;
	text-align:center;
}
#gn1s a.on{color:#333;background-color:#fff;}

#gn2{display:none;}

#gn3{top:35px;width:500px;margin-left:-180px}
#gn3s2 .mView{width:75%;}

#search1condition1{z-index:10;position:absolute;left:235px;top:-2px;width:800px;}
#search1condition1s1{height:80px;}
#search1condition1s1 .wrap1{width:87%;padding:2px 0;}
#search1condition1s1 .b1.search1{margin:14px 3% 0 0;}


#tnb1{z-index:50;position:absolute;left:-1px;width:180px}
#tnb1c div.d1>ul>li{width:100%}
#tnb1c div.d1>ul>li>a{font-size:16px;padding:10px 0 11px;}
#tnb1c div.d1>ul>li.m8>a{border-right:2px solid #666}


#login1 .a1{right:45px;top:30px;}
#login1 .a1.close{top:-50px;}
#login1 #login1s{top:80px}
#login1 #login1s .arrow1{right:55px;}
#login1 .wrap1 .login1w1s1 label,
#login1 .wrap1 .login1w1s1 .chk1{display:none;}


#sitemap1{display:block;}
#sitemap1 .a1{display:block;
	position:absolute;right:0;top:30px;
	width:38px;height:38px;
	background:#005da0;
}
#sitemap1 .a1:focus{outline:1px dotted #000}
#sitemap1 .a1 .ic1{display:block;position:absolute;left:50%;top:50%;
	width:38px;height:38px;margin:-19px;
	background:url(/_res/portal/img/inc/sitemap1pc1.png) no-repeat;background-size:contain;
}


} /* /(min-width:1256px) */

/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */



/* 로딩아이콘 */
#loading {z-index:1000;
	position:fixed;top:0;left:0;right:0;bottom:0;
	width:100%;height:100%;
	background:url(/_res/portal/img/lib/b.ffffff.opacity.70.png);
}
#loading>img{position:absolute;left:50%;top:50%;}