@charset "utf-8";

#subContent #fontSize{float:right; width:76.42%;}
#sub_default{padding:0;}

#pageInfo{display:flex; align-items:center; justify-content:center; height:230px; text-align:center; background: url(/images/kr/common/bg_sub.jpg) no-repeat 50% 0 / cover;}
#pageTitle h3{height:auto; padding:0 0 65px;}

.util_wrap{right:50%; top:calc(50% - 65px); margin:0 -700px 0 0;}
@media all and (max-width:1430px) {
	.util_wrap{right:15px; margin:0;}
}
@media all and (max-width:1024px) {
	#subContent #fontSize{width:100%;}
	#sub_default{padding:30px 0 0 0;}

	#pageInfo{height:115px;}
	#pageInfo h3{padding:0 0 20px; font-size:31px;}

	.util_wrap{top:calc(50% - 27px);}
}
@media all and (max-width:768px) {
	#sub_default{padding:25px 0 0 0;}

	#pageInfo{height:95px;}
	#pageInfo h3{font-size:25px;}
}
@media all and (max-width:568px) {
	#pageInfo{height:72px;}
	#pageInfo h3{padding:0 0 15px; font-size:21px;}
}

.location {z-index:3; position:relative; display:block; float:none; height:65px; margin:-65px auto 0; box-sizing:border-box; background:#fff; box-shadow:0 -10px 15px rgba(0,0,0,0.05); border-radius:10px 10px 0 0;}
.location:after {content:''; display:block; clear:both;}
.location * {display:block;}
.location .home {float:left; position:relative; width:65px; height:65px; background:url(/images/kr/common/ico_home.jpg) no-repeat 50% 50%;}
.location .home:before{content:''; position:absolute; top:50%; right:0; width:1px; height:10px; transform:translateY(-50%); background:#e8a1ad;}

.snb {float:left;}
.snb > li {float:left; position:relative;}
.snb > li > a {position:relative; width:260px; height:100%; line-height:65px; padding:0 40px 0 20px; color:#777; box-sizing:border-box;}
.snb > li > a:after,
.snb > li > a:before{content:''; position:absolute; top:50%; right:20px; width:11px; height:6px; transform:translateY(-50%); transition:transform 0.25s ease-in-out; background:url(/images/kr/common/ico_snb.jpg) no-repeat;}
.snb > li > a:before{right:0; width:1px; height:10px; background:#e8a1ad;}
.snb > li:last-child > a{color: #2c334a; font-weight:700;}
.snb > li > a.on:after {transform:translateY(-50%) rotate(-180deg);}
.snb ul {display:none; z-index:3; position:absolute; top:65px; left:-1px; width:calc(100% + 1px); border:1px solid #e6e6e6; background:#fff; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.snb ul li {width:100%;}
.snb ul a {display:block; line-height:53px; padding:0 0 0 20px;}
.snb ul li + li a {border-top:1px solid #e6e6e6;}
.snb ul a.on,
.snb ul a:hover,
.snb ul a:focus,
.snb ul a:active {background:#f7f7f7;}

@media all and (max-width:1430px) {
	.location{width:calc(100% - 30px); padding:0;}
}
@media all and (max-width:1024px) {
	.location {height:49px; margin:-25px auto 0; font-size:15px; font-weight:400;}
	.location .home {width:49px; height:51px;}
	.snb > li > a {width:200px; line-height:49px; font-size:14px;}
	.snb ul {top:49px;}
	.snb ul a {line-height:45px; padding:0 0 0 20px;}
}
@media all and (max-width:768px) {
	.location {width:calc(100% - 20px); height:45px; margin:-22px auto 0; font-size:14px;}
	.location .home {width:45px; height:47px;}
	.snb > li > a {width:auto; line-height:45px; font-size:13px;}
    .snb ul {top:45px;}
	.snb ul a {line-height:37px;}
}
@media all and (max-width:568px) {
	.location {height:39px; margin:-20px auto 0; font-size:13px;}
	.location .home {width:39px; height:41px; background-size:13px;}
	.snb > li:first-child{display:none;}
	.snb > li > a {line-height:39px; padding:0 30px 0 15px;}
	.snb > li > a:after {right:12px; border-width:4px; border-top-width:5px;}
    .snb ul {top:39px;}
	.snb ul a {padding:0 0 0 15px; line-height:34px;}
}
@media all and (max-width:380px) {
	.location {height:36px; margin:-18px auto 0; font-size:13px;}
	.location .home {width:36px; height:38px;}
	.snb > li > a {line-height:36px; font-size:12px;}
	.snb > li:nth-child(2){display:none;}
	.snb > li:nth-child(2):last-child{display:block;}
	.snb ul {top:36px;}
	.snb ul a {line-height:32px; padding:0 0 0 12px;}
}

.board_list,
.normal_list,
.board_view{border-top:3px solid #141a4a;}
.board_list thead th,
.normal_list th{color:#333; border-color:#ddd; background:#f3f1f5;}
.board_list td,
.normal_list td,
.normal_list .bdB,
.normal_list .bdL{border-color:#ddd !important;}