@charset "utf-8";
@import url("base.css");
@import url("common.css");
@import url("submain.css");

/* 고객 서비스 */
.service-wrap > .service-txt {padding:0 15px;}
.service-wrap > .serv {padding:15px 15px 30px 15px;}
.service-wrap > .btn-set2 {margin-bottom:15px;}
.gry-bg-wrap {border-top:1px solid #333; border-bottom:1px solid #333; padding:0 15px 20px 15px; background:#f5f6f7;}
.gry-bg-wrap > .btn-set2 {margin-top:30px;}
.info-link-list li {padding:30px 15px; border-top:1px solid #b4b4b4; font-weight:bold; color:#333;}
.info-link-list li:first-child {border:0;}
.info-link-list li > .btn-set {margin-top:15px; text-align:center;}
.info-link-list li > .btn-set .small {margin-top:15px; font-size:12px; padding:9px 8px 0;}
.info-link-list li > .btn-set.type2 .btn-type2 {width:49%;}
.service-wrap .finish-txt {margin:20% 0 125px 0;}
.service-wrap .finish-txt + .btn-set1 {position:fixed; bottom:15px; left:15px; right:15px;}
.service-wrap2 {margin:0 15px 15px;}
.service-wrap2 .list-togg1 > li > ul > li > span {width:auto;}
.service-wrap2 .list-togg1 > li > ul > li > span + span {position:absolute; right:60px;}
.service-sns {text-align:center;}
.service-sns > h3 {font-size:16px; margin-bottom:30px;}
.service-sns > ul > li img {width:207px; height:234px;}
.service-sns > ul > li {margin-bottom:30px;}

/* 시설안내 */
.facility .list-type1 img {width:100%;}
.facility .list-type1 h3 {font-size:18px; padding:20px 15px 10px 15px;}
.facility .list-type1 h3 > span {font-weight:normal; font-size:15px; color:#666;}
.facility .list-type1 .list-txt2 {padding:0 15px 20px; color:#333;}
.facility .list-type1 .list-txt2 li em + br + em {margin-left:-2px;}
.facility .list-type1 li .facility-details > button {width:24px; height:29px; position:absolute; top:50%; z-index:100; margin-top:-15px;}
.facility .list-type1 li .facility-details > button.btn-prev {left:0; background:rgba(0,0,0,.6) url('../../images/btn/btn_prev.png') no-repeat center center; background-size:10px;}
.facility .list-type1 li .facility-details > button.btn-next {right:0; background:rgba(0,0,0,.6) url('../../images/btn/btn_next.png') no-repeat center center; background-size:10px;}
.facility .list-type1 li .facility-details {position:relative;}
.facility .list-type1 li .facility-details > div {position:absolute; top:10%; left:15%; background: rgba(255, 255, 255, .9); width:70%; height:80%; padding:30px 20px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; display:none;}

/* 지점안내 */
.store .btn-area {margin:0 15px; padding:15px 0; border-top:1px solid #b4b4b4;}
.store-info .wrap-map .map-area {width:100%; height:177px; background:#eee; overflow:hidden;}
.store-info .wrap-map .map-area img {display:block; height:177px;width:100%;}
.store-info .store-con {margin:0 15px; padding:10px 0;}
.store-info .store-con h3 {color:#000; font-size:18px;}
.store-info .btn-set1 {padding:15px 3%;}
.store-info .store-con .list-brand {border-top:1px solid #b4b4b4;}
.store-info .store-con .list-brand > li {border-bottom:1px solid #b4b4b4;}
.store-info .store-con .list-brand > li > a {font-size:15px; color:#222;}
.store-info .store-con .list-brand > li > a i {display:inline-block; width:18px; height:18px; margin:0 5px 0 0; vertical-align:bottom; background:url('../../images/ico/ico_traffic.png') no-repeat; background-size:18px 50px;}
.store-info .store-con .list-brand > li > a .ico-titsubway {background-position:1px 1px;}
.store-info .store-con .list-brand > li > a .ico-titbus {background-position:1px -33px;}

.ico-subway li > strong {padding-left:20px; padding-bottom:3px;}
.ico-subway .line1 {background:url('../../images/ico/ico_subway_line1.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line2,
.ico-subway .line2-bs, 
.ico-subway .line2-dg {background:url('../../images/ico/ico_subway_line2.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line3 {background:url('../../images/ico/ico_subway_line3.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line4,
.ico-subway .line4-bs {background:url('../../images/ico/ico_subway_line4.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line5 {background:url('../../images/ico/ico_subway_line5.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line6 {background:url('../../images/ico/ico_subway_line6.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line7 {background:url('../../images/ico/ico_subway_line7.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line8 {background:url('../../images/ico/ico_subway_line8.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line9 {background:url('../../images/ico/ico_subway_line9.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line10 {background:url('../../images/ico/ico_subway_line10.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line11 {background:url('../../images/ico/ico_subway_line11.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line12 {background:url('../../images/ico/ico_subway_line12.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line13 {background:url('../../images/ico/ico_subway_line13.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line14 {background:url('../../images/ico/ico_subway_line14.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line15 {background:url('../../images/ico/ico_subway_line15.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line16 {background:url('../../images/ico/ico_subway_line16.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line17 {background:url('../../images/ico/ico_subway_line17.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line18 {background:url('../../images/ico/ico_subway_line18.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line1-bs, 
.ico-subway .line1-dg {background:url('../../images/ico/ico_subway_line19.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line3-bs {background:url('../../images/ico/ico_subway_line20.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line3-dg {background:url('../../images/ico/ico_subway_line21.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line4-bs {background:url('../../images/ico/ico_subway_line23.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line5-bs {background:url('../../images/ico/ico_subway_line24.png') no-repeat 0 0; background-size:15px 15px;}
.ico-subway .line1-kj, 
.ico-subway .line1-dj {background:url('../../images/ico/ico_subway_line22.png') no-repeat 0 0; background-size:15px 15px;}

.ico-bus {padding:0 0 3px 22px; }
.ico-bus.blue {background:url('../../images/ico/ico_bus_blue.png') no-repeat 4px 3px; background-size:15px 15px;}
.ico-bus.green {background:url('../../images/ico/ico_bus_green.png') no-repeat 4px 3px; background-size:15px 15px;}
.ico-bus.red {background:url('../../images/ico/ico_bus_red.png') no-repeat 4px 3px; background-size:15px 15px;}
.ico-bus.yellow {background:url('../../images/ico/ico_bus_yellow.png') no-repeat 4px 3px; background-size:15px 15px;}
.ico-bus.town {background:url('../../images/ico/ico_bus_town.png') no-repeat 4px 3px; background-size:15px 15px;}
.ico-bus.intercity {background:url('../../images/ico/ico_bus_intercity.png') no-repeat 4px 3px; background-size:15px 15px;}
.ico-bus.airport {background:url('../../images/ico/ico_bus_airport.png') no-repeat 4px 3px; background-size:15px 15px;}


/* 식당소개 */
.foodcourt .slide {position:relative;}
.foodcourt .slide .mark1 {position:absolute; left:10px; top:10px; z-index:10000;}
.foodcourt-info {position:relative; margin:0 15px; padding:15px 0 20px 0;}
.foodcourt-info h3 {margin:0 60px 5px 0; color:#000; font-size:18px;}
.foodcourt-info h3 em {margin-left:5px; color:#000; font-size:15px;}
.foodcourt-info > div {margin-bottom:15px;}
.foodcourt-info .mark3 {margin-right:5px; }
.foodcourt-info .btn-tel {position:absolute; top:17px; right:0;}


/* 층별 안내 */
.store .list-type1 > li > a > h3 {margin:15px 3% 0; padding:0; line-height:1.3; font-size:16px;}
.store-floor h3 {margin:0 3%; padding:15px 0 15px; font-size:22px;}
.store-floor .sch-type1 {margin:10px 15px 0 15px;}
.store-floor .view-floor {position:relative; margin-bottom:50px; overflow:hidden;}
.store-floor .view-floor ul {position:absolute; top:0; left:0; overflow:hidden;}
.store-floor .view-floor ul > li {float:left;}
.store-floor .view-floor img {width:100%;}
.store-floor .btn-viewfloor {position:fixed; bottom:0; left:0; right:0; background:#232427; text-align:center;}
.store-floor .btn-viewfloor span {display:inline-block; color:#fff; font-size:14px; font-weight:bold;}
.store-floor .btn-viewfloor span em {margin:0 5px;}
.store-floor .btn-viewfloor button {display:inline-block; width:50px; height:50px; background:url('../../images/btn/btn_viewfloor.png') no-repeat; background-size:107px 18px;}
.store-floor .btn-viewfloor button.btn-pre {background-position:17px 14px;}
.store-floor .btn-viewfloor button.btn-next {background-position:-76px 14px;}

.floor-info {position:relative; overflow:hidden;}
.floor-info .wrap-floor {display:block; float:left; width:50px; box-sizing:border-box; border-right:1px solid #232428; border-top:1px solid #232428; border-bottom:1px solid #232428; z-index:100; overflow:auto;}
.floor-info .wrap-floor .btn-up {display:block; width:49px; height:44px; line-height:44px; text-align:center; background:#666 url('../../images/bg/bg_arrow_up.png') no-repeat center center; background-size:8px 5px;}
.floor-info .floor-detail {float:right; width:calc(100% - 50px); width:-webkit-calc(100% - 50px);  border-top:1px solid #232428; overflow:auto; padding:0 15px; box-sizing:border-box;}
.floor-info .floor-detail .tit-area {overflow:hidden; padding:16px 0 16px 0; }
.floor-info .floor-detail .tit-area h4 {overflow:hidden; font-size:18px; color:#000; line-height:1.3; float:left; padding: 2px 0 0 30px; position:relative;}
.floor-info .floor-detail .tit-area h4 > span {position:absolute; left:0; top:2px;}
.floor-info .floor-detail .tit-area .btn-fplan {float:right;}
.floor-info .floor-detail .tab-members {margin:0 3%;}
.floor-info .floor-detail .tab-members > li > a {padding:10px 35px 10px 5px; background-position:95% center;} 
.floor-info .floor-detail .tab-members > li > ul > li {height:initial; min-height:30px; padding:7px 40px 7px 0;}
.floor-info .floor-detail .scroll {padding:0 15px; float:none;}

.floor-select li {border-top:1px solid #b4b4b4;}
.floor-select li:first-child {border-top:0;}
.floor-select li > a {display:block; line-height:100%; padding:15px 0; background:#eee;}
.floor-select li.on > a {background:#232428;}
.floor-select li.on > a span {color:#fff;}
.floor-select li > a span {width:50px; text-align:center; display:inline-block; color:#000;}


/* 지도확대보기 popup */
.pop-map {position:relative; }
.pop-map .map-area {width:100%; background:#eee;}
.pop-map .map-area img {width:100%;}
.pop-map .btn-set1 {width:100%; position:fixed; bottom:0; left:0; padding:15px; box-sizing:border-box;}


/* 멤버십 */
.members  img {width:100%; }
.members .co-red {color:#dd4c4c;}
.members .tax-refund {margin:0 15px;}
.members .tax-refund > ol {border-bottom:1px solid #999; padding-bottom:23px;}
.members .tax-refund > ol li {margin-top:30px; padding-top:23px;}
.members .tax-refund > ol li.num01 {background:url('../../images/cont/num01.png') no-repeat 0 0; background-size:17px 13.5px;}
.members .tax-refund > ol li.num02 {background:url('../../images/cont/num02.png') no-repeat 0 0; background-size:17px 13.5px;}
.members .tax-refund > ol li.num03 {background:url('../../images/cont/num03.png') no-repeat 0 0; background-size:17px 13.5px;}
.members .tax-refund > ol li.num04 {background:url('../../images/cont/num04.png') no-repeat 0 0; background-size:17px 13.5px;}
.members .card-list {width:100%; margin:15px auto 30px; overflow:hidden;}
.members .card-list > li {float:left; width:22%; margin-right:3%;}
.members .members-con01 .box-type1 {margin-bottom:30px;}
.members .members-con01 .tit-type2 {margin-top:30px;}
.members .members-con01 dl.list-txt3 > dt {margin-bottom:20px; padding-left:12px; color:#333; font-size:14px; background:url('../../images/bg/bg_dot.png') no-repeat left 10px; background-size:3px;}
.members .members-con01 dl.list-txt3 > dd {padding:0 0 30px 12px; color:#666; font-size:14px;}
.members .members-con01 dl.list-txt3 > dd + dd {margin-top:-15px; padding:0 0 10px 12px;}
.members .members-con02 .box-type2 {margin-bottom:30px;}
.members .members-con02 > p,
.members .members-con02 .list-txt3 li > em + p {margin-bottom:15px;}
.members .members-con02 > h4 {font-size:14px; font-weight:normal; color:#333; margin:25px 0 15px 0;}
.members .members-con02 .list-txt3 > li > ul > li {padding-left:0; background:0;}
.members .members-con02 .list-txt3 > li > ul > li .co-red {display:block;}
.members .members-con02 .dl-type1 dt {color:#333; font-size:14px;}
.members .members-con02 .dl-type1 dd {color:#666; font-size:14px;}
.members .members-con03 .box-type2 {margin-bottom:30px;}
.members .members-con03 dl.list-txt3 {margin-top:15px; }
.members .members-con03 dl.list-txt3 > dt {margin-bottom:5px; padding-left:12px; color:#333; font-size:14px; background:url('../../images/bg/bg_dot.png') no-repeat left 10px; background-size:3px;}
.members .members-con03 dl.list-txt3 > dd {padding:0 0 12px 12px; color:#666; font-size:14px;}
.members .members-con03 dl.list-txt3 > dd + dd {margin-top:-15px; padding:0 0 10px 12px;}
.members .members-con04 .box-type2 + .tit-type2 {margin-top:30px;}

.members .tab-members {margin-bottom:20px; border-top:1px solid #b4b4b4;}
.members .tab-members > li {border-bottom:1px solid #b4b4b4;}
.members .tab-members > li > a {padding:15px 22px 15px 0; display:block; line-height:100%; background:url('../../images/bg/bg_open.png') no-repeat 99% center; background-size:10px;}
.members .tab-members > li > a > h3 {padding:0; color:#333; font-size:15px;}
.members .tab-members > li > a.on {background:url('../../images/bg/bg_close.png') no-repeat 99% center; background-size:10px;}
.members .tab-members > li > ul {display:none;}
.members .tab-members > li > ul > li {height:29px; border-top:1px solid #b4b4b4; overflow:hidden; padding:7px 29px 7px 0; position:relative;}
.members .tab-members > li > ul > li > span {float:left; width:85px; padding-left:6px; color:#333;}
.members .tab-members > li > ul > li > span + span {width:110px; color:#666;}
.members .tab-members > li > ul > li > a {position:absolute; right:0; top:7px;}
.members .tab-members > li > div {overflow:hidden; padding:13px 0 18px 0; line-height:140%;}

.members .membership-info {margin-bottom:30px; padding:30px 15px; background:#eee; text-align:center;}
.members .membership-info .card {display:block; width:206.5px; height:131.5px; margin:0 auto 18px;}
.members .membership-info .txt-info {display:block; width:240.5px; height:112px; margin:0 auto;}
.members .membership-info .txt-info2 {display:block; width:227px; height:70px; margin:0 auto;}
.members .membership-info .btn-set1 {margin-top:18px;}

.members .tit-type1 {margin:30px 0 20px 0; color:#333; font-size:15px;}
.members .tit-type1:first-child {margin-top:0;}
.members .tit-area .tit-type2 {float:left; margin-top:0;}
.members .tit-area .btn-type1 {float:right; height:22px; padding:3px 15px 0; font-size:12px;}
.members .tb-lft {margin-top:15px;}
.members .tb-lft  th {color:#666; font-size:13px; text-align:center;}
.members .tb-type1 th {padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #bbb; background:#eee; color:#333; font-size:14px;}
.members .tb-type1 th + th {border-left:1px solid #bbb;}
.members .tb-type1 td {padding:10px 0; border-bottom:1px solid #bbb; color:#666; font-size:14px; text-align:center;}
.members .tb-type1 td + td {border-left:1px solid #bbb;}
.members .txt-type1 {font-size:14px; color:#666;}
.members .txt-type1 .po-blue {display:block; color:#4369b6;}

.members-cont {margin:0 15px;}
.members-cont .members-benefit {width:290px; height:249px; margin:35px auto; background:url('../../images/cont/membership_benefit.jpg') no-repeat 0 0; background-size:290px 249px;}
.members01-01 {width:290px; height:232px; margin:0 auto 20px; background:url('../../images/cont/img_members01_01.jpg') no-repeat 0 0; background-size:290px 232px;}
.members01-02 {width:290px; height:335px; margin:0 auto 20px; background:url('../../images/cont/img_members01_02.jpg') no-repeat 0 0; background-size:290px 335px;}
.members03-01 {width:290px; height:296px; margin:20px auto 30px; background:url('../../images/cont/img_members03_01.jpg') no-repeat 0 0; background-size:290px 296px;}
.members03-02 {width:290px; height:167px; margin:35px auto 30px; background:url('../../images/cont/img_members03_02.jpg') no-repeat 0 0; background-size:290px 167px;}
.members03-03 {width:290px; height:167px; margin:35px auto 30px; background:url('../../images/cont/img_members03_03.jpg') no-repeat 0 0; background-size:290px 167px;}
.members04-01 {width:290px; height:233px; margin:25px auto 25px; background:url('../../images/cont/img_members04_01.jpg') no-repeat 0 0; background-size:290px 233px;}
.members04-02 {width:290px; height:243px; margin:25px auto 20px; background:url('../../images/cont/img_members04_02.jpg') no-repeat 0 0; background-size:290px 243px;}
.members05-01 {width:290px; height:233px; margin:22px auto 22px; background:url('../../images/cont/img_members05_01.jpg') no-repeat 0 0; background-size:290px 233px;}

/* common */
.tit-area {overflow:hidden;}

/* box type */
.box-type1 {padding:14px 9px; border:1px solid #ddd; border-top:1px solid #000;}
.box-type2 {padding:14px 9px;; border:1px solid #ddd; }


/* ebrand */
.ebrand {position:relative; background:#f5f6f8;}
.ebrand .btn-type1 {position:absolute; left:0; bottom:20px; width:90%; padding:7px 0 0; margin:0 5%; text-align:center; border:1px solid #fff; background:transparent;}
.ebrand .btn-type1 > a {font-weight:bold; display:inline-block; width:100%; color:#fff; vertical-align:middle;}
.ebrand .btn-type1 i {background:url('../../images/btn/btn_ebrand.png') no-repeat center center; background-size:10.5px 6.5px; padding:0 15px;}

.ebrand .ebrand-con {margin:0 15px; padding:14px 0;}
.ebrand .ebrand-con > li {margin-top:10px;}
.ebrand .ebrand-con > li:first-child {margin-top:0;}
.ebrand .ebrand-con > li > a > img {width:100%;}
.modern > img, .butter > img, .shoopen > img, .kims > img, .luxury > img, .ncpicks > img {width:100%;}

.brands {margin:0 15px;}
.brands h3 {border-bottom:1px solid #232427;}
.brands ul {width:100%; margin-top:10px; overflow:hidden;}
.brands ul > li {float:left; width:31%; margin-left:3.3%; text-align:center;}
.brands ul > li img {width:100%;}
.brands ul > li:nth-child(3n+1) {margin-left:0;}
.brands ul >li strong {margin-top:10px; line-height:100%; display:inline-block; color:#737373; height:45px; font-weight:normal;}

/* 지점안내 m_en */
.foodcourt .list-togg1.type2 > li > a {color:#333;}
.foodcourt .list-togg1 {border-top:1px solid #b4b4b4;}
.foodcourt .list-togg1 > li {border-bottom:1px solid #b4b4b4;}

/* main */
.main > header h2 {padding:14px 0 !important;}
.main > header h2 img {width:133px; height:13px;}
.main > header > .btn-menu {position:absolute; left:10px; top:9px; display:block; width:25px; height:25px; z-index:10000; background:url('../../images/btn/btn_main_menu.png') no-repeat center center; background-size:25px 25px;}
.main-content {height:-webkit-calc(100% - 44px) ! important; overflow: hidden; position:relative; background:#193C66 url('../../images/common/vis_main.jpg') no-repeat 0 bottom; background-size:100%;}
.main-content h3 {margin:67px 0 40px 0;color:#fff; text-align:center; font-size:20px; }
.main-content .location {overflow:hidden; padding:0 15px;}
.main-content .location > ul {width:100%; box-sizing:border-box;}
.main-content .location > ul > li {float:left; width:40%; margin-right:2%; border:1px solid #fff; border-radius:16px; box-sizing:border-box; line-height:30px; background:rgba(0,0,0,0.3);}
.main-content .location > ul > li:first-child {width:28%;}
.main-content .location > ul > li:last-child {width:28%; margin-right:0;}
.main-content .location > ul > li span {display:inline-block; margin-left:10px; padding:0 10px 0 15px; color:#fff; font-size:11px; background:url('../../images/ico/ico_main_location.png') no-repeat 0 7px; background-size:10px 14px;}
.main-content .nav-menu {overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:0;}
.main-content .nav-menu > li {float:left; width:50%;}
.main-content .nav-menu > li > a {display:block;}
.main-content .nav-menu > li > a img {width:100%;}
.main-footer {height:78px; padding:15px 15px 0 15px; box-sizing:border-box; border-top:1px solid #999;}
.main-footer a {display:inline-block; padding:0 11px; border:1px solid #999; color:#444; font-size:12px; line-height:35px;}
.main-footer > select {position:relative; height:37px; padding:0 25px 0 5px; border:1px solid #999; color:#444; font-size:12px;  background:#fff url('../../images/btn/btn_sel.png') no-repeat right center; background-size:18px; box-sizing:border-box:}
.main-footer > span {display:block; margin-top:5px; text-align:center; color:#232427; font-size:10px;}

.floor-sel {padding:9px 3% 10px;}
.floor-list {border-top:1px solid #232427;}
.floor-list li {border-top:1px solid #b4b4b4;}
.floor-list li:first-child {border-top:0;}
.floor-list li > a {display:block; line-height:100%; padding:15px 0; font-size:14px; color:#666; background:url('../../images/bg/bg_arrow.png') no-repeat 96% center; background-size:7px;}
.floor-list li > a span {width:50px; text-align:center; font-size:13px; display:inline-block; color:#000;}

.news .btn-area {margin:0 15px; padding:15px 0; border-top:1px solid #b4b4b4;}

/* 환경설정 */
.setting {background:#f2f2f2;}
.setting > h3 {font-size:12px; line-height:100%; padding:28px 15px 8px;}
.setting > h3:first-child {padding:8px 15px;}
.setting > span {font-size:11px; color:#999; line-height:1.3em; padding:4px 15px 0; display:block;}
.setting > ul {background:#fff; border-bottom:1px solid #b4b4b4;}
.setting > ul > li {padding:15px; border-top:1px solid #b4b4b4; overflow:hidden;}
.setting > ul > li > strong {float:left; color:#000; line-height:1.8em;}
.setting > ul > li > button {float:right;}

.btn-setup {width:54px; height:24px; background:#999; color:#fff; position:relative; border-radius:50px;}
.btn-setup2 {height:24px; color:#000; letter-spacing:-0.05em; padding-right:15px; background:#fff url('../../images/bg/bg_arrow2.png') no-repeat right 6px; background-size:9px;}
.btn-setup2.disa {color:rgba(0,0,0,.3); background:#fff url('../../images/bg/bg_arrow3.png') no-repeat right 6px; background-size:9px;}
.btn-setup.on {background:#232427;} 
.btn-setup:before {content:""; width:20px; height:20px; background:#fff; border-radius:100%; position:absolute; left:2px; top:2px; box-shadow:0px 1px 2px rgba(0,0,0,.5); transition:left .1s ease-out;)}
.btn-setup.on:before {left:32px; transition:left .1s ease-out;}
.btn-setup > strong {width:32px; height:16px; color:#fff; font-size:11px; text-align:center; padding:4px 4px 0 20px; display:block; }
.btn-setup.on > strong {text-align:center; padding:4px 22px 0 2px;}

/* 오시는길 */
.store-con .list-add > li {margin-bottom:10px; border-bottom:1px solid #b4b4b4;}
.store-con .list-add > li > a {color:#222; font-size:15px; font-weight:bold; padding:10px 6px 10px 0; display:block; line-height:100%;}
.store-con .list-add > li > a i {display:inline-block; vertical-align:bottom;}
.store-con .list-add > li > a .ico-titadd {width:14px; height:17px; margin-right:10px; background:#fff url('../../images/ico/ico_address.png') no-repeat 0 0; background-size:13px 17px;}
.store-con .list-add > li > a .ico-titsubway {width:15px; height:16px; margin-right:12px; background:#fff url('../../images/ico/ico_traffic.png') no-repeat 0 0; background-size:18px 50px;}
.store-con .list-add > li > a .ico-titbus {width:19px; height:17px; margin-right:10px; background:#fff url('../../images/ico/ico_traffic.png') no-repeat 0 -33px; background-size:18px 50px;}
.store-con .list-add > li > ul > li {min-height:29px; border-top:1px solid #b4b4b4; overflow:hidden; padding:12px 29px 4px 0; position:relative;}
.store-con .list-add > li > ul > li > span {float:left; width:85px; padding-left:6px; color:#333;}
.store-con .list-add > li > ul > li > span + span {width:110px; color:#666;}
.store-con .list-add > li > ul > li > a {position:absolute; right:0; top:7px;}
.store-con .list-add > li > div {overflow:hidden; padding:13px 0 25px 0; line-height:140%; color:#666; font-size:14px;}

/* about us */
.aboutus .top-vis {border-bottom:1px solid #999;}
.aboutus .top-vis img {width:100%;}
.aboutus .etc-company01 {width:290px; height:347.5px; margin:0 auto; background:url('../../images/cont/txt_aboutus.jpg') no-repeat 0 0; background-size:290px 347.5px;}
.aboutus .etc-company02 {height:200px; margin:0 auto; border-top:1px solid #999; border-bottom:1px solid #999; background:url('../../images/cont/txt_aboutus2.jpg') no-repeat 0 0; background-size:290px 200px;}
.aboutus .etc-company03 {height:227px; margin:0 auto; border-bottom:1px solid #999; background:url('../../images/cont/txt_aboutus3.jpg') no-repeat 0 0; background-size:290px 227px;}
.aboutus .etc-company04 {height:262.5px; margin:30px auto 30px; background:url('../../images/cont/txt_aboutus4.jpg') no-repeat 0 0; background-size:290px 262.5px;}
.aboutus .tb-type1 th {padding:6px 0; border-top:1px solid #333; border-bottom:1px solid #bbb; background:#eee; color:#333; font-size:14px;}
.aboutus .tb-type1 th + th {border-left:1px solid #bbb;}
.aboutus .tb-type1 td {padding:6px 0; border-bottom:1px solid #bbb; color:#666; font-size:14px; text-align:center;}
.aboutus .tb-type1 td img {width:55px; height:19px;}
.aboutus .tb-type1 td + td {border-left:1px solid #bbb;}
.aboutus .tb-type1 tfoot td {background:#fafafa; font-size:11px; color:#333; font-weight:bold;}
.aboutus .tb-type1 tfoot td span {margin-left:10px; color:#dd4c4c; font-size:14px; }
.aboutus .con {margin:0 15px; }
.aboutus .con h3 {margin:25px 0 15px 0; color:#000; font-size:15px;}
.aboutus .list-ebrand > li {margin:0 auto 30px; border:1px solid #ddd; text-align:center;}
.aboutus .list-ebrand > li > div {margin-top:180px; padding:20px;}
.aboutus .list-ebrand > li > div h5 {margin-bottom:14px; color:#000; font-size:18px; font-weight:bold;}
.aboutus .list-ebrand > li > div .btn-type2 {min-width:100px;}
.aboutus .list-ebrand > li.modern {width:290px; background:url('../../images/cont/list_ebrand_modern.jpg') no-repeat 0 0; background-size:290px 180px;}
.aboutus .list-ebrand > li.butter {width:290px; background:url('../../images/cont/list_ebrand_butter.jpg') no-repeat 0 0; background-size:290px 180px;}
.aboutus .list-ebrand > li.shoopen {width:290px; background:url('../../images/cont/list_ebrand_shoopen.jpg') no-repeat 0 0; background-size:290px 180px;}
.aboutus .list-ebrand > li.luxury {width:290px; background:url('../../images/cont/list_ebrand_luxury.jpg') no-repeat 0 0; background-size:290px 180px;}
.aboutus .list-ebrand > li.ncpicks {width:290px; background:url('../../images/cont/list_ebrand_nc.jpg') no-repeat 0 0; background-size:290px 180px;}
.aboutus .list-ebrand > li.kims {width:290px; background:url('../../images/cont/list_ebrand_kims.jpg') no-repeat 0 0; background-size:290px 180px;}
