@charset "utf-8";

/* 공통 */
body #loading {display:none; position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:99999;}
body #loading i {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); font-size:3.8rem; color:#fff;}
section {position:relative; display:table; table-layout:fixed; width:100%;}

/* Firefox */
@-moz-document url-prefix() {
}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/* Parallax */
.parallax {position:relative; z-index:0;}
.parallax > .jarallax-img, picture.jarallax-img img {position:absolute; object-fit:cover; top:0; left:0; width:100%; height:100%; z-index:-1;}


#wrap {position:relative;}

#header .search_bt {display:none !important;}
#header .gnbWrap ul.top_link > li {float:right; margin-top:5px;}
#container .bbs_select_form .bbs_search {display:none !important;}

/* Container */
#container {width:100%; /*margin:94px 0 0;*/ position:relative;}
#container::after {clear:both; display:block; content:'';}

#container h1.sub_title {
	width:100%; height:70px; background:#535353; color:#fff; font-size:1.8rem; font-weight:500; text-indent:20px; margin:10px 0 20px;
	letter-spacing:-1px; border-radius:5px; position:relative; display:flex; align-items:center;
}

#container h1.sub_title i.axi-home,
#container h1.sub_title i.axi-angle-right {}
#container h1.sub_title i.axi-print2 {position:absolute; top:24px; right:20px; color:#fff; font-size:2.6rem; cursor:pointer; font-weight:0;}
#container h1.sub_title i.axi-print2:hover {color:#8eccff;}

#container form[name="totalsearch"] {position:absolute; top:13px; right:60px; z-index:4; text-align:left; font-size:0; z-index:1}
#container form[name="totalsearch"] input {
	display:inline-block; border:none; outline:none; background:#f1f1f1; width:260px; height:40px; color:#111; text-indent:6px; font-size:1.3rem;
}
#container form[name="totalsearch"] input::placeholder {color:#c5efff; font-size:1.2rem; font-weight:400;}
#container form[name="totalsearch"] input:-ms-input-placeholder {color:#1199cf; font-size:1.2rem; font-weight:400;}
#container form[name="totalsearch"] input::-ms-input-placeholder {color:#1199cf; font-size:1.2rem; font-weight:400;}
#container form[name="totalsearch"] input::-webkit-input-placeholder {color:#1199cf; font-size:1.2rem; font-weight:400;}
#container form[name="totalsearch"] input:-moz-placeholder {color:#1199cf; font-size:1.2rem; font-weight:400;}
#container form[name="totalsearch"] input::-moz-placeholder {color:#1199cf; font-size:1.2rem; font-weight:400;}
#container form[name="totalsearch"] button[type="submit"] {
	border:none; outline:none; display:inline-block; width:50px; height:42px; font-size:2.6rem; color:#f1f1f1; text-align:center; background:#000;
}

#container aside {float:left; width:200px;}
#container aside nav {}
#container aside nav ul.depth2 {}
#container aside nav ul.depth2 > li {position:relative; border-top:1px solid #d2d2d2; z-index:100;}
#container aside nav ul.depth2 > li:first-child {border-top:none;}
#container aside nav ul.depth2 > li > a {display:block; padding-left:10px; height:34px; line-height:34px; color:#fff; font-size:1.4rem; font-weight:500; background:#333;}
#container aside nav ul.depth2 > li.current > a,
#container aside nav ul.depth2 > li:hover > a {color:#ffcc66;} {background:#333; color:#ffcc66;}
#container aside nav ul.depth2 > li > a:has(+ ul) {padding-right:20px;}
#container aside nav ul.depth2 > li.is > a::after {display:inline-block; position:absolute; right:15px; content:'\25BC'; font-size:0.8rem;}

#container aside nav ul.depth2 > li ul.depth3 {}
#container aside nav ul.depth2 > li:hover ul.depth3 {display:block;}
#container aside nav ul.depth2 > li ul.depth3 li {height:30px; line-height:30px; background:#f2f2f2;}
#container aside nav ul.depth2 > li ul.depth3 li.current {background:#d1d1d1;}
#container aside nav ul.depth2 > li ul.depth3 li > a {display:block; font-size:1.34rem; color:#111; font-weight:400; text-indent:12px;}
#container aside nav ul.depth2 > li ul.depth3 li.current a,
#container aside nav ul.depth2 > li ul.depth3 li > a:hover {color:#000; font-weight:600;}

#container main {float:left; width:1050px; min-height:500px; padding-left:30px;}

#container main section.content {}
#container main section.content img.ctt {max-width:100%; min-width:320px; border:none;}

/*BBS NEW 리스트*/
#container main ul.category_preview {width:100%; display:grid; grid-template-columns:repeat(2, 1fr); column-gap:15px; row-gap:15px;}
#container main ul.category_preview li.slist {border:1px solid #d2d2d2; padding:14px 8px 8px; vertical-align:middle;}
#container main ul.category_preview li.slist > h3 {font-size:1.3rem; font-style:italic; font-weight:600; color:#313131; border-bottom:1px solid #888; padding-bottom:8px; position:relative;}
#container main ul.category_preview li.slist > h3 > i {font-size:1.6rem; vertical-align:middle; margin-top:-3px;}
#container main ul.category_preview li.slist > h3 > a {display:inline-block; font-style:normal; font-weight:500; color:#444; position:absolute; top:0px; right:0px;}
#container main ul.category_preview li.slist > h4 {padding-top:10px;}

/*멤버쉽*/
#container section.member_ship {width:88%; padding-top:40px; margin:0 auto;}

/*이용약관*/
#container .access_terms h1 {font-weight:600; font-size:2.8rem; margin-bottom:16px;}
#container .access_terms h3 {font-weight:500; font-size:1.8rem; margin-top:2%; padding:1% 0;}
#container .access_terms h4 {font-weight:400; font-size:1.6rem; line-height:1.8rem; margin:2% 0 1%; padding:1% 0; color:#525252;}
#container .access_terms p {font-size:1.4rem; line-height:18px; padding:2px 3px; margin-top:5px; color:#616161;}

/*개인정보보호정책*/
#container .personal_data {}
#container .personal_data h1 {font-weight:600; font-size:2.8rem; margin-bottom:16px;}
#container .personal_data h4 {font-weight:400; font-size:1.6rem; line-height:1.8rem; margin:2% 0 1%; padding:1% 0; color:#525252;}
#container .personal_data p {font-size:1.4rem; line-height:18px; padding:2px 3px; margin-top:5px; color:#616161;}

/* Container End */

@media screen and (max-width:640px) {
}