@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@font-face {
	font-family: 'DysonFutura';
	font-style: normal;
	font-weight: 400;
	src:
			url('../fonts/DysonFutura-Medium.eot'),
			url('../fonts/DysonFutura-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/DysonFutura-Medium.woff2') format('woff2'),
			url('../fonts/DysonFutura-Medium.woff') format('woff')
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font:inherit;vertical-align: baseline;background: transparent; box-sizing: border-box;}

a:link { text-decoration: none; }
a:hover{ text-decoration: none; }
a:visited { text-decoration: none;}
a:active { text-decoration: none;}

body {line-height: 1; background: #fff; color: #000;}
ol,ul { list-style:none; }
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block;}
nav ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#555}
ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
/*caption { text-indent:-9999em; font-size:0; line-height:0;}*/
caption {width: 100%; height: 1px; color: transparent; overflow: hidden; position: relative;}
input, select { vertical-align: middle; font-family: inherit;}
button{ border: 0; padding: 0; margin: 0; background: transparent; }
input, textarea, select, button {font-family: inherit;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace; font-size:108%;line-height:100%;}
.content legend {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}



/* Default Document Style */
html {font-size:62.5%; height: 100%;}
body {  
  margin: 0;
  padding: 0;
  border: none; 
  color:#555;
  font-size: 1.8rem;
  font-style: normal;       
  background: transparent;
  height: 100%;
  width: 100%;    
  line-height: 1.4;
  letter-spacing: -0.5px;
  font-weight: 400;
  font-family: 'DysonFutura', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;
  transform-origin:center center;
	word-break: keep-all;
}


* {box-sizing: border-box; margin:0; padding:0;}
img {vertical-align:top; border:0; margin:0; padding:0; max-width: 100%;}
span, a, strong, i, em {display: inline-block}
table {width: 100%; }
strong {font-weight: 500; color:#000;}

/* skipToContent */
#skipToContent a {position:absolute;top:0px;left:0px;z-index:9999;width:100%;height:1px;margin-top:-1px;display:block;background-color:#3875c1;font-size:14px;font-weight:500;color:#fff;line-height:1;text-align:center;overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active {margin-top:0px;height:auto;padding:10px 0px;}

/*input*/
input[type="text"], 
input[type="tel"], 
input[type="email"], 
input[type="password"] { width: auto; height: 40px; line-height: 40px; line-height: normal; padding:0 10px; border:1px solid #ddd; font-size: 1.7rem; vertical-align: middle;}
textarea {padding:20px; border:1px solid #ddd; min-height: 200px; width: 100%; font-size: 1.7rem;}
input:read-only { background-color: #eee;}

/*placeholder*/
::placeholder { color: #666; opacity:1;}

/*selectbox*/
select {position: relative; appearance: none; cursor: pointer; width:auto; height:50px; padding:0 40px 0 15px; border:1px solid #ddd; background:#fff url(../img/common/ico-select-s.png) no-repeat; background-position: calc(100% - 10px) 50%; font-size: 1.7rem; vertical-align: middle;}
select::-ms-expand {display:none;}

/*checkbox*/
.check-set input[type="checkbox"] {display:none;}
.check-set input[type="checkbox"] + label {margin-right:20px; cursor: pointer; font-weight: normal; font-size: 1.7rem;}
.check-set input[type="checkbox"]:last-of-type + label {margin-right: 0;} 
.check-set input[type="checkbox"] + label:before {content: ''; display:inline-block; width:20px; height:20px; margin:-4px 5px 0 0; vertical-align:middle; background:url(../img/common/check-radio.png)no-repeat 0px 0; cursor:pointer;}
.check-set input[type="checkbox"]:checked + label:before {background:url(../img/common/check-radio.png) -20px 0 no-repeat;}

/*radio*/
.radio-set input[type="radio"] {display:none;}
.radio-set input[type="radio"] + label {margin-right:20px; cursor: pointer;}
.radio-set input[type="radio"]:last-of-type + label {margin-right: 0;}
.radio-set input[type="radio"] + label:before {content: ''; display:inline-block; width:20px; height:20px; margin:-2px 5px 0 0; vertical-align:middle; background:url(../img/common/check-radio.png)no-repeat -40px 0; cursor:pointer;}
.radio-set input[type="radio"]:checked + label {color:#000;}
.radio-set input[type="radio"]:checked + label:before {background:url(../img/common/check-radio.png) -60px 0 no-repeat;}
.radio-set span {margin-right: 20px;}
.input-field .radio-set {min-height: 40px; line-height: 40px;}

/*button*/
button {cursor: pointer; vertical-align: middle; }
.btn-box {text-align: center; margin:40px 0 0 0;}
.btn {padding:0 80px 0 30px; height: 50px; line-height: 50px;  min-width: 150px; background: #ccc; color:#fff !important; margin:0px; position: relative; font-size: 1.8rem; vertical-align: middle; text-align: left; margin-bottom: 4px;}
.btn:after {content: ''; display: block; width: 29px; height: 10px; background: url(../img/common/ico-btn-arr.png) no-repeat 0 0; position: absolute; top:46%; right: 30px; transform: translateY(-50%);}
.btn.bg-white:after {background: url(../img/common/ico-btn-arr-b.png) no-repeat 0 0;}
.btn-m {padding:0 30px; height: 55px; line-height: 55px; min-width: 150px; background: #ccc; color:#fff !important; margin:0px; position: relative; font-size: 1.8rem; vertical-align: middle; text-align: center;}

/*help*/
.help-wrap {display: inline-block; vertical-align: middle; position: relative;}
.help-wrap .help-btn {width: 55px; height: 55px; text-align: center; text-indent: -99999px; background: #728189 url(../img/common/ico-help.png) no-repeat 50% 50%;}
.help-wrap .help-btn.on {background: #728189 url(../img/common/ico-help-close.png) no-repeat 50% 50%;}
.help-wrap .help-txt {position: absolute; bottom:75px; right: 0; width: 270px; height: auto; border:3px solid #728189; padding:15px; background: #fff; text-align: left; line-height: 1.4; display: none; color:#333 !important;}
.help-wrap .help-txt:before {content: ''; width:15px; height: 15px; background: #fff; border-top:3px solid #728189; border-right: 3px solid #728189; transform: rotate(135deg); position: absolute; bottom: -11px; right: 17px;}

/* Text Color */
.txt-color-black {color: #000 !important;}
.txt-color-dgray {color: #222 !important;}
.txt-color-gray {color: #bbb !important;}
.txt-color-ltgray {color:#838383 !important;}
.txt-color-red {color: #e60012 !important;}
.txt-color-yellow {color: #f7ae00 !important;}
.txt-color-cyan {color: #00b1f0 !important;}
.txt-color-blue {color: #005b9e !important;}
.txt-color-navy {color: #063c6d !important;}
.txt-color-skyblue {color: #378ee0 !important;}
.txt-color-cobalt {color: #053868 !important;}
.txt-color-white {color: #fff !important;}
.txt-color-aqua {color: #01b4bb !important;}
.txt-color-green {color: #7ec356 !important;}
.txt-color-orange {color: #f04e30 !important;}

/* bg Color */
.bg-black {background-color: #000 !important;}
.bg-cyan {background-color: #01b3bb !important;}
.bg-blue {background-color: #0066cc !important; }
.bg-lt-blue {background-color: #496877 !important; }
.bg-sky {background-color: #99ccff !important; color:#333 !important;}
.bg-whgrey {background-color: #f5f5f5 !important;}
.bg-white {background-color: #fff !important; color:#005b9e !important;}
.bg-grey {background-color: #888888 !important;}
.bg-dk-grey {background-color: #555 !important;}
.bg-yellow {background-color: #ffcc00 !important;}
.bg-green {background-color: #abdc15 !important;}
.bg-red {background-color: #ff0033 !important;}
.bg-orange {background-color: #ff9900 !important;}

/* float */
.f-left {float: left;}
.f-right {float: right;}
.f-none {float: none !important;}
.clearfix {clear:both !important;}
.clear:after {clear:both;display:block;content:'';}

/* Text Style */
.txt-hidden {text-indent: -9999em; font-size:0; color: transparent;}
.txt-cnt {text-align:center !important;}
.txt-left {text-align:left !important;}
.txt-right {text-align:right !important;}

/* hidden */
.hidden, legend { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; margin:0; padding:0; background:none}

/*view*/
.pc-view {display: block !important;}
.mo-view {display: none !important;}

/*icon*/
i {display: inline-block; vertical-align: middle; background-size: contain !important;}

/*border*/
.bo-0 {border:0 !important;}

/*spacing*/
.p-0 {padding:0 !important;}
.pt-0 {padding-top:0 !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !important;}
.pb-0 {padding-bottom:0 !important;}
.ph-20 {padding:20px 0 !important;}
.pw-20 {padding:0 20px !important;}

.m-0 {margin:0 !important;}
.mt-0 {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mh-20 {margin:20px 0 !important;}
.mw-20 {margin:0 20px !important;}

/*popup*/
.popup-wrap { display: none; position: fixed; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); }
.popup-wrap .close-btn {position: absolute; top: -50px; right:0px; cursor: pointer; background: url('../img/common/ico-close.png') no-repeat 50% 50%; width:30px;height:30px; background-size: cover; text-indent: -9999px; z-index: 2}
.popup-wrap .popup-inner { background-color: #fefefe; position: absolute; top:0; left: 50%;  text-align: left; width: 95%; max-width: 1000px; margin: 10vh auto; transform: translateX(-50%);}
.popup-wrap .popup-top {background: #1081d7; position: relative; padding:20px 30px;}
.popup-wrap .popup-top .popup-tit {font-size: 2.5rem; color:#fff; font-weight: 500;}
.popup-wrap .popup-top .popup-tit span {display: block; text-align: center; font-size: 2.2rem; color:#f26330}
.popup-wrap .focus-return { position: absolute; top:0; left: -999999px; opacity: 0;}
.popup-wrap .popup-con {padding:30px; line-height: 1.4}
.popup-wrap .popup-con .btn-box {border-top:1px solid #ddd; padding-top:30px; text-align: right;}
.popup-wrap .popup-con > p {margin-bottom: 10px;}
.popup-wrap .refuge-img img {width: 100%;}
.popup-wrap .board-write {border-top: 0;}
.popup-wrap .video-box {position: relative; padding-top: 56.4%;}
.popup-wrap .video-box iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

/*popup-xs*/
.popup-wrap.popup-xs .popup-inner {max-width:500px; top:45%; transform: translate(-50%,-50%)}
/*popup-sm*/
.popup-wrap.popup-sm .popup-inner {max-width:800px; }
/*popup-lg*/
.popup-wrap.popup-lg .popup-inner {max-width:1300px;}

/*slick*/
.slide {position: relative;}
.slick-slide {position: relative; min-height: 1px;}
.slick-slider .slick-prev {left: 0%;}
.slick-slider .slick-next {right: 0%;}
.slick-slider .slick-prev, .slick-slider .slick-next { top: 50%; position: absolute;  width: 70px; height: 70px; text-indent: -9999px; z-index: 2; transform: translateY(-50%); }
.slick-slider .slick-prev {background: url(../img/common/ico-prev-m.png) no-repeat 50% 50%;}
.slick-slider .slick-next {background: url(../img/common/ico-next-m.png) no-repeat 50% 50%;}

/*thumb slide*/
.gallery-slide {text-align: center;}
.gallery-slide img {display: inline-block}
.gallery-slide-nav {padding:0 10px;}
.gallery-slide-nav .slick-prev, .gallery-slide-nav .slick-next  { top:45%; width: 30px; height: 30px;}
.gallery-slide-nav .slick-prev {left: -20px; background: url(../img/common/ico-prev-ms.png) no-repeat 50% 50%;}
.gallery-slide-nav .slick-next {right: -20px; background: url(../img/common/ico-next-ms.png) no-repeat 50% 50%;}
.gallery-slide-nav .slick-current {opacity: 0.5;}
.gallery-slide-nav .img {text-align: center;}
.gallery-slide-nav img {padding:10px; display: inline-block}

/*slick dots*/
.slick-dots {text-align: center; position: absolute; bottom:32px; left: 0px; width: 100%;}
.slick-dots li {display: inline-block; margin:0 4px;}
.slick-dots li button {display: block; width: 12px; height:12px; border-radius: 100px; background: transparent; text-indent: -9999px; border:2px solid #ccc;}
.slick-dots li.slick-active button {background: #ccc; border:2px solid #ccc;}

/*control*/
.slick-control.type-lg button {text-indent: -9999px; text-align: left; width: 26px; height: 26px; }
.slick-control.type-lg .slick-prev,
.slick-control.type-lg .slick-next {position: absolute; top:50%; width:100px; height:100px; background-size: contain !important; transform: translateY(-50%); display: none !important;;}
.slick-control.type-lg .slick-prev {background:url(../img/common/ico-prev-m.png) no-repeat 50% 50%; left:2%;}
.slick-control.type-lg .slick-next {background:url(../img/common/ico-next-m.png) no-repeat 50% 50%; right:2%;}
.slick-control.type-lg .slick-stop,
.slick-control.type-lg .slick-play {position: absolute;  bottom: 30px; left: calc(50% - 50px); transform: translateX(-50%);  border-radius: 100px; overflow: hidden; }
.slick-control.type-lg .slick-stop {background:#fff url(../img/common/ico-stop-s.png) no-repeat 50% 50%; display: block; } 
.slick-control.type-lg .slick-play {background:#fff url(../img/common/ico-play-s.png) no-repeat 50% 50%; display: block;}
.slick-control.type-s {position: absolute; top:50%; right: 15px; width: 30px; transform: translateY(-50%); }
.slick-control.type-s button {text-indent: -9999px; text-align: left; width: 30px; height: 30px; border:1px solid #ddd; display: block;}
.slick-control.type-s .slick-prev {background: url(../img/common/ico-prev-s.png) no-repeat 50% 50%; }
.slick-control.type-s .slick-next {background: url(../img/common/ico-next-s.png) no-repeat 50% 50%; border-top:0; border-bottom: 0;}
.slick-control.type-s .slick-stop {background: url(../img/common/ico-stop-s.png) no-repeat 50% 50%; }
.slick-control.type-s .slick-play {background: url(../img/common/ico-play-s.png) no-repeat 50% 50%; display: none;}

.slick-control.type-m button {text-indent: -9999px; text-align: left; width: 25px; height: 25px; }
.slick-control.type-m .slick-prev,
.slick-control.type-m .slick-next {position: absolute; top:50%; width: 35px; height: 35px; transform: translateY(-50%); }
.slick-control.type-m .slick-prev {background:#000 url(../img/common/ico-prev-sm.png) no-repeat 50% 50%; left:0px;}
.slick-control.type-m .slick-next {background:#000 url(../img/common/ico-next-sm.png) no-repeat 50% 50%; right:0px;}
.slick-control.type-m .slick-stop {background:#fff url(../img/common/ico-stop-s.png) no-repeat 50% 50%; position: absolute; bottom:10px; right: 10px; display: block !important;}
.slick-control.type-m .slick-play {background:#fff url(../img/common/ico-play-s.png) no-repeat 50% 50%; position: absolute; bottom:10px; right:40px; display: block !important;}

.slick-control.type-b button {text-indent: -9999px; text-align: left; width: 25px; height: 25px; }
.slick-control.type-b .slick-prev,
.slick-control.type-b .slick-next {position: absolute; top:50%; width:60px; height:60px; background-size: contain !important; transform: translateY(-50%);}
.slick-control.type-b .slick-prev {background:url(../img/common/ico-prev-m.png) no-repeat 50% 50%; left:-60px;}
.slick-control.type-b .slick-next {background:url(../img/common/ico-next-m.png) no-repeat 50% 50%; right:-60px;}
.slick-control.type-b .slick-stop {background:#fff url(../img/common/ico-stop-s.png) no-repeat 50% 50%; position: absolute; top:-21px; right: 10px; display: block !important;}
.slick-control.type-b .slick-play {background:#fff url(../img/common/ico-play-s.png) no-repeat 50% 50%; position: absolute; top:-21px; right:40px; display: block !important;}

.tit-ep {text-overflow: ellipsis;  white-space: nowrap; overflow: hidden; }

body {background: #f8f8f8;}

.wrap .live-calendar {max-width: 1400px; padding:50px 15px 15px 15px; width: 100%; margin: 0 auto;}
.wrap .live-calendar .title-box {margin-bottom: 35px; margin-top:25px;}
.wrap .live-calendar h1 {font-size:4rem; font-weight: 400; color:#000;  margin-top:5px; text-align: center}
.wrap .live-calendar h1 strong {font-weight: 600}

.live-calendar table.ca-tb {border-collapse: collapse; table-layout: fixed;}
.live-calendar table.ca-tb tr th,
.live-calendar table.ca-tb tr td {border:1px solid #ddd; padding:8px; background: #fff; position: relative;}

.live-calendar table.ca-tb tr th {background: #222; color:#fff; font-size: 1.5rem; }
.live-calendar table.ca-tb tr td.active{background: #efefef;}
.live-calendar table.ca-tb tr td.active:before {content: ''; display: block; width:100%;  height: 2px; background: #000; position: absolute; top:-1px; left: 0; }
.live-calendar table.ca-tb tr td.today .num {background: #adadad; border-radius: 100px; color:#fff;}
.live-calendar .num {font-size: 1.6rem; margin-bottom: 5px; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.live-calendar .con ul li {margin-bottom: 15px; display: flex; gap:10px; flex-wrap: wrap; align-items: center;}
.live-calendar .con ul li .time {background: #ff0000; height: 25px; width:48px; text-align: center; line-height: 25px; color:#fff; font-size: 1.4rem; }
.live-calendar .con ul li p {font-size: 1.5rem; line-height: 1.2; color:#000; font-weight: 500}

.live-calendar .benefit  {margin:70px 0;}
.live-calendar .benefit .small-txt {font-size: 1.4rem; margin-top:15px; text-align: center}
.live-calendar .benefit table tr th,
.live-calendar .benefit table tr td {border:1px solid #ddd; padding:10px 5px; background: #fff; font-size: 1.6rem; color:#000; vertical-align: middle; text-align: center}
.live-calendar .benefit table tr th {background: #222; color:#fff; font-weight: bold;}
.live-calendar .benefit table tr td {padding:20px 20px; font-size: 1.7rem; font-weight: 500}
.live-calendar .benefit table tr td .date li {display: flex; justify-content: space-between; margin:2px 0; align-items: center; gap:5px;}
.live-calendar .benefit table tr td .date li span {font-size: 1.5rem;}
.live-calendar .benefit table tr td .date li span:last-child {background: #ff0000; color:#fff; width: 50px; height: 23px; line-height: 23px; font-size: 1.3rem; text-align: center}
.live-calendar .benefit h2 {font-size: 3rem; font-weight: bold; color:#000; margin-bottom: 20px;}
.live-calendar .benefit table tr td .product {display: flex; gap:10px; align-items: center}
.live-calendar .benefit table tr td .product img {max-width: 100px;}
.live-calendar .benefit table tr td .price ul {display: flex; justify-content: space-between; align-items: center; padding:10px 20px; background: #eee; margin-top:4px;}
.live-calendar .benefit table tr td .price ul li {display: flex; align-items: center; gap:10px; font-size: 1.6rem;}
.live-calendar .benefit table tr td .price ul li small {font-size: 1.3rem; color:#666; }
.live-calendar .benefit table tr td .price ul li span:first-of-type {font-size: 1.3rem; background: #666; color:#fff; width: 50px; height: 23px; line-height: 23px; text-align: center;}
.live-calendar .benefit table tr td .price ul li:first-of-type span:last-of-type {text-decoration: line-through; color:#666}
.live-calendar .benefit table tr td .price ul li:last-of-type span:first-of-type {background: #ff0000; width: 75px;}
.live-calendar .benefit table tr td .price ul li:last-of-type span:last-of-type {font-size: 2rem; display: flex; align-items: center; gap:7px;}

.btn-box {text-align: center}
.btn-more {background: #ff0000; padding:22px 60px; color:#fff; font-size: 2.3rem; font-weight: 600}
.btn-more:after {content: ''; display: inline-block; border-top:2px solid #fff; border-right: 2px solid #fff; width:10px; height: 10px; transform: rotate(45deg); top:-2px; position: relative; margin-left: 20px;}


@media all and (max-width:1600px) {
   .wrap .live-calendar {padding:5% 5% 0 5%}
}
@media all and (max-width:1280px) {
    .live-calendar .benefit table tr td .price ul {flex-direction: column; gap:5px; align-items: flex-start; padding:10px;}
}
@media all and (max-width:768px) {
    .wrap .live-calendar h1 {font-size: 3rem;}
    .wrap .live-calendar > img {width:80px}
    .wrap .live-calendar .title-box {margin-top:10px; margin-bottom: 20px;}
    
    .live-calendar .num {font-size: 3vw;}
    .live-calendar .con ul li {gap:3px; margin-bottom: 2vw;}
    
    .live-calendar .con ul li .time {height:2.5vw; width:5vw; line-height: 2.5vw; font-size: 1.5vw;}
    .live-calendar .con ul li p {font-size: 2vw;}
    
    .live-calendar table.ca-tb tr th, .live-calendar table.ca-tb tr td {padding:5px; word-break: break-all}
    
    .live-calendar .benefit {margin-top:40px}
    
    .live-calendar .benefit table tr td {padding:5px;}
    .live-calendar .benefit table tr td .date li {flex-direction: column; gap:0; margin-bottom: 10px;}
    .live-calendar .benefit table tr td .date li span:last-child {width:37px; height: 20px; line-height: 20px; font-size: 1.2rem;}
    .live-calendar .benefit table tr td .product {display: block;}
    .live-calendar .benefit table tr td .product img {width: 100%; margin-bottom: 10px;}
    
    .live-calendar .benefit table tr td .price ul li {flex-direction: column; align-items: flex-start; gap:2px;}
    .live-calendar .benefit table tr td .price ul li span:first-of-type {width:40px; height: 20px; line-height: 20px;}
    .live-calendar .benefit table tr td .price ul li:last-of-type span:first-of-type {width:65px;}
    .live-calendar .benefit table tr td .price ul li:last-of-type span:last-of-type {display: block;}
    .live-calendar .benefit table tr td .price ul li:last-of-type span:last-of-type small {display: block;}
}
@media all and (max-width:500px) {
    .wrap .live-calendar h1 {font-size: 5.8vw;}   
    .wrap .live-calendar .title-box {margin-bottom: 3vw; margin-top:5vw;}
    .wrap .live-calendar > img {width:20vw;}
    .btn-box {margin-top:6vw;}
    .btn-more {padding:4vw 8vw; font-size: 4vw; }
    .btn-more:after {width:2vw; height: 2vw; margin-left: 2vw; top:0;}
    .live-calendar table.ca-tb tr th {font-size:3vw;}
    
    .live-calendar .benefit h2 {font-size: 5.5vw; margin-bottom: 3vw;}
    
    .live-calendar .benefit table tr td, 
    .live-calendar .benefit table tr th {font-size: 1.4rem;}
    .live-calendar .benefit table tr td .price ul li:last-of-type span:last-of-type {font-size: 1.7rem;}
}







/*기존*/
.wrap {overflow: hidden;}
.wrap .inner {max-width: 1230px; padding:0 15px; widows: 100%; margin:0 auto;}
.wrap h3 {font-size:3.3rem; color:#fff; text-align: center; margin-bottom: 5px; font-weight: 500}
.wrap h2 {font-size:3.2rem; color:#fff; text-align: center; margin-bottom: 5px;}

.main-visual {display: flex;  justify-content: space-between; }
.main-visual > div {width: 50%; background: #000; position: relative; padding:3% 3% 1% 3%; text-align: center}
.main-visual > div .con {display: inline-block;}
.main-visual .logo-box {display: flex; align-items: center; gap:20px; margin-bottom: 14px;}
.main-visual .time {background: #e52323; color:#fff; padding:10px 15px; display: flex; align-items: center; gap:7px; font-size: 2.2rem; border-radius: 4px; line-height: 1; font-weight: 600; letter-spacing: 0;}
.main-visual .time:before {content: ''; display: block; width: 10px; height: 10px; background: #fff; border-radius: 100px; margin-right: 5px; }
.main-visual .txt-box { overflow: hidden; display: flex; align-items: flex-start; text-align: left;}
.main-visual .tit-box .title-box {margin-bottom: 25px;}
.main-visual .tit-box .title-box h3 {font-size: 3rem; font-weight: bold; text-align: left;}
.main-visual .tit-box .title-box p {font-weight: bold; font-size: 1.8rem; color:#fff}

.main-visual .txt-box > img { width: 28%}
.main-visual .txt-box .txt { padding:0px 15px 0 15px; width:70%;}
.main-visual .txt-box .txt dl {margin-bottom: 17px;}
.main-visual .txt-box .txt dl:last-of-type {margin-bottom: 0;}
.main-visual .txt-box .txt dl dt {font-size: 1.8rem; font-weight: 600; color:#000; color:#fff; position: relative; padding-left: 15px; margin-bottom: 5px;}
.main-visual .txt-box .txt dl dt:before {content: ''; display: block; width: 9px; height: 5px; border-top:1px solid #fff; border-right:1px solid #fff; position: absolute; top:4px; left: 0; transform: rotate(135deg)}
.main-visual .txt-box .txt dl dd {font-size: 1.7rem; line-height: 1.5; color:#fff; padding-left: 15px; margin-bottom: 9px;}
.main-visual .txt-box .txt dl dd:last-of-type {margin-bottom: 0; }
.main-visual .txt-box .txt dl dd small {font-size: 1.4rem}
.main-visual .txt-box .txt dl dd strong {color:#fff; font-weight: bold;}

.main-visual .txt-box ul {margin-bottom: 50px;}
.main-visual .txt-box ul li {margin-bottom: 20px; position: relative;}
.main-visual .txt-box ul li .title {font-weight: 900; color:#000; padding-left:23px; position: relative;}
.main-visual .txt-box ul li .title:before {content: ''; display: block; width: 12px; height: 7px; border-top:2px solid #666; border-right:2px solid #666; position: absolute; top:4px; left: 0; transform: rotate(135deg)}
.main-visual .txt-box ul li:last-of-type .title {padding-left: 0;}
.main-visual .txt-box ul li:last-of-type .title:before {display: none;}


.main-visual .right-area .txt-box ul li .title {color:#fff;}
.main-visual .right-area .txt-box ul li .title:before {border-color:#fff;}
.main-visual .left-area {background: #f4f4f4;  color:#333;}
.main-visual .left-area .title-box h3,
.main-visual .left-area .title-box p,
.main-visual .left-area .txt dl dt,
.main-visual .left-area .txt dl dd {color:#333;}
.main-visual .left-area .txt dl dd strong {color:#333;}
.main-visual .left-area .txt-box .txt dl dt:before {border-color:#000;}

.gift-box {border:1px solid #ff0000; border-radius: 10px; padding:10px 15px; background: #fff; max-width: 470px; margin-top:8px;}
.gift-box p {font-size: 1.7rem; color:#ff0000; padding-left: 0 !important; font-weight: 500; }
.gift-box .gift {display: flex; align-items: center;  margin-top:7px; gap:6%;}
.gift-box .gift > div {display: flex; align-items: center;  gap:10px; }
.gift-box .gift span {font-size: 1.6rem; color:#000; line-height: 1.2; display: block; font-weight: 500}
.gift-box .gift span small {font-size: 1.2rem; color:#666; margin-bottom: 3px; display: inline-block}
.gift-box .gift .plus {border:0; padding:0;  text-align: center; display: flex; justify-content: center; background: #fff;}
.gift-box .flex {display: flex; align-items: center; justify-content: space-around; }
.gift-box .flex p {text-align: center;}
.gift-box .flex p:nth-of-type(2) {border-left: 1px solid #ddd; padding-left: 6% !important;}
.flex-wp {flex-wrap: wrap !important;}
.flex-wp p {width:100%; font-size: 1.6rem; line-height: 1.2;}
.flex-wp img {width:40%}


.gift-box .flex2 {display: flex; align-items: center; justify-content: space-around; flex-direction: column;}
.gift-box .flex2 span {text-align: center;}


@media all and (max-width:1000px){ 
    .main-visual .txt-box ul {display: block; max-width: 470px; margin:0 auto;}
    .gift-box {max-width: 100%; margin:8px auto; padding:15px;}
    .gift-box .gift { align-items: normal; justify-content: center;}
    .gift-box .gift > div {justify-content: center; padding:10px 10px; flex-direction: column; border-radius: 10px;}
    .gift-box .gift > div img {width:45px;}
    .gift-box .gift span {font-size: 1.7rem;}
    .gift-box .gift .plus img {width:14px;}
}
@media all and (max-width:768px){ 
    .gift-box {padding:10px;}
    .gift-box p {font-size: 1.6rem;}
    .gift-box .flex p:nth-of-type(2) {padding-left: 4% !important;}
    .gift-box .flex2 {padding:0 !important;}
    .gift-box .gift > div {padding:0;}
}


.main-link {text-align: center; display: flex; align-items:center; justify-content: center; height: 38vh}
.main-link h2 {font-size: 4.8rem; color:#000; font-weight: 600;}
.main-link p {font-size: 3.5rem; color:#000; font-weight: 600; margin:15px 0 20px;}
.main-link a {background: #000; width: 250px; height: 70px; font-size:2.2rem; color:#fff; line-height: 70px; margin-bottom: 10px;}
.main-link a span {display: flex; align-items: center; justify-content: center;}
.main-link a span:after {content: ''; display: block; width: 10px; height: 10px; border-top:2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-left: 10px;}

/*event*/
.event-form {background: #242424; text-align: center; color:#d6d6d6;}
.event-form > p {font-size: 2rem;}
.event-form .form {text-align: center; margin:50px 0 60px;}
.event-form .form .input-field {max-width:640px; margin:0 auto; overflow: hidden; margin-bottom: 30px; display: flex; justify-content: space-between;}
.event-form .form .input-field input[type="text"] {width: calc(100% - 200px); height: 60px; border:0; padding:0 20px; font-size: 2rem;}
.event-form .form .input-field .submit-btn {background: #79b928; text-align: center; width: 200px; height: 60px; line-height: 60px; color:#fff; }
.event-form .txt-box {padding: 70px 0 50px 0; overflow: hidden; }
.event-form .txt-box p {font-size: 1.7rem; color:#999; margin-bottom: 20px;}
.event-form .txt-box > ul {margin-bottom: 25px;}
.event-form .txt-box > ul ul {margin-top: 10px; margin-left: 10px;}
.event-form .txt-box ul li {font-size: 2.1rem; color:#999; margin-bottom: 3px; text-align: left}
.event-form .txt-box ul li.bold {font-weight: bold; text-decoration: underline; color:#fff;}
.event-form .txt-box ul li.txt2 {margin-left: 27px;}
.event-form dl {margin:20px 0 -50px;}
.event-form dl dt {font-size: 2.2rem; font-weight: bold; color:#fff;}
.event-form dl a {padding:8px 15px; background: #666; color:#fff; font-size: 1.4rem; border-radius: 100px; margin-top:10px; }
.event-form dl a {padding:8px 15px; background: #666; color:#fff; font-size: 1.4rem; border-radius: 100px; margin-top:10px; }

.event-benefit {padding:40px 0; background: #fff;}
.event-benefit h2 {color:#000; margin-bottom: 50px}
.event-benefit h3 {color:#000; margin-bottom: 50px}
.event-benefit ul {border-top:1px solid #ddd; padding-top:50px; overflow: hidden}
.event-benefit ul li{float: left; width: 50%; padding-right: 3%; padding-left: 100px; padding-top: 15px; position: relative; margin-bottom:5%; min-height: 70px;}
.event-benefit ul li:nth-of-type(1) {background: url(../img/serv-ico1.png) no-repeat 0 0;}
.event-benefit ul li:nth-of-type(2) {background: url(../img/serv-ico2.png) no-repeat 0 0;}
.event-benefit ul li:nth-of-type(3) {background: url(../img/serv-ico3.png) no-repeat 0 0;}
.event-benefit ul li:nth-of-type(4) {background: url(../img/serv-ico4.png) no-repeat 0 0;}
.event-benefit ul li dt {font-size: 2.4rem; color:#000; margin-bottom: 10px;}
.event-benefit ul li dd {color:#777}


.footer {text-align: center; background: #242424; padding:20px 0;}
.footer img {width: 90px;}

.spam-btn {padding:12px 25px; background: #666; color:#fff; margin-top: 12px; }
.spam-box p {margin-top:30px; margin-bottom: 15px !important; color:#fff !important;}
.spam-box ul {display: flex; gap:1%; justify-content: center;}
.spam-box ul a {padding:8px 15px; background: #666; color:#fff; font-size: 1.4rem; border-radius: 100px; text-align: center;}


.pc-view {display: block !important;}
.mo-view {display: none !important;}

.select-area {margin:60px 0 25px;}
.select-area p {font-size: 2.9rem; color:#79b928; margin-bottom: 18px; line-height: 1.5;}
.select-area p small {display: block; font-size: 2.3rem;}
.select-area span { margin :0 20px;}
.select-area p br {display: none;}

.faq-btn {position: fixed; bottom:60px; right: 50px; z-index: 999; text-align: center;  background: #000; padding:7px; border-radius: 5px;}
.faq-btn p {color:#fff;}





@media all and (max-width:1700px){ 
	html {font-size:56.5%;}
	.main-link {height: auto; padding:50px 0 60px;}
	.main-link h2 {font-size: 3vw;}
	.main-link p {font-size: 2.5vw; margin:1vw 0 1.7vw}
	.main-link a {width: 21vw; height: 5.5vw; line-height: 5.5vw; font-size: 1.7vw; margin-bottom: 0;}
	
	.wrap h3 {font-size: 2.7vw;}
	.event-benefit h3 {margin-bottom: 3vw;}

	.event-form .txt-box > ul:last-child {margin-bottom: 0;}
	.event-form .form {margin:5vw 0}
    .event-benefit h2 {margin-bottom: 30px;}
	.event-detail .img {width: 40%;}
	.event-detail .txt {width: 57%;}
	.spam-txt {margin-bottom: 40px;}
	
	.select-area {margin:8vw 0 3vw;}
	.select-area p {font-size: 2.7vw; 
}
@media all and (max-width:1300px){ 
	.main-visual{ display: block;}
	.main-visual > div {width:100%; height: auto; padding:50px 10px 10px 10px;}
	.main-visual .txt-box {align-items: center;}
}

@media all and (max-width:1000px){ 
	
	.event-detail {padding:50px 0;}
	.event-detail .inner {display: block; text-align: center;}
	.event-detail .img {width: 80%; margin-bottom: 40px; display: inline-block;}
	.event-detail .txt {width: auto; display: inline-block; text-align: left;}
	.event-detail .btn-down {position: relative; bottom: 0; margin-top: 30px; width: 250px;}
	.event-detail .txt dl {margin-bottom: 15px;}
}


@media all and (max-width:800px){
	.pc-view {display: none !important;}
	.mo-view {display: block !important;}


	.event-form .form .input-field input[type="text"] {width: calc(100% - 150px)}
	.event-form .form .input-field .submit-btn {width:150px }
	.event-form .txt-box > ul {float: none; width: 100%}
	.event-detail .txt dl {align-items: flex-start;}
	.event-detail .txt dl dt {width: 27%; height: 40px; line-height: 40px; font-size: 1.6rem; margin-right: 15px;}
	.event-detail .txt dl dd {width: 75%;}
	.event-detail .txt dl:nth-of-type(2) dd {margin-top: 8px;}
    
	.main-link h2 {font-size: 5vw;}
	.main-link p {font-size: 3.7vw; margin:2.5vw 0 3vw}
	.main-link a {width: 30vw; height: 7vw; line-height: 7vw; font-size: 2.5vw;}
	.main-link a span:after {width: 1.5vw; height: 1.5vw;}
	
	.wrap h3 {font-size: 4.2vw;}

	.select-area p {font-size: 3.5vw; }
	.faq-btn {bottom: 10px; right: 10px; padding:5px;}
	.faq-btn img {width:30px;}
	
	.main-visual .txt-box {flex-direction: column;}
	.main-visual .txt-box > img {width: 50%;}
	.main-visual .txt-box .txt {width: 100%; padding:30px 15px 0px 15px; text-align: center;}
	.main-visual .tit-box .title-box h3 {text-align: center;}
	.main-visual .logo-box {justify-content: center; flex-direction: column; gap:10px;}
	.main-visual .txt-box .txt dl {margin-bottom: 12px;}
	.main-visual .tit-box .title-box {margin-bottom: 20px;}
	.main-visual .txt-box .txt dl dt {padding-left: 0; display: block; }
	.main-visual .txt-box .txt dl dd {padding-left: 0;}
	.main-visual .txt-box .txt dl dt:before {position: relative; top:-6px; display: inline-block; margin-right: 7px; vertical-align: middle;}
    .event-form dl {margin:20px 0 -30px;}
    .check-set2 input[type="checkbox"] + label {font-size: 2rem;}
    
    .main-visual .txt-box ul li .title { display: flex; gap:10px; justify-content: center; padding-left: 0;}
    .main-visual .txt-box ul li .title:before {position: relative; top:2px;}
    
     .event-form .txt-box {padding:50px 0}
}
@media all and (max-width:600px){

	.main-link {padding:9vw 0 10vw;}
	.main-link h2 {font-size:7.5vw;}
	.main-link p {font-size: 6vw; }
	.main-link a {width:50vw; height: 15vw; line-height: 15vw; font-size: 5vw;}
	
	.wrap h3 {font-size: 6.5vw; margin-bottom: 3vw;}
	.event-form .inner > p {font-size: 4.5vw;}
    .event-benefit h2 {margin-bottom: 20px;}
	
	.event-form .form .input-field input[type="text"] {width:64.7vw; font-size: 3vw; height: 12vw;}
	.event-form .form .input-field .submit-btn {width:30vw; font-size: 3vw; height: 12vw; line-height: 12vw;}
	.check-set input[type="checkbox"] + label,
	.spam-txt,
	.event-form .txt-box p,
	.event-form .txt-box ul li {font-size: 3.5vw;}
	.event-form .txt-box ul li.txt-s2,
	.event-form .txt-box ul li.txt-s {font-size: 4.5vw;}
   
	
	.select-area {margin:10vw 0 3vw;}
	.select-area p {font-size: 6vw; }
	.select-area p br {display: block;}
	.select-area span {display: block; margin-bottom: 15px; }
	.check-set2 input[type="checkbox"] + label {margin-right:30px; font-size: 2rem; }
	.check-set2 input[type="checkbox"] + label:before {content: ''; display:inline-block; width:20px; height:20px; margin:-6px 10px 0 0; vertical-align:middle; background:url(../img/common/check-radio2.png)no-repeat -20px 0; cursor:pointer; background-size: auto 100% !important;}
	.check-set2 span {margin-right: 10px;}
	.select-area p small {font-size: 1.8rem;}
    .select-radio { flex-direction: column; justify-content: center; align-items: center;}
    .select-area span {margin-bottom: 40px;}
    .select-area span:last-of-type {margin-bottom: 0;}

@media all and (max-width:480px){ 
	.wrap h2 {font-size: 3rem;}
	.event-benefit ul {padding-top: 30px;}
	.event-benefit ul li {float: none; width: 100%; background-size: 40px !important; padding-left:60px; padding-top: 5px; min-height: inherit }
	.event-benefit ul li dt {font-size: 5.2vw;}
	.event-benefit ul li dd {font-size: 4vw;}
    .spam-box p  {font-size: 4.5vw !important;}
}

@media all and (max-width:400px){ 
	.wrap h2 {font-size: 2.5rem;}
	.event-form .form .input-field {display: block; padding:0 5vw;}
	.event-form .form .input-field input[type="text"],
	.event-form .form .input-field .submit-btn {width:100%; font-size: 4.5vw; height: 15vw; line-height: 15vw;}
	.event-form .form .input-field .submit-btn {margin-top:2px;}
}