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

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_banner {position:relative;width:100%;margin:0 auto;height:6.75rem;background:#b5d4d9}
.top_banner_inner {position:relative;width:100%;max-width:1400px;height:100%;margin:0 auto}
.rolling {position:relative;overflow:hidden;height:100%}
.rolling ul li {position:relative;display:inline-block;width:calc(50% - 2rem);padding:.9rem 1rem 1.2rem 4rem;box-sizing:border-box}
.rolling ul li:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:3.1rem;height:3.1rem;background:url(../../img/neulbom/common/top_banner_icon.png)no-repeat;background-size:3.1rem}
.rolling > ul > li > a {display:block}
.rolling > ul > li > a .bn_tit {overflow:hidden;display:block;width:95%;color:#085966;font-size:.95rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.rolling > ul > li > a .bn_txt {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:95%;height:1.95rem;margin-top:.25rem;color:#555;font-size:.75rem;line-height:1.4;word-break:break-word}
.rolling ul:after {content:"";clear:both}

.rl_control {position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%)}
.rl_control ul {overflow:hidden}
.rl_control ul li {float:left;margin-left:5px}
.rl_control ul li:first-child {margin-left:0}
.rl_control ul li a {display:block;width:10px;height:10px;background:#4fc1d5;border-radius:50%;text-indent:-9999px}
.rl_control ul li.active a {background:#23a3b9}

.bn_close {position:absolute;bottom:.5rem;right:0;display:block;z-index:15}
.bn_close label {display:inline-block;vertical-align:middle}
.bn_close label input[type=checkbox] {display:inline-block;width:.7rem;height:.7rem;background:#b5d4d9;border:1px solid #767676;vertical-align:middle}
.bn_close label span {display:inline-block;margin-left:.3rem;color:#333;font-size:.7rem;vertical-align:middle}
.bn_close a.btn_bn_close {display:inline-block;width:1rem;height:1rem;margin-left:.5rem;background:#515c6b url(../../img/neulbom/common/top_banner_close.png) no-repeat center center;background-size:.5rem;border-radius:4px;text-indent:-9999px;vertical-align:middle}

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

#header .top_util_wrap {position:relative;width:100%;background:#23a3b9}
#header .top_util {width:100%;max-width:1400px;margin:0 auto;text-align:right;box-sizing:border-box}
#header .top_util > ul {font-size:0}
#header .top_util > ul > li {position:relative;display:inline-block;margin-left:.75rem;padding:.7rem 0 .65rem 0}
#header .top_util > ul > li:first-child {margin-left:0}
#header .top_util > ul > li > a {display:block;color:#fff;font-size:.75rem}
#header .top_util > ul > li span {color:#fff;font-size:0.8rem;line-height:1}
#header .top_util > ul > li span a.info{display:inline-block;padding:0 0 0 1.1rem;background:url(../../img/neulbom/common/icon_setting.png) no-repeat left 0 center;background-size:0.8rem;color:#fff;font-size:0.8rem}
#header .top_util > ul > li.popup {position:relative;padding:.7rem 2.25rem .65rem .95rem;border-left:1px solid #7bc8d5;border-right:1px solid #7bc8d5}
#header .top_util > ul > li.popup:before {content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:.7rem;height:.7rem;background:url(../../img/neulbom/common/top_bn_close.png)no-repeat center center;background-size:.4rem;border:1px solid #fff;border-radius:50%}

#header .header_navi {position:relative;width:100%;max-width:1400px;height:4.5rem;margin:0 auto}
#header .header_navi:after {content:"";display:block;clear:both}
#header .header_navi .logo {float:left;width:16.5rem;height:2.2rem;margin-top:1rem;background:url(../../img/neulbom/common/logo.png) no-repeat;background-size:16.5rem;text-indent:-9999px}
#header .header_navi .logo a {display:block}

#header .header_navi .gnb {float:left;width:calc(100% - 20.5rem);text-align:right}
#header .header_navi .gnb > ul {font-size:0}
#header .header_navi .gnb > ul > li {position:relative;display:inline-block;min-width:9rem;text-align:center}
#header .header_navi .gnb > ul > li > a {position:relative;display:block;padding:1.65rem .95rem 1.65rem .9rem;color:#333;font-size:1rem;font-weight:500}
#header .header_navi .gnb > ul > li > a:hover {color:#178381}
#header .header_navi .gnb > ul > li > .submenuWrap {display:none;position:absolute;top:4.5rem;left:0;width:100%;background:#2c9896;border-radius:0 0 8px 8px;z-index:50}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul {padding:.5rem 0}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li {text-align:left}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > a {display:block;padding:.5rem;color:#fff;font-size:.8rem}
#header .header_navi .gnb > ul > li > .submenuWrap .submenu_list > ul > li > a:hover {background:#178381}
#header .header_navi .gnb > ul > li:hover .submenuWrap {display:block}

#header .header_navi .header_util {float:right;width:4rem;padding-top:1.75rem;font-size:0;text-align:right}
#header .header_navi .header_util .total_search {display:inline-block;width:1rem;height:.95rem;margin-right:1rem;background:url(../../img/neulbom/common/icon_total_search.png)no-repeat;background-size:1rem;text-indent:-9999px}
#header .header_navi .header_util .total_menu {display:inline-block;width:1rem;height:.8rem;background:url(../../img/neulbom/common/icon_total_menu.png)no-repeat;background-size:1rem;text-indent:-9999px}
#header .header_navi .header_util .total_menu.mob{display:none}

.totalSearchWrap {display:none;position:absolute;top:6.75rem;left:0;width:100%;padding:1.5rem 0;background:#146fc2;opacity:.95;z-index:10}
.totalSearchWrap .searchBox {position:relative;width:100%;max-width:1400px;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:100%;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:#2a4a98 url(../../img/neulbom/common/icon_search.png)no-repeat center center;background-size: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:#2a4a98 url(../../img/neulbom/common/icon_close.png)no-repeat center center;background-size:1.1rem;border-radius:8px;text-indent:-9999px;vertical-align:middle}

#footer {position:relative}

.footerWrap {position:relative;width:100%;background:#515151}
.footLink {width:100%}
.ftlinkList {width:100%;max-width:1400px;margin:0 auto}
.ftlinkList ul {padding:.75rem 0;font-size:0}
.ftlinkList ul li {display:inline-block;margin:.25rem .75rem .25rem 0}
.ftlinkList ul li:first-child {margin-left:0}
.ftlinkList ul li a {display:block;color:#fff;font-size:.8rem}
.ftlinkList ul li:first-child a {color:#f8e31a;font-weight:500}
.ft_address {position:relative;width:100%;max-width:1400px;margin:0 auto}
.address {display:flex;align-items:center;padding:1rem 4.25rem 1rem 0} 
.address .ft_logo {width:16.5rem;height:2.2rem;margin-right:2rem;background:url(../../img/neulbom/common/ft_logo.png)no-repeat;background-size:16.5rem;text-indent:-9999px}
.address address {width:calc(100% - 18.5rem);color:#9b9fa3;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;color:#c5c5c5;font-weight:400}

.mobAllmenu {display:none}

.side {position:fixed;bottom:3rem;right:1rem;z-index:100}
.side .side_chatbot {position:relative;display:block;width:3rem;height:3rem;background:#fff url(../../img/neulbom/common/chatbot.png)no-repeat center center;background-size:1.5rem;border:1px solid #475c78;border-radius:50%;box-shadow:0 4px 4px rgba(0, 0, 0, .2);box-sizing:border-box;text-indent:-9999px}
.side .side_chatbot:before {content:"";position:absolute;top:-.35rem;left:-6.4rem;width:7.05rem;height:1.45rem;background:url(../../img/neulbom/common/chatbot_text.png)no-repeat;background-size:7.05rem}
.side .side_top {display:block;width:3rem;height:3rem;margin-top:.5rem;background:#475c78 url(../../img/neulbom/common/go_top.png)no-repeat center center;background-size:.6rem;border-radius:50%;box-shadow:0 4px 4px rgba(0, 0, 0, .2);text-indent:-9999px}

.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: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}

.pointer{cursor:pointer}

/* 추가 */

#header .header_navi .logo.bom {width:16.5rem;height:2.2rem;background-size:16.5rem}
#header .header_navi .gnb.bom {width:calc(100% - 20.5rem);text-align:right}
#header .header_navi .gnb.bom > ul > li {min-width:8rem;text-align:center}
#header .header_navi .gnb.bom > ul > li > .submenuWrap {left:0;width:100%}