@charset "utf-8"; /* 메인 */ .main_wrap header {position: absolute; background: transparent; } .main_wrap header .menu {width: 20px; height: 17px; background: url(/images/content/ico_gnb.png) no-repeat; background-size: 100%; } .main_wrap header .link_ticket {position: absolute; top: 10px; left: auto; right: 15px; display:block; width:30px; height:30px; background: url(/images/content/ico_ticket.png) no-repeat; background-size: 100%; } .main_wrap .visual {position:relative; height:568px; background: url(/images/content/main_visual.jpg) no-repeat left bottom; background-size: 100% 100%; line-height:0; transition: background 3s ease; } .main_wrap .visual.morning {background-image: url(/images/content/main_visual02.jpg); transition: background 3s ease; } .main_wrap .visual .noti {display:none; padding-top: 40%; margin:0 3.74% 5%; width:54%;} .main_wrap .visual .noti.night{display:block;} .main_wrap .visual.morning .noti{display:block;} .main_wrap .visual.morning .noti.night{display:none;} .main_wrap .visual .noti p{color:#fff; font-size: 16px; line-height:1.2;} .main_wrap .visual .noti p.time{margin-bottom:5px; font-size:40px; line-height:1;} .main_wrap .visual .noti p.txt{height:38px;} .main_wrap .visual .link{width:40%; margin:0 3.74% 26.4%;} @media screen and (min-width:360px) { .main_wrap .visual .link{margin-bottom:35.5%;} } @media screen and (min-width:375px) { .main_wrap .visual .link{margin-bottom:38.5%;} } @media screen and (min-width:412px) { .main_wrap .visual .link{margin-bottom:44.5%;} } @media screen and (min-width:414px) { .main_wrap .visual .link{margin-bottom:45%;} } .main_wrap .visual .link a{display:block; padding-bottom:5px; background: url(/images/content/bg_under_arrow.png) no-repeat left bottom; background-size: contain ; color:#fff; line-height:1.6;} .main_wrap .visual .link a span{display:block;} /*2016.09.23: 메인 구매번호 등록 링크로 변경*/ .main_wrap .visual .main_input{position:absolute; top:auto; bottom:22%; left:3.74%; width:92.52%; margin:0 auto 10px; background-color:rgba(0, 0, 0, 0.33); box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} /*.main_wrap .visual .main_input input{float:left; width:71%; padding:0 15px; height:50px; line-height:50px; border:0 none; background: transparent; color:#fff; font-size:15px; outline-style:none; line-height:1;} .main_wrap .visual .main_input input::-webkit-input-placeholder {color: #fff; } .main_wrap .visual .main_input input:-ms-input-placeholder {color: #fff; } .main_wrap .visual .main_input button{float:right; width:18%; height:50px; line-height:50px; color:#fff; font-size:15px; background: url(/images/content/ico_plus.png) no-repeat 50% 50%; background-size: 40%; }*/ .main_wrap .visual .main_input .resnum_link{display:block; padding-left:10px; color:#fff; line-height:50px;} .main_wrap .visual .main_input .resnum_link span{float:right; width:18%; height:50px; line-height:50px; color:#fff; font-size:15px; background: url(/images/content/ico_plus.png) no-repeat 50% 50%; background-size: 40%; } /* //2016.09.23: 메인 구매번호 등록 링크로 변경 */ .main_wrap .visual .main_li{position:absolute; top:auto; bottom:0; left:0; margin:0 3.74% 15px; width:92.52%;}/*2016.11.01: 수정*/ .main_wrap .visual .main_li li{float:left; width:50%;} .main_wrap .visual .main_li li a{float:left; display: block; padding:10px; margin:0 1% 2% 0; width:98%; background-color:rgba(0, 0, 0, 0.33); box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box; } .main_wrap .visual .main_li li:nth-child(even) a{margin-right:0; width:100%;} .main_wrap .visual .main_li li a span{display: inline-block; margin-top:5%; color:#fff; line-height:1.2; vertical-align: top;} @media screen and (min-width:360px) { .main_wrap .visual .main_li li a span{margin-top:7%; } } /*@media screen and (min-width:412px) { .main_wrap .visual .main_li li a span{margin-top:7%; } }*/ .main_wrap .visual .main_li li a img{float:right; display: block; width:25%; max-width: 42px;} /* 버튼, 인풋 */ input[type="number"]{font-family: 'Lato', sans-serif;} input[disabled="disabled"]{color: #aaa;background-color: #f3f3f3;} .btnArea.static{position: static !important;} /*.btnArea.full.bottom{position:fixed;bottom:0;}*/ .btnArea.other{margin: 25px 0;} /*.btnArea button{margin-top: 6px;} .btnArea button:first-child{margin-top: 0;}*/ .btnArea .li_more{width: 100%;margin: 0;} button[class*="btnEmptyType"], a[class*="btnEmptyType"]{width: auto;height: 37px;line-height: 37px;padding: 0 1%;text-align: center;border: 1px solid #aaa;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .btnEmptyType01{background-color: #fff;} .btnEmptyType01.gray{background-color: #f3f3f3;} button[class*="btnEmptyType"].w100{width: 100%;} button[class*="btnEmptyType"] span, a[class*="btnEmptyType"] span{color: #777;} button[class*="btnEmptyType"].small, a[class*="btnEmptyType"].small{width: 12.5%;height: 24px;line-height: 24px;font-size: 13px;} /* width:40px;height: 24px;*/ button[class*="btnEmptyType"].medium, a[class*="btnEmptyType"].medium{width: 25%;font-size: 15px;} /* width: 75px;height: 37px;*/ button[class*="btnEmptyType"].large, a[class*="btnEmptyType"].large{width: 31.25%;font-size: 15px;} /* width: 100px;height: 37px;*/ .info_box .label{margin: 10px 0 10px;}/*margin: 16px 0 10px;*/ .info_box .info .label:first-child{margin-top: 0;} /* radio wrap */ .info_box .input_radio{margin-bottom: 18px;} /*.info_box .input_radio .checks{display: inline-block;}*/ .info_box .input_radio .checks label{margin-right:20px;} .info_box .input_radio .label{display: inline-block;width: 21%;margin: 0;font-weight: 500;vertical-align: middle;} /* select 100% */ .category.w100{float: none;} .category.w100 .jqTransformSelectWrapper{width: 100%;height: 37px;background-position: 97.5% 50%;} .category.w100 .jqTransformSelectWrapper ul{width: 100%;} .category.w100 .jqTransformSelectWrapper div span{width: 100%;height: 37px;line-height: 37px;} .category.w100 .jqTransformSelectWrapper .container{width: 100%;margin-top: 35px;} .category.w100 .jqTransformSelectWrapper a.jqTransformSelectOpen{height: 37px;} /* select disabled */ .select_box.disabled{background-color: #f3f3f3;color: #aaa;} .category.disable .jqTransformSelectWrapper{border: 0;background-color: #f3f3f3;} .category.disable .jqTransformSelectWrapper div span{color: #aaa;} /* 카드번호 */ .input_wrap .cardNum{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: space-between;width: 100%;} .input_wrap .cardNum input{width: 24%;color: #777;text-align: center;} /* 유효기간 */ .input_wrap .validity .select_box{float: left;width: 49%;margin-right: 2%;} .input_wrap .validity .select_box:last-child{margin-right: 0;} .input_wrap .validity .select_box{height:37px;} .reserveWrap .input_wrap .validity .select_box label{margin:0;} .input_wrap .validity .select_box select {height: 37px;min-height: 37px;line-height: 37px;line-height: 1;} /* 이메일 */ .input_wrap .email{overflow: hidden;} .input_wrap .email > *, .input_wrap .email .id > *, .input_wrap .email > *, .input_wrap .email .domain > *{float: left;} .input_wrap .email span{width: 6%;height: 37px;line-height: 37px;text-align: center;color: #777;} .input_wrap .email .select_box{float: right;width: 34%;} .input_wrap .email .id{overflow: hidden;float: none;width: 100%;} .input_wrap .email .id .str_email01{width: 92%;} .input_wrap .email .id span{width: 8%;} .input_wrap .email .domain{width: 100%;margin-top: 6px;} .input_wrap .email .domain .select_box{width: 49%;} .input_wrap input.str_email01, .input_wrap input.str_email02{display:block;float:left;width:49%;} /* 휴대폰 */ .input_wrap .cellPhone{overflow: hidden;} .input_wrap .cellPhone .select_box{float: left;width: 31%;background-position-x: 87%;} .input_wrap .cellPhone input[type="tel"]{float: right;width: 67%;} /* 생년월일 */ .input_wrap .birthday{overflow: hidden;} .input_wrap .birthday > *{float: left;width: 50%;} .input_wrap .birthday .checks{margin: 7px 0 0 0;text-align: right;} /* 관계 */ .input_wrap .relation .checks{margin-top: 8px;} .input_wrap .relation .etc{overflow: hidden;} .input_wrap .relation .etc .group{float: left;width: 60px;margin-right: 5px;} .input_wrap .relation .etc .group input[type="radio"]:checked + label:after{top: 13px;} .input_wrap .relation input[type="text"]{float: left;width: 40%;} /* 주소 */ .input_wrap .address > input[type="text"]{margin-top: 6px;} .input_wrap .address .input_group{margin-bottom: 0;} .input_wrap .address .input_group input{float: left;width: 65%;} .input_wrap .address .input_group button{float: right;width: 33%;} /* 사진 첨부 */ .input_wrap .input_photo{overflow: hidden;} .input_wrap .input_photo .img{float: left;width: 33%;margin-right: 2%;} .input_wrap .input_photo .btnArea{float: left;width: 65% !important;padding: 0;} .input_wrap .input_photo .btnArea button {width: 50%;} .input_wrap .input_photo .btnArea p{margin-top: 11px;font-size: 13px;color: #777;} /* 코드 입력 */ .input_wrap .input_code{overflow: hidden;} .input_wrap .input_code label{float: left;width: 25%;line-height: 37px;margin: 0;color: #777;} .input_wrap .input_code .group{float: right;width: 74%;} .input_wrap .input_code .group > *{display: inline-block;} .input_wrap .input_code .group input{width: 76%;} .input_wrap .input_code .group button{float: right;width: 22%;} /* 달력 */ .input_wrap.datePick .btn_cal{position: absolute;right: 11px;top: 8px;width: 21px;height: 20px;margin-left: 5px;background: url(/images/content/btn_cal.png) no-repeat 0 0;background-size: 21px 20px;font-size: 0;line-height: 0;vertical-align: middle;} .input_wrap.datePick .visiting_wrap{position: relative;} .input_wrap.datePick .visiting_wrap .tit_wrap{padding: 0;} .input_wrap.datePick .date_wrap, .input_wrap.datePick .txt_today{display: none;} .cal_wrap {padding:11px 0; border-bottom:1px solid #e4e4e4;} .cal_wrap .month_wrap {position:relative;text-align:center;} .cal_wrap .month_wrap .txt_day {font-size:16px; color:#222; font-weight: 500;} .cal_wrap .cal_table table td button{font-size:16px !important; font-weight: 500;} .cal_wrap .month_wrap .btn_prev_month, .cal_wrap .month_wrap .btn_next_month {position:absolute; top:4px; width:10px; height:20px; font-size:0; line-height:0;} .cal_wrap .month_wrap .btn_prev_month {left:50%; margin-left:-83px; background:url(/images/content/btn_prev_month.png) no-repeat 0 0; background-size:10px 20px;} .cal_wrap .month_wrap .btn_next_month {right:50%; margin-right:-83px; background:url(/images/content/btn_next_month.png) no-repeat 0 0; background-size:10px 20px;} /* 조회 시작, 종료일 */ .period_search .input_wrap{margin-bottom: 6px;} .period_search .datePick{overflow: hidden;margin-top: 6px; } .period_search .datePick > *{float: left;} .period_search .datePick .inner{position:relative;} .period_search .datePick .ui-datepicker-trigger{float:none; top: 8px; left: auto; right: 8px;} .period_search .datePick .visiting_wrap{width: 47%;} .period_search .datePick > span{width: 6%;height: 37px;line-height: 37px;text-align: center;} /* 아코디언 */ .accordion li{position: relative;} /*.accordion > li:first-child .accordionCon {display: block;} 2016.08.31*/ .accordion > li:first-child .accordionCon.noOpen{display:none;}/*2016.08.23: 추가*/ .accordionTit{display: block;padding: 12px 3.74%;border-bottom: 1px solid #e4e4e4;background-color: #fafafa;background-image: url("/images/content/bg_accordion_arrow.png");background-repeat:no-repeat;background-position: 94% 50%;background-size: 3.75% auto;} .accordion > li.on .accordionTit{background-image:url("/images/content/bg_accordion_arrow2_on.png");} .accordionTit .itemTit{position: relative;/*height:19px; line-height: 19px;*/} .accordionTit .itemTit strong{font-size: 19px;font-weight: 400;color: #222; margin-right: 5px;} .accordionTit .itemTit > a{display: inline-block;vertical-align: -4px;} .accordionTit .itemTit > a.info_chg{margin:5px 0 0 0; vertical-align: top; color:#505050; font-size:14px; } .accordionTit h2 strong a{display:inline-block; width: 28px; height:28px; position:relative;} .accordionTit .itemTit > span{position: absolute;top: 48%;right: 12%;margin-top: -9px;font-size: 15px;font-weight: 200;color: #2b72c9;} .accordionTit .itemTit .tooltip{top: 31px;} .accordionCon{border-bottom: 10px solid #ccc;} .accordionCon:last-child{border-bottom: 0;} .accordionCon > div{padding: 15px 3.74%;border-bottom: 1px solid #aaa;} .accordionCon > div .input_wrap{margin-bottom: 0;} .accordionCon > div label{margin-top: 16px;font-size: 15px;color: #333;} /*.accordionCon div.cellPhone label{margin-top:0;}*/ .accordionCon div.select_box label {margin: 0;} .accordionCon > div .label{margin: 16px 0 10px;font-size: 15px;font-weight: 500;color: #333;} .accordionCon > div > .label:first-child{margin-top: 0;} .accordionCon > div > .label + .checks label{margin-top: 0;} .accordionCon > div .checks{position: relative;margin-bottom: 10px;} .accordionCon > div .checks label span{font-size: 15px;color: #777;} .accordionCon > div .checks label span em{color: #e12f36;} .accordionCon > div .checks input + label{margin:0 20px 0 0;} .accordionCon > div .checks input + label{margin:0 20px 0 0;} .accordionCon > div .checks .btnEmptyType01{position: absolute;top: -2px;right: 0;} .accordionCon > div .checks .input_wrap{margin-top: 10px;} .accordionCon .category + .input_wrap{padding-top: 43px;} /* 툴팁 */ .tooltip{display:none; position:absolute; top:51px; left:10%;width: 60%;font-weight: 400; z-index: 100;} .tooltip.left{left: 0;} .tooltip_inner{padding:10px; border-radius: 3px; background:#444; } .tooltip p{font-size:14px; color:#fff; } /* 스텝 */ .stepArea{margin-bottom: 10px;padding: 12px 0;font-size: 13px;background: #fff;} .stepArea ol{overflow: hidden;} .stepArea ol li{position: relative;float: left;width: 25%;text-align: center;color: #cfcfcf;} .stepArea ol li:after{position:absolute;content:'';top: 7px;right: 0;width: 3px;height: 7px;background:url("/images/common/bg_step_arrow.png") no-repeat right 0;background-size:100%;} .stepArea ol li:last-child:after{background: none;} .stepArea ol li.on{color: #e12f36;} .stepArea ol li.prevStep{color: #333;} /* 완료 페이지 */ .innerWrap .stepComplete{margin-top: 1.5%;} .stepComplete{padding:30px 0;text-align: center;} .stepComplete.aq{padding-bottom: 0;} .stepComplete.aq .cf{font-size: 14px; text-align: left;} .stepComplete.short{padding: 30px 0 30px;} .stepComplete .img img{width: 32%;margin: 0 auto;} .stepComplete p{margin-top: 13px;font-size: 19px;font-weight: 500;line-height: 1.3;} .stepComplete p strong{display: block;margin-bottom: 10px;font-size: 19px;font-weight: 500;} .stepComplete p span{display: block;padding: 0 4%;font-size: 15px;font-weight: 400;color: #505050;line-height: 1.5;} .stepComplete + .tblTit{margin-top: 0;} /* 데이터 없음 */ .nodata{padding:30px 0 !important;text-align: center;} .nodata .img img{width: 32%;margin: 0 auto;} .nodata.short{padding: 30px 0 30px;} .nodata p{font-size: 19px;font-weight: 500;color: #777;line-height: 1.3;} .noData{position:relative; padding:30px 0 !important; text-align: center;} .reserveWrap .res_list .foreign{padding: 15% 0;} .foreign .noData{padding: 0 !important;} .foreign .noData span{display: table; line-height: 1.2; top: 87px; width: 268px; padding: 0 10px; margin-left: -144px;} .foreign .noData span em{display: table-cell; vertical-align: middle;} .noData img{width: 288px; max-width: 288px !important; margin:0 auto;} .noData span{display:block; height:65px; line-height: 65px; position: absolute; top:116px; left:50%; width:70%; margin-left: -35%; color: #757575; font-weight: 500; font-size: 15px !important;} /* 타이틀 */ .title{margin: 18px 0 10px;font-size: 16px;color: #444;font-weight: 500;} .title:first-child{margin-top: 0;} /* 리스트 */ .list{margin-bottom: 18px;} .list li{position: relative;overflow: hidden;margin-top: 18px;} .list li:first-child{margin-top: 0;} .list li > *{float: left;} .list strong{width: 25%;font-weight: 500;color: #505050;} .list > span, .list .checks{width: 79%;color: #505050;} /* 공지사항 */ .noticeArea{position: relative;} .noticeArea .bg{position: absolute;left: 0;width: 100%;height: 5px;background-size: 2.5% auto;;background-repeat: repeat-x;} .noticeArea .bg.top{top: -5px;background-image: url("/images/common/bg_notice.png");background-position:left top;} .noticeArea .bg.bottom{bottom:-5px;background-image:url("/images/common/bg_notice_bottom.png");background-position:left bottom;} .noticeArea .noticeInner{padding: 17px 3.74% 18px;background-color: #f1f1f1;} .noticeArea .noticeInner p{font-size: 15px;} .noticeArea .noticeTit{margin: 25px 0 15px;font-size: 15px;color: #333;background-size:5.3% auto;line-height: 1;} .noticeArea .noticeTit:first-child{margin-top: 0;} .noticeArea .noticeTit .ico{display:inline-block;width:17px;height:17px;margin:-1px 7px 0 0;background:url("/images/common/icon_exclamationMark.png") no-repeat;background-size:100%;vertical-align: top;} .noticeArea .subTit{display: block;margin: 18px 0 6px;font-size: 15px;font-weight: 500;color: #505050;} .noticeArea .subTit:first-child{margin-top: 0;} /* 알림 */ .informWrap{padding: 11px 3.74%;background-color: #eee;} .informWrap p{padding-left: 24px;text-indent: -24px;font-size: 15px;color: #777;} .informWrap .ico{display: inline-block;width: 18px;height: 18px;margin:-4px 6px 0 0;vertical-align: middle;background: url("/images/common/bg_informWrap.png") no-repeat;background-size: 18px 18px;} /* 약관동의 */ .termsAgree{padding: 0;background-color: #fff;} .termsAgree .btnArea button em{font-size: 23px;font-weight: 400;} .termsAgree .tit{margin: 16px 0 0 0;padding: 20px 3.74%;font-size: 19px;color: #222;line-height: 20px;border-bottom: 1px solid #e4e4e4;} .termsAgree .tit:first-child{margin-top: 0;} .termsAgree .tit .agreeAll{float: right;} .termsAgree .tit .agreeAll label{margin-top: 0;font-weight: 200;line-height: 22px;color: #505050;} .termsAgree .termsArea{padding: 15px 3.74%;} .termsAgree .termsArea .checks .group{position: relative;min-height: 32px;margin-top: 13px;} .termsAgree .termsArea .checks .group:first-child{margin-top: 0;} .termsAgree .termsArea .checks .group input[type="checkbox"]{vertical-align: middle;} /*.termsAgree .termsArea .checks .group label:before{top: 7px;}*/ .termsAgree .termsArea .checks .group button{position: absolute;top: 0;right: 0;width: 25%;height: 32px;/*padding-right: 10px;*/line-height: 32px;/*background: #2b72c9 url("/images/common/bg_btn_arrow.png") no-repeat 89% 50%;background-size: 4px auto;*/} .termsAgree .termsArea .checks .group button span{font-size: 13px;color: #777;} .termsAgree .termsArea > p{margin-top: 16px;text-align: center;} .termsAgree .termsArea .input_wrap{margin-top: 14px;} .termsAgree .grayBox{padding: 18px 0;text-align: center;background-color: #f8f8f8; font-size: 18px;} .accordionCon .termsAgree .tit{border-bottom: 0;} .accordionCon .termsArea{padding-top: 0;} /* 배너 영역 */ .bannerArea{margin-top: 10px;} .bannerArea:first-child{margin:0 0 10px;} .bannerArea img{display: block;} /* label */ em.label{display: inline-block; margin-bottom: 4px;padding: 0 7px;font-size: 13px;font-weight: 400;vertical-align: middle;border: 1px solid #000;border-radius:12px; text-align: center;} em.label + span{margin-left: 4px;font-size: 13px;} em.label + span.green{color: #7fc20c;} em.label + span.gray{color: #cfcfcf;} header em.label{margin-top: 1px;} em.label.teal{color: #01afae;border-color: #01afae;} em.label.green{color: #7fc20c;border-color: #7fc20c;} em.label.blue{color: #2ea4ff;border-color: #2ea4ff;} em.label.pink{color: #f76369;border-color: #f76369;} em.label.gray{color: #cfcfcf;border-color: #cfcfcf;} em.label.yellow{color: #f19800;border-color: #f19800;} em.label.purple{color: #2b72c9;border-color: #2b72c9;} em.label.black{color: #444;border-color: #444;} em.label.red{color: #e12f36;border-color: #e12f36;} em.label.finish{color: #fff;background: #444;} em.label.qrstyle{color: #fff;background: #4b4b4b; border-radius: 3px;} /* 선택가능, 선택불가, 선택완료 */ .info_wrap {margin-top:15px; text-align:center;} .info_wrap span {display:inline-block; margin-left:10px; font-size:14px; color:#777;} .info_wrap span:first-child {margin-left:0;} .info_wrap span .icoColor {display:inline-block; width:7px; height:7px; border-radius:50%;} .info_wrap span .icoColor.type1 {background:#505050;} .info_wrap span .icoColor.type2 {background:#cfcfcf;} .info_wrap span .icoColor.type3 {background:#2b72c9;} /* 티켓 목록 */ .ticketingList > ul > li{padding: 11px 3.74% 15px;border-bottom: 1px solid #e4e4e4;} .ticketingList > ul > li .num{display: block; text-align: right; margin-right:7%;} .ticketingList .state{display: inline-block;padding: 0 10px;font-size: 13px;color: #fff;border-radius: 9px;} .ticketingList .state.before{background-color: #cfcfcf;} .ticketingList .state.finish{background-color: #2b72c9;} .ticketingList .tit{display: block;margin-top: 2px;font-size: 16px;font-weight: 400;color: #444;} .ticketingList .ticketingInfo{margin-top: 9px;color: #777;} .ticketingList .ticketingInfo li{font-size: 13px;} .ticketingList .ticketingInfo li span{color: #e12f36;} .ticketingList li div[class*="btnArea"]{margin-top: 10px;padding: 0;} .ticketingList.cancel > ul > li{padding: 0;} .ticketingList.cancel > ul > li >a{display: block;padding: 11px 3.74% 15px;background: url("/images/common/bu_li_arrow.png") no-repeat 96% 50%;background-size: 8px auto;} .mypage_li a{display:table; width:92.52%;} .mypage_li .mark{display: table-cell; vertical-align: middle; width:70px;} .mypage_li .cont{display: table-cell; vertical-align: middle; width:230px;} @media only screen and (min-width : 360px) { .mypage_li .cont{width:280px;} } @media only screen and (min-width : 410px) { .mypage_li .cont{width:320px;} } .mypage_li .cont div{margin-left:10px;} .mypage_li .cont div.info_txt{margin-bottom:5px; font-size:13px;} .mypage_li .cont div p{overflow: hidden; width:100%;} .mypage_li .cont div p .tit{float:left;} .my_paymentList .ticketingList > ul > li.mypage_li .num{margin:0;} /*.ticket_li{padding:5%;background: #d9d9d9;} .ticket_li li{margin-bottom: 5%;} .ticket_li li:last-child{margin-bottom:0;} .ticket_li .top{overflow:hidden;width:100%;color:#fff;} .ticket_li .top p{float:left;width:70%;padding:0 10px 0 20px;height:30px;line-height:30px;background: #888;border-radius:4px 0 0 0;font-size:13px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .ticket_li.cancelList li .top{height: 10px;border-radius: 3px 3px 0 0;} .ticket_li .platinum .top p, .ticket_li.cancelList li.platinum .top{background-color: #b2b3ae;} .ticket_li .gold .top p, .ticket_li.cancelList li.gold .top{background-color: #bba45e;} .ticket_li .green .top p, .ticket_li.cancelList li.green .top{background-color: #77bb26;} .ticket_li .top p span{font-family: 'Lato';font-weight:700;font-size:15px;} .ticket_li .top p.cancle{float:right;width:30%;background:#777;border-radius:0 4px 0 0;} .ticket_li .top p.cancle a{display:block;color:#fff;font-size:15px;text-align: center;} .ticket_li .mid{padding-bottom:8px;background: url(/images/content/bg_ticket_mid.png) no-repeat left bottom;background-size: contain;} @media only screen and (max-device-width : 375px) { .ticket_li .mid{padding-bottom:7px;} } @media only screen and (max-device-width : 320px) { .ticket_li .mid{padding-bottom:6px;} } .ticket_li .mid a{display: block;padding:5%;background: #fff;} .ticket_li .mid a p{color:#777;font-size:15px;} .ticket_li .mid a .tit{margin-bottom:10px;color:#333;font-size:16px;font-weight:700;} .ticket_li .mid a .tit span{display:inline-block;padding:0 5px;margin-top:3px;background: #f19800;border-radius: 20px;color:#fff;font-size:13px;font-weight:400;vertical-align: top;} .ticket_li .mid a .tit span.finish{background: #e12f36;} .ticket_li .mid a .tit span.enter_prev{background: #01afae;} .ticket_li .mid a .tit span.enter_finish{background: #16ad3e;} .ticket_li .mid a .tit span.no_enter{background: #83a2b1;} .ticket_li .bottom{overflow:hidden;width:100%;padding-top:8px;border-radius: 0 0 4px 4px;background: url(/images/content/bg_ticket_bottom.png) no-repeat ;background-size: contain;} @media only screen and (max-device-width : 375px) { .ticket_li .bottom{padding-top:7px;} } @media only screen and (max-device-width : 320px) { .ticket_li .bottom{padding-top:6px;} } .ticket_li .bottom a{float:left;display:block;width:50%;padding:3px 0 10px;background: #f3f3f3;font-size:16px;color:#505050;font-weight:500;} .ticket_li .bottom a span.ico_present{border-right:1px solid #cfcfcf;background: url(/images/content/ico_present.png) no-repeat 38% 4px;background-size: 16px 16px;} .ticket_li .bottom a span.ico_ticketing{background: url(/images/content/ico_ticketing.png) no-repeat 32% 4px;background-size: 16px 16px;} .ticket_li .bottom a span.ico_detail{background: url(/images/content/ico_detail.png) no-repeat 39% 6px;background-size: 16px 16px;} .ticket_li .bottom a span.ico_cancel_detail{background: url(/images/content/ico_cancelDetail.png) no-repeat 39% 5px;background-size: 15px 15px;} .ticket_li .bottom.full a{width:100%;} .ticket_li .bottom.full a span{border-right:0 none;} .ticket_li .bottom.full a span.ico_present{background-position: 44% 4px;background-size: 16px 16px;} .ticket_li .bottom.full a span.ico_ticketbox{background: url(/images/content/ico_ticketibox.png) no-repeat 39% 4px ;background-size: 16px 16px;} .ticket_li .bottom a span, .ticket_li .bottom.full a span{display:block;width:100%;padding-left:20px;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}*/ /* 로그인 */ .login_form{margin:5%;} .login_form .input_group input{width:100%;margin-bottom:15px;border:0 none;border-bottom:1px solid #e6e6e6;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .login_form input{padding:10px 20px;background: url(/images/login/icon_loginid.gif) no-repeat 0 15px;background-size: 13px 13px;} .login_form input[type="password"]{padding:10px 20px;background: url(/images/login/icon_loginpw.gif) no-repeat 0 15px;background-size: 13px 13px;} .login_form input#hpassword{background: url(/images/login/icon_pw01.gif) no-repeat 0 15px;background-size: 13px 13px;} .login_form input#spassword{background: url(/images/login/icon_pw02.gif) no-repeat 0 15px;background-size: 13px 13px;} .input_group {position:relative;} .input_group .clear{position: absolute;top:3px;right:5px;width:30px;height:30px;background: url(/images/common/icon_inputclear.gif) no-repeat 50% 50%;background-size: 15px 15px;text-indent: -9999px;} .login_form .input_group .clear{top:6px;} .login_form .chk{overflow: hidden;width:100%;margin-bottom:10%;} .login_form .chk li{float:left;width:50%;height:21px;} .login_form .chk li label{float:left;color:#777;} .login_form .chk li input{float:left;width:20px;} .login_wrap .or{margin:0 5% 5%;background: url(/images/login/line_or.gif) repeat-x; text-align: center;} .login_wrap .or span{display:inline-block;padding:0 15px;background: #fff;color:#aaa;} .login_wrap .btn_buy{margin:0 10% 5%;} .login_wrap .btn_buy button{margin-bottom:6px;} .login_wrap .btn_buy p{font-size:13px;color:#aaa;} .login_wrap .other_login{margin:0 5%;} .login_wrap .other_login li{margin-bottom:10px;background: #00c63b;} .login_wrap .other_login button{width:100%;height:40px;line-height:40px;background: url(/images/login/icon_naver.gif) no-repeat 25px 12px;background-size: 17px 16px;} .login_wrap .other_login button span{color:#fff;font-size:15px;} .login_wrap .other_login li.btn_blue{background:#3b579d;} .login_wrap .other_login li.btn_blue button{background: url(/images/login/icon_facebook.gif) no-repeat 25px 7px;background-size: 14px 26px;} .login_wrap .utill{margin:10% auto 0;text-align: center;} .login_wrap .utill li{display:inline-block;margin-right:6px;padding:10px 0;} .login_wrap .utill li a{display: block;padding-right:10px;color:#aaa;border-right:1px solid #e6e6e6;line-height: 1;} .login_wrap .utill li:last-child{margin-right:0;} .login_wrap .utill li:last-child a{padding-right:0;border-right:0 none;} .login_wrap .utill a{color:#aaa;} .login_wrap .checks input[type="checkbox"] + label{margin:6px 2% 0 0; letter-spacing: -1px;} .login_wrap .checks input[type="checkbox"] + label .point{color:#e12f36;} .login_wrap .group button{display: inline-block; float:right; width: 29%;} .login_wrap .input_group.ico{background: url(/images/login/icon_pw01.gif) no-repeat 0 15px; background-size: 13px 13px;} .login_wrap .input_group div.select_box{height:43px; border:0 none; border-bottom:1px solid #e6e6e6;} .login_wrap .input_group div.select_box label{top:10px; left:20px;} .login_wrap .input_group div.select_box select{height:43px; min-height:43px; line-height: 43px; } .login_wrap .login_form input#hpassword{background: none;} /*2016.08.22 아래 추가*/ .login_wrap .nonmember{margin:5%;} .login_wrap .nonmember p{text-align: center; font-size:14px; color:#777;} .login_wrap .nonmember p.txt{margin-bottom:10px; font-size:15px; color:#333;} .login_wrap .list_type{margin:0 0 13%; border-top:1px solid #e6e6e6;} .login_wrap .list_type li{padding:15px; background-position: 95% 50%;} .login_wrap .list_type li .ico_phone{display:inline-block; width:50px; height:50px; background: url(/images/login/ico_phone.png) no-repeat; background-size: 100%;} .login_wrap .list_type li .ico_ipin{display:inline-block; width:50px; height:50px; background: url(/images/login/ico_ipin.png) no-repeat; background-size: 100%;} .login_wrap .list_type li a span{height:50px; line-height:50px; margin-left:5%; text-indent: 0; vertical-align: top;} .login_wrap .noticeArea .noticeInner p{margin-bottom:15px; text-align:center;} .login_wrap .identity_wrap li{padding:20px 3.74% 0; border-top: 1px solid #e4e4e4;} .login_wrap .identity_wrap li .input_wrap input{margin-bottom: 10px;} /* 알림 */ .notice_wrap .li_tit em.date{display: block;margin-left: 0;color: #aaa;} .list_type li a > span em.date{display: block;margin-left: 27px;color: #aaa;} /** 이벤트 **/ a.prizewinner{position: absolute;top: 13px;right: 10px;color: #e12f36;} .annualTicket .slideWrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: auto;top:0; padding-top:0;} .annualTicket .slideWrap .bx-wrapper .bx-pager.bx-default-pager a{background: #ddd;} .slideWrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .slideWrap .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2b72c9;} .slideWrap .bx-wrapper .bx-pager.bx-default-pager a{margin: 0 3px;} .slideWrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 10px;} .experience_wrap .slideWrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 3%;top:auto;} .eventWrap .tabCon{padding: 16px 3.74% 15px;} .eventWrap .tabCon p{color: #505050;} .eventWrap .eventCon{background-color: #fff;} .eventWrap .eventCon ul.p2r li{padding:5%;} .eventWrap .date{font-family: 'Lato';} /* 이벤트 > 목록 */ .eventList ul{clear: both;border-bottom: 1px solid #ddd;} .eventList ul li{overflow: hidden;margin-top: -2px;line-height: 1;border-top: 1px solid #f0f0f0;} .eventList ul li:first-child{border-top-color:#ddd;} .eventList ul li a{position:relative;display: inline-block;overflow: hidden;width: 100%;padding-right: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .eventList .listThumb{float: left;width: 31.25%;} .eventList .listThumb img{display: block;width: 100%;max-width: 300px;height: auto;} .eventList .listCon{float:left;width: 68.75%;padding:5% 0 0 6.25%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} /*.eventList .listCon .tit{top: 23px;}*/ .eventList .listCon h2{margin-top: 7px;font-size: 16px;} .eventList .listCon p{position:static; top:auto; bottom:10%; left:35.25%; font-size: 13px;color: #777;}/*padding-top: 65px;*/ @media only screen and (max-device-width : 320px) { .eventList .listCon{padding-top: 2%;} .eventList .listCon p{bottom:5%;} } .eventList .listCon .date{display: block;margin: 6px 0;} .eventList .category{padding: 22px 3.74% 10px 0;text-align: left;} /* 이벤트 > 상세 */ .eventInfo{background-color: #fff;} .eventInfo .eventTit{overflow: hidden;padding: 13px 3.74%;border-bottom: 1px solid #ddd;} .eventInfo .eventTit > *{float: left;} .eventInfo .eventTit h2{margin-top: -2px;font-size: 16px;font-weight: 400;} .eventInfo .eventTit em{margin-right: 1.5%;} .eventInfo .eventSummary{overflow: hidden;padding: 18px 3.74%;} .eventInfo .eventSummary .img{float: left;width: 31.25%;} .eventInfo .eventSummary .img img{width: 100%;max-width: 300px;height: auto;} .eventInfo .eventSummary dl{float: left;width: 68.75%;margin-top: -8px;padding-left: 6.25%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .eventInfo .eventSummary dl > *{float: left;margin-top: 5px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .eventInfo .eventSummary dl dt{width: 28px;color: #505050;} .eventInfo .eventSummary dl dd{width: 80%;padding-left: 10px;color: #777;} .eventDetail .tabCon{padding-top: 16px;} .eventDetail .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: -25px;} /* 이벤트 > 당첨자 발표 */ .prizeWinner{padding: 22px 3.74%;background-color: #fff;} .prizeWinner > input + label{color: #777;} .prizeWinner .list_type{margin: 10px 0 0 0;border-top: 1px solid #e6e6e6;} .prizeWinner .list_type li{position: relative;padding: 0;background: none;} .prizeWinner .list_type li a{max-width: 100%;padding: 14px 0 10px;} .prizeWinner .list_type .date{font-size: 13px;color: #777;} .prizeWinner .list_type .ellipsis{display: block;width: 81.62%;margin-left: 0;text-indent: 0;font-size: 15px;color: #505050;} .prizeWinner .list_type .btnRoundSmall{position: absolute;top: 50%;right: 0;width: 15.18%;height: 23px;line-height: 23px;padding:0;margin-top: -11px;text-align: center;border-radius:2px;color: #fff;font-size:15px;} .prizeWinner .list_type .announce{background-color: #e12f36;} .prizeWinner .list_type .end{background-color: #cfcfcf;} .prizeWinner .label{display: inline-block;margin-bottom: 7px;} .prizeWinner .noData{padding-top: 31.25% !important;text-align: center;color: #777;background:url("/images/content/bg_event_noData.png") no-repeat 50% 0;background-size:25% auto;} .notice .prizeWinner .noData{background:none;} /** 티켓 **/ .ticketWrap .topConArea{margin: 20px 3.74% 20px;} .ticketWrap .topConArea .numTit{font-size: 19px; font-weight: 500;} .ticketWrap .btnArea{padding: 14px 3.74% 20px;} .ticketWrap table td .asterisk{margin-top: 7px;font-size: 13px;color: #aaa;} .ticketWrap table td .asterisk:first-child{margin-top: 7px;} .ticketWrap .topConArea p.alert{clear:both; padding-top:5px; color: #e12f36;} .ticketWrap .topConArea .input_wrap input.error{border:1px solid #e12f36;} /* 티켓 > 티켓 등록 */ .ticketRegister .btnRegister{width: 60%;margin: 20px auto 0;line-height: 1;border-radius: 20px;border-color: #cfcfcf;} .ticketRegister .btnRegister .ico{display: inline-block;width: 18px;height: 18px;margin-right: 2%;background: url("/images/common/icon_more.png") no-repeat;background-size: 18px 18px;} .ticketRegister .btnRegister > *{vertical-align: middle;} .ticketRegister .btnRegister .ico{display: inline-block;width: 18px;height: 18px;margin-right: 1.5%;background: url("/images/common/icon_more.png") no-repeat;background-size: 18px 18px;} /** 구매 **/ .reserveWrap .titImg{padding: 12px 3.74% 11px;background-color: #eee;} .reserveWrap .res_cont .itemTit, .icerink_wrap .res_cont .itemTit{position: relative;margin-bottom: 0;padding: 16px 3.74%;font-size: 19px;font-weight: 400;border-bottom: 1px solid #e4e4e4;} .reserveWrap .res_cont .itemTit strong{font-weight: 400;} .reserveWrap .res_cont .itemTit > span{float: right;font-size: 17px;color: #2b72c9;} .reserveWrap .res_cont .itemTit > span.desc{display: block; float: none; font-size: 15px;} .reserveWrap .res_cont.groupRes .itemTit, .icerink_wrap .res_cont.groupRes .itemTit{position: static;margin: 0;padding: 0 0 3% 0;font-size: 15px;font-weight: inherit;border-bottom: 0 none !important;} .reserveWrap .res_cont.groupRes .itemTit > span{float: none;font-size: inherit;color: #5b5f64;} .reserveWrap .res_cont .itemTit + .btnArea.selectType{border-top: 0;} .reserveWrap .res_cont .itemTit + .itemArea, .icerink_wrap .res_cont .itemTit + .itemArea{background: #f8f8f8;} .amountWrap{color: #505050;border: 3px solid #61656a;} .amountWrap .totalDiscount{background-color: #f1f1f1;} .amountWrap .totalDiscount li span{color: #2b72c9;} .amountWrap .totalDiscount .total .price{color: #ff5c36;} .amountWrap ul{padding: 20px 3.74%;} .amountWrap ul li{margin-top: 10px;} .amountWrap ul li:first-child{margin-top: 0;} .amountWrap ul li.total{margin-top: 14px; font-size: 15px; padding-top: 14px; border-top: 1px solid #ccc;} .amountWrap ul li.total:first-child{margin-top: 0;padding-top: 0;border-top: none;} .amountWrap ul.pdt{padding-top:0;} .amountWrap ul.pdt li.total{margin-top: 0;padding-top: 14px;border-top: 1px solid #ccc;} .amountWrap .price i{margin-right: 6px;font-size: 15px;font-style: normal;text-decoration: line-through;color: #aaa;} .amountWrap .scheduledPay{padding: 18px 3.74%;color: #fff;background-color: #61656a;} .amountWrap .scheduledPay .total{line-height: 25px;} .amountWrap .scheduledPay .total span{font-size: 23px;color: #ff5b62;} .amountWrap .scheduledPay .total span em{color: #fff !important;} .amountWrap ul li span, .amountWrap .total span{float: right;font-size: 16px;font-weight: 600;} .amountWrap ul li span em, .amountWrap .total span em{display: inline-block;margin-top: 1px;vertical-align: top;font-size: 15px;font-weight: 400;color: #222;} .amountWrap .partyroomOrder .price{text-align: right;} .amountWrap .partyroomOrder ul li{margin-top:14px; padding-bottom: 12px; border-bottom: 1px solid #ccc;} .amountWrap .partyroomOrder ul li.total{margin-top: 0; font-size: 15px; padding-top: 14px; border-top: 0 none;} .amountWrap.type2{border: 0;} .amountWrap.type2 .totalDiscount{background-color: #f8f8f8;} .amountWrap.type2 .totalDiscount li span{color: #222;} .amountWrap.type2 .totalDiscount .total.last{padding-top: 0;border-top: 0;} .amountWrap.type2 .totalDiscount .total .price{line-height: 23px;font-size: 23px;color: #e12f36;} .amountWrap.type2 .totalDiscount .innerWrap{background-color: #fff;padding: 11px 3.74%;} .amountWrap.type2 .totalDiscount .noData{padding: 26px 3.74%;font-size: 19px;color: #777;text-align: center;} .payWrap .amountWrap{border-width:3px;} .payWrap .amountWrap .totalOrder{border-width:3px 0 3px 0;background-color: #fff;} /* 구매 - 자유이용권 > 이용권 */ .accordion > li a{display: block;} .accordionCon{display: none;background: #fff;} /*.utilize .accordion > li:first-child .accordionCon{display:block;} 2016.08.31*/ .utilize .accordion{background-color: #fff;} .utilize .accordionTit{display: block; position:relative; padding: 0; } .utilize .accordionTit .arrow{display:block; position:absolute; top:auto; bottom:5%; left:50%; width:17px; height:17px; background: url("/images/content/bg_accordion_arrow02.png") no-repeat; background-size: 100%;} .utilize .accordionTit .arrow.blue{background: url("/images/content/bg_accordion_arrow03.png") no-repeat; background-size: 100%;} .utilize .accordion > li.on .accordionTit .arrow{background-image:url("/images/content/bg_accordion_arrow02_on.png");} .utilize .accordion > li.on .accordionTit .arrow.blue{background-image:url("/images/content/bg_accordion_arrow03_on.png");} .utilize .accordionTit h2{position: absolute; top:7%; left:15px; padding-left: 0;font-size: 16px;font-weight: 500; color:#fff;} .utilize .accordionTit h2.single{top:21%;} @media only screen and (min-device-width : 375px) { .utilize .accordionTit h2{top:11%;} } @media only screen and (min-device-width : 411px) { .utilize .accordionTit h2{top:13%;} } .utilize .accordionTit h2 em{display: block;font-size: 13px;font-weight: 400;} .utilize .thumbList li{border-top: 1px solid #d9d9d9;} .utilize .thumbList li:first-child{border-top: 0;} .utilize .thumbList .listWrap{display: table;table-layout: fixed;} .utilize .thumbList .listWrap .listThumb{display:table-cell;overflow: hidden;position: relative;width: 59px;height: 59px;padding:20px 14px;} .utilize .thumbList .listWrap .listThumb:after{content: ""; display: block; clear: both; position: absolute; top: 20px; left: 14px; z-index: 1; width: 59px; height: 59px; background: url('/images/common/bg_img_frame.png') no-repeat 0 50%;background-size: 59px 59px;} .utilize .thumbList .listWrap .listThumb img{width: 59px;height: 59px;vertical-align: top;} .utilize .thumbList .listWrap .listCon{display: table-cell;padding:13px 0; vertical-align: middle;} .utilize .thumbList .listWrap .listCon > *{display: block;} .utilize .thumbList .listWrap .listCon strong{margin-bottom: 10px;font-size: 16px; } .utilize .thumbList .listWrap .listCon em{font-size: 15px;color: #777;} .utilize .thumbList .listCon > span{padding-left:15px;background-repeat: no-repeat;background-position: 0 50%;background-size: 12px 12px; color:#777;} .utilize .thumbList .price{background-image: url(/images/common/ico_won.gif);} .utilize .thumbList .time{background-image: url(/images/common/ico_time.gif);} /* 기존 상품목록 이미지 변경 */ .utilize .accordionTit{border:0 none; background-color: #6162ce;background-image: url("/images/content/aco_arrow.png");background-repeat:no-repeat;background-position: 100% 50%;background-size: 100px auto; } .utilize .accordion > li.on .accordionTit{background-image:url("/images/content/aco_arrow_on.png");} .utilize .accordion > li.noSub .accordionTit{background-image:url("/images/content/aco_arrow_link.png");} .utilize .accordion > li.type02 .accordionTit{background-color: #b84fb8;} .utilize .accordion > li.type03 .accordionTit{background-color: #2db4e1;} .utilize .accordion > li.type04 .accordionTit{background-color: #3edacc;} .utilize .accordionTit h2{position:relative; top:0; left:0; padding:20px 3.74% 22px; margin-right:100px;} /* 기존 상품목록 이미지 변경-END */ /* 구매 - 자유이용권 > 운휴정보 */ .reserveWrap .calendarArea table{width: 100%;border: 0;background: #fff;} .reserveWrap .calendarArea table th{height: auto;padding: 16px 0 7px;font-weight: 500;border:0;background: none;} .reserveWrap .calendarArea table td{padding: 7px 0;text-align: center;border: 0;} .reserveWrap .calendarArea .sun, .reserveWrap .calendarArea .sun a{color: #f2262e;} .reserveWrap .calendarArea .sat, .reserveWrap .calendarArea .sat a{color: #3998ee;} .reserveWrap .calendarArea td a{display: block;text-decoration: none;} .reserveWrap .calendarArea .select a{display: inline-block;width: 27px;height: 27px;line-height: 27px;border-radius:50%;background-color: #000;color: #fff;} .reserveWrap .suspensionInfo h2{margin-bottom: 0;padding: 6px 3.74%;font-size: 15px;font-weight: 500;color: #505050;} .reserveWrap .suspensionInfo ul{background:#eee;} .reserveWrap .suspensionInfo ul li{position: relative;padding: 14px 3.74%;border-bottom: 1px solid #d9d9d9;background-repeat: no-repeat;background-size: 36px auto;background-position: 3.74% 16px;} .reserveWrap .suspensionInfo ul li:before{content:"";display:block;clear:both;position:absolute;top:16px;left:3.74%;z-index:1;width:36px;height:36px;background:url('/images/common/bg_img_frame3.png') no-repeat 0 50%;background-size:36px 36px;} .reserveWrap .suspensionInfo ul li:after{content:"";display:block;clear:both;height:0;visibility:hidden;} .reserveWrap .suspensionInfo ul li img{float:left; width:36px;height: 36px;margin:2px 15px 0 0; } .reserveWrap .suspensionInfo ul li .p_schedule{padding-left:50px;} .reserveWrap .suspensionInfo ul li .p_schedule p{color:#505050; font-weight:500;} .reserveWrap .suspensionInfo ul li .p_schedule .info{padding:0; margin-bottom: 5px; font-weight:400;} .reserveWrap .suspensionInfo ul li .p_schedule .info span{display:inline-block; padding-left:17px; margin-right:15px; background: url(/images/content/ico_clock.gif) no-repeat left 4px; background-size: 13px 13px; } .reserveWrap .suspensionInfo ul li .p_schedule .info span:nth-child(2){background: url(/images/content/ico_minimap.gif) no-repeat left 4px; background-size: 11px 13px; } .reserveWrap .suspensionInfo ul li .p_schedule .time{padding-top:3px;border-top:1px solid #d9d9d9;} .reserveWrap .suspensionInfo ul li .p_schedule .time span{display:inline-block; margin-left:5px; font-weight:400;} /*.reserveWrap .suspensionInfo .noImage{background-image: url("/images/content/bg_suspension_noImage.png");} .reserveWrap .suspensionInfo .ride01{background-image: url("/images/content/bg_suspension_ride01.png");} .reserveWrap .suspensionInfo .ride02{background-image: url("/images/content/bg_suspension_ride02.png");} .reserveWrap .suspensionInfo .ride03{background-image: url("/images/content/bg_suspension_ride03.png");} .reserveWrap .suspensionInfo .ride04{background-image: url("/images/content/bg_suspension_ride04.png");}*/ .reserveWrap .suspensionInfo ul li span{display: block;font-size: 13px;color: #aaa;} .reserveWrap .suspensionInfo .noData{padding: 24px 4.735%; background:#eee; color: #aaa;} /* 구매 - 자유이용권 > 비교함 */ .full_pop_typeA .itemArea .btnArea{padding: 0;} .sort{padding:0 3.74% 10px;border-bottom: 1px solid #e4e4e4;} .sort p{color:#777;} .sort .total{float:left;} .sort .total span{color:#e12f36;/*text-decoration: underline;*/} .sort .input_radio{float:right;} .sort .input_radio p{float:left;} .sort .input_radio p label{margin-left:5px;} .sort.cancle_sort{padding-top:10px;line-height: 30px;} .sort.cancle_cont .list_type{margin:0;border-top: 1px solid #e6e6e6;} .sort.cancle_cont .list_type li{padding: 0;background-position: 95% 50%;} .sort.cancle_cont .list_type li a{max-width:100%;padding:15px 5%;} .sort.cancle_cont .list_type p{font-size:15px;color:#777;} .sort.cancle_cont .list_type p.res_num{font-size:13px;} .sort.cancle_cont .list_type p.res_num span{font-family: 'Lato';font-weight:700;} .sort.cancle_cont .list_type p.tit{margin-bottom:10px;font-size:16px;font-weight:700;color:#333;} .sort.cancle_cont .list_type p .state{color:#e12f36;} .sort.cancle_sort li{overflow:hidden;margin-top:0;line-height: 1;} .sortingArea{border-bottom: 1px solid #e4e4e4;background: #fff;} .sortingArea .conditional{overflow: hidden;padding: 10px 3.74%;} .sortingArea .total{float: left;color: #777;} .sortingArea .total em{color: #e12f36;} .sortingArea .checks{float: right;} .sortingArea .checks input:first-child + label{margin-right: 11px;} .sortingArea .checks label{margin: 0;} .itemArea{padding: 3.74%;} .itemArea .item{margin-bottom: 10px;} .itemArea .itemTit{padding: 3% 0;color: #5b5f64;text-align:right;} .itemArea .itemTit span{position: relative;padding-right: 35px;} .itemArea .itemTit .inform{position: absolute;top: -3px;right: 0;width: 27px;height: 27px;font-size: 0;background:url("/images/common/ico_srch.png") no-repeat;background-size: 100%;} .itemArea .itemCont{border-radius:0 0 3px 3px;} .itemArea .breakdown{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;} .itemArea .group{overflow: hidden; margin-bottom: 5px;} .itemArea .group:last-child{margin-bottom: 0;} .itemArea .price{font-size: 15px;color: #222; font-weight: 700;} .itemArea .ticketType, .itemArea .ticketCount{float: left;color: #505050;} .itemArea .ticketPrice, .itemArea .estimated{float: right;} .itemArea .ticketPrice .primeCost{margin-right: 7px;font-family: 'Lato';font-size: 13px;color: #aaa;text-decoration: line-through; display: inline-block; width:50px; text-align: right;} .itemArea .ticketPrice .discount{color:#222; font-weight: 400; display: inline-block; width:100px; text-align: right;} .itemArea .estimated{margin-top:-3px;font-size: 15px; color:#222;} .itemArea .estimated .price{margin-left: 7px;font-size: 25px;color: #e12f36;} .itemArea .finalPrice {line-height: 25px;} .itemArea .item .noprice{font-size: 16px; color: #5b5f64; font-weight: 500; text-align: center;} /* 구매 - 자유이용권 > 포인트 조회 */ .reserveWrap .info_box .infoTit{overflow: hidden;margin-bottom: 0;padding: 18px 3.74% 11px;font-size: 19px;font-weight: 500;border-bottom: 1px solid #d9d9d9;} .reserveWrap .infoTit button{float: right;width: 17%;height: 27px;line-height: 26px;padding: 0 1.6%;} .reserveWrap .infoTit button span{font-size: 13px;color: #777;} .reserveWrap .info{padding: 11px 3.74% 15px;} .reserveWrap .info .input_wrap{margin: 0 0 18px 0;} .reserveWrap .info .input_wrap:last-child{margin-bottom: 0;} .reserveWrap .info .input_wrap .label{display: block;margin-bottom: 4px;font-weight: 500;} .reserveWrap .info .checks .group{margin-bottom: 12px;} .reserveWrap .info .radioWrap .label{display: inline-block;width: 25%;margin: 0;font-weight: 200;vertical-align: middle;} .reserveWrap .info .radioWrap .checks{display: inline-block;margin-top: -2px;} .reserveWrap .info .radioWrap .checks label{margin-right: 20px;} .reserveWrap .info .btnArea{padding:0;} .reserveWrap .info .usePointWrap input[class="usePoint"]{padding: 0 14px;text-align: right;color: #e12f36;} .reserveWrap .info .onlinePw input{float: left;width: 63%;} .reserveWrap .info .onlinePw button{float: right;width: 35%;height: 37px;font-size: 15px;line-height: 37px;} .reserveWrap .info .onlinePw .listTypeDot{margin-top: 20px;} .reserveWrap .info.cardInfo .btnArea button{height: 39px;line-height: 39px;} .reserveWrap .info_box.pointInfo .infoTit{line-height: 22px;} .reserveWrap .info_box.pointInfo .infoTit .checks{float: right;} .reserveWrap .info_box.pointInfo .infoTit .checks label{margin-right: 0;font-weight: 400;} .reserveWrap .info_box.pointInfo .list strong{width: 28%;} .reserveWrap .info_box.pointInfo .list span{width: 72%;font-weight: 700;} .full_pop_typeA .reserveWrap > .btnArea{margin-top: 0;padding: 20px 3.74%;background-color: #fff;} /* 찜하기 - 결제수단/할인선택 */ .utilizePay .number{display: inline-block;background-size:6.25% auto;} .utilizePay .number i{display: inline-block;width: 16px;height:19px;padding: 0 7px;line-height: 19px;font-size: 13px;font-style: normal;text-align: center;border-radius: 10px;color: #fff;background-color: #61656a;} .utilizePay h2 strong{font-size: 19px;font-weight: 400;color: #222;} .utilizePay .infoList li{overflow: hidden;} .utilizePay .infoList li > *{float: left;} .utilizePay .infoList li strong{min-width:56px; margin-right: 20px;} .utilizePay .infoList li div em{font-family: 'Lato';color: #e12f36;} .utilizePay .goodsInfo{padding: 15px 3.74%;background-color: #eee;} .utilizePay .goodsInfo strong, .utilizePay .goodsInfo span{font-weight: normal;} .utilizePay .goodsInfo .title{display: block;margin-bottom: 0;padding: 10px 5%;font-size: 17px;font-weight: 400;color: #fff;line-height: 17px;border-radius:4px 4px 0 0;background-color: #61656a;} .utilizePay .goodsInfo .title span{float: right;font-family: 'Lato';font-size: 15px;} .utilizePay .goodsInfo .infoList{padding: 18px 6%;border-radius: 0 0 4px 4px;background-color: #fff;-moz-box-shadow: 0 2px 3px 0 rgba(189, 189, 189, .4);-webkit-box-shadow: 0 2px 3px 0 rgba(189, 189, 189, .4) ;box-shadow: 0 2px 3px 0 rgba(189, 189, 189, .4);} .utilizePay .goodsInfo .infoList li{margin-top: 10px;} .utilizePay .goodsInfo .infoList li:first-child{margin-top: 0;} .utilizePay .goodsInfo .infoList li strong{min-width: 69px;color: #777;} .utilizePay .goodsInfo .infoList li span{position: relative;color: #333;} .utilizePay .goodsInfo .help{position: absolute;top: 4px;right: -20px;} .utilizePay .buyerInfo .infoList li{padding-top: 20px;color: #505050;} .utilizePay .buyerInfo .infoList li:first-child{padding: 0;} .utilizePay .buyerInfo .btnArea{padding: 0;} .utilizePay .buyerInfo .btnArea button{width: 30%;margin: 19px auto 0;} /*.utilizePay .couponPoint .label span{float: right;font-size: 15px;} .utilizePay .couponPoint .label span em{color: #2b72c9;} .utilizePay .couponPoint .input_group input{float: left;width: 70%;} .utilizePay .couponPoint .input_group button{float: right;width: 28%;}*/ .utilizePay .couponPoint .list{margin-bottom: 0;} .utilizePay .couponPoint .list li{margin-top: 6px;padding-top: 2px;} .utilizePay .couponPoint .list .checks{float: left;width: auto;max-width: 63%;} .utilizePay .couponPoint .list .checks label{width: 100%;} .utilizePay .couponPoint .list .checks label span{font-size: 14px;color: #777;} .utilizePay .couponPoint .list .checks label em{color: #777;} .utilizePay .couponPoint .list .checks .help{margin-top: -3px;} .utilizePay .couponPoint .list .checks .btnRefresh{position: absolute;top: 6px;right: 0;} .utilizePay .couponPoint .list .btnWrap, .utilizePay .couponPoint .list .input_wrap{float: right;width: 37%;text-align: right;} .utilizePay .couponPoint .list .input_wrap input{width: 90%;height: 27px;margin-top: 0;padding: 0 8px;line-height: 27px;text-align: right;} .utilizePay .couponPoint .list .btnWrap > *{display: inline-block;} .utilizePay .couponPoint .list .btnWrap span{font-size: 15px;color: #2b72c9;} .utilizePay .couponPoint .list .btnWrap button{width: 62%;height: 27px;line-height: 1;margin-top: -2px;} .utilizePay .couponPoint .list .btnWrap button span{margin-right:0; font-size: 13px;color: #777;} .buyerInfo .smallBtn{display:inline-block; width: 37%; margin-left:5%;} .buyerInfo .smallBtn button{display:inline-block; width: 62%;height: 27px;line-height: 1;margin-top: -2px;} .buyerInfo .smallBtn button span{margin-right:0; font-size: 13px;color: #777;} .utilizePay .payMethod .checks{margin-bottom: 25px !important;} .utilizePay .payMethod .checks.mgb0{margin-bottom: 0 !important;} .utilizePay .payMethod .listBox > p{margin-bottom: 10px;color: #e12f36;} .utilizePay .methodList{overflow: hidden;margin-bottom: 16px;} .utilizePay .methodList li{float: left;width: 32.5%;margin-right: 1.2%;} .utilizePay .methodList li:last-child{margin-right: 0;} .utilizePay .methodList li a{display: block;width: 100%;height: 80px;padding: 12px 4px;font-size: 13px;text-align: center;border: 1px solid #cfcfcf;border-radius:3px;background-color: #fff;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;} .utilizePay .methodList li.on a{border-color: #2b72c9; background:#2b72c9; color:#fff;} .utilizePay .methodList li a .ico{display: block;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;} /*.utilizePay .methodList .credit .ico{width: 41px;height: 26px;margin: 5px auto 6px;background-image:url("/images/common/ico_pay01.png");} .utilizePay .methodList .on .credit .ico{background-image:url("/images/common/ico_pay01_on.png");}*/ .utilizePay .methodList .credit .ico{width: 41px;height: 26px;margin: 5px auto 6px;background-image:url("/images/common/ico_pay01_on.gif");} .utilizePay .methodList .on .credit .ico{background-image:url("/images/common/ico_pay01_new.gif");} .utilizePay .methodList .phone .ico{width: 22px;height: 34px;margin: 0 auto 3px;background-image:url("/images/common/ico_pay02.png");} .utilizePay .methodList .on .phone .ico{background-image:url("/images/common/ico_pay02_on.png");} .utilizePay .methodList .lPay img{width: 36px;margin: 0 auto;} .utilizePay .methodList .lPay .ico{width: 41px;height: 26px;margin: 5px auto 6px;background-image:url("/images/common/ico_pay03.png");} .utilizePay .methodList .on .lPay .ico{background-image:url("/images/common/ico_pay03_on.png");} .utilizePay .methodList li a.lPay{padding-top:7px;} .utilizePay .methodList .lPay .ico{width: 69px;height: 31px; margin: 5px auto 6px ; background-image:url("/images/common/ico_lpay.png");} .utilizePay .methodList .on .lPay .ico{background-image:url("/images/common/ico_lpay_on.png");} .utilizePay #pay_tab03 button.btn_empty{padding: 0 10px; height:27px; line-height:1;} .utilizePay #pay_tab03 button.btn_empty span{color:#777;} .utilizePay .foreign .methodList li a{color: #aaa;} .utilizePay .foreign .methodList li.on a{border-color: #cfcfcf; background:none; color:#505050;} .utilizePay .foreign .methodList li{margin-bottom: 1.2%;} .utilizePay .foreign .methodList li:nth-child(3n){margin-right: 0;} .utilizePay .foreign .methodList .credit .ico{width: 41px;height: 26px;margin: 5px auto 6px;background-image:url("/images/common/ico_pay01.gif");} .utilizePay .foreign .methodList .on .credit .ico{background-image:url("/images/common/ico_pay01_on.gif");} .utilizePay .foreign .methodList .paypal .ico{width: 57px;height: 56px; margin: 0 auto; background-image:url("/images/common/ico_pay02.gif");} .utilizePay .foreign .methodList .on .paypal .ico{background-image:url("/images/common/ico_pay02_on.gif");} .utilizePay .foreign .methodList .unionpay .ico{width: 65px;height: 40px; margin: 7px auto; background-image:url("/images/common/ico_pay03.gif");} .utilizePay .foreign .methodList .on .unionpay .ico{background-image:url("/images/common/ico_pay03_on.gif");} .utilizePay .foreign .methodList .alipay .ico{width: 80px;height: 22px; margin: 15px auto; background-image:url("/images/common/ico_pay04.gif");} .utilizePay .foreign .methodList .on .alipay .ico{background-image:url("/images/common/ico_pay04_on.gif");} .utilizePay .foreign .methodList .tenpay .ico{width: 67px;height: 34px; margin: 9px auto; background-image:url("/images/common/ico_pay05.gif");} .utilizePay .foreign .methodList .on .tenpay .ico{background-image:url("/images/common/ico_pay05_on.gif");} .utilizePay .foreign .methodList .wechatpay .ico{width: 52px;height: 48px; margin: 4px auto; background-image:url("/images/common/ico_pay06.gif");} .utilizePay .foreign .methodList .on .wechatpay .ico{background-image:url("/images/common/ico_pay06_on.gif");} .foreign .amountWrap .partyroomOrder ul li:last-child{border-bottom: 0 none;} .foreign .amountWrap ul li span em{display: inline-block; font-weight: 700; font-size: 16px; color: #505050; } .foreign .amountWrap ul li span.primeCost{float: none; margin-right: 7px; font-family: 'Lato'; font-size: 13px; color: #aaa; text-decoration: line-through; display: inline-block; width: auto; } .foreign .amountWrap ul li span em:before{content:''; padding-left: 22px; background: url(/images/common/ico_won01.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap ul li span.primeCost:before{content:''; padding-left: 22px; background: url(/images/common/ico_won02.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap .scheduledPay ul li span em:before{content:''; padding-left: 22px; background: url(/images/common/ico_won03.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap ul li span em.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd01.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap ul li .primeCost.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd02.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap .scheduledPay ul li span em.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd03.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap ul li span em.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy01.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap ul li .primeCost.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy02.png) no-repeat left 50%; background-size: 18px 18px; } .foreign .amountWrap .scheduledPay ul li span em.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy03.png) no-repeat left 50%; background-size: 18px 18px; } .itemArea.foreign .ticketPrice .primeCost{float: none; margin-right: 7px; font-family: 'Lato'; font-size: 13px; color: #aaa; text-decoration: line-through; display: inline-block; width: auto; } .itemArea.foreign .ticketPrice em:before, .itemArea.foreign .estimated em:before{content:''; padding-left: 22px; background: url(/images/common/ico_won01.png) no-repeat left 50%; background-size: 18px 18px; } .itemArea.foreign .ticketPrice .primeCost:before{content:''; padding-left: 22px; background: url(/images/common/ico_won02.png) no-repeat left 50%; background-size: 18px 18px; } .itemArea.foreign .ticketPrice em.usd:before, .itemArea.foreign .estimated em.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd01.png) no-repeat left 50%; background-size: 18px 18px; } .itemArea.foreign .ticketPrice .primeCost.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd02.png) no-repeat left 50%; background-size: 18px 18px; } .itemArea.foreign .ticketPrice em.jpy:before, .itemArea.foreign .estimated em.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy01.png) no-repeat left 50%; background-size: 18px 18px; } .itemArea.foreign .ticketPrice .primeCost.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy02.png) no-repeat left 50%; background-size: 18px 18px; } .itemArea.foreign .estimated .price .money{float: none; display: inline-block; margin:2px 7px 0 0; color: #505050;} .foreign .amountWrap li span.price{text-align: right;} .foreign .amountWrap .totalDiscount li span.price em{color: #2b72c9;} .foreign .amountWrap .totalDiscount li span.price em, .foreign .amountWrap .scheduledPay li span.price em{font-size: 20px;} .foreign .amountWrap li span.money{float: none; display: inline-block; margin:2px 7px 0 0; color: #505050; vertical-align: middle;} .foreign .amountWrap .scheduledPay{padding:0;} .foreign .amountWrap .scheduledPay li span.money{color: #fff;} .foreign .amountWrap .scheduledPay li span.price em{color:#ff5b62;} .foreign_won{content:''; padding-left: 22px; background: url(/images/common/ico_won01.png) no-repeat left 50%; background-size: 18px 18px; } .foreign_won.red{background: url(/images/common/ico_won01_red.png) no-repeat left 50%; background-size: 18px 18px; } /*.utilizePay .methodList .kakaoPay img{width: 26px;margin: 0 auto;} .utilizePay .methodList .kakaoPay .ico{width: 33px;height: 30px;margin: 0 auto 12px;background-image:url("/images/common/ico_payMethod04.png");}*/ .utilizePay .methodList li a strong{display: block;margin: 0 auto;font-weight: 400;} .utilizePay .methodList .lPay strong{width: 60%;} /*.utilizePay .methodList .kakaoPay strong{width: 36%;}*/ .utilizePay .payMethodCon .listTypeDot{margin-top: 7px;} .utilizePay .methodWrap{display:none;} .utilizePay .methodWrap:first-child {display:block;} .tit_order{padding-bottom:8px; border-bottom:1px solid #ccc; font-weight: 500; font-size:16px;} /* 찜하기 - 결제예정목록 */ header .cartCount{display: inline-block;width: 20px;height: 20px;margin-top: -2px;line-height: 20px;vertical-align: middle;border-radius:50%;font-size: 15px;color: #fff;background: #f0753c;}/* 2017.02.06 배경색 바꿈 */ .cartWrap .payNum{padding: 9px 0; text-align: center; background-color: #fff;} .cartWrap .payNum em{color: #e12f36;} .cartWrap .itemArea{padding: 20px 3.74%;} .cartWrap .itemArea .price{display:inline-block; font-size: 16px; text-align: right;} .cartWrap .itemArea .price em{display: inline-block;} .cartWrap .itemArea .ticketCount{font-size: 15px;color: #777;} .cartWrap .itemArea .estimated {font-size: 15px;} .cartWrap .itemArea button{height: 39px;line-height: 39px;} .cartWrap .itemGroup{border-radius: 0 3px 3px 1px;background-color: #fff;-moz-box-shadow: 0 3px 3px 1px rgba(189, 189, 189, .4);-webkit-box-shadow: 0 3px 3px 1px rgba(189, 189, 189, .4) ;box-shadow: 0 3px 3px 1px rgba(189, 189, 189, .4);} .cartWrap .itemGroupTit{padding: 9px 3.74% 7px;font-size: 17px;font-weight: 500;color: #fff;border-radius:4px 4px 0 0;background-color: #61656a; overflow:hidden; width:auto;}/*width:92.52%;*/ .cartWrap .itemGroupTit span{float: right;font-size: 15px;font-weight: 400;display: inline-block;} .cartWrap .item{margin-bottom: 0;padding: 11px 3.74% 20px;} .cartWrap .item:last-child{background: none;} .cartWrap .item .itemTit{position: relative;margin-bottom: 10px;padding: 0 0 10px 0;text-align: left;line-height: 1;border-bottom: 1px solid #ccc;} .cartWrap .item .itemTit:first-child{padding-top: 0;} .cartWrap .item .itemTit strong{display: block;margin-bottom: 6px;font-size: 16px;color: #222;font-weight: 500;} .cartWrap .item .itemTit span{font-size: 13px;font-weight: 400;color: #777;} .cartWrap .item .itemTit em{position: absolute;top: 0;right: 0;height: 18px;line-height: 18px;padding: 0 7px;font-family: 'Lato';font-size: 13px;color: #fff;border-radius:9px;background-color: #5d5c59;} .cartWrap .item .itemCont{padding: 0;} .cartWrap .pattern{display: block;border:0;width: 100%;height: 11px;background:url("/images/content/bg_cart_division.gif") no-repeat left top;background-size:100% 11px;} /*.cartWrap .itemArea{padding: 0;} .cartWrap .itemSummary{padding: 18px 3.74% 20px;background-color: #fff;} .cartWrap .itemSummary h2{margin-bottom: 14px;padding-bottom: 17px;border-bottom: 1px solid #e6e6e6;} .cartWrap .itemSummary ul li {margin-top: 4px;} .cartWrap .itemSummary ul li > *{font-weight: 500;} .cartWrap .itemSummary ul li strong{display: inline-block;min-width: 20%;margin-right: 20px;color: #505050;} .cartWrap .itemSummary ul li span{color: #333;} .cartWrap .itemSummary ul li span em{color: #777;} .cartWrap .itemSummary + .item{padding-top: 20px;} .cartWrap .cfWrap{margin: 0 0 0 7%;padding: 10px 3.74% 18px 7.6%;border-left: 1px solid #888;} .cartWrap .item{position: relative;margin: 0 0 0 7%;padding:0 3.74% 18px 7.6%;border-left: 1px solid #888;} .cartWrap .item .itemTit{background-color: #e12f36;} .cartWrap .item .stepIcon{position: absolute;top: 4px;left: -4.5%;background-size:9.375% auto;} .cartWrap .itemSummary + .item .stepIcon{top: 24px;} .cartWrap .item .stepIcon .ico{display: block;width: 30px;height: 30px;background: #d9d9d9 url("/images/content/ico_cart_num.gif") no-repeat;background-size: 100%;} .cartWrap .item .stepIcon .num01{background-position: 0 0;} .cartWrap .item .stepIcon .num02{background-position: 0 -30px;} .cartWrap .item.complete .itemTit{background-color: #888;} .cartWrap .item.complete .estimated .price{font-weight: 700;color: #505050;} .cartWrap .item.complete .btn_fill{background-color: #888;} .cartWrap .item.complete .btn_fill span{background-size: 5.625% auto;} .cartWrap .item.complete .btn_fill .ico{display: inline-block;width: 10;height: 21px;margin-right: 9px;vertical-align: middle;background: url("/images/common/bg_btn_cartComplete.png") no-repeat 0 0;background-size: 100%;} .cartWrap .item.complete .stepIcon .ico{background: #d9d9d9 url("/images/content/ico_cart_complete.gif") no-repeat 0 0;background-size: 100%;}*/ /* 구매확인/취소 */ .history_wrap .noti{padding:20px 4%;background: #f1f1f1 url("/images/content/bg_history_noti.gif") repeat-x;color:#777;} .history_wrap .noti .point{color:#e12f36;} .history_wrap .tabArea > ul{overflow: hidden;width:100%;padding:5%;} .history_wrap .tabArea > ul > li{float: left;border: 1px solid #e12f36;} .history_wrap .tabArea > ul li a{display: block;padding: 9px 0;text-align: center;color: #e12f36;} .history_wrap .tabArea > ul li.on a{color: #fff;background-color: #e12f36;} .history_wrap .ticketing .top{height:10px;background: #888;border-radius: 4px 4px 0 0;} /* 구매 - 자유이용권 > 이용안내 */ #container .res_cont{position:relative;/*margin-bottom:10px;*/background: #fff;} #container .res_cont.end{margin-bottom:0;} .res_cont .img_wrap{position:relative;line-height:0;} .res_cont .posi_sns{position:absolute; top:13px; left:auto; right:3.74%;} .res_cont .posi_sns img{display:inline-block; width:27px; height:27px; vertical-align: middle;} .res_cont .posi_sns span{font-size:14px;} .res_cont .txt_wrap{padding-bottom:15px;text-align: center;} .res_cont .txt_wrap .tit{display:inline-block;padding-top:10px;margin-bottom:5px;border-top:4px solid #e12f36;font-size:25px;font-weight:500;} .res_cont .txt_wrap .sale span{display:inline-block;padding:5px 5%;background:#f1f1f1;border-radius: 20px;color:#777;font-size:13px;} .res_cont h2, .res_cont h3{margin-bottom:10px;font-size:16px;font-weight:500;} .res_cont h2 .ico{display:inline-block;width:14px;height:14px;background: url(/images/common/ico_info.gif) no-repeat ;background-size: 100% 100%;} .res_cont .unit{position:absolute;top:5%;left:auto;right:5%;font-size:13px;color:#aaa;} .res_cont table th, .res_cont table td{padding: 8px 10px;text-align: center; color:#505050; font-weight:500;} .res_cont table th:last-child{border-right: none;} .res_cont table td{padding:8px 10px; font-weight:400; text-align: right; } .res_cont .ad_txt{padding-bottom: 15px;} .res_cont .ad_txt p{text-align: center;color:#000;font-size:15px;} .res_cont .ad_txt p span{display:block;font-size:20px;font-weight:700;} .res_cont .ad_txt p.des{width:112px;padding:5px 0 5px 20px;margin:0 auto;background: url(/images/common/ico_arrow_down.gif) no-repeat 0 50%;background-size:18px 18px;color:#e12f36;font-size:13px;} .res_cont .banner_wrap{padding:0 5% 5%; line-height:0;} .res_cont .benefit_wrap{padding:15px;} .res_cont .benefit{color:#222;font-size:19px; font-weight: 500;} .res_cont .des{color:#e12f36;font-size:13px; } .res_cont .benefit span{color:#2b72c9;} .res_cont .low_price{padding:5%;background: #b2aaa4;} .res_cont .low_price ul{overflow:hidden;width:286px;margin:0 auto;background: url(/images/content/bg_lowPrice.png) no-repeat;background-size: contain;} .res_cont .low_price ul li{float:left;width:35%;min-height:64px;padding:10px 0 0 20px;font-size:13px;color:#aaa;} .res_cont .low_price ul li:first-child{padding-left:40px;} .res_cont .low_price ul li:last-child{width:30%;} .res_cont .low_price ul li span{display: block;font-size:18px;font-weight:500;color:#333;} .res_cont .pp_txt{padding:2% 5%;background: url(/images/common/bu_circle_gray.gif) no-repeat 15px 50%;background-size:3px 3px;color:#777;font-size:15px;} .res_cont .pp_txt span{color:#e12f36;} .res_cont .price_sort{padding: 0 10px 10px; margin-top: 20px;} .res_cont .price_sort table{border-top:none;border-bottom: none;} .res_cont .price_sort table th{padding-right:10px; text-align: center; background:#fff;} /*.res_cont .price_sort table td{padding:10px 10px 8px 0;}*/ .res_cont .price_sort table td:last-child{color: #333;} .res_cont .price_sort table th.point{background:#d9d9d9;color:#e12f36;} .res_cont .price_sort table td.point{color:#e12f36;} .res_cont .price_sort table td{text-align: center;color:#777;} .res_cont .price_sort table th:first-child, .res_cont .price_sort table td:first-child{padding-left:5px; text-align:left;letter-spacing: -1px;} .res_cont .price_sort table td.best{padding:14px 0 14px 52px; background: url(/images/common/ico_best.png) no-repeat 10px 18px; background-size: 39px 16px; } .res_cont .price_sort table td.people{padding:14px 0 14px 68px; background: url(/images/common/ico_people.png) no-repeat 10px 18px; background-size: 46px 16px;} .res_cont .price_sort table a:hover{text-decoration:none;} /* 2016.11.28: 구매 수정; */ .res_cont .price_sort table{border-collapse: separate !important;} .res_cont .price_sort table .btn_exPrice{background:#fff; cursor: pointer; } .res_cont .price_sort table .btn_exPrice td{position:relative; color:#505050; padding:8px 0; border-bottom: 0 none; border-top:1px solid #aaa;} .res_cont .price_sort table .btn_exPrice td .icon{display:inline-block; width:20px; height:20px; margin-top:-4px; background: url(/images/common/icon_present.png) no-repeat; background-size: 100%; vertical-align: middle;} .res_cont .price_sort table .btn_exPrice td:first-child{padding-left: 10px; border-left:1px solid #aaa; border-radius: 3px 0 0 0; font-weight: 500; font-size:16px;} .res_cont .price_sort table .btn_exPrice.on td{/*background:#ddd; */} .res_cont .price_sort table .btn_exPrice td:last-child{padding-right:10px; text-align: right; border-right:1px solid #aaa; border-radius: 0 3px 0 0;} .res_cont .price_sort table .btn_exPrice .label{display: inline-block;height: 18px;line-height: 18px;font-size: 13px;font-weight: 400;padding: 0 5px;border-radius: 9px;color: #fff;background: #888;} .res_cont .price_sort table .btn_exPrice .ico{display:inline-block;width:11px;height:6px;margin-left:5px;background: url(/images/common/ico_btn_down.gif) no-repeat;background-size: 100%;} /*.res_cont .price_sort table .btn_exPrice.on + .exPrice_view{border:1px solid #ef753d;color:#ef753d;}*/ .res_cont .price_sort table .btn_exPrice.on .ico{background-image: url(/images/common/ico_btn_up.gif);} .res_cont .price_sort table .arrow_wrap{cursor: pointer;} .res_cont .price_sort table .arrow_wrap td{position:relative; color:#505050; padding:8px 0; border-bottom: 0 none; border-top:1px solid #aaa;} .res_cont .price_sort table .arrow_wrap .arrow{display:block; position:absolute; top:2px; left:50%;width:16px; height:16px; background: url(/images/common/ico_aco_down03.png) no-repeat; background-size: 16px 16px; } .res_cont .price_sort table .arrow_wrap.on .arrow{background-image:url(/images/common/ico_aco_up02.png); } .res_cont .price_sort table .arrow_wrap td:last-child{padding:0; height:20px; border-radius: 0 0 3px 3px; background:#eee; border:1px solid #aaa;} .res_cont .price_sort table .arrow_wrap.on td{background:#fff; } .res_cont .price_sort table .nbsp td{padding:0; height:10px; border: 0 none;} .res_cont .price_sort table .exPrice_view{display:none;background: #eee; } .res_cont .price_sort table .exPrice_view.on{display:table-row; } .res_cont .price_sort table .exPrice_view td{padding:0; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom: 0 none;} .res_cont .price_sort table .exPrice_view .btnArea{padding:0;margin-top: 15px;} .res_cont .price_sort table .exPrice_view .noti{margin-top: 16px;text-align:left;font-size:13px;color:#777;} .res_cont .price_sort table .exPrice_view .noti li span{color:#e12f36;} .res_cont .price_sort table .exPrice_view .itemArea{position:relative;} .res_cont .price_sort table .exPrice_view .itemArea .arrow{position:absolute; top:-1px; left:50%; margin-left:-7px; width:15px; height:8px; background: url(/images/common/ico_aco_open4.png) no-repeat;background-size: 100%;}/*/images/common/ico_aco_open.png*/ .res_cont .price_sort table thead th{padding:15px 0 13px; background:#f8f8f8; border-top: 2px solid #3c3c4d; color:#222;} .res_cont .price_sort table thead th:last-child{padding-right:5px; text-align: right;} .res_cont .info{padding:5%;} .res_cont .info li{padding-left:10px;margin-bottom:7px;color:#505050;background: url(/images/common/bu_circle_gray.gif) no-repeat 0 8px;background-size:3px 3px;} /*하단 바로 결제 창*/ .btm_payment{position:fixed;top:auto;bottom:0;left:0;width:100%;z-index: 100;} .btm_payment .btn_ctrl{position:relative;top:1px;left:50%;margin-left:-40px;display:block;width:80px;height:24px;background: url(/images/common/ico_btm_payment_open.png) no-repeat;background-size: 100% 100%;} .btm_payment .btn_ctrl.open{background-image: url(/images/common/ico_btm_payment.png);} .btm_payment .slt_wrap{overflow-y:auto;max-height:200px;padding:5% 5% 2%;border-top:1px solid #888;background: #fff;} .btm_payment .pp_slt .tit{padding-left:10px;height: 40px;line-height:36px;background: url(/images/common/select_arrow.png) 96% center no-repeat;background-size: 13px 13px;border: 1px solid #cfcfcf;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .btm_payment .pp_slt ul li{overflow:hidden;width:100%;padding:10px 0;border-bottom: 1px solid #d9d9d9;} .btm_payment .pp_slt ul li p{float:left;width:60%;font-weight:500;vertical-align: middle;} .btm_payment .pp_slt ul li p span{display:block;color:#aaa;font-size:13px;font-weight:400;} .btm_payment .pp_slt ul li p.num{width:10%;height:37px;line-height:37px;color:#e12f36;font-size: 18px;} .btm_payment .pp_slt ul li p.count{width:30%;text-align: right;margin-top: 5px;} .btm_payment .pp_slt ul li p.count a{display: inline-block;width:30px;height:30px;background: url(/images/content/ico_minus.gif) no-repeat;background-size: 100% 100%;} .btm_payment .pp_slt ul li p.count a:nth-child(2){background-image: url(/images/content/ico_plus.gif);} .btm_payment .btnArea{display:table;padding: 3% 3.74% 20px;border-top:1px solid #888;background:#fff;} .btm_payment .btnArea button{display:table-cell;width:50%;margin:0 0 0 6px;} .btm_payment .btnArea button.compare{width:30%;} .btm_payment .btnArea button.cart{width:15.9%;text-align:center;margin-left:0;} .btm_payment .btnArea button.cart span{display:block;width:22px;height:22px;margin:0 auto;background: url(/images/content/ico_cart.gif) no-repeat;background-size: 100% 100%;text-indent: -9999px;} /* 구매 - 자유이용권 > 이용권 구매 > 꼭 알아두세요 */ .knowWrap .listTypeDot li{color: #333;} .knowWrap .listTypeDot .listTypeNum li{color: #777;} /* 구매 -시설체험이용권 */ .btn_img_down{padding:3px 10px;border:1px solid #aaa;background:#fff;font-size:13px;color:#777;} .knowWrap{margin-bottom: 15px;} .knowWrap h2{margin-bottom: 5px;} .knowWrap .listTypeDot{margin-bottom: 6px;} .knowWrap .listTypePoll li{margin-left:15px;text-indent: -15px;} .knowWrap .listTypePoll li:before{content:'';padding-left: 15px;background: url("/images/common/bg_list_poll.gif") no-repeat 0 50%;background-size: 10px 10px;} /*.ex_wrap h2{padding:10px 3.74%;margin-bottom:0;border-bottom:1px solid #d9d9d9;}*/ .ex_wrap h3{padding:10px 0 10px;margin:0 0 25px;font-size:16px;font-weight:500;border-bottom:1px solid #d9d9d9;} .ex_wrap .accordionCon .info_box{margin:0; padding:0 3.74%; /*border-bottom:2px solid #ccc;*/} .ex_wrap .accordionCon.end{border-bottom: 0;} .ex_wrap .accordionCon .info_box .input_radio {margin-bottom: 0;} .ex_wrap .accordionCon .info_box .input_radio .checks{margin-bottom: 0;} .ex_wrap .accordionCon .info_box .input_select{margin-bottom: 0;} .ex_wrap .accordionCon .info_box .noticeArea{margin:0 -4%;} .ex_wrap .info_box.end{border-bottom:0 none;} .ex_wrap .info_box .input_txt{margin-bottom:25px;} .ex_wrap .info_box .label, .ex_wrap .info_box .input_wrap label{display:inline-block;width:25%;font-weight:500;vertical-align: middle;} .ex_wrap .info_box .input_txt span{color:#777; vertical-align:middle;} .ex_wrap .info_box .input_wrap .input_group input{float:left;width:63%;} .ex_wrap .info_box .input_wrap .input_group.hw input{width:40%;} .ex_wrap .info_box .input_wrap .input_group button{float:right;width:35%;background: #f3f3f3;} .ex_wrap .info_box .input_select{margin-bottom: 25px;} .ex_wrap .info_box .input_select .label, .ex_wrap .info_box .input_wrap .label{margin-bottom:10px;} .ex_wrap .info_box .input_select .des{color:#777;font-size:13px;} .ex_wrap .info_box .input_wrap .listTypePoll li:before {content:'';padding-left: 15px;background: url("/images/common/bg_list_poll.gif") no-repeat 0 50%;background-size: 10px 10px;} .ex_wrap .info_box .input_wrap .input_group .select_box.w63{float:left;width:63%;} .ex_wrap .info_box .input_wrap .input_group .select_box.w63 label{width:90%;} .ex_wrap .info_box .input_check{padding-bottom:25px;} .ex_wrap .info_box .input_check .label{margin-bottom: 10px;} .ex_wrap .info_box .input_check label{color:#777;} .ex_wrap .info_box .input_textarea .label{width:100%;margin-bottom: 10px;} .ex_wrap .info_box .input_textarea textarea{width:100%;height:200px;margin-bottom: 10px;border:1px solid #cfcfcf;} .ex_wrap .info_box .input_textarea label{padding-bottom:20px;color:#777;} .knowWrap .listTypeDot .listTypeNum li{color: #777;} .ex_wrap .info_box span.txt{display:inline-block;width:73%;color:#777;vertical-align: top;} .ex_wrap .info_box span.txt.point{color:#e12f36;} .experience_wrap .res_cont table td{text-align: left;} .experience_wrap .tabCont .tit{margin-bottom: 10px; font-size:16px; font-weight:500;} .experience_wrap .tabCont .cfWrap{margin-top:10px;} .experience_wrap .tabCont .cfWrap .cf{font-size:13px; color:#777; text-indent: -17px;} .ex_wrap .titImg {padding: 12px 3.74% 11px; background-color: #eee;} .ex_wrap .input_wrap .half{overflow:hidden; width:100%;} .ex_wrap .input_wrap .half .select_box{float:left; width:49%;} .ex_wrap .input_wrap .half .select_box:last-child{float:right;} .ex_wrap .accordionCon .info_box .checks .input_wrap .count{position:absolute; top:0; right:0;} .ex_wrap .accordionCon .info_box .checks .input_wrap .count.finish{color:#cfcfcf;} .ex_wrap .list strong{width:30%;} .ex_wrap .list span{display:inline-block; width:70%; color:#505050;} .ex_wrap .res_cont .info_box h2{padding:15px 3.74%; margin-bottom:0; border-bottom:1px solid #e4e4e4;} .ex_wrap .res_cont .info_box .info_inner{padding:15px 3.74%;} .utilizePay .amountWrap ul li.total.typeB{padding-top:0; margin-top:0; border-top:0;} .aq .joinInfo{padding: 0 3.74% 0;} .aq .joinInfo:last-child{border-bottom: 0;} .aq .joinInfo .input_wrap{margin-bottom: 18px; position: static;} .aq .joinInfo .input_wrap label, .aq .joinInfo .input_wrap .label{font-weight: 700 !important;} .aq .joinInfo .input_radio{overflow: hidden; padding-bottom:18px;} .aq .joinInfo .bodyInfo{width: 100%;} .aq .joinInfo .bodyInfo .group{overflow: hidden;margin-bottom: 6px;} .aq .joinInfo .bodyInfo input{float: left;width: 49.25%;margin-right: 1.5%;} .aq .joinInfo .bodyInfo input:last-child{margin-right: 0;} .aq .joinInfo .termsAgree{margin: 0 0 22px;} /* 구매 - 연간이용권 > 상품안내 */ .annualTicket .ticketInfo .ticketTit{text-align: center;border-bottom: 1px solid #e4e4e4;} .annualTicket .ticketInfo .ticketTit .img{max-width: 43%;margin: 0 auto;} .annualTicket .ticketInfo .ticketTit p{margin: 16px 0;font-size: 19px;} .annualTicket .ticketInfo .ticketTit p span{display: block;font-size: 15px;color: #333;} .annualTicket .ticketInfo dl dt{padding-top: 16px;} .annualTicket .ticketInfo dl dd{padding-top: 10px;color: #505050;} .annualTicket .ticketInfo dd table, .annualTicket .ticketInfo li table{margin-top: 6px;} .annualTicket .ticketInfo .btnArea{margin-top: 22px;padding: 0;} .annualTicket table{border-bottom: 2px solid #ccc;} .annualTicket table th{color: #333;} .annualTicket table td{color: #777;} .annualTicket table td:last-child{border-right: none;} .annualTicket table th, .annualTicket table td{border-right: 1px solid #d9d9d9;} .annualTicket .listTypeDot{margin-bottom: 9px;} .annualTicket #cardTabAll li{display: none;} /* 구매 - 연간이용권 > 연간회원권 가입신청 */ .joinWrap .accordionCon .input_wrap{margin-bottom: 18px;padding: 0;border-bottom: 0;} .joinWrap .selectGoods .goods{padding: 15px 3.74%;background-color: #eee;} .joinWrap .selectGoods .goods .img{display: inline-block;width: 18%;margin-right: 16px;vertical-align: middle;} .joinWrap .selectGoods ul li{margin-top: 14px;color: #505050;} .joinWrap .selectGoods ul li:first-child{margin-top: 0;} .joinWrap .selectGoods ul li strong{display: block;margin-bottom: 10px;} .joinWrap .membershipSelect li{overflow: hidden;position: relative;padding: 15px 3.74%;border-bottom: 1px solid #e4e4e4;} .joinWrap .membershipSelect li.on{background-color: #f1f1f1;} .joinWrap .membershipSelect .img{float: left;max-width: 21%;margin-right: 6%;} .joinWrap .membershipSelect .group{float: left;width: 73%;margin-top: -4px;} .joinWrap .membershipSelect .group > strong{font-size: 16px;font-weight: 500;} .joinWrap .membershipSelect .checks label{display: inline-block;width: 88%;font-size: 16px;font-weight: 500;color: #444;} .joinWrap .membershipSelect .checks input[type="radio"] + label{padding: 0 28px 0 0;} .joinWrap .membershipSelect .checks input[type="radio"] + label:before{left:initial;right: 0;} .joinWrap .membershipSelect .checks input[type="radio"] + label:after{left:initial;right: 6px;} .joinWrap .membershipSelect .asteriskWrap{margin-top: 10px;} .joinWrap .membershipSelect .asterisk:before{background-image: url("/images/common/bg_asterisk_red.png");} .joinWrap .membershipSelect .select_box{margin-top: 4px;} .joinWrap .membershipSelect .viewTicket{position: absolute;top: 11px;right: 3.74%;font-size: 13px;text-decoration: underline;color: #61656a;} .joinWrap .paymentInfo{padding: 18px 3.74% 22px;} .joinWrap .paymentInfo h2{margin-bottom: 8px;font-size: 16px;} .joinWrap .paymentInfo ul{border: 3px solid #61656a;} .joinWrap .paymentInfo ul li{padding: 16px 3.74%;font-size: 15px;} .joinWrap .paymentInfo ul li.total{color: #fff;background-color: #61656a;} .joinWrap .paymentInfo ul li strong{float: right; font-family: 'Lato';font-size: 16px;font-weight: 700;} .joinWrap .paymentInfo ul li strong em{font-family: 'Noto Sans', sans-serif;font-size: 15px;font-weight: 400;} .joinWrap .paymentInfo ul li.total strong{line-height: 23px;font-size: 23px;color: #ff5b62;} .joinWrap .paymentInfo ul li.total strong em{color: #fff;vertical-align: top;} .joinWrap .infoTxt{margin-bottom: 18px;} .joinWrap .infoTxt strong{margin-right: 20px;font-weight: 400;} .joinWrap .label + .checks{margin-top: 8px;} .joinWrap .informWrap + .info_box .info .list li span em{display: block;} /** 티켓박스 **/ .ticketBox .inqArea p{margin: 11px 0;text-align: center;} .ticketBox .inqArea p span{color: #e12f36;} .ticketBox .ticketArea .card{overflow: hidden;width: 100%;height: 170px;padding: 17px 6% 0 8%;border-radius:8px;background: url("/images/content/bg_plastic_ticket.png") no-repeat;background-size:100% 170px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;} .ticketBox .ticketArea .card.blank{padding-top: 58px;background: url("/images/content/bg_ticket_blank.png") no-repeat;background-size:100% 170px;-moz-box-shadow: 1px 2px 3px 1px rgba(191, 191, 191, .4);-webkit-box-shadow: 1px 2px 3px 1px rgba(191, 191, 191, .4) ;box-shadow: 1px 2px 3px 1px rgba(191, 191, 191, .4);} .ticketBox .ticketArea .card.blank strong{display: block;width: 100%;text-align: center;} .ticketBox .ticketArea .card .img{float: left;width: 20%;margin-right: 23px;} .ticketBox .ticketArea .card strong{float: left;margin-top: 4px;font-size: 19px;font-weight: 400;color: #777;line-height: 1.3;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;} .ticketBox .ticketArea .btnArea{margin-top: 20px;padding: 0;} .ticketBox .ticketArea .cf{color: #505050;} .ticketBox .ticketArea a{display: block;width: 100%;padding: 14.5% 0;} .ticketBox .blank p{height: 100%;text-align: center;font-size: 15px;color: #505050;background-size:12.5% auto;} .ticketBox .blank p span{display: block;width: 40px;height: 40px;margin: 0 auto 10px;background: url("/images/content/bg_ticket_add.png") no-repeat 0 0;background-size: 100%;} /* 티켓박스 - 무료헤택 */ .freeBenefit .tabCon{padding: 16px 0 0 0;background-color: #fff;} .freeBenefit .tabArea > ul{padding: 0 3.74%;} .freeBenefit .inqArea{padding: 0 3.74% 15px;} .freeBenefit .couponArea{padding: 22px 3.74% 15px;background-color: #eee;} .freeBenefit .couponList li{position: relative;overflow: hidden;margin-top: 15px;padding: 15px 3.74% 14px;border-radius:6px;background-color: #fff;-moz-box-shadow: 1px 2px 3px 1px rgba(189, 189, 189, .4);-webkit-box-shadow: 1px 2px 3px 1px rgba(189, 189, 189, .4) ;box-shadow: 1px 2px 3px 1px rgba(189, 189, 189, .4);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;} .freeBenefit .couponList li:first-child{margin-top: 0;} .freeBenefit .couponList .img{position: absolute;top: 15px;right: 3.74%;} .freeBenefit .couponList .ico{display: block;width: 80px;height: 80px;background-repeat:no-repeat;background-position:0 50%;background-size:100%;} .freeBenefit .couponList .couponCon{padding: 20px 0;line-height: 1;} .freeBenefit .couponList .couponCon strong{display: block;margin-bottom: 11px;font-size: 16px;font-weight: 500;color: #222;} .freeBenefit .couponList .couponCon span{font-size: 14px;color: #777;} .freeBenefit .couponList .parking .ico{background-image:url("/images/content/bg_coupon_parking.png");} .freeBenefit .couponList .icerink .ico{background-image:url("/images/content/bg_coupon_icerink.png");} .freeBenefit .couponList .stroller .ico{background-image:url("/images/content/bg_coupon_stroller.png");} .freeBenefit .couponList .complete .ico{background-image:url("/images/content/bg_coupon_complete.png");} .freeBenefit .couponList .complete{font-family: 'Lato';color: #aaa;} .freeBenefit .couponList .complete > *{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;} .freeBenefit .couponArea .listTypeDot{margin-top: 15px;} .freeBenefit .bannerList li{margin-top: 7px;} .freeBenefit .bannerList li:first-child{margin: 0;} /* 티켓박스 - 방문기록 */ .visitHistory .tabCon{background-color: #fff;}/*padding: 18px 3.74%;*/ .visitHistory .visitArea .period_search + .btnArea{padding: 0;} .visitHistory .visitArea .period_search + .btnArea button{color: #2b72c9;} .visitHistory .visitList{padding: 14px 4.1%;background-color: #eee;}/*margin:0 -3.9%;*/ .visitHistory .visitList ul{overflow: hidden;} .visitHistory .visitList ul li{float: left;width: 32%;height: 96px;margin: 1% 0 0 1%;text-align: center;background-color: #fff;} .visitHistory .visitList ul li strong{display: block;height: 25px;margin-top: 15px;padding-top: 54px;font-size: 13px;font-weight: 400;background-repeat: no-repeat;background-position: 50% 0;background-color: #fff;} .visitHistory .visitList ul li strong em{display: block;} .visitHistory .visitList .check strong{color: #505050;background-image:url("/images/content/bg_visit_check.png");background-size: 56px auto;} .visitHistory .visitList .uncheck strong{color: #cfcfcf;background-image:url("/images/content/bg_visit_uncheck.png");background-size: 57px auto;} .visitHistory .visitList .present strong{padding-top: 47px;color: #cfcfcf;line-height: 1.1;background-image:url("/images/content/bg_visit_present.png");background-position: 50% 15%;background-size: 42px auto;} /* 쿠폰박스 */ .coupon_wrap{height: 100%;} .coupon_wrap .ticketRegister .btnRegister {width: 90%;margin: 20px 5% 0;border-radius: 0;} .coupon_wrap header h1 span {display: inline-block;padding: 0 5px;margin-top: 6px;background: #f19800;border-radius: 20px;color: #fff;font-size: 13px;font-weight: 400;vertical-align: top;} .coupon_wrap .tabArea > ul{overflow: hidden;width:100%;padding:5%;} .coupon_wrap .tabArea > ul > li{float: left;border: 1px solid #363a45;} .coupon_wrap .tabArea > ul li a{display: block;padding: 9px 0;text-align: center;color: #363a45;} .coupon_wrap .tabArea > ul li.on a{color: #fff;background-color: #363a45;} .coupon_wrap .sort {padding: 10px 3.74%;} .coupon_wrap .no_coupon {padding-top: 35%;text-align: center;color: #777;background: url("/images/content/bg_noCoupon.png") no-repeat 50% 20px;background-size: 28% auto;border-top:1px solid #ddd;} .coupon_wrap .sort .total{float:left;height:30px;line-height:30px;} .coupon_wrap .sort .total span{color:#e12f36;/*text-decoration: underline;*/} .coupon_wrap .useCouponList{padding: 22px 3.74%;background-color: #eee;} .coupon_wrap .useCouponList li{position: relative;margin-top: 15px;padding: 14px 3.74%;border-radius:4px;background-color: #fff;-moz-box-shadow: 1px 2px 3px 1px rgba(189, 189, 189, .4);-webkit-box-shadow: 1px 2px 3px 1px rgba(189, 189, 189, .4) ;box-shadow: 1px 2px 3px 1px rgba(189, 189, 189, .4);} .coupon_wrap .useCouponList li:first-child{margin-top: 0;} .coupon_wrap .useCouponList li strong{display: block;width: 63%;margin-bottom: 10px;font-size: 16px;color: #222;font-weight: 500;line-height: 1.3;} .coupon_wrap .useCouponList li > span{display:block; margin-bottom:3px; font-size: 13px;color: #777;}/*font-family: 'Lato';*/ .coupon_wrap .useCouponList li .img{position: absolute;top: 15%;right: 3.74%;width: 80px;height: 80px; overflow:hidden;} /*.coupon_wrap .useCouponList li .img:after{content: "";display: block;clear: both;position: absolute;top: 0;left: 0;z-index: 1;width: 80px;height: 80px;background: url('/images/common/bg_img_frame2.png') no-repeat 0 50%;background-size: 80px 80px;}*/ .coupon_wrap .useCouponList li .img .count{position: absolute; top: 0; right: 0; width: 20px; height: 20px; font-size: 13px; text-align: center; line-height: 20px; color: #fff; border-radius: 50%; background: orange; z-index: 9;} .coupon_wrap .couponUse .img{position:relative;} .coupon_wrap .couponUse .img:after{content: "";display: block;clear: both;position: absolute;top: 0;left: 0;z-index: 1;width: 80px;height: 80px;background: url('/images/common/bg_img_frame2.png') no-repeat 0 50%;background-size: 80px 80px;} .coupon_wrap .couponUse .img .count{position: absolute; top: 0; right: 0; width: 20px; height: 20px; font-size: 13px; text-align: center; line-height: 20px; color: #fff; border-radius: 50%; background: orange; z-index: 9;} .coupon_wrap .useCouponList div[class*="btnArea"]{margin-top: 10px;padding: 0;} .coupon_wrap .useCouponList.complete li > *{color: #cfcfcf;border-color: #cfcfcf;} .coupon_wrap .nodata{background-color: #eee;} .coupon_wrap .useCouponList li .tit{display:inline-block; margin:1px 0 0 0; vertical-align: top;} .coupon_wrap .couponUse h2 .tit{display:inline-block; margin:3px 0 0 5px; font-size:13px; color:#777; font-weight:400; vertical-align: top;} .coupon_wrap .couponUse h2 strong{display: block;} .coupon_wrap .full_pop_typeA .couponUse dl{width:81%;} .coupon_wrap .full_pop_typeA .couponUse dt{width:70px;} .coupon_wrap .full_pop_typeA .couponUse dt:after{right:10px;} .coupon_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .coupon_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {background: #2b72c9;} .coupon_wrap .bx-wrapper .bx-pager.bx-default-pager a {background: #d9d9d9; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .couponbox {position: fixed; bottom: 3%; left: 7.5%; width: 124px; height: 68px; z-index: 9999; } .coupon_wrap .useCouponList li.img_left{overflow:hidden; width:100%;} .coupon_wrap .useCouponList li.img_left .img{float:left; position:relative; left:3.74%; right:auto;} .coupon_wrap .useCouponList li.img_left strong{width:60%; float:right; position:relative; left:auto; right:3.74%; top:15%;} .coupon_wrap .useCouponList li.img_left strong span{display:block; margin-top:7px; font-size:13px; color:#777; font-weight:400;} .coupon_wrap .useCouponList li.img_left .txt{font-size:16px; color:#222; font-weight:500;} .coupon_wrap .useCouponList li.img_left .stxt{font-size:13px; color:#777;} .coupon_wrap .useCouponList li.img_left.disabled a{cursor: default; color:#d9d9d9;} .coupon_wrap .useCouponList li.img_left.disabled em.label, .coupon_wrap .useCouponList li.img_left.disabled .txt, .coupon_wrap .useCouponList li.img_left.disabled .stxt{color:#d9d9d9; border-color: #d9d9d9;} /* 아래 -쿠폰 목록 NEW */ .coupon_wrap .useCouponList li.new_couponLi{overflow:hidden; width:100%; height:132px; background: url(/images/content/bg_couponLi_right.gif) no-repeat right; background-size: auto 100% ; border-radius: initial; box-shadow: none; padding:0;} .coupon_wrap .useCouponList li.new_couponLi a{display:block; height:auto; background: url(/images/content/bg_couponLi_left.gif) no-repeat; background-size: auto 100% ; display:table; width:94%; } .coupon_wrap .useCouponList li.new_couponLi a div{} .coupon_wrap .useCouponList li.new_couponLi a .coupon_img{position:relative; width:120px; padding:26px 0 26px 10px; display: table-cell; vertical-align: middle; } .coupon_wrap .useCouponList li.new_couponLi a .coupon_img img{width: 80px;height: 80px; margin: 0 auto; } .coupon_wrap .useCouponList li.new_couponLi a .coupon_img .count{position: absolute; top: 17px; left:auto; right: 12px; width: 20px; height: 20px; font-size: 13px; text-align: center; line-height: 20px; color: #fff; border-radius: 50%; background: orange; z-index: 9;} .coupon_wrap .useCouponList li.new_couponLi a .coupon_txt{padding:20px 0 20px 5%; display: table-cell; vertical-align: middle; /*padding-left:10%;*/} .coupon_wrap .useCouponList li.new_couponLi a .coupon_txt .stxt{font-size:13px; color:#777;} .new_couponDetail{padding:22px 3.74%;} .new_couponDetail .coupon_img img{width:45%; margin:0 auto 20px;} .new_couponDetail .coupon_txt{text-align: center;} .new_couponDetail .coupon_txt .stxt{font-size:13px; color:#777;} .coupon_wrap .noticeArea .listTypeDot .listTypeNum, .coupon_wrap .noticeArea .listTypeDot .listTypeNum li{margin-top: 0;} /*.coupon_wrap .ticket_li .top{padding-top:10px;background:#f3f3f3;} .coupon_wrap .ticket_li .mid{padding:10px 5% 5px;background:#fff;} .coupon_wrap .ticket_li .mid .txt_wrap{float:left;width:66%;} .coupon_wrap .ticket_li .mid .ico_sale{display:inline-block;padding: 0 5px;margin-bottom:7px;background: #01afae;border-radius: 20px;color: #fff;font-size: 13px;} .coupon_wrap .ticket_li .mid .ico_gift{display:inline-block;padding: 0 5px;margin-bottom:7px;background: #16ad3e;border-radius: 20px;color: #fff;font-size: 13px;} .coupon_wrap .ticket_li .mid .ico_default{display:inline-block;padding: 0 5px;margin-bottom:7px;background: #cfcfcf;border-radius: 20px;color: #fff;font-size: 13px;} .coupon_wrap .ticket_li .mid .tit{margin-bottom:7px;font-size:16px;font-weight:700;} .coupon_wrap .ticket_li .mid .date{display:inline-block;font-size:13px;color:#777;} .coupon_wrap .ticket_li .mid .img{float:right;width:86px;} .coupon_wrap .ticket_li .bottom {padding-top: 4%;border-radius: 0;background: url(/images/content/bg_coupon_bottom.gif) no-repeat;background-size: 100% auto;} .coupon_wrap .ticket_li .bottom a{padding-top: 10px;} .coupon_wrap .ticket_li .bottom a span.ico_coupon{background: url(/images/content/ico_coupon.png) no-repeat 38% 4px; background-size: 16px 16px;} .coupon_wrap .ticket_li .bottom a span.ico_coupon.default{color:#cfcfcf;}*/ /*공지사항*/ .notice .list_type{margin: 0;} .notice .list_type li{padding: 0;background-position: 96% 50%;} .notice .list_type li a span.new{right: 11%;} .notice_wrap .li_tit{position:relative;width:100%;padding: 14px 3.74%;height:auto;line-height:1.4;border-bottom:1px solid #ddd;font-size:16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;background:#fff;} .notice_wrap .li_tit .new{position:static; margin-left:5px; display:inline-block;width:14px; height:17px; background:#fff url(/images/common/icon_li_new.png) no-repeat left bottom;background-size:14px 11px;text-indent: -9999px;} /*이용권구매 -통신포인트탭*/ .noti_txt .tit{margin-bottom: 10px; color:#505050; font-weight:500;} .noti_txt .tit a{padding-right:20px; background: url(/images/common/ico_go.gif) no-repeat right 4.5px; background-size:14px 14px; color:#505050; font-weight:500;} .noti_txt .listTypeDot{color:#505050;} .noti_txt .cf{margin-bottom:5px; color:#505050;} .noti_txt .hyphenStyle{margin-left:25px; font-size:13px; color:#777;} /* 구매 - 자유이용권(단체) */ .group_wrap{height: 100%;} .group_wrap .titImg {padding: 12px 3.74% 11px; background-color: #eee;} .group_wrap .input_wrap input.people{width:25%;} .group_wrap .input_wrap .icon_at{float: none; display:inline-block;} .group_wrap .res_cont .innerWrap .label{margin-bottom: 7px;} .group_wrap .res_cont .innerWrap .input_select{margin-bottom: 25px;} .group_wrap .innerWrap .label{display:inline-block;width:25%;font-weight:500;} .group_wrap .innerWrap span.txt{display:inline-block;width:73%;color:#777;} .group_wrap .res_bus{display:block; float:right; padding-left:30px; background: url(/images/content/ico_bus.gif) no-repeat; background-size:22px 23px; margin-top: 5px;} #layer_pop .car_nums{float:left; width:49%; margin:0 2% 2% 0;} #layer_pop .car_nums.even{margin-right:0;} #layer_pop .input_wrap .label {display: block; margin-bottom: 7px; font-weight: 500; } .swung_dash{float:left; width: 6%; height: 37px; line-height: 37px; text-align: center;} .glabel{height: 37px; line-height: 37px;} /*아이스링크*/ .icerink_wrap .res_cont .tit{margin-bottom:10px; font-size:16px; font-weight:500;} /* 마이페이지 */ td.presentCell strong{font-weight: 400;} td.presentCell ul{margin-top: 4px;} td.presentCell ul li{font-size: 13px;color: #777;} /* 2016-07-28 달력 스크립트 */ /* 방문일자 / 인원선택 */ .visiting_wrap .tit_wrap {padding:16px 3.74% 15px;} .visiting_wrap .tit_wrap:after {content:""; display:block; clear:both;} .visiting_wrap .tit_wrap > .tit {float:left; font-size:19px;} .visiting_wrap .tit_wrap > .tit .desc{display:block; font-size:13px; color: #777; letter-spacing: -1px;} .visiting_wrap .tit_wrap .cal_area {float:right;} .visiting_wrap .tit_wrap .cal_area .txt_today {font-weight:bold; font-size:17px; color:#2b72c9; vertical-align:middle;} .visiting_wrap .tit_wrap .cal_area .btn_cal {display:inline-block; width:21px; height:20px;margin-left: 11px;background:url(/images/content/btn_cal.png) no-repeat 0 0; background-size:21px 20px; font-size:0; line-height:0; vertical-align:middle;} .visiting_wrap .date_wrap {overflow:hidden; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; white-space:nowrap; font-size:0; line-height:0;} .visiting_wrap .date_wrap .inner {overflow:hidden; margin:14px 14px 15px;} .visiting_wrap .date_wrap .inner ul {} .visiting_wrap .date_wrap .inner ul li {display:inline-block; width:41px; font-size:0; line-height:1; text-align:center;} .visiting_wrap .date_wrap .inner ul li .btn_date {display:inline-block; padding:9px 10px 9px;} .visiting_wrap .date_wrap .inner ul li .btn_date .day, .visiting_wrap .date_wrap .inner ul li .btn_date .date {display:block; color:#cfcfcf;} .visiting_wrap .date_wrap .inner ul li .btn_date .date {font-size:12px;} .visiting_wrap .date_wrap .inner ul li .btn_date .day {margin-top:9px; font-size:19px;} .visiting_wrap .date_wrap .inner ul li .btn_date.selectable .day, .visiting_wrap .date_wrap .inner ul li .btn_date.selectable .date {color:#505050;} .visiting_wrap .date_wrap .inner ul li .btn_date.selectable.current {border-radius:3px; background:#2b72c9;} .visiting_wrap .date_wrap .inner ul li .btn_date.selectable.current .day, .visiting_wrap .date_wrap .inner ul li .btn_date.selectable.current .date {color:#fff;} .personnel_wrap {padding:14px;} .personnel_wrap ul li {position:relative; margin-top:16px; vertical-align: top;} .personnel_wrap ul li:first-child {margin-top:0;} .personnel_wrap ul li:after {content:""; display:block; clear:both;} .personnel_wrap ul li .txt_wrap {float:left; padding-bottom:0; text-align:left; width: 55%;} .personnel_wrap ul li .txt_wrap .tit {margin:0; padding:0; border:0; font-weight:bold ; font-size:15px; color:#505050;} .personnel_wrap ul.sex li .txt_wrap .tit{margin-top:7px;} .personnel_wrap ul li .txt_wrap .txt {font-size:13px; color:#aaa;} .personnel_wrap ul li .count_wrap {float:right; margin-top:3px; /*width:120px;*/} .personnel_wrap ul li .count_wrap .count {display:inline-block; margin-right:20px; font-weight:bold; font-size:19px; color:#cfcfcf; vertical-align:middle;} .personnel_wrap ul li .count_wrap .price.foreign b, .amountWrap ul li span.price.foreign b{padding-left: 22px; background: url(/images/common/ico_won01.png) no-repeat left 50%; background-size: 18px 18px; } .personnel_wrap ul li .large_num {float:right; margin-top:3px; text-align: right;} .personnel_wrap ul li .large_num .input_wrap{display:inline-block; width:38%; margin-right:10px;} .personnel_wrap ul li .large_num .count {display:inline-block; padding:0; height:30px; line-height:30px; border:1px solid #cfcfcf; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; font-weight:700; font-size:19px; color:#2b72c9; text-align: center; max-width: 56px;} .personnel_wrap ul li .count_wrap .count.number_color {color:#2b72c9;} .personnel_wrap ul li .count_wrap .btn_wrap {display:inline-block; vertical-align:middle;} .personnel_wrap ul li .count_wrap .btn_wrap:after{content:""; display:block; clear:both;} .personnel_wrap ul li .count_wrap .btn_wrap button {float:left; display:inline-block; width:30px; height:30px; border:1px solid #505050; font-size:0; line-height:0;} .personnel_wrap ul li .count_wrap .btn_wrap button.btn_minus {border:1px solid #cacaca; border-radius:3px 0 0 3px; background:url(/images/content/btn_minus_off.png) no-repeat 50% 50%; background-size:11px 11px;} .personnel_wrap ul li .count_wrap .btn_wrap button.btn_minus.on {border:1px solid #505050; background:url(/images/content/btn_minus_on.png) no-repeat 50% 50%; background-size:11px 11px;} .personnel_wrap ul li .count_wrap .btn_wrap button.btn_plus {margin-left:-1px; border-radius:0 3px 3px 0; background:url(/images/content/btn_plus_on.png) no-repeat 50% 50%; background-size:11px 11px;} .personnel_wrap ul li .count_wrap .btn_wrap.off button.btn_minus{border:1px solid #cacaca; background-image:url(/images/content/btn_minus_off.png);} .personnel_wrap ul li .count_wrap .btn_wrap.off button.btn_plus{border:1px solid #cacaca; background-image:url(/images/content/btn_plus_off.png);} .personnel_wrap.single .count_wrap{margin-top: -5px;} .personnel_wrap li.dotStyle{margin-top: 10px;text-align: left;} /* 팝업 */ .popup_wrap {display:none; position:fixed; top:0; left:0; z-index:300; width:292px; border-radius:4px; background:#fff;} .popup_wrap .pop_tit_wrap {padding:14px 0; border-bottom:1px solid #ddd; text-align:center;} .popup_wrap .pop_tit_wrap .tit {font-weight:bold; font-size:16px;} .popup_wrap .pop_con_wrap {padding:15px 14px;} .popup_wrap .pop_con_wrap .month_wrap {position:relative; margin-bottom:15px; text-align:center;} .popup_wrap .pop_con_wrap .month_wrap .txt_day {font-size:16px; color:#505050;} .popup_wrap .pop_con_wrap .month_wrap .btn_prev_month, .popup_wrap .pop_con_wrap .month_wrap .btn_next_month {position:absolute; top:3px; width:10px; height:20px; font-size:0; line-height:0;} .popup_wrap .pop_con_wrap .month_wrap .btn_prev_month {left:50%; margin-left:-83px; background:url(/images/content/btn_prev_month.png) no-repeat 0 0; background-size:10px 20px;} .popup_wrap .pop_con_wrap .month_wrap .btn_next_month {right:50%; margin-right:-83px; background:url(/images/content/btn_next_month.png) no-repeat 0 0; background-size:10px 20px;} .popup_wrap .pop_con_wrap .cal_table table {margin:0; border:0; } .popup_wrap .pop_con_wrap .cal_table table th, .popup_wrap .pop_con_wrap .cal_table table td {height:30px; padding:0; border:0;} .popup_wrap .pop_con_wrap .cal_table table th {background:#fff; font-weight:normal; font-size:13px; color:#505050;} .popup_wrap .pop_con_wrap .cal_table table td button {display:inline-block; width:30px; height:30px; font-size:14px; color:#cfcfcf;} .popup_wrap .pop_con_wrap .cal_table table td button.selectable {color:#505050;} .popup_wrap .pop_con_wrap .cal_table table td button.selectable.current {border-radius:50%; background:#2b72c9;color:#fff;} .popup_wrap .pop_btn_wrap {overflow:hidden; border-top:1px solid #2b72c9; border-radius:0 0 4px 4px; font-size:0; line-height:0;} .popup_wrap .pop_btn_wrap button {display:inline-block; width:50%; height:49px; font-weight:bold; font-size:15px;} .popup_wrap .pop_btn_wrap .btn_cancel {color:#2b72c9;} .popup_wrap .pop_btn_wrap .btn_complete {background:#2b72c9; color:#fff;} .popup_wrap .btn_pop_close {position:absolute; top:18px; right:14px; width:15px; height:15px; background:url(/images/content/btn_pop_close.png) no-repeat 0 0; background-size:15px 15px; font-size:0; line-height:0;} /*.popup_wrap .bg_character {position:absolute; top:-56px; left:21px; width:70px; height:56px; background:url(/images/content/img_character.png) no-repeat 0 0; background-size:70px 56px;}*/ /* 구매번호등록 -방문일자 예약 */ .ticket_visiting{position:relative;} .ticket_visiting .visiting_wrap .tit_wrap {border-bottom:1px solid #e4e4e4;} /* 구매번호등록 -방문일자 예약 -달력 */ .ticket_visiting .cal_wrap {border-bottom:1px solid #e4e4e4;} .ticket_visiting .cal_wrap .month_wrap {margin-bottom:15px;} .ticket_visiting .cal_wrap .month_wrap .txt_day {font-size:16px; color:#505050;} .ticket_visiting .cal_wrap .month_wrap .btn_prev_month, .ticket_visiting .cal_wrap .month_wrap .btn_next_month {top:3px;} .ticket_visiting .cal_wrap .month_wrap .btn_prev_month {margin-left:-83px; background: url(/images/content/btn_prev_month.png) no-repeat 0 0; background-size: 10px 20px;} .ticket_visiting .cal_wrap .month_wrap .btn_next_month {margin-right:-83px; background:url(/images/content/btn_next_month.png) no-repeat 0 0; background-size:10px 20px;} .ticket_visiting .cal_wrap .cal_table table {margin:0; border:0; } .ticket_visiting .cal_wrap .cal_table table th, .ticket_visiting .cal_wrap .cal_table table td {height:30px; padding:0; border:0; text-align:center;} .ticket_visiting .cal_wrap .cal_table table th {background:#fff; font-weight:normal; font-size:13px; color:#505050;} .ticket_visiting .cal_wrap .cal_table table td button {display:inline-block; width:30px; height:30px; font-size:14px; color:#cfcfcf;} .ticket_visiting .cal_wrap .cal_table table td button.selectable {color:#505050;} .ticket_visiting .cal_wrap .cal_table table td button.selectable.current {border-radius:50%; background:#2b72c9;color:#fff;} .ticket_visiting .cal_wrap .info_wrap {text-align:center;} .ticket_visiting .cal_wrap .info_wrap span {display:inline-block; margin-left:10px; font-size:14px; color:#777;} .ticket_visiting .cal_wrap .info_wrap span:first-child {margin-left:0;} .ticket_visiting .cal_wrap .info_wrap span .icoColor {display:inline-block; width:7px; height:7px; border-radius:50%;} .ticket_visiting .cal_wrap .info_wrap span .icoColor.type1 {background:#505050;} .ticket_visiting .cal_wrap .info_wrap span .icoColor.type2 {background:#cfcfcf;} .ticket_visiting .cal_wrap .info_wrap span .icoColor.type3 {background:#2b72c9;} .ticket_visiting .select_time_wrap{position:relative; padding:15px 45px 15px 55px; border-bottom:1px solid #e4e4e4;} .ticket_visiting .select_time_wrap .time_ctrl_wrap .btn_prev_time, .ticket_visiting .select_time_wrap .time_ctrl_wrap .btn_next_time {position:absolute; top:40%; width:32px; height:32px; font-size:0; line-height:0;} .ticket_visiting .select_time_wrap .time_ctrl_wrap .btn_prev_time {left:10px; background:url(/images/common/controls.png) no-repeat 0 -32px;} .ticket_visiting .select_time_wrap .time_ctrl_wrap .btn_next_time {right:10px; background:url(/images/common/controls.png) no-repeat -43px -32px;} .ticket_visiting .select_time_wrap .view_wrap {overflow:hidden; width:100%;} .ticket_visiting .select_time_wrap .view_wrap .view_inner {position:relative; white-space:nowrap; font-size:0; line-height:0;} .ticket_visiting .select_time_wrap .view_wrap .view {display:inline-block; width:100%; vertical-align:top;} .ticket_visiting .select_time_wrap .view_wrap .view ul {margin:0 10px 0 -10px;} .ticket_visiting .select_time_wrap .view_wrap .view ul:after {content:""; display:block; clear:both;} .ticket_visiting .select_time_wrap .view_wrap .view ul li {float:left; width:25%;} .ticket_visiting .select_time_wrap .view_wrap .view ul li:nth-child(n + 5) {margin-top:10px;} .ticket_visiting .select_time_wrap .view_wrap .view ul li .inner {margin-left:10px;} .ticket_visiting .select_time_wrap .view_wrap .view ul li .inner button {display:block; width:100%;} .ticket_visiting .select_time_wrap .view_wrap .view ul li .inner .time {display:block; padding:5px 0 8px; border-radius:3px; /*background:#ccc;*/} .ticket_visiting .select_time_wrap .view_wrap .view ul li .inner .time em {display:block; font-size:16px; line-height:1; color:#aaa; text-align:center; font-weight:500;} .ticket_visiting .select_time_wrap .view_wrap .view ul li .inner .residuum {display:block; padding:5px 0; /*background:#eee;*/} .ticket_visiting .select_time_wrap .view_wrap .view ul li .inner .residuum em {display:block; font-size:13px; line-height:1; color:#aaa; text-align:center; font-weight:400;} .ticket_visiting .select_time_wrap .view_wrap .view ul li.selectable {} .ticket_visiting .select_time_wrap .view_wrap .view ul li.selectable .inner .time {/*background:green;*/} .ticket_visiting .select_time_wrap .view_wrap .view ul li.selectable .inner .time em{color:#505050;} .ticket_visiting .select_time_wrap .view_wrap .view ul li.selectable.current {} .ticket_visiting .select_time_wrap .view_wrap .view ul li.selectable.current .inner .time {background:#2b72c9;} .ticket_visiting .select_time_wrap .view_wrap .view ul li.selectable.current .inner .time em{color:#fff;} .ticket_visiting .personnel_wrap {padding:14px;} .ticket_visiting .personnel_wrap ul {} .ticket_visiting .personnel_wrap ul li {margin-top:16px;} .ticket_visiting .personnel_wrap ul li:first-child {margin-top:0;} .ticket_visiting .personnel_wrap ul li:after {content:""; display:block; clear:both;} .ticket_visiting .personnel_wrap ul li .txt_wrap {float:left; padding-bottom:0; text-align:left;} .ticket_visiting .personnel_wrap ul li .txt_wrap .tit {margin:0; padding:0; border:0; font-weight:bold ; font-size:15px; color:#505050;} .ticket_visiting .personnel_wrap ul li .txt_wrap .txt {font-size:13px; color:#aaa;} .ticket_visiting .personnel_wrap ul li .count_wrap {float:right; margin-top:3px;} .ticket_visiting .personnel_wrap ul li .count_wrap .count {display:inline-block; margin-right:20px; font-weight:bold; font-size:19px; color:#222; vertical-align:middle;} .ticket_visiting .personnel_wrap ul li .count_wrap .count.number_color {color:#2b72c9;} .ticket_visiting .personnel_wrap ul li .count_wrap .btn_wrap {display:inline-block; vertical-align:middle;} .ticket_visiting .personnel_wrap ul li .count_wrap .btn_wrap button {float:left; display:inline-block; width:30px; height:30px; border:1px solid #505050; font-size:0; line-height:0;} .ticket_visiting .personnel_wrap ul li .count_wrap .btn_wrap button.btn_minus {border:1px solid #cacaca; border-radius:3px 0 0 3px; background:url(/images/content/btn_minus_off.png) no-repeat 50% 50%; background-size:11px 11px;} .ticket_visiting .personnel_wrap ul li .count_wrap .btn_wrap button.btn_minus.on {border:1px solid #505050; background:url(/images/content/btn_minus_on.png) no-repeat 50% 50%; background-size:11px 11px;} .ticket_visiting .personnel_wrap ul li .count_wrap .btn_wrap button.btn_plus {margin-left:-1px; border-radius:0 3px 3px 0; background:url(/images/content/btn_plus_on.png) no-repeat 50% 50%; background-size:11px 11px;} /* 구매번호 등록 */ .ticketWrap .topConArea .ticketNum_wrap .input_group{overflow:hidden; width:100%; margin-bottom:15px;} .ticketWrap .topConArea .ticketNum_wrap .input_group input{float:left; width:85%;} .ticketWrap .topConArea .ticketNum_wrap .input_group button.close{float:right; width:37px; height:37px; background: url(/images/common/ico_pop_close.gif) no-repeat 50% 50%; background-size: 50% 50%;} .ticketWrap .topConArea .ticketNum_wrap .input_group button.minus{float:right; width:37px; height:37px; background: url(/images/common/ico_pop_minus.gif) no-repeat ; background-size: 100% 100%;} .ticketWrap .topConArea button.plus{float:right; width:37px; height:37px; background: url(/images/common/ico_pop_plus.gif) no-repeat ; background-size: 100% 100%;} .ticketWrap .topConArea .input_wrap .choiceDate{position:relative; padding-bottom: 28px; margin-top:20px;} .ticketWrap .select_txt{padding:20px 3.74% 10px; background:#eee;} .ticketWrap .select_txt p{margin-bottom:10px;} .resNum_txt{padding:10px 3.74% 10px; background:#eee;} .resNum_txt p{text-align: center;} .resNum_txt p.desc{font-size: 14px;color: #505050;} .resNum_txt p.tit{margin-bottom:5px; font-size: 18px; font-weight: 500; color: #333;} .ticketWrap .select_txt .checks input[type="radio"] + label{margin-bottom:10px;} .ticketWrap .first_login{padding:20px 3.74%; } .ticketWrap .first_login p{margin-bottom:10px; color:#505050;} .ticketWrap .first_login .tit{font-size:19px; font-weight:500; color:#444;} /* 달력 아이콘 */ .visitDate_wrap{margin: 20px 3.74%; } .ticketRegister{min-height: 521px;} @media screen and (max-width:375px) { .ticketRegister{min-height: 434px;} } @media screen and (max-width:360px) { .ticketRegister{min-height: 389px;} } @media screen and (max-width:320px) { .ticketRegister{min-height: auto;} } .visitDate_wrap input{padding:0 40px 0 14px;} .icon_date{position:absolute; top:37px; left:auto; right:8px; width:22px; height:22px;} .visitdate_pw{position:relative; margin-bottom:20px;} .visitdate_pw .icon_date{top:8px;} /* 이용권구매 -인원미지정 */ .date_time{padding: 15px 14px 15px; font-size:19px;} /* 전자상거래 이용약관 */ .textArea{min-height:320px; padding:0 3.74%; border:0 none;} .kd_terms{padding:4%; } .kd_terms h3{margin-top: 20px;} .kd_terms div.subCont:first-child h3{margin-top: 0;} /* [공통] 구매-상품 목록 */ .res_list{} .res_list dl{overflow: hidden; width:100%;} /* 2016.12.06 */ .res_list dl dt{position: relative; height: 100px;} .res_list dl dt img{width:100%; height:100px;} .res_list dl dt div{position:absolute; top:22px; left:0; width:100%; text-align: center;} .res_list dl dt p{color:#fff; text-align:center; font-size:14px; } .res_list dl dt p.tit{border-bottom:1px solid #fff; font-size:24px; white-space: nowrap; width:100%; margin: 0 auto;} /* 2019.07.11 임동은 white-space:nowrap 추가 */ .res_list dl dd{float:left; overflow: hidden; width:90%; margin:5% 5% 0; border: 1px solid #eee; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box; border-radius: 0 0 5px 5px; -moz-box-shadow: 0 2px 3px 0 rgba(189, 189, 189, .4);-webkit-box-shadow: 0 2px 3px 0 rgba(189, 189, 189, .4) ;box-shadow: 0 2px 3px 0 rgba(189, 189, 189, .4);} .res_list dl dd:nth-child(2n-1){margin-right:6%;} .res_list dl dd a{display:table; width:100%; line-height:0;} .res_list dl dd .img{display: table-cell; vertical-align: middle; width: 40%;} .res_list dl dd .img img{width: 132px; height: 132px; } .res_list dl dd .txt{display: table-cell; vertical-align: middle; width: 60%; padding:0 5%; line-height:1.4;} .res_list dl dd .txt li{font-size:13px; color:#777;} .res_list dl dd .txt li.tit{font-size:16px; color:#333; font-weight: 500;} .res_list dl dd .txt li.price{margin-top:10px; padding-left:22px; background: url(/images/common/ico_won.gif) no-repeat left 50%; background-size: 18px 18px; font-weight: 700;} .res_list dl dd:last-child{margin-bottom: 5%;} .res_list dl dd .txt li.foreign_price{margin-top:10px; padding-left:0; background: none;} .res_list dl dd .txt li.foreign_price .money{margin-right: 5px;} .res_list dl dd .txt li.foreign_price > p{margin-bottom: 5px;} .res_list dl dd .txt li.foreign_price em:before{content:''; padding-left: 22px; background: url(/images/common/ico_won01.png) no-repeat left 50%; background-size: 18px 18px; } .res_list dl dd .txt li.foreign_price em.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd01.png) no-repeat left 50%; background-size: 18px 18px; } .res_list dl dd .txt li.foreign_price em.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy01.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .btn_exPrice td.foreign_price p:before{content:''; padding-left: 22px; background: url(/images/common/ico_won01.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .btn_exPrice td.foreign_price p.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd01.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .btn_exPrice td.foreign_price p.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy01.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .exPrice_view.foreign .primeCost{margin: 0 15px 7px 0;} .res_cont .price_sort table .exPrice_view.foreign em{letter-spacing: 0; float: right; margin-bottom: 5px;} .res_cont .price_sort table .exPrice_view.foreign em:before, .res_cont .price_sort table .exPrice_view.foreign .primeCost:before{content:''; padding-left: 22px; background: url(/images/common/ico_won01.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .exPrice_view.foreign em.usd:before, .res_cont .price_sort table .exPrice_view.foreign .primeCost.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd01.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .exPrice_view.foreign em.jpy:before, .res_cont .price_sort table .exPrice_view.foreign .primeCost.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy01.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .exPrice_view.foreign .primeCost{width: auto;} .res_cont .price_sort table .exPrice_view.foreign .primeCost:before{content:''; padding-left: 22px; background: url(/images/common/ico_won02.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .exPrice_view.foreign .primeCost.usd:before{content:''; padding-left: 22px; background: url(/images/common/ico_usd02.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .exPrice_view.foreign .primeCost.jpy:before{content:''; padding-left: 22px; background: url(/images/common/ico_jpy02.png) no-repeat left 50%; background-size: 18px 18px; } .res_cont .price_sort table .exPrice_view.foreign .finalPrice .price{float: right;} .res_cont .price_sort table .exPrice_view.foreign .finalPrice .price .money{display: inline-block; margin-right: 10px; color: #333; font-weight: 500;} .res_cont .price_sort table .exPrice_view.foreign .finalPrice .price .money + em{margin-bottom:0; font-size: 20px; color: #e12f36;} @media screen and (min-width:768px) { .res_list dl dd .img{width:34%;} .res_list dl dd{width: 42%; margin:3% 5% 0;} .res_list dl dd:last-child{margin-bottom: 3%;} .res_list dl dd:nth-child(2n-1){margin-left:0;} .res_list dl dd.alone{width:42%; margin: 3% 29%;} .res_list dl dd .txt li.tit{font-size:18px;} } @media screen and (min-width:1025px) { .res_list dl dt p.tit{width:40%;} /* 2019.07.11 임동은 */ } /* //2016.12.06 */ /* PC화면 구매 - 혜택 화면 */ .res_benefit{display: none;} /* 참여신청 */ .accordionCon > div .label .des{margin-left: 10px; font-size: 14px; font-weight: 400;} .accordionCon > div .checks .deadline{display: inline-block; float: right; margin-top: 2px; color: #cfcfcf;} .accordionCon > div .checks .possible{display: inline-block; float: right; margin-top: 2px; color: #e12f36;} .input_wrap .byte{text-align: right;} .input_wrap input.byteChk{display: inline-block; width: 40px; height: auto; line-height: initial; padding: 0; border: 0 none; box-sizing: initial; -moz-box-sizing: initial; -webkit-box-sizing: initial; -ms-box-sizing: initial; text-align: right; vertical-align: top;} .apply_textarea{width:100%; height:200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } /* 연간회원권 -혜택안내 */ .benefit_box{margin-bottom: 20px; overflow: hidden; width: 100%;} .benefit_box li{float:left; width:49%; margin: 0 2% 2% 0; border: 1px solid #d8d8d8; border-radius: 5px;} .benefit_box li:nth-child(2n){margin-right:0;} .benefit_box li .img{padding: 2px; border-bottom: 1px dashed #d8d8d8;} .benefit_box li .txt{margin: 10px; height: 145px; overflow-y: hidden;} .benefit_box li .txt li{float:none; width: auto; margin: 0; border: 0 none;} /* 전망대 단체영업 */ .resPeople_wrap{border-top: 2px solid #3e3e4d; border-bottom: 2px solid #ccc;} .resPeople_wrap .resPeople{display: table; width: 100%; } .resPeople_wrap div{display: table-cell; vertical-align: middle;} .resPeople_wrap div.th{display: table-cell; vertical-align: middle; width:40%; background: #f8f8f8; border-bottom: 1px solid #d9d9d9;} .resPeople_wrap div.th .time{padding: 0 0 5px 20px; background: url(/images/seoulsky/ico_time.gif) no-repeat left 4px; background-size: 16px 16px; margin: 0 5%; } .resPeople_wrap div.th .people{padding-left: 20px; background: url(/images/seoulsky/ico_people.gif) no-repeat left 50%; background-size: 16px 16px; margin: 0 auto; width:45%;} .resPeople_wrap div p.td{display: table; width:90%; padding:20px 10px; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;} /*.resPeople_wrap div p.td:after{content:"";display:block;clear:both}*/ .resPeople_wrap div p.td .name{display: table-cell; width: 60%; vertical-align: middle;} .resPeople_wrap div p.td .people{display: table-cell; width: 40%; vertical-align: middle; text-align: right;} .resPeople_wrap div p.td .people input{width:70%; text-align: right; padding: 0 10%;} .group_count_sk{height: 37px; line-height: 37px; margin-bottom: 10px;} .btn_put{border-left: 0 none !important; padding: 8px 10px;} .table_sk_wrap{border-top: 2px solid #3e3e4d; } .table_sk{display: table; width: 100%; border-bottom: 2px solid #ccc;} .table_sk:hover, .table_sk:hover .th{background: #d8f3fe;} .table_sk .num{display: table-cell; width:10%; padding:8px 10px; vertical-align: middle;} .table_sk .num em{display:block; width:28px; text-align: center;} .table_sk .th{display: table-cell; width:30%; vertical-align: middle; border-left: 1px solid #d9d9d9; background: #f8f8f8;} .table_sk .th p, .table_sk .td p{padding:8px 10px; border-bottom: 1px solid #d9d9d9;} .table_sk .td{display: table-cell; width:45%; vertical-align: middle; border-left: 1px solid #d9d9d9;} .table_sk .th p:last-child, .table_sk .td p:last-child{border-bottom: 0 none;} .table_sk .arrow{display: table-cell; width:15%; padding:8px 10px; vertical-align: middle; border-left: 1px solid #d9d9d9; background: url(/images/common/btn_calNext_off.png) no-repeat 50% 50%; background-size: 10px 18px; } .resPeople_wrap .input_group.bus_wrap{width: 44%; margin:0 28%; }