@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

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

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

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


a {
	text-decoration: none;
	color: #000;
	background-color: transparent;
	line-height: 1.8em;
}

img {
	border: 0
}


pre {
	overflow: auto
}

button,
select {
	text-transform: none
}


table {
	border-spacing: 0;
	border-collapse: collapse
}

td,
th {
	padding: 0
}

ul {
	list-style: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family:'Roboto';
    font-weight: 400;
	-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;
	}

html, body {
    font-size: 10px;
}

button {
	cursor: pointer;
}

br.mobile{display:none;}

.wd1200{width:1200px; margin:0 auto;}
.wd1160{width:1160px; margin:0 auto;}
.bg-col1{background:#222;}
.bg-col2{background:#006cb8;}
.bg-col-w{background:#fff;}
.clear::after{content:''; display:block; clear:both;}
.spacing0{letter-spacing:0;}
#header-top{height:40px; background:#0e3561; font-size:0;}
#header-top ul li{float:left}
#header-top ul li.mobile{display:none;float:right; margin-right:15px;}
#header-top ul li.mobile a{font-weight:700;}
.top-btn{line-height:40px; height:100%; padding:0 15px; display:inline-block; color:#fff;font-size:13px; margin:0;}

#nav{height:80px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; width:100%;}
#nav.fixed{position:fixed; top:0; height:80px; z-index:9999;}

#nav div h1{float:left; width:255px; height:45px;position:relative; margin-top:16px; }
#nav div h1 a{width:255px !important; height:45px !important; display:block; text-indent:-9999px; position:absolute; background-size:255px; background:url(../images/logo.png) no-repeat top center;}

#nav div.wd1160 > ul{float:right; padding-bottom:25px;}
#nav div ul.nav-tit li{float:left; margin-left:8rem; margin-top:25px;}
#nav > div.wd1160.clear > ul > li:nth-child(1){margin-left:0rem;}
#nav > div.wd1160.clear > ul > li:nth-child(2){margin-left:9.6rem;}
#nav > div.wd1160.clear > ul > li:nth-child(3){margin-left:10.4rem;}
#nav > div.wd1160.clear > ul > li:nth-child(4){margin-left:8rem;}
#nav > div.wd1160.clear > ul > li:nth-child(5){margin-left:4.9rem;}
#nav div ul.nav-tit li.sfo a{font-size:16px !important;margin-top:25px;}
#nav div ul.nav-tit li.sfo .go-global,#nav ul.nav-tit li.sfo .go-global-img{vertical-align:middle; font-weight:500;}
#nav div ul.nav-tit li.sfo .go-global-img{margin-top:-2px;}
#nav div ul.nav-tit li a{font-weight:500; font-size:18px;  color:#333; font-family:'Noto Sans Kr', san-serif;}
#nav div ul.nav-tit li a:hover{text-decoration:underline; font-family:'Noto Sans Kr', san-serif;}

#nav #nav-open{display:none; overflow:hidden; width:100%; height:206px;position:relative; top:0px; z-index:2; border-top:1px solid #eaeaea;}
#nav #nav-open > ul {position:absolute;height:100%;padding-left:380px;width:1920px; left:50%; margin-left:-960px; box-sizing:padding-box;}
#nav #nav-open > ul > li{float:left; border-right:1px solid #eaeaea; position:relative;height:100%;}
#nav #nav-open ul li figure{position:relative;margin-right:28px;top:40px; width:260px;}
#nav #nav-open ul li figure span{color:#555; font-size:15px; text-align:right; display:block;}
#nav #nav-open ul li figure div.nav-open-fi-line{margin:6px 0; height:3px; background:#b6b6b6;}
#nav #nav-open ul li figure p.nav-open-fi-p1{color:#444; font-size:22px; font-weight:700; text-align:right; line-height:1.2;}

#nav #nav-open ul > li:not(:first-child){text-align:center;width:200px;}
#nav #nav-open ul li ul li a{font-size:16px; font-weight:300; color:#333; margin-top:15px; display:block;}
#nav #nav-open ul li ul li a:hover{font-weight:500;}

#nav .m-nav-open{float:right; margin-top:20px; display:none;}

.m_cover {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.m_accordion {
    width: 250px;
    height: 100%;
    background: #006cb8;
    position: fixed;
    top: 0;
    left: -250px;
    z-index: 99999;
    border-right: 1px solid #000;
}



.m_accordion div {width: 100%;}
.m_accordion h3 a {border-bottom: 1px solid #FFF;text-indent: 10px; width: 100%; height: 60px; line-height: 60px; font-size: 18px; color: #FFF; display: block;}
.m_accordion div ul li a {display: block; color: #333; font-size: 16px; padding:20px; line-height:1.3; background:#fff; border-bottom:1px solid #ddd;}

.bx-wrapper{box-shadow:0 0 0; border:0; margin-bottom:0;}
.bx-wrapper::after{content:''; display:block; position:absolute; top:0; width:100%; height:27px; background:url('../images/visual-shadow.png') repeat-x;}
.bx-wrapper .visual-text{text-align:center; width:100%; position:absolute; top:50%;transform: translate(0, -50%);}
.bx-wrapper .visual-text span{color:#fff; font-size:2.2rem;font-weight:600;}
.bx-wrapper .visual-text span a{color:#fff; font-weight:600;}
.bx-wrapper .visual-text h2{margin-top:1.4rem; color:#fff; font-size:5.2rem; font-weight:700; line-height:1.3;}
.bx-wrapper .visual-text h2 a{color:#fff; font-weight:700;}
.bx-wrapper .bx-pager{padding-top:0; bottom:5rem;}
.bx-wrapper .bx-pager-item{margin:0 3px;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#fff; width:14px; height:14px; border-radius:30px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #ff1325;	width:20px; height:20px; margin-bottom:-3px;}
/*.bx-wrapper .bx-controls-direction a{width:72px; height:72px; margin-top:-36px;}
.bx-wrapper .bx-prev {left: 30px;  background: url(../images/visual-arrows.png) no-repeat 0 0;}
.bx-wrapper .bx-prev:hover {background: url(../images/visual-arrows.png) no-repeat 0 -80px;}
.bx-wrapper .bx-next {right: 30px;  background: url(../images/visual-arrows.png) no-repeat -80px 0;}
.bx-wrapper .bx-next:hover {background: url(../images/visual-arrows.png) no-repeat -80px -80px;}*/

.bx-wrapper .bx-prev{left:30px; background: url(../images/controls.png) no-repeat 0 0px;}
.bx-wrapper .bx-prev:hover {background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:30px; background: url(../images/controls.png) no-repeat -43px 0px;}
.bx-wrapper .bx-next:hover {background: url(../images/controls.png) no-repeat -43px -32px;}
#visual > div > img.mobile{display:none;}

#main-btns {padding:50px 0;}
#main-btns ul li{width:22%; float:left;margin-right:4%; box-shadow: 8px 8px 29px 0 rgb(0,0,0,0.1);}
#main-btns ul li:last-child{margin-right:0;}
#main-btns ul li a{ border:3px solid #ddd; display:block; height:100%; width:100%; text-align:center;}
#main-btns ul li a h6{font-size:24px; color:#444;font-weight:700; padding:5px 0 30px;}
#main-btns ul li a img{margin-top:30px;}
#main-btns ul li a:hover{border:3px solid #006cb8; background:#006cb8; transition:border 0.3s ease-out;}
#main-btns ul li a:hover h6{color:#fff;transition:all 0.1s ease-out;}
#main-btns ul li a:hover img{filter:white; -webkit-filter : brightness(5); filter: brightness(5);}

@media screen and (min-width:0\0) {
/*ÀͽºÇ÷η¯ ´ëÀÀ*/
#main-btns ul li a:hover img{opacity:0;}
#main-btns ul li a.btn01:hover{background:#006cb8 url(../images/ico-main-btn01-w.png) no-repeat center 30px;}
#main-btns ul li a.btn02:hover{background:#006cb8 url(../images/ico-main-btn02-w.png) no-repeat center 30px;}
#main-btns ul li a.btn03:hover{background:#006cb8 url(../images/ico-main-btn03-w.png) no-repeat center 30px;}
#main-btns ul li a.btn04:hover{background:#006cb8 url(../images/ico-main-btn04-w.png) no-repeat center 30px;}
}


#main-bottom {width: 100%; height: 200px; margin: 0px auto; overflow: hidden;}
#main-bottom .copy_bnr_left {
	float: left;
	width: 50%;
	height: 200px;
	background: #2d3238 url(../images/center_main1.jpg)no-repeat;
	background-position: right center;
	background-size:cover;
}

#main-bottom .copy_bnr_left .cs_area {
	float: right;
	width: 600px;
	text-align: left;
	padding: 40px 20px;
	height: auto;
}

#main-bottom .copy_bnr_left .cs_area a {
	display: block;
}

#main-bottom .copy_bnr_left .cs_area p.cs_tit {
	font-family: 'Noto Sans KR', sans-serif;
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 1.25em;
}

#main-bottom .copy_bnr_left .cs_area p.cs_tel {
	display: block;
	font-size: 34px;
	 margin-top:1rem;
	 color: #fff; font-weight:500;
}
#main-bottom .copy_bnr_left .cs_area span.cs-time{display:block; font-size: 16px; color:#fff;	margin-bottom: 10px; font-weight:700;}

#main-bottom .copy_bnr_left .cs_area span.cs_txt {
	display: block;
	font-size: 16px;
	color: #bbb;
	line-height: 1.5em;
}

#main-bottom .copy_bnr_right {
	float: right;
	width: 50%;
	height: 200px;
	background: #c53528;
}

#main-bottom .copy_bnr_right .g_map {
	float: left;
	position: relative;
	width: 100%;
	height: 200px;
	background: #eee;
	z-index: 0;
}

#main-bottom .copy_bnr_right .g_map_go {
	font-family: 'Noto Sans KR', sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top:-37px;
	padding: 20px 55px;
	color: #fff;
	border: 3px solid #fff;
	z-index: 99;
font-size:20px;
}

.root_daum_roughmap {position: relative; width: 100% !important;}
.root_daum_roughmap .wrap_map {position: relative; height:  !important;}

footer{background:#233242; padding:50px 0;}
footer > div > div{float:left;}
footer .foot-logoarea{width:280px;}
footer .foot-address{width:calc(100% - 280px);}
/*footer .foot-btn{width:29%;}*/

footer .foot-logoarea img{margin-top:0px;}

footer .foot-address address{font-size:14px; color:#fff; margin-bottom:14px; word-break:keep-all;}
footer .foot-address span{font-size:14px; color:#bbb; word-break:keep-all;}

footer .foot-btn ul{float:right;}
footer .foot-btn ul li:first-child{margin-bottom:5px;}
footer .foot-btn ul li a{font-size:14px; color:#fff; border:1px solid #7c7c7c; padding:10px 0; text-align:center; width:180px; display:block;}
footer .foot-btn ul li a:first-child{margin-right:3px;}

/* 2026-06-25 */
#visual > div > img {margin:0 auto;}