@charset "utf-8";
/*****************************************************************************************************************************************
    1. 디바이스 :모바일 (800px 이하)
    - css 작업안내 -
        1) 클래스 및 아이디 선택자의 해당 스타일 작성 시 댑이나 여백, 줄바꿈은 모두 삭제해 주세요.
        2) 스타일 작성 후 마지막은 꼭 ";"으로 닫아주세요. (마지막도 꼭 적용부탁드립니다.)
        3) 영역별 사용성을 위해 주석으로 간단하게 설명부탁드립니다.
           예시) .testWrap {display:none;padding:10vw 10vw;text-align:center;}

    - 사이즈 단위 설정 -
        1) 모바일 :vw 
        2. 태블릿, PC :rem
*****************************************************************************************************************************************/
/*Noto*/
@font-face {
font-family:'NotoSansKR';
font-weight:normal;
font-style:normal;
src:url('/fonts/Noto/NotoSansKR-Regular.eot'); /* IE9 Compat Modes */
src:url('/fonts/Noto/NotoSansKR-Regular.otf') format('opentype'),
url('/fonts/Noto/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/Noto/NotoSansKR-Regular.woff') format('woff'); /* 웹 브라우저 버전 */
}

@font-face {
font-family:'NotoSansKR';
font-weight:600;
font-style:normal;
src:url('/fonts/Noto/NotoSansKR-Medium.eot'); /* IE9 Compat Modes */
src:url('/fonts/Noto/NotoSansKR-Medium.otf') format('opentype'),
url('/fonts/Noto/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
url('/fonts/Noto/NotoSansKR-Medium.woff') format('woff'); /* 웹 브라우저 버전 */
}

@font-face {
font-family:'NotoSansKR';
font-weight:700;
font-style:normal;
src:url('/fonts/Noto/NotoSansKR-Bold.eot'); /* IE9 Compat Modes */
src:url('/fonts/Noto/NotoSansKR-Bold.otf') format('opentype'),
url('/fonts/Noto/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('/fonts/Noto/NotoSansKR-Bold.woff') format('woff'); /* 웹 브라우저 버전 */
}

[class^="tit"] {}
.eventListTit {display:block;color:#5e4d3d;font-size:4.063vw;} /* 이벤트 리스트 타이틀 */
.showListTit {display:block;color:#5e4d3d;font-size:4.063vw;} /* 전시 리스트 타이틀 */
.couponListTit {display:block;color:#5e4d3d;font-size:4.063vw;} /* 쿠폰 리스트 타이틀 */

/**** 02. [공통] 텍스트 정의 ****/
[class^="txt"] {}
.img-response { display:block !important; height:auto !important; max-width:100% !important; }

[class^="color"] {}

/**** 03. [공통] 버튼 정의 ****/
[class^="btn"] {display:inline-block;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none;}

.btn-view {display:inline-block;margin-top:0;border:0.1rem solid #7a6e67;color:#7a6e67;/*font-family:'NotoSansKR';*/font-weight:600;letter-spacing:0.5px;transition-duration:.5s;text-align:center;}
.btn-view, .btn-view.btn-mid {width:35%;height:9vw;line-height:8.6vw;font-size:3vw;}
.btn-view.btn-mid {width:40%;}
.btn-view.btn-gold {border:0.1rem solid #b49759;color:#b49759;}
.btn-view.btn-gold:hover, .btn-view.btn-gold.selected {background-color:#b49759;color:#fff}
.btn-view.btn-auto {width:auto;padding:0 3.125vw}
.toggle-wrap {margin-bottom:6%;font-size:0;}
.toggle-wrap:after {content:"";display:block;clear:both;visibility:hidden;height:0;}
.toggle-wrap .toggle {float:left;margin-left:-0.1rem;}
.toggle-wrap .toggle:nth-child(1) {margin-left:0;}
.toggle-wrap .toggle.selected {background-color:#7a6e67;color:#fff;}
.btn-wrap {display:block;}
.btn-wrap-left {display:block;text-align:left;}
.btn-wrap-right {display:block;text-align:right;}

/**** 04. [공통] 아이콘 정의 ****/
[class^="icon"] {display:inline-block;background-repeat:no-repeat;background-position:left center;background-size:contain;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none;}

/* 관심아이콘 */
.fa.fa-heart {vertical-align:middle;}
.fa-heart:before {content:'';display:inline-block;margin-right:0.5rem;width:3.75vw;height:3.125vw;background:url(/images/icon/icon_interestM.png) no-repeat;background-size:3.75vw 3.125vw;/* vertical-align:middle; */}
button:hover .fa-heart:before, .selected .fa-heart:before {background-image:url(/images/icon/icon_interestM_hover.png);}
.fa-facebook-f:before {content:'';display:inline-block;width:2.188vw;height:3.75vw;background:url(/images/icon/icon_share_fbM.png) no-repeat;background-size:2.188vw 3.75vw;vertical-align:middle;margin-top:-1vw;}
/* .btn-view a:hover .fa-facebook-f:before {background-image:url(/images/icon/icon_share_fbM_hover.png);} */

/* 공통블릿 스타일 */
.bullet { color:#585858; }
.bullet li {padding-left:8px; line-height:1.6; white-space: normal; word-break: keep-all;}
.bullet .squre { background:url(/images/icon/bullet/icon_squre_black.png) no-repeat left 8px; background-size:3px 3px; }
.bullet .ex1 { background:url(/images/icon/bullet/icon_ex1.png) no-repeat left 6px; background-size:8px 8px; padding-left:12px; }
.bullet .bold { font-weight:bold; }
.bullet .mt20 { margin-top:20px; }
.bullet.ml8 { margin-left:8px; }

/* 공통클래스 */
.m-d-block {display:block !important;}
.m-d-ib {display:inline-block !important;}
.m-d-i {display:inline !important;}
.mobile-block {display:block !important;}
.pc-block {display:none !important;}
.ws-nowrap { white-space:nowrap; }
.text-left { text-align:left !important; }
.clearfix:after { content:""; display:table; clear:both; }
.bullet-container { position:relative !important; padding-left:10px; }
.bullet-container .bullet { position:absolute; left:0; top:2px; }


/**** 05. [공통] 폼(form) 정의 ****/

/**** 06. [공통] 리스트(ul, ol) 정의 ****/
/* tab */
.tab {width:61.5vw;margin:14.0625vw auto 0 auto;}
.tab a {float:left;display:block;width:50%;height:9vw;border:0.1rem solid #7a6e67;color:#7a6e67;/*font-family:'NotoSansKR';*/font-weight:normal;letter-spacing:0.5px;line-height:8.6vw;font-size:3.5vw;text-align:center;box-sizing:border-box;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.tab .selected, .tab a:hover, .tab a:focus {color:#fff;background-color:#7a6e67;}
.tab:after {content:"";display:block;clear:both}

/* list-basic - 게시판리스트,이벤트캘린더 */
.list-basic {margin:0 auto;border-top:0.1rem solid #cbc7c4;font-size:3.47vw;}
.list-basic {}
.list-basic > li {border-bottom:0.1rem solid #cbc7c4;white-space:nowrap;}
.list-basic > li, .list-basic {border-color:#d7d3d1;}
.list-basic .no, .list-basic .arrow {width:8%;}
.list-basic .title {width:70vw;}
.list-basic .date {width:24vw;}
.list-basic .list-header {height:10vw;line-height:9vw;}
.list-basic .list-header span {color:#7b6d65;font-weight:600;vertical-align:middle;display:inline-block;text-align:center}
.list-basic .list-body .title {text-align:left;padding:0.2vh 3vw;padding-right:10vw;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.list-basic .list-body {height:15.33vw;line-height:15.33vw;}
.list-basic .list-body span {color:#585858;vertical-align:middle;margin-top:-0.2rem;display:inline-block;}
.list-basic .list-body .red {color:#c31531;}
.list-basic .list-body span.no,.list-basic .list-body span.category, .list-basic .list-body span.end-date {text-align:center}
.list-basic .list-body.gguk, .list-basic .list-body:hover  {background-color:#f4f4f3;}
.list-basic .list-body.gguk .title a, .list-body:hover .title a {color:#000;font-weight:600;}
.list-basic .list-body.open {height:auto;background-color:#faf9f9;}
.list-basic .list-body .title:after {content:'';display:block;clear:both;}
.list-basic .list-body .title span:first-child {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;padding: .5rem 0;}
.list-basic .list-body .list-tag {position:relative;left:1.5vw;display:inline-block;padding:0 1vw;font-size:2vw;line-height:4vw;vertical-align:middle;background-color:#b49759;color:#fff;margin-top:.2rem;}
.list-body.open .drop-contents {display:block;border-top:0.1rem solid #cbc7c4;text-align:left;padding:5vw 3vw;font-size:3.47vw;line-height:6vw;}
.list-body.open .title {font-weight:600;}

.list-basic .list-body .notice-text {color:#94796e; font-weight:bold;}
.list-basic .list-body .title .notice-text {}




 /* 매장앨범형 */
.store-list .cube {position:relative;height:48.4vw;width:94vw;margin-bottom:2vw;text-align:center;background-color:#fff;overflow:hidden;}
.store-list .cube .thumb-store {height:73%;}
.store-list .cube .thumb-store img {/* display:inline-block;width:64%;margin-top:2%; */width:100%;height:auto;margin-top:12%;}
.store-list .brand-info-wrap {position:absolute;left:0;width:100%;height:100%;padding:1vw 30vw;bottom:-35vw;border-top:.1rem solid #eee;background-color:rgba(255,255,255,0.5);transition:all 1s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.store-list .cube .middle-bar {display:block;width:4.26vw;height:0.1rem;margin:3.5vw auto;background-color:#000;visibility:hidden;}
.store-list .cube.selected .brand-info-wrap,.store-list .cube:hover .brand-info-wrap {bottom:0;width:100%;background-color:rgba(255,255,255,1);padding-top:3vw;}
.store-list .cube:hover .middle-bar,.store-list .cube.selected .middle-bar {visibility:visible;}
.store-list .brand-info-wrap .brand-title-ko {display:block;font-size:3.26vw;margin-top:3.5vw;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: .5rem 0;}
.store-list .brand-info-wrap .info-wrap {margin-top:2vw;text-align:left;white-space:nowrap;font-size:2.67vw;line-height:3.66vw;}
.store-list .brand-info-wrap .info-wrap label {display:inline-block;width:11vw;font-size:2.5vw;font-weight:700;text-align:left;}
.store-list .brand-info-wrap .info-wrap span {display:inline-block;width:initial;margin-left:.2vw;text-align:left;}
.store-list .brand-info-wrap .btn-view {width:18vw;height:8vw;margin-top:3.33vw;font-size:2.67vw;line-height:7.5vw;}
.drop-contents {display:none;color:#585858;}
.drop-contents p {color:#585858;white-space:normal;position:relative;word-break:break-all;word-wrap:break-word;line-height:6vw;}
.drop-contents p strong, .drop-contents p b, .drop-contents strong {font-weight:bold;}
.drop-contents p span{font-weight:bold;font-size:1.5rem;color:#c30e2e;}

/* 매장앨범형 위례점 */
.btn-like {display:inline-block;width:25px;height:22px;background:url(/images/wirye/icon_interest.png) no-repeat;background-size:100%;}
.btn-like.selected, .btn-like:hover {background-image:url(/images/wirye/icon_interest_selected.png);}

.store-list .btn-wrap {margin-top:3vw;}
.store-list .btn-wrap > button {margin:0 .8vw;}
.store-list .btn-like {display:inline-block;width:8.75vw; height:8.75vw;margin-top:3vw;background:url(/images/wirye/icon_interest02.png) no-repeat;background-size:100%;}
.store-list .btn-like.selected {background-image:url(/images/wirye/icon_interest02_selected.png);}
.store-list .btn-call {display:inline-block; width:8.75vw; height:8.75vw; background:url(/images/wirye/icon_call.png) no-repeat;background-size:100%;}

/* 매장리스트 */
.cat-list-view:after {content:'';clear:both;display:block;}
.cat-list-view li {margin-bottom:0.1rem;padding:6vw 6vw;background-color:#fbfbfb;border-bottom:0.1rem solid #f1f1f1;}
.cat-list-view li * {display:inline-block;vertical-align:middle;}
.cat-list-view .tel {display:none;}
.cat-list-view .linkArea {width:59%;/* width:70%; */text-align:right;}
.cat-list-view .brand-title-ko {width:39%;/* width:28%; */font-weight:600;font-size:3.35vw;text-align:left; letter-spacing:-0.5px;}
.cat-list-view .btn-view {width:18.67vw;height:8vw;font-size:3.33vw;line-height:7.5vw;}
.cat-list-view .btn-view + .btn-view {margin-left:3%;}
.categoryFooter { margin-top:3rem; }

/* 내 쿠폰함 */
.coupon-list {width:94vw;margin:0 auto;}
.coupon-list .coupon {position:relative;/* width:94vw; */width:100%;height:94vw;overflow:hidden;/* margin-bottom:2vw; */margin:0 auto 3vw;text-align:center;background-color:#ffffff;}
.coupon-list .coupon .brand-logo {height:32vw;margin:6vw 0;text-align:center;vertical-align:middle;}
.coupon-list .coupon .brand-logo img {display:inline-block;vertical-align:middle;height:100%;}
.coupon-list .coupon .coupon-info {position:absolute;bottom:0px;width:100%;padding:0 2rem;height:50vw;text-align:center;}
.coupon-list .coupon span {display:block;}
.coupon-list .coupon .coupon-brand {margin:0;font-size:2.93vw;/*font-family:'Avenir';*/font-weight:bold;color:#b49759;text-transform:uppercase;}
.coupon-list .coupon .coupon-name {line-height:5.5vw;font-size:3.73vw;letter-spacing:0.05rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.coupon-list .coupon .coupon-desc {margin-top:4vw;font-size:2.93vw;line-height:5vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#585858;}
.coupon-list .coupon .coupon-info .btn-view {width:32%;height:9vw;line-height:8.6vw;font-size:3.5vw;margin:3.7rem 0.5rem 0 0.5rem;}

/* page */
.paging {margin:5vw auto 0;/*font-family:'NotoSansKR';*/text-align:center;vertical-align:text-top;cursor:default;}
.paging li {display:inline-block;cursor:pointer;font-size:3.26vw;}
.paging .page:after, .paging .prev:after {margin:0 3vw;font-size:3vw;content:'|';color:#8c8c8c;}
.paging .off {color:#878787;}
.paging .selected {font-weight:700;}

/* [공통] 이벤트 컨텐츠 리스트 */
.eventListArea .eventListTit {padding-bottom:3.125vw;text-align:left;}
.eventListArea .eventList li {margin-top:3vw;overflow:hidden;}
.eventListArea .eventList li:first-child {margin-top:0;}
.eventListArea .eventList img {width:100%;height:100%;transition:1s transform;transform-origin:50% 75%;}
.eventListArea .eventList a {position:relative;display:block;overflow:hidden;}
.eventListArea .eventList a:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:0.5s all;border:0.2rem solid #c30e2e;opacity:0;}
.eventListArea .eventList a:hover:after {content:"";opacity:1;}
.eventListArea .eventList a:hover > .img img {transform:scale(1.1);transform-origin:50% 75%;}
.eventListArea .eventList a > .img {background:url("/images/layout/bg_eventDefault.jpg") no-repeat;background-size:cover;background-position:center center;}
.eventListArea .eventList .img {display:block;height:90.625vw;/* height:43.75vw; */overflow:hidden;}
.eventListArea .eventList .contentsArea {background:#eeeeee;padding:4.687vw 3.125vw;text-align:left;margin-top:-1px;position:relative;}
#event-area .eventListArea .eventList .contentsArea {background:#fafafa;}
.eventListArea .eventList .contentsArea > * {display:block;}
.eventListArea .eventList .contentsArea .img {margin-bottom:3.125vw;height:3.75vw;}
.eventListArea .eventList .contentsArea .img img {width:auto;}
.eventListArea .eventList .brandTit {/* height:7.5vw; */font-size:3.75vw;/* display:-webkit-box;line-height:3.8vw;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden; */word-break:keep-all;}
.eventListArea .eventList .brandTit.pc {display:none;}
.eventListArea .eventList .brandTit.mobile {display:block;}
.eventListArea .eventList .scheduleDate {/* margin-top:2vw; */color:#666666;font-size:3.125vw; height:20px; line-height:20px; }
#MAIN001 .eventListArea .eventList .scheduleDate,
#MAIN002 .eventListArea .eventList .scheduleDate,
#MAIN003 .eventListArea .eventList .scheduleDate { margin-top:2vw;}
/* 종료된 이벤트 */
.eventListArea .eventList .close:after {background-color:rgba(102,102,102,0.6);opacity:1;border:none;}
.eventListArea .eventList .close:hover > .img {transform:scale(1);}

/* 2개씩 정렬 */
.eventListArea .eventList.promotion li {width:48%; float:left; margin-left:2%;}
.eventListArea .eventList.promotion li:first-child { margin-top: 3vw;}
.eventListArea .eventList.promotion li:nth-child(2n+1) {margin-left:0;}


/* 이벤트 리스트 반응형으로 수정 */
#MAIN001 .eventListArea .eventList .img,
#MAIN002 .eventListArea .eventList .img,
#MAIN003 .eventListArea .eventList .img,
#EVT001 .eventListArea .eventList .img,
#SCH002 .eventListArea .eventList .img {height: auto;}
#MAIN001 .eventListArea .eventList .img img,
#MAIN002 .eventListArea .eventList .img img,
#MAIN003 .eventListArea .eventList .img img,
#EVT001 .eventListArea .eventList .img img,
#SCH002 .eventListArea .eventList .img img {max-width:100%; height:auto;}
#MAIN001 .eventListArea .eventList .contentsArea .img,
#MAIN002 .eventListArea .eventList .contentsArea .img,
#MAIN003 .eventListArea .eventList .contentsArea .img,
#EVT001 .eventListArea .eventList .contentsArea .img,
#SCH002 .eventListArea .eventList .contentsArea .img {height: 1.4rem;}
#MAIN001 .eventListArea .eventList .contentsArea .img img,
#MAIN002 .eventListArea .eventList .contentsArea .img img,
#MAIN003 .eventListArea .eventList .contentsArea .img img,
#EVT001 .eventListArea .eventList .contentsArea .img img,
#SCH002 .eventListArea .eventList .contentsArea .img img {height: 100%;}
.eventListArea .eventList a > .img {background: transparent;}
.eventListArea .eventList a > .img.white {background: #fff;}
#brand-promotion .eventListArea .eventList a > .img {background: #fff;}
#brand-promotion {background-color:#f1f1f1;}
.eventListArea .eventList.promotion .contentsArea {background:#fafafa;}
/* #brand-promotion .eventListArea .eventList .contentsArea {height:7rem;} */

/* [공통] 쿠폰 컨텐츠 리스트 */
.couponListArea {}
.couponListArea .couponListTit {padding-bottom:3.125vw;text-align:left;}
.couponListArea .couponList > li {position:relative; background:#ffffff;margin-top:3vw;padding:9.375vw 15.625vw;}
.couponListArea .couponList > li:first-child {margin-top:0;}
.couponListArea .couponList > li.off:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:2;}
.couponListArea .contentsHeader {padding-bottom:4.687vw;border-bottom:0.1rem solid #e5e2e0;}
/* .couponListArea .contentsHeader img {background-color:#ffffff;max-width:100%;height:100%;} */
.couponListArea .contentsHeader img {/* background-color:#ffffff;width:auto; */height:100%;/* margin-top:-8vw; */}
.couponListArea .contentsHeader .img {display:block;margin-bottom:2.5vw;height:28.75vw;/* background:url("/images/layout/bg_couponDefault.png") no-repeat;background-size:auto 130%;background-position:center center;*/overflow:hidden;}
.couponListArea .contentsHeader .couponTit {display:block;font-size:5.937vw;}
.couponListArea .contentsHeader .couponTit.tp02 {word-break:keep-all; word-wrap:break-word; line-height:7vw;}
.couponListArea .contentsHeader .couponTit.short02 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:14vw;}
.couponListArea .contentsHeader .couponTit.short02 span {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; display:-webkit-box; width:100%; max-height:14vw; line-height:7vw;}
.couponListArea .contentsHeader .couponTit * + * {margin-top:2.5vw;}
.couponListArea .contentsArea {padding:6.25vw 0 7.5vw 0;color:#666666;}
.couponListArea .contentsArea li + li {margin-top:2.5vw;}
.couponListArea .contentsArea .tit:after {display:inline;content:" :";}
.couponListArea .btn-view {padding:2.5vw 6.25vw;width:auto;height:auto;line-height:inherit;}
/* .couponListArea .btn-view.btn-gold.on {background:#b49759; color:#fff; cursor: default;} */
.couponListArea .btn-view.btn-gray {color:#fff; background: #bdbdbd; border: 1px solid #bdbdbd; cursor: default;}
/* [공통] 소셜미디어 리스트 */
/* 페이스북 */
.facebookArea {}
.facebookArea li:before {background-image:url("/images/icon/icon_facebook.png");}
.facebookArea .condition {color:#5277a3;}
.facebookArea .iconCondition01 {background-image:url("/images/icon/icon_facebookCondition01.png")}
.socialMediaWrap.tp02 .facebookArea .socialMediaList .contentsArea {height:15.63vw;}
.socialMediaArea .facebookArea .socialMediaList .contentsArea .condition {display:none;}
/* 인스타그램 */
.instargramArea {}
.instargramArea li:before {background-image:url("/images/icon/icon_instargram.png");}
.instargramArea .condition {color:#d96871;}
.instargramArea .iconCondition01 {background-image:url("/images/icon/icon_instargramCondition01.png")}
/* 공통 리스트 */
.socialMediaArea .socialMediaList li {position:relative;margin-top:3vw;}
.socialMediaArea .socialMediaList li:first-child {margin-top:0;}
.socialMediaArea .socialMediaList li:before {position:absolute;right:3.125vw;top:3.125vw;content:" ";background-repeat:no-repeat;background-size:cover;background-position:center center;width:4.587vw;height:4.687vw;}
.socialMediaArea .socialMediaList img {width:100%;height:100%;}
.socialMediaArea .socialMediaList a {display:block;}
.socialMediaArea .socialMediaList [class^="iconCondition"] {display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center center;width:3.75vw;height:3.75vw;vertical-align:bottom;}
.socialMediaArea .socialMediaList .img {display:block;/* height:43.75vw; */height:90.625vw;}
.socialMediaArea .socialMediaList .contentsArea {background:#ffffff;padding:3.125vw 3.125vw;text-align:left;}
.socialMediaArea .socialMediaList .contentsArea > * {display:block;}
.socialMediaArea .socialMediaList .socialTit {display:-webkit-box;color:#555555;height:8.437vw;line-height:4.218vw;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
.socialMediaArea .socialMediaList .condition {margin-top:3.125vw;padding-top:2.5vw;font-size:3.125vw;text-align:right;border-top:0.1rem solid #ebebeb;}
.socialMediaArea .socialMediaList .check {float:left;}
.socialMediaArea .socialMediaList .check .txt {display:none;}
	
.socialMediaWrap.tp02 .socialMediaList .img {height:44.40vw;}
.socialMediaWrap.tp02 .socialMediaList .img.tp02 {height:94.01vw;}
.socialMediaWrap.tp02 .socialMediaList .contentsArea {box-sizing:border-box; height:23.63vw;}
.socialMediaWrap.tp02 .instargramArea .socialMediaList .socialTit {display:-webkit-box; -webkit-line-clamp:4; height:17vw; line-height:4.25vw;}
.socialMediaWrap.tp02 .instargramArea .socialMediaList .socialTit.tit, 
.socialMediaWrap.tp02 .instargramArea .socialMediaList .socialTit.con {display:none;}

/**** 07. [공통] 테이블(table) 정의 ****/

/**** 08. [공통] 템플릿(특성별) 정의 ****/
.cl:after {content:"";display:block;clear:both}

/* result */
.no-result {padding:18.75vw 0;text-align:center;}
.no-result strong {display:block;font-size:4vw;font-weight:600;color:#7e6e65;}
.no-result strong:before {content:'';display:block;width:4.8rem;height:4.8rem;margin:0 auto 3.125vw;background:url(/images/icon/bullet/icon_storedetail_favorite@3x.png) no-repeat;}
.no-result strong:after {display:none !important;}
.no-result p {margin-top:2vw;font-size:2.7vw;}
.no-result .btn-view {margin-top:3.7rem;}/* 20170622 버튼 상단 여백 생성 */

/* 매장 위치 */
.location-info {position:relative;width:94%;height:84vw;margin:0 auto;background:#ccc;overflow:hidden;}

/* cube list - 스토리메인 */
.img-cube-wrap {font-size:0; text-align:left;}
.img-cube-wrap .cube {position:relative;display:inline-block;overflow:hidden;cursor:pointer;text-align:center; vertical-align:middle;background-position:center;}
.img-cube-wrap .cube.square {width:94vw;height:62.4vw;margin-bottom:2vw;}
.img-cube-wrap .cube .bg-img {position:absolute;top:0;left:0;z-index:-1;display:inline-block;background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;}
.img-cube-wrap .cube>.full {display:block;transition-duration:0.5s;width:100%;height:100%;cursor:pointer;}
.img-cube-wrap .cube:hover, .img-cube-wrap .cube.gguk, #special-field .img-cube-wrap .cube:hover, #special-field .img-cube-wrap .cube.gguk {background-size:110%;transition-duration:0.5s;}
.img-cube-wrap .cube:hover .bg-img, .img-cube-wrap .cube.gguk .bg-img {transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);/* IE 9 */}
.img-cube-wrap .cube:hover>.full, .img-cube-wrap .cube.gguk>.full {width:100%;height:100%;z-index:5;}

/* 컨텐츠 상단 항목리스트 - 게시판리스트상단 */
.list-top {position:relative;margin:0 auto;width:100%;height:9vw;margin-bottom:2vw;}
.list-top .filter {display:inline-block;vertical-align:middle;margin-top:1vw;}
.list-top .filter li {display:inline-block;line-height:4vw;padding-right:1rem;margin-right:1rem;vertical-align:middle;cursor:pointer;color:#585858;border-right:0.1rem solid #b49759;font-size:3.73vw;}
.list-top .filter li.selected {font-weight:600;}
.list-top .filter li:last-child {margin-right:0;border-right:none;}


/* view - 이벤트,뉴스게시판 */
.ko {/*font-family:'NotoSansKR';*/font-weight:normal;}
.container > .period {font-size:3.73vw;}
.container > .section-title.ko {/*font-family:'NotoSansKR';*/}
.container > .section-title {font-size:6vw;opacity:1;letter-spacing:2.5px;position:relative;word-break:keep-all;font-weight:600; }

#EVT002,#SNS006{background-color:#f1f1f1;}
#event-detail-contents {padding-top:0;}
#event-detail-contents .container > .section-title {font-size:6.4vw;width:80%;margin:0 auto;letter-spacing:0.5px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;}
#event-detail-contents .container > .section-title:after, #event-detail-contents .container > .section-title:before, #coupon-contents .container > .section-title:after, #coupon-contents .container > .section-title:before {display:none;}
.event-contents-wrap {width:94vw;height:auto;margin:0 auto;margin-top:0;margin-bottom:3.3rem;/* padding-bottom:11.5rem; */position:relative;}
.event-contents-wrap .image-wrap {max-width:95rem; position:relative;}
.event-contents-wrap .image-wrap, .event-contents-wrap .image-wrap img {display:inline-block;width:100%;}
.event-contents-wrap .image-wrap .img-link {display:block; position:absolute; /* background:#fff; opacity:.8; */ }

.event-contents-wrap .image-wrap .img-content .link { display:block; }
.event-contents-wrap .image-wrap .img-content img { display:block; }

.event-contents-wrap #go-to-list-btn {padding:0 1.5rem;margin:4.5rem 0 0;}
.btn-view.btn-auto {width:auto;padding:0 10px;}
.btn-view.btn-gold {border:0.1rem solid #b49759;color:#b49759;}
.btn-view.share > a {border-left:0.1rem solid #b49759;line-height:13px;display:block;padding-left:9px;padding-right:9px;vertical-align:middle;float:left;}
.store-info-wrap .btn-view.share {margin-top:-1px;}
.top-btn-wrap .btn-view {margin-right:5px;margin-left:5px;margin-bottom:40px;margin-top:0;line-height:7vw;padding:0;vertical-align:middle;}
.top-btn-wrap .btn-view a {height:100%;}
.btn-view.share:hover, .btn-view.share.gguk {background-color:transparent;}
.top-btn-wrap .btn-view.share > a {width:9vw;font-size:4vw;line-height:8.5vw;border:none;padding:0;border-right:0.1rem solid #b49759;}
.top-btn-wrap .btn-view.share > a:last-child {border-right:none;}
.btn-view.share .share-kakao {background-image:url(/images/icon/icon_KakaoStory.png);background-repeat:no-repeat;background-position:center;display:inline-block;width:100%;height:100%;background-size:6vw;}

/* btn-customer */
.btn-customer { margin-top: 3vw; }
.text-left-custom { text-align: left; }

/* 주요매장,엔터테인먼트,레스토랑카페 메인 공통리스트 */
.list-section .container > .section-title {font-size:9vw;line-height:10vw;font-weight:700;}
.list-section .container > .section-title:after,.list-section .container > .section-title:before {content:normal;}
.list-section .container > .section-sub {margin-top:1.4rem;line-height:4.9vw;}
.list-section .middle-bar {width:9vw;height:.1rem;}
.list-box {border-bottom:.1rem solid #fff;}
.list-box p {padding-top:16vw;font-size:3.2vw;line-height:5vw;}
.theme-box {display:inline-block;background-size:cover;}
.theme-box > span {color:#fff;}
.theme-box .title {font-size:4.8vw;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.theme-box.big,.theme-box {width:100%;height:62.4vw;padding:0 6vw;text-align:center;display:flex; flex-direction:column; justify-content:center;}
.theme-box.list-box .title {font-size:6vw;padding-top:.7rem;}
.theme-box.list-box p {color:#fff; padding:0;}
.theme-box .btn-view {width:38.67vw;height:9.6vw;margin-top:12vw;font-size:3.73vw;line-height:9.4vw;color:#fff;}
.list-box.theme-box .btn-view {width:30vw;height:8vw;margin:5vw auto 0;font-size:3.2vw;line-height:7.5vw;}
.list-box.theme-box.big,.list-box.theme-box.big:nth-child(even) {text-align:center;}

/* 운영시간 css */
#center-hours.tenant {background-image:none;}
#center-hours {background-color:#f0f0f0;/* height:32vw; */background-image:url(../images/bg_star.png);background-position:center;}
#center-hours.tenant .container {text-align:center;padding-top:8vw;padding-bottom:8vw;}
#center-hours .center-hour-title {font-size:3.5vw;line-height:150%;}
#center-hours.tenant .contents-wrap {margin-top:4vw;}
#center-hours.tenant .operating-hour .time {display:block;color:#3b3b3b;/*font-family:'Avenir';*/font-weight:bold;font-size:7vw;line-height:120%;}
#center-hours .time-option {font-size:3.8vw; display:inline-block;}
#center-hours .exception {font-size:3.2vw;display:inline-block;margin-top:2.5%;}
#center-hours .exception strong {font-weight:bold;}
#center-hours .exception .mention {font-size:3vw;margin-top:5%;display:block;color:#939393;}
#center-hours .time-option-2 {display:block; margin:5px 0 10px 20%; font-size:3.2vw;}
#center-hours .time-option-1 {width:27%; text-align:left; }

/* 주요매장 소개 */
.middle-bar {display:inline-block;background-color:#b49759;}
.bg-enter-intro {background-color:#dad7d4;}
.enter-intro {position:relative;width:100%;margin:0 auto;margin-bottom:1.6rem;text-align:left;overflow:hidden;background-repeat:no-repeat;background-color:#303030;background-position:center top;background-size:125% auto;}
.enter-intro .intro-wrap {position:relative;bottom:0;width:100%;height:auto;margin-top:50%;padding:8% 4%;background-color:#303030;}
.enter-intro .intro-wrap:before {content:'';display:inline-block;width:0;height:auto;vertical-align:middle;}
.enter-intro .intro-wrap > div {display:inline-block;width:98%;height:auto;vertical-align:top;}
.enter-intro .intro-wrap span {color:#fff;display:block;}
.enter-intro .intro-wrap .intro-title {font-size:4.26vw; line-height:1.6;}
.enter-intro .mobile, .enter-intro .intro-wrap .mobile  {display: inline;}
.enter-intro .intro-wrap .middle-bar {width:2.5rem;height:.1rem;margin-top:4vw;margin-bottom:4vw;}
.enter-intro .intro-wrap .intro-desc {font-size:3.46vw;line-height:5.33vw;/*word-break:keep-all;*/}

/* 아트 프로젝트 */
.artProject .swiper-container .art-arrow{display:none;}
.artProject .swiper-slide img{width: 100%;}

/* 갤러리 슬라이드 공통 */
#gallery {height:100vw; position:relative;z-index:5;}
#gallery .white {color:#fff;}
#gallery .contentsTitGroup {padding-bottom:0; position:relative; z-index:2;}
#gallery .container {padding:0;width:100%;margin:0;height:auto;}
#gallery .contents-wrap {position:absolute;background:#f1f1f1;width:100%;height:100%;margin-top:0;max-width:inherit;top:0;background-size:cover;background-position:center;/* z-index:-1; */}
.arrow-warp {z-index:20;position:absolute;top:50%;margin-top:-48px;width:100%;}
.arrow-warp .arrow-prev {position:absolute;left:0;cursor:pointer;}
.arrow-warp .arrow-next {position:absolute;right:0;cursor:pointer;}
.swiper-wrapper {width:100%;height:100%;}
.img-item {width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center;}
/* swiper 사용으로 important 붙임*/
.nav {position:absolute !important;width:100% !important;height:12px !important;z-index:10 !important;bottom:45px !important;text-align:center !important;line-height:0 !important;}
/* 갤러리 개선 0702 */
.nav { position:relative !important; display:inline-block; width:auto !important; height:auto !important; background:rgba(0,0,0,.4); padding:1.562vw 3.75vw; border-radius:8.75vw 8.75vw; bottom:40px !important; }
/* swiper 사용으로 important 붙임*/
.nav li {display:inline-block !important;width:12px !important;height:12px !important;border-radius:100% !important;/* background-color:rgba(255,255,255,0.5); */background-color:#b5b5b5;margin:0 6px !important;cursor:pointer;/* opacity:0.5; */}
.nav li.selected {background-color:rgba(255,255,255,0.2) !important;}
.nav li.swiper-pagination-bullet-active {/* background-color:rgba(255,255,255,0.2) !important; */background-color:#565656 !important;}
.nav.black li {background-color:#fff;}
.nav.black li.selected {background-color:#c30e2e !important;}
.nav.black li.swiper-pagination-bullet-active {background-color:#c30e2e !important;}
.swiper-container .arrow-warp { display:none; }

/* 소개컨텐츠 */
.img-cube-wrap .cube.tenant {position:relative;width:100%;height:68vw;margin-bottom:2vw;padding:6vw;text-align:left;cursor:default;vertical-align:middle;}
.img-cube-wrap .cube.tenant:before {content:'';display:inline-block;width:0;height:100%;vertical-align:bottom;}
.img-cube-wrap .cube.tenant > div {display:inline-block;vertical-align:bottom;}
.img-cube-wrap .cube.tenant span, .img-cube-wrap .cube.tenant span strong {font-size:6vw;line-height:6.2vw;color:#fff;}
.img-cube-wrap .cube.tenant span strong {font-weight:700;}
.img-cube-wrap .cube.tenant span span+strong {display:block;margin-top:.8vw;}
.img-cube-wrap .cube.tenant p {display:block;margin-top:1vw;font-size:3.3vw;line-height:5vw;white-space:normal;word-break:keep-all;color:#fff;}

/* 위치 */
#information {background:#ebe9e8;}

/* 이용약관 */
.agreementArea {text-align:left;background-color:#f1f1f1;color:#555;}
.agreementBox {position:relative;width:100vw;padding:5vw 3vw 16vw;font-size:3.76vw;background-color:#fff;}
.agreementBox select {width:100%;height:9.7vw;line-height:9.7vw;border-color:#ccc;color:#555;}
.agreementBox p, .agreementBox li {line-height:5.3vw;}
.agreementBox p {word-break:keep-all;}
.agreementBox h3 {margin:3.5vw 0;font-size:4.4vw;color:#5e4d3d;}
.agreementBox .fir {margin-top:7.8vw;}
.agreementBox h4 {margin:2.4vw 0;font-size:4.1vw;font-weight:700;color:#5e4d3d;}
.agreementBox .desc_txt {margin-bottom:2.4vw;}
.agreementBox .tit {margin-top:1.6vw;}
.agreementBox ol {padding-left:4vw;}
.agreementBox ol>li {list-style:decimal;}
.agreementBox li {word-break:keep-all;}
.agreementBox li ul,.agreementBox li ol {padding:1.6vw 0;}
.agreementBox table {width:100%;margin:2vw 0;text-align:left;border-top:0.1rem solid #897c77;     word-break: break-all;}
.agreementBox table .mhidden {display:none;}
.agreementBox table thead th {padding:3vw 1rem;text-align:left;border-bottom:0.1rem solid #897c77;font-weight:normal;color:#5e4d3d;background-color:#f1f1f1;line-height:1.5;}
.agreementBox table tbody th {padding:3vw 1rem;text-align:center;border-bottom:0.1rem solid #cecccb;background-color:#f1f1f1;color:#5e4d3d;line-height:1.5;}
.agreementBox table tbody td {padding:3vw 1rem;border-bottom:0.1rem solid #cecccb;color:#555;line-height:1.5;}
.agreementBox table.tb_style1 thead th,
.agreementBox table.tb_style1 tbody th,
.agreementBox table.tb_style1 tbody td {border:1px solid #cecccb;}

/* 검색결과 */
.search-box {position:relative;height:10.67vw;margin-bottom:2.67vw;font-size:3.47vw;background-color:#d7d2cf;}
.search-box input[type="text"] {padding:0 2.0rem;width:100%;height:100%;font-size:3.47vw;line-height:4vw;outline:none;border:none;background-color:transparent;}
.search-box input[type="text"]:focus {background-color:#7b6e66;color:#ffffff;}
.search-box button {position:absolute;right:4.5vw;top:3vw;z-index:7;}
.search-box button:before {content:'';display:inline-block;width:4.064vw;height:4.064vw;background:url("/images/icon/icon_st_search.png") no-repeat;background-size:4.064vw 4.064vw;}
.search-box [type="text"]:focus + button:before {background-image:url("/images/icon/icon_st_search_hover.png");}


#SCH002 {background-color:#f1f1f1;}
.searchArea .search_top {position:relative;margin-top:8vw;padding-bottom:3.125vw;border-bottom:0.1rem solid #d7d3d1;text-align:left;}
.searchArea .search_top .btn_more {display:inline-block;position:absolute;right:0;top:0;}
.searchArea .search_top .btn_more:after {content:'';display:inline-block;width:3.75vw;height:3.75vw;background:url(/images/icon/icon_btnmoreM.png) no-repeat;background-size:3.75vw 3.75vw;}
.searchArea .search_top .btn_more span {display:none;}
.searchArea .search_top strong {position:relative;display:inline-block;padding-right:1.57vw;margin-right:1.57vw;font-size:4.063vw;color:#5e4d3d;}
.searchArea .search_top strong:after {content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-2vw;width:0.1rem;height:4vw;background-color:#b49759;vertical-align:middle;}
.searchArea .search_top .desc {font-size:3.75vw;}
.searchArea .search_top .desc em {color:#c30e2e;}

.searchArea .search_result .eventListArea .eventList .contentsArea {background: #fafafa;height: 120px;}
.searchArea .search_result .eventListArea .eventList .scheduleDate {position: absolute;bottom: 20px;}

.searchArea .search_result {padding-top:3.14vw;}
.searchArea .search_result .nosearch {padding-top:3.14vw;font-size:4.063vw;text-align:center;color:#786e6b;}
.searchArea .store-list {display:none;}
.searchArea .store-listM {display:block;}
.store-listM .cube {position:relative;background-color:#fff;padding-left:30%;}
.store-listM .cube .thumb-store {position:absolute;top:0;left:0;width:30%;height:100%;border-right:0.2rem solid #f1f1f1;}
.store-listM .cube .thumb-store img {width:100%;vertical-align:middle; margin-top:15%;}
.store-listM .cube .brand-info-wrap {text-align:left;padding:4.7vw 10%;}
.store-listM .cube .brand-title {display:block;font-size:4.7vw;margin-bottom:1.56vw;}
.store-listM .cube .info-wrap {font-size:3.75vw;padding-top:3.2vw;}
.store-listM .cube .info-wrap em {display:inline-block;margin-right:3.125vw;}
.store-listM .cube .info-wrap span {color:#555;}
.store-listM .cube+.cube {margin-top:1.56vw;}

.store-listM.search-list {display: flex;flex-flow: row wrap;justify-content: space-between;}
.store-listM.search-list .brand-info-wrap .store-tel {display:none;}
.store-listM.search-list .cube {position:relative;display:block;height:45.4vw;width:49%;padding:0;margin-bottom:2vw;text-align:center;background-color:#fff;overflow:hidden;}
.store-listM.search-list .cube .thumb-store {height:73%;position:relative;width:100% !important; border:0 none;}
.store-listM.search-list .cube .thumb-store img {/* display:inline-block;width:64%;margin-top:2%; */width:100%;height:auto;margin-top:12%;}
.store-listM.search-list .brand-info-wrap {position:absolute;left:0;width:100%;height:100%;padding:1vw 8vw;bottom:-35vw;border-top:.1rem solid #eee;background-color:rgba(255,255,255,0.5);transition:all 1s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.store-listM.search-list .cube .middle-bar {display:block;width:4.26vw;height:0.1rem;margin:3.5vw auto;background-color:#000;visibility:hidden;}
.store-listM.search-list .cube.selected .brand-info-wrap,.store-listM.search-list .cube:hover .brand-info-wrap {bottom:0;width:100%;background-color:rgba(255,255,255,1);padding-top:3vw;}
.store-listM.search-list .cube:hover .middle-bar,.store-listM.search-list .cube.selected .middle-bar {visibility:visible;}
.store-listM .cube .brand-title {margin:0;font-size:0;}
.store-listM.search-list .brand-info-wrap .brand-title-ko {display:block;font-size:3.26vw;margin-top:1.5vw;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: .5rem 0;text-align:center;}
.store-listM.search-list .brand-info-wrap .info-wrap {padding:0;margin-top:2vw;text-align:left;white-space:nowrap;font-size:2.67vw;line-height:3.66vw;}
.store-listM.search-list .brand-info-wrap .info-wrap em, .store-listM.search-list .brand-info-wrap .info-wrap label {display:inline-block;width:11vw;margin:0;font-size:2.5vw;font-weight:700;text-align:left;}
.store-listM.search-list .brand-info-wrap .info-wrap span {display:inline-block;width:initial;margin-left:.2vw;text-align:left;}
.store-listM.search-list .brand-info-wrap .btn-view {width:18vw;height:8vw;margin-top:3.33vw;font-size:2.67vw;line-height:7.5vw;}
.store-listM.search-list .brand-info-wrap .store-floor {display:inline-block;}
.store-listM.search-list .cube+.cube {margin-top:0;}
.store-listM.search-list .btn-like {display:inline-block;width:25px;height:22px;background:url(/images/wirye/icon_interest.png) no-repeat;background-size:100%;}
.store-listM.search-list .btn-like.selected, .store-listM.search-list .btn-like:hover {background-image:url(/images/wirye/icon_interest_selected.png);}

.store-listM.search-list .btn-wrap {margin-top:3vw;text-align:center;}
.store-listM.search-list .btn-wrap > button {margin:0 .8vw;}
.store-listM.search-list .btn-like {display:inline-block;width:8.75vw; height:8.75vw;margin-top:3vw;background:url(/images/wirye/icon_interest02.png) no-repeat;background-size:100%;}
.store-listM.search-list .btn-like.selected {background-image:url(/images/wirye/icon_interest02_selected.png);}
.store-listM.search-list .btn-call {display:inline-block; width:8.75vw; height:8.75vw; background:url(/images/wirye/icon_call.png) no-repeat;background-size:100%;}


.catecory_wrap {padding:6.5vw 0 3.2vw;}
.catecory_wrap ul {font-size:0;}
.catecory_wrap ul li {display:inline-block;font-size:4.063vw;color:#555555;vertical-align:middle;}
.catecory_wrap ul li a {display:inline-block;padding:0 2.2vw;vertical-align:middle;}
.catecory_wrap ul li+li:before {content:'';display:inline-block;width:0.1rem;height:3.5vw;background-color:#b49759;vertical-align:middle;}
.catecory_wrap ul li.active, .catecory_wrap ul li:hover {color:#c30e2e;}

.search_result .catecory_wrap {text-align:left;padding:0;padding-bottom:2.35vw;}
.search_result .catecory_wrap ul li {margin-bottom:2.5vw;font-size:3.438vw;color:#786e6b;}
.search_result .catecory_wrap ul li a {position:relative;}
.search_result .catecory_wrap ul li.active, .search_result .catecory_wrap ul li:hover {font-weight:700;color:#5e4d3d;}
.search_result .catecory_wrap ul li.active a:after, .search_result .catecory_wrap ul li a:hover:after {content:'';position:absolute;left:2.2vw;bottom:-1.2vw;display:inline-block;width:calc(100% - 4.4vw);height:0.1rem;background-color:#8b8178;}

/* error */
#ERR001 {padding-top:4.7vw;text-align:center;}
#ERR001 h1 {margin-bottom:8.6vw;}
#ERR001 h1 a {display:inline-block;width:35vw;height:19.1vw;text-indent:-999.9rem;background:url(/images/layout/logo.png) no-repeat;background-size:cover;}
.errorArea {padding:40.7vw 0 30vw;text-align:center;background:url(/images/layout/bg_errorM.png) no-repeat;background-position:center 0;background-size:100% auto;}
.errorArea strong {display:block;width:90%;margin:0 auto 3.6vw;font-weight:600;font-size:5.6vw;line-height:8.6vw;color:#010101;}
.errorArea .desc {display:block;padding:0 3vw 6vw;font-size:3.75vw;line-height:5.32vw;color:#666;word-break:keep-all;}
.errorArea .btn-view {width:50%;height:12.5vw;line-height:12.2vw;font-size:4.8vw;font-weight:normal;background-color:#6c6161;border-color:#6c6161;color:#fff;}

/* 브라우져 체크 */
#ERR002 {padding-top:9.6rem;text-align:center;width:102.5rem;margin:0 auto;}
#ERR002 h1 {margin-bottom:2rem;}
#ERR002 h1 a {display:inline-block;width:23.6rem;height:12.8rem;text-indent:-999.9rem;background:url(/images/layout/logo.png) no-repeat;background-size:cover;}
#ERR002 .errorArea {padding:6.8rem 0 0;background-image:none;}
#ERR002 .errorArea p{font-size:3.4rem;color:#000;font-weight:600;line-height:4.5rem;}
#ERR002 .errorArea p span{color:#c31531;}
#ERR002 .errorArea strong {width:auto;margin:0 auto 1.5rem;font-size:3.4rem;line-height:4.6rem;}
#ERR002 .errorArea .desc {padding:1.5rem 0 5.5rem 0;font-size:1.8rem;line-height:2.2rem;}
#ERR002 .errorArea ul{margin-bottom:8rem;}
#ERR002 .errorArea ul li{display:inline-block;margin-left:6rem;padding-left:6rem;border-left:1px solid #eee;}
#ERR002 .errorArea ul li:first-child{margin-left:0;border-left:0;padding-left:0;}
#ERR002 .errorArea ul li span{display:block;font-size:1.6rem;color:#000;font-weight:600;margin:2rem 0 1rem 0;}
#ERR002 .errorArea ul li a{font-size:1.4rem;color:#6c6161;text-decoration:underline;position:relative;}
#ERR002 .errorArea ul li a:after{content:"";display:block;position:absolute;background:url('/images/icon/icon_arrow_right_gray.png') no-repeat;width:0.6rem;height:1rem;top:0.6rem;right:-1.1rem;}
#ERR002 .errorArea .btn-view {width:22.7rem;height:5rem;line-height:4.8rem;font-size:16px;}

/* login */
#login .red {color:#c31531;}
#login {padding-bottom:15vw;}
#login .btn-view,#sign-out .btn-view {width:100%;margin-bottom:2vw;margin-top:0;}
#login .comment {font-size:3.125vw;color:#7a6e67;letter-spacing:-0.5px;} /* 20170802 letter-spacing 추가 생성 */
#login .comment + .comment {margin-top:2vw;}
#login .btn-view:hover,#login .btn-view.gguk, #login .btn-view.selected {background-color:#7a6e67;color:#fff;}
#login-layer .layerPopArea, #login-layer-2 .layerPopArea {top:0;left:0;width:100%;height:100%;margin:0;}
#login-layer .btnLayerPopClose,#login-layer-2 .btnLayerPopClose {right:2.375vw;top:2.75vw;}
#login-layer .layerPopContents, #login-layer-2 .layerPopContents {height:100%;padding:0;}
#login-layer iframe, #login-layer-2 iframe {width:100%;height:100%;border:none;}
/* 0625 추가된 레이어팝업 */
#login-layer .layerPopArea, #login-layer-2 .layerPopArea { background-color:#f7f6f4; }
#login .btn-view.check { background-color:#e6e4e2; color:#7a6e67; border-color:#e6e4e2; }
#login .btn-view.check:hover { /* background-color:#ead6c3; border-color:#ead6c3; */}
.popwrap { position:relative; min-width:320px; }
.popwrap .popheader { position: relative; background: #c8c8c8; color: #FFF; }
.popwrap .popheader h1 { height: 60px; font-size:3.75vw; text-align:left; vertical-align: middle; }
#login-layer .btnLayerPopClose, #login-layer-2 .btnLayerPopClose { z-index:10; }
.popwrap .tabs { position: relative; }
.popwrap .tabs .tab_cont { clear: both; width: 100%; border-top: 1px solid #CCCCCC; background: #f8f6f4; -webkit-box-sizing: border-box; }
.popwrap .tabs .tab_cont .conts { padding: 50px 30px 90px; }
.popwrap .block { margin: 16px 0; text-align:left; }
.popwrap .text-block { font-size:16px; margin-bottom:50px; color:#000; }
.popwrap .pop-input { box-sizing: border-box; padding: 0 10px; height: 40px; border: 1px solid #e5e5e5; font-size: 14px; width:100%; }
.popwrap .button { width: 100%; background: linear-gradient(to bottom, #ffa914 0px, #f69d02 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -webkit-linear-gradient(top, #ffa914 0%, #f69d02 100%); border: 1px solid #ffa914; box-shadow: 0 2px 2px 0 #f0f0f0; color: #14161a; cursor: pointer; display: inline-block; font-size: 16px; line-height: 20px; padding: 10px; font-weight: bold; }
/* 0625 추가된 레이어팝업 모바일버젼 */
.popwrap .popheader h1 { font-size:5.625vw; line-height:60px; padding-left:3rem; }
.popwrap .text-block { margin:16px auto 30px; text-align:center; }
.popwrap .text-block p { line-height:1.6; }
#login-layer-2 .btnLayerPopClose { width:5vw; height:5vw; top:5vw; right:5vw; }
/* 20211103 추가 */
#login .input_box{margin-bottom: 2vw;}
#login .input_text{width:100%; height:9vw; line-height:8.6vw; color:#7a6e67; padding: 0 21px; padding: 0 2.63vw; border:1px solid #7a6e67; background-color: transparent; vertical-align:middle; font-size: 3vw;}
#login #captcha .captcha_box{display: table;width: 100%;table-layout: fixed;}
#login #captcha .captcha_box > div{padding-left: 0.75vw;display: table-cell;vertical-align: top;}
#login #captcha .captcha_box > div.captcha_img_box{padding: 0;}
#login #captcha .captcha_box .captcha_img{width: 100%;height: 9vw;display: inline-block;line-height: 8.6vw;font-size: 3vw;color: #7a6e67;font-weight: 600;letter-spacing: 0.5px;transition-duration: .5s;text-align: center;}
#login #captcha .captcha_box .captcha_img img{width: 100%;height: 100%;}
.captcha_box input[type="button"]{padding: 0;background-color: transparent;}
#login .login_check_box{display: flex;width: 100%;margin-bottom: 5vw;}
#login .login_check_box li{flex: 1;}
#login .login_check_box li:first-child{text-align: left;}
#login .login_check_box li:last-child{text-align: right;}
#login .login_check_box label,
#login .login_check_box a{font-size: 3vw; color: #7a6e67; letter-spacing: -0.5px;line-height: 4vw;}
#login .login_check_box span{display: inline-block; margin: 0 3vw;}
#login .comment_box{margin-bottom: 3vw;}
#login .comment_box .comment{line-height: 4vw;}
#login .login_check_box .chk_box {position: relative;display: inline-block;vertical-align: top;font-size: 0;}
#login .login_check_box .chk_box input {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;position: absolute;left: 0;top: 0;border: none;width: 4vw;height: 4vw;margin: 0;}
#login .login_check_box .chk_box label {display: block;padding-left: 5vw;line-height: 4vw;font-size: 3vw;}
#login .login_check_box .chk_box label:before {content: "";position: absolute;left: 0;top: 0;width: 4vw;height: 4vw;background: #fff;border-radius: 50%;z-index: 3;background: url(/images/icon/checkbox01.png) no-repeat 0 0;background-size: 4vw 4vw;}
#login .login_check_box .chk_box input:checked + label::before, 
#login .login_check_box .chk_box input:checked ~ label::before {background: url(/images/icon/checkbox01_checked.png) no-repeat 0 0;background-size: 4vw 4vw;}
_:-ms-input-placeholder, :root #login .login_check_box .chk_box input{left: 10px;top: 10px;width: 2px;height: 2px;}

/* 탈퇴 */
#MBR011 {background-color:#f1f1f1;}
.withdrawal strong {display:block;padding:6vw 0 4vw;font-size:4vw;line-height:6vw;}
.withdrawal strong em {font-weight:bold;color:#c31531;}
.withdrawal p {width:70%;margin:0 auto;line-height:5.2vw;word-break:keep-all;margin-bottom:20vw;}
.withdrawal label {display:block;width:87vw;margin:0 auto 8vw;font-size:3.5vw;vertical-align:middle;}
.withdrawal label em {color:#c31531;}
.withdrawal label input[type="checkbox"] {margin-right:2vw;}
.withdrawal .btn-view {width:94vw;margin-bottom:2vw;background-color:#7a6e67;color:#fff;}

/* 가입,마이페이지 이용약관 */
#MBR008, #MBR012 {background-color:#f1f1f1;}
#agreement-area .agreement * {line-height:1.5;}
#agreement-area .agreement > li > span {display:block;height:12vw;font-size:4vw;line-height:12vw;border-right:none;font-weight:600;background-color:#e7e5e4;}
#agreement-area .agreement > li > span:after {content:'';display:block;clear:both;}
#agreement-area .agreement > li > div {padding:0 4vw 3rem;margin-bottom:2.5vw;font-size:3.47vw;line-height:5vw;background-color:#fff;text-align:left;}
#agreement-area .agreement > li > div+div {margin-top:1rem;}
#agreement-area .agreement .agree-wrap {padding:6vw 0 3vw;color:#706f6f;}
#agreement-area .agreement .agree-wrap > * {color:#000;}
#agreement-area .agreement .agree-wrap h4 {display:inline-block;margin-bottom:4.6875vw;line-height:1.4;font-size:4vw;color:#000;font-weight:700;}
#agreement-area .agreement .agree-wrap h5 {display:block;margin-left:0.8rem;font-size:3.4375vw;font-weight:400;}
#agreement-area .agreement .agree-wrap .sub {display:block;}
#agreement-area .agreement .agree-wrap .m-check {width:100%;text-align:right;display:inline-block;font-size:4vw;}
.agree-wrap .full-text {height:34.375vw;padding:3.125vw;margin:3vw 0;font-size:3vw;line-height:4.7vw;overflow-y:auto;border:.1rem solid #d4d4d4;}
.agree-wrap .full-text h5 {margin:0;font-weight:700;color:#000;margin-bottom:6.25vw;}
.agree-wrap .full-text h6 {margin:2vw 0;font-size:3.2vw;font-weight:600;}
.agree-wrap .full-text ol {padding-left:4vw;}
.agree-wrap .full-text ol > li {display:list-item;margin-bottom:2vw;list-style-type:decimal;}
.agree-wrap .full-text ul li {margin-top:2vw;}
.agree-wrap .full-text .red {color:#c31531;}
.agree-wrap .full-text table {border-collapse:collapse;margin:0.5rem 0;table-layout:fixed;}
.agree-wrap .full-text table th {border:0.1rem solid #ebebeb;text-align:center;font-weight:600;line-height:1.5;}
.agree-wrap .full-text table td {border:0.1rem solid #ebebeb;padding:0.5rem;vertical-align:top;line-height:1.5;}
.agree-wrap .full-text>p:last-child {text-align:right;width:100%;}
.agree-wrap > label {width:100%;display:inline-block;text-align:right;font-size:4vw;}
.agree-wrap label > input[type="checkbox"] {margin-left:0.5rem;}
#agreement-area .check-agree-txt {margin-top:6vw;padding:5vw;font-size:3.7vw;color:#585858;font-weight:600;line-height:1.3;}
#agreement-area .check-agree-txt .red {font-weight:bold;color:#c31531;}
#agreement-area #btn-agree {width:94vw;margin-top:5vw;background-color:#7a6e67;color:#fff;}
#MBR008 .contents-wrap, #MBR012 .contents-wrap {margin-top:0;}
#MBR012 .agreement > li > span {padding:0 2.6rem;text-align:left;}
#MBR012 .agreement > li > span label {float:right;line-height:12vw;vertical-align:middle;}

/* 대관 안내 */
#BCN005{background:#f1f1f1;}
.atrium-wrap{padding: 0 2.8vw; box-sizing: border-box;}
.atrium-wrap .atrium-tab{position:relative; overflow: hidden; border-bottom: 1px solid #7a6e67; border-right: 1px solid #7a6e67;}
.atrium-wrap .atrium-tab.tab-03{display: table; table-layout: fixed; width: 100%;}
.atrium-wrap .atrium-tab:before {content: '';    width: 50%;    height: 9.3vw;    border-top: 1px solid #7a6e67;    border-left: 1px solid #7a6e67;    position: absolute;    bottom: 0;    right: 0;    box-sizing: border-box;    display: block; z-index:-1;}
.atrium-wrap .atrium-tab.tab-03:before{display: none;}
.atrium-wrap .atrium-tab li{width:50%; float: left; height: 9.3vw; box-sizing: border-box; border-left: 1px solid #7a6e67; border-top: 1px solid #7a6e67;}
.atrium-wrap .atrium-tab.tab-03 li{display: table-cell; float: none; width: auto;}
.atrium-wrap .atrium-tab li.on{background:#7a6e67;}
.atrium-wrap .atrium-tab li.on a{color:#fff;}
.atrium-wrap .atrium-tab li a{font-size: 3.75vw; color: #7a6e67; display:block; line-height: 9.3vw;}
.atrium-cont-wrap{margin-top: 6.25vw;}
.atrium-cont-wrap .atrium-content{display:none;}
.atrium-cont-wrap .atrium-content.on{display:block;}
.atrium-cont-wrap .atrium-content dt img{width: 100%;}
.atrium-cont-wrap .atrium-content .atrium-map dt{background: #bdb6b2; height:49.06vw; text-align: center; line-height: 49.06vw;}
.atrium-cont-wrap .atrium-content .atrium-map dt img{width: 93%; vertical-align: middle;}
.atrium-cont-wrap .atrium-content .atrium-map dd{background: #fbfbfb; position: relative; height: 31.25vw; }
.atrium-cont-wrap .atrium-content .atrium-map dd span{ position: absolute; left:50%; top:50%; width: 100%; transform: translate(-50%, -50%); font-size:4.06vw; color:#555; line-height:5.93vw; padding: 0 9.3vw; box-sizing:border-box; }
.atrium-cont-wrap .atrium-content .atrium-info{display:flex; width:100%; margin-top: 2.81vw;}
.atrium-cont-wrap .atrium-content .atrium-info .imgbox{width: 40%; background-position: center; background-size:cover; }
.atrium-cont-wrap .atrium-content .atrium-info .imgbox img{width:100%; height: 100%; }
.atrium-cont-wrap .atrium-content .atrium-info .txtbox{width: 60%; padding: 7.81vw 3.12vw; box-sizing: border-box; background: #fbfbfb;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox h4{padding-bottom:4.68vw; margin-bottom: 4.68vw; border-bottom: 1px solid #e5e2e0; text-align: left; }
.atrium-cont-wrap .atrium-content .atrium-info .txtbox h4 span{font-size: 4.06vw; color: #000; font-weight:500; padding-left:5.93vw; background: url(/images/tenants/atrium_place.png) no-repeat left 1.71vw center; background-size: 2.5vw;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info{display: table; margin-bottom: 1.56vw; text-align: left; font-size:0; padding-left: 1.56vw; box-sizing:border-box;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info:last-child{margin-bottom: 0;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info span{display: table-cell; font-size: 3.75vw; line-height: 5.93vw; word-break: keep-all;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info span:first-child{width:11.25vw; padding-right:2.96vw; color: #000; font-weight:600; background: url(/images/tenants/atrium_bar.png) no-repeat right 1.27vw; background-size: 0.31vw 3.43vw; }
.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info span:last-child{padding-left: 2.96vw; color: #555; font-weight: 400; }

.rental-info{margin-top:10.93vw; padding-left: 3.125vw; box-sizing: border-box; letter-spacing: -0.025rem;}
.rental-info h3{font-size: 4.06vw; line-height: 3.9vw; font-weight:600; color: #000; text-align:left; padding-left: 5.93vw; box-sizing: border-box; background: url(/images/tenants/rental_icon.png) no-repeat left top; background-size: 3.43vw 3.9vw; }
.rental-info .rental-wrap{margin-top: 6.25vw; position: relative; padding-top: 7.81vw;}
.rental-info .rental-wrap::after{content:''; display: block; position: absolute; width: 0.78vw; height: 100%; background: #e4e2e1; top: 0; left: 6.4vw; z-index: -1;}
.rental-info .rental-wrap dl{padding:2.5vw 0 10.31vw 16.875vw; box-sizing: border-box; text-align: left; font-size: 3.75vw; font-weight: 600; background-size: 13.59vw; background-position: left top; background-repeat: no-repeat;}
.rental-info .rental-wrap dl.step01{ background-image: url(/images/tenants/step01.png); }
.rental-info .rental-wrap dl.step02{ background-image: url(/images/tenants/step02.png); }
.rental-info .rental-wrap dl.step03{ background-image: url(/images/tenants/step03.png); }
.rental-info .rental-wrap dl dt{color: #c31531;}
.rental-info .rental-wrap dl dd{margin-top: 2.34vw;}

.bestCampaignWrap {padding:0 2.8vw 12.5vw; background:#ebe9e8;}
.bestCampaignWrap .contentTit {opacity:1 !important;}
.bestCampaignWrap .contentSubTit {opacity:1 !important;}
.bestcampaignList li {width:100%;}
.bestcampaignList li + li {margin-top:4.68vw; margin-bottom:4.68vw;}
.bestcampaignList li:nth-child(3n + 1) {margin-left:0;}
.bestcampaignList li .img img {width:100%;}
.bestcampaignList li .tit {display:flex; align-items:center; height:16.75vw; padding:0 5vw; margin-top:1px; background:#fff; font-size:4.06vw; line-height:5.62vw; font-weight:bold; text-align:left;}
.bestCampaignWrap .btn_center {display:block; width:100%; margin-top:6.25vw; text-align:center;}
.bestCampaignWrap .btnDefaultLink {display:inline-block; padding: 4.375vw 5%; background: #ffffff; border: 1px solid #7a6e67; text-align: center;}
.campaignView_wrap { background:#f1f1f1; padding:0 5.93vw 31.25vw;}
.campaignView .contentsTitGroup .detit {margin-top:10.31vw; color:#000; font-size:4.06vw; line-height:5.93vw; font-weight:bold; text-align:center;}
.campaignView .img img {width:100%;}
.campaignView .txt {font-size:3.59vw; line-height:5vw; word-break: keep-all; text-align:left}
.campaignView_wrap .btn_center {width:100%; margin-top:8.59vw; text-align:center;}
.campaignView_wrap .btn_center a {display:inline-block; width:31.25vw;}
.campaignView_wrap .img_info {display:block; text-align:center;}
.campaignView .vodBox iframe {width:100%; height:50.25vw;}

/* 링크메뉴(코엑스몰 > 엔터테인먼트 > 별마당 도서관) */
.linkMenu {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:39.60vw;}
.linkMenu .imgMid {display:block;}
.linkMenu .imgMid .Imglink {display:block; height:100%;}
.linkMenu .imgMid .Imglink img {display:block; width:auto; height:100%;}

/* 별마당 도서관 아트프로젝트 당선작 발표 */
.libIb {display:block; text-align:center; background:#f0f0f0;}
.libIb img {display:inline-block; vertical-align:top; max-width:950px; width:100%;}

/* 이벤트 전용 */
#event-detail .container .event-contents-wrap .image-wrap {display:block; width:auto; max-width:none; margin:0 -3vw;}
#event-detail .container .event-contents-wrap .image-wrap img {display:block; width:100%;}
#event-detail .container .event-contents-wrap .btn-wrap-left {text-align:center;}

/* 전체 이미지 중간 버튼 이벤트 전용 */
#event-detail .evtImgBtn .eibWeb {}
#event-detail .evtImgBtn .eibApp {display:none !important;}
#event-detail .evtImgBtn .eibCon {position:relative;}
#event-detail .evtImgBtn .eibCon .imgEib {display:block; width:100%;}
#event-detail .evtImgBtn .eibCon .btnEib {position:absolute; left:0; right:0; display:block; text-align:center; font-size:0;}
#event-detail .evtImgBtn .eibCon .btnEib > * {display:inline-block; vertical-align:top;}
#event-detail .evtImgBtn .eibCon .btnEib > * img {display:block; width:auto;}
#event-detail .evtImgBtn.kidsvod_body .eibCon .kidsvod {position:absolute; left:0; right:0; display:block; text-align:center; font-size:0;}
#event-detail .evtImgBtn.kidsvod_body2 .eibCon .kidsvod {position:absolute; left:0; right:0; display:block; text-align:center; font-size:0;}
/* popup */
.popCp01 {position:fixed; left:0; top:0; overflow:hidden; display:none; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); z-index:30;}
.popCp01 .popCon {position:fixed; left:0; top:100%; width:72.80vw; z-index:31; /* -webkit-overflow-scrolling:touch; */}

/* 이미지 다운로드 이벤트 */
#event-detail .imgDown .idCon {position:relative;}
#event-detail .imgDown .idCon .imgId {display:block; height:214.73vw; width:100%;}
#event-detail .imgDown .idCon .btnBox {position:absolute; left:0; right:0; bottom:74.84vw; display:block; text-align:center; font-size:0;}
#event-detail .imgDown .idCon .btnBox button {display:inline-block; vertical-align:top; width:38.94vw; height:8.42vw; margin:0 1.05vw;}
#event-detail .imgDown .idCon .btnBox button img {display:block; width:100%; height:100%;}

/* 위례 동영상 이벤트 */
.wiryeVideo {position:relative;}
.wiryeVideo > img {display:block;}
.wiryeVideo .videoBox {position:absolute; left:11.57vw; right:11.57vw; top:63.89vw; display:block; height:48.00vw;}
.wiryeVideo .videoBox img {display:block; width:100%; height:100%;}

/* 아카데미 봄학기 접수안내 이벤트 */
#event-detail .wiryeAs .eibCon .imgEib {height:258.94vw;}
#event-detail .wiryeAs .eibCon .btnEib {top:63.57vw;}
#event-detail .wiryeAs .eibCon .btnEib > * img {height:5.57vw;}

/* 라이프 스토리 사진전 */
#event-detail .lspEvt01 .eibCon .btnEib {top:75.78vw;}
#event-detail .lspEvt02 .eibCon .btnEib {bottom:25.36vw;}
#event-detail [class*='lspEvt'] .eibCon .btnEib > * img {height:7.36vw;}
#event-detail .lspEvt01 .vdLsp {position:absolute; left:12.63vw; right:12.63vw; top:89.36vw; display:block;}
#event-detail .lspEvt01 .vdLsp img {display:block; width:100%; height:auto;}

/* 딜카 제휴 프로모션 */
#event-detail .delcar .eibCon .imgEib {height:298.21vw;}
#event-detail .delcar .eibCon .btnEib {bottom:13.68vw;}
#event-detail .delcar .eibCon .btnEib > * img {height:10.52vw;}

/* 아트 프로젝트 */
#event-detail .apEvt .eibCon .imgEib {height:178.94vw;}
#event-detail .apEvt .eibCon .btnEib {bottom:17.05vw;}
#event-detail .apEvt .eibCon .btnEib > * img {height:10.52vw;}

/* 고양점 2주년 */
#event-detail .avsEvt .eibCon .imgEib {}
#event-detail .avsEvt .eibCon .btnEib {bottom:17.05vw;}
#event-detail .avsEvt .eibCon .btnEib > * img {height:6.31vw;}

/* 여름학기 강좌신청 */
#event-detail .theSt .eibCon .imgEib {height:474vw;}
#event-detail .theSt .eibCon .btnEib {bottom:8.526vw;}
#event-detail .theSt .eibCon .btnEib > * img {height:7.157vw;}

/* 별마당 도서관 - 공모전 수상작품 */
.libPww {background-color:#f0f0f0;}
.libPww .imgBox {display:block;}
.libPww .imgBox img {display:block; width:100%;}
.libPww .paAcd {}
.libPww .paAcd .paList {}
.libPww .paAcd .paList .paCon {display:none;}
.libPww .paAcd .paList > * {display:block;}
.libPww .paAcd .paList > * > img {display:block; width:100%;}
.libPww .paAcd .paList .paTit .hidImg {display:block;}
.libPww .paAcd .paList.on .paTit .hidImg {display:none;}
.libPww .paAcd .paList .paBtn .open, .libPww .paAcd .paList.on .paBtn .close {display:block;}
.libPww .paAcd .paList .paBtn .close, .libPww .paAcd .paList.on .paBtn .open {display:none;}

/* 코엑스몰 별마당도서관 2주년 오프닝 */
#event-detail .sfOpening .eibCon .btnEib {bottom:7.368vw;}
#event-detail .sfOpening .eibCon .btnEib > * img {height:6.315vw;}

/* 아트와의 만남 */
#event-detail .artMeet .eibCon .btnEib {bottom:67.894vw;}
#event-detail .artMeet .eibCon .btnEib > * img {height:6.315vw;}

/* 별마당 도서관 */
#event-detail .coexLibrary .eibCon .btnEib {top:120.21vw; width:65.78vw; margin:0 auto;}
#event-detail .coexLibrary .eibCon .btnEib a:last-child{margin-left:2.63vw;}
#event-detail .coexLibrary .eibCon .btnEib > * img {height:6.94vw;}

/* 벽화 공모전 */
#event-detail .comicAward .eibCon .btnEib {top:69.47vw;}
#event-detail .comicAward .eibCon .btnEib > * img {height:7.36vw;}

/* 스타필드 시티 가을 아카데미 */
#event-detail .cityAcademy .eibCon .btnEib {bottom:24.73vw;}
#event-detail .cityAcademy .eibCon .btnEib > * img {height:6.31vw;}

/* 너프 챔피언십 */
#event-detail .goyangCpn .eibCon .btnEib {bottom:40.73vw;}
#event-detail .goyangCpn .eibCon .btnEib > * img {height:7.63vw;}

/* 하남점, 고양점 어디가지 또 */
#event-detail .where .eibCon .btnEib {bottom:5.89vw;}
#event-detail .where .eibCon .btnEib > * img {height:7.36vw;}

/* 코리아 3x3 */
#event-detail .match .eibCon .btnEib {bottom:14.52vw;}
#event-detail .match .eibCon .btnEib > * img {height:8.10vw;}

/* 위례 겨울학기 아카데미 */
#event-detail .wiryeWinter .eibCon .btnEib {bottom:22.84vw;}
#event-detail .wiryeWinter .eibCon .btnEib > * img {height:7.89vw;}

/* SSG 스페셜 리워드 */
#event-detail .ssgSpecial .eibCon .imgEib{height: 546.52vw;}
#event-detail .ssgSpecial .eibCon .btnEib {bottom:296.31vw;}
#event-detail .ssgSpecial .eibCon .btnEib > * img {height:7.36vw;}

/* 부천 겨울학기 아카데미 */
#event-detail .bucheonWinter .eibCon .btnEib {bottom:11.47vw;}
#event-detail .bucheonWinter .eibCon .btnEib > * img {height:7.89vw;}

/* SSG 스페셜 리워드 하남 */
#event-detail .ssgSpecial01 .eibCon .imgEib{height: 635.26vw;}
#event-detail .ssgSpecial01 .eibCon .btnEib {bottom:384.94vw;}
#event-detail .ssgSpecial01 .eibCon .btnEib > * img {height:7.36vw;}

/* SSG 스페셜 리워드 코엑스 */
#event-detail .ssgSpecial02 .eibCon .imgEib{height: 672.52vw;}
#event-detail .ssgSpecial02 .eibCon .btnEib {bottom:422.21vw;}
#event-detail .ssgSpecial02 .eibCon .btnEib > * img {height:7.36vw;}

/* SSG 스페셜 리워드 고양 */
#event-detail .ssgSpecial03 .eibCon .imgEib{height: 635.26vw;}
#event-detail .ssgSpecial03 .eibCon .btnEib {bottom: 384.94vw;}
#event-detail .ssgSpecial03 .eibCon .btnEib > * img {height:7.36vw;}

/* SSG 스페셜 리워드 위례 */
#event-detail .ssgSpecial04 .eibCon .imgEib{height: 620.84vw;}
#event-detail .ssgSpecial04 .eibCon .btnEib {bottom: 370.63vw;}
#event-detail .ssgSpecial04 .eibCon .btnEib > * img {height: 7.36vw;}

/* SSG 스페셜 리워드 부천 */
#event-detail .ssgSpecial05 .eibCon .imgEib{height: 624vw;}
#event-detail .ssgSpecial05 .eibCon .btnEib {bottom: 373.68vw;}
#event-detail .ssgSpecial05 .eibCon .btnEib > * img {height:7.36vw;}

/* SSG 스페셜 리워드 명지 */
#event-detail .ssgSpecial06 .eibCon .imgEib{height: 620.84vw;}
#event-detail .ssgSpecial06 .eibCon .btnEib {bottom: 370.52vw;}
#event-detail .ssgSpecial06 .eibCon .btnEib > * img {height: 7.36vw;}

/* 명지 시티라운지 */
#event-detail .cityLounge .eibCon .btnEib {bottom: 22.10vw;}
#event-detail .cityLounge .eibCon .btnEib > *{width:100%;}
#event-detail .cityLounge .eibCon .btnEib > * img {height: 7.36vw; display: inline;}
#event-detail .cityLounge .eibCon .btnEib a:last-child{margin-top:1.57vw;}

/* 코액스 아트프로텍트 꿈의 여정 */
#event-detail .artCrs .eibCon .imgEib{}
#event-detail .artCrs .eibCon .btnEib {bottom: 158.94vw;}
#event-detail .artCrs .eibCon .btnEib > * img {height: 6.84vw;}

/* K리그와 함께하는 리틀킥오프 */
#event-detail .little .eibCon .imgEib{height: auto;}
#event-detail .little .eibCon .btnEib {bottom: 8.42vw;}
#event-detail .little .eibCon .btnEib > * img {height: 7.36vw;}

/* 별별라이프 */
#event-detail .sslife .eibCon .imgEib{height: auto;}
#event-detail .sslife.bucheon .eibCon .imgEib{height: auto;}
#event-detail .sslife .eibCon .btnEib {bottom: 143.15vw;}
#event-detail .sslife.bucheon .eibCon .btnEib {bottom: 141.05vw;}
#event-detail .sslife .eibCon .btnEib > * img {height: 7.36vw;}

/* 부천 주중 클래스 */
#event-detail .bc_city .eibCon .btnEib {bottom: 21.57vw;}
#event-detail .bc_city .eibCon .btnEib > * img {height: 7.36vw;}
#event-detail .bc_city .eibCon .btnEib a:last-child{margin-top:1.57vw;}

/* 스타필드 시티 가을 아카데미 */
#event-detail .aka .eibCon .imgEib {}
#event-detail .aka .eibCon .btnEib {bottom:21.84vw;}
#event-detail .aka .eibCon .btnEib > * img {height:7.89vw;}

#event-detail .bucheon.aka .eibCon .btnEib {bottom:14.10vw;}

/* 스타필드 시티 여름 아카데미 */
#event-detail .wirye.aka .eibCon .btnEib {bottom:5.15vw;}

/* 20200210 이벤트 (모바일) */
#event-detail .artProject20 .eibCon .imgEib{height: auto;} 
#event-detail .artProject20 .eibCon .btnEib {bottom: 7vw;} /* 버튼이미지 포지션 */
#event-detail .artProject20 .eibCon .btnEib > * img {height: 12vw;} /* 버튼 이미지 높이 */ 

/* 20200409 키트공연 (모바일) */
#event-detail .kidsvod_body .eibCon .imgEib {height:auto;}
#event-detail .kidsvod_body .eibCon .vod_01 {top:107.894vw;}
#event-detail .kidsvod_body .eibCon .vod_01 iframe {width:78.94vw; height:49.26vw;}

/* 20200417 키즈공연 (모바일) */
#event-detail .kidsvod_body2 .eibCon .imgEib {height:auto;}
#event-detail .kidsvod_body2 .eibCon .vod_01 {top:107.894vw;}
#event-detail .kidsvod_body2 .eibCon .vod_01 iframe {width:78.94vw; height:49.26vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn {width:34.42vw; position:absolute; right:11.68vw; bottom:28.84vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn2 {width:34.42vw; position:absolute; right:11.68vw; bottom:35.05vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_15_1 {width:34.42vw; position:absolute; right:11.68vw; bottom:98.42vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_15_2 {width:34.42vw; position:absolute; right:11.68vw; bottom:34.94vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_1 {width:34.42vw; position:absolute; right:11.68vw; bottom:172.73vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_2 {width:34.42vw; position:absolute; right:11.68vw; bottom:98.42vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_3 {width:34.42vw; position:absolute; right:11.68vw; bottom:34.94vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_17_1 {width:34.42vw; position:absolute; right:11.68vw; bottom:109.57vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_17_2 {width:34.42vw; position:absolute; right:11.68vw; bottom:34.94vw;}

/* 20200508 자동차 극장 (모바일) */
#event-detail .hanam.zgg .eibCon .imgEib {}
#event-detail .hanam.zgg .eibCon .btnEib {bottom:56vw;}
#event-detail .hanam.zgg .eibCon .btnEib > * img {height:6.84vw;}

/* 20200617 반려동물 (모바일) */
#event-detail .dm .eibCon .imgEib {}
#event-detail .dm .eibCon .btnEib {display:inline-block; width:auto; text-align:left; left:41.05vw; top:160.52vw; overflow:hidden;}
#event-detail .dm .eibCon .btnEib > * img {height:3.89vw;}

/* 20200618 새단장 대축제 (모바일) */
.ev_links {padding:0 4.21vw; overflow:hidden;}
.ev_links li {float:left; width:48%; margin-bottom:5.26vw;}
.ev_links li:nth-child(even) {margin-left:4%;}
.ev_links li img {width:100%;}
.ev_links_box { background:#f4f2e0; }
.ev_links_box h2.tit {margin-bottom:5.26vw;}
.ev_links_box .ev_footer {margin-top:3.57vw;}

/* 20200716 슈팅몬스터 (모바일) */
.st_body1 .eibCon .imgEib {height:auto;}
.st_body1 .vod_01 {position:absolute; bottom:10.73vw; left:0; width:100%;}
.st_body1 .vod_01 iframe {width:100%; height:44.52vw;}
.st_body1 .vod_01 > img {width:100%;}
.st_body1 .vod_box {width:75.78vw; margin:0 auto; font-size:0; background:#eebe34;}

/* 수상작 */

#event-detail .ssz  .eibCon .imgEib {height:auto;}
#event-detail .ssz .eibCon .btns {top:110.8vw;}
#event-detail .ssz .eibCon .btns > * img {height: 9.33vw; }
#event-detail .ssz .eibCon .vod {top:126.8vw; text-align:center;}
#event-detail .ssz .eibCon .vod img {width:76vw;}
#event-detail .ssz .web-area {display:none !important;}
#event-detail .ssz .mobile-area {display:block !important;}

/*  */
.agreementBox table.tb_style1 thead th {text-align:center;}
.agreementBox table.tb_style1 tbody td.align_left {text-align:left;} 
.agreementBox .kr_ol {margin-left:2rem;}
.agreementBox .kr_ol li {list-style:hangul;}
.agreementBox .ul_style {margin-left:2rem;}
.agreementBox .ul_style li .kr_ol {padding-left:2rem;}

.agreementBox .ul_dot > li {position:relative; padding-left:2.5vw;}
.agreementBox .ul_dot > li > i {position:absolute; left:0; top:0; font-style:normal;}
.agreementBox .p_dot {position:relative; padding-left:2.5vw;}
.agreementBox .p_dot > i {position:absolute; left:0; top:0; font-style:normal;}
.agreementBox .ul_endbar > li {position:relative; padding-left:2.5vw;}
.agreementBox .ul_endbar > li > i {position:absolute; left:0; top:0; font-style:normal;}


/* S 개인정보보호정책 변경 */
.prvDescBox {color: #555;}
.privacyTopLabel {margin-top: 20px;}
.privacyTopLabel ul {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; border: 1px solid #84807d; border-top: 0;}
.privacyTopLabel ul > li {width:calc(100%/3); flex-shrink: 0; flex-basis: calc(100%/3); background-position: 50% 27px; background-repeat: no-repeat; border: solid #84807d; border-width: 1px 0 0 1px;}
.privacyTopLabel ul em {display: inline;}
.privacyTopLabel ul > .prvBgIcon01 {background-image: url(/images/icon/prv/ico_big_privacy01.png?v=1);}
.privacyTopLabel ul > .prvBgIcon02 {background-image: url(/images/icon/prv/ico_big_privacy02.png?v=1);}
.privacyTopLabel ul > .prvBgIcon03 {background-image: url(/images/icon/prv/ico_big_privacy03.png?v=1);}
.privacyTopLabel ul > .prvBgIcon04 {background-image: url(/images/icon/prv/ico_big_privacy04.png?v=1);}
.privacyTopLabel ul > .prvBgIcon05 {background-image: url(/images/icon/prv/ico_big_privacy05.png?v=1);}
.privacyTopLabel ul > .prvBgIcon06 {background-image: url(/images/icon/prv/ico_big_privacy06.png?v=1);}
.privacyTopLabel ul > li:first-child, .privacyTopLabel ul > li:nth-child(3n+1) {border-left: 0;}
.privacyTopLabel ul > li > a {display:block; padding:147px 0 20px; text-align:center; height:100%; justify-content: center; font-size:1.6rem; font-weight:bold; color:#333;letter-spacing: -0.5px;}
.prvAlertIcon {position: relative; padding-left:18px; margin-top: 20px; color: #999; line-height: 1.4;}
.prvAlertIcon:before {content:'※'; position: absolute; left: 0; top:-1px;}
.prvTitList > dt {margin-bottom: 20px; text-align: center; font-size: 1.6rem; color: #5e4d3d; font-weight: bold;}
.prvTitList > dd a {display: flex; height: 58px; padding:0 20px 0 115px; align-items: center; font-size: 1.6rem; color: #333; font-weight: bold; border: 1px solid #84807d; border-bottom: 0;}
.prvTitList > dd:last-child a {border-bottom: 1px solid #84807d;}
.prvSsIconSet {background-position: 38px 50%; background-repeat: no-repeat; background-size: auto 41px;}
h4.prvAcTit {display: flex; padding-left: 47px; margin: 2rem 0 1.5rem !important; height: 42px; align-items: center; font-size: 1.6rem; color: #5e4d3d; font-weight: bold; background-position: 0 50%; background-repeat: no-repeat; background-size: auto 41px;}
.prvSsIcon01 {background-image: url(/images/icon/prv/ico_ss_privacy01.png?v=1);}
.prvSsIcon02 {background-image: url(/images/icon/prv/ico_ss_privacy02.png?v=1); background-position: 19px 50%;}
.prvSsIcon03 {background-image: url(/images/icon/prv/ico_ss_privacy03.png?v=1);}
.prvSsIcon04 {background-image: url(/images/icon/prv/ico_ss_privacy04.png?v=1);}
.prvSsIcon05 {background-image: url(/images/icon/prv/ico_ss_privacy05.png?v=1);}
.prvSsIcon06 {background-image: url(/images/icon/prv/ico_ss_privacy06.png?v=1); background-size: auto 37px !important;}
.prvSsIcon07 {background-image: url(/images/icon/prv/ico_ss_privacy07.png?v=1);}
.prvSsIcon08 {background-image: url(/images/icon/prv/ico_ss_privacy08.png?v=1); background-size: auto 37px !important;}
.prvSsIcon09 {background-image: url(/images/icon/prv/ico_ss_privacy09.png?v=1); background-position: 19px 50%; background-size: auto 37px !important;}
.prvSsIcon10 {background-image: url(/images/icon/prv/ico_ss_privacy10.png?v=1); background-size: auto 37px !important;}
.prvSsIcon11 {background-image: url(/images/icon/prv/ico_ss_privacy11.png?v=1); background-size: auto 37px !important;}
.prvSsIcon12 {background-image: url(/images/icon/prv/ico_ss_privacy12.png?v=1); background-size: auto 37px !important;}
.prvSsIcon13 {background-image: url(/images/icon/prv/ico_ss_privacy13.png?v=1);}
.prvSsIcon14 {background-image: url(/images/icon/prv/ico_ss_privacy14.png?v=1);}
.prvSsIcon15 {background-image: url(/images/icon/prv/ico_ss_privacy15.png?v=1); background-size: auto 37px !important;}
.prvDescList {padding:0 0 0 47px;}
h4.prvAcTit.prvSsIcon02, h4.prvAcTit.prvSsIcon09 {padding-left: 85px;}
.closetBox {position: relative; padding-left: 20px;}
.closetBox .rdNum {position: absolute; left: 0; top: 3px; line-height: 1;}
.closetBox .rdNum.txtVer {top: 4px;}
.innStepList {margin-left: 20px;}
.agreementBox .hypenLn {position: relative; padding-left: 13px;}
.agreementBox .hypenLn:before {content: '-'; position: absolute; left: 0; top: 0; line-height: 1.8em;}
hr.PrvHr {border:solid #f2f2f2; border-width: 1px 0 0 0; margin:20px 0; line-height: 1;}
.agreementBox .dotLn {position:relative; padding-left:13px;}
.agreementBox .dotLn > i {position:absolute; left:0; top:0; font-style:normal;}
.mt20 {margin-top: 20px;}

.prvCooPopUpWrap { position: fixed; left:0; top:0; z-index:99; width:100%; height:100%; padding:0 20px; box-sizing:border-box; background:rgba(0,0,0,0.5); display:flex; justify-content: center; align-items: center;}
.prvCooPopUpMain { position:relative; width:1000px; background: #fff;}
.prvCooPopUpMain .prvCooTitle {position:relative; padding:35px 90px; font-size:2.6rem; font-weight:bold; color:#000; text-align:center; letter-spacing:-2px; border-top:4px solid #c10130; border-bottom:1px solid #e3e3e3; background-color:#fff;}
.prvCooPopUpMain .prvCooMainBox {overflow:auto; overflow-x:hidden; height:590px; padding: 40px 50px; box-sizing: border-box;}
.prvCooPopUpMain .prvCooMainBox .crtVerTxt {font-size: 1.6rem; text-align: right;}
.prvCooPopUpMain .prvCooMainBox .prvCooList {margin: 0; border: 0; font-size: 1.6rem;}
.prvCooPopUpMain .prvCooMainBox .prvCooList thead td {padding: 20px 0; border-bottom: 4px solid #c10130; font-weight: bold; color: #000;}
.prvCooPopUpMain .prvCooMainBox .prvCooList tbody td {padding: 15px 0; border-bottom: 1px solid #aaa; font-weight: bold; color: #000;}

.prvCooPopUpMain .noneTxtClose {position:absolute; right:50px; top:50%; margin-top:-20px; width:40px; height:40px;}
.prvCooPopUpMain .noneTxtClose > span {font-size:0; display:none;}
.prvCooPopUpMain .noneTxtClose:before {content:''; position: absolute; left: 50%; top: 50%; margin:-14px 0 0 -1px; width:2px; height:28px; background-color:#000; border-radius:10px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.prvCooPopUpMain .noneTxtClose:after {content:''; position: absolute; left: 50%; top: 50%; margin:-14px 0 0 -1px; width:2px; height:28px; background-color:#000; border-radius:10px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.trgPrvClassKPopUpWrap, .trgPrvCooPopUpOpen {vertical-align: 0;}

@media screen and (max-width:800px) {
	.prvDescBox {margin-top: 7.8vw;}
    .privacyTopLabel ul {flex-wrap: wrap;}
    .privacyTopLabel ul > li {width:calc(100%/3); flex-shrink: 0; flex-basis: calc(100%/3)}
    .privacyTopLabel ul > li:nth-child(4) {border-left: 0;}
    .privacyTopLabel ul > li > a {font-size: 3.76vw}
    .privacyTopLabel ul em {display: block; line-height: 1.4;}
    .prvDescList {padding-left: 0;}
    .closetBox  {padding-left: 5vw;}
    .closetBox .rdNum {top: 0.1vw;}
    .innStepList {margin-left: 0;}
    .prvTitList > dt {text-align: left; color: #222; font-size: 3.76vw}
    .prvTitList > dd {background: #f6f6f6;}
    .prvTitList > dd a {border-color: #e6e6e6 !important; color: #222; font-size: 3.8vw; height: 15vw; line-height: 1.4; padding-right: 40px;}
    .prvSsIconSet {background-position: 38px 50%; background-size: auto 50px !important;}
    .prvSsIcon06, .prvSsIcon08, .prvSsIcon09, .prvSsIcon10, .prvSsIcon11, .prvSsIcon12, .prvSsIcon15 {background-size: auto 43px !important;}
    .prvSsIcon02, .prvSsIcon09 {background-position: 16px 50%;}
    h4.prvAcTit {height: 15vw; padding:0 8vw 0 23vw; font-size: 3.76vw; background-size: auto 43px; line-height: 1.4; background-position: 7vw 50%; background-color: #f6f6f6; border: 1px solid #e6e6e6; color: #333;}
    hr.PrvHr {margin: 8vw 0;}
    h4.prvAcTit.prvSsIcon02, h4.prvAcTit.prvSsIcon09 {padding:0 8vw 0 23vw; background-position: 3vw 50%;}
    .tb_style1 {font-size: 3.76vw}
	.prvCooPopUpMain {width:100%;} 
	.prvCooPopUpMain .prvCooTitle {border:0; font-size: 4vw; padding:5vw 10vw 5vw 6.12vw; background-color:#c10130; color:#fff; text-align:left;}
	.prvCooPopUpMain .prvCooTitle > span {display:block; margin-top:2vw}
	.prvCooPopUpMain .prvCooMainBox {height:120vw; padding: 7vw;}
	.prvCooPopUpMain .noneTxtClose {right:3.12vw; margin-top:-20px; width:40px; height:40px;}
	.prvCooPopUpMain .noneTxtClose:before {margin:-14px 0 0 -1px; width:2px; height:28px; background-color:#fff;}
	.prvCooPopUpMain .noneTxtClose:after {margin:-14px 0 0 -1px; width:2px; height:28px; background-color:#fff;}
}
/* E 개인정보보호정책 변경 */

/* 별별라이프 수상자 */
.m_starLife {display:block;}
.pc_starLife {display:none;}
/* 20200214 */
.m_starLife {position:relative;}
.m_starLife .btnMob {position:absolute; left:0; bottom:15.85vw; width:100%; text-align:center;}
.m_starLife .btnMob a {display:inline-block;}
.m_starLife .btnMob img {width:auto !important; height:9.33vw;}

/* 점검 화면 */
.checkItOutWrap{position:relative; width:100%; height:100%; background-color:#f8f8f8; color:#222; font-family:'NotoSansKR';}
.checkItOutInner{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
.checkItOutInner > img{margin:0 auto 6.25vw; width:62.5vw;}
.checkItOutInner h2{font-size:5.5vw; font-weight:300; line-height:1.3;}
.checkItOutInner h2 span{font-weight:700;}
.checkItOutInner .checkItOut-time{margin:5vw 0 5.63vw; font-size:4.4vw; font-weight:700;}
.checkItOutInner .checkItOut-detail{font-size:2.75vw; font-weight:300; color:#666; line-height:1.55;}

@media screen and (min-width:801px) {
/* 전체 이미지 중간 버튼 이벤트 전용 (PSD 이미지 가로:722px, 배경가로:950px 로 수정해 vw 값 산정) */

/* 별마당 도서관 아트프로젝트 당선작 발표 */
.libIb {padding-bottom:0;}

/* 이미지 다운로드 이벤트 */
#event-detail .imgDown .idCon .imgId {height:163.15vw;}
#event-detail .imgDown .idCon .btnBox {bottom:56.84vw;}
#event-detail .imgDown .idCon .btnBox button {width:29.68vw; height:6.42vw; margin:0 0.74vw;}

/* 위례 동영상 이벤트 */
.wiryeVideo .videoBox {left:8.75vw; right:8.75vw; top:48.32vw; height:36.30vw;}

/* 아카데미 봄학기 접수안내 이벤트 */
#event-detail .wiryeAs .eibCon .imgEib {height:196.84vw;}
#event-detail .wiryeAs .eibCon .btnEib {top:48.31vw;}
#event-detail .wiryeAs .eibCon .btnEib > * img {height:4.42vw;}

/* 라이프 스토리 사진전 */
#event-detail .lspEvt01 .eibCon .btnEib {top:57.47vw;}
#event-detail .lspEvt02 .eibCon .btnEib {bottom:19.26vw;}
#event-detail [class*='lspEvt'] .eibCon .btnEib > * img {height:5.68vw;}
#event-detail .lspEvt01 .vdLsp {left:9.57vw; right:9.57vw; top:67.89vw;}

/* 딜카 제휴 프로모션 */
#event-detail .delcar .eibCon .imgEib {height:226.63vw;}
#event-detail .delcar .eibCon .btnEib {bottom:10.31vw;}
#event-detail .delcar .eibCon .btnEib > * img {height:8.10vw;}

/* 아트 프로젝트 */
#event-detail .apEvt .eibCon .imgEib {height:136.00vw;}
#event-detail .apEvt .eibCon .btnEib {bottom:12.94vw;}
#event-detail .apEvt .eibCon .btnEib > * img {height:8.00vw;}

/* 고양점 2주년 */
#event-detail .avsEvt .eibCon .imgEib {}
#event-detail .avsEvt .eibCon .btnEib {bottom:17.05vw;}
#event-detail .avsEvt .eibCon .btnEib > * img {height:4.84vw;}

/* 여름학기 강좌신청 */
#event-detail .theSt .eibCon .imgEib {height:360.210vw;}
#event-detail .theSt .eibCon .btnEib {bottom:6.421vw;}
#event-detail .theSt .eibCon .btnEib > * img {height:5.578vw;}

/* 코엑스몰 별마당도서관 2주년 오프닝 */
#event-detail .sfOpening .eibCon .btnEib {bottom:5.578vw;}
#event-detail .sfOpening .eibCon .btnEib > * img {height:4.842vw;}

/* 아트와의 만남 */
#event-detail .artMeet .eibCon .btnEib {bottom:51.578vw;}
#event-detail .artMeet .eibCon .btnEib > * img {height:4.842vw;}

/* 별마당 도서관 */
#event-detail .coexLibrary .eibCon .imgEib{height:353.7vw;}
#event-detail .coexLibrary .eibCon .btnEib {top:91.26vw; width:50.21vw; margin:0 auto;}
#event-detail .coexLibrary .eibCon .btnEib a:last-child{margin-left:1.78vw;}
#event-detail .coexLibrary .eibCon .btnEib > * img {height:5.36vw;}

/* 벽화 공모전 */
#event-detail .comicAward .eibCon .imgEib {height:115.68vw;}
#event-detail .comicAward .eibCon .btnEib {top:52.63vw;}
#event-detail .comicAward .eibCon .btnEib > * img {height:5.68vw;}

/* 스타필드 시티 가을 아카데미 */
#event-detail .cityAcademy .eibCon .imgEib {height:464.1vw;}
#event-detail .cityAcademy .eibCon .btnEib {bottom:18.73vw;}
#event-detail .cityAcademy .eibCon .btnEib > * img {height:4.84vw;}

/* 수상작 */

#event-detail .ssz  .eibCon .imgEib {height:auto;}
#event-detail .ssz .eibCon .btns {top:75.54vw;}
#event-detail .ssz .eibCon .btns > * img {height: 5.57vw; }
#event-detail .ssz .eibCon .vod {top:84.54vw; text-align:center;}
#event-detail .ssz .eibCon .vod img {width:58.52vw;}

#event-detail .ssz .web-area {display:block !important;}
#event-detail .ssz .mobile-area {display:none !important;}

/* 너프 챔피언십 */
#event-detail .goyangCpn .eibCon .btnEib {bottom:30.94vw;}
#event-detail .goyangCpn .eibCon .btnEib > * img {height:5.57vw;}

/* 하남점, 고양점 어디가지 또 */
#event-detail .where .eibCon .btnEib {bottom:4.21vw;}
#event-detail .where .eibCon .btnEib > * img {height:5.68vw;}

/* 코리아 3x3 */
#event-detail .match .eibCon .btnEib {bottom:10.52vw;}
#event-detail .match .eibCon .btnEib > * img {height:6.21vw;}

/* 위례 겨울학기 아카데미 */
#event-detail .wiryeWinter .eibCon .btnEib {bottom:17.36vw;}
#event-detail .wiryeWinter .eibCon .btnEib > * img {height:6vw;}

/* SSG 스페셜 리워드 */
#event-detail .ssgSpecial .eibCon .imgEib{height: 415.36vw;}
#event-detail .ssgSpecial .eibCon .btnEib {bottom:225.05vw;}
#event-detail .ssgSpecial .eibCon .btnEib > * img {height:5.78vw;}

/* 부천 겨울학기 아카데미 */
#event-detail .bucheonWinter .eibCon .btnEib {bottom:8.73vw;}
#event-detail .bucheonWinter .eibCon .btnEib > * img {height:6vw;}

/* SSG 스페셜 리워드 하남 */
#event-detail .ssgSpecial01 .eibCon .imgEib{height: 482.84vw;}
#event-detail .ssgSpecial01 .eibCon .btnEib {bottom:292.63vw;}
#event-detail .ssgSpecial01 .eibCon .btnEib > * img {height:5.78vw;}

/* SSG 스페셜 리워드 코엑스 */
#event-detail .ssgSpecial02 .eibCon .imgEib{height: 511.15vw;}
#event-detail .ssgSpecial02 .eibCon .btnEib {bottom:320.94vw;}
#event-detail .ssgSpecial02 .eibCon .btnEib > * img {height:5.78vw;}

/* SSG 스페셜 리워드 고양 */
#event-detail .ssgSpecial03 .eibCon .imgEib{height: 482.84vw;}
#event-detail .ssgSpecial03 .eibCon .btnEib {bottom: 292.63vw;}
#event-detail .ssgSpecial03 .eibCon .btnEib > * img {height:5.78vw;}

/* SSG 스페셜 리워드 위례 */
#event-detail .ssgSpecial04 .eibCon .imgEib{height: 471.78vw;}
#event-detail .ssgSpecial04 .eibCon .btnEib {bottom: 281.68vw;}
#event-detail .ssgSpecial04 .eibCon .btnEib > * img {height: 5.78vw;}

/* SSG 스페셜 리워드 부천 */
#event-detail .ssgSpecial05 .eibCon .imgEib{height: 474.21vw;}
#event-detail .ssgSpecial05 .eibCon .btnEib {bottom: 284vw;}
#event-detail .ssgSpecial05 .eibCon .btnEib > * img {height:5.78vw;}

/* SSG 스페셜 리워드 명지 */
#event-detail .ssgSpecial06 .eibCon .imgEib{height: 471.78vw;}
#event-detail .ssgSpecial06 .eibCon .btnEib {bottom: 281.57vw;}
#event-detail .ssgSpecial06 .eibCon .btnEib > * img {height: 5.78vw;}

/* 명지 시티라운지 */
#event-detail .cityLounge .eibCon .btnEib {bottom: 16.73vw;}
#event-detail .cityLounge .eibCon .btnEib > * img {height: 5.78vw;}
#event-detail .cityLounge .eibCon .btnEib a:last-child{margin-top:1.05vw;}

/* 코액스 아트프로텍트 꿈의 여정 */
#event-detail .artCrs .eibCon .imgEib{}
#event-detail .artCrs .eibCon .btnEib {bottom: 117.94vw;}
#event-detail .artCrs .eibCon .btnEib > * img {height: 5.26vw;}

/* K리그와 함께하는 리틀킥오프 */
#event-detail .little .eibCon .imgEib{height: auto;}
#event-detail .little .eibCon .btnEib {bottom: 23.15vw;}
#event-detail .little .eibCon .btnEib > * img {height: 5.78vw;}

/* 별별라이프 */
#event-detail .sslife .eibCon .imgEib {height: 326.21vw;}
#event-detail .sslife.bucheon .eibCon .imgEib {height: 324.52vw;}
#event-detail .sslife .eibCon .btnEib {bottom: 108.84vw;}
#event-detail .sslife.bucheon .eibCon .btnEib {bottom: 107.26vw;}
#event-detail .sslife .eibCon .btnEib > * img {height: 5.57vw;}

/* 부천 주중 클래스 */
#event-detail .bc_city .eibCon .btnEib {bottom: 16.31vw;}
#event-detail .bc_city .eibCon .btnEib > * img {height: 5.57vw;}
#event-detail .bc_city .eibCon .btnEib a:last-child{margin-top:1.05vw;}

/* 스타필드 시티 가을 아카데미 */
#event-detail .aka .eibCon .imgEib {}
#event-detail .aka .eibCon .btnEib {bottom:16.36vw;}
#event-detail .aka .eibCon .btnEib > * img {height:6vw;}

#event-detail .bucheon.aka .eibCon .btnEib {bottom:10.73vw;}

/* 스타필드 시티 여름 아카데미 */
#event-detail .wirye.aka .eibCon .btnEib {bottom:3.89vw;}

/* 20200210 이벤트 (중간) */
#event-detail .artProject20 .eibCon .imgEib{height: auto;} 
#event-detail .artProject20 .eibCon .btnEib {bottom: 5vw;} /* 버튼이미지 포지션 */
#event-detail .artProject20 .eibCon .btnEib > * img {height: 8vw;} /* 버튼 이미지 높이 */ 

/* 20200409 키트공연 (중간) */
#event-detail .kidsvod_body .eibCon .imgEib {height:auto;}
#event-detail .kidsvod_body .eibCon .vod_01 {top:80vw;}
#event-detail .kidsvod_body .eibCon .vod_01 iframe {width:60vw; height:37.36vw;}

/* 20200417 키즈공연 (중간) */
#event-detail .kidsvod_body2 .eibCon .imgEib {height:auto;}
#event-detail .kidsvod_body2 .eibCon .vod_01 {top:80vw;}
#event-detail .kidsvod_body2 .eibCon .vod_01 iframe {width:60vw; height:37.36vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn {width:26.21vw; position:absolute; right:8.84vw; bottom:21.89vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn2 {width:26.21vw; position:absolute; right:8.84vw; bottom:25.63vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_15_1 {width:26.21vw; position:absolute; right:8.84vw; bottom:72.73vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_15_2 {width:26.21vw; position:absolute; right:8.84vw; bottom:25.52vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_1 {width:26.21vw; position:absolute; right:8.84vw; bottom:128.58vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_2 {width:26.21vw; position:absolute; right:8.84vw; bottom:72.73vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_3 {width:26.21vw; position:absolute; right:8.84vw; bottom:25.52vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_17_1 {width:26.21vw; position:absolute; right:8.84vw; bottom:81vw;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_17_2 {width:26.21vw; position:absolute; right:8.84vw; bottom:25.52vw;}

/* 20200508 자동차 극장 (중간) */
#event-detail .hanam.zgg .eibCon .imgEib {}
#event-detail .hanam.zgg .eibCon .btnEib {bottom:41.52vw;}
#event-detail .hanam.zgg .eibCon .btnEib > * img {height:5.26vw;}

/* 20200617 반려동물 (중간) */
#event-detail .dm .eibCon .imgEib {height:306.42vw;}
#event-detail .dm .eibCon .btnEib {left:31.15vw; top:122vw; overflow:hidden;}
#event-detail .dm .eibCon .btnEib > * img {height:3.05vw;}

/* 20200618 새단장 대축제 (중간) */
.ev_links {padding:0 3.15vw; overflow:hidden;}
.ev_links li {float:left; width:48%; margin-bottom:4vw;}
.ev_links li:nth-child(even) {margin-left:4%;}
.ev_links li img {width:100%;}
.ev_links_box { background:#f4f2e0; }
.ev_links_box h2.tit {margin-bottom:4vw;}
.ev_links_box .ev_footer {margin-top:3vw;}

/* 20200716 슈팅몬스터 (모바일) */
.st_body1 .eibCon .imgEib {height:auto;}
.st_body1 .vod_01 {position:absolute; bottom:5vw; left:0; width:100%;}
.st_body1 .vod_01 iframe {width:100%; height:33.78vw;}
.st_body1 .vod_01 > img {width:100%;}
.st_body1 .vod_box {width:57.68vw; margin:0 auto; font-size:0; background:#eebe34;}

/* 점검 화면 */
.checkItOutInner > img{margin-bottom:40px; max-width:423px;}
.checkItOutInner h2{font-size:34px;}
.checkItOutInner h2 br{display:none;}
.checkItOutInner .checkItOut-time{margin:30px 0 35px; font-size:32px;}
.checkItOutInner .checkItOut-detail{font-size:18px;}

}

@media screen and (min-width:950px) {
/* 별마당 도서관 아트프로젝트 당선작 발표 */
.libIb {padding-bottom:88px;}

}

@media screen and (min-width:1280px) {
/* 전체 이미지 중간 버튼 이벤트 전용 (px 값으로 고정) */

/* 이미지 다운로드 이벤트 */
#event-detail .imgDown .idCon .imgId {height:2040px;}
#event-detail .imgDown .idCon .btnBox {bottom:711px;}
#event-detail .imgDown .idCon .btnBox button {width:370px; height:80px; margin:0 10px;}

/* 위례 동영상 이벤트 */
.wiryeVideo .videoBox {left:110px; right:110px; top:607px; height:456px;}

/* 아카데미 봄학기 접수안내 이벤트 */
#event-detail .wiryeAs .eibCon .imgEib {height:2460px;}
#event-detail .wiryeAs .eibCon .btnEib {top:604px;}
#event-detail .wiryeAs .eibCon .btnEib > * img {height:53px;}

/* 라이프 스토리 사진전 */
#event-detail .lspEvt01 .eibCon .btnEib {top:720px;}
#event-detail .lspEvt02 .eibCon .btnEib {bottom:241px;}
#event-detail [class*='lspEvt'] .eibCon .btnEib > * img {height:70px;}
#event-detail .lspEvt01 .vdLsp {left:120px; right:120px; top:849px;}

/* 딜카 제휴 프로모션 */
#event-detail .delcar .eibCon .imgEib {height:2833px;}
#event-detail .delcar .eibCon .btnEib {bottom:130px;}
#event-detail .delcar .eibCon .btnEib > * img {height:100px;}

/* 아트 프로젝트 */
#event-detail .apEvt .eibCon .imgEib {height:1700px;}
#event-detail .apEvt .eibCon .btnEib {bottom:162px;}
#event-detail .apEvt .eibCon .btnEib > * img {height:100px;}

/* 고양점 2주년 */
#event-detail .avsEvt .eibCon .imgEib {}
#event-detail .avsEvt .eibCon .btnEib {bottom:17px;}
#event-detail .avsEvt .eibCon .btnEib > * img {height:60px;}

/* 여름학기 강좌신청 */
#event-detail .theSt .eibCon .imgEib {height:4503px;}
#event-detail .theSt .eibCon .btnEib {bottom:81px;}
#event-detail .theSt .eibCon .btnEib > * img {height:68px;}

/* 코엑스몰 별마당도서관 2주년 오프닝 */
#event-detail .sfOpening .eibCon .btnEib {bottom:70px;}
#event-detail .sfOpening .eibCon .btnEib > * img {height:60px;}

/* 아트와의 만남 */
#event-detail .artMeet .eibCon .btnEib {bottom:645px;}
#event-detail .artMeet .eibCon .btnEib > * img {height:60px;}

/* 별마당 도서관 */
#event-detail .coexLibrary .eibCon .imgEib{height:auto;}
#event-detail .coexLibrary .eibCon .btnEib {top:1142px; width:625px; margin:0 auto;}
#event-detail .coexLibrary .eibCon .btnEib a:last-child{margin-left:25px;}
#event-detail .coexLibrary .eibCon .btnEib > * img {height:67px;}

/* 벽화 공모전 */
#event-detail .comicAward .eibCon .imgEib {height:auto;}
#event-detail .comicAward .eibCon .btnEib {top:660px;}
#event-detail .comicAward .eibCon .btnEib > * img {height:70px;}

/* 스타필드 시티 가을 아카데미 */
#event-detail .cityAcademy .eibCon .imgEib {height:auto;}
#event-detail .cityAcademy .eibCon .btnEib {bottom:235px;}
#event-detail .cityAcademy .eibCon .btnEib > * img {height:60px;}

/* 너프 챔피언십 */
#event-detail .goyangCpn .eibCon .btnEib {bottom:387px;}
#event-detail .goyangCpn .eibCon .btnEib > * img {height:70px;}

/* 하남점, 고양점 어디가지 또 */
#event-detail .where .eibCon .btnEib {bottom:56px;}
#event-detail .where .eibCon .btnEib > * img {height:70px;}

/* 코리아 3x3 */
#event-detail .match .eibCon .btnEib {bottom:138px;}
#event-detail .match .eibCon .btnEib > * img {height:77px;}

/* 위례 겨울학기 아카데미 */
#event-detail .wiryeWinter .eibCon .btnEib {bottom:217px;}
#event-detail .wiryeWinter .eibCon .btnEib > * img {height:75px;}

/* SSG 스페셜 리워드 */
#event-detail .ssgSpecial .eibCon .imgEib{height: auto;}
#event-detail .ssgSpecial .eibCon .btnEib {bottom:2815px;}
#event-detail .ssgSpecial .eibCon .btnEib > * img {height:70px;}

/* 부천 겨울학기 아카데미 */
#event-detail .bucheonWinter .eibCon .btnEib {bottom:109px;}
#event-detail .bucheonWinter .eibCon .btnEib > * img {height:75px;}

/* SSG 스페셜 리워드 하남 */
#event-detail .ssgSpecial01 .eibCon .imgEib{height: auto;}
#event-detail .ssgSpecial01 .eibCon .btnEib {bottom:3657px;}
#event-detail .ssgSpecial01 .eibCon .btnEib > * img {height:70px;}

/* SSG 스페셜 리워드 코엑스 */
#event-detail .ssgSpecial02 .eibCon .imgEib{height: auto;}
#event-detail .ssgSpecial02 .eibCon .btnEib {bottom:4011px;}
#event-detail .ssgSpecial02 .eibCon .btnEib > * img {height:70px;}

/* SSG 스페셜 리워드 고양 */
#event-detail .ssgSpecial03 .eibCon .imgEib{height: auto;}
#event-detail .ssgSpecial03 .eibCon .btnEib {bottom: 3657px;}
#event-detail .ssgSpecial03 .eibCon .btnEib > * img {height:70px;}

/* SSG 스페셜 리워드 위례 */
#event-detail .ssgSpecial04 .eibCon .imgEib{height: auto;}
#event-detail .ssgSpecial04 .eibCon .btnEib {bottom: 3521px;}
#event-detail .ssgSpecial04 .eibCon .btnEib > * img {height:70px;}

/* SSG 스페셜 리워드 부천 */
#event-detail .ssgSpecial05 .eibCon .imgEib{height: auto;}
#event-detail .ssgSpecial05 .eibCon .btnEib {bottom: 3550px;}
#event-detail .ssgSpecial05 .eibCon .btnEib > * img {height:70px;}

/* SSG 스페셜 리워드 명지 */
#event-detail .ssgSpecial06 .eibCon .imgEib{height: auto;}
#event-detail .ssgSpecial06 .eibCon .btnEib {bottom: 3520px;}
#event-detail .ssgSpecial06 .eibCon .btnEib > * img {height:70px;}

/* 명지 시티라운지 */
#event-detail .cityLounge .eibCon .btnEib {bottom: 210px;}
#event-detail .cityLounge .eibCon .btnEib > * img {height: 70px;}
#event-detail .cityLounge .eibCon .btnEib a:last-child{margin-top:15px;}

/* 코액스 아트프로텍트 꿈의 여정 */
#event-detail .artCrs .eibCon .imgEib{height: auto;}
#event-detail .artCrs .eibCon .btnEib {bottom: 1510px;}
#event-detail .artCrs .eibCon .btnEib > * img {height: 65px;}

/* K리그와 함께하는 리틀킥오프 */
#event-detail .little .eibCon .imgEib{height: auto;}
#event-detail .little .eibCon .btnEib {bottom: 80px;}
#event-detail .little .eibCon .btnEib > * img {height: 70px;}

/* 별별라이프 */
#event-detail .sslife .eibCon .imgEib{height: auto;}
#event-detail .sslife.bucheon .eibCon .imgEib{height: auto;}
#event-detail .sslife .eibCon .btnEib {bottom: 1360px;}
#event-detail .sslife.bucheon .eibCon .btnEib {bottom: 1340px;}
#event-detail .sslife .eibCon .btnEib > * img {height: 70px;}

/* 부천 주중 클래스 */
#event-detail .bc_city .eibCon .btnEib {bottom: 205px;}
#event-detail .bc_city .eibCon .btnEib > * img {height: 70px;}
#event-detail .bc_city .eibCon .btnEib a:last-child{margin-top:15px;}

/* 스타필드 시티 가을 아카데미 */
#event-detail .aka .eibCon .imgEib {}
#event-detail .aka .eibCon .btnEib {bottom:207px;}
#event-detail .aka .eibCon .btnEib > * img {height:75px;}

#event-detail .bucheon.aka .eibCon .btnEib {bottom:134px;}

/* 스타필드 시티 여름 아카데미 */
#event-detail .wirye.aka .eibCon .btnEib {bottom:49px;}

/* 20200210 이벤트 (PC) */
#event-detail .artProject20 .eibCon .imgEib{height: auto; } 
#event-detail .artProject20 .eibCon .btnEib {bottom: 66px;  } /*버튼이미지 포지션*/
#event-detail .artProject20 .eibCon .btnEib > * img {height: 100px; } /*버튼 이미지 높이*/

/* 수상작 */

#event-detail .ssz  .eibCon .imgEib {height:auto;}
#event-detail .ssz .eibCon .btns {top:962px;}
#event-detail .ssz .eibCon .btns > * img {height: 70px; }
#event-detail .ssz .eibCon .vod {top:1082px; text-align:center;}
#event-detail .ssz .eibCon .vod img {width:730px;}

/* 20200409 키트공연 (pc) */
#event-detail .kidsvod_body .eibCon .imgEib {height:auto;}
#event-detail .kidsvod_body .eibCon .vod_01 {top:1025px;}
#event-detail .kidsvod_body .eibCon .vod_01 iframe {width:750px; height:468px;}

/* 20200417 키즈공연 (pc) */
#event-detail .kidsvod_body2 .eibCon .imgEib {height:auto;}
#event-detail .kidsvod_body2 .eibCon .vod_01 {top:1025px;}
#event-detail .kidsvod_body2 .eibCon .vod_01 iframe {width:750px; height:468px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn {width:auto; position:absolute; right:111px; bottom:274px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn2 {width:auto; position:absolute; right:111px; bottom:333px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_15_1 {width:auto; position:absolute; right:111px; bottom:935px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_15_2 {width:auto; position:absolute; right:111px; bottom:332px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_1 {width:auto; position:absolute; right:111px; bottom:1641px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_2 {width:auto; position:absolute; right:111px; bottom:935px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_16_3 {width:auto; position:absolute; right:111px; bottom:332px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_17_1 {width:auto; position:absolute; right:111px; bottom:1041px;}
#event-detail .kidsvod_body2 .eibCon .kids_btn_17_2 {width:auto; position:absolute; right:111px; bottom:332px;}

/* 20200508 자동차 극장 (pc) */
#event-detail .hanam.zgg .eibCon .imgEib {}
#event-detail .hanam.zgg .eibCon .btnEib {bottom:532px;}
#event-detail .hanam.zgg .eibCon .btnEib > * img {height:65px;}

/* 20200617 반려동물 (pc) */
#event-detail .dm .eibCon .imgEib {height:auto;}
#event-detail .dm .eibCon .btnEib {left:390px; top:1525px; overflow:hidden;}
#event-detail .dm .eibCon .btnEib > * img {height:37px;}


/* 20200618 새단장 대축제 (pc) */
.ev_links {padding:0 40px; overflow:hidden;}
.ev_links li {float:left; width:auto; margin-bottom:50px;}
.ev_links li:nth-child(even) {margin-left:20px;}
.ev_links li img {width:100%;}
.ev_links_box { background:#f4f2e0; }
.ev_links_box h2.tit {margin-bottom:50px;}
.ev_links_box .ev_footer {margin-top:34px;}

/* 20200716 슈팅몬스터 (pc) */
.st_body1 .eibCon .imgEib {height:auto;}
.st_body1 .vod_01 {position:absolute; bottom:102px; left:0; width:100%;}
.st_body1 .vod_01 iframe {width:100%; height:423px;}
.st_body1 .vod_01 > img {width:100%;}
.st_body1 .vod_box {width:720px; margin:0 auto; font-size:0; background:#eebe34;}

}


/**** 09. [공통] 팝업 정의 ****/

/**** 10. [라이브러리] JS 스타일 정의 ****/

/* 상단검색 */
#ui-id-1 {padding:3vw 3vw; height:27vw; text-align:left; font-size: 3.7vw; line-height: 6vw; overflow-y: auto; border: .1rem solid #a89f96;position: fixed;border-top: 0 none;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:0 none;background:#fff;font-weight:bold;color:#000 !important;}
#ui-id-1 .ui-menu-item-wrapper span{color:#000 !important;}

/* 말줄임 */
.short_txt01 {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.short_txt02 {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* 줄바꿈 */
.word_txt01 {word-break:keep-all; word-wrap:break-word;}/* 단어 줄바꿈 */
.word_txt02 {word-break:normal; word-wrap:break-word;}/* 글자 줄바꿈 */


@media screen and (min-width:300px) and (max-width:360px){
.event-contents-wrap .image-wrap .img-link { width:169px; height:70px; left:70px; top:156px; }
}
@media screen and (min-width:361px) and (max-width:429px){
.event-contents-wrap .image-wrap .img-link { width:192px; height:70px; left:96px; top:194px; }
}
@media screen and (min-width:430px) {
.event-contents-wrap .image-wrap .img-link { width:220px; height:80px; left:114px; top:230px; }
}
@media screen and (min-width:500px) {
.event-contents-wrap .image-wrap .img-link { width:266px; height:100px; left:135px; top:274px; }
}
@media screen and (min-width:600px) {
.event-contents-wrap .image-wrap .img-link { width:306px; height:108px; left:163px; top:328px; }
}
@media screen and (min-width:700px) {
.event-contents-wrap .image-wrap .img-link { width:346px; height:116px; left:190px; top:382px; }
}

/*****************************************************************************************************************************************
    2. 디바이스 :태블릿 (801px)
    - 사이즈 단위 설정 -
        1) 모바일 :vw
        2. 태블릿, PC :rem
*****************************************************************************************************************************************/
@media screen and (min-width:801px) {
	/**** 01. [공통] 타이틀 정의 ****/
	.section-title {position:relative;/*font-family:'Avenir', 'NotoSansKR';*/font-size:30px;font-weight:600;text-align:center;letter-spacing:2.5px;word-break:keep-all;}
	.section-title:after, .section-title:before {display:inline-block;background:#b49759;content:" ";margin-top:-3px;margin-right:30px;margin-left:25px;width:43px;height:1px;text-align:center;vertical-align:middle;}
	.container > .section-title:after {margin-left:25px;margin-right:0px;}
	.section-sub {position:relative;font-size:15px;font-weight:normal;margin-top:8px;letter-spacing:1.5px;opacity:1;}
	.eventListTit {font-size:1.5rem;} /* 이벤트 리스트 타이틀 */
	.couponListTit {font-size:1.5rem;} /* 쿠폰 리스트 타이틀 */

	/**** 02. [공통] 텍스트 정의 ****/

	/**** 03. [공통] 버튼 정의 ****/
	.btn-view {font-size:1.3rem;width:13.7rem;height:4rem;margin:0 auto;line-height:3.9rem;}
	.toggle-wrap {font-size:1.6rem;}
	.btn-view.btn-mid {width:13.7rem;}
	.btn-view.share > a:hover .share-kakao, .btn-view.share > a.gguk .share-kakao {background-image:url(/images/icon/icon_KakaoStory_white.png);}
	.btn-view.share a:hover,.btn-view.share a.gguk {background-color:#b49759;}

	/**** 04. [공통] 아이콘 정의 ****/
	/* 관심아이콘 */
	.fa-heart:before {width:1.6rem;height:1.4rem;background-image:url(/images/icon/icon_interest.png);background-size:1.6rem 1.4rem;}
	button:hover .fa-heart:before, .selected .fa-heart:before {background-image:url(/images/icon/icon_interest_hover.png);}
	.fa-facebook-f:before {width:0.9rem;height:1.6rem;background-image:url(/images/icon/icon_share_fb.png);background-size:0.9rem 1.6rem;margin-top:-0.3rem;}
	.btn-view a:hover .fa-facebook-f:before {background-image:url(/images/icon/icon_share_fb_hover.png);}

	/**** 05. [공통] 폼(form) 정의 ****/

	/**** 06. [공통] 리스트(ul, ol) 정의 ****/
	/* sub menu */
	#in-sub-menu {display:block;position:relative;width:100%;height:56px;}
	#in-sub-menu .sub-menu.fixed {position:fixed;top:54px;z-index:50;}
	#in-sub-menu .sub-menu {display:block;background-color:#d8d3d1;width:100%;height:56px;text-align:center;white-space:nowrap;}
	#in-sub-menu .sub-menu.fixed {position:fixed;top:54px;z-index:100}
	#in-sub-menu .sub-menu li {display:inline-block;line-height:56px;font-size:13px;margin:0 2vw;letter-spacing:1.5px;}
	#in-sub-menu .sub-menu li a {color:#635851}
	#in-sub-menu .sub-menu li a.selected, #in-sub-menu .sub-menu li a:hover, #in-sub-menu .sub-menu li a:focus {font-weight:bold;}

	/* display */
	.m-d-block {display:inline-block !important;}
	.m-d-ib {display:block !important;}
	.m-d-i {display:block !important;}
	.mobile-block {display:none !important;}
	.pc-block {display:block !important;}

	/* 공통블릿 스타일 */
	.bullet .squre { background-position: left 9px; }
	.bullet .ex1 { background-position: left 8px; }

	/* tab */
	.tab {width:27.8rem;margin:0 auto;}
	.tab a {float:left;display:block;width:13.7rem;height:4rem;border:0.1rem slid #7a6e67;color:#7a6e67;/*font-family:'NotoSansKR';*/font-weight:normal;font-size:1.4rem;letter-spacing:0.5px;line-height:39px;text-align:center;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}

	/* list-basic */
	.list-basic {width:100%;font-size:1.4rem;}
	.list-basic .title {width:70%;}
	.list-basic .date {width:14%;}
	.list-body .arrow {height:6.2rem;background-image:url(/images/icon/icon_arrow_down_gray.png);background-repeat:no-repeat;background-position:center;}
	.list-basic .list-header {height:6.2rem;line-height:5.9rem;}
	.list-basic .list-body {height:auto;line-height:6.5rem;padding:0;}
	.list-basic .list-body .title {padding:0 4rem;padding-right:6.5rem;}
	.list-basic .list-body:hover {background-color:#f4f4f3;}
	.list-basic .list-body:hover .title {color:#000;font-weight:600;}
	.list-basic .list-body .list-tag {left:0.5rem;padding:0 0.5rem;font-size:1rem;line-height:1.5rem;}
	.list-body.open .arrow {background-image:url(/images/icon/icon_arrow_up.png);}
	.list-body.open .drop-contents {padding:3rem 13%;font-size:1.4rem;line-height:2.4rem;}
	.list-body.open .drop-contents p {line-height:2.4rem;}


	/* 매장리스트 */
	.cat-list-view li {float:left;margin-left:1%;padding:1.5rem;width:49.5%;text-align:right;}
	.cat-list-view li:nth-child(2n+1) {margin-left:0;}
	.cat-list-view .brand-title-ko {font-size:1.5rem; max-height:30px; width:43%; }
	.cat-list-view .linkArea { width:55%; }
	.cat-list-view .tel {display:inline-block;font-size:1.3rem;color:#686868;/* width:10.3rem; */ width:54%; text-align:left; }
	.cat-list-view .call {display:none;}
	.cat-list-view .btn-view {width:8rem;height:3.2rem;font-size:1.3rem;line-height:3.2rem; width:40%;}

	/*내 쿠폰함*/
	.coupon-list {width:77.4rem;margin:0 auto;}
	.coupon-list:after {content:"";display:block;clear:both;}
	.coupon-list {margin:0 auto;text-align:center;}
	.coupon-list .coupon {float:left;width:37.7rem;height:37.7rem;margin:0.5rem;text-align:center;}
	.coupon-list .coupon .brand-logo {height:13rem;margin:2rem auto;}
	.coupon-list .coupon .brand-logo img {display:inline-block;vertical-align:middle;height:100%;}
	.coupon-list .coupon .coupon-info {height:22.5rem;}
	.coupon-list .coupon span {display:block;}
	.coupon-list .coupon .coupon-brand {margin:0.5rem 0;/*font-family:'Avenir';*/font-size:1.3rem;font-weight:bold;color:#b49759;text-transform:uppercase;}
	.coupon-list .coupon .coupon-name {font-size:1.8rem;line-height:2.7rem;}
	.coupon-list .coupon .coupon-desc {margin-top:2rem;font-size:1.4rem;line-height:2.4rem;letter-spacing:0.05rem;}
	.coupon-list .coupon .coupon-info .btn-view {width:13.7rem;margin :2.5rem 0 0 0;height:4rem;line-height:3.9rem;font-size:1.3rem;}

	 /* 마이페이지 - 관심리스트, 점포 아내 - 카테고리별 안내 앨범형  */
	.store-list {width:100%;}
	.store-list .cube {width:49.5%;height:23.8rem;margin:0;margin-left:1%;background-position:center top;background-repeat:no-repeat;background-size:100% auto;overflow:hidden;background-color:#fff;cursor:default;float:left;position:relative;}
	.store-list .cube:nth-child(2n+1) {margin-left:0;}
	.store-list .cube:nth-child(n+3) {margin-top:1%;}
	.store-list .cube .thumb-store img {/* display:inline-block; width:80%;margin-top:12px; */width:auto; height:100%; margin-top:0;}
	.store-list .brand-info-wrap {position:absolute;left:0;bottom:-17.7rem;width:100%;height:100%;padding:1.8rem 2rem;border-top:0.1rem solid #eee;}
	.store-list .cube.selected .brand-info-wrap,.store-list .cube:hover .brand-info-wrap {padding-top:2.5rem;border-top-color:transparent;}
	.store-list .cube .middle-bar {display:block;margin-top:1.5rem;margin-bottom:1.5rem;width:2.5rem;background-color:#000;visibility:hidden;}
	.store-list .cube .middle-bar.mgt-type {margin:1rem auto 1rem !important;}
	.store-list .brand-info-wrap .brand-title-ko {font-size:1.6rem;margin-top:0;font-weight:600;}
	.store-list .brand-info-wrap .info-wrap {min-height:23px;margin-top:0;font-size:1.4rem;line-height:2.3rem;width:100%;padding:0;text-align:center;}
	.store-list .brand-info-wrap .info-wrap label {font-weight:700;display:inline-block;width:5.7rem;font-size:1.3rem;text-align:left;}
	.store-list .brand-info-wrap .info-wrap span {display:inline-block;width:10.6rem;text-align:left;margin-left:.2rem;}
	.store-list .brand-info-wrap .btn-view {width:13.7rem;height:4rem;margin-top:3rem;line-height:3.9rem;letter-spacing:.05rem;font-size:1.3rem;}

	/* 매장앨범형 위례점 */
    .store-list .btn-wrap {margin-top:3rem;}
    .store-list .btn-wrap .btn-like {width:25px;height:22px;background-image:url(/images/wirye/icon_interest.png);}
    .store-list .brand-info-wrap .btn-like:hover,
    .store-list .brand-info-wrap .btn-like.selected {background-image:url(/images/wirye/icon_interest_selected.png);}

	/* page */
	.paging {margin-top:4rem;}
	.paging li {font-size:14px;}
	.paging li.page:after, .paging li.prev:after {margin:0 1.4rem;font-size:12px;}

	.nav {position:absolute !important;width:100% !important;height:12px !important;z-index:10 !important;bottom:45px !important;text-align:center !important;line-height:0 !important;}
	/* 갤러리 개선 0702 */
	.nav { position:relative !important; display:inline-block; width:auto !important; height:auto !important; background:rgba(0,0,0,.4); padding:0.8rem 1.7rem; border-radius:8.75vw 8.75vw; bottom:40px !important; }
	.nav li {display:inline-block !important;width:12px !important;height:12px !important;border-radius:100% !important;background-color:#b5b5b5;margin:0 6px !important;cursor:pointer;/* opacity:0.5; */}
	.nav li.selected {background-color:rgba(255,255,255,0.2) !important;}
	.nav li.swiper-pagination-bullet-active {background-color:#565656 !important;}
	.nav.black li {background-color:#fff;}
	.nav.black li.selected {background-color:#c30e2e !important;}
	.nav.black li.swiper-pagination-bullet-active {background-color:#c30e2e !important;}
	.swiper-container .arrow-warp { display:block; }

	/* [공통] 이벤트 컨텐츠 리스트 */
	.eventListArea .eventListTit {padding-bottom:2rem;}
	.eventListArea .eventList:after {content:"";display:block;clear:both;visibility:hidden;height:0;}
	.eventListArea .eventList li {float:left;margin-top:0;width:23.5%;}
	.eventListArea .eventList li + li {margin-left:2%;}
	.eventListArea .eventList li:nth-child(n+5) {margin-top:2%;}
	/* .eventListArea .eventList li:nth-child(5n) {margin-left:0;} */
	.eventListArea .eventList li:nth-child(4n+1) {margin-left:0;}
	.eventListArea .eventList img {width:auto;}
	.eventListArea .eventList .img {height:28.0rem;/* text-align:center; */}
	.eventListArea .eventList .contentsArea {padding:2rem;height:12rem;margin-top:-1px;}
	/* #brand-promotion .eventListArea .eventList .contentsArea {height:12rem;}  */
	.eventListArea .eventList .contentsArea .img {margin-bottom:1.9rem;height:1.4rem;}
	.eventListArea .eventList .brandTit {font-size:1.6rem;/* height:3.4rem; */line-height:1.7rem;}
	.eventListArea .eventList .brandTit.pc {display:block;}
	.eventListArea .eventList .brandTit.mobile {display:none;}
	.eventListArea .eventList .scheduleDate {/* margin-top:2rem; */font-size:1.3rem;}
	#MAIN001 .eventListArea .eventList .scheduleDate,
	#MAIN002 .eventListArea .eventList .scheduleDate,
	#MAIN003 .eventListArea .eventList .scheduleDate { margin-top:2rem; }
	.eventListArea .eventList.promotion li {width:23.5%; }
	.eventListArea .eventList.promotion li:first-child {margin-top:0;}
	.eventListArea .eventList.promotion li:nth-child(2n+1) {margin-left:2%;}
	.eventListArea .eventList.promotion li:nth-child(0n+1),
	.eventListArea .eventList.promotion li:nth-child(4n+1) {margin-left:0;}


	/* [공통] 쿠폰 컨텐츠 리스트 */
	.couponListArea .couponListTit {padding-bottom:2rem;}
	.couponListArea .couponList:after {content:"";display:block;clear:both;visibility:hidden;height:0;}
	.couponListArea .couponList > li {float:left;margin-top:0;padding:3.0rem 3.0rem;width:32%}
	.couponListArea .couponList > li + li {margin-left:2%;}
	.couponListArea .couponList > li:nth-child(4n) {margin-left:0;}
	.couponListArea .couponList > li:nth-child(n+4) {margin-top:2%;}
	.couponListArea .contentsHeader {padding-bottom:3.4rem;}
	.couponListArea .contentsHeader .img {margin-bottom:1.0rem;height:12.2rem;background-size:contain;}
	.couponListArea .contentsHeader img {/* width:14rem;height:100%;margin-top:-0.9rem; */}
	.couponListArea .contentsHeader .couponTit {font-size:2.4rem;max-height:5.6rem; min-height:4.8rem;}
	.couponListArea .contentsHeader .couponTit.tp02 {max-height:none; line-height:2.8rem;}
	.couponListArea .contentsHeader .couponTit.short02 span {max-height:5.6rem; line-height:2.8rem;}
	.couponListArea .contentsHeader .couponTit * + * {margin-top:0.8rem;}
	.couponListArea .contentsArea {padding:2.8rem 0 1.2rem 0;height:10rem;}
	.couponListArea .contentsArea li + li {margin-top:0.7rem;}
	.couponListArea .btn-view {padding:1.2rem 4.0rem;}

	/* [공통] 소셜미디어 리스트 */
	.socialMediaWrap .socialMediaList:after {content:"";display:block;clear:both;visibility:hidden;height:0;}
	.socialMediaWrap .socialMediaList li {float:left;margin-top:0;width:23.5%;}
	.socialMediaWrap .socialMediaList li + li {margin-left:2%;}
	.socialMediaArea .socialMediaList li:before {right:2.0rem;top:2.0rem;width:2.0rem;height:2.0rem;}
	.socialMediaArea .socialMediaList li:nth-child(n+5) {margin-top:2%;}
	.socialMediaArea .socialMediaList li:nth-child(5n) {margin-left:0;}
	/* .socialMediaArea .socialMediaList img {width:auto;} */
	.socialMediaArea .socialMediaList [class^="iconCondition"] {width:1.2rem;height:1.2rem;}
	.socialMediaArea .socialMediaList .img {height:28.0rem;overflow:hidden;}
	.socialMediaArea .socialMediaList .contentsArea {padding:3.0rem 2.0rem;}
	.socialMediaArea .socialMediaList .socialTit {height:3.7rem;line-height:1.85rem;}
	.socialMediaArea .socialMediaList .condition {margin-top:2.8rem;padding-top:2.0rem;font-size:1.4rem;}
	.socialMediaArea .socialMediaList .check .txt {display:inline-block;margin-left:0.7rem;}
	
	.socialMediaWrap.tp02 .socialMediaList .img {height:22.5vw;}
	.socialMediaWrap.tp02 .socialMediaList .img.tp02 {height:20.86vw;}
	.socialMediaWrap.tp02 .socialMediaList .contentsArea {box-sizing:border-box; height:160px;}
	.socialMediaWrap.tp02 .facebookArea .socialMediaList .contentsArea {height:95px;}
	.socialMediaWrap.tp02 .instargramArea .socialMediaList .socialTit {-webkit-line-clamp:2; line-height:1.85rem;}
	.socialMediaWrap.tp02 .instargramArea .socialMediaList .socialTit.tit {display:-webkit-box; display:-moz-box; display:-ms-flexbox; height:3.7rem; margin-bottom:1.30rem;}
	.socialMediaWrap.tp02 .instargramArea .socialMediaList .socialTit.con {display:-webkit-box; display:-moz-box; display:-ms-flexbox; height:5rem; padding-top:1.30rem; border-top:0.1rem solid #ebebeb;}
	.socialMediaWrap.tp02 .instargramArea .socialMediaList .socialTit.titCon {display:none;}

	/**** 07. [공통] 테이블(table) 정의 ****/

	/**** 08. [공통] 템플릿(특성별) 정의 ****/
	/* 매장 위치 */
	.location-info {width:90%;max-width:128rem;height:68rem;}

	 /* result */
	.no-result {padding:6rem 0;}
	.no-result strong {font-size:2.5rem;font-weight:600;color:#7e6e65;}
	.no-result strong:before {margin-bottom:1rem;}
	.no-result p {margin-top:1rem;font-size:1.5rem;}
	.no-result .btn-view {margin-top:2.5rem;} /* 20170622 버튼 상단 여백 생성 */

	/* cube list */
	.img-cube-wrap .cube {width:33.4rem;height:33.4rem;margin:0.7rem 0.5rem;}
	.img-cube-wrap .cube.square {width:32%;height:30rem;}

	/* 컨텐츠 상단 항목리스트 */
	.list-top {width:90%;height:4rem;margin-bottom:1.5rem;}
	.list-top .filter li {font-size:1.4rem;padding-right:1rem;margin-right:1rem;line-height:1.5rem;}

	/* view */
	.container > .period {font-size:1.4rem;}
	.container > .section-title {font-size:30px;/*font-family:'Avenir', 'NotoSansKR';*/}
	#event-detail-contents, #coupon-detail {padding-top:0;}
	#event-detail-contents .container > .section-title, #coupon-contents .container > .section-title {width:50%;font-size:36px;}
	.event-contents-wrap {width:90%;}
	.event-contents-wrap .image-wrap .img-link { width:333px; height:100px; left:179px; top:370px;}

	.event-contents-wrap #go-to-list-btn {margin-top:6.5rem;}
	.btn-view.share > a {font-size:1.6rem;}
	.btn-view.share .share-kakao {background-size:2.4rem;}
	.top-btn-wrap .btn-view {line-height:3.5rem;}
	.top-btn-wrap .btn-view.share > a {width:4rem;line-height:3.6rem;font-size:1.6rem;}

	/* 주요매장,엔터테인먼트,레스토랑카페 메인 공통리스트 */
	.list-section .container > .section-title {font-size:4rem;line-height:4.9rem;}
	.list-section .container > .section-sub {line-height:2.2rem;}
	.theme-box {width:57.3rem;height:17.5rem;margin:0.6rem 0.4rem;text-align:center;}
	.theme-box.big {width:100%;height:33.2rem;text-align:right;padding:0 11.5rem;}
	.theme-box .title {font-size:2.2rem;}
	.theme-box.list-box .title {font-size:3.4rem;line-height:5rem;}
	.list-box p {font-size:1.4rem;line-height:2.2rem;padding-top:8.8rem;}
	.theme-box .btn-view {height:3.7rem;line-height:3.6rem;margin-top:2.8rem;}
	.list-box.theme-box .btn-view {width:13.7rem;height:3.7rem;line-height:3.6rem;margin-top:1.8rem;font-size:1.3rem;}
	#list-theme .theme-box.big,.list-box.theme-box.big {width:100%;min-width:76.8rem;height:27.9rem;}

	/* 운영시간 css*/
	#center-hours {background-color:#f0f0f0;/* height:23rem; */}
	#center-hours.tenant .operating-hour .time {font-size:5rem;}
	#center-hours.tenant .container {padding:5rem 0;}
	#center-hours .center-hour-title {font-size:2rem;font-weight:normal;}
	#center-hours.tenant .contents-wrap {margin-top:2rem;}
	#center-hours .time-option {font-size:1.8rem; vertical-align:middle;}
	#center-hours .exception {font-size:1.8rem;margin-top:1.5%;}
	#center-hours .exception .mention {font-size:1.3rem;line-height:2rem;margin-top:2%;}
	.megabox #center-hours .mention,
    .cgv #center-hours .mention,
    .emart-traders #center-hours .mention,
    .emart-everyday #center-hours .mention,
    .noBrand #center-hours .mention {font-size:1.3rem;line-height:2rem;margin-top:2.7rem;}

	/* 주요매장 소개 */
	.enter-intro {height:32.4rem;background-size:cover;background-position:right; background-color:#dad7d4;}
	.enter-intro.even {background-position:left;}
	.enter-intro.even .intro-wrap {float:right;}
	.enter-intro.even .intro-wrap:after {content:'';display:block;clear:both;}
	.enter-intro .intro-wrap {padding:36px;width:377px;height:100%;margin-top:0;background-color:rgba(48,48,48,0.9);}
	.enter-intro .intro-wrap:before {height:100%;}
	.enter-intro .intro-wrap > div {vertical-align:middle;}
	.enter-intro .intro-wrap .intro-title {margin-top:1rem;line-height:3.4rem;font-size:2.3rem;letter-spacing:-0.1rem;}
	.enter-intro .intro-wrap .middle-bar {margin-top:1.5rem;margin-bottom:2rem;}
	.enter-intro .intro-wrap .intro-desc {font-size:1.3rem;line-height:2.1rem;}
	
	/* 아트 프로젝트 */
	.artProject{background:url(/images/coexmall/artproject_bg.jpg) no-repeat; background-size: cover; margin-top: 70px;}
	.artProject .contentTit, .artProject .contentTit + .contentSubTit{color: #fff;} 
	.artProject .contentTit:before, .artProject .contentTit:after{content: none;}
	.artProject .swiper-container { width: 100%; height: auto; margin: 0 auto; }
	.artProject .swiper-container .swiper-wrapper{ align-items: center; }
	.artProject .swiper-slide span{display: inline-block; background: #000; transition: width .8s; transform: scale(0.9); transition: all .8s; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}
	.artProject .swiper-slide-active span{transform: scale(1); overflow:hidden; }
	.artProject .swiper-slide-active span:hover img{transform: scale(1.05);}
	.artProject .swiper-slide-active span img{opacity: 1;}
    .artProject .swiper-slide img{opacity: .4; transition: all .8s;}
    .artProject .swiper-slide-active:before{content:none;}
    .artProject .swiper-container .art-arrow{margin: 35px 0 60px 0; display: block;}
    .artProject .swiper-pagination{position: static; vertical-align: middle;}
    .artProject .swiper-pagination-bullet{width: 14px; height: 14px; border-radius: 7px; background: #949494; margin-right:25px;}
    .artProject .swiper-pagination-bullet:last-child{margin-right:0;}
    .artProject .swiper-pagination-bullet-active{background: #c30e2e;}
   	[class^="btnSwypeField"] {display:inline-block;background-repeat:no-repeat;background-position:center center;width:2.6rem;height:2.6rem;}
	.btnSwypeFieldPrev {background-image:url("/fonts/images/icon/button/btn_swypeFieldPrev.png");margin-right:3.0rem;}
	.btnSwypeFieldNext {background-image:url("/fonts/images/icon/button/btn_swypeFieldNext.png");margin-left:3.0rem;}
    
	/* 갤러리 슬라이드 공통 */
	#gallery { height:66vw;/* height:89rem; */}
	.arrow-warp .arrow-prev {left:3rem;}
	.arrow-warp .arrow-next {right:11rem;}

	/* 소개컨텐츠 */
	.img-cube-wrap .cube.tenant {width:48%;max-width:36rem;height:27.6rem;padding:2rem;margin-bottom:.5rem;}
	.img-cube-wrap .cube.tenant > div {/* width:calc(100% - 4rem);left:2rem;bottom:2rem; */}
	.img-cube-wrap .cube.tenant span,.img-cube-wrap .cube.tenant span strong {font-size:2.6rem;line-height:2.9rem;}
	.img-cube-wrap .cube.tenant span span+strong {margin-top:0;line-height:3.8rem;}
	.img-cube-wrap .cube.tenant p {font-size:1.4rem;line-height:2rem;margin-top:0.7rem;}

	/* 이용약관 */
	.agreementArea {padding-bottom:10rem;}
	.agreementBox {width:100%;max-width:98rem;margin:0 auto;padding:12rem 4rem 4rem;font-size:1.4rem;}
	.agreementBox.only {padding-top:8rem;}
	.agreementBox select {position:absolute;top:4rem;right:2rem;width:23rem;height:4rem;line-height:4rem;padding-left:2rem;}
	.agreementBox p, .agreementBox li {line-height:2.4rem;}
	.agreementBox h3 {margin:2rem 0;margin-left:-2rem;font-size:1.8rem;}
	.agreementBox .fir {margin-top:0;}
	.agreementBox h4 {margin:2rem 0 1.5rem;margin-left:-2rem;font-size:1.6rem;}
	.agreementBox .desc_txt {margin-bottom:1rem;margin-left:-2rem;}
	.agreementBox .tit {margin-top:1.5rem;}
	.agreementBox ol {padding-left:1.5rem;}
	.agreementBox li ul,.agreementBox li ol {padding:0.6rem 0;}
	.agreementBox li li ul,.agreementBox li li ol {padding:0.3rem 0;}
	.agreementBox table {margin:3rem 0 1.5rem;}
	.agreementBox table .mhidden {display:table-cell;}
	.agreementBox table thead th {padding:2rem 3rem;}
	.agreementBox table tbody th {padding:2.4rem 1rem;}
	.agreementBox table tbody td {padding:2.4rem 3rem;}
	.agreementBox .titlist {padding:20px 0; margin-left:-2rem; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
	.agreementBox .titlist li a {    color: #333; font-size: 1.6rem;}
	.agreementBox table.tb_style1 {margin-top:1rem;}
	.agreementBox table.tb_style1 thead th {padding:2rem 1rem; border: 0.1rem solid #897c77; text-align:center;}
	.agreementBox table.tb_style1 tbody td {padding:2.4rem 1rem; border: 0.1rem solid #897c77; text-align:center; word-break:keep-all;}
	.agreementBox table.tb_style1 tbody td.align_left {text-align:left;} 
	.agreementBox .kr_ol {margin-left:2rem;}
	.agreementBox .kr_ol li {list-style:hangul;}
	.agreementBox .ul_style {margin-left:2rem;}
	.agreementBox .ul_style li .kr_ol {padding-left:2rem;}
	.agreementBox .ul_dot li ul {margin-left:2rem;}
	.agreementBox .ul_dot > li {position:relative; padding-left:2rem;}
	.agreementBox .ul_dot > li > i {position:absolute; left:0; top:0; font-style:normal;}
	
	.agreementBox .ul_dot > li {padding-left:1rem;}
	.agreementBox .p_dot {padding-left:1rem;}
	.agreementBox .ul_endbar > li {padding-left:1rem;}

	/* 검색결과 */
	.search-box {height:3.8rem;width:45rem;margin:0 auto 1.5rem;font-size:1.4rem;}
	.search-box input[type="text"] {line-height:4rem;font-size:1.4rem;font-weight:400;}
	.search-box button {right:1.4rem;top:1.3rem;}
	.search-box button:before {width:1.3rem;height:1.3rem;background-size:1.3rem 1.3rem;}

	.searchArea .search_top {margin-top:6rem;padding-bottom:2rem;}
	.searchArea .search_top .btn_more {padding:0.6rem 0;}
	.searchArea .search_top .btn_more:after {width:1.1rem;height:1.1rem;background-image:url(/images/icon/icon_btnmore.png);background-size:1.1rem 1.1rem;}
	.searchArea .search_top .btn_more span {display:inline-block;padding-right:0.7rem;font-size:1.4rem;color:#7b6f66;}
	.searchArea .search_top strong {padding-right:1rem;margin-right:1rem;font-size:2rem;}
	.searchArea .search_top strong:after {height:1.4rem;margin-top:-0.7rem;}
	.searchArea .search_top .desc {font-size:1.4rem;}

	.searchArea .search_result {padding-top:2rem;}
	.searchArea .search_result .nosearch {padding-top:1rem;font-size:1.6rem;}
	.searchArea .store-listM {display:none;}
	.searchArea .store-list {display:block;}

	.catecory_wrap {padding:2.5rem 0 5rem;}
	.catecory_wrap ul li {font-size:1.6rem;}
	.catecory_wrap ul li a {padding:0 2rem;}
	.catecory_wrap ul li+li:before {height:1.2rem;}
	.search_result .catecory_wrap {padding-bottom:1.5rem;}
	.search_result .catecory_wrap ul li {margin-bottom:1rem;font-size:1.4rem;}
	.search_result .catecory_wrap ul li.active a:after, .search_result .catecory_wrap ul li a:hover:after {left:2rem;bottom:-0.5rem;width:calc(100% - 4rem);}

	/* error */
	#ERR001 {padding-top:9.6rem;}
	#ERR001 h1 {margin-bottom:2rem;}
	#ERR001 h1 a {width:23.6rem;height:12.8rem;}
	.errorArea {padding:20rem 0 0;background-image:url(/images/layout/bg_error.png);background-size:42.5rem auto;}
	.errorArea strong {width:auto;margin:0 auto 1.5rem;font-size:3.4rem;line-height:4.6rem;}
	.errorArea .desc {padding:0 0 3.6rem;font-size:1.6rem;line-height:2.2rem;}
	.errorArea .btn-view {width:21.2rem;height:5rem;line-height:4.8rem;font-size:16px;}

	/* login */
	#login {padding-bottom:10rem;}
	#login .btn-view,#sign-out .btn-view {width:36.4rem;margin-top:0;margin-bottom:0.7rem;}
	#login .comment {font-size:1.2rem;}
	#login .comment + .comment {margin-top:7px;}
	#login-layer .layerPopContents, #login-layer-2 .layerPopContents {height:100%;}
	#login-layer .layerPopArea, #login-layer-2 .layerPopArea {top:50%;left:50%;width:51rem;height:calc(50rem + 120px);margin:-31rem 0 0 -25.5rem;}
	#login-layer .btnLayerPopClose, #login-layer-2 .btnLayerPopClose {right:25px;top:20px; width:16px; height:16px; }
	#login-layer .layerPopContents, #login-layer-2 .layerPopContents {padding:0;}
	#login-layer iframe, #login-layer-2 iframe {width:100%;height:100%/* 50rem */;border:none;}
	.popwrap .text-block { font-size:4.375vw; }
	/* 20211103 추가 */
	#login .login_box{max-width: 36.4rem;margin: 0 auto;}
	#login .input_text{height:4rem; line-height:4rem; padding: 0 2.1rem; font-size: 1.3rem;}
	#login .input_box{margin-bottom: 1rem;}
	#login #captcha .captcha_box > div{padding-left: 0.6rem;}
	#login #captcha .captcha_box > div.captcha_img_box{width: 15rem;}
	#login #captcha .captcha_box .captcha_img{height: 4rem;line-height: 4rem;font-size: 1.3rem;}
	#login .captcha_box input[type="button"].btn-view{width:100%;}
	#login .login_check_box{margin-bottom: 2.5rem;margin-top: 0.2rem;}
	#login .login_check_box label,
	#login .login_check_box a{font-size: 1.3rem; line-height: 2.1rem;}
	#login .login_check_box span{margin: 0 1.5rem;}
	#login .comment_box{margin-bottom: 2rem;}
	#login .comment_box .comment{line-height: inherit;}
	#login .login_check_box .chk_box {position: relative;display: inline-block;vertical-align: top;font-size: ;}
	#login .login_check_box .chk_box input {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;position: absolute;left: 0;top: 0;border: none;width: 2.1rem;height: 2.1rem;margin: 0;}
	#login .login_check_box .chk_box label {display: block;padding-left: 3rem;line-height: 2.1rem;font-size: 1.3rem;}
	#login .login_check_box .chk_box label:before {content: "";position: absolute;left: 0;top: 0;width: 2.1rem;height: 2.1rem;background: #fff;border-radius: 50%;z-index: 3;background: url(/images/icon/checkbox01.png) no-repeat 0 0;background-size: 2.1rem 2.1rem;}
	#login .login_check_box .chk_box input:checked + label::before, 
	#login .login_check_box .chk_box input:checked ~ label::before {background: url(/images/icon/checkbox01_checked.png) no-repeat 0 0;background-size: 2.1rem 2.1rem;}

	/* 탈퇴 */
	.withdrawal strong {padding:0 0 3.3rem;font-size:3.2rem;line-height:3.8rem;}
	.withdrawal p {width:auto;margin-bottom:7rem;font-size:1.5rem;line-height:2.2rem;letter-spacing:0.15rem;}
	.withdrawal label {width:auto;margin-bottom:3rem;font-size:1.4rem;}
	.withdrawal label input[type="checkbox"] {margin-right:1rem;}
	.withdrawal .btn-view {width:36.4rem;margin-bottom:10rem;}

	/* 가입,마이페이지 이용약관 */
	#agreement-area .agreement {max-width:91.5rem;margin:0 auto 3.5rem;}
	#agreement-area .agreement > li > span {display:block;padding-left:4rem;height:5rem;text-align:left;font-size:1.4rem;line-height:5rem;}
	#agreement-area .agreement > li > div {padding:0 4rem 6rem;margin-bottom:0;font-size:1.4rem;line-height:2.4rem;}
	#agreement-area .agreement .agree-wrap {padding:3.5rem 0 0;}
	#agreement-area .agreement .agree-wrap > * {color:#000;}
	#agreement-area .agreement .agree-wrap h4 {display:inline-block;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;}
	#agreement-area .agreement .agree-wrap h5 {display:block;margin-left:0.8rem;font-size:1.4rem;}
	#agreement-area .agreement .agree-wrap .sub {display:inline-block;font-weight:400;font-size:1.2rem;margin-left:0.8rem;}
	#agreement-area .agreement .agree-wrap .sub+.check-text {display:block;}
	#agreement-area .agreement .agree-wrap .m-check {font-size:1.4rem;}
	.agree-wrap .full-text {height:11rem;padding:1rem;margin:1rem 0;font-size:1.21rem;line-height:1.8rem;overflow-y:auto;}
	.agree-wrap .full-text h5 {font-size:1.3rem;margin-bottom:2rem;margin-left:0;font-weight:700;}
	.agree-wrap .full-text h6 {margin:1rem 0;font-size:1.2rem;}
	.agree-wrap .full-text ol {padding-left:1.2rem;}
	.agree-wrap .full-text ol > li {display:list-item;margin-bottom:0.5rem;list-style-type:decimal;}
	.agree-wrap .full-text ul li {margin-top:.5rem;}
	.agree-wrap .full-text div {margin-bottom:2rem;line-height:2.1rem;}
	.agree-wrap .full-text table {border-collapse:collapse;margin:0.5rem 0;table-layout:fixed;}
	.agree-wrap .full-text table th {border:0.1rem solid #ebebeb;text-align:center;font-weight:600;}
	.agree-wrap .full-text table td {border:0.1rem solid #ebebeb;padding:0.5rem;vertical-align:top;}
	.agree-wrap .full-text>p:last-child {text-align:right;width:100%;}
	.agree-wrap > label {font-size:1.4rem;}
	.agree-wrap label > input[type="checkbox"] {margin-left:0.5rem;}
	#agreement-area .check-agree-txt {padding:0;font-size:1.4rem;margin-top:7rem;}
	#agreement-area #btn-agree {margin-top:3rem;width:36.4rem;}
	#MBR012 .agreement > li > span {padding:0 4rem;}
	#MBR012 .agreement > li > span label {line-height:5rem;}
	
	/* 대관 안내 */
	.atrium-wrap{padding:0; font-family: 'NotoSansKR';}
	.atrium-wrap .atrium-tab{display:table; width: 950px !important; margin: 0 auto; table-layout: fixed;}
	.atrium-wrap .atrium-tab:before {display:none;}
	.atrium-wrap .atrium-tab li{display:table-cell; float:none; width:auto; height:40px; vertical-align:middle; text-align:center;}
	.atrium-wrap .atrium-tab .no-pc{display:none;}
	.atrium-wrap .atrium-tab li a{font-size: 14px; line-height: 40px;}
	.atrium-cont-wrap{margin-top:40px;}
	.atrium-cont-wrap .atrium-content{font-size:0; }
	.atrium-cont-wrap .atrium-content .atrium-map{height: 41.56vw; display: inline-block; width: 65%; vertical-align:top;}
	.atrium-cont-wrap .atrium-content .atrium-map dt{height:35.93vw; line-height:35.93vw;}
	.atrium-cont-wrap .atrium-content .atrium-map dd{height: 5.63vw; }
	.atrium-cont-wrap .atrium-content .atrium-map dd span{ font-size: 13px; color: #000;  line-height: 18px; text-align: left; padding: 0 2.34vw; }
	.atrium-cont-wrap .atrium-content .atrium-info{height:41.56vw; display: inline-block; margin:0 0 0 1%; width: 34%;}
	.atrium-cont-wrap .atrium-content .atrium-info .imgbox{width: 100%; height: 27.1vw;}
	.atrium-cont-wrap .atrium-content .atrium-info .imgbox img{height: 27.1vw;}
	.atrium-cont-wrap .atrium-content .atrium-info .txtbox{width: 100%; height: 14.46vw; padding: 2.26vw 1.71vw; background: #fff;}
	.atrium-cont-wrap .atrium-content .atrium-info .txtbox h4{padding-bottom:2.18vw; margin-bottom: 2.18vw; text-align: center; }
	.atrium-cont-wrap .atrium-content .atrium-info .txtbox h4 span{font-size: 16px; padding-left:23px; background-position:left center; background-size: 13px;}
	.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info{display:block; padding-left: 1.56vw; margin-bottom:1.56vw; }
	.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info span{display: inline-block; font-size: 12px; line-height: 100%;}
	.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info span:first-child{width: auto; padding-right: 10px; background-position: right center; background-size: 1px 14px; }
	.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info span:last-child{padding-left: 10px; }
	
	.rental-info{margin-top: 70px; padding: 0 104px 0 45px; box-sizing: border-box; display: table; width: 100%;}
	.rental-info h3{font-size: 18px; font-weight: 500; padding-left: 43px; background-position: left top; background-size: 25px 28px; line-height: 28px; width: 166px; display: table-cell; vertical-align: top;}
	.rental-info .rental-wrap{width: calc( 100% - 166px ); display: table-cell; font-size: 0; margin-top: 0; padding-top: 0;}
	.rental-info .rental-wrap::after{width: 100%; height: 5px; left: 0; top: 72px;}
	.rental-info .rental-wrap dl{width: 32%; margin-right: 2%; display: inline-block; vertical-align: top; padding: 0; text-align: center; font-size: 16px; font-weight:500; background-size: 87px; background-position: center top 29px;}
	.rental-info .rental-wrap dl:last-child{margin-right:0;}
	.rental-info .rental-wrap dl dt{font-size: 16px; font-weight: 500; color: #c31531; text-align:center;}
	.rental-info .rental-wrap dl dd{font-size: 15px; font-weight: 500; color: #000; text-align:center; line-height: 22px; padding-top: 109px; margin-top: 0; word-break: break-word;}
	
	.enter-intro .mobile, .enter-intro .intro-wrap .mobile {display: block;}

	/**** 09. [공통] 팝업 정의 ****/

	.popwrap .popheader h1 { font-size:18px; padding:0 15px; }
	.popwrap .text-block { font-size:16px; width:100%; }



	/**** 10. [라이브러리] JS 스타일 정의 ****/

	/* 상단검색 */
	#ui-id-1 {padding:1.5rem; height:16.5rem; font-size: 1.94em; line-height: 2.8rem;}
	
	/* 이벤트 전용 */
	#event-detail .container {padding-left:5vw; padding-right:5vw;}
	#event-detail .container .event-contents-wrap {width:auto; margin-left:7vw; margin-right:7vw;}
	#event-detail .container .event-contents-wrap .image-wrap {margin:0;}
	#event-detail .container .event-contents-wrap .btn-wrap-left {text-align:left;}
	
	/* 베스트 캠페인 */
	.bestCampaignWrap {padding:0 0 266px;}
	.bestcampaignList {max-width:1380px; margin:0 auto; overflow:hidden;}
	.bestcampaignList li {float:left; width:32%}
	.bestcampaignList li + li {margin-top:0; margin-left:2%; margin-bottom:2%;}
	.bestcampaignList li:nth-child(3n + 1) {margin-left:0;}
	.bestcampaignList li .img img {width:100%;}
	.bestcampaignList li .tit {height:95px; padding: 0 25px; margin-top:0; font-size:18px; line-height:30px;}
	.bestCampaignWrap .btn_center {display:block; width:100%; margin-top:4rem; text-align:center;}
	.bestCampaignWrap .btnDefaultLink {display:inline-block; width: 11.0rem; padding: 1.5rem 0.5rem; color:#000; font-size:14px; border:1px solid #7a6e67; background:#fff;}
	
	.campaignView_wrap {padding:0 0 260px;}
	.campaignView {max-width:950px; margin:0 auto;}
	.campaignView .contentsTitGroup .detit {margin-top:66px; font-size:26px; line-height:38px; text-align:center; word-break: keep-all;}
	.campaignView .txt {font-size:16px; line-height:27px;}
	.campaignView_wrap .btn_center {margin-top:70px;}
	.campaignView_wrap .btn_center a {width:135px;}
	
	.campaignView .vodBox iframe {width:100%; height:56.31vw;}
	
	/* 별별라이프 수상자 이벤트 [S] */
	.m_starLife {display:none;}
	.pc_starLife {display:block;}
	.starLifeWrap .top_img img {width:100%;}
	.starLifeWrap .starLifeContent {padding:0 3.9vw 3.9vw; background:#ffcb31;}
	.starLifeWrap .starLifeContent .top_txt img {width:100%;}
	.starLifeWrap .starLifeContent .starLifeList { background:#fff;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox {padding:4.68vw 0; margin:0 4.68vw; text-align:center;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox + .starLifeBox {border-top:1px solid #efeae3;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox h2 {color:#7e553c; font-size:3.12vw; line-height:1.5; font-weight:bold;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox h3 {color:#3b2314; font-size:2.10vw; line-height:1.5;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox ul {margin-top:1.56vw; font-size:0;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox ul li {display:inline-block; width:25%; /* padding:0 0.78vw; */ box-sizing:border-box; color:#333; font-size:1.40vw; line-height:2.96vw; letter-spacing:-1px;  text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox ul.align_left {text-align:left;}
	.starLifeWrap .btnPc {margin-bottom:4.94vw;}
	.starLifeWrap .btnPc a img {width:auto !important; height:5.57vw;}
	/* 별별라이프 수상자 이벤트 [E] */
	
	/* 카테고리 안내 2021.04.01 */
	.store-list .brand-info-wrap .operating-hour.txt {font-size:1.2rem; color:#c31432;}
	.store-list .brand-info-wrap .btn-wrap {width:100%; position:absolute; left:0; bottom:20px; margin-top:0;}
	
}


.farebox-table + .exception {display:block; margin-top:10px;}

/* ********************************************************************** */


@media screen and (min-width: 900px) {
.event-contents-wrap .image-wrap .img-link { width:368px; height:120px;left:210px; top:412px; }
}

@media screen and (min-width: 950px) {
.campaignView .vodBox iframe {width:100%; height:535px;}
}
/**
 * pc 1024px 이상 스타일 적용
 */
@media screen and (min-width: 1024px) {
    .btn-view,
    .tab a,
    .paging,
    .ko,
    .container > .section-title.ko {font-family:'NotoSansKR';}

    .coupon-list .coupon .coupon-brand,
    #center-hours.tenant .operating-hour .time {font-family:'Avenir';}

    .event-contents-wrap .image-wrap .img-link { width:392px; height:100px;left:233px; top:480px; }
    
    /* 대관 안내 */
    .rental-info{margin-top: 70px; padding: 0 164px 0 105px; box-sizing: border-box; display: table; width: 100%;}

}

@media screen and (min-width: 1100px) {
    .event-contents-wrap .image-wrap .img-link { width:431px; height:109px; left:250px; top:519px; }

}


/*****************************************************************************************************************************************
    3. 디바이스 :PC (1281px 이상)
    - 사이즈 단위 설정 -
        1) 모바일 :vw
        2. 태블릿, PC :rem
*****************************************************************************************************************************************/
@media screen and (min-width:1280px) {
/**** 01. [공통] 타이틀 정의 ****/

/**** 02. [공통] 텍스트 정의 ****/

/**** 03. [공통] 버튼 정의 ****/
.btn-view {font-size:1.4rem;margin-top:0;}

/**** 04. [공통] 아이콘 정의 ****/

/**** 05. [공통] 폼(form) 정의 ****/

/**** 06. [공통] 리스트(ul, ol) 정의 ****/
/* [공통] 소셜미디어 리스트 */
.socialMediaWrap.tp02 .socialMediaList .img {height:277px;}
.socialMediaWrap.tp02 .socialMediaList .img.tp02 {height:271px;}

/**** 07. [공통] 테이블(table) 정의 ****/

/**** 08. [공통] 템플릿(특성별) 정의 ****/

/* 매장앨범형 */
.store-list .cube {width:32.66%;}
.store-list .cube:nth-child(2n+1) {margin-left:1%;}
.store-list .cube:nth-child(3n+1) {margin-left:0;}
.store-list .cube:nth-child(3) {margin-top:0;}

/* 매장리스트 */
.cat-list-view li {width:32.66%;}
.cat-list-view li:nth-child(2n+1) {margin-left:1%;}
.cat-list-view li:nth-child(3n+1) {margin-left:0;}

/* coupon list */
.coupon-list {width:116.1rem;margin:0 auto;}

/* cube list */
.img-cube-wrap .cube.square {height:30rem;}

/* 컨텐츠 상단 항목리스트 */
.list-top {width:100%;}

/* view */
.event-contents-wrap {width:96.4rem;}

/* 주요매장,엔터테인먼트,레스토랑카페 메인 공통리스트 */
.theme-box {width:68.3rem;height:20.8rem;margin:0.5rem;}
.list-box.theme-box.big {width:100%;height:30.8rem;padding:0 11.5rem;}
.list-box p {padding-top:11.1rem;}

/* 운영시간 css */
#center-hours .center-hour-title {font-size:2rem;font-weight:normal;}
#center-hours .exception {font-size:1.8rem;margin-top:1.5%;}
#center-hours .exception .mention {font-size:1.3rem;line-height:2rem;margin-top:2%;}

#gallery {height:66vw;/* height:102.8rem; */}

/* 소개컨텐츠 */
.img-cube-wrap .cube.tenant {width:32%;max-width:none;}

/* 대관 안내 */
.atrium-cont-wrap .atrium-content .atrium-map{height: 532px;}
.atrium-cont-wrap .atrium-content .atrium-map dt{height: 460px; line-height: 460px;}
.atrium-cont-wrap .atrium-content .atrium-map dd{height: 72px;}
.atrium-cont-wrap .atrium-content .atrium-map dd span{ font-size: 15px; line-height: 24px; padding: 0 30px; }
.atrium-cont-wrap .atrium-content .atrium-info{height: 532px;}
.atrium-cont-wrap .atrium-content .atrium-info .imgbox{height: 347px;}
.atrium-cont-wrap .atrium-content .atrium-info .imgbox img{height: 347px;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox{height: 185px; padding: 29px 22px;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox h4{padding-bottom:28px; margin-bottom: 28px;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox h4 span{font-size: 18px;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info span{font-size: 16px;}
.atrium-cont-wrap .atrium-content .atrium-info .txtbox .info{margin-bottom:20px; padding-left: 20px;}

.rental-wrap .rental-step h4.titbg{background-image: url(/images/tenants/rental_title.png);}

/* 이벤트 */
.event-contents-wrap .image-wrap .img-link { width:410px; height: 100px; left:270px; top: 540px; }

#whats-new .container,
#brand-promotion .container {max-width:1180px;padding-left:0;padding-right:0;}

#category-cube-promotion .eventList li,
##whats-new .eventList li {width:280px;}
#category-cube-promotion .eventListArea .eventList li + li,
#whats-new .eventListArea .eventList li + li {margin-left:20px;}
#category-cube-promotion .eventListArea .eventList.promotion li:nth-child(4n+1),
#whats-new .eventListArea .eventList li:nth-child(4n+1) {margin-left:0;}
.eventListArea .eventList li:nth-child(n+5) {margin-top:20px;}

/* 이벤트 전용 */
#event-detail .container {width:auto;}
#event-detail .container .event-contents-wrap {width:950px; margin-left:auto; margin-right:auto;}

/**** 09. [공통] 팝업 정의 ****/

/**** 10. [라이브러리] JS 스타일 정의 ****/


/* 별별라이프 수상자 이벤트 [S] */
	.starLifeWrap {}
	.starLifeWrap .top_img img {width:100%;}
	.starLifeWrap .starLifeContent {padding:0 50px 50px; background:#ffcb31;}
	.starLifeWrap .starLifeContent .top_txt img {width:100%;}
	.starLifeWrap .starLifeContent .starLifeList { background:#fff;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox {padding:60px 0; margin:0 60px; text-align:center;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox + .starLifeBox {border-top:1px solid #efeae3;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox h2 {color:#7e553c; font-size:40px; line-height:1.5; font-weight:bold;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox h3 {color:#3b2314; font-size:27px; line-height:1.5;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox ul {margin-top:20px; font-size:0;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox ul li {display:inline-block; width:25%; /* padding:0 10px; */ box-sizing:border-box; color:#333; font-size:18px; line-height:38px; letter-spacing:-1px;  text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
	.starLifeWrap .starLifeContent .starLifeList .starLifeBox ul.align_left {text-align:left;}
	.starLifeWrap .btnPc { width:100%; margin-bottom:62px; height:auto; text-align:center;}
	.starLifeWrap .btnPc a {display:inline-block;}
	.starLifeWrap .btnPc a img {width:auto !important; height:auto !important;}
	/* 별별라이프 수상자 이벤트 [E] */

}


@media screen and (max-width:1380px) and (min-width:800px) {
	.bestCampaignWrap {padding-bottom:13.85vw;}
	.bestcampaignList li .tit {height:6.88vw; padding:0 1.81vw; font-size:1.30vw; line-height:2.17vw;}
	.couponListArea .contentsHeader .couponTit {font-size:2.0rem}
	.couponListArea .couponList > li {padding: 3.0rem 2.0rem;}
	
}

/*****************************************************************************************************************************************
    3. 디바이스 :PC (1281px 이상)
    - 사이즈 단위 설정 -
        1) 모바일 :vw
        2. 태블릿, PC :rem
*****************************************************************************************************************************************/
@media screen and (min-width:1440px) {
/**** 08. [공통] 템플릿(특성별) 정의 ****/
/* cube list */
.img-cube-wrap .cube.square {width:32.6%;}
/* 주요매장,엔터테인먼트,레스토랑카페 메인 공통리스트 */
.list-section .container > .section-title {font-size:4rem;line-height:4.9rem;}
.list-section .container > .section-sub {line-height:2.2rem;}
.theme-box {width:57.3rem;height:17.5rem;margin:0.5rem 0;text-align:center;}
.theme-box.big {width:100%;height:33.2rem;text-align:right;padding:0 11.5rem;}
.theme-box .title {font-size:2.2rem;}
.theme-box.list-box .title {font-size:3.4rem;line-height:5rem;}
.list-box p {font-size:1.4rem;line-height:2.2rem;padding-top:11.1rem;}
.theme-box .btn-view {height:3.7rem;line-height:3.6rem;margin-top:2.8rem;}
.list-box.theme-box .btn-view {width:13.7rem;height:3.7rem;line-height:3.6rem;margin-top:2.8rem;font-size:1.4rem;}
#list-theme .theme-box.big,.list-box.theme-box.big {width:100%;min-width:76.8rem;height:33.2rem;}

/* 매장리스트 */
.cat-list-view li {width:24.25%;}
.cat-list-view li:nth-child(3n+1) {margin-left:1%;}
.cat-list-view li:nth-child(4n+1) {margin-left:0;}
.cat-list-view li:nth-child(4) {margin-top:0;}

/*내 쿠폰함*/
.coupon-list {width:138rem;}
.coupon-list .coupon {width:45rem;height:43rem;}
.coupon-list .coupon .brand-logo {height:15rem;}
.coupon-list .coupon .coupon-info {height:25rem;}
.coupon-list .coupon .coupon-info .btn-view {margin :3.7rem 0.5rem 0;}

/* 주요매장 소개 */
.enter-intro {height:38.6rem;background-size:980px auto;}
.enter-intro .intro-wrap{padding:4rem;width:40rem;background-color:#303030;}
.enter-intro .intro-wrap .intro-title{font-size:2.6rem;line-height:3.8rem;}
.enter-intro .intro-wrap .middle-bar{margin-top:1.7rem;margin-bottom:3.1rem;}
.enter-intro .intro-wrap .intro-desc{font-size:1.4rem;line-height:2.4rem;}
.bmwmini #intro2.enter-intro .intro-wrap .intro-desc{font-size:1.35rem;line-height:2.1rem;} /* hanam bmw mini desc */


/* 매장리스트앨범형 */
.store-list .cube {width:24.25%;}
.store-list .cube:nth-child(3n+1) {margin-left:1%;}
.store-list .cube:nth-child(4n+1) {margin-left:0;}
.store-list .cube:nth-child(4) {margin-top:0;}

/* [공통] 소셜미디어 리스트 */
.socialMediaArea .socialMediaList .img img {width:100%;}
.socialMediaWrap.tp02 .socialMediaList .img.tp02 {height:324px;}

/* 이벤트컨텐츠 리스트 */
.eventListArea .eventList .img img {width:100%;height:auto;}
.eventListArea .eventList .contentsArea .img img {height:100%;}

}

#by-transfer img.subway-bus {width:100%;}

/* 아트 프로젝트 상세 페이지 */
#art-detail-intro{background-color:#d8d3d0; }
.art-detail-wrap{font-size: 0; padding-bottom:230px;}
.art-image{width: 100%;}
.art-image img{margin-bottom:20px; width:100%;}
.art-image img:last-child{margin-bottom:0;}
.art-image a{display: inline-block; width: calc( (100% - 20px) / 2 ); margin-bottom:20px;}
.art-image a:first-of-type{width: 100%;}
#art-detail-list{background-color:#f1f1f1;}
.library-intro{padding-bottom:210px;}
.library-intro ul{overflow: hidden;}
.library-intro ul li{float: left; font-size: 0; width: calc( (100% - 40.01px) / 3 ); margin: 0 20px 20px 0;}
.library-intro ul li:nth-child(3n){ margin-right: 0; }
.library-intro ul li a{ display: inline-block; width: 100%; height: 100%;  position: relative; }
.library-intro ul li.active a:before{content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:url(/images/coexmall/art_list_active.png) no-repeat center center; background-color: rgba(0,0,0,0.6); }
.library-intro ul li a img{ width: 100%; }

/* 이벤트 롤링추가 */
.ev_banners {position:relative; padding:0 90px; background:#fff;}
.ev_banners.type {background:#e0cdb5;}
.ev_banners .btn_ev_sw {position:absolute;  top:50%; transform: translateY(-50%);}
.ev_banners .btn_ev_sw.prev {left:46px;}
.ev_banners .btn_ev_sw.next {right:46px;}
.ev_banners .ev_page {position:absolute; left:0; bottom:-30px; width:100%; text-align:center;}
.ev_banners .ev_page .swiper-pagination-bullet {width:10px; height:10px; background:#cfcfcf;}
.ev_banners .ev_page .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:15px;}
.ev_banners .ev_page .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#333;}
.ev_banners.type .ev_page .swiper-pagination-bullet {background:#fff;}
.ev_banners.type .ev_page .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#333;}


.imgmap-box {position:relative; font-size:0; line-height:0; display:inline-block;}
.imgmap-box .pdf-link {position:absolute; right:120px; top:695px; display:block; width:175px; height:18px; text-indent:-999px; font-size:0; overflow:hidden;}
.tbox {max-width:980px; margin:0 auto 10px; }
.tbox {font-size:16px;}
@media screen and (min-width:801px) and (max-width:1160px) {
	.imgmap-box .pdf-link { right:11vw; top:62.70vw; width:15.08vw; height:1.55vw; }
	
}
@media screen and (max-width:800px) {
	.imgmap-box .pdf-link { right:12vw; top:71.80vw; width:17.875vw; height:2.25vw; }
	.tbox {padding:0 3vw; margin-bottom:2.4vw;}
	.tbox p {font-size:3.76vw; line-height:5.3vw;}
}

/* 공간컨텐츠 제휴 2024-0313 */
.spaceCntWrap {max-width:1440px; margin:0 auto;}
.spaceCntAd {padding:32px 0; background:#f6f6f6; text-align:center;}
.spaceCntAd .adTxt {font-size:16px; font-weight:400; color:#000; line-height:1.6;}
.spaceCntAd .reqTxt {margin-top:18px; font-size:14px; font-weight:400; color:#000}
.spaceCntAd .reqTxt dt {font-weight:500; color:#000; line-height:1.6;}
.spaceCntAd .reqTxt dd *{font-weight:400px; color:#666;}

.spaceCntWrap .spaceDescTop {margin-top:32px; text-align:center;}
.spaceCntWrap .spaceDescTop dt {font-size:28px; line-height:2em; font-weight:700;}
.spaceCntWrap .spaceDescTop dd {font-size:18px; line-height:1.9em;}
/*
.spaceCntWrap .spaceCntTabWrap {margin:53px 0 9px; text-align:center;}
.spaceCntWrap .spaceCntTabWrap ul {display: inline-flex; height: 28px; align-items: flex-start; gap: 24px; flex-shrink: 0; font-size:16px;}
.spaceCntWrap .spaceCntTabWrap ul > li {position:relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; color:#999; cursor:pointer;}
.spaceCntWrap .spaceCntTabWrap ul > li.active span {display:block; color:#C30E2E; font-weight:700;}
.spaceCntWrap .spaceCntTabWrap ul > li.active span:after {content:''; position:absolute; left:0; right:0; bottom:-12px; height:2px; background:#C30E2E;}
*/
.spaceCntWrap .spaceCntTabWrap {position:relative; overflow: hidden; border-bottom: 1px solid #7a6e67; border-right: 1px solid #7a6e67;}
.spaceCntWrap .spaceCntTabWrap:before {content: ''; width: 50%; height: 9.3vw; border-top: 1px solid #7a6e67; border-left: 1px solid #7a6e67; position: absolute; bottom: 0; right: 0; box-sizing: border-box; display: block; z-index:-1;}
.spaceCntWrap .spaceCntTabWrap ul > li {width:50%; float: left; height: 9.3vw; box-sizing: border-box; border-left: 1px solid #7a6e67; border-top: 1px solid #7a6e67;}
.spaceCntWrap .spaceCntTabWrap ul > li span {font-size: 3.75vw; color: #7a6e67; display:block; line-height: 9.3vw;}
.spaceCntWrap .spaceCntTabWrap ul > li.active {background:#7a6e67;}
.spaceCntWrap .spaceCntTabWrap ul > li.active span {color:#fff;}

@media screen and (min-width:801px) {
.spaceCntWrap .spaceCntTabWrap {display:table; width: 950px !important; margin: 0 auto; table-layout: fixed;}
.spaceCntWrap .spaceCntTabWrap:before {display:none;}
.spaceCntWrap .spaceCntTabWrap ul {display:flex; flex-wrap: nowrap;}
.spaceCntWrap .spaceCntTabWrap ul > li {flex:1; float:none; width:auto; height:40px; vertical-align:middle; text-align:center; cursor:pointer;}
.atrium-wrap .atrium-tab .no-pc {display:none;}
.spaceCntWrap .spaceCntTabWrap ul > li span {font-size: 14px; line-height: 40px;}
}

.about-box .text-normal .tit {font-size:20px; font-weight:bold;}
.spaceCntWrap .spaceCntDetail {position:relative; margin:34px 0 20rem; text-align:center; min-height:1100px;}
.spaceCntWrap .spaceCntDetail .spaceItem dt {font-size:28px; font-weight:700; line-height:1.6;}
.spaceCntWrap .spaceCntDetail .spaceItem dt > .desc {font-size:20px;}
.spaceCntWrap .spaceCntDetail .spaceItem dd {height:72px; margin-top:1.2rem; font-size:16px; font-weight:400; color:#666; line-height:2.2;}
.spaceCntWrap .spaceCntDetail .spaceItem .placePeriodSec {margin-top:3.2rem; display:flex; justify-content: center; gap:10px;}
.spaceCntWrap .spaceCntDetail .spaceItem .placePeriodSec .lnTitle {display:inline-block; padding-right:8px; margin-right:8px; position:relative; color:#000;}
.spaceCntWrap .spaceCntDetail .spaceItem .placePeriodSec .lnTitle:after {content:''; position:absolute; right:-5px; top:50%; margin-top:-6px; width:1px; height:14px; background:#000;}
.spaceCntWrap .spaceCntDetail .spaceItem .spacePlaceSec {display:flex; min-width: 300px; height: 46px; padding: 24px 40px; justify-content: center; align-items: center; gap: 10px; -shrink: 0; border-radius: 12px; background:#f6f6f6;}
.spaceCntWrap .spaceCntDetail .spaceItem .spacePlaceSec .flag {margin-left:47px; display: inline-block; padding: 4px 12px; justify-content: center; align-items: center; border-radius: 18px; border: 1px solid #b49759; background:#fff; font-size:14px; color:#b49759; line-height:1.6;}
.spaceCntWrap .spaceCntDetail .spaceItem .spacePeriodSec {display:flex; min-width: 300px; height: 46px; padding: 24px 40px; justify-content: center; align-items: center; gap: 10px; -shrink: 0; border-radius: 12px; background:#f6f6f6;}
.spaceCntWrap .spaceCntDetail .spaceItem .spacePeriodSec .term {color:#999;}
.spaceCntWrap .spaceCntDetail .spaceItemImg {margin-top:53px;}
.spaceCntWrap .spaceTabCnts  {overflow:hidden;height:100%}
.spaceCntWrap .spaceTabCnts  {display: none;height:100%}
.spaceCntWrap .spaceTabCnts.first {display:block;}
.swiper-button-next {width:50px !important; height:50px !important; bottom: 373px !important; top: auto !important; background:url(/images/spacecnt/common/space_right.png) 0 0 no-repeat;}
.swiper-button-prev {width:50px !important; height:50px !important; bottom: 373px !important; top: auto !important; background:url(/images/spacecnt/common/space_left.png) 0 0 no-repeat;}
.swiper-button-next:after, .swiper-button-prev:after {content:'' !important;}


/* 상단 띠 배너 */
.top-ribbon-banner-wrap {position:relative;width:100%;background-color:#000;overflow:hidden;z-index:5;}
.top-ribbon-banner-wrap .innerWrap {position:relative;}
.top-ribbon-banner-wrap .innerWrap .ribbonbanner-close {position:absolute;top:0;right:0;width:10rem;height:10rem;background:#000 url('../images/icon/top-ribbon-banner-close.svg') no-repeat center center;text-indent:-99999px;z-index:1;}
.top-ribbon-banner-wrap .innerWrap .today-popup {position:absolute;top:50%;right:50px; margin-top:-19.5px; z-index:1;}
.top-ribbon-banner-wrap .innerWrap .today-popup input[type=checkbox] {display:none}
.top-ribbon-banner-wrap .innerWrap .today-popup input[type=checkbox] + label {cursor:pointer;}
.top-ribbon-banner-wrap .innerWrap .today-popup input[type=checkbox] + label:before {display:none;}
.top-ribbon-banner-wrap .innerWrap .today-popup .innClose {display:inline-block; z-index:1; position:absolute; width:39px; height:39px; right:0px; top:0px; background:#000; border-radius:39px;}
.top-ribbon-banner-wrap .innerWrap .today-popup .innClose > em {display:none;}
.top-ribbon-banner-wrap .innerWrap .today-popup .innClose:before {content:''; position: absolute; left: 50%; top: 50%; margin:-11px 0 0 -0.5px; width:1px; height:22px; background-color:#fff; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.top-ribbon-banner-wrap .innerWrap .today-popup .innClose:after {content:''; position: absolute; left: 50%; top: 50%; margin:-11px 0 0 -0.5px; width:1px; height:22px; background-color:#fff; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.top-ribbon-banner-wrap .innerWrap .today-popup .innTxt {overflow:hidden; display:block; position:absolute; width:0px; padding-right:0px; height:39px; right:0px; top:0px; color:#fff; font-size:14px; background:#444; border-radius:39px; text-align:center; line-height:39px; border-sizing:border-box; opacity:0;transition: all .3s .0s ease-in-out;-webkit-transition: all .3s .0s ease-in-out;}
.top-ribbon-banner-wrap .innerWrap .today-popup input[type=checkbox] + label:hover .innTxt {width:181px; padding-right:39px; opacity:1; }

.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper {display:flex;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper .swiper-slide {position:relative;min-width:100%;width:100%;height:10rem;/*background-repeat:no-repeat;background-position: center center;background-size:cover;*/}
.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper .swiper-slide figure {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper .swiper-slide figure img {width:100%;height:100%;object-fit:cover;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper .swiper-slide a {position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:1220px;width:100%;height:100%;margin:0 auto;padding:0 2rem;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper .swiper-slide a p.small {width:100%;color:var(--color-white);font:var(--font-SH1-m);text-align:center;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper .swiper-slide a h5 {width:100%;color:var(--color-white);font:var(--font-H5-b);text-align:center;margin-top:.2rem;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .swiper-wrapper .swiper-slide a .brown {color:var(--color-brown);}
.top-ribbon-banner-wrap .innerWrap .swiper-container .ribbonbanner-button > div {position:absolute;top:50%;margin-top:-19.5px;width:3.9rem;height:3.9rem;cursor:pointer;z-index:1;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .ribbonbanner-button-prev {left:50px;background:url('../images/icon/btn_ribon_prev.png') no-repeat left center;}
.top-ribbon-banner-wrap .innerWrap .swiper-container .ribbonbanner-button-next {left:96px;background:url('../images/icon/btn_ribon_next.png') no-repeat right center;}

.LayerPopCont.top-ribbon-banner-close {}
.LayerPopCont.top-ribbon-banner-close .layerPopupWrap {max-width:70rem;width:100%;}
.LayerPopCont.top-ribbon-banner-close .layerPopupWrap .LP-Content .infor-wrap {font:var(--font-B2-r);text-align:center;}
.top-ribbon-AutoH .defaultHeader {top:100px;}
.top-ribbon-AutoH .defaultHeaderActive {top:0;}
.top-ribbon-AutoH .quickMenuList {top:27.6rem;}
@media screen and (min-width:801px) {

}