@charset "utf-8";

img {max-width:100%;}

/* 기관별 index 공통 */
.ws_index_wrap {margin:50px 0;}

/* 최근게시물 - 리스트 커스텀 */
.ws_latest_list_wrap {}
.ws_latest_list_wrap .es_title {font-size:1.5em !important;}
.ws_latest_list_wrap .es_content_area {margin-top:10px !important;}
.ws_latest_list_wrap .es_content_area .bs_list_box {font-size:1em !important;}
.ws_latest_list_wrap .es_more {top:5px !important; font-size:1.2em !important;}

/* 최근게시물 - 갤러리 커스텀 */
.ws_latest_gallery_wrap {}
.ws_latest_gallery_wrap .es_title {font-size:1.5em !important;}
.ws_latest_gallery_wrap .es_content_area {}
.ws_latest_gallery_wrap .es_content_area .bs_list_box {float:left; width:24%; margin-right:15px; border-radius:0 !important;}
.ws_latest_gallery_wrap .es_content_area .bs_list_box:last-child {margin-right:0;}
.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_image {height:200px;}
.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_desc_box {margin-top:10px; font-size:1.2em; text-align:center;}
.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_noimg {line-height:200px;}
.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_default_txt {margin-top:10px; text-align:center;}
.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_default_txt .ss_subject {color:#555 !important; font-size:1.2em;}
.ws_latest_gallery_wrap .es_more {top:5px !important; right:0 !important; font-size:1.2em !important;}

/* 페이지 공통 : S */
.ws_sub_conts_wrap {margin:50px 0 100px 0;}
.ws_sub_conts_wrap .es_title {display:block; position:relative; margin-top:80px; margin-bottom:15px; padding-left:15px; font-size:2em; line-height:normal; letter-spacing:-0.5px;}
.ws_sub_conts_wrap .es_title:before {content:''; display:block; position:absolute; top:7px; left:0; width:6px; height:25px; border-radius:50px !important; background:#9a2121;}
.ws_sub_conts_wrap .es_point_title {font-weight:normal;}
.ws_sub_conts_wrap .es_point_title .bs_point {font-weight:bold;}
.ws_sub_conts_wrap .es_subject {display:block; margin-top:80px; margin-bottom:5px; font-size:1.5em; line-height:normal;}
.ws_sub_conts_wrap .es_desc {padding:30px; background:#f5f5f5; font-size:1.4em; line-height:1.5em; letter-spacing:-0.5px; text-align:center;}

/* 테이블 */
.ws_sub_conts_wrap .es_table_area {}
.ws_sub_conts_wrap .es_table_area table {}
.ws_sub_conts_wrap .es_table_area table tbody {}
.ws_sub_conts_wrap .es_table_area table tbody tr {}
.ws_sub_conts_wrap .es_table_area table tbody tr th,
.ws_sub_conts_wrap .es_table_area table tbody tr td {padding:15px; font-size:1.4em; line-height:1.5em; text-align:center; vertical-align:middle;}
.ws_sub_conts_wrap .es_table_area table tbody tr th {border:1px solid #fff; background:#ffe1e1; font-weight:bold;}
.ws_sub_conts_wrap .es_table_area table tbody tr td {border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.ws_sub_conts_wrap .es_table_area table tbody tr td:first-child {border-left:none;}
.ws_sub_conts_wrap .es_table_area table tbody tr .bs_bd {border-top:1px solid #ddd;}
.ws_sub_conts_wrap .es_table_area table tbody tr .bs_bd_l {border-left:1px solid #ddd !important;}
.ws_sub_conts_wrap .es_table_area .bs_bul {display:inline-block; vertical-align:top; width:5px;}
.ws_sub_conts_wrap .es_table_area .bs_desc {display:inline-block; vertical-align:top; width:94%; padding-left:5px;}
.ws_sub_conts_wrap .es_table_area .bs_desc .is_list {position:relative; padding-left:8px;}
.ws_sub_conts_wrap .es_table_area .bs_desc .is_list:before {content:''; display:block; position:absolute; top:10px; left:0; width:2px; height:2px; background:#333;}

/* 리스트 */
.ws_sub_conts_wrap .es_list_area {}
.ws_sub_conts_wrap .es_list_area .bs_list_box {position:relative; margin-bottom:15px; padding-left:10px; font-size:1.4em; line-height:1.4em; letter-spacing:-0.5px;}
.ws_sub_conts_wrap .es_list_area .bs_list_box:before {content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50% !important; background:#333;}
.ws_sub_conts_wrap .es_list_area .bs_list_box:last-child {margin-bottom:0;}
.ws_sub_conts_wrap .es_list_area .bs_list_box .is_point {}

/* 이미지 */
.ws_sub_conts_wrap .es_img_area {margin-top:50px;}
.ws_sub_conts_wrap .es_img_area .bs_list_box {display:inline-block; width:24.2%; margin-right:10px; margin-bottom:10px; padding:10px; border:1px solid #ddd;}
.ws_sub_conts_wrap .es_img_area .bs_list_box .is_img {}

/* 절차 */
.ws_sub_conts_wrap {}
.ws_sub_conts_wrap .es_step_area {position:relative; padding:30px; text-align:center;}
.ws_sub_conts_wrap .es_step_area:after {content:''; display:block; position:absolute; top:165px; right:-8px; width:25px; height:27px; background-image:url('../../img/page/step_arrow.png'); background-repeat:no-repeat;}
.ws_sub_conts_wrap .es_step_arrow_n:after {display:none;}
.ws_sub_conts_wrap .es_step_area .bs_step_box {display:block; margin-bottom:30px; font-size:1.6em; line-height:1.3em;}
.ws_sub_conts_wrap .es_step_area .bs_step_box .is_number {display:block; font-size:1.2em;}
.ws_sub_conts_wrap .es_step_area .bs_icon_box {display:inline-block; width:140px; height:140px; border-radius:50% !important; background-color:#ececec; background-repeat:no-repeat;}
.ws_sub_conts_wrap .es_step_area .bs_info_box {height:200px; margin-top:30px; border:1px solid #ddd;}
.ws_sub_conts_wrap .es_step_area .bs_info_box .is_top_text {padding:15px 0; background:#67b8ee; color:#fff; font-weight:bold; font-size:1.5em;}
.ws_sub_conts_wrap .es_step_area .bs_info_box .is_desc_text {padding:30px 15px; font-size:1.4em; line-height:1.8em; letter-spacing:-0.5px;}

/* 문의처 */
.ws_sub_conts_wrap .es_cs_area {}
.ws_sub_conts_wrap .es_cs_area table {}
.ws_sub_conts_wrap .es_cs_area table tbody {}
.ws_sub_conts_wrap .es_cs_area table tbody tr {}
.ws_sub_conts_wrap .es_cs_area table tbody tr th,
.ws_sub_conts_wrap .es_cs_area table tbody tr td {padding:50px 0; border:1px solid #000; letter-spacing:-0.5px; text-align:center;}
.ws_sub_conts_wrap .es_cs_area table tbody tr th {background: #f5f5f5;font-size:2em;}
.ws_sub_conts_wrap .es_cs_area table tbody tr td {}
.ws_sub_conts_wrap .es_cs_area table tbody tr td .bs_tel_icon {display:inline-block; vertical-align:middle;}
.ws_sub_conts_wrap .es_cs_area table tbody tr td .bs_tel_text {display:inline-block; vertical-align:middle; padding-left:10px; text-align:left;}
.ws_sub_conts_wrap .es_cs_area table tbody tr td .bs_tel_text .is_subject {color:#999;font-size:1.3em;}
.ws_sub_conts_wrap .es_cs_area table tbody tr td .bs_tel_text .is_number {display:block; margin-top:5px; font-weight:bold; font-size:2em;}

/* 시설안내 */
.ws_sub_conts_wrap .es_img_list_area {text-align:center;}
.ws_sub_conts_wrap .es_img_list_area .bs_img_box {display:block; margin:10px 0;}
.ws_sub_conts_wrap .es_img_list_area .bs_img_box .is_img {}

/* 오시는길 */
.ws_sub_conts_wrap .es_map_area {margin-top:50px;}
.ws_sub_conts_wrap .es_map_area .bs_map_title {display:block; margin-top:80px; margin-bottom:20px; font-size:1.8em; line-height:normal;}

.ws_sub_conts_wrap .es_map_area .bs_info_box {position:relative; margin-bottom:20px; padding-left:10px; font-size:1.4em; letter-spacing:-0.5px;}
.ws_sub_conts_wrap .es_map_area .bs_info_box:before {content:''; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50% !important; background:#333;}
.ws_sub_conts_wrap .es_map_area .bs_info_box:last-child {margin-bottom:0;}
.ws_sub_conts_wrap .es_map_area .bs_info_box .fa {width:30px;}

.ws_sub_conts_wrap .es_map_area .bs_subway_box {position:relative; margin-bottom:20px; padding-left:10px;}
.ws_sub_conts_wrap .es_map_area .bs_subway_box:before {content:''; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50% !important; background:#333;}
.ws_sub_conts_wrap .es_map_area .bs_subway_box:last-child {margin-bottom:0;}
.ws_sub_conts_wrap .es_map_area .bs_subway_box .is_name,
.ws_sub_conts_wrap .es_map_area .bs_subway_box .is_exit {display:inline-block; vertical-align:middle; font-size:1.4em; letter-spacing:-0.5px;}
.ws_sub_conts_wrap .es_map_area .bs_subway_box .is_name {padding-right:15px; border-right:1px solid #ddd; color:#0066e2;}
.ws_sub_conts_wrap .es_map_area .bs_subway_box .is_exit {padding-left:15px;}
.ws_sub_conts_wrap .es_map_area .bs_subway_box .is_exit .ss_time {color:#ff4500;}

.ws_sub_conts_wrap .es_map_area .bs_bus_box {display:inline-block; vertical-align:top; position:relative; width:49%; margin-bottom:30px; padding-left:10px;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box:before {content:''; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50% !important; background:#333;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box:last-child {margin-bottom:0;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_text {font-size:1.4em; letter-spacing:-0.5px;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_name,
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number {display:inline-block; vertical-align:top; font-size:1.4em; letter-spacing:-0.5px;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_name {width:250px; color:#0066e2;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_name .ss_number {color:#333;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number {}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number li {margin-bottom:10px;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number .ss_type {display:inline-block; vertical-align:middle; padding:2px 4px; border-radius:3px !important; color:#fff; font-size:0.85em;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number .ss_red {background:#FA6D54;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number .ss_green {background:#4FAA2C;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number .ss_mint {background:#0AB1AE;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number .ss_number {padding:0 10px; border-right:1px solid #ddd;}
.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_bus_number .ss_number:last-child {border-right:0;}
/* 페이지 공통 : E */

/* 개인정보처리방침 & 이용약관 */
.ws_privacy_wrap {margin:50px 0; padding:0 10px;}
.ws_privacy_wrap h1 {color:#fff; padding:20px; background-color:#f89f9f; letter-spacing:-0.5px; font-size: 1.2em;}
.ws_privacy_wrap .es_pv_area {padding:15px;}
.ws_privacy_wrap .es_pv_area .bs_pv_box {padding:20px; border:1px solid #ddd;}
.ws_privacy_wrap .es_pv_area .bs_pv_box .is_pv_top {padding:10px; background-color:#F7F8FB; color:#888;font-size: 1.05em;}
.ws_privacy_wrap .es_pv_area .bs_pv_box .is_pv_top p {text-align:center; font-weight:bold; color:#666; margin-top: 20px; font-size:1em;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl {}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dt {margin-top:20px;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dt h2 {font-size:1.1em; color:#e97d7d; letter-spacing:-0.5px; margin-bottom:10px;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dt p {font-size:1.05em;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd {}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd h3 {font-size: 13px; font-weight: bold; color:#f89f9f; margin:15px 0 8px 0; font-size:1.05em;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd p {color:#888; margin-bottom:20px;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd .is_layer_inner {padding:15px; border:1px solid #ddd;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd .is_layer_inner p {border:1px solid #ddd; padding:20px; color:#888; margin: 10px 0 0 0;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd .is_layer_inner ul {}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd .is_layer_inner ul li {margin-bottom:7px;}
.ws_privacy_wrap .es_pv_area .bs_pv_box dl dd .is_layer_inner ul li:last-child {margin-bottom:0;}
.ws_privacy_wrap .es_pv_area .bs_pv_box .is_bott_pv_top {margin-top:15px; font-weight:bold; text-align:center;}


 /* ================================================== *
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ================================================== */

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_sub_conts_wrap .es_title {margin-top:50px; font-size:1.6em;}
	.ws_sub_conts_wrap .es_title:before {top:5px; height:20px;}
	.ws_sub_conts_wrap .es_desc {padding:15px; font-size:1.2em;}
	.ws_sub_conts_wrap .es_subject {font-size:1.3em;}
	.ws_sub_conts_wrap .es_table_area table tbody tr th,
	.ws_sub_conts_wrap .es_table_area table tbody tr td {padding:5px; font-size:1em;}
	.ws_sub_conts_wrap .es_m_table_area table {border:1px solid #ddd;}
	.ws_sub_conts_wrap .es_m_table_area table tbody tr th,
	.ws_sub_conts_wrap .es_m_table_area table tbody tr td {display:block; padding:15px; border:0 !important; font-size:1.2em;}
	.ws_sub_conts_wrap .es_table_scroll_area {overflow-y:scroll;}
	.ws_sub_conts_wrap .es_table_scroll_area table {width:800px;}
	.ws_sub_conts_wrap .es_list_area .bs_list_box {font-size:1.2em;}
	.ws_sub_conts_wrap .es_map_area .bs_map_title {font-size:1.6em;}
	.ws_sub_conts_wrap .es_map_area .bs_info_box {font-size:1.2em;}
	.ws_sub_conts_wrap .es_step_area:after {display:none;}
	.ws_sub_conts_wrap .es_step_area .bs_info_box {height:auto;}
	.ws_sub_conts_wrap .es_step_area .bs_info_box .is_desc_text {font-size:1.2em;}
	
	.ws_sub_conts_wrap .es_map_area .bs_bus_box {width:100%;}
	.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_text {font-size:1.2px;}
	.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_name {width:100%; margin-bottom:10px;}
	.ws_sub_conts_wrap .es_map_area .bs_subway_box .is_name, .ws_map_wrap .es_map_area .bs_subway_box .is_exit {font-size:1.2em;}
	.ws_sub_conts_wrap .es_map_area .bs_bus_box .is_name, .ws_map_wrap .es_map_area .bs_bus_box .is_bus_number {font-size:1.2em;}

}


/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_latest_gallery_wrap .es_content_area .bs_list_box {width:48%; margin-bottom:30px;}

	.ws_map_wrap .es_map_area .bs_bus_box .is_bus_number li {margin-top:10px;}
}

 /* ================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ================================================== */
 
 /* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {
	
}
 
 /* ================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media (min-width:768px) and (max-width:991px) {
	
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}