@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: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("/font/NanumSquareRoundB")
    url("/font/NanumSquareRoundB.eot"),
    url("/font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"),
    url("/font/NanumSquareRoundB.woff2") format("woff2"),
    url("/font/NanumSquareRoundB.woff") format("woff"),
    url("/font/NanumSquareRoundB.ttf") format("truetype");
}

@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:16px;
	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:400;
}
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;}
input::placeholder {color:#666; opacity:1;}
.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 {top:0; left:0;width:100%; height:100px; z-index:99;text-align:center;position:fixed;background:transparent;border-bottom:1px solid #ddd;transition: 0.1s all;}
#header .header_in {position:relative;margin:0 auto; width:1400px; height:100px; z-index:99;}
#header .logo {position:absolute;left:0;display:block;width:271px;vertical-align:top;padding:33px 0 0;z-index:101;}
#header .logo a{display:block;font-size:0;width:271px;height:37px;background:url('/images/common/logo.png') no-repeat 0 0;}
#header .btn_mo{display:none;}
#header.down{transform: translateY(-103%) !important;transition: 0s all;}
#header.scroll_down{background-color: #fff;}


#gnb{position:relative;width:100%;padding:36px 0 0;z-index:100;}
#gnb .menu{padding-left:300px;text-align:right;}
#gnb .menu:after{content:"";display:block;clear:both;}
#gnb .menu > li{position:relative;display:inline-block;height:100%;vertical-align:top;margin-left:81px;}
#gnb .menu > li > a:hover{text-decoration:none;color:#11396a;}
#gnb .menu > li > a{display:block;position:relative;height:30px;line-height:30px;font-size:20px;color:#333333;box-sizing:border-box;font-weight:400;}
#gnb .menu > li > a:hover:after, #gnb .menu > li.on:after{content:'';display:block;position:absolute;left:50%;top:-11px;margin-left:-3px;height:6px;background:#11396a;width:6px;border-radius:100%;}
#gnb .menu > li.on a{color:#11396a;}


.visual_box .sns_box{position:absolute;text-align:right;width:1400px;left:50%;margin-left:-710px;bottom:41px;z-index:2;}
.visual_box .sns_box p{background:#921b2c;color:#fff;font-size:16px;height:46px;line-height:47px;display:inline-block;padding:0 30px;border-radius:22px;}


/* footer */
#footer{position:relative;width:100%;background:#27272c;margin-top:160px;font-family:'NanumG';}
#footer .footer_in {position:relative;margin:0 auto; width:1400px;z-index:99;padding:56px 0;}
#footer .logo{color:rgba(255,255,255,0.6);font-size:24px;line-height:1.2;}
#footer address{margin:26px 0 0;color:#757575;line-height:38px;font-size:16px;}
#footer address span{color:#fff;}
#footer address span a{color:#757575;display:inline-block;margin:0 25px 0 8px;}
#footer .copy{margin:-38px 0 0;color:#757575;font-size:16px;text-align:right;}

#footer .link_go{position:absolute;right:0;top:60px;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:30px;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:#fff;padding-left:30px;line-height:46px;display:block;text-align:left;background:#313337;border-radius:22px;}
#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:22px 0 0;border-radius:22px 22px 0 0;}
#footer .family_site .list li a { text-align: left; padding: 5px 0 6px 30px; display: block;  color:#ccc; font-size: 14px; }
#footer .family_site .list li a:hover{text-decoration:underline;color:#fff;}
#footer .family_site.active .btn{border-radius:0 0 22px 22px;}
#footer .family_site.active:after{transform : rotate(180deg);}

.btn_top{position: fixed;width:60px;right:169px;bottom:265px;}
.btn_top a{width:60px;height:60px;background:#fff url("/images/common/btn_top.png") no-repeat 50% 50%;font-size:0;display:block;border-radius:100%;border:1px solid #666666;}
.btn_top a:hover{background:#0e859b url("/images/common/btn_top_on.png") no-repeat 50% 50%;border:none;}


/* margin */
.mt30{margin-top:30px;}


/* color */
.color_red{color:#ea593d !important;}


/* popup */
.popup_wrap{display:block; width:100%; height:100%; position:fixed; left:0; top:100%; transition:top 0.05s ease-out 0.25s; z-index:150;}
.popup_wrap.open {top:0; transition: top 0.05s ease-out 0s;}
.popup_wrap:before {content:''; width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0; transition:opacity 0.3s ease-out;}
.popup_wrap.open:before {opacity:0.7; transition:opacity 0.4s ease-out;}
.popup_wrap .outter_box {width:100%; height:100%; display:-webkit-box;padding:0 20px; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.popup_wrap .popup_in {width:1020px; position:relative; margin:auto; box-sizing:border-box; background-color:#fff; opacity:0; transform:translate(0, 100px) scale(0.75, 0.75); transition:all  0.4s cubic-bezier(1,-0.74,.13,.99);border:1px solid #000;border-radius:7px;}
.popup_wrap.open .popup_in {transform: translate(0, 0) scale(1.0, 1.0); opacity:1; transition: all 0.5s cubic-bezier(.59,0,0,1.63);}
.popup_wrap h1{background:#2b64ce;padding:19px 0 27px 32px;font-size:24px;font-weight:500;color:#fff;border-radius:6px 6px 0 0;}
.popup_wrap .box_in{padding:40px 30px 35px;}
.popup_wrap .pop_foot{padding:0 0 38px;text-align:center;}
.popup_wrap .btn_close{position:absolute;right:0;top:0;width:79px;height:80px;background: url('/images/common/btn_close_pop.png') no-repeat 50% 50%;font-size:0;}
.popup_wrap .pop_foot2{margin:0 30px;border-top:1px solid #cfcfcf;padding:12px 0 14px;text-align:right;}

.popup_wrap.w600 .popup_in {width:600px;border:none;border-radius:0;}
.popup_wrap.w600 h1{padding:15px 0 15px 30px;border-radius:0;}
.popup_wrap.w600 .box_in{padding:30px 30px 24px;}