@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html {font-size:10px; font-family:'Noto Sans KR', Apple Gothic, "돋움", Dotum, Verdana, sans-serif; -webkit-tap-highlight-color:transparent; line-height:1;}


/*
@media screen and (max-width:736px) {
	html {font-size:23px;}
}
@media screen and (max-width:667px) {
	html {font-size:20px;}
}
@media screen and (max-width:568px) {
	html {font-size:17px;}
}
@media screen and (max-width:414px) {
	html {font-size:13px;}
}
@media screen and (max-width:375px) {
	html {font-size:11px;}
}
@media screen and (max-width:320px) {
	html {font-size:10px;}
}
*/


* {box-sizing:border-box; letter-spacing:-0.06rem; word-break:keep-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address {margin:0;padding:0;}
table {width:100%; border:0; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
fieldset,img {border:0;vertical-align:middle;}
img {width:100%;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:400;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;}

body{position:relative; width:100%; height:100%; color:#111; background:#f1f1f1;-webkit-overflow-scrolling:touch;}
#skip,hr,caption,legend {display:none;}
header, section, article,aside, nav, footer{display:block;}
input,textarea,select{font-family:inherit; vertical-align:middle; outline:0;}
textarea {padding:0.5rem; border:0.1rem solid #ccc;}
textarea::-webkit-input-placeholder {color:#bbb}
textarea::-moz-input-placeholder {color:#bbb}
textarea::-ms-input-placeholder {color:#bbb}

.loading_wrap {

    width:100%;
    height:100%;


    position:absolute;
    top:0;
}
.loading_wrap .bg {
    width:100%;
    height:100%;
    background:#fff;
    opacity:0.7;
}
#loading {
  position:absolute;
  left:50%; margin-left:-35px;
  margin-top:-35px;  top:45%;
  display: inline-block;
  width: 70px;
  height: 70px;
  border: 8px solid #e5e5e5;
  border-radius: 50%;
  border-top-color: #ef8009;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  z-index:9999;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}


/* input-type */
input[type*="text"],
input[type*="password"],
input[type*="tel"],
input[type*="number"] {box-sizing:border-box; height:3.2rem; padding:0.2rem 0.5rem; color:#111; border:0.1rem solid #ccc; border-radius:0;}
input[type*="text"]::-webkit-input-placeholder {color:#bbb}
input[type*="text"]::-moz-input-placeholder {color:#bbb}
input[type*="text"]::-ms-input-placeholder {color:#bbb}
input[type*="password"]::-webkit-input-placeholder {color:#bbb}
input[type*="password"]::-moz-input-placeholder {color:#bbb}
input[type*="password"]::-ms-input-placeholder {color:#bbb}
input[type*="tel"]::-webkit-input-placeholder {color:#bbb}
input[type*="tel"]::-moz-input-placeholder {color:#bbb}
input[type*="tel"]::-ms-input-placeholder {color:#bbb}
input[type*="number"]::-webkit-input-placeholder {color:#bbb}
input[type*="number"]::-moz-input-placeholder {color:#bbb}
input[type*="number"]::-ms-input-placeholder {color:#bbb}

input[type*="radio"] {cursor:pointer; width:1.7rem; height:1.7rem; margin-top:-0.1rem;}
.input_radio {min-height:1.7rem;}
.input_radio label {font-size:1.4rem; min-height:1.7rem; display:inline-block; cursor:pointer; position:relative; padding-left:2.2rem;}
.input_radio input[type*="radio"] {display:none;}
.input_radio label:after {content:""; display:inline-block; width:1.7rem; height:1.7rem; margin-right:1rem; position:absolute; left:0; bottom:0.1rem; background:url("/asset/img/input_radio_off.png") no-repeat center center; background-size:1.7rem;}
.input_radio input[type*="radio"]:checked + label:after {content:""; background:url("/asset/img/input_radio_on.png") no-repeat center center; background-size:1.7rem;}
.input_radio_area:after {clear:both; display:block; content:'';}
.input_radio_area .input_radio {float:left; margin-left:2rem;}
.input_radio_area .input_radio:first-child {margin-left:0;}

input[type*="checkbox"] {cursor:pointer; width:1.7rem; height:1.7rem; margin-top:-0.1rem;}
.input_checkbox {min-height:1.7rem;}
.input_checkbox label {min-height:1.7rem; display:inline-block; cursor:pointer; position:relative; padding-left:2.2rem;}
.input_checkbox input[type*="checkbox"] {display:none;}
.input_checkbox label:after {content:""; display:inline-block; width:1.7rem; height:1.7rem; margin-right:1rem; position:absolute; left:0; bottom:0.1rem; background:url("/asset/img/input_checkbox_off.png") no-repeat center center; background-size:1.7rem;}
.input_checkbox input[type*="checkbox"]:checked + label:after {content:""; background:url("/asset/img/input_checkbox_on.png") no-repeat center center; background-size:1.7rem;}
.input_checkbox_area:after {clear:both; display:block; content:'';}
.input_checkbox_area .input_checkbox {float:left; margin-left:2rem;}
.input_checkbox_area .input_checkbox:first-child {margin-left:0;}

input[type*="image"] {border-radius:0; border-radius:0;}
input[type*="button"] {cursor:pointer; border:0; background:transparent; border-radius:0;}

/* select custom */
.select_wrap {position:relative;}
.select_wrap:nth-child(even) {float:right; margin-bottom:0.5rem;}
.select_wrap select {font-size:1.4rem; box-sizing:border-box; height:3.2rem; width:100%; padding:0 1rem; border:0; border-radius:0; -webkit-appearance:none; appearance:none; appearance:none; background:#fff url("../img/ico_select.png") no-repeat right center; background-size:2.4rem; border:0.1rem solid #ccc;}

/* input custom */
.input_wrap {position:relative;}
.input_wrap input[type*="text"],
.input_wrap input[type*="password"],
.input_wrap input[type*="number"] {width:100%; height:3.2rem;}

/* input search */
.input_search {position:relative; display:inline-block;}
.input_search input[type*="text"] {width:100%; padding-right:3.1rem;}
.input_search .btn_search {width:1.6rem; position:absolute; right:4.6%; top:0.6rem;}

.input_area {}
.input_area:after {clear:both; display:block; content:'';}
.input_area .select_wrap {float:left;}
.input_area .input_wrap {float:left;}
.input_area .dash {float:left; text-align:center; line-height:2.8rem; color:#ccc;}
.input_area .btn_search {float:left; display:block; width:7.5rem; height:3.2rem; text-align:center; line-height:2.8rem; color:#666; border:0.1rem solid #ccc; font-size:1.3rem; margin-left:0.2rem;}

.block_area {padding:1.5rem 0; background:#fff;}

/* basic-alink */
a {text-decoration:none;color:#111; outline:0;}
a:link {color:#111;text-decoration:none;}
a:visited {color:#111;text-decoration:none;}
a:active {color:#111;text-decoration:none;}
a:hover {color:#111;text-decoration:none;}

iframe {-webkit-overflow-scrolling: touch;}

/* class css */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

.img_pc {display:none;}
.img_mobile {display:block;}

.blind {position: absolute; overflow: hidden; margin: -0.1rem; border: 0; padding: 0; width:0.1rem; height:0.1rem; clip: rect(0 0 0 0);}

.mt15 {margin-top:1.5rem !important;}
.mt10 {margin-top:1rem !important;}
.mt5 {margin-top:0.5rem !important;}

.color_ef8009 {color:#ef8009 !important;}
.color_13426b {color:#13426b !important;}
.color_666 {color:#666 !important;}
.color_999 {color:#999 !important;}
.color_666 + strong {margin-top:1rem;}

.bul_ef8009 {display:inline-block; width:0.7rem; height:0.7rem; border-radius:100%; background:#ef8009; position:relative; top:-0.25rem;}
.bul_13426b {display:inline-block; width:0.7rem; height:0.7rem; border-radius:100%; background:#13426b; position:relative; top:-0.25rem;}
span.pray {display:inline-block; width:0.7rem; height:0.7rem; border-radius:100%; background:#ef8009; position:relative; top:-0.25rem;}
span.course {display:inline-block; width:0.7rem; height:0.7rem; border-radius:100%; background:#13426b; position:relative; top:-0.25rem;}

/* bxSlider */
.bx-wrapper {}
.bx-wrapper .bx-viewport {border:0; left:0;}
.bx-wrapper .bx-controls { position:relative; bottom:3.5rem; text-align:center; } /* 2019-01-09 추가*/
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:block; float:left;}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin-left:0.6rem;}
.bx-wrapper .bx-pager {position:absolute; padding-top:0; z-index:60;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#666;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color:#c9c5bf; margin:0 0.4rem; border-radius:50%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width:auto; position:static; display:inline-block; } /* 2019-01-09 수정 */
/*.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:auto; left:50%; margin-left:-5.3rem; margin-left:-4.4rem;} 2018-12-03 주석*/
.bx-wrapper .bx-controls-auto {z-index:60;}
.bx-wrapper .bx-controls-auto a {margin-right:1rem;}
.bx-wrapper .bx-controls-auto .bx-stop {width:1.2rem; height:1.2rem; margin:0; background:url("/asset/img/ico_slid_play_off.png") no-repeat center center; background-size:1.2rem 1.2rem;}
.bx-wrapper .bx-controls-auto .bx-start {width:1.2rem; height:1.2rem; margin:0; background:url("/asset/img/ico_slid_play_on.png") no-repeat center center; background-size:1.2rem 1.2rem;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { position:static; display:inline-block; width:auto; height:13px; }
/*.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {left:50%; margin-left:1.4rem; width:2.2rem;}*/  /* 2019-01-09 주석 */
/*.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {left:50%; margin-left:2rem; width:2.2rem;}*/
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-start.active {display:none; background-position:center;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-start:hover {background-position:center;}

.bx-wrapper .bx-controls-direction a {z-index:100;}






/* table */
.dot_list01 + .table_wrap {margin-top:1rem;}
.table_wrap.table_type01 {}
.table_wrap.table_type01 .table_area {border-top:0.3rem solid #988f87;}
.table_wrap.table_type01 .table_area table {}
.table_wrap.table_type01 .table_area table thead {}
.table_wrap.table_type01 .table_area table thead th {font-size:1.3rem; height:3.5rem; text-align:center; padding:0.8rem 0.7rem; line-height:1.9rem;}
.table_wrap.table_type01 .table_area table tbody th {font-size:1.3rem; height:3.5rem; text-align:center; padding:0.8rem 0.7rem; line-height:1.9rem;}
.table_wrap.table_type01 .table_area table tbody td {font-size:1.3rem; height:3.5rem; text-align:center; padding:0.8rem 0.7rem; border:0.1rem solid #ccc; border-right:0; line-height:1.9rem;}
.table_wrap.table_type01 .table_area table tbody td:first-child {border-left:0;}
.table_wrap.table_type01 .table_bottom_desc {font-size:1.2rem; color:#ef8009; margin-top:1rem;}


.table_wrap.table_type02 {}
.table_wrap.table_type02 .table_area {}
.table_wrap.table_type02 .table_area table {}
.table_wrap.table_type02 .table_area table thead {}
.table_wrap.table_type02 .table_area table tbody th {font-size:1.4rem; height:3.5rem; text-align:left; padding:0.3rem 0; line-height:1.9rem; color:#999;}
.table_wrap.table_type02 .table_area table tbody th .essential {color:#ed1b24; display:inline-block; position:relative; top:0.2rem;}
.table_wrap.table_type02 .table_area table tbody td {font-size:1.4rem; height:3.5rem; text-align:left; padding:0.3rem 0; line-height:1.9rem; position:relative;}


.table_wrap.table_type02 .table_area table tbody td .reservation_current {color:#ef8009; text-decoration:underline;}
.table_wrap.table_type02 .table_area table tbody td a.reservation_cancel {position:absolute; right:0; display:inline-block; height:2.5rem; padding:0 0.5rem; border:0.1rem solid #ccc; color:#666; font-size:1.2rem; line-height:2.1rem;}



.table_wrap.table_type03 {}
.table_wrap.table_type03 .table_area {border-top:0.3rem solid #988f87;}
.table_wrap.table_type03 .table_area table {}
.table_wrap.table_type03 .table_area table tbody th {font-size:1.3rem; height:3.5rem; text-align:left; padding:0.8rem 0.7rem; line-height:1.9rem; border-bottom:1px solid #ccc; vertical-align:top;}
.table_wrap.table_type03 .table_area table tbody td {font-size:1.3rem; height:3.5rem; text-align:left; padding:0.8rem 0.7rem; line-height:1.9rem; border-bottom:1px solid #ccc; vertical-align:top;}
.table_wrap.table_type03 .table_area table tbody td ul li {color:#111;}





/* 2019-04-12 레이어팝업 추가 */
.popup_gangnam { display:; position:absolute; left:5%; width:90%; top:100px; z-index:999;}
.popup_gangnam.on { display:block; }
.popup_gangnam .close {position:absolute; top:10px; right:10px; width:3.33%; height:4.95%; }
.popup_gangnam .noti {position:absolute; bottom:-35px; width:100%; height:35px; line-height:35px; background:transparent; color:#fff; text-align:right; font-size:1em;}
.popup_gangnam .today_close {position:absolute; bottom:-18px; right:0;width:28%; height:auto; line-height:auto; background:transparent; color:#fff; text-align:right; font-size:1em; }
.scroll .popup_gangnam .noti {width:90%; left:5%;}

.popup_gangnam .noti label {color:#fff; font-size:1.5em; padding-right:35px; vertical-align:middle; }
.popup_gangnam .noti label span { display:inline-block;vertical-align:middle; margin-right:5px; }
.popup_gangnam .noti input {vertical-align:middle;}
.popup_gangnam .mobile {display:none;}
.dim_wrap {z-index:999; position:absolute;  background-color: #000; opacity:0.5; width:100%;display: none; height: 100%; top: 0px; left: 0px;}
body.scroll {overflow-y:hidden;}
.scroll .dim_wrap {display:block;}
.popup_gangnam .mobile{display:block;}
.popup_gangnam .pc{display:none;}
.popup_gangnam .date_check_img { width:14px; height:13px; vertical-align:middle; }








/* 2020-02-28 레이어팝업수정 */
.layer_popup { position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.6); z-index:200; align-items: center; display:none; }
.layer_popup.active{ display:flex; }
.layer_popup .popup_area{ padding-right:5%; padding-left:5%; box-sizing: border-box; position: relative; z-index:9; padding-top:5rem; padding-bottom:5rem; max-height:100%; overflow-y:auto; overflow-x:hidden; }
.layer_popup .popup_contents_area{overflow: hidden;}
.layer_popup .popup_contents_area a{display:block;}
.layer_popup .day_btn_area{border-top:1px solid #e0e0e0; overflow: hidden;}
.layer_popup .day_btn_area a{ font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; color:#666; font-weight:400; width:50%; border-right:1px solid #e0e0e0; box-sizing: border-box; text-align: center; background-color:#fff; padding-top:0.8rem; padding-bottom:0.9rem; display:block; float:left;}
.layer_popup .day_btn_area a:last-child{border-right:none;}