@charset "UTF-8";


@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 300;
	src: url('/font/NotoSans-Light.eot');
	src: local('Noto Sans'), local('NotoSans'), url('/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
		 url('/font/NotoSans-Light.woff2') format('woff2'),
		 url('/font/NotoSans-Light.woff') format('woff');
}

@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 500;
	src: url('/font/NotoSans-Regular.eot');
	src: local('Noto Sans'), local('NotoSans'), url('/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/font/NotoSans-Regular.woff2') format('woff2'),
		 url('/font/NotoSans-Regular.woff') format('woff');
}

@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 700;
	src: url('/font/NotoSans-Medium.eot');
	src: local('Noto Sans'), local('NotoSans'), url('/font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
		 url('/font/NotoSans-Medium.woff2') format('woff2'),
		 url('/font/NotoSans-Medium.woff') format('woff');
}

@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 900;
	src: url('/font/NotoSans-Bold.eot');
	src: local('Noto Sans'), local('NotoSans'), url('/font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		 url('/font/NotoSans-Bold.woff2') format('woff2'),
		 url('/font/NotoSans-Bold.woff') format('woff');
}

/*
@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 300;
	src: url('/font/NanumBarunGothicUltraLight.eot');
	src: url('/font/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'),
		 url('/font/NanumBarunGothicUltraLight.woff2') format('woff2'),
		 url('/font/NanumBarunGothicUltraLight.woff') format('woff');
}

@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 500;
	src: url('/font/NanumBarunGothicLight.eot');
	src: url('/font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
		 url('/font/NanumBarunGothicLight.woff2') format('woff2'),
		 url('/font/NanumBarunGothicLight.woff') format('woff');
}

@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 700;
	src: url('/font/NanumBarunGothic.eot');
	src: url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		 url('/font/NanumBarunGothic.woff2') format('woff2'),
		 url('/font/NanumBarunGothic.woff') format('woff');
}


@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 900;
	src: url('/font/NanumBarunGothicBold.eot');
	src: url('/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		 url('/font/NanumBarunGothicBold.woff2') format('woff2'),
		 url('/font/NanumBarunGothicBold.woff') format('woff');
}
*/
/*
* {box-sizing:border-box; }
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu,
nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 160%;
    box-sizing: border-box;
} */

/* body {overflow-x: hidden;font-family: 'NotoKr', sans-serif;font-weight:300; color:#343434;font-size:16px} */

address { font-style:normal;}
/* a { display:block;color:#000} */
html, body { min-height:100%;}
small {font-size: 14x;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
t
input, select {
    vertical-align:initial;
}

img {
	border:none;
	vertical-align:top;
}
/* a > img {margin-right: 10px; vertical-align: middle;} */
a, a:active, a:hover { text-decoration:none}
/* button:hover, .btn:hover, .btn01:hover, .btn-s:hover, button.on, .btn.on, .btn01.on, .btn-s.on {box-shadow:0 0 100px rgba(0,0,0,.2) inset} */
/* section {margin-bottom: 5%;} */
/* select{
padding-right: 4%;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
background:#fff url('/img/icon/i_select_arrow.png') no-repeat; background-position:95% 50%;
} */
select.w100,.search > form > select{ background-position:90% 50%; }
select::-ms-expand{ display: none; }
footer .footer_top .sitelist select{ padding-right: 15px;}

/*common*/
.hidden {position: absolute;left: -9999px;font-size: 1px;width: 1px;height: 1px;line-height: 0;}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/* .wrap {max-width:1180px; margin: auto} */
.bd1 {border:1px solid #aaa}
.btn-s {display: inline;padding: 1% 2%;border-radius:4px;font-weight: 500; font-size: 14px; color: #fff;text-align: center;background-color: #545454;}
.btn01{display: inline; padding: 1.5% 5%;border-radius:0;font-weight: 500; font-size: 1.5rem; color: #fff;text-align: center;}
.bg_blu.bg_blu {background-color: #203a91; padding-top: 15px;}
.bg_gray {background-color: #848484}
.bg_orange {background-color: #fe4d0a}
.orange {color: #fe4d0a;}
.blu {color: #00549b;}
.aaa {color: #aaaaaa;}
.ccc {color: #cccccc;}
.eee {color: #eeeeee;}
.mobi, .mobi-inline, .tablet, .tablet-inline{display: none;}

/*
	header
*/
header .wrap{overflow: hidden;padding: 0.6% 0}
header h1{float: left; margin: 0}
header h1 > a > img {max-width: 421px;}
header .topmenu{float: right; width: 60%;padding: 1.8% 0}
header .topmenu > ul > li{float: right;margin: 0 1%;font-size:14px}
header .topmenu > ul > li:not(.bd1) a{line-height: 1.8}
header .topmenu > ul > li:not(.bd1) a:hover{color:#555}
header .topmenu > ul > .blog {overflow: hidden;background-color: #ccc}
header .topmenu > ul > .blog a {float: left;padding: 4px 8px}
header .topmenu > ul > .blog a:hover, header .topmenu > ul > .en a:hover {box-shadow:0 0 50px rgba(0,0,0,.1) inset}
header .topmenu > ul > .blog a:first-child{border-right: 1px solid #aaa}
header .topmenu > ul > .blog a img {vertical-align: middle;margin-right: 0;}
header .topmenu > ul > .en a{padding: 4px 8px;;background-color: #eee }
.topmenu_search {display: none;text-align: right;}

/* nav {background-color: #394457}
nav .wrap {position: relative;}
nav #gnb:after {content:'';display: block;clear: both}
nav #gnb > li {float: left;position: relative;width: 20%;}
nav #gnb > li > a {display: block;padding: 14px 0%;font-weight: bold;color:#fff;line-height: 2.5;font-size: 1.15rem;}
nav #gnb > li:hover > a, nav #gnb > li.on > a{color:#fe4d0a}
nav #gnb > li > .depth2{display: none;position: absolute;left: 0;top: 65px;width: 100%;z-index: 999}
nav #gnb > li > .depth2 > li:first-child {padding-top: 10px}
nav #gnb > li > .depth2 > li:first-child > a {border:none}
nav #gnb > li > .depth2 > li > a {display: block;padding: 7px 0;padding-right: 20%;font-weight: 500;font-size:16px;}
nav #gnb > li > .depth2 > li > a:after {content: '';display: block;width: 100%;height: 1px;background-color: #ddd;}
nav #gnb > li > .depth2 a:hover {color:#fe4d0a}
nav #gnb > li > .depth2 > li > .depth3 li {position: relative;padding-left:10px;padding-bottom: 2%}
nav #gnb > li > .depth2 > li > .depth3 li:before {content:'';display: block;position: absolute;width: 4px;height: 4px;top: 50%;left: 0;margin-top: -2px;border-radius:2px;background-color: #000}
nav #gnb > li > .depth2 > li > .depth3 > li a {font-size:14px; line-height: 1.5}
nav #gnb > li:last-child {padding-right: 0;}
nav #gnb > li:last-child:after {content:''; display: block;clear: both}
nav #gnb > li:last-child .user {position: relative;}
nav #gnb > li:last-child div {float: left;display:block;width: 23.5%}
nav #gnb > li:last-child div > a {line-height: 73px;text-align: center;}
nav #gnb > li:last-child div > a img {vertical-align: middle;margin-right: 0;}
nav #gnb > li:last-child div .user_menu:before {content:'';display: block;width: 36px;height: 7px;background:url(/img/icon/i_user.png) no-repeat 100% 0px}
nav #gnb > li:last-child div .user_menu {display: none;position: absolute;top:57px;z-index: 999}
nav #gnb > li:last-child div .user_menu > li a{display: block;padding: 10px 20px;background-color: #fff;border:1px solid #ddd;border-top:none;font-size:15px;white-space: nowrap;-ms-word-break: keep-all;
word-break: keep-all;}
nav #gnb > li:last-child div .user_menu > li:first-child  a{font-weight: bold}
nav #gnb > li:last-child div .user_menu > li a:hover{background-color: #e2e2e2}
nav #gnb > li.menu_icon .wrap_badge {position: relative;}
nav #gnb > li.menu_icon .wrap_badge .badge {position: absolute;top: 53%;right: 10px;width: 20px;height: 20px;margin-top: -10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-weight: 700;font-size: 11px;line-height: 20px;background-color: #fff;color:#fe4d0a;text-align: center;}
nav #gnb > li.menu_icon .wrap_badge img {margin-left: -10px;}
nav #gnb > li.menu_icon .wrap_badge .count {right: 5px;font-size: 13px;line-height: 20px}
nav .lnb_bg {display: none;position: absolute;width: 100%;height: 480px;background-color: #f5f5f5;z-index: 998}
nav #gnb > li.menu_icon .btn_search a.active {background: #00549b url(/img/icon/i_close.png) 50% 50% no-repeat;text-indent: -9999px;}
nav #gnb > li.menu_icon .btn_gnb a.active {background: #f5f5f5 url(/img/icon/i_close_gray.png) 50% 50% no-repeat;text-indent: -9999px;} */

.search-fade {display: none;position: absolute;z-index: 100;width: 100%;background-color: #00549b;text-align: center;}
.search-fade .wrap {padding:1.5% 3%;}
.search-fade p {float: left;font-weight: 700;font-size: 1.4rem;color: #fff;}
.search-fade form {float: right;width: 85%;padding-right: 20px;text-align: right;}
.search-fade input {display: inline-block;width:calc(98% - 50px);min-height: 40px;padding-left: 10px;border:none; color:#777; text-align: left;vertical-align: top;}
.search-fade button{display: inline-block;width: 10%;max-width: 50px;min-height: 40px;margin-left: -5px;padding: 0; border:none;background-color: #fff; text-align: center;vertical-align: top;}

/* 탑버튼 */
#top	{position: fixed; z-index: 3; right: 10px; bottom: 8px;}
#top a	{position: relative; background: #fff; border: 1px solid #d7d7d7; color: #222; font-family: "Montserrat"; font-weight: 600; font-size: 17px; border-radius: 5px; padding: 34px 17px; width: 80px; height: 80px; display: block; text-align: center;}
#top a::before	{content:''; position:absolute; background: url('/library/img/main/mo/main_arrow_btn02.png') no-repeat 50% 50%/18px; width: 21px; height: 14px; top: 18px; left: 0; right: 0; margin: 0 auto;}


footer {font-size:14px;background-color: #232f3b; color:#fff}
footer .footer_top{border-bottom: 1px solid rgba(255,255,255,.3)}
footer .footer_top .wrap {overflow: hidden}
footer .footer_top #fnb {float: left;width: 70%;padding: 1.34% 0}
footer .footer_top #fnb:after {content:'';display: block;clear: both}
footer .footer_top #fnb li {float: left;width: 14.28%;text-align: center}
footer .footer_top #fnb li b {font-weight:500;color:#4c7ac5 }
footer #fnb li a{font-size:14px; color:#fff}
footer .footer_top .sitelist {float: right; width: 30%; padding: 1% 0; text-align: right}
footer .footer_top .sitelist select {max-width: 160px;padding: 5px;border:1px solid #ddd;font-size:14px;background-color: #fff;color:#737373}
footer .footer_contents {overflow: hidden;padding: 2% 0}
footer .footer_contents ul{float: left;width: 16%;}
footer .footer_contents ul:last-child {width: 78%;margin-left: 5%}
footer .footer_contents ul li{line-height: 1.8; color:rgba(255,255,255,.4)}
footer .footer_contents ul li a {display:inline;;color:rgba(255,255,255,.4)}
footer .footer_contents ul li img {width: 100%;max-width: 193px;}

/*퀵 메뉴*/
.quickmeun {position: fixed;right: -80px;top: 35%; margin-top:-230px;}
.quickmeun:after {content:'';display: block;clear: both;}
.quickmeun .q_btn {float: left;display: block;padding: 12px 16px;background-color: #1EC800;color:#fff;writing-mode: tb-rl}
.quickmeun .q_btn img {width: 12px;margin-left: 4px;vertical-align: bottom}
.quickmeun > ul {float: left;width:80px;padding: 10px;background-color: #fff;border:1px solid #ddd}
.quickmeun ul li a {display: block; font-size:14px;text-align: center;}
.quickmeun ul li:not(:last-child) a:hover span {background-color: #fe4d0a;}
.quickmeun ul li:not(:last-child) a:hover img:nth-child(1) {display: none}
.quickmeun ul li:not(:last-child) a:hover img:nth-child(2) {display: block}
.quickmeun ul li a span {position: relative;display: block;width: 90%;height: 50px;margin: 10px 0;background-color: #e3e6e8;text-align: center;}
.quickmeun ul li:last-child a span {padding: 0;background-color: #fff;}
.quickmeun ul li a span img {position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);vertical-align: middle;}
.quickmeun ul li:not(:last-child) a span img:nth-child(2) {display: none;}
.quickmeun .quick-call {position: relative;}
.quickmeun .call-center {display: none;position: absolute;left: -290%;top: 0;width: 150px;padding: 10px;border: 1px solid #ddd;background-color: #fff;}

.footer_mobi, .fixed_bar {display: none;}


/*모바일 사이드 메뉴*/
.silde-bar_mobi {overflow: auto;position: fixed;left: -100%;top: 0;z-index: 999;width: 50%;height: 100%;padding-bottom: 5%;background-color: #fff;transition:all 1s}
.silde-bar_mobi.on {left: 0;transition:all 1s}
.silde-bar_mobi .wrap {width: 90%;}
.silde-bar_mobi h4 {padding: 10px;background-color: #00549b; color:#fff;text-align: center;}
.silde-bar_mobi h4 .close {float: right;margin-left: 5%;cursor: pointer;}
.silde-bar_mobi .btn {width: 120px;margin:15px auto;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;font-size: 14px;background-color: #4c7ac5;}
.silde-bar_mobi .tit {padding-top: 5px;border-top: 1px solid #ddd;font-weight: 700;font-size: 16px;}
.silde-bar_mobi .std-list {margin: 10px auto;padding: 5%;border:1px solid #ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.silde-bar_mobi .std-list li {position: relative;padding-left: 8px;font-size: 12px;}
.silde-bar_mobi .std-list li:before {content: '';display: block;position: absolute;top: 50%;left:0;width: 3px;height: 3px;margin-top: -1.5px;background-color: #aaa;}
.silde-bar_mobi .std-list li a{overflow: hidden;width: 100%;text-overflow:ellipsis;white-space: nowrap;}
.silde-bar_mobi #gnb_mobi {margin: 20px 0;}
.silde-bar_mobi #gnb_mobi > li > a > img {margin-right: 5px;}
.silde-bar_mobi #gnb_mobi > li > a > .arrow {margin-right: 0px;margin-left: 20px;}
.silde-bar_mobi #gnb_mobi > li > a > .arrow.on {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);transform: rotate(180deg);}
.call-center {text-align: center;}
.call-center img {margin-right: 5px;padding: 10px;border: 1px solid #ddd;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.call-center span {display: inline-block; vertical-align: middle;}
.call-center ul {margin-top: 10px;padding-top: 10px;border-top: 1px solid #ddd}
.call-center ul li {font-size: 14px;}
.call-center ul li a {color:#4c7ac5}

.top-btn {display: none;position: fixed;right: 5%;bottom: 10%;padding:9.5px 10px;background-color: rgba(0,43,79,.9); box-shadow:0 0 5px rgba(0,0,0,.5);text-align: center;z-index: 997;}
.top-btn img {margin-right: 0}

/*사이트맵*/
.sitemap article {padding-top: 3%;}
.sitemap h3 {display: inline-block;margin-bottom: 3%;font-size: 2.25rem;line-height: 1.5;color:#00549b}
.sitemap img {display: inline-block;margin-right: 1%;vertical-align: text-bottom;}
.sitemap .clearfix > ul {float: left;width: 24%;margin: 0.5%;}
.sitemap .clearfix > ul.con  {height: 300px;}
.sitemap .clearfix > ul > li > h4 {margin-bottom: 10px;padding: 3.5% 5%;font-size: 1.15rem;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #4c7ac5; color:#fff;}
.sitemap .clearfix > ul li > .sitemap_depth02 {padding-left: 6%;}
.sitemap .clearfix > ul li > .sitemap_depth02 > li {margin-bottom: 5px;}
.sitemap .clearfix > ul li > .sitemap_depth02 > li:after {content: '';display: block;overflow: hidden;clear: both;}
.sitemap .clearfix > ul li > .sitemap_depth02 > li > a {display: inline-block;margin-right: 4%;;vertical-align: top;}
.sitemap .clearfix > ul li > .sitemap_depth02 > li > a.con {width:34%;margin-right: 0;}
.sitemap .clearfix > ul li .sitemap_depth03 {display: inline-block;}
.sitemap .clearfix > ul li .sitemap_depth03.con {width: 59%;}
.sitemap .clearfix > ul li .sitemap_depth03.con a {white-space: nowrap;}
.sitemap .clearfix > ul li .sitemap_depth03 li > a {font-size: 0.95rem;color:rgba(0,0,0,.7)}
.sitemap .clearfix > ul li a:hover, .sitemap .clearfix > ul li a.on {font-weight: 700;color:#4c7ac5}
.sitemap .clearfix > ul.right {float: right;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){

	/* 탑버튼 */
	#top	{right: 10px; bottom: 22px; transition: all .3s ease;}
	#top a	{font-size: 16px; padding: 29px 17px; width: 70px; height: 70px; display: block; text-align: center;}
	#top a::before	{background: url('/library/img//main/mo/main_arrow_btn02.png') no-repeat 50% 50% / 16px; width: 21px; height: 14px; top: 15px; left: 0; right: 0; margin: 0 auto;}
	
} /*----- TA END -----*/

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){

} /*----- MO END -----*/