@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 {-webkit-text-size-adjust: 100%;overflow-y:scroll;}
body.touch {overflow:hidden !important; touch-action:none;}
body.fixed {position:fixed}

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.5;
    letter-spacing:-1px;
}

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

input:focus {outline:2px solid #007aff;}
select:focus {outline:2px solid #007aff;}

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;font-size:16px;line-height:24px;letter-spacing:1px;resize:none}

em {font-style:normal}

#wrap {position:relative}

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

.top_util {position:relative;width:100%;padding:2.8rem 0;border-bottom:.1rem solid #e2e5e9}
.top_inner {position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:160rem;margin:0 auto}
.top_inner .logo {width:23rem;height:3.3rem}
.top_inner .logo a {display:block}
.top_inner .logo a img {width:100%;height:100%}
.top_inner .util_list {display:flex;align-items:center}
.top_inner .util_list li {position:relative;margin-left:2rem}
.top_inner .util_list li:before {content:"";position:absolute;top:50%;left:-1rem;width:.2rem;height:.2rem;margin-top:-.1rem;background:#dbdbdb}
.top_inner .util_list li:first-child {margin-left:0}
.top_inner .util_list li:first-child:before {display:none}
.top_inner .util_list li a {position:relative;display:block;color:#004c97;font-size:1.6rem}

.header_wrap {position:relative;width:100%;max-width:160rem;margin:0 auto}
.gnb ul {display:flex;justify-content:space-between;align-items:center}
.gnb ul li {width:20%;text-align:center}
.gnb ul li a {position:relative;display:inline-block;color:#333;font-size:2.4rem;font-weight:500;line-height:8rem}
.gnb ul li a:hover:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:.4rem;background:#0087cd}

.hd_side_btn {display:none}

#container {position:relative;width:100%;border-top:.1rem solid #e2e5e9}

#footer {position:relative;width:100%;margin-top:4rem;background:#5a5b68}
.ft_link {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:160rem;margin:0 auto}
.ft_link ul {display:flex;flex-wrap:wrap;align-items:center;padding:1.6rem 0 1.5rem 0}
.ft_link ul li {margin-right:1rem}
.ft_link ul li a {display:block;color:#fff;font-size:1.6rem}
.ft_link ul li:first-child a {color:#ffd1e8;font-weight:500}
.counsel_wrap {display:flex;flex-wrap:wrap;align-items:center;padding:1.2rem 0}
.counsel_wrap .counsel_tit {position:relative;padding-left:3.6rem;color:#fff;font-size:1.6rem;font-weight:500}
.counsel_wrap .counsel_tit:before {content:"";position:absolute;top:-.1rem;left:0;width:2.6rem;height:2.6rem;background:#5689ee url(../img/common/icon_tell.png) no-repeat center center;background-size:1.5rem;border-radius:.6rem}
.counsel_wrap .counsel_num {position:relative;margin-left:1.5rem;padding-left:3.2rem;color:#ffca4d;font-size:2rem;font-weight:600}
.counsel_wrap .counsel_num em {font-size:1.6rem;font-style:normal}
.counsel_wrap .counsel_num:before {content:"";position:absolute;top:1rem;left:0;width:1.6rem;height:1rem;background:url(../img/common/icon_arrow.png)no-repeat;background-size:1.6rem}
.ft_wrap {position:relative;width:100%;padding:3rem 0;border-top:.1rem solid #8c8d96}
.ft_cont {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:160rem;margin:0 auto}
.ft_cont .ft_logo {width:33.2rem}
.ft_cont .ft_logo a {display:inline-block;margin-left:2rem}
.ft_cont .ft_logo a:first-child {margin-left:0}
.ft_cont .ft_logo a img {max-width:100%}
.ft_address {width:calc(100% - 37.2rem)}
.ft_address address {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.4rem;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/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.8rem;line-height:6rem}
.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:2rem;color:#333;font-size:2.2rem;font-weight:500;box-sizing:border-box}

.quick_link {display:none;flex-direction:column;align-items:center;position:fixed;bottom:10%;right:3rem;z-index:90}
.quick_link ul {display:flex;flex-direction:column;align-items:center}
.quick_link ul li {position:relative;margin-top:1.7rem}
.quick_link ul li:first-child {margin-top:0}
.quick_link ul li a {display:block}
.quick_link ul li.link1 a .link_icon {display:block;width:6rem;height:6rem;background:#fff url(../img/common/side_quick1.png)no-repeat center center;background-size:3.5rem;border:.3rem solid #e97403;border-radius:50%;box-shadow:0 .5rem .5rem rgba(255, 211, 169, .5)}
.quick_link ul li.link2 a .link_icon {display:block;width:6rem;height:6rem;background:#fff url(../img/common/side_quick2.png)no-repeat center center;background-size:3.5rem;border:.3rem solid #e97403;border-radius:50%;box-shadow:0 .5rem .5rem rgba(255, 211, 169, .5)}
.quick_link ul li.link3 a .link_icon {display:block;width:6rem;height:6rem;background:#fff url(../img/common/side_quick3.png)no-repeat center center;background-size:3.5rem;border:.3rem solid #e97403;border-radius:50%;box-shadow:0 .5rem .5rem rgba(255, 211, 169, .5)}
.quick_link ul li a .link_tit {display:block;margin-top:.8rem;color:#555;font-size:1.4rem;font-weight:500;line-height:1.3;text-align:center}
.quick_link ul li.link4 a img {position:relative;max-width:100%;z-index:10}
.quick_link ul li.link4 .link_over {display:none;position:absolute;top:2rem;left:-21rem;width:29rem;transition:all 0.5s ease-in-out;z-index:9}
.quick_link ul li.link4 .link_over span {display:block;padding:2rem;background:#533ed7;border-radius:3.6rem;color:#fff;font-size:1.6rem;box-sizing:border-box}
.quick_link ul li.link4 a:hover .link_over {display:block}
.quick_link .btn_top {display:block;width:6rem;height:6rem;margin-top:3rem;background:#43525a url(../img/common/icon_top.png)no-repeat center center;background-size:1.6rem;border-radius:50%;text-indent:-9999px;box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)}

#right_totalSearch {position:fixed;right:0.5rem;bottom:40rem}
#right_totalSearch2 {position:fixed;right:0.5rem;bottom:52rem}
#right_totalSearch3 {position:fixed;right:0.5rem;bottom:64rem}
#right_menu {position:fixed;right:1.4rem;bottom:17rem}

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

#mask{position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;z-index:99;display:none}
#mask_alert{position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;z-index:101;display:none}
.loading{position:fixed;top:0px;left:0px;z-index:100000;width:100%;height:100%;text-align:center;background-color:rgba(0, 0, 0, 0.3);display:flex;justify-content:center;align-items:center;display:none;}
.loading img{border-radius:0.5rem;width:25rem}

.right_pre_regist {position:fixed;bottom:29rem;right:.5rem;z-index:999}
.right_pre_regist a {display:block}
.right_pre_regist_over {position:fixed;bottom:29.3rem;right:3.5rem;max-width:30rem;transition:all 0.5s ease-in-out;z-index:900;opacity:0}
.right_pre_regist_over a {display:block;padding:1.6rem 8rem 1.6rem 2rem;background:#002446;border-radius:3.6rem;box-sizing:border-box}
.right_pre_regist_over a span {display:block;color:#fff;font-size:1.6rem;line-height:1.3;word-break:keep-all}

.side_quick_wrap {position:fixed;bottom:0;right:0;width:100%;max-width:50rem;z-index:1000;box-sizing:border-box}
.side_quick_wrap.pc{display:block}
.side_quick_wrap.mb{display:none;}
.quick_btn_wrap {position:absolute;bottom:8rem;right:2rem;-webkit-transition:bottom 600ms;-ms-transition:bottom 600ms;-moz-transition:bottom 600ms;-o-transition:bottom 600ms;transition:bottom 600ms;will-change:bottom;z-index:999}
.quick_btn_wrap.scroll {bottom:14rem}
.quick_more a {display:block;width:7rem;height:7rem;background:#fff url(../img/common/quick_more.png)no-repeat center center;background-size:2.5rem;border-radius:50%;box-shadow:0 .2rem 1rem rgba(0, 0, 0, .3);text-indent:-9999px}
.quick_more.click a {background:#3f80ea  url(../img/common/quick_close.png)no-repeat center center;background-size:2rem}
.quick_btn_list_pc {display:none}
.quick_btn_list {display:none;position:absolute;bottom:8rem;right:-.5rem}
.quick_btn_list ul {display:flex;flex-wrap:wrap;justify-content:center;width:7rem}
.quick_btn_list ul li {width:100%;margin-top:1rem}
.quick_btn_list ul li:first-child {margin-top:0}
.quick_btn_list ul li .chatbot {display:block;width:7rem;height:9.7rem;background:url(../img/intro/chatbot.png)no-repeat;background-size:7rem;text-indent:-9999px}
.quick_btn_list ul li .service1 {display:block;width:7rem;height:7rem;background:url(../img/common/right_search1.png)no-repeat;background-size:7rem;text-indent:-9999px}
.quick_btn_list ul li .service2 {display:block;width:7rem;height:7rem;background:url(../img/common/side_regist.png)no-repeat;background-size:7rem;text-indent:-9999px}
.quick_btn_list ul li .service3 {display:block;width:7rem;height:7rem;background:url(../img/common/right_search2.png)no-repeat;background-size:7rem;text-indent:-9999px}
.quick_btn_list ul li .service4 {display:block;width:7rem;height:7rem;background:url(../img/common/right_search3.png)no-repeat;background-size:7rem;text-indent:-9999px}