@charset "utf-8";
@import url("base.css");
@import url("common.css");
@import url("submain.css");
@import url("content02.css");

/* E:DM */
.edm-login {text-align:center; padding:150px 0 0 0; margin:15px; background:url('../../images/bg/bg_edm_login.png') no-repeat center 35px; background-size:90px; color:#000; font-size:18px; display:none;}
.edm-login .btn-type1, .edm-fav .btn-type1 {margin-top:10%;}
.edm-fav {text-align:center; padding:150px 0 0 0; margin:15px; background:url('../../images/bg/bg_edm_fav.png') no-repeat center 35px; background-size:90px; color:#000; font-size:18px; display:none;}
.edm-fav > span {font-size:15px; margin-top:10px; color:#666; font-weight:bold; display:block;}

/* 문화센터 */
.culture-lecture h3 {padding:17px 15px; font-size:16px; line-height:140%;}
.culture-lecture .view-area {border-top:1px solid #232427;}
.culture-lecture .tb-type2 {margin:15px 0 25px 0;}
.culture-lecture .comm-togg {margin-bottom:25px;}
.culture-lecture .btn-set3 > span {float:left; width:32%;}
.culture-lecture .btn-set3 > a + span, .culture-lecture .btn-set3 > span + a {margin-left:2%;}
.culture-lecture2 {padding:0 15px 15px; width:100%; vertical-align:middle; box-sizing:border-box;}
.culture-lecture2 > .tab-area {border-bottom:0; padding:10px 0 0;}
.culture-lecture2 > .sch-type2 {margin:0;}
.culture-lecture2 > .p-red {margin-top:10px;}
.culture-wrap > h3 {padding-top:0;}
.lecture-list {border-top:1px solid #333; padding:15px 0;}
.lecture-list li {margin-bottom:10px;}
.lecture-pay {border-top:1px solid #333; padding:15px 0 0 0;}
.lecture-pay ul li {overflow:hidden; position:relative; line-height:1.8em;}
.lecture-pay ul li > strong {color:#333;}
.lecture-pay ul li > span {float:right; text-align:right; color:#666;}
.lecture-pay ul li > .lecture-togg {overflow:hidden;}
.lecture-togg > summary {color:#333; text-indent:-15px; padding:12px 0; display:block; line-height:100%; background:url('../../images/bg/bg_open.png') no-repeat 80px center; background-size:10px;}
.lecture-togg > summary > span {float:right; text-align:right; color:#666; text-indent:0;}
.lecture-togg > ul {padding:13px; background:#eee;}
.lecture-togg > ul li strong {font-weight:normal;}
.lecture-notice {/*border:1px solid #ddd; */padding:15px; margin-bottom:25px;padding-top: 0;margin-top: 10px;}/*20200221 수정*/
.lecture-notice h4 {font-size:15px; color:#000; margin-bottom:10px;}
.finish {padding:0 15px 51px; display:table-cell; position:relative; width:100%; vertical-align:middle; box-sizing:border-box;}
.ver2 .step + .finish {padding:33px 15px 51px;}
.finish .btn-set1 {width:94%; position:absolute; left:3%; bottom:15px;}
.finish-txt {text-align:center; margin:25% 0;}
.service-txt  {text-align:center;}
.finish-txt p {padding:100px 0 0 0; line-height:1.7em; color:#666; font-size:14px; word-spacing:-0.1em; position:relative;}
.finish-txt p:before {content:""; width:90px; height:90px; position:absolute; left:50%; top:0; margin:0 0 0 -45px; background:url('../../images/bg/bg_finish_txt.png') no-repeat center top; background-size:90px;}
.finish-txt p.service {background:url('../../images/bg/bg_service_finish.png') no-repeat center 35px; background-size:90px 78px;}
.service-txt p {padding:150px 0 0 0; background:url('../../images/bg/bg_service_txt.png') no-repeat center 35px; background-size:90px 78px; line-height:1.7em; color:#666; font-size:15px;}
.finish-txt p span, .service-txt p span {display:block; color:#000; font-size:18px; margin-bottom:5px;}
.finish-txt p strong, .service-txt p {color:#000;}
.finish-txt .btn-set1 .btn-type2 {width:100%; margin-top:20px;}
.lecture-timetable {margin:15px;}
.lecture-timetable > table td {padding:0 10px;}
.lecture-timelist > li {margin:10px 0; font-size:12px; color:#333; line-height:1.5em;}
.lecture-timelist > li .time {display:block; color:#3674d0;}
.lecture-timelist > li em {color:#dd4c4c;}
.my-lecture .list-type2 > li {position:relative; width:100%; overflow:hidden;}
.my-lecture .list-type2 > li  a + a, .my-lecture .list-type2 > li  a + span {display:inline-block; padding:9px 16px 0; position:absolute; right:15px; bottom:15px;}
.list-more .lecture-notice {background:#fff; margin-top:15px; text-align:left;}
.list-type2 > li > label {margin-left:0;}
.culture-inquiry > .btn-set1 {margin:15px;}
.inquiry-wrap {width:100%; border-top:1px solid #000; background:#fff;}
.inquiry-wrap > .inquiry-title {border-bottom:1px solid #b4b4b4;}
.inquiry-wrap > .inquiry-title {padding:15px; color:#000; display:block; position:relative;}
.inquiry-wrap > .inquiry-title > mark {margin:0 0 6px;}
.inquiry-wrap > .inquiry-title > strong {display:block; font-size:16px; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word;}
.inquiry-wrap > .inquiry-title > span.tag {font-size:12px; color:#333;}
.inquiry-wrap > .inquiry-title > span.date, .inquiry-wrap > .inquiry-title > span.assist {color:#666; font-size:12px; padding-top:6px; line-height:100%;}
.inquiry-wrap > .inquiry-title > span.assist {display:block;}
.inquiry-wrap > .inquiry-title > strong + span.assist {padding-top:10px;}
.inquiry-wrap > .inquiry-title > mark:last-child {position:absolute; right:15px; bottom:6px;}
.inquiry-wrap > div {padding:15px 15px 0;}
.inquiry-wrap > .inquiry-cont {padding:15px 0; margin:0 15px; border-bottom:1px solid #333;}
.inquiry-wrap > h3 {padding:30px 15px 15px 15px; border-bottom:1px solid #b4b4b4; color:#333;}
.inquiry-wrap > .inquiry-cont .add-file {border-top:1px solid #b4b4b4; margin-top:15px; padding-top:15px;}
.inquiry-wrap > .inquiry-cont .add-file a {display:block; padding-left:20px; background:url('../../images/ico/ico_addfile.png') no-repeat 0 center; background-size:15px 16px;}
.inquiry-wrap .btn-right {overflow:hidden; text-align:right; padding:15px;} 

/* 문화센터 팝업 */
.pop-culture, .culture-wrap, .culture-area {padding:15px;}
.culture-area .write-set2 {padding:0 0 15px;}
.pop-culture h4 {margin-bottom:10px; font-size:16px; color:#000; line-height:140%;}
.pop-culture .list-txt3, .culture-wrap .list-txt3 {margin:15px 0 30px;}
.pop-view-cert {padding:15px; text-align:center;}
.pop-view-cert .list-txt3 {display:inline-block; margin:15px 0 30px;}
.pop-view-cert .list-txt3 li {display:table; text-align:left;}
.pop-view-cert .list-txt3 li strong {color:#333; display:table-cell; padding-right:5px;}
.pcont-wrap {padding:0 0 20px; border-top:1px solid #333;}
.pcont-wrap.b-none {border:0;}
.input-set {margin-left:20px; line-height:100%;}
.input-set li {margin:15px 0;}
.input-set li > div {padding:0 0 0 30px;}
.input-set li > div label {display:block; line-height:2em; margin-top:5px;}
.input-set li > div input {width:100%;}
.agree-box {margin-top:10px; height:170px; margin-bottom:15px; border:1px solid #ddd; padding:10px; font-size:13px; overflow-y:auto; background:#fff;}
.agree-box ol li {margin-bottom:10px;}
.view-cert img {width:290px; height:119px;}

.pop-culture .write-set2 {padding:15px 0;}
.pop-culture .btn-set2 {padding:0;}

/* 20200511 추가 S */
/* 문화센터 강좌 공지 레이어 팝업 */
.dim_box {position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100vh; background: #000; opacity: 0.7; z-index: 10001;}
.pop_culture_l {position: fixed; left: 0; top: 50%; display: block; transform:translateY(-50%); width: 100%; padding: 0 45px; box-sizing: border-box; z-index: 10002;}
.pop_culture_l .btn_area {width:100%;}
.pop_culture_l .btn_area a {display:block; float:left; width:50%;}
/* 20200511 추가 E */

/* 고객 서비스 */
.service-wrap > .service-txt {padding:0 15px;}
.service-wrap > .serv {padding:15px 15px 30px 15px;}
.service-wrap > .btn-set2 {margin-bottom:15px;}
.gry-bg-wrap {border-top:1px solid #333; border-bottom:1px solid #333; padding:0 15px 20px 15px; background:#f5f6f7;}
.gry-bg-wrap > .btn-set2 {margin-top:30px;}
.info-link-list li {padding:30px 15px; border-top:1px solid #b4b4b4; font-weight:bold; color:#333;}
.info-link-list li:first-child {border:0;}
.info-link-list li > .btn-set {margin-top:15px; text-align:center;}
.info-link-list li > .btn-set .small {margin-top:15px; font-size:12px; padding:9px 8px 0;}
.info-link-list li > .btn-set.type2 .btn-type2 {width:49%;}
.service-wrap .finish-txt {margin:20% 0 125px 0;}
.service-wrap .finish-txt + .btn-set1 {position:fixed; bottom:15px; left:15px; right:15px;}
.service-wrap2 {margin:0 15px 15px;}
.service-wrap2 .list-togg1 > li > ul > li > span {width:130px;}
.service-wrap2 .list-togg1 > li > ul > li > span + span {width:auto;}
.service-sns {text-align:center;}
.service-sns > h3 {font-size:16px; margin-bottom:30px;}
.service-sns > ul > li img {width:207px;}
.service-sns > ul > li {margin-bottom:30px;}
.service-agree {text-align:center;}
.service-agree > h3 {font-size:16px; margin-bottom:0px;}
.service-agree > ul > li img {width:100%;}
.service-agree > ul > li {margin-bottom:0px;}
/* 마이 페이지 */ 
.img-cp img {width:109px; height:86px;}
.my-event > .list-type2 li {padding:15px;}
.my-event > .list-type2 li a {width:100%; padding:0; overflow:hidden;}
.my-event > .list-type2 li .assist {float:left;}
.my-event > .list-type2 li .assist + .assist {float:right;}
.my-event > .list-type2 > li > a > mark:last-child {bottom:18px;}
.list-type2 > li > a > .p-plus, .list-type2 > li > a > .p-minus {position:absolute; right:38px; font-weight:bold; background-color:#fff;} /* 20170620 수정 */
.list-type2 > li > a > div.point{position:absolute; right:45px; top:15px; font-weight:bold; background-color:#fff;} /* 20170609 추가 */
.list-type2 > li > a > button.btn_point{position:absolute; right:15px; top:28px; width:15px; background-color:#fff;} /* 20170609 추가 */
.list-type2 > li > a > button.btn_point img{width:100%;} /* 20170609 추가 */
.p-plus {color:#dd4b4c; background:none; display: inline-block;} /* 20170609 수정 */
.p-plus span, .p-minus span{display:block; color:#333;} /* 20170620 추가 */
.ico-plus, .ico-minus {display:inline-block; width:12px; height:12px; font-size:14px; color:#fff; font-weight:normal; font-style:normal; border-radius:100%; text-align:center; line-height:98%; vertical-align: middle;}
.ico-plus {background:#dd4b4c; }
.p-minus {color:#406ab6; background:none;  text-align:right;} /* 20170609 수정 */
.ico-minus {background:#406ab6;}
.point-detail{background:#f2f2f2; padding:15px; border-top: 1px solid #b4b4b4;} /* 20170609 추가 */
.point-detail > div.barcode{background:#fff; width:100%; height:70px; margin:0; padding:0; border-bottom:0; margin-top:10px;} /* 20170609 추가 */
.point-detail > ul > li span.pos{font-weight:bold; font-size:16px;} /* 20170620 추가 */
.my-event .list-type2 > li > a > strong {width:-webkit-calc( 100% - 49px );}
.my-edm-store {padding:20px 15px; text-align:center; border-bottom:1px solid #bbb; word-break:keep-all;}
.my-edm-store strong {color:#000;}
.my-edm-store  > .btn-set1 .btn-type2 {margin-top:15px; width:100%;}
.my-edm-view {padding:20px 0; text-align:center;}
.my-edm-view strong {display:block; color:#000; padding:0 0 10px;}
.my-edm-view a {display:block; background:url('../../images/bg/bg_dm_list03.png') no-repeat center bottom; background-size:90%; padding-bottom:5.5%;}
.my-edm-view a > img {width:50%;}
.my-edm-view p {color:#000; font-weight:bold; text-align:center; margin:20% 0;}

.list-open {width:100%; border-top:1px solid #b4b4b4; font-size:12px; line-height:100%; display:none;}
.tb-type02 {width:100%; background:#f2f2f2; }
.tb-type02 th {background:#eee; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; padding:10px 15px;}
.tb-type02 td {border-bottom:1px solid #ddd; padding:10px 15px;}
.tb-type02 tr:last-child th, .tb-type02 tr:last-child td {border-bottom:0;}

/* DM */
.tip-edm {background:#f2f2f2; padding:20px 15px; border-bottom:1px solid #232427;}
.tip-edm > strong {display:block; color:#000; padding:0 0 14px; line-height:130%;}
.tip-edm > span {display:block; color:#555; line-height:130%; letter-spacing:-0.07em;}
.news-dm > .sel {padding:15px 15px 0;}
.news-dm h3 {padding:30px 15px 0; color:#000; font-size:18px; line-height:110%;}
.news-dm .list-type3.type2 {background:none; padding:20px 0 0 1%; overflow:hidden;}
.news-dm .list-type3.type2 > li {padding:0 0 4%; float:left; margin-left:2%;} /* 20200205_2 수정 */
.news-dm .edm-link {border-top:1px solid #000; display:block; background:#f2f2f2; text-align:center;}
.news-dm .edm-link img {width:90%; margin-top:10px;}

/* 기타 */
.info-wrap {word-break:keep-all; padding:0 0 25px;}
.info-wrap .change-info {padding:110px 0 25px; text-align:center; background:#eee url('../../images/bg/bg_password.png') no-repeat center 23%; background-size:64px 63px;}
.info-wrap .info-text {font-size:16px; text-align:center; letter-spacing:-0.08em;} 
.info-wrap .top {margin-top:25px;}
.info-wrap .mrgn {margin:25px auto 30px;}
.info-wrap .info-text > strong {font-size:18px; color:#333; display:block; margin-bottom:7px;}
.info-wrap .info-text em, .info-wrap .text-wrap em {color:#4368b8;}
.info-wrap .text-wrap {text-align:center; padding:25px 10px;}
.info-wrap .text-wrap p + p {margin-top:12px;}
.info-wrap .btn-type1, .info-wrap .btn-type1:hover {padding:12px 12px 0;}
.info-wrap .btn-set1 {margin:auto 3%;}
.info-wrap .gray-box {background:#eee; padding:20px 15px; margin:25px 0 30px;}
.info-wrap .gray-box .chck-list {margin:15px 0;}
.info-wrap .gray-box .chck-list label {margin:0 4px 10px -3px; font-size:13px;}
.info-wrap .gray-box .chck-list label.first {margin-left:-3px;}
.info-wrap .gray-box strong {color:#333; display:block;}
.info-wrap .gray-box ul li {margin-top:7px;}
.info-wrap .gray-box.center {text-align:center;}
.info-wrap .gray-box.center > strong {font-size:16px; color:#333; margin-bottom:20px;}
.info-wrap .gray-box.center > strong em {font-size:18px; display:block;}

/* 시설안내 */
.facility .list-type1 img {width:100%;}
.facility .list-type1 h3 {font-size:18px; padding:20px 15px 10px 15px;}
.facility .list-type1 h3 > span {font-style:normal; font-size:15px; color:#666;}
.facility .list-type1 .list-txt2 {padding:0 15px 20px; color:#333;}
.facility .list-type1 .list-txt2 li em + br + em {margin-left:-2px;}
.facility .list-type1 li .facility-details > button {width:24px; height:29px; position:absolute; top:50%; z-index:100; margin-top:-15px;}
.facility .list-type1 li .facility-details > button.btn-prev {left:0; background:rgba(0,0,0,.6) url('../../images/btn/btn_prev.png') no-repeat center center; background-size:10px;}
.facility .list-type1 li .facility-details > button.btn-next {right:0; background:rgba(0,0,0,.6) url('../../images/btn/btn_next.png') no-repeat center center; background-size:10px;}
.facility .list-type1 li .facility-details {position:relative;}
.facility .list-type1 li .facility-details > div {position:absolute; top:10%; left:15%; background: rgba(255, 255, 255, .9); width:70%; height:80%; padding:30px 20px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; display:none;}

/* 쇼핑뉴스 */
.news.event .mark2 {margin:15px 3% 0;}
.news.event .mark1 {margin:15px 3% 0;}
.news.event .tit-view .mark1,
.news.event .tit-view .mark2 {margin:0 0 5px 0;}
.news.event .box-type1 {padding:15px 8px; background:#eee;}
.news.event .box-type1 .list-txt {margin-left:11px;}
.news.event .box-type1 .list-txt li {color:#333; font-size:14px;}
.news.event .box-type1 .list-txt li span {margin-left:5px; color:#555;}
.news.event .box-type1 .list-txt li .p-red {display:block; margin-top:15px; }
.news.event .box-type1 .btn-set1 {margin-top:22px; }
.news.event .tb-type1 + img {margin-top:25px;}
.news.event .view-area .tit-type1 {margin:25px 0 10px 0; color:#333; font-size:14px;}
 
.news .view-area .btn-set1 {margin-top:10px; }
.news .btn-cen {margin-top:10px;}
.news .list-type2 > li > a > h3 {padding:0; line-height:1.3; font-size:16px;}
.news .list-type1 > li > a > h3 {margin:15px 3% 0; padding:0; line-height:1.3; font-size:16px;}
.news.event .list-type1 > li > a > h3 {margin:0; padding:4px 3% 0;}

.pop-event {position:relative; padding:15px;}
.pop-event .btn-set1 {position:fixed; bottom:15px; left:15px; right:15px;}
.pop-event strong {display:block; padding:150px 0 0 0; font-size:18px; color:#000; text-align:center; line-height:1.5;}
.pop-event strong span {display:block; font-size:15px; color:#666; }
.pop-event strong.ico-win {background:url('../../images/ico/ico_winevent.png') no-repeat center 10px; background-size:110px 112.5px;}

/* 지점안내 */
.store .btn-area {margin:0 15px; padding:15px 0; border-top:1px solid #b4b4b4;}
.store-info .wrap-map .map-area {width:100%; height:177px; background:#eee; overflow:hidden;}
.store-info .wrap-map .map-area img {display:block; height:177px;width:100%;}
.store-info .store-con {margin:0 15px; padding:10px 0 45px;}
.store-info .store-con h3 {color:#000; font-size:18px;}
.store-info .store-con .list-txt2 {padding:10px 0 24px;}
.store-info .btn-set1 {padding:15px; margin:0;}
.store-info .store-con .list-togg1, .foodcourt-info .list-togg1 {border-top:1px solid #b4b4b4;}
.store-info .store-con .list-togg1 > li, .foodcourt-info .list-togg1 > li {border-bottom:1px solid #b4b4b4;}
.store-info .store-con .list-togg1 > li > a {font-size:15px; color:#222;}
.store-info .store-con .list-togg1 > li > a i {display:inline-block; width:18px; height:18px; margin:0 5px 0 0; vertical-align:bottom; background:url('../../images/ico/ico_traffic.png') no-repeat; background-size:18px 50px;}
.store-info .store-con .list-togg1 > li > a .ico-titsubway {background-position:1px 1px;}
.store-info .store-con .list-togg1 > li > a .ico-titbus {background-position:1px -33px;}

.ico-subway li > strong {padding-left:20px; padding-bottom:3px; background:no-repeat 0 3px; background-size:15px 15px;}
.ico-subway .line1 {background-image:url('../../images/ico/ico_subway_line1.png'); background-size:15px 15px;}
.ico-subway .line2,
.ico-subway .line2-bs, 
.ico-subway .line2-dg {background-image:url('../../images/ico/ico_subway_line2.png');}
.ico-subway .line3 {background-image:url('../../images/ico/ico_subway_line3.png');}
.ico-subway .line4,
.ico-subway .line4-bs {background-image:url('../../images/ico/ico_subway_line4.png');}
.ico-subway .line5 {background-image:url('../../images/ico/ico_subway_line5.png');}
.ico-subway .line6 {background-image:url('../../images/ico/ico_subway_line6.png');}
.ico-subway .line7 {background-image:url('../../images/ico/ico_subway_line7.png');}
.ico-subway .line8 {background-image:url('../../images/ico/ico_subway_line8.png');}
.ico-subway .line9 {background-image:url('../../images/ico/ico_subway_line9.png');}
.ico-subway .line10 {background-image:url('../../images/ico/ico_subway_line10.png');}
.ico-subway .line11 {background-image:url('../../images/ico/ico_subway_line11.png');}
.ico-subway .line12 {background-image:url('../../images/ico/ico_subway_line12.png');}
.ico-subway .line13 {background-image:url('../../images/ico/ico_subway_line13.png');}
.ico-subway .line14 {background-image:url('../../images/ico/ico_subway_line14.png');}
.ico-subway .line15 {background-image:url('../../images/ico/ico_subway_line15.png');}
.ico-subway .line16 {background-image:url('../../images/ico/ico_subway_line16.png');}
.ico-subway .line17 {background-image:url('../../images/ico/ico_subway_line17.png');}
.ico-subway .line18 {background-image:url('../../images/ico/ico_subway_line18.png');}
.ico-subway .line1-bs, 
.ico-subway .line1-dg {background-image:url('../../images/ico/ico_subway_line19.png');}
.ico-subway .line3-bs {background-image:url('../../images/ico/ico_subway_line20.png');}
.ico-subway .line3-dg {background-image:url('../../images/ico/ico_subway_line21.png');}
.ico-subway .line4-bs {background-image:url('../../images/ico/ico_subway_line23.png');}
.ico-subway .line5-bs {background-image:url('../../images/ico/ico_subway_line24.png');}
.ico-subway .line1-kj, 
.ico-subway .line1-dj {background-image:url('../../images/ico/ico_subway_line22.png');}

.ico-bus {padding:0 0 3px 22px; background:no-repeat 4px 3px; background-size:15px 15px;}
.ico-bus.blue {background-image:url('../../images/ico/ico_bus_blue.png');}
.ico-bus.green {background-image:url('../../images/ico/ico_bus_green.png');}
.ico-bus.red {background-image:url('../../images/ico/ico_bus_red.png');}
.ico-bus.yellow {background-image:url('../../images/ico/ico_bus_yellow.png');}
.ico-bus.town {background-image:url('../../images/ico/ico_bus_town.png');}
.ico-bus.intercity {background-image:url('../../images/ico/ico_bus_intercity.png');}
.ico-bus.airport {background-image:url('../../images/ico/ico_bus_airport.png');}


/* 식당소개 */
.foodcourt .slide {position:relative;}
.foodcourt .slide .mark1 {position:absolute; left:10px; top:10px; z-index:10000;}
.foodcourt-info {position:relative; margin:0 15px; padding:15px 0 20px 0;}
.foodcourt-info h3 {margin:0 60px 5px 0; color:#000; font-size:18px;}
.foodcourt-info h3 em {margin-left:5px; color:#000; font-size:15px;}
.foodcourt-info .list-togg1 > li > a {font-size:15px; color:#333;}
.foodcourt-info > div {margin-bottom:15px;}
.foodcourt-info .mark3 {margin-right:5px; }
.foodcourt-info .btn-tel {position:absolute; top:17px; right:0;}


/* 층별 안내 */
.store .list-type1 > li > a > h3 {margin:15px 3% 0; padding:0; line-height:1.3; font-size:16px;}
.store-floor h3 {margin:0 3%; padding:15px 0 15px;}
.store-floor .sch-type1 {margin:10px 15px 0 15px;}
.store-floor .view-floor {position:relative; overflow:hidden;}
.store-floor .view-floor ul {position:absolute; top:0; left:0; overflow:hidden;}
.store-floor .view-floor ul > li {float:left;}
.store-floor .view-floor img {width:100%;}
.mweb .store-floor .btn-viewfloor {background:#232427; text-align:center;}
.mapp .store-floor .btn-viewfloor {position:fixed; bottom:28px; left:0; background:#232427; text-align:center; width:100%;}
.store-floor .btn-viewfloor span {display:inline-block; color:#fff; font-size:14px; font-weight:bold;}
.store-floor .btn-viewfloor span em {margin:0 5px;}
.store-floor .btn-viewfloor button {display:inline-block; width:50px; height:50px; background:url('../../images/btn/btn_viewfloor.png') no-repeat; background-size:107px 18px;}
.store-floor .btn-viewfloor button.btn-pre {background-position:17px 14px;}
.store-floor .btn-viewfloor button.btn-next {background-position:-76px 14px;}

/*
.floor-info {position:relative; overflow:hidden;}
.floor-info .wrap-floor {display:block; float:left; width:50px; box-sizing:border-box; border-right:1px solid #232428; border-top:1px solid #232428; border-bottom:1px solid #232428; z-index:100; position:relative; overflow:hidden;}
.floor-info .wrap-floor .btn-up {display:block; width:49px; height:38px; line-height:44px; text-align:center; background:#666 url('../../images/ico/ico_up.png') no-repeat center center; background-size:8px 5px; position:absolute; left:0; top:0; display:none;}
.floor-info .wrap-floor .btn-down {display:block; width:49px; height:38px; line-height:44px; text-align:center; background:#666 url('../../images/ico/ico_down.png') no-repeat center center; background-size:8px 5px; position:absolute; left:0; bottom:0; display:none;}
.floor-info .wrap-floor > ul {position:absolute; left:0; top:0;}
*/
.floor-info {position:relative; overflow:hidden;}
.floor-info .wrap-floor {display:block; float:left; width:50px; box-sizing:border-box; border-right:1px solid #232428; border-top:1px solid #232428; border-bottom:1px solid #232428; z-index:100; overflow:auto; overflow-x:hidden;}
.floor-info .wrap-floor .btn-up {display:block; width:49px; height:44px; line-height:44px; text-align:center; background:#666 url('../../images/bg/bg_arrow_up.png') no-repeat center center; background-size:8px 5px;}
.floor-info .floor-detail {width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:100%; border-top:1px solid #232428; overflow:hidden; overflow-y:auto; padding:0 15px 25px; box-sizing:border-box;}
.floor-info .floor-detail .tit-area {overflow:hidden; padding:16px 39px 16px 0; position:relative;}
.floor-info .floor-detail .tit-area h4 {font-size:18px; color:#000; line-height:120%; padding:2px 0 0 30px; position:relative;}
.floor-info .floor-detail .tit-area h4 span {position:absolute; left:0; top:2px;}
.floor-info .floor-detail .tit-area .btn-fplan {position:absolute; right:0; top:16px;}
.floor-info .floor-detail .tab-members {margin:0 3%;}
.floor-info .floor-detail .tab-members > li > a {padding:10px 35px 10px 5px; background-position:95% center;} 
.floor-info .floor-detail .tab-members > li > ul > li {height:initial; min-height:30px; padding:7px 40px 7px 0;}
.floor-info .floor-detail .scroll {padding:0 15px; float:none;}

.floor-select li {border-top:1px solid #b4b4b4;}
.floor-select li:first-child {border-top:0;}
.floor-select li > a {display:block; line-height:100%; padding:15px 0; background:#eee;}
.floor-select li.on > a {background:#232428;}
.floor-select li.on > a span {color:#fff;}
.floor-select li > a span {width:50px; text-align:center; display:inline-block; color:#000;}

/* 브랜드검색 popup */
.pop-brand .sch-type1 {margin:10px 3% 0 3%;}
.pop-brand .list-brand {margin-top:10px; border-top:1px solid #000; overflow:auto; -webkit-overflow-scrolling:touch;}
.pop-brand .list-brand > li {position:relative; min-height:32px; padding:7px 44px 7px 15px; border-bottom:1px solid #b4b4b4;}
.pop-brand .list-brand > li > div {overflow:hidden; box-sizing:border-box;}
.pop-brand .list-brand > li > div span {float:left; display:block; padding-left:6px; color:#333; font-size:13px; }
.pop-brand .list-brand > li > div > span {width:36%; padding-left:0; }
.pop-brand .list-brand > li > div > span + span {width:12%;}
.pop-brand .list-brand > li > div span.floor {width:10%;}
.pop-brand .list-brand > li > div strong {display:inline-block; width:42%; }
.pop-brand .list-brand > li .btn-tel2 {position:absolute; right:3%; top:7px;}

/* 지도확대보기 popup */
.pop-map {position:relative; }
.pop-map .map-area {width:100%; background:#eee;}
.pop-map .map-area img {width:100%;}
.pop-map .btn-set1 {width:100%; padding:15px; margin:0; box-sizing:border-box;}

/* 소극장 쿠폰함 popup */
.pop-cinema {padding:15px;}
.pop-cinema .write-set2 {padding:0 0 15px 0;}
.pop-cinema .board + .btn-set1 {padding:15px 0 15px 0; background:#fff;}
.pop-cinema .board .tb-type2 {width:100%;}
.pop-cinema .board .tb-coupon th {padding:10px 0; border-top:2px solid #333; background:#eee; text-align:center; font-size:11px; color:#333;}
.pop-cinema .board .tb-coupon td {padding:10px 3px; border-bottom:1px solid #d4d4d4; font-size:11px; color:#333; text-align:center; }


/* 문화선터 */
.culture-store .top-visual img {width:100%;}
.culture-store .list-type1 {border-top:0;}
.culture-store .list-type1 > li {margin-top:0; padding:15px 15px 25px 15px;}
.culture-store .list-type1 h3 {padding:10px 0 5px 0;}
.culture-store .list-type1 > li .btn {overflow:hidden; box-sizing:border-box;}
.culture-store .list-type1 > li .btn a {float:left; width:32%; margin-right:1%;}
.culture-store .list-type1 > li .btn a:last-child {width:34%; margin-right:0;}
.culture-store .list-type1 > li .btn a.btn-type2 {padding:9px 7px 0;}


/* 문화선터 고객센터 */
.culture-notice .list-type2 > li > a > h3 {padding:0; line-height:1.3; font-size:16px;}
.culture-notice .btn-area {margin:0 15px; padding:15px 0; border-top:1px solid #b4b4b4;}

/* 멤버십 */
.members  img {width:100%; }
.members .co-red {color:#dd4c4c;}
.members .members-con01 .box-type1 {margin-bottom:30px;}
.members .members-con01 .tit-type2 {margin-top:30px;}
.members .members-con01 dl.list-txt3 > dt {margin-bottom:20px; padding-left:12px; color:#333; font-size:14px; background:url('../../images/bg/bg_dot.png') no-repeat left 10px; background-size:3px;}
.members .members-con01 dl.list-txt3 > dd {padding:0 0 30px 12px; color:#666; font-size:14px;}
.members .members-con01 dl.list-txt3 > dd + dd {margin-top:-15px; padding:0 0 10px 12px;}
.members .members-con02 .list-txt3 > li > ul > li {padding-left:0; background:0;}
.members .members-con02 .list-txt3 > li > ul > li .co-red {display:block;}
.members .members-con02 .dl-type1 dt {color:#333; font-size:14px;}
.members .members-con02 .dl-type1 dd {color:#666; font-size:14px;}
.members .members-con03 .box-type2 {margin-bottom:30px;}
.members .members-con03 dl.list-txt3 {margin-top:15px; }
.members .members-con03 dl.list-txt3 > dt {margin-bottom:5px; padding-left:12px; color:#333; font-size:14px; background:url('../../images/bg/bg_dot.png') no-repeat left 10px; background-size:3px;}
.members .members-con03 dl.list-txt3 > dd {padding:0 0 12px 12px; color:#666; font-size:14px;}
.members .members-con03 dl.list-txt3 > dd + dd {margin-top:-15px; padding:0 0 10px 12px;}
.members .members-con04 .box-type2 + .tit-type2 {margin-top:30px;}

.members .tab-members {margin-bottom:20px; border-top:1px solid #b4b4b4;}
.members .tab-members > li {border-bottom:1px solid #b4b4b4;}
.members .tab-members > li > a span.icon img{width:20px; margin-right:5px;} /* 20171212 추가 */
.members .tab-members > li > a {padding:10px 22px 10px 0; display:block; line-height:100%; background:url('../../images/bg/bg_open.png') no-repeat 99% center; background-size:10px;}
.members .tab-members > li > a > h3 {padding:0; color:#333; font-size:15px; display:inline-block;} /* 20171212 수정 */
.members .tab-members > li > a.on {background:url('../../images/bg/bg_close.png') no-repeat 99% center; background-size:10px;}
.members .tab-members > li > ul {display:none;}
.members .tab-members > li > ul > li {height:29px; border-top:1px solid #b4b4b4; overflow:hidden; padding:7px 29px 7px 0; position:relative;}
.members .tab-members > li > ul > li > span {float:left; width:85px; padding-left:6px; color:#333;}
.members .tab-members > li > ul > li > span + span {width:110px; color:#666;}
.members .tab-members > li > ul > li > a {position:absolute; right:0; top:7px;}
.members .tab-members > li > div {overflow:hidden; padding:13px 0 18px 0; line-height:140%; display:none;}
.members .tab-members > li > a.on + div {display:block;}

.members .membership-info {margin-bottom:30px; padding:30px 15px; background:#eee; text-align:center;}
.members .membership-info .card {display:block; width:206.5px; margin:0 auto 18px;}
.members .membership-info .txt-info {display:block; width:240.5px; margin:0 auto;}
.members .membership-info .txt-info2 {display:block; width:227px; height:70px; margin:0 auto;}
.members .membership-info .btn-set1 {margin-top:18px;}

.members .tit-type1 {margin:30px 0 20px 0; color:#333; font-size:15px;}
.members .tit-type1 span{font-size:13px; font-weight:normal;} /* 20170905 추가 */
.members .tit-type1 span.tit-span{font-size:13px; font-weight:bold;} /* 20180226 추가 */
.members .tit-type1:first-child {margin-top:0;}
.members .tit-area .tit-type2 {float:left; margin-top:0;}
.members .tit-area .btn-type1 {float:right; height:22px; padding:3px 15px 0; font-size:12px;}
.members .tb-lft {margin-top:15px;}
.members .tb-lft  th {color:#666; font-size:14px; text-align:center;}
.members .tb-type1 th {padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #bbb; background:#eee; color:#333; font-size:14px;}
.members .tb-type1 th + th {border-left:1px solid #bbb;}
.members .tb-type1 td {padding:10px 0; border-bottom:1px solid #bbb; color:#666; font-size:14px; text-align:center;}
.members .tb-type1 td + td {border-left:1px solid #bbb;}
.members .txt-type1 {font-size:14px; color:#666;}
.members .txt-type1 .po-blue {display:block; color:#4369b6;}

.members-cont {margin:0 15px;}
.members-cont .members-benefit {width:236px; height:253px; margin:35px auto; background:url('../../images/cont/membership_benefit.jpg') no-repeat 0 0; background-size:236px auto;}/* 20230104 수정 */
.members01-01 {width:290px; height:232.5px; margin:20px auto 30px; background:url('../../images/cont/img_members01_01.jpg') no-repeat 0 0; background-size:290px 232.5px;}
.members01-02 {width:290px; height:326px; margin:35px auto 30px; background:url('../../images/cont/img_members01_02.jpg') no-repeat 0 0; background-size:290px 326px;}
.members03-01 {width:290px; height:296px; margin:20px auto 30px; background:url('../../images/cont/img_members03_01.jpg') no-repeat 0 0; background-size:290px 296px;}
.members03-02 {width:290px; height:229.5px; margin:35px auto 30px; background:url('../../images/cont/img_members03_02.jpg') no-repeat 0 0; background-size:290px 229.5px;}
.members03-03 {width:290px; height:167px; margin:35px auto 30px; background:url('../../images/cont/img_members03_03.jpg') no-repeat 0 0; background-size:290px 167px;}
.members04-01 {width:290px; height:233px; margin:25px auto 25px; background:url('../../images/cont/img_members04_01.jpg') no-repeat 0 0; background-size:290px 233px;}
.members04-02 {width:290px; height:243px; margin:25px auto 20px; background:url('../../images/cont/img_members04_02.jpg') no-repeat 0 0; background-size:290px 243px;}
.members05-01 {width:290px; height:233px; margin:22px auto 22px; background:url('../../images/cont/img_members05_01.jpg') no-repeat 0 0; background-size:290px 233px;}


/* common */
.tit-area {overflow:hidden;}

/* box type */
.box-type1 {padding:14px 9px; border:1px solid #ddd; border-top:1px solid #000;}
.box-type2 {padding:14px 9px;; border:1px solid #ddd; }


/* 제휴카드 */
.members-card {margin:10px 15px 30px 15px}
.members-card > li {margin-bottom:27px; padding:0 0 27px 0; border-bottom:1px solid #b4b4b4;}
.members-card > li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.info-card .card-sec {position:relative; border-radius:10px; overflow:hidden;}
.info-card .card-sec > div {width:100%; height:100%;  position:absolute; top:0; left:0; background:rgba(0,0,0,0.6); box-sizing:border-box; display:none;}
.info-card .card-sec > div > ul {width:100%; height:100%; padding:20% 0 0 50px; position:absolute; top:0; left:0; box-sizing:border-box; transition:left .3s ease-out;}
.info-card .card-sec > div > ul > li {color:#fff; font-size:14px;}
.info-card .card-sec > div > ul > li span {display:inline-block; vertical-align:top;}
.info-card .card-sec > div > ul > li > span:first-child {width:65px;}

.card-sec button {display:block; position:absolute; top:40%; right:0;  width:21px; height:29px; background:url('../../images/btn/btn_move.png') no-repeat 0 -40px; background-size:24px 100px;}
.card-sec .change {left:0; background-position:0 0;}

.info-card-txt h3 {margin:15px 0 10px 0; padding:0; color:#333; font-size:18px;}
.info-card-txt ul > li {color:#666; font-size:14px;}
.info-card-txt .btn-set1 {margin:10px 0 0 0;}/*20180411_02 수정*/
.info-card-txt ul {margin-bottom: 20px;}/*20180411_02 추가*/

.members .giftcard-type1 {width:290px; height:365px; margin:25px auto 25px; background:url('../../images/cont/img_giftcard_type.jpg') no-repeat 0 0; background-size:290px 365px;}
.members .giftcard-type2 {width:290px; height:601px; margin:25px auto 25px; background:url('../../images/cont/img_giftcard_type2.jpg') no-repeat 0 0; background-size:290px 601px;}
.members .giftcard-type3 {width:380px; height:170px; margin:5px -15px 25px; background:url('../../images/cont/6.jpg') no-repeat 0 0; background-size:380px 170px;}
.members .giftcard-type4 {width:380px; height:300px;; margin:5px -15px 25px; background:url('../../images/cont/7.jpg') no-repeat 0 0; background-size:380px 300px;}
.members .giftcard-type5 {width:340px; height:90px; margin:5px auto 25px; background:url('../../images/cont/8.jpg') no-repeat 0 0; background-size:340px 90px;}

.members .wrap-giftcard {margin:20px 15px 15px 15px;}
.members .wrap-giftcard .btn-set2 {margin:15px 0 40px 0; padding:0;}
.members .wrap-giftcard .btn-set2 .btn-type2 {padding:9px 4px 0;}
.members .wrap-giftcard .tit-type1 {margin:0; padding:0;}
.members .wrap-giftcard .list-togg1 {border-top:1px solid #b4b4b4;}
.members .wrap-giftcard .list-togg1 > li {border-bottom:1px solid #b4b4b4;}
.members .wrap-giftcard .list-togg1 > li a {color:#333;}

.members .btn-giftcard {overflow:hidden; box-sizing:border-box;}
.members .btn-giftcard > li {float:left; width:33.3%; text-align:center; background:url('../../images/bg/bg_giftcard.png') no-repeat 0 0; background-size:1px 35px;}
.members .btn-giftcard > li:nth-child(3n + 1) {background:0;}
.members .btn-giftcard > li > a {display:block;}
.members .btn-giftcard > li > a > img {display:inline-block; width:62px; height:40px;}
.members .btn-giftcard > li > a > span {display:block; padding:10px 0; color:#000; font-size:14px; font-weight:bold;}

.members .wrap-giftcard .list-txt  {padding-left:10px;}
.members .wrap-giftcard .list-txt > li {text-indent:-10px; line-height:150%;}
.members .wrap-giftcard .list-txt > li .list-txt3 > li {text-indent:initial;}

/* members popup */
.pop-giftcard {margin:15px;}
.pop-giftcard h4 {margin-bottom:10px; font-size:18px; color:#333;}
.pop-giftcard ul {margin-bottom:15px;}
.pop-giftcard ul > li {margin-bottom:2px; padding:10px; font-size:14px; color:#333; background:#eee;}
.pop-giftcard .btn-set1 {position:fixed; left:15px; right:15px; bottom:15px;}

/* 소극장 */
.cinema-store {background:#f2f2f2;}
.cinema-store .tab-area {border-bottom:0; background:#fff;}
.cinema-store .list-type1 {border-top:0;}
.cinema-store .list-type1 > li {margin-top:0; padding:10px 15px 20px 15px;}
.cinema-store .list-type1 strong {padding:10px 0 5px 0; color:#232427; font-size:18px;}
.cinema-store .list-type1 + .top-info {margin-top:30px;}
.cinema-store .top-info {position:relative; padding:20px 15px 20px 15px; border-top:1px solid #333; border-bottom:0.5px solid #333; background:#fff;}
.cinema-store .top-info h3 {padding:0 0 15px 0; color:#232427; font-size:18px;}
.cinema-store .top-info span {color:#555;font-size:14px; }
.cinema-store .top-info .btn-type1 {position:absolute; top:20px; right:15px; height:25px; padding:5px 10px 0 13px; font-size:12px;}

.cinema-member {position:relative;}
.cinema-member .member-benefit {background:#f2f2f2;}
.cinema-member .member-benefit > li {background:#fff;}
.cinema-member .member-benefit > li {margin-bottom:30px; padding:17px 15px; border-bottom:1px solid #cecece;}
.cinema-member .member-benefit > li:first-child > ul { background:url('../../images/bg/bg_benefit01.png') no-repeat 0 15px; background-size:60px 60px;}
.cinema-member .member-benefit > li:nth-child(2) > ul { background:url('../../images/bg/bg_benefit01.png') no-repeat 0 15px; background-size:60px 60px;}
.cinema-member .member-benefit > li:last-child > ul { background:url('../../images/bg/bg_benefit02.png') no-repeat 0 15px; background-size:60px 60px;}
.cinema-member .member-benefit > li:last-child .comm-togg {margin-bottom:20px;}
.cinema-member .member-benefit > li:last-child .comm-togg + h3 {margin-top:40px; padding-top:20px; border-top:1px solid #333;}
.cinema-member .member-benefit > li > ul {padding:15px 0 20px 105px;}
.cinema-member .member-benefit > li > ul > li {color:#666; font-size:14px; }
.cinema-member .member-benefit > li > ul > li:first-child {margin-bottom:17px;}
.cinema-member .member-benefit > li > ul > li > strong {display:block; color:#333; font-size:14px; }
.cinema-member .member-benefit > li > ul > li > span {display:block; color:#dd4c4c; font-size:14px; }

.cinema-member .member-benefit > li h3 {padding:0; color:#232427; font-size:18px;}
.cinema-member .member-benefit > li h3 + a {margin:20px 0 25px 0; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; color:#000; font-size:16px; font-weight:bold; padding:12px 6px 12px 0; display:block; line-height:100%; background:url('../../images/bg/bg_btnarrow.png') no-repeat 99% center; background-size:7px 11px;}
.cinema-member2 {margin:0 15px;}
.cinema-member2 .finish-txt {margin:50px 0 125px 0;}
.mapp .cinema-member2 .btn-set1 {position:fixed; bottom:15px; left:15px; right:15px;}
.cinema-member .member-benefit > li h3 + .sel {margin-top:20px;}

.cinema-show .show-info {padding:17px 15px; border-bottom:1px solid #d9d9d9; color:#000; font-size:18px;}
.cinema-show .show-info h3 {padding:0 0 15px 0;}
.cinema-show .show-info strong {color:#333; font-size:14px;}
.cinema-show .show-info span {color:#666; font-size:14px;}
.cinema-show .sel {margin:15px; }

.cinema-show .list-type2 > li {display:block; position:relative; padding:15px 15px; border-bottom:1px solid #b4b4b4; color:#000;}
.cinema-show .list-type2 > li > strong {display:block; font-size:16px; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word;}
.cinema-show .list-type2 > li > span.assist {display:block; color:#666; font-size:12px; padding-top:6px; line-height:100%;}
.cinema-show .list-type2 > li > strong + span.assist {padding-top:10px;}
.cinema-show .list-type2 > li > span.tag {display:block; margin-bottom:5px; font-size:12px; color:#333; }
.cinema-show .list-type2 > li .btn-set2 {margin-top:15px; padding:0;}

.cinema-booking .txt {display:block; margin:10px 15px; color:#666; font-size:14px;}
.cinema-booking .tab-area {border-bottom:0;}
.cinema-booking .list-type2 {border-top:1px solid #b4b4b4;}
.cinema-booking .list-type2 > li {padding:10px 15px 25px 15px;}
.cinema-booking .list-type2 > li h3 {padding:15px 0 0 0;}
.cinema-booking .list-type2 > li .tb-lft {margin:10px 0;}
.cinema-booking .list-type2 > li .tb-lft th {padding:10px 5px 10px 13px; font-size:14px;}
.cinema-booking .list-type2 > li .tb-lft td {padding:10px 0 10px 15px; font-size:14px; color:#666;}
.cinema-booking .list-type2 > li .btn-set1 {margin-top:23px;}
.cinema-booking .list-type2 > li > span {color:#666;}

/* 지난 예매내역 */
.cinema-booking .board {padding:10px 15px 20px 15px; border-top:1px solid #b4b4b4;}
.cinema-booking .tb-booking {width:100%;}
.cinema-booking .tb-booking th {padding:10px 0; border-top:1px solid #bbb; border-bottom:1px solid #bbb; color:#333; font-weight:bold; font-size:14px; vertical-align:middle; background:#eee; text-align:center; }
.cinema-booking .tb-booking td {padding:10px 0; border-bottom:1px solid #bbb; color:#666; font-size:14px; text-align:center; vertical-align:middle;}
.cinema-booking .tb-booking tr td:first-child {padding:10px 0 10px 10px; text-align:left;}
.cinema-booking .tb-booking tr.tog-view td i {display:inline-block; width:14px; height:10px; background:url('../../images/bg/bg_open.png') no-repeat right center; background-size:9px;}
.cinema-booking .tb-booking tr.tog-view.on td i {display:inline-block; width:14px; height:10px; background:url('../../images/bg/bg_close.png') no-repeat right center; background-size:9px;}
.cinema-booking .tb-booking tr.booking-cont {display:none;}
.cinema-booking .tb-booking tr.booking-cont td {padding:15px 20px; background:#eee;}
.cinema-booking .tb-booking tr.booking-cont td ul > li {font-size:12px;}
.cinema-booking .tb-booking tr.booking-cont td ul > li strong {color:#333;}
.cinema-booking .tb-booking tr.booking-cont td ul > li span {color:#555;}
.cinema-booking .tb-booking tr.booking-cont + tr,
.cinema-booking .tb-booking tbody tr:first-child {cursor:pointer;}

.cinema-sticker h3 {padding:10px 15px; border-bottom:1px solid #333; color:#000; font-size:18px; background:#eee;}
.cinema-sticker .no h3 {background-color:#fff;}
.cinema-sticker .sticker-area {position:relative; min-height:115px; padding:17px 15px;  border-bottom:0.5px solid #b4b4b4; background:#eee; }
.cinema-sticker .sticker-area .sticker {position:absolute; top:15px; left:10px; }
.cinema-sticker .sticker-area .sticker-info {margin-left:125px;}
.cinema-sticker .sticker-area .sticker-info span:first-child {display:block; margin:20px 0 10px 0; color:#333; font-size:15px; }
.cinema-sticker .sticker-area .sticker-info span:last-child {display:block; color:#555; font-size:14px; line-height:1.3;}
.cinema-sticker .sticker-area .sticker-info span:last-child em {color:#333;}
.cinema-sticker .board {margin-top:5px; padding:20px 15px; border-top:1px solid #232427; border-bottom:1px solid #b4b4b4;}
.cinema-sticker .board .tb-sticker {width:100%;}
.cinema-sticker .board .tb-sticker th {padding:10px 0; border-top:1px solid #bbb; border-bottom:1px solid #bbb; color:#333; font-weight:bold; font-size:14px; vertical-align:middle; background:#eee; text-align:center; }
.cinema-sticker .board .tb-sticker td {padding:10px 0; border-bottom:1px solid #bbb; color:#666; font-size:14px; text-align:center; vertical-align:middle;}
.cinema-sticker .board .tb-sticker td:first-child {text-align:left;}
.cinema-sticker .finish-txt p {margin-top:10%; padding:170px 0 0 0; font-size:15px; color:#666; background:url('../../images/bg/bg_no_sticker.png') no-repeat center 35px; background-size:118px 119px; }
.cinema-sticker .finish-txt p span {display:block; margin-bottom:10px; font-size:18px; color:#333; }
.cinema-sticker .finish-txt p span + strong {color:#555; font-size:15px;}
.cinema-sticker .finish-txt + .btn-set1 {position:fixed; bottom:15px; left:15px; right:15px;}


/* 소극장 고객센터 */
.cinema-notice .list-type2 > li > a > h3 {padding:0; line-height:1.3; font-size:16px;}
.cinema-notice .btn-area {margin:0 15px; padding:15px 0; border-top:1px solid #b4b4b4;}
.cinema-notice .comm-no {border-bottom:0;}
.cinema-notice .btn-set1 {padding:15px; margin:0;}
.cinema-notice .tab-area {border-bottom:0;}

.cinema-payment {margin-bottom:15px; }
.cinema-payment .payment {margin:0 15px 25px 15px;}
.cinema-payment .comm-togg {margin:0 15px 25px 15px;}
.cinema-payment .comm-togg .list-txt {width:96%;}
.cinema-payment .comm-togg .list-txt > li {font-size:14px; color:#666;}
.cinema-payment .comm-togg .list-txt > li:first-child {margin-bottom:20px;}
.cinema-payment .comm-togg .list-txt > li > strong {display:block; margin-bottom:10px; font-size:15px; color:#333;}

.cinema-payment .view-ticket {width:100%; margin-top:20px; padding:23px 0; background:#ddd;}
.cinema-payment .view-ticket > div {width:250px; height:147px; margin:0 auto; padding:20px; background:url('../../images/bg/bg_ticket.png') no-repeat 0 0; background-size:290px 187px; }
.cinema-payment .view-ticket h3 {margin-bottom:12px; padding:0; color:#000; font-size:16px;}
.cinema-payment .view-ticket h3 em {display:block; line-height:1.5;}
.cinema-payment .view-ticket h3 span {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap:break-word;}
.cinema-payment .view-ticket ul li {color:#666; font-size:14px;}
.cinema-payment .view-ticket ul li.sum {margin-top:10px; }
.cinema-payment .view-ticket ul li.sum span {color:#333; font-size:14px;}
.cinema-payment .view-ticket ul li.sum span:last-child {color:#dd4c4c;}

.cinema-payment .payment-done {margin-bottom:25px; padding:25px 0; border-bottom:1px solid #b4b4b4; text-align:center;}
.cinema-payment .payment-done strong {color:#333; font-size:16px; }
.cinema-payment .payment-done + .list-txt {margin:0 15px 25px 15px;}
.cinema-payment .payment-done + .list-txt  > li > strong {display:block; margin-bottom:13px; font-size:14px; color:#333;}


.mapp .culture-lecture2 .finish-txt + .btn-set1 {position:fixed; bottom:28px; left:15px; right:15px;}


/* 소극장 예매내역 검색결과 없음 */
.no-booking {text-align:center; padding:0 15px;}
.no-booking p {color:#333; font-size:18px; padding:150px 0;}
.no-booking .btn-go {width:100%; min-height:52px; padding:15px 0; border-top:1px solid #b4b4b4; text-align:left; position:relative; overflow:hidden;}
.no-booking .btn-go span {display:block; color:#666; font-size:13px; margin-right:120px;}
.no-booking .btn-go .btn-type2 {position:absolute; right:0; top:15px;}

/* 스티커 정보 모달 popup */
.sticker-pop {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10000; text-align:center;}
.sticker-pop div span {display:block; margin:20px 0; font-size:18px; color:#000; font-weight:bold;}  
.sticker-pop div p { margin-bottom:20px; font-size:14px; color:#666; text-align:center;}
.sticker-pop div p em {display:block; font-size:12px;}
.sticker-pop .btn-type1 {padding:9px 30px 0;}

/* 마이페이지 만족도 조사 */
.score-box {margin:30px 0 20px 0; padding:40px 0 30px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#fafafa; text-align:center;}
.score-box > strong {display:block; margin:0 10px 15px 10px; padding:0; font-size:16px; color:#333;}
.score-box > strong em {display:block; color:#4368b8; font-size:16px;}
.score-box > span {display:block; margin:0 10px 30px 10px; padding:0; font-size:14px; color:#555;}
.score-box > div > span {position:relative; display:inline-block; margin-right:10px; padding:45px 0 20px 0; background:url('../../images/bg/bg_scorebox.png') no-repeat 0 0; background-size:277px 41px;}
.score-box > div > span:last-child {margin-right:0;}
.score-box > div > .ico1 {width:43px; background-position:0 0;}
.score-box > div > .ico2 {width:43px; background-position:-58px 0;}
.score-box > div > .ico3 {width:43px; background-position:-117px 0;}
.score-box > div > .ico4 {width:43px; background-position:-176px 0;}
.score-box > div > .ico5 {width:43px; background-position:-235px 0;}
.score-box label {display:block; position:relative; top:-17px; min-height:initial; margin-left:0; padding-left:0; line-height:1; font-weight:bold; font-size:14px; color:#555;}
.score-box > div > .ico1 label {color:#4368b8;}
.score-box .radio + label:after {top:22px; left:10px;}
.score-box .radio:checked + label:after {top:22px; left:10px;}
.score-box .radio:checked + label:before {top:27px; left:15px;}
.score-box .btn-set1 {margin:20px 15px 0 15px;}
.score-box .btn-set1 .btn-type1,
.score-box .btn-set1 .btn-type1:hover {padding:0 16px; font-family:맑은고딕, "Malgun Gothic", Arial, 돋움, dotum, sans-serif;}

/* 마이페이지 - 마이쿠폰 */
.my-event .list-txt4 {margin:20px 15px 30px 15px;}
.my-event .list-txt4 + .btn-set1 {margin:0 15px 15px 15px;}
.my-event .barcode-conform {position:relative; margin:0 15px; padding:20px 0; border-bottom:1px solid #bbb; text-align:center;}
.my-event .barcode-conform p {margin-top:15px; font-size:16px; color:#666;}
.my-event .barcode-conform p strong {display:block; margin-bottom:3px; color:#333;}
.my-event .done {width:76px; height:76px; margin:9px auto 9px; border-radius:100%; box-sizing:border-box; color:#fff; font-size:14px; line-height:100%; text-align:center; background:#000 url('../../images/ico/ico_check3.png') no-repeat center 20px; background-size:13px 9px;}
.my-event .done > strong {display:inline-block; margin-top:35px; }

/* 선호지점설정 팝업 */
.pop-storeset .tab-area {border-bottom:0;}
.pop-storeset .btn-set2 {/*position:fixed; left:0; right:0; bottom:15px;*/ padding:15px;}
.pop-storeset .txt-info {margin:10px 15px 10px 15px; text-align:center;}
.pop-storeset .txt-info span {font-size:12px; color:#333;}
.pop-storeset .txt-info strong {display:block; font-size:14px; }
.pop-storeset .favor-list {margin:0 7px;}
.pop-storeset .favor-list_pop {margin:0 7px 30px;}/*20200224 css 수정 margin-bottom 추가*/


/* 마이페이지 - 상담내역목록 하단 버튼 */
/* .list-more + .info-link-list {border-top:1px solid #b4b4b4;} 20200225 삭제*/
.list-type2 + .list-more #list_more_span{border-bottom:1px solid #b4b4b4;} /*20200225 추가*/
.info-link-list li .btn-set2 {margin-top:15px; padding:0;}


/* E:BRAND */
.ebrand-wrap {background:#f2f2f2;}
.ebrand-wrap .list-togg2 {background:#fff;}
.ebrand-sel {padding:9px 3% 10px;}
.ebrand .ebrand-con > li > img {width:100%;}
.ebrand-con li > p {margin:15px 0;}
.ebrand-con .btn-set1 {padding-top:25px;}

/* E:BRAND 팝업 */
.ebrand-movie h4 {margin:22px 15px 17px; color:#000;}
.ebrand-movie .video {margin:0 auto;}
.ebrand-movie .subtitles {margin:0 15px;}
.ebrand-movie .subtitles > p {margin-bottom:20px;}

.ebrand {position:relative; background:#f5f6f8;}
.ebrand .sns-area {position:absolute; top:64px; width:100%; text-align:center;} /* 20210405 수정 */
.ebrand .sns-area > a {display:inline-block; width:28px; height:28px; }
.ebrand .sns-area > a +  a {margin-left:17px;}
.ebrand .sns-area > a.home {background: url('../../images/ico/ico_sns_home.png')no-repeat 0 0; background-size:28px 28px;}/* 20210112 추가 */
.ebrand .sns-area > a.blog {background:url('../../images/ico/ico_sns_blog.png') no-repeat 0 0; background-size:28px 28px;}
.ebrand .sns-area > a.facebook {background:url('../../images/ico/ico_sns_facebook.png') no-repeat 0 0; background-size:28px 28px;}
.ebrand .sns-area > a.kakaostory {background:url('../../images/ico/ico_sns_kakaostory.png') no-repeat 0 0; background-size:28px 28px;}
.ebrand .sns-area > a.kakaotalk {background:url('../../images/ico/ico_sns_kakaotalk.png') no-repeat 0 0; background-size:28px 28px;}
.ebrand .sns-area > a.insta {background:url('../../images/ico/ico_sns_insta.png') no-repeat 0 0; background-size:28px 28px;}
.ebrand .sns-area > a > span {font-size:0; width:0; height:0; line-height:0; position:absolute; text-indent:-3000px; overflow:hidden; background:none;}

.ebrand > ul {padding:14px 15px;}
.ebrand > ul > li {margin-top:10px;}
.ebrand > ul > li:first-child {margin-top:0;}
.ebrand > ul > li > a > img {width:100%;}
.ebrand-con {padding:28px 15px; position:relative;}
.ebrand img, .ebrand-con img {width:100%;}

.ebrand-con .btn-set1.insta, .ebrand-con .btn-set1.facebook, .ebrand-con .btn-set1.blog {margin-top:0; margin-bottom:25px;}

.ebrand-con .link01 {position:absolute; left:0; top:8%; width:50%; height:15%;}
.ebrand-con .link02 {position:absolute; right:0; top:8%; width:50%; height:15%;}
.ebrand-con .link03 {position:absolute; left:0; top:40%; width:50%; height:15%;}
.ebrand-con .link04 {position:absolute; right:0; top:40%; width:50%; height:15%;}
.ebrand-con .link05 {position:absolute; left:0; top:72%; width:50%; height:15%;}

.ebrand-store {padding:5px 5px 30px;}
.branch-map > img {width:100%; border-bottom:1px solid #333;}
.ebrand-branch .list-txt2 {padding:3px 15px 27px;}
.ebrand-branch .list-txt2 > li {padding:23px 0 20px 20px; border-bottom:1px solid #b4b4b4;}

/* 20200310 수정 및 추가 :: S*/
/* 로그인 popup */
    /* 기존 로그인 css :: S*/
    .login {margin:20px 15px;}
    .login h4 {padding:5px 0 10px 0; border-bottom:1px solid #232427; color:#333; font-size:14px;}
    .login .login-box {margin-bottom:15px; padding:15px 0 20px 0; border-bottom:1px solid #b4b4b4;}
    .login .login-box .inp-login {margin-bottom:8px;}
    .login .login-box .inp-login label {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-3000px;}
    .login .login-box .inp-login input {width:100%; height:34px; padding:0 16px; border:1px solid #b4b4b4; box-sizing:border-box; line-height:34px; }
    .login .login-box .inp-save { margin:0 0 15px 0; padding-top:7px;}/*20191119 수정*/
    .login .login-box .inp-save:after {content: '';clear: both;display:block}/*20191119 추가*/
    .login .login-box .inp-save span {display:inline-block; float:left; }
    .login .login-box .inp-save span:last-child {float:right;}
    .login .login-box .inp-save span label {margin-left:-3px; font-size:14px; color:#333;}
    .login .login-box .btn-type1 {width:100%; font-family:맑은고딕, "Malgun Gothic", Arial, 돋움, dotum, sans-serif;}
    .login .btn-type2 {width:100%;}
    .login .link-log {overflow:hidden;}
    .login .link-log a {display:inline-block; font-size:14px; color:#666;}
    .login .link-log > a {float:left;}
    .login .link-log > div {float:right;}
    .login .link-log > div span {color:#b4b4b4;}
    .info-wrap .gray-box > .info > li strong {vertical-align:middle;}
    .info-wrap .gray-box > .info > li strong:first-child {display:inline-block; color:#333; font-size:16px;}
    .info-wrap .gray-box > .info > li strong:last-child {display:inline-block; color:#333; font-size:18px;}
    .info-wrap .gray-box > .info > li span {display:inline-block; margin:0 5px; color:#a6a6a6; font-size:14px; vertical-align:middle;}
    .info-wrap .gray-box > .info {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #bcbcbc; text-align:left;}
    /* 기존 로그인 css :: E*/
/* 20200227 로그인 페이지 :: S */
.rn_login {margin:20px 30px;font-family: 'Noto Sans KR',sans-serif;}
.rn_login h4 {margin-bottom: 28px;font-size: 21px;font-weight: 500;letter-spacing: -0.5px;color: #333;text-align: center;padding-top: 13px;}
/* .rn_login .login-box {margin-bottom:15px; padding:15px 0 20px 0; border-bottom:1px solid #b4b4b4;} */
.rn_login .login-box .inp-login {margin-bottom:8px;}
.rn_login .login-box .inp-login label {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-3000px;}
.rn_login .login-box .inp-login input {width:100%; height:34px; padding:0 16px; border:1px solid #b4b4b4; box-sizing:border-box; line-height:34px; }
.rn_login .login-box .inp-save { margin:0 0 15px 0; padding-top:7px;}/*20191119 수정*/
.rn_login .login-box .inp-save:after {content: '';clear: both;display:block}/*20191119 추가*/
.rn_login .login-box .inp-save span {display:inline-block; float:left; }
.rn_login .login-box .inp-save span:last-child {float:right;}
.rn_login .login-box .inp-save span label {margin-left:-3px; font-size:14px; color:#333;}
.rn_login .login-box .btn-type1 {width:100%; font-family:맑은고딕, "Malgun Gothic", Arial, 돋움, dotum, sans-serif;}
.rn_login .btn-type2 {width:100%;}
.rn_login .link-log {overflow:hidden;}
.rn_login .link-log a {display:inline-block; font-size:14px; color:#666;}
.rn_login .link-log > a {float:left;}
.rn_login .link-log > div {float:right;}
.rn_login .link-log > div span {color:#b4b4b4;}

.rn_login input[type="checkbox"].chk {display: none;}
.rn_login input[type="checkbox"].chk + label {display: inline-block; box-sizing: border-box; padding: 3px 0 3px 32px; background: url('../../images/login/check.png') no-repeat left center / 22px 22px; font-size: 14px; font-weight: 400; line-height: 1.4em; color: #333;}
.rn_login input[type="checkbox"].chk:checked + label {background-image: url('../../images/login/check_on.png');}


.rn_login input.login_input{border: 0;width:100%;font-size: 16px;line-height: 25px;}
.rn_login input.login_input.pw{width:calc(100% - 30px)}
.rn_login input.login_input.row{border: 1px solid #f1f1f1;;width:100%;font-size: 16px;line-height: 25px;border-radius: 5px;line-height: 50px;padding: 0 18px;}
.rn_login input[type="text"]::placeholder,.rn_login input[type="number"]::placeholder{color: #999999;font-size: 16px;}
.rn_login input[type="number"]::-webkit-outer-spin-button,.rn_login input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

.rn_login .login_wrap{border-radius: 15px;border: 1px solid #f1f1f1;padding: 10px 0 0;}
.rn_login .inp_box > div{position: relative;border-bottom: 1px solid #f1f1f1;display: block}
.rn_login .inp_box > div:first-child{padding-top: 6px !important;}
.rn_login .inp_box > div:last-child{border-bottom:0;}


.rn_login.id_login .inp_box > div{padding: 18px 18px 18px 43px;}
.rn_login.id_login .inp_box .id_box:before{content: '';width:12px;height: 15px;background:url(../../images/login/icon_id.png) no-repeat center;background-size: 100%; position: absolute;top: 50%;left: 20px;margin-top: -13px;}
.rn_login.id_login .inp_box .pw_box:before{content: '';width:12px;height: 15px;background:url(../../images/login/icon_pw.png) no-repeat center;background-size: 100%; position: absolute;top: 50%;left: 20px;margin-top: -6px;}
.rn_login.id_login .inp_box .icon_view{position: absolute;top: 50%;right: 20px;margin-top: -8px;background:url(../../images/login/icon_view.png) no-repeat center;background-size: 22px 13px;display: block;width: 25px;height: 17px;}
.rn_login.id_login .inp_box .icon_view .circles{display:block; width: 24px;height: 24px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.0, 0.0, 0.2, 1), opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1);
    transition: -webkit-transform .3s cubic-bezier(0.0, 0.0, 0.2, 1), opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1);
    -webkit-transition: transform .3s cubic-bezier(0.0, 0.0, 0.2, 1), opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.0, 0.0, 0.2, 1), opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1);
    background-image:radial-gradient(circle farthest-side,rgba(0,0,0,0.12),rgba(0,0,0,0.12) 80%,rgba(0,0,0,0) 100%);opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    position: absolute;top:50%;left:50%;
}
.rn_login.id_login .inp_box .icon_view .circles.on{   
     -webkit-transform: translate(-50%,-50%) scale(2.2);
    transform: translate(-50%,-50%) scale(2.2);
    opacity: 1;
    visibility: visible;
}
@keyframes scale1{
    0%   { transform: scale(0) }
    50%   { transform: scale(1) }
    100%  { transform: scale(0) }
}
.rn_login.id_login .inp_box .icon_view.on:before{content:'';background:url(../../images/login/icon_view_bar.png) no-repeat center;background-size: 100%; position: absolute;z-index: 999;width: 14px;height: 17px;left: 50%;margin-left: -7px;top: 0px;}
.icon_back img{max-width: 100% !important;width: auto;}

.rn_login .login_wrap ul{font-size: 0;text-align: center;padding: 20px 0;background:#f1f1f1;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.rn_login .login_wrap ul li{display: inline-block;width: 33.333%;text-align: center;position: relative;}
.rn_login .login_wrap ul li a{color: #555;font-size: 13px;}
.rn_login .login_wrap ul li:after{content: '';display: inline-block;width: 1px;height: 12px;background:#c5c5c5;vertical-align: middle;position: absolute;right: 0;top: 50%;margin-top: -6px;}
.rn_login .login_wrap ul li:last-child:after{display: none;}

.rn_login .chk_box.t_ar{text-align: right;display: block;}/*20200421 수정*/
.rn_login .chk_box{margin: 21px 25px;text-align: center;}
.rn_login .chk_box > span:first-child{margin-right:48px;}
.rn_login .chk_box.t_ar> span:first-child{margin-right:0px;}

.rn_login .btn_login{margin-bottom: 30px;}
.rn_login .btn_login a,.rn_login .login_btn{line-height: 54px;color:#fff;font-size: 16px;font-weight: 500;border-radius:10px;background:#333;text-align: center;width: 100%;display: block;font-family: 'Noto Sans KR',sans-serif;}/*20200311 수정*/
.rn_login input.login_btn{border: 0;font-weight: normal;font-size: 16px;}
.rn_login input.login_btn:disabled,.rn_login .login_btn:disabled{background-color: #e4e4e4;}/*20200311 수정*/

/*핸드폰 가입 */
.mt25{margin-top: 25px;}
.rn_login.cell_login select{width: 100%;border: 0;background:url(../../images/ico/ico_arrow_new.png) no-repeat 100% center;background-size: 13px 7px;line-height: 25px;color: #999;font-size: 16px;}
.rn_login.cell_login .inp_box > div{padding: 18px 18px 18px 25px;}
.login_wrap .psn_box {position: relative;display: table;table-layout: fixed;border-collapse: collapse;}
.rn_login .psn_box > span{vertical-align: middle;display: inline-block;position: relative;width: calc(50% - 28px);line-height: 25px;}
.rn_login .psn_box > span.ctn_box{white-space: nowrap;font-size: 0;}
.rn_login .psn_box .hypen{width: 10px;height: 1px;background:#d9d9d9;margin:0 20px;}
/* .rn_login .psn_box .ctn_box .gender:focus + .placeholder{display: none;} */
.rn_login .psn_box .placeholder{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;line-height: 25px;color: #8a8a8a;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;opacity: 0.3;z-index: 1;width: 14px;}
.rn_login .psn_box .ctn_box .gender{width: 14px;text-align: center;z-index: 9;position: relative;background: none;}
.rn_login .psn_box .ctn_box span{letter-spacing: 4px;color: #333;display: inline-block;vertical-align: middle;font-size: 11px;}


.rn_login .ath_box >div:first-child{margin: 10px 0;}
.rn_login .ath_box > div > span > em{display: block;font-size: 14px;letter-spacing: -0.5px;margin-top: 5px;min-height: 22px;}
.rn_login .ath_box > div {font-size: 0;}
.rn_login .ath_box > div > span.ath_col01{width:60%;margin-right: 5%;display: inline-block;vertical-align: middle;}
.rn_login .ath_box > div > span.ath_col01 em{color: #d02a2a;margin-left: 25px;}

.rn_login .ath_box > div > span.ath_col02{width: 35%;display: inline-block;vertical-align: middle;}
.rn_login .ath_box > div > span.ath_col02 em {display: block;text-align: center;}
.rn_login .ath_box > div > span.ath_col02 em .ip_txt01{color: #333;display: inline-block;border: 0;width: 100px;text-align: center;border-bottom: 1px solid #333;background:#fff}/*20200311 class 수정 및 내용추가*/

.rn_login .ath_box .slideArea{display: none;}

.ath_box .ath_replay a{border-bottom: 1px solid #333;color: #333;}/*20200413 추가*/
.rn_login .rqd_terms{border-radius: 15px;color: #333;margin: 10px 0 0; border:1px solid #f1f1f1;}/*20200413 수정*/
.rn_login .rqd_terms > p{background-color: #f1f1f1;line-height: 65px;padding: 0 21px;position: relative;font-size: 16px;font-weight: 500;border-top-left-radius: 15px;border-top-right-radius: 15px;transition: 1s;}
.rn_login .rqd_terms > p.on{border-radius: 15px;transition: 1s;}
.rn_login .rqd_terms > p > span{position: absolute;right:21px;font-size: 15px;font-weight: 400;}
.rn_login .rqd_terms > p > span label {margin-right: 30px;}
.rn_login .rqd_terms > ul {padding:0 21px;}
.rn_login .rqd_terms > ul > li {position: relative;padding: 15px 0;border-bottom:1px solid #f1f1f1;}
.rn_login .rqd_terms > ul > li:last-child {border: none;}
.rn_login .rqd_terms > ul > li > span{position:absolute;right: 0;}
.rn_login .rqd_terms > ul > li > label a{color:#333;display: inline-block;border-bottom:1px solid #333;font-size: 15px;}

.rn_login .rqd_terms input[type="checkbox"].chk2{position: absolute; display: block;right: 0;top: 50%;width: 22px;height: 22px;z-index: 1;opacity: 0;margin-top: -11px;}
.rn_login .rqd_terms input[type="checkbox"].chk2 + label:after {display: inline-block; box-sizing: border-box; padding: 3px 0 3px 3px; background: url('../../images/login/check.png') no-repeat left center / 18px 18px; font-size: 14px; font-weight: 400; line-height: 1.4em; color: #333;content: '';width: 18px;height: 18px;position: absolute;top:50%;margin-top: -8px;right: 0}
.rn_login .rqd_terms input[type="checkbox"].chk2:checked + label:after  {background-image: url('../../images/login/check_on.png');}

.login_selection .selection{width:180px;background-color: #f4f4f4;margin: 0 auto;border-radius: 15px;margin-top: 15px;}
.login_selection .selection a > img{width: 56px;display: block;margin:0 auto;padding-top: 35px;}
.login_selection .selection a > span {padding: 30px 0;text-align: center;font-weight: 500;font-size: 16px;font-family: 'Noto Sans KR',sans-serif;color: #333;letter-spacing: -0.5px;display: block;}
.login_selection .selection_banner{margin-top: 50px;}
.rn_login .join_txt {text-align: center;display: block;margin-bottom: 15px;}
.rn_login .join_txt a{display:inline-block;border-bottom:1px solid #333;color: #333;font-size: 15px;font-family: 'Noto Sans KR',sans-serif;}

/* 20200227 로그인 페이지 :: E */
/* 20200310 수정 및 추가 :: E*/

.info-wrap .gray-box > .info > li strong {vertical-align:middle;}
.info-wrap .gray-box > .info > li strong:first-child {display:inline-block; color:#333; font-size:16px;}
.info-wrap .gray-box > .info > li strong:last-child {display:inline-block; color:#333; font-size:18px;}
.info-wrap .gray-box > .info > li span {display:inline-block; margin:0 5px; color:#a6a6a6; font-size:14px; vertical-align:middle;}
.info-wrap .gray-box > .info {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #bcbcbc; text-align:left;}

.floor-sel {padding:9px 3% 10px;}
/* .floor-list {border-top:1px solid #232427;} 20200221 삭제*/
.floor-list li {border-top:1px solid #b4b4b4;}
.floor-list li:first-child {border-top:0;}
.floor-list li > a {display:block; line-height:100%; padding:15px 0; background:url('../../images/bg/bg_arrow.png') no-repeat 96% center; background-size:7px;}
.floor-list li > a span {width:50px; text-align:center; display:inline-block; color:#000;}

.store-info {padding:0 0 15px;}

.news .btn-area {margin:0 15px; padding:15px 0; border-top:1px solid #b4b4b4;}

/* 문화센터 */
.study .list-txt {padding:20px 15px 13px 25px;}
.study .list-type2 {border-top:1px solid #b4b4b4;}

.study-list .list-exp {padding:15px 15px; line-height:105%; font-size:12px;}

/* My page */
.my-grade {background:#eee; border-bottom:1px solid #000; padding:0 0 28px; position:relative;}
.my-grade > button.btn-chg {width:24px; height:28px; background:rgba(0,0,0,.6) url('../../images/btn/btn_next.png') no-repeat center center; background-size:10px; position:absolute; right:0; top:27%; margin-top:-14px;} /* 20170609 수정 */
.my-grade > button.btn-chg.cardon {left:0; background:rgba(0,0,0,.6) url('../../images/btn/btn_prev.png') no-repeat center center; background-size:10px;}

.my-grade .cardzon {width:100%; min-height:151px; padding:25px 0 0 0; background:none; display:none;}
.gradezon {min-height:176px; padding:30px 15px 30px 130px; overflow:hidden; position:relative; box-sizing:border-box;margin-bottom: 6px;}/*20180302 수정*/
.gradezon > div:first-child {width:100px; position:absolute; left:15px; top:30px; text-align:center;}
.gradezon > div:first-child > mark {position:static; float:none; margin:0 auto;}
.gradezon > div:first-child > span {letter-spacing:-0.1em; padding-top:18px; display:block; color:#333; font-weight:normal;}
.grade-info > h3 {padding:0 0 15px;}
.grade-info > h3 span {font-size:12px; color:#555;}
.grade-info > strong {font-size:28px; color:#000; line-height:100%;}
.grade-info > ul {border-left:1px solid #999; padding:0 0 2px 3px; margin-top:13px;} /* 20170609 수정 */
.grade-info > ul li {color:#555; line-height:105%;}
.grade-info > ul li + li {margin-top:7px;}
.grade-info > ul li em {color:#333;}

.paging {text-align:center; line-height:100%; height:10px;}
.paging button {width:10px; height:10px; vertical-align:top; display:inline-block; border-radius:100%; background:#fff; border:1px solid #666; box-sizing:border-box;}
.paging button.on {background:#666;}

/* 소극장 */
.discount {background:#eee; padding:15px; margin:0 15px 25px 15px;}
.mem-sel {padding:0 0 15px;}
.mem-sel li + li {margin-top:15px;}
.dis-sum {text-align:right; padding-top:18px; line-height:110%;}
.dis-sum + .dis-sum {padding-top:5px;}
.dis-sum strong {display:inline-block; width:127px; color:#333;}
.dis-sum span {display:inline-block; width:42px; color:#555;}

.dis-zone {border-top:1px dotted #999; margin-top:25px;}
.dis-zone > strong, .dis-zone > label {display:block; margin:0 0 5px; padding-top:20px; color:#333;}
.dis-zone > label {margin:0 0 10px;}
.dis-zone > .sch-type1 {margin:0;}
.help {width:20px; height:20px; display:inline-block; border-radius:100%; background:#333 url('../../images/ico/ico_qmark.png') no-repeat center center; background-size:7px;}

.step + h3 {padding:20px 15px 10px;}


/* 소극장 예매 */
.quick-reserve h4 {padding:24px 0 9px; margin:0 15px; font-size:16px; color:#000; line-height:110%;}
.quick-reserve .sel {margin:0 15px;}
.quick-reserve .btn-set1 {padding-top:25px; margin:0 15px;}
.show-sel {padding:15px; background:#eee;}
.quick-reserve .slide ul li input[type=radio] {opacity:0; position:absolute; left:0;}
.quick-reserve .slide ul li label {display:block; text-align:center; color:#555; padding:0 0 9px; line-height:110%;}

.sel-info {position:relative; padding:0 0 15px;}
.sel-info h4 {padding:22px 0 14px;}
.sel-info span {display:block; margin:0 15px; color:#333;}
.sel-info .btn-type2 {position:absolute; right:15px; top:18px; height: 30px;}

.reserve-check > .list-type4 {border-bottom:1px solid #d4d4d4;} 
.reserve-check > .list-type4 li > strong:before {border-right:1px solid #ddd;}
.reserve-check > span {display:block; padding:25px 0; color:#333; text-align:center;}

/* 환경설정 */
.setting {background:#f2f2f2;}
.setting > h3 {font-size:12px; line-height:100%; padding:28px 15px 8px;}
.setting > h3:first-child {padding:8px 15px;}
.setting > span {font-size:11px; color:#999; line-height:1.3em; padding:4px 15px 0; display:block;}
.setting > ul {background:#fff; border-bottom:1px solid #b4b4b4;}
.setting > ul > li {padding:15px; border-top:1px solid #b4b4b4; overflow:hidden;}
.setting > ul > li > strong {float:left; color:#000; line-height:1.8em;}
.setting > ul > li > button {float:right;}

.btn-setup {width:54px; height:24px; background:#999; color:#fff; position:relative; border-radius:50px;}
.btn-setup2 {height:24px; color:#000; letter-spacing:-0.05em; padding-right:15px; background:#fff url('../../images/bg/bg_arrow2.png') no-repeat right 6px; background-size:9px;}
.btn-setup2.disa {color:rgba(0,0,0,.3); background:#fff url('../../images/bg/bg_arrow3.png') no-repeat right 6px; background-size:9px;}
.btn-setup.on {background:#232427;} 
.btn-setup:before {content:""; width:20px; height:20px; background:#fff; border-radius:100%; position:absolute; left:2px; top:2px;
	box-shadow:0px 1px 2px rgba(0,0,0,.5); transition:left .1s ease-out;
}
.btn-setup.on:before {left:32px; transition:left .1s ease-out;}
.btn-setup > strong {width:32px; height:16px; color:#fff; font-size:11px; text-align:center; padding:4px 4px 0 20px; display:block; }
.btn-setup.on > strong {text-align:center; padding:4px 22px 0 2px;}

.quick-reserve {padding:0 0 25px;}

.view-area .btn-set3.ver1 {padding:0;}
.view-area .btn-set3.ver1 > a, .view-area .btn-set3.ver1 > span {width:28%;}
.view-area .btn-set3.ver1 > a:first-child {width:40%;}

/*20180523 간편회원가입 추가 871-955*/
.members-join-cont button,.members-join-cont textarea,.members-join-cont  select,.members-join-cont  input{font-family: "Noto Sans",sans-serif;}/*20180529 추가*/
.members .membership-join {padding:30px 15px; background:#eee;color: #333;letter-spacing: -1px;font-family: "Noto Sans",sans-serif;}/*20180529 수정*/
.membership-join .step01{width: 60px;text-align: left;margin-left: 10px;}
.membership-join .join_txt01 h2{font-size: 1.3em;margin-bottom: 5px;}
.membership-join .join_txt01 p{font-size: 1em;line-height: 1.2;}
.membership-join .join_txt01{display: inline-block;vertical-align: top;margin-left: 17px;width: calc(83% - 43px);}
.members-join-cont{margin:0 15px;font-family: "Noto Sans",sans-serif;}
.members-join-cont h3{border-bottom: 1px solid #ddd;margin-bottom: 10px;font-size: 17px;padding:23px 0 11px;}
.members-join-cont h3 span{font-size: 15px;color: #777;margin-left: 3px;}
.members-join-cont h4{margin-bottom: 10px;color: #333;font-weight: normal;font-size: 14px;}
.members-join-cont .btn_type01{border: 1px solid #ccc;;background: 0;padding:5px;float: right;height: 30px;}
.members-join-cont .certifi_txt{border: 1px solid #adadad;;background: 0;padding:0 10px;float: right;height: 30px;line-height: 28px;}
.members-join-cont .certifi_txt a{display: block;color: #555;}
.members-join-cont ul.certifi li{margin-bottom: 10px;letter-spacing: -2px;color: #333;line-height: 30px;}
.members-join-cont ul.certifi li:after{display: block;content: "";clear: both;}
.members-join-cont input[type="checkbox"]{display: none;-webkit-appearance:none;}/*20180601 추가*/
.members-join-cont input[type="checkbox"] + label:before{content: "";display: inline-block; background: url(../../images/btn/btn_check.png) no-repeat left center;background-size: 100%;width: 18px;height: 18px;vertical-align: middle;margin-right:8px;}
.members-join-cont input[type="checkbox"]:checked + label:before{content: "";display: inline-block; background: url(../../../mob/images/btn/btn_checkOn.png) no-repeat left center;background-size: 100%;width: 18px;height: 18px;vertical-align: middle;margin-right:8px;}
.members-join-cont .all_check{border: 1px solid #bbb;width: 100%;background-color: #fff;text-align: center;margin-top: 15px;box-sizing: border-box;line-height: 100%;height: 45px;color: #aaa;font-weight: bold;font-size: 15px;}
.members-join-cont .all_checkOn{border: 1px solid #f2783d;width: 100%;background-color: #fff;text-align: center;margin-top: 15px;box-sizing: border-box;line-height: 100%;height: 45px;color: #f2783d;font-weight: bold;font-size: 15px;}
.members-join-cont .all_check a{color: #aaa;display: block;font-weight: bold; padding:15px 0;}
.members-join-cont .all_check img,.members-join-cont .all_checkOn img{width: 15px;margin-right: 7px;}
.members-join-cont .p_info{margin: 35px 0 30px;font-size: 0;}
.members-join-cont .p_info .txt_type01{border: 1px solid #ccc; padding:10px;vertical-align:middle;}
.members-join-cont .p_info .btn_cerfi{ float: right;margin-left: 5px;width: 58px;height: 38px;line-height: 38px;}
.txt_phone{width: calc(100% - 64px);}
.members-join-cont .p_info .sel_type01{border: 1px solid #ccc; padding:9px 0 9px 5px;vertical-align:middle;-webkit-appearance:menulist;}
.members-join-cont .btn_type02,.complete .btn_type02{background:#232428;color: #fff;height: 45px;line-height: 45px; border: 0;font-weight: bold;}
.members-join-cont .p_info input::placeholder{letter-spacing: -2px;}
.members-join-cont .p_info li{margin-bottom: 10px;font-size: 14px;color: #333;}
.members-join-cont .p_info .p_info_box01 li div.left{width: 90px;display: inline-block;}
.members-join-cont .p_info .p_info_box01 li div.left label{margin-left: 8px;}
.members-join-cont .p_info .p_info_box01 li div.right{width: calc(100% - 95px); display: inline-block;}
.members-join-cont .p_info .p_info_box02 li{line-height: 40px;}
.members-join-cont .p_info .p_info_box02 li:after{display: block;content: "";clear: both;}
.members-join-cont .p_info .p_info_box02 li div.left{width: 120px;float: left;line-height: 41px;}/*20180529 수정*/
.members-join-cont .p_info .p_info_box02 li div.left label{letter-spacing: -2px;}
.members-join-cont .p_info .p_info_box02 li div.right{width:calc(100% - 120px); float: right;}
.members-join-cont .p_info .txt_org{color:#f2783d;letter-spacing: -1px; width: 54px;margin-left: 5px;}
.ma_3{margin:0 3px;}
.ma_r5{margin-right: 5px;}
.ma_t30{margin-top: 30px;}
.ma_t50{margin-top: 50px;}
.members-join-cont .p_info .txt_resident{letter-spacing: 2px;color: #bbb;vertical-align: middle;margin-left: 5px;}
.members-join-cont .p_info .txt_notify{letter-spacing: -2px;color: #f2783d;margin-left: 94px;margin-top: 4px;font-size: 0.9em;}
.members-join-cont .p_info .adr_box{padding: 10px 0;border-top: 1px solid #ccc;margin-top: 10px;}
.members-join-cont .p_info .adr_box .adr_top{margin-bottom: 5px;line-height: 31px;font-size: 0;}/*20180529 추가*/
.members-join-cont .p_info .adr_box .adr_top:after{display: block;content: "";clear: both;}/*20180529 추가*/

.members-join-cont .p_info .adr_box:after{display: block;content: "";clear: both;}
.members-join-cont .p_info .txt_adr{width: 79%; display: inline-block;color: #555;letter-spacing: -1px;line-height: 1.3;vertical-align: middle;font-size: 14px;}/*20180604 수정*/
.members-join-cont .p_info .adr_btn{width: 21%;display: inline-block;vertical-align: middle;text-align: right;}/*20180604 수정*/
.members-join-cont .p_info .btn_type03{border: 1px solid #adadad;background: none;padding:0 10px;color: #555;line-height: 32px;}/*20180529 수정*/


/*회원가입완료*/
.complete{text-align: center;padding:0 25px;font-family: "Noto Sans",sans-serif;}
.complete h3{font-size: 22px;letter-spacing: -1.5px;}
.complete .com_cont{color: #555;line-height: 150%;}
.c_icon{width: 50%;margin: 0 auto;margin-top: 20%;}
.complete .line{width:45px; height: 2px;background: #ddd;text-align: center;margin:20px auto;}
.appbtn_box{margin:50px 0 20px;}/*20180820 추가*/
.appbtn_box:after{display: block;content: "";clear: both;}/*20180820 추가*/
.appbtn_box p{width: 49%;}/*20180820 추가*/
.fr{float: right;}/*20180820 추가*/

/*태블릿*/
@media (width:320px){
    .members-join-cont .p_info .txt_type01{padding:10px 5px;}
    .txt_phone{width: calc(100% - 55px);}
    .members-join-cont .p_info .txt_resident{margin: 0;}
    .members-join-cont .p_info .btn_cerfi{width:49px; }
    .members-join-cont .p_info .txt_adr{width: 75%;}/*20180604 추가*/
}
@media (min-width:680px){
    body{font-size: 15px;}
    .members .membership-join{padding:30px 25px;}
    .membership-join .step01{margin-left: 0;}
    .members-join-cont{margin: 0 25px;}
    .members-join-cont .p_info input::placeholder{letter-spacing: -1px;}
    .members-join-cont .p_info .txt_notify{margin: 4px 0 8px 126px;}
    .membership-join .join_txt01 h2{margin-bottom: 7px;}
    .membership-join .join_txt01{vertical-align: middle;}
    .members-join-cont h3{border-bottom: 2px solid #ccc;}
    .members-join-cont h3.bd_0{border-bottom: 0;}
    .members-join-cont .p_info li:last-child{margin-bottom: 0;}
    .c_icon{width: 229px;margin-top: 0;}/*20180820 수정*/
    .complete{padding:90px 0;}/*20180820 수정*/
    .members-join-cont .p_info .adr_box{padding-bottom: 0;}    
    .complete .com_cont{font-size: 20px;letter-spacing: -1px;}/*20180820 추가*/
    .appbtn_box{margin:90px 50px 4%;}/*20180820 추가*/    
    .appbtn_box p{width: 48%}/*20180820 추가*/
    .complete .btn_type02{background:#232428;color: #fff;border: 0;font-weight: normal;width:calc(100% - 100px);height: 67px;line-height: 67px;font-size: 20px;}/*20180820 추가*/
    .complete h3{font-size: 32px;color: #555;}/*20180820 추가*/
}
.title_bd{border-bottom: 2px solid #ccc;}
div.p_info .tbl { width:100%;font-size: 15px;text-align: left;border-top: 1px solid #555;margin-bottom: 30px;}
div.p_info .tbl th { background:#f8f8f8; padding:10px 25px; font-weight:normal; border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9; color: #333;font-weight: bold;}
div.p_info .tbl th:first-child{border-top: 0;}
div.p_info .tbl td { border-bottom:1px solid #e9e9e9; background:#fff;padding:10px;font-size: 15px;}

.members-join-cont input[type=number]::-webkit-inner-spin-button,
.members-join-cont input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}/*20180531 추가*/

.members-join-cont h3 span.col_org{color: #f2783d;font-weight: normal;margin-left: 10px;}/*20180605 추가*/


/*20200414 추가 :: S */
.rn_login {font-weight: 400 !important;}
#poopbox {z-index: 100 !important;}
#demmed {z-index: 99 !important;}
/*20200414 추가 :: E */

/* 20200512 추가 S */
/* 전자 영수증 */
.receipt {border-top:1px solid #999; padding:24px 6.66% 0;}
.switch_area {text-align:right; margin-bottom:48px;}
.switch_tit {display:inline-block; color:#333; font-weight:500; margin-right:10px;}
.switch_area .btn-setup {width:50px; height:20px; border:1px solid #333; background:#fff; box-sizing:initial;}
.switch_area .btn-setup:before {width:15px; height:15px; left:3px; background:#333;}
.switch_area .btn-setup > strong {color:#333; padding:4px 4px 0 15px;}
.switch_area .btn-setup.on {background:#333;}
.switch_area .btn-setup.on:before {left:32px; background:#fff;}
.switch_area .btn-setup.on > strong {color:#fff; padding:4px 22px 0 2px;}

.date_area {text-align:center; border-bottom:1px solid #333;}
.date_sel a {display:inline-block; width:11px; height:22px; background-size:contain; background-repeat:no-repeat;}
.date_sel .prev {background-image:url(../../images/receipt/arw_l.png);}
.date_sel .next {background-image:url(../../images/receipt/arw_r.png);}
.date_sel .date {font-size:26px; font-weight:600; color:#333; margin:0 14px; vertical-align:sub;}
.date_area .date_notice {margin:10px 0 28px; color:#999;}

.receipt_area {margin-top:20px; color:#333;}
.receipt_area .cnt {font-weight:500;}
.receipt_area .cnt span {color:#dd4c4c;}
.receipt_list {margin-top:10px;}
.receipt_list ul {border-top:1px solid #ddd;}
.receipt_list li {display:table; table-layout: fixed; width:100%; border-bottom:1px solid #ddd; padding:14px 0;}
.receipt_list .col {display:table-cell; vertical-align: middle; box-sizing:border-box;}
.receipt_list .col1 {width:56%; padding-left:3%;}
.receipt_list .col2 {width:34%; text-align:right;}
.receipt_list li.refund .col2 {opacity:.5;}
.receipt_list .col3 {width:10%;}
.receipt_list .date {font-size:12px;}
.receipt_list .store {font-size:16px; font-weight:500;}
.receipt_list .pay_option {font-size:10px;}
.receipt_list .state {font-size:10px; color:#dd4c4c; margin-left:4px;}
.receipt_list .price {font-size:16px; margin-top:8px;}
.receipt_list .prod_name {width:100%; float:right; font-size:10px; color:#555; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.receipt_list .view_more {display:block; width:100%; height:18px; text-indent:-9999px; overflow:hidden; background:url(../../images/receipt/arw_more.png) right 5px top 0 no-repeat; background-size:contain;}

.total {padding:30px 0 75px; border-top:1px solid #ddd; font-size:20px; font-weight:500; color:#333; overflow:hidden;}
.total .total_tit {float:left;}
.total .total_price {float:right;}
.total .total_price span {color:#dd4c4c;}

.receipt_detail {border-top:1px solid #999;}
.barcode_area {text-align:center; } /* 20210221 개발자 수정 적용 */
.barcode_area .barcode_img {display:inline-block; width:100%;}
.barcode_area .barcode_num {font-size:18px;display:block;}

/* 20200904 영수증 영역 / 기존 슬라이드 스타일 삭제 :: S */
.receipt_area { position:relative; margin-bottom:50px;}
.btn_receipt_prev { position: absolute; top:50%; left: 10px; width:24px; height: 54px; background:url('../../images/receipt/arw_l_02.png') center center no-repeat; background-size:12px 27px; margin-top:-13px; display: block; text-indent: -10000px; z-index: 10;}
.btn_receipt_next { position: absolute; top:50%; right: 10px; width:24px; height: 54px; background:url('../../images/receipt/arw_r_02.png') center center no-repeat; background-size:12px 27px; margin-top:-13px; display: block;  text-indent: -10000px; z-index: 10;}
.receipt_box {padding: 0 50px;  box-sizing: border-box; font-size: 12px;  color: #333; }
/* 20200904 영수증 영역 :: E */

/* 20200722 수정 :: S */
.receipt_detail .btn_area {border-top:1px solid #ddd; border-bottom:1px solid #ddd;text-align:center;  overflow:hidden;}
.receipt_detail .btn_area a { position: relative;display:block; float:left; width:50%; box-sizing:border-box; padding:17px 0; }
.receipt_detail .btn_area a:last-child {display:block; float:left;}
.icon_docu { background: url('../../images/ico/icon_docu.png') 0 2px no-repeat; background-size:16px 18px; padding-left: 25px;}
.icon_down { background: url('../../images/ico/icon_down.png') 0 2px no-repeat; background-size:19px 18px; padding-left: 28px;}
.receipt_detail .btn_area > a:before { content: ''; position: absolute; top:50%; right:0; width:1px; height: 18px; margin-top: -9px; background: #ddd;  display: block; z-index: 20; }
.receipt_detail .btn_area > a:last-child:before {background:none;} /*20200826 추가 */
/* 20200722 수정 :: E */


.swiper-banner .swiper-pagination-bullets {display:inline-block; width:auto; top:2px; bottom:auto; right:2.6%; left:auto;}
.swiper-banner .swiper-pagination-bullet {width:6px; height:6px; background:none; border:1px solid #fff;}
.swiper-banner .swiper-pagination-bullet-active {background:#fff;}
/* 20200512 추가 E */

/* 20200528 모바일 주차 정산 S */
/* 차량 등록 */
.parking_wrap .tit {color:#333; font-size:16px; font-weight:500;}
.parking_cont {padding:17px 6.5% 26px;}
.parking_cont .input_box {margin-top:32px;}
.parking_cont .input_box .col3 .input {float:left; width:calc((100% - 20px)/7*2); color:#333;}
.parking_cont .input_box .col3 .input:last-child {width:calc((100% - 20px)/7*3);}
.parking_cont .input_box .col3 .input + .input {margin-left:10px;}
.parking_ntc {background-color:#f2f2f2; padding:20px 6.5%;}
.parking_ntc_w {background-color:#fff;}
.parking_ntc .tit {color:#333; font-size:14px; font-weight:500;}
.parking_ntcList {margin-top:6px;}
/*20210205 수정 :: s*/
.parking_ntcList > ul > li {position:relative; padding-left:10px; font-size:12px; color:#333; line-height:1.5; margin-bottom: 3px;}
.parking_ntcList > ul > li::before {content:''; position: absolute; left:3px; top:8px; width:2px; height:2px; border-radius:50%; background:#333;}
/*20210205 수정 :: e*/
.parking_ntcList > ul > li:last-child {margin-bottom: 0;}/*20210205 추가*/

/* 차량 주자 지점 선택 */
.car_info {overflow:hidden; padding:15px 6% 30px;}
.car_num {float:left; font-size:25px; font-weight:500; color:#333; line-height:30px;}
.car_info .input_box {float:right;}
.parking_txt {padding: 10px 25px 5px; color:#333;}
.favor-list_pop.parking_place {padding:0 20px}/*20200720 class 수정*/
.favor-list_pop.parking_place > li > a {padding:30px 0; font-size:15px;}/*20200720_2 class 수정*/
.parking_wrap .tab-area {padding: 10px 25px;}

/* 주차 정산 */
.parking_info {padding:13px 6.5% 0; margin-bottom:42px;}
.parking_infoList {margin-top:18px; font-size:12px;}
.parking_infoList li {overflow:hidden; color:#333;}
.parking_infoList li+li {margin-top:4px;}
.parking_infoList li .list_tit {float:left;}
.parking_infoList li .list_txt {float:right;}
.parking_free {padding:0 6.5%; margin-bottom:58px;}
.parking_free .tit {margin-bottom:16px;}
.parking_freeTime {color:#dd4c4c;}
.parking_receipt {display:table; width:100%; height:86px; background-color:#d23838; color:#fff; text-align:center; margin-top:-60px; letter-spacing: -1px;}
.parking_receipt .receipt01, .parking_receipt .receipt02 {display:table-cell; vertical-align: middle;}
.parking_receipt .receipt01 .prkprice {margin-top:10px;}
.parking_receipt .receipt01 .prkprice span {font-size:22px;}
.parking_receipt .plus {display:table-cell; width:17px; height:17px; vertical-align: middle;}
.parking_receipt .receipt02 .prktime {margin-top:10px;}
.parking_receipt .receipt02 .prktime span {font-size:22px;}
.prkprice_tbl table {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align:center; margin-top:15px;}
.prkprice_tbl table td {height:25px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:12px;}
.parking_ntcBox {border:1px solid #ddd; padding:12px 10px; margin-top:15px;}
/*주차 정산 E */

/* 주차권 팝업 */
.popup.popup_w header {background-color:#fff; color:#333; font-size:19px; font-weight:500;}
.popup.popup_w header h3 {color:#333; font-size:19px; font-weight:bold; padding-top:15px; font-family:'Noto Sans KR', sans-serif;}
.popup.popup_w .pop-close {background:url(../../images/btn/big_close.png) no-repeat center center;width:19px;height: 19px;background-size: 100%;}

.popup.newComplete .btnBlack02{border: 0;}
.parking_coup {padding:35px 6.5% 16px;}
.parking_coupTxt {color:#333;}
.parking_coupTxt .cnt {color:#dd4c4c;}
.parking_coupList {margin-top:8px;}
.parking_coupList > ul {border-top:1px solid #b4b4b4;}
.parking_coupList > ul > li {display:flex; border-bottom:1px solid #b4b4b4; height:85px; overflow:hidden;}
.parking_coupList .coupInfo {float:left; width:77%; font-size:12px; color:#333; padding:20px 10px;}
.parking_coupList .coupInfo .coupDate {font-size:11px; color:#777; margin-top:4px;}
.parking_coupList .check_area {float:right; width:23%; background:#fafafa; box-sizing:border-box; position:relative;}
.parking_coupList .check_area input.chck {-webkit-appearance: none;-ms-appearance: none;display: none;}
.parking_coupList .check_area input.chck + label {line-height:18px; cursor: pointer; position:relative; width:100%; height:100%; display:block;}
.parking_coupList .check_area input.chck + label:before {content:''; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:18px; width:18px; background: url(../../images/ncclub/chk02.png) no-repeat; background-size:18px 18px;}
.parking_coupList .check_area input.chck:checked + label:before {background: url(../../images/ncclub/chk02_on.png) no-repeat; background-size:18px 18px;}
.parking_coupList .check_area input.chck + label span {position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}

/* 20200528 모바일 주차 정산 E */


/* 20200901 할부거래 약관 :: S */
.installment_area {font-size:1em; color:#333; padding: 30px 20px;   box-sizing: border-box; }
.tit_terms { font-size:1.2em; text-align:center; letter-spacing: -0.5px; font-weight: 500; text-decoration: underline;}
.installment_terms { padding-top: 20px; }
.installment_terms li { font-size: 1em; color: #333; font-weight: 400; letter-spacing: -0.5px;margin-bottom:15px;}
.installment_terms li::after { content: ''; display: block; clear: both;}
.installment_terms li > span { color:#333; font-weight: 700; text-align: center; line-height: 30px; display:block; }
.installment_terms li > p { font-size:1em; text-align:left; font-weight: 400;}
.installment_terms li > dl { width:100%;  text-align: left; line-height: 26px;}
.installment_terms li > dl > dt {  width:35px; float: left;}
.installment_terms li > dl > dd { width:88%; float:left; letter-spacing: -1.5px; }
.terms_tbl { font-size:1em; color:#333; text-align:center; border:1px solid #ddd; border-left:1px solid #ddd; margin:10px 0;}
.terms_tbl th { background:#f6f6f6; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding: 15px 0 ; font-weight: 700; }
.terms_tbl td { line-height: 24px; font-weight: 400; letter-spacing: -1.5px; border-right:1px solid #ddd;  padding: 15px 0;}
/* 20200901 할부거래 약관 :: E */

/* 20201230 덕담이벤트 :: S */
.deokdam {position: relative;}
.deokdamBtn_wrap {position: absolute; bottom: 1.7%;}
.deokdamBtn_appstore {left: 42.5%;}
.deokdamBtn_googleplay {left: 67%;}
.deokdamBtn {display: inline-block; height: 6vw; text-indent: -9999px;}
.deokdamBtn_appstore>a {width: 21vw;}
.deokdamBtn_googleplay>a {width: 23vw;}
/* 20201230 덕담이벤트 :: E */

/* 20210315 SNS 미러링서비스 :: S */
.service-sns-list {padding: 30px 15px 0; border-bottom: 1px solid #e5e5e5; font-size: 0;}
.service-sns-list > li {display: inline-block; width: 17.5%; max-width: 76px; margin-right: 6.6%; vertical-align: middle;} 
.service-sns-list > li:last-child {margin-right: 0;}
.service-sns-list > li a {display: block; padding-top: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;}
.service-sns-list > li.youtube a {background-image: url('../../images/ico/ico_youtube.png');}
.service-sns-list > li.youtube.active a {background-image: url('../../images/ico/ico_youtube2.png');}
.service-sns-list > li.instagram a {background-image: url('../../images/ico/ico_instagram.png');}
.service-sns-list > li.instagram.active a {background-image: url('../../images/ico/ico_instagram2.png');}
.service-sns-list > li.facebook a {background-image: url('../../images/ico/ico_facebook.png');}
.service-sns-list > li.facebook.active a {background-image: url('../../images/ico/ico_facebook2.png');}
.service-sns-list > li.kakao a {background-image: url('../../images/ico/ico_kakao.png');}
.service-sns-list > li.kakao.active a {background-image: url('../../images/ico/ico_kakao2.png');}

.service-sns .service-youtube li {margin-bottom: 0; border-bottom: 1px solid #b4b4b4;}
.service-youtube li a {display: block; padding-bottom: 15px; text-align: left;}
.service-youtube li a img {width: 100%;}
.service-youtube li a h3 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; max-height: 44px; overflow: hidden; padding: 15px 3% 0; color: #333; font-size: 16px; font-weight: 400;}
.service-youtube li a .date {padding: 5px 3% 0; color: #999;}
.service-instagram, .service-facebook {border-bottom: 1px solid #b4b4b4;}

.service-sns {position: relative; width: 100%;}
.service-sns .dim {background: rgba(0,0,0,0.8);}
.service-sns .pop {position: fixed; left: 0; width: 100%; top: 17%; max-height: 70%; background-color: #fff; z-index: 9999; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.service-sns .pop .pop_inner img {width: 100%;}
.service-sns .popclose {position: absolute; right: 20px; top: 17%; width: 7%; margin-top: -24%; z-index: 999;}

.service-kakao {padding-top: 30px;}
.service-kakao > li {padding: 0 3%;}
.service-kakao > li h3 {padding-bottom: 20px;}
.service-kakao > li .btn-list {overflow: hidden;}
.service-kakao > li .btn-list > li {display: table; width: 32%; margin-right: 1%; margin-bottom: 1%; border: 1px solid #333; float: left; border-collapse: collapse;}
.service-kakao > li .btn-list > li:nth-child(3n) {margin-right: 0;}
.service-kakao > li .btn-list > li a {display: table-cell; height: 60px; padding: 0 5px; color: #333;}
.service-kakao > li .btn-list > li:not(.disabled):active, .service-kakao > li .btn-list > li:not(.disabled):focus {background-color: #333; border-color: #333;}
.service-kakao > li .btn-list > li:not(.disabled):active a, .service-kakao > li .btn-list > li:not(.disabled):focus a {color: #fff;}
.service-kakao > li .btn-list > li.disabled {border-color: #e1e1e1;}
.service-kakao > li .btn-list > li.disabled a {color: #bbbbbb;}
/* 20210315 SNS 미러링서비스 :: E */

/* 20210913 SNS 서비스// :: S */
.sns-service {}
.ss-bigvideo-inner {position: relative; padding-bottom: 56.25%;}
.ss-bigvideo-box {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.ss-bigvideo-box iframe {width: 100%; height: 100%;}
.ss-bigvideo-info {background: #f5f5f5; padding: 13px 6.66% 14px; }
.ss-bigvideo-info .tit {display: block; font-size: 15px; color: #333; font-weight: 500; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.ss-bigvideo-info .date {display: block; font-size: 11px; color: #777; line-height: 1; margin-top: 12px;}
.ss-videolist {padding: 25px 6.66%;}
.ss-videoitem {margin-top: 15px;}
.ss-videoitem:first-child {margin-top: 0;}
.ss-videolink {display: block; overflow: hidden;}
.ss-videothumb {float: left; width: 38%;} 
.ss-videoimg {padding-bottom: 62.4%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.ss-videoinfo {float: left; width: 62%; padding-left: 15px; box-sizing: border-box;}
.ss-videoinfo .tit {display: block; height: 48px; font-size: 12px; color: #333; font-weight: 500; line-height: 1.4; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.ss-videoinfo .date {display: block; font-size: 10px; color: #777; line-height: 1; margin-top: 12px;}
.ss-videobtn-area {border-top: 1px solid #b4b4b4;}
.ss-videobtn-more {display: block; width: 100%; line-height: 1; text-align: center; background: none; padding: 28px 6.66%;}
.ss-videobtn-more strong {display: inline-block; font-family:'Noto Sans KR', sans-serif; color: rgba(0,0,0,0.8); font-weight: 500; letter-spacing: -0.04em; padding-left: 26px; background: url('../../images/ico/ico_ss_btn.png') left center/14px 14px no-repeat;}
.ss-snslist-area {text-align: center; background: #f5f5f5; border-top: 1px solid #b4b4b4; padding: 30px 6.66% 35px;}
.ss-snslist-info {font-size: 15px; color: #333; font-weight: 500;}
.ss-snslist {font-size: 0; margin-top: 12px;}
.ss-snsitem {display: inline-block; margin: 0 7.5px; vertical-align: top;}
.ss-snslink {display: block; width: 44.5px; height: 44.5px; background-size: contain; background-repeat: no-repeat;}
.ss-youtube {background-image: url('../../images/ico/ico_ss_youtube.png');}
.ss-insta {background-image: url('../../images/ico/ico_ss_insta.png');}
.ss-facebook {background-image: url('../../images/ico/ico_ss_facebook.png');}
.ss-kakao {background-image: url('../../images/ico/ico_ss_kakao.png');}
.popup-ss-video-wrap {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999999;}
.popup-ss-video-area {width: 100%; padding-top: 36px; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.popup-ss-video-area .close {display: block; width: 27px; height: 27px; background: url('../../images/ico/ico_ss_close.png') 0 0/cover no-repeat; position: absolute; right: 10px; top: 0;}
.popup-ss-videobtn-area {padding: 10px; text-align: right;}
.popup-ss-videobtn-area .link {font-size: 12px; color: #fff; font-weight: 500; line-height: 1; padding-bottom: 1px; border-bottom: 1px solid #fff;}
/* //20210913 SNS 서비스 :: E */

/* 20230104 추가 :: S */
.tbl-lv + .tbl-lv{margin-top: 50px;}
.members .tb-type1.tbl-lv tbody th{background: #f7f7f7;}
.members .tb-type1.tbl-lv.tbl-early tbody th{border-right: 1px solid #bbbbbb; text-align: left; padding: 0 10px;}
.members .tb-type1.tbl-lv .tbl-lv_bgRed{background: #e05555; color: #fff;}
.members .tb-type1.tbl-lv .tbl-lv_bgPink{background: #ffe4e4;}
.members .tb-type1.tbl-lv .tbl-lv_bl{border-left: 1px solid #e05555;}
.members .tb-type1.tbl-lv .tbl-lv_br{border-right: 1px solid #e05555;}
.members .tb-type1.tbl-lv .tbl-lv_bb{border-bottom: 1px solid #e05555;}
/* 20230104 추가 :: E */

/* 20221230 추가 :: S */
.grade-text_gray{color: #777;}
/* 20221230 추가 :: E */