@charset "UTF-8";


/* 나눔 바른고딕 */
@font-face{
	font-family:'NanumG';
	src:url("../font/NanumBarunGothic.eot");
	src:url("../font/NanumBarunGothic.eot?#iefix") format('embedded-opentype'),
		url("../font/NanumBarunGothic.woff") format('woff');
}
@font-face {
	font-family: 'NanumG';
	font-weight:600;
	font-style: normal;
	src: url('../font/NanumBarunGothicBold.eot');
	src: url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), 
		 url('../font/NanumBarunGothicBold.woff') format('woff');
}

@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url("../font/NotoSansKR-Thin.woff2") format('woff2'), url("../font/NotoSansKR-Thin.woff") format('woff'), url("../font/NotoSansKR-Thin.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("../font/NotoSansKR-Light.woff2") format('woff2'), url("../font/NotoSansKR-Light.woff") format('woff'), url("../font/NotoSansKR-Light.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("../font/NotoSansKR-Regular.woff2") format('woff2'), url("../font/NotoSansKR-Regular.woff") format('woff'), url("../font/NotoSansKR-Regular.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("../font/NotoSansKR-Medium.woff2") format('woff2'), url("../font/NotoSansKR-Medium.woff") format('woff'), url("../font/NotoSansKR-Medium.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("../font/NotoSansKR-Bold.woff2") format('woff2'), url("../font/NotoSansKR-Bold.woff") format('woff'), url("../font/NotoSansKR-Bold.otf") format('opentype');}
@font-face{ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url("../font/NotoSansKR-Black.woff2") format('woff2'), url("../font/NotoSansKR-Black.woff") format('woff'), url("../font/NotoSansKR-Black.otf") format('opentype');}


/* reset */
html,body, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,pre
q, s, dl, dt, dd, ol, ul, li,
fieldset, form, input, table,tr, th ,td, div, span, a { margin:0; padding:0; border:0; line-height:1.5; box-sizing:border-box;}
img, fieldset{border:0 none; vertical-align:top}
legend, caption, .skip{display:none;}
body {
	font-size:15px;
	line-height:1.5;
	color:#333;
	font-family:'Noto Sans KR', "돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
	position:relative;
	font-weight:300;
}
strong { font-weight: 500; }
em { font-style: normal; }
dfn { font-style: normal; }
cite { font-style: normal; }
sup { font-size: .92em; }
sub { font-size: .92em; }
address { font-style: normal; }
del { text-decoration: line-through; }
ol, ul, li { list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:none;}
a { color:#333; text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active {text-decoration:underline; }
button {cursor:pointer;vertical-align:middle;}
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}


/* skip Navi */
#accessibility{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#accessibility a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#accessibility a:link{color:#333;}
#accessibility a:focus{margin-top:0;text-decoration:underline;color:#fff}


/* header */
#header {position:relative;z-index:99;text-align:center;background:#fff;border-bottom:1px solid #ddd;}
#header .header_in {position:relative;margin:0 auto; width:1720px; height:100px; z-index:99;}
#header .logo {position:absolute;left:0;display:block;width:418px;vertical-align:top;padding:29px 0 0;z-index:101;}
#header .logo a{display:block;font-size:0;width:418px;height:42px;background:url('../images/common/logo_local.png') no-repeat 0 0;}
#header .btn_mo{display:none;}

#header .util{position:relative;border-bottom:1px solid #ddd;}
#header .util ul{width:1720px;height:49px;margin:0 auto;display: flex;justify-content: flex-end;align-items: center; gap:15px;}
#header .util li{display: flex; align-items: center;}
#header .util li:before{content:'';display:inline-block;margin-right:15px;width:4px;height:4px;border-radius:100%;background:#ccc;}
#header .util li:first-child:before{display:none;}
#header .util a{color:#111;font-size:16px;line-height:1.2;}
#header .util a:hover{text-decoration:none;}

#gnb{position:relative;width:100%;padding:11px 0 0;z-index:100;}
#gnb .menu{display: flex;justify-content: flex-end;margin-right:-60px;}
#gnb .menu > li{position:relative;display:inline-block;height:100%;vertical-align:top;}
#gnb .menu > li > a:hover{text-decoration:none;}
#gnb .menu > li > a{display:block;position:relative;padding:26px 60px 0;height:88px;line-height:1.4;font-weight:400;font-size:20px;color:#111;box-sizing:border-box;}
#gnb .menu > li > a:hover:after, #gnb .menu > li.on:after{content:'';display:block;position:absolute;left:50%;top:64px;margin-left:-3px;height:6px;background:#c0b09d;width:6px;border-radius:100%;}
#gnb .menu > li.on a{color:#fff;background:#105a8b;border-radius:19px 19px 0 0;}
#gnb .menu .submenu{display:none;width:100%;border-radius:0 0 19px 19px;background:#105a8b;position:absolute;left:0;top:78px;padding:0 0 20px;}
#gnb .menu .submenu a{display:block;padding:6px 0 6px;text-align:center;color:#fff;font-weight:300;line-height:1.2;}

#m_lnb {display:none;overflow-y:auto; position:fixed; top:0;left:auto; left:-1200px;width:100%; height:calc(100%); z-index:1000;background:#105a8b;text-align:center;}
#m_lnb .menu{padding:89px 0 0;text-align:center;height:calc(100%);background:#105a8b;}
#m_lnb .menu > li{margin:0;padding:14px 0;}
#m_lnb .menu > li > a{position:relative;font-size:24px;text-align:center;line-height:1.5;display:block;color:#fff;}
#m_lnb .menu > li > a:hover{text-decoration:none;}
#m_lnb .menu > li > ul{display:none;padding:4px 0 5px;}
#m_lnb .menu > li > ul > li > a{font-size:18px;line-height:1.5;display:block;color:rgba(255,255,255,0.7);padding:5px 0;}
#m_lnb .menu > li > ul > li > a:hover{color:#fff;text-decoration:none;}
#m_lnb #close_mn{position:fixed;right:-1200px;top:24px;width:32px;height:32px;vertical-align:top;z-index:12;opacity:1;}
#m_lnb #close_mn a{display:block;width:32px;height:32px;background: url('../images/common/btn_close.png') no-repeat 50% 50%;font-size:0;}


.layout{position:relative;width:1400px;margin:0 auto;}


/* footer */
#footer{position:relative;width:100%;background:#27272c;margin-top:100px;z-index:1000;}
#footer .footer_in {position:relative;margin:0 auto; width:1400px;z-index:99;padding:56px 0 60px;}
#footer .logo{color:rgba(255,255,255,0.6);font-size:20px;line-height:1.2;}
#footer address{margin:22px 0 0;color:#757575;line-height:2.21;font-size:14px;}
#footer address span{color:#fff;}
#footer address span a{color:#757575;display:inline-block;margin:0 25px 0 8px;}
#footer .copy{margin:22px 0 0;border-top:1px solid #3e3e3e;padding:25px 0 0;color:#757575;font-size:14px;text-align:right;}

#footer .link_go{position:absolute;right:0;top:111px;width:200px;}
#footer .family_site{position:relative;width:200px;display:inline-block;height:46px;border:none;vertical-align:top;}
#footer .family_site:after{position:absolute;right:1px;top:50%;margin-top:-3px;content:'';width:12px;height:6px;background: url("../images/common/arrow_site.png") no-repeat 0 0;}
#footer .family_site .btn{font-size:14px;color:rgba(255,255,255,0.6);padding-right:30px;line-height:41px;display:block;text-align:left;border-bottom:2px solid #a9a9ab;}
#footer .family_site .btn:hover{text-decoration:none;}
#footer .family_site .list {width: 100%; position: absolute; bottom: 100%; background: #313337;display: none; z-index: 999; padding:24px 20px 18px;}
#footer .family_site .list li{padding:0 0 4px;}
#footer .family_site .list li a {text-align: left;color:#ccc; font-size: 14px; line-height:1.78;display:inline-block;border-bottom:1px solid #313337;}
#footer .family_site .list li a:hover{text-decoration:none;color:#fff;border-bottom:1px solid #fff;}
#footer .family_site.active:after{transform : rotate(180deg);}

.btn_top{position: absolute;width:60px;right:-100px;top:-32px;}
.btn_top a{width:60px;height:60px;background:#cccccc url("../images/common/btn_top.png") no-repeat 50% 50%;font-size:0;display:block;border-radius:10px;}


@media screen and (max-width:1850px) {
	#header .header_in {width:100%;padding:0 50px;}
	#header .util ul{width:100%;padding:0 50px;}
	#header .logo {left:50px;}
	#gnb .menu{margin-right:-50px;}
	#gnb .menu > li > a{padding:26px 50px 0;}
}
@media screen and (max-width:1690px) {
	.visual_box .sns_box{text-align:center;}
}
@media screen and (max-width:1600px) {
	#gnb .menu{padding-left: 163px;}
	#gnb .menu > li a{padding: 26px 40px 0;}
}
@media screen and (max-width:1620px) {
	#header .util ul{padding:0 50px;width:100%;box-sizing:border-box;}
	#header .header_in{padding:0 50px;width:100%;box-sizing:border-box;}
	#header .logo {left:50px;}

	.layout{padding:0 50px;width:100%;box-sizing:border-box;}

	#footer .footer_in{padding:56px 50px 60px;width:100%;box-sizing:border-box;}
	#footer .link_go{right:50px;}
	.btn_top{right:50px;}
}
@media screen and (max-width:1450px) {
	#header .logo {width:213px;padding:38px 0 0;}
	#header .logo a{width:213px;height:41px;background-size:100%;}
	#gnb .menu{padding-left: 109px;}
}
@media screen and (max-width:1170px) {
	#header .util ul{padding:0 30px;}
	#header .header_in{padding:0 30px;}
	#header .logo {left:30px;}
	#gnb .menu{margin-right: -30px;}
	#gnb .menu > li a{padding: 26px 30px 0;}

	.layout{padding:0 30px;}

	#footer .footer_in{padding:56px 30px 60px;}
	#footer .link_go{right:30px;}
	.btn_top{right:30px;}
}
@media screen and (max-width:1024px) {
	#header{position: sticky;left:0;top:0;}
	#header .util{display:none;}
	#gnb {display:none;}
	#m_lnb {display:block;}
	#header{height:80px;}
	#header .btn_mo{display:block;font-size:0;position:fixed;right:20px;top:29px;width:25px;height:23px;background:url('../images/common/btn_menu_mo_on.png') no-repeat 0 0;z-index:2;}
	#header .logo{left:20px;padding-top:26px;}
	#footer .footer_in{padding:56px 20px 60px;}
}
@media screen and (max-width:980px) {
	#guid_menu{display:none;}

	.visual_box .sns_box p{height: 32px;line-height: 32px;padding: 0 20px;font-size:11px;}

	#footer .copy{text-align:center;}
	#footer .link_go{position:relative;right:auto;top:auto;width:100%;text-align:center;padding:24px 0 0;}
	#footer .footer_in{padding:35px 10px 40px;text-align:center;}
	#footer address{margin: 20px 0 0;}
	#footer address span:nth-child(4) a{margin-right:0;}

	.btn_top{display:none;}
}
@media screen and (max-width:395px) {
	#footer address{font-size: 12px;}
	#footer address em{display:inline-block;}
	#footer address span{display:inline-block;}
}
@media screen and (max-width:286px) {
	#footer address span{display:block;}
	#footer address span a{margin-right:0;}
}