@charset "utf-8";
/****************************************/
/* Name: ±ÝÁ¤¹®È­È¸°ü
/* PART: BOARD STYLE 
/* Version: 1.0 / day: 2018-05-
/* Author: imtec 
/****************************************/

/* »ó´Ü ½½¶óÀÌµå ±âº»¼³Á¤ */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* ¿¹¾àÇϱ⠹̴Ϻä */

	#miniview {
	position: fixed;
	width: 150px;
	height: 100px;
	top: 60px;
	left: 10px;
	background-color: rgba(255,255,255,0.7);
	border: 1px solid #aaa;
	z-index: 500;
	display: none;
}

.mini {
	position: absolute;
	background-color: #111;
}
.mini.inlv1{background: #ea8b91}
.mini.inlv2{background: #8bafea}
.mini.inlv3{background: #84a05a}
.mini.inlv4{background: #e9bc5a}
.mini.inlv5{background: #a327ea}
.mini.inlv6{background: #22d6c5}

.port {
	position: absolute;
	border: 2px solid violet;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	opacity: 1 ;
	z-index:1;
}


/*
================================================================================
¸ÞÀÎÄÜÅÙÃ÷
================================================================================
*/

.contentBox{
	width: 1200px; margin: 0 auto; position: relative;
	overflow: hidden;
}
.section01{width: 100%;padding-bottom: 85px;background:url(/img/main/section01_bg.gif) no-repeat; background-size:cover;}
.section01 .contentBox{margin-top: -60px;z-index: 100;overflow:visible;}
.section01 .contentBox::after{content:"";display:block;width:100%;clear:both;}
.section02{width: 100%;padding: 110px 0;background: url(/img/main/section_bg01.jpg) center top no-repeat;background-size: cover;}
.section03{width: 100%;background-color: #c83b3b}


.m_visual_wrap{width: 100%;height: 615px;position: relative;overflow: hidden;top:-5px;background-color:#aaa;}
.m_visual_wrap .m_slide_bg_box{width: 100%;height:100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.m_visual_wrap .m_slide_box{width: 1200px;height:100%;margin: 0 auto;z-index: 100;}
.m_visual_wrap .m_slide_box .bx-viewport{overflow:visible !important;}
.m_slide_bg_box img{width: auto;height: 100%;max-width: inherit !important;position: relative;left:50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.m_slide_box li{padding: 125px 50px 0 650px;position: relative;}
.m_slide_box .img_box{box-shadow: 1px 1px 5px -1px #999;width: 329px;height: 422px;position: absolute;top:94px;left: 227px;}
.m_slide_box .img_box .com_cate_box_round{position:absolute;top:23px;left:23px;}
.m_slide_box .info_box{color: #fff;}
.m_slide_box .info_box h2{text-shadow: 1px 1px 1px rgba(0,0,0,0.1);font-family: 'NanumSquare';/*font-size: 50px;*/font-size: 48px;padding-bottom: 30px;margin-bottom: 30px;position: relative;line-height: 1.2;letter-spacing:-2.5px}
.m_slide_box .info_box h2::after{content: "";display: inline-block;width: 50px;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: 0px;}
.m_slide_box .info_box dt{display: inline-block;margin-right: 5px;}
.m_slide_box .info_box dd{display: inline-block;}
.m_slide_box .info_box .info_txt{margin-top: 20px;max-height: 48px;}
.m_slide_box .btn_box{width: 100%;margin-top:30px;}
.m_slide_box .btn_box a{width: 155px;line-height: 47px;display: inline-block;font-size: 16px;border-radius: 23px;text-align: center;}
.m_slide_box .btn_box .btn_info{margin-right: 5px;background-color: #fff;color: #666;border:1px solid #fff;}
.m_slide_box .btn_box .btn_resevation{background-color: #e25355;color: #fff;text-shadow: 1px 1px rgba(0,0,0,0.33);border:1px solid #e25355;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; }

.m_slide_box .btn_box .btn_info:hover{background-color: #ededed}
.m_slide_box .btn_box .btn_resevation:hover{background-color: #ce4143}

.m_visual_wrap .control{width:1200px;position: absolute;left:50%;top:35px;margin-left:-600px;z-index: 100;text-align: right}
.m_visual_wrap .control button,.m_visual_wrap .control_2 button{display: inline-block;text-indent: -9999px;font-size: 0;z-index: 100;}
.m_visual_wrap .control_2{width:1200px;position: absolute;left:50%;top:0;margin-left:-600px;height: 100%;}
.m_visual_wrap .prev-slide,
.m_visual_wrap .next-slide{width: 69px;height: 69px;background-color: rgba(0,0,0,0.32);position: absolute;top: 50%;margin-top: -35px;border-radius: 50%;}
.m_visual_wrap .prev-slide{left:-30px;}
.m_visual_wrap .next-slide{right:-30px;}
.m_visual_wrap .prev-slide::after,
.m_visual_wrap .next-slide::after{content: "";display: inline-block;width: 20px;height: 38px;position: absolute;background-image: url(/img/img_common2.png);background-repeat: no-repeat;top:16px;}
.m_visual_wrap .prev-slide::after{left:24px;background-position: -440px 0;}
.m_visual_wrap .next-slide::after{left:29px;background-position: -480px 0;}

.m_visual_wrap .control .stop-slide{display: inline-block;margin-right: 10px;width: 17px;height: 17px;background: url(/img/img_common2.png) -414px 0 no-repeat;margin-top: -12px;}
.m_visual_wrap .control .start-slide{display: inline-block;margin-right: 10px;width: 17px;height: 17px;background: url(/img/img_common2.png) -390px 0 no-repeat;margin-top: -12px;}
.m_visual_wrap .bxslider-pager{display: inline-block;margin-right: 24px;position: relative;font-size: 0;}
.m_visual_wrap .bxslider-pager .bx-pager-item{display: inline-block;margin-right: 8px;float: left;}
.m_visual_wrap .bxslider-pager .bx-pager-item:last-child{margin-right: 0;}
.m_visual_wrap .bxslider-pager .bx-pager-item a{display: inline-block;width: 17px;height: 17px;box-sizing: border-box;text-indent: 9999px;position: relative;border-radius: 50%;}
.m_visual_wrap .bxslider-pager .bx-pager-item a::after{content: "";display: inline-block;width: 12px;height: 12px;background-color:#fff;border-radius: 50%;position: absolute;left:3px;top:5px;}
.m_visual_wrap .bxslider-pager .bx-pager-item a.active{width: 22px;height: 22px;background:none;position: relative;border:2px solid #fb8080;text-align: center;}
.m_visual_wrap .bxslider-pager .bx-pager-item a.active::after{content: "";display: inline-block;width: 8px;height: 8px;background-color:#fb8080;border-radius: 50%;left:5px;top:5px;}
.m_visual_wrap .bxslider-pager .bx-pager-item a.active:hover,.m_visual_wrap .bxslider-pager .bx-pager-item a.active:focus{text-decoration: none;}


/* °ø¿¬,Àü½ÃÀÏÁ¤ */
.m_calendar{width: 100%;height:200px; padding: 30px 35px 30px 220px;position: relative;background-color: #fff;box-shadow: 1px 1px 9px rgba(0,0,0,0.2);}
.m_calendar .tit_box{
  width: 190px;height: 100%;padding-top: 40px;position: absolute; top: 0; left: 0;line-height: 1;background-color: #e1e1e1;text-align: center;}
.m_calendar .tit_box h2{
  text-align: center; display: block;font-size: 18px; margin-bottom: 10px;
  font-family: 'NanumSquare';
}
.m_calendar .tit_box .today{
  display: block; font-weight: bold;
  letter-spacing: -3.5px;
  font-size: 52px; margin-bottom: 13px;
  font-family: 'NanumSquare';
}
.m_calendar .tit_box .btn_more{
  display: inline-block;width: 126px; height: 32px; line-height: 32px;text-align: center; border: 1px solid #d6d6d6;background-color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.m_calendar .tit_box .btn_more:hover,
.m_calendar .tit_box .btn_more:focus{
  border-color: #777;
}
.m_calendar .tit_box .btn_more span{
  display: inline-block; 
  font-size: 14px; padding-right: 19px;
  position: relative;
}
.m_calendar .tit_box .btn_more span::after{
  content: ""; display: inline-block; position: absolute;
  background-image: url(/img/img_common.png);
  background-repeat: no-repeat; 
  background-position: -325px 0;
  top: 12px; right: 0px;
  width: 5px; height: 8px;
}
.m_calendar .date_box{
  width: 100%; height: 58px; overflow: hidden; margin-bottom: 25px;
  padding-top: 13px; padding-left: 15px;border-bottom: 1px solid #efefef;
}
.m_calendar .date_box li{
  float: left;
  margin-right: 6px;
}
.m_calendar .date_box li:last-child{
  margin-right: 0;
}
.m_calendar .date_box li a{
  display: inline-block;
  width: 24px; height: 24px; line-height: 24px;
  border-radius: 50%; text-align: center; 
  font-size: 14px;
}
.m_calendar .date_box li a.red_day{
  color: #f04f4f;
}
.m_calendar .date_box li a.on{
  background: #4264c4; color: #fff;
}
.schedule_wrap{
  width: 100%; padding-right: 110px;
  overflow: hidden; position: relative;
}
.schedule_box{
  overflow: hidden;
}
.schedule_box > ul{
  margin-left: 1px;
}
.schedule_box li{
  width: 50%; float: left; line-height: 1;
}
.schedule_box li{
  padding-right: 35px;
  border-right: 1px solid #cfcfcf;
}
.schedule_box li:last-of-type{
  padding-left: 30px;
  border-right: none;
}
.schedule_box h3{ 
  font-size: 18px; font-weight: bold; margin-bottom: 13px;
  font-family: 'NanumSquare';width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.schedule_box h3 span{display: inline-block;font-size: 13px;color: #fff;padding: 5px 7px;line-height: 1;margin-right: 5px;min-width:56px;text-align:center;}
.schedule_box h3 span.bg_blue{background-color: #4e82cb}
.schedule_box h3 span.bg_red{background-color: #f04f4f}
.schedule_box h3 span.bg_green{background-color: #00a06d}
.schedule_box h3 span.bg_green2{background-color: #2fa30e; font-family:'Malgun Gothic',sans-serif}
.schedule_box h3 span.bg_gray{background-color: #626770}
.schedule_box h3 span.bg_gray2{background-color: #95989d}
.schedule_box h3 span.bg_orage{background-color: #fa9900}
.schedule_box h3 span.bg_orage2{background-color: #cd7d00}
.schedule_box p{
  display: inline-block;
  width: 100%;line-height:1.4;
  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.schedule_wrap .ctr_box{
  position: absolute; right: 0; top: 5px;
  margin-left: 1px;
}
.schedule_wrap .ctr_box button{
  float: left;
  width: 40px; height: 40px; margin-left: -1px;
  border:1px solid #d6d6d6; position: relative;
  cursor: pointer; text-indent: -9999px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.schedule_wrap .ctr_box button:hover,
.schedule_wrap .ctr_box button:focus{
  background-color: #eaeaea;
}
.schedule_wrap .ctr_box button::after{
  content: ""; display: inline-block; position: absolute;
  background-image: url(/img/img_common.png);
  background-repeat: no-repeat; 
  top: 12px; left: 15px;
  width: 10px; height: 16px;
}
.schedule_wrap .btn_prev::after{
  background-position: -395px 0;  
}
.schedule_wrap .btn_next::after{
  background-position: -415px 0;  
}

.m_conBox_1{margin-top: 83px;font-size: 0;}
.m_conBox_1 > div{font-size: 15px;display: inline-block;width: 50%;position: relative;float: left;}

/* °øÁö»çÇ× */
.m_notice_wrap h2{margin-bottom: 20px;}
.m_notice_wrap .notice_box{padding-right: 80px;}
.notice_box dl{line-height: 1;margin-bottom: 20px;padding-right: 80px;position: relative;}
.notice_box dt{font-family: 'NanumSquare';font-size: 18px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.notice_box .date{position: absolute;right: 0;top: 2px;}
.notice_box .first{padding-bottom: 23px;margin-bottom: 23px;border-bottom: 1px dotted #c5c5c5;padding-right: 0;}
.notice_box .first dt{font-size: 21px;margin-bottom: 20px;line-height: 1;padding-right: 100px;position: relative;display: inline-block;}
.notice_box .first dt a{display: block;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;}
.notice_box dd.txt{color: #666;height: 42px;line-height: 1.4;word-break: break-all;}


/* Æ˾÷Á¸ */ 
.m_pop_wrap .pop_slide li{float:left}
.m_pop_wrap .control{position:absolute;right:15px;bottom:12px;;z-index:20}
.m_pop_wrap .control .count{float:left;width:57px;height:44px;color:#9d9d9d;text-align:center;line-height:44px;font-style: italic;}
.m_pop_wrap .control button{position:relative;width:44px;height:44px;text-indent:-9999px;overflow:hidden;border:1px solid rgba(255,255,255,1);transition: all 0.3s;background-color: #fff;}
.m_pop_wrap .control button::after{
  position:absolute;content:'';
  top:15px; left:19px;
  background:url(/img/img_common.png) no-repeat;
}
.m_pop_wrap .control button:hover{border-color: #666;}
.m_pop_wrap .control .swiper-pagination-fraction{
  letter-spacing: -1.5px;
}
.m_pop_wrap .control .swiper-pagination-current{
  font-size: 17px; font-weight: bold;
}
.m_pop_wrap .control .swiper-pagination-total{font-size: 13px;}
.m_pop_wrap .control .prevSlide1::after{
  width: 8px; height: 14px;
  background-position:-340px 0px
}
.m_pop_wrap .control .nextSlide1::after{
  width: 8px; height: 14px;
  background-position:-377px 0px
}
.m_pop_wrap .control .stopSlide1::after{
  width: 9px; height: 14px;
  background-position:-358px 0px
}
.m_pop_wrap .control .startSlide1::after{
  width: 9px; height: 14px;
  background-position:-279px -46px
}

/* »õâÆ˾÷ */
.closeBox2 {background:#181d30; padding:14px; position:relative;}
.closeBox2 form {color:#fff;}
.closeBox2 .closeBtn {position:absolute; right:14px; top:8px; border-radius:20px; background:#4264c4; padding:6px 20px; color:#fff;}

/* ´ë°ü¾È³» */
.m_conBox_2{font-size: 0; }
.m_conBox_2 li{display: inline-block;width: 25%;padding: 0px 4px;float:left;}
.m_conBox_2 li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative; box-shadow: 1px 6px 1px rgba(0,0,0,0.3);}
.m_conBox_2 li a::after{content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
.m_conBox_2 li img{width: 100%;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.m_conBox_2 li .h3_box{text-align: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.m_conBox_2 li h3{display: table;width: 100%;height: 100%;font-family: 'NanumSquare';font-size: 18px;color: #fff;}
.m_conBox_2 li .align{display: table-cell;vertical-align: middle;}
.m_conBox_2 li h3 span.big{display: block;font-size: 30px;text-shadow: 1px 1px rgba(0,0,0,0.6)}
.m_conBox_2 li .ic_more{display: inline-block;width: 54px;height: 54px;position: absolute;bottom: 0;right: 0;background: rgba(0,0,0,0.3);z-index: 10;}
.m_conBox_2 li .ic_more::after{content: "";display: inline-block;position: absolute;width: 14px;height: 14px;background: url(/img/img_common2.png) -486px -48px no-repeat;left: 20px;top: 20px;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.m_conBox_2 li a:hover::after{background: rgba(0,0,0,0.8)}
.m_conBox_2 li a:hover img,.m_conBox_2 li a:focus img{transform: scale(1.13);}
.m_conBox_2 li a:hover .ic_more::after,.m_conBox_2 li a:focus .ic_more::after{transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);}


/* ÀÚÁÖã´Â ¼­ºñ½º */
.favor_wrap{width: 100%;height:144px;padding:40px 0 0 223px;position: relative;}
.favor_wrap h2{position: absolute;top: 38px;left: 0;font-family: 'NanumSquare';font-size: 24px;color: #fff;}
.favor_wrap button{width: 22px;height: 22px;display: inline-block;border: 1px solid #fff;position: absolute;text-indent: -9999px;border-radius: 50%;}
.favor_wrap button::after{content: "";display: inline-block;position: absolute;background-image: url(/img/img_common2.png);background-repeat: no-repeat;width: 5px;height: 8px;}
.favor_wrap .prevSlide2{left: 0;top: 80px;}
.favor_wrap .nextSlide2{left: 28px;top: 80px;}
.favor_wrap .prevSlide2::after{background-position: -455px -48px;top: 6px;left: 7px;}
.favor_wrap .nextSlide2::after{background-position: -470px -48px;top: 6px;left: 8px;}
.favor_wrap button:hover{background-color: rgba(255,255,255,0.2);}
.favor_wrap li a{display: block;padding:20px 0 10px 55px;color: #fff;font-size: 18px;font-family: 'NanumSquare'}
.favor_wrap li a.ic01{background: url(/img/main/favor_ic01.png) left center no-repeat;}
.favor_wrap li a.ic02{background: url(/img/main/favor_ic02.png) left center no-repeat;}
.favor_wrap li a.ic03{background: url(/img/main/favor_ic03.png) left center no-repeat;}
.favor_wrap li a.ic04{background: url(/img/main/favor_ic04.png) left center no-repeat;}
.favor_wrap li a.ic05{background: url(/img/main/favor_ic05.png) left center no-repeat;}




/*
================================================================================
¼­ºêÄÜÅÙÃ÷
================================================================================
*/

.s1_3_box li{padding: 10px 30px 40px 177px;position: relative;border-bottom: 1px solid #e9e9e9;background-position: 45px 40px;background-repeat: no-repeat;min-height: 177px;}
.s1_3_box .ic01{background-image: url(/img/sub/s1_3_ic01.png);}
.s1_3_box .ic02{background-image: url(/img/sub/s1_3_ic02.png);}
.s1_3_box .ic03{background-image: url(/img/sub/s1_3_ic03.png);}
.s1_3_box .ic04{background-image: url(/img/sub/s1_3_ic04.png);}
.s1_3_box .ic05{background-image: url(/img/sub/s1_3_ic05.png);}
.s1_3_box .ic06{background-image: url(/img/sub/s1_3_ic06.png);}

.s1_6_box{width: 100%;position: relative;}
.s1_6_box h2.title2{font-size: 38px;font-weight: bold;font-family: 'NanumSquare';text-align: center;margin-bottom: 5px;color: #333;}
.s1_6_box h2.title2.pt_bd{padding-top: 55px;background: url(/img/common/h1_bd.gif) left top repeat-x;margin-top: 60px;}
.s1_6_box .tit_eng{font-size: 18px;font-weight: bold;font-family: 'NanumSquare';text-align: center;margin-bottom: 40px;color: #666;}
.s1_6_box .tit_eng span{color: #333;}
.s1_6_box .top_cation{width: 100%;padding: 45px 20px;text-align: center;border: 1px dotted #b2b2b2;border-width: 1px 0;}
.s1_6_box .top_cation p{display: inline-block;padding-left: 30px;position: relative;}
.s1_6_box .top_cation p::before{content: ""; display: inline-block; position: absolute;background-image: url(/new_img/img_common2.png);background-repeat: no-repeat; background-position: -233px -478px;top: 2px; left: 0px;width: 22px; height: 22px;}
.s1_6_box .floor_box{margin-top: 40px;padding: 80px 0 0 200px;position: relative;}
.floor_box .floor{display:inline-block;width: 62px;height: 62px;border-radius: 50%;border:1px solid #999;line-height: 62px;text-align: center;font-family: 'NanumSquare';font-weight: bold;font-size: 28px;color: #666;}
.floor_box .seat_info{padding: 20px;background-color: #f6f6f6;min-width: 157px;}
.floor_box .seat_info dt{font-family: 'NanumSquare';font-size: 18px;color: #666;padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #ccc;text-align: center;}
.floor_box .seat_info dd{margin-bottom: 5px;color: #333;position: relative;text-align: right;padding-left: 55px;font-weight: bold;letter-spacing: -1.5px;width: 100%;}
.floor_box .seat_info dd span{display: inline-block;position: absolute;top: 0;left: 0;font-weight: normal;}
@media all and (min-width:641px){
  .s1_6_box .floor_box .floor{position: absolute;top: 0;left: 45px;}
  .floor_box .seat_info{position: absolute;top: 80px;left:10px;}
}


.s1_4_1_box .gj_tab_con{text-align: center;}
.s1_4_1_box .gj_tab_con h2.title{text-align: left;}


/* ¿¹¸ÅÇϱâ */
.s1_5_box{width: 100%;}
.s1_5_box .step_box::after{content: "";display: block;width: 100%;height: 0;overflow: hidden;clear: both;}
.s1_5_box .step_box > dl{width: 33.33%;float: left;}
.s1_5_box .step_box > dl > dt{width: 100%;height: 74px;line-height: 74px;font-family: 'NanumSquare';font-size: 20px;border-top: 1px solid #a5a5a5;border-bottom: 3px solid #3e4452;padding-left: 30px;}
.s1_5_box .step_box > dl > dt span{color: #00a06d}
.s1_5_box .step_box > dl > dd{background-color: #f8f8f8;width: 100%;height:330px;padding: 30px 40px 30px 30px;overflow-y: auto;border-left: 1px solid #dedede;border-bottom: 1px solid #dedede}
.s1_5_box .step_box dd:first-child{border-left: none;}
/*.s1_5_box .step_box dd input{display: inline-block;width: 0;height: 0;overflow:hidden;position: absolute;}*/
.s1_5_box .step_box dd > input{position: absolute;transform: translate(5px, 15px);z-index: 10;} /*Á¢±Ù¼º¶§¹® ¶óµð¿À ¹öÆ° º¸ÀÌ°Ô Ã³¸® */
.s1_5_box .step_box .step01 dd label,
.s1_5_box .step_box .step02 dd label{display: inline-block;width: 100%;height: 44px;line-height: 42px;border: 1px solid #333;padding: 0 10px 0 25px;margin-bottom: 7px;box-sizing: border-box;}
.s1_5_box .step_box .step01 dd input:checked + label,
.s1_5_box .step_box .step01 dd input:focus + label,
.s1_5_box .step_box .step02 dd input:focus + label,
.s1_5_box .step_box .step02 dd input:checked + label{border: 2px solid #0d4787; color: #0d4787;font-weight: bold;background-color: #fff;}
.s1_5_box .step_box .step01 dd input:focus + label,
.s1_5_box .step_box .step02 dd input:focus + label{outline:1px dashed #000;outline-offset: 2px;background-color: #f5f4e9} /*Á¢±Ù¼ºÁÙ*/
.s1_5_box .step_box .step02 dt{border-bottom-color: #60687a}
.s1_5_box .step_box .step03 dt{border-bottom-color: #8991a4}
.s1_5_box .step_box .step03 li{width: 100%;height: 50px;line-height:50px;border-bottom: 1px dotted #b7b7b7;position: relative;overflow:hidden;font-weight: bold;}
.s1_5_box li .grade{display: inline-block; padding-left: 35px;float: left;}
.s1_5_box li .grade span{color: #e25355}
.s1_5_box li .grade::after{content: "";display: inline-block;width: 23px;height: 23px;position: absolute;left:0;top:13px;}
.s1_5_box .lv1 .grade::after{background-color: #e06f76} 
.s1_5_box .lv2 .grade::after{background-color: #8bafea} 
.s1_5_box .lv3 .grade::after{background-color: #84a05a} 
.s1_5_box .lv4 .grade::after{background-color: #e9bc5a} 
.s1_5_box .lv5 .grade::after{background-color: #d98bf2} 
.s1_5_box .lv6 .grade::after{background-color: #22d6c5} 
.s1_5_box li .cost{display: inline-block; float: right;} 

.s1_5_box .button_box{width: 100%;text-align: right;margin: 22px 0 25px 0;clear: both;}
.s1_5_box .button_box button{width: 142px;height: 48px;line-height:48px;color: #fff;font-weight: bold;text-align: center;}
.s1_5_box .button_box button:focus {outline:2px dashed #000;outline-offset: 2px;}
.s1_5_box .button_box .prev_step{background-color: #626770}
.s1_5_box .button_box .next_step{background-color: #4264c4}

.s1_5_box .info_box .sq_box{border-width: 1px 0;font-family: 'NanumSquare';font-size: 20px;padding-left: 50px;margin-bottom: 25px}
.s1_5_box .info_box .ic_point::before{top:25px;left:20px;}
.s1_5_box .info_box .btn_view, .s1_5_box .info_box .btn_close, .s1_5_box .info_box .info_txt .ic_point{display: none;}

.reservation_quick_wrap{width: 100%;height:220px;position: fixed;bottom: 0;left: 0;background-color: rgba(43,46,53,0.75);z-index: 100;}
.reservation_quick_wrap .quick_box{width: 1200px;height: 100%;margin: 0 auto;position: relative;padding: 30px 0 30px 132px;}
.reservation_quick_wrap .quick_box::after{content: "";display: block;width: 100%;height:0;overflow: hidden;}
.reservation_quick_wrap .quick_box .poster{position: absolute;left: 8px;top: 33px;}
.reservation_quick_wrap .quick_box dl{width: 25%;height:100%;float: left;border-right: 1px dotted #000;padding: 5px 30px;}
.reservation_quick_wrap .quick_box dl:last-child{border-right: none;}
.reservation_quick_wrap .quick_box dt{font-size: 17px;font-weight: bold;color: #e6d3b5;margin-bottom: 10px;}
.reservation_quick_wrap .quick_box dd{font-size: 16px;font-weight: bold;color: #fff;}
.reservation_quick_wrap .quick_box .step03 dd{font-weight: normal;}
.reservation_quick_wrap .cost_list li{overflow:hidden;margin-bottom: 10px;}
.reservation_quick_wrap .cost_list .tit{float: left;}
.reservation_quick_wrap .cost_list .cost{float: right;}
.reservation_quick_wrap .cost_list .total{margin-top: 35px;}
.reservation_quick_wrap .cost_list .total .cost{font-size: 18px;color: #e25355;position: relative;bottom:15px;}
.reservation_quick_wrap .cost_list .total .cost span{font-size: 32px;}



/*Á¼®¼±Åà */
.s1_5_box .bg_box{width: 100%;height: 100%;position: fixed;top: 0;left:0;background: rgba(55,55,55,0.95);z-index: 200;display: none;}
.s1_5_box2{width: 1200px;height: auto;position: fixed;z-index: 300;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);display: none;}
.s1_5_box2.on{display: block;}
.s1_5_box2.on + .bg_box{display: block;}
.s1_5_box2 .top_tit{width: 100%;height: 62px;line-height:62px;background-color: #3c3c4e;color: #fff;font-family: 'NanumSquare';font-size: 17px;padding: 0 30px;}
.s1_5_box2 .top_tit .btn_close{display: inline-block;position: absolute;top: 13px;right: 30px;width: 32px;height: 32px;background: url(/img/img_common2.png) -191px -468px no-repeat;text-indent: -999px;text-indent: -9999px}

.reservation_wrap{width: 100%;height: auto;max-height:650px;overflow-y: auto;overflow-x: hidden;position: relative;background:#f5f5f5 ; }
.bg_4{background:#f5f5f5 url(/img/bg_guide.png) 25px top no-repeat; background-attachment: local}
.bg_5{background:#f5f5f5 url(/img/bg_guide5.png) 25px top no-repeat; background-attachment: local} /*Ãß°¡ */
.bg_ad_4{background:#f5f5f5 url(/img/bg_guide.png) 25px top no-repeat; background-attachment: local}
.bg_ad_5{background:#f5f5f5 url(/img/bg_guide5.png) 25px top no-repeat; background-attachment: local} /*Ãß°¡ */
.reservation_wrap::after{content:"";display:block;width: 100%;height: 0;overflow: hidden;clear: both;}
.reservation_wrap .scroll_box{padding: 85px 0 20px 0}
.reservation_wrap .floor{width: 62px;height: 62px;line-height:62px;position: absolute;top: 13px;left:30px;border-radius: 50%;border: 1px solid #999;font-size: 32px;font-family: 'NanumSquare';text-align: center;color: #666;}
.reservation_wrap .stage{width: 551px;height: 26px;line-height: 26px;text-align: center;position: absolute;top:28px;left: 50%;margin-left: -275px;border: 1px solid #999;}
.reservation_wrap .refresh{width: 64px;height: 27px;line-height: 27px;border: 1px solid #cfd1d5;display: inline-block;position: absolute;top:17px;right: 30px;text-align: center;background-color: #fff;font-size: 13px }
.s1_5_box2 .bottom_info{width: 100%;height: 117px;background-color: #3a3d43;padding: 20px 0;}
.s1_5_box2 .bottom_info::after{content: "";display: block;width: 100%;height: 0;overflow: hidden;}
.s1_5_box2 .bottom_info .seat_info{display: inline-block;width:66.6%;height: 100%;float: left;}
.s1_5_box2 .bottom_info .seat_info .info_list{width: 50%;}
.s1_5_box2 .bottom_info .info_list{height:100%;float: left;border-right: 1px dotted #000;padding: 5px 30px;overflow-y: auto;color: #fff;font-weight: bold;}
.s1_5_box2 .bottom_info .legend::after{content:"";display:block;width:100%;height:0;clear:both;}
.s1_5_box2 .bottom_info .legend ul{float: left;}
.s1_5_box2 .bottom_info .legend li{padding-left: 35px;position: relative;height: 23px;line-height: 23px;margin-bottom: 3px;}
.s1_5_box2 .bottom_info .legend li::before{content: "";display: inline-block;width: 23px;height: 23px;position: absolute;top:0;left: 0;} 
.s1_5_box2 .bottom_info .legend .left{width: 55%;margin-right: 10%;}
.s1_5_box2 .bottom_info .legend .right{width: 35%;}
.s1_5_box2 .bottom_info .legend .lv1::before{background-color: #ea8b91}
.s1_5_box2 .bottom_info .legend .lv2::before{background-color: #8bafea}
.s1_5_box2 .bottom_info .legend .lv3::before{background-color: #84a05a}
.s1_5_box2 .bottom_info .legend .lv4::before{background-color: #e9bc5a}
.s1_5_box2 .bottom_info .legend .lv5::before{background-color: #a327ea}
.s1_5_box2 .bottom_info .legend .lv6::before{background-color: #22d6c5}
.s1_5_box2 .bottom_info .legend .select::before{background: #b60000 url(/img/common/seat_check.png) left top no-repeat}
.s1_5_box2 .bottom_info .legend .impossible::before{background-color: #999}

.s1_5_box2 .bottom_info .seat_select h3{font-size: 17px;color: #e6d3b5;margin-bottom: 5px}
.s1_5_box2 .bottom_info .cost_view{padding: 17px 172px 0 20px;position: relative;border-right: none;width:33.33%;}
.s1_5_box2 .bottom_info .cost_view .big{font-size: 30px;color: #e25355;}
.s1_5_box2 .bottom_info .cost_view .big span{font-size: 18px;}
.s1_5_box2 .bottom_info .cost_view input{width: 142px;height: 48px;line-height: 48px;color: #fff;background-color: #4264c4;text-align: center;border: none;font-weight: bold;cursor: pointer;position: absolute;right: 30px;top: 20px;}
.s1_5_box2 .bottom_info .cost_view .total_txt{display: inline-block;margin-right: 10px;font-size: 14px;}
.s1_5_box2 .bottom_info .btn_m_info{display: none;}

.reservationop_box  { width: 96% !important; }/**/
.reservation_box{width: 32%;float: left;margin-right: 2%;}
.reservation_box.w31p{width: 31%;}  /*Ãß°¡ */
.reservation_box.right{margin-right: 0;}
.reservation_box.left2{margin-right:3%;margin-left: 10px;} /*Ãß°¡ */
.reservation_box.right2{margin-right:0;width: 28% !important;margin-left: 5px;}  /*Ãß°¡ */
.reservation_box ul{margin-bottom: 3px}
.reservation_box ul.mb{margin-bottom: 30px;}
.reservation_box.left ul{text-align: right;}
.reservation_box.left2 ul{text-align: right;}/*Ãß°¡ */
.reservation_box.center ul{text-align: center;}
.reservation_box.center2 {text-align: center;width:34% !important; } /*Ãß°¡ */
.reservation_box.right ul{text-align: left;}
.reservation_box.right2 ul{text-align: left;margin-left:2%;margin-right:0 !important}/*Ãß°¡ */
.reservation_box .col_box{width: 100%;font-size: 0;}
.reservation_box .col_box li{position: relative;display: inline-block;width:24px;height: 25px;line-height:26px;margin: 0 1px;}
.reservation_box .col_box li.mr{margin-right: 15px;}
.reservation_box .col_box li.mr50{margin-right: 50px;}
.reservation_box .col_box label, .reservation_box .col_box span{display:inline-block;width:100%;height:100%;text-align: center;box-sizing: border-box;font-size: 11px;}
.reservation_box .col_box span{position: relative;top:2px;}
.reservation_box .col_box span.display{display: inline-block;}
.reservation_box .col_box span.display2{display: inline-block;background-color:#f5f5f5;color:#f5f5f5}/*Ãß°¡ ºó°ø°£ */
.reservation_box .col_box .wid_0{width: 37.2%;} /*Ãß°¡ ºó°ø°£ */
.reservation_box .col_box .wid_2{width: 22.5%;} /*Ãß°¡ */
.reservation_box .col_box .wid_3{width: 24%;}
.reservation_box .col_box .wid_4{width: 49%;}
.reservation_box .col_box .wid_100{width: 90%;}
.reservation_box .col_box .checkBox{position: absolute; z-index: 100;opacity: 0;width: 100%;height: 100%;}
.reservation_box .col_box .checkBox:checked + label{background: #ddd}

.reservation_input_box{position: fixed;  background-color: #f5f5f5; left:50%;margin-left: 455px;z-index:1000;}
.reservation_input_box li{width: 100%;height: 25px;margin-bottom: 10px;}
.reservation_input_box input[type="text"],.reservation_input_box input[type="number"]{width: 75px;height:25px;display: inline-block;float: left;margin-right: 5px;}
.reservation_input_box input[type="radio"]{display: inline-block;overflow: hidden;position: absolute;width: 0;height: 0;}
.reservation_input_box label{width: 30px;height: 25px;display: inline-block;border:3px solid #2768c5;float: left;margin-right: 10px;position: relative;top: 0px;box-sizing: border-box;}

.reservation_input_box input.lv1 + label{border-color: #e06f76}
.reservation_input_box input.lv2 + label{border-color: #6590D7}
.reservation_input_box input.lv3 + label{border-color: #84a05a}
.reservation_input_box input.lv4 + label{border-color: #e9bc5a}
.reservation_input_box input.lv5 + label{border-color: #a327ea}
.reservation_input_box input.lv6 + label{border-color: #22d6c5}

.reservation_input_box input.lv1:checked + label{background: #e06f76}
.reservation_input_box input.lv2:checked + label{background: #6590D7}
.reservation_input_box input.lv3:checked + label{background: #84a05a}
.reservation_input_box input.lv4:checked + label{background: #e9bc5a}
.reservation_input_box input.lv5:checked + label{background: #a327ea}
.reservation_input_box input.lv6:checked + label{background: #22d6c5}

.reservation_box .col_box input:checked +label{color: #fff}
.reservation_box .col_box input.lv1:checked + label{background: #e06f76}
.reservation_box .col_box input.lv2:checked + label{background: #6590D7}
.reservation_box .col_box input.lv3:checked + label{background: #84a05a}
.reservation_box .col_box input.lv4:checked + label{background: #e9bc5a}
.reservation_box .col_box input.lv5:checked + label{background: #a327ea}
.reservation_box .col_box input.lv6:checked + label{background: #22d6c5}


/* »ç¿ëÀÚ */
.reservation_box .col_box span{background-color: #999;color: #fff;background-color: #999}
.reservation_box .col_box input + label{color: #fff;z-index: 90;}
.reservation_wrap_ad .reservation_box .col_box input + label{ background-color: #aaa; color: #fff;}
.reservation_box .col_box input.inlv1 + label{background: #e06f76;border-color: #e06f76;}
.reservation_box .col_box input.inlv2 + label{background: #6590D7;border-color: #6590D7;}
.reservation_box .col_box input.inlv3 + label{background: #84a05a;border-color: #84a05a;}
.reservation_box .col_box input.inlv4 + label{background: #e9bc5a;border-color: #e9bc5a;}
.reservation_box .col_box input.inlv5 + label{background: #a327ea;border-color: #a327ea;}
.reservation_box .col_box input.inlv6 + label{background: #22d6c5;border-color: #22d6c5;}
.reservation_box .col_box input.inlv1:checked + label,
.reservation_box .col_box input.inlv2:checked + label,
.reservation_box .col_box input.inlv3:checked + label,
.reservation_box .col_box input.inlv4:checked + label,
.reservation_box .col_box input.inlv5:checked + label,
.reservation_box .col_box input.inlv6:checked + label{background: #b60000 url(/img/common/seat_check.png) no-repeat;background-color: #b60000}
.reservation_box .col_box input:checked:focus + label,
.reservation_box .col_box input:focus + label{background-color:#000;outline:2px dashed #000;outline-offset: 2px;}
.reservation_box .col_box .hidden{position:absolute;width:0;height:0;opacity:0}


.reservation_wrap .stage_info{width: 1200px;position: absolute;top: 0;}
.reservation_wrap .stage_info2{width: 100px;height:62px;position: relative;margin-bottom: 20px;}
.reservation_wrap .stage_info2 .floor{top:0;}
.reservation_wrap .scroll_box{width: 1200px;height: 100%;overflow: hidden;}

.reservation_wrap .col_name::before{content: "";display: block;width: 100%;height:0px;clear: both;margin-bottom: 20px;}
.reservation_wrap .col_name{width: 1200px;}
.reservation_wrap .col_name span{display: inline-block;width: 33.33%;float: left;text-align: center;font-weight: bold;}


/* ÇÒÀμ±Åà */
.s1_5_box .step_box .step04{width: 100%;float: none;}
.s1_5_box .step_box .step04 dd{border-left: none;height: auto;}
.s1_5_box .step_box .step04 dd::after{content: "";display: block;width: 100%;height: 0;clear: both;}
.s1_5_box .step_box .step04 dd .discount_box{width: 66%;float: left;}
.s1_5_box .step_box .step04 dd select, .s1_5_box .step_box .step04 dd input{width: 212px;height: 44px;line-height: 44px;position: relative;}
.s1_5_box .step_box .step04 dd select{padding: 0 17px;font-weight: bold;}
.s1_5_box .step_box .step04 dd input[type="text"]{padding: 0 20px;border: 1px solid #333;background-color: #f5f5f5;margin-right: 5px;}
.s1_5_box .step_box .step04 dd .btn_total_apply{width:auto;height: 44px;line-height: 44px;font-size: 16px;font-weight: bold;color: #fff;background-color: #3e4452;border: none;cursor: pointer;padding: 0 20px;margin-left: 5px;}
.s1_5_box .step_box .step04 dd .btn_total_apply:focus{outline:2px dashed #000;outline-offset: 2px;}
.s1_5_box .step_box .step04 dd .total_select{margin-bottom: 34px;}
.s1_5_box .step_box .step04 dd .seat_discount{height: 225px;overflow-y: auto}
.s1_5_box .step_box .step04 dd .seat_discount input,
.s1_5_box .step_box .step04 dd .seat_discount select{margin-bottom: 7px;}

.s1_5_box .step_box .step04 dd .discount_info{width: 34%;border-left: 1px solid #dedede;float: left;padding: 20px 30px}
.s1_5_box .step_box .step04 dd .discount_info h3{font-size: 16px; font-weight: bold;color: #0d4787;margin-bottom: 10px;}
.s1_5_box .step_box .step04 dd .discount_info li{margin-bottom: 10px;line-height: 1.3;}


/* ƼÄÏ°áÁ¦ */
.s1_5_box .step_box .step05{width: 100%;float: none;}
.s1_5_box .step_box .step05 dl{width: 100%}
.s1_5_box .step_box .step05 dd{border-left: none;height: auto;padding: 10px 0;}
.s1_5_box .step_box .step05 ul li{width:100%;padding: 25px 30px; border-bottom: 1px solid #dedede;}
.s1_5_box .step_box .step05 ul li:last-child{border: none;}
.s1_5_box .step_box .step05 ul h3{font-size: 17px;font-weight: bold;color: #0d4787;width: 100%;padding-bottom: 20px;border-bottom: 1px dotted #c5c5c5;margin-bottom: 25px;padding-left: 0;border-top: none;height: auto;line-height: 1.5;}
.s1_5_box .step_box .step05 ul h3 span{font-size: 14px;display: inline-block;margin-left: 20px;color: #555;font-weight: normal;}
.s1_5_box .step_box .step05 .input_box{display: inline-block;}
.s1_5_box .step_box .step05 ul input{display: inline-block;position: relative;}
.s1_5_box .step_box .step05 ul label{font-weight: bold;margin-right: 20px;}
.s1_5_box .step_box .step05 ul .input_name{width: 140px;height: 38px;line-height: 38px;padding: 0 15px;margin-right: 30px}
.s1_5_box .step_box .step05 ul .input_number{width: 200px;height: 38px;line-height: 38px;padding: 0 15px;}
.s1_5_box .step_box .step05 .info_agree{display: inline-block;padding-left: 8px;position: relative;margin-top: 20px;}
.s1_5_box .step_box .step05 .info_agree::before{content:"";display: inline-block;width: 3px;height: 3px;position: absolute;left: 0;top: 11px;background: #9b9b9b;}
.s1_5_box .step_box .step05 .info_agree span{display: inline-block;margin-right: 10px;}
.s1_5_box .step_box .step05 dd input{width: auto;height: auto;display: inline-block;}
.s1_5_box .step_box .step05 .info_agree label{margin-right: 10px;}

.s1_5_box .step_box .step05 .performance_box{min-height: 285px}
.s1_5_box .step_box .step05 .performance_info{padding-left: 155px;padding-top:10px;position: relative;}
.s1_5_box .step_box .step05 .performance_info .poster{position: absolute;left: 0; top: 0;}
.s1_5_box .step_box .step05 .performance_info dl,
.s1_5_box .step_box .step05 .performance_info dt,
.s1_5_box .step_box .step05 .performance_info dd{padding: 0;border:none;float: none;}
.s1_5_box .step_box .step05 .performance_info dl{margin-bottom: 5px;position: relative;margin-bottom: 12px;padding-left: 80px}
.s1_5_box .step_box .step05 .performance_info dt{font-size: 15px;line-height: 1.4;height: auto;position: absolute;left: 0;font-weight: bold;color: #333;}
.s1_5_box .step_box .step05 .performance_info dd{line-height: 1.4;}
.s1_5_box .step_box .step05 .payment_info label{color: #333;}
.s1_5_box .step_box .step05 .pay_box{margin-top: 30px;}
.s1_5_box .step_box .step05 .pay_box dl{position: relative;padding-left: 94px;margin-bottom: 5px;}
.s1_5_box .step_box .step05 .pay_box dt{font-weight: bold;color: #333;display: inline-block;position: absolute;left: 0;top: -1px;line-height: 1.4;}
.s1_5_box .step_box .step05 .pay_box dd{display: inline-block;padding: 0;line-height: 1.4;} 
.s1_5_box .step_box .step05 .pay_box ul{width: 240px;}
.s1_5_box .step_box .step05 .pay_box li{padding: 0;border: none;margin-bottom: 7px;width: 100%;text-align: right;position: relative;}
.s1_5_box .step_box .step05 .pay_box li .tit{position: absolute;left: 0;}
.s1_5_box .step_box .step05 .pay_box li.total{margin-top: 10px;padding-top: 20px;border-top:1px solid #ccc;}
.s1_5_box .step_box .step05 .pay_box li.total .big{font-size: 30px;color: #e25355;font-weight: bold;position: relative;bottom: 16px}
.s1_5_box .step_box .step05 .pay_box li.total .big span{font-size: 18px;}
.s1_5_box .step_box .step05 .caution{width: 100%;height: 195px;overflow-y: auto;margin-bottom: 10px;padding: 30px;background-color: #fff;border:1px solid #e6e6e6;}
.s1_5_box .step_box .step05 .caution h3{font-family: 'NanumSquare';font-size: 20px;color: #333;margin-bottom: 0;border-bottom: none;}
.s1_5_box .step_box .step05 input[type="checkBox"]{margin:0 5px;}


/* ½Å±Ô ¹öÆ° */
.s1_5_box .step_box button{display:block;width:100%;height: 44px;font-size:15px;line-height: 42px;border: 1px solid #333;padding:0 20px;margin-bottom: 7px;box-sizing: border-box;font-size: 15px;}
.s1_5_box .step_box button.on{border: 2px solid #0d4787; color: #0d4787;font-weight: bold;background-color: #fff;}
.s1_5_box .step_box button:focus{outline:2px dashed #000;outline-offset: 2px;background-color: #f5f4e9}


.s1_5_box .step05.finish .confirm_box dl{display: inline-block;position: relative;padding-left: 85px;width: auto;}
.s1_5_box .step05.finish .confirm_box dl:nth-of-type(1){margin-right: 120px;}
.s1_5_box .step05.finish .confirm_box dt{font-weight: bold;position: absolute;left: 0;top: 0;}
.s1_5_box .step05.finish .confirm_box dd{padding: 0;}
.s1_5_box .step05.finish .confirm_box .reservation_number{display: block;margin-top: 10px;}
.s1_5_box .step05.finish .confirm_box .reservation_number dt{top: 6px;}
.s1_5_box .step05.finish .confirm_box .reservation_number dd{font-size: 21px; font-weight: bold;color: #e25355;}

.s2_2_box{border-top: 1px solid #757575;margin-top: 40px}
.s2_2_box dl{width: 100%;padding: 35px 35px 35px 80px;position: relative;border-bottom: 1px solid #ccc;}
.s2_2_box dl:nth-child(even){background-color: #f4f7fb}
.s2_2_box dt{font-family: 'NanumSquare';font-size: 21px;font-weight: bold;margin-bottom: 10px;}
.s2_2_box dt span{display: inline-block;width: 30px;height: 30px;line-height:30px;border-radius: 50%;background-color: #e25355;color: #fff;text-align: center;position: absolute;top: 33px;left: 38px;font-family: 'Malgun-gothic';font-size: 15px;font-weight: normal;}
.s2_2_box dd{display: block;padding-left: 10px;position: relative;}
.s2_2_box dd::before{content: "";display: inline-block;width: 3px;height: 3px;background-color: #9b9b9b;top: 11px;left: 0;position: absolute;}

.s5_1_box .top_box{width: 100%;height: 246px;background: url(/img/sub/s5_1_img01.jpg) center center no-repeat;background-size: cover;color: #fff;padding: 70px 0 0 55px;position: relative;margin-bottom: 65px;}
.s5_1_box .top_box p{font-family: 'NanumSquare';font-size: 26px;font-weight: bold;}
.s5_1_box .top_box p span{font-size: 31px;display: block;}
.s5_1_box .top_box::after{content: "";display: inline-block;width: 80px;height: 80px;position: absolute;left: 50%;bottom: -40px;margin-left: -40px;background: url(/img/sub/s5_1_ic01.png) no-repeat;}
.s5_1_box .txt_box{text-align: center;font-size: 15px;color: #333;}
.s5_1_box .tit{font-family: 'NanumSquare';font-size: 26px;display: inline-block;text-align: center;position: relative;color: #3c3c4e;padding: 0 50px;margin-bottom: 30px;}
.s5_1_box .tit::before{content: "";display: inline-block;width: 42px;height: 32px;position: absolute;left: 0;top: -10px;background: url(/img/sub/s5_1_dot.png) no-repeat;}
.s5_1_box .tit::after{content: "";display: inline-block;width: 42px;height: 32px;position: absolute;right: 0;top: -10px;background: url(/img/sub/s5_1_dot2.png) no-repeat;}
.s5_1_box .txt_box p{text-align: center;}
.s5_1_box .txt_box p span{font-size: 23px;font-family: 'NanumSquare'}
.s5_1_box .ceo{display: inline-block;position: relative;margin-top: 105px;}
.s5_1_box .ceo::before{content: "";display: inline-block;width: 1px;height: 46px;background-color: #ccc;}
.s5_1_box .ceo span{font-size: 26px;display: block;font-family: 'NanumSquare';}

/* °ø¿¬½Ã¼³ */
.sub_slide_wrap .control{margin-top: 45px;text-align: right;}
.sub_slide_wrap .control button{display: inline-block;width: 22px;height: 22px;border:1px solid #3c3c3c;border-radius: 50%;margin-right: 5px;text-indent: -9999px;position: relative;}
.sub_slide_wrap .control .btn_prev{margin-right: 0;}
.sub_slide_wrap .control .count{margin: 0 30px;font-size: 15px;}
.sub_slide_wrap .control button::after{content: "";display: inline-block;position: absolute;background-image: url(/img/img_common2.png);background-repeat: no-repeat}
.sub_slide_wrap .control .btn_prev::after{background-position: -445px -72px;width: 5px;height: 8px;top: 6px;left:7px;}
.sub_slide_wrap .control .btn_next::after{background-position: -495px -72px;width: 5px;height: 8px;top: 6px;left:8px;}
.sub_slide_wrap .control .btn_stop::after{background-position: -461px -72px;width: 7px;height: 9px;top: 6px;left:7px;}
.sub_slide_wrap .control .btn_start::after{background-position: -478px -72px;width: 7px;height: 9px;top: 6px;left:7px;}
.sub_slide_wrap .sub_slide_tit{width: 340px;height: 195px;background: url(/img/sub/sub_slide_tit_bg.jpg) center center no-repeat;background-size: cover;z-index: 1;padding: 35px 0 0 40px;}
.sub_slide_wrap .sub_slide_tit h3{color: #fff;font-size: 42px;font-family: 'NanumSquare';}
.sub_slide_wrap .sub_slide_tit{font-size: 16px;color: #9ec4ee;}
h3.sub_title{font-size: 24px;font-family: 'NanumSquare';color: #0d4787;margin-bottom: 10px;}
.sub_btn_box{width: 100%;position: relative;overflow: hidden;}
.sub_btn_box.line{padding:15px 30px; border:1px solid #ddd;}
.sub_btn_box h4{font-size:15px; margin:12px 0 8px;}
.sub_btn_box > a{margin-right:4px; margin-bottom:8px;}
@media all and (min-width:641px){
  .sub_slide_wrap .sub_slide_tit{position: absolute;bottom: 37px;right:0;}
}


/* ¿¬Çõ */
.s5_2_box .h2Top{height:245px;background:url('/img/sub/s5_2_img01.jpg') no-repeat center center;position: relative;}
.s5_2_box .h2Top h2{position:absolute;padding-top:82px;font-family:'NanumSquare';font-size:18px;color:#8bb8e9;width: 155px;height: 155px;left:50%;bottom:-73px;margin-left: -73px;text-align: center;border-radius: 50%;background: url(/img/sub/s5_2_bg01.png) no-repeat;box-shadow: 0px 5px 5px rgba(0,0,0,0.14);z-index: 1;}
.s5_2_box .h2Top h2::before{content: "";display: inline-block;width: 27px;height: 34px;background: url(/img/sub/s5_2_ic01.png) no-repeat;position: absolute;left: 50%;top: 33px;margin-left: -13px;}
.s5_2_box .h2Top h2::after{position:absolute;left:50%;bottom:40px;width:21px;height:1px;margin-left:-10px;content:'';background:#8bb8e9}
.s5_2_box .history{position:relative;padding-top: 95px;}
.s5_2_box .history dl{position:relative;margin-bottom:50px;padding-left:50%;text-align: left;}
.s5_2_box .history dl dt{width:109px;height:39px;line-height:39px;font-family:'NanumSquare';font-size:26px;color:#fff;font-weight:bold;background-color: #3c3c4e;font-family: 'NanumSquare';position: relative;text-align: center;display: inline-block;margin: 0 40px 30px 40px}
.s5_2_box .history dl dt::after{position:absolute;bottom:-13px;content:'';display: inline-block;width: 0;height: 0;z-index:5}
.s5_2_box .history dl dd{padding-left:40px;font-size:16px;}
.s5_2_box .history dl dd ul li{position:relative;margin-bottom:8px;padding-left:95px;word-break:keep-all;font-size: 16px;}
.s5_2_box .history dl dd ul li::after{content: "";display: inline-block;width: 11px;height: 11px;background-color: #40536b;border-radius: 50%;position: absolute;top: 7px;z-index: 1;}
.s5_2_box .history dl dd ul li .year{position:absolute;top:0;left:0;color:#0071d9;font-weight:bold}
.s5_2_box .history dl dd ul li .year::before{content: "";display: inline-block;position: absolute;width:3px;height:3px;background-color:#555;border-radius:50%;top:11px;}
.s5_2_box .history::after{position:absolute;top:0px;left:50%;width:1px;height:100%;content:'';background:#eee;}

.s5_2_box .history dl:nth-child(even) dt::after{border-top: 13px solid #3c3c4e;border-right: 11px solid transparent;left:0;}
.s5_2_box .history dl:nth-child(even) dd ul li::after{left: -45px;}
.s5_2_box .history dl:nth-child(even) dd ul li .year::before{right: -20px;}
@media all and (min-width:641px){
.s5_2_box .history dl:nth-child(odd){padding-right:50%;padding-left:0;text-align: right;}
.s5_2_box .history dl:nth-child(odd) dd{padding-left:0;padding-right:40px}
.s5_2_box .history dl:nth-child(odd) dt::after{border-top: 13px solid #3c3c4e;border-left: 11px solid transparent;right: 0;}
.s5_2_box .history dl:nth-child(odd) dd ul li{padding-left:0;padding-right:95px;text-align:right}
.s5_2_box .history dl:nth-child(odd) dd ul li::after{right: -46px;}
.s5_2_box .history dl:nth-child(odd) dd ul li .year{left:auto;right:0}
.s5_2_box .history dl:nth-child(odd) dd ul li .year::before{left: -20px;}
}

.s5_2_box .img_box{overflow:hidden;}
.s5_2_box .img_box li{float: left;width: 33.33%;text-align: left;font-size: 15px;font-weight: bold;}
.s5_2_box .img_box li img{display: inline-block;margin-bottom: 15px;}
.s5_2_box .img_box li span{display: block;}


.s5_3_3_box{width: 100%;position: relative;}
.s5_3_3_box > ul > li{position: relative;padding-left: 420px;padding-top: 15px;width: 100%;margin-bottom: 35px;min-height: 275px;}
.s5_3_3_box > ul > li h2{padding-bottom: 25px;border-bottom: 1px solid #eeeded;margin-bottom: 20px;margin-top: 0;}
@media all and (min-width:641px){
.s5_3_3_box > ul > li img{position: absolute;left: 0;top: 0;}
}

.s5_3_4_box h3.title2{font-family: 'NanumSquare';font-size: 24px;color: #333;margin-top: 20px;}
.s5_3_4_box dl{padding: 17px 0 14px 115px;color: #555;background: url(/img/sub/s5_3_4_img01.png) 5px top no-repeat;margin: 20px 0;display: inline-block;}
.s5_3_4_box dt{font-size: 17px;font-weight: bold;}
.s5_3_4_box dd{font-size: 15px;}

/* ¿À½Ã´Â±æ */
.s5_4_box{
  width: 100%; border:1px solid #dedede; background: #f6f6f6;border-top: none; position: relative;overflow: hidden; padding:38px;}
.s5_4_box dl{width: 50%; height: 100%; float: left;padding-left: 60px; position: relative;}
.s5_4_box dl::after{content: ""; display: inline-block; position: absolute;border-radius: 50%;background-color: #3e4452;background-repeat: no-repeat; background-position: center center;top: -10px; left: 0;width: 45px; height: 45px;}
.s5_4_box dl.ic01::after{background-image: url(/img/sub/s5_4_ic01.png);}
.s5_4_box dl.ic02::after{background-image: url(/img/sub/s5_4_ic02.png);}
.s5_4_box dt{font-weight: bold; color: #333; display: inline-block;}
.s5_4_box dd{display: inline-block;}
.s5_4_box .btn_map_box{width: 100px; height: 100%;position: absolute; right: 0; top:0;background: #eb5241;}
.s5_4_box .btn_map{display: inline-block;width: 100px; height: 100px; position: absolute;right: 0; top:50%; padding-top: 63px; color: #fff;text-align: center; font-size: 14px; font-weight: bold;background: #eb5241 url(/img/sub/s5_4_ic03.png) center 24px no-repeat;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.s5_4_box2 > li{position: relative;padding-left: 155px;margin-bottom: 40px;}
.s5_4_box2 > li::before{content: "";display: inline-block;width: 94px;height: 94px;background-color: #f6f6f6;background-position: center center;background-repeat: no-repeat;top: -15px;left: 0;border-radius: 50%;position: absolute;}
.s5_4_box2 > li.ic01::before{background-image: url(/img/sub/s5_4_ic04.png);}
.s5_4_box2 > li.ic02::before{background-image: url(/img/sub/s5_4_ic05.png);}
.s5_4_box2 > li.ic03::before{background-image: url(/img/sub/s5_4_ic06.png);}
.s5_4_box2 .h_li li{margin-bottom: 15px;}


/* ÅëÇÕ°Ë»ö(2024) */
.search_form .m_search{position: absolute;top:100px;left:calc(50% - 175px); width: 460px; height: 50px; border:1px solid #abb0bd; border-radius: 25px 10px; padding: 0 60px 0 120px;}
.search_form .m_search .m_search_select {position: absolute; top: 0; left: 0; /*width: 100px;*/ height: 50px; font-size: 15px; padding: 0 15px 0 20px !important;border: 0;background: transparent;}
.search_form .m_search .m_search_text { width: 100%; height:48px; line-height: 50px; padding:0 10px; border: 0; margin: 0; font-size: 15px;}
.search_form .m_search .m_search_text:focus{outline: 0;}
.search_form .m_search .m_search_btn{ position:absolute; top: -2px; right: 10px; width: 50px; height: 50px; display: inline-block; cursor: pointer; border: none; text-indent: -9999px; background:url(/new_img/common/ico_search.png) no-repeat center center;}
.search_form .m_search form[name="serch_form"]::after{background-position: -489px -10px}

.search_form #subContainer {width:100%; padding: 0 40px;}
.search_form #subContainer::before {display: none;}
.search_form #subContainer #content {padding: 200px 0 0; max-width: 1400px;margin: 0 auto 100px;}

.search_engine_wrap .top_result_info{width:100%;padding: 30px;text-align: center;position: relative;}
.search_engine_wrap .top_result_info p{position: relative;padding: 20px 20px 20px 110px;display: inline-block;font-size: 22px;font-family: 'NanumSquare';background: url(/img/sub/s_search_result_bg.png) left top no-repeat;}
.top_result_info p span{font-weight: bold;font-size: 26px;}
.top_result_info p .col_b{color: #154fc0;}
.top_result_info p .col_r{color: #ee3da0;}
.top_result_info > span{display: inline-block;position: absolute;}
.top_result_info .bd_top{top:0;left:0;width: 100%;height: 6px;background: url(/img/sub/top_result_bd_top.gif) left top repeat-x;}
.top_result_info .bd_bottom{bottom:0;left:0;width: 100%;height: 6px;background: url(/img/sub/top_result_bd_top.gif) left top repeat-x;}
.top_result_info .bd_left{top:0;left:0;width: 6px;height: 100%;background: url(/img/sub/top_result_bd_left.gif) left top repeat-y;}
.top_result_info .bd_right{top:0;right:0;width: 6px;height: 100%;background: url(/img/sub/top_result_bd_left.gif) left top repeat-y;}

.search_engine_wrap .result_box{padding-bottom: 40px;border-bottom: 1px solid #dfdfdf;position: relative;}
.search_engine_wrap h2.title{display: inline-block;}
.search_engine_wrap .result_num{display: inline-block; margin-left: 5px;font-size: 18px;color: #888;font-weight: normal;}

.search_engine_wrap .result_box ul{padding-left: 25px}
.search_engine_wrap .result_box ul li a{display: inline-block;font-size: 16px;}
.search_engine_wrap .result_box ul li .keyword{color: #154fc0; }

.search_engine_wrap .result_box ul li a.blank2{padding-right: 31px;background: url(/img/common/ic_blank2.png) right center no-repeat;font-weight: bold;}
.search_engine_wrap .result_box ul.result_list_2 li a::after{content:"";display:inline-block;background: url(/img/img_common2.png) -458px -10px no-repeat;width:7px;height: 9px;position: absolute;left:0;top: 11px}
.search_engine_wrap .result_box ul li p{margin-top: 5px;line-height: 1.6;max-height: 72px;overflow: hidden;}
.search_engine_wrap .result_box ul.result_list_2 li{margin-bottom: 20px}

.search_engine_wrap .tabTxt01 {margin-bottom: 40px}
.search_engine_wrap .tabTxt01 ul li{width: 25% !important;}
/*.search_engine_wrap .tabTxt01 ul li a {font-family: 'GmarketSans' !important; font-size: 17px;}*/
.search_engine_wrap .tabTxt01 ul li a.on, .search_engine_wrap .tabTxt01 li a.on:hover, .search_engine_wrap .tabTxt01 li a.on:focus {background: #000941 !important; border-color: #000941 !important;}
.search_engine_wrap .tabTxt01 ul li a:focus, .search_engine_wrap .tabTxt01 li a:hover{background:#000941 !important;border-color: #000941 !important;}
.search_engine_wrap .tabTxt01 ul li a.on::after, .search_engine_wrap .tabTxt01 li a:hover::after, .search_engine_wrap .tabTxt01 li a:focus::after {border: 1px solid #62688d !important;}


.search_engine_wrap .btn_more{position: absolute;display: inline-block;right: 0;bottom: 20px;padding-right: 17px;}
.search_engine_wrap .btn_more::after{content: "";display: inline-block;width: 10px;height: 10px;background: url(/img/img_common2.png) -510px -10px no-repeat;position: absolute;right: 0;top:7px;}


/* ¸¶ÀÌÆäÀÌÁö */
.myPage_box .top_box{width: 100%;padding: 30px 50px 30px 175px;position: relative;background: url(/img/sub/my_page_img01.png) 45px 30px no-repeat;border:1px solid #4264c4;}
.myPage_box .top_box h3{font-family: 'NanumSquare';font-size: 18px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px dotted #c5c5c5;margin-bottom: 20px;}
.myPage_box .top_box h3 span{color: #0d4787}
.myPage_box .top_box li{display: inline-block;}
.myPage_box .top_box li:first-of-type{margin-right: 100px;}
.myPage_box .top_box li span{font-weight: bold;}


/* À̸ÞÀϹ«´Ü¼öÁý°ÅºÎ */
.e_mail_wrap{width: 100%;padding: 50px 150px 50px 235px;border: 1px dotted #b2b2b2;border-width: 1px 0;position: relative;background: url(/img/sub/ic_email.png) 73px center no-repeat;}
.e_mail_wrap h2{font-family: 'NanumSquare';font-size: 38px;margin-bottom: 20px;}
@media all and (max-width:640px){
  .e_mail_wrap{padding: 30px 20px 30px 150px;background-position: 20px center}
  .e_mail_wrap h2{font-size: 24px;margin-bottom: 10px;}
}

/* Á¶Á÷µµ¼öÁ¤ */
.organize {background: url("https://art.geumjeong.go.kr/img/sub/org_line.png") center 130px no-repeat;position: relative;height:300px}
.organize .organize_position {position: absolute;top: 35px;right: 75px;}

@media screen and (min-width: 1px) and (max-width: 690px) {
 .organize .organize_position { display: none; }
}
.organize_top { background: url("https://art.geumjeong.go.kr/img/sub/org_top.png") 14px center no-repeat; width: 240px; height: 200px; margin: 0 auto; text-align: center; color: #fff; }.organize_top dt { padding-top: 70px; /* padding-bottom: 5px; */ font-size: 24px; font-weight: bold; padding-right: 35px; /* text-align: center; */ line-height: 1em; }
.organize_top p {padding-left: 58px;/* margin-bottom: -30px; */padding-top: 10px;font-size: 16px;font-weight: normal;}
.organize_top dd { font-size: 15px; padding-right: 10px; }

.organize_center { margin-top: 44px; }
.organize_center_in_box { float: left; width: 50%; text-align: center; }
.organize_center_in_box_title {width: 200px;height: 50px;line-height: 50px;background-color: #000941;color: #fff;font-size: 18px;margin: 0 auto;box-shadow: 2px 1px 4px 0px #989696;}
.organize_center_in_box table { width: 200px; margin: 0 auto; margin-top: 10px; background-color: #fff; }
.organize_center_in_box table th {background: #447294;height: 50px;line-height: 50px;font-weight: bold;color: #ffffff;}
.organize_center_in_box table td { border: 1px solid #afafaf; height: 50px;}


.organize_last_box_wrap { margin-top: 30px;}
.organize_last_box_in { width: 50%;  float: left;  margin: 0 auto;  display: flex;  text-align: center;}
.organize_last_box_in h3.title {display:none; float: none; }
.organize_last_box_wrap table {background-color: #fff;margin: 10px auto;float: left;width: 90%;border: 1px solid #d7d4d0;border-top: 2px solid #453d34 !important;border-collapse: collapse;}
.organize_last_box_wrap table td {  border: 1px solid #d7d4d0;  border-collapse: collapse;  padding: 7px 10px;  word-break: keep-all;}
.organize_last_box_wrap table td:first-child {  font-weight: bold;}
.organize_last_box_wrap table td:last-child {  text-align: center;}
td.fir_th_back {  background: #f8f8f8;font-weight: bold;}

@media screen and (min-width: 1px) and (max-width: 800px) {
  .organize {background: none;  }
  .organize_top {  background: none; background-color: #957854;border-radius: 200px; width:200px;height:200px;    box-shadow: 4px 3px 8px 0px grey;  }
  .organize_top dt {padding-right: 0;  }
  .organize_top dd {padding-right: 0;  }
  .organize_center {margin-top: 10px;  }
  .organize_center_in_box { width: 100%;    margin-top: 10px;  }
  .organize_center_in_box_title { width: 100%; }
  .organize_center_in_box table { width: 100%; }
  .organize_last_box_wrap {margin-top: 10px;  }
  .organize_last_box_in { width: 100%; }
  .organize_last_box_wrap table { width: 100%; margin-top: 10px; }
}

/*
================================================================================
¹ÝÀÀÇü ÄÜÅÙÃ÷
================================================================================
*/
@media all and (min-width:1920px){
.m_slide_bg_box img{width:100%}
}

 /* PC Device 1200 */

@media all and (max-width:1200px){
	.contentBox{width: 100%; padding: 0 30px;}

  .m_visual_wrap{top: inherit;}
  .m_visual_wrap .m_slide_box{width: 100%;}
  .m_slide_box li{padding: 125px 30px 0 50%}
  .m_visual_wrap .control{width: 100%;left: 0;margin-left: 0;}
  .m_visual_wrap .control_2{display: none;}
  .m_slide_box li{padding: 125px 0 0 0;}
  .m_slide_box .img_box{width: 50%;position: relative;float: left;left: inherit;top: inherit;text-align: center;box-shadow:none}
  .m_slide_box .info_box{width: 50%;float: left;}

  .m_calendar{background: #fff;height: auto;}
  .m_calendar .date_box{padding: 15px; height: auto;}
  .schedule_box li{border: none;}

  .m_conBox_1{margin-top: 40px;}
  .m_conBox_1 > div{width: 100%;float: none;}
  .m_notice_wrap{margin-bottom: 15px;}
  .m_notice_wrap .notice_box{padding-right: 0;}
  .m_pop_wrap .pop_slide li img{width: 100%}

  .m_conBox_2 li{width: 50%;margin-bottom: 8px;}


	.s1_5_box .step_box > dl{width: 100%;}
	.s1_5_box .step_box > dl > dd{height: auto;}
	.s1_5_box .step_box dd .step01 label,
	.s1_5_box .step_box dd .step02 label{width: 49%;float: left;}
	.s1_5_box .step_box dd .step01 label:nth-of-type(odd),
	.s1_5_box .step_box dd .step02 label:nth-of-type(odd){margin-right: 2%;}

	.reservation_quick_wrap .quick_box .poster{display: none;}
	.reservation_quick_wrap .quick_box{width: 100%;padding-left: 0;}
	.reservation_quick_wrap .quick_box dl{padding: 5px 20px}
	.reservation_quick_wrap .cost_list .total .cost{font-size: 17px;bottom: 8px;}
	.reservation_quick_wrap .cost_list .total .cost span{font-size: 24px;}
	
	.s1_5_box2{width: 100%;}
  .reservation_wrap{overflow-x: auto;max-height:65vh}
	.s1_5_box2 .top_tit{height: 50px;line-height: 50px;padding: 0 20px;top:-50px;}
	.s1_5_box2 .top_tit .btn_close{right: 20px;top: 9px}	
	.s1_5_box2 .bottom_info{height: auto;max-height:200px;overflow-y: auto;}
	.s1_5_box2 .bottom_info .seat_info{width:100%;height: auto;}
	.s1_5_box2 .bottom_info .btn_m_info{display: inline-block;padding: 5px 10px;border: 1px solid #fff;color:#fff;font-weight: bold;font-size: 14px;margin-left: 20px;margin-bottom: 5px;}
	.s1_5_box2 .bottom_info .btn_m_info .on{display: block;}
	.s1_5_box2 .bottom_info .btn_m_info .off{display: none;}
	.s1_5_box2 .bottom_info .btn_m_info.on .on{display: none;}
	.s1_5_box2 .bottom_info .btn_m_info.on .off{display: inline-block;}
	.s1_5_box2 .bottom_info .seat_info{display: none;}
	.s1_5_box2 .bottom_info .seat_info.on{display: block;}
	.s1_5_box2 .bottom_info .info_list{width: 100%;height: auto;overflow-y: hidden;}
	.s1_5_box2 .bottom_info .cost_view input{right: 20px}

	.s1_5_box .step_box .step04 dd select, 
	.s1_5_box .step_box .step04 dd input{width: 46%;letter-spacing: -1px;} /*letter-spacing: -1px;  Ãß°¡ÇßÀ½   */

  .s5_4_box{padding: 30px 20px;padding-right: 110px;}
  .s5_4_box dl{width: 100%; }
  .s5_4_box dl.ic01{margin-bottom: 30px;}



	.search_form #header .head_box {min-height: inherit;}
	.search_form #subContainer #content {padding: 270px 0 0;}
	.search_form .gnboverarea{border: none; height: auto;}
	.search_form .gnb_wrap{padding:20px 0;background: #fff; text-align: center;}
	.search_form .gnb_wrap .top_logo{position: relative;top:inherit;left: inherit;margin-left: 0;display: inline-block;}
	.search_form .m_search{width:100%;max-width: inherit;position: relative;top:110px;left: inherit;margin: 0;}
	.search_form #header .head_box .logo {top: 80px; left: calc(50% - 118px);}

}


 /* Mobile */

@media all and (max-width:640px){
	.contentBox{padding: 0 20px;}
  .section01 .contentBox{margin-top: 20px;}

  .m_visual_wrap{height: auto;padding-bottom: 20px;}
  .m_slide_box .img_box{width: 100%}
  .m_slide_box .info_box h2,.m_slide_box .info_box p{display: none;}
  .m_visual_wrap .control{top:20px;}
  .m_slide_box li{padding: 60px 40px 0 40px;}
  .m_slide_box .img_box{height: auto;}
  .m_slide_box .info_box{width: 100%;text-align: center;}
  .m_slide_box .btn_box{margin-top: 10px;}
  .m_slide_box .btn_box a{width: 46%;max-width:140px;line-height: 35px;border-radius: 17px;}

  .m_calendar{padding: 0;}
  .m_calendar .tit_box{width: 100%;height: 90px; position: relative;top: inherit; left: inherit;padding-top: 20px;}
  .m_calendar .tit_box h2{font-size: 15px;margin-bottom: 5px;}
  .m_calendar .tit_box .today{font-size: 40px; text-align: center;}
  .m_calendar .tit_box .btn_more{position: absolute; width: 34px; height: 34px;text-align: left; text-indent: -9999px;right: 0; top: 56px;}
  .m_calendar .tit_box .btn_more::after{content: ""; display: inline-block; position: absolute;background-image: url(/img/img_common.png);background-repeat: no-repeat;background-position: -471px -22px;top: 10px; left: 10px;width: 14px; height: 14px;}
  .schedule_wrap{padding: 0 20px 50px 20px}
  .schedule_box h3{font-size: 17px;}
  .schedule_box li{padding-right: 0;}  
  .schedule_wrap .ctr_box{top: inherit;bottom: 0;}

  .section02{padding: 20px 0 10px 0}
  .m_conBox_2 li h3 span.sm{display: none;}
  .m_conBox_2 li h3 span.big{font-size: 18px}

  .favor_wrap{padding: 30px 0;height: auto;text-align: center;}
  .favor_wrap .favor_slide{text-align: left;padding-left: 17px}
  .favor_wrap h2{position: relative;display: inline-block;top: inherit;left: inherit;}
  .favor_wrap .control{display: inline-block;margin-left: 5px;}
  .favor_wrap button{position: relative;left: inherit !important;top: inherit !important;}
  .favor_wrap .prevSlide2{margin-right: 3px;}

	 .s1_3_box li{padding: 0 0 20px 130px;background-position: 25px 0px}

	.s1_5_box .step_box .step01 dd label,
	.s1_5_box .step_box .step02 dd label{width: 100%;float: none;}
	.s1_5_box .step_box .step01 dd label:nth-of-type(odd),
	.s1_5_box .step_box .step02 dd label:nth-of-type(odd){margin-right: 0;}	
	.s1_5_box .info_box{position: relative;}
	.s1_5_box .info_box .sq_box{padding: 20px 15px 20px 45px;}
	.s1_5_box .info_box .btn_view{display: inline-block;border: 1px solid #333;margin-left: 10px;padding: 7px 8px;background-color: #fff;font-size: 13px;line-height: 1.1;}
	.s1_5_box .info_box .info_txt{display: none;position: absolute;top: 0px;left: 0;border: 2px solid #ccc;background-color: #fff;height: 80vh;overflow-y: auto;padding: 0 20px 20px 0;z-index: 100;}
	.s1_5_box .info_box .info_txt .ic_point{display:block;font-family: 'NanumSquare';font-size: 20px;padding: 20px 0 20px 47px}
	.s1_5_box .info_box .btn_close{display: inline-block;position: absolute;top: 20px;right: 20px;width: 32px;height: 32px;background: url(/img/img_common2.png) -191px -468px no-repeat;text-indent: -999px;}
	.s1_5_box .step_box .step04 dd input{letter-spacing: -1.8px;} /*Ãß°¡ ÇßÀ½ ±ÛÂ¥°¡ ¾Èº¸¿©¼­ */
	
	.reservation_quick_wrap{height: auto;}
	.reservation_quick_wrap .quick_box{padding: 15px 20px}
	.reservation_quick_wrap .quick_box dl{display: none;}
	.reservation_quick_wrap .quick_box dl.step01{display: block;width: 100%;padding: 0;border-right: none;}
	.reservation_quick_wrap .quick_box dt{display: inline-block;margin-right: 10px;margin-bottom: 0;}
	.reservation_quick_wrap .quick_box dd{display: inline-block;}
	
	#miniview{display: inline-block;}
	.reservation_wrap{max-height: 70vh;}	

	.s1_5_box2 .bottom_info{height: 133px;}

	.s1_5_box2 .bottom_info .seat_info .info_list{width: 100%}
	.s1_5_box2 .bottom_info .cost_view{padding: 10px 130px 10px 20px}
	.s1_5_box2 .bottom_info .cost_view .total_txt{display: none;}
	.s1_5_box2 .bottom_info .cost_view .big{font-size: 24px;}
	.s1_5_box2 .bottom_info .cost_view .big span{font-size: 16px;}
	.s1_5_box2 .bottom_info .cost_view input{width: 130px;height: 40px;line-height: 40px;right:20px;top:9px;}

	.s1_5_box .step_box .step04 dd{padding: 25px 20px}
	.s1_5_box .step_box .step04 dd .discount_box,
	.s1_5_box .step_box .step04 dd .discount_info{width: 100%;}
	.s1_5_box .step_box .step04 dd .seat_discount{height: auto;font-size: 0;}
	.s1_5_box .step_box .step04 .seat_discount select, .s1_5_box .step_box .step04 .seat_discount input{width: 49%;font-size: 14px;}
	.s1_5_box .step_box .step04 .seat_discount input[type="text"]{margin-right: 2%;}
	.s1_5_box .step_box .step04 .seat_discount select{margin-right: 0;}
	.s1_5_box .step_box .step04 dd .discount_info{border-left: 0;border-top:1px solid #dedede;margin-top: 25px;}

	.s1_5_box .step_box .confirm_box .input_box{position: relative;padding-left: 80px;width: 100%;}
	.s1_5_box .step_box .confirm_box .input_box:nth-of-type(1){margin-bottom: 10px;}
	.s1_5_box .step_box .confirm_box .input_box label{position: absolute;left: 0;}
	.s1_5_box .step_box .confirm_box .input_box input{width: 100%;margin: 0;}
	.s1_5_box .step_box .confirm_box .info_agree span{display: block;}
	.s1_5_box .step_box .step05 ul li{padding: 20px}
	.s1_5_box .step_box .step05 .performance_info{padding: 0;padding-top: 180px;}
	.s1_5_box .step_box .step05 .performance_info .poster{left:50%;margin-left: -61px;}
	.s1_5_box .step_box .step05 .pay_box ul{width: 210px}
	.s1_5_box .step_box .step05 .pay_box li.total .big{font-size: 18px;bottom: 3px}
	.s1_5_box .step_box .step05 .caution{padding: 20px;height: 145px}
	.s1_5_box .step_box .step05 .caution h3{padding-bottom: 10px;}
	.s1_5_box .button_box{text-align: center;}

	.s1_6_box .floor_box{padding: 20px 0;text-align: center;}
	.s1_6_box .floor_box .floor{display: block;margin: 0 auto;}
	.floor_box .seat_info{margin: 20px 0;width: 60%;display: inline-block;}

	.reservation_quick_wrap .quick_box dl.step04{display: block;padding: 0;width: 100%;height: 35px}
	.reservation_quick_wrap .quick_box dl.step04 dt{display: none;}
	.reservation_quick_wrap .quick_box dl.step04 dd{width: 100%;}
	.reservation_quick_wrap .quick_box dl.step04 li{display: none;}
	.reservation_quick_wrap .quick_box dl.step04 li.total{display: block;margin-top: 5px;width: 100%;margin-bottom: 0;}
	.reservation_quick_wrap .quick_box dl.step04 li.total .tit{font-size: 17px;color: #e6d3b5;display: inline-block;margin-right: 10px;}

  .s1_5_box .step05.finish .confirm_box dl{margin-bottom: 10px;}
  .s1_5_box .step05.finish .confirm_box .reservation_number{margin-top: 0;}

  .s5_1_box .top_box{padding: 40px 0 0 30px;}
  .s5_1_box .top_box p{font-size: 18px;}
  .s5_1_box .top_box p span{font-size: 24px;}
  .s5_1_box .tit{font-size: 20px;}
  .s5_1_box .txt_box p span{font-size: 18px;}
  .s5_1_box .ceo span{font-size: 24px;}

  .s2_2_box dl{padding: 25px 20px 25px 60px;}
  .s2_2_box dt span{top: 24px;left: 20px;}

  .sub_slide_wrap .sub_slide_tit{width: 100%;height: 150px;padding: 30px 20px;}
  .sub_slide_wrap .sub_slide_tit h3{font-size: 36px;}
  .sub_slide_wrap .control{margin-top: 20px;}
  .sub_btn_box > a{width: 49%;float: left;margin-right: 2%;margin-bottom: 5px;}
  .sub_btn_box > a:nth-child(even){margin-right: 0;}

	.s5_2_box .history::after{left: 10px;}
	.s5_2_box .history dl{padding-left: 10px;}  
	.s5_2_box .history dl dt::after{border-top: 13px solid #3c3c4e;border-right: 11px solid transparent;left:0;}
	.s5_2_box .history dl dd ul li::after{left: -45px;}
	.s5_2_box .history dl dd ul li .year::before{right: -20px;}
	.s5_2_box .img_box li{width: 100%;margin-bottom: 20px;text-align: center;}
	.s5_2_box .img_box li img{margin-bottom: 10px;}

  .s5_3_3_box > ul > li{padding: 15px 0}
  .s5_3_3_box > ul > li img{margin-bottom: 20px;}

  .s5_4_box{padding: 25px 15px;}
  .s5_4_box .btn_map_box{display: none;}
  .s5_4_box2 > li{padding-left: 110px}

	.search_form #subContainer {padding: 0 20px;}
	.search_form #subContainer #content {padding: 240px 0 0;}
	.search_form #header .head_box .logo {width: 198px; top: 80px; left: calc(50% - 99px);}
	.search_engine_wrap .tabTxt01 ul li{width: 100% !important;}
	.search_engine_wrap .top_result_info p{font-size: 18px;padding: 0;background: none;}
	.top_result_info p span{font-size: 20px;}

  .myPage_box .top_box{padding: 20px;background: none;overflow: hidden;}
  .myPage_box .top_box li{width: 50%;float: left;}
  .myPage_box .top_box li:first-of-type{margin-right: 0;}

}

/* ·¹À̾îÆ˾÷ */
#com_layer_pop{position: relative;width: 100%;height: 100%;z-index: 1000;}
#com_layer_pop .pop_fix_bg{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.42);top: 0;left: 0;}
#com_layer_pop .layer_pop_box{width: 548px;height: 320px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);box-shadow: 0 0 12px rgba(0,0,0,0.3)}
#com_layer_pop .layer_top{width: 100%;height: 57px;line-height: 57px;padding-left: 28px;position: relative;background-color: #005fca;box-sizing: border-box;}
#com_layer_pop .layer_top h2{color: #fff;font-size: 17px;font-weight: bold;margin: 0;}
#com_layer_pop .layer_top .btn_close{text-indent: -9999px;width: 32px;height: 32px;border-radius: 50%;background-color: rgba(0,0,0,0.2);position: absolute;display: inline-block;top: 14px;right: 13px;}
#com_layer_pop .layer_top .btn_close::before{content: "";display: inline-block;width: 1px;height: 17px;position: absolute;top: 9px;left: 16px;transform: rotate(45deg);-ms-transform: rotate(45deg);background-color: #fff}
#com_layer_pop .layer_top .btn_close::after{content: "";display: inline-block;width: 1px;height: 17px;position: absolute;top: 9px;left: 16px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);background-color: #fff}
#com_layer_pop .layer_con{position: relative;z-index: 10;padding: 35px 28px;background: #fff;box-sizing: border-box;overflow-y:scroll;height: 300px; } /*overflow: auto;*/
#com_layer_pop .layer_con p{padding: 25px 20px;background-color: #f3f8fd;color: #005aae;font-size: 15px;box-sizing: border-box;line-height:1.6em;}
#com_layer_pop .layer_con > span{display: inline-block;margin: 20px 0 15px 0;;letter-spacing:-0.7px; }
#com_layer_pop .layer_con .btn_box{ width:100%;text-align:center !important; margin: 0 0 20px 0 ; padding: 5px 0 20px 0;border-bottom:1px dashed #999 }
#com_layer_pop .layer_con .close_box{float: right;height: 38px;line-height: 38px;}
#com_layer_pop .layer_con #layer_pop_close{display: inline-block;}
#com_layer_pop .layer_con .close_box .btn_close{width: 82px;height: 38px;background-color: #3e4452;line-height: 38px;text-align: center;color: #fff;font-size: 15px;font-weight: bold;display: inline-block;margin-left: 5px;}
@media all and (max-width:640px){
	#com_layer_pop .layer_pop_box{width: 90%;}
}


@media all and (max-height:450px){
  .reservation_wrap{max-height: 45vh;}  

}
@media all and (max-width:450px){


}