/* Generated by less 2.5.1 */
@charset "utf-8";
@font-face {
  font-family: "Open Sans"; font-style: normal; font-weight: normal; src: local("Open Sans"), local("Open Sans"), local("Open-Sans"); src: url(/assets/common/fonts/OpenSans-Regular.eot);
  /* IE9 Compat Modes */
  src: url(/assets/common/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), /* IE6-8 */ url(/assets/common/fonts/OpenSans-Regular.woff) format("woff"), /* Mordern Browsers */ url(/assets/common/fonts/OpenSans-Regular.ttf) format("truetype");
  /* If not support woff */
}
@font-face {
  font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("Open Sans-Light"), local("Open-Sans Light"); src: url("/assets/common/fonts/OpenSans-Light.eot");
  /*A*/
  src: url("/assets/common/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), /*B*/ url("/assets/common/fonts/OpenSans-Light.woff") format("woff"), /*C*/ url("/assets/common/fonts/OpenSans-Light.ttf") format("truetype");
  /*D*/
}
@font-face {
  font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("Open Sans-Semibold"), local("Open-Sans Semibold"); src: url("/assets/common/fonts/OpenSans-Semibold.eot");
  /*A*/
  src: url("/assets/common/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), /*B*/ url("/assets/common/fonts/OpenSans-Semibold.woff") format("woff"), /*C*/ url("/assets/common/fonts/OpenSans-Semibold.ttf") format("truetype");
  /*D*/
}
@font-face {
  font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("Open Sans-Bold"), local("Open-Sans Bold"); src: url("/assets/common/fonts/OpenSans-Bold.eot");
  /*A*/
  src: url("/assets/common/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), /*B*/ url("/assets/common/fonts/OpenSans-Bold.woff") format("woff"), /*C*/ url("/assets/common/fonts/OpenSans-Bold.ttf") format("truetype");
  /*D*/
}
body{ min-height: 100%; height: 100%; }
body { font-family: "Open Sans", "Open-Sans", "Malgun Gothic", sans-serif; color: #cccccc; background: #000; height: 100%; }
a { color: inherit; }
i { display: block; }
.inline { display: inline-block; *display: inline; *zoom: 1; }
.tit { font-weight: bold; }
.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.clearfix { content: ""; clear: both; display: block; }
.textoverflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.fullsize { height: 883px; width: 100%; position: relative; }
.opacity { opacity: 0; transition: all 0.5s; top: 753px;}
.opacity h2 { margin-top: 10px; font-size: 34px; font-weight: 600; color: #fff;}
.opacity div.opa_img {float: left; width: 154px; height: 615px;  position: relative; margin-left: 19%; margin-top: 2%; background: url('/assets/fr/images/main/main_04.png') no-repeat;}
.opacity div.opa_txt {text-align: left; margin-left: 2%; position: relative; float: left; width: 50%; margin-top: 2%; overflow:hidden; line-height:23px;}
.opacity div.opa_txt .top_title {font-size:25px;}
.fade_up { opacity: 1; }
.dot_pager li { display: inline-block; *display: inline; *zoom: 1; }
.dot_pager li button { width: 12px; height: 12px; background: transparent; color: transparent; margin: 0 3px; background: #ffffff; }
.dot_pager .slick-active button { background: #e1fe87; }
.prev, .next { font-size: 30px; color: #999999; }
/* tap */
.tap_contents div { display: none; }
.tap_contents ul { display: none; }
.tap_contents .show { display: block; }
.tap_contents .img_wrap { display: block; }
/*animation*/
/* 1080 center align */
.area_flex { width: 1250px; margin: auto; position: relative; }
.area_flex2 {margin: auto; position: relative; }
/* 960 center align */
.area_flex_inner { width: 1100px; margin: auto; overflow: hidden; position: relative; }

/* 예약 폼 로딩 이미지*/
body div.loding_img{z-index: 999; height: 100%; position: fixed; width: 100%;}
body div.back_img{position: fixed; top: 50%; left: 50%; z-index: 999;}

/* header - 시작 */
#header { position: fixed; top: 0; left: 0; width: 100%; background: url(/assets/fr/images/common/header_bg.png); z-index: 100; color: #d1d1d1; transition: all .2s; }
#header h1 { position: absolute; left: 50px; transition: all .2s; z-index: 100; }
#header h1 img { width: 100%; max-width: 210px; transition: all .2s; }
#header #gnb { text-align: right; font-size: 0; transition: all .2s; padding-right: 50px; }
#header #gnb li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; position: relative; font-weight: 600; transition: all .2s; }
#header #gnb li a { display: block; padding: 0 20px; color:#fff; }
#header #gnb li a.on, #header #gnb li a:hover { color:#ffc929; text-decoration:none; }
#header #gnb .fir:before { display: none; }
#header #gnb li:hover ul.snb { display:block; }
#header #gnb li ul.snb { display:none; position:absolute; top:60px; left:-7px; width:130px; text-align:center; padding:13px 0 0 0; background:url('/assets/fr/images/common/snb_bullet.png') no-repeat center top; }
#header #gnb li ul.snb li { display:block; margin-top:2px; font-size:13px; font-weight:600; color:#222; line-height:16px; }
#header #gnb li ul.snb li:first-child { margin-top:0; }
#header #gnb li ul.snb li:first-child a { padding:22px 0; }
#header #gnb li ul.snb li a { padding:17px 0; color:#252525; background-color:#fff; }
#header #gnb li ul.snb li a.on, #header #gnb li ul.snb li a:hover { color:#ffc929; text-decoration:underline; }
.if_top { height: 121px; }
.if_top h1 { width: 85px; margin-top: 15px; }
.if_top h1 img { max-height: 96px; }
.if_top #gnb { margin-top: 15px; }
.if_top #gnb li { line-height: 91px; }
.if_scroll { height: 100px; }
.if_scroll h1 { width: 75px; margin-top: 10px; border: 0; }
.if_scroll #gnb { margin-top: 0; }
.if_scroll #gnb li { line-height: 100px; }
/* header - 끝 */
/* mobileMenu */
.side { display: none; position: absolute; left: 20px; top: 20px; }
#mobileMenu {  display: none; overflow-y: auto; position: fixed; z-index: 4000; left: 0; top: 0; width: 100%; height: 100%; background: #333333; }
#mobileMenu div.top { position: relative; margin-top: 10px; font-size: 16px; font-weight: 600; color: #e7e7e7; line-height: 35px; padding-left: 25px; }
#mobileMenu div.top div.close { position: absolute; width: auto; height: auto; top: 5px; right: 19px; font-size: 0; line-height: 0; margin: 0; padding: 0; background: none; }
#mobileMenu ul.member { overflow: hidden; margin: 0 0 10px 25px; }
#mobileMenu ul.member li { float: left; margin-left: 12px; padding-left: 13px; font-size: 18px; background: url('/assets/fr/images/common/top_line.jpg') no-repeat left 5px; }
#mobileMenu ul.member li a { display: block; color: #333333; line-height: 32px; }
#mobileMenu ul.member li.first { margin-left: 0; padding-left: 0; background: none; }
#mobileMenu .gnb { border-top: 1px solid #e7e7e7; }
#mobileMenu .gnb li { font-size: 18px; line-height: 60px; border-bottom: 1px solid #e7e7e7; font-weight: 600; background: #f5f5f5; color: #444444; }
#mobileMenu .gnb li a { display: block; width: 100%; text-indent: 20px; }
#mobileMenu .gnb li .sub_gnb { display: none; }
#mobileMenu .gnb li.on { background: #999999 url('/assets/fr/images/common/mobile_bullet.png') no-repeat right 19px; border-bottom: none; }
#mobileMenu .gnb li.on a { color: #fff; }
#mobileMenu .gnb li.on .sub_gnb { display: block; background: #fff; }
#mobileMenu .gnb li.on .sub_gnb a { color: #555; }
#mobileMenu .gnb li.on .sub_gnb li { font-weight: normal; background: none; }
#mobileMenu .gnb li.on .sub_gnb li.on { background: #999999; }
#mobileMenu .gnb li.on .sub_gnb li.on a { color: #fff; }
/*메인페이지*/
.top_bump { height: 121px; background: #000; }
.center_visual_area { position: relative; overflow: hidden; background: url(/assets/fr/images/main/center_visual_img2.jpg) center; background-size: cover; color: #fff; }
.center_visual_area div { height: 100%; opacity: 0; text-align: center; }
.center_visual_area div img { position: relative; left: 0; top: 250px; }
.center_visual_area a { position: absolute; bottom: 20%; background: url(/assets/fr/images/main/reservation.png); width: 159px; height: 45px; display: inline-block; *display: inline; *zoom: 1; line-height: 45px; text-align: center; padding-right: 30px; font-size: 18px; left: 50%; margin-left: -94px; opacity: 0; background-color: #030303;}
.center_visual_area img { position: absolute; bottom: 50px; left: 50%; margin-left: -18px; }
.escape_game { background: url(/assets/fr/images/main/escape_game_bg.jpg) center no-repeat; text-align: center; height: 883px; position: relative; margin-bottom: 649px; }
.escape_game img { margin-top: 110px; }
.escape_game p { line-height: 31px; font-size: 20px; font-weight: 600; letter-spacing:-0.3px; }
.escape_game p span { color: #008aff; }
.escape_game div { position: absolute; bottom: 0px; width: 100%; transition-delay: 0.25s; }
.program_list_area { background: url(/assets/fr/images/main/program_bg.jpg); padding: 60px 0; text-align: center; position: relative; }
.program_list_area h3 { margin-top:55px; font-size: 34px; color: #fff; font-weight: 600; margin-bottom: 10px; }
.program_list_area .reserv { font-size: 50px; padding-bottom: 30px; }
.program_list_area p { line-height: 1.8; font-size: 18px; }
.program_list_area p.txt { margin-top:30px; font-size: 16px; line-height:33px; }
.program_list_area p.txt em { display:block; }
.program_list_area p.txt em.space { height:10px; }
.program_list_area p.txt img { vertical-align:top; }
.program_list_area p.txt2 { margin-top:5px; font-size: 20px; font-weight:600; color:#ffc929; line-height:33px; }
.program_list_area p.txt2 em { display:block; }
.program_list_area p.txt3 { margin-top:30px; font-size: 18px; font-weight:600; color:#e3e3e3; line-height:27px; }
.program_list_area p.txt4 { margin:80px 0 25px 0; font-size: 20px; font-weight:600; color:#fff; line-height:29px; text-align:left; }
.program_list_area .program_info { font-size: 0; margin-top: 50px; text-align: left; }
.program_list_area .program_info li { display: inline-block; *display: inline; *zoom: 1; padding: 10px; background: url(/assets/fr/images/main/program_list_bg.png); margin: 0 7px 14px; text-align: center; width: 365px; transition: all 2s; }
.program_list_area .program_info li .img_wrap { position: relative; overflow: hidden; }
.program_list_area .program_info li .img_wrap img { width: 100%; }
.program_list_area .program_info li .img_wrap .hover { position: absolute; top: 100%; width: 100%; background: url(/assets/fr/images/main/hover_bg.png); height: 100%; overflow-y: auto; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.program_list_area .program_info li .img_wrap .hover .title { padding: 10px 0; font-size: 18px; }
.program_list_area .program_info li .img_wrap .hover .title:after { content: ""; display: block; height: 1px; border-bottom: 1px solid #fff; width: 50px; margin: 5px auto 0; }
.program_list_area .program_info li .img_wrap .hover .txt { margin: 10px; }
.program_list_area .program_info li p { color: #fff; font-weight: 500; font-size: 14px; }
.program_list_area .program_info li .tit { font-size: 18px; background: url(/assets/fr/images/main/more_view.png) no-repeat right; border-bottom: 1px solid #555555; padding: 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.program_list_area .program_info li .classify { margin-top: 5px; }
.program_list_area .program_info li .classify p { float: left; width: 50%; }
.program_list_area .program_info li .classify:after { content: ""; clear: both; display: block; }
.program_list_area .program_info li .reserv { background: #000; width: 80%; margin: 8px auto 5px; padding: 3px 0; }
.program_list_area .program_info .delay1 { transition-delay: 0.1s; }
.program_list_area .program_info .delay2 { transition-delay: 0.25s; }
.program_list_area .program_info .delay3 { transition-delay: 0.4s; }
.program_list_area .program_info .delay4 { transition-delay: 0.55s; }
.program_list_area .program_info .delay5 { transition-delay: 0.7s; }
.program_list_area .program_info .delay6 { transition-delay: 0.85s; }
.program_list_area .program_info .delay7 { transition-delay: 1s; }
.program_list_area h2 { margin-top:10px; font-size: 34px; font-weight:600; color: #fff; }
/*.program_list_area h2:after { width: 56px; content: ""; height: 1px; border-bottom: 1px solid #fff; display: block; margin: auto; padding-top: 20px; }*/
.program_list_area h2.bn:after { width: 0; height: 0; border-bottom:none; padding-top:0; }
.program_list_area .dark_bg_list { margin-top:60px; background: url(/assets/fr/images/main/program_list_bg.png); padding: 36px 0; }
.program_list_area .dark_bg_list li { float: left; width: 25%; position: relative; color: #b6b6b6; }
.program_list_area .dark_bg_list li img { margin-bottom: 20px; }
.program_list_area .dark_bg_list li p { margin: 0 20px; font-size:14px; line-height:23px; }
.program_list_area .dark_bg_list li:after { height: 100%; width: 1px; border-right: 1px solid #444; content: ""; position: absolute; right: 0; top: 0; }
.program_list_area .dark_bg_list .last:after { display: none; }
.program_list_area .dark_bg_list:after { content: ""; clear: both; display: block; }
.program_list_area .remark_info { text-align: left; font-size: 16px; color: #b6b6b6; padding: 30px 0; }
.program_list_area .remark_info li { margin: 28px 0; padding-left: 80px; background: url(/assets/fr/images/main/check.png) no-repeat 20px top; line-height: 1.7; }
.program_list_area .op_room { margin-top:60px; background: url(/assets/fr/images/main/program_list_bg.png); text-align: left; padding: 30px 0; }
.program_list_area .op_room p { padding-left: 215px; background: url(/assets/fr/images/indication/op_room.png) no-repeat 50px center; line-height: 1.7; }
.program_list_area .op_room p strong { font-size: 26px; color: #108afe; padding-bottom: 10px; display: inline-block; *display: inline; *zoom: 1; }
.program_list_area .op_room b { font-size: 26px; color: #fff; padding-bottom: 20px; display: inline-block; *display: inline; *zoom: 1; }
.program_list_area .acceuil { overflow:hidden; margin-top:35px; }
.program_list_area .acceuil li { float:left; width:394px; margin-left:9px; }
.program_list_area .acceuil li:first-child { margin:0; }
.program_list_area .acceuil li div.tit {min-height: 111px; padding:20px; font-size:24px; color:#fff; line-height:37px; text-align:center; background:url('/assets/fr/images/main/tit_bg.png') repeat left top; }
.program_list_area .acceuil li div.cont { min-height:275px; padding:20px 15px 20px 30px; font-size:16px; color:#666; line-height:25px; text-align:left; letter-spacing:-0.2px; }
.program_list_area .acceuil li div.bg1 { background:url('/assets/fr/images/main/acceuil_icon1.png') no-repeat right bottom #fff; }
.program_list_area .acceuil li div.bg2 { background:url('/assets/fr/images/main/acceuil_icon2.png') no-repeat right bottom #fff; }
.program_list_area .acceuil li div.bg3 { background:url('/assets/fr/images/main/acceuil_icon3.png') no-repeat right bottom #fff; }
.program_list_area .acceuil li div.bg4 { background:url('/assets/fr/images/main/acceuil_icon4.png') no-repeat right bottom #fff; }
.program_list_area .acceuil li div.bg5 { background:url('/assets/fr/images/main/acceuil_icon5.png') no-repeat right bottom #fff; }
.program_list_area .acceuil li div.bg6 { background:url('/assets/fr/images/main/acceuil_icon6.png') no-repeat right bottom #fff; }
.program_list_area .estimation { margin-top:60px; padding:95px 0; background:url('/assets/fr/images/main/estimation_bg.png') repeat left top; }
.program_list_area .estimation a.left { position:absolute; top:50%; left:0; margin-top:-34px; font-size:0; line-height:0; z-index:2; }
.program_list_area .estimation a.right { position:absolute; top:50%; right:0; margin-top:-34px; font-size:0; line-height:0;  z-index:2;}
.program_list_area .estimation p.subject { font-size:30px; color:#fff; line-height:39px; }
.program_list_area .estimation p.date { margin-top:5px; font-size:16px; color:#ffc929; line-height:25px; }
.program_list_area .estimation p.date span { font-style:italic; }
.program_list_area .propos { overflow:hidden; margin-top:40px; background:url('/assets/fr/images/propos/dotted.jpg') repeat-x left top; }
.program_list_area .propos li { width:100%; margin-top:40px; }
.program_list_area .propos li div.tit { font-size:25px; font-weight:600; color:#000; text-align:center; }
.program_list_area .propos li div.tit span { display:inline-block; background:url('/assets/fr/images/propos/bg.jpg') repeat-x left bottom; }
.program_list_area .propos li div.bg1 { padding:30px 0; line-height:30px; background:url('/assets/fr/images/propos/tit_icon1.png') no-repeat 26% top; }
.program_list_area .propos li div.bg2 { padding:30px 0; line-height:30px; background:url('/assets/fr/images/propos/tit_icon2.png') no-repeat 21% top; }
.program_list_area .propos li div.bg3 { padding:15px 0; line-height:30px; background:url('/assets/fr/images/propos/tit_icon3.png') no-repeat 28% top; }
.program_list_area .propos li div.bg4 { padding:15px 0; line-height:30px; background:url('/assets/fr/images/propos/tit_icon4.png') no-repeat 23% top; }
.program_list_area .propos li div.bg5 { padding:30px 0; line-height:30px; background:url('/assets/fr/images/propos/tit_icon5.png') no-repeat 37% top; }
.program_list_area .propos li div.txt { padding:25px 0; font-size:16px; color:#555; line-height:27px; text-align:center; background-color:#fff; }
.program_list_area .propos li div.txt em { display:block; }
.program_list_area .propos li div.explain { position:relative; padding:35px 100px 35px 130px; font-size:20px; font-weight:600; color:#222; line-height:29px; text-align:center; background:#f2f2f2; }
.program_list_area .propos li div.explain em { display:block; }
.program_list_area .propos li div.explain div.icon { position:absolute; top:19px; left:50px; font-size:0; line-height:0; }
.program_list_area .propos li div.explain div.icon2 { position:absolute; top:25px; left:128px; font-size:0; line-height:0; }
.program_list_area .line { width:100%; height:1px; margin:80px 0; background-color:#747474; }
.program_list_area .tarifs { overflow:hidden; margin-top:15px; }
.program_list_area .tarifs li { float:left; width:49%; margin-left:2%; }
.program_list_area .tarifs li:first-child { margin-left:0; }
.program_list_area .tarifs li div.bg1 { background-color:#333; }
.program_list_area .tarifs li div.bg2 { background-color:#292929; }
.program_list_area .tarifs li div.bg3 { background-color:#252525; }
.program_list_area .tarifs li div.bg4 { background-color:#1c1c1c; }
.program_list_area .tarifs li div.tit { padding:35px 0; font-size:25px; font-weight:300; color:#fff; line-height:34px; text-align:center; }
.program_list_area .tarifs li div.tit span { display:block; font-size:19px; color:#ffc929; line-height:28px; }
.program_list_area .tarifs li div.txt { padding:35px 0; font-size:17px; font-weight:600; color:#fff; line-height:32px; text-align:center; }
.program_list_area .tarifs li div.txt em { display:inline-block; width:140px; text-align:left; }
.program_list_area .tarifs2 { width:100%; margin-top:-1px; border-top:1px solid #888; }
.program_list_area .tarifs2 th { padding:35px 0; font-size:25px; font-weight:300; color:#fff; line-height:34px; text-align:center; letter-spacing:1px; border-left:1px solid #444; border-bottom:1px solid #444; }
.program_list_area .tarifs2 th.first { border-left:none; }
.program_list_area .tarifs2 th span { display:block; font-size:19px; color:#ffc929; line-height:28px; }
.program_list_area .tarifs2 td { padding:35px 0; font-size:17px; font-weight:600; color:#fff; line-height:32px; text-align:center; vertical-align:middle; border-left:1px solid #444; border-bottom:1px solid #444; background-color:#333; }
.program_list_area .tarifs2 td.first { border-left:none; }
.program_list_area .tarifs2 td em { display:inline-block; width:140px; text-align:left; }
.program_list_area .tap { width:100%; margin-top:40px; font-size:0; line-height:0; text-align:center; }
.program_list_area .tap a { display:inline-block; width:378px; font-size:18px; font-weight:300; color:#999; line-height:43px; border:1px solid #777; }
.program_list_area .tap a.on, .program_list_area .tap a:hover { font-weight:600; color:#fff; border:1px solid #fff; }
.program_list_area .map { margin-top:40px; font-size:0; line-height:0; }
.program_list_area .map img { max-width:100%; }
.program_list_area .location { margin-top:25px; font-size:15px; color:#fff; line-height:20px; text-align:right; }
.program_list_area .location img { margin:0 10px 0 50px; vertical-align:top; }
.program_list_area .location a { color:#fff; line-height:20px; vertical-align:top; }
.program_list_area .white { overflow:hidden; margin-top:60px; padding:65px 70px; background:url('/assets/fr/images/propos/logo.png') no-repeat right top #fff; }
.program_list_area .white h2 { font-size:45px; font-weight:600; color:#000; line-height:54px; }
.program_list_area .white p.txt { margin-top:15px; color:#999; }
.program_list_area .white div.candy { margin-top:20px; padding:15px 0; font-size:15px; font-weight:600; color:#444; line-height:34px; background-color:#f2f2f2; }
.program_list_area .white div.candy em { display:block; }
.program_list_area .white div.candy img { vertical-align:top; }

/*	20191107 추가 */
.program_list_area .top_title div.img {text-align: left; margin: 0 40px;}
.program_list_area .top_title div.content {position: absolute; top: 8px; margin-left: 27%; text-align: left; font-size:20px;}

/*메인페이지*/
.lock { background: url(/assets/fr/images/main/lock_img.png); width: 10px; height: 12px; display: inline-block; *display: inline; *zoom: 1; margin-left: 4px; vertical-align: middle; }
/* main - 시작 */
#main { font-family: "Open Sans", "Open-Sans", "Malgun Gothic", sans-serif; position: relative; min-height: 100%; height: 100%; }
/* main - 끝 */
.img_align { text-align: right; margin-top: 40px; margin-bottom: 20px; }
.area_date_select { background: #000; margin-top: 60px; padding: 45px 0; font-size: 16px; }
.area_date_select label { padding: 0 15px; }
.area_date_select select { width: 240px; height: 40px; border: 0; padding: 0 10px; }
.area_date_select .date_select { width: 240px; height: 40px; padding: 0 10px; background: #fff; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #333; position: relative; line-height: 40px; text-align: left; }
.calendar { position: absolute; left: 0; top: 100%; width: 100%; border: 1px solid #555555; box-sizing: border-box; background: #000; z-index: 20; text-align: center; color: #fff; display: none; }
.calendar .date { line-height: 50px; font-size: 16px; }
.calendar button { color: #d5d5d5; font-size: 14px; height: 50px; }
.calendar .prev { float: left; }
.calendar .next { float: right; }
.calendar a.close-button { display:inline-block; padding-right:5px; color:red; font-weight:800; font-size:12px; float:right; }
.calendar table { width: 94%; margin: 3%; font-size: 12px; margin-top: 0; font-weight: 700; }
.calendar table th, .calendar table td { border: 1px solid #3c3c3c; }
.calendar table td { background: #fff; color: #999999; }
.calendar table .dispon { background: #1bdc4d; color: #333333; cursor: pointer; }
.calendar table .empty { background: #000; }
.calendar table col { width: 14.28571429%; }
.program_list { padding: 45px 0; background: #000; text-align: left; margin-bottom: 10px; }
.program_list img { float:left; margin-left: 50px; width: 200px; }
.program_list .time_info { padding-left: 300px; }
.program_list .time_info .tit { font-size: 30px; padding-right: 45px; }
.program_list .time_info .person { padding-left: 30px; }
.program_list .time_table { margin-top: 20px; margin-right: 50px; padding-left: 300px; }
.program_list .time_table:after { content: ""; clear: both; display: block; }
.program_list li { float: left; width: 100px; height: 80px; background: #333; margin-right: 14px; margin-bottom: 15px; font-size: 26px; padding-top: 20px; text-align: center; }
.program_list li p { font-size: 12px; }
.program_list .complet { color: #999999; }
.program_list .disponible { color: #1bdc4d; cursor: pointer; }
.program_list:after { content: ""; clear: both; display: block; }

.program_list .img_wrap { position: relative; overflow: hidden; display:inline-block; float:left; }
.program_list .img_wrap .hover { position: absolute; top: 100%; width: 100%; max-width:200px; background: url(/assets/fr/images/main/hover_bg.png); height: 100%; overflow-y: auto; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left:50px; }
.program_list .img_wrap .hover .title { padding: 10px 0 5px 0; font-size: 14px; text-align:center; }
.program_list .img_wrap .hover .title:after { content: ""; display: block; height: 1px; border-bottom: 1px solid #fff; width: 50px; margin: 5px auto 0; }
.program_list .img_wrap .hover .txt { margin: 10px; font-size:12px; line-height:20px; }


.openroom { color: #0091ff; cursor: pointer; }
.normal_tb { margin-top:60px; font-size: 16px; text-align: left; border-top: 1px solid #fff; }
.normal_tb td { border-bottom: 1px solid #555555; padding: 20px 50px; }
.normal_tb input[type="text"] { line-height: 40px; width: 325px; padding: 0; border: 1px solid #3c3c3c; }
.normal_tb select { width: 325px; height: 40px; border: 1px solid #3c3c3c; }
.normal_tb .fir { background: #000; font-size: 18px; text-align: center; }
.normal_tb b { display: block; font-size: 20px; margin-bottom: 20px; }
.suivant { background: url(/assets/fr/images/common/suivant.png) no-repeat 40px center #000000; color: #fff; font-size: 16px; font-weight: 700; padding-left: 80px; height: 50px; margin-top: 50px; padding-right: 40px; }
.qna { text-align: left; margin-top: 60px; }
.qna td { padding: 10px; vertical-align: top; color: #999999; }
.qna .num { color: #fff; font-size: 30px; font-weight: 500; padding-left: 20px; }
.qna .tit { color: #e7e7e7; font-weight: 600; }
.tarif { background: #fff; color: #333; text-align: center; padding: 80px 0; }
.tarif .reserv { font-size: 50px; font-weight: 600; }
.tarif .qn:after { width: 56px; content: ""; height: 1px; border-bottom: 2px solid #888; display: block; margin: auto; padding-top: 20px; }
.tarif .tarif_info { font-size: 16px; color: #999999; margin-bottom: 50px; }
.tarif .tit { font-size: 18px; font-weight: 600; margin: 40px 0 20px; text-align: left; }
.tarif .left_wrap { float: left; width: 50%; }
.tarif .left_wrap table { width: 90%; }
.tarif .right_wrap { float: right; width: 50%; }
.tarif .right_wrap table { width: 100%; }
.tarif .tari th, .tarif .tari .title { text-align: center; background: #fbfbfb; font-size: 18px; font-weight: 600; }
.tarif .tari th, .tarif .tari td { border: 1px solid #333; padding: 10px; text-align: center; vertical-align: middle; font-size: 16px; }
.tarif .tari { width: 100%; }
.contact .map_wrap:after { content: ""; clear: both; display: block; }
.contact #map { height: 350px; float: left; width: 50%; }
.contact .right_wrap { float: left; width: 48%; text-align: left; margin-left: 2%; }
.contact .reserv { border-bottom: 1px solid #555555; padding-bottom: 10px; }
.contact p { padding: 10px 0; }
.contact p img { vertical-align: middle; margin-right: 10px; margin-left: 20px; }
/* footer - 시작 */
#footer { background: #222; padding-bottom: 0px; position: relative; }
#footer h2 { margin-bottom: 30px; }
#footer .foot_link { height: 47px; border-bottom: 1px solid #3c3c3c; line-height: 47px; font-size: 14px; margin-bottom: 30px; font-weight: 600; }
#footer .foot_link li { float: left; margin-right: 30px; }
#footer .foot_left { float: left; width: 50%; font-weight: 600; }
#footer .foot_left h2 { float: left; }
#footer .foot_left address { float: left; padding: 5px 30px; }
#footer .foot_right { float: left; width: 50%; }
#footer .foot_right li { float: left; width: 100px; height: 60px; margin-left: 1px; padding: 20px 0; }
#footer .foot_right li p { font-size: 14px; }
#footer .foot_right li .number { font-size: 30px; color: #fff; }
#footer .foot_right li a { display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 100%; text-indent: -9999px; }
#footer .foot_right li a.foot_tel { display: inline-block; width: 100%; height: 100%; text-decoration: none; text-indent:0;}
#footer .foot_right .fir { margin-left: 0; width: 220px; padding-left: 100px; background: url(/assets/fr/images/common/footer_img1.png) no-repeat 20px center #333333; }
#footer .foot_right .fir a { display: none; }
#footer .foot_right .instagram { background: url(/assets/fr/images/common/footer_img2.png) no-repeat center #333333; }
#footer .foot_right .facebook { background: url(/assets/fr/images/common/footer_img3.png) no-repeat center #333333; }
#footer .foot_right .youtube { background: url(/assets/fr/images/common/footer_img4.png) no-repeat center #333333; }
#footer address { line-height: 1.7; }
#footer .area_flex:after { content: ""; clear: both; display: block; }
/* footer - 끝 */
/* 1200 이하 - 시작*/
@media screen and (max-width: 1200px) {
	.escape_game {margin-bottom: 1066px;}
    .area_flex { width: 980px; }
    .area_flex_inner { width: 900px; }
    i { display: none; }
    .program_list_area h3 { font-size: 24px; }
    .program_list_area p { line-height: 1.8; font-size: 14px; }
    .program_list_area .program_info { font-size: 0; }
    .program_list_area .program_info li { width: 291px; }
    .program_list_area .program_info li p { font-size: 12px; }
    .program_list_area .program_info li .tit { font-size: 16px; padding: 10px 0; }
    .program_list_area .program_info li .classify p { float: none; width: 100%; }
    .program_list_area .program_info li .reserv { width: 80%; padding: 3px 0; }
	.program_list_area .acceuil li { width:320px; margin-left:10px; }
	.program_list_area .acceuil li div.tit { padding:25px; font-size:24px; line-height:33px; }
	.program_list_area .acceuil li div.cont { min-height:250px; padding:15px 15px 15px 25px; font-size:14px; line-height:23px; }
	.program_list_area .propos li div.txt em { display:inline; }
	.program_list_area .propos li div.explain { padding:35px 100px; }
	.program_list_area .propos li div.explain em { display:inline; }
	.program_list_area .propos li div.explain div.icon { left:30px; }
	.program_list_area .propos li div.explain div.icon2 { left:38px; }

	.program_list_area .top_title div.content {margin-left: 43%;}

	/* footer - 시작 */
    #footer .foot_right li { width: 100px; height: 60px; margin-left: 1px; padding: 20px 0; }
    #footer .foot_right li p { font-size: 12px; }
    #footer .foot_right li .number { font-size: 24px; }
    #footer .foot_right li a { display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 100%; text-indent: -9999px; }
    #footer .foot_right .fir { margin-left: 0; width: 180px; padding-left: 100px; }
    /* footer - 끝 */
}
/* 980 이하 - 시작*/
@media screen and (max-width: 980px) {

	/* 20191107 추가 */

	.opacity h2 { margin-top: 10px; font-size: 20px; font-weight: 600; color: #fff;}
	.opacity img#opa_img {margin-top:0; margin: 25px 0; }
	.opacity div.opa_txt .top_title {font-size:18px;}

    .area_flex { width: 768px; }
    .area_flex_inner { width: 700px; }
    /* header - 시작 */
    #header #gnb li { font-size: 14px; }
    #header #gnb li a { padding: 0 10px; }
    /* header - 끝 */
    .center_visual_area div img { top: 130px; }
    .escape_game p { font-size: 16px; text-align: left; }
    .tarif .reserv { font-size: 40PX; }
    .program_list_area h3 { margin-top:35px; font-size: 20px; }
    .program_list_area h3.reserv { font-size: 30px; }
    .program_list_area p { font-size: 12px; }
	.program_list_area p.txt em { display:inline; }
	.program_list_area p.txt2 em { display:inline; }
    .program_list_area .program_info li { width: 222px; }
    .program_list_area .program_info li p { font-size: 12px; }
    .program_list_area .program_info li .tit { font-size: 16px; padding: 10px 0; }
    .program_list_area .program_info li .classify p { float: none; width: 100%; }
    .program_list_area .program_info li .reserv { width: 80%; padding: 3px 0; }
	.program_list_area h2 { margin-top:0; font-size: 35px; }
	.program_list_area h2:after { width: 45px; padding-top: 10px; }
	.program_list_area .acceuil { overflow:hidden; margin-top:25px; }
	.program_list_area .acceuil li { float:none; width:100%; margin:10px 0 0 0; }
	.program_list_area .acceuil li div.tit { padding:15px 20px; font-size:18px; line-height:27px; }
	.program_list_area .acceuil li div.cont { min-height:0; padding:15px 15px 35px 20px; font-size:12px; line-height:21px; }
	.program_list_area .acceuil li div.bg1 { background-size:100px 94px; }
	.program_list_area .acceuil li div.bg2 { background-size:100px 94px; }
	.program_list_area .acceuil li div.bg3 { background-size:100px 94px; }
	.program_list_area .acceuil li div.bg4 { background-size:100px 94px; }
	.program_list_area .acceuil li div.bg5 { background-size:100px 94px; }
	.program_list_area .acceuil li div.bg6 { background-size:100px 94px; }
	.program_list_area .estimation { margin-top:40px; padding:35px 0; }
	.program_list_area .estimation a.left { margin-top:-15px; }
	.program_list_area .estimation a.left img { height:30px; }
	.program_list_area .estimation a.right { margin-top:-15px; }
	.program_list_area .estimation a.right img { height:30px; }
	.program_list_area .estimation p.subject { margin:0 40px; font-size:16px; line-height:21px; }
	.program_list_area .estimation p.date { margin-top:5px; font-size:12px; line-height:21px; }

    /* footer - 시작 */
    #footer .foot_left { width: 100%; }
    #footer .foot_right { width: 100%; }
    #footer .foot_right li { width: 25%; }
    #footer .foot_right .fir { padding-left: 0; width: 24%; background-position: center; }
    #footer .foot_right .fir p { text-indent: -9999px; }
    /* footer - 끝 */
}
/* 980 이하 - 끝*/
/* 768 이하 - 시작*/
@media screen and (max-width: 768px) {
	.escape_game {margin-bottom: 1256px;}
    .area_flex { width: 90%; }
    .area_flex_inner { width: 85%; }
    #gnb { display: none; }
    .side { display: block; transition: all 0.2s; z-index: 105; }
    #header .area_flex { width: 100%; }
    #header h1 { width: 100%; margin-top:10px; text-align: center; left: 0; }
    #header h1 img { max-width: 47px; }
    #header .top_menu { z-index: 101; border: 0; }
    #header .top_menu .lang { display: none; }
    #header .top_menu select { display: none; }
    #header .top_menu li input { width: 30px; margin-right: 18px; margin-top: 6px; background-position: center; }
    .if_top { height: 70px; overflow: hidden; transition: none; }
    .if_top h1 { border: 0; }
    .if_top .side { top: 24px; }
    .if_scroll { height:70px; }
	.if_scroll h1 { border: 0; }
    .if_scroll .side { top: 24px; }
	.top_bump { height: 70px; }
	.area_date_select { font-size: 14px; }
    .area_date_select label { width: 100px; margin-bottom: 10px; }
    .area_date_select select { width: 300px; margin-bottom: 10px; }
    .area_date_select .date_select { width: 280px; }
    .respon { display: block; }
    .program_list { padding: 30px 0; text-align: center; }
    .program_list img { position: relative; left: 0; width: 70%; }
    .program_list .time_info { padding-left: 0; }
    .program_list .time_info .tit { font-size: 20px; padding-right: 35px; }
    .program_list .time_info .person { padding-left: 20px; }
    .program_list .time_table { margin: 20px auto; padding-left: 50px; }
    .program_list li { width: 80px; height: 60px; font-size: 20px; }
    .program_list .complet { color: #999999; }
    .program_list .disponible { color: #1bdc4d; }
    .program_list:after { content: ""; clear: both; display: block; }
    .center_visual_area div img { width: 70%; }
    .escape_game img { width: 80%; }
	.program_list_area p.txt { margin-top:10px; font-size: 13px; line-height:22px; }
	.program_list_area p.txt em.space { height:0; }
	.program_list_area p.txt img { height:22px; }
	.program_list_area p.txt2 { margin-top:5px; font-size: 15px; line-height:24px; }
	.program_list_area p.txt3 { margin-top:15px; font-size: 13px; line-height:22px; }
	.program_list_area p.txt4 { margin:30px 0 15px 0; font-size: 14px; line-height:23px; }
	.program_list_area .propos { margin-top:30px; }
	.program_list_area .propos li { margin-top:15px; }
	.program_list_area .propos li div.tit { font-size:16px; }
	.program_list_area .propos li div.tit span { padding:0; background-size:10px 8px; }
	.program_list_area .propos li div.bg1 { padding:10px 0; line-height:21px; background:none; }
	.program_list_area .propos li div.bg2 { padding:10px 0; line-height:21px; background:none; }
	.program_list_area .propos li div.bg3 { padding:10px 0; line-height:21px; background:none; }
	.program_list_area .propos li div.bg4 { padding:10px 0; line-height:21px; background:none; }
	.program_list_area .propos li div.bg5 { padding:10px 0; line-height:21px; background:none; }
	.program_list_area .propos li div.txt { padding:10px 0; font-size:12px; line-height:21px; }
	.program_list_area .propos li div.explain { padding:15px 15px 15px 50px; font-size:14px; line-height:19px; background:none #e0e0e0; }
	.program_list_area .propos li div.explain div.icon { top:11px; left:15px; }
	.program_list_area .propos li div.explain div.icon img { height:42px; }
	.program_list_area .propos li div.explain div.icon2 { top:13px; left:15px; }
	.program_list_area .propos li div.explain div.icon2 img { height:40px; }
	.program_list_area .tarifs li div.tit { padding:15px 0; font-size:16px; line-height:25px; }
	.program_list_area .tarifs li div.tit span { font-size:13px; line-height:22px; }
	.program_list_area .tarifs li div.txt { padding:15px 0; font-size:12px; line-height:21px; }
	.program_list_area .tarifs li div.txt em { width:70px; }
	.program_list_area .tarifs2 th { padding:15px 0; font-size:16px; line-height:25px; }
	.program_list_area .tarifs2 th span { font-size:14px; line-height:23px; }
	.program_list_area .tarifs2 td { padding:15px 0; font-size:12px; line-height:21px; }
	.program_list_area .tarifs2 td em { width:70px; }
	.program_list_area .tap { margin-top:30px; }
	.program_list_area .tap a { width:auto; padding:0 25px; font-size:13px; line-height:32px; }
	.program_list_area .map { margin-top:30px; }
	.program_list_area .location { margin-top:15px; font-size:12px; line-height:15px; text-align:center; }
	.program_list_area .location img { height:15px; margin:0 8px 0 0; }
	.program_list_area .location em { display:block; margin-top:5px; }
	.program_list_area .location a { line-height:15px; }
	.program_list_area .white { margin-top:30px; padding:25px 20px; background:none #fff; }
	.program_list_area .white h2 { font-size:24px; line-height:33px; }
	.program_list_area .white p.txt { margin-top:5px; }
	.program_list_area .white div.candy { margin-top:15px; padding:10px 0; font-size:12px; line-height:25px; }
	.program_list_area .white div.candy em { display:inline; }
	.program_list_area .white div.candy img { height:25px; }
	.program_list_area h3.reserv { font-size: 20px; }
    .program_list_area .program_info { text-align: center; }
    .program_list_area .program_info li { width: 40%; }
	.program_list_area .dark_bg_list { margin-top:30px; }
    .program_list_area .dark_bg_list li { width: 50%; }
    .program_list_area .remark_info { font-size: 12px; }
    .program_list_area .op_room { margin-top:30px; padding: 20px 0; }
    .program_list_area .op_room p { padding-left: 180px; background: url(/assets/fr/images/indication/op_room.png) no-repeat 30px center; padding-right: 10px; }
    .program_list_area .op_room b { font-size: 20px; }
	.program_list_area .line { margin:30px 0; }
    .normal_tb { margin-top:30px; font-size: 12px; }
    .normal_tb td { padding: 10px 30px; }
    .normal_tb input[type="text"] { line-height: 35px; width: 200px; }
    .normal_tb select { width: 200px; height: 35px; }
    .normal_tb .fir { font-size: 14px; }
    .normal_tb b { font-size: 16px; }
    .tarif .reserv { font-size: 30px; }
    .tarif .tarif_info { font-size: 14px; }
    .tarif .tit { font-size: 14px; margin: 20px 0 20px; }
    .tarif .left_wrap { width: 100%; }
    .tarif .left_wrap table { width: 100%; }
    .tarif .right_wrap { width: 100%; }
    .tarif .right_wrap table { width: 100%; }
    .tarif .tari th, .tarif .tari .title { font-size: 14px; }
    .tarif .tari th, .tarif .tari td { font-size: 12px; }
    .contact #map { height: 350px; float: left; width: 100%; }
    .contact h3 { margin-top: 10px; text-align: center; }
    .contact .right_wrap { float: left; width: 100%; text-align: left; margin-left: 0; }
    #footer .foot_link { font-size: 12px; }
    #footer .foot_link li { margin-right: 10px; }
    #footer .foot_right { margin: 20px auto; }
    #footer .foot_right .fir a { display: inline-block; *display: inline; *zoom: 1; }

	.program_list_area .top_title div.content {margin-left: 52%; font-size: 12px;}

	.opacity div.opa_txt {float: left; width: 98%; margin-top: 10px;}
	.opacity div.opa_img {width: 267px; height: 300px; margin-left: 23%; background: url('/assets/fr/images/reservation/2_1_reservation_03.png') no-repeat;}
} 
/* 768 이하 - 끝*/

@media screen and (max-width: 650px){
	.program_list_area .top_title div.content {margin-left: 5%; margin-top: 40px; position: relative;}
	.program_list_area .top_title div.img {margin: 0 86px;}
}

/* 480 이하 - 시작*/
@media screen and (max-width: 480px) {
    #header .language li { display: block; }
    #header .language .active { display: none; }
    .center_visual_area div img { top: 80px; }
    h3 { margin-left: 20px; margin-right: 20px; }
    .program_list_area h2 { font-size: 24px; padding-top: 30px; }
    .program_list_area .program_info { text-align: center; }
    .program_list_area .program_info li { width: 90%; }
    .program_list_area .dark_bg_list li { width: 100%; margin-bottom: 30px; }
    .program_list_area .remark_info li { padding-left: 40px; background-position: 0 top; }
    .program_list_area .op_room { padding: 20px 0; }
    .program_list_area .op_room p { padding-left: 20px; background: none; padding-right: 20px; }
    .program_list .tit { width: 100%; display: inline-block; *display: inline; *zoom: 1; }
    .area_date_select { font-size: 14px; }
    .area_date_select label { width: 100px; margin-bottom: 10px; }
    .area_date_select select { width: 230px; margin-bottom: 10px; }
    .area_date_select .date_select { width: 210px; }
    .img_align img { width: 100%; }
    .normal_tb td { padding: 10px; }
    .normal_tb input[type="text"] { line-height: 30px; width: 95%; }
    .normal_tb select { width: 95%; height: 30px; }
    .normal_tb .fir { font-size: 14px; }
    .normal_tb b { font-size: 16px; }
    /* footer - 시작 */
    #footer .foot_link li { margin-right: 9px; }
    #footer h2 { display: none; }

	#layer{ display: none; position: absolute;top: 10%; left: 2%; width: 95%; height: auto;background-color: #fff; z-index: 10;}
    /* footer - 끝 */
}
/* 480 이하 - 끝*/