@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, CSS Adjust
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.01.16 | 문영신 | 최초 등록
 * 2019.01.29 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.01.16
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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

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


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


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


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


/* h1#logo{margin:8px 60px 8px 0;}
h1#logo>a>img{height:64px;} */


} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
	#anb1 div.d1>ul>li.m10, #anb1 div.d1>ul>li.m11 {display:none}

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

/* 구글번역 대메뉴 이슈 */
@media all and (min-width:1260px){
	[lang|='en'] #tnb1 div.d1>ul>li {width:14.28%;text-align:center;}
	[lang|='en'] #tnb1 div.d1>ul>li>a, [lang|='en'] #tn1 a {padding-left:0;padding-right:0;}
	[lang|='en'] #tnb1 div.d1>ul>li>a>.t1, [lang='en'] #tn1 a {font-size:17px}
	[lang='en'] #tn1 a {padding-top:25px}
	[lang|='ja'] #tnb1c .cont, [lang|='zh-CN'] #tnb1c .cont {padding-right:120px;box-sizing:border-box;}
	[lang|='ja'] #tnb1 div.d1>ul>li, [lang|='zh-CN'] #tnb1 div.d1>ul>li {width:15.5%;text-align:center;}
	[lang|='ja'] #tnb1 div.d1>ul>li>a, [lang|='zh-CN'] #tnb1 div.d1>ul>li>a {padding-left:0;padding-right:0;padding-top:15px;}
	[lang|='ja'] #tnb1 div.d1>ul>li>a .t1, [lang|='zh-CN'] #tnb1 div.d1>ul>li>a .t1 {font-size:17px}
	[lang='ja'] #tn1 a, [lang='zh-CN'] #tn1 a {padding:19px 5px 0}
	[lang|='id'] #tnb1 div.d1>ul>li, [lang|='vi'] #tnb1 div.d1>ul>li, [lang|='hi'] #tnb1 div.d1>ul>li {width:auto;text-align:center;}
	[lang|='id'] #tnb1 div.d1>ul>li>a {padding-left:20px;padding-right:20px;padding-top:15px;font-size:17px;}
	[lang|='id'] #tnb1 div.d1>ul>li>a .t1, [lang='id'] #tn1 a, [lang|='vi'] #tnb1 div.d1>ul>li>a .t1, [lang='vi'] #tn1 a, [lang|='hi'] #tnb1 div.d1>ul>li>a .t1, [lang='hi'] #tn1 a, [lang|='uz'] #tnb1 div.d1>ul>li>a .t1, [lang='uz'] #tn1 a {font-size:17px}
	[lang|='vi'] #tnb1 div.d1>ul>li>a, [lang|='uz'] #tnb1 div.d1>ul>li>a {padding-left:25px;padding-right:25px;padding-top:15px;}
	[lang|='hi'] #tnb1 div.d1>ul>li>a {padding-left:35px;padding-right:35px;padding-top:15px;}
	[lang='id'] #tn1 a, [lang='vi'] #tn1 a, [lang='hi'] #tn1 a, [lang='uz'] #tn1 a {padding-left:20px;padding-right:20px;}
	[lang|='uz'] #tnb1 div.d1>ul>li>a {padding-top:18px}
}






/* 에디터 스타일  추가 */

.substance h1,
.substance h2,
.substance h3,
.substance h4,
.substance h5,
.substance h6{display:block;position:relative;
	margin:1.5em 0 .7em;
	padding:0 0 0 .75em;
	background:url() no-repeat 0 50%;
	background-position:0 .25em;
	color:#555;
	font-weight:600;
	line-height:1.375;
	letter-spacing:-.0625em; /* 1/16 */
}

.substance h1{font-size:2.5em; /* =40/16 */
	padding:0 0 .25em;
	background-image:url(../../img/lib/h1bg.png);
	background-repeat:no-repeat;
	background-position:0 100%;
}
.substance h2{font-size:1.5em; /* =24/16 */
	padding-top:15px;padding-left:0;
	background-image:url(../../img/lib/h2bg.png);
	background-position:1px 0;
	background-repeat:no-repeat;
	color:#000;
	font-weight:500;
}

.substance h3{font-size:1.375em; /* =22/16 */
	padding:0;
	color:#125fac;
	font-weight:500;
	margin:1.3em 0 1em;
}
.substance h3:after {content:"";display:block;width:18px;height:1px;background:#125fac;margin-top:8px;}
.substance h4{font-size:1.25em; /* =20/16 */
	padding-left:20px;
	background-image:url(../../img/lib/h4bg.png);
	background-position:0 .55em;
	background-repeat:no-repeat;
	color:#2b405b;
	font-weight:500;
}
.substance h5{font-size:1.125em; /* =18/16 */
	padding-left:12px;
	background-image:url(../../img/lib/h5bg.png);
	background-repeat:no-repeat;
	background-position:1px .5em;
	color:#49586c;
	font-weight:500;
}
.substance h6{font-size:1em; /* =16/16 */
	color:#000;
	font-weight:600;
	padding-left:0;
}


.substance table{width:100%;margin:.75em 0;border:0;border-collapse:collapse;
	border-top:2px solid #2b405b;
	border-bottom:1px solid #ccc;
	background:#fff;
}
.substance table caption{position:absolute;left:-9999px;top:-9999px;text-indent:-9999px;}
.substance table>*>tr{border-right:1px hidden transparent;}
.substance table>*>tr>th,
.substance table>*>tr>td{
	padding:9px 10px;
	border:1px solid #ccc;
	border-width:1px 1px 0 0;
	color:#767676;
	min-height:50px;box-sizing:border-box;
}
.substance table>*>tr>th{
	background:#fff;
	font-weight:normal;
}
.substance table>thead>tr>th{
	padding:16px 10px; /* (.5+(.375)/2) (그대로) */
	border-width:0 1px 1px 0;
	border-color:#ccc;
	border-bottom-color:#2b405b;
	background:#f8f8f8;
	font-weight:600;
	color:#222;
	line-height:1.375;
}
.substance table>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#ccc;background:#f8f8f8;color:#222;border-bottom:1px solid #2b405b !important;}
.substance table>tfoot>tr>td{border-bottom:1px solid #2b405b !important;}
.substance table>tfoot>tr:first-child>*{border-top-color:#2b405b;}
.substance table>tbody>tr:first-child>th,
.substance table>tbody>tr:first-child>td{border-top-width:0;} /* thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */



/* 일반목록 */
.substance ul{list-style:none;margin-left:0;padding:0;text-align:left;}
.substance ul ul{list-style:none;margin:.5em 0;padding:0;}
.substance ul li{
	margin:.375em 0;
	padding:0 0 0 14px;
}

.substance ul li,
.substance ul li{background:url(/_res/portal/img/lib/li1bg.png) no-repeat 2px .8em;}
.substance ul li ul>li{background:url(/_res/portal/img/lib/li2bg.png) no-repeat 0 .9em;padding-left:15px;}
.substance ul li li ul>li{background:url(/_res/portal/img/lib/li3bg.png) no-repeat .125em .8em;padding-left:15px;}
.substance ul.bu li li li ul>li{background:url(/_res/portal/img/lib/li4bg.png) no-repeat .125em .375em;}


/* 순번목록 */
.substance ol{
	list-style:decimal-leading-zero;
	/* margin:0; ☆ 20190222 */
	padding:0 0 0 1.8em;
	text-align:left;
}
.substance ol>li{
	margin:.5em 0;
	padding:0;
	background:transparent;
}

.substance ol{list-style:none;
	padding-left:2.1em; /* ☆~99 보장 */
}
.substance ol>li:before{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:1.429em; /* =20/14 */
	height:1.429em;
	min-width:24px;
	min-height:24px;
	margin:-.3em .721em 0 -2.4em; /* ((2.1/.875)-1.429-.25) (2.1/.875) */
	padding:3px 0; /* ((20-14)/2) */
	border-radius:3px;
	background:#07469b;
	color:#fff;
	font-weight:500;
	font-size:.875em; /* =14/16 */
	line-height:18px; /* 폰트14px이하 최적 */
	text-align:center;
	vertical-align:middle;
}
.substance ol ol.bo1>li:before{
	width:1.286em; /* =18/14 */
	height:1.286em;
	min-width:18px;
	min-height:18px;
	padding:2px 0; /* ((18-14)/2) */
	background:#789;
}
.substance ol>li:nth-child(1):before{content:'1'}
.substance ol>li:nth-child(2):before{content:'2'}
.substance ol>li:nth-child(3):before{content:'3'}
.substance ol>li:nth-child(4):before{content:'4'}
.substance ol>li:nth-child(5):before{content:'5'}
.substance ol>li:nth-child(6):before{content:'6'}
.substance ol>li:nth-child(7):before{content:'7'}
.substance ol>li:nth-child(8):before{content:'8'}
.substance ol>li:nth-child(9):before{content:'9'}
.substance ol>li:nth-child(10):before{content:'10'}
.substance ol>li:nth-child(11):before{content:'11'}
.substance ol>li:nth-child(12):before{content:'12'}
.substance ol>li:nth-child(13):before{content:'13'}
.substance ol>li:nth-child(14):before{content:'14'}
.substance ol>li:nth-child(15):before{content:'15'}
.substance ol>li:nth-child(16):before{content:'16'}
.substance ol>li:nth-child(17):before{content:'17'}
.substance ol>li:nth-child(18):before{content:'18'}
.substance ol>li:nth-child(19):before{content:'19'}
.substance ol>li:nth-child(20):before{content:'20'}
.substance ol>li:nth-child(21):before{content:'21'}
.substance ol>li:nth-child(22):before{content:'22'}
.substance ol>li:nth-child(23):before{content:'23'}
.substance ol>li:nth-child(24):before{content:'24'}
.substance ol>li:nth-child(25):before{content:'25'}
.substance ol>li:nth-child(26):before{content:'26'}
.substance ol>li:nth-child(27):before{content:'27'}
.substance ol>li:nth-child(28):before{content:'28'}
.substance ol>li:nth-child(29):before{content:'29'}
.substance ol>li:nth-child(30):before{content:'30'}
.substance ol>li:nth-child(31):before{content:'31'}
.substance ol>li:nth-child(32):before{content:'32'}
.substance ol>li:nth-child(33):before{content:'33'}
.substance ol>li:nth-child(34):before{content:'34'}
.substance ol>li:nth-child(35):before{content:'35'}
.substance ol>li:nth-child(36):before{content:'36'}
.substance ol>li:nth-child(37):before{content:'37'}
.substance ol>li:nth-child(38):before{content:'38'}
.substance ol>li:nth-child(39):before{content:'39'}
.substance ol>li:nth-child(40):before{content:'40'}


/* 폰트 */
@font-face {
    font-family: 'Grandpa_sharing';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Grandpa_sharing.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.nanumpenscript * {
 font-family: 'Nanum Pen Script', cursive;
}

.nanumgothic * {
 font-family: 'Nanum Gothic', sans-serif;
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}