@charset "utf-8";

@font-face { font-family: 'Pretendard';
    src: url('../../../../JNParkDongdaemun_common/fonts/Pretendard-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face { font-family: 'Pretendard';
    src: url('../../../../JNParkDongdaemun_common/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face { font-family: 'Pretendard';
    src: url('../../../../JNParkDongdaemun_common/fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face { font-family: 'Pretendard';
    src: url('../../../../JNParkDongdaemun_common/fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face { font-family: 'Pretendard';
    src: url('../../../../JNParkDongdaemun_common/fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* base */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0; }
html, body {width:100%; overflow-x:hidden;}
* {margin: 0; padding: 0; box-sizing: border-box;}
body{font-family:'Pretendard', sans-serif; font-size:16px; color:#666; word-break:keep-all; /* word-break:normal; */ font-weight:normal; color:#000; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 300;}
a:link {color:#666; text-decoration:none; }
a:visited {color:#666; text-decoration:none; }
a:hover {color:#666; text-decoration:none; }
a:active {color:#666; text-decoration:none; }
a:focus {color:#666; text-decoration:none; }
a, span {display: inline-block;}
input,textarea,select,button{border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:none; }
button * {position:relative; overflow:hidden;}
input:focus, textarea:focus, select:focus {outline: none;}
/* button{border:none; text-indent:-9999px} */
ol, ul {list-style: none;}
u{text-decoration:none}
label {cursor: pointer;}
dfn, address{font-style:normal;}
legend, caption {width:1px; height:1px; font-size:0; line-height:0; margin:-1px;}
img {vertical-align: top;}
textarea{resize:none;}
table{/* border-collapse:collapse;table-layout:fixed; */ border-collapse:collapse;border-spacing:0}
/*  img, a{outline: none; select-dummy: expression(this.hideFocus=true); }  */
/* HTML5 Reset */
select, option {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}

.blind {position: absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}


input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}
input[type="checkbox"] {}
input::placeholder {
  color: #666;
}


.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}

.b2{width:50%; float:left;}
.b3{width:33%; float:left;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearfix:after{content:''; display:block; clear:both;}



/***************
Booking Button
***************/
.bookingButton {
  position: fixed;
  right: 50px;
  bottom: 35px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 9999;
  box-shadow: 4px 4px 18px rgba(0,0,0,0.17);  
}

.bookingButton .booking-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 1;
    background: url(../../../../JNParkDongdaemun_common/images/homepage/KOR/index/booking-img.png) center 23px no-repeat;
    -webkit-animation: booking-img 5s infinite alternate;
    -moz-animation:    booking-img 5s infinite alternate;
    -o-animation:      booking-img 5s infinite alternate;
    animation:         booking-img 5s infinite alternate;
}

.bookingButton .booking-img2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    background: url(../../../../JNParkDongdaemun_common/images/homepage/KOR/index/booking-img2.png) center 23px no-repeat;
    -webkit-animation: booking-img2 5s infinite alternate;
    -moz-animation:    booking-img2 5s infinite alternate;
    -o-animation:      booking-img2 5s infinite alternate;
    animation:         booking-img2 5s infinite alternate;
}

@-webkit-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-moz-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-o-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}

@-webkit-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-moz-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-o-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
    
.bookingButton .booking-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    top: 0;
    z-index: 2;
    background: #003458;
    -webkit-animation: booking-bg 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg 5s ease-in-out infinite alternate;
    animation:         booking-bg 5s ease-in-out infinite alternate;
}

.bookingButton .booking-bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fff;
    -webkit-animation: booking-bg2 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg2 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg2 5s ease-in-out infinite alternate;
    animation:         booking-bg2 5s ease-in-out infinite alternate;
}

@-webkit-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-moz-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-o-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}


@-webkit-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-moz-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-o-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}

@media screen and (max-width: 970px){
	.bookingButton {width: 70px; height: 70px; right: 20px; bottom: 20px;}
	.bookingButton .booking-img,.bookingButton .booking-img2 {background-size: 48px 33px; background-position: center 16px;}
}


/* --------------------------------------------
 * Privacy
/* ------------------------------------------ */
div.privacy{padding:10px 10px 50px; min-height: 500px;}
div.privacy *{padding:0;margin:0;font-size:15px;color:#666;text-align:left; line-height:1.5em;}
div.privacy ol li{list-style:none}
div.privacy .privacy_header h2{padding:0;font-size:30px;color:#333;font-weight:bold;text-align:center;margin:20px 0 40px;}
div.privacy .privacy_header p{margin-top:15px;line-height:24px}
div.privacy .privacy_header ol{margin-top:15px;*zoom:1}
div.privacy .privacy_header ol:after{content:'';display:block;clear:both}
div.privacy .privacy_header ol li{float:left;width:50%}
div.privacy .privacy_header ol li a{display:block;padding:3px 0;font-weight:bold;color:#000;text-decoration:none}
div.privacy .privacy_content{margin-top:25px;border-top:1px dotted #ddd}
div.privacy .privacy_content .item{margin-top:25px; background:none;}
div.privacy .privacy_content .item h3{font-size:15px;font-weight:bold;color:#333}
div.privacy .privacy_content .item > p{margin:12px 0 0 20px; line-height: 24px;}
div.privacy .privacy_content .item ol li.bullet{position:relative;padding-left:10px;margin-top:10px; line-height: 24px;}
div.privacy .privacy_content .item ol li.bullet > span{display:block;position:absolute;top:12px;left:0;width:4px;height:1px;background-color:#999}
div.privacy .privacy_content .item > ol{margin-left:20px}
div.privacy .privacy_content .item > ol > li{margin-top:12px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > p{margin:12px 0 0 20px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > strong{font-size:15px;color:#333}
div.privacy .privacy_content .item > ol > li > ol{margin-left:23px}
div.privacy .privacy_content .item > ol > li > ol > li{margin-top:10px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item table{width:100%;margin-top:15px;border-spacing:0;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc}
div.privacy .privacy_content .item table caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
div.privacy .privacy_content .item table thead th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#f7f7f7;text-align:center;color:#333}
div.privacy .privacy_content .item table tbody th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}
div.privacy .privacy_content .item table tbody td{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}

div.rules{padding:100px 0 50px;}


/***************
TAB menu
***************/
#tabMenu{width:100%; text-align:center; margin-top: 60px;}
#tabMenu ul{border-top:1px solid #eaeaea; margin-bottom:23px;}
#tabMenu ul:after{content:''; clear:both; display:block}
#tabMenu ul li{border-right:1px solid #eaeaea; box-sizing:border-box;}
#tabMenu ul.b33 li{float:left; width:33.33%;}
#tabMenu ul.b25 li{float:left; width:25%;}
#tabMenu ul li a{width:100%; display:table; font-weight:300; color:#666; border-bottom:1px solid #eaeaea; font-size:14px; height:48px; background:#fff}
#tabMenu ul li a span{display:table-cell; vertical-align:middle;}
#tabMenu ul li:first-child{border-left:1px solid #eaeaea;}
#tabMenu ul li.active a{background:#003458; color:#fff;}


@media screen and (max-width:768px){
	#tabMenu {margin-top: 30px;}
	#tabMenu ul.b25 li {width: 50%;}
	#tabMenu ul li a {font-size: 13px; line-height:1.5em;}
	/* #tabMenu ul li:nth-child(2n+1){border-left:1px solid #eaeaea;} */
	
	div.privacy {padding: 10px 0 50px;}
	div.privacy * {font-size: 14px;}
	div.privacy .privacy_header h2 {font-size: 24px;}
	div.privacy .privacy_header p {font-size: 14px; line-height: 1.5em;}
	div.privacy .privacy_header ol li {font-size: 14px; width:100%; float:none;}
	div.privacy .privacy_content .item > p {margin: 6px 0 0 10px;}
	div.privacy .privacy_content .item > ol > li {margin-top: 5px;}
	
	div.rules{padding:70px 15px 0;}
}

@media screen and (max-width:470px){
	#tabMenu ul li a {font-size: 12px;}
}

/*********************************************
* Main Event Popup
*********************************************/
.pop_notice_set{position :absolute;top:125px;left:-10px;z-index:5000}
.pop_notice_set .pop_notice{ float: left; margin: 10px 0 0 10px;background :#fff;position:relative}
.pop_notice_set .pop_notice .pop_notice_content{ width: auto; max-width: 460px; min-height: 200px; /* border: 1px solid #3d3d3d; */background :#fff;text-align:left; padding:0 0 50px;}
.pop_notice_set .pop_notice .pop_notice_content p{margin:10px;line-height:1.4}
.pop_notice_set .pop_notice .pop_notice_content img{ width: 100%; min-width: 200px}
.pop_notice_set .pop_notice .pop_notice_footer{ position: absolute; left: 0; bottom: 0; right: 0; /* border-width: 0 1px 1px; */ background: #252525;/* border-style :solid; */border-color:#3d3d3d; height:50px; line-height:38px;padding:5px 10px 0 ;text-align :left}
.pop_notice_set .pop_notice .pop_notice_footer input{ vertical-align: middle}
.pop_notice_set .pop_notice .pop_notice_footer label{ color: #ADACAC; vertical-align: middle; display: inline-block}
.pop_notice_set .pop_notice .pop_notice_footer a.btn_close {background: url(../../../../JNParkDongdaemun_common/images/common/ico_popup_close.png) center center no-repeat; width: 17px; height: 17px; display: inline-block; text-indent: -9999px; position: absolute; right: 15px; top: 15px;}
.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display :inline-block;padding:0 15px 0 5px;/* background :url(../../images/homepage/common/ico_close.gif) 0 50% no-repeat;font-family:dotum; */font-size:14px; color: #fff;}
.pop_notice_set .pop_notice .pop_notice_content.bg01{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg02{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop02.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg03{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop03.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg01 p,.pop_notice_set .pop_notice .pop_notice_content.bg02 p,.pop_notice_set .pop_notice .pop_notice_content.bg03 p{margin:13px 16px}