/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/


.view_btn .btn_soldout {border:1px solid #ccc; font-weight:400; color:#999; font-size:15px; font-weight:300;}

/* 2018-11-02 SHJ 토스결제 아이콘 추가 */
.c_form .use_toss .lineup {background:transparent url('../images/c_img/ic_pay_toss.png') center 16px no-repeat;}
.c_form .use_toss .pay_input:checked+ .lineup {background:transparent url('../images/c_img/ic_pay_toss_on.png') center 16px no-repeat;}



/* 2019-04-17 SHJ 상품후기 이벤트 추가 */
.if_event {min-width:auto;}
.review_event {padding:20px 0;}
.review_event .logo {text-align:center; border-bottom:1px solid #333; padding:0px 0 10px; margin-bottom:20px;}
.review_event .logo img {height:35px;}
.review_event .event_box {text-align:center; }
.review_event .event_box img {max-width:100%;}
.review_event .btn_box {text-align:center; padding:15px 5px 0px;}
.review_event .btn_box .inner {display:inline-block;}
.review_event .btn_box ul {display:table; table-layout:fixed; border-collapse:separate; border-spacing:5px 0; width:100%;}
.review_event .btn_box li {list-style:none; display:table-cell; vertical-align:middle;}
.review_event .btn_box .btn { padding:0 5px; background:#fff; border:1px solid #ccc; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; font-weight:600; color:#666; letter-spacing:-0.5px; display:block;}
.review_event .btn_box .btn.color {background:#cd3726 ; border-color:#cd3726; color:#fff;}
.review_event .btn_box .btn.dark {background:#333; border-color:#333; color:#fff;}

.review_event .btn_box .btn:hover {background:#f5f5f5; color:#333; }
.review_event .btn_box .btn.color:hover {background:#cb1500; border-color:#cb1500; color:#fff;}
.review_event .btn_box .btn.dark:hover {background:#000; border-color:#000; color:#fff;}





/* ******************************************
     2019-09-03 SHJ 미니샵
  -- ****************************************** */
/* 미니샵 검색 */
.mini_search {border-top:1px solid #ddd;}
.mini_search .form_box {background:#f3f3f3; padding:20px 70px 40px; text-align:center; box-sizing:border-box;}
.mini_search .search_form {position:relative; max-width:416px; margin:0 auto; }
.mini_search .search_form .ic {position:absolute; right:-10px; top:2px; padding:10px}
.mini_search .search_form .ic img {width:26px;}
.mini_search .search_form .btn_search {position:absolute; right:-10px; top:4px; width:50px; height:50px; padding:10px; z-index:1; font-size:0px;}
.mini_search .search_form .input_search {width:100%; height:50px; border-bottom:3px solid #000; box-sizing:border-box; font-size:16px; letter-spacing:0px; font-weight:700; padding:8px 50px 0px 0px; color:#000;}
.mini_search .search_form .input_search {letter-spacing:-0.3px;}
.mini_search .search_form .line {content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background:#073685; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.mini_search .search_form .input_search:focus {color:#000 !important;}

/* 미니샵 리스트 */
.mini_list {overflow:hidden; padding:20px 0px 0;}
.mini_list li {list-style:none;}

.mini_list .thumb {position:relative; width:90px; overflow:hidden; background:#f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; background-size:25px;}
.mini_list .thumb img {width:100%; float:left; }
.mini_list .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.mini_list .thumb .real_img img {position:absolute; left:0; top:0; min-height:100%;}
.mini_list .thumb .fake_img {width:100%; overflow:hidden;}

.mini_list .ul {margin-top:-20px;}
.mini_list .li {padding:20px 0px; border-bottom:1px solid #d8d8d8;}
.mini_list .txt_box {padding:0 10px;}
.mini_list dl {display:table; width:100%; table-layout:fixed;}
.mini_list dt, .mini_list dd {display:table-cell; vertical-align:middle;}
.mini_list dt {width:65px;}
.mini_list dt .thumb {width:50px; height:50px; overflow:hidden; border-radius:100px; background:#f5f5f5;}
.mini_list dt .thumb:before {content:""; position:absolute; left:50%; top:50%; width:22px; height:22px; margin:-11px 0 0 -11px; background:transparent url('../images/skin/shop_none.png') center center no-repeat;}
.mini_list dt .thumb:before {background-size:22px;}
.mini_list dd {}
.mini_list .shop_name {}
.mini_list .shop_name .tt {font-size:14px; font-weight:700; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.mini_list .shop_num {font-size:12px; margin:3px 0 0px; line-height:1;}
.mini_list .follow {width:80px; }
.mini_list .follow .btn_box {overflow:hidden;}
.mini_list .follow .btn_box li {float:right; font-size:0px;}
.mini_list .follow .follow_btn {min-width:70px; height:25px; border:1px solid #ffe1e1; background:#ffe1e1; border-radius:100px; box-sizing:border-box; overflow:hidden; line-height:25px; color:#000; font-size:12px; font-weight:400;}
.mini_list .follow .follow_btn {float:right; text-align:center;}
.mini_list .follow .follow_btn.if_following {display:none; background:#ffaeae !important; border-color:#ffaeae !important; }
.mini_list .follow .btn {min-width:90px; height:34px; background:#fff; border:1px solid #ccc; color:#aaa; border-radius:100px; padding:0 15px;}
.mini_list .follow .btn { box-sizing:border-box; overflow:hidden; line-height:29px; font-size:13px; font-weight:600; margin-left:10px;}

.mini_list .follow.if_foll .follow_btn.if_follow {display:none;}
.mini_list .follow.if_foll .follow_btn.if_following {display:block;}

.mini_list .photo_list {overflow:hidden; margin-top:10px;}
.mini_list .photo_list ul {padding:0 10px;}
.mini_list .photo_list li {float:left;}
.mini_list .photo_list .thumb {margin:0 7px;}
.mini_list .photo_list .thumb:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #aaa; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); z-index:1;}

/* 미니샵 메인 : 상단 */
.header.if_mmain {display:none;}
.mini_top {height:400px; background-position:center top; background-repeat:no-repeat; position:relative; background-size:cover;}
.mini_top:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity: .6;}
.mini_top .home_btn {position:absolute; left:0; top:0; padding:20px; overflow:hidden; z-index:10;}
.mini_top .home_btn img {width:23px; float:left;}
.mini_top .table {display:table; width:100%; table-layout:fixed; height:400px; position:relative;}
.mini_top .table dl {display:table-cell; vertical-align:bottom; text-align:left; padding:0 20px 60px;}
.mini_top .table dt {}
.mini_top .table dd {margin-top:10px; }
.mini_top .table .shop_name {font-size:23px; font-weight:700; color:#fff;}
.mini_top .table .sub_txt {font-size:14px; color:#fff; letter-spacing:-0.5px; margin-top:10px; word-wrap:break-word; word-break:keep-all;}
.mini_top .follow {margin-top:18px; position:relative; z-index:10;}
.mini_top .follow .follow_btn {min-width:70px; height:26px; border:1px solid #fff; border-radius:100px; box-sizing:border-box; overflow:hidden; line-height:25px; color:#fff; font-size:12px; font-weight:400; text-align:center;}
.mini_top .follow .follow_btn.if_following {display:none; background:#fff !important; border-color:#fff !important; color:#333;}
.mini_top .follow.if_foll .follow_btn.if_follow {display:none;}
.mini_top .follow.if_foll .follow_btn.if_following {display:inline-block;}

.mini_top .thumb {position:relative; overflow:hidden; width:80px; height:80px; overflow:hidden; border-radius:100px; }
.mini_top .thumb:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#f5f5f5 url('../images/skin/shop_none.png') center center no-repeat; overflow:hidden; border-radius:100px; background-size:25px;}
.mini_top .thumb:before {box-sizing:border-box;}
.mini_top .thumb img {width:100%; float:left; }
.mini_top .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.mini_top .thumb .real_img img {position:absolute; left:0; top:0; min-height:100%;}
.mini_top .thumb .fake_img {width:100%; overflow:hidden;}

/* 미니샵 메인 : 메뉴 */
.mini_nav {height:50px; background:#1c1c1c; position:relative;}
.mini_nav li {list-style:none; }
.mini_nav .nav_box {text-align:left; font-size:0px;}
.mini_nav .ul {padding:0 6px; display:inline-block;}
.mini_nav .li {float:left; }
.mini_nav .btn {padding:0 14px; line-height:52px;}
.mini_nav .btn .txt {position:relative; font-size:14px; color:#fff; font-weight:600; }
.mini_nav .btn .txt:before {content:""; position:absolute; left:50%; bottom:12px; width:0; height:2px; background:#fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.mini_nav .hit .btn .txt:before {width:100%; left:0;}

.mini_nav .mini_info {position:absolute; left:0; bottom:50px; width:100%; padding:0 25px; box-sizing:border-box; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.mini_nav .mini_info .inner { padding:20px 25px; box-sizing:border-box;  position:relative;}
.mini_nav .mini_info .inner:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity: .8; border-radius:10px; overflow:hidden;}
.mini_nav .mini_info .close {padding:15px; position:absolute; right:0; top:0; overflow:hidden;}
.mini_nav .mini_info .close img {width:15px; float:left;}
.mini_nav .mini_info ul {}
.mini_nav .mini_info .arrow {position:absolute; left:0; bottom:-6px; width:100%; height:6px; background:transparent url('../images/skin/mini_info_ar.png') center top no-repeat; display:none;}
.mini_nav .mini_info li { padding:3px 0; position:relative; font-size:14px; color:#fff; cursor:default; letter-spacing:-0.3px;}

.mini_nav.if_open_info .mini_info {bottom:90px; opacity: 1; z-index:10;}

/* 미니샵 메인 : 카테고리 */
.mini_ctg {overflow:hidden;}
.mini_ctg .ctg_box {font-size:0px; text-align:left;}
.mini_ctg .ctg_box ul {display:inline-block; padding:0 7px;}
.mini_ctg .ctg_box li {list-style:none; float:left;}
.mini_ctg .ctg_box .btn {font-size:14px; color:#666; height:50px; line-height:50px; padding:0 12px 0 13px;}
.mini_ctg .ctg_box .hit .btn {color:#000; text-decoration:none; }

/* 미니샵 메인 : 상품리스트 */
/*.mini_item_list {margin-top:15px;}*/
.mini_item_list ul {margin:-15px 0 0 0px; overflow:hidden;}
.mini_item_list li {list-style:none; float:left; width:50%;}

.mini_box {position:relative; margin-left:0px; margin-top:15px; text-align:center;}
.mini_box .thumb {position:relative; overflow:hidden; background:#f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; background-size:25px;}
.mini_box .thumb:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #aaa; opacity: 0; z-index:1;}
.mini_box .thumb img {width:100%; float:left; }
.mini_box .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.mini_box .thumb .real_img img {position:absolute; left:0; top:0; min-height:100%;}
.mini_box .thumb .fake_img {width:100%; overflow:hidden;}

.mini_box dl {padding:7px 10px 5px;}
.mini_box dt {font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; letter-spacing:-0.3px;}
.mini_box dd {font-size:0px;}
.mini_box .price {display:inline-block; margin-top:4px;}
.mini_box .price .before {float:left; font-size:12px; position:relative; color:#999; letter-spacing:-0.5px; margin-right:5px;}
.mini_box .price .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999; margin-top:-1px;}
.mini_box .price .after {float:left; font-size:12px; font-weight:700; color:#000;  letter-spacing:-0.5px;}

.mini_box .soldout {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2;}
.mini_box .soldout .inner {display:table; width:100%; table-layout:fixed; height:100%;}
.mini_box .soldout strong {display:table-cell; vertical-align:middle; font-size:20px; color:#fff; }


/* 미니샵 메인 : 롤링배너 */
.mini_bn {margin-top:40px}
.mini_bn .banner {position:relative; overflow:hidden; text-align:center;}
.mini_bn .banner a {width:100%; float:left;}
.mini_bn .banner img {width:100%; float:left;}

.mini_bn .prevnext {position:absolute; top:50%; z-index:3; margin-top:-27px}
.mini_bn .prevnext.prev {left:15px; }
.mini_bn .prevnext.next {right:15px;}
.mini_bn .prevnext a {display:block; padding:10px}
.mini_bn .prevnext .icon {width:18px; height:34px; background:transparent url('../images/skin/main_full_pvnx.png') left top no-repeat;}
.mini_bn .prevnext.next .icon {background-position:right top;}

/* 미니샵 메인 : 공지사항 */
.mini_notice {text-align:center; }
.mini_notice .title_box {padding:0 60px; border-bottom:1px solid #ddd; height:60px; position:relative;}
.mini_notice .back_btn {position:absolute; left:10px; top:0; width:25px; height:40px; padding:10px; }
.mini_notice .back_btn {background:transparent url('../images/skin/mini_notice_ar.png') center center no-repeat; background-size:25px;}
.mini_notice .title {font-weight:700; font-size:15px; color:#333; line-height:62px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; letter-spacing:-0.5px;}
.mini_notice .conts_box {padding:20px 20px;}
.mini_notice .img_box {overflow:hidden;}
.mini_notice .img_box img {max-width:100%; float:left;}
/*.mini_notice .editor {margin-top:40px; word-wrap:break-word; word-break:keep-all; padding:0 20px;}*/
.mini_notice .editor {word-wrap:break-word; word-break:keep-all; padding:0 20px;}


/* 미니샵 상세 */
.view_mini {margin-top:40px; padding:0 15px; position:relative; text-align:left;}
.view_mini dl {display:table; width:100%; table-layout:fixed;}
.view_mini dt, .view_mini dd {display:table-cell; vertical-align:middle;}
.view_mini dt {width:105px; padding-right:20px; box-sizing:border-box;}
.view_mini .thumb {width:100%; border:0; background:#fafafa url('../images/skin/none_photo.png') center center no-repeat; background-size:20px; overflow:hidden; position:relative;}
.view_mini .thumb img {width:100%; float:left; }
.view_mini .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.view_mini .thumb .real_img img {position:absolute; left:0; top:0; min-height:100%;}
.view_mini .thumb .fake_img {width:100%; overflow:hidden;}

.view_mini .shop_name {display:inline-block; position:relative; padding-right:28px;}
.view_mini .shop_name .name {font-size:14px; color:#000; font-weight:700;}
.view_mini .mini_wish {position:absolute; right:-5px; top:-7px;}
.view_mini .mini_wish .btn {width:20px; height:16px; padding:5px;}
.view_mini .mini_wish .btn img {width:100%; float:left;}
.view_mini .mini_wish .btn.if_following {display:none;}

.view_mini .mini_wish.if_foll .btn.if_follow {display:none;}
.view_mini .mini_wish.if_foll .btn.if_following {display:block;}

.view_mini .sub_txt {font-size:12px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.view_mini .go_mini {position:relative; margin:10px 0 0px;}
.view_mini .go_mini .btn {font-size:12px; color:#000; font-weight:700; line-height:1; position:relative; text-decoration:underline; padding-right:25px;}
.view_mini .go_mini .ic {position:absolute; right:0; top:0px; width:16px; height:16px; }
.view_mini .go_mini img {float:right; width:100%;}

/* 미니샵 메인 : 퀵버튼 */
.mini_quick {position:fixed; right:-60px; bottom:20px; z-index:100; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.mini_quick ul {opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.mini_quick li {list-style:none; position:absolute; left:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; }
.mini_quick .btn {width:50px; height:50px; background:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:100px; overflow:hidden; box-shadow:0px 0px 2px rgba(0,0,0,0.25); float:left; margin-top:10px;}
.mini_quick .quick_btn {background:#fff url('../images/skin/mini_quick1.png') center center no-repeat; background-size:auto 24px; position:relative; z-index:10;}
.mini_quick .my {bottom:0px; transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
.mini_quick .my .btn {background:#fff url('../images/skin/mini_quick4.png') center center no-repeat; background-size:auto 24px;}
.mini_quick .cart {bottom:0px; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
.mini_quick .cart .btn {background:#fff url('../images/skin/mini_quick3.png') center center no-repeat; background-size:auto 24px;}

.mini_quick.if_scroll {right:20px;}
.mini_quick.if_open_miniq ul {opacity: 1;}
.mini_quick.if_open_miniq li {opacity: 1;}
.mini_quick.if_open_miniq .my {bottom:60px;}
.mini_quick.if_open_miniq .cart {bottom:120px;}




/* ********************************************** *
 * 2020-12-01 KHY
 * ********************************************** */

/* 약관동의 : 이용약관/개인정보처리방침 */
.c_agree {margin: 0;}

/* 페이지 타이틀 */
.c_page_tit .tit_box {border-bottom: 1px solid #000; height: 45px;}
.c_page_tit .btn_back {background-image: url('../images/mkinfl/back_ic.svg'); background-position: 10px center !important; left: 10px; width: 40px; height: 45px;}
.c_page_tit .btn_ctrl {display: none; }
.c_page_tit .tit {color: #000; height: 44px; line-height: 46px;}
.c_page_tit.if_open .nav_box {display: none;}

/* 공통 레이아웃 */
.c_section {padding: 0 20px; margin-top: 15px;}

/* 기본 내용없음 */
.c_none {margin: 50px 0;}
.c_none .gtxt {background-image: url('../images/mkinfl/none_ic.png'); letter-spacing: -0.8px; font-size: 13px;}

/* 게시판 분류 */
.c_depth_box {margin: 0 -20px; text-align: left; border: 0; overflow-x: auto;}
.c_depth_box ul {width: 100%; margin: 0; padding: 15px 20px; background: #f3f3f3;}
.c_depth_box li+ li {margin-left: 5px;}
.c_depth_box .depth {font-size: 13px; color: #333;background: #fff; border: 1px solid #eaeaea; border-radius: 50px; box-sizing: border-box; padding: 4px 12px; height: 31px;}
.c_depth_box .depth.hit {background: #333; color: #fff; font-weight: 400;}

.c_mypage .c_depth_box {margin-bottom: 15px;}


/* 게시판 리스트 */
.c_board_list .table_list {margin-top: 10px;}
.c_board_list .table_list ul {padding: 13px 0; border-bottom: 0; border-top: 1px solid #eaeaea;}
.c_board_list .table_list li {color: #aaa;}
.c_board_list.if_qna .tit {clear: both;}
.c_board_list .tit_box .tt {font-size: 14px; color: #333;}
.c_board_list .tit_box .tt.if_no {color: #999;}
.c_board_list .tit_box .icon {margin-left: 1px;}
.c_board_list .tit_box .icon img {}
.c_board_list .date {background: none; padding-left: 0;}
.c_board_list .t_id {background: none; padding-left: 8px; height: 20px; line-height: 22px; margin-right: 8px; float: left; position: relative;}
.c_board_list .num {display: none;}
.c_board_list .t_hit {display: none;}
.c_board_list .other .t_id:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #e5e5e5; margin-top: -5px;}
.c_board_list .state {font-size: 0; right: 0; margin-top: -20px;}
.c_board_list .state .c_tag {background: #eee; border: 1px solid #eee; border-radius: 5px; box-sizing: border-box; color: #bbb !important; line-height: 1.2;}
.c_board_list .state .c_tag {width: 40px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 2px;}
.c_board_list .state .c_tag.if_ok {background: #fff; border-color: #66e2fe; color: #66e2fe !important; }


/* 게시판 뷰 */
.c_board_view {border-top: 2px solid #eaeaea;}
.c_board_view .view_tit {font-size: 15px; color: #000; font-weight: 500; border-bottom: 0; padding: 15px 15px 0; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.c_board_view .view_info {border-bottom: 1px solid #eaeaea; text-align: center; padding: 0 15px 15px; font-size: 0;}
.c_board_view .view_info .txt_box {overflow: hidden; display: inline-block; margin-top: 5px;}
.c_board_view .view_info .txt {padding: 0; line-height: 1; height: auto; color: #aaa !important; font-size: 12px;}
.c_board_view .view_info .txt+ .txt {padding-left: 8px; margin-left: 8px;}
.c_board_view .view_info .txt:before {left: 0; height: 10px; background: #e5e5e5; margin-top: -5px;}
.c_board_view .view_info .date {background: none;}
.c_board_view .view_info .t_hit {background: none;}
.c_board_view .view_info .date:before {display: none;}
.c_board_view .conts_box {padding: 15px 0; box-sizing: border-box; color: #888; line-height: 1.4;}

.c_board_view .answer {margin: 0; padding: 20px; border: 0; background: #f5f5f5; border-radius: 20px; box-sizing: border-box;}
.c_board_view .answer:before {content:""; width:100%; height:18px; background:#fff; border-radius:15px; position:absolute; left:8px; top:0;}
.c_board_view .answer .tit {position: relative; height: auto; line-height: 1; padding: 15px 0 0; background: transparent; margin: 0;}
.c_board_view .answer .tit {font-size: 13px; color: #66e2fe; font-weight: 600;}
.c_board_view .answer .tit strong {font-size: 12px; color: #aaa; margin-left: 5px; font-weight: 400;}
.c_board_view .answer .tit:after {display: none;}
.c_board_view .answer .conts {margin: 10px 0 0; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.c_board_view .answer .conts p {word-wrap:break-word; word-break:keep-all; white-space:normal;}


/* 버튼 */
.c_btn.color {background: #66e2fe !important; border-color: #66e2fe !important;}


/* 로그인 폼 */
.c_login .li {border: 0; padding: 20px 20px 0 20px;}
.c_login .c_btnbox {background:#f2f2f2; margin:5px 0 0 !important; padding:20px 15px; text-align:center;}
.c_login .c_btnbox dl+ dl {margin-top: 20px;}
.c_login .c_btnbox dt {color:#888; letter-spacing:-0.5px; line-height:1;}
.c_login .c_btnbox dd {margin-top: 10px;}
.c_login .c_btnbox ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box; border-spacing: 0; border-collapse: inherit;}
.c_login .c_btnbox li {display:table-cell; vertical-align:middle; border:1px solid #e0e0e0; box-sizing:border-box;}
.c_login .c_btnbox .btn {height:35px; line-height:37px; font-size:666px; font-size:12px; letter-spacing:-0.5px; display:block; background:#fff;}
.c_login .c_btnbox .if_join li {border-color: #333;}
.c_login .c_btnbox .if_join .btn {color: #333;}
.c_login .form .btn_login {background: #66e2fe; border-color: #66e2fe;}

.c_login .login_form {padding: 0;}

.c_login .result {margin-top: 0;}
.c_login .result .c_btnbox {background: transparent; margin-top: 0 !important;}
.c_login .result .c_btnbox ul {border-collapse: separate; border-spacing: 5px 0;}
.c_login .result .c_btnbox li {border: 0;}

.c_member .c_tabmenu {display: none;}

/* 아이디,비밀번호 찾기 */
.c_login .form .btn_find {background: #66e2fe; border-color: #66e2fe; font-weight: 600;}

/* 검색 */
.c_comb_search .form_box .btn_txt {white-space: nowrap;}
.c_comb_search .form_box .btn_txt:before {top: 4px;}

.c_comb_search .condition {padding: 0;}
.c_comb_search .condition.if_unfold {margin-top: 0;}
.c_search .c_item_list {padding: 0;}

/* 파일찾기 버튼 */
.c_form .input_file_box .buttonImg {height: 38px; padding: 4px 0;}


/* 타이틀 - 2021-02-02 KHY */
.c_group_tit.if_btn {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.c_group_tit.if_btn .btn_link {font-size: 12px; font-weight: 500; color: #66e2fe; letter-spacing: -0.5px; padding: 0 10px;}
.c_group_tit.if_btn .btn_link {border: 1px solid #66e2fe; border-radius: 50px; box-sizing: border-box; height: 24px; line-height: 25px;}





/* **************************************** *
   추가수정 2021-06-23 ARA
 * **************************************** */
.mini_upload_img {overflow:hidden; width:80px; height:80px; border-radius:100px; margin-bottom:10px; position:relative; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.mini_upload_img:before {content:""; width:100%; height:100%; border:1px solid rgba(0,0,0,0.05); border-radius:100px; box-sizing:border-box; position:absolute; left:0; top:0;}
.mini_upload_img img {width:100%; }

.c_form .input_file_box .fileDiv {width:100%;}
.c_form .input_file_box .buttonImg {width:60px; font-size:14px;}
.c_form .input_file_box .fakeFileTxt {color:#000 !important; margin-top:7px;}

.c_btnbox {margin-top:30px;}
.c_btnbox .c_btn {border-radius:5px;}

.this_minibtn .form_cont:nth-of-type(2) .c_btn {border:0 !important; font-size:12px !important; padding-right:8px; line-height:42px; width:65px;}
.this_minibtn .input_design {border-color:#f2f2f2 !important;}
.this_minibtn .input_design.if_noview {background:#f9f9f9 !important; color:#ccc !important;}

.this_minibtn .onoff {position:absolute; right:75px; top:0; }
.this_minibtn .onoff label {height:40px; display:flex; justify-content: center; align-items: center; flex-direction:row; }
.this_minibtn .onoff label input {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.this_minibtn .onoff label .tx {border-radius:100px; width:52px; background:#dbdde6; height:26px; position:relative; display:flex; justify-content: center; align-items: center; flex-direction:row}
.this_minibtn .onoff label .tx {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.this_minibtn .onoff label .ic {width:22px; height:22px; background:#fff; border-radius:100px; position:absolute; left:2px; top:2px; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.this_minibtn .onoff label .ic {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.this_minibtn .onoff label .tt {flex:1; font-size:10px; color:#fff; font-weight:500; text-align:left; padding-left:9px;}
.this_minibtn .onoff label .t2 {text-align:right; padding-right:8px; padding-left:0px;}
.this_minibtn .onoff label input:checked+ .tx {background:#15295e;}
.this_minibtn .onoff label input:checked+ .tx .ic {left:28px}


/* 웹앱 설정 추가 2022-02-03 */



.fix_fly {position:fixed; right:10px; bottom:75px; z-index:10000}
.fix_fly li {list-style:none; margin-top:8px;}
.fix_fly .btn {background:rgba(0,0,0,0.85);; border-radius:100px; width:45px; height:45px; display:flex; justify-content: center; align-items: center; flex-direction:column; position:relative;}
.fix_fly .btn svg {width:23px;}
.fix_fly .btn .num {position:absolute; right:-4px; top:-4px; border-radius:100px; width:18px; height:18px; background:#fff; color:#66e2fe; font-weight:700; line-height:1;}
.fix_fly .btn .num {display:flex; justify-content: center; align-items: center; flex-direction:column; border:1px solid #66e2fe; box-sizing:border-box; font-size:11px;}
.fix_fly .btn .ic {font-size:0px;}
.fix_fly .btn_bell {background:#66e2fe;}
.fix_fly .btn_down {background:#ee5c5c}
.fix_fly .btn_down svg {width:16px;}
.fix_fly .btn_chat {background:#4A50FF;}
.fix_fly .btn_chat .num {border-color:#4A50FF; color:#4A50FF;}

.fix_fly .open_set {position:fixed; left:0; bottom:0; width:100%; height:100%; visibility:hidden}
.fix_fly .open_set .box {position: fixed; bottom: -300px; left: 0; width: 100%; z-index: 1001; background: #fff; border: 1px solid #fff;}
.fix_fly .open_set .box {border-radius: 50px 50px 0 0; box-sizing: border-box; padding: 10px 0; height: 180px; padding:30px;}
.fix_fly .open_set .box {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.fix_fly .open_set .box li {display:flex; justify-content: space-between; align-items:center; margin-top:0px; padding:10px 0;}
.fix_fly .open_set .box li+ li {border-top:1px solid #f2f2f2; }
.fix_fly .open_set .box .close_btn {position: absolute; left: 50%; top: -25px; width: 70px; margin-left: -35px; padding: 3px 10px; box-sizing: border-box;}
.fix_fly .open_set .box .close_btn .bar {width: 100%; height: 4px; background: #fff; border: 1px solid #fff; border-radius: 50px; box-sizing: border-box;}
.fix_fly .open_set .bg {position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1000; opacity: 0; filter: alpha(opacity=0);}
.fix_fly .open_set .bg {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out;}
.fix_fly .open_set .ma_go {border-bottom: 0;}

.fix_fly .if_open_appset .open_set {visibility:visible}
.fix_fly .if_open_appset .open_set .box {bottom: 0;}
.fix_fly .if_open_appset .open_set .bg {left: 0; opacity: 1; filter: alpha(opacity=100);}

.fix_fly .open_set .ti {color:#000; font-size:13px;}
.fix_fly .open_set .ti strong {font-weight:600; color:#ff0000; font-size:1.1em;}
.fix_fly .open_set .tx_ver {color:#000; font-size:13px;}
.fix_fly .open_set .tx_update {display:flex; justify-content: center; align-items: center; flex-direction:column; border:1px solid #000; border-radius:100px; height:23px; color:#000; font-weight:500; padding:0 10px;}
.fix_fly .open_set .tx_update {font-size:11px;}

.fix_fly .open_set .label {position: relative; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.fix_fly .open_set .label {box-sizing: border-box; line-height: inherit;}
.fix_fly .open_set .label input {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.fix_fly .open_set .label input {border: 0; margin: 0;}
.fix_fly .open_set .label .icon {width:40px; height:24px; border-radius:100px; background:#ccc; position: relative; margin: 0; order: 2;}
.fix_fly .open_set .label .icon {transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; margin-left: auto;}
.fix_fly .open_set .label .icon:before {content:""; width:22px; height:22px; background:#fff; border-radius:100px; position:absolute; left:1px; top:1px;}
.fix_fly .open_set .label .icon:before {transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out;}
.fix_fly .open_set .label .tx_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; order: 1; margin-right:5px;}
.fix_fly .open_set .label .tx {}
.fix_fly .open_set .label strong {font-size: 13px; color: #ff0000; letter-spacing: -0.3px; font-weight:600; font-family:"Heebo";}
.fix_fly .open_set .label .off {color: #ccc;}
.fix_fly .open_set .label .on {display: none;}
.fix_fly .open_set .label input:checked+ .icon {background:#ff0000;}
.fix_fly .open_set .label input:checked+ .icon:before {left:17px;}
.fix_fly .open_set .label input:checked+ .icon+ .tx_box .off {display: none;}
.fix_fly .open_set .label input:checked+ .icon+ .tx_box .on {display: block;}






/* **************************************** *
   상품담기(판매기간) 2022-03-22 KHY
 * **************************************** */
/* 상품 담기 창 */
.open_wish.term {}
.open_wish.term .box {width: 340px;}
.open_wish.term .tx_box .link_btn {margin-top: 10px;}

.open_wish.term .form {margin-top: 15px;}
.open_wish.term dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.open_wish.term dl+ dl {margin-top: 10px;}
.open_wish.term dt {font-size: 13px; color: #333; font-weight: 500; flex: none; margin-right: 25px; line-height: 1;}
.open_wish.term dd {flex: auto;}
.open_wish.term .input_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.open_wish.term .input_box .input {border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 3px; width: 150px; flex: none;}
.open_wish.term .input_box .input {height: 45px; font-size: 14px; color: #333; letter-spacing: 0; background: #fff; text-align: center;}
.open_wish.term .select {height: 45px; margin-left: 10px; flex: 1;}
.open_wish.term .select select {height: 45px; border: 1px solid #e5e5e5; font-size: 14px; color: #333; border-radius: 3px;}
.open_wish.term .select select {box-sizing: border-box; padding: 0 25px 0 15px;}
.open_wish.term .select:before {display: none;}
.if_open_op_wish .datepicker {z-index: 1005;}

/* MyShop 수정 */
.my_shop .btn_box {justify-content: space-between; left: 0; padding-left: 15px; box-sizing: border-box; width: 100%;}
.my_shop .btn_box .right {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.my_shop .btn_box .state_btn {height: 28px; line-height: 28px; white-space: nowrap; font-size: 12px; font-weight: 500; color: #fff; letter-spacing: -0.8px;}
.my_shop .btn_box .state_btn {background: #ee5c5c; border: 1px solid #ee5c5c; border-radius: 100px; box-sizing: border-box; padding: 0 10px;}
.my_shop .btn_box .state_btn.wait {background: #aaa; border: 1px solid #aaa;}
.my_shop .del_btn {margin-left: 5px;}

.my_shop .addr_copy {display: block; border: 0; border-radius: 0;}
.my_shop .addr_copy li {border: 1px solid #eaeaea; border-top: 0; box-sizing: border-box;}
.my_shop .addr_copy li:first-of-type {border-radius: 5px 5px 0 0;}
.my_shop .addr_copy li:last-of-type {border-radius: 0 0 5px 5px;}
.my_shop .addr_copy li+ li {border-top: 0;}
.my_shop .addr_copy li.this_term {background: #333; border: 1px solid #333; border-radius: 5px 5px;}
.my_shop .addr_copy li.this_term .tit {color: #fff;}
.my_shop .addr_copy li.this_term .tx {color: #fff; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70); letter-spacing: -0.3px;}
.my_shop .addr_copy li.this_term .state {width: 22px; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70);}
.my_shop .addr_copy li.this_term .state.ing {color: #66e2fe; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.my_shop .addr_copy li.this_copy {display: none;}
.my_shop li.if_open_addr_copy .addr_copy li.this_term {border-radius: 5px 5px 0 0;}
.my_shop li.if_open_addr_copy .addr_copy li.this_copy {display: block;}






/* **************************************** *
   마이페이지 추가 2022-07-13 KHY
 * **************************************** */
/* 주문조회 */
.rn_order_name {margin-top: 5px; font-size: 12px; color: #000; letter-spacing: -0.4px;}
.rn_search {margin-top: 7px;}

/* 마이페이지 인트로 */
.c_mypage_intro {padding: 0; margin-bottom: 0;}
.rn_mypage {background: #f7f7f7; padding: 30px 20px; box-sizing: border-box;}
.rn_mypage .tit {text-align: center; font-size: 19px; color: #000; font-weight: 500; line-height: 1; margin-bottom: 10px;}
.rn_mypage ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: wrap;}
.rn_mypage li {flex: none; width: 50%; list-style: none; padding: 5px; box-sizing: border-box;}
.rn_mypage .box {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff;}
.rn_mypage .box {padding: 0 15px; box-sizing: border-box; height: 110px; border-radius: 5px; box-shadow:0 0 2px rgba(0,0,0,0.05);}
.rn_mypage .ic {font-size: 0;}
.rn_mypage .ic img {height: 35px;}
.rn_mypage .tx {font-size: 14px; color: #000; font-weight: 500; line-height: 1; letter-spacing: -0.5px; margin-top: 10px;}
.rn_mypage .num {font-size: 13px; color: #66e2fe; margin-top: 5px; font-weight: 500; height: 15px; line-height: 15px;}
.rn_mypage .num.go {color: #ccc;}

@media screen and (min-width:630px) {
    .rn_mypage li {width: 33.333%; padding: 10px;}
    .rn_mypage .box {height: 140px;}
    .rn_mypage .ic img {height: 40px;}
    .rn_mypage .tx {font-size: 14px;}
    .rn_mypage .num {font-size: 14px;}
}

/* 샘플 신청하기 */
.rn_apply_txt {padding-left: 5px; box-sizing: border-box;}
.rn_apply_txt li {border: 0; position: relative; padding-left: 7px; box-sizing: border-box;}
.rn_apply_txt li:before {content: ''; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background: #888;}
.rn_apply_txt li:before {border: 1px solid #888; border-radius: 100px; box-sizing: border-box;}
.rn_apply_txt li+ li {margin-top: 5px;}
.rn_apply_txt .tx {color: #888; word-wrap:break-word; word-break:keep-all; white-space:normal;}

.rn_apply_form {}
.rn_apply_form .c_group_tit {border-bottom: 0; padding-bottom: 0; margin-top: 15px;}
.rn_apply_form .c_form+ .c_group_tit {margin-top: 25px;}
.rn_apply_form .c_form .input_box.this_addr {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.rn_apply_form .c_form .input_box.this_addr .input_design {width: 100px; margin: 0;}
.rn_apply_form .c_form .input_full {margin-top: 0;}









/* 페이지 타이틀 수정 :: 2023-02-02 KHY ----------------------------------- */
.c_page_tit .btn_back {background-image: url('../images/renew/ic_arrow_left.svg'); background-size: 12px 23px !important;}
.c_page_tit .tit_box {height: 55px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.c_page_tit .btn_back {width: 55px; height: 100%; left: 0; background-position: 20px center !important;}
.c_page_tit .tit {height: auto; line-height: 1; font-size: 15px; letter-spacing: -0.7px;}









/* 메인, 상품상세 리뉴얼 추가 .mf_(marketinfl 약자) :: 2023-02-02 KHY ----------------------------------- */

/* 레이아웃 픽스 ========================= */
.mf_layout {position: relative; padding: 0 20px; box-sizing: border-box;}

/* 헤더 ========================= */
.mf_header {padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #f9f9f9;}
.mf_header.if_main {position: absolute; left: 0; top: 0; width: 100%; z-index: 20; border-bottom: 0;}
.mf_header li {list-style: none;}
.mf_header .mf_layout {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-right: 0;}
body.if_header_hide .mf_header {display:none;}

/* 로고 */
.mf_header .logo {margin-right: 25px;}
.mf_header .logo .link {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.mf_header .logo img {height: 40px;}

/* 검색 */
.mf_header .search {flex: 1;}
.mf_header .search .form {position: relative;}
.mf_header .search input.input_search {width: 100%; height: 40px; border-bottom: 1px solid #000; box-sizing: border-box; padding-left: 0; padding-right: 50px; font-size: 13px; color: #000;}
.mf_header .search .btn_search {position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: transparent url('../images/renew/header_search.svg') center no-repeat; background-size: 23px !important;}

/* 사용자 버튼 */
.mf_header .user {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.mf_header .user .btn {width: 52px; height: 40px; background: transparent url('../images/renew/header_user_off.svg') right 20px center no-repeat; background-size: 18px 23px !important;}
.mf_header .user .btn.this_my {background-image: url('../images/renew/header_user_on.svg');}


/* 하단 고객센터 ========================= */
.mf_service {border-top: 6px solid #f9f9f9; padding: 15px 0; box-sizing: border-box; margin-top: 25px;}
.mf_service * {color: #333; line-height: 1;}
.mf_service .mf_layout {display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; padding:20px 15px;}
.mf_service .mf_layout:before {content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #f9f9f9; margin-left: -1px;}
.mf_service .area {flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 0 15px; box-sizing: border-box;}

.mf_service .number {padding-top: 45px; box-sizing: border-box; background: transparent url('../images/renew/footer_service.svg') center top no-repeat; background-size: 34px 31px !important;}
.mf_service .number .title {font-size: 13px;}
.mf_service .number .tel {font-size: 20px; color: #88ddfa; font-weight: 600; margin-top: 5px; white-space: nowrap;}

.mf_service .info {}
.mf_service .info .inner {text-align: left;}
.mf_service .info .title {font-size: 13px; font-weight: 600;}
.mf_service .info .time {line-height: 1.7; margin-top: 10px; font-size:12px;}
.mf_service .info .time strong {color: #88ddfa; font-weight: 600;}


/* 푸터 ========================= */
.mf_footer {background: #f9f9f9; padding-top: 10px; padding-bottom: 90px; box-sizing: border-box; text-align: center;}
.mf_footer * {font-size: 10px;}
.mf_footer li {list-style: none;}
body.if_ftm_hide .mf_footer {padding-bottom:20px;}
body.if_view .mf_footer {padding-bottom: 120px;}

/* 푸터 메뉴 */
.mf_footer .menu {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.mf_footer .menu li {position: relative;}
.mf_footer .menu li+ li:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 8px; background: #777; margin-top: -4px;}
.mf_footer .menu .link {padding: 10px; box-sizing: border-box; color: #777; line-height: 1;}

/* 회사/사이트 정보 */
.mf_footer .company {margin-top: 10px;}
.mf_footer .company * {color: #444;}
.mf_footer .company ul {margin: 10px auto 0 auto; max-width: 450px; padding: 0 10px; box-sizing: border-box;}
.mf_footer .company .tx {position:relative;}
.mf_footer .company .tx+ .tx {margin-left:5px; padding-left:5px;}
.mf_footer .company .tx+ .tx:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 8px; background: #444; margin-top:-4px;}

/* 카피라이트 */
.mf_footer .copyright {color: #999; font-weight: 300; margin-top: 20px;}


/* 하단 고정메뉴 ========================= */
.mf_fixmenu {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000; background: #fff; border-top: 1px solid #eaeaea; box-sizing: border-box;}
.mf_fixmenu ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.mf_fixmenu li {list-style: none; flex: 1;}
body.if_ftm_hide .mf_fixmenu {display:none;}
body.if_view .mf_fixmenu {display:none;}

.mf_fixmenu .menu {height: 65px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mf_fixmenu .menu .icon {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 25px;}
.mf_fixmenu li.this_more .menu .icon {justify-content: space-between; width: 20px;}
.mf_fixmenu .menu img {height: 100%;}
.mf_fixmenu .menu img.on {display: none;}
.mf_fixmenu .menu .dot {width: 4px; height: 4px; background: #000; border-radius: 100px;}
.mf_fixmenu .menu .name {font-size: 10px; margin-top: 10px; color: #222; line-height: 1;}
.mf_fixmenu .hit .menu img.off {display: none;}
.mf_fixmenu .hit .menu img.on {display: block;}


/* 하단 고정메뉴 더보기 열림 ========================= */
.mf_fix_open {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000000; visibility: hidden; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch;}
.mf_fix_open li {list-style: none;}

.mf_fix_open .wrapping {position: relative; z-index: 2; background: #fff; border-radius: 30px 30px 0 0; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; margin-bottom: -130px;}
.mf_fix_open .wrapping .bar_close {position: absolute; left: 50%; top: -10px; width: 29px; height: 3px; background: #fff; border-radius: 100px; transform: translateX(-50%);}
.mf_fix_open .menu_list {}
.mf_fix_open .menu_list ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}
.mf_fix_open .menu_list li {flex: 1;}
.mf_fix_open .menu_list .menu {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 30px; padding-bottom: 20px; box-sizing: border-box;}
.mf_fix_open .menu_list .menu .picto {width: 50px; height: 50px; background: #fafafa; border-radius: 18px; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.mf_fix_open .menu_list .menu img {height: 25px;}
.mf_fix_open .menu_list .menu .count {position: absolute; right: -2px; top: -2px; background: #88ddfa; border-radius: 100px; text-align: center; font-size: 10px; color: #fff; font-weight: 600;}
.mf_fix_open .menu_list .menu .count {padding: 0 5px; height: 18px; line-height: 18px; min-width: 18px; box-sizing: border-box; white-space: nowrap;}
.mf_fix_open .menu_list .menu .name {font-size: 10px; color: #222; margin-top: 10px; line-height: 1;}

.mf_fix_open .bg_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.mf_fix_open .bg_close {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; visibility: hidden;}

body.if_open_more {overflow: hidden;}
body.if_open_more .mf_fix_open {visibility: visible;}
body.if_open_more .mf_fix_open .wrapping {margin-bottom: 0;}
body.if_open_more .mf_fix_open .bg_close {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}


/* 앱버튼 ========================= */
/* .fix_fly.type_renew {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.fix_fly.type_renew.if_scroll {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;} */
body.if_view .fix_fly.type_renew {bottom: 100px;}


/* 메인 비주얼 ========================= */
.mf_visual {position: relative;}
.mf_visual li {list-style: none;}
.mf_visual .blind {position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: #fff; border-radius: 30px 30px 0 0; z-index: 15;}

/* 롤링 박스 */
.mf_visual .rolling_wrap {position: relative; overflow: hidden;}
.mf_visual .rolling_box {}
.mf_visual .banner_list {}
.mf_visual .banner_list ul {}
.mf_visual .banner_list li {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mf_visual .banner_list a {font-size: 0;}
.mf_visual .banner_list img {width: 100%;}

/* 롤링 페이징 */
.mf_visual .roll_pagi {position: absolute; right: 25px; bottom: 50px; z-index: 10; font-size: 12px; color: #333; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 2px;}
.mf_visual .roll_pagi .active {}
.mf_visual .roll_pagi .under {}
.mf_visual .roll_pagi .all {}


/* 메인 서브배너 ========================= */
.mf_banner {overflow:hidden; margin-top:10px;}
.mf_banner .mf_layout {overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; padding-bottom:10px;}
.mf_banner .mf_layout::-webkit-scrollbar {display: none;}
.mf_banner ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:12px; flex-wrap:nowrap; width:max-content;}
.mf_banner li {list-style: none;}
.mf_banner .banner {position: relative; width: 240px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mf_banner .banner img {width: 100%;}


/* 메인 띠배너 ========================= */
.mf_single {overflow:hidden; margin-top:20px;}
.mf_single .banner_list {}
.mf_single .banner_list li {list-style: none;}
.mf_single .banner_list li+ li {margin-top: 10px;}
.mf_single .banner {border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mf_single .banner img {width: 100%;}


/* 상품박스(메인) ========================= */
.item_list.type_renew ul {margin-top: -20px; margin-left: -10px;}

.item_box.type_renew {margin-top: 20px; margin-left: 10px;}
.item_box.type_renew .thumb {border-radius: 17px;}
.item_box.type_renew .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.02); z-index: 1;}
.item_box.type_renew .info {padding-top: 14px;}
.item_box.type_renew .info .item_name {-webkit-line-clamp: 1; color: #333; line-height: inherit; max-height: 20px; word-wrap: normal; word-break: break-all;}
.item_box.type_renew .info_bt {margin-top: 5px;}
.item_box.type_renew .price .after {color: #333; font-size:12px;}
.item_box.type_renew .price .after .regular {margin-right: 3px;}
.item_box.type_renew .price .after .won {font-size: 14px; font-weight: 600; margin-top:-1px;}
.item_box.type_renew .price .after .won_t {font-weight:600; margin-top:0px; font-size:inherit !important}


/* 메인 분류별 상품 ========================= */
.mf_item {margin-top: 20px;}
.mf_item+ .mf_item {margin-top: 10px;}
.mf_item li {list-style: none;}

/* 타이틀 */
.mf_item .top_title {margin-bottom: 5px;}
.mf_item .top_title .title {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 16px; color: #333; padding: 5px 14px 5px 0; box-sizing: border-box;}
.mf_item .top_title .title {background: transparent url('../images/renew/ic_arrow_right.svg') right center no-repeat; background-size: 8px 14px !important; position: relative;}
.mf_item .top_title strong {font-weight: 600; color: #88ddfa; margin-right: 3px; flex: none;}
.mf_item .top_title em {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

/* 상품 */
.mf_item .product {}
.mf_item .item_list {overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; padding-bottom:10px;}
.mf_item .item_list::-webkit-scrollbar {display: none;}
.mf_item .item_list ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:9px; flex-wrap:nowrap; width:max-content; margin: 0;}
.mf_item .item_list li {width: 145px;}
.mf_item .item_box.type_renew {margin-top: 0; margin-left: 0;}
.mf_item .item_box.type_renew .info {padding-top: 12px;}
.mf_item .item_box.type_renew .info .item_name {font-size: 12px;}
.mf_item .item_box.type_renew .info_bt {margin-top: 3px;}
.mf_item .item_box.type_renew .price .after {font-size: 11px;}
.mf_item .item_box.type_renew .price .after .won {font-size: 13px;}


/* 메인 카테고리별 상품 ========================= */
.mf_ctg {border-top: 6px solid #f9f9f9; box-sizing: border-box; margin-top: 40px;}

/* 카테고리 탭메뉴 */
.mf_ctg .tab_menu {text-align:center; z-index: 999 !important; position:sticky; top:0; overflow:hidden; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.mf_ctg .tab_menu:before {content:""; width:100%; height:1px; background:#f9f9f9; position:absolute; left:0; bottom:0;}
.mf_ctg .tab_menu .mf_layout {padding: 0 5px;}
.mf_ctg .tab_menu .swipe_box {display:inline-block; max-width:100%}
.mf_ctg .tab_menu .swipe_box ul {display:flex; justify-content: center; align-items: center; flex-direction:row; flex-wrap:nowrap; width:max-content; gap:5px}
.mf_ctg .tab_menu .swipe_box li {list-style: none;}
.mf_ctg .tab_menu .menu {padding:0 15px; box-sizing: border-box;}
.mf_ctg .tab_menu .menu strong {font-size: 13px; color: #555; font-weight: 500; position: relative; height:45px; display:flex; justify-content: center; align-items: center; flex-direction:column; white-space:nowrap;}
.mf_ctg .tab_menu li.hit .menu strong {color: #88ddfa; font-weight:600; letter-spacing:-0.7px;}
.mf_ctg .tab_menu li.hit .menu strong:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #88ddfa; z-index: 1;}

/* 더보기 버튼 */
.mf_ctg .btn_more {margin-top: 17px; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 48px; background: #f7f7f7; border-radius: 12px;}
.mf_ctg .btn_more {font-size: 14px; color: #88ddfa; font-weight: 600;}


/* 상품 상세 ========================= */
.view_top.renew {padding:0; margin-top:0;}

/* 상품 사진 */
.view_top.renew .view_photo .photo_box .rolling_box {overflow: hidden;}
.view_top.renew .view_photo .photo_box .thumb {border: 0;}
/* .view_top.renew .view_photo .photo_box .thumb:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.02); z-index: 1;} */

/* 상품명/가격 */
.view_top.renew .view_name {overflow: visible;}
.view_top.renew .view_name .title {font-size: 16px; word-break:keep-all; white-space:normal;}
.view_top.renew .view_name .sub_name {font-size: 12px; color: #555; margin-top: 5px; word-break:keep-all; white-space:normal;}
.view_top.renew .view_name .price_box {margin-top:20px;}
.view_top.renew .view_name .price {overflow: visible;}
.view_top.renew .view_name .price ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 7px;}
.view_top.renew .view_name .price li {display: block;}
.view_top.renew .view_name .price * {height: auto; line-height: 1;}
.view_top.renew .view_name .price .before {font-size: 16px; color: #777; font-weight: 400; margin-right: 0; padding: 0 1px;}
.view_top.renew .view_name .price .before:before {background: #777; margin-top: 0;}
.view_top.renew .view_name .price .after {font-size: 16px;}
.view_top.renew .view_name .price .after em {font-size: inherit; font-weight: inherit;}

/* 배송정보 */
.view_top.renew .delivery_info {margin-top:30px; font-size:14px; background:transparent url('../images/renew/view_delivery.svg') left 29px no-repeat; background-size:25px !important; padding-left:40px; box-sizing:border-box;}
.view_top.renew .delivery_info {border-top:1px solid #efefef; padding-top:30px;}
.view_top.renew .delivery_info .name {font-weight:500; color:#333;}
.view_top.renew .delivery_info .info {margin-top:5px; color:#777;}
.view_top.renew .delivery_info .info img {height:20px;}

/* 상품 담기(fixed) */
.view_top.renew .wish_btn {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; background: #fff; border-radius: 30px 30px 0 0; padding-bottom: 17px; padding-top: 25px; box-sizing: border-box;}
.view_top.renew .wish_btn {box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);}
.view_top.renew .wish_btn .mf_layout {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 7px;}
.view_top.renew .wish_btn .btn {flex: 1; border-radius: 12px; height: 48px; display: flex; flex-direction: row; justify-content: center; align-items: stretch;}
.view_top.renew .wish_btn .btn {background: #88ddfa; font-size: 14px; font-weight: 600; color: #fff;}
.view_top.renew .wish_btn .btn strong {padding-left: 18px; padding-bottom: 1px; box-sizing: border-box; background-repeat: no-repeat !important; background-position: left center !important;}
.view_top.renew .wish_btn .btn strong {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.view_top.renew .wish_btn .btn strong.before {background-image: url('../images/renew/view_fix_wish.svg'); background-size: 12px 13px !important;}
.view_top.renew .wish_btn .btn strong.after {background-image: url('../images/renew/view_fix_check.svg'); background-size: 12px 8px !important; display: none;}
.view_top.renew .wish_btn .btn.hit strong.before {display: none;}
.view_top.renew .wish_btn .btn.hit strong.after {display: flex;}
.view_top.renew .wish_btn .btn_qna {width: 48px; flex: none; background: #fde500 url('../images/renew/view_fix_qna.svg') center no-repeat; background-size: 20px 19px !important;}

/* 상품 담기 불가 팝업 */
.view_top.renew .wish_layer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 11000; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none;}
.view_top.renew .wish_layer .white_box {position: relative; z-index: 2; background: #fff; border-radius: 12px; padding: 23px; padding-top: 29px; box-sizing: border-box; width: 293px;}
.view_top.renew .wish_layer .title {font-size: 16px; color: #333; text-align: center; line-height: 1.4;}
.view_top.renew .wish_layer .btn_link {display: flex; flex-direction: row; justify-content: center; align-items: stretch; background: #fde500; border-radius: 12px; margin-top: 13px; height: 48px;}
.view_top.renew .wish_layer .btn_link {font-size: 14px; font-weight: 600; color: #391d1d;}
.view_top.renew .wish_layer .btn_link strong {background: transparent url('../images/renew/view_fix_qna.svg') left center no-repeat; background-size: 17px 16px !important; padding-left: 25px; box-sizing: border-box;}
.view_top.renew .wish_layer .btn_link strong {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.view_top.renew .wish_layer .bg_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.view_top.renew .wish_layer.if_open_layer {display: flex;}

/* 상품 담기 팝업 */
.open_wish.type_renew {z-index: 11000;}

/* 상품설명 */
.view_conts.type_renew {border-top: 8px solid #f9f9f9; box-sizing: border-box; margin-top: 20px; padding-top: 20px;}


/* PC화면 사이즈 조절 ========================= */
@media screen and (min-width:630px) {
    .mf_fixmenu,
    .mf_fix_open,
    .view_top.renew .wish_btn,
    .view_top.renew .wish_layer {width: 630px; left: 50%; margin-left: -315px;}

    .mf_banner .mf_layout {-ms-overflow-style: auto;}
    .mf_banner .mf_layout::-webkit-scrollbar {display:block; height: 8px;}
    .mf_banner .mf_layout::-webkit-scrollbar-thumb {background-color: #fff; border-radius:100px;}
    .mf_banner .mf_layout::-webkit-scrollbar-track {background-color: transparent;}
    .mf_banner .mf_layout:hover::-webkit-scrollbar-thumb {background:#ddd;}

    .mf_item .item_list {-ms-overflow-style: auto;}
    .mf_item .item_list::-webkit-scrollbar {display:block; height: 8px;}
    .mf_item .item_list::-webkit-scrollbar-thumb {background-color: #fff; border-radius:100px;}
    .mf_item .item_list::-webkit-scrollbar-track {background-color: transparent;}
    .mf_item .item_list:hover::-webkit-scrollbar-thumb {background:#ddd;}
}





/* 고객피드백 수정 :: 2023-03-06 KHY ------------------------------------------- */
/* 마이페이지 메인 상단 카테고리 숨김 */
body.if_mypage_main .sub_t_nav {display:none;}
body.if_mypage_main .mf_header {border-bottom:0;}
body.if_mypage_main .c_mypage_intro {margin-top:0;}

/* 상품상세 폰트 사이즈 수정 */
.view_top.renew .view_name .title {font-size:20px;}
.view_top.renew .view_name .sub_name {font-size:14px;}
.view_top.renew .view_name .price .before {font-size:12px;}
.view_top.renew .view_name .price .after {font-size:18px;}

/* 메인 위,아래 여백 2배로 수정 */
.mf_visual .roll_pagi {right:40px;}
.mf_item {margin-top:30px;}
.mf_item+ .mf_item {margin-top:20px;}
.mf_service {margin-top:50px; padding:30px 0;}
.mf_footer {padding-top:20px; padding-bottom:100px;}

/* 상품상세 여백 수정 */
.view_top.renew .view_info {margin-top:30px; padding:0 20px;}
.view_conts.type_renew {padding:0; padding-top:40px; margin-top:40px;}




/* 인플루언서 채팅기능 ========================================= */
.p_Chatting {position:fixed; right:0; top:0; width:100%; height:100%; z-index:10009; background:#fff; transform:translateX(100%); overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Chatting {transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.p_Chatting li {list-style:none;}
.p_Chatting .chat_wrap {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; overflow:hidden;}
.p_Chatting .chat_wrap> div {flex:none}
.p_Chatting .scroll_area {overflow-y:auto; overflow-x:hidden; flex:1 !important; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Chatting .scroll_area::-webkit-scrollbar {width:6px;}
.p_Chatting .scroll_area::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:100px;}
.p_Chatting .scroll_area::-webkit-scrollbar-track {background-color:transparent;}
.p_Chatting .scroll_area:hover::-webkit-scrollbar-thumb {background-color:#333;}
.p_Chatting .c_pagi {padding:15px 0;}

.p_Chatting .chat_list {transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.p_Chatting .chat_room {transform:translateX(100%); position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:#f0f0f0;}
.p_Chatting .chat_room {transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}

.p_Chatting.if_open_room .chat_room {transform:translateX(0);}
.p_Chatting.if_open_room .chat_list {transform:translateX(-30%);}

.p_Chatting .top_area {position:relative; background:#fff;}
.p_Chatting .top_area .title {display:flex; justify-content:center; align-items:center; flex-direction:column; color:#000; font-weight:600; font-size:18px; height:70px; padding:0 60px;}
.p_Chatting .top_area .title strong {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; line-height:1;}
.p_Chatting .top_area .btn_side {position:absolute; top:0; display:flex; justify-content:center; align-items:center; flex-direction:column; height:100%; padding:0 15px;}
.p_Chatting .top_area .btn_side:before {content:""; display:block; width:10px; height:100%; background-size:100% !important; background-repeat:no-repeat; background-position:center center;}
.p_Chatting .top_area .btn_back {left:0;}
.p_Chatting .top_area .btn_back:before {background-image:url('../images/chat/ic_arrow_left.svg')}
.p_Chatting .top_area .btn_close {right:0}
.p_Chatting .top_area .btn_close:before {background-image:url('../images/chat/ic_close.svg'); width:14px; }
.p_Chatting .chat_list .top_area .title {align-items:flex-start; padding-left:15px;}

.p_Chatting .list_ctrl {display:flex; justify-content:space-between; align-items:center; flex-direction:row; padding:15px; padding-top:0px; position:relative; border-bottom:1px solid #f2f2f2;}
.p_Chatting .list_ctrl .officer {display:flex; justify-content:center; align-items:center; flex-direction:row; border-radius:100px; background:#eee; box-sizing:border-box; padding:5px; color:#333; font-size:13px; font-weight:500;}
.p_Chatting .list_ctrl .officer .charge {padding:0 12px; height:25px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; overflow:hidden; color:#999;}
.p_Chatting .list_ctrl .officer .charge strong {position:relative; font-weight:500; z-index:2}
.p_Chatting .list_ctrl .officer .charge:after {content:""; width:100%; height:100%; background:#fff; border-radius:100px; z-index:1; position:absolute; left:0; top:0;}
.p_Chatting .list_ctrl .officer .charge:after {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; transform:translateX(100%);}
.p_Chatting .list_ctrl .officer .charge.hit {color:#000;}
.p_Chatting .list_ctrl .officer .charge.hit:after {transform:translateX(0) !important;}
.p_Chatting .list_ctrl .officer .charge:last-of-type:after {transform:translateX(-100%);}
.p_Chatting .list_ctrl .arrange {color:#000; font-size:14px; height:30px; cursor:pointer}
.p_Chatting .list_ctrl .arrange {display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:100px; border:1px solid #eee; box-sizing:border-box; padding:0 15px;}
.p_Chatting .list_ctrl .arrange strong {background:transparent url('../images/chat/ic_arrow_down.svg') right center no-repeat; background-size:9px; padding-right:15px; font-size:13px; line-height:1;}
.p_Chatting .list_ctrl .open_option {position:absolute; right:0; top:50px; background:#fff; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); box-sizing:border-box; border:1px solid #ddd; padding:10px;}
.p_Chatting .list_ctrl .open_option {transform:translateX(100%); transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); z-index:10}
.p_Chatting .list_ctrl .open_option .option {display:block; padding:8px 15px; text-align:right; font-size:13px; color:#aaa;}
.p_Chatting .list_ctrl .open_option .option.hit {color:#000; background:#f0f0f0; border-radius:5px;}
.p_Chatting .list_ctrl .open_option.if_open {transform:translateX(0); margin-right:15px;}

.p_Chatting .influencer_list {}
.p_Chatting .influencer_list li {border-bottom:1px solid #f2f2f2; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; cursor:pointer; padding:20px 15px; position:relative; gap:15px}
.p_Chatting .influencer_list li {background:#f9f9f9;}
.p_Chatting .influencer_list li:after {content:""; position:absolute; right:15px; top:0; background:transparent url('../images/chat/ic_add_chat.svg') center center no-repeat; width:20px; height:100%; background-size:100%;}
.p_Chatting .influencer_list li:after {opacity:0.2;}
.p_Chatting .influencer_list .user {flex:1; font-size:14px;}
.p_Chatting .influencer_list .profile {width:40px; height:40px; flex:none; background:transparent url('../images/chat/chat_emoji_off.svg') center center no-repeat; background-size:100% !important;}
.p_Chatting .influencer_list .profile {filter:grayscale(100%);-webkit-filter:grayscale(100%); opacity:0.3;}
.p_Chatting .influencer_list .name {font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; padding-right:50px;}
.p_Chatting .influencer_list .id {font-size:12px; color:#aaa; line-height:1; margin-top:3px;}
.p_Chatting .influencer_list .last_date {display:flex; justify-content:center; align-items:flex-end; flex-direction:column; flex:none; gap:3px;}
.p_Chatting .influencer_list .last_date strong {color:#bbb; font-size:11px;}
.p_Chatting .influencer_list .no_read {color:#fff; font-size:12px; font-weight:600; background:#4A50FF; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Chatting .influencer_list .no_read {line-height:1; min-width:22px; box-sizing:border-box; height:22px; padding:0 5px;}
.p_Chatting .influencer_list li.if_have_chat {background:#fff;}
.p_Chatting .influencer_list li.if_have_chat .profile {background-image:url('../images/chat/chat_emoji_on.svg'); filter:grayscale(0);-webkit-filter:grayscale(0); opacity:1}
.p_Chatting .influencer_list li.if_have_chat:after {display:none;}

.p_Chatting .message_list {padding:20px 12px; padding-bottom:50px;}
.p_Chatting .message_list ul+ ul {margin-top:30px;}
.p_Chatting .message_list .no_message {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#bbb; font-size:14px;}
.p_Chatting .message_list .day {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Chatting .message_list .day strong {background:rgba(0,0,0,0.3); color:#fff; font-size:11px; border-radius:100px; padding:5px 12px; box-sizing:border-box; width:140px; text-align:center;}
.p_Chatting .message_list li {display:flex; justify-content:stretch; align-items:flex-start; flex-direction:column; position:relative; gap:10px;}
.p_Chatting .message_list li+ li {margin-top:25px;}
.p_Chatting .message_list .time {font-size:10px; color:#aaa; line-height:1; position:absolute; right:-60px; bottom:2px; width:60px; box-sizing:border-box; padding:0 7px; pointer-events:none;}
.p_Chatting .message_list .read {font-size:10px; font-weight:600; color:#4A50FF; line-height:1; position:absolute; left:-60px; bottom:18px; width:60px; box-sizing:border-box; padding:0 7px; pointer-events:none; text-align:right}

.p_Chatting .my_ctrl {position:absolute; right:0; top:0; z-index:10}
.p_Chatting .my_ctrl .btn_open {width:25px; height:25px; background:transparent url('../images/chat/message_ctrl.svg') center center no-repeat; background-size:auto 12px;}
.p_Chatting .my_ctrl .btn_open {filter: invert(100%) sepia(0%) saturate(2115%) hue-rotate(181deg) brightness(120%) contrast(100%); cursor:pointer}
.p_Chatting .my_ctrl .open_menu {position:absolute; right:0; top:25px; width:100px; background:#fff; border:1px solid #222; box-sizing:border-box; border-radius:5px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); display:none; }
.p_Chatting .my_ctrl .btn_ctrl {font-size:12px; color:#333; line-height:1; box-sizing:border-box; padding:8px; cursor:pointer; display:block; }
.p_Chatting .my_ctrl .btn_ctrl {background-position:right 5px center; background-repeat:no-repeat; background-size:11px;}
.p_Chatting .my_ctrl .btn_delete {background-image:url('../images/chat/message_btn_delete.svg')}
.p_Chatting .if_open_ctrl .my_ctrl .open_menu {display:block;}


.p_Chatting .message_list .profile {width:35px; height:35px; flex:none; background:#fff url('../images/chat/chat_emoji_on.svg') center center no-repeat; background-size:25px !important; border-radius:100px;}
.p_Chatting .message_list .profile {position:absolute; left:0; top:0;}
.p_Chatting .message_list .name {font-size:11px; color:#999; line-height:1;}
.p_Chatting .message_list .message {padding:10px 15px; background:#fff; color:#000; font-size:12px; line-height:1.4; border-radius:30px; position:relative;}
.p_Chatting .message_list .photo {border-radius:5px; width:200px; box-sizing:border-box; position:relative; background:#fff; font-size:0px;}
.p_Chatting .message_list .photo img {width:100%; height:100%; object-fit:cover; border-radius:5px;}
.p_Chatting .message_list .photo:after {content:""; width:100%; height:100%; box-sizing:border-box; border-radius:5px; border:0.8px solid rgba(0,0,0,0.1); position:absolute; left:0; top:0; z-index:1}
.p_Chatting .message_list .file {border-radius:5px; width:200px; box-sizing:border-box; padding:15px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; position:relative; background:#fff;}
.p_Chatting .message_list .file {box-sizing:border-box; border:0.6px solid #ddd;}
.p_Chatting .message_list .file strong {color:#000; font-size:13px; font-weight:500; padding-right:45px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.p_Chatting .message_list .file em {color:#999; font-size:11px; line-height:1; margin-top:2px;}
.p_Chatting .message_list .file:before {content:""; width:35px; height:35px; background:rgba(0,0,0,0.1) url('../images/chat/ic_download.svg') center center no-repeat; position:absolute; right:15px; top:50%; border-radius:100px;}
.p_Chatting .message_list .file:before {background-size:15px; transform:translateY(-50%);}
.p_Chatting .message_list li.this_day {position:sticky; top:0; z-index:1; align-items:center}
.p_Chatting .message_list li.you {padding-left:45px; padding-right:60px;}
.p_Chatting .message_list li.you .message {border-top-left-radius:5px}
.p_Chatting .message_list li.mine {align-items:flex-end; padding-left:80px;}
.p_Chatting .message_list li.mine .message {border-top-right-radius:5px; background:#222; color:#fff; padding-right:25px;}
.p_Chatting .message_list li.mine .time {right:auto; left:-60px; text-align:right}
.p_Chatting .message_list li.mine .file {padding-right:25px;}
.p_Chatting .message_list li.mine .file:before {right:25px}
.p_Chatting .message_list li.mine .file .my_ctrl .btn_open {filter:none}
.p_Chatting .message_list li.mine .photo .my_ctrl .btn_open {filter:none}

.p_Chatting .form_send {position:relative;}
.p_Chatting .form_send .wrapping {padding:15px; position:relative; z-index:2; border-top:1px solid #f2f2f2; border-radius:35px 35px 0 0; background:#fff; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.p_Chatting .form_send .message_form {border:1px solid #ddd; line-height:1.5; padding:10px 15px; box-sizing:border-box; min-height:45px; font-size:14px; color:#000; border-radius:30px; overflow-y:none; resize:none}
.p_Chatting .form_send .message_form {max-height:110px; margin-right:10px; font-weight:500;}
.p_Chatting .form_send .message_form::-webkit-scrollbar {width:0;}
.p_Chatting .form_send .message_form:focus {border-color:var(--color-point);}
.p_Chatting .form_send .btn {width:40px; height:40px; flex:none; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:20px;}
.p_Chatting .form_send .btn {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Chatting .form_send .btn_send {background-image:url('../images/chat/btn_send.svg'); opacity:0.2;}
.p_Chatting .form_send .btn_send.if_ok {opacity:1}
.p_Chatting .form_send .btn_attatch {background-image:url('../images/chat/btn_plus.svg'); background-size:15px;}
.p_Chatting .form_send .btn.type_show {border-radius:100px; width:55px; height:55px; position:absolute; top:-70px; z-index:1;}
.p_Chatting .form_send .btn.type_show {transition:transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);}
.p_Chatting .form_send .btn_photo {background-image:url('../images/chat/btn_photo.svg'); right:80px; transform:translateY(150%); background-color:#FF4477;}
.p_Chatting .form_send .btn_file {background-image:url('../images/chat/btn_file.svg'); right:15px; transform:translateY(300%); background-color:#009CBC;}
.p_Chatting .form_send .btn_upload {background-image:url('../images/chat/btn_upload.svg'); right:15px; background-color:rgba(0,0,0,0.8); width:55px; height:55px; position:absolute; top:-70px; z-index:1; border-radius:100px;}
.p_Chatting .form_send .btn_upload {display:flex; justify-content:flex-end; align-items:center; flex-direction:column; background-size:16px !important; background-position:center 12px !important;}
.p_Chatting .form_send .btn_upload strong {font-size:10px; font-weight:600; color:#fff; margin-bottom:6px;}
.p_Chatting .form_send.if_attatch .btn.type_show {transform:translateY(0);}
.p_Chatting .form_send.if_attatch .btn_attatch {transform:rotate(135deg); -webkit-transform:rotate(135deg);}

/* 공지있을때 */
.p_Chatting .message_list.if_have_notice {padding-top:60px;}

.p_Chatting .chat_notice {position:absolute; left:0; top:70px; width:100%; box-sizing:border-box; padding:10px; padding-bottom:0px; z-index:100}
.p_Chatting .chat_notice .post {position:relative; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; overflow:hidden; gap:10px}
.p_Chatting .chat_notice .post {backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); background-color:rgba(74,80,255, 0.8); padding:0 12px; border-radius:10px; height:40px; color:#fff;}
.p_Chatting .chat_notice .post strong {font-weight:500; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; font-size:13px;}
.p_Chatting .chat_notice .post .date {flex:none; font-size:11px; opacity:0.5; margin-left:auto;}

html.if_open_chatting {overflow:hidden;}
html.if_open_chatting body {overflow:hidden;}
html.if_open_chatting .p_Chatting {-webkit-transform-origin:top left; transform-origin:top left; transform:translateX(0);}
html.if_pcmode .p_Chatting {max-width:500px;}
html.if_pcmode.if_open_chatting .p_Chatting {box-shadow:-20px 0 20px rgba(0,0,0,0.1);}



/* 채팅 알림레이어 */
.ChatAlarm {position:fixed; left:50%; bottom:0; width:100%; max-width:450px;  z-index:10000; opacity:1; visibility:hidden; padding:20px; box-sizing:border-box; display:none;}
.ChatAlarm {transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1); transform:translate(-50% , 110%); }
.ChatAlarm .wrapping {border-radius:15px; box-shadow:0 0 20px rgba(74,80,255,0.5); box-sizing:border-box; transform:translateY(-15px); overflow:hidden;}
.ChatAlarm .wrapping {animation:mv_ChatAlarm 0.7s ease infinite; -webkit-animation:mv_ChatAlarm 0.7s ease infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.ChatAlarm .btn_close {width:20px; height:20px; background:red; background:transparent url('../images/chat/alarm_close.svg') center center no-repeat; background-size:12px; z-index:20}
.ChatAlarm .btn_close {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%); margin-left:auto;}
.ChatAlarm .message {color:#fff; font-weight:600; font-size:16px; letter-spacing:-1px; padding:15px 20px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:6px; background:#4A50FF;}
.ChatAlarm .message svg {height:18px; margin-top:5px;}
.ChatAlarm .comment {font-size:13px;  color:#000; font-weight:500; line-height:1.5; padding:15px 20px; background:#fff;}
.ChatAlarm .comment strong {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box;}
.ChatAlarm.if_open {opacity:1; visibility:visible; transform:translate(-50%, 0);}

@-webkit-keyframes mv_ChatAlarm {
    0% {transform:translateY(-5px);}
    50% {transform:translateY(0);}
    100% {transform:translateY(-5px);}
}
@keyframes mv_ChatAlarm {
    0% {transform:translateY(-5px);}
    50% {transform:translateY(0);}
    100% {transform:translateY(-5px);}
}


html.if_pcmode .ChatAlarm {display:block;}