@charset "utf-8";

#skipNavi{position:relative;}
#skipNavi a{display:block;position:absolute;left:0;top:-30px;width:150px;text-align:center;color:#fff;background:#000;z-index:1000;}
#skipNavi a:focus, #skipNavi a:hover{top:0px;}

#wrap {position:relative;}
.inner {max-width:1200px;width:100%;margin: 0 auto;    position: relative;}
#header {position: relative;z-index: 2;}
#header .inner {max-width:1820px;padding-top:30px; padding-bottom:20px;}
#logo a {font-size:42px;color:#000;}
.btn-gnb {display:none;}
#header .inner .top-user-area {margin-top: -35px;float:right; font-size:15px;}
#header .inner .top-user-area>a {color:#000;font-weight:bold;display:inline-block;padding:0 5px;}

#gnb {}
#gnb .gnb-wrap {top:45px;left:230px;position:absolute;max-width:900px;width:100%;}
#gnb .gnb-depth1 {}
#gnb .gnb-depth1 > li {float:left;margin-left:20px; width:12%;}
#gnb .gnb-depth1:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb-depth1 > li > a {font-size:21px;color:#000; font-weight:500;}
#gnb .gnb-depth2 {display:none;}
#gnb .gnb-depth2 li {}
.btn-gnb-close {display:none}

#footer {background:#363636;padding-bottom:75px;}
.corp-area {position:relative;padding:30px 0 26px;max-height:88px;;background:url('../img/bg-pattern-01.gif') repeat-x 0 0;text-align:right;}
.corp-area .inner {height: 32px;}
.corp-area a {display:inline-block;color:#fff;font-family:'Noto Sans KR';background-repeat:no-repeat;background-position:0 center;line-height: 22px;margin-right:16px;}
.corp-area a.tel {position:absolute;left:0;top:4px;background-position:0 0;font-size:25px;padding-left:36px;background-image:url('../img/icon-call.png');}
.corp-area a.mail {padding-left:26px;background-image:url('../img/icon-mail.png');}
.corp-area a.fax {padding-left:30px;background-image:url('../img/icon-fax.png');}
.corp-area a.locate {padding-left:22px;background-image:url('../img/icon-locate.png');}
.site-area {border-bottom:1px solid #4c4b4b}
.site-area .inner {position:relative;    overflow: hidden; }
.site-area .inner:after {display:block;visibility:hidden;clear:both;content:""}
.site-area .inner .list-service:first-child {width:20%;padding-left:0;border-left:none;}
.site-area .list-service {float:left;width:16%;padding:57px 0 52px 33px;box-sizing:border-box;color:#fff;}
.site-area .list-service:after {content: '';display: block;position: absolute;top: 0;margin-left: -33px;width: 1px;height: 100%;background: #4c4b4b;}
.site-area .inner .list-service:first-child:after {display:none;}
.site-area .list-service dt {font-weight:500;font-size:17px;margin-bottom:27px;}
.site-area .list-service dd,
.site-area .list-service dd a {color:#828282 !important;font-size:13px;line-height:20px;font-family:'Noto Sans KR'; margin-bottom:7px;}
.copyright {display: block;padding-top:45px;font-size:12px;color:#828282;}

.gnb-depth2{background-color:#fff; margin-top:20px; width:100%;}
#gnb .gnb-depth2 li a {color:#222; padding:10px; font-size:15px; display:block; line-height:17px;word-break:keep-all; text-align:center;}
#gnb .gnb-depth2 li:hover a{background-color:#0771b9; color:#fff;}
@media only screen and (max-width: 950px){

	#header .inner {padding-top:10px;text-align: center;}
	#header .inner .top-user-area {margin-top: -25px; display:none;}
	#header .btn-gnb {display:block;}
	#header .btn-gnb a {position:absolute;display:none;width:50px;height:50px;line-height:50px;font-size:25px;transition: all 0.5s ease;display: block;z-index: 1;left:-10px;top:5px;color:#fff;}
	#logo a {display:block;width:150px;font-size:30px; margin:0 auto;}
	#logo a img{width:100%;}
	.btn-gnb-close {padding: 12px;display: block;font-size: 28px;text-align: left;}
	.btn-gnb-close i {position:absolute;top:7px;right:7px;}
	#gnb .gnb-wrap {position: fixed;max-width:inherit;background: #fff;left:-100%;bottom: 0;overflow: auto;height: 100%;width: 100%;transition: all 0.3s ease;padding-top:0;top: 0;z-index: 2;border-top:4px solid #000;}
	.mgnb-on .gnb-wrap {left:0 !important;}
	#gnb .gnb-depth1>li {float:none;margin-left:0;text-align:center; width:100%;}
	#gnb .gnb-depth1 > li > a {color:#000 !important;}
	#gnb .gnb-depth1 li a {padding: 18px 0;display: block;color:#000;}

	#gnb .gnb-depth1 li .tit {border-bottom:1px solid #000;}
	#gnb .gnb-depth1>li {float:inherit;position: relative;margin: 0;}
	#gnb .gnb-depth1>li>a {display:block;padding: 16px 22px;cursor: pointer;z-index: 2;-webkit-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
	#gnb .gnb-depth2 {width:100%; height: auto;padding:0; margin:0; position:inherit;left:inherit;top:inherit;display:block;}
	#gnb .gnb-depth2 li {}
	#gnb .gnb-depth2 li a {padding:15px; padding: 14px 22px;cursor: pointer; z-index: 2;font-size: 14px;text-decoration: none;color: #000;background: #eaeaea;-webkit-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
	.title {font-size: 25px;}

	.footer-menu{display:none;}
}

/* 공통 레이아웃 */ 

@media screen and (min-width:1200px){
	#subvisual {background-repeat:no-repeat; background-position:center;background-size:cover; padding-top:110px; margin-top:-102px;}
	#subvisual h2 {color:#fff;font-size:60px;font-weight:900;padding:60px 0 30px 0;margin-bottom:30px; position:relative;}
	#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
	#subvisual p {font-size:15px;color:#fff;line-height:1.5;padding-bottom:150px;}
	#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
	#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
	#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
	#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
	#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#0771b9; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

	#subvisual .sub-tabmenu li a {display:block; font-size:20px; font-weight:700; line-height:70px; letter-spacing:-1px; color:#fff; position:relative;}
}
@media screen and (min-width:800px) and (max-width:1199px){
	#subvisual {background-repeat:no-repeat; background-position:center;background-size:cover; padding-top:110px; margin-top:-102px;}
#subvisual h2 {color:#fff;font-size:60px;font-weight:900;padding:60px 0 30px 0;margin-bottom:30px; position:relative;}
#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
#subvisual p {font-size:15px;color:#fff;line-height:1.5;padding-bottom:150px;}
#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#0771b9; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

	#subvisual .sub-tabmenu li a {display:block; font-size:20px; font-weight:700; line-height:70px; letter-spacing:-1px; color:#fff; position:relative;}
}
@media screen and (max-width:799px){
	#subvisual {background-repeat:no-repeat; background-position:center;background-size:cover; padding-top:65px;  margin-top:-70px;}
#subvisual h2 {color:#fff;font-size:30px;font-weight:900;padding:30px 0 15px 0;margin-bottom:15px; position:relative;}
#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
#subvisual p {font-size:13px;color:#fff;line-height:1.5;padding-bottom:80px;}
#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#0771b9; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

	#subvisual .sub-tabmenu li a {display:block; font-size:13px; /* line-height:50px; */ letter-spacing:-1px; color:#fff; position:relative; padding:10px 0;word-break:keep-all;}
}

@media screen and (min-width:1200px){
.inner {position:relative;max-width:1200px !important;margin:0 auto;}
}
@media screen and (min-width:800px) and (max-width:1199px){
.inner {position:relative;max-width:90% !important;margin:0 auto;}
}
@media screen and (max-width:799px){
.inner {position:relative;max-width:90%!important;margin:0 auto;}
}
.inner:after{content:''; display:block; clear:both; visibility:hidden;}

#container .inner{padding:50px 0;}

/* 서브 - 콘텐츠 */ 
#container {display:block;position:relative;background:#fff;}

/* 서브페이지 - 타이틀 */ 
#container .sub-title {color:#111;font-size:32px;text-align:left;padding-bottom:50px;margin-top:0px;}

@media screen and (min-width:1200px){
.sub_inner {position:relative;max-width:1200px !important;margin:0 auto; padding:80px 0; font-size:17px; line-height:30px; color:#777; white-space:normal; word-break:keep-all; }
}
@media screen and (min-width:800px) and (max-width:1199px){
.sub_inner {position:relative;max-width:100% !important; padding:80px 50px; font-size:17px; line-height:30px; color:#777; white-space:normal; word-break:keep-all;}
}
@media screen and (max-width:799px){
.sub_inner {position:relative;max-width:100% !important; padding:40px 20px;font-size:14px; line-height:22px; color:#777; white-space:normal; word-break:keep-all;}
}


/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-privacy {}
#container .sub-privacy .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container .sub-privacy .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify;}

/* 링크모듈 */
#quick-link {position:fixed;right:20px;bottom:70px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link img {width:40px;border-radius:100%;}

#scroll-link {display:none;position:fixed;right:20px;bottom:20px;width:40px;height:40px;line-height:20px;font-size:10px;color:#fff;text-align:center;background:#000;border-radius:100px;padding:10px;cursor:pointer;opacity:0.6;z-index:99999;}
#scroll-link:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}