.header {background:#333; color:white; padding:0.8vw 11.5vw; height:66px;box-sizing:border-box; }
.header h1 {width:70px;display:inline-block; margin-left:1%; margin-top:-9px;cursor:pointer}
.header h1 img {width:100%; vertical-align: unset}
.header a {color:white}

.header #lnb {float:right;line-height:73px}
.header #lnb li {float:left; margin-right:15px; line-height:33px;}
.header #gnb {width:270px; margin-top:10px; border:1px solid rgb(216, 216, 216);
margin-left:-10px; position:absolute; z-index:999}
.header #lnb li a:hover {color:#ededed}
.header #gnb .menu { font-size:15px; line-height:40px;height:40px;border-bottom:1px solid #eee; position: relative;
                    background:whitesmoke; color:#333;}
.header #gnb .menu a {width:100%; height:100%; display:inline-block; padding:0 20px; box-sizing: border-box; color:#333; }
.header #gnb .menu> a:hover {background-color:#bebab7; color:#f4f4f4}
#gnb .subMenu {display:block;width:200px; position: absolute;top:0px; left:270px} 
#gnb .subMenu li {border:1px solid rgb(133, 133, 133); background:#a09a97; border-bottom:none;}
#gnb .subMenu li:hover {background:#575757}
#gnb .subMenu li a {line-height:40px; height:40px;}
.header #gnb .subMenu li a {color:#fff}
/*#gnb .subMenu li a {width:100%; height:100%; display: inline-block}*/

#menuToggle
{ display: inline-block;  z-index: 1;  -webkit-user-select: none;  user-select: none; top:-15px;cursor:pointer}
#menuToggle input
{  display: block;  width: 40px;  height: 32px;  position: absolute;  top: -7px;  left: -5px;
    cursor: pointer;    opacity: 0; /* hide this */  z-index: 2; /* and place it over the hamburger */
    -webkit-touch-callout: none;}


#menuToggle span
{  display: block;  width: 33px;  height: 4px;  margin-bottom: 5px;  position: relative;  
  background: whitesmoke;  border-radius: 3px;    z-index: 1;    transform-origin: 4px 0px;  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;}

#menuToggle span:first-child
{  transform-origin: 0% 0%;}

#menuToggle span:nth-last-child(2)
{  transform-origin: 0% 100%;}
#menuToggle input:checked ~ span
{  opacity: 1;  transform: translate(1px, -15px) rotate(45deg);  background: #dabe8a;}
#menuToggle input:checked ~ span:nth-last-child(3)
{  opacity: 0;  transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2)
{  transform: translate(3px, 13px) rotate(-45deg) ;}
#menuToggle input:checked ~ ul
{  transform: none;}

/* footer */
#p_footer {background:#575757; color:#f1f1f1;overflow: hidden;text-align:center;/*margin-top:6%*/}
#p_footer a {color:#f1f1f1}
.footContent {
  padding: 45px;
  box-sizing: border-box;
  width: 33.33%;
  float: left;
}
.footContent .footTitle {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 25px;
  display: block;
  color: white
}
.footContent #footCs {font-size: 16px; font-weight:200; line-height:21px;}
.footContent #footCs span {font-weight: 500; font-size:19px;}
.footContent #mel {
  font-size: 16px;
  margin-top: 20px;
  display: block;
  font-weight: 400
}
.footContent #footBank {
  font-size: 15px;
  line-height: 27px;
  font-weight: 400
}
.footContent #footLinks a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 27px;
}
.footBottom {clear:both; display:block; width:100%;border-top:1px solid #f1f1f1; padding:3%; height:100%; overflow: hidden;
box-sizing: border-box}
.footBottom>div {width:max-content; width:-moz-max-content; margin:0 auto }
.footBottom .footLogo {width:110px;float:left; margin-right:30px;}
.footBottom .footLogo img {width:100%; margin-right:3%}
.footBottom address {float:left; text-align: left}
.location {color:#6b6b6b;}
.location .currentLoca { color:#333}

.content {padding:3.2%;min-height:36.5vh}
.content_txt {text-align:center;}
.content_txt h2 {font-size:35px; font-weight:300;margin-bottom:15px; }
.content_txt .content_det {font-size:16px; font-weight:300; margin-bottom:60px}

/* 할인숙박 view */
.content-dc {}
.content-dc .roomList .roomList_Info {
  background:#333;
  color:#fff;
}
.content-dc .roomList .roomList_Info dl dt {
  color: #cacaca
}
.content-dc .roomList .roomList_Info dl dd {
  color:#fff;
}
.content-dc .facilList .facil_item {
    background:#333;
    color:#fff;
}

/* 숙박 목록 페이지 */
.tour_list {padding:0 11.5vw;overflow:hidden}
.tour_list ul li {list-style:none; width:45.5%;float:left; background-color:; margin-bottom:4.5%}
.tour_list ul li:nth-child(2n) {margin-left:4.5%;}
.tour_list ul li .tourList_thumb {width:100%; height:21vw;}
.tour_list ul li .tourList_thumb img {width:100%; object-fit: cover;height:100%}
.tour_list ul li .tourName {font-size:1.47em; line-height:2.5em; font-weight:500; color:#3e3e3e}
.tour_list ul li .tourAddr {color:#4d4343; font-size:1.13em; font-weight:300; display:block; height:45px}
.tour_list ul li #btn_tourView {width:180px; height:45px; background:#957741; color:whitesmoke;font-size:1.13em; font-weight:400;float:right;}
#btn_tourView  {position: relative;
  overflow:hidden;    z-index: 1;  cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
#btn_tourView:hover { color: whitesmoke;}
#btn_tourView:before { content: "";  position: absolute;  background: #383736;  top: 0;  left: 0;  right: 100%; bottom: 0;  z-index: -1; -webkit-transition: right 0.09s ease-in;}
#btn_tourView:hover:before { right: 0;}


.tour_list ul li #btn_tourdView {width:180px; height:45px; background:#745256; color:whitesmoke;font-size:1.13em; font-weight:400;float:right;}
#btn_tourdView  {position: relative;
  overflow:hidden;    z-index: 1;  cursor: pointer;
  transition:         0.5s ease-in;
  -o-transition:      0.5s ease-in;
  -ms-transition:     0.5s ease-in;
  -moz-transition:    0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
}
#btn_tourdView:hover { color: whitesmoke;}
#btn_tourdView:before { content: "";  position: absolute;  background: #383736;  top: 0;  left: 0;  right: 100%; bottom: 0;  z-index: -1; -webkit-transition: right 0.09s ease-in;}
#btn_tourdView:hover:before { right: 0;}




.mainContent:after {content: ""; display: block; clear:both;}
.mainContent h2 {padding:90px 0 30px; text-align: center;font-size:2.3em; font-weight:300 }

.mainContent .indexSlide {padding:0 5.3%; z-index:1}

.mainContent .main_Intro {padding:0 16% 45px; background:#eee; overflow: hidden;text-align: center}
.mainContent .main_Intro li {width:22%; display:inline-block ;padding:45px 30px 0;text-align:center; 
box-sizing: border-box}
.mainContent .main_Intro li span {display:block;text-align: center}
.mainContent .main_Intro li .mIntro_title {font-size:2em;}
.mainContent .main_Intro li img {width:150px; padding:15px 0}
.mainContent .main_Intro .mIntro_txt {font-size:1.17em; font-weight:400;line-height:1.2em; max-height:50px; overflow: hidden;}

.mainContent .mainEvent {text-align:center;}
.mainContent .mainEvent li {width:370px;height:370px; border:1px solid #eee; display:inline-block; border-radius: 30px; 
margin-right:60px; cursor:pointer;vertical-align: bottom;transition:all 0.3s}
.mainContent .mainEvent li:last-child {margin-right:0px;}
.mainContent .mainEvent .eventTit {font-size:1.2em; padding:30px; text-align:center; box-sizing: border-box; 
  line-height:1.6em; /*text-overflow: ellipsis; white-space: nowrap;*/overflow: hidden; font-weight:300}
.mainContent .mainEvent .eventTxt {max-height:55px;overflow: hidden; padding:0 30px;}
.mainContent .mainEvent .eventThumb { border-bottom:1px solid #eee; height:70%; overflow: hidden;}
.mainContent .mainEvent .eventThumb img {height:100%; position: relative; left:-40%}
.mainContent .mainEvent li:hover {background:#eee}

.mobilLink {text-align: center;}
.mobilLink a {width:250px; border:1px solid #ededed; display:inline-block; margin-right:15px; vertical-align: bottom}
.mobilLink a:last-child {margin-right:0px;background:#FAE100}
.mobilLink a img {padding:15px 0}

.eventLayer {position:fixed; top:50%; lefT:50%;margin-top:-360px;margin-left:-600px; width:1200px; height:640px; background:#fff;
   box-shadow:0 0 0 999px rgb(0,0,0,0.7); padding:45px 30px; border-radius: 30px;  }
.eventLayer #btn_close {font-size:2.5em; position:Absolute; top:10px; right:15px; color:#575757}
.eventLayer #btn_close:hover {color:#333}
.eventLayer .eLayer_tit {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee; font-size:2em}
.eventLayer .eLayer_txt {margin-top:15px; font-weight:300; font-size:1.2em}

/* 숙박 뷰 페이지 */
.tour_view {min-width:1200px}
.tour_view .hotelName {font-size:30px; font-weight:300; line-height:3.3em}
.tour_view .hotelImg {width:100%; height:750px;overflow:hidden}
.tour_view .hotelImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tour_view .bx-wrapper {position: relative;}
.tour_view .bx-wrapper .bx-controls {position:absolute; top:50%; width:100%; height:50px; z-index:55; margin-top:-32px;}

.bx-controls .bx-next, .bx-controls .bx-prev {display:block; width:30px; height:64px; position:absolute;  font-size:0px}
.tour_view .bx-wrapper .bx-controls .bx-prev {background:url('https://img.ibottle.kr/julgigobaseimg/vip/premium/icons/arrow_fff.png') no-repeat 4%;left:10px; }
.tour_view .bx-wrapper .bx-controls .bx-next {background:url('https://img.ibottle.kr/julgigobaseimg/vip/premium/icons/arrow_fff.png') no-repeat 95%;right:10px; }


.con_tourView {margin-top: 1vw; padding:0 2%; clear:both;}
.con_tourView h4 {font-weight:400; font-size:2.4em; line-height:3em}

.rmlist_wrap {padding:0 60px; position: relative;overflow: hidden;}

.con_tourView .tourDirection {position: relative;}
.con_tourView .tourDirection .mapOverlay {width:280px; height:240px; background:#333; color:#fff;
position:Absolute; top:120px; left:100px;z-index:777; box-sizing:border-box; padding:40px}
.con_tourView .tourDirection .mapOverlay #mapName {font-size:21px; margin-bottom:15px;}
.tourDirection .mapOverlay #mapAddr {margin-bottom:10px;font-size:15px; font-weight:300}
.tourDirection .mapOverlay #mapPhone {font-size:18px; font-weight:300} 
.roomList {overflow: hidden}
.roomList ul li {border:1px solid #eee; width:31%; margin-right:3%; float:left;cursor:pointer;
transition:         0.15s ease-in;
  -o-transition:      0.15s ease-in;
  -ms-transition:     0.15s ease-in;
  -moz-transition:    0.15s ease-in;
  -webkit-transition: 0.15s ease-in;}
.roomList ul li:hover {background:#eee}
.roomList ul li:last-child {margin-right:0px}
.roomList .roomList_thumb {width:100%; height:15.6vw;}
.roomList .roomList_thumb img {width:100%; height:100%; object-fit: cover}
.roomList ul:after {content: ""; display: block; clear:both;}
.roomList .roomList_Info {padding:20px 30px;}
.roomList_Info dl dt ,.roomList_Info dl dd {display:inline-block;font-size:15px;font-weight:300}
.roomList .roomList_Info dl dt {color:#6b6b6b; padding-right:10px;}
.roomList .roomList_Info dl dd {
  color: #333;
  width: 25%;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  vertical-align: bottom
}
.roomList .roomList_Name {font-size:20px; padding-bottom:10px}
.roomList .roomList_Price {font-size:23px; display:block;text-align: right; margin-top:8px}
.rmlist_wrap .swiper-button {font-size:0; }
.rmlist_wrap  .swiper-button-prev {background:url("https://img.ibottle.kr/julgigobaseimg/vip/premium/cal-arrow.png") no-repeat 20%; left:0}
.rmlist_wrap  .swiper-button-next {background:url("https://img.ibottle.kr/julgigobaseimg/vip/premium/cal-arrow.png") no-repeat 83%; right:0}
.con_tourView .tourView_txt {font-size:1.2em; font-weight:300}

.facilList {
  overflow: hidden;
  padding: 0 60px;
}
.facilList ul::after {}
.facilList ul li {
  margin-right: 3%;
  float: left;
  border: 1px solid #eee;
  width: 25%;
  transition: all 0.3s
}
.facilList ul li:hover {
  background: #eee;
}
/*.facilList ul li:last-child {margin-right:0px;}*/
.facilList .facil_item {
  width: 25%;
  height: 15vw;
  border:1px solid #eee;
}
.facilList .facilList_thumb {
  height:80%
}
.facilList .facilList_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.facilList .facilList_name {
  height: 20%;
  font-size: 1.16em;
  text-align:Center;
  line-height:3em;
}

.facilList .bx-controls-direction {
  position: relative;
}
.con_tourView .bx-controls {position:relative}
.con_tourView .bx-controls .bx-next,
.con_tourView .bx-controls .bx-prev {
  font-size:0;
  top:-180px;
  height:45px;
  background-image:url("https://img.ibottle.kr/julgigobaseimg/vip/premium/cal-arrow.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.con_tourView .bx-controls .bx-next {
  right:0;
  background-position-x:  90%;
  right:-33px
}
.con_tourView .bx-controls .bx-prev {
  left:-33px;
  background-position-x: 20%;
}


.sightList .sight_info {
  width: 23%;
  margin-right: 2%;
  float: left;
  position: relative;
  height: 14vw;
  border: 1px solid #eee;
  margin-bottom:1.5%;
  cursor:pointer
}
.sightList .sight_info img {
  width: 100%;
  height: 85%;
  object-fit: cover
}
.sightList .sight_info p {
  text-align:center;
  line-height:2.5em;
  transition:.3s
}
.sightList .sight_info:hover p {
 background:#eee;
}
/*.sightList li:last-child {margin-right:0px;}*/
.sightList .sight_info:nth-child(4n) {
  margin-right:0
}
.sightList .sight_info .sight_dim {
  position: Absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background:rgb(0,0,0,0.65); color:white;text-align:Center; line-height:14vw;font-size:2em; font-weight:300;}



.tour_Searchbox label {position:unset; font-size:1.25em; font-weight:300;color:#6b6b6b}
.tour_Searchbox> div, .tour_Searchbox button { height:75px; line-height:75px;display:inline-block;}
.tour_Searchbox >div {border:1px solid #eee; box-sizing: border-box; padding:0 30px;margin-right:0.8%;}

.tour_Searchbox button { font-size:1.25em; background:#957741;display:inline-block;}
.tour_Searchbox #tour_Datepick {width:44%}
.tour_Searchbox #tour_Datepick #datepicker_in {margin-right:15px;}
.tour_Searchbox #tour_Datepick input {line-height:2.5em; margin-left:15px;cursor:pointer;
  border:none;width:32%; text-align:center;   vertical-align: baseline; color:#333; font-size:1.25em; 
background:url('https://img.ibottle.kr/julgigobaseimg//vip/images/icons/icon_date.png')no-repeat;
background-size:18px; background-position:95%}
.tour_Searchbox #tour_Datepick input::-webkit-input-placeholder {color:#333; }
.tour_Searchbox #tour_Datepick input::-ms-input-placeholder {color:#333;}
.tour_Searchbox #tour_Datepick input::-moz-input-placeholder {color:#333;}

.tour_Searchbox {text-align:center;margin-top:60px;box-sizing: border-box}
.tour_Searchbox #tour_Coupon {width:37%}
.tour_Searchbox #tour_Coupon span {display: inline-block; width:9%;text-align:left;
color:#6b6b6b}
.tour_Searchbox #tour_Coupon select  {line-height:2.5em; cursor:pointer;width:89%; border:none;
  color:#333; font-size:1.25em;vertical-align: baseline; padding:0px; 
  background:#fff url('https://img.ibottle.kr/julgigobaseimg/vip/premium/icons/arrow_down.png') no-repeat 99% 50%; 
  background-size:4%;}

.tour_Searchbox #btn_roomSrch {width:10%}


.room_layer {display:block;position: absolute;; top:900px; left:50%;margin-left:-600px;width:1080px;height:680px;
    overflow: auto; background:#fff; border:1px solid black; padding:60px; 
    scrollbar-color:#6b6b6b white;scrollbar-width:thin; cursor: initial;
    box-shadow:0 0 0 999px rgb(0,0,0,0.7); -webkit-box-shadow:0 0 0 999px rgb(0,0,0,0.7);z-index:99}
.room_layer::After {content:""; display:block; height:30px; width:100%;}
.room_layer::-webkit-scrollbar {width:5px;}
.room_layer::-webkit-scrollbar-thumb {background:#6b6b6b}


.room_layer .roomSlide {width:820px; height:560px;box-sizing: border-box; float:left; 
  border:1px solid #eee; overflow:hidden; }
.room_layer .roomSlide .slides {width:100%; height:100%;}
.room_layer .roomSlide li {width:100%; height:100%; overflow:hidden;}
.room_layer .roomSlide img {width:100%; height:100%; object-fit: contain;}

.room_layer .rmLayer_title {width:220px;float:right;margin-left:20px;}
.room_layer .rmLayer_title h5 {font-size:30px;font-weight:300}
.room_layer .rmLayer_title p {margin-top:15px; font-weight:300; font-size:1.16em}
.room_layer .rmLayer_info { 
  float:right; width:220px;
  position: absolute;
  bottom:0;
  righT:0;
}
.room_layer dl {font-size:1.1em}
.room_layer dl dt {color:#6b6b6b; font-weight:300; }
.room_layer dl dd {color:#333; font-weight:400;}
.room_layer .rmLayer_info dl dt {display: inline-table; width:48%}
.room_layer .rmLayer_info dl dd {display: inline-table; width:49%}

.room_layer .room_upinfo {
  position:relative;
  overflow: hidden;
}
.room_layer .rmLayer_downinfo {clear:both;}

.room_layer .rmLayer_downinfo {width:100%; margin-top:40px;}
.room_layer .rmLayer_downinfo dd {display:inline-block;}
.room_layer .rmLayer_downinfo dd img {height:40px}
.room_layer .rmLayer_downinfo dd span {display:block; margin-top:10px;}

.room_layer .rmLayer_downinfo .rmLayer_flexInfo {display:flex;}
.room_layer .rmLayer_downinfo .rmLayer_flexInfo dt {width:10%}
.room_layer .rmLayer_downinfo .rmLayer_flexInfo .rm_Price {
  font-size:25px;
  margin-top:-7px;
}
.room_layer .rmLayer_downinfo .rmLayer_amens dt {display:inline-flex;vertical-align: top; line-height:70px;width:8%}
.room_layer .rmLayer_downinfo .rmLayer_amens dd {text-align:center;vertical-align: middle; width:10%; margin-bottom:12px;}
.room_layer .rmLayer_downinfo .rmLayer_amens #amens_dd {width:90%;display:inline-block;}

.room_layer .rmLayer_downinfo #rmLayer_price p {color:#6b6b6b; font-weight:300; font-size:1.1em;}
.room_layer .rmLayer_downinfo #rmLayer_price table {width:100%;border-top:1px solid #6b6b6b; border-bottom:1px solid #6b6b6b; margin-top:15px;}
#rmLayer_price table th, #rmLayer_price table td {line-height:2.6em; text-align: center; border-bottom:0px}
#rmLayer_price table th {color:#6b6b6b; font-weight:400;}
#rmLayer_price table td {color:#333}

/* 객실 레이어 내 datepicker/쿠폰 선택 추가 2021.05.04 */
.tour_Searchbox.roomDate {margin-top:30px}
.tour_Searchbox.roomDate label{font-size:1.1em}
.tour_Searchbox.roomDate> div, .tour_Searchbox.roomDate button {height:64px; line-height:64px;}
.tour_Searchbox.roomDate >div {padding:0 15px}
.tour_Searchbox.roomDate #tour_Datepick input {margin-left:5px; font-size:1.1em}
.tour_Searchbox.roomDate #tour_Datepick {width:50%}
.tour_Searchbox.roomDate #tour_Datepick div {width:49%;display:inline-block;}
.tour_Searchbox.roomDate #tour_Datepick div input {width:63%}

.tour_Searchbox.roomDate #tour_Coupon {width:48%}
.tour_Searchbox.roomDate #tour_Coupon select {line-height:1em;font-size:1.1em}

/*.btn_area {position: relative;}*/
#btn_book  {position: relative;
  height: 50px;  width: 220px;  margin: 0 auto;  font-size: 1.16em;  color: #333;  text-transform: uppercase;  
  overflow:hidden;  background: #957741;  z-index: 1;  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}
#btn_book:hover {  color: whitesmoke;}
#btn_book:before {  content: "";  position: absolute;  background: #383736;  top: 0;  left: 0;  right: 0;  bottom: 100%;
  z-index: -1;  -webkit-transition: bottom 0.09s ease-in;}
#btn_book:hover:before {  bottom: 0;}

.btn_close {font-size:38px; font-weight:lighter; color:#6b6b6b; cursor:pointer; padding:0 8px;}
.btn_close:hover {background:#eee}
.room_layer .btn_close {position:absolute; right:0px; top:-5px;}

.payContent label {position:unset}
.payContent .pay_tit {font-size:1.6em; font-weight:400; margin-top:15px;}
.payContent .pay_txt {border:1px solid #ddd; margin:1.2% 2% 2%;}
.payContent .pay_dl { font-size:1.6em;font-weight:300; padding: 3% 12%;
line-height:2.4em;}
.pay_dl dt, .pay_dl dd {display:inline-block;text-align:center;}
.pay_dl dt {width:35%; color:#6b6b6b}
.pay_dl dd {width:64%; }
.pay_dl dd input[type="text"] {
  width: 100%;
  height: 3em;
  padding: 0 2%;
  border: none;
  border-bottom: 1px solid #eee;
  font-size: 0.9em;
  background: none
}

.pay_txt #termsCons_txt {padding:1.5% 10%; font-size:1.16em; font-weight:300}
.pay_txt #termsCons_txt span {font-weight:400; padding:15px 0 10px;display:block;}

.payContent #totalPrice_dl {padding:3% 30%; border:2px solid #6b6b6b}
#totalPrice_dl dt {text-align:left}
#totalPrice_dl dd {font-weight:500; text-align:right}
#totalPrice_dl dd #confirm_acc {margin-left:30px}

/* payment약관동의 체크박스 */
.termsCons_check label {position:unset}
.termsCons_check input[type="checkbox"]:checked,
.termsCons_check input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.termsCons_check input[type="checkbox"]:checked + label,
.termsCons_check input[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    left:0px;
}
.termsCons_check input[type="checkbox"]:checked + label:before,
.termsCons_check input[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
.termsCons_check input[type="checkbox"]:checked + label:after,
.termsCons_check input[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #957741;
    position: absolute;
    top: 6px;
    left: 6px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.termsCons_check input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.termsCons_check input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.termsCons_check {padding:1.5% 10%}
.termsCons_check div {display:inline-block;margin-right:60px;}
.termsCons_check div label[for="agree_all"] {font-weight:600; color:#000}

/* 약관동의 라디오 버튼 :현재 사용 x(2021.05.04) */
.termsCons {margin-top:1%}
.termsCons li {
  position: relative;
  display:inline-block;
  margin-right: 20px;
}

.termsCons li label {
  position: UNSET;
  padding-left: 40px;
  color: #6b6b6b;
  font-weight: 300;
  cursor: pointer;
  z-index: 1;
  font-size:1.6em;

}

.termsCons .radio_check {
  position: absolute;
  width: 14px;  height: 14px;  top: 7px;
  left: 14px;  border: 3px solid #6b6b6b;  border-radius: 100%;
  cursor: pointer;  z-index: 0;
}

.termsCons .radio_check:before {
  content: "";  position: absolute;
  width: 8px;  height: 8px;  top: 3px;
  left: 3px;  border-radius: 100%;  transition: all 0.25s;
}

.termsCons input[type="radio"] {
  position: absolute;  visibility: hidden;
}

.termsCons input[type="radio"]:checked ~ .radio_check {
  border: 3px solid #333;
}

.termsCons input[type="radio"]:checked ~ .radio_check:before {
  background: #333;
}

.termsCons input[type="radio"]:checked ~ label {
  color: #333;}


/* 결제수단 라디오 */
#pay_method .pay_mthd {position: relative;display: inline-block}
#pay_method label {
  position: UNSET;
  padding-left: 40px;
  color: #6b6b6b;
  font-weight: 300;
  cursor: pointer;
  z-index: 1;
  font-size:1.06em;

}

#pay_method .radio_check {
  position: absolute;
  width: 14px;  height: 14px;  top: 17px;
  left: 14px;  border: 1px solid #6b6b6b;  border-radius: 100%;
  cursor: pointer;  z-index: 0;
}

#pay_method .radio_check:before {
  content: "";  position: absolute;
  width: 8px;  height: 8px;  top: 3px;
  left: 3px;  border-radius: 100%;  transition: all 0.25s;
}

#pay_method input[type="radio"] {
  position: absolute;  visibility: hidden;
}

#pay_method input[type="radio"]:checked ~ .radio_check {
  border: 1px solid #333;
}

#pay_method input[type="radio"]:checked ~ .radio_check:before {
  background: #957741;
}

#pay_method input[type="radio"]:checked ~ label {
  color: #333;}




  
  /* 버튼 트랜지션 */
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#1E4164;
	font-family:Arial;
	font-size:15px;
	font-weight:regular;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 2px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}

.complete_wrap {border:1px solid #6b6b6b;  overflow: hidden;padding:3% 12%; text-align:center;}
.check_svg {display:inline-block;}
.check_svg svg { margin:0; width:120px;}
.completeTxt {display:inline-block;width:40%; vertical-align: top; padding-top:3%; font-size:18px}

.completeDetail {width:60%; margin:4% auto 0}
.completeDetail dt, .completeDetail dd {display:inline-block; width:49%; font-size:15px;line-height:35px;
font-weight:300}
.completeDetail dt {width:35%; color:#6b6b6b}
.completeDetail dd {width:64%; color:#333; font-weight:400}

/*마이페이지 */
#mypage_popup .table {box-sizing:border-box; padding:10px}
#mypage_popup .detailTable {font-size:15px;width:97%}
#mypage_popup .detailTable th,td {border:1px solid #ddd; height:45px;box-sizing:border-box; }
#mypage_popup .detailTable th {text-align:Center; font-weight:600; color:#0f5da5; font-weight:600 }
#mypage_popup .detailTable td {padding-left:15px; }
#mypage_popup h1 {background:#333; color:whitesmoke; padding:10px 20px }
#mypage_popup h2 {padding:10px 20px}
#mypage_popup h2 span {font-size:15px; color:#666; margin-left:30px; float:right; line-height:35px}

/* 수기결제 팝업 */
.btn_area #btn-manual {
  margin:10px auto;
  background:#415F95
}
.manual_booking {font-size:14px;}
.manual_booking .tbl_adminPay table {
  width:90%;
  margin:20px auto;
  border:1px solid #dedede;
}
.manual_booking .tbl_adminPay table th,
.manual_booking .tbl_adminPay table td {
  border:1px solid #dedede;
  font-size:14px;
}
.manual_booking .tbl_adminPay table th {
  color:#4e380f
}
.manual_booking .tbl_adminPay table input,
.manual_booking .tbl_adminPay table select {
  width:100%;
  height:35px;
  border:0;
}

.manual_booking .btn_adminPay a {
  display:block;
  margin:0 auto;
  width:280px;
  text-align: center;
  line-height:40px;
  color:white;
  background-color:#957741
}
.manual_booking h4 {
  font-size:18px;
  border-bottom:1px solid #957741;
  padding:10px 0;
}
.manual_booking .search_user {
    text-align: center
}
.manual_booking .search_user input {
  width:35%;
  height:30px;
  margin:10px auto 0;
  border:1px solid #dedede;
}
.manual_booking .search_user #search_cert {
  height:30px;
  background:steelblue;
  color:white;
  border:0;
  vertical-align: middle;
  cursor:pointer;
}


/*공지사항 팝업 */
.notice_modal {position:absolute; top:30%; left:50%;
width:400px; height:auto; background:#fff; margin-left:-200px;
padding:30px; border:1px solid #dabe8a
}
.notice_modal .close-modal {
  position:absolute;top:5px; right:10px; font-size:30px; background:none;
}
.notice_modal .close-modal:hover {background-color: #ededed;}
.notice_modal .modal-tit {font-size:22px; padding:15px 0; border-bottom:1px solid #6b6b6b; font-weight:500}
.notice_modal .modal-txt {max-height:200px;font-size:15px; padding:15px 0; font-weight:400;overflow-y: scroll; }