@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');

@font-face {
  font-family: "GmarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
  format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
  format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
  format("woff");
  font-weight: 800;
  font-style: normal;
}


.main__visual {width: 100%; position: relative; z-index: 6;}
.main__visual .visual__slider {width: 100%; height: 323px; position: relative; z-index: 7;}
.main__visual .visual__slider .swiper-wrapper {height: 100%;}
.main__visual .visual__slider .swiper-slide {position: relative; background: #000; z-index: 7;}
.main__visual .visual__slider .swiper-slide .bg {width: 100%; height: 100%; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 8;}
.main__visual .visual__slider .swiper-slide h3 {font-family: 'Poppins', sans-serif !important; color: #fff; text-align: center; position: relative; z-index: 9; padding: 170px 0 0; line-height: 30px; box-sizing: border-box; font-size: 20px; font-weight: 400;}
.main__visual .visual__slider .swiper-slide h3 b {font-family: 'Poppins', sans-serif !important; font-size: 25px; font-weight: 800;}
.main__visual .visual__navi {z-index: 15; padding: 0 20px 0 0; box-sizing: border-box; position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: 100%; display: flex; justify-content: flex-end; align-items: center; height: 12px;}
.main__visual .visual__pagination {width: 60px; height: 25px; border: 1px solid #fff; border-radius: 12px; box-sizing: border-box; color: #fff;
  flex: none; position: relative !important; left: initial; right: initial; top: initial; bottom: initial; z-index: 15; display: flex; justify-content: center; align-items: center;}
.main__visual .visual__pagination span {margin: 0 4px; flex: none; width: auto; height: auto; display: block; font-size: 12px; font-weight: 900; color: #fff;
  background: transparent !important; padding: 0; }
.main__visual .visual__play {border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; margin: 0 0 0 8px; flex: none; width: 25px; height: 25px; display: none;  background: url(/m/img/main/play.png) 50% 50% no-repeat; background-size: 7px auto;}
.main__visual .visual__stop {border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; margin: 0 0 0 8px; flex: none; display: block; width: 25px; height: 25px; background: url(/m/img/main/stop.png) 50% 50% no-repeat; background-size: 6px auto;}

.main__visual .news__slider_area {width: 100%; height: 58px; background: rgba(0, 0, 0, 0.7); position: absolute; top: 70px; left: 0; z-index: 11;}
.main__visual .news__slider_area .container {position: relative; height: 100%; padding: 0 60px;}
.main__visual .news__slider {width: 100%; box-sizing: border-box; overflow: hidden; height: 100%;}
.main__visual .news__slider .swiper-wrapper {height: 100%;}
.main__visual .news__slider .swiper-slide {height: 100%; }
.main__visual .news__slider .swiper-slide a {width: 100%; padding: 0 50px 0 0; box-sizing: border-box; height: 100%; display: flex; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap;}
.main__visual .news__slider .swiper-slide h3 {margin: 0 0 4px; width: 100%; font-size: 15px; color: #fff; font-weight: 500; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main__visual .news__slider .swiper-slide p {font-size: 12px; color: #fff; font-weight: 400; opacity: 0.5; max-width: 100%;}
.main__visual .news__pagination {width: auto; font-size: 14px;  position: absolute; top: 50%; transform: translateY(-50%); right: 40px; color: #fff; left: initial !important; bottom: initial !important; z-index: 99;}
.main__visual .news__navi__prev {position: absolute; top: 50%; transform: translateY(-50%); left: 20px; width: 11px; height: 18px; display: block; background: url(/m/img/main/news_slide_prev.png) 50% 50% no-repeat; background-size: 100% auto;}
.main__visual .news__navi__next {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 11px; height: 18px; display: block; background: url(/m/img/main/news_slide_next.png) 50% 50% no-repeat; background-size: 100% auto;}


.main_top {width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.main_top a {position: relative; flex: none; padding: 15px 4px 40px; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: 800;
  line-height: 18px; width: calc(100% / 3); color: #fff; height: 110px;background: #ee1c25 url(/m/img/main/top_more.png) 50% calc(100% - 10px) no-repeat; background-size: 22px auto; display: flex; justify-content: center; align-items: center; }
.main_top a::after{content: ''; display: block; width: 1px; background: rgba(255, 255, 255, 0.4); height: 80px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.main_top a:last-of-type::after{ content: initial;}
.main_news {position: relative; padding: 28px 20px 0 20px; box-sizing: border-box; width: 100%;}
.main_news h2 {text-align: center; font-size: 20px; font-weight: 800;}
.main_news .news_more {position: absolute; right: 30px; top: 28px;}
.news_box {margin: 20px 0 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: wrap;}
.news_box .box {border: 1px solid #eee; box-sizing: border-box; width: 50%; padding: 18px 14px 30px 14px;/*padding: 18px 14px 55px 14px;*/ position: relative;}
.news_box .box:nth-of-type(2) {border-left: 0;}
.news_box .box:nth-of-type(3) {border-top: 0;}
.news_box .box:nth-of-type(4) {border-left: 0; border-top: 0;}
.news_box .box h3 {font-size: 14px; font-weight: 400; color: var(--txt-c4); line-height: 22px; word-break: keep-all;}
.news_box .box span {display: block; margin: 25px 0 0; font-size: 12px; color: rgba(0, 0, 0, 0.4); font-weight: 400; position: absolute; bottom: 18px; left: 14px;}

.main_slide_area {width: 100%; margin: 38px 0 0; padding: 0 20px; box-sizing: border-box; position: relative;}
.main_slide_area .main_slider {overflow: hidden; width: 100%; }
.main_slide_area .swiper-slide {display: flex; justify-content: flex-start; align-items: stretch;}
.main_slide_area .swiper-slide h3 {font-size: 20px; font-weight: 800; color: var(--txt-c4); margin: 0 0 10px;}
.main_slide_area .swiper-slide p {font-size: 14px; color: rgba(0, 0, 0, 0.5); line-height: 18px; margin: 0 0 6px;}
.main_slide_area .swiper-slide .slide_more {position: absolute; top: 92px; left: 0; display: block; width: 150px; height: 33px; line-height: 33px; background: var(--m-color) url(/m/img/main/slide_more.png) calc(100% - 16px) 50% no-repeat; color: #fff; font-size: 13px; font-weight: 700; padding: 0 0 0 16px; box-sizing: border-box;}
.main_slide_area .swiper-slide .left {background: #fff; width: 40%; flex: none; position: relative; z-index: 5; padding: 4px 0 0; box-sizing: border-box;}
.main_slide_area .swiper-slide .right {width: 60%; text-align: right; flex: none; position: relative; z-index: 4;}
.main_slide_area .swiper-slide .right img {display: inline-block; width: 100%; height: 100%;}
.main_slide_area .main_slider_play {z-index: 9; position: absolute; left: 20px; bottom: 0; width: 36.42%; display: flex; justify-content: flex-start; align-items: center;}
.main_slide_area .main_slider_play .main_slider_pagination {font-size: 13px; font-weight: 500; color: var(--txt-c4); flex: none; width: auto;}
.main_slide_area .main_slider_play > a {flex: none; width: 47px; height: 47px; display: block;}

.main_bottom {width: 100%; padding: 50px 20px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch;}
.main_bottom .bottom_box {width: 50%; border: 1px solid var(--border-ee); box-sizing: border-box; flex: none; height: 117px; text-align: center;}
.main_bottom .bottom_box + .bottom_box {border-left: 0;}
.main_bottom .bottom_box h3 {font-size: 15px; font-weight: 800; color: var(--txt-c4); margin: 15px 0 0;}
.main_bottom .bottom_box h4 {font-size: 25px; font-weight: 800; color: var(--m-color); margin: 9px 0 7px;}
.main_bottom .bottom_box p {font-size: 12px; line-height: 18px; font-weight: 800; color: var(--txt-c4); opacity: 0.6;}
.main_bottom .bottom_box a {background: url(/m/img/main/lost_item.png) 50% 55px no-repeat; padding: 15px 0 0; box-sizing: border-box; font-size: 15px; font-weight: 800; color: var(--txt-c4); display: flex; width: 100%; height: 100%; justify-content: center; align-items: flex-start;}


/*sub 01*/
/*greeting*/
.greeting__container {width: 100%;}
.greeting__container .greeting-left,
.greeting__container .greeting-right {}
.greeting__container .greeting-left {width: 100%; }
.greeting__container .greeting-right {width: 100%; padding: 34px 0 0; box-sizing: border-box; text-align: left;}
.greeting__container .greeting-left span {font-size: 13px; font-weight: 800; color: var(--m-color);}
.greeting__container .greeting-left h3 { font-size: 20px; font-weight: 800; color: var(--txt-c4); line-height: 30px; margin: 8px 0 20px;}
.greeting__container .greeting-left b { color: var(--m-color);}
.greeting__container .greeting-left p {word-break: keep-all; font-size: 14px; color: var(--txt-c2); font-weight: 400; line-height: 22px; }
.greeting__container .greeting-right .greeting_img {width: 100%;}
.greeting__container .greeting-right .greeting_img img {display: inline-block; max-width: 100%;}
.greeting__container .greeting-right h4 {font-size: 13px; font-weight: 800; color: var(--txt-c4); margin: 10px 0 0;}
/*organ*/
.organ__container img {display: block; margin: 0 auto; max-width: 100%; height: auto;}
/*history*/
.history__container .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {color: #ccc !important;}
.history__container .ui-tabs .ui-tabs-nav li.ui-tabs-active {padding: 0 !important;}
.history__container .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0 !important; background: initial !important;}
.history__container .ui-tabs {font-family: 'Pretendard', sans-serif !important;}
.history__container .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0 !important; margin: 0 !important;}
.history__container .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-radius: initial !important;}
.history__container .ui-widget-header {width: initial !important; height: initial !important; padding: initial !important; margin: initial !important; border: 0 !important; background: initial !important;}
.history__container .ui-widget.ui-widget-content {border: 0 !important; width: initial !important; height: initial !important; padding: initial !important; margin: initial !important;}
.history__container ul {display: flex; justify-content: space-between; align-items: center; margin: 0 auto 36px; max-width: 345px;}
.history__container ul li {flex: none;}
.history__container ul li.ui-tabs-active.ui-state-active a {color: var(--m-color);}
.history__container ul li:last-of-type {margin-right: 0;}
.history__container ul li a {font-size: 18px; font-weight: 800; color: #ccc; text-decoration: underline !important;}
.history__container ol {width: 100%; background: url(/img/comm/his_bar.jpg) 8px 0 repeat-y;}
.history__container ol li {padding-left: 24px; padding-top: 20px; box-sizing: border-box; width: 100%; position: relative;}
.history__container ol li::before {left: 2px; content : ''; width: 12px; height: 12px; background: var(--m-color); border-radius: 50%; position: absolute; top: 28px; display: block;}
.history__container ol li h4 {font-size: 25px; font-weight: 900; color: var(--txt-c4); margin: 0 0 14px;}
.history__container ol li p {margin: 0 0 20px; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 13px; font-weight: 600; color: var(--txt-c1); line-height: 20px;}
.history__container ol li p span {margin: 0 8px 0 0; font-size: 14px; color: var(--txt-c4); font-weight: 800; display: inline-block; box-sizing: border-box;}
@media all and (max-width: 340px) {
  .history__container ul li a {font-size: 16px;}
}
@media all and (max-width: 320px) {
  .history__container ul li a {font-size: 14px;}
}
/*vision*/
.vision__container ul > li {border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 48px 0 48px; position: relative;}
.vision__container ul > li h3 {font-size:20px; font-weight: 800; color: var(--txt-c4); margin: 0 0 26px;}
.vision__container .box {text-align: center;}
.vision__container .box h4 {word-break: keep-all;  font-size: 18px; font-weight: 800; line-height: 22px; color: var(--txt-c4);}
.vision__container .box.box1 h4 {font-size: 25px; line-height: 33px;}
.vision__container .box p {word-break: keep-all;  margin: 14px 0 0; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--txt-c1);}
.vision__container .box2 img {display: block; width: 100%; height: auto; max-width: 334px; margin: 20px auto 0;}
/*CI*/
.ci__container {}
.ci__box {display: block;}
.ci__box h3 {font-size: 20px; font-weight: 800; color: var(--txt-c4); width: 100%; margin: 0 0 8px}
.ci__box .box__right {width: 100%; box-sizing: border-box;}
.ci__box .box__right p {font-size: 14px; color: var(--txt-c1); font-weight: 400; line-height: 22px; margin: 0 0 15px;}
.ci__box .box__right .img {width: 100%;}
.ci__box .box__right .img img {max-width: 100%; height: auto; width: 100%;}
.ci__box .box__right .dir__ci {line-height: 35px; display: block; text-align: left; margin: 6px auto 50px; font-size: 16px; font-weight: 800; color: var(--txt-c4);
  width: 100%; height: 37px; background: #fff; border: 1px solid #000; box-sizing: border-box; position: relative; padding: 0 16px;}
.ci__box .box__right .dir__ci i {position: absolute; right: 18px; top: 50%; transform: translateY(-50%); display: inline-block; vertical-align: middle; width: 22px; height: 18px; background: url(/img/sub/ci__download.png) 50% 50% no-repeat; }
.ci__box .flex__box {width: 100%; margin: 0 0 88px;}
.ci__box .flex__box .top__box {width: 100%; position: relative; height: 120px; margin: 0 0 1px; background: var(--m-color);}
.ci__box .flex__box .bottom__box {height: 120px; width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: stretch;}
.ci__box .flex__box .bottom__box .box_sub {flex: none; width: calc((100% - 2px) / 3); height: 100%; position: relative;}
.ci__box .flex__box .bottom__box .box_sub:first-of-type {background: var(--m-color);}
.ci__box .flex__box .bottom__box .box_sub:nth-of-type(2) {margin: 0 1px; background: #f5812a;}
.ci__box .flex__box .bottom__box .box_sub:nth-of-type(3) {background: #005596;}
.ci__box .flex__box .top__box,
.ci__box .flex__box .box_sub {padding: 8px; box-sizing: border-box;}
.ci__box .flex__box h4 {color: #fff; font-weight: 900; font-size: 13px; opacity: 0.2; margin: 0 0 4px;}
.ci__box .flex__box span {font-size: 13px; font-weight: 500; color: #fff;}
.ci__box .flex__box .bottom_txt {font-size: 13px; line-height: 15px; font-weight: 500; color: #fff; position: absolute; bottom: 8px; margin: 0; left: 8px;}
.ci__box .flex__box .top__box .bottom_txt {left: initial; right: 8px;}
.ci__box .flex__box .bottom_txt em {font-size: 11px; line-height: 12px;}
.download__container .box__right {border-bottom: 1px solid #eee; }
.download__container .ci__box h3 {margin: 46px 0 0;}
.download__container .ci__box .box__right .box_flex2 {display: block; padding: 0 0 46px; box-sizing: border-box;}
.download__container .ci__box .box__right .box3 {padding: 16px 0 0; box-sizing: border-box; height: 100%; width: 100%; text-align: center;}
.download__container .ci__box .box__right .box3 h5 {font-size: 15px; font-weight: 500; color: var(--txt-c1); margin: 0 0 8px;}
.download__container .ci__box .btns {width: 100%; display: flex; justify-content: center; align-items: center;}
.download__container .ci__box .btns a {font-size: 13px; font-weight: 800; color: var(--txt-c4); display: flex; justify-content: center; align-items: center; flex: none; width: 89px; height: 30px; border: 1px solid #000; background: #fff; box-sizing: border-box;}
.download__container .ci__box .btns a + a {margin: 0 0 0 12px;}
.download__container .ci__box .btns a i {display: inline-block; margin: 0 0 0 6px; width: 18px; height: 15px; background: url(/m/img/sub/ci__download.png) 50% 50% no-repeat; background-size: 100% auto; }
/*center*/
.complaints__container {width: 100%; margin: 0 auto;}
.complaints__container h3 {font-size: 22px; font-weight: 300; color: var(--txt-c4); line-height: 30px; text-align: center; margin: 0 0 24px; word-break: keep-all;}
.complaints__container h3 b {font-weight: 700; display: block;}
.complaints__container .img {width: 100%; text-align: center;}
.complaints__container .img img {max-width: 100%; display: inline-block; }
.complaints__container form {width: 100%;}
.complaints__container .terms {resize: none; height: 168px; font-size: 14px; line-height: 22px; font-weight: 300; color: var(--txt-c1); font-family: inherit; width: 100%; background: #f7f7f7; border: 1px solid #eee; box-sizing: border-box; padding: 12px 16px; word-wrap: normal;}
.complaints__container .chk_flex {margin: 13px 0 0; width: 100%; display: block;}
.complaints__container .chk_flex .desc {flex: none; font-size: 15px; font-weight: 400; color: var(--txt-c0);}
.complaints__container .chk_flex .chk_flex2 {flex: none; display: flex; justify-content: flex-start; align-items: center; margin: 10px 0 0;}
.complaints__container .chk_flex .only_chk {display: flex; justify-content: flex-start; align-items: center;}
.complaints__container .chk_flex input[type=radio] {appearance: none; width: 0; margin: 0; height: 0; padding: 0;}
.complaints__container .chk_flex label {cursor: pointer; padding: 0 0 0 24px; box-sizing: border-box; font-size: 14px; color: var(--txt-c1); font-weight: 300; position: relative;}
.complaints__container .chk_flex label::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 19px; height: 19px; border-radius: 50%; border: 1px solid #767676; background: #fff;}
.complaints__container .chk_flex input[type=radio]:checked + label::before {border-color: var(--m-color); background: var(--m-color) url(/img/comm/radio_chk.png) 50% 50% no-repeat; background-size: 13px auto;}
.complaints__container .chk_flex .only_chk + .only_chk {margin: 0 0 0 20px;}
.complaints__container h4 {font-size: 15px; font-weight: 700; color: var(--txt-c4); margin: 0 0 14px;}
.complaints__container h4.form_tit {margin: 46px 0 14px;}
.complaints__container h4 b { color: var(--m-color);}
.complaints__container form {margin: 30px 0 0; display: block;}
.complaints__container table {width: 100%; display: block;}
.complaints__container table tbody,
.complaints__container table tr {width: 100%; display: block;}
.complaints__container table th,
.complaints__container table td {vertical-align: middle; box-sizing: border-box;display: block;}
.complaints__container table th {width: 100%; padding: 15px 0 0; text-align: left; font-size: 17px; font-weight: 300; color: var(--txt-c4); display: block;}
.complaints__container table th em {color: var(--m-color); font-weight: 700;}
.complaints__container table td {color: var(--txt-c0); font-size: 17px; width: 100%; padding: 5px 0 15px;  border-bottom: 1px solid #eee; }
.complaints__container table td .form_input {width: 100%; border: 1px solid #ccc; height: 39px; box-sizing: border-box; color: var(--txt-c1); background: #fff; padding: 4px 12px; font-size: 15px; font-family: inherit;}
.complaints__container table td .form_input.email {display: inline-block; width: calc((100% - 36px) / 2); vertical-align: middle;}
.complaints__container table td .form_input.form_textarea {height: 189px; resize: none; padding: 12px;}
.complaints__container table td .form_input.file {width: 100%; display: inline-block; height: 39px;}
/*.complaints__container table td .form_input_btn {cursor: pointer; display: inline-block; width: 103px; height: 42px; position: relative; left: -4px; vertical-align: middle; border: 0; outline: 0; background: var(--m-color); text-align: center; color: #fff; font-size: 17px; font-weight: 800; font-family: inherit;}*/
.complaints__container .form_submit {cursor: pointer; padding: 0 0 0 20px; font-size: 16px; font-family: inherit; text-align: left; font-weight: 800; color: var(--txt-c4); display: block; margin: 24px auto 0; border: 1px solid #000; background: #fff url(/m/img/comm/form_btn.png) calc(100% - 18px) 50% no-repeat; width: 178px; height: 47px; line-height: 47px;}
.complaints__container .mail_span {display: inline-block; width: 28px; text-align: center; vertical-align: middle;}
.find__qna {width: 100%; border: 1px solid var(--border-ee); box-sizing: border-box; padding: 14px 18px; text-align: center; }
.find__qna p {font-size: 15px; color: var(--txt-c4); word-break: keep-all; margin: 0 0 15px; line-height: 22px;}
/*Lost_item*/
.lost__container .lost__tit {margin: 0 0 22px;}
.lost__container .lost__tit h3 {font-size: 20px; text-align: center; line-height: 28px; color: var(--txt-c4); font-weight: 200;}
.lost__container .lost__tit h3 b {font-weight: 700; display: block;}
.lost__container .lost__sub__tit h4 {margin: 40px 0 15px; text-align: left; font-size: 18px; color: var(--txt-c4); font-weight: 700;}
.lost__flex {width: 100%; display: block;}
.lost__flex .lost__box {width: 100%; }
.lost__flex .lost__box img {max-width: 100%; display: block; margin: 0 auto;}
.lost__notice {margin: 16px 0 120px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.lost__notice b {display: block; flex: none; font-size: 15px; font-weight: 700; color: var(--txt-c4); line-height: 30px;}
.lost__notice span {margin: 0 0 0 14px; display: block; flex: none; font-size: 15px; font-weight: 400; color: var(--txt-c1); line-height: 25px;}
/*PARKING*/
.parking__container h3, .parking__info h3 {font-size: 20px; font-weight: 800; color: var(--txt-c4); margin: 0 0 10px;}
.parking__container + .parking__container {margin: 44px 0 0;}
.parking__container p {font-size: 15px; font-weight: 500; color: var(--txt-c1); margin: 0 0 10px; line-height: 20px;}
.parking__flex {width: 100%; }
.parking__flex .parking__box {width: 100%; border: 1px solid #eee; box-sizing: border-box; padding: 14px 18px;}
.parking__flex .parking__box h4 {font-size: 15px; font-weight: 800; color: var(--txt-c4);  margin: 0 0 15px;}
.parking__flex .parking__box .img {width: 100%;}
.parking__flex .parking__box .img img {display: block; width: 100%; margin: 0 auto;}
.parking__info {margin: 60px 0 0;}
.parking__info h3 {margin: 0 0 18px;}
.parking__info p {margin: 0 0 10px;}
.parking__info b {display: block; font-weight: 800; font-size: 15px; color: var(--txt-c4);}
.parking__info span {display: block; font-size: 14px; color: var(--txt-c1); font-weight: 400; line-height: 25px;}
/*Contact Us --- center address*/
.contact__container {width: 100%;}
.contact__container img {max-width: 100%; height: auto;}
.center__container {margin: 0 0 12px;}
.center__container h3 {font-size: 20px; font-weight: 800; color: var(--txt-c4); margin: 0 0 4px;}
.center__container p {font-size: 14px; font-weight: 400; color: var(--txt-c1); line-height: 25px;}
.contact__flex {width: 100%;}
.contact__flex h4 {font-size: 20px; font-weight: 700; color: var(--txt-c4); margin: 0 0 10px;}
.contact__flex h4 span {font-size: 15px; font-weight: 500;}
.contact__flex .contact__box {width: 100%;}
.contact__flex .contact__box .img {width: 100%; margin: 0 0 20px;}
.contact__flex .contact__box.right__box {margin: 64px 0 0;}
.contact__flex h5 {position: relative; padding: 0 0 18px 30px; box-sizing: border-box; font-size: 15px; font-weight: 700; color: var(--m-color);}
.contact__flex h5::before {content: ''; background: url(/img/sub/contact__subway.png) 50% 0 no-repeat; background-size: 19px 23px; position: absolute; display: block; bottom: 6px; left: 0; width: 30px; height: 30px;}
.contact__flex h5.bus {margin: 32px 0 0;}
.contact__flex h5.bus::before {background: url(/img/sub/contact__bus.png) 50% 0 no-repeat; background-size: 20px 18px;}
.address_container table {border-top: 1px solid #000; box-sizing: border-box; width: 100%;}
.address_container tbody,
.address_container tr {width: 100%;}
.address_container th {width: 88px; height: 50px; text-align: center; font-size: 15px; font-weight: 400; color: var(--txt-c4); border-bottom: 1px solid #eee; box-sizing: border-box; padding: 0; vertical-align: middle;}
.address_container td {width: calc(100% - 88px); font-size: 15px; font-weight: 400; color: var(--txt-c1); border-bottom: 1px solid #eee; box-sizing: border-box; padding: 0 10px; vertical-align: middle;}
.address_container table.bus {width: 100%; display: block;}
.address_container table.bus tbody, .address_container table.bus tr {width: 100%; display: block; }
.address_container table.bus tr {padding: 14px 0 20px; box-sizing: border-box; border-bottom: 1px solid var(--border-ee);}
.address_container table.bus th {width: 100%; display: block; text-align: left; padding: 0; border: 0; margin: 0 0 12px; height: auto; font-size: 15px; font-weight: 700;}
.address_container table.bus td {width: 100%; display: block; padding: 0; border: 0; font-size: 13px; line-height: 25px;}

/*Login-_______-member-______temp___Css*/
.AW_login2_wrap{width:100%; padding: 20px; border:1px solid #ddd; box-sizing:border-box; max-width:500px;  margin:0 auto;}
.AW_login2_wrap .AW_login2_wrapinner{width:100%;}
.AW_login2_wrap form{position:relative;  }
.AW_login2_wrap form.no-p {padding: 0;}
.AW_login2_wrap form dl{position:relative; border:1px solid #ccc; margin:10px 0 0;}
.AW_login2_wrap form dl:first-child{margin:0;}
.AW_login2_wrap form dl dt{position:absolute; left:20px; top:0; height: 42px; line-height: 42px; font-size:14px; color:#999; z-index: 9;}
.AW_login2_wrap form dl dd{width: 100%; display: block; height: 42px;}
.AW_login2_wrap form dl dd input{z-index: 8; width:100%; height: 100%; padding-left:100px; color:#333; font-size:15px; border:0; box-sizing:border-box; position: absolute; top: 0; left: 0;}
.AW_login2_wrap form button{margin: 10px 0 0; font-size: 15px; font-family: inherit; width: 100%; height: 42px; color:#fff; background:#333; border:1px solid #333; border-radius:3px; transition:all 0.3s;}
/* 소셜 로그인 */
.AW_login2_wrap .login-social{margin:50px 0 0;}
.AW_login2_wrap .login-social button{font-size: 14px; font-family: inherit; color: #fff; width:100%; height: 42px; text-align:center; margin:8px 0 0; border:1px solid #ddd; border-radius:3px; background:#fff; cursor:pointer; padding:0;}
.AW_login2_wrap .login-social button:first-child{margin:0;}
.AW_login2_wrap .login-social button, .AW_login2_wrap .login-social button *{vertical-align:middle;}
.AW_login2_wrap .login-social button i{display:inline-block; width:42px; height:42px;}
.AW_login2_wrap .login-social button span{text-align:left;  color:#fff; font-size:15px; }
/* 색상 */
.AW_login2_wrap .login-social button {display: flex; justify-content: center; align-items: center;}
.AW_login2_wrap .login-social button.facebook{border-color:#4c66a4; background: #4c66a4;}
.AW_login2_wrap .login-social button.facebook i{background: url(/img/icon/social-login-facebook.png) 50% 50% no-repeat; background-size:12px auto;}
.AW_login2_wrap .login-social button.naver{border-color:#26cc09; background: #26cc09;}
.AW_login2_wrap .login-social button.naver i{background:url(/img/icon/social-login-naver.png) 50% 50% no-repeat; background-size:14px auto;}
.AW_login2_wrap .login-social button.kakao{border-color:#ffcd00; background: #ffcd00;}
.AW_login2_wrap .login-social button.kakao i{background: url(/img/icon/social-login-kakao.png) 50% 50% no-repeat; background-size:16px auto;}
/* 링크 */
.AW_login2_wrap .login-link{margin:40px 0 0; padding:20px 0 0; text-align:center; border-top:1px solid #f2f2f5;}
.AW_login2_wrap .login-link, .AW_login2_wrap .login-link *{vertical-align:middle;}
.AW_login2_wrap .login-link a{display:inline-block; font-size:14px; line-height:1.3; color:#777; }
.AW_login2_wrap .login-link a:hover{/*text-decoration:underline;*/ color:#000;}
.AW_login2_wrap .login-link i{display:inline-block; width:1px; height:13px; background:#d7d7d7; margin:0 15px;}
/* 회원가입 약관 -----------------------*/
.join_agree_box{margin:10px 0 0;}
.join_agree_box textarea{font: inherit; width:100%; height:200px; padding:15px; line-height:1.6; font-size:13px; color:#777; background:#fff; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}
.join_agree_box .only_chk {margin-top: 10px;}
/* 전체동의 -----------------------*/
.join_agree_all{margin:50px 0 0; padding:20px 0 0; border-top:1px solid #ddd; display: flex; justify-content: flex-end; align-items: center;}

/***************************************** 회원가입 : 정보입력 *****************************************/
.join_input_cont{margin:25px 0 0; border-top:1px solid #999; padding:15px 0 0;}
.join_input_cont table{width: 100%; display: block;}
.join_input_cont table tbody,
.join_input_cont table tr {width: 100%; display: block;}
.join_input_cont table input,
.join_input_cont table select,
.join_input_cont table button {font-family: inherit;}
.join_input_cont table th, .join_input_cont table td{display: block; text-align:left; font-weight:normal; font-size:15px; }
.join_input_cont table th{width: 100%; }
.join_input_cont table th span{color:#ff1d1d; font-weight:600;}
.join_input_cont table td{padding:8px 0; width: 100%;}
.join_input_cont table td .btns {width: 80px; text-align: center; display:inline-block; color:#FFFFFF; background:#ed1c24; height:38px; line-height:34px;text-decoration:none;}
.join_input_cont table td input[type='text'], .join_input_cont table td input[type='password']{width: 40%; height:37px; padding:0 0 0 4px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.join_input_cont table td select{width: 20%; height:37px; padding:0 0 0 4px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.join_input_cont table td input[name*="phone"], .join_input_cont table td input[name*="post"]{width: 20%;}
.join_input_cont table td input[name*="address1"], .join_input_cont table td input[name*="address2"]{width:80%;}
.join_input_cont table td input[type='file']{background:#f7f7f7; border:1px solid #dfdfdf;}
.join_input_cont table td .chk_btn {display:inline-block; height:37px; line-height:37px; background:#777; text-align:center; color:#fff; font-size:13px; padding:0 16px; box-sizing:border-box; vertical-align:middle; cursor:pointer;}
.join_input_cont table td select{border:1px solid #ddd;}
.join_input_cont table td label{vertical-align:middle;}
.join_input_cont table td .comment{display:block; margin: 6px 0; font-size:13px; color:#888;}
.join_input_cont table td .border{width:100%; height:1px; background:#e2e2e2; /*margin:15px 0;*/}
.join_input_cont table td textarea{width:100%; height:200px; padding:15px; line-height:1.6; font-size:14px; color:#777; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}
.join_input_cont th input[type=radio], .join_input_cont td input[type=radio] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.join_input_cont th input[type=radio]:checked + label, .join_input_cont td input[type=radio] + label {font-size: 14px; font-family: inherit; display: inline-block; position: relative; padding: 0 0 0 26px; box-sizing: border-box;}
.join_input_cont th input[type=radio] + label::before, .join_input_cont td input[type=radio] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.join_input_cont th input[type=radio]:checked + label::before, .join_input_cont td input[type=radio]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }

.join_input_cont th input[type=checkbox], .join_input_cont td input[type=checkbox] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.join_input_cont th input[type=checkbox]:checked + label, .join_input_cont td input[type=checkbox] + label {font-size: 14px; font-family: inherit; display: inline-block; position: relative; padding: 0 0 0 26px; box-sizing: border-box;}
.join_input_cont th input[type=checkbox] + label::before, .join_input_cont td input[type=checkbox] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.join_input_cont th input[type=checkbox]:checked + label::before, .join_input_cont td input[type=checkbox]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }


.join_input_cont td .birth_select {appearance: none; background: #f7f7f7 url(/img/icon/sel_ico.png) calc(100% - 10px) 50% no-repeat; height: 37px; border: 1px solid #ddd; padding: 0 20px 0 10px; box-sizing: border-box; }
.join_input_cont td .birth_select[name="year"] {width: 92px;}
.join_input_cont td .birth_select[name="month"] {width: 76px;}
.join_input_cont td .birth_select[name="day"] {width: 76px;}
.join_input_cont .flex-p {display: flex; justify-content: flex-start; align-items: center;}
.join_input_cont .flex-p p + p {margin: 0 0 0 8px;}
.join_input_cont .inline_chk {display: inline-block; margin: 0 12px 0 0;}
.AW-mem-tit.top40 {margin: 40px 0 0; font-size: 18px; font-weight:600; color:#444; line-height:1.3;}
.AW-mem-tit strong { color:#ff1d1d; }
.AW-mem-tit p { font-size:15px; color:#777;  margin:5px 0 0; transition:all 0.3s; }
.AW-mem-tit p span { color:#ff1d1d; }
.all_chk {border-top: 1px solid #eee; margin: 32px 0 0; padding: 20px 0; box-sizing: border-box;}
.all_chk .only_chk.font input[type=checkbox] + label::before {width: 18px; height: 18px;}
.all_chk .only_chk.font input[type=checkbox] + label {font-size: 18px;}
/* 버튼 */
.AW-mem-btn { margin:60px auto 0; text-align:center; overflow:hidden; display: flex; justify-content: center; align-items: center;}
.AW-mem-btn a,
.AW-mem-btn input, .AW-mem-btn button {font-family: inherit; height:60px; line-height:60px; font-size:17px; text-align:center; background:#e0e0e0; color:#666; transition:all 0.3s; box-sizing:border-box; cursor:pointer; }
.AW-mem-btn a:first-child, .AW-mem-btn input:first-child, .AW-mem-btn button:first-child { color:#fff; background:#333; }
.AW-mem-btn a:first-child:hover, .AW-mem-btn input:first-child:hover, .AW-mem-btn button:first-child:hover { background:#000; }
.AW-mem-btn a, .AW-mem-btn input, .AW-mem-btn button {border: 0; width: 50%; display: inline-block; max-width: 160px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background: #e0e0e0; color: #666; box-sizing: border-box; cursor: pointer;}
/***************************************** 회원가입 : 완료 *****************************************/
.join_ok { max-width: 500px; margin: 0 auto; width: 100%;}
.join_ok .inner {text-align:center; border: 1px solid #ddd; background:#f7f7f7; line-height:1.6; padding:40px 20px;  box-sizing: border-box; min-width: 0;}
.join_ok .inner p { font-size: 18px; font-weight:normal; color:#333; margin:0 0 5px; word-break: keep-all;}
.join_ok .inner span { display:block; font-size:14px; color:#888; }
.join_ok_button { }
.join_ok_button{text-align:center; margin:25px 0 0;}
.join_ok_button a{display:inline-block; width: 100%; max-width: 160px; height: 40px; line-height: 40px; font-size:16px; color:#fff; background:#333; border:1px solid #333; border-radius:3px; }
/*아이디/비밀번호 찾기*/
.idpwbox {width:100%; padding: 20px; border:1px solid #ddd; box-sizing:border-box; max-width: 500px; margin: 0 auto;}
.idpwbox.pwbox{margin:60px auto 0;}
.idpwbox .idpwboxinner{width:100%; max-width:500px; margin:0 auto;}
.idpwbox .idpwbox_tit{}
.idpwbox .idpwbox_tit strong{display:block; font-size: 18px; font-weight:600; color:#444; line-height:1.6;}
.idpwbox .idpwbox_tit p{font-size: 14px; color:#777; }
.idpwbox .formBox{margin:30px 0 0;}
.idpwbox .formBox dl{position:relative; border:1px solid #ccc; margin:5px 0 0; box-sizing: border-box;}
.idpwbox .formBox dl:first-child{margin:0;}
.idpwbox .formBox dl dt{position:absolute; left: 12px; top:0; height: 42px; line-height: 42px; font-size:15px; color:#999; }
.idpwbox .formBox dl dd{margin: 0;}
.idpwbox .formBox dl dd input{appearance: none; display: block; width:100%; height: 42px; padding-left: 80px; color:#333; font-size:15px; border:0 none; box-sizing:border-box;}
.idpwbox .formBox a.btn01{text-align: center; display: block; margin:10px 0 0; width:100%; height:52px; line-height:50px; font-size:17px; color:#fff; background:#333; border:1px solid #333; border-radius:3px;}
.bottom_login-btn-wrap { margin: 12px 0 0; text-align: center;}
.bottom_login-btn-wrap a {display: inline-block; color: #333; line-height: 28px;}

/*ticket*/
.ticket__container {}
.ticket__tab {margin: 0 0 24px;}
.ticket__tab ul {width: 100%; display: block;}
.ticket__tab li {width: 100%; height: 37px; }
.ticket__tab li + li {margin: 8px 0 0;}
.ticket__tab li + li {margin: 8px 0 0;}
.ticket__tab li a {display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; text-align: left; padding: 0 42px 0 20px; box-sizing: border-box; border: 1px solid #000; background: #fff url(/m/img/comm/tab_bg__arrow.png) calc(100% - 20px) 50% no-repeat; font-size: 16px; font-weight: 800; color: var(--txt-c4);}
.ticket__tab li a span {flex: none; font-size: 13px; font-weight: inherit; color: var(--m-color);}
.ticket__flex {display: block;}
.ticket__flex + .ticket__flex {margin: 52px 0 0;}
.ticket__flex .left,
.ticket__flex .right {}
.ticket__flex .left {width: 100%;}
.ticket__flex .right {width: 100%;}
.ticket__flex .left h3 {font-size: 20px; font-weight: 800; color: var(--txt-c4); margin: 0 0 16px;}
.ticket__flex .right h4 {font-size: 18px; font-weight: 800; color: var(--txt-c4); margin: 0 0 10px;}
.ticket__flex + .ticket__flex .right h4 {margin: 0 0 10px;}
.ticket__flex + .ticket__flex .right h4.mg100 {margin: 32px 0 10px;}
.ticket__flex + .ticket__flex .right img {display: block; width: 100%; height: auto;}
.ticket__flex .right p {font-size: 14px; line-height: 30px; font-weight: 400; color: var(--txt-c1);}
.ticket__flex .right p span {line-height: 20px; display: block;}
.ticket__flex .right p + p {margin: 10px 0 0;}
.ticket__flex .right p + h4 {margin: 22px 0 12px;}
/*limousine*/
/*bus*/
.bus__container {width: 100%; position: relative;}
.bus__container.real-time {width: 100%; padding: 0 20px; box-sizing: border-box;}
.bus__inner {width: 100%; margin: 0 auto;  border: 1px solid var(--border-ee); box-sizing: border-box; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); padding: 10px; }
.bus__area {margin: 32px 0 0; width: 100%; border: 1px solid var(--border-ee); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 16px 0 80px; }
.bus__area p {font-size: 13px; color: var(--txt-c0); line-height: 20px; font-weight: 400; padding: 0 15px; box-sizing: border-box;}
.bus__line {margin: 48px 0 0; display: block; width: 100%; position: relative; padding: 0 75px 0 0; box-sizing: border-box;}
.bus__line .bus__bg {width: 10px; height: calc(100vh - 300px); background: var(--m-color); border-radius: 50px; margin: 0 auto; }
.bus__line ul {width: 16px; height: calc(100vh - 240px); position: absolute; top: 50%; left: calc(50% - 32px); transform: translate(-50%, -50%); display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.bus__line ul li {flex: none; position: relative; width: 90px; text-align: center;}
.bus__line ul li a {display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; text-align: left;}
.bus__line ul li a i {vertical-align: middle; display: inline-block; width: 5px; height: 5px; background: #fff; border-radius: 50%; flex: none; position: relative;}
.bus__line ul li:first-of-type a i,
.bus__line ul li:last-of-type a i {width: 21px; height: 21px; box-sizing: border-box; border: 2px solid var(--m-color);}
.bus__line ul li span {display: inline-block; text-align: left; font-size: 13px; color: var(--txt-c1); font-weight: 400; white-space: nowrap; flex: none; padding: 0 0 0 15px; box-sizing: border-box;}
.bus__line ul li:first-of-type span {left: 0;}
.bus__line ul li:first-of-type span,
.bus__line ul li:last-of-type span {color: var(--m-color); font-weight: 800; padding: 0 0 0 6px;}
.bus__line ul li.active span {font-weight: 800;}
.bus__line ul li.active a i::before {content: ''; display: block; width: 18px; height: 18px; background: var(--m-color); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.bus__line ul li:first-of-type {position: relative; left: -6px;}
.bus__line ul li:last-of-type {position: relative; left: -6px;}

.bus__line .bus__bg.stop_ver {background: url(/m/img/sub/m_bus__bg.png) 50% 50% no-repeat; background-size: 100% 100%;}

.bus__line ul li.stop__info p {color: var(--m-color);}
.bus__line ul li.turn__info::before {position: absolute; display: block; content: ''; width: 24px; height: 24px; left: -40px; top: 50%; transform: translateY(-50%); background: url(/m/img/sub/turn.png) 50% 50% no-repeat; background-size: 100% auto;}
.bus__line ul li.turn__info span {color: var(--m-color); font-weight: 800;}


.bus__area .add_btns {position: relative; display: block; width: 160px; margin: 80px auto 0;}
.bus__area .add_btns a {width: 100%; height: 32px; display: flex; justify-content: center; align-items: center; text-align: center; background: #f2f2f2; font-size: 14px; color: var(--txt-c2); font-weight: 500;}
.bus__area .add_btns a + a {margin: 12px 0 0;}
.bus__area .add_btns::before {content: ''; display: block; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 1px; height: 20px; border: 2px dotted #ddd; box-sizing: border-box;}


.bus__dir {width: 100%; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: center; margin: 0 0 20px;}
.bus__dir a {padding: 12px; flex-wrap: wrap; font-size: 15px; transition: all 0.3s ease-in-out; color: var(--txt-c2); font-weight: 800; flex: none; width: calc((100% - 12px) / 2); display: flex; justify-content: center; align-content: center;
  align-items: stretch; text-align: center; border-radius: 12px; height: 70px; border: 1px solid var(--border-ee); box-sizing: border-box; margin: 0 12px 12px 0;}
.bus__dir a:nth-of-type(2n) {margin: 0 0 12px;}
.bus__dir a span {line-height: 20px; word-break: keep-all; font-size: 13px; color: var(--txt-c0); font-weight: 500; display: block; width: 100%; text-align: center; margin: 8px 0 0; transition: all 0.3s ease-in-out;}




/*bus___info ___ 추가요청*/
.bus__info {margin: 22px 0 50px;}
.real-time .bus__info {margin: 64px 0 0;}
.bus__info-flex {}
.bus__info-flex .box {width: 100%;}
.bus__info-flex .box h4 {font-size: 18px; color: var(--txt-c4); font-weight: 700; margin: 36px 0 8px;}
.bus__info-flex .box:first-of-type h4 {margin: 0 0 8px;}
.bus__info-flex .box p {font-size: 15px; line-height: 25px; color: var(--txt-c1); font-weight: 500; position: relative; padding: 0 0 0 10px; box-sizing: border-box;}
.bus__info-flex .box p::before {content: ''; width: 5px; height: 5px; background: #ccc; border-radius: 50%; position: absolute; top: 8px; left: 0; display: block;}
.bus__info-flex .box span {font-size: 13px; color: var(--txt-c0); font-weight: 400; display: block; margin: 4px 0 0;}
.bus__info-flex .box .dl-flex {display: flex; width: 100%; justify-content: flex-start; align-items: stretch;}
.bus__info-flex .box .dl-flex dl {border-bottom: 1px solid #ccc; box-sizing: border-box; width: 116px; flex: none;}
.bus__info-flex .box .dl-flex dl:nth-of-type(2) {width: calc(100% - 116px); border-left: 1px solid #ccc; box-sizing: border-box;}
.bus__info-flex .box .dl-flex dt {line-height: 33px; text-align: center; font-size: 15px; color: var(--m-color); font-weight: 700; height: 34px; border-top: 1px solid var(--m-color); border-bottom: 1px solid #ccc; box-sizing: border-box;}
.bus__info-flex .box .dl-flex dd {padding: 4px 0; box-sizing: border-box; font-size: 13px; color: var(--txt-c1); font-weight: 400; line-height: 20px; text-align: center;}
.bus__info-flex .box .dl-flex dd + dd {border-top: 1px solid #ccc; box-sizing: border-box;}
.bus__info-flex .box .dl-flex dd b {color: var(--m-color); font-weight: 500; display: inline-block; margin: 0 12px 0 0;}
.bus__info-flex .box .dl-flex dl:first-of-type dd {padding: 10px 0 4px;}
.bus__change {width: 100%;}
.bus__change .bus__before,
.bus__change .bus__after {font-size: 15px; font-weight: 700; width: 100%; height: 34px; border: 1px solid #ccc; box-sizing: border-box;  }
.bus__change .bus__before a,
.bus__change .bus__after a {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0 42px 0 20px; box-sizing: border-box;}
.bus__change .bus__before {color: var(--txt-c1); background: #fff url(/m/img/sub/map__arrow_c0.png) 100% 50% no-repeat; }
.bus__change .bus__after {color: var(--m-color); margin: 10px 0 0; border-color: var(--m-color); background: #fff url(/m/img/sub/map__arrow_c1.png) 100% 50% no-repeat;}
.bus__change .bus__before strong,
.bus__change .bus__after strong {font-size: 13px; font-weight: 400; color: var(--txt-c1);}
.bus__img {width: 100%; overflow-x: auto; border: 1px solid var(--border-ee); box-sizing: border-box; }
.bus__img img {display: block; max-width: 100%; height: auto; margin: 0 auto; width: 100%;}

.family-banner__area {margin: 32px 0 0; width: 100%; display: block;}
.family-banner__area a {font-weight: 500; align-items: center; text-align: center; height: 140px; flex: none; width: 100%; border: 1px solid #efefef; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; align-items: center; box-sizing: border-box; margin: 0 0 24px 0; color: #fff; font-size: 25px;}
.family-banner__area a span {font-size: 15px; margin: 6px 0 0; display: block; width: 100%;}
.family-banner__area a:first-of-type {background: url(/img/sub/family-banner__active_1.png) 50% 50% no-repeat; background-size: cover;}
.family-banner__area a:nth-of-type(2) {background: url(/img/sub/family-banner__active_2.png) 50% 50% no-repeat; background-size: cover;}
.family-banner__area a:nth-of-type(3) {background: url(/img/sub/family-banner__active_3.png) 50% 50% no-repeat; background-size: cover;}
.family-banner__area a:last-of-type {margin: 0; background: url(/img/sub/family-banner__active_4.png) 50% 50% no-repeat; background-size: cover;}


#bus__layer {display: none; z-index: 200; max-width: 355px; color: #fff; width: 100%; padding: 20px; box-sizing: border-box; height: calc(100vh - 80px);
  background: rgba(0, 0, 0, 0.8); position: fixed; right: 0; top: 80px; }
#bus__layer .scroll_inner {width: 100%; height: calc(100% - 32px); overflow-y: auto; padding: 0 0 20px; box-sizing: border-box;}
#bus__layer h2 {font-size: 25px; font-weight: 700; margin: 0 0 10px;}
#bus__layer h3 {font-size: 15px; font-weight: 700; margin: 24px 0 10px;}
#bus__layer h4 {margin: 35px 0 8px; font-size: 15px; font-weight: 700;}
#bus__layer span {font-size: 13px; font-weight: 400;}
#bus__layer .bus__layer_cls {position: absolute; right: 0; top: -16px; width: 32px; height: 32px; border: 1px solid #000; box-sizing: border-box; background: #fff url(/img/sub/cls.png) 50% 50% no-repeat; display: block; }
#bus__layer .time__container {width: 100%; background: #fff;}
#bus__layer .table__flex {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; padding: 12px 10px; box-sizing: border-box;}
#bus__layer .table__box {width: calc((100% - 10px) / 2); flex: none;}
#bus__layer .table__box + .table__box {margin: 0 0 0 10px;}
#bus__layer .table__box table {width: 100%;}
#bus__layer .table__box thead,
#bus__layer .table__box tbody,
#bus__layer .table__box tr {width: 100%;}
#bus__layer .table__box th {font-size: 15px; font-weight: 700; color: var(--m-color);}
#bus__layer .table__box td {font-size: 13px; font-weight: 300; color: var(--txt-c1);}
#bus__layer .table__box td em {display: inline-block; vertical-align: middle;}
#bus__layer .table__box td em + em {margin: 0 0 0 12px;}
#bus__layer .table__box thead th {width: 32px; padding: 0 0 8px; box-sizing: border-box;}
#bus__layer .table__box thead th + th {text-align: left; width: calc(100% - 32px); padding: 0 0 0 8px;}
#bus__layer .table__box tbody th {width: 32px; border-bottom: 1px solid #ccc; box-sizing: border-box; height: 28px; vertical-align: middle;}
#bus__layer .table__box tbody td {padding: 0 0 0 8px; width: calc(100% - 32px); border-bottom: 1px solid #ccc; box-sizing: border-box; height: 28px; vertical-align: middle;}
#bus__layer .map__section {width: 100%; height: 142px; background: url(/img/sub/map__temp.png) 50% 50% no-repeat; background-size: cover;}
#bus__layer .map__section_util {width: 100%; display: flex; justify-content: flex-start; align-items: center;}
#bus__layer .map__section_util a {line-height: 32px; height: 32px; padding: 0 0 0 36px; border: 1px solid #000; box-sizing: border-box; background: #fff; font-size: 12px; font-weight: 800; color: var(--txt-c4); flex: 1; text-align: left;}
#bus__layer .map__section_util a:first-of-type {background: #fff url(/img/sub/map_util_1.png) 10px 50% no-repeat;}
#bus__layer .map__section_util a:nth-of-type(2) {background: #fff url(/img/sub/map_util_2.png) 10px 50% no-repeat;}
#bus__layer .map__section_util a:nth-of-type(3) {background: #fff url(/img/sub/map_util_3.png) 10px 50% no-repeat;}
/*실시간위치안내___realtime*/
.bus__location #bus__line {width: 100%; }
.bus__location #bus__line li {position: relative; z-index: 5; display: flex; justify-content: space-between; align-items: center; margin: 0 0 12px; padding: 0 20px 0 8px; box-sizing: border-box; width: 100%; height: 48px; background: #fff; border: 1px solid var(--border-ee);}
.bus__location #bus__line li::before {z-index: 6; left: 18px; bottom: 0; content: ''; display: block; width: 5px; height: 60px; background: var(--m-color); position: absolute;}
.bus__location #bus__line li.start {background: var(--m-color); color: #fff; padding: 0 16px 0 20px;}
.bus__location #bus__line li.start::before {content: initial;}
.bus__location #bus__line li h5 {color: var(--txt-c4); font-weight: 400; font-size: 15px; position: relative; z-index: 8; flex: none; display: flex; justify-content: flex-start; align-items: center;}
.bus__location #bus__line li h5 span {font-size: 13px; font-weight: 400; color: var(--txt-c0); text-indent: 6px;}
.bus__location #bus__line li span {flex: none;}
.bus__location #bus__line li i {position: relative; flex: none; display: block; margin: 0 10px 0 0; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; background: url(/img/sub/realtime__i.png) 50% 50% no-repeat; background-size: 100% 100%;}
.bus__location #bus__line li i::after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box;}
.bus__location #bus__line li.bus i::after {background: url(/img/sub/realtime__bus.png) 50% 50% no-repeat; background-size: 100% 100%;}
.bus__location #bus__line li.current i::after {background: url(/img/sub/realtime__bus.png) 50% 50% no-repeat; background-size: 100% 100%;}
.bus__location #bus__line li.ready i::after {top: -30px; background: url(/img/sub/realtime__bus.png) 50% 50% no-repeat; background-size: 100% 100%;}
.bus__location #bus__line li span.time {font-size: 13px; font-weight: 500; color: var(--m-color);}
.bus__location #bus__line li.start h5 {font-size: 15px; font-weight: 800; color: #fff;}
.bus__location #bus__line li.start span.time {font-size: 15px; font-weight: 800; color: #fff;}
.bus__location #bus__line li.disabled h5 strong {opacity: 0.5;}
.bus__location #bus__line li.disabled span.time {opacity: 0.5;}
.bus__location #bus__line li.disabled::before {background: #eee;}
/*전체시간표__realtime*/
#timeTable {display: none; height: 100vh; overflow: hidden; padding: 10px; box-sizing: border-box; width: 100%; position: fixed; z-index: 220; background: rgba(0, 0, 0, 0.8); top: 0; left: 50%; transform: translateX(-50%);}
#timeContent {padding: 20px; position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; background: #fff; height: 100%; }
#timeContent h3 {margin: 0 0 5px; font-size: 15px; font-weight: 800; color: var(--txt-c4);}
#timeContent .time__layer_cls {position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: #fff url(/img/sub/cls.png) 50% 50% no-repeat; display: block;}
#timeContent .time__cont-flex {width: 100%; overflow: auto; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
#timeContent .time__cont {}
#timeContent .time__cont.time__cont-left { width: 1200px; flex: none;}
#timeContent .time__cont.time__cont-right {width: 240px; flex: none; margin: 0 0 0 40px;}
#timeContent table {width: 100%;}
#timeContent table thead,
#timeContent table tbody,
#timeContent table tr {width: 100%;}
#timeContent table thead th {width: 82px; border-right: 1px solid #eee; border-top: 1px solid var(--m-color); box-sizing: border-box; border-bottom: 1px solid var(--m-color); height: 45px; font-size: 14px; font-weight: 700; color: var(--m-color); text-align: center; vertical-align: middle;}
#timeContent table thead th:first-of-type {width: auto;}
#timeContent table thead th:last-of-type {border-right: 0;}
#timeContent table tbody td {height: 24px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; text-align: center; font-size: 12px; font-weight: 500; color: var(--txt-c1); vertical-align: middle;}
#timeContent table tbody td:last-of-type {border-right: 0;}
#timeContent table tbody th {height: 24px; width: 24px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; text-align: left; font-size: 12px; padding: 0 0 0 20px; font-weight: 500; vertical-align: middle;}

#timeContent.min {}
#timeContent.min .time__cont-flex {width: auto;}
#timeContent.min .time__cont.time__cont-left {width: auto;}
#timeContent.min .time__cont.time__cont-right {width: auto;}
#timeContent.min table {width: auto;}
#timeContent.min table tr {width: auto;}
#timeContent.min table thead th {width: 90px;}
#timeContent.min table thead th:first-of-type {width: 42px !important;}
/*airport*/
.airport__container {width: 100%;}
.airport__container .airport__tit {margin: 0 0 20px; font-size: 20px; font-weight: 800; color: var(--txt-c4);}
.airport__container .airport__tit b {display: block;}
.airport__container .airport__box + .airport__tit {margin: 46px 0 20px;}
.airport__container .airport__box {display: block; box-sizing: border-box; border: 1px solid #eee;}
.airport__container .airport__box .left,
.airport__container .airport__box .right {width: 100%; box-sizing: border-box; padding: 24px 14px; }
.airport__container .airport__box .right {border-top: 1px solid var(--border-ee); }
.airport__container .airport__box .box__tit {display: block; font-size: 18px; font-weight: 800; color: var(--txt-c4);}
.airport__container .airport__box .box__tit b {display: block; margin: 6px 0 0;}
.airport__container .airport__box .img {margin: 14px 0 28px; display: block;}
.airport__container .airport__box .img img {display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto;}
.airport__container .airport__box dl {display: block; width: 100%;}
.airport__container .airport__box dl + dl {margin: 16px 0 0;}
.airport__container .airport__box dt,
.airport__container .airport__box dd {display: block; width: 100%;}
.airport__container .airport__box dt {color: var(--txt-c4); font-weight: 800; font-size: 15px; margin: 0 0 2px;}
.airport__container .airport__box dd {color: var(--txt-c1); font-weight: 400; font-size: 14px; line-height: 20px;}

/*lounge*/
.lounge__container {}
.lounge__container .lounge__tit {font-size: 22px; font-weight: 100; line-height: 30px; color: var(--txt-c4); text-align: center; margin: 0 0 18px; word-break: keep-all;}
.lounge__container .lounge__tit2 {font-size: 20px; text-align: left; font-weight: 800;}
.lounge__container .lounge__tit b {font-weight: 800; display: block;}
.lounge__container article {width: 100%; }
.lounge__container .coupon__box {width: 100%; display: block; margin: 0 auto; border: 1px solid var(--m-color); box-sizing: border-box;}
.lounge__container .coupon__box a {display: flex; justify-content: space-between; align-items: stretch;}
.lounge__container .coupon__box .left,
.lounge__container .coupon__box .right {flex: none;}
.lounge__container .coupon__box .left {padding: 14px 0 8px 8px; width: calc(100% - 95px); box-sizing: border-box;}
.lounge__container .coupon__box .coupon__tit {font-size: 13px; font-weight: 800; color: var(--txt-c4); margin: 0 0 8px;}
.lounge__container .coupon__box .coupon__price {display: flex; justify-content: flex-start; align-items: center;}
.lounge__container .coupon__box .price__cancel {text-decoration: line-through; padding: 0 18px 0 0; box-sizing: border-box; display: block; position: relative; flex: none; font-size: 18px; font-weight: 300; color: var(--txt-c1);}
.lounge__container .coupon__box .price__cancel::after {width: 12px; height: 11px; background: url(/img/sub/coupon__arrow.png) 50% 50% no-repeat; content : ''; display: block; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);}
.lounge__container .coupon__box .price__sale {flex: none; font-size: 25px; font-weight: 800; color: var(--m-color);}
.lounge__container .coupon__box .right {width: 95px; height: 70px; background: var(--m-color); display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 16px; font-weight: 800;}
.lounge__flex {margin: 60px 0 0; width: 100%; }
.lounge__flex .lounge__box {flex: none; width: 100%; box-sizing: border-box; }
.lounge__flex .lounge__box:first-of-type {padding: 0 ;}
.lounge__flex .lounge__box:nth-of-type(2) {border-top: 1px solid #eee; margin: 50px 0 0; padding: 46px 0 0; box-sizing: border-box;}
.lounge__flex .lounge__box .lounge__img {width: 100%; max-height: 250px; max-width: 500px; margin: 0 auto 36px; }
.lounge__flex .lounge__box .lounge__img img {display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto;}
.lounge__flex .lounge__box li {width: 100%; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; max-width: 250px; margin: 0 auto;}
.lounge__flex .lounge__box li + li {margin: 36px auto 0;}
.lounge__flex .lounge__box li .img {width: 100%; max-width: 225px;}
.lounge__flex .lounge__box li .img img {display: block; max-width: 100%; width: auto;}
.lounge__flex .lounge__box li .info {box-sizing: border-box; padding: 0 0 0 12px;}
.lounge__flex .lounge__box li .info h4 {font-size: 16px; color: var(--txt-c4); font-weight: 800; margin: 0 0 4px; white-space: nowrap;}
.lounge__flex .lounge__box li .info span {position: relative; font-size: 15px; color: var(--txt-c1); font-weight: 400; line-height: 25px; display: block; padding: 0 0 0 12px; box-sizing: border-box;}
.lounge__flex .lounge__box li .info span::before {content: ''; background: #ccc; width: 5px; height: 5px; display: block; border-radius: 50%; position: absolute; top: 9px; left: 0;}
.lounge__flex .lounge__box li .info p {font-size: 14px; line-height: 20px; color: var(--txt-c1); font-weight: 400; margin: 0 0 6px; white-space: nowrap;}
@media all and (max-width: 340px) {
  .lounge__container .coupon__box .price__sale {font-size: 20px;}
}
/*tax-free*/
.tax__container {}
.tax__free_img {display: block; width: 100%;}
.tax__free_img img {display: block; margin: 0 auto; width: 100%; }
.tax__container .tax__tit {margin: 60px 0 0; text-align: center;}
.tax__container .tax__tit h3 {font-size: 25px; font-weight: 100; color: var(--txt-c4); margin: 0 0 20px;}
.tax__container .tax__tit h4 {font-size: 15px; font-weight: 800; color: var(--txt-c4); margin: 0 0 6px;}
.tax__container .box__flex {flex-wrap: wrap; width: 100%; display: flex; justify-content: center; align-content: center; align-items: center; max-width: 430px; margin: 0 auto;}
.tax__container .box {padding: 20px 0 16px; margin: 0 8px 8px 0; box-sizing: border-box; max-width: 164px; width: calc((100% - 8px) / 2); flex: none; background: url(/m/img/sub/coupon__bg.png) 50% 50% no-repeat; background-size: 100% auto;}
.tax__container .box:nth-of-type(2n) {margin: 0 0 8px;}
.tax__container .box h5 {font-size: 31px; color: #fff; font-weight: 800; text-align: center;}
.tax__container .box h5 em {font-size: 9px;}
.tax__container .box h5 span {display: block; font-size: 7px; margin: 5px 0 0;}
.tax__banner {width: 100%; margin: 56px 0 0;}
.tax__banner h3 {margin: 0 0 32px; text-align: center; color: var(--txt-c4); font-size: 25px; font-weight: 800;}
.tax__banner .banner__flex {width: 100%; margin: 0 auto; }
.tax__banner .banner__flex .left,
.tax__banner .banner__flex .right {width: 100%;}
.tax__banner .banner__flex .left {background: #3c4041; padding: 18px 0; box-sizing: border-box;}
.tax__banner .banner__flex .left .left-flex {margin: 18px 0 0;}
.tax__banner .banner__flex .left .left-flex .qr {width: 123px; height: 123px; margin: 0 auto;}
.tax__banner .banner__flex .left .left-flex .qr img {display: block; max-height: 100%; max-width: 100%;}
.tax__banner .banner__flex .left .left-flex .info {width: 100%; padding: 0 0 0 32px; box-sizing: border-box;}
.tax__banner .banner__flex .left .left-flex .info p {font-size: 14px; color: #fff; font-weight: 500; margin: 12px 0 16px; padding: 0 0 0 0; box-sizing: border-box;}
.tax__banner .banner__flex .left .left-flex .info dl {box-sizing: border-box; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
.tax__banner .banner__flex .left .left-flex .info dt {flex: none; font-size: 13px; font-weight: 500; color: #fff; line-height: 20px; width: 38px;}
.tax__banner .banner__flex .left .left-flex .info dd {flex: none; font-size: 13px; font-weight: 500; color: #fff; line-height: 20px; width: calc(100% - 38px);}
.tax__banner .banner__flex .left h4 {font-size: 22px; font-weight: 100; color: #fff; line-height: 28px; text-align: center;}
.tax__banner .banner__flex .right {background: #9ea0a0;}
.tax__banner .banner__flex .right .banner__img {width: 100%;}
.tax__banner .banner__flex .right .banner__img img{ display: block; margin: 0 auto;}
/*with*/
.with__calt {width: 100%; margin: 0 0 60px; text-align: center;}
.with__calt img {display: inline-block;}
.with__flex {width: 100%; margin: 0 auto;}
.with__flex .box { margin: 0 0 36px; width: 100%;}
.with__flex .box h4 {font-size: 18px; color: var(--txt-c4); font-weight: 800; margin: 0 0 10px;}
.with__flex .box a {display: block; border: 1px solid var(--m-color); box-sizing: border-box; width: 100%; height: 175px; background: #fff;}
.with__flex .box span {line-height: 38px; color: #fff; font-size: 16px; font-weight: 800; display: block; width: 100%; height: 40px; background: var(--m-color); text-align: center;}
.with__flex .box .img {flex-wrap: wrap; height: calc(100% - 40px); width: 100%; background: #fff; display: flex; justify-content: center; align-content: center; align-items: center;}
.with__flex .box .img img {display: block; flex: none;}
.with__flex .box .img p {width: 100%; text-align: center; margin: 20px 0 0; font-size: 15px; color: var(--txt-c4); font-weight: 700;}
/*benefit*/
.benefit__container .img {width: 100%; }
.benefit__container .img img {display: block; margin: 0 auto; max-width: 100%; height: auto; width: auto;}
.benefit__container .dir {margin: 52px auto 0; display: flex; width: 223px; height: 47px; justify-content: space-between; align-items: center; text-align: left; padding: 0 42px 0 20px; box-sizing: border-box; border: 1px solid #000; background: #fff url(/img/comm/tab_bg__arrow.png) calc(100% - 20px) 50% no-repeat; font-size: 16px; font-weight: 800; color: var(--txt-c4);}
/*hotel*/
.hotel_img {display: block; text-align: center; margin: 0 0 48px;}
.hotel_img img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
.hotel_lst ul {width: 100%; display: block;}
.hotel_lst li a {display: block; width: 100%;}
.hotel_lst li {width: 100%; flex: none; margin: 0 0 20px 0; border: 1px solid var(--border-ee); box-sizing: border-box;}
.hotel_lst li:last-of-type {margin: 0;}
.hotel_lst li .img {width: 100%; display: block;}
.hotel_lst li .img img {width: 100%; display: block;}
.hotel_lst li .txt {padding: 16px; box-sizing: border-box;}
.hotel_lst li .txt h4 {font-size: 18px; font-weight: 700; color: var(--txt-c4); margin: 0 0 16px;}
.hotel_lst li .txt h4 span {font-size: 12px; display: block; margin: 4px 0 0; color: var(--txt-c0); font-weight: 400;}
.hotel_lst li .txt .hotel_tel,
.hotel_lst li .txt .hotel_add {line-height: 16px; font-size: 12px; color: var(--txt-c1); font-weight: 400; position: relative; padding: 0 0 0 22px; box-sizing: border-box; width: 100%; }
.hotel_lst li .txt .hotel_tel {margin: 0 0 8px;}
.hotel_lst li .txt .hotel_tel::before,
.hotel_lst li .txt .hotel_add::before {display: block; content: ''; width: 18px; height: 18px; border-radius: 50%; position: absolute; top: 0; left: 0;}
.hotel_lst li .txt .hotel_tel::before {background: url(/img/sub/hotel_tel.png) 50% 50% no-repeat; background-size: 100% auto;}
.hotel_lst li .txt .hotel_add::before {background: url(/img/sub/hotel_address.png) 50% 50% no-repeat; background-size: 100% auto;}
.hotel_msg {text-align: center; font-size: 14px; margin: 0 0 32px;}
.hotel_msg dt {font-size: 18px; font-weight: 500;}
.hotel_msg dd {font-size: 16px; margin: 8px 0 0;}
.hotel_msg dd + dt {margin: 20px 0 0;}
/*reservation*/
.search__area {width: 100%; padding: 16px; box-sizing: border-box; background: #f5f5f5; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.search__area input {width: 110px; padding: 0 12px; font-size: 12px; color: var(--txt-c4); font-weight: 500; box-sizing: border-box; font-family: inherit; display: block; height: 32px; border: 1px solid #eee; background: #fff; border-radius: 3px;}
.search__area select {margin: 8px 0 8px; width: 100%; appearance: none; background: #fff url(/img/comm/sel.png) calc(100% - 14px) 50% no-repeat; cursor: pointer; font-family: inherit; padding: 0 12px; box-sizing: border-box; font-size: 15px; font-weight: 500; color: var(--txt-c1); display: block; height: 32px; border: 1px solid #eee; border-radius: 3px; }
.search__area label {margin: 0 0 8px; display: block; width: 100%; font-size: 18px; color: var(--txt-c4); font-weight: 500; }
.search__area span {display: block; font-size: 16px; color: var(--txt-c4); font-weight: 500; margin: 0 4px;}
.search__area button {font-family: inherit; cursor: pointer; border: 0; height: 32px; width: 100%; font-size: 16px; background: var(--m-color); font-weight: 500; color: #fff; text-align: center;}
.reserve_lst h3 {margin: 24px 0 0; width:100%; height: 36px; background: var(--m-color); color: #fff; font-size: 16px; font-weight: 800; text-align: center; line-height: 36px;}
.reserve_table {width: 100%; border-top: 1px solid var(--m-color); box-sizing: border-box; display: block;}
.reserve_table.no_lst {margin: 42px 0 0;}
.reserve_table thead {width: 100%; display: none;}
.reserve_table tbody {width: 100%; display: block;}
.reserve_table tr {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; display: block;}
.reserve_table th {font-size: 16px; font-weight: 700; color: var(--m-color); height: 44px; vertical-align: middle;}

.reserve_table td {width: 100%; display: block; font-size: 16px; color: var(--txt-c4); font-weight: 400; line-height: 22px; padding: 2px 10px; box-sizing: border-box; vertical-align: middle;}
.reserve_table td:first-of-type {padding: 12px 10px 2px;}
.reserve_table td:last-of-type {padding: 2px 10px 12px;}
.reserve_table td .bbs_btn {font-size: 14px; padding: 0 14px; color: var(--m-color); border: 1px solid #cb201f; display: inline-block; border-radius: 4px; box-sizing: border-box; background: #fff; font-weight: 500; text-align: center; }
.reserve_table td span.date {display: block; }
.reserve_table td b {display: block;}



#layer {width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; z-index: 9999;}
.layer_bg {position: relative; padding-bottom: calc(100% * 839 / 600); box-sizing: border-box; font-family: 'NanumSquare', 'GmarketSans', sans-serif !important; margin: 0 auto; }
.layer_button { padding-bottom: calc((100% - 40px) * 50 / 490); width: calc(100% - 40px); margin: 0 auto;
  font-weight: 500; font-family: 'GmarketSans', sans-serif !important; border: 2px solid #000;
  box-sizing: border-box; display: flex; justify-content: center; align-items: center; border-radius: 18px;
  background: #fff url(/img/layer_btn_bg.png) calc(100% - 13px) 52% no-repeat; background-size: auto 62.068%;
  position: absolute; z-index: 99; bottom: 6%; left: 50%;
  transform: translateX(-50%);}
.layer_button b {font-weight: 800; }
.layer_button span {position: absolute; left: calc(50% - 13px); transform: translate(-50%, -50%); top: 52%; text-align: center; width: 100%; line-height: 1; font-size: 4.2vw;}
.layer_bg article h3 {font-size: 13px; padding: 4px 0 0 25%; box-sizing: border-box;}
.layer_bg article h3 b {font-weight: 800;}
.layer_bg article .flex-article {width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin: 12px 0 0;}
.layer_bg article .flex-article img {flex: none; display: block; width: 105px; margin: 0 8px 0 0;}
.layer_bg article .flex-article .txt {width: calc(100% - 113px);}
.layer_bg article .flex-article .txt p {font-size: 16px; margin: 6px 0 0;}
.layer_bg article .flex-article .txt p b {font-weight: 800;}
.layer_bg article .flex-article .txt small {display: block; margin: 12px 0 0; font-size: 14px; line-height: 1.2; word-break: keep-all;}
.layer_bg article .flex-article .txt small strong {display: inline-block; font-size: 10px; }
.layer_bg article .flex-article .txt small b {font-weight: 800;}
.layer_bg section {position: relative; margin: 26px 0 0; padding: 12% 12px 28px; box-sizing: border-box; width: 100%; background: #fff url(/img/event2.png) 12px 12px no-repeat;
  background-size: 22% auto; border-radius: 12px;}
.section_ttl {padding: 0 28px 0 0; box-sizing: border-box;}
.section_ttl h3 {font-size: 16px;  word-break: keep-all;}
.section_ttl h3 b {font-weight: bold;}
.section_ttl p {font-size: 14px; margin: 4px 0 6px; word-break: keep-all;}
.section_ttl p b {font-weight: bold; font-size: 15px;}
.layer_bg form { }
.layer_bg form textarea {width: 100%; font-family: inherit; font-size: 12px; height: 40px; background: #f2f2f2; display: block; resize: none; border: 0; outline: 0;margin: 0; padding: 8px 12px; box-sizing: border-box;}
.layer_bg .form_flex {margin: 6px 0 10px; width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.layer_bg .form_flex .half-3-1 {flex: none; width: 39%; display: flex; justify-content: flex-start; align-items: center;}
.layer_bg .form_flex .half-3-2 {flex: none; width: 61%; display: flex; justify-content: flex-start; align-items: center;}
.layer_bg .form_flex input[type=text] {flex: none; display: block; margin: 0 0 0 1%; height: 26px; border: 0; outline: 0; padding: 0; background: #f2f2f2;}
.layer_bg .form_flex label {flex: none; font-size: 13px;}
.layer_bg .form_flex .half-3-1 input[type=text] {width: 60%; padding: 0 12px; box-sizing: border-box; font-size: 12px; font-family: inherit;}
.layer_bg .form_flex .half-3-2 input[type=text] {width: 70%; padding: 0 12px; box-sizing: border-box; font-size: 12px; font-family: inherit;}
.layer_terms {font-size: 14px; color: #999; line-height: 1.2;}
.layer_terms h4 {font-weight: 500; font-size: inherit; }
.layer_terms p {font-weight: 300; font-size: inherit; margin: 0 0 2px;}
.layer_terms b {font-weight: 800; font-size: inherit;}
.layer_bg .only_chk.flex {display: flex; justify-content: flex-start; align-items: center; margin: 2% 0 3%;}
.layer_bg .only_chk.flex input[type="radio"] {appearance: none;  flex: none;}
.layer_bg .only_chk.flex label {font-size: 14px; color: #000; position: relative; flex: none; padding: 0 0 0 16px; box-sizing: border-box; margin: 0 12px 0 0;}
.layer_bg .only_chk.flex label:last-child {margin: 0;}
.layer_bg .only_chk.flex label::before {content: ''; display: block; width: 14px; height: 14px; border-radius: 50%; background: #f2f2f2; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.layer_bg .only_chk.flex input[type="radio"]:checked + label::before {background: #2d2d2d;}
.present_ico {width: 78px; height: 78px; display: block; position: absolute; z-index: 80; background: url(/img/present.png) 0 50% no-repeat; background-size: contain; bottom: -30px; left: 0;}
.coffee_ico {width: 42px; height: 72px; display: block; position: absolute; z-index: 80; background: url(/img/coffee.png) 0 50% no-repeat; background-size: contain; right: 0; top: 4px;}
.layer_bottom .p_flex {display: flex; justify-content: space-between; align-items: center; width: 100%; background: #fff;}
.layer_bottom .only_chk2 {flex: none; width: 50%;}
.layer_bottom .only_chk2.end {text-align: right;}
.layer_bottom .only_chk2 label {white-space: nowrap;}


.new_t1 {margin: 18px 0 0;}
.new_t1 h3 {font-size: 16px; line-height: 1.3; color: var(--txt-c4); font-weight: bold; margin: 0 0 10px;}
.new_t1 h4 {font-size: 14px; line-height: 1.5; color: var(--txt-c1); font-weight: 500;}


.pinch-zoom-parent {background: rgba(0, 0, 0, 0.15); height: 100vh; width: 100%; display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
.pinch-zoom {width: 100%; height: auto;}
.pinch-zoom img {width: 100%; height: auto;}



.hotel_table {width: 100%; border-top: 2px solid #222; box-sizing: border-box; font-size: 13px;}
.hotel_table thead,
.hotel_table tbody {width: 100%;}
.hotel_table tr {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.hotel_table img {display: inline-block;}
.hotel_table td, .hotel_table th {font-size: 13px; color: var(--txt-c1); vertical-align: middle; padding: 0 10px; height: 42px;  box-sizing: border-box;}
.hotel_table td:first-of-type, .hotel_table th:first-of-type {width: 3%; text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.hotel_table td:nth-of-type(2), .hotel_table th:nth-of-type(2) {width: auto; border-right: 1px solid #ddd;}
.hotel_table td:nth-of-type(3), .hotel_table th:nth-of-type(3) {width: 56px; text-align: center; border-right: 1px solid #ddd;}
.hotel_table td:nth-of-type(4), .hotel_table th:nth-of-type(4) {width: 8%; text-align: center; border-right: 1px solid #ddd;}
.hotel_table td:nth-of-type(5), .hotel_table th:nth-of-type(5) {width: 8%; text-align: center; border-right: 1px solid #ddd;}
.hotel_table th {text-align: center;}
.hotel_table td a {font-size: 0; display: inline-block; width: 18px; height: 18px; line-height: 1; vertical-align: middle; background: url(/m/img/sub/link_ico.png) 50% 50% no-repeat; background-size: 100% auto;}