@charset "utf-8";
/* CSS Document */

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
} 

html {font-size:20px}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, h6, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
	line-height:1.2;
    letter-spacing:-0.5px;
}

input, select {
	vertical-align:middle;
	color:#666;
}

a {text-decoration:none}
button {background:transparent;border:none;cursor:pointer}

img, fieldset {border:none}
ul li {	list-style:none outside none}
ol li {	list-style:none outside none}

caption, legend {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-999em;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	text-align:left;
}

strong {font-weight:500}

table {border-collapse:collapse;table-layout:fixed;word-break:break-all}

textarea { line-height:24px;
		   letter-spacing:1px;
		    border:1px solid #ddd;
			overflow-y:scroll;
			resize:none;}
			
body {position:relative;width:100%}

#wrap {position:relative;width:100%;height:100%;overflow:hidden}

#header {position:relative;width:100%}

.top_util_wrap {position:relative;width:100%;height:2.25rem;background:#0e4194}
.top_util_wrap .top_util {width:100%;max-width:1400px;margin:0 auto;text-align:right}
.top_util_wrap .top_util .site {display:inline-block}
.top_util_wrap .top_util .site a {display:block;height:2.25rem;padding:0 1rem;background:#406ac0;color:#fff;font-size:.8rem;line-height:2.25rem;box-sizing:border-box}
.top_util_wrap .top_util:after {content:"";display:block;clear:both}

.header_navi {display:flex;align-items:center;width:100%;max-width:1400px;height:4.5rem;margin:0 auto}
.header_navi .logo {width:14.7rem;height:1.85rem}
.header_navi .logo a {display:block;background:url(../../img/portal/common/logo.png)no-repeat;background-size:14.7rem;text-indent:-9999px}
.header_navi .gnb {width:calc(100% - 18.2rem)}
.header_navi .gnb > ul {display:flex;justify-content:flex-end;align-items:center;padding-right:2rem;font-size:0}
.header_navi .gnb > ul > li {position:relative;display:inline-block}
.header_navi .gnb > ul > li > a {position:relative;display:block;padding:1rem 1.5rem;color:#181818;font-size:.9rem;font-weight:500}
.header_navi .gnb > ul > li > a:hover {color:#1f3faa}
.header_navi .gnb > ul > li > .submenuWrap {display:none;position:absolute;top:3rem;left:0;width:100%;background:#fff;border:1px solid #406ac0;box-sizing:border-box;z-index:20}
.header_navi .gnb > ul > li > .submenuWrap .submenu_list {position:relative}
.header_navi .gnb > ul > li > .submenuWrap .submenu_list:before {content:"";position:absolute;top:-.3rem;left:50%;width:.45rem;height:.25rem;margin-left:-.2rem;background:url(../../img/portal/common/gnb_bg.png)no-repeat;background-size:.45rem;}
.header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li {text-align:left}
.header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > a {display:block;padding:.5rem;color:#333;font-size:.8rem}
.header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > a:hover {background:#406ac0;color:#fff}
.header_navi .gnb > ul > li:hover .submenuWrap {display:block}

.header_navi .header_util {width:3.5rem}
.header_navi .header_util ul {display:flex;align-items:center}
.header_navi .header_util ul li {padding:0 .5rem;box-sizing:border-box}
.header_navi .header_util ul li .total_search {display:block;width:1rem;height:.95rem;background:url(../../img/portal/common/total_search.png)no-repeat;background-size:1rem;box-sizing:border-box;text-indent:-9999px}
.header_navi .header_util ul li .total_menu {display:block;width:1rem;height:.95rem;background:url(../../img/portal/common/total_menu.png)no-repeat;background-size:1rem;box-sizing:border-box;text-indent:-9999px}

.totalSearchWrap {display:none;position:absolute;top:6.75rem;left:0;width:100%;padding:1.5rem 0;background:#1f3c93;z-index:10}
.totalSearchWrap .searchBox {position:relative;width:100%;max-width:1600px;margin:0 auto;text-align:center;font-size:0}
.totalSearchWrap .searchBox span {display:inline-block;margin-right:1rem;color:#fff;font-size:1.4rem;font-weight:500;vertical-align:middle}
.totalSearchWrap .searchBox input[type=text] {display:inline-block;width:50%;max-width:18rem;height:1.5rem;padding:.5rem;background:#fff;border:none;border-radius:8px 0 0 8px;font-size:.8rem;vertical-align:middle}
.totalSearchWrap .searchBox .btn_search {display:inline-block;width:2.5rem;height:2.5rem;background:#0b2677 url(../../img/portal/common/icon_search.png)no-repeat center center;background-size:1.1rem;border-radius:0 8px 8px 0;text-indent:-9999px;vertical-align:middle}
.totalSearchWrap .searchBox .btn_close {display:inline-block;width:2.5rem;height:2.5rem;margin-left:.25rem;background:#0b2677 url(../../img/portal/common/icon_close.png)no-repeat center center;background-size:1.1rem;border-radius:8px;text-indent:-9999px;vertical-align:middle}

#footer {position:relative}

.bannerWrap {width:100%;border-top:1px solid #dce1e5}
.bannerList {position:relative;width:100%;max-width:1400px;margin:0 auto;padding:1rem 2.5rem;box-sizing:border-box}
.bannerList .banner_prev {position:absolute;top:50%;left:0;width:.45rem;height:.75rem;transform:translateY(-50%);background:url(../../img/portal/common/banner_prev.png)no-repeat;background-size:.45rem;text-indent:-9999px}
.bannerList .banner_next {position:absolute;top:50%;right:0;width:.45rem;height:.75rem;transform:translateY(-50%);background:url(../../img/portal/common/banner_next.png)no-repeat;background-size:.45rem;text-indent:-9999px}
.bannerList ul {overflow:hidden;height:2.2rem;font-size:0}
.bannerList ul li {display:inline-block;margin-left:.5rem}
.bannerList ul li a {display:block;height:2.2rem;padding:0 1.9rem 0 1rem;background:url(../../img/portal/common/icon_newwindow.png) no-repeat right 1rem center;background-size:.45rem;;border:1px solid #d9d9d9;color:#424242;font-size:.8rem;line-height:2.1rem;box-sizing:border-box}

.footerWrap {position:relative;width:100%;background:#515151}
.ft_wrap {position:relative;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 0}
.ft_logo {position:absolute;top:50%;left:0;width:9.75rem;height:1.1rem;transform:translateY(-50%);background:url(../../img/portal/common/ft_logo.png)no-repeat;background-size:9.75rem;text-indent:-9999px}
.ft_cont {width:calc(100% - 12rem);padding-left:12rem}
.footLink {width:100%}
.footLink ul {font-size:0}
.footLink ul li {display:inline-block;margin:.25rem .75rem .25rem 0}
.footLink ul li:first-child {margin-left:0}
.footLink ul li a {display:block;color:#fff;font-size:.8rem}
.footLink ul li:first-child a {color:#f8e31a}
.address {width:100%;margin-top:.5rem}
.address address {color:#c7c5c7;font-size:.8rem;font-style:normal;line-height:1.5;box-sizing:border-box}
.address address span {margin-left:.5rem}
.address address strong {display:block;font-weight:400}

.mobAllmenu {display:none;overflow-y:scroll;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;box-sizing:border-box;z-index:100}
.navTop {position:relative;width:100%;height:4rem;padding:0 1rem;background:#fff;border-bottom:1px solid #ccc;box-sizing:border-box;z-index:20}
.navTop .mobile_logo {position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:14.7rem;height:1.85rem;background:url(../../img/portal/common/logo.png)no-repeat;background-size:14.7rem;text-indent:-9999px}
.navTop .nav_close {position:absolute;top:50%;right:1rem;transform:translateY(-50%)}
.navTop .nav_close a {display:block;width:1.1rem;height:1.1rem;background:url(../../img/portal/common/totalmenu_close.png) no-repeat 0 0;background-size:1.1rem;text-indent:-9999px}
.nav {position:relative;width:100%;z-index:10}
.nav > ul > li > a {position:relative;display:block;width:100%;padding:.75rem 2rem .75rem 1rem;color:#333;font-size:.9rem;font-weight:500;box-sizing:border-box}
.nav > ul > li > a:before {content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:.7rem;height:.4rem;background:url(../../img/portal/common/mb_menu_open.png)no-repeat;background-size:.7rem}
.nav > ul > li.depth_none > a:before {display:none}
.nav > ul > li > ul {display:none;padding:.5rem 0;background:#f8f8f8;transition:all .3s}
.nav > ul > li > ul > li > a {display:block;padding:.5rem 1rem;color:#555;font-size:.8rem;box-sizing:border-box}
.nav > ul > li.active > a {color:#0e4194}
.nav > ul > li.active > a:before {background:url(../../img/portal/common/mb_menu_close.png)no-repeat;background-size:.7rem}
.nav > ul > li.active > ul {display:block}
.mobAllmenu:after {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#fff}

.skipnav {position:relative;width:100%;background:#000;color:#fff;text-align:center;}
.skipnav a {display:block;color:#fff;font-weight:bold;width:0;height:0;line-height:0;font-size:0;}
.skipnav a:focus, .skip a:active {display:block;padding:5px 0;width:auto;height:auto;line-height:1.5;font-size:12px;}

#mask{position:absolute;left:0;top:0;z-index:99;display:none;width:100%;height:100%;z-index:100;background-color:rgba(255,255,255,0.3);}
#loading{position:absolute;top:0px;left:0px;z-index:100000;width:100%;height:100%;text-align:center;background-color:rgba(255,255,255,0.3);display:none}

.top_util_wrap .top_util .top_util_link {display:inline-block}
.top_util_wrap .top_util .top_util_link ul {font-size:0}
.top_util_wrap .top_util .top_util_link li {display:inline-block;margin-right:1rem}
.top_util_wrap .top_util .top_util_link li a {display:block;color:#fff;font-size:.8rem}

.header_navi .header_util ul li.nav_mov{display:none;}

.print {margin:1.5rem 1rem 0 1rem;padding:1rem;background:#f1f3f4;text-align:center;box-sizing:border-box}
.print p {color:#333;font-size:.9rem;line-height:1.5}
.print div {margin-top:1rem}
.print div .btn_type_blue {display:inline-block;padding:.65rem 1.5rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem}
.print div .btn_type_bin {display:inline-block;padding:.65rem 1.5rem;background:#444;border-radius:4px;color:#fff;font-size:.8rem}