@charset "utf-8";

@font-face {font-family: 'Noto Sans KR'; src: url('../assets/NotoSansKR-Light.otf') format('opentype');}

html {scroll-behavior: smooth;}
body {font-family: 'Noto Sans KR', sans-serif; color: #333; margin: 0 auto; }
a {text-decoration: none; color: #333; color: var(--font-color-base);}
a:active, a:hover {text-decoration: none;}
#navskip a {position: absolute; top: -30px; left: 0 !important; width: 100%; background: #000; z-index: 9999; height: 30px; line-height: 30px; color: #fff; font-size: 16px; text-align: center; padding: 0 6px;}
#navskip a:focus,
#navskip a:active {top: 0;}
/* 모바일용 CSS */
/* 기본 CSS */
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.main_pop {position: absolute; top: 5%; left: 5%; z-index:999999; background: #fff; display: block; cursor: pointer;}
.main_pop .main_pop_cont {width: 300px; height:396px;}
.main_pop .main_pop_cont img {width: 100%;}
.main_pop .main_pop_close {height: 25px;}
.main_pop .main_pop_close button {display: block; position: absolute; right: 5px;}
.sitemap {display: none;}
.pc_toggle {display: none;}
#wrap {width: 100%; overflow: hidden; background: #FFF;text-align: center; position: relative; justify-content: center; font-size: 1.1em !important; color: #1c2432 !important; margin: 0 auto;}
#header {position: relative; z-index: 999;}
.errWrap {max-width: 1280px; margin: 0 auto;}
.msgBox {background: url(/youth/resources/img/sub/ready_pc.png); width: 730px; height: 500px; position: relative; margin: 0 auto;}
.errWrap .btnArea {text-align: center; display: block;}
.errWrap .btnArea button {cursor: pointer; margin: 0 2px;}
.msgBox .errTxt {position: absolute; left: 50%; top: 66%; transform: translate(-50%, -50%);}
.msgBox .errTxt p.nor {color: #fff; font-size: 1.2em; background: radial-gradient(black, transparent);}
.main_contents {padding: 0 !important; width: auto; position: relative; margin: 0 auto;}
.main_img {position: relative; height: 330px;}
.main_img img {position: absolute; left: 50%; transform: translateX(-50%) scale(0.8);}
.layer {text-align: center; display: none; position: absolute; width: 100%; height: 100%; max-width: 600px; max-height: 426px; border-radius: 20px; background: rgba(0, 0, 0, 0.7); bottom: 0%; left: 50%; transform: translate(-50%, -50%);}
.layer h2 {height: 50px; line-height: 50px; color: #fff;}
.layer img {width: 100%;}
.layer .layer_close {position: absolute; bottom: 20px; right: 20px; color: #fff; background: #6d6d6d; padding: 5px 20px;}
/* 헤더 영역 CSS */

.header {line-height: 50px; margin: 0 auto; background: #fff; padding: 10px 0 27px 0;}
.header .header_box {height: 40px; margin: 0 auto; width: 1400px;}
.header h1 {margin: 0 3%; float: left; min-width: 300px; clear: both;}
.header .logo img {width: 80%; }
.header .logo img:focus, img:active {border:1px solid #000 !important; z-index: 1;}
.header .logo a {text-decoration: none;}

.top_nav {float: right;}
.top_nav i {width: 15px; margin: 0 14px; font-size: 1.5em;}
.top_nav a {color: #444; vertical-align: middle; display: inline-block; padding: 0 10px; position: relative;}
.top_nav a:first-child::after {content: ""; display: block; position: absolute; width: 2px; height: 15px; background: #888; right: -4px; top: 50%; transform: translateY(-50%);}
.top_nav a:hover {color: #222;}
.top_nav a:active, a:visited {border: none;}
#menu-wrapper #hamburger-menu {display: block; top: 7px;}

.sub_visual01 {width: 100%; height: 100px; background: url(../img/sub/sub_img.jpg) no-repeat 58%; position: relative;}
/* .sub_visual01 {width: 100%; height: 150px ;background: linear-gradient(153deg, rgba(2,0,36,1) 5%, rgba(9,58,121,1) 31%, rgba(0,212,255,1) 100%); margin-bottom: 20px;} */
.mainVisual .item {display: flex; align-items: center; position: relative; flex: 1;}
.mainVisual picture {overflow: hidden; position: relative; width: 100%; height: 100%; font-size: 0;}
.mainVisual .here {position: absolute; z-index: 1; left: 0; right: 0; margin: 0 auto;}
.mainVisual .here .ma_text {font-weight: bold; font-size: 28px; font-weight: 800; line-height: 0.9;}
.mainVisual .here h4.subText {font-size: 30px; color: #fff; letter-spacing: 6px; overflow: hidden;}
.con_p {background: #fff; height: auto; padding-bottom: 20px; display: block; min-height:500px; text-align: left; margin-bottom: 30px;}
.con_p:first-child {min-height: 0;}
.sub_visual_box {display: inline-block; width: 300px; height: 40px; margin-top: -210px; z-index: 444; margin-left: -5%; font-size: 2em; color: #fff;}

.plus_content {margin: 0 35px; width: 80%; display: inline-table; position: relative;}
.plus_content h2 {color: #333; font-weight: 600; padding: 10px 0; font-size: 1.2em;}
.plus_content .pctb {font-size: 0.9em; margin: 10px 10px; border-top: 2px solid #146ebe; margin: 0 auto;}
.plus_content .pctb tr th td {border: none !important;}
.plus_content .pctb td {border: 1px dashed #ccc !important; border-left: 0 none !important; border-right: 0 none !important; vertical-align: top;}
.plus_content .pctb .notice {background: #f12318; color: #fff; border-radius: 5px; padding: 5px 10px; font-size: 0.7em; position: inherit; margin-right: 10px;}
.plus_content .pctb tbody {border-bottom: 1px solid #ccc;}
.plus_content span, .plus_content .btn_more {display: inline-block; position: absolute; right: 0; top: 8.5%; cursor: pointer; font-size:1.5em;}
.plus_content span, .plus_content .btn_more:before {content:'+';}
.second_swiper {margin-top: 40px;}

/* product_01 영역 CSS */
/* .product_01 {display: inline-table; font-size: 1.5em; color: #222; position: relative; left:10%; width:100%; }
.product_01 .product_01_list li {text-align: center; padding: 20px; margin-top: 1px; float:left; }
.product_01 .product_01_list li h3 {margin: 20px 0 20px 0; color: #222; font-weight: normal; font-size: 0.7em;}
.product_01 .product_01_list li p {font-size: 14px; font-family: 'Lato'; color: #222; line-height: 1.5em;} */
.product_01 {padding: 50px; text-align: center; display: inline-block; width: 100%; position: relative; left: 50%; transform: translateX(-50%); font-size: 2em; color: #fff;}
.product_01 .product_01_list li {margin-bottom: 10px; text-align: center; width: 30%; margin-right:10px; float:left; padding: 20px 0; margin-top: 1px; border-radius: 15px;}
.product_01 .product_01_list li:first-child {margin-top: 0; background: #fbca61;}
.product_01 .product_01_list li:first-child:hover {margin-top: 0; background: #f7c55a;}
.product_01 .product_01_list li:nth-child(2) {margin-top: 0; background: #fbf861;}
.product_01 .product_01_list li:nth-child(2):hover {margin-top: 0; background: #fdea3c;}
.product_01 .product_01_list li:nth-child(3) {margin-top: 0; background: #cff790;}
.product_01 .product_01_list li:nth-child(3):hover {margin-top: 0; background: #bdf16a;}
.product_01 .product_01_list2 li:nth-child(2) {margin-top: 0; background: #ffe4f4;}
.product_01 .product_01_list2 li:nth-child(2):hover {margin-top: 0; background: #fddbee;}
.product_01 .product_01_list2 li:nth-child(3) {margin-top: 0; background: #ecdbf7;}
.product_01 .product_01_list2 li:nth-child(3):hover {margin-top: 0; background: #ebd5fa;}
.product_01 .product_01_list2 li:nth-child(1) {margin-top: 0; background: #bbdbeb;}
.product_01 .product_01_list2 li:nth-child(1):hover {margin-top: 0; background: #9dd3ec;}
.product_01 .product_01_list li h3 {margin: 30px 0 20px 0; color: #222; font-weight: normal; font-size: 0.7em;}
.product_01 .product_01_list li p {font-size: 14px; font-family: 'Lato'; color: #f8f8f8; line-height: 1.5em;}
.product_02 {display: inline; width: 100%; float: none; background: #fff;}
.scroll-moveBox {position: fixed; bottom: 0; z-index: 999; background: #Fff; height: 70px; width: 500px; line-height: 70px; border-radius: 10px;}
.scroll-moveBox ul {text-align: center;}
.scroll-moveBox li {display: inline-block; margin: 10px;}
.scrollpage {height: 100vh; width: 100%; overflow: auto; position: relative;}
.cont_box { margin: 20px 0 0;}
.cont_box .cont_text {width: 500px; margin: 0 auto; background: rgba(255, 255, 255, 0.5); height: 200px; line-height: 100px;}
.cont_box .cont_text h2 {font-size: 2.5em; font-weight: 700; text-align: center;}
.cont_box .cont_text p {text-align: center; font-size: 1.5em;}
.cont_box ul {text-align: center; margin: 50px 0;}
.cont_box li {width: 200px; height: 200px; border-radius: 20px; background: #fff; display: inline-block; margin: 0 50px;}
.navi {position: absolute; right: 3px; background: rgba(0, 0, 0, 0.5); color: #fff; height: 100px; width: 50px; top: 50%; border-radius: 20px;}
.navi span {display: block; font-size: 2em; text-align: center; position: relative;}
.navi span:first-child::after {content: ""; display: block; position: absolute; width: 1px; height: 40px; transform: rotate(45deg); border: 1px dashed #fff; left: 50%; top: 50%;}

/*contents*/
.shuttle_info .page_ready {position: relative;}
.shuttle_info .page_ready img {width: 50%;}
.shuttle_info .page_ready h2 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sv_txt {position: relative; color: #333; font-size: 1.5em; display: inline-table; font-weight: bold; top: 35%;}
#contents {text-align: left; padding: 0; margin: 10px auto 0; width: 100%; position: relative; font-size: 1em;}
.content {margin: 0 10px;}
.tit_info {display: none;}
.con_txt7 {display: inline-table; width: 100%; text-align: left; padding-bottom: 5px; font-weight: bold; font-size: 1.5rem; padding-left:10px; }
.con_txt1 {display: inline-table; width: 100%; text-align: left; margin-top: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 5px; font-weight: bold; font-size: 1.5em; padding-left:10px; }
.con_txt2:before {border:5px solid #0065cd;  border-radius: 50%;  width:10px; height:10px; position: absolute; line-height:4px; display: inline-block; content: ''; margin:9px 0 0 -30px; ;}
.con_txt2 { font-size:1.6em; text-align: left; font-weight: 600; content: '';margin-left:40px; color:#0065cd; margin-bottom:20px;}
.con_txt3 {background: linear-gradient(to top, rgb(87, 182, 248, 0.5) 50%, transparent 50%); width: fit-content; font-size: 1.1em; font-weight: bold; margin: 20px auto;}
.con_txt4:before {border:5px solid #0065cd; border-radius: 50%; width:10px; height:10px; position: absolute; line-height:4px; display: inline-block; content: ''; margin:12px 0 0 -30px;}
.con_txt4 { font-size:1.6em; text-align: left; font-weight: 600; content: ''; padding:0 0 0 40px; color:#0065cd; }
.con_txt5:before {border:5px solid #0065cd; border-radius: 50%; width:10px; height:10px; position: absolute;  display: inline-block; content: ''; margin:6px 0 0 -30px;}
.con_txt5 { font-size:1.6em; text-align: left; font-weight: 600; font-size: 1.4em !important;; content: ''; padding:0 0 0 40px; color:#0065cd; }
.add_info .con_txt5, .rentCcont .con_txt5, .sub4_cont .con_txt5 {margin-bottom: 20px;}
.con_txt6:before {border:5px solid #0065cd; border-radius: 50%; width:10px; height:10px; position: absolute;display: inline-block; content: ''; margin:12px 0 0 -30px;}
.con_txt6 { font-size:1.6em; text-align: left; font-weight: 600; content: ''; padding:0 0 0 40px; color:#0065cd; }
.con_txt2 h2 {width: 500px; text-align: left; font-size: 1.3em; font-weight: bold; }
.con_txt2 h1 {width: 500px; text-align: left;font-weight: bold;}
.bl02{position:relative;padding-left:40px;font-size:1.4em; font-weight:700;line-height:1.5;}
.bl02:after{content:'';position:absolute;top:15px;left:16px; width:7px;height:7px;background-color:#0065cd;}
h3.bl02{color:#0065cd;text-align:left;}
#share{padding-bottom: 5px; position: relative; top:-32px;display:flex;justify-content:right;}
#share::after {content: ""; display: block; clear: both;}
#share > li {margin-right: 10px; text-align: right;}
#share > li > a {display: block; height: 30px;}
#share span {font-size: 0; opacity: 0;}
#share .share {width: 30px; height: 26px; background: url(../img/share_ico.png);display: block;}
#share > .share > .share_sns {display: none; border: 1px solid #dadada; padding: 3px 20px; background: #fff; border-radius: 5px; position: relative; left:-5px; z-index: 999;}
#share > .share > .share_sns > li {height: 40px; position: relative;}
#share > .share > .share_sns > li > button {display: block; height: 40px; width: 30px; position: absolute; left: -15px;}
#share > .share > .share_sns > li > button > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
#share > .share > .share_sns > li > button > .share_url {width: 0; text-align: center; overflow: hidden; white-space: nowrap; font-size: 10px; color: #eee; transition: all 0.2s; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
#share > .share > .share_sns > li > button > .share_url.active {width: 100%; color: #343a40; padding: 6px;}
#share .print {display: none;}
.nametec {margin:30px auto;}
.nametec li {float:left; margin-left:10px;}
.nametec span {padding:10px 30px;background:#f1f1f1;}
.nametec li:first-child { width:30%;}
.nametec li:last-child { width:60%; }
.info_wrap .con_txt2 {margin: 20px 30px;}
.info_wrap .information,
.info_wrap .general {text-align: left; line-height: 2em; padding-bottom: 60px;margin-bottom:40px;}
.info_wrap .general,
.information {margin: 20px 0 0; padding-bottom: 20px;}
.info_wrap .information {border-bottom: 1px dashed #ddd;}
.information {flex: none;}
.information .info_img {position: relative; height: 100%;}
.information .info_img .infomin_box {width: 100%; position: relative; background: rgb(7, 20, 61);}
.information .info_img img {width: 100%;}
.information .info_txt {width: 100%; margin: 20px 0 0;}
.information .info_img .infomin_box p {position: relative; padding: 25px; font-weight: bold; color: #fff; z-index: 1;}
.information .info_img .infomin_box p span {display: block; margin-bottom: 10px; font-size: 1.1em; color: #c3d600;}
.information .info_txt div { border-bottom: 5px solid #fef3c5; padding-bottom: 20px;}
.information .info_txt strong {font-size: 1.7em; font-weight: 900; line-height: 44px; word-break: keep-all; letter-spacing: 0;}
.information .info_txt .youth_info {margin:20px;word-break:keep-all; word-wrap: break-word;}
.magl {padding-left:70px!important;font-weight:normal!important;}
.mdb {display: block !important; font-weight: normal !important; padding-left: 70px !important;}
.map_info img {width: 50px; height: 50px; }
.map_info .map_info_list {text-align: left;}
.map_info .map_info_list:nth-child(1) {display: block; border-bottom: 1px dashed #ccc;}
.map_info .map_info_list .item {width: 100%; display: block;}
.map_info_list .item h2{color: #336cb8; font-weight: bold; position: relative; margin-bottom:15px; font-size:1.8em;}
.traffic_way h3 {font-size: 1.1em; font-weight: bold;margin:20px 0;font-size:1.2em;}
.sub14 {left:0;}
.traffic_way {word-break: keep-all;  }
.traffic_way p {line-height: 2.5em;}
.traffic_way p::before {content: 'ㆍ'; }
.info_wrap h2 {position: relative;}
.info_wrap .opentime {margin: 20px 0 0;}
.info_wrap table {margin-bottom: 20px;}
.general_list {margin-left:35px;}
.general_list li {position: relative; padding-left: 13px; line-height: 2.4em; box-sizing: border-box; text-align: left; }
.general_list li:before {position: absolute; content: ""; top: 17px; left: 0px; line-height: 2.6em; width: 5px; height: 5px; background: #336cb8;}
.opentime {border-collapse: collapse; margin: 0 auto;}
.opentime table {font-size: 0.8em; display: block; vertical-align: top; width: 100%; overflow-x: auto; white-space: nowrap; border-collapse: collapse; border-spacing: 0;}
.opentime th {background: #51a2f3; color: white;}
.opentime td,
.opentime th {padding: 10px; border: 1px solid #ccc; text-align: left; text-align: center;}
.opentime .opentime_sti {position: sticky;}
.org_chart {margin-bottom: 100px;}
.org_chart .lv2 > ul > li > div:first-child {background: #597c8d; color: #fff; border-radius: 15px; height: 50px; line-height: 50px; width:180px;}
.org_chart .lv2 > ul > li > div:nth-child(2) {line-height: 50px; margin: 30px 0 0;}
.org_chart .lv2 > ul > li > div:nth-child(2) p {border-bottom: 1px dashed #ddd; width: 100%; margin-bottom: 15px; text-align: center;}

.org_chart .lv1 {margin: 0 auto 30px; width: 180px; background: #727171; color: #fff; height: 50px; position: relative; border-radius: 15px; line-height: 50px;}
.org_chart .lv1::before {content: ""; position: absolute; display: block; background: url(../img/sub/sub1_4.png) center center repeat-x; left: 50%; bottom: -112px; width: 340px; height: 2px; transform: translateX(-50%);}
.org_chart .lv1::after {content: ""; position: absolute; display: block; background: url(../img/sub/sub1_4.png) center center repeat-y; left: 50%; width: 2px; height: 112px;}
.org_chart .lv2 {width: 100%; max-width: 1000px; position: relative; left: 50%; top: 60px; transform: translateX(-50%);}
.org_chart .lv2 > ul {margin: 0 auto; display: flex; justify-content: space-around;}
.org_chart .lv2 > ul > li {margin: 0 20px;}
.tbl_wrap {margin-bottom: 30px;}
.tbl_wrap .tbl_tab {margin-bottom: 3px;}
.tbl_wrap .tbl_tab ul {display: flex; text-align: center; border-top: 1px solid #094697; border-left: 1px solid #094697; border-right: 1px solid #094697; }
.tbl_wrap .tbl_tab ul li {width: 10%; text-align: center; flex: 1; font-weight: 700; position: relative; height: 50px; line-height: 47px;border-bottom: 1px solid #094697; cursor: pointer;}
.tbl_wrap .tbl_tab ul li.on {background: #094697; color: #fff;}

.tbl_wrap .tbl_tab ul li a {width: 100%; justify-content: center; align-items: center; display: flex; height: 100%;}
.tbl_wrap .tbl_list {display: none;}
.tbl_wrap .tbl_list.on {display: inherit;}
.sub22_info {margin-left: 10px ; text-align: left; font-size:1.2em; line-height:2em;}
.program_info {margin-left: 10px ; text-align: left; font-size:1.2em; line-height:2em; word-break: keep-all;}
.program_wrap {display: flex; margin: 30px 0 0; flex-direction: column; font-size: 0.9em; justify-content: center;}
.sub22_wrap {display: flex; margin: 30px 0 0; flex-direction: column; font-size: 0.9em; justify-content: center; margin-bottom: 20px;}
.program_wrap .program_list {display: inline-block;}
.program_list select {padding: 7px 10px;}
.program_wrap .pro_right table {margin: 0; height: 100%;}
.sub22_wrap .sub22_right table {margin: 0; height: 100%;}
.program_wrap .pro_right table th {width: 25%;}
.program_wrap .pro_right table td button.btn {background: #146ebe; margin-left: 10px; border-radius: 30px; padding: 6px 10px; color: #fff; display: inline-block; width: 120px;}
.program_wrap .pro_right .btn_g {background: #ddd; color: #666;}
.program_wrap .pro_right table td button.btn:hover {background: #3e8acc;}
.program_wrap .pro_right table td .btn2:hover {background: #1a58b5;}
.program_wrap .pro_right table td .btn3 {background: #1e96d5;}
.program_wrap .pro_right table td .btn3:hover {background: #1a58b5}
.program_wrap .pro_left {position: relative;}
.program_wrap .pro_left .con_infoc_t {border-top: none;}
.sub22_wrap .sub22_left {position: relative;}
.program_wrap .pro_left img {width: 100%;}
.sub22_wrap .sub22_left img {width: 100%;}
.program_wrap .pro_left h2 {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%);}
.program_wrap .pro {text-align: left;}
.mg20 {margin: 0 20px;}
.bbs_search_tit {margin-bottom: 20px;}
.bbs_search_tit::after {content: ""; display: block; clear: both;}
.bbs_search_tit>a {float: right; background: #f2f2f2; border-radius: 5px; font-size: 14px; height: 32px; line-height: 32px; text-align: center; padding: 0 10px; display: inline-block; color: #777; margin: 20px 0 0;}
.bbs_search_tit .con_txt2 {margin-bottom: 0; float: left;}
.bbs_select {padding: 5px 10px;}
.program_wrap2 .pro_nav .pro_num {font-size: 15px; color: #999; font-weight: 300; line-height: 1; padding-bottom: 13px;}
.program_wrap2 .pro_nav .pro_num span {color: #0065cd;}
.program_wrap2 .pro_nav li:nth-child(2) div {width: 100%;}
.program_wrap2 .pro_nav li:nth-child(2) div select {height: 40px; padding: 0;}
.program_wrap2 .pro_nav li:nth-child(2) div input {width: 100%; padding: 0; height: 40px;}
.program_wrap2 .pro_nav li:nth-child(2) div button {width: 40%; height: 40px; padding: 5px 10px; background: #146ebe; color: #fff; margin: 10px 0 5px;}
.proview_title {background: #eee; padding: 20px 0;}
.proview_wrap .table39 {}
.proview_wrap .proview::after {content: ""; display: block; clear: both;}
.proview_wrap .proview_left table th, .proview_wrap .proview_left table td {}
.proview_left table .last_brx {text-align: center;}
.proview_wrap .proview_right img {width: 100%;}

.btn_wrap {margin-top:50px;}
.btn_wrap_btn {background: #146ebe; margin-left:10px; border-radius: 3px; padding:10px; color: #fff; display: inline-block; width: 75px;}
/*table set*/
.program_wrap .con_info {line-height: normal;}
.con_info, .con_infoz {width: 100%; border-top: 2px #000 solid; margin-bottom: 30px; line-height: 2em; border-collapse: collapse; border-spacing: 0;}
.con_info button {vertical-align: middle;}
.con_info th {background: #faf9f9; border: 1px solid #d8d8d8; font-weight: normal; text-align: justify; line-height: 0; padding:10px !important}
.con_info td {word-break: normal;}
.con_infoz th {background: #faf9f9; border: 1px solid #d8d8d8; font-weight: normal; text-align: justify; line-height: 0; padding:10px !important; }
.con_info th::after, .con_infoz th::after {content: ''; display: inline-block; width:100%;}
.con_info td, .con_infoz td  {padding: 15px 0 20px 20px; border: 1px solid #d8d8d8; text-align: left; white-space: normal; }
.con_info img, .con_infoz img  {max-width: 280px; flex: content;}
.con_infop {padding: 10px; border: 1px solid #ddd;}
.con_info_pic img {width: 100%; height: 100%;}
.con_info_pic li {margin-bottom: 10px;}
.con_infoc {overflow-x: auto; overflow-y: hidden; margin-bottom: 20px;}
.con_infoc li {text-align: left; padding: 5px 0;}
.con_infoc_t, .con_info0_t {border-collapse: collapse; border-spacing: 0; border-top: 2px solid #222;  flex-wrap: nowrap;}
.con_info0_t {margin: 0 auto; width: 100%;}
.con_info0_t th {height: 40px;}
.con_infoc_t th { color: #fff; font-weight: normal; background: #146ebe;}
.con_infoc_t th, td {padding: 12px; border: 1px solid #d8d8d8; word-break:keep-all;}
.bbs_notice_a thead th, .bbs_notice_a thead td {white-space: nowrap;}
.con_info_txtd {font-size:0.85em;}
.wr_btn_td_r img {width: 100%;}
.bg_info {background:#146ebe; color:#fff; padding:20px 0; text-align: center;}
.table39 {display: inline-table; text-align: left; font-size: 0.9em;}
.table39 thead th {background: #146ebe; color: #fff; font-size: 1.2em; font-weight: normal;}
.table39 tbody {border:1px solid #eee;}
.table39 th {border: none; padding:7px 10px;}
.table39 td {border: none; color: #898989; padding:7px 10px;}
.table39 td span {display: block;}
.table39 td .file_name {text-align: center;}
.btn39 {background:#146ebe; color:#fff; padding:10px; width:80px; border-radius: 3px;}
.btn39:hover {background:#1e96d5;}
.btn39_g {background:#6d6d6d !important; cursor:unset; }
.taxbg {background:#f0f0f0; padding:12px;}
.taxbg textarea {background:#f0f0f0; height:200px; border:none; font-size:0.9em;}
.inptxt {text-align:left; width:60px !important; margin-bottom:4.5px; font-size:0.9em; padding:5px;}
.rental_info {color: #f02727; font-weight: bold; text-align: right; margin-bottom: 20px;}
.rental_info_1 {text-align: left; margin-bottom: 20px;}
.rental_info2 {color: #f02727; font-weight: bold; margin-bottom: 20px;}
.t_dot {display: inline-block; content: ""; top: 0; left: 0px; width: 3px; height: 3px; background: #336cb8; margin: 3px 10px;}
.t_dot_bold {font-weight: bold;}
.con_infoa {width: 100%; border-top: 2px #000 solid; margin-bottom: 30px; line-height: 2em; border-spacing: 0; overflow-x: auto;}
.con_infoa table {border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; text-align: center; flex-wrap: nowrap;}
.con_infoa th {background: #faf9f9; font-weight: normal; white-space: nowrap; text-transform: uppercase;}
.con_infoa td {text-align: left;}
.con_infoa th,
td {padding: 12px; border: 1px solid #d8d8d8;}
.steps_num1 {flex-wrap: wrap; justify-content: space-between; counter-reset: num 0; margin-top: 15px; margin-bottom: 20px;}
.steps_num1 > li {flex-basis: 32.3%; flex-grow: 1; position: relative; margin: 5px; border-radius: 5px; background: rgb(242, 250, 243);}
.steps_num1 > li:first-child::before {color: #fff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.651);}
.steps_num1 > li::before {position: absolute; left: 25px; top: 50%; transform: translateY(-50%); font-weight: bold; font-size: 1.05em; z-index: 1; content: counter(num); display: block; counter-increment: num; margin-bottom: 20px;}
.steps_num1 > li:first-child {background: #0065cd; color: #fff; text-shadow: 0px 0px 3px rgb(0, 0, 0, 0.5);}
.steps_num1 > li > .tit {display: flex; justify-content: space-around; align-items: center; position: relative; vertical-align: middle; text-align: center; padding: 0 30px 0; min-width: 120px; font-weight: 500; border-radius: 5px; height: 120px; flex-direction: column; text-align: left; }
.steps_num1 > li > h2 {}
.steps_num {margin: 20px auto; flex-wrap: wrap-reverse;}
.steps_num .step {border: 3px solid #336cb8; font-size: 1em; text-align: center; width: 100px; height: 100px; display: inline-block; border-radius: 100%; position: relative; margin: 20px 50px 0 0;}
.steps_num .step::after {content: ""; display: block; position: absolute; border-right: 4px solid #eee; border-bottom: 4px solid #ccc; right: -35px; top: 50%; width: 24px; height: 24px; transform: translateY(-50%) rotate(316deg);}
.steps_num .step:last-child::after {display: none;}
.steps_num .step span {border-bottom: 1px dashed #51a2f3; padding-top: 15px; display: inline-block;}
.steps_num .step p {font-size: 1em; color: #336cb8; font-weight: bold; padding: 20px 0;}
.step_tel {font-size: 1.5em; padding: 20px; letter-spacing: 2px; background: #336cb8; color: #fff; margin: 20px 0 25px 0;}
.step_tel i {margin-left: -10px;}
.step_tel a {color: #fff;}
.payway span {color: #f02727; font-weight: bold;}
.payway p {text-align: left; line-height: 2em;}
.f_red {color: #f02727 !important;}
.f_blue {color:#156bd3; font-weight: 800; font-size:1.5em;}
.f_blues {color:#156bd3;}
.wfont {font-weight:700;}
.deco_ul {text-decoration:underline;}
.state {text-align: left; line-height: 2em; margin-left:20px;}
.ulli li {float: none; margin: 5px 0;}
.ulli li::after {display: block; clear: both; content: "";}
.ulli input,.ulli select {width: 150px;}
.ulli span {width:62px; display: inline-block;}
.ulli span.bookcall {}
.magl30 {margin-left:0 !important;}
.inp_inl {display:block;  }
.lnht {line-height: 2em; white-space:inherit; word-break:keep-all;}
.lnht p::before {content: 'ㆍ'; margin-left: -13px}
.lnht p {margin-left:7px;}
.lnht input[type=checkbox] {display:inline-block !important;}
.lnht label {display: block; margin-right:20px;}
/*contents_end*/

.add_info {text-align: left;}
.add_info .item {margin-bottom: 30px;}
.add_info .item li {line-height: 2em; word-break: keep-all;}
.add_info p {font-weight: bold; padding: 20px 0 20px 10px; background: rgb(237, 241, 247); border-radius: 5px; margin-bottom: 5px;}
.shuttle_info {margin-bottom: 20px; overflow-x: auto; width: 100%;}
.shuttle_info li {text-align: left; padding: 5px 0;}
.bus_wrap {width: 100%; max-width: 500px; margin: 0 auto;}
.bus_wrap img {width: 100%;}
/*calendar*/
.calendar { min-width:340px; width: 100%; position: relative;}
.calendar ol li { float: left; width: 13.7%; }
.calendar_navi {margin-bottom: 30px;}
.calendar_navi span {margin: 0 10px; font-size: 1.2em;}
.calendar {border-collapse: collapse; padding: 50px auto; margin-bottom: 50px !important;}
.calendar thead th {background: #146ebe; color: white; padding: 10px; font-weight: normal;}
.calendar tbody td,
th {padding: 0; border: 1px solid #ccc; text-align: center;}
.calendar tbody td {width: 14.2%; border: 1px solid #e0e0e0; border-width: 0px 0px 1px 1px; line-height: 1.6em; height: 100px; padding-bottom: 20px; vertical-align: top;}
.calendar tbody td span {position: relative; display: inline; left: 0; top: 0;}
.calendar tbody td>p.date {text-align: center; margin-bottom: 17px;}
.calendar tbody td .closed {color: #6d6d6d; text-decoration: line-through; font-size: 0.9em;}
.calendar tbody td .closed_tit {background: #6d6d6d; padding: 0 7px 2px; margin: 5px; color: #fff; display: none; font-size: 0.9em;}
.calendar tbody td .open {color: #146ebe; font-size: 0.9em;}
.calendar tbody td .open_tit {background: #146ebe; padding: 0 7px 2px; margin: 5px; display: none; color: #fff; font-size: 0.9em; }
.calendar tbody td .call {color: #1c7f5e; font-size: 0.9em;}
.calendar tbody td .call_tit {background: #1c7f5e; padding: 0 7px 2px; display: none; margin: 5px; color: #fff; font-size: 0.9em;}
.calendar_b {margin: 0 auto; display: inline-block;}
.calendar_b .calendar {table-layout: fixed; text-align: center; }
.program_cal td::after {content: ""; display: block; clear: both;}
.program_cal .open_tit,
.program_cal .closed_tit {display: block; width: 100%; margin: 0 0 5px !important; padding: 0 !important;}
.open {color: #146ebe; font-size: 0.9em;}
.open_tit {background: #146ebe; padding: 0 7px 2px; margin: 5px; color: #fff; font-size: 0.9em; white-space: nowrap;}
.call {color: #1c7f5e; font-size: 0.9em;}
.call_tit {background: #1c7f5e; padding: 0 7px 2px; margin: 5px; color: #fff; font-size: 0.9em; }
.closed, .closed2 {color: #6d6d6d; text-decoration: line-through; font-size: 0.9em;}
/*.closed2 {color: #ff0000; text-decoration: line-through; font-size: 0.9em;}*/
.closed_tit, .closed2_tit {background: #6d6d6d; padding: 0 7px 2px; margin: 5px; color: #fff; font-size: 0.9em;}
/*.closed2_tit {border:1px solid #ff0000; padding: 0 6px 2px; margin: 5px; color: #ff0000; font-size: 0.9em;}*/
.page16 {width: 99%;}
.mypage16 {width: 99%;}
.mypage16 .nopage {text-align: left;}
.backg {background: #146ebe; color: #fff !important; font-weight: normal;}
.table40 {border-top: 2px solid #146ebe; width: 98%; margin:0 auto;}
.table401 {table-layout: fixed;}
#tbl_40 {margin-bottom: 20px;}
.table40.mypage14 {min-width: 0;}
.table40.mypage14 input {width: 100%; padding: 7px 0;}
.table40.mypage14 input[type=checkbox]{width: 15px;}
.table40.mypage14 textarea {width: 100%;}
.table40 .mypage15 {table-layout: fixed;}
.table40 .mypage15 th.tit, .table40 .mypage15 td.tit{text-overflow: ellipsis; max-width: 100px; overflow: hidden; white-space: nowrap;}
.table40 .mypage15 th, .table40 .mypage15 td {text-align: center;}
.table40 .payway {overflow: hidden; vertical-align: middle; }
.table40 .payway label {padding:5px; border:1px solid #ccc; cursor: pointer;; }
.table40 .payway input:checked + label {background: #094697; color: #fff;}
.table40 .payway input {display: none;}
.table40 .payway button { height:30px; margin-top:20px !important; display: inline-block !important; }
.table40 .payway label:last-child {display: block;}
.btn3940 {background: #146ebe; margin: 0;width:100px; padding: 6px 5px; color: #fff; border-radius: 5px;}
.table40 tr {border-bottom: 1px solid #eee;}
.table40 th {border: none; text-align: center; padding: 10px; color: #333; word-break: keep-all;}
.table40 td {text-align: left; border: none; }
.table40 .txtac {text-align: center;}
.table40 .brx {margin-top: 20px; text-align: center;}
.table40 .brx .span {font-size: 0.9em; padding: 0 0 10px 0;}
.table40 .set {color:#fff; font-weight: normal;}
.table40 a:hover {color:#146ebe}
.txtsty input[type=text] {width:150px;}

.open_tit2 {text-align: right;}
.tablemp {border-top: 2px solid #146ebe; width: 98%; margin:0 auto;}
.tablemp tr {border-bottom: 1px solid #eee;}
.tablemp th {border: none; text-align: center; padding: 10px; color: #333;}
.tablemp td {text-align: center; border: none; word-break: keep-all;}
.tablemp a:hover {color:#146ebe}
.my_btn {background:#146ebe; color:#fff; width:145px; height:50px; border-radius: 10px; }
.my_btn_g {background:#6d6d6d;}
input {padding: 7px 10px; border: 1px solid #eee;}
input:focus {outline: none !important; border-color: #74aada; box-shadow: 0 0 2px #146ebe;}
.ulli .ctype1, .ulli .ctype2 {}
.ctype1 {width: 30px !important;}
.ctype2 {width: 50px !important;}
.ctype3 {padding-right: 20px !important;}
.ctype4 {width: 100px !important;}
.required,
textarea.required {background-image: url('../img/require.png') !important; background-repeat: no-repeat !important; background-position: right top !important;}
.txtar40 {height: 100px;}
.btn2:hover {background: #1a58b5;}
.downbtn { border-radius: 3px; color: #333; padding:5px 10px; width: 150px; margin:0 auto; border: 1px solid #ccc;}
.downbtn::after {content: "\f019"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#333;  margin-left:7px;}
.downbtn:hover {background: #eee; transition: 0.3s; }
.uplobtn { border-radius: 3px; color: #146ebe; padding:5px 10px; width: 150px; margin:0 auto; border: 1px solid #146ebe;}
.uplobtn::after {content: "\f093"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#146ebe;  margin-left:7px;}
.uplobtn:hover {background: #eee; transition: 0.3s;}
.cansbtn { border-radius: 3px; color: #333; padding:5px 10px; width: 100px; margin:0 auto; border: 1px solid #ccc;}
.cansbtn::after {content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#333;  margin-left:7px;}
.cansbtn:hover {background: #eee; transition: 0.3s;}
.checkbtn { border-radius: 3px; color: #146ebe; padding:5px 10px; width: 100px; margin:0 auto; border: 1px solid #146ebe;}
.checkbtn:hover {background: #146ebe; transition: 0.3s; color:#fff;}
/*sy추가*/
.checkbtn_2 {border-radius: 3px; color: #146ebe; padding:5px 10px; width: 100px; margin:0 auto; border: 1px solid #146ebe; background: #146ebe; transition: 0.3s; color:#fff; display: none;}
.share .cansbtn {padding: 0; position: relative; display: block; height: 40px;}
.share .cansbtn::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.gotobtn { border-radius: 3px; color: #146ebe; padding:5px 10px; width: 120px; margin:5px 20px; border: 1px solid #146ebe;}
.gotobtn::after {content: "\f245"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#146ebe;  margin-left:7px;}
.gotobtn:hover {background: #e7f0fd; transition: 0.3s;}
.table39 .btn3, .table40 .btn3 {background: #1e96d5;}
.table40 .btn3:hover {background: #1a58b5}
.table40 .brdb {border-bottom: none;}
.table40 select {width: 120px; padding: 7px 0;}
.boxxx {text-align: left !important;}
.cal_tb40 {margin: 0 auto;}
.cal_tb401 {margin: 0 auto;}
.txtac {text-align: center !important;}
.txtar {text-align: right !important;}
.txtal {text-align: left !important;}
.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdl10 {padding-left:10px;}
.pdl20 {padding-left:20px;}
.pdl30 {padding-left:30px;}
.mgb10 {margin-bottom: 10px;}
.mgt40 {margin-top: 40px;}
.mgt10 {margin-top: 10px;}
.mgt25 {margin-top: 25px;}
.mgtm20 {margin:20px 0;}
.mgl40 {margin-left:40px;}
.mgl20 {margin-left:20px;}
.tit40 {text-align: left; font-weight: bold; font-size: 1em; margin: 10px 0 5px 0; color: #333;}
.btn_agree {background: #146ebe; color: #fff; padding: 15px 0; font-size: 1em; border-radius: 15px; width: 200px; margin-top: 30px;}
.btn_agree:hover {background: #47a4e2;}
.btn_agree2 {background: #ccc !important; color: #333; padding: 15px 0; font-size: 1em; border-radius: 15px; width: 200px; margin-top: 30px;}
.btn_agree2:hover {background: #dbdada !important;}
.btn_agree3 {background: #505050 !important; color: #fff; padding: 15px 0; font-size: 1em; border-radius: 15px; width: 200px; margin-top: 30px;}
.btn_agree3:hover {background: #6d6d6d !important;}
.btn_agree4 {width:210px !important}
.btn_agree5 { background: #505050 !important; color:#fff; font-size:0.7em;}
.btn_agree6 { background: #505050 }
#main_popup img {width: 100%; min-width: 600px; height: auto;}

/*aside*/
#aside_box {display: inline-table; width: 100%; max-width: 1400px; height: auto; margin: 0 auto; color: #1c2432; justify-content: center;}
.accordion {float: left; background-color: #eee; color: #444; table-layout: fixed; overflow: auto; cursor: pointer; border: 1px solid #fff; padding: 18px; width: 50%; text-align: center; outline: none; font-size: 15px; transition: 0.4s;}
.active,
.accordion:hover {background-color: #336cb8; color: #fff;}
.accordion:after {content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px;}
.active:after {content: "\2212";}
.panel {padding: 0; background-color: #fff; max-height: 0; border: 2px solid #336cb8; overflow: hidden; transition: max-height 0.2s ease-out;}
.acc_btn { background-color: #eee; color: #555; cursor: pointer; padding: 18px 17px 18px 25px; width: 100%; border: none; text-align: left; outline: none; font-size: 14px; transition: 0.4s;}
.acc_btn:after {content: '\002D'; float: left; margin-right: 5px;}
.acc_btn:hover {color: #336cb8; font-weight: bold; text-decoration: underline;}
.accordion2 {float: left; background-color: #eee; table-layout: fixed; color: #444; overflow: auto; cursor: pointer; border: 1px solid #fff; padding: 18px; width: 50%; text-align: center; outline: none; font-size: 1em; transition: 0.4s;}
.accordion2:hover {background-color: #336cb8; color: #fff;}
.accordion2:after {color: #777; font-weight: bold; float: right; margin-left: 5px;}
/*aside_end*/

.accordion3 {float: left; background-color: #eee; table-layout: fixed; color: #444; overflow: auto; cursor: pointer; border: 1px solid #fff; padding: 5px 1px; width: 50%; text-align: center; outline: none; font-size: 0.7em; transition: 0.4s;}
.accordion3:hover {background-color: #336cb8; color: #fff;}
.accordion3:after {color: #777; font-weight: bold; float: right; margin-left: 5px;}
.accordion3:active {background-color: #336cb8; color: #fff;}

/* index 페이지 */
.swiper-container {overflow: visible;}
.swiper-slide {opacity:0.4; transition:opacity 0.3s;}
.swiper-slide-active,
.swiper-slide-active + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide,
.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {opacity:1}
#slider {width: auto !important; position: relative; overflow: hidden; margin: 20px auto 0 auto; border-radius: 4px;}
#slider ul {display: flex; position: relative; margin: 0; width: auto !important; padding: 0; height: 100%; list-style: none;}
#slider ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 100%; height: 100%; background: #ccc; text-align: center; line-height: 200px;}
a.control_prev,
a.control_next {position: absolute; top: 40%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: #2a2a2a; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer;}
a.control_prev:hover,
a.control_next:hover {opacity: 1; -webkit-transition: all 0.2s ease;}
a.control_prev {border-radius: 0 2px 2px 0;}
a.control_next {right: 0; border-radius: 2px 0 0 2px;}
.slider_option {position: relative; margin: 10px auto; width: 160px; font-size: 18px;}
.swiper-wrapper {width: 80%; height: 80%; display: flex; z-index: 1; position: relative; background: transparent;}
.section02 .swiper-slide {background: transparent;}
.section.active {background-color: inherit;}
#fp-nav a.active {background-color: transparent !important;}
.slider-image {width: 100%; height: 100%; transition: 0.2s;}
.swiper-button-next,
.swiper-button-prev,
.swiper-button-next2,
.swiper-button-prev2 {background: transparent !important; padding: 20px;}
.swiper-pause,
.swiper-play {text-indent: -9999px; position: absolute; top: -10px; width: 20px; height: 20px; cursor: pointer;}
.swiper-pause {right: 5%;}
.swiper-play {right: 17%;}
.swiper-pause::after {position: absolute; content: ""; display: block; background: url(../img/pause.png) no-repeat center #00295d; border-radius: 20px; width: 20px; height: 20px; left: 0; top: 15px;}
.swiper-play::after {position: absolute; content: ""; display: block; background: url(../img/play.png) no-repeat center #00295d; border-radius: 20px; width: 20px; height: 20px; left: 0; top: 15px;}
.swiper-pause2,
.swiper-play2 {text-indent: -9999px; position: absolute; top: -10px; width: 20px; height: 20px; cursor: pointer;}
.swiper-pause2 {right: 5%;}
.swiper-play2 {right: 17%;}
.swiper-pause2::after {position: absolute; content: ""; display: block; background: url(../img/pause.png) no-repeat center #585858; border-radius: 20px; width: 20px; height: 20px; left: 0; top: 15px;}
.swiper-play2::after {position: absolute; content: ""; display: block; background: url(../img/play.png) no-repeat center #585858; border-radius: 20px; width: 20px; height: 20px; left: 0; top: 15px;}
.first_swiper .swiper-wrapper {background-color: inherit; margin-top: 35px;}
.swiper-container {width: 100%; position: relative; height: 100%; border-radius: 10px;}
.slider-image-wrapper {width: 400px; height: 565px; overflow: hidden; margin: 0 auto;}
.swiper-container.first_swiper {border-radius: 0%;}
.first_swiper .slider-item {border-radius: 0%;}
.slider-item {width: 100%; height: 100%; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; flex-shrink: 0; cursor: -webkit-grab; cursor: grab;}
.swiper-pagination {position: absolute !important; left: 38% !important; bottom: 50px; width: 100% !important; margin: 0 !important; color: #222;transform: translateX(30%);}
.swiper-pagination2 {position: absolute !important; left: 54% !important; bottom: 50px; width:100% !important; margin: 0 !important; color: #222; z-index: 10; transform: translateX(30%);}
.slider-buttons {position: absolute; display: flex; top: 50%; justify-content: flex-end; width: 100%; padding-top: 8px;}
.swiper-button-next,
.swiper-button-prev,
.swiper-button-next2,
.swiper-button-prev2 {background-color: transparent; border: none; cursor: pointer; outline: none; color: #7e7e7e !important; position: relative; margin-left: 4px;}
.swiper-button-next2,
.swiper-button-prev2 {position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; background: transparent !important; padding: 20px;}
.swiper-button-next2::after {content: "next";}
.swiper-button-prev2::after {content: "prev";}
.swiper-button-next2::after,
.swiper-button-prev2::after {font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1;}
.swiper-button-next2 {right: 10px; left: auto;}
.swiper-button-prev2 {left: 10px; right: auto;}
.main_header {background: #fff;}
.main .main_con {margin: 0 auto; background: rgba(0, 0, 0, 0.3); text-align: center; padding: 80px 50px;}
.main .num {position: absolute; top: 50%; left: 70px; transform: translateY(-50%); text-align: center; z-index: 5;}
.main .num p {font-family: 'Montserrat', sans-serif; font-size: 16px; letter-spacing: -0.03em; color: #fff; transform: rotate(90deg); opacity: 0.4;}
.main .num p:first-of-type {font-weight: 600; opacity: 1;}
.main .slide_ctn {position: relative;}
.main_contents .swiper {overflow: visible !important;}
.main .slideList.mv02 {background: url(../img/visual/index3_bg2.jpg) 50% 50% no-repeat; background-size: cover;}
.main .item {position: absolute; top: 48%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); z-index: 5;}
.main .item img {background-attachment: scroll;}
.main .item h2 {font-weight: 300; font-size: 60px; letter-spacing: -0.03em; color: #fff; line-height: 1.2;}
.main .item h2 span {font-weight: 500;}
.main .item p {font-size: 18px; letter-spacing: -0.03em; color: #fff; margin-top: 10px; line-height: 1.2em;}
.main_tit {font-weight: 300; font-size: 2rem; letter-spacing: -0.03em; text-align: center; padding: 20px 0; color: #000 !important;}
.main_tit span {font-weight: 500; padding: 20px 0;}
.main_txt {font-size: 20px; letter-spacing: -0.03em; margin: 0 !important; word-break: keep-all}
/* section1 */
.section01 .swiper-wrapper {padding: 0;}
.section01 .slide_btn {width: 100%; max-width: 900px; margin: 2px auto 50px; font-size: 0; display: none;}
.section01 .slide_btn>div {position: relative; display: inline-block; vertical-align: top; opacity: 0.6; cursor: pointer; z-index: 5;}
.section01 .slide_btn>div::after {content: ""; position: absolute; top: 6px; width: 25px; height: 1px; background: #aaaaaa;}
.section01 .slide_btn>.prev {padding-right: 10px;}
.section01 .slide_btn>.next {padding-left: 10px;}
.section01 .slide_btn>.prev::after {left: 55px;}
.section01 .slide_btn>.next::after {left: 0;}
.section01 .slide_btn>div p {font-family: 'Montserrat', sans-serif; font-size: 16px; letter-spacing: -0.03em; color: #d588aa;}
.section01 .slide_btn>div:hover p {color: #00295d; font-weight: 500;}
.section01 .slide_btn>div:hover::after {content: ""; background: #00295d;}
.section01 .slide_btn .more::after {display: none;}
.section01 .slide_btn .more a::after {content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: #00295d;}
.section01 .slide_ctn .item {position: relative; display: inline-block; width: 100%; box-sizing: content-box;  margin: 0 10px;}
.section01 .swiper-slide-active {opacity: 1 !important;}
.section01 .swiper-slide-active .slider-item-content>* {color: #222 !important;}
.section01 .slide_ctn .item:hover h4::after {border-top: 5px solid #222; border-right: 5px solid #222;}
.section01 .slide_ctn .item:hover .date p,
.section01 .slide_ctn .item:hover p,
.section01 .slide_ctn .item:hover h4,
.section01 .slide_ctn .item:hover span {color: #222; opacity: 0.8;}
@-webkit-keyframes fadeInLeft {
    0% {opacity: 0; transform: translate3d(-100%, 0, 0);}
    100% {opacity: 1; transform: none;}
}

@keyframes fadeInLeft {
    0% {opacity: 0; transform: translate3d(-100%, 0, 0);}
    100% {opacity: 1; transform: none;}
}

@-webkit-keyframes fadeOutLeft {
    0% {opacity: 1;}
    100% {opacity: 0; transform: translate3d(-100%, 0, 0);}
}

@keyframes fadeOutLeft {
    0% {opacity: 1;}
    100% {opacity: 0; transform: translate3d(-100%, 0, 0);}
}

.footer .index_foo {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.footer .index_foo .box {position: relative; width: 50%; overflow: hidden; height: 200px;}
.footer .index_foo .box .img {position: absolute; top: 0; left: 0; width: 100%; height: 200px; background: #00295d 50% 50% no-repeat; background-size: cover; transition: 0.3s}
.footer .index_foo .box:last-of-type .img {background: #146ebe 50% 50% no-repeat; background-size: cover}
.footer .index_foo .box .txt {position: absolute; top: 50%; width: 100%; left: 0; text-align: center; transform: translateY(-50%);}
.footer .index_foo .box .txt h4 {font-weight: bold; color: #fff; position: absolute; left: 50%; top: 50%;}
.footer .index_foo .box .txt h3 {font-weight: 300; letter-spacing: -0.03em; color: #fff;}
.footer .index_foo .box .txt p {display: inline-block; position: relative; letter-spacing: -0.03em; color: #fff;}
.footer .index_foo .box .txt p::after {content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: #fff;}
.footer .foo {background: #1c2633; box-sizing: border-box; padding: 50px 0; font-size: 0;}
.footer .foo .foo_logo {display: inline-block; vertical-align: top; background: url(/img/common/logo.png) 50% 50% no-repeat; background-size: cover; width: 153px; height: 30px;}
.footer .foo .mid_ctn {display: inline-block; width: calc(100% - 478px); box-sizing: border-box; padding-left: 76px; vertical-align: top;}
.footer .foo .mid_ctn>* {line-height: 1.5em;}
.footer .foo .mid_ctn ul {opacity: 0.6; margin-bottom: 40px; padding-top: 7px;}
.footer .foo .mid_ctn ul li {position: relative; display: inline-block; vertical-align: top; margin-right: 40px;}
.footer .foo .mid_ctn ul li::after {content: ""; position: absolute; top: 4px; right: -22px; width: 1px; height: 12px; background: #fff;}
.footer .foo .mid_ctn ul li:last-of-type {margin-right: 0;}
.footer .foo .mid_ctn ul li:last-of-type::after {display: none;}
.footer .foo .mid_ctn ul li a {display: inline-block; letter-spacing: -0.03em; color: #fff;}
.footer .foo .mid_ctn .add {opacity: 0.6; margin-bottom: 16px;}
.footer .foo .mid_ctn .add address {position: relative; display: inline-block; vertical-align: middle; color: #fff; margin-right: 40px;}
.footer .foo .mid_ctn .add address::after {content: ""; position: absolute; top: 4px; right: -22px; width: 1px; height: 12px; background: #fff;}
.footer .foo .mid_ctn .add p {display: inline-block; vertical-align: middle; color: #fff;}
.footer .foo .mid_ctn .copy {color: #fff; opacity: 0.3;}
.footer .foo .family_ctn {display: inline-block; vertical-align: top; text-align: right;}
.footer .foo .family_ctn .family {display: inline-block; text-align: left; width: 200px; height: 42px; margin-bottom: 44px;}
.footer .foo .family_ctn .family>li {position: relative;}
.footer .foo .family_ctn .family>li span {position: relative; display: inline-block; width: 100%; line-height: 42px; background: #384657; letter-spacing: -0.03em; color: #fff; padding: 0 16px; box-sizing: border-box; cursor: pointer;}
.footer .foo .family_ctn .family>li span i {position: absolute; display: inline-block; top: 50%; right: 16px; transform: translateY(-50%); width: 9px; height: 1px; background: #fff;}
.footer .foo .family_ctn .family>li span i::after {content: ""; position: absolute; display: inline-block; top: -4px; left: 4px; width: 1px; height: 9px; background: #fff;}
.footer .foo .family_ctn .family>li>ul {display: none; position: absolute; width: 100%; bottom: 42px; background: #566271; z-index: 10;}
.footer .foo .family_ctn .family>li>ul li a {display: inline-block; line-height: 42px; width: 100%; box-sizing: border-box; padding: 0 16px; color: #f1f1f1; }
.footer .foo .family_ctn .tel p {font-weight: 600; color: #fff;}
.footer .foo .family_ctn .tel p span {display: inline-block; font-weight: 400; color: #fff; opacity: 0.3; margin-right: 14px;}
.footer .index_foo .box:hover .img {transform: scale(1.2);}
.footer .foo .family_ctn .family>li>ul li a:hover {color: #fff;}
.footer .foo .family_ctn .family.on>li span i::after {display: none;}
.index_foo .txt span {display: block;}
/* index 페이지 end */
.pc_his {display: none;}
.mob_his {display: block; width: 100%;}
.history_list {margin-bottom: 30px; position: relative;}
.history_list h3 {font-weight: 800; font-size: 1.8em; text-align: left; position: relative;}
.history_list ul {font-size: 1.2em;}
.history_list ul div {display:flex;width:100%;justify-content:space-between;}
.history_list h3, .history_list span, .history_list li {color: rgb(5, 46, 99);}
.history_list h3 {border-bottom: 1px dashed rgb(5, 46, 99);}
.history_list h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99); border-radius: 50%;}
/*.history_list:nth-child(3) h3, .history_list:nth-child(3) span, .history_list:nth-child(3) li {color: rgb(5, 46, 99, 0.85);}
.history_list:nth-child(3) h3 {border-bottom: 1px dashed rgb(5, 46, 99, 0.8);}
.history_list:nth-child(3) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.8); border-radius: 50%;}
.history_list:nth-child(4) h3, .history_list:nth-child(4) span, .history_list:nth-child(4) li {color: rgb(5, 46, 99, 0.7);}
.history_list:nth-child(4) h3 {border-bottom: 1px dashed rgb(5, 46, 99, 0.6);}
.history_list:nth-child(4) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.6); border-radius: 50%;}
.history_list:nth-child(5) h3, .history_list:nth-child(5) span, .history_list:nth-child(5) li {color: rgb(5, 46, 99, 0.6);}
.history_list:nth-child(5) h3 {border-bottom: 1px dashed rgb(5, 46, 99, 0.4);}
.history_list:nth-child(5) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.5); border-radius: 50%;}
.history_list:nth-child(6) h3, .history_list:nth-child(6) span, .history_list:nth-child(6) li {color: rgb(5, 46, 99, 0.5);}
.history_list:nth-child(6) h3 {border-bottom: 1px dashed rgb(5, 46, 99, 0.2);}
.history_list:nth-child(6) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.4); border-radius: 50%;}
.history_list:nth-child(7) h3, .history_list:nth-child(7) span, .history_list:nth-child(7) li {color: rgb(5, 46, 99, 0.5);}
.history_list:nth-child(7) h3 {border-bottom: 1px dashed rgb(5, 46, 99, 0.2);}
.history_list:nth-child(7) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.3); border-radius: 50%;}*/
.history_list ul {text-align: left; margin: 30px 0 0;}
.history_list li {margin-bottom: 30px;}
.history_list li span {display:inline-block;width:12%;font-weight:600;}
.history_list li p {width:87%;}
.history_list li .history_ltspsing {letter-spacing: -2px;}
.history_list li .history_ltspsing span {letter-spacing: -1px;}
/* 시설사용popup */
.popup_wrap {margin: 0; padding: 0; box-sizing: border-box; height: 100%;}
.popup_wrap form {margin: 20px;}
.reservpopup {text-align: center; word-break: break-all; vertical-align: middle;}
.reservpopup em {display: block; font-size: 0.8em; line-height: 1.2em;}
.reservpopup select {width: 100px; padding: 5px 0;}
.reservpopup select.usetime {width: 100%;}
.reservpopup input[type=checkbox] {margin-left: 10px;}
.reservpopup input[type=text] {width: 90%;}
.users_num {padding: 0;}
.users_num input {margin-right: 0; padding: 7px;}
.reservpopup .re_tac {text-align: center;}
.reservpopup .re_tar {text-align: right;}
.tblx {border-bottom: 1px solid #fff !important;}
.selesp {margin: 0 10px;}
.re_add input {width: 20% !important;}
.re_price {color: #146ebe;}
.re_name {padding: 0 20px; letter-spacing: 0.3em;}
.ft20 {font-size: 1.8em; font-weight: bold; letter-spacing: 0.3em;}
.res_end input {width: 15px; height: 15px; accent-color: #fff;}
.res_end input:checked {outline: 1px solid #222;}
.resp2 input[type=text] {width: 80%;}
.resp2 textarea {width: 100%;}
.useplan select {width: 70px;}
.add_btn {background: #146ebe; margin-left: 10px; border-radius: 10px; padding: 6px 10px; color: #fff; display: inline-block; width:100px;}
.form_footer_left {display: block !important;}
.form_footer_center {display: block !important; text-align: right;}
.form_footer_center em {float: right;}
.form_footer strong {font-size: 1.5em; text-align: left; display: block;}
/* 시설사용 popup-end */


/* 개인정보 처리방침 */
.personal_page {margin: 40px auto; text-align: center;}
.personal_page h2 {color: #336cb8; font-weight: bold; position: relative; display: inline-block; margin: 20px 0;}
.personal_page h2::before {position: absolute; display: block; content: ""; width: 15px; height: 15px; background: #336cb8; top: 50%; transform: translateY(-50%); left: -25px;}
.personal_box {text-align: left;}
.personal_box ul li {padding: 10px 0;}
.personal_box ul li span {background: linear-gradient(to top, rgb(222, 230, 237) 50%, transparent 50%); font-weight: bold;}
.personal_box ul li p {background: #efefef; padding: 10px; margin: 10px 0;}
.personal_box th {padding: 7px 0;}
.personal_p {margin: 20px 0;}
.personal_p h3 {font-weight: bold;}
.personal_p ul {padding: 20px 0 0;}
.personal_p ul li {border-bottom: 1px dashed #f1f1f1;}
/* 개인정보 처리방침 -end */

/* 층별안내 */
#__01 {width: 0; padding: 0; border-spacing: 0px; border: 0 none; margin: 30px auto 0;}
#__01 td {width: 0; height: 0; padding: 0; border-spacing: 0px; border: 0 none; margin: 0;}
.floor img {display: inline-block; margin: 30px 0 0;}
.floor p {margin: 0 auto 30px; font-weight: bold;}
/* 층별안내 end */

/* 대관예약 */
.reserv_box {margin: 0 300px; box-shadow: 5px 5px 5px 5px #bbb;}
.reserv_wrap {text-align: left; margin: 20px 0 0;}
.reserv_wrap span.on {background: rgb(30, 49, 85);}
.reserv_page {height: 80px; font-size: 1.8em; line-height: 80px; color: #fff; background: linear-gradient(to right, rgb(16, 51, 79), rgb(72, 112, 134)); font-weight: 800; letter-spacing: 2px;}
.reserv_tit {padding: 20px 0;}
.reserv_tit p {font-weight: bold; width: 200px; height: 40px; line-height: 40px; border-bottom: 2px solid #336cb8; text-align: center; border-radius: 30px; display: inline-block; margin: 0 30px 10px; font-size: 1.3em;}
.reserv_tit input {background: rgb(243, 248, 255);}
.reserv_tel {font-weight: 1.5em;}
.reserv_wrap {width: 100%; margin: 20px;}
.reserv_page {display: inline-block; width: 100%;}
.reserv_page li {float: left; height: auto; width: 100%;}
.reserv_page li>div.hide form {display: none;}
.reserv_tit a {display: block; font-size: 1.5em; text-align: center; background: #ccc; border: 1px solid #ddd; border-bottom: none; height: 50px; line-height: 50px; border-radius: 20px 20px 0 0;}
.reserv_tit a:hover {background: #eee;}
.reserv_page form {margin: 20px;}
.reserv_page form>p {margin: 20px 0;}
.program_form {float: left;}
.reserv_box {text-align: center;}
.reserv_tit_wrap {border-radius: 20px 20px 0 0; background: #336cb8; display: inline-block; cursor: pointer; padding: 10px 50px;}
.reserv_tit_wrap.on {background: #f3f3f3;}
.reserv_wrap form {background-color: #f3f3f3; width: 100%;}
.reserv_tit {text-align: left; margin: 0 20px;}
.reserv_tit p {display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; border-bottom: 2px solid #336cb8; font-weight: bold; font-size: 1.1em; margin-bottom: 10px;}
.reserv_tit label {display: block;}
.reserv_tit input {padding: 10px 40px;}
form.hidden {display: none;}
.reserv_tit select {margin-right: 20px;}
.reserv_tit input {background: rgb(243, 248, 255);}
.reserv_tel {font-weight: 1em;}
.reserv_account {margin: 0 auto; padding: 80px 0 0;}
.reserv_account h2 {font-weight: bold; text-align: left; margin: 0 0 10px;}
.reserv_account p {text-align: left; line-height: 30px;}
.reserv_account em {display: block; color: rgb(167, 16, 16); font-weight: bold;}
.reserv_box .btn_agree {background: #146ebe; color: #fff; padding: 15px 0; font-size: 1em; border-radius: 15px; width: 200px; margin-top: 30px;}
/* 대관예약 end */

.bx-wrapper .bx-controls-direction a {z-index: 0 !important;}
/* sub1_2 준비중 end*/
.event_news .bxslider,
.program_news .bxslider {position: relative; margin: 0 auto; width: 100%; height: 300px; }
.event_news .bxslider>li,
.program_news .bxslider>li {float: left; position: absolute; width: 100%; border: 1px solid #fff; border-radius: 20px;}
.event_news .bxslider>li a,
.program_news .bxslider>li a {display: block; width: 100%; height: 100%; margin-bottom: 10px;}
.event_news .bxslider>li>a>span,
.program_news .bxslider>li>a>span {width: 100%; display: block; position: absolute; bottom: 0; background: #3e87f5; color: #fff; height: 50px; line-height: 50px;}
.paging_box .paging {display: flex; justify-content: center;}
.paging_box .paging li {padding: 0 10px;}
/* sub5_2.jsp end*/
/*map*/
.map_info {width: 100%; zoom: 1; text-align: left; height: auto; border-top: 1px dashed #ccc; margin: 20px 0 0; line-height: 40px;}
.map_info i {font-size: 1.5em; padding: 0 20px; vertical-align: middle; color: #336cb8;}
.map_info span {font-weight: 900; margin-right: 7px; color: #336cb8;}
.map_info::after {content: ""; display: block; clear: both;}
.map_info>div {float: none; width: 100%;}
.map_info .map_info_list {border-bottom: 1px dashed #ccc;}
.map_info .map_info_list:nth-child(1) img {top: 50%;}
/* .traffic {margin: 20px 0 0;}
.traffic>div {padding: 20px; text-align: center;}
.traffic>div:last-child {border: none;}
.traffic h2 {margin-bottom: 20px;}
.traffic h3 {font-weight: bold; color: rgb(13, 76, 165); margin: 20px 0 0; font-size: 1.2em;}
.traffic em {font-weight: bold; font-size: 1em; display: block;}
.traffic p {line-height: 30px; text-align: left;}
.traffic i {font-size: 1.5em; padding: 0 20px; vertical-align: middle;} */
/*map end*/
#bx-pager {margin-bottom: 20px;}

/* sub4_1 */
.sub4_cont .bx-wrapper {margin-bottom: 0 !important;}
.bx-wrapper {box-shadow: none !important; border: 0 none !important;}
#bx-pager img {width: 30%;}
#bx-pager a.active {background: inherit; color: inherit;}
#bx-pager a::after {content: "" !important;}
/* sub4_1 end */

/*footer start*/
.footer_wrap {width: 100%; background: #464646; text-align: left; font-size: 0.9em; font-weight: normal; z-index: 7; position: relative;}
.footer_1 {position: relative; padding: 10px 0 20px 0;}
.footer_1::before {content: ""; position: absolute; display: block; width: 200px; height: 36px; left: 20px; margin: 10px 0; top: 166px; background: url(../img/footer_logo.png) no-repeat;}
.ftsec_wrap {padding:5px;display:flex;justify-content:space-between;max-width:260px;background:#eee;border-radius:5px;}
.ftsec_wrap input[type=button] {padding:0;width:50px;height:25px;border-radius:100px;background:#fff;}
.ftsec {padding:0;width:200px;background:transparent;color:#464646;border:0;border-radius: 5px; }
.f_info_sel {border-bottom: 0.5px solid #aaa; padding: 0 0 20px 20px;}
.f_info {padding: 15px 0 20px;}
.f_info ul {padding-left: 20px;}
.f_info ul::after {content: ""; display: block; clear: both;}
.f_info li {float: left; margin: 7px;}
.f_info li:first-child a {color: rgb(180, 180, 180);}
.f_info a {display: block; color: #fff;}
.f_logo_wrap {position:absolute;top:48.2%;left:20px;}
.f_logo_wrap img {filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(167deg) brightness(107%) contrast(101%);}
.address {margin: 45px 20px 0; color: #f1f1f1; padding: 20px 0; text-align-last: left; }
.address li {line-height: 1.7em;}
.address li span {display: block;}
.today_t {margin: 10px 0 0; color:#222; background:#eee; text-align:right; width:80px; padding: 15px 10px; line-height: 27px; border-radius: 5px; position:absolute; top:185px; right:15px; }
.today_t ul::after {content: "";  }
.today_t li {margin: 0 5px 0; }
.today_t li:first-child {border-bottom:1px solid #b4b4b4;}
.span_hdn {display: none;}
/*footer end*/
.sub23_wrap .bx-wrapper {max-width: 100% !important;}
.sub23popup_wrap {position: relative; overflow: hidden;}
.sub23popup_wrap .popup_h1 {position: absolute; top: 0; width: 100%; background: rgb(7, 60, 129); color: #fff; text-indent: 30px;}
.sub23popup_wrap img {height: 100%; width: 100%; vertical-align: middle;}

.paytotal {display: none;}
.tbl_wrap dl {max-width: 500px; margin: 20px auto;}
.tbl_wrap dl dd {display: none;}
.tbl_wrap dl dd.on {display: block;}
.tbl_wrap .lost {border: 1px solid rgb(126, 126, 126); padding: 20px;}
.tbl_wrap .lost.on {background: rgb(29, 78, 170); color: #fff; cursor: pointer;}
.tbl_wrap .find {background: rgb(236, 236, 236); padding: 30px;}
.tbl_wrap .find label {display: block;}
.tbl_wrap .find .chk_id div{margin: 10px 0; position: relative;}
.tbl_wrap .find a {background: rgb(41, 69, 160); color: #fff; height: 50px; display: block; margin: 10px 0; line-height: 50px;}
.tbl_list img {float: right; line-height: 70px;}
.mypage_btn_wrap {margin-top: 30px;}
/* .mypage_btn_wrap button.yes {background: #146ebe; border-radius: 10px; padding: 6px 10px; color: #fff; display: inline-block; width: 100px; height: 30px;}
.mypage_btn_wrap button.no {background: #6d6d6d; border-radius: 10px; padding: 6px 10px; color: #fff; display: inline-block; width: 100px; height: 30px;} */
#online_link {display: none;}
.numArrow {display: inline-block; vertical-align: top;}
.numArrow button {background: transparent; position: relative; height: 20px; width: 20px; display: block; border: 0 none; font-size: 0; line-height: 0; margin: 0;}
.numArrow button:first-child::after {content: ""; display: block; background-image: url(../img/arrow_u.png); background-repeat: no-repeat; top: 50%; left: 50%; width: 20px; height: 12px;}
.numArrow button:last-child::after {content: ""; display: block; background-image: url(../img/arrow_d.png); background-repeat: no-repeat; top: 50%; left: 50%; width: 20px; height: 12px;}
.link_sns {margin-top: 30px; position: relative; bottom: -50px;}
.link_sns ul {text-align: center;}
.link_sns ul li {display: inline-block; padding: 0 5px;}
.tb_info p {text-align: left;}
.sub54 {background: rgb(237, 241, 247); padding: 30px; margin-bottom: 20px; text-align: left; border-radius: 20px;}
.sub54 h2 {margin-bottom: 10px; font-weight: 800;}


.adm_group .adm_group_tit {padding: 0;}
.unuseDate {cursor: pointer;}
.unuseDate div.unuseEvt {position: absolute; top: 0px; left: 0; width: 30px; height: 30px; border: 1px solid #e0e0e0; border-width: 0 1px 1px 0; line-height:27px;}
.adm_group_unuse {margin: 11px 0 0; border-top:0 none;}
.adm_group_unuse td {padding: 0; height:100px; position: relative;}
#calendar {width: 100%;}
#calendar .con_infoc_t {border-top: none;}
#calendar .unuseDateTbl td {border: none;}
.unuseDateTbl {margin: 0 auto; width: 200px;}
.unuseDateTbl .unuseYear {width: 160px; font-weight: bold; font-size: 1.2em; color: #000000; padding: 3px;}
.unuseDateTbl .unuseArrow {font-size: 1.2em;}
.unuseDateTbl .unuseMonth {font-weight: bold; font-size: 1.2em; color: #000000;}
.adm_group_unuse th {background: #146ebe; color: #fff;}
.unuseDateTbl button {width: 20px; font-weight: bold ; font-size: 1.2em; color: #146ebe;}
#approveDataDiv table {white-space:normal;}
.unuse_tbl {height:50px;}
.unuseInfo {margin-bottom: 5px;}
.unuseInfo h2{color: #ff0000; font-weight: bold; font-size:0.9em; text-align: right;}
.unuseEvt_name {position: absolute; left: 50%; top: 56%; transform: translate(-50%, -50%);}
.closeEvt {font-weight: bold; color: #FF0000; background-color: #FFEBEB; height: 200px; width: 100%; left: 0; top: 0;}
.closeEvt .unuseEvt_name {font-size: 0.8em;}

@media all and (max-width:768px) {
	.history_list li {font-size:16px;}
	.history_list li span {width:15%;}
	.history_list li p {width:84%;}
}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
    .mainTitle {margin: 115px 0 0;}
    .mainTitle h2 {font-size: 30px;}
    .mainVisual {margin: 0;}
    .mainVisual .here .ma_text {font-size: 80px; margin: 0 0 30px;}
    .swiper-pagination {color: #000;}

}

/* PC용 CSS */
@media all and (min-width:1229px) {

	.ulli .ctype1, .ulli .ctype2 {display: inline;}
	.swiper-pause, .swiper-play {top:35px;}
	.swiper-pause::after {top:0;}
    .swiper-play::after {top:0;}
    .slider-image-wrapper {width: 480px; height: 400px;}
	.sub14 {left: -33px;}
	.main_pop .main_pop_cont {width: 530px; height: 600px;}
    #menuToggle.pc_toggle {display: inline-block; position: relative; top: 0; left: 7px; cursor: pointer;  }
    /* #menuToggle.pc_toggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(-2px, 11px);}
    #menuToggle.pc_toggle input:checked ~ span {transform: rotate(45deg) translate(-6px, -13px);} */
    .sitemap {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 9999; overflow-y: auto; animation-name: fade; animation-duration: 0.3s;}
    @keyframes fade {
        from {opacity: 0}
        to {opacity: 1}
      }
	/*.sub22_wrap .sub22_right table th {width: 25%; min-width: 193px;}*/
    .sitemap_logo {padding: 20px 0;}
    .sitemap > ul {text-align: center;}
    .sitemap > ul > li {display: inline-block; border-top: 2px solid #000; font-weight: bold; vertical-align: top; width: 200px;}
    .sitemap > ul > li > ul {border-top: 1px solid #000; font-weight: normal;}
    .sitemap .s2depth {display: block;}
    .sitemap .s3depth {position: relative;}
    .sitemap .s3depth::after {content: "+"; display: block; position: absolute; right: 5px;top: 5px; color: #888; cursor: pointer;}
    .sitemap .s2depth > li > ul {background: rgb(232, 233, 235); padding: 10px; border-radius: 10px; line-height: 1.6; font-size: 0.9em; text-align: left;}
    .close_sitemap {display: block; position: absolute; right: 50px; top: 30px; width: 50px;height: 50px; text-indent: -5000px; }
    .close_sitemap::before {display: block; content: ""; position: absolute; top: 50%; left: 50%; margin-left: -50%; width: 100%; height: 1px; background: #333; transform: rotate(45deg);}
    .close_sitemap::after {display: block; content: ""; position: absolute; top: 50%; left: 50%; margin-left: -50%; width: 100%; height: 1px; background: #333; transform: rotate(-45deg);}
    body {font-size: 1.1em;}
    .main_header {position: fixed !important; top: 0; left: 0; z-index: 100; width: 100%;}
    .header {position: relative; color: #333; width: 100%; padding: 0; border-bottom: 1px solid #e7e7e7; padding-top: 20px; z-index: 7;}
    .header .header_box {height: 60px; width: auto; max-width: 1400px;}
    .header .logo a {text-decoration: none;}
    .header .logo {padding: 0; margin: 0 20px;}
    .header .logo img {width: 100%;}
    #menuToggle {display: none;}
    #contents {margin: 0 auto; padding-top:30px; max-width: 1400px;}
    .content {width: 100%; margin: auto; max-width: 1400px; padding: 0;}
    .sv_txt {top: 15%;}
    .tit_info {font-size: 0.8em; text-align: center; width: 100%; position: relative; display: block;}
    .tit_info ul {display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); top: 20px; color: #222; font-size:1.2em;}
    .tit_info li {float: left; background: url(../img/arrow_right_g.png)no-repeat 0; padding: 0 20px; margin-left: -5px;}
    .tit_info .dot {background: url(../img/dot_home.png)no-repeat 0;}
    .accordion2 {width: 20%;}
    .accordion3 {width: 20%; font-size: 0.9em;}
    .con_txt3 .con_txt5 .con_txt6 {font-size: 1.7em;}
    .con_txt5:before {border:5px solid #0065cd; border-radius: 50%; width:10px; height:10px; position: absolute;  display: inline-block; content: ''; margin:9px 0 0 -30px;}
    .con_info th {background: #faf9f9; padding: 10px 7px; border: 1px solid #d8d8d8; font-size: 1em;}
    .opentime le {display: inline-table; width: 100%; font-size: 1em;}
    .steps_num .step {width: 150px; height: 150px;}
    .steps_num .step span {padding-top: 35px;}
    .steps_num1 {flex-wrap: wrap; display: flex; justify-content: space-between; counter-reset: num 0; margin-top: 15px; margin-bottom: 20px;}
    .steps_num1 > li > .tit {align-items: flex-start;}
    .steps_num1 > li > h2 {text-align: left; margin: 10px 0 10px 50px;}
    .layer {left: 50%;}
    .program_wrap {flex-direction: row; font-size: 1em;}
    .sub22_wrap {flex-direction: row; font-size: 1em;}
    .program_wrap .pro_left {flex: 1; position: relative;}
    .sub22 .sub22_left {flex: 1; position: relative;}

    .program_wrap .pro_left img {width: 100%;}
    .program_wrap .pro_left.pro38 img {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    .sub22_wrap .sub22_left img {width: 100%; height: auto;}
    .program_cal .open_tit,
    .program_cal .closed_tit {display: inline-block; width: 49%;}
    .program_cal td::after {content: ""; display: block; clear: both;}
    .program_cal .t_left {float: left;}
    .program_cal .t_right {float: right;}
    .program_wrap .pro_left h2 {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%);}
    .program_wrap .pro_right {width: 55%;}
    .program_wrap .pro38 {height: 571px; overflow: hidden; }
    .program_wrap .pro_right4 {width: 100%;}
    .sub22_wrap .sub22_left {width: 45%;}
    .sub22_wrap .sub22_right {width: 55%;}
    .subslider {margin: 0px 60px; height: 200px; width: auto;}
    .information {display: flex;}
    .information .info_img {width: 50%;}
    .information .info_img .infomin_box {position: absolute; right: 0; bottom: -100px; width: 200px; height: 133px;}
    .information .info_img .infomin_box::after {background: url(../img/sub/sub1_1_1.jpg) no-repeat; content: ""; position: absolute; bottom: 0; width: 200px; height: 133px; background-size: cover;}
    .information .info_txt {width: 60%; margin-left: 30px;}
    .org_chart > ul {position: relative;}
    .history_wrap {width: 100%; padding: 0 1rem; position: relative; margin: 0 auto;}
    .history_wrap img {max-width: 100%;}
    .pc_his {position: absolute; right: 0; display: block;}
    .mob_his {display: none;}
    .history_list {position: relative; margin-bottom: 80px; margin-left: 80px; z-index: 2;}
    .history_list ul { margin: 30px 0 0 110px; width: 583px;}
    .history_list ul div {min-width:500px;}
    .history_list li {text-align: left; margin-left: 8%; width: 100%;}
    .history_list h3 {position: absolute; left: 0; top: 0; line-height: 1; border-bottom: 0 none !important;}
    .history_list::before {content: ""; position: absolute; display: block; width: 1px; height: 100%; background: rgb(196, 196, 196); left: 2%; top: 50px;}
    .history_list:last-child::after, .history_list:last-child::before {display: none;}
    /*.history_list:nth-child(1):after {content: ""; width: 300px; background: url(../img/sub/history_bg1.jpg) no-repeat; background-size: contain; position: absolute; left: 900px; height: 200px; top: 0;}
    .history_list:nth-child(2):after {content: ""; width: 300px; background: url(../img/sub/history_bg2.jpg) no-repeat; background-size: contain; position: absolute; left: 900px; height: 200px; top: -5px;}
    .history_list:nth-child(3):after {content: ""; width: 300px; background: url(../img/sub/history_bg3.jpg) no-repeat; background-size: contain; position: absolute; left: 900px; height: 200px; top: 44px;}*/
    /*.history_list:nth-child(2) h3, .history_list:nth-child(2) span, .history_list:nth-child(2) li {color: rgb(5, 46, 99);}
    .history_list:nth-child(2) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99); border-radius: 50%;}
    .history_list:nth-child(3) h3, .history_list:nth-child(3) span, .history_list:nth-child(3) li {color: rgb(5, 46, 99, 0.85);}
    .history_list:nth-child(3) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.8); border-radius: 50%;}
    .history_list:nth-child(4) h3, .history_list:nth-child(4) span, .history_list:nth-child(4) li {color: rgb(5, 46, 99, 0.7);}
    .history_list:nth-child(4) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.6); border-radius: 50%;}
    .history_list:nth-child(5) h3, .history_list:nth-child(5) span, .history_list:nth-child(5) li {color: rgb(5, 46, 99, 0.6);}
    .history_list:nth-child(5) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.5); border-radius: 50%;}
    .history_list:nth-child(6) h3, .history_list:nth-child(6) span, .history_list:nth-child(6) li {color: rgb(5, 46, 99, 0.5);}
    .history_list:nth-child(6) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.4); border-radius: 50%;}
    .history_list:nth-child(7) h3, .history_list:nth-child(7) span, .history_list:nth-child(7) li {color: rgb(5, 46, 99, 0.5);}
    .history_list:nth-child(7) h3::before {content: ""; display: block; position: absolute; right: -50px; top: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; background: rgb(5, 46, 99, 0.3); border-radius: 50%;}*/
    .mdb {display: inline !important; font-weight: normal !important; padding-left: 0 !important;}
	.shuttle_info .con_txt5 {margin-bottom: 20px;}
    .bus_wrap {width: 100%; max-width: 1400px; margin: 0 auto;}
    .bus_wrap img {width: 100%;}
    /*map*/

    .map_info {text-align: center;}
    .map_info img {width: 100px; height: 100px; position: absolute; left: 100px; top: 20%; transform: translateY(-50%);}
    .map_info .map_item {margin: 0 auto; display: flex; position: relative; justify-content: center;}
    .map_info .map_item h2 {margin-left:0px;}
    .map_info_list .item .item15 {margin-left: -32px;}
    .map_info_list .item:nth-child(1) .map_item > div {margin-left: 20px;}
    .map_info_list .item:nth-child(2) .map_item > div {margin-left: 20px;}
    .map_info_list .item:nth-child(2) .map_item img {margin-left:-120px; top: 25%;}
    .map_info .map_tel h2 {color: #336cb8; font-weight: bold; float: left;}
    .traffic>div {width: 45%; border-right: 1px solid #000;}
    .map_info_list {padding: 20px 0;}
    .map_info_list > .item {max-width: 870px; margin: 0 auto; text-align: left; position: relative;}
    .map_info_list:first-child > .item h2 {display: block;}
    .map_info_list:nth-child(2) img, .map_info_list:nth-child(3) img {left: -165px;}
    .map_info_list .item > p {font-weight: bold;}
    .map_info_list .item:nth-child(2) .map_item > div p:nth-child(2) {font-size: 0.9em;}
    .map_info .map_info_list:nth-child(1) { display: flex; align-items: center; align-items: flex-start;}
    /*map end*/

    /* 층별안내 start */
    .sub23_content {display: flex; flex-direction: row;}
    .sub23_wrap .bxslider li {margin-right: 5px;}
    .sub23_content svg {margin: 10px;}
    .floor_info {width: 65%; position: relative;}
    /* 층별안내 end */

    /* index */
    .product_01 {position: inherit; left: 0; transform: none;}
    .nextBtn,
    .preBtn {position: absolute; left: 10%; cursor: pointer; background: #000; border-radius: 30px; padding: 20px;}
    .nextBtn {bottom: 30%;}
    .preBtn {top: 50%;}
    .section02 .item img {width: 100%;}
    .section02 .item .slide_txt .item .num {width: auto;}
    .section02 .item .slide_txt .item .num p {display: block;}
    .section02 .item .slide_txt .item h4 {display: block; position: absolute; top: -10%; left: 50%; transform: translateX(-50%);}
    .section1_txt {width: 70%; padding: 30px 0; border-radius: 30px; margin: 0 auto;}
    .section1_txt h1 {margin: 30px 0;}
    .section1_txt h1 img {width: 80px;}
    .section1_txt2>p {float: left; width: 50%; line-height: 90px; font-size: 1.2em; height: 400px; background: rgba(0, 0, 0, 0.648);}
    #slide {position: relative; overflow: hidden; height: 400px; width: 50%; background: #000;}
    #slide .cnt>li {position: absolute; top: 0; left: 672px; width: 672px; text-align: center; font-size: 30px; line-height: 300px; color: #fff;}
    #slide .btn>button {position: absolute; top: 50%; transform: translateY(-50%); border: 0; padding: 10px; background-color: #fff; border-radius: 50%;}
    #slide .btn>button i,
    #slide .auto>button i {font-size: 20px;}
    #slide .btn .prev {left: 5px;}
    #slide .btn .next {right: 5px;}
    #slide .auto>button {display: none; position: absolute; bottom: 5px; right: 5px; border: 0; padding: 10px; background-color: #fff; border-radius: 50%;}
    #slide .indi {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
    #slide .indi:after {content: ""; display: block; clear: both;}
    #slide .indi>li {float: left; margin-left: 5px; border-radius: 50%; width: 12px; height: 12px; cursor: pointer; opacity: 0.5; background-color: #fff;}
    #slide .indi>li.on {opacity: 1;}
    #slide .indi>li:first-child {margin-left: 0;}
    .w1600 {width: 100%; float: right; position: relative; max-width: 600px; margin: 0 100px;}
    .section02 .w1600 {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; margin: 0 20px; height: auto;}
    .section02 .item {position: relative; z-index: 2; display: inline-block; vertical-align: top;}
    .section02 .item {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%; }
    .section02 .item .slide_txt .item .icon_list {display: block;}
    .section02 .item .slide_txt .item .icon_list div span {position: absolute; left: 30px; display: inline-block; vertical-align: top; opacity: 0.8;}
    .section .slide_ctn {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center;}
    .section02 .slide_btn {display: block;}
    .section01 .slide_ctn .item {width: 100%; padding: 35px 5px 30px 5px;}
    .section01 .slide_ctn .item h4::after {display: none;}
    .section02 .item .slide_txt {padding: 20px;}
    .section01 .slider-buttons {top: 30%; width: 50%; left: 50%; transform: translateX(-50%);}
    .section01 .swiper-button-next2,
    .section01 .swiper-button-prev2 {color: #000;}
    .flexslider li .category {display: block;}
    .main_footer_wrap {margin-top: 0 !important;}
    .section02 .item .slide_txt .item .icon_list div {padding-left: 130px !important; color: #fff;}
    /* .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction,
    .swiper-horizontal>.swiper-pagination2-bullets,
    .swiper-pagination2-bullets.swiper-pagination2-horizontal,
    .swiper-pagination2-custom,
    .swiper-pagination2-fraction {left: 50% !important; transform: translateX(-50%); position: absolute; top: 40px;} */
    .swiper-pagination {}
    .swiper-pagination2 {}
    .autoplay {font: 100px/100%; right: 15px; top: 180px;}
    .section .txt_box {position: static !important; left: 100% !important; top: auto !important; transform: translateX(0%) !important;}
    .swiper-pause,
    .swiper-play {z-index: 10;}
    .section02 .swiper-pause,
    .section02 .swiper-play {top: 10%;}
    .swiper-pause {left: 10%;}
    .swiper-play {left: 5%;}
    .swiper-pause2,
    .swiper-play2 {top: 50px; z-index: 10;}
    .swiper-pause2 {right: 5%;}
    .swiper-play2 {right: 10%;}
    #slider {width: 100% !important; max-width: 1400px; height: 500px !important;}
    #slider ul {width: 100% !important;}
    #slider ul li {width: 100%; min-width: 1400px;}
    .flexslider {width: 800px;}
    .sub22_wrap .bx-wrapper {margin-bottom: 0;}
    /* index-end */

    /* 대관예약 */
    .reserv_tit_wrap {border-radius: 20px 20px 0 0; background: #336cb8; height: 50px; line-height: 50px; padding: 5px 60px;}
    .reserv_wrap form {background-color: #f3f3f3; width: 100%; padding: 30px;}
    .reserv_box {text-align: center; margin: 0 300px;}
    .reserv_tit select {width: 450px;}
    .reserv_tit select option {height: 50px;}
    .reserv_tit label {display: inline-block;}
    .reserv_tit input {background: rgb(243, 248, 255);}
    .reserv_tit input#goal {width: 410px;}
    .reserv_tit input.datepicker1 {width: 410px;}
    .reserv_tit p {display: inline-block; width: 200px; height: 40px; line-height: 40px; text-align: center; border-bottom: 2px solid #336cb8; font-weight: bold; font-size: 1.1em; margin-right: 20px;}

    /* 대관예약 end */

    /* 준비중 */
    .prepare {background-size: contain;}
    .prepare_txt {height: 500px; padding: 40px 0 0;}
    .prepare_txt h2 {padding: 100px 0 10px; font-size: 2.5em;}
    .prepare_txt p {line-height: 30px;}
    /* 준비중 end */

    /* personal페이지 */
    .personal_box {margin: 0 50px;}
    /* personal페이지-end */

    /*footer*/
    .footer_wrap {width: 100%; background: #464646; padding-bottom: 20px;}
    .footer_1 {margin: 0 auto; position: relative; overflow: hidden; max-width: 1400px;}
    .footer_1::before {content: ""; position: absolute; display: block; width: 200px; height: 36px; left: 0; top: 55%; background: url(../img/footer_logo.png) no-repeat; transform: translateY(-50%);}
    .f_info_sel {margin-top: -55px; max-width: 1400px; float: right; border: none;}
    .f_info {padding: 15px 0 20px; border-bottom: 0.5px solid #aaa;}
    .f_info ul {padding-left: 0;}
    .f_info li {float: left; line-height: 1.6em;}
    .f_logo_wrap {top:51%;left:0;}
    .address {margin: 0; width: auto; font-size: 1em; text-align: left;}
    .address ul {margin-left: 300px;}
    .address li span {display: inline;}
    .main_address {margin: 28px 0 0;}
    .sns {margin: 10px 0 0; padding-bottom: 20px;}
    .sns ul {text-align: right;}
    .sns li {display: inline-block; float: none;}
    .sns img {width: 30px;}
    /*footer end*/

    /* product_01 영역 CSS */
    .product_01 {width: 45%;}
    .product_01 .product_01_list li {float: left; width: 30%; margin-right:15px;}
    .product_01 .product_01_list li:first-child {margin-left: 0;}

    /* admin 개인가입현황 페이지 */
    .joinadmin_search_tbl tbody>* {width: 100%;}
    .joinadmin_search_tbl th {width: auto; display: inline-block; padding: 17px;}
    .joinadmin_search_tbl td {width: auto; display: inline-block;}
    .main_img img {transform: translateX(-50%) translateY(-20%) scale(0.7);}
    .product02 {display: inline; width: 44%; float: right;}
    .section02.product_02 {margin-top: 0;}
    .hdn {display: inline;}
    .plus_content {margin: 0 35px; width: 45%; min-height:500px; display: inline-table; position: relative;}
    .plus_content h2 {color: #333; font-weight: 600; padding: 10px 20px;}
    .plus_content .pctb {font-size: 0.9em; margin: 10px 20px; border-top: 2px solid #146ebe}

    .second_swiper {margin-top: 0;}
    .span_hdn { display: inline-block;}
    /* admin 개인가입현황 페이지 end */

    .program_cal tbody td {height: 100px !important;}

    .cal_tb40 {margin-left: 30px; text-align: center; margin-top: 100px;}
    .cal_tb401 {margin-left: 30px; text-align: center; margin-top: 68px;}

    /* sub5_2 */


    .reserv_tb {margin-top: 0;}
    .reserv_info h3 {text-align: left; margin-bottom: 10px;}
    .reserv_info1 {margin-bottom: 20px;}
    .reserv_info1 ul::after {content: ""; display: block; clear: both;}
    .reserv_info1 li {float: left; border: 2px solid rgb(18, 50, 109); border-radius: 15px; margin: 0 5px 0 0;}
    .reserv_info1 li a {display: block; padding: 10px 20px;}
    .reserv_info2 {margin-bottom: 20px;}
    .reserv_info2 ul::after {content: ""; display: block; clear: both;}
    .reserv_info2 .on {background: rgb(18, 50, 109); color: #fff;}
    .reserv_info2 li {float: left; font-size: 0.8em; width: 25%; text-align: left;}
    .reserv_info2 li span {font-weight: bold;}
    .reserv_info2 li span em {color: rgb(204, 22, 22);}
    .table39 {display: inline-table; width:430px; margin-bottom:10px;}
    .program_wrap2 .pro_nav ul {display: flex; width: 100%; justify-content: space-between;}
    .program_wrap2 .pro_nav li:nth-child(2) div {float: left; width: auto;}
    .proview_wrap .proview {display: flex;}
    .proview_wrap .proview_right {border: 1px solid #ddd; flex: 1;}
    .proview_wrap .proview_right img {}
    .program_wrap2 .pro_nav li:nth-child(2) div button {height: 40px; padding: 5px 10px; width: auto; margin: 0;}
    .bus_wrap > li {width: calc(100% / 3);}
    .tbl_wrap .find label {float: left;}
    .tbl_wrap .find input {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    .tbl_wrap .find .chk_id div {height: 35px;}

    .calendar { min-width:780px; }
    .calendar ol li { float: left; width: 14%; }    

    .con_info_pic::after {content: ""; display: block; clear: both;}
    .con_info_pic {display: flex; justify-content: space-around;}
    .con_info_pic li {width: 50%;}
    .con_info th {background: #faf9f9; border: 1px solid #d8d8d8; font-weight: normal; text-align: justify; line-height: 0; padding:20px 6% !important}
    .con_infoz th {background: #faf9f9; border: 1px solid #d8d8d8; font-weight: normal; text-align: justify; line-height: 0; padding:20px 10% !important; }
    .today_t {width:140px; padding:20px 30px; top:100px; right:0;}
    .information .info_txt .youth_info {margin:20px 0; text-align: justify;  }
    .information .info_txt .youth_info span {letter-spacing: 0.01px;}
    .program_info {margin-left: 40px ;}
    .inp_inl input {display:inline; }
    .magl30 {margin-left:30px!important;}
    .ulli {text-align: left;}
    .ulli .urbook {width:150px; float:none;}
    .ulli li {display: inline-block; margin: 2px 10px 2px 0; }
    .ulli span, .ulli span.bookcall {width: auto; margin-right: 10px; display: inline-block;}
    #share{padding-bottom: 5px; position: relative; top:-40px;}
    #share .print {width: 30px; height: 30px; background: url(../img/print_ico.png); display: block;}
    .table40 .payway {display: flex;}
    .table40 .payway label {padding:10px 40px;}
    .table40 .payway button { height:30px; margin-top:10px !important; margin-left:30px;}
    .lnht label {display: inline-block; ;}



    #calendar {width: 58%;}
}

@media all and (min-width:1680px) {
	#online_link {position: fixed; top: 0; width: 150px; height: 100%; z-index: 8; right: 0;  display: block;}
    #online_link.open {right: 0;}
    #online_link .link_body {position: relative; width: 150px; height: 100%; padding-top: 150px; box-sizing: border-box; background: rgba(255, 255, 255, 0.7);}
    #online_link .link_btn {position: absolute; top: 290px; width: 40px; height: 50px; left: -40px; background: rgba(255, 255, 255, 0.7);}
    #online_link .link_btn::after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/left_arrow.png) no-repeat; background-position: 11px 9px;}
    #online_link .link_btn .hide {display: block; height: 0; width: 0; font-size: 0; line-height: 0; padding: 0; overflow: hidden;}
    #online_link.open .link_btn {background: rgba(151, 12, 32, 0.4);}
    #online_link .link_menu {display: block; position: relative; top: 3%;}
    #online_link .link_menu .link_list {border-top: 1px solid #fff; border-bottom: 1px solid #Fff; text-align: center;}
    #online_link .link_menu .link_list.on {background: #0271e1;}
    #online_link .link_menu .link_list.on a {color: #fff;}
    #online_link .link_menu .link_list a {display: block; height: 50px; box-sizing: border-box; font-size: 14px; color: #000; text-align: center; font-weight: 500; opacity: 0.7; position: relative; line-height: 50px;}
    #online_link .link_menu .link_list a img {padding: 0 10px;}
    #online_link .link_info a {display: block; padding: 20px 0; text-align: center;}
    #online_link .link_info h2{font-size: 1.2em; text-align: center}
    #online_link .link_info em {font-size: 0.7em; display: block;}
    #online_link .link_info p {font-size: 0.71em; text-align: left; color: #555; padding: 0 15px;}
}

.footer_1::before {content:none}