@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;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; width:1200px; margin:auto; 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; }
.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:20px; font-weight:500; font-family: 'Noto Sans KR', sans-serif!important; padding:0 0 22px; text-align:left; }
.sub_location_info dd {text-align:left;}
.sub_location_info dd ul {}
.sub_location_info dd ul li {position:relative; height:23px; line-height:23px; margin-bottom:16px;}
.sub_location_info dd ul li span { vertical-align:top;color:#333;font-size:13px;font-weight:600;font-family: 'Open Sans', sans-serif!important;padding-right:3px;}
.sub_location_info dd ul li p { display:inline-block; height:23px; line-height:23px; color:#777; font-size:13px; font-weight:500; vertical-align:top; margin:0px; }
}


@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;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; }
.sub_location_map {position:relative; border:1px solid #ccc; height:548px;}
.sub_location_map h5 {position:absolute; left:-204px; top:203px; width:549px;height:141px;background:#333332; overflow:hidden; transform:rotate(90deg);}
.sub_location_map h5 span {display:inline-block;position:absolute;left:-5px;bottom:-5px;padding-right:150px;background:url("/theme/basic/img/sub/location_arr.png") no-repeat right 85%;font-size:60px;line-height:56px;color:#ffffff;text-align:left; font-family:'Open Sans'; font-weight:600; opacity:0.6;}
.sub_location_map iframe {float:right; width:100%; box-sizing:border-box;}
.sub_location_info {border:1px solid #ccc; margin:20px 0 0; padding:36px 4.3% 23px;}
.sub_location_info:after {clear:both; content:""; display:block;}
.sub_location_info dl {float:left; box-sizing:border-box; border-left:1px dashed #ccc; min-height:170px;}
.sub_location_info dl:first-child {width:45%; border:none; padding-right:85px;}
.sub_location_info dl:last-child {width:55%; padding-left:52px;}
.sub_location_info dt {color:#333332; font-size:20px; font-weight:500; font-family: 'Noto Sans KR', sans-serif!important; padding:0 0 22px; text-align:center; }
.sub_location_info dd {text-align:left;}
.sub_location_info dd ul {}
.sub_location_info dd ul li {position:relative; height:23px; line-height:23px; padding-left:32px; margin-bottom:16px;}
.sub_location_info dd ul li:before {display:block;position:absolute;left:0;top:0;width:22px;height:23px;background:no-repeat left top #333332;content:'';}
.sub_location_info dd ul li.map1:before {background-image:url("/theme/basic/img/sub/icon_map01.png");}
.sub_location_info dd ul li.map2:before {background-image:url("/theme/basic/img/sub/icon_map02.png");}
.sub_location_info dd ul li.map3:before {background-image:url("/theme/basic/img/sub/icon_map03.png");}
.sub_location_info dd ul li.map4:before {background-image:url("/theme/basic/img/sub/icon_map04.png");}
.sub_location_info dd ul li.map5:before {background-image:url("/theme/basic/img/sub/icon_map05.png");}
.sub_location_info dd ul li span { float:left; display:block; vertical-align:top;color:#333;font-size:13px;font-weight:600;font-family: 'Open Sans', sans-serif!important;padding-right:3px;}
.sub_location_info dd ul li p { float:left; height:23px; line-height:23px; color:#777; font-size:13px; font-weight:500; vertical-align:top; margin:0px; }
}


@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; }
.sub_location_map {position:relative; border:1px solid #ccc; border-bottom:0px; }
.sub_location_map iframe { width:100%; box-sizing:border-box; height:320px;}
.sub_location_info {border:1px solid #ccc; margin:0; padding:36px 4.3% 23px;}
.sub_location_info:after {clear:both; content:""; display:block;}
.sub_location_info dl { box-sizing:border-box; min-height:170px;}
.sub_location_info dt {color:#333332; font-size:20px; font-weight:500; font-family: 'Noto Sans KR', sans-serif!important; padding:0 0 22px; text-align:center; }
.sub_location_info dd {text-align:left;}
.sub_location_info dd ul {}
.sub_location_info dd ul li {position:relative; height:23px; line-height:23px; padding-left:32px; margin-bottom:16px;}
.sub_location_info dd ul li span { vertical-align:top;color:#333;font-size:13px;font-weight:600;font-family: 'Open Sans', sans-serif!important;padding-right:3px;}
.sub_location_info dd ul li p { display:inline-block; height:23px; line-height:23px; color:#777; font-size:13px; font-weight:500; vertical-align:top; margin:0px; }
}