@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.04.06 | 김소화 | 최초 등록
 * 2020.04.09 | 김소화 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 디자인팀 김소화
 * @since 2020.04.02
 *
 * @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. 20200407 ◆◆◆ */


/* ★ html{overflow-x:hidden;}
	 )) 한다면 Mobile 높이 100% 적용 배치에서 $(window).scrollTop() 값 구할 수 없다.
	 )) 안하면 Mobile 높이 100% 아닌 배치에서 $(window).scrollTop() 값 구할 수 없다.
 */

@font-face {
    font-family: 'ONE-Mobile';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}

body{
	background:#fff;
	color:#555; /* ☆#555 */
	font-weight:400;
	font-size:1em; /* (((16px */
	overflow-x:hidden; /* ★ Mobile 콘텐츠 가로범람 배치어긋남 방지 */
}



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


/* ◇◆ 공용 ◇◆ */


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


/* 배치.전체 20200407. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:280px; 
	margin:0 15px; 
}
#container{position:relative;}
	#head{clear:both;
		z-index:1;
		background:#fff;
	}
		#head_s1{position:relative;/* background:#1b2f6e; */}
			#head_s1>.container{}
		#head_s2{position:relative;}
			#head_s2>.container{}
		#head_s3{}
			#head_s3>.container{margin:auto}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body{position:relative;}
	#foot{clear:both;position:relative;padding:30px 0 0;background:#fff;border-top:1px solid #ddd;}
		#foot>.container{}

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



/* only Desktop BG image Preload 20200407 */
/* none */
#home1{display:none}






/* #head */

/* 로고 20200407 */
h1#logo{
	min-height: 70px;
	display:block;
	position:relative;
	margin:10px 0 20px;
	font-size:0
}
h1#logo a{top: 0px;position: absolute;display: block;}
h1#logo img{width:auto;height:40px;}






/* 글로벌내비.펼침. 20200220 */
#gn1{
	position: relative;
	width:100%;
	height:35px;
}
#gn1 ul{
	display:block;
	margin:0 0 -1px -1px;
	text-align: right;
	white-space:nowrap;
	overflow:hidden;
}
#gn1 li{
	display:inline-block;
	/* margin:0 -.25em 0 0; */
}
#gn1 a{
	display:block;
	position:relative;
	padding: 0 0 0px 10px;
	color: #757575;
	height:35px;
	line-height:35px;
	font-size:13px;
	box-sizing:border-box;
	/* border-left:1px solid #041853; */
	overflow:hidden;
}

#gn1 li:first-child a:before{display:none;}

#gn1 li a:before{
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:100%;
	background: #ddd;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

#gn1c{height:100%}



#jumin1{position:absolute;right:45px;top:15px;
	z-index:10;
}
#jumin1 a.toggle{display:inline-block;
	position:relative;
	border:1px solid #ddd;
	border-radius:20px;
	padding:0 40px 0 10px;
	height:40px;
	line-height:38px;
	box-sizing:border-box;
	color:#000;
	font-size:15px;
	background:#fff;
}
#jumin1 a.toggle .ic1{position:absolute;right:0;top:0;bottom:0;
	border-left:1px solid #ddd;
	width:33px;
}
#jumin1 a.toggle .ic1:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	background:url(../../img/inc/ic12a1down1.png) no-repeat 0 0;
	width:12px;height:12px;
	margin:-6px;
	transition:.2s ease-out
}
#jumin1 a.toggle.on{
	background:#075aa6;
	color:#fff;
	border-color:#075aa6;
	border-radius:20px 20px 0 0;
}
#jumin1 a.toggle.on .ic1{border-color:rgba(255,255,255,0.15);}
#jumin1 a.toggle.on .ic1:before{transform:rotate(-180deg);background-image:url(../../img/inc/ic12a1down2.png)}
#jumin1s{display:none;
	background:#397bb8;
	padding:10px;
	border-radius:0 0 20px 20px;
	position:absolute;top:40px;left:50%;
	width:180px;
	margin-left:-90px;
	box-sizing:border-box;
}
#jumin1s ul{overflow:hidden}
#jumin1s li{float:left;width:50%;}
#jumin1s li a{display:block;padding:5px;color:#fff;font-size:15px;}
#jumin1s.on{display:block;}

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

/* #wing */



/* #foot */



/* 내비 20200407 */
#fn1{
	position:relative;
	margin:auto;
	overflow:hidden;
}
#fn1 ul{
	position:relative;
	margin:0 -10px;
	overflow:hidden;
}
#fn1 li{display:inline-block;
	margin:0;padding:0;
	vertical-align:top;
}
#fn1 li>a{display:block;
	padding:5px 10px;
	color:#000;
	white-space:nowrap;
	position:relative;
}
#fn1 li>a:before{content:'';
	position:absolute;left:-1px;top:8px;bottom:8px;
	border-left:1px solid #ddd;
}
#fn1 li>a b{
	color:#000;
	font-weight:500;
}
#fn1 li>a:hover,
#fn1 li>a:focus{
	color:#000;
}


/* 작성자(연락처/저작권) 20200407 */
#author1{
	clear:both;
	position:relative;
	padding:1.5em 0 0;
	overflow:hidden;
	color:#6e6e6e
}
#author1 a{ /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
	color:#6e6e6e;
}
#author1 .address{
	margin:0;
	font-weight:300;
}
#author1 .nophishing{
	margin:.375em 0;
	font-size:1em;
	color:rgba(255,255,255,0.7);
	font-weight:200;
}
#author1 .copyright{display:block;
	margin:.375em 0 1em;
	font-size:1em;
	line-height:1.5;
	font-weight:200;
}


/* ETC */


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


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

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


/* 주메뉴 20200407. makeActive2ClickHover('#tnb1'); */
#tnb1{
	position:absolute;left:0;right:0;top:0;
	width:100%;
	margin:auto;
	line-height:1.375;
}
#tnb1 .b1.toggle{z-index:10;
	position:absolute;right:0;top:15px; 	
	box-sizing:border-box;
	width:40px;height:40px;
	margin:0;
	overflow:hidden;text-indent:-9999px;
	border-radius:100%;
	background:#333 url(../../img/inc/ic80a1c1bars1@2x.png) no-repeat 50% 50% / 30px 30px;
}

#tnb1c{display:block !important; 
	visibility:hidden; 
	z-index:100; 
	position:fixed; 
	left:auto;
	right:-320px;
	top:0;bottom:0;
	width:320px;
	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{
	z-index:110;
	position:absolute;left:-40px;top:25px;
	width:40px;height:40px;
	border-radius:5px 0 0 5px;
	background:#042b9d url(../../img/inc/ic80a1c1close2.png) no-repeat 50% 50% / 30px 30px;
}



#tnb1c>div.cont{
	display:none; /* [All]키보드지나감방지 */
	position:relative;
	right:-200%;
	box-sizing:border-box; 
	width:100%;
	height:100%;
	background:#f1f1f1;
	overflow-y:auto; 
	/* ★☆ToEdit) 확인용 */
	/* display:block; */
	/* right:0 !important; */
}
#tnb1c.on>div.cont{
	display:block;
	right:0;
	overflow:scroll-y;
	padding:20px;
}


/* depth1 */
#tnb1 div.d1{
	clear:both;
	position:relative;
	margin:0;
	background:#fff;
	border:1px solid #ddd;
}
#tnb1 div.d1>ul{position:relative;}
#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%;
	background:url() no-repeat 93.5% 50%;
	color:#000;
	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-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{
	margin:0 10px 10px;
	background:#fff;
	border:1px solid #ddd;
}

#tnb1 div.d2>ul{
	background:#f3f3f3;
	margin:0;
}
#tnb1 div.d2>ul>li{position:relative;}
#tnb1 div.d2>ul>li>a{display:block;
	z-index:10;
	position:relative;
	padding:.75em 28px;
	color:#333;
	background:url() no-repeat 93.5% 50%;
	font-size:15px;
	transition:.2s;
	border-bottom:1px solid #fff
}
#tnb1 div.d2>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d2bg1has1.png);
}
#tnb1 li.on>div.d2>ul>li.on>a{
	background-image:url(../../img/inc/tnb1d2bg1on.png);
	color:#000;
	font-weight:600;
}
#tnb1 li.on>div.d2>ul>li.hasSub.on>a{
	background-color:#6282df;
	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{
	margin:0;
	padding:.625em 0;
	background:#fafafa;
}
#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:#666;
	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;
}

/* 20200407 새 창 */
#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;
}

h1#logo{min-height:45px;}
h1#logo img{height:45px;}
} /* /(max-width:1259px) */
@media all and (max-width:767px){/* small ◇◆◇◆◇◆◇◆◇◆ */

html{
	font-size:.875em; /* (14/16) */
}
h1#logo{min-height:40px;}
h1#logo img{height:37px;}
} /* /(max-width:767px) */


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

#jumin1 a.toggle{width:220px;padding:0 50px 0 30px}
#jumin1 a.toggle .ic1{width:50px;}
#jumin1s{width:220px;margin-left:-110px;}

h1#logo a{top: -17px;}
} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */


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


} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
.container{
	width:auto; 
	max-width:1400px; 
	margin:0 40px;
}


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




#foot{padding:50px 0;text-align:center;}



h1#logo img{height:70px;}


#gn1{height: 30px;/* border-right:1px solid #041853; */}
#gn1 a{font-size:14px;/* height: 30px; *//* line-height: 40px; */}
#gn1 ul{margin:0}
#gn1 li{/* width: 9%; */}
#gn1 li:last-child{/* width:13%; */}

#tnb1{display:none}


#jumin1{right:220px;top:25px}
#jumin1 a.toggle{height:50px;line-height:48px;border-radius:30px;}
#jumin1 a.toggle.on{border-radius:30px 30px 0 0}
#jumin1s{top:50px;border-radius:0 0 30px 30px;
	padding:15px 15px 20px;
}
#jumin1s li a{transition:.2s ease;padding:5px 10px;border-radius:5px}
#jumin1s li a:hover,
#jumin1s li a:focus{background:rgba(0,0,0,0.5)}

a#home1{display:inline-block;
	position:absolute;right:0;top:25px;
	background:#1079e4;
	color:#fff;
	height:50px;
	padding:16px 0 0 65px;
	border-radius:30px;
	width:200px;
	box-sizing:border-box;
	font-weight:500px;
	transition:.2s ease;
}
a#home1:after{content:'';
	display:block;
	position:absolute;left:0;bottom:0;
	width:128px;height:67px;
	background:url(../../img/inc/inc_sprite.png) no-repeat 0 -100px;
}
a#home1:hover{background:#1b2f6e}



#fn1 li:first-child>a:before{display:none}

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



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

.container{margin:0 auto;}


}


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