@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:62.5%}


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

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

textarea {overflow-y:scroll;border:1px solid #ddd;line-height:24px;letter-spacing:1px;resize:none}

#wrap {position:relative}

#header {position:relative;width:100%}
.header_wrap {width:100%;max-width:160rem;margin:0 auto}
.header_top {display:flex;justify-content:space-between;align-items:center}
.header_top .btn_jbsc {height:5rem;padding:0 2rem;background:#194a87;border-radius:0 0 .8rem .8rem;color:#fff;font-size:1.6rem;font-weight:500;line-height:5rem;box-sizing:border-box}
.header_top ul {display:flex;align-items:center}
.header_top ul li {margin-left:2rem}
.header_top ul li:first-child {margin-left:0}
.header_top ul li a {color:#555;font-size:1.6rem}
.header_box {display:flex;justify-content:space-between;align-items:center;height:10rem}
.header_box .logo {width:25.5rem;height:5.4rem}
.header_box .logo a {display:block;width:100%;height:100%;background:url(../../../img/affiliated/common/logo.png)no-repeat;background-size:25.5rem;text-indent:-9999px}
.gnb {display:inline-flex;justify-content:flex-end;width:calc(100% - 25.5rem)}
.gnb > ul {display:flex;align-items:center}
.gnb > ul > li {position:relative;box-sizing:border-box}
.gnb > ul > li > a {display:block;padding:0 4rem;color:#000;font-size:2.2rem;font-weight:500;line-height:10rem;box-sizing:border-box}
.gnb > ul > li:last-child > a {padding:0 0 0 2rem}
.gnb > ul > li .sub_gnb {display:none;position:absolute;top:8rem;left:0;width:18rem;background:#1f3faa;z-index:10}
.gnb > ul > li:last-child .sub_gnb {left:auto;right:0}
.sub_gnb, .gnb > ul > li:hover .sub_gnb {display:block}
.gnb > ul > li .sub_gnb ul li a {display:block;padding:1.1rem 2rem 1.2rem 2rem;border-top:.1rem solid rgba(255, 255, 255, .3);color:#fff;font-size:1.6rem;box-sizing:border-box}
.gnb > ul > li .sub_gnb ul li:first-child a {border-top:none}
.gnb > ul > li .sub_gnb ul li a:hover {background:#072d6b}
.total_menu {display:none;width:2.2rem;height:1.6rem;background:url(../../../img/affiliated/common/icon_total_menu.png)no-repeat;background-size:2.2rem;text-indent:-9999px}

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

#footer {position:relative;width:100%;margin-top:4rem;border-top:.1rem solid #e5e5e5}
.banner_wrap {position:relative;width:100%;max-width:160rem;margin:0 auto}
.banner_list_wrap {display:flex;flex-wrap:wrap;align-items:center;padding:1.6rem 0 2rem 0}
.banner_control {width:14rem}
.banner_control h4 {color:#333;font-size:2rem;font-weight:600}
.banner_control ul {display:flex;align-items:center;margin-top:1.7rem}
.banner_control ul li {margin-left:.5rem}
.banner_control ul li:first-child {margin-left:0}
.banner_control ul li .bnPrev {display:block;width:3rem;height:3rem;background:#fff url(../../../img/affiliated/common/banner_prev.png)no-repeat center center;background-size:.6rem;border:.1rem solid #d4d5dc;border-radius:50%;text-indent:-9999px}
.banner_control ul li .bnPause {display:block;width:3rem;height:3rem;background:#fff url(../../../img/affiliated/common/banner_pause.png)no-repeat center center;background-size:.6rem;border:.1rem solid #d4d5dc;border-radius:50%;text-indent:-9999px}
.banner_control ul li .bnPlay {display:block;width:3rem;height:3rem;background:#fff url(../../../img/affiliated/common/banner_play.png)no-repeat center center;background-size:.6rem;border:.1rem solid #d4d5dc;border-radius:50%;text-indent:-9999px}
.banner_control ul li .bnNext {display:block;width:3rem;height:3rem;background:#fff url(../../../img/affiliated/common/banner_next.png)no-repeat center center;background-size:.6rem;border:.1rem solid #d4d5dc;border-radius:50%;text-indent:-9999px}
.banner_list {overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;width:calc(100% - 14rem);height:5rem}
.banner_list li {width:20rem;height:5rem;margin-left:1rem;border:.1rem solid #e5e5e5;box-sizing:border-box}
.banner_list li:first-child {margin-left:0}
.banner_list li a {display:block;height:100%}
.banner_list li a img {width:100%;height:100%}
.footer_wrap {position:relative;width:100%;background:#152e52;border-top:.1rem solid #e5e5e5}
.footer_wrap:before {content:"";position:absolute;top:7.4rem;left:0;width:100%;height:.1rem;background:#4b5e7a}
.ft_link {width:100%;max-width:160rem;margin:0 auto}
.ft_link ul {display:flex;flex-wrap:wrap;align-items:center;padding:2.6rem 0 2.2rem 0}
.ft_link ul li {margin-right:1rem}
.ft_link ul li a {display:block;color:#a9bdd9;font-size:1.6rem}
.ft_link ul li:first-child a {color:#fff;font-weight:500}
.ft_address {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:160rem;margin:0 auto;padding:3rem 0}
.ft_address .ft_logo {width:20.7rem;height:3.8rem;background:url(../../../img/affiliated/common/ft_logo.png)no-repeat;background-size:20.7rem;text-indent:-9999px}
.ft_address address {width:calc(100% - 24rem);color:#fff;font-size:1.6rem;font-style:normal}

.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:calc(100% - 4rem);height:7rem;padding:0 2rem;background:#16476e;z-index:20}
.navTop h3 {float:left;color:#fff;font-size:2.2rem;font-weight:500;line-height:7rem}
.navTop .nav_close {position:absolute;top:2.4rem;right:2rem}
.navTop .nav_close a {display:block;width:2.1rem;height:2.1rem;background:url(../../../img/affiliated/common/icon_close_wh.png) no-repeat;background-size:2.1rem;text-indent:-9999px}
.nav_util {position:relative;width:100%;height:5.5rem;padding:0 2rem;background:#4b515d;box-sizing:border-box}
.nav_util ul {overflow:hidden}
.nav_util ul li {float:left;margin-left:2rem}
.nav_util ul li:first-child {margin-left:0}
.nav_util ul li a {color:#fff;font-size:1.6rem;line-height:5.5rem}
.nav {position:relative;width:100%;z-index:10}
.nav > ul > li {border-bottom:1px solid #ddd}
.nav > ul > li > a {position:relative;display:block;width:100%;padding:1.5rem 2rem;color:#333;font-size:2rem;font-weight:500;box-sizing:border-box}
.nav > ul > li > a:before {content:"";position:absolute;top:50%;right:2rem;width:1.4rem;height:.8rem;margin-top:-.4rem;background:url(../../../img/affiliated/common/mb_menu_open.png)no-repeat;background-size:1.4rem}
.nav > ul > li.active > a {color:#005cc3}
.nav > ul > li.active > a:before {background:url(../../../img/affiliated/common/mb_menu_close.png)no-repeat;background-size:1.4rem}
.nav > ul > li.active > ul {display:block;border-top:.1rem solid #005cc3}
.nav > ul > li > ul {display:none;background:#f8f8f8}
.nav > ul > li > ul > li {border-top:.1rem solid #ddd}
.nav > ul > li > ul > li:first-child {border-top:none}
.nav > ul > li > ul > li > a {display:block;padding:1.25rem 2rem;color:#555;font-size:1.8rem;box-sizing:border-box}

#mask {position:fixed;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}
.pointer {cursor:pointer}

.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;margin:0}
.skipnav a:focus, .skip a:active {display:block;padding:5px 0;width:auto;height:auto;line-height:1.5;font-size:12px;margin:3px}

.pop_wrap {width:100%;min-width:530px;margin:0 auto}
.pop_pu_Wrap {width:530px;margin:0 auto;border:1px solid #948f88}

.pop_header {position:relative;width:100%;height:41px;background:#948f88}
.pop_header h1 {padding-left:15px;color:#fff;font-size:14px;font-weight:bold;line-height:41px}
.pop_header span.btn_close {position:absolute;top:12px;right:15px}

.pop_container {width:100%;margin:0 auto;padding-bottom:30px}

.pop_container .cnt_body {margin-top:20px;padding:0 15px}

.pop_btn_center {margin-top:20px;text-align:center}

.pop_btn_B {display:inline-block;height:3.5rem;padding:0 2rem;background:#05548f;color:#fff;font-size:1.5rem;line-height:3.5rem;vertical-align:middle}
.pop_btn_G {display:inline-block;height:3.5rem;padding:0 2rem;background:#555;color:#fff;font-size:1.5rem;line-height:3.5rem;box-sizing:border-box;vertical-align:middle}