@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 400;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.truetype') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 600;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: bold;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.otf') format('opentype');
} 

html {font-size:20px}

body {-webkit-text-size-adjust: 100%;overflow-y:scroll;}
body.hidden {overflow:hidden !important; touch-action:none;}
body.fixed {position:fixed}
body.touch {overflow:hidden !important; touch-action:none;}

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

input, select {
	vertical-align:middle;
	color:#666;
	font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
}

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;border-spacing:0;table-layout:fixed;word-break:break-all}

textarea { line-height:24px;
		   letter-spacing:1px;
		    border:1px solid #ddd;
			overflow-y:scroll;
			resize:none;
		font-family: 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif'}

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

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

.top_util {position:relative;width:100%;padding:1rem 0;border-bottom:1px solid #e2e5e9}
.top_inner {display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto}
.logo {width:13rem;height:1.9rem;line-height:1}
.logo a {display:block}
.logo a img {width:100%;height:100%}
.util_wrap {display:flex;align-items:center}
.util_wrap .util_list {display:flex}
.util_wrap .util_list li {margin-left:1rem}
.util_wrap .util_list li:first-child {margin-left:0}
.util_wrap .util_list li .remote {display:block;color:#0053a7;font-size:.8rem;font-weight:500}
.util_wrap .util_list li a.flag {display:block;padding-left:1.65rem;background:url(../../img/portal/common/img_flag.gif)no-repeat left center;background-size:1.4rem;color:#333;font-size:.8rem}
.util_wrap .search_box {position:relative;margin-left:1rem}
.util_wrap .search_box input[type=text] {width:16rem;height:2.4rem;padding:0 2.5rem 0 .5rem;border:1px solid #5179e1;border-radius:6px;font-size:.8rem;box-sizing:border-box}
.util_wrap .search_box .btn_search {position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url(../../img/portal/common/total_search.png)no-repeat;background-size:1.2rem;text-indent:-9999px}
.mb_search {display:none;width:1.2rem;height:1.2rem;background:url(../../img/portal/common/total_search.png)no-repeat;background-size:1.2rem;text-indent:-9999px}
.mb_totalmenu {display:none;width:2rem;height:2rem;background:#262f33 url(../../img/portal/common/total_menu.png)no-repeat center center;background-size:1.1rem;border-radius:8px;text-indent:-9999px}

.header_right {float:right;margin-top:.35rem}
.header_right .source {font-size:1rem;font-weight:bold}

.searchM {display:none;position:absolute;top:4.05rem;left:0;width:100%;background:#15284f;z-index:10}
.searchM .search_input {position:relative;width:70%;margin:0 auto;padding:1rem 0}
.searchM .search_input input[type=text] {width:100%;height:2.5rem;padding:0 2rem 0 .5rem;background:#fff;border:none;border-radius:4px;color:#555;font-size:.8rem;box-sizing:border-box}
.searchM .search_input a {position:absolute;top:1.65rem;right:.5rem;width:1.2rem;height:1.2rem;background:url(../../img/portal/common/total_search.png)no-repeat;background-size:1.2rem;text-indent:-9999px}
.searchM .search_close {position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1.1rem;height:1.1rem;background:url(../../img/portal/common/icon_close_wh.png)no-repeat;background-size:1.1rem;text-indent:-9999px}

.gnb_wrap {position:relative;width:100%}
/* .gnb_wrap:before {content:"";position:absolute;top:4rem;left:0;width:100%;height:1px;background:#b8babe;z-index:1} */
.gnb {display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto}
.gnb > ul {display:flex;align-items:center;width:calc(100% - 3rem);box-sizing:border-box}
.gnb > ul > li {position:relative;width:33.3%;line-height:4rem;text-align:center}
.gnb > ul > li > a {display:block;color:#333;font-size:1.2rem;font-weight:500}
.gnb > ul > li > a > span {position:relative;display:inline-block}
.gnb > ul > li:hover > a > span:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:#0087cd}
.gnb > ul > li > .menu_wrap {display:none;position:absolute;top:4.05rem;left:0;width:100%;background:#f4faff;padding:1.85rem 1.5rem 1.8rem 1.5rem;text-align:left;box-sizing:border-box;z-index:11}
.gnb > ul > li.on > .menu_wrap {display:block}
.gnb > ul > li > .menu_wrap .menu_tit {padding-bottom:.55rem;border-bottom:1px solid #e2e5eb;color:#0087cd;font-size:.9rem;font-weight:600;letter-spacing:-1.5px;line-height:1.3}
.gnb > ul > li > .menu_wrap .menu_info {display:block;margin-top:.85rem;color:#555;font-size:.8rem;line-height:1.4;word-break:keep-all}
.gnb_wrap.on .gnb_bg {position:absolute;top:4.05rem;left:0;width:100%;height:9.65rem;background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,.2);z-index:10}
.gnb .total_menu {width:2.5rem;height:2.5rem;background:#262f33 url(../../img/portal/common/total_menu.png)no-repeat center center;background-size:1.1rem;border-radius:8px;text-indent:-9999px}

.sub_gnb_wrap {position:relative;width:100%;background:#014099;z-index:9}
.sub_gnb {position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;border-right:1px solid #4e7ab8;box-sizing:border-box}
.sub_gnb > .depth1 {display:flex;width:calc(100% - 4rem);border-left:1px solid #4e7ab8;border-right:1px solid #4e7ab8;box-sizing:border-box}
.sub_gnb > .depth1 > li {position:relative;width:calc(20% - 1px);padding:0 1rem;border-left:1px solid #4e7ab8;line-height:3rem;box-sizing:border-box}
.sub_gnb > .depth1 > li:first-child {border-left:0}
.sub_gnb > .depth1 > li:before {content:"";position:absolute;top:1.3rem;right:1rem;width:.65rem;height:.35rem;background:url(../../img/portal/common/menu_arrow.png)no-repeat;background-size:.65rem}
.sub_gnb > .depth1 > li > a {display:block;color:#fff;font-size:.9rem;font-weight:500}
.sub_gnb > .depth1 > li > .depth2 {display:none;position:absolute;top:3rem;left:0;width:100%;background:#014099;z-index:10}
.sub_gnb > .depth1 > li.active > .depth2 {display:block}
.sub_gnb > .depth1 > li.active:before {transform:rotate(-180deg)}
.sub_gnb > .depth1 > li > .depth2 > li {position:relative;padding:.65rem 1.25rem .65rem 1rem;border-top:1px solid #4e7ab8;box-sizing:border-box}
.sub_gnb > .depth1 > li > .depth2 > li.more {background:url(../../img/portal/common/menu_depth2.png)no-repeat center right .75rem;background-size:.35rem}
.sub_gnb > .depth1 > li > .depth2 > li:hover {background:#003278}
.sub_gnb > .depth1 > li > .depth2 > li.more:hover {background:#003278 url(../../img/portal/common/menu_depth2.png)no-repeat center right .75rem}
.sub_gnb > .depth1 > li > .depth2 > li > a {display:block;color:#fff;font-size:.8rem}
.sub_gnb > .depth1 > li > .depth2 > li > .depth3 {display:none;position:absolute;top:0;right:-9.5rem;width:9.5rem;background:#2f68c2}
.sub_gnb > .depth1 > li > .depth2 > li > .depth3 li {padding:.5rem  1rem;border-top:1px solid #5f96ec}
.sub_gnb > .depth1 > li > .depth2 > li > .depth3 li:first-child {border-top:none}
.sub_gnb > .depth1 > li > .depth2 > li > .depth3 li a {display:inline-block;color:#fff;font-size:.8rem;word-break:keep-all}
.sub_gnb > .depth1 > li > .depth2 > li > .depth3 li a:hover {text-decoration:underline}
.sub_gnb > .depth1 > li > .depth2 > li:hover > .depth3 {display:block}
.sub_gnb .btn_print {width:2rem;height:2rem;background:url(../../img/portal/common/icon_print.png)no-repeat center center;background-size:.95rem;text-indent:-9999px}
.sub_gnb .btn_share {width:2rem;height:2rem;background:url(../../img/portal/common/icon_share.png)no-repeat center center;background-size:.85rem;text-indent:-9999px}
.sns_share {display:none;position:absolute;top:3rem;right:0}
.sns_share ul {display:flex;padding:.75rem 1rem;background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px}
.sns_share ul li {margin-left:.5rem}
.sns_share ul li:first-child {margin-left:0}
.sns_share ul li .sns_facebook {display:block;width:2rem;height:2rem;background:url(../../img/portal/common/sns_facebook.png)no-repeat;background-size:2rem;text-indent:-9999px}
.sns_share ul li .sns_naver {display:block;width:2rem;height:2rem;background:url(../../img/portal/common/sns_naver.png)no-repeat;background-size:2rem;text-indent:-9999px}
.sns_share ul li .sns_kakao {display:block;width:2rem;height:2rem;background:url(../../img/portal/common/sns_kakao.png)no-repeat;background-size:2rem;text-indent:-9999px}
.sns_share ul li .sns_story {display:block;width:2rem;height:2rem;background:url(../../img/portal/common/sns_stroy.png)no-repeat;background-size:2rem;text-indent:-9999px}
.sns_share ul li .sns_band {display:block;width:2rem;height:2rem;background:url(../../img/portal/common/sns_band.png)no-repeat;background-size:2rem;text-indent:-9999px}


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

#footer {position:relative;width:100%;margin-top:2rem;border-top:1px solid #e5e5e5}

.banner_wrap {position:relative;width:100%;padding:1rem 0;border-bottom:1px solid}
.banner_box {display:flex;align-items:center;width:100%;max-width:1600px;margin:0 auto}
.banner_box .banner_left {width:6.5rem}
.banner_box .banner_left h3 {color:#333;font-size:1rem;font-weight:600}
.banner_box .banner_left .banner_control {display:flex;align-items:center;margin-top:.7rem}
.banner_box .banner_left .banner_control button {margin-left:.25rem}
.banner_box .banner_left .banner_control button:first-child {margin-left:0}
.banner_box .banner_left .banner_control .banner_prev {width:1.5rem;height:1.5rem;background:#fff url(../../img/portal/common/banner_prev.png)no-repeat center center;background-size:.3rem;border:1px solid #d4d5dc;border-radius:50%;box-sizing:border-box;text-indent:-9999px}
.banner_box .banner_left .banner_control .banner_pause {width:1.5rem;height:1.5rem;background:#fff url(../../img/portal/common/banner_pause.png)no-repeat center center;background-size:.3rem;border:1px solid #d4d5dc;border-radius:50%;box-sizing:border-box;text-indent:-9999px}
.banner_box .banner_left .banner_control .banner_play {width:1.5rem;height:1.5rem;background:#fff url(../../img/portal/common/banner_play.png)no-repeat center center;background-size:.3rem;border:1px solid #d4d5dc;border-radius:50%;box-sizing:border-box;text-indent:-9999px}
.banner_box .banner_left .banner_control .banner_next {width:1.5rem;height:1.5rem;background:#fff url(../../img/portal/common/banner_next.png)no-repeat center center;background-size:.3rem;border:1px solid #d4d5dc;border-radius:50%;box-sizing:border-box;text-indent:-9999px}
.banner_box .banner_right {width:calc(100% -  6.5rem)}
.banner_box .banner_right .banner_list {overflow:hidden;display:flex;flex-wrap:wrap;height:2.5rem}
.banner_box .banner_right .banner_list li {width:9rem;margin-left:1.5rem;height:100%}
.banner_box .banner_right .banner_list li a {display:block;width:100%;height:100%}
.banner_box .banner_right .banner_list li a img {width:100%;height:100%}

.footer_wrap {position:relative;padding:1.5rem 0;background:#5a5b68}
.footer_link {width:100%;max-width:1600px;margin:0 auto}
.footer_link ul {display:flex;flex-wrap:wrap;align-items:center}
.footer_link ul li {margin-left:1rem}
.footer_link ul li:first-child {margin-left:0}
.footer_link ul li a {display:block;color:#eee;font-size:.8rem}
.footer_link ul li:first-child a {color:#fff;font-weight:500;color:#FFD1E8}
.footer_cont {display:flex;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding-top:2rem}
.footer_cont .ft_logo {display:flex;align-items:center;width:17rem}
.footer_cont .ft_logo a:first-child {margin-right:1rem}
.footer_cont .ft_logo a img {width:100%;height:100%}
.footer_cont .add_wrap {width:calc(100% - 25.5rem);padding:0 1.5rem;box-sizing:border-box}
.footer_cont .add_wrap address {color:#fff;font-size:.8rem;font-style:normal;line-height:1.7;word-break:keep-all}
.footer_cont .add_wrap address strong {font-weight:500}
.footer_cont .ft_mark {width:8.5rem}
.footer_cont .ft_mark ul {display:flex;align-items:center}
.footer_cont .ft_mark ul li {margin-left:1rem}
.footer_cont .ft_mark ul li:first-child {margin-left:0}
.footer_cont .ft_mark ul li img {width:100%;height:100%}

.mobAllmenu {display:none;overflow-y:scroll;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;box-sizing:border-box;z-index:1000}
.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:10.75rem;height:1.9rem;background:url(../../img/portal/common/logo.gif)no-repeat;background-size:10.75rem;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/icon_close.png) no-repeat 0 0;background-size:1.1rem;text-indent:-9999px}
.nav {position:relative;width:100%;z-index:10}
.nav .nav_tit {display:block;padding:1rem;background:#014099;color:#fff;font-size:1.2rem;font-weight:500;text-align:left;box-sizing:border-box}
.nav > ul > li {border-bottom:1px solid #ddd}
.nav > ul > li > a {position:relative;display:block;width:100%;padding:1rem 2rem 1rem 1rem;color:#333;font-size:1.1rem;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 > ul {display:none;background:#f8f8f8;transition:all .3s}
.nav > ul > li > ul > li {border-top:1px solid #ddd}
.nav > ul > li > ul > li:first-child {border-top:none}
.nav > ul > li > ul > li.more {background:url(../../img/portal/common/mb_menu_open.png)no-repeat top 1.25rem right 1rem;background-size:.6rem}
.nav > ul > li > ul > li.more.active {background:#323841 url(../../img/portal/common/mb_menu_close_wh.png)no-repeat top 1.25rem right 1rem;background-size:.6rem}
.nav > ul > li > ul > li.more.active > a {color:#fff}
.nav > ul > li > ul > li > a {display:block;padding:.75rem 1rem;color:#4a5677;font-size:.9rem;font-weight:500;box-sizing:border-box}
.nav > ul > li.active > a {color:#005cc3}
.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;border-top:1px solid #005cc3}
.nav > ul > li > ul > li > ul {display:none;background:#fff;padding:.5rem 1rem;box-sizing:border-box}
.nav > ul > li > ul > li > ul > li {padding:.3rem 0}
.nav > ul > li > ul > li > ul > li > a {position:relative;display:block;padding-left:.5rem;color:#333;font-size:.85rem;box-sizing:border-box}
.nav > ul > li > ul > li > ul > li > a:before {content:"";position:absolute;top:.55rem;left:0;;width:.2rem;height:.2rem;background:#c9c9c9;border-radius:50%}
.nav > ul > li > ul > li.active > ul {display:block}
.nav > ul > li > ul > li.active > a {color:#014099}
.navLink {position:relative;width:100%;margin-top:1rem;background:#374058;z-index:10}
.navLink ul li {display:block;width:100%;border-top:1px solid #777e93;box-sizing:border-box}
.navLink ul li a {position:relative;display:block;padding:1.25rem 5rem 1.25rem 1rem;box-sizing:border-box}
.navLink ul li a .nav_tit {display:block;color:#fff;font-size:1rem;font-weight:500}
.navLink ul li a .nav_txt {display:block;margin-top:.5rem;color:#fff;font-size:.8rem}
.navLink ul li.nav_link1 a:before {content:"";position:absolute;top:50%;right:1rem;width:2.65rem;height:3rem;margin-top:-1.5rem;background:url(../../img/portal/common/nav_icon1.png)no-repeat;background-size:2.65rem}
.navLink ul li.nav_link2 a:before {content:"";position:absolute;top:50%;right:1rem;width:2.55rem;height:2.5rem;margin-top:-1.25rem;background:url(../../img/portal/common/nav_icon2.png)no-repeat;background-size:2.55rem}
.navLink ul li.nav_link3 a:before {content:"";position:absolute;top:50%;right:1rem;width:3.35rem;height:2.5rem;margin-top:-1.25rem;background:url(../../img/portal/common/nav_icon3.png)no-repeat;background-size:3.35rem}


.mobAllmenu:after {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#fff}

#right_menu {position:fixed;right:1rem;bottom:10%}

.right_menu_over {position:fixed;bottom:8.5%;right:1rem;transition:all 0.5s ease-in-out;z-index:900;opacity:1}
.right_menu_over a {display:block;padding:.9rem 4rem .8rem 1rem;background:#533ed7;border-radius:36px;box-sizing:border-box} 
.right_menu_over span {display:block;color:#fff;font-size:.8rem;line-height:1.3}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}

.w100 {width:100%}
.w95 {width:95%}
.w90 {width:90%}
.w70 {width:70%}
.w50 {width:50%}
.w30 {width:30%}
.w25 {width:25%}
.w20 {width:20%}
.w15 {width:15%}

.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}
#loading{position:fixed;top:0px;left:0px;z-index:100000;width:100%;height:100%;text-align:center;background-color:rgba(255,255,255,0.3);display:none}
#loading img{position:absolute;top:47%;left:47%}
.pointer {cursor:pointer}