@CHARSET "UTF-8";
@import url('/websrc/css/default.css');
@import url('common.css');
@import url('layout.css');

/* 인덱스 */
.index	{ }
.index	 h2	{ padding:10px 0 25px; text-align:center; }
.index ul	{  border-radius:5px; background:#fff; }
.index li	{ height:45px; border-bottom:1px solid #c2c2c2; box-shadow:0 1px 2px #dcdcdc; background:-webkit-gradient(linear, 0 50%, 0 bottom, from(#ffffff), to(#d1d1d1)); }
.index li p	{ height:45px; background:url('/websrc/m2/images/common/ico_view.png') no-repeat 95% center; background-size:20px; }
.index li p a	{ display:block; height:30px; padding:15px 0 0 50px; font-weight:bold; font-size:1.2em; background-repeat:no-repeat; background-position:12px center; background-size:28px; }
.index li.first	{ border-radius:5px 5px 0 0; }
.index li.last	{ border-radius:0 0 5px 5px; }
.index li.icon_order p a	{ background-image:url('/websrc/m2/images/index/ico_order.png'); }
.index li.icon_mycard p a	{ background-image:url('/websrc/m2/images/index/ico_mycard.png'); }
.index li.icon_request p a	{ background-image:url('/websrc/m2/images/index/icon_request.png'); }
.index li.icon_point p a	{ background-image:url('/websrc/m2/images/index/ico_point.png'); }
.index li.icon_coupon p a	{ background-image:url('/websrc/m2/images/index/ico_coupon2.png'); }
.index li.icon_event p a	{ background-image:url('/websrc/m2/images/index/ico_event.png'); }
.index li.icon_webtoon p a	{ background-image:url('/websrc/m2/images/index/ico_webtoon.png'); }
.index li.icon_notice p a	{ background-image:url('/websrc/m2/images/index/ico_notice.png'); }
.index li.icon_faq p a	{ background-image:url('/websrc/m2/images/index/ico_faq.png'); }
.index li.icon_modify p a	{ background-image:url('/websrc/m2/images/index/ico_modify.png'); }
.index li.icon_etc p a	{ background-image:url('/websrc/m2/images/index/ico_etc.png'); background-position: 10px center;} 
.index .ac	{ padding:20px 0; color:#fff; }

/******************** 01_MY CARE ********************/
/* 포인트현황 */
.headText	{ padding:0 0 10px; text-align:center; font-size:1.1em; line-height:1.5em;  color:#fff; font-weight:bold; }
.bbsList thead th.num	{ padding-right:20px; text-align:right; }
.bbsList tbody td.num	{ padding-right:20px; text-align:right; }
.bbsList tbody td .btnType2		{ padding:4px 5px; }
.pointArea	{ padding:10px; border-radius:5px; margin-bottom:10px; overflow:hidden; font-weight:bold; background:#fff; }
.pointArea p	{ color:#666; }
.pointArea p.fl	{ padding-top:2px; }
.pointArea strong 	{ color:#e11351; font-size:1.2em; }
/* 쿠폰 */
.couponHead	{ overflow:hidden; }
.couponHead h2	{ padding-bottom:5px; font-weight:bold; color:#fce6e6; }
.couponHead .date	{ padding-bottom:10px; font-weight:bold; color:#fce6e6; }
.couponCont	{ border-radius:5px; background:#fff; }
.couponCont .content	{ min-height:300px; padding-top:5px; line-height:1.5em; }
.couponCont .content img	{ width:100%; max-width:640px; margin:0 auto; }
.couponCont .btnArea	{ background:#e6e6e6; }
.couponCont .foot	{ padding:10px; border-radius:0 0 5px 5px; line-height:1.5em; background:#fff; }
/* 나의정보수정 */
.footText	{ padding:20px 0 0; text-align:center; color:#fff; }

/* 신 도로명주소 찾기 */
#popWrap h1{background:#b32b4e; color:#fff;}
#popWrap #popContent{padding:0 20px 20px;}
#popWrap #popContent .zipArea{position:relative;}
#popWrap #popContent .zipArea .rdoArea{height:10px; padding:10px 0 30px 0;  border-bottom:1px solid #cbcbcb; margin-bottom:14px;}
#popWrap #popContent .zipArea #scType1,
#popWrap #popContent .zipArea #scType2,
#popWrap #popContent .zipArea #scType3{margin-top:10px;}
#popWrap #popContent .zipArea .ac{height:47px; line-height:44px;}
#popWrap #popContent .zipArea .btnType2_2{padding:6px 18px; background:#535251; color:#fff;}
#popWrap #popContent .zipArea .txt1{height: 18px; padding: 1px 5px; line-height: 18px; border: 1px solid #dfdfdf; background: #fff;}
#popWrap #popContent .popupForm{background:#eeeeee; padding:15px; margin-bottom:10px;}
#popWrap #popContent .popupForm strong{font-weight:normal;}
#popWrap #popContent #wrapper2  {/* position:absolute; z-index:1;top:260px; left:0; */position:relative;width:100%;height:200px;background:#f8f8f8;overflow:auto;}
#popWrap #popContent #wrapper2 #scroller {position:absolute; z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0;}
#popWrap #popContent .roadSearch li{position:relative; border-bottom:1px solid #e8e5db; padding:10px 20px;}
#popWrap #popContent .roadSearch li span{ display:inline-block; width:100%; padding-right:70px; box-sizing:border-box;}
#popWrap #popContent .roadSearch li a{position:absolute; padding:5px 10px; right:20px; top:50%; margin-top:-14px; background:#c7145d;  color:#fff;}


/******************** 02_매장찾기 ********************/
.store #wrapper { padding-left:0; padding-right:0; }
.store #header	{ margin-left:0; margin-right:0; margin-bottom:0; }
.store #container	{ padding:0; background:none; }
.storeArea	{ margin-top:-5px; }
.storeArea .search	{ position:relative; height:32px; padding:10px 10px 10px 100px; box-shadow:inset 0 1px 5px #1e1e1e; background:#363636; }
	.storeArea .search select	{ position:absolute; left:10px; top:10px; width:80px; height:32px; border-radius:5px; }
	.storeArea .search p	{ position:relative; height:27px; padding:5px 60px 0 5px; border-radius:5px; background:#e5e5e5; }
	.storeArea .search p	 input[type=text]	{ width:100%; height:22px; border:none; padding:0; background:#e5e5e5; }
	.storeArea .search p input[type=button]{ position:absolute; right:5px; top:5px; width:50px; height:22px; padding:0; margin:0; border-radius:5px; overflow:visible; border:none; color:#fff; font-weight:bold; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#595959), to(#363636)); }
.storeTab	{ position:relative; height:32px; padding:10px 0; box-shadow:inset 0 1px 5px #1e1e1e; background:#363636; }
	.storeTab .slideCont	{ position:relative; margin:0 15px; overflow:hidden; }
	.storeTab ul	{ position:relative; width:20000px; }
	.storeTab li	{ float:left; width:76px; height:34px; text-align:center; }
	.storeTab li a	{ display:table-cell; width:72px; height:34px; margin:0 2px; border-radius:5px; box-shadow:inset 0 -2px 3px #8e8e8e; vertical-align:middle; font-size:1.2em; line-height:1em; text-align:center; font-weight:bold; background:url('/websrc/m2/images/common/bg_tab2.gif') repeat-x center center; }
	.storeTab li.on a	{ box-shadow:inset 0 -2px 3px #a04650; color:#fff; background-image:url('/websrc/m2/images/common/bg_tab.gif'); }
	.storeTab .prev	{ display:inline-block !important; position:absolute; left:5px; top:20px; width:11px; height:14px; opacity:0.4; background:url('/websrc/m2/images/btn/btn_prev.png') no-repeat left center; background-size:11px; }
	.storeTab .next	{ display:inline-block !important; position:absolute; right:5px; top:20px; width:11px; height:14px; opacity:0.4; background:url('/websrc/m2/images/btn/btn_next.png') no-repeat left center; background-size:11px; }
.storeList	{ margin:15px; padding:10px; border-radius:5px; background:url('/websrc/m2/images/common/bgM2.png') repeat; }
	.storeList .head	{ height:27px; padding:5px 10px 0; border-radius:5px 5px 0 0; background:-webkit-gradient(linear, 0 0, 0 32, from(#f1592a), to(#d13606)); }
	.storeList ul	{ background:#ededed; }
	.storeList li	{ position:relative; padding:20px 140px 20px 10px; border-top:1px solid #fff; }
	.storeList li p	{ line-height:1.5em; font-weight:bold; font-size:1.2em; }
	.storeList li .btn	{ position:absolute; right:10px; top:50%; margin-top:-34px; }
	.storeList li .btn .btnType1	{ display:block; margin:2px 0; width:120px; height:16px; }
	.storeList li .btn .btnType1 span	{ display:block; text-align:left; }
	.storeList li .btn .btnType1 .tel	{ padding-left:20px; background:url('/websrc/m2/images/common/ico_tel.png') no-repeat 8px center; background-size:8px;font-family:Arial; }
	.storeList li .btn .btnType1 .map	{ padding-left:20px; background:url('/websrc/m2/images/common/ico_map.png') no-repeat 8px center; background-size:9px; }
	.storeList li.none	{ padding:20px 0; text-align:center; }
.mapResult	{ width:auto !important; min-width:320px; max-width:640px; margin:0 auto -17px; text-align:center; }
	.nmap	{ width:100% !important; height:100% !important; text-align:center; }
.mapArea { margin-bottom:-17px; background:#fff; }
.mapArea .bgArea	{ position:relative; min-width:320px; max-width:640px; margin:0 auto; background:#fff; }
	.mapArea p	{ position:absolute; width:4.2%; height:5%; cursor:pointer; }
	.mapArea p img { width:100%; height:100%; }
	.mapArea p.loc1	{ left:37%; top:15.5%; }/* 서울 */
	.mapArea p.loc2	{ left:44.8%; top:21.3%; }/* 경기 */
	.mapArea p.loc3	{ left:57.8%; top:10%; }/* 강원 */
	.mapArea p.loc4	{ left:58.5%; top:28.8%; }/* 충북 */
	.mapArea p.loc5	{ left:32.8%; top:34%; }/* 충남 */
	.mapArea p.loc6	{ left:43.8%; top:39.3%; }/* 대전 */
	.mapArea p.loc7	{ left:37.7%; top:52%; }/* 전북 */
	.mapArea p.loc8	{ left:24.8%; top:73.5%; }/* 전남 */
	.mapArea p.loc9	{ left:31%; top:66.2%; }/* 광주 */
	.mapArea p.loc10	{ left:69%; top:34.8%; }/* 경북 */
	.mapArea p.loc11	{ left:61.2%; top:62.2%; }/* 경남 */
	.mapArea p.loc12	{ left:67%; top:48.1%; }/* 대구 */
	.mapArea p.loc13	{ left:75%; top:55.5%; }/* 울산 */
	.mapArea p.loc14	{ left:74%; top:64.8%; }/* 부산 */
	.mapArea p.loc15	{ left:45.6%; top:88%; }/* 제주도 */
	.mapArea p.loc16	{ left:87.5%; top:84.5%; width:6%; height:9.8%; }/* 현재위치 */
	.mapLayer	{ display:none; position:absolute; left:50%; top:100px; width:150px; height:160px; margin-left:-77px; border:2px solid #b20000; border-radius:5px; overflow-y:auto; background:#fff; }
	.mapLayer li a	{ display:block; height:19px; width:130px; padding:6px 10px 0; }
	.mapLayer li:hover a, .mapLayer li a:hover	{ color:#fff; background:#c1061e; }


/******************** 03_이벤트 ********************/
/* 이벤트&쿠폰 */
.totalText	{ padding:0 0 10px; text-align:center; font-size:1.2em; color:#fff; font-weight:bold; }
.eventList	{ }
.eventList li		{ margin-bottom:8px; text-align:center; }
.eventList li img	{ width:100%; max-width:640px; border-radius:5px; }
.eventList li.none	{ padding:25px 0; border-radius:5px; background:#fff; }
.eventList+.btnArea	{ border-radius:5px; }
/* 뷰티툰 */
.webtoonTab	{position: relative; padding:5px; height: 120px; margin-bottom:10px;background:#ededed;border-radius:5px; }
.webtoonTab .ll {position: absolute;left: 1%; top:50%; margin-top: -10px;z-index: 6; }
.webtoonTab .rr {position: absolute;right: 1%; top:50%; margin-top: -10px;z-index: 6; }
.webtoonTab .ll img, .webtoonTab .rr img {width: 9px; height: 17px; }
#cont {margin: 10px 0 5px 0;}
#cont:after {content: '';display: block;clear: both;}
.banbtn {position: absolute;left: 50%; top:0px;z-index: 5; width: 40px; height: 6px; margin: 5px 0 10px 80px;}
.banbtn:after {content: '';display: block;clear: both;}
.banbtn p	{float:left;width:6px;height:6px;margin:5px 4px 5px 0;}
.banbtn p a	{display:block;width:6px;height:6px;background:url('/websrc/m2/images/btn/ico_web_off.png') no-repeat left top;}
.banbtn p.on a	{background:url('/websrc/m2/images/btn/ico_web_on.png') no-repeat left top;}
.webtoonTab #bannSlide {position: absolute;left: 50%; top:23px; margin-left: -120px; text-align: center;}
.webtoonTab #bannSlide:after {content: '';display: block;clear: both;}
.webtoonTab #bannSlide img {width:241px; height: 86px;}
.bantxt {position: absolute;left: 50%; top:112px; margin-left:-118px;width:241px;text-align:center;font-size:0.8em;}

/*.webtoonTab li	{ float:left; width:50%; }
.webtoonTab li a	{ display:block; padding:8px 5px 6px; margin:0 2px; border-radius:10px 10px 0 0; text-align:center; color:#fff; line-height:1.5em; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#535353), to(#383838)); }
.webtoonTab li a strong	{ font-size:1.2em; }
.webtoonTab li.on a, .webtoonTab li a:hover	{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e01350), to(#c1061e)); }*/

.webtoonList	{ border-radius:5px 5px 0 0; background:#ededed; }
.webtoonList li	{ position:relative; min-height:48px; padding:10px 10% 10px 94px; border-bottom:1px solid #fff; background:url('/websrc/m2/images/common/blt1.png') no-repeat 95% center; background-size:11px; }
.webtoonList .thumb	{ position:absolute; left:10px; top:50%; width:74px; height:50px; margin-top:-25px; }
.webtoonList .thumb img	{ width:72px; height:48px; border:1px solid #969696; }
.webtoonList .tit	{ height:48px; font-size:1.2em; line-height:1.5em; font-weight:bold; display:table-cell; vertical-align:middle; }
.webtoonList li.none	{ min-height:1px; padding:20px 0; text-align:center; background:none; }

.webtoonView	{ margin:-15px; text-align:center; }
.webtoonView img	{ width:100%; max-width:640px; margin:0 auto; }
.webtoonView .bann03 {background: #fff;padding-bottom: 10px;}
.webtoonView iframe {width:100%;height:100%;background:#fff;margin-bottom:-5px;}

.webtoonView .bann04 {background: #fff;padding-bottom: 10px;}
.webtoonView .bann04:after {content: '';display: block;clear: both;}
.webtoonView .bann04 div {float: left; width: 25%;}

/* 라이프메니저  */
.lifemanager {}
.lifemanager .webtoonTab {height:190px}
.lifemanager .webtoonTab #bannSlide {top:10px;}
.lifemanager .webtoonTab #bannSlide img {width:241px; height: 165px;}
.lifemanager .banbtn {left: 50%; top:180px;margin:0 0 0 -10px;}

.boxList {margin:0 auto;}
.boxList ul {*zoom:1;}
.boxList ul:after {content: '';display: block;clear: both;}
.boxList li {width:49.7%;height:51px;margin-bottom:3px;padding:10px 0;text-align:center;background:url(/websrc/m2/images/btn/btn_off_bg.png) 0 0 repeat-x;border-radius: 5px;}
.boxList li a {display:block;width:100%;height:51px;}
.boxList li a>img {width:66px}
.boxList li:nth-child(1).on {background:#95dd94;}
.boxList li:nth-child(2).on {background:#ffb6aa;}
.boxList li:nth-child(3).on {background:#ffdca9;}
.boxList li:nth-child(4).on {background:#a9dcff;}


.commTab {margin-top:5px;margin-bottom:-5px;}
.commTab:after {content: '';display: block;clear: both;}
.commTab li {float:left;width:100%;height:29px;border-top-left-radius: 5px;border-top-right-radius: 5px;background:url('/websrc/m2/images/common/bgM3.png') repeat;text-align:center;line-height:29px;}
.commTab li a {color:#c7b5ba;font-size:1em;}
.commTab li.sec {float:right;}
.commTab li.on {background:url('/websrc/m2/images/common/bgM2.png') repeat;}
.commTab li.on a {color:#fff}

h2.life {border-radius:5px 5px 0 0; background:#ededed;padding:10px;font-size:1.2em;border-bottom:1px solid #ddd}
.lifeCont {border-radius:0 0 5px 5px; background:#ededed;padding:10px;}
.lifeCont img {width:100%;}
.lifebtnArea {text-align:center;margin-top:10px;}

/******************** 04_공지 ********************/
/* FAQ */
.faqTab	{ height:32px; margin-top:10px; position:relative; }
.faqTab .slideCont	{ position:relative; margin:0 15px; overflow:hidden;}
.faqTab ul	{ position:relative; }
.faqTab li	{ float:left; width:76px; height:34px; text-align:center; }
.faqTab li a	{ display:table-cell; width:72px; height:34px; margin:0 2px; border-radius:3px; box-shadow:inset 2px 2px 3px #4c0103, inset -2px -2px 3px #4c0103; vertical-align:middle; font-size:1.2em; line-height:1em; text-align:center; font-weight:bold; color:#fff; background:#590103; }
.faqTab li.on a	{ box-shadow:none; background:url('/websrc/m2/images/common/bg_tab.gif') no-repeat center center; }
.faqTab .prev	{ display:inline-block !important; position:absolute; left:0px; top:10px; width:11px; height:14px; opacity:0.4; background:url('/websrc/m2/images/btn/btn_prev.png') no-repeat left center; background-size:11px; }
.faqTab .next	{ display:inline-block !important; position:absolute; right:0; top:10px; width:11px; height:14px; opacity:0.4; background:url('/websrc/m2/images/btn/btn_next.png') no-repeat left center; background-size:11px; }



.faqSearch	{ position:relative; padding-right:58px; margin-top:10px; }
.faqSearch .ipTxt	{ height:24px; padding:3px 5px 0; border:none; border-radius:5px; box-shadow:inset 2px 2px 3px #dadada, inset -2px -2px 3px #dadada; background:#f3f3f3; }
.faqSearch .ipTxt .txt	{ background:#f3f3f3; }
.faqSearch input[type=button]	{ position:absolute; right:0; top:0; width:50px; height:27px; border-radius:3px; border:none; border-top:1px solid #d9dcde; border-bottom:1px solid #a7aeb2; box-shadow:1px 1px 1px #520106; text-align:center; font-weight:bold; text-shadow:1px 1px #d3d3d3; overflow:visible; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e2e4e6), to(#a9b1b4)); }

.faqList	{ border-radius:5px 5px 0 0; margin-top:10px; border-bottom:1px solid #ededed; }
.faqList dt.first	{ border-radius:5px 5px 0 0; }
.faqList dt	{ position:relative; min-height:10px; padding:10px 10% 10px 50px; border-bottom:1px solid #fff; line-height:1.5em; font-weight:bold; cursor:pointer; background:#ededed url('/websrc/m2/images/common/blt1.png') no-repeat 95% center; background-size:11px; }
.faqList dt .question	{ position:absolute; left:10px; top:50%; display:block; width:30px; height:26px; padding-top:4px; margin-top:-15px; border-radius:30px; font-family:arial; color:#e11351; text-align:center; font-size:2em; line-height:1em; background:#fff; }
.faqList dd	{ padding:10px; line-height:1.5em; background:#fff; }
.faqList dt.none	{ padding:20px 0; text-align:center; font-weight:normal; background:#fff; ; }
.faqList dt.on	{ background-color:#ffd7e3; }


/******************** 05_설정 ********************/
.loginArea	{ padding:10px 15px; margin-bottom:10px; border-radius:5px; background:#fff; }
	.loginArea fieldset p	{ position:relative; padding:5px 0 5px 80px; }
	.loginArea fieldset label	{ position:absolute; left:0; top:10px; font-size:1.2em; font-weight:bold; }
	.loginArea fieldset span.ipTxt	{ display:block; padding-top:1px; padding-bottom:1px; border:none; box-shadow:inset 1px 1px 3px #b8b8b8; background:#e5e5e5; }
	.loginArea fieldset .txt	{ width:100%; }
	.loginArea .btn	{ padding:10px 0 15px; text-align:right; }
	.loginArea .btn .btnType1 .more	{ width:80px; }
	.loginArea fieldset p.ipTxt	{ height:30px; margin:5px 0; padding:0 5px; border:none; box-shadow:inset 1px 1px 3px #b8b8b8; background:#e5e5e5; }
	.loginArea fieldset p.ipTxt .txt	{ height:30px; font-weight:bold; color:#535251; font-size:1.2em; vertical-align:middle; }
	.loginArea fieldset p.ipTxt input::-webkit-input-placeholder	{ color:#535251; }
	.loginArea fieldset+p.ac	{ padding:10px 0; }
	.loginArea .nav	{ overflow:hidden; }
	.loginArea .nav li	{ float:left; width:50%; margin-bottom:5px; border-top:1px solid #cbcbcb; border-bottom:1px solid #989898; }
	.loginArea .nav li.nav1 { border-radius:5px 0 0 5px; }
	.loginArea .nav li.nav2	{ border-radius:0 5px 5px 0;}
	.loginArea .nav li a	{ display:block; height:27px; padding-top:11px; text-align:center; font-weight:bold; font-size:1.2em; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#bcbdbc)); }
	.loginArea .nav li.nav1 a	{ border-left:1px solid #dedede; border-right:1px solid #dbdbdb; border-radius:5px 0 0 5px; }
	.loginArea .nav li.nav2 a	{ border-right:1px solid #d4d4d4; border-left:1px solid #fcfcfc; border-radius:0 5px 5px 0; }
.loginText	{ padding:10px 0 10px; text-align:center; }
.loginText2	{ padding-top:10px; line-height:1.5em; color:#fff; text-align:center; font-weight:bold; }
.loginSet	{ padding:15px 15px 0; border-radius:5px; background:#fff; }
	.loginSet label	{ font-size:1.2em; font-weight:bold; }
	.loginSet p	{ padding:5px 0 15px; line-height:1.5em; color:#828282; }
.code	{ width:220px; padding:15px 0 10px; margin:0 auto; text-align:center; }
.code p	{ width:220px; height:71px; margin:0 auto 15px; overflow:hidden; }
.code img	{ display:block; width:394px; margin-left:-86px; }
.code span	{ color:#373737; font-size:1.4em; font-weight:bold;}



/******************** 06_member ********************/
/* 아이디비번찾기 */
.findBox	{ border-radius:5px; background:#ededed; }
.findBox h2	{ padding:20px 0 10px; font-size:1.6em; font-weight:bold; text-align:center; }
.findBox p	{ line-height:1.5em; text-align:center; }
.findBox .btnArea	{ padding:20px 0; border-bottom:1px solid #fff; background:#ededed; }
.findBox p label	{ display:block; padding-bottom:5px; line-height:1.5em; text-align:center; }
.findBox input.txt	{ padding:0 5px; border:2px solid #e11351; }

/* 회원가입 */
.joinArea	{ border-radius:5px 5px 0 0; background:#ededed; }
	.joinArea	 h2	{ padding:15px 0; font-size:1.2em; text-align:center; }
	.joinArea	 h2 strong	{ color:#c70752; }
	.joinArea .decimal		{ padding:0 10px; }
	.joinArea .decimal	 li	{ padding-bottom:20px; margin-left:20px; list-style:decimal; font-size:0.9em; line-height:1.5em; }
.agreeBox	{ border-top:1px solid #fff; }
	.agreeBox p	{ position:relative; padding:14px 85px 14px 15px; border-bottom:1px solid #fff; overflow:hidden; }
	.agreeBox p.last { padding:24px 85px 24px 15px; }
	.agreeBox p label	{ }
	.agreeBox p .btnType2	{ position:absolute; right:15px; top:50%; margin-top:-14px; }
	.agreeBox p .btn2	{margin-top:-28px; }
	.agreeBox p .btn3	{margin-top:2px;font-size:0.7em;padding:2px;line-height:1em; }
	.agreeSite	{ padding:8px 15px; }
	.agreeSite ul	{ padding-top:10px; }
	.agreeSite li	{ line-height:1.5em; font-size:0.9em; color:#828282; }
.joinArea .complete	{ padding:15px; text-align:center; line-height:1.5em; }
	.joinArea .complete p	{ padding-bottom:10px; font-weight:bold; font-size:1.2em; }
	.joinArea .complete p strong	{ color:#c70752; }
	#addr1_copy {margin-top:5px; border-radius:3px; border:1px solid #cbcbcb; min-height:16px; padding:3px 5px; line-height:15px; background:#fff;}

.froban {margin-top:10px;}
	.froban img {width:100%;}

/* 팝업 */
.findResult	{ padding:15px; background:#ededed; }
	.findResult h2	{ padding:15px 0; font-size:1.2em; }
	.findResult p	{ line-height:1.5em; }
	.findResult .btnArea	{ margin:0 -15px; border-bottom:1px solid #fff; background:none; }
	.findResult .type	{ border-top:1px solid #fff; margin:15px -15px 0; padding:15px 15px 0; }
	.findResult .type .oh	{ padding:2px 0; }
	.findResult .type .oh label	{ float:left; width:100px; padding:4px 0 0; color:#828282; }
.agreeArea	{ padding:15px; line-height:1.5em; background:#ededed; }
.checkArea	{ padding:15px; background:#ededed; }
	.checkArea h2	{ padding:15px 15px 10px; margin:-15px -15px 0; border-top:1px solid #fff; }
.selectIdResult	{ position:relative; padding:10px; margin:0 -15px; border-top:1px solid #fff; }
	.selectIdResult	 h2	{ padding:0 0 0 20px; font-size:1.1em; }
	.selectIdResult p	{ position:relative; padding:3px 0 0 20px; }
	.selectIdResult p input[type=radio]{ position:absolute; left:0; top:8px; }
	.selectIdResult p.fontType1	{ font-size:0.9em; }
	.selectIdResult .btnType2	 { position:absolute; right:10px; top:50%; margin-top:-10px;  }
	
/* 약관 */
.agreeArea em{font-weight:bold; font-style:normal;}
#popContent .agreeArea {padding:10px }
#popContent .agreeArea h2, .agreeArea h2 strong	{ font-size:1.2em; font-weight:bold; }
#popContent .agreeArea h3	{ margin-bottom:10px; font-size:1.1em; font-weight:bold; color:#5a5451; }
#popContent .agreeArea li	{ margin-bottom:15px; line-height:21px; }
#popContent .agreeArea li li	{ margin:0 0 0 12px; }
#popContent .agreeArea .type2 li	{ margin-bottom:0; }
#popContent .agreeArea p	{ margin-bottom:15px; line-height:21px; }
#popContent .agreeArea ol { margin-bottom:15px; }
#popContent .agreeArea strong, .agreeArea strong a	{ color:#c7145d; font-weight:normal; }
#popContent .agreeArea em{font-weight:bold; font-style:normal;}
#popContent .agreeArea .list	{ border:1px solid #dfdfdf; border-top:2px solid #969696;}
#popContent .agreeArea .list thead th	{ color:#535251; text-align:center; background:#f8f8f8; }
#popContent .agreeArea .list tbody th	{ border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:none; }
#popContent .agreeArea .list tbody td	{ padding:8px 10px 7px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:none; }
#popContent .agreeArea .list2 tbody th, .agreeArea .list2 tbody td	{ padding:3px 10px 2px; }
#popContent .agreeArea dt	{ display:block; padding-left:8px; font-size:13px; font-weight:bold; line-height:21px; background:url('/websrc/images/common/blt4.gif') no-repeat left 8px; }
#popContent .agreeArea dd	{ display:block; margin:0 0 10px 8px; line-height:21px; }
#popContent .agreeArea dt strong	{ font-weight:bold; }

	
	
/* 우편번호 */
.zipcodeForm	{ padding:15px; line-height:19px; background:#ededed; }
	.zipcodeForm strong	{ }
	.zipcodeForm fieldset	{ padding:10px 0; }
	.zipcodeList	{ position:relative; height:280px; border-top:1px solid #fff; overflow-y:auto; background:#ededed; }
	.zipcodeList li	{ position:relative; padding:10px 80px 10px 15px; border-bottom:1px solid #fff; line-height:18px; overflow:hidden; }
	.zipcodeList li a	{ position:absolute; right:15px; top:50%; margin-top:-13px; }
	.zipcodeList li .btnType2	{ width:50px; padding:4px 0; }
	.zipcodeList li.none	{ padding-right:20px; text-align:center; }


/* 바코드 */
.bgLayer2	{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; min-width:320px; background:url('/websrc/m2/images/common/bg_layer.png') repeat left top; }
.drag	{ cursor:pointer; }
.barcode	{ display:none; position:absolute; left:0; top:170px; width:100%; z-index:1; }
.barcode .code	{ width:290px; height:129px; padding:60px 0 0; background:url('/websrc/m2/images/common/bg_code.png') no-repeat left top; background-size:290px; }

.main #wrapper	{ padding:30px 15px 50px; }
	.agreeLink {padding-top:15px; text-align:center;}
	.agreeLink a {display:inline-block; color:#fff;}
	.copyright { padding-top:5px; margin:0 auto; text-align:center; }
	.copyright img	{ width:290px; }
	
.main .loginTitText{margin-bottom:15px; font-size:12px; color:#fff; text-align:center;}
.main .inputList{border:1px solid #e2e3e4;}
.main .inputList li{border-bottom:1px solid #e2e3e4}
.main .inputList li:last-child{border-bottom:0}
.main .inputList li input{width:100%; height:33px; padding:0 15px; line-height:33px; box-sizing:border-box}
.main .btnTypeLogin{display:block; height:33px; line-height:33px; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:#c70752;}
.main .loginSetting{padding:10px 0;}
.main .loginSetting input,.main .loginSetting label{vertical-align:middle;}
.main .socialList li a{display:block; position:relative; height:38px; padding-left:48px; line-height:38px;  text-align:center; font-weight:bold; font-size:14px;}
.main .socialList li a:after{content:''; position:absolute; width:48px; height:38px; left:0px; top:0px; background:url(/websrc/m2/images/index/ico_social01.gif) no-repeat 0 0; background-size:100%}
.main .socialList li.facebook a{background:#0054a6; color:#fff;}
.main .socialList li.naver a{background:#00c63b; color:#fff;}
.main .socialList li.kakao a{background:#f3e02a; color:#3c1c1d;}
.main .socialList li.facebook a:after{background:url(/websrc/m2/images/index/ico_social01.gif) no-repeat 0 0; background-size:100%}
.main .socialList li.naver a:after{background:url(/websrc/m2/images/index/ico_social02.gif) no-repeat 0 0; background-size:100%}
.main .socialList li.kakao a:after{background:url(/websrc/m2/images/index/ico_social03.gif) no-repeat 0 0; background-size:100%}
.main .socialList.iosStyle{margin-top:10px; text-align: center;}
.main .socialList.iosStyle li{display:inline-block; width:40px; margin:0 4px; height:40px; vertical-align: top;}
.main .socialList.iosStyle li a{ padding:0; box-sizing: border-box; width:100%; height:40px; }
.main .socialList.iosStyle li a:after{display:none;}
.main .socialList.iosStyle li a span{position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
.main .socialList.iosStyle li.kakao a{background: url(/websrc/m2/images/index/ico_social01.png) no-repeat 50%; background-size:39.5px;}
.main .socialList.iosStyle li.naver a{background: url(/websrc/m2/images/index/ico_social02.png) no-repeat 50%; background-size:39.5px;}
.main .socialList.iosStyle li.facebook a{background: url(/websrc/m2/images/index/ico_social03.png) no-repeat 50%; background-size:39.5px;}
.main .socialList.iosStyle li.apple a{background: url(/websrc/m2/images/index/ico_social04.png) no-repeat 50%; background-size:39.5px;}
.main .loginFotBtn{padding:10px 0; margin-top:10px; border-top:1px solid #eaebeb; text-align:center;}
.main .loginFotBtn li{display:inline-block;  width:32%;}
.main .loginFotBtn li{border-right:1px solid #9f9f9f; box-sizing:border-box;}
.main .loginFotBtn li:last-child{border:0}
.main .loginFotBtn li:first-child a{font-weight:bold;}
.main .loginFotBtn li a{dispaly:inline-block; font-size:11px;}
.main .condition_new{padding-bottom:5px;}
.cautionText{padding-bottom: 5px; color: #666; font-size: 11px;}

	
/* 멤버스 카드 등록/조회 */
.memberscardArea .content{padding:8px; background:#fff;}
.memberscardArea .content .cardInfo{margin-bottom:12px;}
 .memberscardArea .content .footCare{display:inline-block; margin-top:12px;}
.memberscardArea .content .cardInfo li{padding-left:6px; background:url("/websrc/m2/images/mypage/blt_members.gif") left 5px no-repeat; background-size:2px; margin-bottom:2px;}
.memberscardArea .content .cardEnter{border-top:2px solid #969696;}
.memberscardArea .content .cardEnter li{border-bottom:1px solid #d9d9d9}
.memberscardArea .content .cardEnter li strong{display:block; height:22px; padding-left:7px; line-height:22px; border-bottom:1px solid #d9d9d9; background:#f8f8f8;}
.memberscardArea .content .cardEnter li strong label{display:block; height:22px;}
.memberscardArea .content .cardEnter li .cardInput{padding:0 35px;}
.memberscardArea .content .cardEnter li p{height:23px; text-align:center; line-height: 20px;}
.memberscardArea .content .cardEnter li p input{border:1px solid #ccc; width:19%; height:14px; vertical-align: middle; text-align:center; line-height:14px;}
.memberscardArea .content .cardBtn{text-align:center; margin:10px 0 20px 0;}
.memberscardArea .content .cardBtn a{display:inline-block; background:#c7145d; text-align:center; color:#fff; font-weight:bold; padding:6px 12px;}
.memberscardArea .content table{width:100%;}
.memberscardArea .content table thead th.al {padding-left:10px;}
.memberscardArea .content table thead th{height:22px; background:#c7145d; color:#fff;}
.memberscardArea .content table tbody tr td{position:relative; height:40px; border-bottom:1px solid #d9d9d9; text-align:center; font-size:11px;}
.memberscardArea .content table tbody tr td.txtA{text-align:right; font-size:10px;letter-spacing:-1px;}
.memberscardArea .content table tbody tr td a.cardBtn1{display:block;  padding:1px 2px;  margin-left:3px; margin-bottom:2px; color:#fff; background:#535251; text-align:center; font-size:10px;}
.memberscardArea .content table tbody tr td .btnR{ position:absolute; right:0px; top:2px;}
.memberscardArea .content h2{margin-bottom:4px;}
.memberscardArea .cardBarcode {margin-top:20px;}
 
 /* 앱 다운로드 이벤트 레이어 */
.eventArea {display:none;position:absolute;top:0%;left:0%;width:100%;z-index:11;}
.eventArea img {max-width:100%;} 
.eventArea .btnx {width:39px;position:absolute;top:4%;right:6%;}
.eventArea .snsCont {position:absolute;bottom:5%;right:24%; width: 53%;text-align: center;}
.eventArea .snsCont a {display:inline-block;width:30%;}

/******************** 회원주소 수정 ********************/
/* 메인 */
#wrap #content{padding:10px;}
#wrap .mainCont{text-align:center;}
.mainCont h1{ text-align:left;}
.mainCont h1>img{height:25px;}
.mainCont h2{margin-top: 36px; width: 300px; display: inline-block;}
.mainCont h2>img{max-height: 56px; max-width: 100%;}
.mainCont h3{font-size:17px; margin:55px 0 25px;}
.mainCont p{font-size:13px; }
.mainTopText{margin-bottom:55px;}
.mainCont p strong{background:rgba(35, 35, 35, 0.05);}
.mainCont .btnStyleA{width:100%; background:#d51c68; font-size: 19px; height:36px; line-height:36px;}
.mainCont .btnCont{padding:0 26px;}
.mainCont .mainText{padding:10px 0 50px; font-size:11px;}
#adFoot{padding:14px 10px 10px; margin: 0 10px; border-top:1px solid #999; text-align:center;}
.noneCont{padding:100px 0 229px 0}
.noneCont h3{margin-bottom:10px;}

/* common */
.subTit h1{height:40px; line-height:40px; color:#fff; text-align:center; font-size:16px; background:#616161;}
.subCont table{width:100%;}
#adFoot{display:block !important; padding:14px 10px 10px; margin: 0 10px; border-top:1px solid #999; text-align:center;}
.tableStyleA{border-top:2px solid #333;}
.tableStyleA tr th,.tableStyleA tr td{padding:12px 5px;border-bottom:1px solid #e1e4e8; box-sizing:border-box;}
.tableStyleA tr th{background:#f8f8f8;}
.tableStyleA tr td{text-align:left;}
.tableStyleA tr:last-child th, .tableStyleA tr:last-child td{ border-bottom:1px solid #b4b6ba;}
.btnStyleA{display:block; height:30px; font-weight:bold; line-height:30px; color:#fff !important; background:#616161;}
.btnStyleB{display:inline-block; width:122px; height:26px; line-height:24px; color:#fff !important; border:1px solid #999; color:#555; text-align:center; font-weight:bold; background:#616161; box-sizing:border-box;}
.btnStyleC{display:inline-block; width:148px; height:30px; line-height:29px; color:#fff !important; font-size:13px !important; color:#555; text-align:center; font-weight:bold; background:#ce2869; box-sizing:border-box;}
.btnStyleD{display:inline-block; width:148px; height:30px; border:1px solid #3b322b; line-height:29px; color:#3b322b !important; font-size:13px !important; color:#555; text-align:center; font-weight:bold; background:#fff; box-sizing:border-box;}

/* 수정 */
.subCont .ptext{padding:5px 0}
.middlePoint{display:block; margin-top:10px; text-align:left; color:#0054b2; font-size:14px; font-weight:bold;}
.reception{padding:10px; margin-top:10px; border:1px solid #49413b; *zoom:1;}
.reception:after{content:''; display:block; clear:both;}
.reception strong{float:left; margin-top:3px; font-weight:normal; color:#333;}
.reception ul{float:right;}
.reception ul li{float:left;}
.reception ul li input{display:inline-blcok; margin-right:5px;}
.reception ul li label{color:#555;}
.btnLine{position:relative; padding-right:169px; margin-top:10px;}
.btnLine a{position:absolute; right:0px; top:0px; width:164px; font-size:19px; background:#d51c68;} 
.adStyle{width:100%; height:26px; padding:0 15px !important; margin-bottom:5px; border:1px solid #e1e4e8; background:#f1f1f1; box-sizing:border-box;}
.btnCont{padding-top:7px;text-align:center;}
.bgW{background:#fff;}
input[type=radio] {width:21px; height:21px; padding:0; margin:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/websrc/m2/images/mypage/address/ico_radio.png) no-repeat 50% 0; background-size:21px;}
input[type=radio]:checked, input[type=checkbox]:checked {background-position:50% 100%;}
.loadLayer{display:none ; position:fixed; left:50%; top:50%; margin:-25px 0 0 -125px; font-size:14px; border:3px solid #d51c68; width:250px; height:50px; line-height:46px; box-sizing:border-box; text-align:center; color:#757575; background:#FBFBFB; z-index:11;}
.loadLayerNC{width:100px; height:100px; background:url(/websrc/m2/images/mypage/reception/loding_NC.gif) no-repeat 50% 0; margin:-50px 0 0 -50px; text-indent:-9999999px;    border: none; background-size: 50px;}

/* 완료 */
.complateTit{padding:10px 0 20px;}	
.complateTit strong{display:block; text-align:center; font-size:18px; color:#000;}
.btnCont.num2{padding-bottom:84px; *zoom:1;}
.btnCont.num2:after{content:''; display:block; clear:both;}
.btnCont.num2 li{float:left; width:50%; box-sizing:border-box;}
.btnCont.num2 li:first-child{padding-right:3px;}
.btnCont.num2 li:last-child{padding-left:3px;}
.btnCont.num2 li a{width:100%;}

/* 쿠폰 */
.couponImg{text-align:center; }
.couponImg img{max-width:100%;}
.btnDown a{display:inline-block; height:36px; font-size:19px; line-height:36px; width:100%; text-align:center; color:#fff; background:#616161;}
.btnDown a span{display:inline-block; height:36px; padding-left:38px; background:url(/websrc/m2/images/mypage/address/ico_download.png) no-repeat 0 50%; background-size:27px 18px; }

/* 경과 */
.verstreichenCont strong{display:block; margin:123px 0 18px 0; font-size:18px;}
.verstreichenCont p{font-size:13px; margin-bottom:168px;}
 
/* 네이쳐 컬렉션 마케팅 수신동의 */
.ncSection .imgArea{position:relative;     overflow: hidden; z-index:10;}
.ncSection .imgArea img{width:100%;}
.ncSection .imgArea .btnArea{position:absolute; left: 7.8%; bottom:14%; width:100%; padding:0; background:none;}
.ncSection .imgArea .btnArea li{float:left; width:41%; box-sizing:border-box;}
.ncSection .imgArea .btnArea li:last-child{padding-left:2.5%;width: 43.7%;}
.ncSection .imgArea .btnArea li a{width:100%;}
.ncSection .imgArea .btnArea li a img{width:100%;}
#layerBg{display:none; position: fixed; left: 0; top: 0; width: 100%;height:100%; opacity: 0.5; filter: alpha(opacity=50); background: #000; z-index:11;}
#layerPop{display:none; position:fixed; left:50%; top:50%; margin:-132px 0 0 -140px; padding:30px 0 75px 0; width:280px; text-align:center; background:#fff; z-index:12; }
#layerPop h2{font-size:20px; height:64px; line-height:24px;}
#layerPop h2.middle{margin-top:20px;}
#layerPop p{font-size:16px; letter-spacing: -1.5px; padding:0 5%;}
#layerPop .btnSection{position:absolute; left:0px; bottom:7%; width:100%; text-align:center; }
#layerPop .btnSection a{display:inline-block;}
#layerPop .btnClose{position:absolute; right:7px; top:7px;}
#layerPop,
#layerPop>div{display:none;}
 
 /* 다비 포인트 */
body#davi	{background:none;}
	body#davi #wrapper	{padding:0;}
	
	.daviPoint {position:relative; }
	.daviPoint .topArea span	{display:block; padding:13px 0 5px 0; background:#590c35; text-align:center;}
	.daviPoint .topArea span img	{width:225px;}
	
	.daviPoint .contArea	{padding:25px 20px 20px 20px; text-align:center; background:url("/websrc/m/images/davi/pointBg.jpg") repeat 0 0; background-size:38px 38px;}
	.daviPoint .contArea img.logo	{width:100%;}
	.daviPoint .contArea .txt	{font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-size:13px; font-weight:normal; color:#333;}
	.daviPoint .contArea .daviBtn	{margin-top:24px; padding:13px 0; background:#570b34; border:1px solid #806e55; border-radius:3px;} 
	.daviPoint .contArea .daviBtn a	{display:inline-block; padding-right:20px; font-size:15px; color:#fff; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-weight:bold; background:url("/websrc/m/images/davi/btnIcon.png") no-repeat right 4px; background-size:14px 14px;}

	.daviPoint .contArea .confirmArea .txt	{padding-top:20px;letter-spacing:-0.5px;}
	.daviPoint .contArea .confirmArea .brand	{display:block; padding:48px 0 15px 0;}
	.daviPoint .contArea .confirmArea .brand img	{width:100%;}
	
	.daviPoint .contArea .pointChange .pointTxt	{margin-top:10px; }
	.daviPoint .contArea .pointChange .pointTxt div.point	{padding:15px 10px; border:1px solid #ccc; background:#816f56; border-radius:2px;}
	.daviPoint .contArea .pointChange .pointTxt div.point p	{font-size:15px; color:#fff; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; letter-spacing:-1px; line-height:22px;}
	.daviPoint .contArea .pointChange .pointTxt div.point span	{display:inline-block; width:58px; border-bottom:1px solid #fff; line-height:20px;letter-spacing:0.5px;}
	.daviPoint .contArea .pointChange .pointTxt div.point .txt	{padding-top:10px; font-size:11px; color:#fff; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; letter-spacing:-0.7px;}
	.daviPoint .contArea .pointChange .pointTxt span.num	{display:block; padding:2px 0; font-size:12px; color:#666; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim;  letter-spacing:-0.5px; background:#f5f5f5;}
	.daviPoint .contArea .pointChange .pointCheck 	{margin:0 auto; padding-top:25px; width:290px; }
	.daviPoint .contArea .pointChange .pointCheck:after 	{content:""; display:block; clear:both;}
	.daviPoint .contArea .pointChange .pointCheck .txt	{padding-bottom:17px; font-size:14px;}
	.daviPoint .contArea .pointChange .pointCheck .check	{display:inline-block;}
	.daviPoint .contArea .pointChange .pointCheck .check span	{display:inline-block; padding-top:5px; font-size:12px; color:#666; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim;}
	.daviPoint .contArea .pointChange .pointCheck .check input	{display:none; width:0; height:0;}
	.daviPoint .contArea .pointChange .pointCheck  label	{display:block; padding:0; width:136px; height:69px;}
	.daviPoint .contArea .pointChange .pointCheck .brand1	{float:left;}
	.daviPoint .contArea .pointChange .pointCheck .brand2	{float:left;}
	.daviPoint .contArea .pointChange .pointCheck .brand1 label	{margin-right:10px; background:url("/websrc/m/images/davi/brand01_off.jpg") no-repeat 0 0; background-size:136px 69px;}
	.daviPoint .contArea .pointChange .pointCheck .brand1 label.on	{background:url("/websrc/m/images/davi/brand01_on.jpg") no-repeat 0 0; background-size:136px 69px;}
	.daviPoint .contArea .pointChange .pointCheck .brand2 label	{background:url("/websrc/m/images/davi/brand02_off.jpg") no-repeat 0 0; background-size:136px 69px;}
	.daviPoint .contArea .pointChange .pointCheck .brand2 label.on	{background:url("/websrc/m/images/davi/brand02_on.jpg") no-repeat 0 0; background-size:136px 69px;}

	.daviPoint .contArea .pointChange .pointAgree	{margin-top:22px; padding:10px; background:#ededed; border-radius:3px; text-align:left;}
	.daviPoint .contArea .pointChange .pointAgree .check2	{display:block; position:relative;height:35px;}
	.daviPoint .contArea .pointChange .pointAgree .check2 input	{display:none; width:0; height:0;}
	.daviPoint .contArea .pointChange .pointAgree .check2 label	{font-size:12px; color:#333;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; background:url("/websrc/m/images/davi/check_off.png") no-repeat 0 2px; background-size:15px 15px;}
	.daviPoint .contArea .pointChange .pointAgree .check2 label.on	{background:url("/websrc/m/images/davi/check_on.png") no-repeat 0 2px; background-size:15px 15px;}
	.daviPoint .contArea .pointChange .pointAgree .check2 label span	{padding-left:25px; }
	.daviPoint .contArea .pointChange .pointAgree span.txt	{display:block; padding-top:10px; margin:10px 0 0 25px; font-size:12px; color:#666;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; border-top:1px solid #a5a5a5;}
	.daviPoint .contArea .pointChange .pointAgree a	{display:inline-block; margin:10px 0 0 25px; padding:4px 15px 6px 15px; background:#b7b7b7; border-radius:3px; font-size:12px; color:#333;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim;}
	.daviPoint .contArea .pointChange p.data	{padding-top:20px; font-size:14px; color:#333;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; line-height:20px;}
	.daviPoint .contArea .pointChange p.data .dateTxt	{font-weight:bold; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim;}
	.daviPoint .contArea .pointChange p.data .txt	{display:block; padding-top:10px;}
	.daviPoint .contArea .pointChange .careTxt	{margin:20px -20px 0 -20px;;  padding:15px 10px; background:#f5f5f5;}
	.daviPoint .contArea .pointChange .careTxt strong	{display:block; padding-bottom:5px; font-size:13px; color:#666;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim;}
	.daviPoint .contArea .pointChange .careTxt ul	{padding:0 23px;}
	.daviPoint .contArea .pointChange .careTxt ul li	{padding-bottom:5px; font-size:12px; color:#666;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; text-align:left;}
	.daviPoint .contArea .pointChange .careTxt .daviBtn{margin-top:10px;}
	
	.daviPoint .contArea .pointChange .nonmember{padding:80px 0; font-size:15px; color:#333;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; }
	.daviPoint .contArea .pointChange .nonmember span{display:block; padding-top:20px;}
	.daviPoint .contArea .pointChange .nonmember span.num{display:block; font-size:15px; color:#999;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim;}
	.daviPoint .contArea .pointChange .nonmember strong{display:block; font-size:16px;}
	
	#daviPop	{display:none; position:absolute; left:0; top:0; width:100%;  box-sizing:border-box;background:url("/websrc/m/images/davi/popBg.png") repeat 0 0; background-size:3px 3px;}
	#daviPop .popCont	{ margin:20px; background:#fff; box-sizing:border-box;}
	#daviPop strong	{display:block; padding:30px 0 24px 0;  font-size:20px; color:#333;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; text-align:center;}
	#daviPop span	{display:block; font-size:15px; color:#333;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; text-align:center; text-decoration:underline;}
	#daviPop table	{margin:10px 0 0 10px; width:93%; box-sizing:border-box;}
	#daviPop table th	{padding:10px 0; font-size:13px; color:#333;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; background:#f5f5f5;}
	#daviPop table td	{padding:10px 0; font-size:12px; color:#666;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; text-align:center; border-bottom:1px solid #ccc;}
	#daviPop span.txt	{padding:15px 15px 0 15px; font-size:12px; color:#666;font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; text-align:left;text-decoration:none;}
	#daviPop a.closeBtn	{display:block; width:24px; height:24px;position:absolute; right:20px; top:20px;}
	#daviPop a.closeBtn img	{width:100%;}
	
	/*  백화점 제휴몰 포인트 신청*/
.mallPoint {position:relative;}
.mallPoint .tab {margin-bottom:30px}
.mallPoint {padding:17px; background:#fff;}
.mallPointRequest h2 {padding:11px 0 8px 0; margin-top:3px; font-size:14px; color:#333; font-weight:bold; border-top:1px solid #cecece;}
.mallPointRequest .txt {padding-bottom:10px; font-size:13px; color:#666; border-bottom:1px solid #cecece;}
.mallPointRequest .txt ul li {padding-left:10px; text-indent:-10px; color:#666; }
.mallPointRequest .tab {padding-bottom:15px;  margin-bottom:13px; border-bottom:1px solid #4f4f4f;}
.mallPointRequest .tab:after {content:""; display:block; clear:both;}
.mallPointRequest .tab li {float:left; height:38px;  width:50%; text-align:center; line-height:38px;background:#eee; border-radius:5px;}
.mallPointRequest .tab li.on {background:#c7145d;}
.mallPointRequest .tab li a {display:inline-block; width:100%;  font-size:15px; color:#000; font-weight:bold;}
.mallPointRequest .tab li.on a {color:#fff;}
.mallPointRequest .form {border:1px solid #e3e4e5;}
.mallPointRequest .form th {padding:10px 0 9px 10px; font-size:15px; color:#666; border-bottom:1px solid #dcddde; background:#ccc;}
.mallPointRequest .form td {border-bottom:1px solid #dcddde;}
.mallPointRequest .form td input {width:100%; height:28px; border:none;}
.mallPointRequest .form td select {width:100%; height:28px; border:none;}
.mallPointRequest .form td .calender {position:relative;}
.mallPointRequest .form td .calender a {position:absolute; right:10px; top:0;}
.mallPointRequest .btnType2_2 {display:inline-block; padding:12px 0; width:100%; font-size:15px; text-align:center; color:#fff; font-weight:bold; background:#c7145d; }
.mallPointRequest .caution {padding:12px 10px 20px 0px; border-bottom:2px solid #c0c0c0;}
.mallPointRequest .caution li {padding:0 0 5px 10px; font-size:13px; text-indent:-10px; color:#4f4f4f;}
.mallPointRequest .caution li.point{color:#c7145d; font-weight:bold; word-wrap: break-word;}
.mallPointRequest .caution li.point a{color:#c7145d; word-wrap: break-word;}
.mallPointRequest .agreeSelect {padding:15px; }
.mallPointRequest .agreeSelect strong {display:block; padding-bottom:10px; font-size:14px;}
.mallPointRequest .agreeSelect span {display:block; padding-bottom:10px;}
.mallPointRequest .agreeSelect label {margin-left:5px; font-size:13px;}
.mallPointRequest .agreeSelect input[type=radio]  {width:17px; height:17px; padding:0; margin:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/websrc/m2/images/mypage//ico_radio2.png) no-repeat 50% 0; background-size:17px;}
.mallPointRequest .agreeSelect input[type=radio]:checked {background-position:50% 100%;}
.mallPointRequest .mallPointTxt {margin-top:25px; border-top:2px solid #c0c0c0;}
.mallPointRequest .mallPointTxt ul {margin-top:3px; padding:12px 0 7px 0;  border-top:1px solid #cecece;}
.mallPointRequest .mallPointTxt ul li {padding:0 0 5px 10px; text-indent:-10px; color:#666; font-size:13px;}
.mallPointRequest .mallPointTxt dl dt {padding:15px 0 5px 0; font-size:14px; color:#333; font-weight:bold; border-top:1px solid #cecece;}
.mallPointRequest .mallPointTxt dl dd {padding:0 0 5px 10px; font-size:13px;text-indent:-10px;color:#666;}
.mallPointRequest .mallPointTxt dl dd.txt1 {padding-left:127px; text-indent:-127px;}
.mallPointRequest .mallPointTxt dl dd.last {padding:0 0 10px 0; text-indent:0;}
.mallPointRequest .mallPointTxt dl dd .pointTxt {display:block; color:#c8145d; font-weight:bold;text-indent:0px;}
.mallPointRequest .mallPointTxt dl dd.last span {display:block; padding-left:10px; text-indent:-10px;}
.mallPointRequest .list {margin-bottom:30px; width:100%; border:1px solid #d2d3d3;}
.mallPointRequest .list th {padding:15px 3px;font-size:13px; color:#333;font-weight:normal; text-align:center; border-bottom:1px solid #d2d3d3; background:#ccc;}
.mallPointRequest .list td {padding:0 5px; font-size:13px;color:#333; text-align:left; border-bottom:1px solid #dcddde;}
.mallPointRequest .list td.none {padding:10px 0; text-align:center; border-bottom:none;}
.mallPointRequest .infoArea {position:relative; background:#fff;}
.mallPointRequest .infoArea h2 { padding-top:19px; letter-spacing:-2px;}
.mallPointRequest .infoArea a {position:absolute; right:0; top:14px; display:block; padding:6px 10px; font-size:11px; color:#333; border:1px solid #5c5c5c; background:#fff;}
				
.mallPoint {padding:17px; background:#fff;}
.mallPointInquiry h2 {}
.mallPointInquiry .tab {padding-bottom:15px; margin-bottom:0; border-bottom:1px solid #4f4f4f;}
.mallPointInquiry .tab:after {content:""; display:block; clear:both;}
.mallPointInquiry .tab li {float:left; height:38px;  width:50%; text-align:center; line-height:38px;background:#eee; border-radius:5px;}
.mallPointInquiry .tab li.on {background:#c7145d;}
.mallPointInquiry .tab li a {display:inline-block; width:100%; font-size:15px; color:#000; font-weight:bold;}
.mallPointInquiry .tab li.on a {color:#fff;}
.mallPointInquiry .form th {font-size:15px; color:#333; border-bottom:1px solid #cecece;  background:none;}
.mallPointInquiry .form td {padding:10px 0; border-bottom:1px solid #cecece;}
.mallPointInquiry .form td select {width:100%; height:35px; border:1px solid #dedfe0;}
.mallPointInquiry .form td>span {display:inline-block; padding-bottom:13px; width:48%;}
.mallPointInquiry .form input[type=radio]  {width:17px; height:17px; padding:0; margin:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/websrc/m2/images/mypage//ico_radio2.png) no-repeat 50% 0; background-size:17px;}
.mallPointInquiry .form input[type=radio]:checked {background-position:50% 100%;}
.mallPointInquiry .form td>span label {margin-left:5px; font-size:13px;}
.mallPointInquiry .form td.monthArea {padding-bottom:0;}
.mallPointInquiry .btnSearch {padding-bottom:27px; border-bottom:2px solid #c0c0c0; }
.mallPointInquiry .btnSearch a {display:block; padding:12px 0; font-size:15px; color:#fff; text-align:center; background:#848484;}
.mallPointInquiry .productData {margin-top:3px; padding-top:15px;  border-top:1px solid #cecece;}
.mallPointInquiry .productData select {width:100%;height:35px; border:1px solid #dcddde;}
.mallPointInquiry .txtArea {padding-top:14px;}
.mallPointInquiry .txtArea li {padding:0 0 5px 15px; text-indent:-15px; font-size:13px; color:#666;}
.mallPointInquiry .txtArea li:first-child {font-weight:bold;}
.mallPointInquiry .list {width:100%; margin-top:10px; border:1px solid #dcddde;}
.mallPointInquiry .list th {padding:13px 0; font-size:13px; color:#fff; border-left:1px solid #fff;background:#848484;}
.mallPointInquiry .list td {padding:5px; font-size:13px;text-align:center; border-left:1px solid #dcddde; border-bottom:1px solid #dcddde;}
.mallPointInquiry .list td a {font-weight:bold;}
.mallPointInquiry .list td span.date {display:block; padding-top:3px;}
.mallPointInquiry .btnArea {}
.mallPointInquiry .btnArea .btnType2_2 {display:inline-block; padding:12px 0; width:100%; font-size:15px; text-align:center; color:#fff; font-weight:bold; background:#c7145d url(/websrc/m2/images/mypage/blt_more.png) no-repeat 65% 50%; }	
			
.mallLayer	{ display:none; position:absolute; left:0; top:25px; padding:20px 15px; width:100%; background:#fff; box-sizing:border-box; z-index:10;}
.mallLayer h3	{padding-bottom:15px; font-size:18px; color:#333; margin-bottom:17px; text-align:center; border-bottom:1px solid #e0dadc;}
.mallLayer ul.txt {height:300px; overflow-y:scroll;}
.mallLayer ul li {padding:0 0 5px 10px; text-indent:-10px; color:#333;}
.mallLayer ul li a {display:block; word-break: break-all;}
.mallLayer .btnClose {position:absolute; right:20px; top:22px;}
.mallLayer .btnClose img {width:19px;}
.mallLayer table {width:100%; border:1px solid #dcddde;;}
.mallLayer table th {padding:10px 0; color:#fff; border-bottom:1px solid #dcddde; background:#ccc;}
.mallLayer table td {padding:0 10px; color:#333; border-bottom:1px solid #dcddde;}
.mallLayer .btnType2_2 {display:inline-block; margin-top:20px; padding:12px 0; width:100%; font-size:15px; text-align:center; color:#fff; font-weight:bold; background:#c7145d; }	

.mallLayer table.product {margin-top:10px;}
.mallLayer table.product th {border-left:1px solid #dcddde; }
.mallLayer table.product td {padding:5px; text-align:center; border-left:1px solid #dcddde;}
.mallLayer #detail {height:218px; overflow-y:scroll;}

.mallPointEvent {margin-top:25px; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-top:2px solid #c7145d; background:url("/websrc/m2/images/mypage/blt_mallPoint.png") no-repeat 0 -1px; background-size:61px 60px;}
.mallPointEventBg {background:url("/websrc/m2/images/mypage/blt_mallPoint2.png") no-repeat right bottom; background-size:56px 55px;}
.mallPointEvent .tit {margin:0 35px 10px 35px; padding:10px 0; font-size:18px; color:#c7145d; font-weight:bold; text-align:center; border-bottom:1px dotted #d9d9d9;}
.mallPointEvent .txt {padding:0 10px; font-size:14px; color:#666; font-weight:bold; letter-spacing:-1px; border-bottom:none;}	
.mallPointEvent .txt span {display:block; padding-top:10px;font-size:13px; color:#666; font-weight:normal;}		
.mallPointEventBg>ul{padding:10px;}		
.mallPointEvent ul.eventTxt li {padding:0 0 10px 30px; font-size:13px; color:#666; background:url("/websrc/m2/images/mypage/blt_mallPoint3.gif") no-repeat 0 0; background-size:21px 21px;}
.mallPointEvent ul.eventTxt2 li {padding:0 30px 10px 10px; font-size:12px; color:#908f8f; text-indent:-10px}		
.mallPointEvent .date {margin-top:10px;padding:0 10px;color:#c7145d; font-weight:bold;}
.mallPointEvent .date span {display:inline-block; padding:3px 5px; margin-right:10px;color:#fff;background:#c7145d;}


.select .joinBtns {padding-top:25px;}
.select .joinBtns .btnKakaoJoin {display:block; height:50px; margin-top:5px; background:#f6e24b; font-size:14px; line-height:46px; text-align:center; font-weight:bold; color:#381f1e}
.select .joinBtns .btnKakaoJoin:before {content: ''; display:inline-block; width:31px; height:25px; background: url(/websrc/images/new_member/ico_kakao2.gif) no-repeat 0 0; vertical-align:middle;}
.select .joinBtns .btnKakaoJoin span {display:inline-block; padding-left:15px; line-height:25px; margin-left:6px; border-left:1px solid #d8c114; vertical-align:middle;}

#pointEndPop{position:fixed; left:50%; top:50%; width:83vw; z-index: 999; transform: translate(-50%,-50%)}
#pointEndPop .pointEndPopWrap>a{position:absolute; right:4.3vw; top:4vw; width:4vw; height:5vw; background:url(/websrc/m2/images/mypage/pointEndClose.png) no-repeat 0 / 100%}
#pointEndPop .pointEndPopWrap>img{width:100%; }
#pointEndPop .pointEndPopWrap .hide{position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
#pointEndPop+#pointEndPopBg{position:fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.26); z-index: 998}
@media screen and (min-width:640px){
	#pointEndPop{width:530px;}
	#pointEndPop .pointEndPopWrap>a{top:25px; right:28px; width:26px; height:32px;}
}

.pointTab{
	margin-bottom:12px;
}

.main #benefits-wrap #footer{
	all:unset;
	display:block;
	padding: 20px;
	background: var(--gray-6);
}