@charset "utf-8";

/*a[href*="tel"] {font-weight:bold;}*/

.swiper-slide a {display:block;}
/*.swiper-pagination > span {font-family:'Roboto' !important;}*/
.swiper-pagination > span {font-family:'Pretendard' !important;}
.swiper_more {display:block;position:relative;width:7rem;margin:2rem 0 0 1rem;padding-top:4.6rem;font-size:1.4rem;line-height:1.8rem;color:#666;text-align:center;}
.swiper_more:before {content:"";display:block;position:absolute;top:0;left:50%;margin-left:-1.7rem;width:3.5rem;height:3.5rem;background:url(/images/common/ico/ico_swiper_more-afe81892e5e3cef0b01a83437ed73bb2.svg) 0 0 no-repeat;background-size:100%;}

.hidden_link {position:absolute;top:0;left:0;display:block;right:0;bottom:1rem;text-indent:-999em}

/* ---------------------------------------------------------
	CONTENT 공통 : 텍스트
--------------------------------------------------------- */
.info {font-size:1.4rem;line-height:1.8rem;color:#999}
.info.error {font-size:1.3rem;line-height:1.7rem;color:#f7534b}
.info.one {position:relative;font-size:1.5rem;color:#666;line-height:2rem;}

.section_tit {padding:2rem 1.6rem 1.9rem;margin-bottom:1rem;width:100%;}

.underline:after {content:"";display:block;margin:0.9rem 0 0;width:100%;height:1px;background:#000;opacity:0.5;}

.tt {display:block;padding:0 0 0.5rem;}

.tit1_1_toggle a {position:relative;padding:2rem 1.6rem 1.9rem;display:block;font-size:1.8rem;line-height:1.8rem;font-weight:500;} /* 서브메인 title (toggle 기능 )*/
.tit1_1_toggle a:after {content:"";display:block;position:absolute;top:50%;right:1.6rem;width:0.8rem;height:0.8rem;margin:-0.5rem 0 0;border-bottom:1px solid #141414;border-right:1px solid #141414;transform:rotate(-135deg); -webkit-transform:rotate(-135deg)}
.tit1_1_toggle.on a:after {margin:-0.5rem 0 0;transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.tit1_1_toggle a .txt2_2 {padding-left:0.3rem;line-height:1.8rem;}

.tit1 {font-size:2rem !important;line-height:2.6rem !important;color:#333;} /* 서브 페이지 h1 */
.tit1_1, .tit1_1 a, .tit1_1 span {font-size:1.8rem;line-height:2.1rem;font-weight:500;} /* 메인 페이지 title */
.tit1_1:after {content:"";display:inline-block;vertical-align:middle;width:0.8rem;height:0.8rem;margin:-0.2rem 0 0 0.4rem;border-top:1px solid #141414;border-right:1px solid #141414;transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.tit1_1 a {color:#141414}
.tit1_2 , a.tit1_2 {font-size:1.2rem;color:#666;line-height:1.6rem;}
.tit2 {font-size:1.4rem !important;line-height:1.8rem !important;color:#666;} /* 서브 페이지 h2 */
.tit2_1 {font-size:1.6rem;line-height:2.1rem;color:#666;padding:2rem 2.6rem 1.6rem;} /* 서브 페이지 h2 type2 */
.tit3 {font-size:2.0rem !important;line-height:2.6rem !important;color:#141414 !important;}
.tit4 {font-size:1.8rem;line-height:2.3rem;font-weight:500;}
.tit5 {font-size:2.4rem;line-height:3.4rem;color:#141414;}
.tit6 {font-size:2.2rem;line-height:2.9rem;color:#141414;}

.txt1, .txt1 a, a.txt1 {font-size:1.6rem;line-height:2.1rem;color:#141414;} /* 서브 페이지 상품명 */
.txt1_1, .txt1_1 a, a.txt1_1 {font-size:1.6rem;line-height:2.1rem;color:#bbb;}
.txt1.txt-over, .txt1.txt-over a, .txt1 a.txt-over {font-size:1.6rem;line-height:2.1rem;height:2.1rem;color:#141414}
.txt1.txt-over-line2 { font-size:1.6rem;line-height: 2.1rem;max-height: 4.2rem;}
.txt1_2, .txt1_2 a, a.txt1_2 {font-size:1.6rem;line-height:2.1rem;color:#999;}

.txt2 {font-size:1.4rem !important;line-height:1.8rem !important;color:#141414 !important;}
.txt2_1, .txt2_1 a, a.txt2_1 {font-size:1.4rem !important;line-height:1.8rem !important;color:#666 !important;}
.txt2_2, .txt2_2 a, a.txt2_2 {font-size:1.4rem;line-height:1.8rem;color:#999;}
.txt3 {font-size:1.2rem;line-height:1.6rem;color:#999 !important;} /* */
.txt4, .txt4 a, a.txt4 {font-size:1.5rem;line-height:2.0rem;color:#141414;} /* */
.txt4.txt-over-line2 {font-size:1.5rem;line-height:2rem;max-height:4rem;height:4rem;}

.txt4_1, .txt4_1 a, a.txt4_1 {font-size:1.5rem;line-height:2.0rem;color:#666;}
.txt4_2, .txt4_2 a, a.txt4_2 {font-size:1.5rem;line-height:2.0rem;color:#141414;}
.txt4_3, .txt4_3 a, a.txt4_3 {font-size:1.5rem;line-height:2.0rem;color:#999;}

.txt5, .txt5 a, a.txt5 {font-size:1.3rem;line-height:1.7rem;color:#999;}
.txt5_1, .txt5_1 a, a.txt5_1 {font-size:1.3rem !important;line-height:1.7rem !important;color:#666 !important;}
.txt5_2, .txt5_2 a, a.txt5_2 {font-size:1.3rem;line-height:1.7rem;color:#bbb;}
.txt5_3, .txt5_3 a, a.txt5_3 {font-size:1.3rem;line-height:1.7rem;color:#333;}
.txt5_4, .txt5_4 a, a.txt5_4 {font-size:1.3rem;line-height:1.7rem;color:#999;}
.txt5_5, .txt5_5 a, a.txt5_5 {font-size:1.3rem !important;line-height:1.7rem !important;color:#666 !important;}
.txt6, .txt6 a, a.txt6 {font-size:1.7rem;line-height:2.3rem;color:#141414;}
.txt7, .txt7 a, a.txt7 {font-size:1.2rem;line-height:1.6rem;color:#bbb;}

/* 타이틀 옆 숫자 카운트 */
/*.list_count_num {display:inline-block;vertical-align:middle;margin:-0.2rem 0 0;font-size:1.4rem !important;line-height:1.8rem !important;color:#999 !important;font-family:'Roboto' !important;padding-left:0.3rem;}*/
.list_count_num {display:inline-block;vertical-align:middle;margin:-0.2rem 0 0;font-size:1.4rem !important;line-height:1.8rem !important;color:#999 !important;font-family:'Pretendard' !important;padding-left:0.3rem;}

/* 말줄임 */
.txt-over {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.txt-over-line2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; font-size:1.4rem;line-height: 1.8rem;max-height: 3.6rem;}
.txt-over-line3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;  font-size:1.5rem;line-height: 2rem;max-height:6rem;}

/* ---------------------------------------------------------
	CONTENT 공통 : 목록
--------------------------------------------------------- */
.col2, .col3, .col4 {width:100%;overflow:hidden}
.col2 li {width:calc(100%/2) !important;width:-webkit-calc(100%/2) !important;float:left;text-align:center;}
.col3 li {width:calc(100%/3) !important;width:-webkit-calc(100%/3) !important;float:left;text-align:center;}
.col4 li {width:25% !important;float:left;text-align:center;}

/* dot blit list*/
.list_type1 li {position:relative;font-size:1.6rem;line-height:2.1rem;color:#333;padding-left:1rem}
.list_type1 li + li {margin-top:1.2rem;}
.list_type1 li:before {content:"";display:block;position:absolute;top:1.1rem;left:0;width:0.4rem;height:0.4rem; background:#333;border-radius:50%;}

.list_type1_1 li {position:relative;font-size:1.4rem;line-height:1.8rem;color:#999;padding:0 0 0 0.7rem !important}
.list_type1_1 li + li {margin-top:0.2rem;}
.list_type1_1 li:before {content:"";display:block;position:absolute;top:0.8rem;left:0;width:0.3rem;height:0.3rem; background:#999;border-radius:50%;}

/* img + text gruop 병렬 조합 */
.list_type2 li {position:relative;width:100%;display:table;}
/* .list_type2 li:first-child:nth-last-child(1) {padding-bottom:3rem;} li가 한개일때
.list_type2 li + li {padding:3rem 0 3rem;} */
.list_type2 li:first-child:nth-last-child(1) {padding-bottom:2rem;} /* li가 한개일때 */
.list_type2 li + li {padding:2rem 0 2rem;}
.list_type2 li.new {background-color: rgba( 74, 144, 226, 0.05 );} /* 새글 배경색*/
.list_type2 .profile_circle,
.list_type2 .quad_img {position:relative;display:table-cell;vertical-align:top;width:4.2rem;}

.profile_circle {position:relative;}
.profile_circle .bg {position:relative;display:block;overflow:hidden;width:4.2rem;height:4.2rem;border-radius:50%;text-indent:-9999em;background:#fff;}
.profile_circle .bg:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #000;border-radius:50%;opacity:0.05;background:transparent;box-sizing:border-box; -webkit-box-sizing:border-box;z-index:2;}
.profile_circle img {display:block;position:absolute;top:50%;left:50%;width:auto;height:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:1;}
.profile_circle .default {width:50%} /* 프로필 기본 이미지 */
.profile_circle .default2 {width:65%} /* N명 기본 이미지 */
.profile_circle .cs {width:40%} /* 프로필 기본 이미지 */

.middle .profile_circle:after {top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}

.w30 .profile_circle,
.w30 .profile_circle .bg,
.w30 .profile_circle .bg:after {width:3rem;height:3rem;}

.w42 .profile_circle,
.w42 .profile_circle .bg,
.w42 .profile_circle .bg:after {width:4.2rem !important;height:4.2rem !important;}

.w48 .profile_circle,
.w48 .profile_circle .bg,
.w48 .profile_circle .bg:after {width:4.8rem !important;height:4.8rem !important;}

.quad_img {width:4.2rem;height:4.2rem;position:relative;}
.quad_img img {display:block;position:absolute;top:50%;left:50%;width:auto;max-width:4.2rem;height:auto;max-height:4.2rem;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:1;}

/* 프로필 swiper > profile_circle > a 링크 없을 때 */
.friend_info .profile_circle {position:relative;display:block;margin:0 auto;overflow:hidden;width:3.6rem;height:3.6rem;border-radius:50%;text-indent:-9999em;background:#f0f0f0;}
.friend_info .profile_circle .bg, .friend_info .profile_circle .bg:after {width:3.6rem;height:3.6rem;}

.list_type2 li .text {display:table-cell;vertical-align:top;padding:0 1rem;line-height:2rem;}
.list_type2 li .text .text1, .list_type2 li .text .text1 a {font-weight:500;}
.list_type2 li .text .text2 .st {color:#f7534b;}
.list_type2 li .text_right {display:table-cell;vertical-align:top;text-align:right;width:8rem;float:right}
.list_type2 li .text_right a {display:block;vertical-align:top;line-height:2rem;}
.list_type2 li.add_date {padding:0;} /*생일 기념일 추가*/
.list_type2 li.add_date a {padding:2rem 0 3rem;display:block;font-size:1.5rem;line-height:2rem;color:#666 !important;text-align:center;}
/* 병렬 중간 정렬 */
.list_type2.middle .profile_circle,
.list_type2.middle .text,
.list_type2.middle .text_right {vertical-align:middle}
/* 이미지 크기 48 */
.list_type2.friend .profile {width:4.8rem;}
.list_type2.friend .profile a {width:4.8rem;height:4.8rem;}
.list_type2.friend .profile a:after {width:4.8rem;height:4.8rem;}

.list_type3 {position:relative;width:100%;overflow:hidden;display:table;}
.list_type3:after {content:"";display:block;width:100%;height:1px;background:#f3f3f3;position:absolute;bottom:4.4rem;left:0;}
.list_type3 li {display:table-cell;float:left;border-top:1px solid #f3f3f3;text-align:center;width:calc(100%/3);width:-webkit-calc(100%/3)}
.list_type3 li a {display:block;padding:1.2rem 0;font-size:1.5rem;color:#666;line-height:2rem;}
.list_type3 li:nth-child(3n-1) {border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;}
.list_type3 li a.on {font-weight:500;color:#f7534b}

.list_type4 li {line-height:4.5rem;width:100%;}
.list_type4 li a {display:block;}

.list_type5 {display:table;width:100%;padding:3rem 1rem 0;}
.list_type5 li {float:left;display:table-cell;width:calc(100%/3);width:-webkit-calc(100%/3);text-align:center;vertical-align:top;font-size:1.4rem;line-height:1.7rem;padding:0 0 2rem}
.list_type5 + .moreWrap {margin:-2rem 0 1rem}

.list_type5 .imgWrap {position:relative;display:block;width:5rem;height:5rem;margin:0 auto;}
.list_type5 .imgWrap img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto;max-width:5rem;max-height:5rem;}
.list_type5 .text {padding:0 0 0.5rem;text-align:center;width:100%;}

/* img + text + text 병렬 조합2 */
.row_cellWrap {display:table;width:100%;table-layout:fixed;}
.row_cellWrap .row_cell {display:table-cell;vertical-align:middle;}

/* img + text 직렬 조합 (상품 목록) */
.product_list {}
.product_list li {position:relative;padding:1rem 1.6rem 2.7rem;}
.product_list li + li {border-top:1px solid #f3f3f3;}
.product_list li a {display:block;}
.product_list .product_img {position:relative;width:100%;height:16rem;text-align:center;padding:0 0 1rem;}
.product_list .product_img img {width:auto;height:100%;}

/* 마감 dim */
.closing {position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:5}
.closing:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6}
.closing p {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);font-size:2.0rem;line-height:2.3rem;color:#fff;font-weight:500;z-index:6;width:100%;text-align:center;padding:0 1.6rem;overflow:hidden}

/* 마감 gray  */
.close_sale img {-webkit-filter: grayscale(100%); filter: grayscale(100%);opacity:0.5}
.close_sale div, .close_sale p, .close_sale span, .close_sale em, .close_sale a, .close_sale li {color:#ccc !important}

/* 목록 없을 때 */
.list_none {text-align:center;font-size:1.5rem;line-height:2rem;color:#666;padding:4rem 1.6rem 4.3rem !important;overflow:hidden;}

/* 유의사항 */
.coupon_use_tip {position:relative;padding:2rem 0 2rem 2.1rem;}
.coupon_use_tip:before {content:"ⓘ";display:block;font-size:1.4rem;color:#666;line-height:1.8rem;position:absolute;top:2rem;left:1.6rem;}
.coupon_use_tip li {padding:0 1.6rem 0 1.6rem;;font-size:1.4rem;color:#999;line-height:1.8rem;}
.coupon_use_tip li + li {padding-top:1.5rem}

.coupon_use_tip.black li {color:#141414;font-size:1.5rem;line-height:2rem;}
.coupon_use_tip.black:before {color:#141414}

.coupon_use_tip.bg {background:#f6f6f6;}
.coupon_use_tip.pt5:before {top:0.5rem}

p.info_tip {font-size:1.4rem;line-height:1.8rem;color:#666;position:relative;padding-left:2rem;}
p.info_tip:before {content:"ⓘ";display:block;font-size:1.4rem;color:#666;line-height:1.8rem;position:absolute;top:0;left:0;}

/* 쿠폰 목록 */
.coupon_list {position:relative;border-top:1px solid #f3f3f3;background:#fff}
.coupon_list:after {content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#f3f3f3}
.coupon_list li {position:relative;padding:2rem 1.6rem;display:table-cell;vertical-align:top;text-align:left;border-bottom:1px solid #f3f3f3}
.coupon_list.col2 li:nth-child(1n) {border-right:1px solid #f3f3f3}
.coupon_list li .imgWrap {margin:0 0 1rem;display:block;text-align:center;width:100%;height:10rem;line-height:10rem;}
.coupon_list li .imgWrap img {width:10rem;vertical-align:top;}
.coupon_list li .imgWrap img.point {width:6.4rem;height:6.4rem;vertical-align:middle;}
.coupon_list li .textaWrap {display:block;width:100%;padding:0;}
.coupon_list li .product_price  {font-size:1.5rem;line-height:2rem;height:2rem}
.coupon_list li .product_price span.c_coral {font-size:1.6rem;}
.coupon_list li a {display:block;}
.coupon_list li .dday_flag {position:relative;top:inherit;right:inherit;text-align:left;line-height:2.1rem;}
/* .coupon_list li .dday_flag.refund {font-family:'notokr' !important;font-size:1.5rem;line-height:2rem;} */
.coupon_list li .dday_flag.refund {font-family:'notokr' !important;font-size:1.5rem;line-height:2.1rem;}
.coupon_list li .txt4, .coupon_list li .txt1:first-child {margin-bottom:0.3rem;} /* 상품명 밑 여백 */

.coupon_list.type2 li {width:100%;overflow:hidden;display:block;}
.coupon_list.type2 li .imgWrap {float:left;width:10rem;margin:0;}
.coupon_list.type2 li .textaWrap {float:left;padding:1.4rem 0 0 2rem;width:calc(100% - 10rem);width:-webkit-calc(100% - 10rem)}
.coupon_list.type2 li .indent_link {position:absolute;top:0;left:0;bottom:0;right:5rem;text-indent:-999em}

.coupon_list.special .tit2 {width:100%;overflow:hidden;}
.coupon_list.special .tit2 .c_blue {float:left;}
.coupon_list.special .tit2 .chk_bell {float:right}

.coupon_list.friend_best li {padding:2rem 1.6rem 2rem 4rem}
.coupon_list.friend_best.count_list li {padding:2rem 1.6rem}
.coupon_list.friend_best.count_list li:before {font-size:1.5rem;}

.coupon_list.count_list li .textaWrap {padding:1.4rem 0 0 1.5rem}
.coupon_list.count_list li .textaWrap .count_mark .reple,
.coupon_list.count_list li .textaWrap .count_mark .heart {margin-right:1.8rem;}

/* 톡 보기 */
.talk_listWrap {}
.talk_listWrap > li {padding-bottom:2rem;border-bottom:0.6rem solid #f3f3f3}
.talk_listWrap .count_mark.text {padding:4rem 1.6rem 1rem}
.talk_listWrap .video_link {position:relative;width:100%;display:block;margin-bottom:1rem;}
.talk_listWrap .video_link img {position:relative;width:100%;}
.talk_listWrap .video_link:after {content:"";display:block;position:absolute;top:1.6rem;right:1.6rem;width:1.3rem;height:1.8rem;background:url(/images/common/ico/ico_play-aface323bf6de7be39d75cc991f77fb8.svg) 0 0 no-repeat;background-size:100%;z-index:1}
.talk_listWrap .img {padding-bottom:1rem;}

.talk_listWrap .video_link + .talk_text,
.talk_listWrap .img + .talk_text {padding:0 1.6rem 3rem}

.talk_listWrap .talk_text {padding:1rem 1.6rem 3rem;line-height:2rem} /* 사용자 입력 톡 부분 */
.talk_listWrap .talk_text img{width:auto;} /* 사용자 입력 톡 부분 - 작은이미지도 width=100%를 상속받아 사용하여.. 초기화시킴 */
.talk_listWrap .talk_text + .count_mark.text {padding:1rem 1.6rem 1rem}
.talk_listWrap .talk_text.txt-over-line2 {font-size:1.5rem;max-height:5rem;line-height:2rem;padding:1rem 1.6rem 0 !important;margin-bottom:1rem;}

/* 친구소식 톡리스트 */
.talk_listWrap_news {}
.talk_listWrap_news > li {padding-bottom:2rem;}
.talk_listWrap_news .count_mark.text {padding:4rem 1.6rem 1rem}
.talk_listWrap_news .video_link {position:relative;width:100%;display:block;margin-bottom:1rem;}
.talk_listWrap_news .video_link img {position:relative;width:100%;}
.talk_listWrap_news .video_link:after {content:"";display:block;position:absolute;top:1.6rem;right:1.6rem;width:1.3rem;height:1.8rem;background:url(/images/common/ico/ico_play-aface323bf6de7be39d75cc991f77fb8.svg) 0 0 no-repeat;background-size:100%;z-index:1}
.talk_listWrap_news .img {padding-bottom:1rem;}

.talk_listWrap_news .video_link + .talk_text,
.talk_listWrap_news .img + .talk_text {padding:0 1.6rem 3rem}

.talk_listWrap_news .talk_text {padding:1rem 1.6rem 3rem;line-height:2rem} /* 사용자 입력 톡 부분 */
.talk_listWrap_news .talk_text + .count_mark.text {padding:1rem 1.6rem 1rem}
.talk_listWrap_news .talk_text.txt-over-line2 {font-size:1.5rem;max-height:5rem;line-height:2rem;padding:1rem 1.6rem 0 !important;margin-bottom:1rem;}

/* .talk_user_info {padding-bottom:0.6rem;}  my/타인 톡리스트에서 텍스트 없는경우 이미지로 인해 날짜가 가려지는 현상때문에 수정..*/
.talk_user_info {padding-bottom:1.5rem;}
.talk_user_info > li {display:table;padding:1rem 1.6rem 0;overflow:hidden;width:100%;table-layout:fixed;}
.talk_user_info > li.talk_writer {padding:1.5rem 1.6rem 1rem !important;border-bottom:1px solid #f3f3f3}
.talk_user_info > li:first-child {padding-top:2rem;}
.talk_user_info > li.prod {padding-top:0.5rem}
.talk_user_info .profile_circle {float:left;width:4.2rem;display:table-cell;vertical-align:top;}
.talk_user_info .text {float:left;display:table-cell;vertical-align:top;width:calc(100% - 4.2rem);width:-webkit-calc(100% - 4.2rem);padding-left:1rem;}
.talk_user_info .tit_brand {padding:0;border:0}

.talk_listWrap.list .talk_user_info .talk_text {padding:0;font-size:1.5rem;line-height:2rem;max-height:4rem;}
.talk_listWrap_news.list .talk_user_info .talk_text {padding:0;font-size:1.5rem;line-height:2rem;max-height:4rem;}

/* 톡 목록*/
.talk_listWrap.list > li {padding-bottom:0}
.talk_listWrap.list .talk_user_info {position:relative;}
/*.talk_listWrap.list .talk_user_info .date {position:absolute;top:2rem;right:1.6rem;font-family:'Roboto' !important;}*/
.talk_listWrap.list .talk_user_info .date {position:absolute;top:2rem;right:1.6rem;font-family:'Pretendard' !important;}
/*.talk_listWrap.list .talk_user_info .text {width:100%;}*/
.talk_listWrap.list .talk_user_info > li:first-child {width:calc(100% - 7rem);width:-webkit-calc(100% - 7rem)}
.talk_listWrap.list .talk_text {padding:1rem 1.6rem}
.talk_listWrap.list .talk_text .txt4.txt-over-line2 {height:auto;}
.talk_listWrap.list .count_mark {overflow:inherit}
.talk_listWrap.list .count_mark:after {content:"";clear:both;display:block;}
.talk_listWrap.list .count_mark .left {padding-top:0.5rem;}
.talk_listWrap.list .count_mark .btn_regiWrap {width:4.4rem;height:4.4rem;line-height:4.4rem;padding:0;border:0;}
.talk_listWrap.list .count_mark .btn_regiWrap .btn_regi {vertical-align:top;height:0;padding-top:4.4rem;overflow:hidden;}

.talk_listWrap_news.list > li {padding-bottom:0}
.talk_listWrap_news.list .talk_user_info {position:relative;}
/*.talk_listWrap_news.list .talk_user_info .date {position:absolute;top:2rem;right:1.6rem;font-family:'Roboto' !important;}*/
.talk_listWrap_news.list .talk_user_info .date {position:absolute;top:2rem;right:1.6rem;font-family:'Pretendard' !important;}
/*.talk_listWrap_news.list .talk_user_info .text {width:100%;}*/
.talk_listWrap_news.list .talk_user_info > li:first-child {width:calc(100% - 7rem);width:-webkit-calc(100% - 7rem)}
.talk_listWrap_news.list .talk_text {padding:1rem 1.6rem}
.talk_listWrap_news.list .talk_text .txt4.txt-over-line2 {height:auto;}
.talk_listWrap_news.list .count_mark {overflow:inherit}
.talk_listWrap_news.list .count_mark:after {content:"";clear:both;display:block;}
.talk_listWrap_news.list .count_mark .left {padding-top:0.5rem;}
.talk_listWrap_news.list .count_mark .btn_regiWrap {width:4.4rem;height:4.4rem;line-height:4.4rem;padding:0;border:0;}
.talk_listWrap_news.list .count_mark .btn_regiWrap .btn_regi {vertical-align:top;height:0;padding-top:4.4rem;overflow:hidden;}

/* ---------------------------------------------------------
	CONTENT 공통 : 버튼
--------------------------------------------------------- */
/* close */
.btn_close {position:relative;width:2rem;height:0;padding:2rem 0 0;display:block;overflow:hidden;}
.btn_close:before, .btn_close:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2rem;height:1px;background:#111;margin:-0.5px 0 0 -1rem;}
.btn_close:before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.btn_close:after  {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}

/* radio ui 버튼*/
.btn_radio {display:inline-block;min-width:7.4rem;height:4.4rem;line-height:4.4rem;border:1px solid #e2e2e2;color:#333;text-align:center;font-size:1.4rem;}
.btn_radio.on {border-color:#f7534b;color:#f7534b;}

/* default */
.btn {display:block;width:100%;height:5rem;line-height:5rem;text-align:center;background:#999;color:#fff;font-size:1.6rem;}
a.btn {color:#fff;}
.btn.w50 {display:inline-block;float:left;width:calc(50% - 0.8rem);width:-webkit-calc(50% - 0.8rem);padding:0;text-align:center;background:#ccc;color:#fff;}
.btn.w50:nth-child(2n) {float:right}
.btn.before {color:#f6f6f6 !important;background:#ccc;}
.btn.on, .btn:active  {background:#4F5DDD;}

.btn.lightgary {background:#f3f3f3;border:1px solid #dcdcdc;color:#999}
.btn.line_ccc {background:#fff;border:1px solid #ccc;color:#141414}
.btn.black {background:#202022;color:#fff;}
.btn.boldgray {position:relative;background:#333;color:#fff;}

.sub_bottom .boldgray + .boldgray:before {content:"";display:block;width:1px;height:100%;background:#fff;position:absolute;top:0;left:0;}

.btn.mid {margin:0 auto;border-radius:0.4rem;width:18rem}

.btn_table {display:table;width:100%;}
.btn_table .btn {display:table-cell;width:auto;height:4rem;line-height:4rem;font-size:1.5rem;}
.btn_table .btn + .btn {width:50%;border-left:1px solid #fff;}

.btn.kakao {background:#fce000;font-size:1.5rem;color:#2e2e2e;}
.btn.kakao:before {content:"";width:3rem;height:3rem;margin-right:0.5rem;display:inline-block;vertical-align:middle;;background:url(/images/sns/sns_kakao-c0b5382ba9ddf6ad583b6b9a672ee72f.png) center center no-repeat;background-size:100%;}

.btn_del_x {display:inline-block;vertical-align:middle;width:1.8rem;padding-top:1.8rem;height:0;overflow:hidden;background:url(/images/common/button/btn_x_small_gray-9f10f57b3622faf7f04ac4fc4c3cdec5.svg) 0 0 no-repeat;background-size:100%;}
.btn_del_minus {display:inline-block;vertical-align:middle;width:1.8rem;padding-top:1.8rem;height:0;overflow:hidden;background:url(/images/common/button/btn_minus-c1ae272b70c3cea82d776e9aa8c0cd10.svg) 0 0 no-repeat;background-size:100%;}

a.btn_small, button.btn_small {display:inline-block !important;vertical-align:middle;padding:0 1rem !important;width:auto  !important;border:1px solid #dcdcdc;border-radius:0.2rem;font-size:1.3rem;color:#999;line-height:2.8rem !important;}
.btn_small:active, .btn_small:hover {background:#f7534b;border-color:#dcdcdc;color:#fff;}

/* link */
a.link {text-decoration:underline;color:inherit}
a.view {font-size:1.5rem;line-height:2rem;color:#666;text-decoration:underline}

/* 등록순 */
.btn_regi {position:relative;font-size:1.4rem;color:#141414;line-height:1.8rem;padding:0 0 0 2rem;}
.btn_regi:before {content:"";display:block;position:absolute;top:0.5rem;left:0;width:1.3rem;height:1.5rem;overflow:hidden;background:url(/images/common/ico/search_order-d1917fe4b642658f9a4c0fcb9ccb55e2.svg) 0 0 no-repeat;background-size:100%}
.btn_regi.c_blue:before {background:url(/images/common/ico/search_order_blue-872f67275cbf50d3c575045ef40a4f95.svg) 0 0 no-repeat;background-size:100%}
.btn_regi.sns:before {content:"";display:block;position:absolute;top:50%;left:50%;margin-left:-0.75rem;width:1.5rem;height:1.5rem;overflow:hidden;background:url(/images/common/ico/sns_more-eae284ddfee3dcd8a6a7a429c1229407.svg) 0 0 no-repeat;background-size:100%}

/* 등록순_전체 */
.btn_regi.all:before {display:none;}
.btn_regi.all:after {content:"";display:inline-block;vertical-align:middle;margin:-0.8rem 0 0 1rem;width:0.8rem;height:0.8rem;border-bottom:1px solid #141414;border-right:1px solid #141414;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.btn_regi.all.c_bold_gray:after {border-color:#666}

/* 더보기 */
.moreWrap {width:100%;height:4rem;text-align:center;margin:1rem 0;}
.moreWrap a {display:block;font-size:1.4rem;line-height:4rem;color:#999;}
.moreWrap a:after {content:"";display:inline-block;vertical-align:middle;width:0.8rem;height:0.8rem;margin:-0.8rem 0 0 1rem;border-bottom:1px solid #999;border-right:1px solid #999;transform:rotate(45deg); -webkit-transform:rotate(45deg)}

/* 라운드 버튼 */
.btn_round {display:inline-block;margin:0 auto;font-size:1.3rem;height:3.4rem;line-height:3.4rem;color:#4a90e2;padding:0 1.6rem 0 1.5rem;border:1px solid #4a90e2;border-radius:1.7rem}
a.btn_round {color:#4a90e2;}
/*.btn_round.special_schedule:before {content:"";display:inline-block;vertical-align:middle;margin:-0.4rem 0.3rem 0 ;width:1.4rem;height:1.7rem;background:url(/images/common/ico/ico_calendar-ce4e69e091690026ecee81fb3447e759.svg) 0 0 no-repeat;background-size:100%} !* 특가 일정 보기 *!*/
.btn_round.special_schedule:before {content:"";display:inline-block;vertical-align:middle;margin:0rem 0.3rem 0 ;width:1.4rem;height:1.7rem;background:url(/images/common/ico/specailCalendar-067ee5ef47fd493af372a7d034f4f81d.svg) 0 0 no-repeat;background-size:100%} /* 특가 일정 보기 */
.btn_round.h35 {height:3.5rem !important;line-height:3.2rem !important;border-radius:1.75rem !important;font-size:1.3rem !important;} /* 높이 35 */
.btn_round.orange {padding:0 2.6rem;height:4rem;line-height:4rem;border-radius:2rem;border-color:#f7534b;color:#f7534b;font-weight:500;font-size:1.5rem;} /* 오렌지 색*/
a.btn_round.orange {color:#f7534b;}
.btn_round.orange_fill {background:#f7534b;border-color:#f7534b;color:#fff !important;}
.btn_round.gray, a.btn_round.gray {border-color:#ccc;color:#ccc;}
.btn_round.blue, a.btn_round.blue {padding:0 2.6rem;height:4rem;line-height:4rem;border-radius:2rem;border-color:#4a90e2;color:#4a90e2;font-weight:500;font-size:1.5rem;} /* 파란 색 */
.btn_round.gift, a.btn_round.gift {height:4rem;line-height:4rem;border-color:#f7534b;color:#f7534b;border-radius:2rem;font-size:1.4rem;}
.btn_round.gift:before {content:"";display:inline-block;vertical-align:middle;margin:-0.4rem 0.3rem 0 ;width:1.2rem;height:1.4rem;background:url(/images/common/ico/ico_gift_red-68211b2e7ec507ce39a5f15dcd31edc0.svg) 0 0 no-repeat;background-size:100%} /* 특가 일정 보기 */

/* 검색(돋보기) 버튼 */
.btn_search {position:relative;display:inline-block;width:3rem;height:0;padding:3rem 0 0;overflow:hidden;vertical-align:top;}
/*.btn_search:before {content:"";display:block;position:absolute;top:0.7rem;left:0.7rem;width:1.3rem;height:1.3rem;border:1px solid #000;border-radius:50%;}*/
/*.btn_search:after {content:"";display:block;position:absolute;top:2.0rem;left:1.9rem;width:0.7rem;height:1px;background:#000;transform:rotate(40deg);-webkit-transform:rotate(40deg);}*/

/* 공유 버튼 */
.btn_share {position:relative;display:block;width:2rem;height:0;padding:2.3rem 0 0;overflow:hidden;}
.btn_share:before {content:"";display:block;position:absolute;top:0;left:0;width:1.9rem;height:2.2rem;background:url(/images/common/ico/ico_share-cecd2cc382dc3f9a0bf642a279eee4e7.svg) 0 0 no-repeat;background-size:100%}

/* 팔로우 버튼 */
.btn_follw {display:block;font-size:1.3rem;color:#fff !important;width:6.2rem;height:2.8rem;background:#4a90e2;border-radius:0.2rem;text-align:center;line-height:2.8rem !important;}
.btn_follw:before {content:"+";display:inline;padding-right:0.3rem;color:#fff;font-size:1.3rem;line-height:2.8rem;}

/* 선물하기 버튼 */
.btn_gift_send {font-size:1.3rem;line-height:1.7rem;color:#f7534b !important}
.btn_gift_send:after {content:"";display:inline-block;vertical-align:middle;margin:-0.3rem 0 0 0.3rem;width:0.5rem;height:0.5rem;border-top:1px solid #f7534b;border-right:1px solid #f7534b;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.btn_gift_send:before {
		content:"";
		display:inline-block;
		vertical-align:middle;
		margin:-0.4rem 0.3rem 0 ;
		width:1.4rem;
		height:1.7rem;
		background:url(/images/common/ico/giftbox-b2e7d55bd1fccb4be43130f90fb81db6.svg) 0 0 no-repeat;
		background-size:100%
	} /* 특가 일정 보기 */

/* 검색 정렬 */
.btn_regiWrap {position:relative;width:100%;height:5rem;text-align:right;padding:0 1.6rem;border-top:1px solid #f3f3f3;line-height:4.7rem;background:#fff;}
.btn_regiWrap + .sub_content {margin-top:0.4rem;}
.select_popWrap {position:absolute;top:4.8rem;right:1.6rem;z-index:20;width:14rem}
.select_popWrap.b_h {top:inherit;bottom:4.4rem;}
.select_popWrap .select_dim {position:fixed;display:block;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.select_popWrap ul {position:relative;background:#fff;padding:0 0 1.5rem;border:1px solid #999;z-index:101;}
.select_popWrap ul li {text-align:left;border-bottom:0 !important}
.select_popWrap ul li a {position:relative;padding:1.5rem 1.5rem 0;display:block !important;font-size:1.4rem;line-height:1.8rem;color:#141414;border-bottom:0 !important}
/*.select_popWrap ul li:first-child a {font-weight:500;color:#4a90e2}*/
.select_popWrap ul li.line1 a:before {content:"";display:block;width:100%;height:1px;background:#f3f3f3;margin-bottom:1.5rem;}
.select_popWrap ul li.line2 a:after {content:"";display:block;width:100%;height:1px;background:#f3f3f3;margin-top:1.5rem;}

.btn_point_regi {display:block;width:10rem;height:4.5rem;line-height:4.5rem;text-align:center;border:1px solid #dcdcdc;font-sizE:1.6rem;color:#141414;}

.btn_regiWrap + .coupon_list.type2 li:first-child,
.btn_regiWrap + .search_result_store li:first-child,
.btn_regiWrap + .talk_listWrap.list > li:first-child .talk_user_info li:first-child {padding-top:0;}
.btn_regiWrap + .talk_listWrap.list > li:first-child .talk_user_info li:first-child .date {top:0;}
.btn_regiWrap + .talk_listWrap_news.list > li:first-child .talk_user_info li:first-child {padding-top:0;}
.btn_regiWrap + .talk_listWrap_news.list > li:first-child .talk_user_info li:first-child .date {top:0;}
.btn_regiWrap + .coupon_list.type2.count li:first-child:before {top:0;}

/* ---------------------------------------------------------
	CONTENT 공통 : 팝업
--------------------------------------------------------- */
.popWrap {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;height:100%;z-index:200}
.popWrap .dim {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#111;overflow:hidden;opacity:0.5;z-index:1}
/*.popWrap:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#111;opacity:0.5;z-index:1}*/
.popWrap .popbox {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);width:calc(100% - 6.4rem); width:-webkit-calc(100% - 6.4rem);max-height:60rem;background:#fff;z-index:2;border-radius:1rem;overflow:hidden;}
.popWrap .popbox.w100 {border-radius:0;}
.popWrap .popbox .pop_tit {position:relative;font-size:1.6rem;line-height:2.1rem;min-height:2.1rem;padding:1.4rem 5.5rem 1.4rem 2rem;font-weight:500;overflow:hidden;border-bottom:1px solid #f0f0f0}
.popWrap .popbox .pop_txt {padding:0 2rem;margin:2rem 0;width:100%;max-height:46rem;overflow-y:auto;font-size:1.5rem;line-height:2rem;color:#666;text-align:left;}
.popWrap .popbox .pop_txt.no-pop-tit {padding:1.2rem 2.4rem; color:#303135;font-size:1.6rem;line-height:1.36;}
.popWrap .popbox .pop_txt.policy {line-height:2rem}
.popWrap .popbox .pop_bottom {display:table;width:100%;border-top:1px solid #f0f0f0;text-align:center;font-size:1.5rem;line-height:2.1rem;overflow:hidden;}
.popWrap .popbox .pop_bottom .btn_pop {position:relative;display:table-cell;padding:1.4rem 0;text-align:center;color:#141414;vertical-align:top;width:50%;}
.popWrap .popbox .pop_bottom .btn_pop + .btn_pop {border-left:1px solid #f0f0f0}
.popWrap .popbox .pop_bottom .btn_pop:first-child:nth-last-child(1) {width:100%;}
.popWrap .popbox .pop-bottom--wide {width:100%;padding:0 2.4rem;}
.popWrap .popbox .pop-bottom--wide .btn_pop {width:100%;height:5.2rem;margin-bottom:0.8rem;text-align:center;background:#4F5DDD;color:#ffffff;font-size:1.6rem;font-weight:500;border-radius:0.4rem;}
.popWrap .popbox .pop-bottom--wide .btn_pop.closepop {background:#ffffff;color:#656770;font-size:1.6rem;font-weight:400;}
.popWrap .popbox .pop_tit .btn_close {position:absolute;top:1.8rem;right:2rem;width:1.5rem;padding:1.5rem 0 0;overflow:hidden;}
.popWrap .popbox .pop_tit .btn_close:before,
.popWrap .popbox .pop_tit .btn_close:after {width:1.5rem;margin:-0.5px 0 0 -0.75rem;}
.popWrap .popbox strong {font-weight:500;}
.popWrap .popbox .tbl_row {margin:1rem 0;}
.popWrap .popbox .tbl_row th, .popWrap .popbox .tbl_row td {padding:1rem;text-align:left;}
.popWrap .popbox .coupon_use_tip {padding:2rem 0 2rem 2.1rem;margin:0 0 2rem;background:#f6f6f6}
.popWrap .popbox .coupon_use_tip li {padding:0;}
.popWrap .popbox .coupon_use_tip:before {left:0;}
.popWrap .popbox .coupon_use_tip:after {content:"";display:block;position:absolute;top:0;left:-2rem;right:-2rem;height:100%;background:#f6f6f6;z-index:-1}
.popWrap .popbox .coupon_use_tip.c_coral li, .popWrap .popbox .coupon_use_tip.c_coral:before {color:#f7534b}

@media screen and (max-width: 320px) {
.popWrap .popbox {max-height:50rem}
.popWrap .popbox .pop_txt .list_select {padding-bottom:5rem;}
}

/* 메인광고 */
.popWrap .popbox.main_pop {max-height:80%;padding-bottom:5rem;}
.popWrap .popbox .mainpop_close {position:absolute;bottom:0;left:0;width:100%;background:#fff;z-index:1;padding:1.4rem  2rem}
.popWrap .popbox .mainpop_close a {float:right;line-height:2rem;}
.popWrap .popbox .mainpop_close a:first-child {float:left;}
.popWrap .popbox.main_pop .swiper-pagination-bullets {bottom:7rem;}

/* 쿠폰 팝업 */
.coupon_pop {position:relative;}
.coupon_pop .coupon_info {display:table;margin:0 auto;padding:3.1rem 1.9rem 0;}
.coupon_pop .imgWrap {display:table-cell;width:9.4rem;height:9.4rem;vertical-align:middle;}
.coupon_pop .textWrap {display:table-cell;padding:1.8rem 2.5rem 1.4rem 1.3rem;vertical-align:middle;}
.coupon_pop .textWrap p {font-size:1.5rem;line-height:2.0rem;color:#333;padding:0 0 0.2rem}
.coupon_pop .textWrap p a {display:inline-block;color:#4a90e2;text-decoration:underline}
.coupon_pop .textWrap p.name {font-weight:500;color:#141414}
.coupon_pop .barcode {display:block;width:20.6rem;margin:2rem auto 3.5rem;}
.coupon_pop .ico_down {display:block;margin:0 auto;font-size:1.4rem;color:#666;line-height:1.7rem;text-align:center}
/*.coupon_pop .swiper-pagination {position:relative;text-align:center;margin:2rem 0 0;padding:1rem 0;bottom:inherit;left:inherit;font-family:'Roboto' !important;font-size:1.5rem;color:#999;line-height:1.8rem;font-weight:bold}*/
.coupon_pop .swiper-pagination {position:relative;text-align:center;margin:2rem 0 0;padding:1rem 0;bottom:inherit;left:inherit;font-family:'Pretendard' !important;font-size:1.5rem;color:#999;line-height:1.8rem;font-weight:bold}
.coupon_pop .swiper-button-prev,
.coupon_pop .swiper-button-next {width:1.2rem;height:1.2rem;margin-top:-0.6rem;background:none;border-top:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden;}
.coupon_pop .swiper-button-prev {left:1.6rem;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.coupon_pop .swiper-button-next {right:1.6rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.coupon_pop .swiper-button-prev.swiper-button-disabled,
.coupon_pop .swiper-button-next.swiper-button-disabled {display:none}

/*.dday_flag {position:absolute;top:0.5rem;right:1rem;display:block;text-align:center;letter-spacing:0;font-size:1.6rem;color:#f7534b;font-weight:500;font-family:'Roboto' !important;}*/
.dday_flag {position:absolute;top:0.5rem;right:1rem;display:block;text-align:center;letter-spacing:0;font-size:1.6rem;color:#f7534b;font-weight:500;font-family:'Pretendard' !important;}

/* 하단에서 위로 팝업 */
.bottom_popWrap {position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;visibility:hidden;z-index:30;}
.bottom_popWrap .dim {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:20;transition:0.1s; -webkit-transition:0.1s;}
.bottom_popWrap .close {position:absolute;top:2rem;right:1.6rem;display:block;width:1.5rem;height:0;padding:1.5rem 0 0;overflow:hidden;}
.bottom_popWrap .close:before, .bottom_popWrap .close:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2rem;height:1px;background:#111;margin:-0.5px 0 0 -1rem;}
.bottom_popWrap .close:before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.bottom_popWrap .close:after  {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.bottom_popWrap .bottom_pop_content {position:absolute;top:100%;left:0;width:100%;height:100%;padding:5rem 1.6rem 10rem;background:#fff;z-index:30;transition:0.5s; -webkit-transition:0.5s;}
.bottom_popWrap.on {visibility:inherit;}
.bottom_popWrap.on .bottom_pop_content {top:0;}
.bottom_popWrap.on .dim {opacity:0.5;}

/* 팝업 > 리스트 */
.pop_list_default li {width:100%;overflow:hidden;font-size:1.5rem;}
.pop_list_default li + li {padding-top:2rem;}

/* 좋아요 */
.heart_ani {position:fixed;top:50%;left:50%;display:block;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:10rem;height:10rem;overflow:hidden;border-radius:50%;text-align:center;z-index:150}
.heart_ani:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#f7534b;opacity:0.9;z-index:1}
.heart_ani.heart_minus:before {background:#666}
.heart_ani span {position:relative;font-size:1.3rem;color:#fff;line-height:1.7rem;z-index:2;}
.heart_ani span:before {content:"";display:block;margin:2.5rem auto 0;position:relative;width:4.8rem;height:4.116rem;background:url(/images/common/ico/like_red-ec8eb79a4c134df5975a99060810adf9.svg) 0 0 no-repeat;background-size:100%;z-index:2;filter: brightness(0) invert(1);}

.toast_pop {position:fixed;bottom:2rem;left:0;width:100%;text-align:center;z-index:201}
.toast_pop p {position:relative;display:inline-block;margin:0 auto;text-align:center;padding:0.5rem 1.5rem;color:#fff;font-size:1.3rem;line-height:2rem;}
.toast_pop p:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:-1;border-radius:2.3rem;
-webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);}

.cart_alert {position:fixed;top:5rem;right:5rem;text-align:right;width:100%;z-index:201}
.cart_alert p {position:relative;display:inline-block;margin:0 auto;text-align:center;padding:0.5rem 1.5rem;color:#fff;font-size:1.3rem;line-height:2rem;}
.cart_alert p:after {content:"";display:block;position:absolute;top:-2rem;right:1.5rem;width:0;height:1rem;border-top: 0.5rem solid transparent;border-right: 0.5rem solid transparent;border-bottom: 0.5rem solid #000;border-left: 0.5rem solid transparent;opacity:0.7}
.cart_alert p:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:-1;border-radius:2.3rem;}

/* 장바구니 */
.cart_ani {position:fixed;top:25rem;left:50%;margin-left:-4.2rem;display:block;width:10rem;height:0;padding-top:10rem;overflow:hidden;border-radius:50%;text-align:center;z-index:150;opacity:1;}
.cart_ani span {text-indent:-999em}
.cart_ani:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7}
.cart_ani:after {content:"";display:block;margin:2.5rem auto 0;position:absolute;top:0;left:50%;margin-left:-2.65rem;width:5.3rem;height:5.0rem;background:url(/images/common/ico/ico_cart_ani-6a021083fadc1a5f5cab0912845d0375.svg) 0 0 no-repeat;background-size:100%;z-index:2;}

.cart_ani.on {
    -webkit-animation: diagonal 1s ease-in-out;
    -moz-animation: diagonal 1s ease-in-out;
    -o-animation: diagonal 1s ease-in-out;
    animation: diagonal 1s ease-in-out;
}
@-webkit-keyframes diagonal {
	0%       { top:25rem;left:50%;opacity:0.8;transform: scale( 0.9, 0.9 ); -webkit-transform: scale( 0.9, 0.9 );}
	30%     { top:25rem;left:50%;opacity:0.8;transform: scale( 1, 1 ); -webkit-transform: scale( 1, 1 );}
	90%     { top:-4.2rem;left:85%;opacity:0;transform: scale( 0.5, 0.5 ); -webkit-transform: scale( 0.5, 0.5 );opacity:0}
	100%   { top:25rem;left:50%;opacity:0;}
}
@keyframes diagonal {
	0%       { top:25rem;left:50%;opacity:0.8;transform: scale( 0.9, 0.9 ); -webkit-transform: scale( 0.9, 0.9 );}
	30%     { top:25rem;left:50%;opacity:0.8;transform: scale( 1, 1 ); -webkit-transform: scale( 1, 1 );}
	90%     { top:-4.2rem;left:85%;opacity:0;transform: scale( 0.5, 0.5 ); -webkit-transform: scale( 0.5, 0.5 );opacity:0}
	100%   { top:25rem;left:50%;opacity:0;}
}

/* 왔다가요 */
.checkinWrap {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.checkinWrap:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5}
.checkinWrap .ico_checkinWrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;z-index:10;text-align:center;}
.checkinWrap .ico_checkinWrap p {margin:2rem auto 0;width:26rem;color:#fff;line-height:2rem}
.checkinWrap .ico_checkinWrap .ico {display:block;margin:0 auto;position:relative;width:10rem;height:10rem;}
.checkinWrap .ico_checkinWrap .ico:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#f7534b;opacity:0.9}
.checkinWrap .ico_checkinWrap .ico span {position:relative;display:block;padding:6.5rem 0 0;text-align:center;font-size:1.3rem;line-height:1.7rem;color:#fff;}
.checkinWrap .ico_checkinWrap .ico span:before {content:"";display:block;position:absolute;top:2rem;left:50%;margin-left:-3rem;width:6rem;height:3.46rem;
background:url(/images/common/ico/ico_checkin-235b41ce4dd3a7acb849fcda59af54f3.png) center center no-repeat;background-size:100%;}
.checkinWrap .ico_checkinWrap .ico.on span:before {background:url(/images/common/ico/ico_checkin_on-ea207a8e8d0bc6016b4e86a656ac4793.png) center center no-repeat;background-size:100%;}

/* 복사완료 */
.link_copy {position:fixed;top:50%;left:50%;display:block;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:10rem;height:10rem;overflow:hidden;border-radius:50%;text-align:center;z-index:150}
.link_copy:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#f7534b;opacity:0.9;z-index:1}
.link_copy span {position:relative;font-size:1.3rem;color:#fff;line-height:1.7rem;z-index:2;}
.link_copy span:before {content:"";display:block;margin:2.5rem auto 0;position:relative;width:3.8rem;height:2.74rem;background:url(/images/event/invite_check-b30f6533073631e97951c7e073ca07e5.svg) center center no-repeat;background-size:100%;z-index:2;filter: brightness(0) invert(1);}

/* ---------------------------------------------------------
	CONTENT 공통 : 평가하기(팝업)
--------------------------------------------------------- */
.popWrap .popbox.evalu {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:calc(100% - 8rem);width:29.6rem;max-height:60rem;background:#fff;z-index:2;overflow:inherit}
.popWrap .popbox.evalu:before {content:"";display:block;position:absolute;top:-3rem;left:50%;margin-left:-3rem;width:6rem;height:6rem;background:url(/images/common/ico/ico_range-15cdb9cb884938bd9ab4899c9f20f04d.png) 0 0 no-repeat;background-size:100%;border-radius:50%;}
.popWrap .popbox.evalu .txt1 {padding:4.5rem 1.6rem 0;text-align:center;max-height:4.2rem;box-sizing:content-box; -webkit-box-sizing:content-box;}
.averageWrap {text-align:center;padding:0 0 2.3rem;border-bottom:1px solid #f3f3f3}

/*평균*/
.range_average {width:100%;text-align:center;}
.rangeWrap.average {width:auto;display:inline-block;vertical-align:middle;padding:0;margin:0 auto}
.rangeWrap.average .rating_ul {width:7rem;text-align:right;vertical-align:middle}
.rangeWrap.average .rating_ul li {width:1.3rem;padding:1.3rem 0 0 !important;margin:0 0 0 -0.3rem}
.rangeWrap.average .rating_ul li:before {}
.rangeWrap.average .rating_ul + div {display:inline}

.rangeWrap {width:19.3rem;display:block;position:relative;margin:2.7rem auto;}
.range_bar {-webkit-appearance: none;appearance: none;width:100%;height:3.5rem; -webkit-transition: .2s; transition: opacity .2s; position:absolute;top:0;left:0;display:block;z-index:1;background: transparent !important;}
.range_bar::-webkit-slider-thumb { -webkit-appearance: none;appearance: none;width: 2.7rem;height:2.7rem;border-radius: 50%;background:transparent !important;cursor: pointer;border:0}
input[type=range]:focus {outline: none;}
input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
.rating_ul  {display:inline-block;width:100%;text-align:center;vertical-align:top;}
.rating_ul li {position:relative;display:inline-block;width:3.6rem;height:0;padding:3.5rem 0 0 !important;text-align:center;overflow:hidden;background:#e6e6e6 url(/images/common/ico/star-aac5017b7aa8512060d270ea03f36dfa.png) 0 0 no-repeat;background-size:auto 100%;border:0 !important;}
.rating_ul li:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.rating_ul li.half:before {width:50%;background:url(/images/common/ico/star_blue-c4f639c8cdd130d155fedfdb3faa6ba0.svg) 0 0 no-repeat;background-size:auto 100%;}
.rating_ul li.half.on:before {width:100%;background:url(/images/common/ico/star_blue-c4f639c8cdd130d155fedfdb3faa6ba0.svg) 0 0 no-repeat;background-size:auto 100%;transition:0.5s;-webkit-transition:0.5s}

.rating_ul.red li {background:url(/images/common/ico/star_gray-f785333aa08b04bd298e2f09e262c449.svg) 0 0 no-repeat;background-size:100%;}
.rating_ul.red li.blank {background:none;width:1.2rem;}
.rating_ul.red li.half.on:before {background:url(/images/common/ico/star_red-3b994b0c634cad17a067398b0d981201.svg) 0 0 no-repeat;background-size:100%;}
.rating_ul.red li.half:before {background:url(/images/common/ico/star_red-3b994b0c634cad17a067398b0d981201.svg) 0 0 no-repeat;background-size:auto 94%;}

.row_cellWrap .row_cell .rangeWrap {margin:0;width:10.5rem;}
.row_cellWrap .row_cell .rangeWrap .rating_ul {text-align:left;}
.row_cellWrap .row_cell .rangeWrap .rating_ul li {width:1.8rem;padding:1.8rem 0 0 !important;}

/* ---------------------------------------------------------
	CONTENT 공통 : cell
--------------------------------------------------------- */
.cellWrap {width:100%;padding:0 0 1.8rem;clear:both}
.cellWrap:after {content:"";display:block;clear:both;}
.cellWrap .cell {width:100%;}
.cellWrap.col2 .cell {width:calc(100%/2);width:-webkit-calc(100%/2);float:left;}
.cellWrap.col2 .cell + .cell {float:right;padding-left:2.2rem;}
.cellWrap.col2.auto .cell {width:auto;}
.cellWrap .info {padding:1rem 1rem 0;}

/* ---------------------------------------------------------
	CONTENT 공통 : form tag
--------------------------------------------------------- */
/* input text*/
input[type="text"] {color:#333;font-size:1.6rem;font-weight:500;}

/*인증번호*/
.certi {position:relative;border-bottom:1px solid #f3f3f3}
/*.certi .time {position:absolute;top:0;right:0;line-height:4.4rem;font-size:1.4rem;color:#f7534b;font-family: 'Roboto';}*/
.certi .time {position:absolute;top:0;right:0;line-height:4.4rem;font-size:1.4rem;color:#f7534b;font-family: 'Pretendard';}
.certi input {border-bottom:0;width:80%}
/*//인증번호*/

.input_textWrap {width:100%;height:4.4rem;line-height:4.4rem;border-bottom:1px solid #f3f3f3;color:#333;}
.input_textWrap label {float:left;width:12.4rem;padding:0 1rem;color:#999;font-size:1.6rem;}
.input_textWrap input {float:left;padding:0;width:calc(100% - 12.4rem);width:-webkit-calc(100% - 12.4rem);border:0;height:4.3rem;line-height:4.3rem;}

.autolabel label {width:auto;padding-right:3.2rem}
.autolabel input {width:calc(100% - 9rem);width:-webkit-calc(100% - 9rem)}
.autolabel.w2 input {width:calc(100% - 17rem);width:-webkit-calc(100% - 17rem)}

.textareaWrap {width:100%;overflow:hidden;position:relative;border-bottom:1px solid #f3f3f3}
.textareaWrap textarea, .textareaWrap input[type="date"], .textareaWrap input[type="text"], input[type="month"] {float:left;padding:0;border:0;width:calc(100% - 3rem);line-height:2.1rem;border:0;}
.textareaWrap textarea, .textareaWrap input[type="text"] {display:inline-block;padding-bottom:0.5rem;}
.textareaWrap.scroll_hide textarea {overflow-y:hidden}
.textareaWrap .btn_del_x {position:absolute;top:50%;margin-top:-0.9rem;right:0;}

/* radio */
.radio {position:relative;}
.radio input {position:absolute;opacity:0;}
.radio + .radio {margin-left:-4px;}
.radio + .radio span {border-left:0}
/* .radio span {position:relative;display:inline-block;height:4.4rem;line-height:4.4rem;border:1px solid #e2e2e2;color:#333;text-align:center;font-size:1.4rem;padding:0 1.9rem} */
.radio span {position:relative;display:inline-block;height:4.4rem;line-height:4.4rem;border:1px solid #e2e2e2;color:#333;text-align:center;font-size:1.4rem;padding:0 1.3rem}
.radio input:checked + span {border-color:#f7534b;color:#f7534b;z-index:2}
.radio + .radio input:checked + span {border-left:1px solid #f7534b;}
.radio.blue input:checked + span,
.radio.blue + .radio.blue input:checked + span {border-color:#4a90e2;color:#4a90e2}
.cell .radio span {width:100%;padding:0;}
.col2 .radio {width:calc(50% - 1px);width:-webkit-calc(50% - 1px);}

.radio2 {position:relative;}
.radio2 input {position:absolute;opacity:0;}
.radio2 span {position:relative;display:inline-block;color:#141414;font-size:1.4rem;line-height:1.8rem;}
.radio2 span:after {content:"";display:inline-block;vertical-align:middle;width:2.2rem;height:2.2rem;background:#fff;border:1px solid
#ccc;border-radius:50%;box-sizing:border-box; -webkit-box-sizing:border-box;}
.radio2 span:before {content:"";position:absolute;top:50%;right:0.8rem;margin-top:-0.35rem;display:block;width:0.6rem;height:0.6rem;background:#ccc;border-radius:50%;}
.radio2 input:checked + span:after {border-color:#4a90e2}
.radio2 input:checked + span:before {background:#4a90e2}

/* checkbox */
.chk {position:relative;}
.chk input {position:absolute;opacity:0;}
.chk span {position:relative;display:inline-block;padding-left:2.8rem;line-height:1.8rem;color:#141414;font-size:1.4rem !important;min-height:2.2rem;}
.chk span:before {content:"";display:block;position:absolute;top:-0.1rem;left:0;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;}
.chk span:after {content:"";display:block;width:0.5rem;height:0.9rem;position:absolute;top:0.5rem;left:0.9rem;margin:0;border-bottom:2px solid #ccc;border-right:2px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.chk.all input:checked + span {color:#4a90e2}
.chk input:checked + span:before {background:#4a90e2;border-color:#4a90e2}
.chk input:checked + span:after {border-color:#fff;}

.text_right .chk span:before {left:inherit;right:0;}
.text_right .chk span:after {right:0.9rem;left:inherit;}

.chk_my_brand {position:relative;}
.chk_my_brand input {position:absolute;opacity:0;}
/*.chk_my_brand span {display:inline-block;padding:0 1.6rem;color:#fff;background:#f7534b;height:3.5rem;line-height:3.3rem;border-radius:1.7rem;font-size:1.3rem;}*/
.chk_my_brand span {display:inline-block;padding:0 1.6rem;color:#fff;background:#4F5DDD;height:3.5rem;line-height:3.3rem;border-radius:1.7rem;font-size:1.3rem;}
.chk_my_brand input:checked + span {background:#fff;border:1px solid #d4d4d4;color:#666;}
.chk_my_brand input:checked + span em {display:none}

/* 알림 신청 */
.chk_bell {position:relative;}
.chk_bell input {position:absolute;opacity:0;}
.chk_bell span {display:inline-block;width:1.5rem;height:0;padding:1.7rem 0 0;overflow:hidden;}
/*.chk_bell span:before {content:"";display:block;position:absolute;top:0;left:0;width:1.5rem;height:1.7rem;background:url(/images/common/ico/ico_bell_red-9e3fea77ee420062bee59a9fccfc5a04.svg) 0 0 no-repeat;background-size:100%}*/
.chk_bell span:before {content:"";display:block;position:absolute;top:0;left:0;width:1.5rem;height:1.7rem;background:url(/images/common/ico/ico_bell_new-19c85c1232c657e4afea7b37750e5524.svg) 0 0 no-repeat;background-size:100%}
.chk_bell input:checked + span:before {background:url(/images/common/ico/ico_noti_on-e68099a0587b2a72ff0470275d8e1e67.svg) 0 0 no-repeat;background-size:100%}

.chk_bell.type2 {} /* 할인알림*/
.chk_bell.type2 span {width:auto;height:auto;padding:0 0 0 2rem;font-size:1.3rem;line-height:1.7rem;color:#f7534b;}
.chk_bell.type2 span:before {top:0.1rem;background:url(/images/common/ico/ico_noti_red-9e3fea77ee420062bee59a9fccfc5a04.svg) 0 0 no-repeat;background-size:100%;}

.chk_bell.type3 {text-align:center;vertical-align:middle;}
.chk_bell.type3 span {display:block;width:100%;height:auto;padding:0;font-size:1.3rem;line-height:1.7rem;color:#666}
.chk_bell.type3 span:before {position:relative;margin:0 auto 0.3rem;}
.chk_bell.type3 input:checked + span {color:#f7534b}

/* 채팅 */
.chatt_bell {position:relative; top: 7px; padding: 3px 3px;}
.chatt_bell input {position:absolute;opacity:0;}
.chatt_bell span {display:inline-block;width:1.5rem;height:0;padding:1.7rem 0 0;overflow:hidden;}
.chatt_bell span:before {content:"";display:block;position:absolute;top:0;left:0;width:1.5rem;height:1.7rem;background:url(/images/common/ico/notice_off-8a36c50cc11b5ca1910501da2c02548c.png) 0 0 no-repeat;background-size:100%}
.chatt_bell input:checked + span:before {background:url(/images/common/ico/ico_noti_on-e68099a0587b2a72ff0470275d8e1e67.svg) 0 0 no-repeat;background-size:100%}

/* 좋아요 */
.chk_heart {position:relative;vertical-align:middle;line-height:1.6rem}
.chk_heart input {position:absolute;opacity:0}
.chk_heart span {position:relative;display:inline-block;padding-left:2.1rem;font-family:'Roboto' !important;font-size:1.3rem;line-height:1.6rem;color:#141414}
/*.chk_heart span {position:relative;display:inline-block;padding-left:2.1rem;font-family:'Pretendard' !important;font-size:1.3rem;line-height:1.6rem;color:#141414}*/
.chk_heart span:before {content:"";display:inline-block;position:absolute;top:0;left:0;overflow:hidden;width:1.8rem;height:1.6rem;background:url(/images/common/ico/like-bc52a3055a2e000c758319dd3196cd9b.svg) 0 0 no-repeat;background-size:100%}
.chk_heart input:checked + span:before {background:url(/images/common/ico/like_red-ec8eb79a4c134df5975a99060810adf9.svg) 0 0 no-repeat !important;background-size:100% !important}

.chk_heart_cnt {position:relative;vertical-align:middle;line-height:1.6rem}
.chk_heart_cnt input {position:absolute;opacity:0}
.chk_heart_cnt span {position:relative;display:inline-block;padding-left:2.1rem;font-family:'Roboto' !important;font-size:1.3rem;line-height:1.6rem;color:#141414;margin-right:3.4rem}
/*.chk_heart_cnt span {position:relative;display:inline-block;padding-left:2.1rem;font-family:'Pretendard' !important;font-size:1.3rem;line-height:1.6rem;color:#141414;margin-right:3.4rem}*/
.chk_heart_cnt span:before {content:"";display:inline-block;position:absolute;top:0;left:0;overflow:hidden;width:1.8rem;height:1.6rem;background:url(/images/common/ico/like-bc52a3055a2e000c758319dd3196cd9b.svg) 0 0 no-repeat;background-size:100%}
.chk_heart_cnt input:checked + span:before {background:url(/images/common/ico/like_red-ec8eb79a4c134df5975a99060810adf9.svg) 0 0 no-repeat !important;background-size:100% !important}

/* select */
.select_box {position:relative;width:100%;height:4.4rem;border:0;border-bottom:1px solid #f3f3f3;padding:0 0 0 1rem;line-height:4.4rem;}
.select_box:after {content:"";display:block;position:absolute;top:50%;right:0.2rem;margin-top:-0.8rem;width:0.9rem;height:0.9rem;border-left:1px solid #000;border-bottom:1px solid #000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.select_box select {width:100%;height:4.3rem;border:0;padding-right:2rem;}

.select_box.email, .select_box.content_box {padding:0}
.select_box.email:after, .select_box.content_box:after {display:none;}
.select_box.email .input_textWrap {float:left;width:calc(100% - 3.6rem);width:-webkit-calc(100% - 3.6rem)}

.select_box .btn_pop, .select_box .btn_pop2 {float:right;position:relative;display:inline-block;overflow:hidden;width:3.6rem;height:0;padding:4.4rem 0 0;}
.select_box .btn_pop:before {content:"";display:block;position:absolute;top:50%;right:1rem;margin-top:-0.7rem;width:0.9rem;height:0.9rem;border-left:1px solid #000;border-bottom:1px solid #000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.select_box .btn_pop2:before {content:"";display:block;position:absolute;top:50%;right:1rem;margin-top:-0.7rem;width:0.9rem;height:0.9rem;border-left:1px solid #000;border-bottom:1px solid #000;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

.select_box.content_box .input_textWrap {float:left;width:82%;}
.select_box.content_box .right {position:relative;display:inline-block;}
.readonly {width:calc(100% - 12.4rem);width:-webkit-calc(100% - 12.4rem);overflow-x:scroll;height:4.4rem;line-height:4.4rem;white-space:nowrap;font-size:1.6rem;color:#141414;font-weight:500}

.cell_ph {overflow:hidden;border-bottom:1px solid #f3f3f3 }
.cell_ph .select_box {float:left;width:auto;padding:0}
.cell_ph .select_box select {font-family:"Roboto"}
/*.cell_ph .select_box select {font-family:"Pretendard"}*/
.cell_ph .input_textWrap {width:auto;float:left;}
.cell_ph .input_textWrap + input {float:left;width:calc(100% - 60%);width:-webkit-calc(100% - 60%);}
.cell_ph .input_textWrap, .cell_ph .input_textWrap + input, .cell_ph .select_box {border-bottom:0;}

.select_toggleWrap {position:relative;width:100%;background:#fff;}
.select_toggleWrap .select_btn {display:block;width:100%;height:6rem;line-height:6rem;padding:0 1.6rem;font-size:1.6rem;font-weight:500}
.select_toggleWrap .select_btn:after {content:"";display:block;position:absolute;top:2.3rem;right:1.6rem;width:0.9rem;height:0.9rem;border-left:1px solid #141414;border-bottom:1px solid #141414;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.select_toggleWrap .select_btn.on:after {top:2.7rem;transform:rotate(135deg);-webkit-transform:rotate(135deg);}

.select_toggleWrap .select_layer {position:absolute;top:6rem;left:0;width:100%;background:#fff;z-index:5;border-bottom:1px solid #f3f3f3;}
.select_toggleWrap .select_layer li {width:100%;padding:0 2.6rem;height:4.5rem;line-height:4.5rem}

.select_toggleWrap.point .select_btn {height:5rem;line-height:5rem;border:1px solid #ccc;text-align:center;font-weight:400}
.select_toggleWrap.point .select_btn:after {position:relative;top:-0.5rem;right:inherit;display:inline-block;vertical-align:middle;margin-left:1rem;border-color:#666}
.select_toggleWrap.point .select_btn.on:after {top:0.1rem}

.select_toggleWrap.point .select_layer {top:5rem;border:1px solid #ccc;border-top:0;}

/* 스위치 */
.switch {position:relative;vertical-align:middle;}
.switch input {position:absolute;opacity:0;}
.switch span {position:relative;display:block;width:3.5rem;height:1rem;border-radius:0.5rem;background:#dcdcdc;text-indent:-9999rem;transition:0.3s; -webkit-transition:0.3s;}
.switch span:before {content:"";position:absolute;top:-0.5rem;left:0rem;width:1.8rem;height:1.8rem;display:block;vertical-align:top;border-radius:50%;background:#f3f3f3;-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);transition:0.3s; -webkit-transition:0.3s;}
.switch input:checked + span {background:#b6d3f3}
.switch input:checked + span:before {background:#4a90e2;left:1.7rem;}

/* ---------------------------------------------------------
	CONTENT 공통 : 검색 bar
--------------------------------------------------------- */
.search_bar {width:100%;height:5rem;line-height:5rem;padding:0;border-bottom:1px solid #f3f3f3;}
.search_bar input[type="text"] {float:left;width:calc(100% - 7rem);width:-webkit-calc(100% - 7rem);border:0;line-height:4.9rem;height:4.9rem;padding-left:1.6rem;}
.search_bar .btn_del_x {float:left;margin-top:1.6rem;}
.search_bar .btn_search {float:right;width:5rem;padding:5rem 0 0;}
.search_bar .btn_search:before {top:1.7rem;left:1.6rem;border-color:#999999;}
.search_bar .btn_search:after {top:3rem;left:2.9rem;background:#999999}

/* ---------------------------------------------------------
	CONTENT 공통 : 프로필 등록
--------------------------------------------------------- */
.profile {position:relative;}
.profile .profile_circle {display:block;margin:2rem auto 0;}

.tit1 + .profile_circle {padding:1.8rem 0 0}

/* ---------------------------------------------------------
	CONTENT 공통 : dt dd 입력 목록
--------------------------------------------------------- */
.text_input dt, .text_input dd {width:100%;overflow:hidden;}
.text_input dt {display:inline-block;padding-bottom:0.5rem;}

/* ---------------------------------------------------------
	CONTENT 공통 : 아이콘
--------------------------------------------------------- */
.ico_home {position:relative;display:block;width:1.8rem;height:0;padding:1.8rem 0 0;overflow:hidden;}
.ico_home:before {content:"";display:block;position:absolute;top:0;left:0;width:1.8rem;height:1.8rem;background:url(/images/common/ico/ico_home-b0cfbe7f9f44fe84db48176e4f0d4dc7.svg) 0 0 no-repeat;background-size:100%;}

.ico_setting2 {position:relative;display:block;width:2rem;height:0;padding:2rem 0 0;overflow:hidden;}
.ico_setting2:before {content:"";display:block;position:absolute;top:0;left:0;width:2rem;height:2rem;background:url(/images/common/ico/ico_setting-045304335389ec8b6b5adf5c44a27474.svg) 0 0 no-repeat;background-size:100%;}

.ico_camera {position:relative;display:block;width:2.8rem;height:0;padding:2.8rem 0 0;overflow:hidden;background:#999;border-radius:50%;}
.ico_camera:before {content:"";display:block;position:absolute;top:50%;left:50%;margin:-0.6rem 0 0 -0.7rem;width:1.4rem;height:1.1rem;background:url(/images/common/ico/ico_camera-dfff16570462a6d18dc76eaa08b1853f.svg) 0 0 no-repeat;background-size:100%;}

/*.ico_clock:before {content:"";display:inline-block;vertical-align:middle;margin:-0.2rem 0.3rem 0 0;width:1.3rem;height:1.3rem;background:url(/images/common/ico/ico_timer-cf81a5abc7233c2c12d6b1cd32f547b9.svg) 0 0 no-repeat;background-size:100%}*/
.ico_clock:before {content:"";display:inline-block;vertical-align:middle;margin:-0.2rem 0.3rem 0 0;width:1.6rem;height:1.6rem;background:url(/images/common/ico/clock_new-1223d857896bdc2c5b8ce11253a5e5a3.svg) 0 0 no-repeat;background-size:100%}

.ico_down:before {content:"";display:inline-block;margin:-0.3rem 0.8rem 0 0;width:1.1rem;height:1.4rem;vertical-align:middle;background:url(/images/common/ico/ico_down-d9e1aa4cb128d3e266e20fb968128d32.svg);background-size:100%;}

.ico_down2 {position:relative;width:2.1rem;height:0;padding-top:2.1rem;overflow:hidden;}
.ico_down2:before {content:"";display:block;width:2.1rem;height:2.1rem;position:absolute;top:0;left:0;background:url(/images/common/ico/ico_down2-e2798973203ab13bed5a95d300f82125.svg);background-size:100%;}

.ico_share {position:relative;width:2rem;height:0;padding-top:2.3rem;overflow:hidden;}
.ico_share:before {content:"";display:block;width:1.9rem;height:2.2rem;position:absolute;top:0;left:0;background:url(/images/common/ico/ico_share-cecd2cc382dc3f9a0bf642a279eee4e7.svg);background-size:100%;}

.ico_call {font-size:1.3rem !important;}
.ico_call span {font-size:1.4rem !important;}
.ico_call:before {content:"";display:inline-block;margin:-0.2rem 0.5rem 0 0;width:1.2rem;height:1.3rem;vertical-align:middle;background:url(/images/common/ico/ico_call-457021f0ce32c2055d4a31d67ed5a69a.svg);background-size:100%;}

.ico_gps_now {position:relative;display:inline-block;width:2.7rem;height:0;padding:2.5rem 0 0;overflow:hidden;vertical-align:middle;background:#fff;border-radius:50%;border:1px solid #f3f3f3}
.ico_gps_now:before {content:"";display:block;position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;background:url(/images/common/ico/invalid_name-0f9f69261ea9b41dda1e42a39b70371e.svg) 0 0 no-repeat;background-size:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);} /* 현위치 */

.ico_gps_now.text {position:relative;width:auto;height:auto;padding:0 0 0 3rem;border-radius:0;border:0}
.ico_gps_now.text:before {position:absolute;top:50%;left:0;margin-top:-1.2rem;width:2.5rem;height:2.3rem;background-size:1.5rem 1.5rem;background-position:center center;border:1px solid #f3f3f3;border-radius:50%;transform:inherit;-webkit-transform:inherit}

.ico_talk {position:relative;display:inline-block;width:2.1rem;height:0;padding:2rem 0 0;overflow:hidden;vertical-align:top;background:url(/images/common/ico/talk-9895b7e80ebffdf983b2a11da0e9b165.svg) 0 0 no-repeat;background-size:100%}
.ico_talk + .btn_close {display:inline-block;}

.ico_talk.white {filter:  brightness(0) invert(1);}

.ico_talk_write {position:relative;display:inline-block;width:2rem;height:0;padding:2.1rem 0 0;overflow:hidden;vertical-align:middle;}
.ico_talk_write:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(/images/common/ico/ico_talk_write-5ebc81aa1f638c39b55769d8d601cb81.svg) 0 0 no-repeat;background-size:100%}

.ico_chat {position:relative;display:inline-block;width:2.1rem;height:0;padding:2rem 0 0;overflow:hidden;}
.ico_chat:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:top;background:url(/images/common/ico/quick/14_talk-715daf491fe1ec9e892629afde7d01fb.svg) 0 0 no-repeat;background-size:100%}
.ico_chat + .btn_close {display:inline-block;}

.ico_chat.white {filter:  brightness(0) invert(1);}

.ico_more {position:relative;display:inline-block;width:2.1rem;height:0;padding:2rem 0 0;text-indent:-999em;vertical-align:top;background:url(/images/common/ico/more_black-ceec15480639fd854abddf1d421cc6cb.svg) 1rem 50% no-repeat;background-size:0.3rem auto;}
.ico_more.white {filter:  brightness(0) invert(1);}
.ico_more.gray { -webkit-filter: grayscale(1); filter: grayscale(1); }

.ico_cart {position:relative;display:inline-block;width:2.5rem;height:0;padding:2.5rem 0 0;text-indent:-9999em;}
.ico_cart:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/common/ico/ico_my_cart-32a563f586814bffa76705662ad9af2b.svg) 0 0 no-repeat;background-size:100%;}

.ico_setting {position:relative;display:inline-block;width:2.5rem;height:0;padding:2.5rem 0 0;text-indent:-9999em;}
.ico_setting:before {content:"";display:block;position:absolute;top:0.2rem;left:0.2rem;width:2rem;height:2rem;background:url(/images/common/ico/ico_my_setting-14c1f9c0810ebc4670ee39f8a245337f.svg) 0 0 no-repeat;background-size:100%;}

.ico_point {position:relative;display:block;width:2rem;height:0;padding:2rem 0 0;overflow:hidden;}
.ico_point:before {content:"";display:block;position:absolute;top:0;left:0;width:2rem;height:2rem;background:url(/images/common/ico/ico_point_info-78835082c73d156b04598e51fe9ffc6a.svg) 0 0 no-repeat;background-size:100%;}

.ico_img {display:inline-block;width:2.4rem;height:0;padding:2.4rem 0 0;vertical-align:middle;overflow:hidden;background:url(/images/common/ico/ico_photo-27e8227a4238c6ca4e1f4b2e4232ae83.svg);background-size:100%;}
.ico_video {display:inline-block;width:2.4rem;height:0;padding:2.4rem 0 0;vertical-align:middle;overflow:hidden;background:url(/images/common/ico/ico_movie-810fec3d935d2ef3d36d812c9032a626.svg);background-size:100%;}
.ico_imo {display:inline-block;width:2.4rem;height:0;padding:2.4rem 0 0;vertical-align:middle;overflow:hidden;background:url(/images/common/ico/smile-008f42effdd9565c42b7517c5aee5152.svg);background-size:100%;}

.ico_youtube:before {content:"";display:inline-block;vertical-align:top;margin:0.2rem 1rem 0 0;width:3.2rem;height:2.4rem;background:url(/images/common/ico/ico_youtube_square-43cda12fa811eb538fe490a805dbbb49.svg);background-size:100%;}

.ico_map {position:relative;display:inline-block;width:2.1rem;height:0;padding:1.9rem 0 0;overflow:hidden;}
.ico_map:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#ccc url(../images/common/ico/.svg) 0 0 no-repeat;background-size:100%;}

.ico_checkin {position:relative;text-align:center;font-size:1.4rem;line-height:2.2rem;color:#f7534b;} /* 왔다가요 */
.ico_checkin:before {content:"";display:block;margin:0 auto;width:4.2rem;height:4.2rem;border:1px solid #f7534b;border-radius:50%;background:#f7534b url(/images/common/ico/ico_checkin-f02aa160a448e03eb5f9c85cf09850fe.svg) center center no-repeat;background-size:1.9rem 2.3rem;}
.ico_checkin.on:before {background:#fff url(/images/common/ico/ico_checkin_on-360ceabe9fd37b26454a3fdda5c61963.svg) center center no-repeat;background-size:1.9rem 2.3rem;border-color:#dcdcdc}
.ico_checkin.on {color:#141414;}

.coupon_map {display:inline-block;vertical-align:middle;font-size:1.4rem;line-height:1.8rem;color:#141414;}
.coupon_map:before {content:"";display:inline-block;vertical-align:middle;width:1.6rem;height:1.5rem;margin:-0.2rem 0.5rem 0 0;background:url(/images/common/ico/coupon_map-e43836c7a23771a90143c3bb20fc194c.svg) 0 0 no-repeat;background-size:100%;;}

.ico_picture:before {content:"";display:inline-block;width:1.8rem;height:1.6rem;vertical-align:middle;background:url(/images/common/ico/ico_pb-44c9dcaecd6480e124f116749a91f6e2.svg) 0 0 no-repeat;background-size:100%;}
.ico_camera2:before {content:"";display:inline-block;width:1.8rem;height:1.6rem;vertical-align:middle;background:url(/images/common/ico/ico_camera2-c71a4f340b7aad1cb52c6e0d18b3397b.svg) 0 0 no-repeat;background-size:100%;}
/* ---------------------------------------------------------
	CONTENT 공통 : 탭
--------------------------------------------------------- */
/* 대메뉴 탭 */
.tab_tit {position:relative;width:100%;overflow:hidden;}
.tab_tit li {float:left;width:calc(100%/2); width:-webkit-calc(100%/2);height:5rem;}
.tab_tit li a {position:relative;display:block;height:100%;vertical-align:middle;font-size:1.6rem;line-height:5rem;text-align:center;color:#666}
.tab_tit li a.on {color:#333;font-weight:500;/*border-bottom:3px solid #f7534b;*/}

.tab_tit.h50 li, .tab_tit.h50 li a {height:5rem;line-height:5rem;}

.tab_tit:after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#f3f3f3;}
.tab_tit li a:after {content:"";position:absolute;bottom:0;left:50%;display:block;width:0;height:3px;background:#fff;transition:0.3s;transform:translate(-50% , 0);-webkit-transform:translate(-50% , 0);z-index:1;}
/*.tab_tit li a.on:after {width:100%;background:#f7534b;}*/
.tab_tit li a.on:after {width:100%;background:#4F5DDD;}

.tab_tit li.line2 {height:auto;}
.tab_tit li.line2 a {padding:1rem 0 1.3rem;line-height:2rem}

.tab_content {padding:3.5rem 1.6rem;font-size:1.5rem;line-height:2.2rem;}
.tab_content strong {font-weight:500;}
.tab_content .second_group {padding:4.3rem 0 }
.tab_content.p_type2 {padding:1.8rem 0 0;}

.tab_content.policy {line-height:2rem}

/* 기념일 등록 tab */
.aniversary_tab {width:100%;overflow:hidden;}
.aniversary_tab li {width:25%;height:7rem;text-align:center;}
.aniversary_tab li a {font-size:1.4rem;line-height:1.8rem;color:#999}
.aniversary_tab li a.on {color:#141414;font-weight:500;border-bottom:0 !important}
.aniversary_tab li a:before {content:"";display:block;margin:0 auto 0.3rem;width:3.2rem;height:3.2rem;}
.aniversary_tab li a.on:before {border-color:#f7534b}

.aniversary_tab li:nth-child(1) a:before {background:url(/images/common/ico/ico_birthday-7c7b3cac0ae70221fbc9373896126782.svg) 0 0 no-repeat;background-size:100%;}
.aniversary_tab li:nth-child(2) a:before {background:url(/images/common/ico/ico_marry-88772111394c384442d43dc5024d191a.svg) 0 0 no-repeat;background-size:100%;}
.aniversary_tab li:nth-child(3) a:before {background:url(/images/common/ico/ic_love-a6195d2a66e96a91b8578d99e00c814f.svg) 0 0 no-repeat;background-size:100%;}
.aniversary_tab li:nth-child(4) a:before {background:url(/images/common/ico/ico_etc-335e5d6b1ef7a54d9bb09d30e71f4c28.svg) 0 0 no-repeat;background-size:100%;}

.aniversary_tab li:nth-child(1) a.on:before {background:url(/images/common/ico/ico_birthday_on-72034a10c623b2db3bfe8e4585c713f2.svg) 0 0 no-repeat;background-size:100%;}
.aniversary_tab li:nth-child(2) a.on:before {background:url(/images/common/ico/ico_marry_on-b259e6ec30a18033e98c2f3c2570f6ee.svg) 0 0 no-repeat;background-size:100%;}
.aniversary_tab li:nth-child(3) a.on:before {background:url(/images/common/ico/ico_love_on-bbde0538e1620a784bae54deb6ef5627.svg) 0 0 no-repeat;background-size:100%;}
.aniversary_tab li:nth-child(4) a.on:before {background:url(/images/common/ico/ico_etc_on-33e1971cf3d66aec3c2fc615f034467b.svg) 0 0 no-repeat;background-size:100%;}

/* ---------------------------------------------------------
	CONTENT 공통 : video 반응형
--------------------------------------------------------- */
.videoWrap {position: relative; padding:25px 0 56.25%;height: 0;}
/*
padding-bottom값은 4:3 비율인 경우 75%로 설정합니다
padding-bottom: 56.25%; /* 16:9 비율인 경우*/
.videoWrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoWrap .btn_del_x {position:absolute;top:-1rem;right:-1rem;z-index:100}

/* ---------------------------------------------------------
	CONTENT 공통 : 매장 이미지
--------------------------------------------------------- */
.storeimgWrap {position:relative;width:100%;height:17rem;overflow:hidden}
.storeimgWrap img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

/* ---------------------------------------------------------
	CONTENT 공통 : 톡쓰기(하단 fix 입력창)
--------------------------------------------------------- */
.imo {position:relative;display:inline-block;vertical-align:middle;width:2.4rem;height:0;padding:2.4rem 0 0;overflow:hidden;}
.imo:before {content:"";display:block;position:absolute;top:0;left:0;width:2.3rem;height:2.3rem;background:url(/images/common/ico/smile-008f42effdd9565c42b7517c5aee5152.svg) 0 0 no-repeat;background-size:100%;}
.imo.on:before {background:url(/images/common/ico/smile_on-eabb0fab0a6d8aa661b075eac484dc17.svg) 0 0 no-repeat;background-size:100%;}
.ico_send {position:relative;display:inline-block;vertical-align:middle;width:2.3rem;height:0;padding:2.3rem 0 0;overflow:hidden;}
.ico_send:before {content:"";display:block;position:absolute;top:0;left:0;width:2.3rem;height:2.3rem;background:url(/images/common/ico/send-a62acaddd3aaa5b5961feb9ee019c7aa.svg) 0 0 no-repeat;background-size:100%;}
.ico_send.on:before {background:url(/images/common/ico/send_on-821379a25bc4d1c7c59cb1258a0fb71a.svg) 0 0 no-repeat;background-size:100%;}

/* ---------------------------------------------------------
	CONTENT 공통 : 음영 박스
--------------------------------------------------------- */
.graybox {background:#f6f6f6}

/* ---------------------------------------------------------
	CONTENT 공통 : 날짜 선택 스크롤 ui
--------------------------------------------------------- */
.select_dateWrap {width:100%;overflow:hidden;text-align:center;}
.select_dateWrap:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:5rem;z-index:1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.select_dateWrap .dateWrap {position:relative;width:17rem;margin:0 auto;padding:2.5rem 0;overflow:hidden;}
.select_dateWrap .scroll_box {position:relative;width:5rem;height:11rem;float:left;overflow-y:scroll}
.select_dateWrap .scroll_box:before {content:"";position:absolute;top:50%;left:0;margin-top:-2rem;width:100%;height:2px;background:#4a90e2}
.select_dateWrap .scroll_box:after {content:"";position:absolute;top:50%;left:0;margin-top:2rem;width:100%;height:2px;background:#4a90e2}
.select_dateWrap .scroll_box + .scroll_box {margin-left:1rem;}
.select_dateWrap .scroll_box li {padding:0 0 1.5rem;font-size:2rem;line-height:2.7rem;font-family:"Roboto";}
.select_dateWrap .scroll_box li a:hover, .select_dateWrap .scroll_box li a:active {font-weight:500;}

/* ---------------------------------------------------------
	댓글 > 더보기
--------------------------------------------------------- */
.more_popWrap {position:absolute;top:2.2rem;right:0;z-index:20;width:14rem}
.more_popWrap.b_h {top:inherit;bottom:4.4rem;}
.more_popWrap .more_dim {position:fixed;display:block;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.more_popWrap ul {position:relative;background:#fff;padding:0 0 1.5rem;border:1px solid #999;z-index:101;}
.more_popWrap ul li {text-align:left;border-bottom:0 !important}
.more_popWrap ul li a {position:relative;padding:1.5rem 1.5rem 0;display:block !important;font-size:1.4rem;line-height:1.8rem;color:#141414;border-bottom:0 !important}
.list_type2.card_reple li .more_popWrap ul li {padding:0 !important}

/* ---------------------------------------------------------
	지도
--------------------------------------------------------- */
.target {position:relative;display:block !important;padding:0.3rem 0.5rem;background:#666;font-size:1.2rem;color:#fff;line-height:1.6rem;width: 9.6rem !important;height:auto !important;max-width:9.6rem !important;max-height:9.6rem !important;border-radius:0.2rem !important;text-align:center !important}
.target:after {content:"";display:block;position:absolute;bottom:-0.3rem;left:50%;margin-left:-0.3rem;width:0.6rem;height:0.6rem;background:#666;transform:rotate(45deg);-webkit-transform:rotate(45deg);}

/* ---------------------------------------------------------
	App호출용-약관
--------------------------------------------------------- */
.tab_contentApp {padding:0rem 2.4rem;font-size:1.5rem;line-height:2.2rem;color: #656770;font-family: Pretendard !important;font-size: 16px  !important;font-style: normal  !important;font-weight: 400  !important;line-height: 136%  !important; /* 21.76px */}
.ttApp {display:block;padding:2.4rem 0rem 0; color: #303135;font-family: Pretendard  !important;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;}
.ttApp2 {display:block;padding:2.4rem 0rem 1.2rem; color: #202022;font-family: Pretendard  !important;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}
.tbl_row.policyApp th  {padding:1.2rem;text-align:left; color: #656770;font-family: Pretendard !important;font-size: 14px  !important;font-style: normal  !important;font-weight: 400  !important;line-height: normal !important; /* 21.76px */
	border-top: 1px solid #DFE0E5 ;
	border-right: 1px solid #DFE0E5 ;
	border-left: 1px solid #DFE0E5 ;
	border-bottom: 1px solid  #DFE0E5 ;background: #EBECF1;}
.tbl_row.policyApp td {padding:1.2rem;text-align:left; color: #656770;font-family: Pretendard !important;font-size: 14px  !important;font-style: normal  !important;font-weight: 400  !important;line-height: normal !important; /* 21.76px */
	border-top: 1px solid #DFE0E5 ;
	border-right: 1px solid #DFE0E5 ;
	border-left: 1px solid #DFE0E5 ;
	border-bottom: 1px solid  #DFE0E5 ;
	box-sizing: border-box;}