@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, CSS Adjust and Add
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.06.20 | 문영신 | 최초 등록
 * 2019.06.25 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.08.16 | 문영신 | 1260~ #tnb1 2차 형태로 변경
 * </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. 20190621. ◇◆◇◆◇◆◇◆◇◆ */


/* #tnb1 div.d1>ul>li:nth-child(5)>a>.t1{width:3em;} */


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



/* ◇◆ 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 ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(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) ◇◆◇◆◇◆◇◆◇◆ */


#search1c{
	left:330px;
	right:460px;
	width:auto;
}


/* 주메뉴 20190701. 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:60px;
	background:#0054a6;
}
#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:auto; /* 전체메뉴폭 고려 (1200-340)/6 ((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 79px; /* (약간 여유) */
	border:0; /* ☆ */
	color:#fff;
	font-size:0;
	font-weight:600;
	text-align:center;
}
#tnb1 div.d1>ul>li:first-child>a{
	border:0; /* ☆ */
}
#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:#004486;
	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:#264464;
	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:#506a85;
	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;
} */


body.d1 #side_title .ic1{background-image:url(../../img/inc/side_title_p01.png);}
body.d2 #side_title .ic1{background-image:url(../../img/inc/side_title_p02.png);}
body.d3 #side_title .ic1{background-image:url(../../img/inc/side_title_p03.png);}
body.d4 #side_title .ic1{background-image:url(../../img/inc/side_title_p04.png);}
body.d5 #side_title .ic1{background-image:url(../../img/inc/side_title_p05.png);}
body.d6 #side_title .ic1{background-image:url(../../img/inc/side_title_p06.png);}
body.d7 #side_title .ic1{background-image:url(../../img/inc/side_title_p07.png);}
body.d8 #side_title .ic1{background-image:url(../../img/inc/side_title_p08.png);}
body.d9 #side_title .ic1{background-image:url(../../img/inc/side_title_p09.png);}


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