/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {font-size:1em; color:black;line-height: 1.4; letter-spacing:-0.02em; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder {
    font-size: .875em;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-writing-mode: horizontal-tb;
}

/*
 * A better looking default horizontal rule
 */



/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#wrapper { overflow:hidden; /*  padding:0 24px; */ }
#wrapper .pd24 {  padding:0 24px; }
#intro { position:fixed; width:100%; height:100%; background:#0a53e5; }
#intro p { position:absolute; left:50%; top:50%; margin-top:-28px; margin-left:-78.5px; }
#intro p img { width:157px; height:auto; }
#back-top { z-index:3; position: fixed; bottom: 80px; right:20px; margin-left: 0px;} /* 21/06/18 m */
#back-top a { display: block;}
#back-top span { width: 57px; height: 57px; display: block; margin-bottom: 7px; background: url("../img/btn_top.png") no-repeat center center / 57px auto;}
header#header-m { position:relative; margin:13px 0 0; }
header#header-m h1 { position:absolute; left:24px; top:0px; }
header#header-m h1 img { width:46px; height:auto; }
header .sch-area { position:relative; margin:0 0 0 60px; border-radius:10px; background:#f1f1f5; }
header .sch-area input { /* width:100%; */ height:50px; padding-left:10px; border:0; background:none; }
header .sch-area a { display:block; position:absolute; right:15px; top:15px; width:19px; height:auto; }
header .sch-area a img { width:19px; height:auto; }
.swipe-main1 { position:relative; /* margin:25px 0 20px -24px; */ padding:25px 1.5rem 20px; }
.swipe-main1 > .swiper-container { overflow:inherit; }
.swipe-main3 > .swiper-container { overflow:inherit; }
.swipe-main1 .swiper-slide { position:relative; width:85%; }
.swipe-main1 .swiper-slide img { width:100%; height:auto; }
.swipe-main1 .swiper-slide .up { position:absolute; left:0; bottom:70px; width:160px; margin-left:10px; background:url('../img/ico_excl.png') no-repeat left top / 22px auto; }
.swipe-main1 .swiper-slide a dl { position:absolute; left:30px; bottom:65px; }
.swipe-main1 .swiper-slide a dl dt { font-weight:bold; font-size:1.5em; }
.swipe-main1 .swiper-slide a dl dd { margin-top:10px; font-weight:normal; opacity:.8; }
.swipe-main1 .swiper-slide a { display:block; color:white; }
.p-lst { overflow:hidden; }
.p-lst .top { position:relative; }
.p-lst .top a { position:absolute; right:0; bottom:0; font-size:14px; }
.p-lst .top p { font-weight:bold; font-size:20px; }
.p-lst .lst > ul { overflow:hidden; }
.p-lst .lst > ul > li { position:relative; margin-bottom:40px; /* width:48.5%; float:left; */ }
.p-lst .lst > ul > li:nth-child(odd) { /* float:left; */ }
.p-lst .lst > ul > li:nth-child(even) { /* float:right; */ }
.p-lst .lst .thumb span { z-index:1; display:inline-block; position:absolute; left:0; top:0; padding:5px 8px;  border-radius:10px 0 10px 0; background:#f94336; color:white; font-size:.813em; }
.p-lst .lst .thumb span i { font-style:inherit; font-family: 'Roboto'; }
.p-lst .lst .thumb img { width:100%; height:auto; border-radius:10px; }
.p-lst .lst .bot dl { margin-top:10px; font-size:.875em; }
.p-lst .lst .bot dl dd { overflow:hidden; margin-top:10px; text-align:right; }
.p-lst .lst .bot dl dd .left { float:left; }
.p-lst .lst .bot dl dd .right { float:right; }
.p-lst .lst .bot dl dd  strong { font-size:16px; }
.p-lst .lst .bot dl dd span {  color:#767676; text-decoration:line-through; }
.p-lst .lst .bot dl dd span.en-num { margin-left:5px; }
.p-lst .lst .bot span.dis { display:inline-block; margin-top:10px; padding:3px 5px; border:1px solid #ff3120; color:#ff3120; border-radius:5px; font-size:.75em; }
.freemode { padding:0 1.5rem; }
.freemode > p { position:relative; margin-bottom:15px;/*  padding-left:24px;  */font-weight:bold; font-size:1.375em; } /* 21/06/09 m */
.freemode > p a { position:absolute; right:0; bottom:3px; font-size:14px; font-weight:normal; } /* 21/06/09 m */
.freemode .swiper-container { overflow:inherit; padding-bottom:20px; }
/* .freemode .swiper-slide.col4 { margin-left:0!important; } */
.freemode .swiper-slide {/*  width:25%!important; */ height: calc((100% - 30px) / 2); /*  width:90%!important; */ }
.freemode .swiper-slide ul li {margin-bottom:15px; }
.freemode .swiper-slide dl dt img { width:100%; height:auto; border-radius:100px; }
.freemode .swiper-slide dl dd { margin-top:5px; font-size:.875em; text-align:center; }
.freemode .swiper-scrollbar { position:inherit!important; top:15px; width:20%!important; left:50%!important; bottom:0!important; margin-left:-10%; }
.freemode .swiper-scrollbar-drag { background: rgba(0,0,0,.8); }
.swipe-main3 { margin-top:20px; /* padding-left:24px; */ padding:0px 1.5rem 0px; }
.swipe-main3 .swiper-slide { width:87%!important; }
.swipe-main3 .swiper-wrapper div.swiper-slide-active { /* padding-left:24px; */ }
/* .swipe-main3 .swiper-wrapper > div+div { padding:0 0 0 10px; } */
.swipe-main3 img { width:100%; height:auto; }
.p-lst.tab { margin-top:50px; }
.tab-menu.recomm ul { overflow:hidden; width:100%; margin-top:10px; }
.tab-menu.recomm li { float:left; padding-left:15px; }
.tab-menu.recomm li+li { margin-left:20px }
.tab-menu.recomm li.on { background:url('../img/dot_blk.png') no-repeat left 50% / 6px auto; }
.tab-menu.recomm li span { font-weight:bold; }
.col2 { margin:0 -5px; }
.col2 ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
}
.col2 li { 
	overflow:hidden;
	width: calc(50% - 10px);
	margin:0 5px;
}
.col4 { margin:0 -5px; }
.col4 ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
}
.col4 li { 
	overflow:hidden;
	width: calc(25% - 10px);
	margin:0 5px;
}
#menu-foot {
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2700;
    background: #fff;
    padding-bottom: env(safe-area-inset-bottom);
    padding-bottom: constant(safe-area-inset-bottom);
}
#menu-foot > ul { padding-bottom:8px; border-top:1px solid #efefef;}
#menu-foot > ul li { float:left; width:25%; text-align:center; }
#menu-foot > ul li.menu1 { background:url('../img/ico_foot_1_off.png') no-repeat center 10px / 19px auto; }
#menu-foot > ul li.menu2 { background:url('../img/ico_foot_2_off.png') no-repeat center 10px / 15px auto; }
#menu-foot > ul li.menu3 { background:url('../img/ico_foot_3_off.png') no-repeat center 12px / 20px auto; }
#menu-foot > ul li.menu4 { background:url('../img/ico_foot_4_off.png') no-repeat center 10px / 20px auto; }
#menu-foot > ul li.menu1 a.on { background:url('../img/ico_foot_1_on.png') no-repeat center 10px / 19px auto; }
#menu-foot > ul li.menu2 a.on { background:url('../img/ico_foot_2_on.png') no-repeat center 10px / 15px auto; }
#menu-foot > ul li.menu3 a.on { background:url('../img/ico_foot_3_on.png') no-repeat center 12px / 20px auto; }
#menu-foot > ul li.menu4 a.on { background:url('../img/ico_foot_4_on.png') no-repeat center 10px / 20px auto; }
#menu-foot > ul li a { display:block; padding:34px 0 0 0px; font-size:12px; }
#menu-foot .btn-signin.btn-red { padding:10px 0; }
#menu-foot a { border-radius:0; border:none; }
#menu-foot a.btn-b { padding:10px 0; }
.footer { min-height:130px; background:#f8f8fa; }
.footer .cont { margin:15px 24px; }
.footer .cont .txt { text-indent:1px; padding-left:17px; background:url('../img/ico_exclamation.png') no-repeat 0 3px / 12px auto; font-size:.75em; color:#888; font-weight:300; }
.footer .copyright { padding-top:10px; text-align:center; }
.footer .copyright span { font-size:.813em; }
.footer .copyright span img { width:60px; height:auto; margin-left: 10px;} 
.footer .mid { /* margin-top:15px; */ padding-top:30px; }
.footer .mid a.btn { display:block; padding:10px 0 17px; /* text-align:center; */ font-size:14px; }
.footer .mid a.btn img { width:12px; height:auto; margin-left:5px; transition: all 0.4s; }
.footer .mid a.btn.on img { /* background:url('../img/arr_gray_down.png') no-repeat right center / 12px auto; */ -webkit-transform: rotate(180deg);  transform: rotate(180deg); transition: all 0.4s; }
/* .footer .mid .btn a.off img {  } */
.footer .mid .btn.on strong {   -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  }
.footer .lst { margin:0; padding:17px 0 0 0; border-top:1px solid #ededed; }
.footer .lst dl { overflow:hidden; width:100%; margin-bottom:5px; font-size:12px; color:#767676; } 
.footer .lst dl dt { float:left; }
.footer .lst dl dd { float:left; padding-left:5px;} 
.footer .lst dl dd a { color:#1a1a1a; margin-left: 3px; } 
.footer .lst > p { margin-bottom:17px; font-size:12px; color:#767676; }
.footer .bot { /* margin-top:10px; */ padding:17px 0 85px 0; border-top:1px solid #ededed; }
.footer .bot p { margin-top:10px; font-size:12px; color:#767676; line-height:1.7em; }
.footer .bot ul { overflow:hidden; width:100%; }
.footer .bot a.point { color:#1a1a1a; }
.footer .bot ul li { float:left; /* width:25%; */ text-align:left; font-size:.875em; }
.footer .bot ul li+li { margin-left:10px; }
.footer .bot ul li a {  display:block; color:#767676; font-size:12px; }
.overlay {
	display:none;
    position: fixed;
    width: 100vw;
    height: 100vh;
	top:0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 20001;
}
.layer { z-index:20002; position:fixed;	 width: 100vw;    height: 100vh;	top:0;}
#layer-m-pop .inner { overflow:hidden; position:absolute; top:50%; left:50%; margin-left:-145px; margin-top:-240px; /* margin-top:-192px; */ }
#layer-m-pop .inner > p > img { width:290px; height:auto; }
#layer-m-pop .inner a { display:inline-block; }
#layer-m-pop .inner a.today { position:relative; top:5px; }
#layer-m-pop .inner a img { width:25px; height:auto; }
#layer-m-pop .inner a span { color:white; }

/* 서브 */
#header-sub { padding:20px 24px; background:white; }
#header-sub a span.arr img { width:21px; height:auto; }
#header-sub a span.close img { width:16px; height:auto; }
#header-sub h1 { position:relative; top:3px; left:10px; font-weight:600; font-size:20px; }
dl.lst-normal { padding-top:40px; }
dl.lst-normal dt { font-weight:bold; font-size:20px; }
dl.lst-normal dd { font-size:16px; color:#767676; }
dl.lst-normal .lst li+li { padding-top:24px; }
dl.lst-normal .lst dl dt { float:left; width:25%; font-size:14px; color:#1a1a1a; font-weight:600; }
dl.lst-normal .lst dl dd { float:left; width:75%; /* margin-left:15px; */ font-size:14px; color:#767676; font-weight:600; }
dl.lst-normal .txt { padding:40px 0 65px; font-weight:600; }
.inout { margin-top:25px; padding:25px 20px 40px; border-top:1px solid #ededed; }
.inout p.tit { font-weight:600; font-size:14px; }
.inout p.time { padding-top:10px; font-weight:600; font-size:14px; color:#767676; }
.inout > ul { overflow:hidden; width:100%; }
.inout > ul > li { float:left; width:40%; text-align:center; }
.inout > ul > li:nth-child(2) { width:20%; }
.inout > ul > li > strong { display:block; padding-top:15px; font-size:18px; }
.inout > ul > li p.blue { display:inline-block; position:relative; top:32px; min-width:20px; padding:6px 15px 7px; border-radius:20px; background:#0a53e5; color:white; font-size:12px; font-weight:bold; }
dd.input p { font-weight:600; font-size:14px; color:#1a1a1a; }
dd.input input { border:0; width:100%; min-height:38px; }
dd.input label { display:block; min-height:38px; padding:5px; border-radius:5px; border:1px solid #dbdbdb; }
ul.lst-pay li { margin-top:14px; padding-top:14px; border-top:1px solid #ededed; }
ul.lst-pay li a { display:inline-block; padding-left:5px; }
ul.lst-pay li a img { width:20px; height:auto; }
ul.lst-pay dt { float:left; color:#1a1a1a; font-size:14px; font-weight:600; }
ul.lst-pay dd { float:right; }
ul.lst-pay li.total { border-top:2px solid black; }
ul.lst-pay li.total dt { position:relative; top:2px; font-weight:bold; }
.pay-method ul li label { font-weight:600; }
.pay-method ul li { padding-top:20px; }
dd.agree .btn-blue { line-height:50px; padding:0px 0; border-radius:10px; font-size:16px; }
dd.agree > .chk-lst { margin-top:40px; padding:0 15px; }
dd.agree > .chk-lst span { font-weight:600; }
dd.agree > .chk-lst p.tit { font-size:12px; font-weight:600; }
dd.agree > .chk-lst li { position:relative; margin-top:15px; }
dd.agree > .chk-lst li a { position:absolute; right:0; top:0; padding-right:10px; background:url('../img/arr_r_gray.png') no-repeat right 4px / 4px auto; color:#767676; font-size:12px; }
.gray-box { padding:15px 15px; border-radius:10px; background:#f8f8fa; }
.gray-box span { font-size:14px; color:#1a1a1a; font-weight:600; }
.popup .top { position:relative; }
.popup h1 { padding:24px 28px; font-size:18px; color:#1a1a1a; }
.popup a.close { display:inline-block; position:absolute; right:25px; bottom:15px; font-size:40px; }
.popup-bot .btn-blue { margin:0 28px; padding:15px 0; border-radius:10px; }
.popup-bot .btn-blue strong { font-weight:600!important; }
.popup-bot {
  margin: 0% auto;
  /* padding: 15px 15px 0 15px; */
  background: #fff;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
  /* border: 1px solid #666; */
  /* margin-left: 3%;
  margin-right: 3%; */
  width: 100%;
  /* box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); */
  position: fixed;
  bottom:0;
}
.coupon-use { overflow:hidden; position:relative; padding:10px 26px 0; }
.coupon-use li span { color:#767676; font-size:12px; }
.coupon-use li span.desc { padding-left:34px; }
.coupon-use li+li { margin-top:15px; }
.coupon-use li.on strong { color:#0a53e5; }
.coupon-use li strong { font-weight:600; font-size:14px; }
.popup-bot .scroll { overflow-y:scroll; height:190px; }
/* .popup-bot .scroll span.grad { z-index:2; position:fixed; right:0; bottom:130px; width:100%; height:70px; background:url('../img/bg_grad.png') no-repeat 0 0; background-size:100% auto; } */
.btn-col2 { overflow:hidden; position:relative; margin-right:-2%; }
.btn-col2 li { float:left; width:48%; margin-right:2%; }
.btn-col2 li a { display:block; padding:15px 0; border-radius:10px; font-weight:600; }
.btn-col2 li a.btn-w-blue {  }

.overlay2 {
  z-index:20001;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
}
.overlay2.light {
  background: rgba(0, 0, 0, 0.6);
}
/* .overlay2 .cancel {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
} */
.overlay2:target {
  visibility: visible;
  opacity: 1;
}
.hr {
    border: 0;
   /*  height: 5px;
    background: #ededed; */
	height: 10px;  background: #f1f1f5;
	margin:0;
  } /* 21/06/0m m */


.radio-button, .checkbox {
	position: relative;
	margin: 20px 0;
}
.radio-button input, .checkbox input {
	position: absolute;
	margin: 5px;
	padding: 0;
	/* for mobile accessibility (iOS Label Bug) */
	visibility: hidden;
}
.radio-button .label-visible, .checkbox .label-visible {
	margin-left: 35px;
	margin-bottom: 0;

}
.fake-radiobutton {
	position: absolute;
	display: block;
	top: 0px;
	left: 3px;
	width: 18px;
	height: 18px;
	border: 2px solid #ddd;
	background-color: white;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}
.fake-radiobutton:after {
	content: "";
	display: none; 
	/* opacity:0; */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	background: #0a53e5;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
	transform: translateX(-50%) translateY(-50%);
}
.fake-radiobutton {
	border-radius: 50%;
}
.fake-radiobutton:after {
	border-radius: 50%;
}
.fake-radiobutton:before {
	border-radius: 50%;
}
input[type="radio"]:checked + span .fake-radiobutton:after, input[type="checkbox"]:checked + span .fake-checkbox:after {
	display: block;
}
.on .fake-radiobutton { border:2px solid #0a53e5; }
.fake-checkbox {
	position: absolute;
	display: block;
	/* top: 0; */
	bottom:-2px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius:3px;
	border: 2px solid #dbdbdb;
	background-color: white;
}
.fake-checkbox:after {
	content: "";
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	/* background: navy; */
	/* border: 2px solid #dbdbdb; */
	background:url('../img/chk_on.png') no-repeat center center / 20px auto;
	transform: translateX(-50%) translateY(-50%);
}
.btn-blue { display:block; background:#0a53e5; border:1px solid #0a53e5; color:white; text-align:center; }
.btn-w-blue { display:block; background:white; border:1px solid #0a53e5; color:#0a53e5; text-align:center; }

/* 미디어쿼리 */
@media screen and (max-width:1200px) {

}

@media screen and (min-width:768px) {
	/* body {	max-width: 640px;    margin: 0 auto; } */
	#wrapper { max-width: 640px;    margin: 0 auto; }
	#intro { margin:inherit; }
}

@media screen and (max-width:480px) {
	.footer .bot ul li { /* letter-spacing:-0.07em; */ letter-spacing:-0.1em; }
}

@media (max-width: 320px) {
	/* .footer .bot ul li { letter-spacing:-0.15em; } */
	.footer .bot ul li+li { margin-left:3px; }
	.footer .bot ul li:last-child { margin-left:0; }
	.p-lst .lst .bot dl dd > span { float:right; }
	/* .swipe-main1 .swiper-slide { width:73%; } */
	.p-lst .lst .bot dl dd span.en-num { margin-left:0px; }
}

/* 21/06/09 s */
#header-sub.scroll { position:relative; }
#header-sub.scroll h1 { opacity:0; }
#header-sub.scroll a.tit { padding-left:0 }
#header-sub.scroll a.btn-share,
#header-sub a.btn-share { position:relative; bottom:1px; }
#header-sub.scroll a.btn-share img,
#header-sub a.btn-share img { width:15px; height:auto; }
#header-sub.scroll a.btn-heart,
#header-sub a.btn-heart { display:inline-block; }
#header-sub.scroll a.btn-heart span.off,
#header-sub a.btn-heart span.off {display:inline-block; width:20px; height:20px; background:url('../img/ico_heart.png') no-repeat center center / 20px auto; }
#header-sub.scroll a.btn-heart span.on,
#header-sub a.btn-heart span.on {display:inline-block; width:20px; height:20px; background:url('../img/ico_heart_on.png') no-repeat center center / 20px auto; }
/* #header-sub.scroll a.btn-heart img { width:20px; height:auto; } */
#header-sub.scroll .r-cont,
#header-sub .r-cont { position:absolute; right:0px; top:0; }
#header-sub.scroll .r-cont a+a,
#header-sub .r-cont a+a { position:relative; top:5px; margin-left:15px; }
.is-sticky #header-sub.scroll,
.is-sticky #header-sub { padding:20px 0; }
.is-sticky #header-sub.scroll h1,
.is-sticky #header-sub h1 { transition: all 0.4s; opacity:1; }
.is-sticky #header-sub.scroll .r-cont,
.is-sticky #header-sub .r-cont { right:24px; }
.is-sticky #header-sub.scroll a.tit,
.is-sticky #header-sub a.tit { padding-left:24px }
.swiper-room .swiper-pagination-fraction { /* padding-right:24px; */ right:24px; left:inherit; text-align:right; font-size:12px; font-weight:600; color:#767676; font-family: 'Roboto'; }
.swiper-room .swiper-pagination-total { color:#767676; }
.swiper-room .swiper-pagination-current { color:#1a1a1a; }
#header-sub.scroll.fix,
#header-sub.scroll.fix .sticky-wrapper { z-index:2; background:transparent; }
.is-sticky #header-sub.scroll.fix,
.is-sticky #header-sub.scroll.fix .sticky-wrapper { background:white; }
.top-cont .bg-img { 
    position: relative;
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 10;
}
.top-cont2 .bg-img { 
    position: relative;
    width: 100%;
    height: 40vh;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 10;
}
#wrapper .top-cont { margin-top:-68px; /* position:absolute; left:0; top:0; */ }
.room-con { padding-bottom:100px; }
.room-con .con1 { padding:24px; }
.room-con .con1 dt { color:#1a1a1a; font-size:28px; font-weight:600; line-height:1.2em; }
.room-con .con1 dd { margin-top:10px; font-size:14px; color:#767676; }
.room-con .con1 p.btn { margin-top:20px; }
.room-con .con1 p.btn a { display:block; padding:15px 0; border-radius:10px; background:#fb308b; color:white; text-align:center; font-size:16px; }
.room-con .con1 p.btn a span { display:inline-block; padding-right:30px; background:url('../img/ico_dl.png') no-repeat right center / 12px auto; }
/* .room-con .con1 p.btn img { width:100%; height:auto; } */
.room-con .con1 > div { margin-top:20px; }
.room-con .con1 > div > span.star { position:relative; bottom:2px; }
.room-con .con1 > div > span.star img { width:15px; height:auto; }
.room-con .con1 > div > span+span+span { position:relative; bottom:1px; }
.room-con .con1 > div > span+span+span img { width:20px; height:auto; }
.pb24 { padding-bottom:24px!important; }
.lst2.inout.btnone.pb24 ul { min-height:65px; }
/* .lst2 .blue.arr { padding-right:25px; background:url('../img/arr_d_w.png') no-repeat 80% center / 10px auto #0a53e5; } */
/* .lst2 .blue.arr a { display:block; color:white; } */
.lst2 a.arr.blue { display:block; position:relative; top:32px; min-width:20px; padding:6px 25px 7px 7px; border-radius:20px; background:url('../img/arr_d_w.png') no-repeat 75% center / 10px auto #0a53e5; color:white; font-size:12px; font-weight:bold; }
.room-con .con3 ul { border-top:1px solid #ededed; }
.room-con .con3 li+li { border-top:1px solid #ededed; }
.room-con .con3 li { overflow:hidden; position:relative; padding:24px 0; margin:0 24px; /* border-top:1px solid #ededed; */ }
.room-con .con3 li .thumb {  
	display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    border-radius: .8rem;
    margin-right: 1rem;
}
.room-con .con3 li .thumb p { 
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 2;
	border-radius:10px;
}
/* .room-con .con3 li p.thumb img { border-radius:5px; width:140px; height:140px; } */
.room-con .con3 .l-con { /* position:absolute; left:39%; top:24px; */ float:left; width:100%; height:120px; /* padding-left:1rem; */ }
.room-con .con3 .r-con { /* position:absolute; left:39%; top:24px; */ float:right; width:52%; padding-right:6%; /* padding-left:1rem; */ } /* 21/06/18 m */
.room-con .con3 a { overflow:hidden; display:block; position:relative; /* min-height:9rem; */ }
.room-con .con3 a .relative { position:absolute; display:inline-block; width:38%; height:9rem; } /* 21/06/18 m */
.room-con .con3 dt { max-height:54px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; color:#1a1a1a; font-size:18px; font-weight:bold; }
.room-con .con3 dd { margin-top:5px; color:#767676; font-size:14px; }
.room-con .con3 .bot { position:absolute; right:0; bottom:0.2rem; text-align:right; }
.room-con .con3 .bot p:first-child { font-size:12px; }
.room-con .con3 .bot p:first-child span.en-num { /* color:#ff3120; */ }
.room-con .con3 .bot p:first-child span+span { text-decoration:line-through; color:#dadada; }
.room-con .con3 .bot p+p { font-size:16px; }
.txt-l-gray2 { color:#dadada; }
.room-con .con4 { padding: 30px 0; }
.freemode2 p { margin-bottom:22px; font-size:18px; }
.freemode2 .swiper-slide a { display:block; color:#767676; }
.freemode2 .swiper-slide dl { text-align:center; }
.freemode2 .swiper-slide dl dt { height:35px; line-height:35px; }
.freemode2 .swiper-slide dl dt img { width:38px; height:auto; border-radius:inherit; }
.freemode2 .swiper-slide4 dl dt img { width:30px; }
.freemode2 .swiper-slide dl dd { margin-top:10px; font-size:12px; }
.btn-fix { z-index:2; position:fixed; bottom:0; left:0; width:100%; box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); background:white; }
.btn-fix > div { margin:12px 24px; }
.btn-fix > div .btn-blue { line-height:50px; padding:0px 0; border-radius:10px; font-size:16px; }
.room-con .con5 { padding: 30px 24px; }
.room-con .con5 dl+dl { margin-top:30px; }
.room-con .con5 dt { color:#1a1a1a; font-size:18px; font-weight:bold; }
.room-con .con5 dd { margin-top:15px; color:#767676; font-size:14px; line-height:22px; }
.room-con .con6 { padding: 30px 24px; }
.room-con .con6 .top,
.room-con .con6 .top2 { position:relative; }
.room-con .con6 p.tit { font-size:18px; font-weight:bold; }
.room-con .con6 .top a,
.room-con .con6 .top2 a { display:block; min-height:20px; }
.room-con .con6 .top a { position:absolute; right:0; top:0; padding-right:10px; background:url('../img/arr_r_gray.png') no-repeat right 6px / 4px auto; color:#767676; font-size:14px; }
.room-con .con6 .top2 a { position:absolute; right:0; top:0; line-height:20px; padding-left:30px; background:url('../img/ico_excl.png') no-repeat left center / 20px auto; color:#767676; font-size:14px; }
.room-con .con6 .top2 > div { padding-bottom:15px; border-bottom:2px solid #ededed; font-size:14px; }
.room-con .reply { padding-top:30px; }
.room-con .reply .more-area {/* padding:20px;  */ margin-top:15px; color:#767676; font-size:14px; line-height:22px; } 
.room-con .reply .more { display:inline; }
.room-con .reply .morecontent span { display: none; }
.room-con .reply .morelink { display: inline-block; text-decoration:underline; font-weight:600; color:black; }
.room-con .reply .morecontent { display:none; }
/* .room-con .reply a.morelink { margin-top:10px;  } */
.room-con .reply > ul { padding-bottom:30px; border-bottom:1px solid #ededed; }
.room-con .reply > ul > li+li { margin-top:30px; padding-top:30px; border-top:1px solid #ededed; }
.room-con .reply dl { overflow:hidden; width:100%; }
.room-con .reply dt { font-weight:bold; font-size:14px; color:#1a1a1a; }
.room-con .reply dt,
.room-con .reply dd { float:left; }
.room-con .reply dd { margin-left:10px; position:relative; /* top:3px; */ color:#767676; font-size:14px; }
.room-con .reply > ul > li .btn { margin-top:15px; text-align:right; }
.room-con .reply > ul > li .btn a { display: inline-block; width: 70px; padding: 5px 0; border-radius: 5px; border: 1px solid #a4a4a5; font-size: 14px; text-align: center; } /* 21/06/18 m */
.room-con .reply > ul > li .btn a+a { margin-left:5px; }
.room-con .reply > ul > li .btn a span { padding-left:15px; background:url('../img/btn_close3.png') no-repeat left center / 9px auto; }
.room-con .gray-area { margin-top:15px; padding:20px; border-radius:5px; background:#f8f8fa; }
.room-con .gray-area dt { font-size:14px; }
.room-con .gray-area dd { top:1px; }
.room-con .gray-area > p { line-height:22px; margin-top:5px; font-size:14px; color:#767676; }
.room-con .btn-reivew-all a { display:block; line-height:50px; border-radius:10px; }
.room-con .btn-reivew-all a span { font-weight:600; }
.popup-mid {
  /* margin: 0% auto; */
  /* padding: 15px 15px 0 15px; */
  background: #fff;
  transform: translateY(-50%);
  /* border-top-left-radius:15px;
  border-top-right-radius:15px; */
  /* border: 1px solid #666; */
  /* margin-left: 3%;
  margin-right: 3%; */
  border-radius:15px;
  width: 90%;
  /* box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); */
  position: fixed;
  top:50%;
  left:50%; margin-left:-45%;
}
.popup-mid .cont.btn-sns { margin:0 auto; text-align:center; }
/* .popup-mid .cont.btn-sns a { display:block; } */
.popup-mid .cont.btn-sns button { margin:0; padding:0; border:none; background:none; }
.popup-mid .cont.btn-sns ul { padding:40px 0 0 0 ; }
.popup-mid .cont.btn-sns li { display:inline-block; padding:0 5px; }
.popup-mid .cont.btn-sns img { width:50px; height:auto; }
.popup-all { position: fixed; top:0; left:0; width:100%; height:100vh; background: #fff; }
.popup-all a.close { left:20px; bottom:12px; right:inherit; }
.popup-all > .top > h1 { padding-left:60px; font-size:20px; font-weight:600; }
.popup-all .gray-area { /* position:fixed; */ height:100%; width:100%; background:#f1f1f5; }
.popup-all .gray-area .cont { position:relative; padding:25px; }
.popup-all .gray-area .cont > p { margin-bottom:10px; }
.popup-all .gray-area .cont p strong { display:inline-block; width:25px; height:25px; line-height:22px; border-radius:25px; background:#0a53e5; font-weight:bold; text-align:center; color:white; }
.popup-all .gray-area .scroll { overflow-y:auto; height:66vh; /* position:absolute; left:0; top:0; width:100%; height:100%; */ }
.popup-all .gray-area .scroll > ul { padding-bottom:10vh }
.popup-all .gray-area .scroll > ul > li+li { margin-top:15px; }
/* .popup-all .gray-area .scroll li { min-height:300px; background:url('../img/bg_coupon_re.png') repeat-x center center / 1px 183px; }  */
/* .popup-all .gray-area .scroll ul { max-width:425px; background:url('../img/bg_coupon3.png') no-repeat left center / 317px auto; background:url('../img/bg_coupon3.png') no-repeat left center / 317px auto; } */
/* .popup-all .gray-area .scroll li { min-height:200px; background:url('../img/bg_coupon_re.png') repeat-x 10px center / 1px 183px; background:url('../img/bg_coupon2_e.png') no-repeat right center / 108px auto; } */
.coupon { overflow:hidden; position:relative; width:100%; /* margin-top:15px; */ background:white;  border-radius:10px; }
.coupon p.day.red { background:#ff4536; }
.coupon p.day { position:absolute; left:0; top:0; padding:5px 15px; border-top-left-radius:10px; border-bottom-right-radius:10px; color:white; font-size:12px; font-weight:600; }
.coupon.gray p.day { background:#b5b5b6; }
.coupon.gray dt,
.coupon.gray dd,
.coupon.gray a span { color:#b5b5b6!important; }
.coupon.gray .coupon-right a span { background:url('../img/ico_dl3.png') no-repeat center center / 12px auto; }
.coupon-left dl.top dt { font-size:18px; font-weight:bold; color:black; }
.coupon-left dl.top dd { font-size:14px; font-weight:bold; color:#767676; }
.coupon-left .inner { padding:35px 30px 0; }
.coupon-left dl.bot { margin-top:15px; }
.coupon-left dl.bot dt { font-size:14px; font-weight:bold; color:#ff4536; }
.coupon-left dl.bot dd { font-size:12px; color:#767676; }
.coupon-right .inner { position:relative; margin:10px 0; /* border-left:1px dashed black; */ min-height:150px; background:url('../img/divide.gif') repeat-y left center / 1px auto; text-align:center; }
.coupon-right a { display:block; position:absolute; top:50%; left:50%; margin-left:-25%; }
.coupon-right a span { padding-top:50px; background:url('../img/ico_dl2.png') no-repeat center center / 12px auto; font-size:14px; }
.coupon-left::before,
.coupon-right::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #f1f1f5;
	border-radius: 100%;
}
.coupon-left::before {
	top: 50%;
	left: -10px;
	margin-top:5%;
}
.coupon-right::after {
	top: 50%;
	right: -10px;
	margin-top:-4%;
}

.coupon-left {
  float:left;
  width:65%;
  height:170px;
  position:relative;
}
.coupon-right {
  float:left;
  width:35%;
  height:170px;
  position:relative;
}
.coupon-con .gray-area { padding:15px 25px; /* border-radius:5px; */ background:#f1f1f5; }
.coupon-con .gray-area dt { font-size:12px; }
.coupon-con .gray-area dd { top:1px; }
.coupon-con .gray-area > p { margin-top:5px; font-size:12px; color:#767676; }
.coupon-con ul > li+li { margin-top:15px; }
.coupon-con .gray-area .cont { padding-top:15px; }
.coupon-con .gray-area .cont > p { margin-bottom:10px; }
.coupon-con .gray-area .cont p strong { display:inline-block; width:25px; height:25px; line-height:27px; border-radius:25px; background:#0a53e5; font-weight:bold; text-align:center; color:white; }
/* .coupon-con .cont li { background:url('../img/divide.gif') repeat-y 50% center / 1px auto;  } */
.coupon-con .cont > p > span { font-weight:600; }
.coupon-con .coupon { overflow:hidden; position:relative; width:100%; /*  padding:0px 0 20px; */ /* margin-top:15px; */ background:white;  border-radius:10px; }
.coupon-con .coupon-right { min-height:200px; height:200px; max-height:200px; /* height:inherit; *//*  height:100%;*/ /* margin:3% 0; */ }
.coupon-con .coupon-left dl.bot dd { text-indent:-7px; padding-left:5px; }
.coupon-con .coupon-left .inner { /* background:url('../img/divide.gif') repeat-y right center / 1px auto; */ } 
.coupon-con .coupon-right .inner  { height:95%; margin:5% 0; /* background:none; */ } 
.coupon-con .coupon-right { /* background:url('../img/divide.gif') repeat-y left center / 1px auto; */ }
.coupon-con .coupon-right .ab { position:absolute; right:0; top:0; }
.coupon-con .btn-blue { margin:20px 24px 24px; line-height:50px; padding:0px 0; border-radius:10px; font-size:16px; }
.coupon-con dl.bot { padding-bottom:10px; }
.cont.input { padding:0 24px; }
.cont.input p { font-weight:600; font-size:14px; color:#1a1a1a; }
.cont.input input { border:0; width:100%; min-height:38px; }
.cont.input label { display:block; min-height:38px; padding:5px; border-radius:10px; border:1px solid #dbdbdb; }
.cont.input .codeDel {display: inline-block; float: right;width: 20px;margin-top:10px;padding-right:10px;}
.cont.input .btn-blue { margin:20px 0 30px; line-height:50px; padding:0px 0; border-radius:10px; font-size:16px; }
.cont.input .desc { padding:10px 0 0; color:#767676; font-size:12px; }
.cont.input .desc li { line-height:18px; }
.coupon.type2 .coupon-left { height:105px; }
.coupon.type2 .coupon-left::before { margin-top: -2%; }
.coupon.type2 .coupon-right::after { margin-top: 38%; }
.coupon.type2 .coupon-right { min-height:inherit; height:inherit; }
.coupon.type2 .coupon-right .inner { height:inherit; min-height:inherit; }
.coupon-con div.txt { padding:0 24px 30px; }
.coupon-con div.txt dl { margin-top:30px; }
.coupon-con div.txt dl dt { margin-bottom:10px; font-weight:bold; font-size:18px; }
.coupon-con div.txt dl dd { line-height:18px; font-size:12px; color:#767676; }
.tab-group { margin-top:35px; }
.tab-group > ul { overflow:hidden; width:100%; }
.tab-group > ul li { float:left; width:50%; text-align:center; }
.tab-group > ul li a { display:block; padding-bottom:10px; border-bottom:3px solid #f1f1f5; color:#767676; font-weight:bold; font-size:16px; }
.tab-group > ul li.on a { border-bottom:3px solid #0a53e5; color:#0a53e5; }
.round-box { margin-top:15px; border-radius:10px; border:1px solid #dbdbdb; } /* 21/06/18 m */
.round-box ul {  }
.round-box .top { position:relative; padding:15px; border-radius: 10px 10px 0 0; background:#f1f1f5; } /* 21/06/18 m */
.round-box .top a { display:inline-block; padding:8px 10px; position:absolute; right:15px; top:20px; padding-right:15px; border-radius:5px; border:1px solid #0a53e5; background:url('../img/arr_r_blue.png') no-repeat 90% center / 4px auto white; font-size:12px; color:#0a53e5; font-weight:600; }
.round-box .top dl dt { font-weight:600; color:#767676; }
.round-box .top dl dd { font-weight:bold; color:#0a53e5; }
.round-box .bot { padding:15px; /* ackground:white; */ }
.round-box .bot > dl > dt { font-size:12px; font-weight:600; }
.round-box .bot > dl > dd > dl { overflow:hidden; width:100%; margin-top:10px; font-size:12px; color:#767676; }
.round-box .bot > dl > dd > dl > dt { width:65px; }
.round-box .bot > dl > dd > dl > dt,
.round-box .bot > dl > dd > dl > dd { float:left; }
.round-box .btn-blue {
    line-height: 45px;
    padding: 0px 0;
    border-radius: 10px;
    font-size: 14px;
	font-weight:600;
	margin:5px 15px 15px;
}
.gray-area2 { margin:15px 24px 0; padding:20px; border-radius:5px; border:1px solid #ededed; background:#f8f8fa; }
.gray-area2 > p { font-size:12px; }
.gray-area2 > p strong { font-weight:bold; color:#0a53e5; }
.gray-area2 .bot > dl { margin-top:10px; }
.gray-area2 .bot > dl > dt { font-size:14px; font-weight:bold; }
.gray-area2 .bot > dl > dd > dl { overflow:hidden; width:100%; margin-top:10px; font-size:12px; color:#767676; }
.gray-area2 .bot > dl > dd > dl > dt { width:65px; color:#1a1a1a; font-weight:600; }
.gray-area2 .bot > dl > dd > dl > dt,
.gray-area2 .bot > dl > dd > dl > dd { float:left; }
.gray-area2 .bot > dl > dd > dl > dd { font-weight:600; }
.textarea { margin:20px 24px 0; padding:15px; border-radius:5px; border:1px solid #ededed; }
.textarea textarea { border:0; font-size:12px; }
.textarea textarea::-webkit-input-placeholder {  color: #767676; font-size:14px; }
.textarea textarea:-moz-placeholder { /* Firefox 18- */  color: #767676; font-size:14px; }
.textarea textarea::-moz-placeholder {  /* Firefox 19+ */ color: #767676; font-size:14px; }
.textarea textarea:-ms-input-placeholder { color: #767676; font-size:14px; }
.textarea textarea::placeholder { color: #767676; font-size:14px; }
.btn-col2-n { overflow:hidden; margin:15px 24px 30px; }
.btn-col2-n a { display:inline-block; float:left; width: calc(50% - 10px); border-radius:10px; padding:13px 0; } /* 21/06/18 m */
.btn-col2-n a+a { float:right; }
.btn-white { display:block; background:white; border:1px solid #a4a4a5; color:#767676; text-align:center;  }
.lst-type1 { position:relative; padding:0 24px 5px; }
.lst-type1 > p { font-size:20px; }
.lst-type1 dt { font-size:14px; color:#1a1a1a; }
.lst-type1 dl { overflow:hidden; width:100%; margin-top:10px; font-size:12px; color:#767676; }
.lst-type1 dl > dt { width:25%; }
.lst-type1 dl > dt,
.lst-type1 dl > dd { float:left; }
.lst-type1 dl > dd { position:relative; width:75%; font-weight:600; font-size:14px; color:#767676; }
.lst-type1 a.btn-w-blue { z-index:2; position:absolute; right:24px; bottom:0px; /* display:inline-block; float:right; */ padding:8px 10px; border-radius:5px; font-size:12px; font-weight:600; } /* 21/06/18 m */
.lst-type1 > p.btn a { margin-top:20px; border-radius:10px; font-weight:600; font-size:16px; line-height:50px; }
.rule > p strong { padding-left:30px; background:url('../img/ico_excl.png') no-repeat left top / 22px auto; }
.rule > div { margin-top:20px; font-size:12px; color:#767676; line-height:18px; }
@media screen and (min-width:375px) {
	.coupon-right a { width:86px; margin-left:-43px; }
	.popup-all .gray-area .scroll {
	}
}
@media screen and (min-width:414px) {
}
@media (max-width: 320px) {
	.coupon-left dl.bot dd {
	    font-size: 11px;
	}
	.popup-all .gray-area .scroll {
		height: 62vh;
	}
}
/* 크롬 only */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
}

/* 21/06/18 s */
.lst-type1 .sel { margin-top:25px; color:#767676; font-size:14px; }
.lst-type1 dt { font-weight:600; font-size:14px; }
.lst-type1 .total { margin-top:20px; border-top:1px solid black; }
.lst-type1 .total dl { overflow:hidden; width:100%; padding-top:5px; }
.lst-type1 .total dl dt { float:left; font-weight:bold; }
.lst-type1 .total dl dd { float:right; text-align:right; font-weight:bold; }
.lst-type2 { margin-top:25px; }
.lst-type2 ul li p strong { padding-left:10px; background:url('../img/arr_r_gray2.png') no-repeat left 6px / 4px auto; color:#1a1a1a; font-size:14px; }
.lst-type2 .gray-area { margin-top:10px; border-radius:5px; }
.lst-type2 .gray-area p { padding:5px 15px; line-height:18px; font-size:12px; color:#767676; }
.mt35 { margin-top:35px!important; }
.period label { display:block; position:relative; }
.period label > span { position:absolute; left:20px; top:9px; }
.period label > span img { width:14px; height:auto; }
.period input { width:100%; height:45px; line-height:45px; padding:0 0 0 40px; border:1px solid #dbdbdb; border-radius:10px!important; font-size:14px; }
.period .top { position:relative; border:1px solid #191919; border-radius:10px!important; }
.period span.sch { z-index:2; position:absolute; right:5%; top:10px; }
.period .top span img { width:20px; height:auto; }
.period .top input { border:0; }
.period ::-webkit-input-placeholder { font-size:14px }
.period :-moz-placeholder { font-size:14px }
.period ::-moz-placeholder { font-size:14px} 
.period :-ms-input-placeholder { font-size:14px }
.search-box { /* width:100%; */ padding-right:20%; }
.search-box input { padding-left:20px; }
.search-box { position:relative; }
.search-box:not(:valid) ~ .close-icon {
	display: none;
}
.search-box .close-icon {
	position:absolute; right:15%; top:6px;
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
    outline: 0;
    cursor: pointer;
}
.search-box .close-icon:after {
	content: "X";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	background-color: #dbdbdb;
	z-index:1;
	right: 5px;
	top: 30px;
	bottom: 0;
	margin: auto;
	padding: 2px 4px 5px;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
.room-con .con3 a.btn { z-index:2; display:block; position:absolute; right:0px; top:20px; }
.room-con .con3 a.btn img { width:10px; height:auto; padding:2px 3px; }
.lst-type2 li+li { padding-top:20px; }
.lst-type2 li {  overflow:hidden; position:relative; padding-bottom:0px; /* border-bottom:1px solid #ededed; */ }
.lst-type2n li { padding:20px 0px; border-bottom:1px solid #ededed; }
.lst-type2 li dt { max-height:54px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:50%; text-overflow:ellipsis; word-wrap:break-word; font-size:16px; font-weight:600; }
.lst-type2 li dd { color:#767676; font-size:12px; }
.lst-type2n li dd { margin-top:5px; }
.lst-type2 li dd span { padding-left:5px; }
.lst-type2 li dd img { width:15px; height:auto; }
.lst-type2 li .right { position:absolute; right:0; top:25px; }
.lst-type2 li:first-child .right { position:absolute; right:0; top:5px; }
.lst-type2 li .right a { display: inline-block; width: 70px; padding: 5px 0; border-radius: 5px; border: 1px solid #a4a4a5; font-size: 14px; text-align: center; }
.lst-type2 li .right a+a { margin-left:5px; }
.lst-type2 li .right a span { padding-left:15px; background:url('../img/btn_close3.png') no-repeat left center / 9px auto; }
.lst-type3 { overflow:hidden; width:100%; }
.lst-type3 .inner { margin:0 24px; }
.lst-type3 .lst { float:left; width: calc(25% - 10px); margin:0 13px 0 0; border-radius:10px; padding:10px 0; margin-bottom:15px; }
.lst-type3 .lst:nth-child(4n) { margin-right:0; }
.lst-type3 .lst dl dt img { width:100%; height:auto; border-radius:100px; }
.lst-type3 .lst dl dd { margin-top:5px; font-size:.875em; text-align:center; }
#header-sub .btn-home { position:relative; top:2px!important; }
#header-sub .btn-home img { width:19px; height:auto; }
#header-sub .btn-sch { top:3px!important; }
#header-sub .btn-sch img { width:20px; height:auto; }
.col2-input { margin:0 24px; }
.col2-input ul { overflow:hidden; width:100%; }
.col2-input li { float:left; }
.col2-input li input { width:100%; height:45px; line-height:45px; padding:0 0 0 40px; border:1px solid #dbdbdb; border-radius:10px!important; font-size:14px; }
.col2-input li:first-child { width:34%; margin-right:2%; }
.col2-input li+li { float:right; width:64%; }
.period.period2 > label > span { left:15px; }
.loca { position:relative; }
.loca span { position:absolute; left:15px; top:10px; }
.loca span img { width:13px; height:auto; }
.lst-type4 { margin:0 24px 50px; }
.lst-type4 ul { /* border-top:1px solid #ededed; */ }
.lst-type4 li+li {/*  border-top:1px solid #ededed; */ }
.lst-type4 li { overflow:hidden; position:relative; padding:40px 0 0; }
.lst-type4 li .thumb {  
	display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
}
.lst-type4 li .thumb p { 
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 2;
	border-radius:10px;
}
.lst-type4 .l-con { width:100%; }
.lst-type4 .r-con { position:relative; /* position:absolute; left:39%; top:24px; */ width:100%; /* height:70px; */ margin-top:5px; }
.lst-type4 a { overflow:hidden; display:block; position:relative; /* min-height:9rem; */ }
.lst-type4 a .relative { position:relative; display:inline-block; width:100%; height:13.5rem; }
.lst-type4 dt { color:#1a1a1a; font-size:16px; font-weight:600; }
.lst-type4 .left { position:absolute; left:0; bottom:1px; /*  margin-top:26px;  */color:#767676; font-size:14px; }
.lst-type4 .left img { width:15px; height:auto; }
.lst-type4 .r-con > .bot { position:relative; right:0; bottom:0px; margin-top:5px; text-align:right; }
.lst-type4 .bot p:first-child { font-size:12px; }
.lst-type4 .bot p:first-child span.en-num { /* color:#ff3120; */ }
.lst-type4 .bot p:first-child span+span { text-decoration:line-through; color:#dadada; }
.lst-type4 .bot p+p { font-size:16px; }
.lst-type4 .bot > span { font-size:12px; }
.lst-type4 .r-con > .bot p span { color:#1a1a1a; font-size:12px; }
.lst-type4 .left span { color:#1a1a1a; }
.lst-type4 .left span.txt { font-size:14px; color:#1a1a1a;  font-weight:600; }
.lst-type4 .left strong.txt { font-size:14px; color:#1a1a1a; }
.lst-type4 .left span.star { position:relative; bottom:2px; }
.lst-type4 p span.dis { color:#dadada; }
.lst-type4 p.top { font-size:12px; }
.popular { margin:30px 24px 0; }
.popular dt { padding:0 0 10px 0; font-weight:bold; font-size:18px; }
.popular dd a { display:inline-block; padding-right:15px; color:#767676; font-size:14px; }
.popular dd a+a { /* margin-right:15px; */ }
.sch-loca { margin:40px 0; padding:40px 0 0 0 ; border-top:1px solid #dbdbdb; }
.sch-loca p.tit { margin:0 24px 10px; font-weight:bold; font-size:18px; }
.sch-loca dl { margin:0 24px; }
.sch-loca dl dt { padding:10px 0 10px 15px; background:url('../img/arr_r_gray2.png') no-repeat left 16px / 4px auto; border-bottom:1px solid #ededed; color:#1a1a1a; font-size:14px; }
.sch-loca dl li {/*  margin:0!important; padding-left:10px; */  border-bottom: 1px solid #ededed;  color:#767676; font-size:12px; }
.sch-loca dl li a { display:block; padding: 12px 0 12px 15px;  background:url('../img/arr_r_gray2.png') no-repeat left 18px / 4px auto; /* width:90%; */  color:#1a1a1a; font-size:14px; }
.lst-type4 p.result { margin:20px 0 10px; color:#1a1a1a; font-weight:600; font-size:14px; }
/* Calandar */
	#cal-wrap { margin:0 15px; padding-bottom:100px; }
	.month {
		padding: 30px 10px 10px 10px; 
		width: 100%;
		/* background: #1abc9c; */
		text-align: left;
		font-size:20px;
	}
	.month ul {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.month ul li {
		position:relative; top:29px;
		text-transform: uppercase;
	}
	/* .month ul li.focus { color:#333; font-size:800; top:0; } */
	.month ul li span { display:inline-block; letter-spacing:-0.03em; font-size:1em; font-weight:800; }
	.month ul li a { display:block; padding:0 15px; }
	.month ul li img { width:7px; height:auto; vertical-align:inherit; }
	.weekdays {
		margin: 0px 0 0 0;
		border-bottom:1px solid #dbdbdb;
		/* background-color: #ddd; */
	}
	.weekdays li {
		display: inline-block;
		width: 13.40%;
		padding:20px 0;
		color: #1a1a1a;
		font-weight:600;
		font-size:14px;
		text-align: center;
	}
	@media (max-width: 320px) {
		.weekdays li { width: 13.32%; }
	}
	.days {
		z-index:1;
		padding: 0px 0 10px;
		/* background: #eee; */
		margin: 0;
	}
	.days li {
			
	}
	.days li.sel a { background:#0a53e5; color:white; }
	.days li a { display:block; position:relative;
		list-style-type: none;
		/* display: inline-block; */
		float:left;
		width: 14.2857%;
		height:50px;
		/* padding:20px 0; */
		text-align: center;
		/* margin-bottom: 5px; */
		font-size: 14px;
		color: #1a1a1a; 
	}
	.days li .active {
		position:relative; top:26px;
		/* padding: 5px; */
		/* background: #1abc9c; */
		color: #ffb505 !important
	}
	.days li a .group { position:relative; bottom:-30px; }
	/* .days .today { display:block; position:absolute; left:50%; margin-left:-25%; top:17px; font-size:11px; font-weight:300; color: #ffb505; } */
	.days .today { font-size:11px; font-weight:600; color: #1a1a1a; }
	.days span.circle { display:inline-block; /* position:relative; bottom:-30px; */ width:7px; height:7px; margin:10px auto 0; border-radius:50%; font-weight:300; text-align:center; }
	.days span.circle.movie { position:relative; top:0; /* width:12px; height:14px;  */margin:0 auto; background:url('../img/ico_movie_s.gif') no-repeat center center / 6px auto; border-radius:0; }
	.days span.circle.green { background-color:#75e200; }
	.days span.circle.gray { background-color:#999; }
	.days span.circle.red { background-color:#f65656; }
	.days span.circle.yellow { background-color:#ffde00; }
	.days span.circle.purple { background-color:#7f3ce8; }
	.days span.circle.blue { background-color:#0680fd; }
	.days span.date { z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
	.days span.sel { z-index:0; display:block; position:absolute; top:3px; left:0; width:97%; height:100%; font-weight:300; text-align:center; border:1px solid #f1f1f5; background-color:rgba(241,241,245,1); }
	.days span.sel-end { z-index:2; display:block; position:absolute; top:-11px; left:15px; width:50px; height:50px; margin:10px auto 0; border:2px solid #ffe9b4; border-radius:50%; font-weight:300; text-align:center; background-color:rgba(255,255,255,0.0); }
	.days span.bar { position:absolute; z-index:2; left:26px; top:11px; width:64px; height:30px; background-color:rgba(255,181,5,0.2);
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}
	.days span.bar-on { display:block;  position:absolute; z-index:2; left:0; top:11px; height:30px; width:100%; background-color:rgba(255,181,5,0.2); }
	.days span.bar-end { position:absolute; z-index:2; left:0; top:11px; width:64px; height:30px; background-color:rgba(255,181,5,0.2);
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px; }
	.days span.wait { z-index:1; display:block; position:absolute; top:-12px; left:16px; width:54px; height:54px; margin:10px auto 0; border-radius:50%; font-weight:300; text-align:center; background-color:rgba(238,238,238,0.3); }
/* 21/06/18 e */