@charset "utf-8";

/* 공통 레이아웃 */ 
.inner {position:relative;max-width:1360px !important;margin:0 auto;}
@media screen and (min-width:1360px){
.inner {position:relative;max-width:1360px !important;margin:0 auto;}
}
@media screen and (min-width:800px) and (max-width:1359px){
.inner {position:relative;max-width:90% !important;margin:0 auto;}
}
@media screen and (max-width:799px){
.inner {position:relative;max-width:95%!important;margin:0 auto;}
}
/* 상단 레이아웃 */ 


/* 하단 레이아웃 */ 


/* 서브 - 상단 */ 
@media screen and (min-width:1360px){
#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg"); background-size:cover; }
#subvisual h2 {color:#fff;font-size:60px;font-weight:900;padding:170px 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:110px;}
#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:#f58220; 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:19px; font-weight:700; line-height:70px; letter-spacing:0px; color:#fff; position:relative;}
}
@media screen and (min-width:800px) and (max-width:1359px){
#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg"); background-size:cover; }
#subvisual h2 {color:#fff;font-size:60px;font-weight:900;padding:150px 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:100px;}
#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:#f58220; 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-image:url("../img/sub_visual.jpg"); background-size:cover; }
#subvisual h2 {color:#fff;font-size:25px;font-weight:900;padding:100px 0 20px 0;margin-bottom:20px; 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:50px;}
#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:#f58220; 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;}
}


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

@media (min-width:1360px){
#container .sub-inner {width:1360px;margin:0 auto; overflow:hidden; padding:100px 0; font-size:17px; line-height:30px; color:#666; }
}
@media screen and (min-width:800px) and (max-width:1359px){
#container .sub-inner {width:100%;margin:0 auto; overflow:hidden; padding:80px 50px; font-size:17px; line-height:30px; color:#666;}
}

@media screen and (max-width:799px){
#container .sub-inner {width:100%;margin:0 auto; overflow:hidden; padding:50px 10px 0 !important; font-size:13px; line-height:20px; color:#666;}
}



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

/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#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;}