@charset "utf-8";

.inner {width:1200px;margin:0 auto;}

/* 공통 레이아웃 */ 
#subvisual {position:relative;background-image: linear-gradient( 76.3deg,  rgba(44,62,78,1) 12.6%, rgba(69,103,131,1) 82.8% );background-repeat:no-repeat;background-position:center;background-size:cover;}
#subvisual .inner {position:relative;height:400px;}
#subvisual h2 {color:#fff;font-size:50px;font-weight:300;text-align:center;padding:30px;padding-top:180px;}
#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;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:#fff;color:#333;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}

@media screen and (min-width:1200px){
	#subvisual .sub-tabmenu li a {display:block;font-size:20px;font-weight:300;line-height:70px;letter-spacing:-1px;color:#fff;position:relative;}
}
@media screen and (min-width:800px) and (max-width:1199px){
	#subvisual .sub-tabmenu li a {display:block;font-size:20px;font-weight:300;line-height:70px;letter-spacing:-1px;color:#fff;position:relative;}
}
@media screen and (max-width:799px){
	#subvisual .sub-tabmenu li a {display:block;font-size:15px;line-height:30px;letter-spacing:-1px;color:#fff;position:relative;}
}

@media screen and (min-width:1200px){
	.inner {position:relative;max-width:1200px !important;margin:0 auto;}
	#container .container-inner {width:1200px;padding:100px 0;margin:0 auto;}
}
@media screen and (min-width:800px) and (max-width:1199px){
	.inner {position:relative;max-width:100% !important;margin:0 auto;}
	#container .container-inner {width:100%;padding:10px 0;margin:0 auto;}
}
@media screen and (max-width:799px){
	.inner {position:relative;max-width:100% !important;margin:0 auto;}
	#container .container-inner {width:100%;padding:10px 0;margin:0 auto;}
} 

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


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

/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-terms {}
#container .sub-terms .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container .sub-terms .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:50px;border-radius:100%;}

#scroll-link {display:none;position:fixed;right:20px;bottom:20px;width:50px;height:50px;line-height:30px;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;}