/* 2014-08-26 namo - msp */
/* benepia-new */
button > span { position:relative; border:none; }
i { font-style:normal; }
caption { display: block; height: 1px; overflow: hidden; line-height: 0; margin-top: -1px; color: transparent; }

.txred { color:#ff242c; }

/* skipnavi */
#skipNavi { height:0; }
#skipNavi a { position:absolute; width:100%; height:30px; background:#000; opacity:.5; filter:alpha(opacity=50); font-weight:bold; color:#fff; line-height:30px; text-align:center; top:-999px; left:0; z-index:1000; }
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active { top:0; }

/* top banner */
#g_topBanner { position: relative; height: 60px; background: #a38a83; text-align: center; }
#g_topBanner .to-close { position: absolute; top:50%; left:50%; margin-left:454px; margin-top:-12px; }

/* #top */
.topMenu-wrap { width:100%; height:33px; background:url(/img/front/bg_topMenu.gif) repeat-x center top; }
.topMenu-wrap .inbox { width:960px; margin:0 auto; padding-top:6px; text-align:right; line-height:14px; }
.topMenu-wrap .btn-login { display:inline-block; width:74px; height:22px; margin-top:-1px; background:url(/img/front/btn_logout.png) no-repeat left top; }
.topMenu-wrap .btn-login span { position:relative; z-index:-1; }
.topMenu { display:inline;}
.topMenu li { display:inline; padding:0 6px 0 10px; background:url(/img/front/ico_div-topmenu.gif) no-repeat left top; }
.topMenu li:first-child { background:none; }
.topMenu li a { vertical-align: top; font-size:11px; line-height: 22px; }

.sch-wrap { position:relative; width:960px; height:61px; margin:0 auto; z-index:1001; }
.sch-wrap h1 span { display:inline-block; }
.sch-wrap h1 .logo-benepia { vertical-align:top; }
.sch-wrap .sch-cnt { position:absolute; width:360px; height:31px; top:15px; left:50%; margin-left:-180px; }
.sch-wrap .sch-select { float:left; width:80px; height:27px; padding-right:10px; border:2px solid #ff3a0f; border-right:none; background:url(/img/front/bg_sch-select.gif) no-repeat right 50%; }
.sch-wrap .sch-select .select-view { width:100%; height:100%; }
.sch-wrap .sch-select .select-drop { position:absolute; display:none; width:90px; top:29px; left:0; background:#fff; border:2px solid #ff3a0f; }
.sch-wrap .sch-select .select-drop ul { width:100%; }
.sch-wrap .sch-select .select-drop button { width:100%; padding:8px 15px 6px 5px; }
.sch-wrap .sch-select .select-drop button:hover, .sch-wrap .sch-select .select-drop button:focus { background:#ff3a0f; color:#fff; }
.sch-wrap .sch-word { float:left; width:225px; height:25px; padding-top:2px; border:none; border-top:2px solid #ff3a0f; border-bottom:2px solid #ff3a0f; color:#767676;  }
.sch-wrap .sch-word:hover { border:none; border-top:2px solid #ff3a0f; border-bottom:2px solid #ff3a0f; }
.sch-wrap .sch-auto { position:absolute; display:none; width:321px; left:0; top:30px; border:1px solid #ff3a0f; background:#fff; }
.sch-wrap .sch-auto h3 { padding:15px; background:#fcfcfc; color:#000; font-size:12px; }
.sch-wrap .sch-auto ul { display:inline-block; width:291px; padding:8px 15px; }
.sch-wrap .sch-auto ul li { width:100%; margin-bottom:3px; }
.sch-wrap .sch-auto ul button { display:inline-block; width:100%; height:18px;  line-height:18px; color:#000; text-align:left; }
.sch-wrap .sch-auto ul button:hover { background:#fbe8e8; font-weight:bold; letter-spacing:-1px; }
.sch-wrap .user-point-info { position:absolute; top:25px; right:5px; line-height:16px; }
.sch-wrap .user-point-info span strong { color:#ff242c; }
.sch-wrap .sch-btn { border:none; } 
.sch-wrap .appDown { position:absolute; top:0%; left:50%; margin-left:510px; width:80px; text-align:center; } 
.sch-wrap .appDown a,
.sch-wrap .appDown button { display:inline-block; *display:inline; *zoom:1; width:90px; height:61px; background:url(/img/front/btn_appDown.png) no-repeat 0 0; }
.sch-wrap .appDown a:hover,
.sch-wrap .appDown button:hover { background-position:0 -61px; }
.sch-wrap .appDown a span,
.sch-wrap .appDown button span { display:block; text-indent:-9999%; }

.gnb-wrap { position:relative; width:100%; min-width:960px; height:39px; background:#ff7d09; z-index:1000; }
.gnb-wrap .gnb-bg { position:absolute; width:50%; height:39px; left:50%; background:#ff242c; }
.gnb-wrap .inbox { position:relative;  width:960px; margin:0 auto; }
.gnb-wrap .gnb-partner { position:absolute; width:382px; top:0; right:486px; text-align:left; z-index:999; }
.gnb-wrap .gnb-point { position:absolute; width:483px; top:0; left:480px; z-index:999;  }
.gnb-wrap .gnb-point h2 { float:left; width:73px; margin-left:-3px; }
.gnb-wrap .gnb-point h2 a { display:block; height:39px; }
.gnb-wrap .gnb-point ul { float:right; }


.gnb-1dep { display:inline-block; }
.gnb-1dep > li { position:relative; float:left; display:block; }
.btn-gnb1 { display:block; height:39px; padding:13px 7px 0; background:url(/img/front/gnb-partner-1.png) no-repeat center -52px; }
.btn-gnb1:hover, .btn-gnb1:active, .btn-gnb1:focus, .gnb-1dep li.on .btn-gnb1 { padding:11px 5px 0; border:2px solid #ff7d09; border-bottom:none; background:#fff;}
.btn-gnb1 > span { display:inline-block; }
.gnb-1dep li .btn-gnb1 .on { display:none; }
.gnb-1dep li.on .btn-gnb1 .on { display:inline-block; }
.gnb-1dep li.on .btn-gnb1 .off { display:none; }

.gnb-1dep-count4 .btn-gnb1 { width:78px; text-align:center; }
.gnb-1dep-count4-sp .btn-gnb1 { padding:13px 16px 0; }
.gnb-1dep-count4-sp .btn-gnb1:hover, .gnb-1dep-count4-sp .btn-gnb1:active, .gnb-1dep-count4-sp .btn-gnb1:focus, .gnb-1dep-count4-sp li.on .btn-gnb1 { padding:11px 14px 0; }

.gnb-partner .gnb-1dep { float:right; }

.gnb-point .gnb-1dep { width:407px; }
.gnb-point .btn-gnb1 { padding:13px 5px 0; }
.gnb-point .btn-gnb1:hover, .gnb-point .btn-gnb1:active, .gnb-point .btn-gnb1:focus, .gnb-point .gnb-1dep li.on .btn-gnb1 { padding:11px 3px 0; border-color:#ff242c; }

.gnb-1dep li:hover .gnb-2dep, .gnb-1dep li:active .gnb-2dep, .gnb-1dep li:focus .gnb-2dep, .gnb-1dep li.on .gnb-2dep { display:block; }
.gnb-2dep { position:absolute; display:none; width:153px; border:2px solid #ff7d09; border-top:none; background:#fff; }
.gnb-2dep.has-banner { width:465px; }
.gnb2-left .gnb-2dep { right:0; }
.gnb-point .gnb-2dep { border-color:#ff242c; }
.gnb-2dep { overflow:hidden; }
.gnb-2dep:after { content: ''; clear: left; display: block; }
/*.gnb-2dep > ul { float: left !important; margin:11px 12px; }*/
/*.gnb-2dep > ul li { padding:1px 0; }*/
/*.gnb-2dep.has-banner .menu { border-right: 1px solid #d6d6d6; }*/
/*.gnb-2dep .banner { float: left; position: relative; }*/
.gnb-2dep > ul { float: left !important; padding:11px 12px; }
.gnb-2dep.has-banner > ul { border-right:1px solid #d6d6d6; }
.gnb-2dep > ul li { padding:1px 0; }
.gnb-2dep .banner { float: left; position: relative; border-left: 1px solid #d6d6d6; margin-left:-1px; padding-left:12px; }
.gnb-2dep .banner li.nth-2 { border-top: 1px solid #d6d6d6; }
.gnb-2dep .banner .to-close { position: absolute; top: 2px; right: 0; width:34px; height:35px; background: url(/img/front/gnb_banner_close.png) no-repeat center center; text-indent:-9999%; }
.btn-gnb2 { display:block; width:119px; padding:2px 5px; line-height:20px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.btn-gnb2:hover, .btn-gnb2:active, .btn-gnb2:focus { background:#ff7d09; color:#fff; font-weight:bold; letter-spacing:-1px; }
.gnb-point .btn-gnb2:hover, .gnb-point .btn-gnb2:active, .gnb-point .btn-gnb2:focus { background:#ff242c; }

/* 전체보기 */
.gnb-wrap .btn-all { display:block; float:left; width:98px; height:39px; padding-left:5px; text-align:left; background:url(/img/front/ico_div-sitemap.gif) no-repeat right 50%; }
.gnb-wrap .btn-all span { display:block; background:url(/img/front/btn_sitemap.png) no-repeat left top; text-indent:-10000px; }
.gnb-wrap .btn-all.on span { background-image:url(/img/front/btn_sitemap-on.png); }

.gnb-all { position:absolute; display:none; width:960px; top:39px; left:0; padding-bottom:5px; background:#fff url(/img/front/bg_allMenu.png) no-repeat center bottom; }
.gnb-all .inbox { overflow:hidden; width:936px; padding:57px 10px 13px; border-left:2px solid #ff7d09; border-right:2px solid #ff242c; }
.gnb-all .gnb-all-close { position:absolute; width:23px; height:23px; left:937px; bottom:0; background:url(/img/front/btn_close.png) no-repeat left top; }
.gnb-all .gnb-all-close span { display:block; text-indent:-10000px;}
.gnb-all .gnb-all-close.close-top { top:0; z-index:900; }

.gnb-all-tab { position:absolute; width:940px; top:20px; left:10px; border-bottom:1px dotted #bebebe;}
.gnb-all-tab ul { display:inline-block; width:564px; margin:0 0 -1px 188px; vertical-align:top; }
.gnb-all-tab li { width:187px; float:left;  }
.gnb-all-tab li a { display:block; width:100%; padding:9px 0; font-size:14px; color:#444; line-height:18px; font-weight:bold; border:1px solid #dadada; background:#f7f7f7; text-align:center; }
.gnb-all-tab li:first-child { width:189px; }
.gnb-all-tab li:first-child a { border-left:1px solid #dadada; }
.gnb-all-tab li.on a { color:#fff; }
.gnb-all-tab li.on .btn-allTab1 { background:#ff7d09; border-color:#dc6800; }
.gnb-all-tab li.on .btn-allTab2 { background:#ff242c; border-color:#dc0000; }
.gnb-all-tab li.on .btn-allTab3 { background:#444; border-color:#340000; }

.gnb-all-cnt { display:none; background:url(/img/front/bg_gnb-all.gif) repeat-y left top; }
#gnb-all1 { display:block; }
.gnb-all-1dep { display:inline-block; width:940px; height:100%; }
.gnb-all-1dep > li { float:left; width:204px; padding:5px 15px 0; height:100%; overflow:hidden; }
.gnb-all-1dep > li h3 { margin:15px 0 8px; padding-bottom:6px; font-size:13px; color:#2a2a2a; line-height:16px; border-bottom:3px solid #444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px; }

.gnb-all-2dep { display:inline-block; width:100%; height:100%; min-height:230px; margin-bottom:10px; } /* 2014-09-30 수정 - 메뉴 전체보기 */
.gnb-all-2dep li { margin-bottom:4px; }
.gnb-all-2dep a { display:block; width:205px; font-size:11px; color:#666; line-height:18px; overflow:hidden; cursor:pointer; }
.gnb-all-2dep a span { float:left; display:block; width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gnb-all-2dep a:hover, .gnb-all-2dep a:focus, .gnb-all-2dep a:active { color:#2a2a2a; text-decoration:underline; }
.gnb-all-2dep .ico-wel { float:right; width:84px; text-align:right; }

.gnb-all-1dep-col4 { float:left; width:100%; background:url(/img/front/bg_gnb-all.gif) repeat-y 1px 20%; }
.gnb-all-1dep-col4 > h3, .gnb-all-1dep-col1 > h3 { margin:0 15px 0; padding-bottom:8px; background:#fff; }
.gnb-all-1dep-col4 > h3 span, .gnb-all-1dep-col1 > h3 span { display:block;  padding:20px 0 6px; font-size:13px; color:#2a2a2a; line-height:16px; border-bottom:3px solid #444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;  }

.gnb-all-1dep-col1 .gnb-all-2dep { margin:0 25px; }

/* mid */
#mid { width:960px; margin:0 auto; }
.mypage #mid { width:990px; }

/* footer */
#footer { clear:both; padding-top: 30px; }
.footer-menu { width:100%; height:38px; border-top:1px solid #d2d3d5; border-bottom:1px solid #d2d3d5; background:#efefef; }
.footer-menu ul { display:block; width:960px; margin:0 auto; } 
.footer-menu ul li { float:left; padding:14px 9px; background:url(/img/front/ico_div-footer.gif) no-repeat left 50%; }
.footer-menu ul li:first-child { background:none; }

.footer-cnt { width:960px; margin:0 auto; padding:25px 0; }
.footer-cnt .footer-logo { float:left; width:100px; }
.footer-cnt address { font-size:11px; line-height:18px; color:#757575; }
.footer-cnt address strong, .footer-cnt address a { color:#000; font-weight:bold; }
.footer-cnt address .copy { margin-top:12px; }

/* aside */
#aside { position:fixed; top:60px; left:50%; width:90px; margin-left:510px; }
#aside.aside-front { top:163px; }
#aside.aside-front.has-topBanner { top:223px; }
#aside .quick, #aside .pdt-view, #aside .quick-partner-list { border-right:1px solid #ddd; border-left:1px solid #ddd; text-align:center; }
#aside .quick li { height:74px; border-bottom:1px solid #ddd; }
#aside .quick a { display:block; width:100%; height:24px; padding-top:50px; background:url(/img/front/ico_aside-basket.png) no-repeat center top; color:#000; font-size:11px; } /* 2014-09-25 ss배너 이미지 위치 수정 */
#aside .quick a strong { color:#ff4200; }

#aside .pdt-view .nodata { padding:13px 11px; font-size:11px; color:#000; background:#f5f5f5; }
#aside .quick-partner-list li { border-bottom:1px solid #ddd; }
#aside .quick-partner-list li a { display:block; padding:7px 0; font-size:11px; background:#f5f5f5; color:#454344; }
#aside .btn-top { display:block; width:90px; height:24px; }


/* benepia - front ---------------------------------------------- */
#mid.main { width:960px; margin:0 auto; }

.main-top { position:relative; height:260px; margin:30px 0 20px; border-bottom:1px solid #e1e1e1; }
.main-top .btn-more { position:absolute; width:16px; height:16px; padding:2px; top:0; right:0; }

.main-point-info { position:absolute; float:left; width:175px; height:260px; top:0; left:0; z-index:10; }
.main-point-info h2 { height:14px; line-height:14px; margin-bottom:10px; }
.main-point-info .point-info { width:151px; height:36px; padding:13px 12px; background:url(/img/front/bg_main-pointInfo.png) no-repeat left top; color:#fff; }
.main-point-info .point-info dt { float:left; line-height:16px; min-width:69px; margin-bottom:5px; color:#e0e0e0; }
.main-point-info .point-info dd { float:right; line-height:16px; margin-bottom:5px; color:#e0e0e0; }
.main-point-info .point-info strong { color:#fff; }
.main-point-btn { height:157px; overflow:hidden; background: #fff; }
.main-point-btn li { float:left; }
.main-point-btn li a { display:block;  height:78px; border-bottom:1px solid #e1e1e1; }
.main-point-btn li.area2, .main-point-btn li.area4, .main-point-btn li.area6 { border-left:1px solid #e1e1e1; }
.main-point-btn li.area5 a, .main-point-btn li.area6 a { border-bottom:none; }
.main-point-btn li.area5, .main-point-btn li.area6 { display:none; }
.main-point-btn li .on { display:none; }
.main-point-btn li.on .off { display:none; }
.main-point-btn li.on .on { display:block; }

.main-point-btn.box { height: 213px; border-top: 1px solid #e1e1e1; }
.main-point-btn.box li { border-left: 1px solid #e1e1e1; width:86px; }
.main-point-btn.box.row2 li { height: 107px; }
.main-point-btn.box.row3 li { height: 71px; }
.main-point-btn.box li.area2, 
.main-point-btn.box li.area4, 
.main-point-btn.box li.area6  { border-right: 1px solid #e1e1e1; }
.main-point-btn.box li a { display:block; height:100%; overflow:hidden; }
.main-point-btn.box li a span { display:block; background-repeat:no-repeat; text-indent:-9999%; }
.main-point-btn.box li.condo a span { background-image:url(/img/front/ico_main-pointInfo-condo.gif); background-position:center 0px; height:56px; }
.main-point-btn.box li.car a span { background-image:url(/img/front/ico_main-pointInfo-car.gif); background-position:center 0px; height:55px; }
.main-point-btn.box li.health a span { background-image:url(/img/front/ico_main-pointInfo-health.gif); background-position:center 0px; height:59px; }
.main-point-btn.box li.park a span { background-image:url(/img/front/ico_main-pointInfo-park.gif); background-position:center 0px; height:60px; }
.main-point-btn.box li.rent a span { background-image:url(/img/front/ico_main-pointInfo-rent.gif); background-position:center 0px; height:57px; }
.main-point-btn.box li.condo a:focus span, 
.main-point-btn.box li.condo a:hover span { background-position:center -56px; }
.main-point-btn.box li.car a:focus span, 
.main-point-btn.box li.car a:hover span { background-position:center -55px; }
.main-point-btn.box li.health a:focus span, 
.main-point-btn.box li.health a:hover span { background-position:center -59px; }
.main-point-btn.box li.park a:focus span, 
.main-point-btn.box li.park a:hover span { background-position:center -60px; }
.main-point-btn.box li.rent a:focus span, 
.main-point-btn.box li.rent a:hover span { background-position:center -57px; }

.main-point-info .btn-pointInfo { display:block; width:175px; height:18px; text-indent:-10000px; background:url(/img/front/bg_point-info-open.jpg) no-repeat center top; }
.main-point-info .btn-pointInfo:hover { background-position:center bottom; }
.main-point-info .btn-pointInfo.btn-close { background-image:url(/img/front/bg_point-info-close.jpg); }


/* 대명리조트 메뉴추가 2017.2.23 */
.main-point-btn.box li.resort a span {background-image:url(/img/front/ico_main_resort.gif); background-position:center 0px; height:55px;}
.main-point-btn.box li.resort a:hover span { background-position:center -55px; } 
/* //대명리조트 메뉴추가 2017.2.23 */


.main-banner { position:relative; float:left; width:590px; margin:0 10px 0 185px; }
.main-banner .btn-control { position:absolute; width:18px; top:221px; left:40px; }
.main-banner .ban-btns { position:absolute; top:220px; left:60px; }
.main-banner .ban-btns li { float:left; }
.main-banner .ban-btns button { display:block; width:17px; height:17px; text-indent:-10000px; background:url(/img/front/btn_main-banner.png) no-repeat left top; }
.main-banner .ban-btns button.on { background-position:left -32px; }
.main-banner .ban-list { width:590px; height:260px; overflow:hidden; }
.main-banner .ban-list a { display:block; }
.main-banner .btn-ban-prev { position:absolute; width:20px; top:40%; left:2px; }
.main-banner .btn-ban-next { position:absolute; width:20px; top:40%; right:2px;}

.main-board { position:relative; float:right; width:175px; height:260px; }
.main-board > div { position:relative; padding-bottom:5px; }
.main-board h2 { height:18px; margin-bottom:10px; line-height:18px; }
.main-board .main-news { height:83px; border-bottom:1px solid #e1e1e1; font-size:11px; } /* 2014-09-18 수정 */
.main-board .main-news li { width:158px; height:12px; margin-bottom:6px; padding-left:15px; background:url(/img/front/ico_blet1.gif) no-repeat 8px 50%; overflow:hidden; }
.main-board .main-news li a { display:block; overflow:hidden; }
.main-board .main-news li .tit { float:left; display:block; width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main-board .main-news li .date { float:right; width:30px; }
.main-board .main-news li.nodata { margin-top:20px; background:none; color:#999; }

/* 신규제휴서비스 추가 */
.main-board .main-newSvc { padding:11px 0; border-bottom:1px solid #e1e1e1; }
.main-board .main-newSvc h2 { margin-bottom:2px; }
.main-board .main-newSvc .newSvc-cnt { position:relative; display:block; overflow:hidden; cursor:pointer; }
.main-board .main-newSvc .newSvc-cnt .logo { display:block; float:left; margin-top:8px; width:42px; height:36px; }
.main-board .main-newSvc .newSvc-cnt .tx { display:inline-block; padding-top:15px; margin-left:5px; font-size:11px; line-height:14px; }
.main-board .main-newSvc .newSvc-cnt .btn-newSvc { position:absolute; display:block; width:100%; height:100%; top:0; left:0; background:url(/img/front/blank.png) repeat left top; text-indent:-10000px; }
.main-board .main-newSvc .btn-more { top:8px; }
.main-board .main-newSvc.type2 { padding-top: 6px; padding-bottom: 12px; }
.main-board .main-newSvc.type2 h2 { height: 22px; margin-bottom: 11px; }
.main-board .main-newSvc.type2 .tx { margin-left:13px; padding-left:36px; padding-top: 0px; min-height: 30px; background: url(/img/front/img_main-img-newSvc2.png) no-repeat 0 0; line-height: 1.5em; }


/* 앱 다운로드 없을 경우 / 2014-09-25 제휴신규서비스 수정 */
.main-board-noApp .main-news { height:150px; }
.main-board-noApp .main-news li.nodata { margin-top:55px; }
/*.main-board-noApp .main-market { height:100px; border-bottom:none; }
.main-board-noApp .main-market li.nodata { margin-top:30px; }*/
.main-board-noApp .main-newSvc { height:90px; border-bottom:none; }
.main-board-noApp .main-newSvc h2 { margin-bottom:12px; }

.main-board .main-eventBan { position:relative; margin-top:20px; padding-left:60px; }
.main-board .main-eventBan img { position:absolute; top:0px; left:0px; }
.main-board .main-eventBan h6 { font-weight:normal; font-size:11px; color:#323232; }
.main-board .main-eventBan p { margin-top:8px; line-height:14px; font-size:11px; color:#767676; }
.main-board .main-eventBan a { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(/img/front/blank.png) repeat left top; text-indent:-10000px; }

/* 앱 다운로드 */
.main-board .main-appDown { padding-top:18px; }
.main-board .main-appDown h2 a { position: absolute; top: 15px; right: 0px; } /* 2015-09-11 */
.main-board .main-appDown .inp-phone { float:left; display:block; width:130px; padding-left:7px; overflow:hidden; }
.main-board .main-appDown .inp-phone input { float:left; display:block; width:30px; }
.main-board .main-appDown .inp-phone i { float:left; display:block; width:9px; line-height:25px; text-align:left; }
.main-board .main-appDown .btn-mms { float:right; width:32px; margin-right:3px; }


/* 포인트몰 */
.main-pointmall { margin-bottom:20px; }
.main-pointmall h2 { float:left; margin-top:4px; height:24px; line-height:24px; }
.main-pointmall .pointmall-top { margin-bottom:30px; padding-bottom:10px; border-bottom:2px solid #000; overflow:hidden; }
.main-pointmall .pointmall-menu { float:right; }
.main-pointmall .pointmall-menu li { float:left; padding:2px 7px 0; margin-top:6px; background:url(/img/front/ico_div-topmenu.gif) no-repeat left 50%; }
.main-pointmall .pointmall-menu li.nth-first,
.main-pointmall .pointmall-menu li:first-child { background: none; margin-top:0px; }
.main-pointmall .pointmall-menu li.on a { font-weight:bold; color:#e20000;  letter-spacing:-1px; } 
.main-pointmall .pointmall-menu li .hotdeal { display: inline-block; *display: inline; *zoom: 1; width:69px; height:26px; background: url(../../img/front/img_flag.png) no-repeat 0 -150px;  }
.main-pointmall .pointmall-menu li .hotdeal span { display: inline-block; *display: inline; *zoom: 1; text-indent: -9999%;text-align:left; }

.main-pointmall .pointmall-cnt { display:none; height:338px; overflow:hidden; position:relative; }
.main-pointmall #pointmall1 { display:block; }
.main-pointmall .pointmall-cnt ul { overflow:hidden; height:338px; position:relative; }
.main-pointmall .pointmall-cnt ul:after{ clear: left; content: ''; display: block; }
.main-pointmall .pointmall-cnt li { float:left; width:228px; border:1px solid #eeedea; margin-left:13px; position: relative; }
.main-pointmall .pointmall-cnt li.nth-first,
.main-pointmall .pointmall-cnt li:first-child { margin-left:0px; }
.main-pointmall .pointmall-cnt li a { display:block; cursor:pointer; }
.main-pointmall .pointmall-cnt li .hotdeal { display: inline-block; *display: inline; *zoom: 1; position: absolute; top: 5px; left: 12px; width: 68px; height: 59px; background:url(/img/front/ico_hotdeal.png) no-repeat; }
.main-pointmall .pointmall-cnt li .hotdeal span { display: inline-block; *display: inline; *zoom: 1; text-indent: -9999%;text-align:left; }
.main-pointmall .pointmall-cnt li .img { display:block; border-bottom:1px solid #eeedea; }
.main-pointmall .pointmall-cnt li .img img { width:228px; height:228px; }
.main-pointmall .pointmall-cnt li .tx { display:block; height:77px; padding:18px 18px 12px; }
.main-pointmall .pointmall-cnt li .tit { display:block; width:100%; height:30px; margin-bottom:10px; font-size:12px; font-weight:bold; color:#666; line-height:16px; overflow:hidden; }
.main-pointmall .pointmall-cnt li .benefit { display:inline-block; margin-right:10px; font-size:20px; font-family:tahoma; color:#dd1400; letter-spacing:-2px; }
.main-pointmall .pointmall-cnt li .benefit strong { font-size:36px; }
.main-pointmall .pointmall-cnt li .price { display:inline-block; font-size:19px; color:#000; font-family:tahoma; overflow:hidden;  line-height:21px; vertical-align:-4px; *vertical-align:0; font-weight:bold; letter-spacing:0px; }
.main-pointmall .pointmall-cnt li .price del { display:block; margin-bottom:-2px; font-size:12px; color:#666; line-height:14px; font-weight:normal; }
.main-pointmall .pointmall-cnt > button { z-index:10; position:absolute; top:150px; width:35px; height:49px; background:#000; opacity:.2; filter:alpha(opacity=20); }
.main-pointmall .pointmall-cnt > button span { display:block; vertical-align:top; height:49px; line-height:49px; }
.main-pointmall .pointmall-cnt > button span img { margin-top: 10px; }
.main-pointmall .pointmall-cnt > button:hover, 
.main-pointmall .pointmall-cnt > button.on { opacity:.6; filter:alpha(opacity=60); }
.main-pointmall .pointmall-cnt .btn-recomLeft { left:-10px; }
.main-pointmall .pointmall-cnt .btn-recomRight { right:-10px; }
.main-pointmall .pointmall-cnt#pointmall1 { overflow:visible; }
.main-pointmall .pointmall-cnt#pointmall1 .recom-list { overflow:hidden; }


/* 제휴몰 */
.main-partnermall { overflow:hidden; margin-bottom:35px; border-bottom:1px solid #dfdfdf; }
.main-partnermall h2 { height:20px; margin-bottom:20px; padding-bottom:10px; line-height:24px; border-bottom:2px solid #000; }
.main-partnermall .partnermall-menu { float:left; width:180px; height:161px; margin-right:12px; vertical-align:top; }
.main-partnermall .partnermall-menu ul { width:100%; }
.main-partnermall .partnermall-menu ul li { position:relative; height:32px; z-index:0; }
.main-partnermall .partnermall-menu ul li:hover, .main-partnermall .partnermall-menu ul li.on { z-index:10; }
.main-partnermall .partnermall-menu ul li.last a { height:17px; border-bottom:1px solid #dfdfdf;} /* 2014-09-30 카테고리 4개일 경우 bottom 선 때문에 border-bottom 추가 a1tair */
.main-partnermall .partnermall-menu a { position:absolute; display:block; width:130px; padding:8px 25px; line-height:15px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; z-index:1; } 
.main-partnermall .partnermall-menu a:hover, .main-partnermall .partnermall-menu li.on a { width:131px; height:17px; background:url(/img/front/bg_partnermall-menu.gif) no-repeat right top; top:0; right:-1px; padding-top:9px; border:none; z-index:10; }

.main-partnermall .partnermall-cnt { display:none; }
.main-partnermall #partnermall1 { display:block; }
.main-partnermall .partnermall-cnt ul { vertical-align:top; height:161px; }
.main-partnermall .partnermall-cnt li { float:left; width:191px; padding-left:1px; height:161px; background:url(/img/front/ico_blet2-partnermall.gif) no-repeat left bottom; }
.main-partnermall .partnermall-cnt li:first-child { background:none; }
.main-partnermall .partnermall-cnt li a { display:block; width:191px; height:160px; text-align:center; cursor:pointer; }
.main-partnermall .partnermall-cnt .img { display:block; margin-bottom:14px; }
.main-partnermall .partnermall-cnt .tit { display:block; margin-bottom:16px; }
.main-partnermall .partnermall-cnt .benefit { display:block; height:35px; padding:0 20px; }

/* 제휴몰+테마톡 */
.main-themeTok { margin-bottom:35px; }
.main-themeTok .top { position: relative; height:20px; padding-bottom:10px; line-height:24px; border-bottom:2px solid #000; }
.main-themeTok .top a { position: absolute; top:0; right:0; }
.main-themeTok ul { overflow: hidden; }
.main-themeTok ul:after{ clear:left; content:''; display:block; }
.main-themeTok li { float:left; position: relative; margin-top:30px; padding-top:228px; width:228px; border:1px solid #ededed; margin-left:13px; }
.main-themeTok li:first-child { margin-left:0px; }
.main-themeTok li .btn,
.main-themeTok li .thumb { position: absolute; top: 0; left:0; }
.main-themeTok li .thumb { border-bottom:1px solid #ededed; }
.main-themeTok li .btn { width:228px; height:100%; }
.main-themeTok li .btn a { display:block; width:100%; height:100%; }
.main-themeTok li .btn a img { width:100%; height:100%; }
.main-themeTok li dt { height:40px; padding:0 10px; line-height:40px; text-align:center; font-weight:bold; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }

/* benepia - sub ---------------------------------------------- */
.sub-location { margin-top:30px; padding-bottom:6px; border-bottom:1px solid #ddd; text-align:right; }
.sub-location .sub-home { display:inline-block; padding:1px 0 0 17px; background:url(/img/front/ico_home.gif) no-repeat left top; color:#767676; font-size:11px; line-height:14px; }
.sub-location .location-tx { display:inline-block; padding-left:10px; margin-left:5px; background:url(/img/front/ico_location-arrow.gif) no-repeat left 2px; line-height:14px; font-size:11px; }
.sub-topImg { margin-bottom:30px; border-bottom:1px solid #ddd; }

.sub-banner { margin-bottom: 20px; }
.sub-banner ul { overflow: hidden; }
.sub-banner ul:after { clear: left; content: ''; display: block; }
.sub-banner li { float: left; width: 468px; height: 150px; border: 1px solid #e1e1e1; }
.sub-banner li.nth-first { margin-right: 20px; }

.sub-menu-list { display:block; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
.sub-menu-list ul { display:inline-block; vertical-align:top; }
.sub-menu-list li { position:relative; float:left; width:189px; height:42px; margin-left:-1px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.sub-menu-list li.line-first { width:189px; }
.sub-menu-list li a { position:relative; display:block; top:0; left:1px; width:187px; height:41px; padding-top:0; line-height:41px; text-align:center; background:#f6f6f6; color:#222; border:2px solid #f6f6f6; }
.sub-menu-list li.line-first a { width:186px; }
.sub-menu-list li a:hover, .sub-menu-list li.on a { top:-1px; left:0; width:189px; height:42px; padding-top:1px; background:#fff; border-color:#ff242c; font-weight:bold; letter-spacing:-1px; }
.sub-menu-list li.line-first a:hover, .sub-menu-list li.line-first.on a { width:188px; }

.sub-partner-list { margin:-1px 0 30px; padding:40px 0 0; border:1px solid #e1e1e1; }
/*.sub-partner-list ul { display:inline-block; }
.sub-partner-list li { position:relative; display:inline-block; width:410px; margin:0 0 40px 29px; padding-right:40px; overflow:hidden; }*/
.sub-partner-list table { width:100%; }
.sub-partner-list table td { vertical-align:top; }
.sub-partner-list .partner-info-wrap { position:relative; height:100%; margin:0 30px 35px 29px; overflow:hidden; }
.sub-partner-list .partner-tit { width:176px; line-height:18px; margin-bottom:10px; color:#444; }
.sub-partner-list .partner-tit span { display:inline-block; width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; }
.sub-partner-list .partner-tit .ico_wel { vertical-align:middle; }
.sub-partner-list .logo { float:left; display:block; width:173px; height:70px; margin-right:13px; border:1px solid #ddd; }
.sub-partner-list .tx { float:left; display:block; width:221px; font-size:11px; line-height:14px; color:#666; }
.sub-partner-list .tx .tit { display:block; margin-bottom:5px; color:#444; }
.sub-partner-list .tx .cnt { display:block; line-height:16px; }
.sub-partner-list .btn-partner-list { position:absolute; display:block; width:100%; height:100%; top:0; left:0; text-indent:-10000px; z-index:100; background:url(/img/front/blank.png) repeat left top; }

/* 하단 안내 통이미지 변경 수정 */
.partnermall-info { margin-bottom:30px;}
/* .partnermall-info .tit { font-size:14px; color:#444; }
.partnermall-info .cnt { margin:16px 0 25px; font-size:12px; color:#444; line-height:16px; }
.partnermall-info .desc { font-size:11px; color:#666; }
.partnermall-info .desc:first-letter { font-size:12px; } */
/* 2014-09-12 하단 안내 통이미지 변경 수정 // */

/* 2014-09-12 포인트정보 추가 */
/* 모달 레이어 */
.mwArea {position:absolute; display:none; top:0; left:0; z-index:10000; width:100%; height:100%; _height:expression(parentNode.offsetHeight);}
.mwArea.open {display:block;}
.mwArea .modal_bg {position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: .7;}
.mwBox {position:absolute; _position:absolute; top:100px; left:50%; background:#fff; width:890px; border:5px #ff242c solid; padding:30px 30px 20px 30px; margin:0 0 0 -480px;}
.mwPsn{margin:0 0 0 240px!important;}

/* Layer:포인트 정보 더보기 */
.btn_mw_close {position:absolute; top:0; right:0; cursor:pointer;}
.tit_point {padding:0 0 30px 0; font-size:25px; font-weight:bold; color:#000; text-align:center; letter-spacing:-2px;}
.tit_point strong {font-family:Verdana; font-size:35px;}
.point_graph{position:relative;overflow:hidden;width: 900px;}
.point_graph > div{ /*float:left;*/ display: inline-block; *display: inline; *zoom: 1; position: relative; width:166px; margin:0 10px 20px 0; text-align:center; }
.point_graph > div var{ position:absolute; top:50%; left:0%; width:100%; margin-top:-22px; text-align:center; font-style:normal; font-weight:bold; font-size:30px; }
.point_graph > div .remain-desc{ position:absolute; top:0px; left:0px; width:100%; } 
.mile_info02 {width:890px; margin:30px 0 10px 0; padding:10px 0 8px 0; border-top:1px #ddd solid; border-bottom:1px #ddd solid; *zoom:1;}
.mile_info02:after {content:""; display:block; clear:both;}
.mile_info02 dt {float:left; background:url(../../img/com/sec_02.gif) 0 1px no-repeat; padding-left:10px; margin-left:10px; width:110px;}
.mile_info02 dt.first {background:none; padding-left:0; margin-left:0;}
.mile_info02 dd {float:left; width:173px; text-align:right; font-weight:bold;}
ul.point_list {*zoom:1;}
ul.point_list:after {content:""; display:block; clear:both;}
ul.point_list h3.h3_img {background:#f4f4f4; padding:7px 0 5px 0; border:1px #e8e8e8 solid; border-left:none; border-right:none; font-size:0; line-height:0; text-align:center;}
ul.point_list li {float:left; width:222px; border-left:1px #e8e8e8 solid; font-size:11px; line-height:13px; font-weight:bold; color:#999;}
ul.point_list li.first {width:221px; border-left:none;}
ul.point_list > li { min-height:220px; }
ul.point_list li p {margin-top:22px; *zoom: 1; text-align: center;}
ul.point_list li dl {margin-top:22px; *zoom:1;}
ul.point_list li dl:after {content:""; display:block; clear:both;}
ul.point_list li dl dt {float:left; width:90px; height:26px; padding:0 0 5px 30px; letter-spacing:-1px;}
ul.point_list li dl dt .fir_txt {margin-left:-10px;}
ul.point_list li dl dd {float:right; width:80px; height:26px; padding:0 20px 5px 0; text-align:right; color:#ff242c;}
ul.point_list li ul {margin-top:22px;}
ul.point_list li ul li {float:none; width:170px; height:26px; padding:0 20px 5px 30px; border-left:none; letter-spacing:-1px;}
ul.point_list li ul li.first {width:170px;}
ul.point_list li ul li .fir_txt {margin-left:-10px;}

/* 포인트 정보 더보기 디폴트값 */
.point_graph .nodata {background:url(../../img/main/temp_point_nodata2.png)no-repeat;height:170px;}
.point_graph .nodata h4 {margin: 45px 0 5px;color: #999;}
.point_graph .nodata .point {font-size: 18px;color: #ff242c;}
.point_graph .nodata .ment {padding: 15px 30px 0;font-size:11px;color: #999;}
.point_graph .nodata .text {padding-top: 45px;}

.mile_info02 {width:890px; margin:30px 0 10px 0; padding:10px 0 8px 0; border-top:1px #ddd solid; border-bottom:1px #ddd solid; *zoom:1;}
.mile_info02:after {content:""; display:block; clear:both;}
.mile_info02 dt {float:left; background:url(../../img/com/sec_02.gif) 0 1px no-repeat; padding-left:10px; margin-left:10px; width:110px;}
.mile_info02 dt.first {background:none; padding-left:0; margin-left:0;}
.mile_info02 dd {float:left; width:173px; text-align:right; font-weight:bold;}

/* 2017.04.18 고객정보보호 개선관련 CSS 추가 */
/* 본인인증 */
.auth-infoList2 {width:100%; margin:0 auto; text-align:left;} 
.auth-infoList2 dt {color:#06F; font-weight:bold;}
.auth-infoList2 dt a:link {color:#06F;}
.auth-infoList2 dt a:hover {color:#06F; text-decoration:underline;}
.auth-infoList2 dt a:visited {color:#06F;}
.auth-infoList2 dd {padding-bottom:10px;} 