@charset "utf-8";

/* 구매번호 찾기 팝업 */
.full_pop_typeA .input_wrap{margin: 20px 4.375%;}
/*.full_pop_typeA .btnArea{position:absolute; left:0; bottom:0; margin-top: 20px;}*/
.full_pop_typeA .ticketWrap .btnArea{position:static; margin-top:0;}
.full_pop_typeA .btnRegister > *{vertical-align: middle;}
.full_pop_typeA .ticketWrap .btnArea.mg0 {padding: 0 4.375%;}
.full_pop_typeA h2, .popConTit{margin-bottom:10px; font-weight:500; font-size:16px;}
.full_pop_typeA table button{display: inline-block; width:34%; height:24px; line-height:24px; vertical-align: middle; }
.full_pop_typeA table button span{font-size:13px;}
.full_pop_typeA table button.sbtn_fill_red{width:24%;}
.full_pop_typeA td .des{display:block; font-size:13px; color:#aaa; line-height:1.4;}

/* 쿠폰사용 팝업 */
.full_pop_typeA .couponUse .img{width: 80px;margin: 0 auto 10px;}
.full_pop_typeA .couponUse h2{text-align: center;}
.full_pop_typeA .couponUse dl{overflow: hidden;width: 71%;margin: 0 auto 18px;font-size: 13px;color: #777;}
.full_pop_typeA .couponUse dl > *{float: left;}
.full_pop_typeA .couponUse dt{position: relative;width: 30%;}
.full_pop_typeA .couponUse dt:after{content: '';position: absolute;top: 4px;right: 13px;width: 1px;height: 12px;border-right: 1px solid #ccc;}
.full_pop_typeA .couponUse dd{width: 70%;}
.full_pop_typeA .couponUse .qrWrap{text-align: center;}
.couponUse .qrNum{font-size: 13px;color: #777;}
.qrcode2_img{width:126px; margin: 0 auto 5px;}
@media screen and (max-width: 767px){
    .coupon_wrap .bx-wrapper .bx-controls-direction a {display: block;}
}

/* 레이어 팝업 */
#layer_pop{display:none;}
.pop_bg{position:fixed; width:100%; height:100%; top:0px; left:0px; background:#000; opacity:0.8; z-index: 200; }
#layer_pop .popIcon{display: block;position: absolute;top: -39px;left: 50%; margin-left:-41px; width: 82px;height: 67px;background: url("/images/common/bg_popicon.png") no-repeat; background-size:100% auto;}
#layer_pop .pop_cont{position:fixed; width:90%; margin:0 auto; border-radius:5px; background-color: #fff;z-index:10000; }
#layer_pop .noticeArea .bg.top {background-position: left bottom;}
#layer_pop .pop_head{position:relative; padding:14px 0; border-bottom: 1px solid #ddd;}
#layer_pop .pop_head .layerTit{font-size: 16px;font-weight: 500;text-align: center;color: #222; padding: 0 30px;}
#layer_pop .pop_head .btn_pop_close{position:absolute; top:18px; left:auto; right:3.74%; width:17px; height:17px; background: url(/images/common/ico_pop_close.gif) no-repeat;background-size:100% 100%;}

#layer_pop .pop_mid{padding-top:15px; }
#layer_pop .pop_mid.waitIcon{margin-top:30px; line-height:1.2;}
@media only screen and (min-device-width : 768px) {
    #layer_pop .pop_mid.waitIcon{margin-top:60px; }
}

#layer_pop .pop_mid.scroll{overflow-y: auto; height:320px; }

#layer_pop .pop_mid .tit{margin-bottom:15px; text-align: center; font-size:16px; font-weight:700;}
#layer_pop .pop_mid .qrWrap{padding-bottom:15px; text-align: center;}
#layer_pop .pop_mid .qrWrap .qrNum{font-size:13px; color:#777;}
#layer_pop .pop_mid .point_use{padding:15px 3.74%; background:#f1f1f1;}
#layer_pop .pop_mid .point_use .tit{clear:both; padding:0; text-align: left; font-size:16px; font-weight:500; color:#333;}
#layer_pop .pop_mid .point_use .tit label{font-weight:400; color:#505050;}
#layer_pop .pop_mid .point_use .tit .checks{float:right;}
#layer_pop .pop_mid .point_use ul li{margin-bottom:10px;}
#layer_pop .pop_mid .point_use ul li span{display:inline-block; width:35%;}
#layer_pop .pop_mid .point_use ul li span.point{color:#e12f36;}
#layer_pop .type02 .tit{padding:0 4.375%; font-size:15px; color:#777; font-weight:400; text-align: left;}
#layer_pop .popInner{padding: 0 3.74%;}
#layer_pop .popInner .input_wrap{margin-bottom: 0;}
#layer_pop .info{padding: 0 3.74%;}
#layer_pop .info .btnArea{padding:0;}
#layer_pop .type03 .coupon_label{padding:0 4.375%; margin-bottom: 10px;}
/*#layer_pop .btnArea3{margin-top: 20px;}
#layer_pop .btnArea3 button:nth-child(1){border-radius:0 0 0 5px;}
#layer_pop .btnArea3 button:nth-child(2){border-radius:0 0 5px 0;}
#layer_pop .btnArea3.item1 button{height: 50px; line-height: 50px;border-radius:0 0 5px 5px;}*/

/* 주소 검색 */
#layer_pop .pop_mid .addressSearch label{margin-bottom: 7px;font-weight: 400;text-align: left;}
#layer_pop .addressSearch .innerWrap{padding-top: 14px;}
#layer_pop .addressSearch .input_wrap .btnArea{margin-top: 6px;padding: 0;}
#layer_pop .addressSearch .pagination{margin-top: 15px;padding-bottom: 0;}

/* 레이어팝업 - 포인트 조회 */
#layer_pop .pop_mid .input_wrap input[type="number"] {font-family: 'Noto Sans', sans-serif;}
#layer_pop .pop_mid .pointUse{padding: 18px 0;text-align: center;background-color: #f1f1f1;}
#layer_pop .pop_mid .pointUse p{font-size: 14px;color: #333;}
#layer_pop .pop_mid .pointUse strong{font-size: 24px;color: #e12f36;}

/* 찜하기 - 할인쿠폰 팝업 */
#layer_pop .pop_mid .reserveWrap .des{padding:13px 3.74%;}
#layer_pop .pop_mid .reserveWrap .des span{display:block; color:#e12f36; font-weight:500;}
#layer_pop .pop_mid .reserveWrap .coupon_li li{padding:13px 3.74%; border-top:1px solid #d9d9d9;}
#layer_pop .pop_mid .reserveWrap .coupon_li li label{display:block; padding-left:0;}
#layer_pop .pop_mid .reserveWrap .coupon_li li label span{display:block; text-align: left; color:#505050; width:90%;}
#layer_pop .pop_mid .reserveWrap .coupon_li li label span.tit{margin-bottom:0; font-weight: 500; color:#444;}
#layer_pop .pop_mid .reserveWrap .coupon_li li label span.date{margin-top:10px; font-size:13px; color:#777; font-family: 'Lato';}
#layer_pop .pop_mid .reserveWrap .coupon_li li label:before{margin-right:0; left:auto; right:0; top:35%;}
#layer_pop .pop_mid .reserveWrap .coupon_li.scroll2{overflow-y: auto; height:200px; }

#layer_pop .pop_mid .info_box .infoTit{overflow: hidden;margin-bottom: 0;padding: 18px 3.74% 11px;font-size: 19px;font-weight: 500;border-bottom: 1px solid #d9d9d9;}
#layer_pop .pop_mid .infoTit button{float: right;width: 18%;height: 27px;line-height: 26px;padding: 0 1.6%;}
#layer_pop .pop_mid .infoTit button span{font-size: 13px;color: #777;}
#layer_pop .pop_mid .info{padding: 11px 3.74% 15px;}

#layer_pop .pop_mid .info .onlinePw input{float: left;width: 68%;}
#layer_pop .pop_mid .info .onlinePw button{float: right;width: 30%;height: 37px;font-size: 15px;line-height: 37px;}
#layer_pop .pop_mid .info .onlinePw .listTypeDot{margin-top: 20px;}
#layer_pop .pop_mid .point_use .input_wrap{display:inline-block; width:50%; margin-bottom: 0;}
#layer_pop .pop_mid .point_use .input_wrap .point{text-align:right;}

/* 매장위치 팝업 */
#layer_pop .shopMap{padding: 18px 3.74%;}
#layer_pop .shopMap p{margin-top: 15px;font-size: 14px;color: #777;vertical-align: middle;}
#layer_pop .shopMap p .ico{display: inline-block;width: 12px;height: 15px;margin: -4px 5px 0 0;vertical-align: middle;background: url("/images/common/ico_location_marker.png") no-repeat 0 0;background-size: 100% auto;}

/* 구매 - 연간이용권 > 연간회원권 약관동의 */
#layer_pop .termsWrap{margin: 22px 3.74%;}
#layer_pop .termsWrap .termsGroup{margin-top: 15px;}
#layer_pop .termsWrap .termsGroup:first-child{margin-top: 0;}
#layer_pop .termsWrap .termsGroup .tit{margin-bottom:10px; padding:0; font-size:16px; color:#444; font-weight:500; text-align: left;}
#layer_pop .termsWrap .termsGroup .tit .point{color:#e12f36;}
#layer_pop .termsWrap .termsGroup .checks{margin-bottom:10px;}
#layer_pop .termsWrap .termsGroup .input_wrap .label{margin-bottom: 7px; font-weight: 500;}
#layer_pop .termsWrap .btnArea{padding: 0;}
#layer_pop .termsWrap .termsGroup ul[class*="listType"] li:first-child{margin-top:5px;}

#layer_pop .agree_table .br{border-right:1px solid #d9d9d9;}
#layer_pop .agree_table th, #layer_pop .agree_table td{padding:8px 0; text-indent:0;}
#layer_pop .xscroll{overflow: auto; -webkit-overflow-scrolling: touch;}
#layer_pop .xscroll .agree_table{width:600px;}

/* 잠깐만요! 팝업 */
.ppChoice{margin:0 3.74%; font-size:32px; text-align: center;}
.ppChoice .desc{display: block; margin-top: 5px; font-size:16px;}
.pop_mid .noticeInner p{margin-bottom:5px; font-size:16px;}
@media only screen and (max-device-width : 320px) and (max-device-height : 480px) {/*아이폰4 전용*/
    #layer_pop .pop_cont{max-height:440px; overflow-y: auto;}
    #layer_pop .popIcon{top:0;}
    .ppChoice{margin:61px 0 0;}
    .waitIcon .ppChoice{margin:0;}
    .pop_mid .noticeArea .noticeInner {padding: 10px 3.74%;}
    #layer_pop .pop_mid.waitIcon{margin-top:70px; }
}
@media only screen and (max-device-width : 320px) and (max-device-height : 568px) {/*아이폰5 전용*/
    .ppChoice{font-size: 30px;}
    .pop_mid .noticeInner p{font-size: 14px;}
}

#layer_pop .pop_cont [class*="btnArea"] {border-radius: 0 0 5px 5px;}
#layer_pop .pop_cont [class="btnArea4"] {border-radius: 3px;}
.pop_mid.scroll + .ppChoice{min-height:150px;}
@media screen and (min-width:768px) {
    /*#layer_pop .pop_cont [class*="btnArea"] {border-radius: 0 0 15px 15px;}*/
    .pop_mid.scroll + .ppChoice{min-height:178px;}
}

/* 팝업 큰 사이즈 */
#iframe_pop{display:none; width: 100%; height:100%; background: #fff; z-index: 10000;}
#iframe_pop .pop_cont.bigSize{border-radius: 0;}
#iframe_pop .pop_cont.bigSize .pop_head{position: fixed; width: 100%; padding-top: 14px; height: 50px; border-bottom: 1px solid #ddd; box-sizing: border-box; z-index: 30001; background: #fff;}
#iframe_pop .pop_cont.bigSize .pop_head .layerTit {font-size: 16px; font-weight: 500; text-align: center; color: #222; }
#iframe_pop .pop_cont.bigSize .pop_head .btn_pop_close {position: absolute; top: 15px; left: auto; right: 3.74%; width: 17px; height: 17px; background: url(/images/common/ico_pop_close.gif) no-repeat; background-size: 100% 100%; }
/*#iframe_pop .pop_cont.bigSize .pop_mid{height:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#iframe_pop .pop_cont.bigSize .pop_mid #pop_frame{height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: absolute; left:0; top:0; margin-top: 50px; z-index: 30000;}*/
#iframe_pop .pop_cont.bigSize .pop_mid{min-height:100%; /*position: relative;*/}
#iframe_pop .pop_cont.bigSize .pop_mid #pop_frame{padding-top: 50px; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: absolute; left:0; top:0; z-index: 30000;}

/* 참여자 정보 팝업 */
.box_line{margin:0 3.74% 15px; padding-top:10px !important; border: 1px solid #9f9f9f !important; box-sizing: border-box;}
.box_line .label, .box_line input{margin-bottom: 10px;}
.box_line .label span{font-weight: 400;}
.box_line .input_wrap{margin-bottom: 0 !important}

/* 이용약관/개인정보처리방침 */
.terms .subCont{margin-bottom:20px;}

/* 엘페이 팝업 */
#layer_pop .type_lpay{width:372px; background: transparent;}
#layer_pop .type_lpay .pop_head{border-bottom: 1px solid #0083ad;}
#layer_pop .type_lpay .pop_head .layerTit{color: #fff;}
#layer_pop .type_lpay .pop_head .btn_pop_close{width: 25px; height: 25px; background: url(/images/common/ico_pop_close2.png) no-repeat; background-size: 100% 100%;}
#layer_pop .type_lpay .pop_mid{border-top: 1px solid #4eb5d7;}
#layer_pop .type_lpay .pop_mid .cont_inner p{width:230px; padding:0 0 20px; margin:0 auto;}
#layer_pop .type_lpay .pop_mid .cont_inner .input_wrap{width:172px; margin:0 auto 15px; border: 2px solid #ffea07; border-radius: 3px; color: #fff;}
#layer_pop .type_lpay .pop_mid .cont_inner .input_wrap input{padding: 0 5px; width:28%; background: transparent; border: 0 none; color: #fff; text-align: center; font-weight: 500; }
#layer_pop .type_lpay .pop_mid .cont_inner .loading{width:259px; margin: 0 auto 15px;}
#layer_pop .type_lpay .pop_mid .cont_inner .loading span{display: inline-block; width:37%; margin-right: 2%; vertical-align: middle;}
#layer_pop .type_lpay .pop_mid .cont_inner .loading span:last-child{width:18%; margin-right: 0;}
#layer_pop .type_lpay .pop_mid .cont_btm{padding:15px 0; background: #fff; border-radius: 0 0 5px 5px; text-align: center; color:#757575;}
@media screen and (min-width: 768px){
    #layer_pop .pop_cont.type_lpay { width: 400px !important; border-radius: 15px; }
    #layer_pop .pop_cont.type_lpay .pop_mid .cont_btm{border-radius: 0 0 15px 15px;}
}

/* 2017.03.02: 워터파크 휴장안내 팝업 */
#layer_pop .pop_closed .pop_cont .btn_pop_close{position:absolute; top:-43px; left:auto; right:0; width:28px; height:28px; background: url(/images/common/btn_cmark_close.png) no-repeat;background-size:100% 100%;}
#layer_pop .pop_closed .pop_mid.scroll{height:auto; }

/* 인트로 팝업 */
#introPopup{display: none; position: relative;}
#introPopup .pop_cont{position:fixed; width:90%; margin:0 auto; background-color: #fff;z-index:10000; }
#introPopup .interBtnArea{overflow: hidden; width: 100%; padding: 10px; box-sizing: border-box;}
#introPopup .interBtnArea .checkboxWrap{float: left;}
#introPopup .interBtnArea button.notice_box_close{float: right;}
@media screen and (min-width:768px) {
    #introPopup .pop_cont {width:504px !important;}
}
.gradientBtn { border-width: 0 0 3px 0; border-style: solid; border-radius: 6px; color: #fff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
.interBtnArea button, button[class*='Btn'] { width: 100%; height: 40px; line-height: 40px; margin: 0; padding: 0 14px; font-size: 14px; border-radius: 6px; }
.gradientBtn.purple { border-color: #6e55d8; background-image: linear-gradient(-270deg, #9e4aec, #2495ff); }
#introPopup .btn_pop_close { position: absolute; top: -43px; left: auto; right: 0; width: 28px; height: 28px; background: url(/images/common/btn_cmark_close.png) no-repeat; background-size: 100% 100%; }