@charset "utf-8";

/* 공통 */ 
.point-bg  {color:#fff !important;background-color:#00adef !important;}
.point-color {color:#00adef !important;}
.white-bg  {background-color:#fff !important;}
.white-color {color:#fff !important;}
.black-bg  {color:#fff;background-color:#2e2e2e !important;}
.black-color {color:#2e2e2e;}

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

h1 {} /* 로고 */
h2 {display:block;font-size:60px;font-weight:500;letter-spacing:-1px;} /* 서브상단 - 제목 */
h3 {display:block;font-size:50px;line-height:1.2;font-weight:300;letter-spacing:-1px;margin-bottom:50px;} /* 서브페이지 - 제목 */ 
h3 span {display:block;font-size:20px;line-height:25px;font-weight:300;letter-spacing:-1px;} /* 본문 - 제목 */
h4 {display:block;font-size:40px;line-height:1.2;font-weight:300;letter-spacing:-1px;margin-bottom:50px;} /* 본문 - 제목 */
h5 {display:block;font-size:30px;line-height:1.2;font-weight:300;letter-spacing:-1px;} /* 본문 - 부제목 */
h6 {display:block;font-size:20px;line-height:1.2;font-weight:300;letter-spacing:-1px;} /* 본문 - 부부제목 */


/* 서브 상단 */ 
#subvisual {position:relative;background-color:#111;background-attachment:fixed;z-index:10;}
#subvisual > .inner {position:relative;height:500px;}
#subvisual h2 {color:#fff;font-size:40px;font-family:'Poppins';padding-top:270px;}

#submenu {position:relative;left:0px;bottom:0;width:100%;height:80px;background-color:rgba(81,192,164,0.9);z-index:11;}
#submenu .inner {display:flex;line-height:80px;}
#submenu .sub-menu {display:flex;width:60%;}
#submenu .sub-menu li {width:auto;margin-right:30px;} 
#submenu .sub-menu li:last-child{margin-right:0;}
#submenu .sub-menu li > a {display:block;width:100%;color:#fff;font-size:18px;font-weight:500;opacity:0.5;}
#submenu .sub-menu li > a span {display:table-cell;vertical-align:middle;}
#submenu .sub-menu li > a:hover, 
#submenu .sub-menu li.on > a {opacity:1.0;}

#submenu .sub-loca {width:40%;text-align:right;}
#submenu .sub-loca li {display:inline-block;vertical-align:middle;color:#fff;color:rgba(255,255,255,0.3);font-size:13px;letter-spacing:-0.5px;}
#submenu .sub-loca li i {font-size:13px;top:-11px;}
#submenu .sub-loca li:before {display:inline-block;position:relative;top:-1px;content:"\f105";color:#fff;font-family:'Font Awesome 6 Pro';vertical-align:middle;margin:0px 10px;opacity:0.3;}
#submenu .sub-loca li:first-child:before {display:none;}
#submenu .sub-loca li:last-child {color:#fff;}

/* 서브 본문 */ 
#container {display:block;position:relative;background-image:url('/sub/img/container-bg.jpg');z-index:10;overflow:hidden;}
#container .board-inner {padding:100px 0;}

@media screen and (min-width:800px) and (max-width:1199px) {
	#subvisual .sub-tabmenu li a {display:block;font-size:20px;line-height:70px;letter-spacing:-1px;color:#fff;position:relative;}
	#container .board-inner {padding:50px 0;}
}
@media screen and (max-width:799px) {
	.inner {padding:0 15px;}
	h1 {} /* 로고 */
	h2 {display:block;font-size:40px;font-weight:500;letter-spacing:-1px;} /* 서브상단 - 제목 */
	h3 {display:block;font-size:35px;font-weight:300;letter-spacing:-1px;margin-bottom:50px;} /* 서브페이지 - 제목 */ 
	h3 span {display:block;font-size:15px;font-weight:300;letter-spacing:-1px;} /* 본문 - 제목 */
	h4 {display:block;font-size:25px;letter-spacing:-1px;} /* 본문 - 제목 */
	h5 {display:block;font-size:20px;letter-spacing:-1px;} /* 본문 - 부제목 */
	h6 {display:block;font-size:18px;letter-spacing:-1px;} /* 본문 - 부부제목 */
	section {padding:50px 0;}

	#subvisual .inner {position:relative;height:300px;}
	#subvisual .sub-tabmenu li a {display:block;line-height:50px;letter-spacing:-1px;color:#fff;position:relative;}
	#container .board-inner {padding:50px 0;}
}

/* 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-terms {}
#container .sub-terms .subject {color:#2e2e2e;margin-bottom:10px;font-weight:600;}
#container .sub-terms .content {color:#7e7e7e;margin-bottom:50px;line-height:150%;text-align:justify;}

/* 링크모듈 */
#quick-link {position:fixed;right:20px;bottom:80px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link a img {width:50px;border-radius:100%;}
#quick-link .quick-top {display:none;position:fixed;right:20px;bottom:20px;width:50px;height:50px;line-height:50px;font-size:12px;color:#fff;text-align:center;background:rgba(0,0,0,0.8);border-radius:100px;cursor:pointer;z-index:99999;}
#quick-link .quick-top:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}