@import url("basic.css");
@import url("/font/NotoSansKR/fonts.css");
@import url("/font/TitilliumWeb/fonts.css");
@import url("/font/XEIcon-2.3.3/xeicon.css");

@font-face {
	font-family:'Nanum';
	src:url('/font/nanum.eot');
	src:url('/font/nanum.eot?#iefix') format('embedded-opentype'), url('/font/nanum.woff') format('woff'), url('/font/nanum.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'NanumBold';
	src:url('/font/nanum_bold.eot');
	src:url('/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/nanum_bold.woff') format('woff'), url('/font/nanum_bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}


.noScroll { height:100%; overflow:hidden !important; touch-action:none; }

.container { position:relative; max-width:70rem; margin:0 auto; }
.container:after { content:""; display:block; clear:both;  }


/*header*/
#header { position:fixed; left:0; top:0; width:100%; height:5.5rem; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:1110;}
#header:before{content:""; position:absolute; left:0; top:0; width:100%; height:2rem; background:#1f314c; }
#header .header_wrap { position:relative; }
#header .header_wrap:after{ content:""; display:block; clear:both;  }

#header h1 { display:block; position:absolute; left:2%; top:2.2rem; z-index: 1; }
#header h1 a { display:block; }

#header .gnb_util {position:relative; float:right; margin-right:2%; z-index:10; }
#header .gnb_util > li { position:relative; display:block; float:left; }
#header .gnb_util > li > span,
#header .gnb_util > li > a,
#header .gnb_util > li > ul > li > a { display:block; height:2rem; line-height:2rem; font-size:0.7rem; font-weight:200; padding:0 1rem; color:#fff; }
#header .gnb_util > li + li:before {content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; border-radius:50%; background:#fff; }
#header .gnb_util > li a:hover,
#header .gnb_util > li a:focus {text-decoration:underline; }
#header .gnb_util .lang:before{display:none; }
#header .gnb_util .lang > a{position:relative; border:1px solid rgba(255,255,255,0.5); border-top:0; border-bottom:0; padding-right:2rem; font-weight:600; }
#header .gnb_util .lang > a:before{content:"\e936"; position:absolute; right:0.5rem; top:0; font-family:'xeicon'; color:#fff; }
#header .gnb_util .lang.on > a,
#header .gnb_util .lang > a:hover,
#header .gnb_util .lang > a:focus {background:rgba(255,255,255,0.2); }
#header .gnb_util .lang.on > a:before{transform:rotate(180deg); -webkit-transform:rotate(180deg); }
#header .gnb_util .lang > ul{display:none; position:absolute; left:0; top:2rem; width:100%; background:#1f314c; }
#header .gnb_util .lang > ul a{line-height:1.5rem; height:1.5rem; }
#header .gnb_util .lang > ul a:hover,
#header .gnb_util .lang > ul a:focus {background:rgba(255,255,255,0.2); }
#header .gnb_util a, #header .gnb_util :before{transition:all .3s; -webkit-transition:all .3s; }

/* 디지털원패스 */
#header .gnb_util > li > a[href='/login.do'].linked   { color: #dfe; }
#header .gnb_util > li > a[href='/login.do'].unlinked { color: #ecc; }
#forFirstDigitalOnepass {
	position: fixed;
	top: 24px;
	left: 800px;
	user-select: none;
	z-index: 2;
	color: #fff;
	opacity: 0;
}
#forFirstDigitalOnepass > div {
	margin-top: -10px;
	padding: 4px;
	border: 1px solid #1f314c;
	background: rgba(255,255,255,0.9);
	color: #000;
}

/* 검색 */
#totalSrchBtn{position:absolute; right:4rem; top:2.5rem; font-size:1.5rem; }
#totalSrch{display:none; position:absolute; right:3rem; top:5.5rem; width:24.5rem; background:rgba(28, 46, 73, 0.95); padding:1.5rem 2rem ; }
#totalSrch input[type="text"]{width:100%; height:2rem; line-height:2rem; color:#fff; background:none; border:none; }
#totalSrch input[type="text"]::placeholder,
#totalSrch input[type="text"]::-webkit-placeholder{color:#fff; font-weight:200; }
#totalSrch .srchBox{position:relative; padding:0 1.8rem 0.25rem 0; border-bottom:2px solid #fff; }
#totalSrch .btnSrch{position:absolute; right:0; top:0.25rem; font-size:1.2rem; color:#fff; }

/* 상단메뉴 */
#header .mob_btn {display:none; }
.gnbShadow{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:55; }
#gnb { position:relative; width:100%; height:3.5rem; overflow:hidden; z-index:0; }
#gnb nav {margin:0 auto; overflow:hidden; }
#gnb .d01 { display:block; padding:0 10rem 0 15rem; }
#gnb .d01 > li { display:block; float:left; width:16.66%; }
#gnb .d01 > li > a { position:relative; display:block; height:3.5rem; line-height:3.5rem; color:#083e88; text-align:center;  font-weight:600; font-size:1rem; }
#gnb .d01 > li > a span {position:relative; }
#gnb .d01 > li > a[target="_blank"] span:after {position:relative; content:""; display:inline-block; width:14px; height:14px; margin:0px 0 0 8px; background:url("/images/template/krhome/layout/ico_blank01_bk.png") no-repeat; }
#gnb .d01 > li > a:before {position:absolute; bottom:0; left:50%; width:0; height:2px;
	background:#a67b02;
/*
 	background: rgb(153, 107, 0);
	background: rgb(114,191, 68);
 */
	content:""; }
#gnb .d01 > li.active > a,
#gnb .d01 > li > a:hover,
#gnb .d01 > li > a:focus {
	color:#a67b02;
/*
	color: rgb(153, 107, 0);
	color: rgb(114,191, 68);
*/
}
#gnb .d01 > li.active > a:before,
#gnb .d01 > li > a:hover:before,
#gnb .d01 > li > a:focus:before {left:0; width:100%; }
#gnb .d01 > li > div { display:none; position:absolute; left:0; top:3.5rem; width:100%; border-top:1px solid #ddd; background:#e6e7ec; }
#gnb .d02 { position:relative; width:100%; max-width:80rem; margin:0 auto; background:url('/images/template/krhome/layout/bg_gnb.png') no-repeat right bottom; }
#gnb .d02::after {content:""; display:block; clear:both; }
#gnb .d02::before { content:""; position:absolute; left:-100%; top:0; margin-left:20rem; width:100%; height:100%; background:#324f93 url('/images/template/krhome/layout/bg_gnbHead.png') no-repeat 80% bottom; }
#gnb .d02 .head { position:absolute; left:0; top:0; width:20rem; height:100%; padding:0 1rem; overflow:hidden; word-break:keep-all; }
#gnb .d02 .head h2 { position:relative; padding:1.5rem 0 0; color:#fff; font-size:2rem; letter-spacing:-2px; overflow:hidden; }
#gnb .d02 .head p{width:80%; font-weight:700; color:rgba(255,255,255,0.6); text-transform:uppercase; padding:0.5rem 0 2rem; font-size:1.1rem; line-height:1.1; }
#gnb .d02 .head span{position:relative; display:block; padding:2rem 1rem 0; font-weight:200; font-size:0.75rem; color:rgba(255,255,255,0.7); line-height:1.2; }
#gnb .d02 .head span:before{content:""; position:absolute; left:0; top:0; width:5px; height:3rem; background:#fff; }
#gnb .d02 > ul { display:block; min-height:17rem; margin-left:20rem; padding:1rem; overflow:hidden; }
#gnb .d02 > ul > li { position:relative; display:block; width:23%; margin:0.5rem 1%; float:left; overflow:hidden; }
#gnb .d02 > ul > li > a { display:block; line-height:1rem; padding:0.75rem 2rem 0.75rem 0.75rem; border:1px solid #ccc; color:#111; font-weight:400; font-size:0.75rem; background:#fff; }
#gnb .d02 > ul > li > a[target="_blank"]:after { position:relative; content:""; display:inline-block; width:11px; height:11px; margin:-2px 0 0 8px; vertical-align:middle; background:url("/images/template/krhome/layout/ico_blank02_bk.png") no-repeat; }
#header .mgnb { display:none; }
#gnb .d02 > ul > li > a:before{ content:"\e90b"; position:absolute; right:0.8rem; top:0.75rem; font-size:1.2rem; font-family:'xeicon'; color:#fff; }
#gnb .d02 > ul > li > a:hover,
#gnb .d02 > ul > li > a:focus {
	background:#a67b02;
	border-color:#a67b02;
/*
	background: rgb(114,191, 68);
	border-color: rgb(114,191, 68);
*/
	color:#fff; }
#gnb .d02 > ul > li > a:hover[target="_blank"]:after,
#gnb .d02 > ul > li > a:focus[target="_blank"]:after { background:url("/images/template/krhome/layout/ico_blank02_wh.png") no-repeat; }
#gnb ul li a, #gnb ul li .ico, #gnb ul li :before{ transition:all .2s ease; -webkit-transition:all .2s ease; }


/* 전체메뉴 */
.allMenu{position:absolute; right:1.5rem; top:3rem; width:1.25rem; height:1.25rem; padding:1px 0; line-height:0; color:transparent; }
.allMenu span{display:block; width:100%; height:2px; margin:3px 0; background:#111; float:right; transition:all .2s; -webkit-transition:all .2s; }
.allMenu span:first-child{width:60%; }
.allMenu:hover span,
.allMenu:focus span{width:100% !important; background:#083e88; }
#fullMenu {position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:rgba(13, 21, 44, 0.95); z-index:1200;  }
#fullMenu a{position:relative; display:block; color:#fff; }
#fullMenu h3{display:none; position:fixed; left:0; top:0; width:100%; height:4rem; line-height:4rem; font-size:1.2rem; font-weight:400; color:#fff; padding:0 1rem; background:#3872d7; z-index:1; }
#fullMenu .container {position:relative; height:100%; }
#fullMenu .fullMenuScroll { padding:5rem 0; height:100%; }
#fullMenuClose{position:absolute; right:50%; top:2rem; margin-right:-700px; }
#fullMenuClose a{display:block; width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; border:1px solid #fff; color:#fff; font-size:1.45rem; }
#fullMenuClose a:hover,
#fullMenuClose a:focus {background:#083e88; }
#fullMenuClose a:hover i,
#fullMenuClose a:focus i {transform:rotate(180deg); -webkit-transform:rotate(180deg); }
#fullMenu a, #fullMenu :before, #fullMenu i{transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }

	#fullMenu .d01 {font-size:0; line-height:0; }
	#fullMenu .d01 a{position:relative; display:block; line-height:1.3; font-weight:400; }
	#fullMenu .d01 li{position:relative; }
	#fullMenu .d01 > li{width:16.66%; display:inline-block; vertical-align:top; padding:0 0.5rem; }
	#fullMenu .d01 > li > a{font-size:1.1rem; font-weight:700; padding:1rem 0.25rem; border-bottom:1px solid rgba(255,255,255,0.4); }

	#fullMenu .d01 > li > a[target='_blank'] span:after{position:relative; content:""; display:inline-block; width:16px; height:16px; margin:0px 0 0 8px; background:url("/images/template/krhome/layout/ico_blank01_wh.png") no-repeat; }
	#fullMenu .d01 > li > a span{position:relative; display:block; }
	#fullMenu .d01 > li:hover > a,
	#fullMenu .d01 > li > a:focus {color:#f6d044; border-color:#f6d044; }

	#fullMenu .d02{margin:1rem 0.25rem 0; }
	#fullMenu .d02 li{width:100%; overflow:hidden; }
	#fullMenu .d02 li > a{line-height:1.2rem; font-size:0.8rem; margin:0.25rem 0; }
	#fullMenu .d02 li > a[target='_blank']:after{position:relative; content:""; display:inline-block; width:11px; height:11px; margin:0px 0 0 8px; background:url("/images/template/krhome/layout/ico_blank02_wh.png") no-repeat; }
	#fullMenu .d02 li:hover > a,
	#fullMenu .d02 li > a:focus {color:#f6d044; }

/* footer */
#footer {position:relative; background:#2b3137; color:#fff; letter-spacing:0; }
#footer a { color:#fff; }
.area_footer {position:relative; max-width:60rem; margin:0 auto; padding-bottom:2rem; }

#footer .box_link{border-bottom:1px solid rgba(255,255,255,0.4); padding:1.25rem 0; text-align:center; overflow:hidden; }
#footer .box_link li {position:relative; display:inline-block; }
#footer .box_link li:before { content:''; width:1px; height:0.5rem; background:rgba(255,255,255,0.4); position:absolute; top:0.5rem; right:0; }
#footer .box_link li:last-child{padding-right:0; margin-right:0; }
#footer .box_link li:last-child:before{display:none; }
#footer .box_link li a {display:block; line-height:1.5rem; padding:0 1.5rem; font-size:0.8rem; color:#cfd0d1; font-weight:200; }
#footer .box_link li a:hover,
#footer .box_link li a:focus {text-decoration:underline; }

#footer .box_info{position:relative; margin:1.5rem 0 0; color:#cfd0d1; padding-right:22rem; }
#footer address { display:block; font-size:0.8rem; margin:0.5rem 0; font-weight:200; }
#footer address span{display:block; }
#footer .copyright {color:#919395; font-size:0.75rem; }

/* site Link */
.ftBtn_wrap{position:absolute; right:0; top:0; z-index:1; }
/*
.ftBtn_wrap .ftBtn_box{position:relative; width:10rem; float:left; margin-left:0.5rem; }
*/
.ftBtn_box button{position:relative; width:100%; height:2.3rem; line-height:2.3rem; padding:0 1rem; background:none; color:#cfd0d1; border:1px solid rgba(255,255,255,0.5); text-align:left; font-size:0.75rem; }
.ftBtn_box button:before{content:"\e930"; position:absolute; right:1rem; top:0; color:#fff; font-size:0.85rem; font-family:'xeicon'; }
.ftBtn_box button.open,
.ftBtn_box button:hover,
.ftBtn_box button:focus{background:#111; border-color:#111; }
.ftBtn_box button.open:before{transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.ft_site{display:none; position:absolute; left:0; bottom:2.3rem; width:100%; max-height:10.5rem; overflow:auto; background:rgba(0, 0, 0, 0.8); }
.ft_site ul{padding:0.5rem 0.75rem; }
.ft_site ul li a{position:relative; display:block; padding:0.25rem 0 0.25rem 0.5rem; font-size:0.75rem; }
.ft_site ul li a:before{content:""; position:absolute; left:0; top:0.7rem; width:3px; height:3px; background:#ccc; border-radius:50%; }
.ft_site ul li a:after{content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:rgba(255,255,255,0.4); }
.ft_site ul li a:hover:after,
.ft_site ul li a:focus:after{width:100%; }
.ftBtn_box button, .ftBtn_box :before, .ftBtn_box :after{transition:all .3s; -webkit-transition:all .3s; }

/* WAC 마크 추가 */
#footer .box_info{ min-height: 5.6rem; }
.ftBtn_wrap .ftBtn_box{ position: relative; width: 100%; float:left; margin:0.25rem 0; }
.ftBtn_wrap .ftBtn_box + .ftBtn_box{margin-left:0%; }

#logo_wac { display: block; position: absolute; right: 12rem; top:0; z-index:1; width: 9rem; }
#logo_wac img { width: 100%; }


.alert-intranet { width: 100%; height: 100%; border: 1px solid #ddd; padding: 49px 0; text-align: center; }


@media (max-width:1440px) {

	.box_footer { width:96%; }

	/* 전체메뉴 */
	#fullMenu .gnb > li .depth2 > li { width:32%; margin-bottom:1rem; }
	#fullMenu .gnb > li .depth2 > li + li { margin-left:2%; }
	#fullMenu .gnb > li .depth2 > li:nth-child(3n+1) { margin-left:0; }
	#fullMenuClose{right:2%; margin-right:0; }

	/*footer*/
	.area_footer{width:95%; }

}

@media (max-width:1280px) {
	#gnb .d01{padding:0 7rem 0 13rem; }
	#gnb .d02 .head { width:15rem; }
	#gnb .d02 .head h2 { font-size:1.5rem; }
	#gnb .d02::before{margin-left:15rem; }
	#gnb .d02 > ul { margin-left:15rem; }
	#gnb .d02 > ul > li{width:31.33%;}

	#nav {display:none; }

	/* footer */
	#footer .box_link{text-align:left; }
	#footer .box_link li a{padding:0 0.5rem; }

}
@media (max-width:1024px) {

	/* 검색 */
	#totalSrch{right:0; width:100%; }

	#gnb{display:none; }
	#header .gnb_util{margin-right:0;}

	/* 전체메뉴 */
	#fullMenuClose{height:3rem; width:3rem; right:0.5rem; top:0.75rem; z-index:2; }
	#fullMenu h3{display:block; }
	#fullMenu .fullMenuScroll{padding:0; height:100%; }
	#fullMenu .container{width:100%; }
	#fullMenu .mCSB_inside>.mCSB_container{margin:0 !important; }
	#fullMenu .d01{margin:4rem 0.5rem 3rem; }
	#fullMenu .d01 > li{width:100%; margin:0; }
	#fullMenu .d01 > li > a{font-size:1.1rem; text-align:left; padding:1rem 0.25rem 0.5rem; }
	#fullMenu .d01 > li.dep > a{padding-right:2rem; font-weight:400; }
	#fullMenu .d01 > li.dep > a::after{content:""; position:absolute; right:6px; top:28px; width:0.75rem; height:1px; background:#fff; }
	#fullMenu .d01 > li.dep > a::before{content:""; position:absolute; right:12px; top:22px; width:1px; height:0.75rem; background:#fff; transition:all .3s; -webkit-transition:all .3s;}
	#fullMenu .d01 > li.dep.active > a::before{transform:rotate(90deg); -webkit-transform:rotate(90deg); }
	#fullMenu .d02{display:none; }
	#fullMenu .d02 li{padding-left:0.8rem; }
	#fullMenu .d02 li:before{content:""; position:absolute; left:0; top:0.75rem; width:0.3rem; height:2px; border-radius:50%; background:#fff; }
	#fullMenu .d02 li > a{font-size:0.85rem; font-weight: 200;}
	#fullMenu .d02 li:hover:before,
	#fullMenu .d02 li:focus:before{background:#f6d044; }

	/* footer */
	#footer .box_info{padding:0; }
	#footer .box_link li{padding-right:0.75rem; margin-right:0.75rem; }

	/* site Link */
	/*
	.ftBtn_wrap{position:relative; right:auto; top:auto; }
	.ftBtn_wrap .ftBtn_box{width:49%; margin:0 0 1rem; }
	.ftBtn_wrap .ftBtn_box + .ftBtn_box{margin-left:2%; }
	*/
	/* WAC 마크 추가 */
	.ftBtn_wrap { width: calc(100% - 11rem); top: 10px; }
	#logo_wac { position: static; width: 10rem; }

}

@media (max-width:740px){

	/* footer */
	#footer .box_info{padding-left:0; }
	#footer .box_info .ft_logo{position:relative; left:auto; top:auto; }

}

@media (max-width:560px) {

	#header .gnb_util > li a{padding:0 0.5rem; }
	#header .gnb_util .lang > a{margin-left:0.25rem; }

	#header .gnb_util .no-mobile {display: none; }
	#header .gnb_util > li.no-mobile + li:before { left:0; top:0; margin:0; width:0; height:0; }

	/* footer */
	.box_info ul.contact li { width:100%; line-height:2rem; }
	.box_info ul.contact li em br { display:none; }
	.box_info2 ul { float:none; margin-top:0.8rem; }

}

@media (max-width:460px){

	/* footer */
	#footer .box_info{margin:1rem 0 0; }
	#footer .box_link{padding:1rem 0; }
	#footer .box_link li{padding-right:0.25rem; margin-right:0.25rem; }
	#footer .box_link li a{font-size:0.75rem; }

	/* site Link */
	/*
	.ftBtn_wrap .ftBtn_box{width:100%; margin:0.25rem 0; }
	.ftBtn_wrap .ftBtn_box + .ftBtn_box{margin-left:0%; }
	*/
	/* WAC 마크 추가 */
}

@media (max-width:380px){

	#header h1 img{height:28px; width:auto; }

	/* 검색 */
	#totalSrch{padding:1.5rem; }

	/* WAC 마크 추가 */
	.ftBtn_wrap { position: static;  width: 100%; }
	.ftBtn_wrap:after { content: ""; display: block; clear: both; }
	#logo_wac { display: block; margin: 0.25rem auto; right: auto; }
}