@charset "utf-8";

/* coupon */
.pos_r{position: relative;}
.dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background:rgba(0,0,0,0.5)} 
.bd_t333{border-top: 1px solid #333;}
.clear:after{display: block;content: '';clear: both;}
.btnBlack02{width: 100%;line-height: 45px;color: #fff;font-size: 16px;font-weight: 500;font-family: 'Noto Sans KR',sans-serif;letter-spacing: -0.75px;background: #333;}
.btnBlack{width: 100%;line-height: 42px;color: #fff;font-size: 17px;font-weight: 500;font-family: 'Noto Sans KR',sans-serif;letter-spacing: -0.75px;background: #232427;}
.cp_wrap .sel_st01{width: 100%;border: 0;background: url(../../images/mypage/bg_sel.png) no-repeat 95% center;background-size:12px 7px; padding: 15px 10px;border-bottom: 1px solid #999;color: #333;font-size: 15px;letter-spacing: -0.75px;font-family: 'Noto Sans KR',sans-serif;}
ul.bullet li::before{content: "-";position: absolute;left: 0;}
ul.bullet li{position: relative;padding-left: 10px;}


.cp_wrap{line-height: 1;font-family: 'Noto Sans KR',sans-serif;color: #333;}
.cp_gnb ul li{float: left;width: 33.333%;text-align: center;}
.cp_gnb ul li a{padding: 14% 0;display: block;font-size: 17px;color: #333;font-family: 'Noto Sans Kr',sans-serif;font-weight: 100;letter-spacing: -0.75px;}
.cp_gnb ul li.on a{font-weight: 500;}
.cp_gnb ul li.on a span{border-bottom: 1px solid #333;}
.cp_wrap .tot_coupon{padding:4% 6.66%;font-size: 15px;font-weight: 500;letter-spacing: -0.75px;border-bottom: 1px solid #fff;} /* 20191127 수정 */
.cp_wrap .tot_coupon span{color: #dd4c4c}
.cp_wrap .cp_list{padding: 6.66%;}
.cp_wrap .cp_list li{display: table;border: 1px solid #ddd;margin-bottom: 6%;border-collapse: collapse;width: 100%;}/*20191212 수정*/ /* 20200109 수정 */ /* 20200212 수정 display table */
.cp_wrap .cp_list li img{display: block;}
.cp_wrap .cp_list li:last-child{margin-bottom: 0;}
.cp_wrap .cp_list li > a> p,.cp_wrap .cp_list li> a >div,.cp_wrap .cp_list li > p{display: table-cell;vertical-align: middle;}
.cp_wrap .cp_list li > a{display: block;width: 100%;height: 100%;display: table}
.cp_wrap .cp_list li .thumb{width:36%;background: #fafafa;position: relative;}/*20191212*/ /* 20200109 수정 */
.cp_wrap .cp_list.cp_down li .thumb{width:44.5%;}/*20191212수정*/
.cp_wrap .cp_list.cp_park li .thumb{width:40%;}/*20191212추가*/
.cp_wrap .cp_list.cp_park li .thumb + .cont{padding:7.4% 6%}/*20191212추가*/
.cp_wrap .cp_list li .thumb .txt em{display: block;color: #999;letter-spacing: -0.5px;font-size: 12px;font-family: 'Roboto',sans-serif;margin-bottom: 3px;}
.cp_wrap .cp_list li .thumb .txt{display: block;color: #999;letter-spacing: -0.75px;font-size: 20px;font-family: 'Noto Sans KR',sans-serif;text-align: center;}
.cp_wrap .cp_list li .badge{position: absolute; right: -48px; top: -2px; background: #d23838;color: #fff;font-size: 9px; font-weight: 400; letter-spacing: -0.075em; width: 44px;height: 16px;line-height: 15px;text-align: center; display: inline-block; border-radius: 10px;} /* 20200109 수정 */
.cp_wrap .cp_list li .cont{padding:6%;letter-spacing: -0.5px;font-size: 13px;}/*20191212 수정*/
.cp_wrap .cp_list li .cont .cp_per{color:#777; margin-bottom: 4.3%; font-size: 11px;} /* 20200109 수정 */
.cp_wrap .cp_list li .cont .cp_tit{height: 32px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px;} /* 20200109 수정 */
.cp_wrap .cp_list li .cont .cp_date{position: relative; color: #777;font-size: 11px;margin-top:6%; } /* 20200109 수정 */
.cp_wrap .cp_list.cp_down li .down{width:10%;border-left: 1px solid #ddd;text-align: center;}
.cp_wrap input[type="button"]{border: 0;box-shadow: none;}
input[type="button"].btnCcheck{width:100%;height: 100%;background: url(../../images/mypage/coupon_check.png) no-repeat center center;background-size: 15px 11px;padding: 10% 0;}
input[type="button"].btnCdown{width:100%;height: 100%;background: url(../../images/mypage/coupon_down.png) no-repeat center center;background-size:18px;padding: 10% 0;}
.cp_wrap .cal input {height:auto;}/* 20200522 추가 */

.btn_area .more{text-align: center;font-size: 15px;color: #585858;font-weight: 500;letter-spacing: -0.75px;border-top: 1px solid #b4b4b4;}
.btn_area .more a{display: block;padding: 6% 0;}
.btn_area .more a:before{display: inline-block;vertical-align: middle;content: '';background: url(../../images/mypage/ico_more.png) no-repeat center center;width: 15px;height: 15px;background-size: cover;margin-right: 8px;margin-bottom: 2px;}

.cont_top{padding: 0 6.6%;margin-bottom: 3%;}

.cal_wrap .cal_box{width: 40%;border-bottom: 1px solid #999;display: inline-block;}



/* COUPON DETAIL*/
.cp_detail{padding: 0 9.33% 9.33%;}
.detail_ntc{padding: 9.33%;background: #f2f2f2;color: #555;font-size: 13px;line-height: 1.5;letter-spacing: -0.5px;}
.cp_detail .detail_thumb{width: 52%; padding-top:48.6%; margin: 13% auto 8%;border: 1px solid #eaeaea; background-size: 100%; background-position: center; background-repeat: no-repeat;} /* 20200212 수정 */
.cp_detail .cont{text-align: center;letter-spacing: -0.5px; }
.cp_detail .cont .cp_per{margin-bottom: 3%;font-size: 15px;color:#777;}
.cp_detail .cont .cp_tit{font-size: 18px;line-height: 1.4;font-weight: 500;}
.cp_detail .cont .cp_date{color: #777;font-family: 'Roboto',sans-serif;margin: 4% 0 6% 0;}

.detail_ntc h4{font-weight: normal;font-size: 15px;color: #555;margin-bottom: 3%;}
.detail_ntc ul li{margin-bottom: 1%;}
.detail_ntc .ntc_info{margin-bottom: 1%;}


/* COUPON BARCODE*/
.cp_barcodWrap{width: 94%;position: absolute; top:  0%; left: 50%; margin-left: -47%; border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;z-index: 99999;font-family: 'Roboto',sans-serif} 
/* .cp_barcodWrap .barcode_area{text-align: center;position: relative;margin-top: 0;} */
.cp_barcodWrap h4{padding: 5% 0;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;position: relative;color: #333;letter-spacing: -0.5px;text-align: center;
    background:linear-gradient(to right, #fff 0, #fff 100%) no-repeat top center, 
    linear-gradient(to bottom, #fff 0, #fff 100%) no-repeat center left, 
     radial-gradient(at top left, #fff 0, #fff 100%) no-repeat top left,
    radial-gradient(at top right, #fff 0, #fff 100%) no-repeat top right, 
    radial-gradient(at bottom left, transparent 43%, #fff 47%) no-repeat bottom left, 
    radial-gradient(at bottom right, transparent 43%, #fff 47%) no-repeat bottom right;
    background-size: 
    calc(100% - 18px) 100%, 
    100% calc(100% - 18px), 
    11px 11px, 11px 11px, 
    11px 11px, 11px 11px;line-height: 1;
}
.cp_barcodWrap h4:after{content: '';position:absolute;width:calc(100% - 22px);height:1px;border-bottom: 1px dashed #ccc;left: 11px;bottom: 0;}
/* .cp_barcodWrap h4:before{content: '';width: 0px;height: 0;border: 5px solid;border-color: red red transparent transparent;display: block;position: absolute;bottom: 0;transform: rotate(45deg)} */
/* .punch_blr{-webkit-border-corner-shape: scoop; border-radius: 30px; width: 200px; height: 200px; } */
.cp_barcodWrap .barcode_area{text-align: center;position: relative;background: #fff;}
.cp_barcodWrap .barcode_area p.img_area{width: 66%;}

.cp_barcodWrap .barcode_area p.img_more a{width: 6%;position: absolute;top: 30%;transform:translateY(-30%);margin-left: 3%;}
.cp_barcodWrap .barcode_area > p{display: inline-block;}
.cp_barcodWrap .barcode_area > p.codNumb{text-align: center;display: block;letter-spacing: 1px;color: #666;font-size: 1.2rem;padding-top:5%}/*20191126 class명 수정*/
.cp_barcodWrap .bg_white{background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.cp_barcodWrap .btn_hide img{width: 6%;display: block;margin: 0 auto;}
.cp_barcodWrap .bcd_tit{text-align: center;font-size: 13px;}
.cp_barcodWrap .my_area{padding: 5% 0;background: 
    linear-gradient(to right, #fff 0, #fff 100%) no-repeat top center,
     linear-gradient(to bottom, #fff 0, #fff 100%) no-repeat center left, 
     radial-gradient(at top left, transparent 43%, #fff 47%) no-repeat top left, 
     radial-gradient(at top right, transparent 43%, #fff 47%) no-repeat top right, 
     radial-gradient(at bottom left, #fff 0, #fff 100%) no-repeat bottom left, 
     radial-gradient(at bottom right, #fff 0, #fff 100%) no-repeat bottom right;
     background-size: 
     calc(100% - 18px) 100%, 
     100% calc(100% - 18px), 
     11px 11px, 
     11px 11px, 
     11px 11px, 
     11px 11px;}/*20191125_03 수정*/
.cp_barcodWrap .my_area:after{display: block;content:"";clear:both;}
.cp_barcodWrap .m_grade a{font-family: "Roboto",sans-serif;font-size: 0.9rem;font-weight: 500;color: #333;float: left;letter-spacing: -0.5px;}
.cp_barcodWrap .m_grade a:nth-child(2):before{width: 1px;height: 10px;content: '';display: inline-block;background: #d6d6d6;vertical-align: middle;margin: 0 8px;}
.cp_barcodWrap .m_grade a span.dot{width: 2px;height: 2px;display: inline-block;border-radius: 50%;background: #333;vertical-align: middle;margin: 0 1px;}
.cp_barcodWrap .m_point a:after{content: "";display: inline-block;background: url(../../images/main_b/common/arrow.png) no-repeat center center;background-size: 100%;width: 6px;height: 10px;margin-left: 7px;margin-bottom: 3px;vertical-align: middle;}
.btn_hide.barco_btn{padding: 7% 0;}
.cp_barcodWrap .m_point a{font-family: "Roboto",sans-serif;font-size: 1rem;color: #333;float: right;letter-spacing: -0.4px;font-weight: 500;}



.cal_wrap {padding:0 0 15px;display: table;text-align: center;width: 100%;}
.cal_wrap .cal{width: 45%; display: table-cell;}
.cal input{width:100%;background: url(../../images/mypage/ico_cal.png) no-repeat 94% center;background-size: 25px 23px;border:0;border-bottom: 1px solid #999;padding:15px 10px;color: #333;font-size: 15px;letter-spacing: -0.75px;color: #333;font-family: 'Noto Sans KR',sans-serif;}

/* POPUP SUB*/
.popup_subWrap{position: absolute;top: 200px;width: 80%;left: 10%;background: #fff;z-index: 99999;text-align: center;}/*20191125_02수정*/
.popup_subWrap .popup_sub{padding: 15% 10% 12%;}
.popup_subWrap h4{margin-bottom: 5%;font-weight: normal;color: #333;}
.popup_subWrap .input_type02{border: 1px solid #333;width:100%;padding: 3%;}
.popup_subWrap .button_box{border-top: 1px solid #ddd;overflow: hidden;}
.popup_subWrap .button_box span:first-child:after{content: '';position: absolute;border-right: 1px solid #ddd; right: 0;top: 0;width:1px;height: 100%;}
.popup_subWrap .button_box span input[type="button"]{width: 100%;border: none;background: none;box-shadow: none;color: #333;font-size:15px;font-family: 'Roboto',sans-serif;padding: 10% 0;}
.popup_subWrap .button_box span{width: 50%;float: left;position: relative;}

/* FAVORITE  MENU*/ 
.favMenus{padding: 6% 9%;border-top: 1px solid #999;}
.favMenus h3.tit{font-size: 15px;font-weight: 500;color: #333;padding: 0 0 2%; }
.favMenus h3 + p{font-size: 13px;font-weight: 100;color: #333;}
p.bullet_star{padding-left: 7px;position: relative;}
p.bullet_star:before{content: '*';display: inline-block;position: absolute;left: 0;}

/* 20211115 앱리뉴얼 반영 시 삭제할 부분 (C타입) S */
.moveArea .depth02{padding:8% 0 5%;}
.moveArea .depth02 li:after{content:'';position: absolute;width: 13px;height: 13px;background: url(../../images/mypage/fav_off.png) no-repeat center / cover;right: 8%;top:2%;}
.moveArea .depth02 li.f_on:after{content:'';position: absolute;width: 13px;height: 13px;background: url(../../images/mypage/fav_on.png) no-repeat center / cover;right: 8%;top:2%;}
/* 20211115 앱리뉴얼 반영 시 삭제할 부분 (C타입) E */

/* 20211111 수정 및 추가 (D타입) :: S */
/* .favMenus p.bullet_star {font-size: 12px; font-weight: 300;} */
/* .moveArea .depth02{padding:8% 1% 5%;} */
/* .moveArea .depth02 li:after{content:'';position: absolute;width: 20px;height: 20px;background: url(../../images/mypage/favn_off.png) no-repeat center / cover;right: 17%; top: 0;} */
/* .moveArea .depth02 li.f_on:after{content:'';position: absolute;width: 20px;height: 20px;background: url(../../images/mypage/favn_on.png) no-repeat center / cover;right: 17%; top: 0;} */
/* 20211111 수정 및 추가 (D타입) :: E */

.moveSelect ul {}
.moveSelect ul:after {content: '';clear: both;display: block;}

/* 20211115 앱리뉴얼 반영 시 삭제할 부분 (C타입) S */
.moveSelect ul li {width: 50%;float:left;border: 1px solid #ccc;box-sizing: border-box;position: relative;margin-left: -1px;margin-top: -1px;padding: 3%;text-align: center;}
/* 20211115 앱리뉴얼 반영 시 삭제할 부분 (C타입) E */

/* 20211111 수정 및 추가 (D타입) :: S */
/* .moveSelect ul li {width: 50%;float:left;font-size: 11px; color: #999; border: 1px solid #e1e1e1;box-sizing: border-box;position: relative;margin-left: -1px;margin-top: -1px;padding: 3%;text-align: center;}  */
/* .moveSelect ul li.on {color: #333; font-weight: 500;} */
/* 20211111 수정 및 추가 (D타입) :: E */

.moveSelect ul li.on:after {border: 1px solid #333;position: absolute;width: 100%;height: 100%;content: '';top: -1px;left: -1px;z-index: 9999;}
.moveSelect ul li.on:before{content: '';width: 9px;height: 8px;background: url(../../images/mypage/fav_check.png) no-repeat center /cover;margin-right: 5px;display: inline-block;vertical-align: middle;margin-bottom: 2px;}

.btnBBlack{width: 100%;line-height: 45px;color: #fff;font-size: 15px;font-weight: 500;letter-spacing: -0.75px;background: #333;border: 0;margin:8% 0 10%;}

/* 20191122 css 결합 */
#wrap.sub_wrap {height: auto; overflow-x: hidden; overflow-y: visible;}
#wrap.sub_wrap.fixed {min-height: 100vh;}
#wrap.sub_wrap .content {height: auto; min-height: calc(100vh - 50px);} /* 20191119 최소높이 추가 */

/* 서브 GNB */
#wrap.sub_wrap .header {position: relative; height: 50px;}
#wrap.sub_wrap .header .header_left {margin-top: -7.75px; width: 21.5px; height: 15.5px;} /* 20191122_2 수정 */
#wrap.sub_wrap .header .header_left p.i_menu {width: 21.5px; height: 15.5px; text-indent: -9999px;} /* 20191122_2 수정 */

.header .header_center {position: relative; background: #fff; z-index: 98;}
.header .header_center .title h2 {position: relative; height: 50px; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.075em; text-align: center; line-height: 46px;}
.header .header_center .title h2 a {display: inline-block; color: inherit;}
.header .header_center .title h2 b {font-weight: 500;}
.header .header_center .title h2.has_arrow a {position: relative; margin-left: 17px; padding-right: 17px;}
.header .header_center .title h2.has_arrow .i_arrow {position: absolute; right: 0; top: calc(50% - 3.5px); width: 7px; height: 7px; background: url(../../images/ico/ico_arrow_down_new.png) no-repeat center / contain; text-indent: -9999px;}

.header.open::before {content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 97; background: rgba(0,0,0,0.5);}
.header.open .header_center .title h2.has_arrow .i_arrow {transform: rotate(180deg);}

.header .header_center .store_list {display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: 10px 0 20px; background: #fff; z-index: 99;}
.header .header_center .store_list > ul {position: relative; margin: 0 15px;}
.header .header_center .store_list > ul > li > a {position: absolute; top: 0; width: 33.3333%; height: 34px; border: 1px solid #232427; border-left: 0; box-sizing: border-box; font-size: 14px; color: #333; letter-spacing: -0.075em; text-align: center; line-height: 34px;}
.header .header_center .store_list > ul > li:first-child > a {left: 0; border-left: 1px solid #232427; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.header .header_center .store_list > ul > li:nth-child(2) > a {left: 33.3333%;}
.header .header_center .store_list > ul > li:last-child > a {right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.header .header_center .store_list > ul > li.on > a {background: #232427; color: #fff;}

.header .header_center .store_list > ul > li > ul {margin: 0 -5px; padding-top: 44px;}
.header .header_center .store_list > ul > li > ul::after {content: ""; display: block; clear: both;}
.header .header_center .store_list > ul > li > ul > li {float: left; width: 33.3333%; margin-top: 10px; padding: 0 5px; box-sizing: border-box;}
.header .header_center .store_list > ul > li > ul > li > a {display: block; padding: 9% 0; border: 1px solid #ccc; box-sizing: border-box; color: #333; letter-spacing: -0.075em;}
.header .header_center .store_list > ul > li > ul > li > a > span {display: block; font-size: 13px; font-weight: 400; text-align: center; line-height: 1;}
.header .header_center .store_list > ul > li > ul > li > a > b {display: block; margin-top: 3px; font-size: 14px; font-weight: 500; text-align: center; line-height: 1;}

/* 20230203 추가 ::: S */
.header .header_center .store_list.store_list-4 > ul > li > a {width: 50%; border-left: 1px solid #232427;}
.header .header_center .store_list.store_list-4 > ul > li:nth-child(1) > a {border-bottom-left-radius:0;}
.header .header_center .store_list.store_list-4 > ul > li:nth-child(2) > a {left: 50%; border-top-right-radius:5px;}
.header .header_center .store_list.store_list-4 > ul > li:nth-child(3) > a {left: 0; top: 33px; border-bottom-left-radius:5px;}
.header .header_center .store_list.store_list-4 > ul > li:nth-child(4) > a {left: 50%; top: 33px; border-bottom-right-radius:5px; border-top-right-radius: 0;}
.header .header_center .store_list.store_list-4 > ul > li:nth-child(2n) > a {border-left:0;}
.header .header_center .store_list.store_list-4 > ul > li > ul{padding-top: 78px;}
/* 20230203 추가 ::: E */

/* LNB 슬라이드 */
.lnb_slide ul li {width: 27%; padding: 4px 0 15px; box-sizing: border-box; text-align: center;}
.lnb_slide ul li a {position: relative; display: inline-block; padding: 6px 0; font-family: 'Noto Sans KR',sans-serif; font-size: 14px; font-weight: 100; line-height: 1; letter-spacing: -0.075em; color:#333;}
.lnb_slide ul li.on a {font-weight: 500;}
.lnb_slide ul li.on a::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}

/* LNB - 2컬럼 */
.lnb_row {padding: 0 15px;}
.lnb_row ul::after {content: ""; display: block; clear: both;}
.lnb_row ul li {float: left; width: 50%; padding: 4px 0 15px; text-align: center;}
.lnb_row ul li a {position: relative; display: inline-block; padding: 6px 0; font-family: 'Noto Sans KR',sans-serif; font-size: 14px; font-weight: 100; line-height: 1; letter-spacing: -0.075em; color:#333;}
.lnb_row ul li.on a {font-weight: 500;}
.lnb_row ul li.on a::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}

/* 탭 */
.tab_row {padding: 10px 15px;}
.tab_row .col2::after {content: ""; display: block; clear: both;}
.tab_row .col2 li {float: left; width: 50%;}
.tab_row .col2 li a {display: block; height: 34px; border: 1px solid #232427; font-size: 14px; color: #333; letter-spacing: -0.075em; line-height: 34px; text-align: center;}
.tab_row .col2 li:first-child a {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.tab_row .col2 li:last-child a {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.tab_row .col2 li.on a {background: #232427; color: #fff;}




/*********/
/* INPUT */
/*********/
.input_box {box-sizing: border-box;}
.input_box.pad {padding: 10px 15px 20px;}
.input_box.pad02 {padding: 10px 15px;}/* 20200219 추가 */

.input_box select:focus, .input_box input:focus, .input_box button:focus {outline: 0;}

/* 셀렉트 박스 */
.input_box .select {width: 100%; height: 35px; padding: 0 10px; background: url(../../images/mypage/bg_sel.png) no-repeat 96% center / 10.5px 5.5px; border: none; border-bottom: 1px solid #999; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; font-weight: 400; color: #333; letter-spacing: -0.075em; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.input_box .select::-ms-expand {display: none;}
.input_box .select:focus {outline: 0;}

/* 셀렉트 박스 - 2 컬럼 */
.input_box .col2::after {content: ""; display: block; clear: both;}
.input_box .col2 .select {float: left; width: calc(50% - 7.5px); background-position: 91% center;}
.input_box .col2 .select:first-child {margin-right: 15px;}

.input_box .col2.has_div .select_div {float: left; width: calc(50% - 7.5px);}
.input_box .col2.has_div .select_div + .select_div {margin-left: 15px;}
.input_box .col2.has_div .select_div .select {width: 100%; margin-right: 0;}

/* 인풋 텍스트 */
.input_box .input {width: 100%; height: 35px; padding: 0 10px; border: none; border-bottom: 1px solid #999; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; font-weight: 400; color: #333; letter-spacing: -0.075em;}
.input_box .input::placeholder {color: #999;}

/* 인풋 텍스트 - 2 컬럼 */
.input_box .col2 .input {float: left; width: calc(50% - 7.5px); background-position: 91% center;}
.input_box .col2 .input:first-child {margin-right: 15px;}

/* 달력 */
.input_box div.date {display: table; width: 100%;}
.input_box div.date span.wave {display: table-cell; width: 25px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color: #333; text-align: center;}
.input_box div.date span.date {display: table-cell; width: calc(50% - 12.5px);}
.input_box div.date span.date input {width: 100%; height: 35px; padding: 0 34.5px 0 10px; background: url(../../images/mypage/ico_cal.png) no-repeat 94% center / 21.5px 19px; border: none; border-bottom: 1px solid #999; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: -0.075em; color: #333;}

/* 조회,검색 버튼 */
.input_box .btn_black {width: 100%; height: 36px; border: 0; background: #232427; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 500; color: #fff; line-height: 36px; letter-spacing: -0.075em;}
.input_box .btn_black_sm {height:30px; border: 0; background: #232427; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 400; color: #fff; line-height: 30px; letter-spacing: -0.075em; padding:0 10px;}/* 20200521 추가 */
.input_box .btn_black.btn_black_arw {background-image:url('../../images/mypage/ico_arw_r.png'); background-position:right 10px center; background-size:auto 50%; background-repeat:no-repeat;}/* 20200521 추가 */

/* 검색 영역 */
.search_row::after {content: ""; display: block; clear: both;}
.search_row .select {float: left; width: 65px;}
.search_row .search {position: relative; float: left; width: calc(100% - 65px);}
.search_row .search .input {padding-right: 35px; font-family: 'Noto Sans KR', sans-serif;}
.search_row .search .btn_search {position: absolute; right: 0; top: 0; width: 35px; height: 35px; background: url(../../images/ico/ico_sch_new.png) no-repeat center / 13.5px 14px; text-indent: -9999px; z-index: 2;}

/* 더보기 버튼 */
.btn_area.mt-30 {margin-top: -30px;}
.btn_area .btn_more a {display: block; height: 60px; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 500; color: #585858; text-align: center; letter-spacing: -0.075em; line-height: 60px;}
.btn_area .btn_more a::before {content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 10px; margin-bottom: 2px; background: url(../../images/ico/ico_more_new.png) no-repeat center / contain; vertical-align: middle;}

/* 최근 버튼 */
.input_box .btn {width: 100%; height: 34px; border: 1px solid #232427; background: #fff; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 500; color: #232427; letter-spacing: -0.075em;}

/* 최근 버튼 - 3 컬럼 */
.input_box .col3::after {content: ""; display: block; clear: both;}
.input_box .col3 .btn {float: left; width: calc(33.3333% - 3.6666px);}
.input_box .col3 .btn:first-child {margin-right: 5.5px;}
.input_box .col3 .btn:last-child {margin-left: 5.5px;}

/* 뒤로가기 */
.floating_icon2 {position: fixed; right: 15px; bottom: 50px; z-index: 99; width: 15%;}

/* 탭 */
.input_box .tab {position: relative;}
.input_box .tab::after {content: ""; display: block; clear: both;}
.input_box .tab li {float: left; width: 33.3333%; border: 1px solid #232427; border-left: 0; box-sizing: border-box;}
.input_box .tab li:first-child {border-left: 1px solid #232427; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.input_box .tab li:nth-child(2) {left: 33.3333%;}
.input_box .tab li:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.input_box .tab li a {display: block; height: 34px; font-size: 14px; color: #333; letter-spacing: -0.075em; text-align: center; line-height: 34px;}
.input_box .tab li.on {background: #232427;}
.input_box .tab li.on a {color: #fff;}




/* 지점안내 슬라이드 */
.main-store {position: relative;}
.main-store .branch_slide {position: relative;}
.main-store .branch_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 116px; left: 15px; text-align: left;}
.main-store .branch_slide .swiper-pagination-bullet {width: 6px; height: 6.5px; border: 1px solid #fff; background: transparent; opacity: 0.8; box-sizing: border-box;}
.main-store .branch_slide .swiper-pagination-bullet-active {background: #fff; opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;}
.main-store .name {position: absolute; left: 13px; bottom: 86px; width: 100%; z-index: 1;}
.main-store .name p {float: left; font-size: 25px; font-weight: 200; color: #fff; vertical-align: middle; letter-spacing: -0.075em; line-height: 1;}
.main-store .name .i_calendar {float: left; display: inline-block; width: 21.5px; height: 25px; margin-left: 2%; background: url(../../images/ico/ico_calendar_new.png) no-repeat center / contain; text-indent: -9999px; vertical-align: middle;}

/* 지점안내 기존 CSS */
.main-store > ul.shortcut {position:absolute; left:0; bottom:0; width:100%; padding:10px 0; overflow:hidden; background:#fff; z-index:1;}
.main-store > ul > li {float:left; width:20%; text-align:center; letter-spacing: -0.075em;}
.main-store > ul > li > a {height:47px; padding-top:30px; display:block; box-sizing:border-box; font-size:11px; color:#333;}
.main-store > ul > li > a.shortcut01 {background:url('../../images/ico/ico_store01.png') no-repeat center top; background-size: auto 27px;}
.main-store > ul > li > a.shortcut02 {background:url('../../images/ico/ico_store02.png') no-repeat center top; background-size: auto 27px;}
.main-store > ul > li > a.shortcut03 {background:url('../../images/ico/ico_store03.png') no-repeat center top; background-size: auto 27.5px;}
.main-store > ul > li > a.shortcut04 {background:url('../../images/ico/ico_store04.png') no-repeat center 1.5px; background-size: auto 26px;}
.main-store > ul > li > a.shortcut05 {background:url('../../images/ico/ico_store05.png') no-repeat center 1.5px; background-size: auto 26px;}

/* 20210312 지점안내 SNS 영역 추가 :: S */
/* 20220512 쿠폰북 아이콘 추가 수정 :: S */
.main-store .sns-link {position: absolute; bottom: 86px; right: 20px; z-index: 1;}
.main-store .sns-link .sns > li {margin-bottom: 1.5625vw; width: 8vw; height: 8vw; max-width: 80px; max-height: 80px; }
.main-store .sns-link .sns > li:last-child {margin-bottom: 0;}
.main-store .sns-link .sns > li a {display: inline-block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #bebebe; background-color: rgba(255,255,255,0.7); background-repeat: no-repeat; background-position: center; background-size: auto 50%; box-sizing: border-box;}
/* 20220512 쿠폰북 아이콘 추가 수정 :: E */
.main-store .sns-link .sns > li.sns01 a {background-image: url('../../images/ico/sns_foot03.png');}
.main-store .sns-link .sns > li.sns02 a {background-image: url('../../images/ico/sns_foot01.png');}
.main-store .sns-link .sns > li.sns03 a {background-image: url('../../images/ico/sns_blog.png');}
.main-store .sns-link .sns > li.sns04 a {background-image: url('../../images/ico/sns_foot04.png');}
.main-store .sns-link .sns > li.sns05 a {background-image: url('../../images/ico/sns_foot06.png'); background-color: rgba(233,194,37,0.7); border: none; background-size: 50%;} /* 20220512 쿠폰북 아이콘 추가 */
/* 20210312 지점안내 SNS 영역 추가 :: E */

.store-guide {padding: 15px; position:relative; overflow:hidden;}
.store-guide .info-tel {display: inline-block; font-size: 16px; color:#333; line-height:110%; padding:0 0 0 17px; background:url('../../images/ico/ico_tel.png') no-repeat left 2px; background-size:12px; font-weight: 500; letter-spacing: -0.06em;}
.store-guide .btn-tel {position:absolute; right:15px; top:7px;}
.store-guide dl dt {color:#333; line-height:110%; font-weight:500; padding:0 0 5px 18px; margin-top:20px;}
.store-guide dl dt:first-child { text-indent:-18px; margin-top:13px;}
.store-guide dl dt i {margin-right:8px;}
.store-guide dl dd {font-weight:500; padding-left:18px; line-height:140%;}
.store-guide dl dd + dd {margin-top:16px;}
.store-guide dl dd span {margin-left:10px;}

.btn-tel3 {position: absolute; display: inline-block; margin-left: 10px; margin-top: 4px; padding-bottom: 2px; font-size: 10px; font-weight: 400; color: #31a5ff; letter-spacing: -0.075em; line-height: 1;}
.btn-tel3::after {content: ""; position: absolute; left: 1px; bottom: 0; display: block; width: 100%; height: 1px; background: #31a5ff;}

/* 공지사항 */
.news .list-type2 > li > a > h3 {font-weight: 500;}
.culture-notice .tit-view {padding-top: 0;}
.culture-notice .list-type2 > li > a > h3 {font-weight: 500;}




/* 지점 캘린더 */
.store_calender .text_area {padding: 35px; background: #f9f9f9; border-top: 0.5px solid #999;}
.store_calender .text_area .location {font-size: 18px; color: #333; letter-spacing: -0.075em;}
.store_calender .text_area .tit {margin-top: 6px;}
.store_calender .text_area .tit::after {content: ""; display: block; clear: both;}
.store_calender .text_area .tit p {float: left; width: 65%; font-size: 24px; font-weight: 500; color: #333; letter-spacing: -0.075em; line-height: 1;}
.store_calender .text_area .tit b {float: right; width: 35%; font-family:'Roboto'; font-size: 26px; font-weight: 500; color: #333; letter-spacing: -0.025em; text-align: right; line-height: 1;}

.calendar_area {margin: 0 28.5px; padding: 29px 0 17px;}
.store_calender table {width: 100%;}
.store_calender tr {margin: 6.25px 0;}
.store_calender th {width: 14.2857%; padding-bottom: 13px;}
.store_calender th span {font-family: 'Roboto'; font-size: 12px; font-weight: 700;}
.store_calender th:first-child {color: #d23838;}
.store_calender th:last-child {color: #2e89bd;}

.store_calender td {position: relative; height: 50px; text-align: center; line-height: 1; letter-spacing: -0.075em;}
.store_calender td a {display: inline-block; width: 37.5px; height: 37.5px; border: 1px solid #fff; border-radius: 50%; font-family: 'Roboto'; font-size: 12px; font-weight: 500; text-align: center; line-height: 37.5px; box-sizing: border-box;}
.store_calender td.ui-datepicker-other-month span {font-family: 'Roboto'; font-size: 12px; font-weight: 500; text-align: center; color: #c8c8c8;}

/* 선택 날짜 */
.store_calender td.ui-datepicker-current-day a {width: 37.5px; height: 37.5px; border-color: #d1d1d1; line-height: 37.5px;}
.store_calender td.ui-datepicker-current-day.ui-datepicker-today a {background: #fff; border: 1px solid #fff; border-color: #d1d1d1; color: #666;}

/* 원 배경색 */
.store_calender td.bgColor1 a {width: 22.5px; height: 22.5px; border-color: #d23838; background: #d23838; color: #fff; line-height: 22.5px;} /* 휴점일 */
.store_calender td.bgColor2 a {width: 22.5px; height: 22.5px; border-color: #4aa63d; background: #4aa63d; color: #fff; line-height: 22.5px;} /* 킴스휴점일 */
.store_calender td.bgColor3 a {width: 22.5px; height: 22.5px; border-color: #b9c29c; background: #b9c29c; color: #fff; line-height: 22.5px;} /* 문화센터휴점일 */
.store_calender td.bgColor4 a {width: 22.5px; height: 22.5px; border-color: #f0b71c; background: #f0b71c; color: #fff; line-height: 22.5px;} /* 행사 */
.store_calender td.bgColor5 a {width: 22.5px; height: 22.5px; border-color: #3e74b6; background: #3e74b6; color: #fff; line-height: 22.5px;} /* 기타 */

/* 선택 날짜 + 오늘 날짜 */
.store_calender td.ui-datepicker-current-day.ui-datepicker-today.bgColor1 a {background: #d23838; color: #fff;}
.store_calender td.ui-datepicker-current-day.ui-datepicker-today.bgColor2 a {background: #4aa63d; color: #fff;}
.store_calender td.ui-datepicker-current-day.ui-datepicker-today.bgColor3 a {background: #b9c29c; color: #fff;}
.store_calender td.ui-datepicker-current-day.ui-datepicker-today.bgColor4 a {background: #f0b71c; color: #fff;}
.store_calender td.ui-datepicker-current-day.ui-datepicker-today.bgColor5 a {background: #3e74b6; color: #fff;}

/* 선택 날짜 + 원 배경색 */
.store_calender td.bgColor1.ui-datepicker-current-day a {width: 37.5px; height: 37.5px; border-color: #d23838; line-height: 37.5px;}
.store_calender td.bgColor2.ui-datepicker-current-day a {width: 37.5px; height: 37.5px; border-color: #4aa63d; line-height: 37.5px;}
.store_calender td.bgColor3.ui-datepicker-current-day a {width: 37.5px; height: 37.5px; border-color: #b9c29c; line-height: 37.5px;}
.store_calender td.bgColor4.ui-datepicker-current-day a {width: 37.5px; height: 37.5px; border-color: #f0b71c; line-height: 37.5px;}
.store_calender td.bgColor5.ui-datepicker-current-day a {width: 37.5px; height: 37.5px; border-color: #3e74b6; line-height: 37.5px;}

/* 플러스 아이콘 */
.store_calender td.icoPlus::after {content: ""; position: absolute; left: 50%; bottom: 2px; display: inline-block; width: 6.5px; height: 6.5px; margin-left: -3.25px; background: url(../../images/ico/ico_plus_new.png) no-repeat center / contain;}
.store_calender td.icoPlus.ui-datepicker-current-day::after {display: none;}

.store_calender .store_cont {padding: 32.5px 35px 26.5px; background: #f9f9f9;}
.store_calender .store_cont li {line-height: 1;}
.store_calender .store_cont li::after {content: ""; display: block; clear: both;}
.store_calender .store_cont li + li {margin-top: 17px;}
.store_calender .store_cont li span {float: left; display: inline-block; width: 7px; height: 7px; margin: 4px 10px 0 4.5px; border-radius: 50%;}
.store_calender .store_cont li span.ico_yellow {background: #f0b71c;}
.store_calender .store_cont li span.ico_blue {background: #3e74b6;}
.store_calender .store_cont li span.ico_red {background: #d23838;}
.store_calender .store_cont li span.ico_green {background: #4aa63d;}
.store_calender .store_cont li span.ico_olive {background: #b9c29c;}
.store_calender .store_cont li b {float: left; width: calc(100% - 21.5px); font-size: 13px; font-weight: 400; color: #555; letter-spacing: -0.075em;}

.store_calender .btn_area {padding: 26px 35px 54px; text-align: left;}
.btn_area .btn_view {display: inline-block; padding: 7px 22px; border: 1px solid #333; font-size: 12px; font-weight: 500; color: #333; letter-spacing: -0.075em; text-align: center;}

/* 지점 캘린더 - 지점 선택 페이지 */
.cont_store_list .store_list {width: 100%; padding: 10px 0 30px; background: #fff; z-index: 99;}/*20200221 수정*/
.cont_store_list .store_list > ul {position: relative; margin: 0 15px;}
.cont_store_list .store_list > ul > li > a {position: absolute; top: 0; width: 33.3333%; height: 34px; border: 1px solid #232427; border-left: 0; box-sizing: border-box; font-size: 14px; color: #333; letter-spacing: -0.075em; text-align: center; line-height: 34px;}
.cont_store_list .store_list > ul > li:first-child > a {left: 0; border-left: 1px solid #232427; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.cont_store_list .store_list > ul > li:nth-child(2) > a {left: 33.3333%;}
.cont_store_list .store_list > ul > li:last-child > a {right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.cont_store_list .store_list > ul > li.on > a {background: #232427; color: #fff;}

.cont_store_list .store_list > ul > li > ul {margin: 0 -5px; padding-top: 44px;}
.cont_store_list .store_list > ul > li > ul::after {content: ""; display: block; clear: both;}
.cont_store_list .store_list > ul > li > ul > li {float: left; width: 33.3333%; margin-top: 10px; padding: 0 5px; box-sizing: border-box;}
.cont_store_list .store_list > ul > li > ul > li > a {display: block; padding: 9% 0; border: 1px solid #ccc; box-sizing: border-box; color: #333; letter-spacing: -0.075em;}
.cont_store_list .store_list > ul > li > ul > li > a > span {display: block; font-size: 13px; font-weight: 400; text-align: center; line-height: 1;}
.cont_store_list .store_list > ul > li > ul > li > a > b {display: block; margin-top: 3px; font-size: 14px; font-weight: 500; text-align: center; line-height: 1;}
.cont_store_list .store_list > ul > li > ul > li.disabled > a {border: 1px solid #e8e8e8; background-color:#e8e8e8; color: #fff;}/* 20200218 추가 */

/* 20191119 추가 :: 선호지점 설정 팝업 // */
.popup#popFavorStore header{background: #fff;}/* 20200311 추가 */
.popup#popFavorStore header h3 {color: #232427;}/* 20200311 추가 */
.popup#popStoreSet header{background: #fff;}
.popup#popStoreSet header h3{color: #232427;}
.popup#popStoreSet .txt-info{text-align: center;}
/* // 20191119 추가 :: 선호지점 설정 팝업 */

/* 20191119 추가 ::  MY 포인트 간격 수정 // */
.content .grade-info h3{padding: 0 0 15px;}
/* // 20191119 추가 ::  MY 포인트 간격 수정 */

/* 20191121 추가 :: S 신청완료*/
.popup.newComplete header{background-color: #fff;color: #333;font-size: 19px;font-weight: 500;}
.popup.newComplete header h3{color: #333;font-size: 19px;font-weight: bold;padding-top: 15px;font-family: 'Noto Sans KR', sans-serif;}
.popup.newComplete{font-family: 'Noto Sans KR', sans-serif;}
.popup.newComplete .pop-event > strong{font-family: 'Noto Sans KR', sans-serif;font-weight: normal;margin-bottom: 10px}
.popup.newComplete .pop-event > strong em{font-weight: 500}
.popup.newComplete .pop-close{background:url(../../images/btn/big_close.png) no-repeat center center;width:19px;height: 19px;background-size: 100%;}
.popup.newComplete .btnBlack02{border: 0;}
.popup.newComplete .txtInfo2{text-align: center;color: #666;font-size: 15px;line-height: 1.5;}
.popup.newComplete .finish-txt{margin: 25% 0 5%;}
/* 20191121 추가 :: E */

/* 20191122_2 */
/* 20191125 수정 S*/
.comm-no {margin-bottom: 0;}
.setting > h3 {padding: 8px 15px !important;}
/* .setting > h3:first-child {padding: 8px 15px;}  */
.content .culture-lecture h3 {padding: 23px 15px 15px;} /* 20191122_3 */
/* 20191125 수정 E*/

/* 20191219 받기완료/소진완료 스탬프 추가 :: S */
.cp_wrap .cp_list li {position: relative;}
.cp_wrap .cp_list li.status_download::after {content: "받기완료"; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background: rgba(255, 255, 255, 0.5) url(../../images/mypage/stamp_download.png) no-repeat 95% 1px / 15% auto; text-indent: -9999px;}
.cp_wrap .cp_list li.status_soldout::after {content: "소진완료"; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background: rgba(255, 255, 255, 0.5) url(../../images/mypage/stamp_soldout.png) no-repeat 95% 1px / 15% auto; text-indent: -9999px;}
/* 20191219 받기완료/소진완료 스탬프 추가 :: E */

/* 20191224 고객클렌징(주소) :: S */
.members02 {border-top: 1px solid #ccc; padding-top: 25px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.05em;}
.members02 .membership-join {display: table; width: 100%; padding: 0 30px; box-sizing: border-box;}
.members02 .membership-join .step_ico {display: table-cell; vertical-align: middle; width: 62.5px; height: 62.5px;}
.members02 .membership-join .join_txt01 {display: table-cell; width: 100%; vertical-align: middle; padding-left: 15px;}
.members02 .membership-join .join_txt01 h2 {margin-bottom: 0; font-size: 1rem; font-weight: 500; color: #333; line-height: 1.5em; letter-spacing: -0.05em; word-break: keep-all;}
.members02 .membership-join .join_txt01 p {margin-top: 2px; font-size: 0.688rem; font-weight: 300; color: #333; line-height: 1.5em; word-break: keep-all;}
.members02 .m_5 {margin: 0;}
.members02 .mt_5 {margin-top: 5px;}
.members02 .pt_5 {padding-top: 5px;}

.members02 .members-join-cont {margin: 18px 15px 0;}
.members02 .members-join-cont ul.certifi li {margin-bottom: 2px;}
.members02 .members-join-cont input[type="checkbox"] + label:before {margin-right: 5px;}
.members02 .members-join-cont input[type="checkbox"]:checked + label:before {background-image: url('../../images/btn/btn_checkOn02.png');}
.members02 .members-join-cont input + label {font-family: 'Noto Sans KR', sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: -0.05em;}
.members02 .members-join-cont .certifi_txt {margin-top: 5px; padding: 0; height: 22px; line-height: 22px; font-size: 0.625rem;}
.members02 .members-join-cont .certifi_txt a {display: block; padding: 0 10px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -0.05em;}
.members02 .members-join-cont .all_check {margin-top: 15px;}
.members02 .members-join-cont .all_check span, .members02 .members-join-cont .all_checkOn span {position: relative; padding-left: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.05em;}
.members02 .members-join-cont .all_check span::before, .members02 .members-join-cont .all_checkOn span::before {content: ""; position: absolute; left: 3px; top: 50%; display: inline-block; width: 12px; height: 9px; margin-top: -4.5px; background: url('../../images/btn/btn_buttonBg.png') no-repeat center / contain;}
.members02 .members-join-cont .all_checkOn {border-color: #d23a3a;}
.members02 .members-join-cont .all_checkOn span {color: #d23a3a;}
.members02 .members-join-cont .all_checkOn span::before {background-image: url('../../images/btn/btn_buttonOnBg02.png');}

.members02 .members-join-cont .p_info {margin: 40px 0;}
.members02 .members-join-cont .p_info.m_0 {margin: 0;}
.members02 .members-join-cont .p_info li::after {content: ""; display: block; clear: both;}
.members02 .members-join-cont .p_info .p_info_box01 li div.left {float: left;}
.members02 .members-join-cont .p_info .p_info_box01 li div.right {float: right; width: calc(100% - 90px);}
.members02 .members-join-cont .p_info .p_info_box01 li div.left label {display: inline-block; margin-top: 3px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.8rem; font-weight: 400; letter-spacing: -0.05em;}
.members02 .members-join-cont .p_info .txt_type01 {width: 100%; padding: 5px 10px 6px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.6875rem; color: #333; letter-spacing: -0.05em;}
.members02 .members-join-cont .p_info .txt_type01.txtBirth {width: 94px;}
.members02 .members-join-cont .p_info .txt_type01.txtBirth02 {width: 32px; text-align: center;}
.members02 .members-join-cont .p_info .txt_type01.txt_phone {width: calc(100% - 56px);}
.members02 .members-join-cont .p_info .txt_type01.txtPhone02 {width: calc(100% - 56px);}
.members02 .members-join-cont .p_info .txt_type01::-webkit-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-size: 0.6875rem; letter-spacing: -0.05em; color: #bbb;}
.members02 .members-join-cont .p_info .txt_type01:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-size: 0.6875rem; letter-spacing: -0.05em; color: #bbb;}
.members02 .members-join-cont .p_info .txt_type01::placeholder {font-family: 'Noto Sans KR', sans-serif; font-size: 0.6875rem; letter-spacing: -0.05em; color: #bbb;}
.members02 .members-join-cont .p_info .sel_type01 {width: 90%; padding: 4px 0 5px 5px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.75rem; color: #333; letter-spacing: -0.05em;}
.members02 .members-join-cont .p_info .btn_cerfi {width: 46px; height: 30px; line-height: 29px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: -0.05em;}
.members02 .members-join-cont .p_info .txt_resident {margin-left: 4px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.75rem; letter-spacing: 0.2em; line-height: 1em;}
.members02 .members-join-cont .p_info .txt_notify {margin: 0 0 0 94px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.75rem; color: #d23a3a; letter-spacing: -0.05em;}
.members02 .members-join-cont .p_info .txt_org {width: auto; font-family: 'Noto Sans KR', sans-serif; font-size: 0.75rem; color: #d23a3a; letter-spacing: -0.05em;}
.members02 .ma_4 {margin: 0 4px;}
.members02 .members-join-cont .btn_type02 {width: 100%; font-family: 'Noto Sans KR', sans-serif; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.05em;}

.members02 .members-join-cont h3 {margin-bottom: 13px; padding: 0 0 13px; border-bottom: 1px solid #ccc; font-family: 'Noto Sans KR', sans-serif; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.075em;}
.members02 .members-join-cont h3 b {font-size: 0.75rem; font-weight: 400; color: #d73d3d; letter-spacing: -0.05em;}
.members02 .members-join-cont .p_info .adr_box {margin-top: 0; padding: 0; border-top: 0;}
.members02 .members-join-cont .p_info .adr_box .adr_top {margin-bottom: 12px; line-height: inherit;}
.members02 .members-join-cont .p_info .txt_adr {float: left; width: 75%; font-family: 'Noto Sans KR', sans-serif; font-size: 0.8125rem; letter-spacing: -0.075em; line-height: 1.5em;}
.members02 .members-join-cont .p_info .adr_btn {float: right; width: 25%;}
.members02 .members-join-cont .p_info .btn_type03 {height: 23px; padding: 0 9px; font-family: 'Noto Sans KR', sans-serif; font-size: 0.625rem; line-height: 20px; vertical-align: top; letter-spacing: -0.05em;}
.members02 .members-join-cont .btn_col2 {margin-left: -5px; margin-right: -5px;}
.members02 .members-join-cont .btn_col2::after {content: ""; display: block; clear: both;}
.members02 .members-join-cont .btn_col2 .btn_type02 {float: left; width: calc(50% - 10px); margin: 0 5px; font-family: 'Noto Sans KR', sans-serif;}
.members02 .members-join-cont .btn_col2 .btn_type02.btn_w {border: 1px solid #333; background: #fff; color: #333;}
/* 20191224 고객클렌징(주소) :: E */

/* 20200110 updateMember Layer Popup :: S */
.layer_wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; box-sizing: border-box; background: #fff; z-index: 100;}
.layer_wrap .header {position: fixed !important; width: 100%; height: 57px !important; background: #fff; z-index: 2;}
.pop_inner .header strong {display: block; margin: 0 29px; padding: 22px 0 17px; font-size: 18px; font-weight: 400; line-height: 1;}
.layer_wrap .pop_close {position: fixed; right: 30px; top: 20px; display: block; width: 20px; height: 19px; background: url(../../images/main_c/gnb/icon_gnb_close.png) no-repeat 0 0; background-size: 100% auto;}
.layer_wrap .contents {padding-top: 58px; padding-bottom: 27px; box-sizing: border-box;}
/* 20200110 updateMember Layer Popup :: E */

/* 20200109 추가 :: S */
/* MY 이벤트 */
.list-type2.pad_0 li {padding: 0;}
.my-event > .list-type2 li a.myevent_box {display: table; table-layout: fixed;}

.myevent_box .myevent_title {display: table-cell; width: 72%; padding: 15px 15px 12px; vertical-align: middle; background: #fff;}
.myevent_box .myevent_title strong {display: block; width: 100%; margin-top: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; font-weight: 500; letter-spacing: -0.075em;}
.my-event > .list-type2 li .myevent_box .myevent_title .assist {float: none; display: inline-block; margin-top: 3px; font-size: 12px; color: #666; letter-spacing: normal;}
.my-event > .list-type2 li .myevent_box .myevent_title mark {font-weight: 400; letter-spacing: normal;}
.my-event > .list-type2 li .myevent_box .myevent_title .mark2 {padding: 2px 3px 2px; border-color: #999; color: #666;}

.myevent_box .myevent_result {display: table-cell; width: 28%; padding: 15px 0; background: #fafafa; background-clip: padding-box; vertical-align: middle;}
.my-event > .list-type2 li .myevent_box .myevent_result mark {margin: 0 auto; padding: 0;}
.my-event > .list-type2 li .myevent_box .myevent_result mark span {padding: 0; letter-spacing: -0.075em;}
.my-event > .list-type2 li .myevent_box .myevent_result .assist {float: none; display: block; margin-top: 5px; font-size: 10px; font-weight: 400; color: #666; line-height: 1.1em; text-align: center;}

/* MY 쿠폰 */
.cp_wrap .cp_list li .cont .cp_date {display: inline-block;}
@media all and (max-width: 370px) {
    .cp_wrap .cp_list li .cont .cp_date {font-size: 10px;}
}

/* MY 멤버십 */
.my_membership {padding: 0 30px; line-height: 1em;}
.my_membership > div {border-bottom: 1px solid #e1e1e1;}

.my_membership .membership_point {padding: 30px 10px 16px;}
.my_membership .membership_point dl {display: table; width: 100%;}
.my_membership .membership_point dl dt {display: table-cell; font-size: 16px; font-weight: 500; letter-spacing: -0.075em; color: #333; vertical-align: middle;} /* 20200131 수정 */
.my_membership .membership_point dl dt span {display: block; margin-top: 4px; font-family:'Roboto'; font-size: 9px; font-weight: 100; letter-spacing: -0.025em;} /* 20200131 수정 */
.my_membership .membership_point dl dt span b {font-size: 9.5px; font-weight: 100;} /* 20200131 수정 */
.my_membership .membership_point dl dd {display: table-cell; vertical-align: top; font-size: 24px; font-weight: 500; text-align: right; letter-spacing: -0.05em; color: #333; line-height: 1em;}
.my_membership .membership_point dl dd b {font-family:'Roboto'; font-weight: 500;}

.my_membership .membership_detail {padding: 18px 10px;}
.my_membership .membership_detail dl {display: table; width: 100%; margin-bottom: 16px;}
.my_membership .membership_detail dl:last-child {margin-bottom: 0;}
.my_membership .membership_detail dl dt {display: table-cell; vertical-align: middle; width: 50%; font-size: 14px; font-weight: 400; color: #333; letter-spacing: -0.05em;}
.my_membership .membership_detail dl dd {display: table-cell; vertical-align: middle; width: 50%; font-size: 14px; font-weight: 400; color: #333; text-align: right; letter-spacing: 0;}
.my_membership .membership_detail dl dd b {font-family:'Roboto'; font-weight: 500;}

.my_membership .membership_detail dl dt a {display: inline-block; vertical-align: top;}
.my_membership .membership_detail dl dt a .i_question {display: inline-block; width: 14px; height: 16px; margin-left: 2px; background: url('../../images/mypage/ico_question.png') no-repeat center / contain; text-indent: -9999px;}

.my_membership .membership_btn a {display: block; padding: 22px 0; background: no-repeat center left; font-size: 13px; font-weight: 500; letter-spacing: -0.075em; color: #333; text-align: center;}
.my_membership .membership_btn a span {background: no-repeat center left;}
.my_membership .membership_btn .btn_memBarcode span {padding-left: 34px; background-image: url('../../images/mypage/ico_barcode.png'); background-size: 25px auto;}
.my_membership .membership_btn .btn_memGift span {padding-left: 26px; background-image: url('../../images/mypage/ico_gift.png'); background-size: 20px auto;}

.my_membership .membership_btn.col2 a {position: relative; float: left; width: 50%;}
.my_membership .membership_btn.col2 a:last-child::after {content: ""; position: absolute; left: 0; top: 10px; width: 1px; height: 37px; background: #e1e1e1;}
.my_membership .membership_btn.col2::after {content: ""; display: block; clear: both;}
/* 20200109 추가 :: E */

/* 20200115 MY 쿠폰 썸네일 크기 수정 :: S */
.cp_wrap .cp_list.cp_down li .thumb {width: 44%;}
/* .cp_wrap .cp_list.cp_down li > a {display: table-cell; width: 90%;} 20200213 삭제 */
.cp_wrap .cp_list li .thumb {width: 40%;}
/* 20200115 MY 쿠폰 썸네일 크기 수정 :: E */

/* 20200121_1 댓글 이벤트 배경색 추가 */
.comm-list li.my_comment {background: aliceblue;}

/* 20200130 쿠폰 멤버십 바코드형 추가 */
.cp_detail .cont .cp_txt {padding: 3% 0 5%; font-size: 15px; letter-spacing: -0.05em;}
.btnBlack02.w50p {display: block; width: 50%; margin: 0 auto; font-size: 15px;}

/* 20200131 MY포인트 수정 */
.input_box.pad.pb0 {padding-bottom: 0;}
.list-type2.mypoint > li > a {padding: 20px 15px;}
.list-type2.mypoint > li > a > span.assist {padding-bottom: 5px; font-size: 13px;}
.list-type2.mypoint > li > a > strong {font-size: 14px; font-weight: 400; letter-spacing: -0.075em;}
.list-type2.mypoint > li > a > .p-plus, .list-type2.mypoint > li > a > .p-minus {right: 35px; font-weight: 500; text-align: right; line-height: 1;}
.list-type2.mypoint > li > a > button.btn_point {width: 10px;}
.list-type2.mypoint > li > a > button.btn_point img {width: 100%;}
.point-detail > ul > li, .point-detail > ul > li span.pos {font-size: 13px; font-weight: 400;}
#listbody > li > a > span.p-plus > span, #listbody > li > a > span.p-minus > span {padding-bottom: 7px; font-weight: 500;}
#listbody > li > a > span.p-plus > i {padding: 0 1px 2px 1px !important; line-height: 0.9;}
#listbody > li > a > span.p-minus > i {padding: 0 1px 2px 1px !important; line-height: 0.8;}

/* 20200204 깜짝사은품 팝업 추가 */
.popup_forImgUpload img{width:100%;}
.popup_forImgUpload .btnBlack{width:25%; display:block; position: absolute; bottom:10%; left:37.5%; }

/* 20200205_2 my DM 추가 // */
.myDM_wrapper .pop-storeset{height:auto;}
.myDM_wrapper .pop-storeset .btn-set1{padding:20px 15px 15px 15px;}/* 20200219 수정 */
.myDM_info {padding-bottom: 21px; margin:0 15px; border-bottom:1px solid #e1e1e1;} /* 20200221 수정 */
.myDM_myPick{position: relative; overflow: hidden;}
.myDM_myPickImg{width:47%; margin:25px auto 0}/* 20200219 수정 */
.myDM_viewBtn{position: absolute; display: block; padding:0 7px; background: #333; color:#fff; border-radius: 100px; font-size:9px; top:76%; left:64%; line-height:16px;}/* 20200219 수정 */
.myDM_desc{text-align: center; margin-top:21px;}/* 20200219 수정 */
.myDM_desc p{color:#000; font-size:12px; font-weight:500;}
.myDM_btnArea{margin-top:6px}/* 20200219 수정 */
.myDM_btnArea a{font-size:14px; color:#333; font-weight: 400; letter-spacing: -1px;}/* 20200219 수정 */
.myDM_btnArea a + a{margin-left:35px;}
.i_goTo{display: inline-block; width: 14px; height: 14px; margin-left: 2px; margin:-2px 0 0 2px; background: url('../../images/ico/ico_goTo.png') no-repeat center / contain; text-indent: -9999px; vertical-align: middle;}
.myDM_storeset_sbj{text-align: center; color:#000; font-size:16px; font-weight: 500; margin:21px 0 11px;}/* 20200221 수정 */
/* // 20200205_2 my DM 추가 */

/* 20200212 추가 // */
.thumb_bg{width:40%; position: relative; padding-top:37%; background-size: 100%; background-position: center; background-repeat: no-repeat;}
.cp_wrap .cp_list.cp_down li .thumb_bg{width:44%; position: relative; padding-top:40%; background-size: 100%; background-position: center; background-repeat: no-repeat;}
/* // 20200212 추가 */

.culture_close { position: absolute; top:16px; right:16px; width:16px; height: 16px; display: block; background: url('../../images/btn/btn_close03.png') 0 0 no-repeat; background-size: 100%; text-indent: -10000px;} /* 20231020 닫기 버튼 추가 */

/* 20240322 추가 S :: #16407 */
.lounge_e {font-family: 'Pretendard',sans-serif;}
.lounge_e_bn_line {background: url('../../images/bg/bg_lounge_e_line.jpg') no-repeat center / cover; padding: 40px 0 35px;}
.lounge_e_bn_line p {font-size: 20px; line-height: 26px; letter-spacing: -0.025em; color: #fff; text-align: center; font-weight: 500;}
.lounge_e_bn_line p b {color: #ffeba7;}
.lounge_e strong {font-family: 'Cafe24Dangdanghae',sans-serif;}
.lounge_e_txt {text-align: center; margin-top: 40px; letter-spacing: -0.05em;}
.lounge_e_txt strong {font-size: 22px; font-weight: 500; line-height: 30px; color: #222;}
.lounge_e_txt strong span {font-family: 'Pretendard';} /* 20240401 추가 #16615 */
.lounge_e_txt p {font-size: 14px; line-height: 1.2; margin-top: 14px; color: #333;} /* 20240503 #17245 수정 */
.lounge_e_list div {padding-top: 25px; margin-top: 25px; letter-spacing: -0.05em; text-align: center; position: relative; background: url('../../images/add_event/lounge_e_dot.png') no-repeat top center / calc(100% - 150px);}
.lounge_e_list {margin-bottom: 40px;}
.lounge_e_list div strong {font-size: 22px; line-height: 30px;  color: #70503f; font-weight: 500;}
.lounge_e_list div p {font-size: 14px; line-height: 20px; color: #333; margin-top: 15px;}
.lounge_e_txt.left {text-align: left; padding: 0 20px;}
.lounge_e_agency {margin: 40px 0 50px; padding: 0 20px;}
.lounge_e_agency li {margin-top: 7px; color: #555;}
.lounge_e_agency li:first-child {margin-top: 0;}
.lounge_e_store {display: flex; flex-direction: column; gap: 14px 0;} /* 20240401 추가 #16615 */
/* 20240322 추가 E :: #16407 */
/* 20250310 #20124 추가 :: S */
.lounge_e_info_wrap {border-top: 1px solid #ddd;}
.lounge_e_info {padding: 87px 20px 45px;}
.lounge_e_info .tit {font-size: 18px;font-weight: 700;color: #333333;letter-spacing: -0.025em;padding-bottom: 10px;}
.lounge_e_info li {font-size: 14px;color: #555555;letter-spacing: -0.05em;line-height: 19px;word-break: keep-all;}
.lounge_e_info li + li {margin-top: 4px;}
.lounge_e_info ul ul li + li{margin-top: 0;}
.dot_list li{padding-left: 10px;position: relative;}
.dot_list li::before {content: '';position: absolute;top: 8px;left: 2px;width: 3px;height: 3px;border-radius: 999px;background: #555555;}
.num_list {counter-reset: num 0;padding-top: 4px;}
.num_list li{padding-left: 15px;position: relative;}
.num_list li::before {position: absolute;top: 0;left: -2px;content: counter(num)  '.';counter-increment: num 1; background: none;}
/* 20250310 #20124 추가 :: E */