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

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

[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:1500px;
	width:100%;
}
@media screen and (max-width:1540px){
	.container{width:auto;margin:0 20px}
}
#container {position:relative;}
	#head {position:relative;width:100%;}
		#head_s1 {z-index:1;position:absolute;left:0;right:0;top:0;border-bottom:1px solid rgba(255,255,255,0.4);}
		#head_s1>.container{display:flex;}
		#head_s2 {z-index:0;position:relative;}
	#wrap {position:relative;min-height:50px;}
	#body {position:relative;}
	#wing {display:block;z-index:10;position:relative;} /* ((( sub.css */
	#foot {background:#12151e}
@media all and (max-width:1259px){
	#head {z-index:15}
}
@media all and (max-width:768px){
	#head_s2 {display:flex;flex-wrap: wrap;align-items: center;background:#3168e2}
}

#body>.container {max-width:1400px;}

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


/* 로고 */
h1#logo{position:relative;flex-shrink:0;margin:0;height:29px;margin:37px 0 27px;}
h1#logo a{display:inline-block;vertical-align:top;height:100%}
h1#logo a img {width:auto;height:100%}
@media all and (max-width:1259px){
	h1#logo{margin:20px 0;}
}
@media all and (max-width:768px){
	h1#logo{margin:20px 0;height:20px;}
}

/* gn1 */
#gn1{margin-left:auto;margin-top:41px;}
/* #gn1 ul{display:flex;gap:20px} */
#gn1 a{display:block;position:relative;font-size:15px;font-weight:400;color:#fff}
#gn1 li{position:relative;display:inline-block;vertical-align:middle;margin-left:15px;}
#gn1 li:before{content:'';display:block;position:absolute;left:-9px;top:5px;bottom:6px;border-left:1px solid #fff;}
#gn1 li:first-child:before{display:none}
#gn1 li.sitemap:before{display:none;}
#gn1 li.sitemap a{width:24px;height:24px;background:url(../../img/inc/sub_sprite.png) no-repeat -254px 0/280px 100px;text-indent:-9999px;margin-top:-3px}
@media all and (max-width:1259px){
	#gn1{display:none}
}

@media all and (max-width:1259px){/* Mobile 상단메뉴 */
	#tnb1{z-index:100;position:absolute;right:0;top:0;}
	#tnb1 .b1.toggle{position:absolute;right:0px;top:15px;box-sizing:border-box;width:40px;height:40px;overflow:hidden;}
	#tnb1 .b1.toggle:before{content:'';display:block;position:absolute;left:calc(50% - 16px);top:calc(50% - 12px);width:32px;height:25px;background:url(../../img/inc/sub_sprite.png) no-repeat -194px -9px / 280px 100px;filter:invert(1)}
	#tnb1c{display: block !important;visibility:hidden;z-index:10;position:fixed;right:-320px;top:0;bottom:0;width:320px;margin:0;overflow-y:visible;transition:.2s ease-out;}
	#tnb1c.on{display:block;visibility:visible;right:0;height:auto!important;}
	#tnb1c>.bg{visibility:hidden;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.7);opacity:0;transition:.0s;}
	#tnb1c.on>.bg{visibility:visible;opacity:1;transition:.2s;}
	#tnb1c .b2.close{display:block;position:absolute;right:325px;top:30px;width:40px;height:40px;opacity:0;transition:.2s ease-out;}
	#tnb1c.on .b2.close{position:fixed;right:325px;opacity:1;transition-delay:.3s;}
	#tnb1c.on .b2.close:before, 	#tnb1c.on .b2.close:after{content:'';position:absolute;width:3px;height:34px;background:#fff;left:calc(50% - 2px);top:calc(50% - 17px);}
	#tnb1c.on .b2.close:before{transform:rotate(45deg)}
	#tnb1c.on .b2.close:after{transform:rotate(-45deg)}
	#tnb1c>.cont{position:relative;right:-100%;width:320px;height:100%;background:#3168e2;overflow-y:auto;}
	#tnb1c>.cont:before{content:'';display:block;width:119px;height:20px;margin:20px auto 10px;background:url(../../img/inc/logo@2x.png) no-repeat 0 0 / contain}	
	#tnb1c.on>.cont{right:0;}
	#tnb1c #mgn1{display:block;text-align:center;padding:10px 20px;}
	#tnb1c #mgn1 ul{border-radius:5px;background:#1b203e}	
	#tnb1c #mgn1 li {position:relative;display:inline-block;vertical-align:top;font-size:14px;}
	#tnb1c #mgn1 li:before{content:"";display:block;position:absolute;top:13px;bottom:13px;left:0;border-left:1px solid #fff;}	
	#tnb1c #mgn1 li:first-child:before{display:none}
	#tnb1c #mgn1 li a {display:block;color:#fff;padding:10px;}

	/* depth1 */
	#tnb1 div.d1{padding:0 30px 0 20px;min-height:100%;}
	#tnb1 div.d1>ul>li>a{position:relative;display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.3)}
	#tnb1 div.d1>ul>li>a>.t1{display:block;font-size:17px;color:#fff}
	#tnb1 div.d1>ul>li.hasSub>a:before, 	#tnb1 div.d1>ul>li.hasSub>a:after{content:'';position:absolute;width:2px;height:15px;background:#fff;right:10px;top:calc(50% - 8px);}
	#tnb1 div.d1>ul>li.hasSub>a:after{transform:rotate(-90deg)}
	#tnb1 div.d1>ul>li.on.hasSub>a{border-bottom-color:transparent}
	#tnb1 div.d1>ul>li.on.hasSub>a:before{display:none}
	/* 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;}
	/* depth2 */
	#tnb1 li>div.d2{padding:10px 20px;background:#174fca;border-radius:5px;}
	#tnb1 div.d2>ul>li>a{display:block;padding:10px 0;font-weight:400;font-size:15px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);}
	#tnb1 div.d2>ul>li:last-child>a{border-bottom:0}
	#tnb1 div.d2>ul>li.on.hasSub a{border-bottom:0}
	
	#tnb1 div.d3{padding-left:10px;}
	#tnb1 div.d3>ul>li>a{position:relative;display:block;padding:5px 0 5px 15px;font-weight:400;font-size:15px;color:#fff;}
	#tnb1 div.d3>ul>li>a:before{content:'';display:block;position:absolute;left:0;top:14px;border-top:2px solid #fff;width:7px;}
	
	#tnb1 div.d4{display:none !important}
} 
@media all and (max-width:768px){
	#tnb1 .b1.toggle{top:10px}
}
@media screen and (min-width:1260px){/* PC 상단메뉴 */
	#tnb1{position:absolute;left:180px;right:240px;}
	#tnb1 .b1.toggle,	#tnb1c .b2, #tnb1logo, #tnb1head_s1,	 #tnb1head_s2, #tnb1c>div.cont>.bg, #tnb1c>div.cont:before, #mgn1{display:none;}/* 데스크탑 감춤 */
	/* .d1 : 1차메뉴 */
	#tnb1 .d1{text-align:center;}
	/* #tnb1 .d1>ul{display:flex;justify-content:center;gap:65px;} */
	#tnb1 .d1>ul>li{position:relative;display:inline-block;vertical-align:middle;margin-left:55px;}
	#tnb1 .d1>ul>li:first-child{margin-left:0;}
	#tnb1 .d1>ul>li>a{position:relative;display:block;padding:38px 0 27px;font-size:20px;color:#fff;font-weight:400}
	#tnb1 .d1>ul>li>a:before{content:'';z-index:10;display:block;position:absolute;left:calc(50% - 7px);bottom:-6px;width:14px;height:14px;border-radius:100%;background:#ff5d0d;opacity:0;transition:.2s ease-out;}
	#tnb1 .d1>ul>li.over>a:before, #tnb1 .d1>ul>li>a:hover:before, #tnb1 .d1>ul>li>a:focus:before{opacity:1;}	
	#tnb1 .d1>ul>li>a[target='_blank']:after{content:"";display:inline-block;vertical-align:middle;width:16px;height:15px;background:url(../../img/sub/sub_sprite.png) no-repeat -234px 0;margin:-5px 0 0 6px;}
	#tnb1 .d1>ul>li.on>a {font-weight:500;}
	#tnb1 .d1>ul>li.on>a:before {opacity:1;}

	/* .d2 : 2차메뉴 */
	#tnb1 .d2{display:block;position:absolute;top:91px;left:calc(50% - 80px);width:160px;height:0;background:#3168e2;border-radius:20px 20px 70px 20px;opacity:0;visibility:hidden;transition:.1s ease-out;}
	#tnb1 li.over>.d2{height:auto;visibility:visible;opacity:1;}
	#tnb1 .d2>ul{text-align:center;margin:35px 0}
	#tnb1 .d2>ul>li{}
	#tnb1 .d2>ul>li>a{position:relative;display:block;color:#fff;padding:5px 0}
	#tnb1 .d2>ul>li.over>a, #tnb1 .d2>ul>li.on>a{font-weight:600}
}
@media screen and (max-width:1400px) and (min-width:1260px){
	/* #tnb1 .d1>ul{gap:30px;} */
	#tnb1 .d1>ul>li{margin-left:30px;}
}


/* foot */
#author1 {position:relative;font-size:15px;font-weight:400;margin:50px 0;color:#fff}
#author1 p{margin:3px 0;word-break:keep-all}
#author1 .copyright {margin:15px 0 0;text-transform:uppercase}
@media all and (max-width:767px){
	#author1 {margin:50px 0 20px;}
}


#flogo{position:absolute;right:0;top:50px;height:29px;opacity:0.7}
#flogo img {width:auto;height:100%}
@media all and (max-width:767px){
	#flogo{position:static;margin:0 0 50px}
}

/* gotop */
#gotop1{z-index:100;position:fixed;bottom:20px;right:-100px;width:70px;height:70px;border-radius:100%;background:#3168e2;box-sizing:border-box;transition:all .35s ease;}
#gotop1.on{right:50px;}
#gotop1:before{content:'';display:block;position:absolute;left:calc(50% - 7px);top:calc(50% - 6px);width:12px;height:12px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(-135deg);}


@media all and (max-width:1259px){
	#gotop1.on{right:20px;}
}
@media all and (max-width:767px){
	#gotop1.on{right:10px;}
}