@charset "utf-8";

/* 내용관리 */
#ctt { padding:0 20px; }
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; text-align:center; }
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:0 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3; text-decoration:none; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

@media screen and (min-width:1201px) {
/* sub location */
.sub_title h1 {font-size:40px;color:#333333;font-weight:600;line-height:68px;  text-align:center; margin-top:30px; }
.sub_title h3 {font-size:14px;color:#666666;font-weight:normal; text-align:center; margin-bottom:20px; }

.sub_location { padding-bottom:50px; margin:auto; overflow:hidden; }
.sub_location_map { box-sizing:border-box; position:relative; border:1px solid #ccc; height:450px; overflow:hidden; }
.sub_location_map iframe {float:right; width:100%; box-sizing:border-box;}
.sub_location_info { box-sizing:border-box; border:1px solid #ccc; border-top:0px; padding:50px; background-color:#f6f6f6; }
.sub_location_info:after {clear:both; content:""; display:block;}
.sub_location_info dl { box-sizing:border-box; margin:0 50px; }
.sub_location_info dt { color:#333332; font-size:21px; padding:0; text-align:left; font-family:'SJ_R'; }
.sub_location_info dd {text-align:left;}
.sub_location_info dd ul { padding:50px 0; }
.sub_location_info dd ul li { position:relative; margin-bottom:16px; overflow:hidden; float:left; width:25%; }
.sub_location_info dd ul li div { float:left; }
.sub_location_info dd ul li div:first-child { width:50px; height:50px; line-height:55px; text-align:center; background-color:#333; border-radius:100%; }
.sub_location_info dd ul li div i { color:#fff; font-size:21px; font-weight:normal; }
.sub_location_info dd ul li div p { margin:0 10px; font-size:15px; color:#666; font-weight:bolder; }
}


@media screen and (max-width:1200px) and (min-width:701px) {
/* sub location */
.sub_title h1 {font-size:40px;color:#333333;font-weight:600;line-height:68px;  text-align:center; margin-top:30px; }
.sub_title h3 {font-size:14px;color:#666666;font-weight:normal; text-align:center; margin-bottom:20px; }

.sub_location { padding-bottom:50px; overflow:hidden; }
.sub_location_map { float:left; width:50%; box-sizing:border-box; position:relative; border:1px solid #ccc; height:450px; overflow:hidden; }
.sub_location_map iframe {float:right; width:100%; box-sizing:border-box;}
.sub_location_info { float:right; width:50%; box-sizing:border-box; border:1px solid #ccc; border-left:0px; padding:25px; height:450px; background-color:#fcfcfc; }
.sub_location_info:after {clear:both; content:""; display:block;}
.sub_location_info dl { box-sizing:border-box; }
.sub_location_info dt { color:#333332; font-size:21px; padding:0 20px; text-align:left; font-family:'SJ_R'; margin-top:50px; }
.sub_location_info dd {text-align:left;}
.sub_location_info dd ul { padding:20px; }
.sub_location_info dd ul li { position:relative; margin-bottom:16px; clear:both; overflow:hidden; }
.sub_location_info dd ul li div { float:left; }
.sub_location_info dd ul li div:first-child { width:40px; height:40px; line-height:40px; text-align:center; background-color:#333; border-radius:100%; }
.sub_location_info dd ul li div i { color:#fff; font-size:18px; font-weight:normal; }
.sub_location_info dd ul li div p { margin:0 10px; font-size:13px; color:#666; font-weight:bolder; }
}


@media screen and (max-width:700px) {
/* sub location */
.sub_title h1 {font-size:40px;color:#333333;font-weight:600;line-height:68px;padding-top:3px;padding-bottom:3px; text-align:center; }
.sub_title h3 {font-size:14px;color:#666666;font-weight:normal; text-align:center; margin-bottom:50px; }

.sub_location { padding-bottom:50px; margin:auto; overflow:hidden; }
.sub_location_map { box-sizing:border-box; position:relative; border:1px solid #ccc; height:450px; overflow:hidden; }
.sub_location_map iframe {float:right; width:100%; box-sizing:border-box;}
.sub_location_info { box-sizing:border-box; border:1px solid #ccc; border-top:0px; padding:20px; background-color:#f6f6f6; }
.sub_location_info:after {clear:both; content:""; display:block;}
.sub_location_info dl { box-sizing:border-box; margin:0 20px; }
.sub_location_info dt { color:#333332; font-size:21px; padding:0; text-align:left; font-family:'SJ_R'; }
.sub_location_info dd {text-align:left;}
.sub_location_info dd ul { padding:50px 0; }
.sub_location_info dd ul li { position:relative; margin-bottom:16px; overflow:hidden; float:left; width:25%; }
.sub_location_info dd ul li div { float:left; }
.sub_location_info dd ul li div:first-child { width:40px; height:40px; line-height:40px; text-align:center; background-color:#333; border-radius:100%; }
.sub_location_info dd ul li div i { color:#fff; font-size:18px; font-weight:normal; }
.sub_location_info dd ul li div p { margin:0 10px; font-size:12px; color:#666; font-weight:bolder; }
}