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


.ml10 {margin-left:10px;}
.ml25 {margin-left:25px;}

.txt-type1 {font-size:12px;}

.tab.type1 > li > h4 > a {width:91.5px; font-size:12px;}
.tab.coupon > li > h4 > a {width:160px;}

.tb-nodata {padding:70px !important;}
.tb-reply > strong {display:block; padding-top:20px; margin-bottom:5px; border-bottom:1px dashed #ddd; font-weight:normal; line-height:3em;}

/* btn */
.btn-wrap-right {margin-top:15px; text-align:right;}
.btn-tb-more {display:inline-block; background:#666; color:#fff; padding:2px 5px 4px; font-size:11px; line-height:100%;}
.btn-tb-more i {font-size:15px; font-style:normal;}
.btn-shortcut2 {display:inline-block; border:1px solid #999; width:18px; height:18px; background:url('../../images/ico/ico_blt.png') no-repeat 6px -93px;}
.btn-shortcut2.prev {background-position:5px -124px;} 

/* popup content */
.pop-con-alert {width:330px; text-align:left;}

/* Contents Title */
#content > h3.tit-news {background:url('../../images/tit/tit_news.png') no-repeat 0 0;}
#content > h3.tit-members {background:url('../../images/tit/tit_members.png') no-repeat 0 0;}
#content > h3.tit-service {background:url('../../images/tit/tit_service.png') no-repeat 0 0;}
#content > h3.tit-mypage {background:url('../../images/tit/tit_mypage.png') no-repeat 0 0;}
#content > h3.tit-cinema {background:url('../../images/tit/tit_cinema.png') no-repeat 0 0;}
#content > h3.tit-culture {background:url('../../images/tit/tit_culture.png') no-repeat 0 0;}
#content > h3.tit-etc {background:url('../../images/tit/tit_etc.png') no-repeat 0 0;}
#content > h3.tit0102, #content > h3.sub02 {background-position:0 -50px;}
#content > h3.tit0103, #content > h3.sub03 {background-position:0 -98px;}
#content > h3.tit0104, #content > h3.sub04 {background-position:0 -157px;}
#content > h3.tit0105, #content > h3.sub05 {background-position:0 -209px;}
#content > h3.sub06 {background-position:0 -260px;}
#content > h3.sub07 {background-position:0 -312px;}
#content > h3.sub08 {background-position:0 -365px;}
#content > h3.sub09 {background-position:0 -416px;}
#content > h3.sub10 {background-position:0 -468px;}
#content > h3.sub11 {background-position:0 -520px;}
#content > h3.sub12 {background-position:0 -572px;}
#content > h3.sub13 {background-position:0 -624px;}
#content > h3.sub14 {background-position:0 -676px;}
#content > h3.sub15 {background-position:0 -728px;}

/* 층별안내 */
.floor-guide {background:url('../../images/bg/bg_line.png') repeat-y 237px top; display:none;}
.link-floor {width:237px; float:left; padding:20px 0 80px;}
.link-floor > li {border-bottom:1px solid #bcbcbc;}
.link-floor > li > a {color:#333; display:block; padding:18px 0 17px 16px; line-height:100%; font-size:13px;}
.link-floor > li > a b {display:inline-block; width:20px; margin-right:5px;}
.link-floor > li > a:hover, .link-floor > li.on > a {background:#000; color:#fff;}
.view-floor {width:480px; float:right; padding:31px 0 0 0;}

.view-floor > .tit-area > h5 {float:left; margin-bottom:35px;}
.view-floor > .tit-area > h5 > span {font-size:22px; font-weight:normal; color:#22211f; line-height:100%;}
.view-floor > .tit-area > h5 > .tit-floor {display:block; width:100%; height:40px; background:url('../../images/tit/tit_floor.png?v=2025') no-repeat;background-position: 0 -800px;} /* 20250731 #22271 수정 */
.view-floor > .tit-area > h5 > .tit-floor.FB5F {background-position:0 0;}
.view-floor > .tit-area > h5 > .tit-floor.FB4F {background-position:0 -40px;}
.view-floor > .tit-area > h5 > .tit-floor.FB3F {background-position:0 -80px;}
.view-floor > .tit-area > h5 > .tit-floor.FB2F {background-position:0 -120px;}
.view-floor > .tit-area > h5 > .tit-floor.FB1F {background-position:0 -160px;}
.view-floor > .tit-area > h5 > .tit-floor.F1F {background-position:0 -200px;}
.view-floor > .tit-area > h5 > .tit-floor.F2F {background-position:0 -240px;}
.view-floor > .tit-area > h5 > .tit-floor.F3F {background-position:0 -280px;}
.view-floor > .tit-area > h5 > .tit-floor.F4F {background-position:0 -320px;}
.view-floor > .tit-area > h5 > .tit-floor.F5F {background-position:0 -360px;}
.view-floor > .tit-area > h5 > .tit-floor.F6F {background-position:0 -400px;}
.view-floor > .tit-area > h5 > .tit-floor.F7F {background-position:0 -440px;}
.view-floor > .tit-area > h5 > .tit-floor.F8F {background-position:0 -480px;}
.view-floor > .tit-area > h5 > .tit-floor.F9F {background-position:0 -520px;}
.view-floor > .tit-area > h5 > .tit-floor.F10F {background-position:0 -560px;}
.view-floor > .tit-area > h5 > .tit-floor.F11F {background-position:0 -600px;}
.view-floor > .tit-area > h5 > .tit-floor.F12F {background-position:0 -640px;}
.view-floor > .tit-area > h5 > .tit-floor.F13F {background-position:0 -680px;}
.view-floor > .tit-area > h5 > .tit-floor.F14F {background-position:0 -720px;}
.view-floor > .tit-area > h5 > .tit-floor.F15F {background-position:0 -760px;}
.view-floor > .tit-area > .btn-type1 {float:right; margin-top:38px;}

.item-group {clear:both; overflow:hidden; width:100%; margin-bottom:30px;}
.item-group > h6 {font-size:14px; color:#333; margin-bottom:10px;}
.item-group > ul {border-top:1px solid #22211f; border-bottom:1px solid #22211f;}
.item-group > ul > li {padding:8px 11px; border-top:1px solid #bcbcbc;  font-size:12px; line-height:100%;}
.item-group > ul > li:first-child {border-top:0;}
.item-group > ul > li:hover {background-color:#eee;}
.item-group > ul > li .brand {display:inline-block; width:305px; font-weight:normal; color:#333;}
.item-group > ul > li .tel {display:inline-block; width:135px;}
.item-group > ul > li > a {vertical-align:middle;}

/* 식당가 */
.food-list {overflow:hidden; border-top:1px solid #ddd; margin-bottom:55px;}
.food-list .info-wrap {float:right; width:464px; padding:27px 15px 23px; line-height:100%;}
.food-list .info-wrap > h4 > strong {font-size:16px; color:#000;}
.food-list .info-wrap > h4 > span {margin-left:10px; font-size:14px; color:#22211f; font-weight:normal;}
.food-list .info-wrap > p {min-height:54px; margin:15px 0; font-size:12px; color:#333; line-height:150%;}
.food-info {font-size:12px; color:#666;}
.food-info > li {padding:0 0 2px 28px; margin-bottom:4px; background:url('../../images/ico/ico_store.png') no-repeat; line-height:16px;}
.food-info > li.tel {background-position:0 0;}
.food-info > li.menu {background-position:0 -22px;}

/* 행사정보, 시설안내, MY 쿠폰 */
.list-wrap {margin-top:3px;}
.list-wrap2 {margin-top:-15px;}
.cont-list {margin:3px 0 0 -14px; overflow:hidden;}
.cont-list > li {position:relative; float:left; width:238px; margin:14px 0 0 14px; border:1px solid #ddd; line-height:100%;}
.cont-list.type2 > li {height:382px; overflow:hidden;}
.cont-list > li > a {display:block;}
.cont-list > li > a > img {width:238px; height:219px;}
.cont-list.type2 > li > a > img {height:235px;}
.cont-list > li > a > p {padding:15px; line-height:25px;}
.cont-list > li > a > p > em {padding:0 4px 2px 4px; color:#414141; font-size:12px; line-height:100%; background:#fff; border:1px solid #999;}
.cont-list > li > a > p > em.on {padding:1px 4px 3px 4px; color:#fff; background:#333; border:0;}
.cont-list > li > a > p > strong {display:block; font-size:14px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cont-list > li > a > div {padding:19px 9px 17px 9px;}
.cont-list > li > a > div > h4 {padding:22px 0 10px 0; background:url('../../images/bg/bg_tit_line.gif') no-repeat 0 0; font-size:16px; color:#000;}
.cont-list > li > a > div > h4 + span {font-weight:normal; font-size:12px; color:#666;}
.cont-list > li > a > div > p {margin:11px 0; font-size:12px; color:#666; line-height:150%; word-break:keep-all;}
.cont-list > li > a > div > ul {margin:11px 0;}
.cont-list > li > a > div > ul > li {display:table; font-size:12px; color:#666; line-height:20px;} 
.cont-list > li > a > div > ul > li > strong {display:table-cell; min-width:46px; padding-right:10px; font-weight:normal; color:#333;}
.cont-list > li > a > div > ul > li > span {display:block; line-height:1.5em;}
.cont-list > li > a > .infotxt {display:none;} 
.cont-list > li > a:hover > .infotxt {display:table; position:absolute; top:16px; left:13px; width:180px; height:173px; padding:16px; background-color:#fff; opacity:0.9; filter:alpha(opacity=90);}
.cont-list > li > a:hover > .infotxt > p {position:relative; display:table-cell; font-size:12px; color:#333; line-height:1.5em; word-break:keep-all; vertical-align:middle; z-index:1;}

/* 오시는길 */
.location {width:100%; border-top:2px solid #22211f; margin-bottom:10px; overflow:hidden;}
.local-wrap {display:table; width:100%; padding:20px 0; background:#eee; word-break:keep-all;}
.local-wrap .local-store {display:table-cell; width:22%; vertical-align:middle;}
.local-wrap .local-store h4 {display:table; margin:0 auto; font-size:18px; color:#000;}
.local-wrap .local-store h4 span {display:block; font-size:13px; line-height:100%; color:#696969; padding:0 0 6px; letter-spacing:-0.05em;}
.local-info {display:table-cell; border-left:1px solid #ddd; padding:0 20px;}
.local-info ul {font-size:12px; color:#555;}
.local-info ul > li > b {display:table-cell; min-width:45px; padding-right:15px; color:#333; vertical-align:top;}
.local-info ul > li > p, .local-info ul > li > ul {display:table-cell;}
.map-area {width:748px; height:420px; margin-bottom:20px; overflow:hidden;}
.tit-h05 {margin-bottom:13px; font-size:14px; color:#000;}
.tb-lftwrap {border-top:1px solid #000; margin-bottom:30px;}
.tb-lft {width:100%; vertical-align:middle; font-size:12px; border-collapse:collapse; line-height:15px; word-break:keep-all;}
.tb-lft th {padding:15px 35px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#eee; color:#333;}
.tb-lft th:first-child {border-left:0;}
.tb-lft td {padding:15px 35px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#666;}

.ico-subway li, .ico-car li {margin-top:10px;}
.ico-subway li:first-child, .ico-car li:first-child {margin-top:0;}
.ico-subway li > strong {padding-left:20px; padding-bottom:3px; background:url('../../images/ico/ico_subway.png') no-repeat;}
.ico-subway li > p, .ico-car li > p {margin-top:3px;}
.ico-subway .line1 {background-position:0 1px;}
.ico-subway .line2, .ico-subway .line2-bs, .ico-subway .line2-dg {background-position:0 -19px;}
.ico-subway .line3 {background-position:0 -39px;}
.ico-subway .line4 {background-position:0 -59px;}
.ico-subway .line5 {background-position:0 -79px;}
.ico-subway .line6 {background-position:0 -99px;}
.ico-subway .line7 {background-position:0 -119px;}
.ico-subway .line8 {background-position:0 -139px;}
.ico-subway .line9 {background-position:0 -159px;}
.ico-subway .line10 {background-position:0 -179px;}
.ico-subway .line11 {background-position:0 -199px;}
.ico-subway .line12 {background-position:0 -219px;}
.ico-subway .line13 {background-position:0 -239px;}
.ico-subway .line14 {background-position:0 -259px;}
.ico-subway .line15 {background-position:0 -279px;}
.ico-subway .line16 {background-position:0 -299px;}
.ico-subway .line17 {background-position:0 -319px;}
.ico-subway .line18 {background-position:0 -339px;}
.ico-subway .line1-bs, .ico-subway .line1-dg {background-position:0 -359px;}
.ico-subway .line3-bs {background-position:0 -379px;}
.ico-subway .line4-bs {background-position:0 -399px;}
.ico-subway .line5-bs {background-position:0 -419px;}
.ico-subway .line3-dg {background-position:0 -439px;}
.ico-subway .line1-kj, .ico-subway .line1-dj {background-position:0 -459px;}

.ico-bus {padding:0 0 3px 22px; background:url('../../images/ico/ico_bus.png') no-repeat;}
.ico-bus.blue {background-position:0 1px;}
.ico-bus.green {background-position:0 -19px;}
.ico-bus.red {background-position:0 -39px;}
.ico-bus.yellow {background-position:0 -60px;}
.ico-bus.town {background-position:0 -79px;}
.ico-bus.intercity {background-position:0 -99px;}
.ico-bus.airport {background-position:0 -119px;}

/* 당첨자 발표 */
.detail-view .view-con > .txt-area {padding:20px 40px; background:#eee; font-size:12px; color:#555; overflow:hidden;}
.winner {display:table; float:right; width:65px; height:65px; background:url('../../images/bg/bg_winner.png') no-repeat 0 0; text-align:center;}
.winner > strong {display:table-cell; font-size:14px; line-height:1.2em; color:#555; vertical-align:middle;}
.winner.on {background-position:0 bottom;}
.winner.on > strong {color:#fff;}
.winner-list {color:#333; margin-bottom:10px;}
.winner-tit {margin-top:20px; font-size:14px; color:#000;}
.winner-tb {margin:10px 0 20px 0;}

.tb-type3 {width:100%; font-size:12px;}
.tb-type3 th {background:#333 url('../../images/bg/bg_tb_type3.gif') no-repeat left center; color:#fff; line-height:100%; text-align:center; padding:11px 0 12px 0;}
.tb-type3 th:first-child {background-image:none;}
.tb-type3 td {text-align:center; color:#333; border-bottom:1px solid #ddd; padding:10px 18px;}
.tb-type3 td.txt-left {text-align:left;}

/* 스마트 DM */
.dm-search,.search-rt {float:right;}
.dm-search .btn-sch,.slct-search .btn-sch,.search-rt .btn-sch {margin-left:4px;} 
.smart-dm {width:658px; padding:0 45px 0 45px; background:url('../../images/bg/bg_dm.png') repeat-y 0 0; overflow:hidden;}
.smart-dm > li {background:transparent; float:left; margin-left:15px; margin-bottom:33px; text-align:center;}
.smart-dm > li > strong {display:block; margin:29px 0 14px 0; font-size:16px; color:#22211f; line-height:100%;}

/* 고객상담 */
.service-txt-wrap {width:100%; padding:60px 0; border-top:2px solid #22211f;}
.service-txt-wrap > .service-txt {display:table; padding:0 60px; margin:0 auto;}
.service-txt-wrap > .service-txt > p {display:table-cell; vertical-align:middle; height:70px; padding-left:120px; text-align:left; background:#fff url('../../images/bg/bg_service_txt.png') no-repeat 0 0;}
.service-txt-wrap > .service-txt > p > strong {display:block; margin-bottom:15px; font-size:18px; color:#000;}
.service-txt-wrap > .btn-set {margin-top:20px;}
.service-faq > .sch-type1 {margin-top:45px;}
.service-faq > .tab-area {margin-top:30px;}
.service-faq > .tab-area .tab > li > a {width:122.6px;}
.service-faq > .tab-area .tab > li > div > .faq {margin-top:30px;}
.agree-box > ol li {margin-bottom:20px; word-break:keep-all;}

/* 주요문의처 */
.service-contact > h4 {margin:40px 0 20px 0;}
.service-contact .tb-type1 th {padding:10px 0; border-left:1px solid #ddd; font-weight:normal; text-align:center;}
.service-contact .tb-type1 th:first-child {border-left:0;}

/* 모바일 앱 */
#content > .service-mobile-wrap1 {padding-bottom:60px;}
.service-mobile {width:748px; height:360px; background:url('../../images/bg/bg_service_mobile.jpg') no-repeat 0 0;}
.service-mobile > img {margin:95px 0 35px 385px;}
.service-mobile > .app-btn-wrap {margin-left:385px;}
.app-btn-wrap > a {display:inline-block; width:146px; height:42px; margin-right:5px;}
a.btn-android {background:url('../../images/bg/bg_btn_android.png') no-repeat 0 0;}
a.btn-apple {background:url('../../images/bg/bg_btn_apple.png') no-repeat 0 0;}
.service-mobile02 {overflow:hidden; width:748px; height:auto; margin-top:30px; background:url('../../images/bg/bg_service_mobile02.png') no-repeat center 0;}
.service-mobile02 li {float:left; width:20%; padding-top:110px; font-size:12px; text-align:center; word-break:keep-all;}
.service-mobile02 li > span {display:inline-block; width:100px;}
#content > .service-mobile-wrap2 {padding:20px 0; border-top:2px solid #22211f; border-bottom:1px solid #22211f;}
.service-mobile-wrap2 > .app-service-list {width:648px; padding:0 50px; background:#ededed; overflow:hidden;}
.app-service-list > li {float:left; width:185px; height:319px; padding:40px 0 100px 0; border-top:1px solid #ccc;}
.app-service-list > li.appview01 {background:url('../../images/bg/bg_appview01.jpg') no-repeat 0 40px; border-top:none;}
.app-service-list > li.appview02 {background:url('../../images/bg/bg_appview02.jpg') no-repeat 46.5px 40px; padding:40px 46.5px 100px 46.5px; border-top:none;}
.app-service-list > li.appview03 {background:url('../../images/bg/bg_appview03.jpg') no-repeat 0 40px; border-top:none;}
.app-service-list > li.appview04 {background:url('../../images/bg/bg_appview04.jpg') no-repeat 0 40px;}
.app-service-list > li.appview05 {background:url('../../images/bg/bg_appview05.jpg') no-repeat 46.5px 40px; padding:40px 46.5px 100px 46.5px;}
.app-service-list > li.appview06 {background:url('../../images/bg/bg_appview06.jpg') no-repeat 0 40px;}
.app-service-list > li.appview07 {background:url('../../images/bg/bg_appview07.jpg') no-repeat 0 40px;}
.app-service-list > li.appview08 {background:url('../../images/bg/bg_appview08.jpg') no-repeat 46.5px 40px; padding:40px 46.5px 100px 46.5px;}
.app-service-list > li.appview09 {background:url('../../images/bg/bg_appview09.jpg') no-repeat 0 40px;}
.app-service-list > li > dl {margin-top:340px; text-align:center; color:#333;}
.app-service-list > li > dl dt {font-size:17px; font-weight:bold; line-height:100%; margin-bottom:12px;}
.app-service-list > li > dl dd {font-size:13px; line-height:13px;}

/* SNS서비스 */
.service-sns {width:748px; overflow:hidden;}
.service-sns li {display:table; float:left; padding:20px 37px;}
.service-sns li.facebook {width:299px; height:360px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:url('../../images/bg/bg_sns_facebook.png') no-repeat 0 0;}
.service-sns li.naver {width:298px; height:360px; border:1px solid #ddd; background:#eee url('../../images/bg/bg_sns_naver.png') no-repeat 0 0;}
.service-sns li.kakao {width:299px; height:360px; border:1px solid #ddd; border-top:0; background:#eee url('../../images/bg/bg_sns_kakao.png') no-repeat 0 0;}
.service-sns li > h4 {padding-left:33px; font-size:22px; color:#22211f; background:url('../../images/ico/ico_sns.png') no-repeat; line-height:25px;}
.service-sns li.facebook > h4 {background-position:0 0;}
.service-sns li.naver > h4 {background-position:0 -29px;}
.service-sns li.kakao > h4 {background-position:0 -60px;}
.service-sns li.insta > h4 {background-position:0 -89px;}
.service-sns li > p {margin-top:5px; font-size:12px;}
.service-sns li > div {display:table-row; width:100%; height:36px; text-align:center; vertical-align:bottom;}
.service-sns li > div .btn-type2 {padding:12px 11px;}

/* MY 쿠폰 */
.mypage-coupon {width:748px; height:320px; margin-bottom:40px; background:url('../../images/bg/bg_mypage_coupon.jpg') no-repeat 0 0;}
.mypage-coupon > img {margin:100px 0 35px 402px;}
.mypage-coupon > .app-btn-wrap {margin-left:402px;}
.tab-coupon {width:100%; overflow:hidden;}
.tab-coupon > .search-rt {margin-top:17px;}
.tab-coupon > .cont-list {clear:both;}
.tab-coupon > .cont-list > li {width:365px;}
.tab-coupon > .cont-list > li > a > .coupon-img, .tab-coupon > .cont-list > li > a > img {width:365px; height:290px; padding:0; border-bottom:1px solid #ddd; background:url('../../images/bg/bg_coupon_list.jpg') no-repeat 0 0;}
.tab-coupon > .cont-list > li > a > .coupon-txt {padding:20px; overflow:hidden;}
.tab-coupon > .cont-list > li > a > .coupon-txt > p {font-size:20px; color:#000; line-height:120%; height:51px; overflow:hidden;}
.tab-coupon > .cont-list > li > a > .coupon-txt > p > .btn-shortcut {position:relative; top:3px; background-color:#fff;}
.tab-coupon > .cont-list > li > a > .coupon-txt > ul {float:left; margin:0;}
.tab-coupon > .cont-list > li > a > .coupon-txt > ul > li, .coupon-detail01 > .coupon-txt > ul > li {margin-top:5px; font-size:13px; color:#666; line-height:100%;}
.ico-coupon {display:table; float:right; width:51px; height:51px; background:url('../../images/bg/bg_coupon.png') no-repeat 0 0; text-align:center;}
.ico-coupon > strong {display:table-cell; font-size:13px; line-height:1.2em; color:#fff; vertical-align:middle;}
.coupon-detail01 {width:626px; height:176px; margin-bottom:20px; padding:31px 61px; background:url('../../images/bg/bg_coupon_detail01.png') no-repeat 0 0; overflow:hidden;}
.coupon-detail01 > .coupon-img {float:left; width:218px; height:172px; border:1px solid #ddd; background:url('../../images/bg/bg_coupon_list2.jpg') no-repeat 0 0;}
.coupon-detail01 > .coupon-img > img {width:218px; height:172px;}
.coupon-detail01 > .coupon-txt {float:left; width:375px; margin:30px 0 30px 30px;}
.coupon-detail01 > .coupon-txt > p {width:325px; font-size:20px; color:#000; line-height:120%; word-break:keep-all; height:48px; overflow:hidden;}
.coupon-detail01 > .coupon-txt > ul {float:left; margin-top:10px;}
.ico-coupon02 {display:table; float:right; width:64px; height:64px; margin-top:10px; background:url('../../images/bg/bg_coupon02.png') no-repeat 0 0; text-align:center;}
.ico-coupon02 > strong {display:table-cell; font-size:16px; line-height:1.2em; color:#fff; vertical-align:middle;}
.tb-style {display:table; width:100%; margin-bottom:14px; border-top:2px solid #22211f; border-bottom:1px solid #22211f; border-collapse: separate;}
.tb-style > .tb-style-th {display:table-cell; padding:25px 0; background:#eee; border-bottom:1px solid #999; font-size:16px; font-weight:bold; color:#333; line-height:100%; text-align:center;}
.tb-style > .tb-style-td {display:table-row;}
.tb-style > .tb-style-td > .list-detail {padding:30px 10px;}
.tb-style > .tb-style-td > .list-detail li {margin-top:40px; padding-left:12px; background:url('../../images/ico/ico_blt_list3.png') no-repeat 0 9px; font-size:16px; color:#666;}
.tb-style > .tb-style-td > .list-detail li:first-child {margin-top:0;}
.tb-style > .tb-style-td > .list-detail li strong {color:#000;}
.tb-style > .tb-style-td > .list-detail li > .dl-type2 {margin:20px 0 0 -12px;}
.tb-style > .tb-style-td > .list-detail li > .dl-type2 > dd > ul li {margin-top:0; background-image:none; font-size:12px;}

/* MY DM */
.my-info1.bline {border-bottom:1px solid #999;}
.my-info1 > div.mydm {width:340px; padding-top:20px;}
.my-info1 > div.mydm dl {display:inline-block; margin:13px 0 0 15px; text-align:left; vertical-align:top;}
.my-info1 > div.mydm dl dt {margin-bottom:15px; font-size:20px; font-weight:bold; color:#333;}
.my-info1 > div.mydm dl dd strong {color:#333;}
.my-info1 > div.info-dm {width:350px; padding-top:30px; padding-left:50px; text-align:left;}
.info-dm p {margin:15px 0;}
.info-dm > strong {display:block; font-size:18px; color:#000; line-height:100%;}
.mydm-store {display:table; margin:50px auto; margin-bottom:0; text-align:center;}
.mydm-store > h4 {display:table-row;}
.mydm-store > .mydm-view {display:table-cell; width:312px; height:287px; padding:15px 0 35px 0; font-size:13px; color:#696969; background:url('../../images/bg/bg_dm3.png') no-repeat 0 bottom; vertical-align:middle;}

/* 소극장 */
.cinema.tline {border-top:2px solid #000; padding-top:40px !important;}
.cinema.tline > p {font-size:12px;}
.cinema .store-list li a {width:89px;}
.cinema .tit-type1 {margin:45px 0 20px 0;}
.cinema .board .btn-type3, .cinema .info .btn-type3 {margin-left:5px;}
.cinema .info {margin-top:15px; font-size:12px; color:#22211f;}
.cinema .tit-num {padding:0 0 0 50px; font-size:18px; font-weight:bold; color:#333; line-height:29px;}
.cinema .tit-num.no1 {padding:0 0 0 40px; background:url('../../images/ico/ico_num01.png') no-repeat 0 0;}
.cinema .tit-num.no2 {background:url('../../images/ico/ico_num02.png') no-repeat 0 0;}
.cinema .tit-num.no3 {background:url('../../images/ico/ico_num03.png') no-repeat 0 0;}
.cinema .box-type {margin:10px 0 30px 0; padding:20px; border:1px solid #ddd; font-size:12px; color:#666; word-break:keep-all;}
.cinema .box-type.topline {border-top:1px solid #22211f;}
.cinema .info-type1 li {margin-top:15px; line-height:1.1em}
.cinema .info-type1 li:first-child {margin-top:0;}
.cinema .info-type1 li strong {min-width:60px; display:inline-block; border-right:1px solid #ddd; margin-right:10px;}
.cinema .info-type2 {width:500px; margin-top:20px; overflow:hidden;}
.cinema .info-type2 li {float:left; min-width:190px; margin-right:10px;}
.cinema .reset {width:100%; overflow:hidden;}
.cinema .reset > strong {float:left;}
.cinema .reset > ol {float:left; padding:0 0 0 15px; margin-top:-2px;}
.cinema .reset > ol li {margin-top:10px; line-height:1.5em;}
.cinema .member-benefit {width:100%; border-bottom:2px solid #22211f; font-size:12px; color:#333;}
.cinema .member-benefit > li {padding:40px 0 40px 140px; border-top:1px solid #ddd;}
.cinema .member-benefit > li:first-child {padding-top:0; border-top:0;}
.cinema .member-benefit li > ol li {list-style-type:decimal;}
.cinema .member-annual {margin-top:40px; font-size:12px; color:#333; background:url('../../images/bg/bg_benefit03.png') no-repeat 0 0;}
.cinema .member-annual h5, .member-annual p {margin-left:140px;}
.cinema .member-annual .store-list {margin:70px 0 40px 0;}
.cinema .btn-type2.big {font-size:16px; padding:16px 68px;}
.cinema .member-type1 {background:url('../../images/bg/bg_benefit01.png') no-repeat 0 0;}
.cinema .member-type2 {background:url('../../images/bg/bg_benefit02.png') no-repeat 0 40px;}
.cinema .member-type3 {background:url('../../images/bg/bg_benefit03.png') no-repeat 0 40px;}
.cinema .finish-txt {margin-top:0;}
.cinema .reserve {width:100%; margin-bottom:20px; overflow:hidden;}
.cinema .reserve li {float:left; width:238px; border:1px solid #ddd; margin-bottom:14px;}
.cinema .reserve li.res01 {background:url('../../images/bg/bg_cinema_reserve01.gif') no-repeat 0 0;}
.cinema .reserve li.res02 {margin:0 14px 14px 14px; background:url('../../images/bg/bg_cinema_reserve02.gif') no-repeat 0 0;}
.cinema .reserve li.res03 {background:url('../../images/bg/bg_cinema_reserve03.gif') no-repeat 0 0;}
.cinema .reserve li.res04 {background:url('../../images/bg/bg_cinema_reserve04.gif') no-repeat 0 0;}
.cinema .reserve li.res05 {margin:0 14px 14px 14px; background:url('../../images/bg/bg_cinema_reserve05.gif') no-repeat 0 0;}
.cinema .reserve li.res06 {background:url('../../images/bg/bg_cinema_reserve06.gif') no-repeat 0 0;}
.cinema .reserve li p {height:80px; margin:173px 0 15px 0; border-top:1px solid #ddd; padding:0 13px; font-size:12px; color:#666; line-height:1.5em; word-break:keep-all; overflow:hidden;}
.cinema .reserve li strong {display:block; margin:15px 0 10px 0; font-size:14px; color:#000;}
.cinema .reserve-time {margin:-8px 0 40px 0;}
.cinema .reserve-time li, .asterisk-list li {padding-left:8px; font-size:12px; color:#22211f; text-align:left; line-height:2em; background:url('../../images/ico/ico_asterisk.png') no-repeat 0 10px;}
.cinema .reserve-time li.last {padding-left:0; margin-top:15px; background:none;}
.cinema .multi tr th + td {text-align:center;}
.cinema .multi tbody th {border-right:1px solid #ddd; text-align:center; padding:10px 18px; font-weight:normal; background-color:#fff;}
.cinema .multi tbody tr:first-child th {border-top:1px solid #ddd;}
.cinema .multi tbody th.charge strong {display:block; width:auto; padding-top:80px; font-size:14px; font-weight:bold;}
.cinema .multi tbody th.charge .m01 {background:url('../../images/bg/bg_charge01.png') no-repeat 50% 0;}
.cinema .multi tbody th.charge .m02 {background:url('../../images/bg/bg_charge02.png') no-repeat 50% 0;}
.cinema .multi tbody th.charge .m03 {background:url('../../images/bg/bg_charge03.png') no-repeat 50% 0;}
.cinema .multi td {color:#000;}
.cinema .multi td > span {color:#666;}
.cinema .multi td > ul li {line-height:1.5em;}
.cinema .inquiry {width:100%; padding-top:240px; margin-bottom:35px; overflow:hidden;}
.cinema .inquiry.cine01 {background:url('../../images/bg/bg_cinema_inquiry01.jpg') no-repeat 0 0;}
.cinema .inquiry.cine02 {background:url('../../images/bg/bg_cinema_inquiry02.jpg') no-repeat 0 0;}
.cinema .inquiry > div {position:relative; float:left; width:30%; min-height:60px; padding:15px 13px 0 13px; border-left:1px solid #ddd; color:#333; word-break:keep-all;}
.cinema .inquiry > div:after {content:""; position:absolute; top:0; left:14px; width:21px; height:3px; background:#333;}
.cinema .inquiry > div:first-child {padding-left:0; border-left:0;}
.cinema .inquiry > div:first-child:after {left:0;}
.cinema .inquiry.cine02 > div {min-height:130px;}
.cinema .inquiry > div > h5 {font-size:14px;}
.cinema .inquiry > div > .info-txt-wrap {margin-top:10px;}
.cinema .inquiry > div > .info-txt-wrap span {display:inline-block; font-size:13px; line-height:100%; border:1px solid #333; text-align:center; color:#333; width:202px; padding:10px; margin:3px 0 0 0;}
.cinema .inquiry > div > p {font-size:12px;}
.cinema .inquiry > div > ul li {display:table; font-size:12px;}
.cinema .inquiry > div > ul li strong {display:table-cell; min-width:55px; margin-right:10px; padding-right:10px;}
.cinema .inquiry > div > ul li strong i {float:right; font-style:normal; font-weight:normal; color:#ddd;}
.cinema > .sch-type1 > .sel-type1 + .sel-type1 {margin-left:11px;}
.cinema .tab-con {width:100%; margin-top:17px; overflow:hidden;}
.cinema .tab-con02 {width:100%; padding-top:30px; overflow:hidden;}
.cinema .tab-con02 .tit-type1 {margin-top:0;}
.cinema .tab-con02 .tit-type1.bot-tit {margin:40px 0 10px 0;}
.cinema > .sch-type1 + .txt-essen {margin-top:10px;}
.cinema > .etc-list {margin-top:20px;}
.cinema > .right {margin:20px 0 55px 0;}
.cinema > .comment {clear:both; width:100%; overflow:hidden;}
.cinema > .bot-set > .left {padding-top:10px;}
.faqwrap {border-top:2px solid #22211f;}
.faqwrap > .faq li:first-child {border-top:0;}
.cinema .info-agree {margin-bottom:40px; border-bottom:1px solid #22211f;}
.cinema .info-agree .agree-box {margin-bottom:14px;}
.cinema .board + .bot-set .big {margin-top:26px;}
.tb-zip {padding:5px 12px 7px; margin-bottom:8px; background:#666; font-size:12px;}
.tb-ipt {display:block; margin-bottom:3px;}
.tb-ipt label {padding-left:7px; margin-right:10px; background:url('../../images/bg/bg_box.png') no-repeat 0 center;}
.tb-ipt .inp-type1 {width:40px;}
.info-list-btm {font-size:12px; margin:20px 0 40px 0;}
.troupe {width:748px; height:125px; background:url('../../images/cont/cinema_troupe.jpg') no-repeat 0 0;}
.troupe-doc p {margin-top:20px; font-size:12px; line-height:100%;}
.troupe-doc .btn-download a {display:inline-block; margin-right:4px; font-size:13px; padding:13px 20px 14px 60px; background:url('../../images/ico/ico_btn_download.png') no-repeat 20px 7px; border:1px solid #333; color:#333; line-height:100%;}
.cinema .sch-type3 {margin:0;}
.cinema .btn-type4:hover, .cinema .btn-type4.on {background-color:#333; color:#fff; border-color:#333;}
.cinema .btn-type4 i {display:inline-block; width:15px; height:17px; margin:-2px 5px -4px 0; background:url('../../images/ico/ico_srch_type.png') no-repeat 0 0;}
.cinema .btn-type4 i.ico-img {background-position:0 1px;}
.cinema .btn-type4:hover i.ico-img, .cinema .btn-type4.on i.ico-img {background-position:0 -28px;}
.cinema .btn-type4 i.ico-calendar {background-position:-30px 0;}
.cinema .btn-type4:hover i.ico-calendar, .cinema .btn-type4.on i.ico-calendar {background-position:-30px -30px;}
.calendar-tit {width:100%; margin:40px 0 20px; text-align:center;}
.calendar-tit strong {font-size:24px; line-height:100%; color:#000; margin:0 20px;}
.calendar-tit button {margin-top:5px; vertical-align:top;}
.tb-calendar {position:relative;}
.tb-calendar td {min-width:87px; padding:14px 10px; text-align:left; height:90px; overflow:hidden; vertical-align:top;}
.tb-calendar td > ul {margin-top:5px; height:60px; overflow:hidden;}
.tb-calendar td > ul:hover {width:auto; height:auto; position:absolute; overflow:visible; border:1px solid #999; padding:5px; background-color:#fff; box-shadow: 0 0 7px #ccc;}
.tb-calendar td.last > ul:hover {right:10px;}
.tb-calendar td > ul:hover li {width:auto; overflow:visible;}
.tb-calendar td > ul li {width:87px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.tb-calendar td > ul li a {color:#000;}
.tb-calendar td > ul li a:hover {text-decoration:underline;}
.performance-list {width:100%; overflow:hidden;}
.performance-list li {position:relative; width:364px; float:left; padding:30px 10px 30px 0; border-bottom:1px solid #ddd;}
.performance-list li .ranking-num1 {width:33px; height:43px; font-size:26px; color:#000; text-align:center; padding-top:9px; position:absolute; top:28px; left:7px;  background:url('../../images/bg/bg_cinema_ranking01.png') no-repeat 0 0;}
.performance-list li .ranking-num2 {width:27px; height:35px; font-size:20px; color:#000; text-align:center; padding-top:5px; position:absolute; top:28px; left:7px;  background:url('../../images/bg/bg_cinema_ranking02.png') no-repeat 0 0;}
.performance-list li .ranking-num3 {width:27px; height:35px; font-size:18px; font-weight:normal; color:#fff; text-align:center; padding-top:5px; position:absolute; top:28px; left:7px;  background:url('../../images/bg/bg_cinema_ranking03.png') no-repeat 0 0;}
.performance-list li .img-wrap {float:left; width:138px; height:173px; border:1px solid #ddd;}
.performance-list li img {width:138px; height:173px ;vertical-align:top;}
.performance-list li .plist-info {width:199px; margin-left:20px; display:inline-block; line-height:100%;}
.performance-list li .plist-info em {font-size:12px; font-weight:bold;}
.performance-list li .plist-info > strong {display:block; margin:5px 0 0 0; font-size:18px; color:#333; line-height:100%;}
.performance-list li .plist-info ul {width:100%; overflow:hidden; margin:15px 0;}
.performance-list li .plist-info ul li {width:199px; clear:left; padding:0; margin-bottom:5px; border-bottom:0; font-size:12px; line-height:1.2em;}
.performance-list li .plist-info ul li strong {width:60px; display:inline-block;}
.performance-list li  .plist-info .g-star2  {margin-bottom:19px;}
.performance-list li .plist-info .pbtn-set a {padding:8px 19px 9px 19px;}
.performance-list li .plist-info .pbtn-set a:first-child {margin-right:4px; padding:7px 18px 8px 18px;}

/* 문화센터 */
#content > .culture-info {border-top:2px solid #000;padding-top:40px;}
.culture-info .tit-num {height:37px;}
.culture-info .tit-num.no1 {background:url('../../images/ico/ico_num01.png') no-repeat 0 0;}
.culture-info .tit-num.no2 {background:url('../../images/ico/ico_num02.png') no-repeat 0 0;}
.culture-info .tit-num.no3 {background:url('../../images/ico/ico_num03.png') no-repeat 0 0;}
.culture-info .tit-num.no4 {background:url('../../images/ico/ico_num04.png') no-repeat 0 0;}
.culture-info .tit-num.no5 {background:url('../../images/ico/ico_num05.png') no-repeat 0 0;}
.culture-info .tit-num.no6 {background:url('../../images/ico/ico_num06.png') no-repeat 0 0;}
.culture-info .tit-num.no7 {background:url('../../images/ico/ico_num07.png') no-repeat 0 0;}
.culture-info .box-type {margin-bottom:30px; padding:20px; border:1px solid #ddd; border-top:1px solid #22211f; font-size:12px; color:#666; word-break:keep-all;}
.culture-info .box-type em, .culture-info .box-type ul.list-em {color:#333;}
.culture-info .box-type dl dt {font-weight:bold; margin-top:10px;}
.culture-info .box-type ul {margin-top:10px;}
.culture-schedule .timetable {width:100%; border-top:2px solid #22211f; border-bottom:1px solid #22211f; margin:10px 0 15px 0;}
.culture-schedule .timetable .tb-type1 td {height:54px;}
.tabcon-right {width:100%; margin:17px 0; overflow:hidden;}
.tabcon-right .sch-type1 {float:right;}
.tabcon-right .sch-type1 .sel-type1 {margin-right:3px;}
.culture-lecture02 .box-type2 {margin-top:20px;}
.culture-lecture02 .box-type2 h5 {margin-bottom:10px; font-size:14px; font-weight:bold; color:#000;}
.culture-lecture02 .box-type2 em {color:#dd4c4c;}
.asterisk-list2 li {padding-left:8px; font-size:12px; color:#666; text-align:left; line-height:1.7em; background:url('../../images/ico/ico_asterisk2.png') no-repeat 0 8px;}
.culture-lecture02 .asterisk-list2 {clear:both; margin:17px 0;}
.bot-justify {width:100%; margin-top:15px; overflow:hidden;}
.pop-print-cert img {margin:30px 0;}
.pop-print-cert .list-type1 {display:table; text-align:left;}
.pop-print-cert .list-type1 li {display:table;}
.pop-print-cert .list-type1 li strong {display:table-cell; padding-right:5px;}

/* 기타 */
.win-pop2 .pop-wrap .box-wrap {width:436px; margin:0 auto 30px; border:1px solid #e2e2e2; background:#fafafa; padding:40px 30px; font-size:13px; color:#555;}
.win-pop2 .pop-wrap .box-wrap strong {color:#000;}
.win-pop2 .pop-wrap .box-wrap .chk-list {margin:15px 0 25px;}
.win-pop2 .pop-wrap .box-wrap .chk-list span {margin-left:45px; display:inline-block;}
.win-pop2 .pop-wrap .box-wrap .chk-list span label {display:inline-block; vertical-align:top;}
.win-pop2 .pop-wrap .box-wrap .chk-list span:first-child {margin-left:0;}

/* en customer center */
.customercenter {position:relative; border-top:2px solid #21211f;}
.customercenter .tit-type1 {margin:40px 0 20px 0;}
.customercenter .board .tb-type1 th {padding:17px 10px 17px 22px; font-weight:normal;}
.customercenter .board .tb-type1 td {padding:17px 18px;}
.customercenter .board .tb-type1 th span {display:block;}
.customercenter .sch-type1 {position:absolute; top:24px; right:0;}
.customercenter .sch-type1 .btn-sch {margin-left:5px;}

/* en members */
.members .ico-num {padding-bottom:25px; border-bottom:1px solid #999;}
.members .ico-num li {padding:15px 0 15px 40px; font-size:12px; color:#666;}
.members .ico-num .ico-num01 {background:url('../../images/ico/ico_num1.png') no-repeat 0 center;}
.members .ico-num .ico-num02 {background:url('../../images/ico/ico_num2.png') no-repeat 0 center;}
.members .ico-num .ico-num03 {background:url('../../images/ico/ico_num3.png') no-repeat 0 center;}
.members .ico-num .ico-num04 {background:url('../../images/ico/ico_num4.png') no-repeat 0 center;}

.members.texrefund .tit-type1 {margin:40px 0 5px 0;}
.members.texrefund .tit-type1 + span {display:block; padding:15px 0 20px 0; font-size:12px; color:#666;}

.members.point .tit-type1 + span {display:inline-block; margin-top:5px; font-size:12px; color:#666; line-height:1.5;}
.members.point .board + span {display:block; margin-top:20px; font-size:12px; color:#666;}
.members.point .board {margin-top:20px;}
.members.point .list-type1 {margin-top:20px;}

.members .tab > li > a {width:auto; padding:11px 30px 0 30px;}
.members .list-type1 .co_red {color:#dd4c4c;}
.members h5.tit-type2 {margin:80px 0 0 0; padding:0 0 0 16px; font-size:16px; color:#000; font-weight:bold;}
.members-02-01 {height:186px; margin:20px 0 20px 0; background:url('../../images/cont/members_02_01.jpg') no-repeat 0 0;}
.members-02-02 {height:440px; margin:20px 0 40px 0; background:url('../../images/cont/members_02_02.jpg') no-repeat 0 0;}

.membership-infobox {overflow:hidden; margin-bottom:40px; padding:30px; background-color:#eee;}
.membership-infobox .card {display:block; float:left;}
.membership-infobox .txt-info {float:left; width:365px; margin:40px 0 0 30px; height:105px; background:url('../../images/cont/txt_membership.png') no-repeat 0 0;}

.members p.list-type1 {padding:5px 0 0 12px; background:url('../../images/ico/ico_blt_list.png') no-repeat 1px 14px;}
.members .list-type1 li.co_red,
.members p.list-type1.co_red {padding:5px 0 0 12px; background:url('../../images/ico/ico_blt_list2.png') no-repeat 1px 14px; color:#dd4c4c;}

.members .card-list {overflow:hidden; }
.members .card-list > li {float:left; margin-right:20px;}

/* box-type */
.box-type1 {margin:20px 0 0 0; padding:20px 30px; border:1px solid #ddd; border-top:1px solid #000;}
.box-type2 {margin-bottom:30px; padding:15px 30px 20px 30px; border:1px solid #ddd; }

/* ebrand */
.ebrand .vis {height:455px; padding:305px 0 0 ! important; border-bottom:1px solid #000; position:relative;}

#content > div.vis.modern {margin-top:142px; background:url('../../images/ebrand/modern_visual.jpg') no-repeat center top;}
#content > div.vis.butter {background:url('../../images/ebrand/butter_visual.jpg') no-repeat center top;}
#content > div.vis.shoopen {background:url('../../images/ebrand/shoopen_visual.jpg') no-repeat center top;}
#content > div.vis.kims {background:url('../../images/ebrand/kims_visual.jpg') no-repeat center top;}
#content > div.vis.luxurygallery {background:url('../../images/ebrand/luxurygallery_visual.jpg') no-repeat center top;}
#content > div.vis.ncpicks {border-bottom:0; background:url('../../images/ebrand/ncpicks_visual.jpg') no-repeat center top;}

#content > div.vis .intro {width:1000px; height:260px; margin:0 auto; display:table;}
.intro h2 {width:350px; display:table-cell; vertical-align:middle;}
.intro div {width:550px; display:table-cell; vertical-align:middle; padding:0 50px; color:#fff; text-align:left;}
.intro div ul {padding-top:5px;}

.vis .store-slide {position:relative; width:1000px; height:195px; margin:0 auto; padding:0 0 50px; overflow:hidden;}
.vis .store-slide > ul {overflow:hidden; padding:35px 50px 0 50px; position:absolute; left:0; top:0;}
.vis .store-slide > ul > li {float:left; width:1000px; }
.vis .store-slide > ul > li > ul {overflow:hidden;}
.vis .store-slide > ul > li > ul > li {float:left; width:180px; height:48px; margin-bottom:25px; color:#ddd; font-size:11px; line-height:1.5; text-align:left; }
.vis .store-slide > ul > li > ul > li span {display:block;}
.vis .store-slide .control {position:absolute; bottom:15px; width:100%;}

.control button {width:9px; height:9px; background:url('../../images/ico/ico_control.png') no-repeat left top;}
.control button + button {margin-left:1px;}
button.btn-pag.on {background-position:0 -19px;}
button.btn-pause {background-position:0 -38px;}
button.btn-play {background-position:0 -54px;}

.ebrand .brand-con {width:1000px; margin:0 auto; text-align:left; overflow:hidden;}
.ebrand h3 {padding:60px 0 18px; background:0 none; font-size:24px; color:#000; text-align:left;}
.ebrand h3.line {border-bottom:2px solid #21211f; margin-bottom:40px;}
.ebrand .tab-area {overflow:hidden;}
.ebrand .tab-area .tab > li > div {margin:40px 0; width:100%;}
.ebrand .tab-area .tab > li > div ul, .brand-list {width:100%; overflow:hidden; margin-left:-5px;}
.ebrand .tab-area .tab > li > div ul li, .brand-list li {float:left; margin-left:35px;}
.ebrand .tab-area .tab > li > div ul li span, .brand-list li span {display:block; text-align:center; line-height:100%; margin:15px 0 50px 0; color:#000;}

.company .tit-type1 {margin:0 0 20px 0;}
.company .tit-type6 {margin:0 0 10px 0; color:#555; font-size:15px; text-align:center; }
.etc-company01 {height:259px; margin-top:18px; background:url('../../images/bg/bg_company.jpg') no-repeat 0 0;}
.etc-company02 {height:324px; margin:43px 0 60px; padding-bottom:50px; border-bottom:1px solid #c1c1c1; background:url('../../images/cont/company_info01.png') no-repeat 0 0;}
.etc-company03 {height:427px; margin:0 0 88px 0; padding-top:50px; background:url('../../images/cont/company_info02.jpg') no-repeat 0 50px;}
.etc-company04 {height:526px; background:url('../../images/cont/company_info03.jpg') no-repeat 0 0;}
.etc-company05 {height:190px; margin:40px 0 50px 0; background:url('../../images/cont/company_info04.png') no-repeat 0 0;}
.etc-company06 {height:460px;  background:url('../../images/cont/company_info05.jpg') no-repeat 0 0;}
.company .board {margin-bottom:60px;}
.company .board .tb-type1 tfoot td {background:#fafafa; font-size:16px; color:#333;}
.company .board .tb-type1 tfoot td span {margin-left:10px; font-weight:bold; color:#dd4c4c;}

.etc-footer {border-top:2px solid #000;}

/* main */
.main-con {padding-bottom:90px; background:#f7f7f7;}
.main-con .top-main {height:620px; margin-top:142px; background:url('../../images/bg/bg_top_main.jpg') no-repeat center 0;}
.main-con .txt_main {padding:75px 0 120px 0; text-align:center; background:#f7f7f7;}
.main-con .main-modern {background:#fff; display: none;}
.main-con .main-modern > div {height:380px; background:url('../../images/cont/main_modern.jpg') no-repeat center 0;}
.main-con .main-butter {background:#1c1c1c; display: none;}
.main-con .main-butter > div {height:380px; background:url('../../images/cont/main_butter.jpg') no-repeat center 0;}

.main-con .main-shoopen {position:relative; background:#fff;}
.main-con .main-shoopen .bg-gy {position:absolute; top:0; width:50%; height:160px; background:url('../../images/bg/bg_main_grey.jpg') repeat-x 0 0; z-index:0;}
.main-con .main-shoopen > div {position:relative; width:1000px; height:380px; margin:0 auto; background:url('../../images/cont/main_shoopen.jpg') no-repeat center 0; z-index:100;}

.main-con .main-kims {height:420px; background:url('../../images/bg/bg_main_white.jpg') repeat-x 0 70px;}
.main-con .main-kims > div {height:420px; background:url('../../images/cont/main_kims.jpg') no-repeat center 0;}
.main-con .main-luxury {height:420px; background:url('../../images/bg/bg_main_grey.jpg') repeat-x 0 70px;}
.main-con .main-luxury > div {height:420px; background:url('../../images/cont/main_luxury.jpg') no-repeat center 0;}
.main-con .main-ncpicks {height:420px; background:url('../../images/bg/bg_main_white.jpg') repeat-x 0 70px;}
.main-con .main-ncpicks > div {height:380px;background:url('../../images/cont/main_ncpicks.jpg') no-repeat center 0;}

.card-no span, .btn-apply span, .bookmark-sel ul li div i span, .btn-prev span, .btn-next span
{font-size:0; width:0; height:0; line-height:0; position:absolute; text-indent:-3000px; overflow:hidden; background:none;}

.sch-list {padding-top:70px;}

.food-roll {width:252px; height:208px; float:left; position:relative; overflow:hidden;}
.food-roll > ul {height:208px; position:absolute; z-index:1;}
.food-roll > ul li {width:252px; height:208px; float:left;}
.food-roll > em {position:absolute; left:10px; top:10px; padding:0 9px; color:#fff; font-size:11px; line-height:27px; background:url('../../images/bg/bg_tit_food.png') repeat left top;  z-index:10;}
.food-roll .btn-prev, .food-roll .btn-next {width:30px; height:30px; position:absolute; top:89px; z-index:10;}
.food-roll .btn-prev {left:0;}
.food-roll .btn-next {right:0;}

.point-guide > h5 {font-size:18px; color:#000; line-height:100%; display:block; margin:0 0 20px; padding-top:38px;}
.point-guide > h5:first-child {padding-top:28px;}
.point-guide > p {line-height:18px; font-size:12px;}

/* MY PATE Main */
#content > div.mypage {border-top:2px solid #333; padding-top:10px;}

.mypage  h4 {font-size:18px; color:#000;}
.mypage  h4 + .txt-type2 {margin-top:20px;}

.my-info1 {overflow:hidden;}
.my-info1 > div {width:249px; float:left; text-align:center; padding:27px 0;}
.my-info1 > div + div {border-left:1px solid #eee;}

.info-card > div, .info-card > span {width:189px; text-align:center; margin:0 auto;}
.info-card > div img {width:100%;}
.info-card > span {display:block; background:#eee; padding:5px 0; margin-top:12px; font-size:18px; font-weight:bold; color:#000;}

.card-sec, .card-no {width:189px; height:118px; position:relative;}
.card-no {background:url('../../images/cont/img_mcard_no.png') no-repeat left top; display:none;}
.card-sec .barcord {display:none; width:171px; height:40px; padding:40px 10px; background:url('../../images/bg/bg_barcord.png') no-repeat left top; position:relative;}
.card-sec .barcord > div {width:100%; height:40px;}
.card-sec .barcord > span {position:absolute; left:0; bottom:12px; width:100%; text-align:center; color:#333;}
.card-sec .btn-chg {width:15px; height:33px; background:url('../../images/ico/ico_btn.png') no-repeat left -63px; position:absolute; left:174px; top:43px;}
.card-sec .btn-chg.front {background-position:0 -96px; left:0; top:43px;}


.my-info1 > div.info-grade {width:248px; padding-top:31px; font-size:14px;}
.info-grade .grade-01 {display:block; margin:0 auto 22px;}
.info-grade > strong {color:#333;}

.my-info1 > div.info-point {width:219px; padding-left:30px; text-align:left;}
.info-point  h4 {display:inline-block;}
.info-point > strong {display:block; font-size:50px; color:#333; padding:30px 0; line-height:100%;}
.info-point > ul {border-left:1px solid #eee; padding-left:8px;}
.info-point > ul li {line-height:100%; font-size:13px;}
.info-point > ul li + li {padding-top:3px;}

/* User Info */
.my-info2 {position:relative; border-top:1px solid #999; border-bottom:1px solid #999; background:#eee;}
.my-info2 h4 {padding:21px 28px; font-size:16px; color:#333;}
.my-info2 .btn-area {position:absolute; right:30px; bottom:20px;}
.my-info2 ul {padding:17px 28px;}
.my-info2 ul li {line-height:100%; font-size:13px;}
.my-info2 ul li + li {padding:10px 0 0;}
.my-info2 ul li strong {width:72px; display:inline-block; color:#333;}
.my-info2 ul li span {display:inline-block; color:#333;}
.my-info2 .btn-box {position:absolute; left:50%; bottom:-17px; margin-left:-17px;}

.my-info2 + .my-info3 {margin-top:48px; text-align:center;}
.my-info3 > div {width:139px; height:140px; display:inline-block; vertical-align:middle; background:url('../../images/cont/mypage01.png') no-repeat left top; position:relative;}
.my-info3 > div + div {margin-left:28px;}
.my-info3 > div > span {position:absolute; right:10px; top:-5px;}
.my-info3 > div.my-box2 {background-position:0 -140px;}
.my-info3 > div.my-box3 {background-position:0 -280px;}
.my-info3 > div.my-box4 {background-position:0 -420px;}
.my-info3 > span {display:block; text-align:right; padding:18px 0 7px; font-size:12px; line-height:100%; color:#555;}
.my-info3 > span em {color:#333; font-weight:bold;}

.my-info4 {border-top:1px solid #999; border-bottom:2px solid #333; padding:10px 0; overflow:hidden;}
.my-info4 h4 {font-size:18px; color:#000; display:inline-block;}
.my-info4 .cur-info {width:344px; padding:10px 0 10px 30px; float:left;}
.my-info4 .cur-info + .cur-info {width:343px; border-left:1px solid #eee;}
.my-info4 .cur-info span {font-size:13px;}
.my-info4 .cur-info span strong {color:#333;}
.my-info4 h4 + a {margin-right:10px; vertical-align:middle;}

.my-favorite {margin:80px 0; border:1px solid #ddd; overflow:hidden;}
.my-favorite .favorite-img, .my-favorite .favorite-none {width:200px; float:left; position:relative;}
.my-favorite .favorite-none {display:none;}
.my-favorite .favorite-img .bookmark {width:77px; height:77px; position:absolute; left:50%; top:50%; margin:-38px 0 0 -38px; background:url('../../images/ico/ico_bookmark.png') no-repeat left -120px;}

.my-favorite .favorite-info {width:295px; padding:26px 0 0 30px; float:left;}
.favorite-info em {color:#333; font-size:13px; line-height:100%; display:block; margin:0 0 7px;}
.favorite-info strong {color:#000; font-size:22px; line-height:100%; display:block; margin:0 0 15px;}
.favorite-info .tel {font-size:15px; line-height:100%; padding-left:17px; margin:0 0 15px; background:url('../../images/ico/ico_set2.png') no-repeat left -340px; display:block;}
.favorite-info p {font-size:13px; line-height:100%; margin:22px 0 0;}
.my-dm {width:220px; height:169px; float:right; border-left:1px solid #eee; margin:10px 0 0; text-align:center;}
.my-dm > a {width:91px; display:block; padding:0 19px 9px; margin:10px auto 0; background:url('../../images/bg/bg_dm2.png') no-repeat center bottom;}
.my-dm > a img {width:100%;}
.my-dm > p {margin-top:55px;}

.bookmark-info {overflow:hidden;}
.bookmark-info > div {width:494px; float:left; padding:17px 0 0;}
.bookmark-info > div + div {width:214px; margin-left:40px;}
.bookmark-info > div .txt-no {text-align:center; padding:150px 0;}
.bookmark-info h5 {font-size:16px; color:#333; line-height:100%; margin:0 0 12px;}
.bookmark-info ul {overflow:hidden;}
.bookmark-info ul li {float:left;}
.bookmark-info ul li + li {margin-left:14px;}
.bookmark-info ul li a {height:285px; display:block; border:1px solid #ddd;}
.bookmark-info ul li strong {display:block; padding:16px 0 0 13px; font-size:14px; color:#000; line-height:100%;}
.bookmark-info ul li span {display:block; padding:10px 0 0 13px; font-size:12px; line-height:110%;}

.bookmark-no {padding:60px 0; text-align:center; display:none;}
.bookmark-no strong {font-size:16px; color:#333; line-height:100%; margin:0 0 12px; display:block;}
.bookmark-no span {font-size:12px; line-height:100%;}

.mypage .tab-area {height:476px;}
.tab.type5 > li > a {width:147px;}

.pop-bookmark {width:570px;}
.pop-bookmark > p {text-align:left; padding:0 0 14px 4px; color:#333; line-height:100%;}
.pop-bookmark > ul > li {text-align:left; padding:13px 0 0 4px; color:#333; line-height:100%;}
.pop-bookmark > ul > li span {color:#696969;}
.pop-bookmark > ul > li em {font-weight:bold;}
.pop-bookmark .tab-area {margin-top:18px; border-bottom:2px solid #333;}
.bookmark-sel {padding:15px 0 20px 11px;}
.bookmark-sel ul {overflow:hidden;}
.bookmark-sel ul li {padding:5px 0 0 5px; float:left;}z
.chk-brc {position:relative;}
.chk-brc input[type=checkbox] {position:absolute; opacity:0; z-index:1; outline:none;}
.chk-brc label {display:block; width:172px; height:25px; padding-top:10px; text-align:center; font-size:14px; line-height:100%; background:#ddd; border:1px solid #ddd; cursor:pointer;}
.chk-brc.on label {display:block; width:172px; height:25px; padding-top:10px; text-align:center; font-size:14px; color:#22211f; font-weight:bold; background:#fff; border:1px solid #22211f;}
.chk-brc i {width:20px; height:20px; text-align:center; position:absolute; right:6px; top:8px;}

/* DM POPUP */
.pop-dm {width:100%; height:100%; text-align:center; background:url('../../images/bg/bg_pop_dm.png') repeat left top; position:absolute; left:0; top:0; z-index:100010; display:none;}
.pop-dm header {width:100%; background:#222325; padding:21px 0 20px; border-bottom:1px solid #000;}
.pop-dm header > div {width:942px; margin:0 auto; overflow:hidden; padding-right:58px;}
.pop-dm header > div h1 {float:left; padding:8px 31px 6px 0; border-right:1px solid #2d2e30;}
.pop-dm header > div h2 {float:left; color:#fff; font-size:20px; font-weight:bold; padding:8px 0 0 35px;}
.pop-dm header > div > span {font-size:15px; color:#999; float:left; padding:14px 0 0 10px;}
.pop-dm header > div .sch-type1 {float:right; padding:0;}

.dm-wrap {padding:14px 0 0 0; width:1000px; margin:0 auto;}
.dm-con {margin-top:37px; position:relative; padding:5px 0;}
.pop-dm .btn-prev, .pop-dm .btn-next {width:32px; height:41px; display:block; position:absolute; top:50%; margin-top:-20px;}
.pop-dm .btn-prev {left:0; background-position:-35px -76px;}
.pop-dm .btn-next {right:0; background-position:-67px -76px;}

.dm-con > ul {width:896px; height:618px; border:1px solid #1e1e1e; background:#404040; position:relative; margin:0 auto;}
.dm-con > ul .left {position:absolute; left:6px; top:-5px;}
.dm-con > ul .right {position:absolute; right:6px; top:-5px;}

.dm-bot {width:100%; background:#222325; padding:17px 0 16px; border-top:1px solid #000; position:fixed; left:0; bottom:0;}
.dm-bot > div {width:1000px; margin:0 auto; overflow:hidden;}
.dm-bot div.btn-set {width:420px; float:left; padding:0; margin:0;}
.dm-bot div.btn-set button.btn-view2 + a.btn-view2 {margin-left:31px; position:relative;}
.dm-bot div.btn-set button.btn-view2 + a.btn-view2:after {content:""; height:32px; position:absolute; top:2px; left:-19px; border-left:1px solid #2d2e30;}

.dm-bot .paging {float:right; padding:0; margin:0;}
.dm-bot .paging > a {width:15px; height:36px;}
.dm-bot .paging > a.pag-first {width:20px; background-position:3px -16px;}
.dm-bot .paging > a.pag-prev {background-position:-24px -16px;}
.dm-bot .paging > a.pag-next {background-position:-48px -16px;}
.dm-bot .paging > a.pag-last {width:20px; background-position:-76px -16px;}

.dm-bot .paging > a.pag-first.disb {width:20px; background-position:3px 14px;}
.dm-bot .paging > a.pag-prev.disb {background-position:-24px 14px;}
.dm-bot .paging > a.pag-next.disb {background-position:-48px 14px;}
.dm-bot .paging > a.pag-last.disb {width:20px; background-position:-76px 14px;}

.dm-bot .paging > span {padding:0 28px 0 25px;}
.dm-bot .paging > span > a {width:57px; height:34px; border:1px solid #fff; line-height:34px; color:#fff;}
.dm-bot .paging  > span > strong {width:59px; height:36px; border:0; line-height:34px; color:#22211f; background:#fff;}
.dm-bot .paging > a.num-last {width:36px; height:36px; line-height:36px; color:#fff; position:relative; background:none; margin-right:7px;}
.dm-bot .paging > a.num-last:after {content:""; position:absolute; left:-13px; top:11px; width:9px; height:14px; background:url('../../images/bg/bg_pag_last.png') no-repeat left top;}

/* �ұ��� ���� */
.reservation {overflow:hidden; margin-top:20px; padding:27px 0 0;}
.reservation > div {width:227px; float:left; position:relative;}
.reservation > div h5 {position:absolute; left:0; top:-27px; font-size:16px; color:#000; padding-left:17px;}
.reservation > div:first-child h5 {padding:0;}
.reservation > div + div {border-left:1px solid #ddd; margin-left:17px; padding-left:17px;}
.reservation > div > div {background:#eee;}

.res-date {padding:10px 20px 0; height:185px;}
.res-date > div.sel-mon {text-align:center; padding:0 0 4px;}
.res-date > div.sel-mon button {border:1px solid #999; width:13px; height:13px; background:url('../../images/ico/ico_btn.png') no-repeat left top;}
.res-date > div.sel-mon button.btn-mon-prev {background-position:2px -138px;}
.res-date > div.sel-mon button.btn-mon-next {background-position:-13px -138px;}
.res-date > div.sel-mon span {margin:0 4px; color:#000; font-size:12px; line-height:100%;}
.res-date > div.sel-date {width:100%; border:1px solid #999;}
.res-date > div.sel-date table {width:100%;}
.res-date > div table th {height:19px; background:#999; color:#fff; font-size:12px; text-align:center;}
.res-date > div table td {height:20px; text-align:center; color:#000; font-size:12px; border-top:1px solid #ddd; background:#fff;}
.res-date > div table tr:first-child td {border-top:1px solid #fff;}
.res-date > div table td + td {border-left:1px solid #ddd;}
.res-date > div table td a {display:block; position:relative; z-index:10; margin:-1px -1px;}
.res-date > div table td a.on {background:#333;}
.res-date > div table td a.on:before {content:""; position:absolute; left:50%; top:0; width:19px; height:13px; margin:4px 0 0 -9px; background:#fff; line-height:12px; z-index:-1;}

.res-time {padding:20px; height:155px;}
.res-time > ul li {display:block; overflow:hidden; border:1px solid #999; background:#fff; padding:14px 0 14px 20px; font-size:14px; line-height:100%; color:#333;}
.res-time > ul li + li {margin-top:10px;}
.res-time > ul li.on {border:4px solid #333; padding:11px 0 11px 17px;}
.res-time > ul li input[type=radio] {opacity:0;}
.res-time > ul li span {float:left;}
.res-time > ul li span:first-child {border-right:1px solid #a9a9a9; padding-right:10px;}
.res-time > ul li span + span {border-left:1px solid #dadada; padding-left:9px;}

.res-num {padding:75px 21px 0; height:120px;}
.res-num .sel-type1 {height:43px; border:1px solid #999;}
.res-num .sel-type1 .selected {width:140px; height:30px; padding:13px 18px 0 8px; background-position:right -277px;}
.res-num .sel-type1 select {padding:10px 0;}

/* ������ Gallery */
.gallery {width:291px; overflow:hidden;}
.gallery > div {width:228px; border:1px solid #ddd; float:left; display:none;}
.gallery > ul {width:53px; float:right;}
.gallery > ul > li + li {margin-top:8px;}
.gallery > ul > li > a  {display:block; height:64px; border:1px solid #ddd;}

/* �ұ��� Slide */
.slide {width:748px; overflow:hidden; position:relative; border-top:1px solid #bdbdbd;}
.slide .control {text-align:center; position:absolute; right:10px; top:10px; z-index:100;}
.slide ul {position:absolute;}
.slide ul > li {text-align:center; float:left;}

.slide .control button {width:9px; height:9px; background-position:0 -170px;}
.slide .control button + button {margin-left:1px;}
.slide button.btn-pag.on {background-position:0 -151px;}

/* E:BRAND */
#content > h3.tit-brand {background:url('../../images/tit/tit_brand.png') no-repeat left top;}
#content > h3.tit-brand.sub02 {background-position:0 -32px;}

#content > div.brand02  {border-top:1px solid #000; padding-top:27px;}
.brand02 ul {overflow:hidden; margin-left:-10px;}
.brand02 ul li {float:left; padding:10px 0 0 10px;}
.brand02 ul li a > div.brand-front {width:367px; height:180px; border:1px solid #ddd;}
.brand-front {overflow:hidden;}
.brand-front img, .brand-front div {display:inline-block; vertical-align: middle;}
.brand-front div strong, .brand-front div span, .brand-back div strong, .brand-back div span {display:block; line-height:100%;}
.brand-front div strong {color:#000; font-size:16px;}
.brand-front div span {color:#333; font-size:13px; padding-top:8px; line-height:140%;}

.brand-back {width:289px; height:182px; background:#222; padding:0 40px; display:none;}
.brand-back div strong {color:#fff; font-size:16px;}
.brand-back div span {color:#ddd; font-size:12px; padding-top:13px; line-height:140%;}

.tit-brand + .tab-area {margin-bottom:90px;}
.tab-area .brand02  {border-top:0; padding-top:4px;}

.tab-area .brand02 ul li a > div.brand-front {height:144px;}
.tab-area .brand-back {height:146px;}