@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');

@import "swiper.css";

.antialiased, .container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  color:#212121;
}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
/*
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
*/
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;outline:none;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

body {
  font-size:14px;word-break:break-word;}
body,th,td,input,select,textarea,button {line-height:1.5;
  color:#212121}

a {color:#212121;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
hr{border:0;border-bottom:1px solid #dbdbdb;}
*{box-sizing:border-box;line-height:1.2}

/* checkbox */
.ckbox input[type="checkbox"] {display:none;}
.ckbox input[type="checkbox"] + label{display:inline-block;width:24px;height:24px;margin:-2px 10px 0 0;vertical-align:middle;background:url(/img/icon-check-off-01.svg) left top no-repeat;background-size:24px;cursor:pointer;}
.ckbox input[type="checkbox"]:checked + label{background:url(/img/icon-check-on-01.svg) 0 top no-repeat;background-size:24px;}

/* layout */
.header{position:fixed;top:0px;left:0px;width:100%;z-index:3;}
.content{position:relative;margin:52px 0 0;}

/* header */
.header .top_noti{width:100%;min-height:44px;background:#000;padding:12px 12px 12px 14px;}
.header .top_noti .event{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;}
.header .top_noti .event p{flex:1;-ms-flex:1;display:inline-block;vertical-align:top;text-align:left;padding:0;color:#fff;font-size:12px;line-height:1.2;}
.ico_party{display:inline-block;width:17px;height:18px;margin:0 10px 0 0;background:url(/img/icon-party@2x.png) no-repeat 0 0;background-size:17px;}
.header .top_noti .event a{display:inline-block;min-width:52px;width:auto;height:100%;margin:0 0 0 10px;padding:6px 10px 4px;line-height:1.2;border-radius:25px;color:#fff;font-size:11px;word-break:break-all;text-align:center;background:#f91d65;}
.tnb{display:flex;flex-direction:row;align-items:center;width:100%;
  min-height: 52px;
  border-bottom:1px solid #dbdbdb;background:#fff;}
.tnb .btn_back{width:10px;height:17px;margin:0 0 0 19px;background:url(/img/icon-back@2x.png) no-repeat 0 0 ;background-size:10px 17px;text-indent:-9999px;}
.tnb .btn_menu_mob{width:18px;height:14px;margin:0 0 0 0px;background:url(/img/icon-menu@2x.png) no-repeat 0 0 ;background-size:18px 14px;text-indent:-9999px;}
.tnb .btn_menu_pc{width:16px;height:14px;margin:0 0 0 0px;}

.tnb .btn_bag2{width:16px;height:21px;background:url(/img/icon-cart@2x.png) no-repeat 0 0 ;background-size:16px 21px;text-indent:-9999px;}
.tnb .btn_bag{width:16px;height:21px;margin:0 0 0 0;background:url(/img/icon-cart@2x.png) no-repeat 0 0 ;background-size:16px 21px;text-indent:-9999px;}
.tnb .logo{flex:1;text-align:center;font-size: 1.1em}
.tnb .logo img{text-align:center;width:auto;height:30px;vertical-align:middle}
.tnb .txt{flex:1;padding:0 20px;text-align:left;font-size:16px;font-weight:bold;line-height:0.88;letter-spacing:-1px;color:#212121;}

/* main */
.main_top{position:relative;}
.main_top .sns{display:flex;flex-direction:row;align-items:center;height:98px;padding:0 20px;}
.main_top .sns .txt{flex:1;display:flex;flex-direction:column;justify-content:flex-start;}
.main_top .sns .txt01{display:block;font-size:16px;text-align:left;color:#212121;font-weight:bold;letter-spacing:-1px;}
.main_top .sns .txt02{display:block;margin:7px 0 0;font-size:12px;text-align:left;color:#555;font-weight:normal;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.main_top .sns .btns{flex:1;display:flex;flex-direction:row;justify-content:flex-end;}
.main_top .sns .btn_insta{position:relative;display:inline-block;min-width:50px;margin:0 0 0 0;padding:26px 0 0;font-size:11px;color:#333;text-align:center;letter-spacing:-1px;}
.main_top .sns .btn_insta::after{display:block;clear:both;content:"";position:absolute;top:0;left:50%;margin-left:-10px;width:20px;height:20px;background:url(/img/icon-insta@2x.png) no-repeat center top ;background-size:20px 20px}
.main_top .sns .ico_heart{position:relative;display:inline-block;min-width:22px;margin:0 0 0 1.429rem;padding:26px 0 0;font-size:12px;color:#212121;font-weight:bold;text-align:center;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.main_top .sns .ico_heart::after{display:block;clear:both;content:"";position:absolute;top:0;left:50%;margin-left:-10px;width:22px;height:19px;background:url(/img/icon-heart-01.svg) no-repeat center top ;background-size:22px 19px}
.main_top .visual{position:relative;/*border-bottom:8px solid #ededed*/}
.main_top .visual .profile{position:absolute;top:-30px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:50%;box-shadow:0px 7px 32px 0 rgba(151, 151, 151, 0.25);z-index:2}
.main_top .visual .profile:after{content:"";display:block;padding-bottom:100%;}
.main_top .visual .profile img{position:absolute;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;}
.main_top .visual .main_visual{width:100%;}
.main_top .visual .main_visual img{display:block;width:100%;}
.main_top .visual .logo{position:absolute;top:50%;left:50%;margin-left:10%;margin-top:-18px;}
.main_top .visual .logo img{width:auto;height:36px;}

/* 상품 메뉴  */
.swiper_list{position:relative;width:100%;margin:0;padding:0;border-top:0;border-bottom:1px solid #dbdbdb;background:#fff;z-index:2;}
.swiper_list .swiper-container .swiper-slide{width:auto}
.swiper_list .swiper-container .swiper-slide>a{box-sizing:border-box;display:inline-block;width:auto;margin:0 10px;padding:15px 3px 10px;font-size:12px;color:#999;}
.swiper_list .swiper-container .swiper-slide>a.active{color:#212121;border-bottom:3px solid #212121;font-weight:bold;}
.menu-fixed{position:fixed;top:0px;left:0px;}

/* 상품 리스트 */
.item_list{margin:0 7px 15px;font-size:0;}
.item_list li{position:relative;display:inline-block;vertical-align:top;width:calc(50% - 10px);margin:12px 5px;font-size:12px;}
.item_list li a{position:relative;display:block;}
.item_list li .thumb{position:relative;width:100%;border-radius:5px;overflow:hidden}
.item_list li .thumb img{display:block;width:100%;border-radius:5px}
.prod-desc {}
.prod-desc .tit{display:block;margin:10px 0 0 0;font-size:12px;color:#212121;line-height:1.17;letter-spacing:0;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prod-desc .desc{display:block;margin:5px 0 0 0;font-size:12px;color:#333;line-height:1.17;letter-spacing:0;font-weight:normal;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/}
.prod-desc .price{margin:5px 0 0 0;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.prod-desc .price .bf_price{display:block;color:#bababa;letter-spacing:0;text-decoration:line-through;}
.prod-desc .price .cr_price{display:block;color:#212121;letter-spacing:0;font-weight:bold;line-height: 1.2}
.prod-desc .price .cr_price em{display:inline-block;margin:0 5px 0 0;font-size:15px;color:#f91d65;line-height:1;letter-spacing:0;font-weight:bold}

.ico_new{;color:#fffefe;font-size:10px;padding:5px 8px;border-radius:30px;background:rgba(33,33,33,0.9);line-height:1.0;}
.ico_best{;color:#fffefe;font-size:10px;padding:5px 8px;border-radius:30px;background:rgba(249,29,101,0.7);line-height:1.0;}
.ico_red{;color:#ffffff;font-size:10px;padding:5px 8px;border-radius:30px;background: rgb(255, 0, 0);line-height:1.0;}
.btn_good{position:absolute;top:10px;right:10px;width:20px;height:17px;padding:0}
.item_list li.item_lg .ico_new{top:12px;left:12px;}
.item_list li.item_lg .ico_best{top:12px;left:12px;}
.item_list li.item_lg{width:calc(100% - 10px);margin:12px 5px;font-size:12px;}
/* 상품 리스트 - video */
.item_list li figure{position:relative;margin:0;padding:0;width:100%;font-size:0;border-radius:5px;overflow:hidden}
.item_list li figcaption{position:absolute;bottom:0;width:100%;height:6px;margin:0;padding:0;}
.item_list li video{width:100%;margin:0;padding:0;font-size:0;}
.item_list li progress[value] {appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;width:100%;height:6px;order:1;position:relative;display:inline;color:#f91d65;}
.item_list li progress[value]::-webkit-progress-bar{background-color:#dadada;}
.item_list li progress[value]::-webkit-progress-value{background-color:#f91d65;transition:width 1s linear;}
.item_list li progress[value]::-moz-progress-bar{background-color:#f91d65;transition:width 1s linear;}

/* 상세보기 */
.detail{padding:0 0 20px;}

/* 상세보기 상단 이미지  */
.detail_list .swiper-container{width:100%;height:100%;}
.swiper-pagination-bullet{background:#fff;opacity:1;border:solid 1px #dadada}
.swiper-pagination-bullet-active{background:#f91d65;opacity:1;/*border:solid 1px #f91d65*/}

/* 상품 상세보기 */
.detail_info .info_top{padding:16px 16px;border-bottom:1px solid #dbdbdb}
.detail_info .info_top .info{display:flex;flex-direction:row;padding-bottom: 20px}
.detail_info .info_top .info .price{flex:1;justify-content:flex-start;align-items:flex-end;}
.detail_info .info_top .info .review{display:flex;flex:1;justify-content:flex-end;align-items:flex-end;}
.detail_info .info_top .info .review .btn_review{isplay:inline-block;vertical-align:top;height:16px;margin:0 15px 0 0;color:#333;font-size:12px;line-height:1.2;border-bottom:1px solid #333}
.detail_info .info_top .info .review .btn_go{margin:0 5px 0 0;width:17px;height:17px;text-indent:-9999px;background:url(/img/vector-smart-object@2x.png) no-repeat center 0;background-size:contain}
.detail_info .info_btm{padding:16px 16px;border-bottom:8px solid #ededed}
.box{padding:20px 16px 20px 52px;text-indent:-36px;background:#f4f4f4;border:1px solid #dadada;border-radius:5px;word-break:break-all;}
.box .ico_point{display:inline-block;vertical-align:top;width:20px;height:21px;margin:0 16px 0 0;background:url(/img/icon-box@2x.png) no-repeat 0 0;background-size:contain;}
.box em{color:#f91d65;}
.box p{line-height:1.5em;}
.detail_info .info_btm dl{display:flex;margin:18px 0 0;}
.detail_info .info_btm dl dt{display:inline-block;margin:0 20px 0 0;color:#999;font-size:12px;line-height:1.4;}
.detail_info .info_btm dl dd{flex:1;display:inline-block;color:#212121;font-size:12px;}
.detail_info .info_btm dl dd ul{}
.detail_info .info_btm dl dd ul li{line-height:1.4;margin:0 0 5px;}
.detail .tit{display:block;font-size:16px;line-height:1.31;letter-spacing:-1px;}
.detail .info .price{margin:0 0 0 0;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.detail .info .price .bf_price{display:block;font-size:14px;color:#bababa;line-height:1.2;letter-spacing:0;text-decoration:line-through;}
.detail .info .price .cr_price{display:block;color:#212121;line-height:1.2;letter-spacing:0;font-weight:bold;}
.detail .info .price .cr_price em{display:inline-block;margin:0 5px 0 0;font-size:22px;color:#f91d65;line-height:1;letter-spacing:0;font-weight:bold;}

/* 상품 상세보기 -탭 */
.bbs .nav{border-bottom:1px solid #dbdbdb;font-size:0;margin:0;}
.bbs .nav li{display:inline-block;}
.bbs .nav li a{display:block;margin:0 16px;padding:15px 3px 10px;font-size:12px;color:#999;font-weight:bold;}
.bbs .nav li.active a{color:#212121;font-weight:bold;border-bottom:3px solid #212121;}
.bbs .tit{display:flex;padding:28px 16px 16px;}
.bbs .tit h3{flex:1;font-size:16px;font-weight:bold;color:#212121}
.bbs .tit h3 .star{display:inline-block;vertical-align:top;margin:2px 0 0 11px;}
.bbs .tit h3 .star .ico_star{display:inline-block;vertical-align:top;width:16px;height:16px;margin:-2px 6px 0 0;background:url(/img/icon-star-gray@2x.png) no-repeat 0 0;background-size:16px;text-indent:-9999px;}
.bbs .tit h3 .star .ico_star>em{display:block;width:16px;height:16px;background:url(/img/icon-star@2x.png) no-repeat 0 0;background-size:16px;}
.bbs .tit h3 .star .num{display:inline-block;vertical-align:top;color:#212121;line-height:16px;font-size:16px;font-weight:bold;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.bbs .tit .btn_write{display:inline-block;vertical-align:top;height:16px;font-size:12px;color:#333;border-bottom:1px solid #333;line-height:1.2;}
/* 상품 상세보기 -포토리뷰 */
.bbs .reviews .review_photo{margin:0 8px 0;}
.bbs .reviews .review_photo::after{content:"";clear:both;display:block}
.bbs .reviews .review_photo a{position:relative;float:left;display:inline-block;width:calc(25% - 8px);margin:4px;border-radius:5px;overflow:hidden;background-color:#fafafa;}
.bbs .reviews .review_photo a.vbig{width:calc(100% - 8px);margin:4px;}
.bbs .reviews .review_photo a.big{width:calc(50% - 8px);margin:4px;}
.bbs .reviews .review_photo a.last>span{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);color:#fff;font-size:16px;font-weight:bold;}
.bbs .reviews .review_photo a:after{content:"";display:block;padding-bottom:100%;}
.bbs .reviews .review_photo a>img{position:absolute;display:block;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;border-radius:5px;}
/* 상품 상세보기 -리뷰리스트 */
.bbs .reviews .list_review li{display:block;padding:0 16px;border-bottom:1px solid #fafafa;}
.bbs .reviews .list_review li>a{display:flex;width:100%;padding:15px 0;}
.bbs .reviews .list_review .txt_lt{width:calc(100% - 68px);}
.bbs .reviews .list_review .txt_lt .txt_id{display:block;font-size:12px;color:#212121;line-height:1.2;}
.bbs .reviews .list_review .txt_lt .txt_date{display:block;font-size:10px;color:#999;margin:5px 0 0;line-height:1.2;}
.bbs .reviews .list_review .txt_lt .txt_size{display:block;font-size:10px;color:#bababa;margin:15px 0 0;line-height:1.2;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.bbs .reviews .list_review .txt_lt .txt_tit{display:block;font-size:12px;color:#212121;margin:5px 0 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs .reviews .list_review .txt_rt{width:48px;margin:0 0 0 20px;}
.bbs .reviews .list_review .txt_rt .star{display:block;height:12px;margin:0 0 17px 11px;}
.bbs .reviews .list_review .txt_rt .ico_star{display:inline-block;vertical-align:top;width:12px;height:12px;line-height:12px;margin:-2px 6px 0 0;background:url(/img/icon-star-gray@2x.png) no-repeat 0 0;background-size:12px 12px;text-indent:-9999px;}
.bbs .reviews .list_review .txt_rt .ico_star>em{display:block;width:12px;height:12px;line-height:12px;background:url(/img/icon-star@2x.png) no-repeat 0 0;background-size:12px 12px;}
.bbs .reviews .list_review .txt_rt .num{display:inline-block;vertical-align:top;height:12px;line-height:12px;color:#212121;font-size:12px;font-weight:bold;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.bbs .reviews .list_review .txt_rt .photo{display:block;position:relative;width:48px;height:48px;border-radius:3px;overflow:hidden;}
.bbs .reviews .list_review .txt_rt .photo:after{content:"";display:block;padding-bottom:100%;}
.bbs .reviews .list_review .txt_rt .photo img{position:absolute;display:block;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;border-radius:3px}
.bbs .btn_moreview{width:calc(100% - 32px);height:42px;margin:16px;font-size:12px;color:#f91d65;text-align:center;font-weight:bold;border:1px solid #f91d65;border-radius:5px;}
/* 상품 상세보기 -문의리스트 */
.bbs .qna .list_qna li{display:block;padding:0 16px;border-bottom:1px solid #fafafa;}
.bbs .qna .list_qna li>a{display:flex;width:100%;padding:15px 0;}
.bbs .qna .list_qna .txt_lt{width:calc(100% - 70px);}
.bbs .qna .list_qna .txt_lt .txt_id{display:block;font-size:12px;color:#212121;line-height:1.2;}
.bbs .qna .list_qna .txt_lt .txt_type{display:block;font-size:10px;color:#999;margin:7px 0 0;line-height:1.2;}
.bbs .qna .list_qna .txt_lt .txt_tit{display:block;font-size:12px;color:#212121;margin:7px 0 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs .qna .list_qna .txt_lt .txt_tit .ico_secret{display:inline-block;vertical-align:top;width:12px;height:14px;margin:0px 8px 0 0;background:url(/img/icon-lock@2x.png) no-repeat 0 0;background-size:12px;text-indent:-9999px;}

.txt_rt{;}
.txt_rt .txt_date{display:block;font-size:11px;color:#999;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.txt_rt .txt_sta{display:block;padding:4px 8px;font-size:11px;color:#fff;border-radius:25px;line-height:1.2;letter-spacing:-1px;}
.txt_sta.end{background:#212121;}
.txt_sta.wait{background:#999;}

/* 하단 고정 - 구매하기 */
.btm_btns{position:fixed;bottom:0;left:0;width:100%;min-height:68px;padding:0;background:#fff;border-top:1px solid #fafafa;z-index:10;}
.btm_btns .buy01{position:relative;padding:8px 12px;border-top:1px solid #dbdbdb;box-shadow:0px -5px 24px 0 rgba(151, 151, 151, 0.2);z-index:10;}
.btm_btns .buy01 .btn_buy{display:inline-block;width:calc(100% - 52px);height:52px;text-align:center;font-size:16px;line-height:1.31;letter-spacing:-1px;color:#fff;font-weight:bold;border-radius:4px;background-color:#212121;}
.btm_btns .buy02{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.2);z-index:20;}
.btm_btns .buy02 .btn_area{position:absolute;bottom:0;left:0;width:100%;height:325px;}
.btm_btns .buy02 .btn_area .btns02{position:absolute;bottom:0;left:0;display:flex;flex-direction:row;width:100%;padding:8px 12px;border-top:1px solid #dbdbdb;background:#fff;box-shadow:0px -5px 24px 0 rgba(151, 151, 151, 0.2);z-index:30;}
.btm_btns .buy02 .btn_area .btns02 .btn_cart{display:inline-block;flex:1;height:52px;margin:0 8px 0 0;text-align:center;font-size:16px;line-height:1.31;letter-spacing:-1px;color:#212121;font-weight:bold;border-radius:4px;background-color:#fff;border:1px solid #333;}
.btm_btns .buy02 .btn_area .btns02 .btn_buy{display:inline-block;flex:1;height:52px;text-align:center;font-size:16px;line-height:1.31;letter-spacing:-1px;color:#fff;font-weight:bold;border-radius:4px;background-color:#f91d65;}
.btm_btns .buy02 .btn_area .options{display:block;width:100%;height:100%;padding:24px 16px 69px;background:#fff;border-top-left-radius:15px;border-top-right-radius:15px;z-index:20;}
.btm_btns .buy02 .btn_area .options select{display:block;width:100%;height:44px;margin:0 0 8px;padding:10px 16px;font-size:12px;color:#212121;letter-spacing:-1px;border:1px solid #bababa;font-family:inherit;background:url(/img/icon-arrow-down@2x.png) no-repeat right 18px center;background-size:13px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/* 하단 고정 - 구매하기 */
.btm_btns_inner {width:100%;min-height:68px;padding:0;}
.btm_btns_inner .buy01{position:relative;padding:8px 0px;}
.btm_btns_inner .buy01 .btn_buy{display:inline-block;width:calc(100% - 52px);height:52px;text-align:center;font-size:16px;line-height:1.31;letter-spacing:-1px;color:#fff;font-weight:bold;border-radius:4px;background-color:#212121;}
.btm_btns_inner .buy02{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.2);z-index:20;}
.btm_btns_inner .buy02 .btn_area{position:absolute;bottom:0;left:0;width:100%;height:325px;}
.btm_btns_inner .buy02 .btn_area .btns02{position:absolute;bottom:0;left:0;display:flex;flex-direction:row;width:100%;padding:8px 12px;border-top:1px solid #dbdbdb;background:#fff;box-shadow:0px -5px 24px 0 rgba(151, 151, 151, 0.2);z-index:30;}
.btm_btns_inner .buy02 .btn_area .btns02 .btn_cart{display:inline-block;flex:1;height:52px;margin:0 8px 0 0;text-align:center;font-size:16px;line-height:1.31;letter-spacing:-1px;color:#212121;font-weight:bold;border-radius:4px;background-color:#fff;border:1px solid #333;}
.btm_btns_inner .buy02 .btn_area .btns02 .btn_buy{display:inline-block;flex:1;height:52px;text-align:center;font-size:16px;line-height:1.31;letter-spacing:-1px;color:#fff;font-weight:bold;border-radius:4px;background-color:#f91d65;}
.btm_btns_inner .buy02 .btn_area .options{display:block;width:100%;height:100%;padding:24px 16px 69px;background:#fff;border-top-left-radius:15px;border-top-right-radius:15px;z-index:20;}
.btm_btns_inner .buy02 .btn_area .options select{display:block;width:100%;height:44px;margin:0 0 8px;padding:10px 16px;font-size:12px;color:#212121;letter-spacing:-1px;border:1px solid #bababa;font-family:inherit;background:url(/img/icon-arrow-down@2x.png) no-repeat right 18px center;background-size:13px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}


/* 장바구니 */
.cart{padding:0 0 40px;}
.cart .shop .tit{display:flex;flex-direction:row;justify-content:space-between;padding:25px 12px 12px;border-bottom:1px solid #dbdbdb}
.cart .shop .tit h3{font-size:16px;line-height:1.2;letter-spacing:-1px;text-align:left;font-weight:bold;color:#212121;}
.cart .shop .tit em{display:inline-block;margin:0 0 0 8px;font-size:16px;font-weight:bold;color:#f91d65;}
.btn_shop{padding:3px 6px;font-size:11px;border:1px solid #f91d65;color:#f91d65;background:#fff;border-radius:2px;letter-spacing:-1px;}
.btn_del{padding:3px 6px;font-size:11px;border:1px solid #999;background:#fff;border-radius:2px;letter-spacing:-1px;}

.cart .list_item li{padding:16px 12px;border-bottom:1px solid #fafafa;}
.cart .list_item li .item{display:flex;flex-direction:row;margin:8px 0 0;width: 100%}

.photo{position:relative;width:55px;height:55px;;overflow:hidden;border-radius:4px;margin-right: 8px}

.cart .list_item li .txt_rt{display:flex;flex-direction:column;justify-content:space-between;flex:1;flex-grow: 1}
.cart .list_item li .txt_rt .txt_tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:-3px 3px 0 0;font-size:14px;line-height:1.3em;max-height:2.6em;letter-spacing:-1px;text-overflow:ellipsis;overflow:hidden;}
.cart .list_item li .txt_rt .info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;}
.cart .list_item li .txt_rt .info .txt_price{display:flex;flex-direction:column;}
.cart .list_item li .txt_rt .info .txt_price .per{font-size:11px;color:#f91d65;line-height:1.2;font-weight:bold}
.cart .list_item li .txt_rt .info .txt_price .price{font-size:16px;color:#212121;line-height:1.2;font-weight:bold}
.cart .list_item li .txt_rt .info .number{font-size:0;}

/* 하단 고정 - 결제하기  */
.pay{position:relative;display:flex;flex-direction:column;padding:12px 12px 8px;border-top:1px solid #dbdbdb;
  box-shadow:0px -5px 24px 0 rgba(151, 151, 151, 0.2);
  }
.pay .btn_pay{margin:10px 0 10px 0;display:inline-block;width:100%;text-align:center;font-size:16px;line-height:1.31;letter-spacing:-1px;color:#fff;font-weight:bold;border-radius:4px;background-color:#212121;}
.pay .txt_pay{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;}
.pay .txt_pay .txt_total{color:#212121;font-size:14px;}
.pay .txt_pay .txt_price{color:#f91d65;font-size:14px;}
.pay .txt_pay .txt_price2{font-size:14px;}
.pay .txt_pay .txt_price2>em{display:inline-block;margin:0 2px 0 0;font-size: 14px}
.pay .txt_pay .txt_price>em{display:inline-block;margin:0 2px 0 0;color:#f91d65;font-size:20px;font-weight:bold}

/* 나만의 마이샵 */
.myshop{padding:0;}
.myshop .user_info{padding:23px 12px 24px 19px;}
.myshop .user_info .user{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.myshop .user_info .user .txt .txt_user .name{font-size:22px;color:#212121;letter-spacing:-2px;}
.myshop .user_info .user .txt .txt_user .id{padding:0 0 0 12px;font-size:12px;color:#999;font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;}
.myshop .user_info .user .txt .txt_point{display:block;margin:8px 0 0 0;font-size:11px;color:#212121;}
.myshop .user_info .user .txt .txt_point em{padding:0 0 0 8px;font-size:11px;color:#f91d65;}
.myshop .user_info .user .good{width:48px;height:48px;border-radius:50%;background-color: #ccccccaa;}
/* 나만의 마이샵 - 전체 메뉴 */
.myshop .user_info .sta{font-size:0;padding:25px 0 0 0;}
.myshop .user_info .sta li{display:inline-block;width:25%;text-align:center;font-size:16px;}
.myshop .user_info .sta li a em{font-family:Lato, 'Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;display:block;font-weight:bold;}
.myshop .user_info .sta li a span{display:block;font-size:12px;color:#555;letter-spacing:-1px;margin:8px 0 0 0;}
/* 나만의 마이샵 - 전체 메뉴 */
.myshop .menu{padding:24px 12px 28px;border-top:1px solid #dbdbdb;}
.myshop .menu h3{margin:0;font-size:14px;color:#212121;font-weight:normal;}
.myshop .menu .btn_allmenu{display:block;margin:0 0 28px;font-size:14px;color:#212121;font-weight:normal;letter-spacing:-1px;}
.myshop .menu .category_tit{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.myshop .menu .category_tit h3{font-size:14px;color:#212121;font-weight:normal;letter-spacing:-1px;}
.myshop .menu .category_tit .btn_arrow{width:13px;height:7px;background:url(/img/icon-arrow-up@2x.png) no-repeat center center;background-size:13px;text-indent:-9999px;}
.myshop .menu .category_tit .btn_arrow.on{background:url(/img/icon-arrow-down@2x.png) no-repeat center center;background-size:13px;}
.myshop .menu .category_list{}
.myshop .menu .category_list>li{position:relative;margin:20px 0 0 0;padding:0 0 0 46px;}
.myshop .menu .category_list>li>a{display:inline-block;vertical-align:top;font-size:12px;color:#52474a;font-weight:normal;line-height:1.4;}
.myshop .menu .category_list>li.on>a{font-weight:bold}
.myshop .menu .category_list>li .btn_prev{position:absolute;top:1px;left:24px;width:6px;height:11px;background:url(/img/icon-back-copy@2x.png) no-repeat center center;background-size:6px;text-indent:-9999px;}
.myshop .menu .category_list>li .sub{display:inline-block;vertical-align:top;margin:-5px 0 0 15px;}
.myshop .menu .category_list>li .sub ul{padding:5px 0;border-left:1px solid #ddd;}
.myshop .menu .category_list>li .sub li{padding:0 0 0 15px;margin:20px 0 0;}
.myshop .menu .category_list>li .sub li:first-child{margin-top:0;}
.myshop .menu .category_list>li .sub li a{font-size:12px;color:#212121;}
/* 나만의 마이샵 - 나의 메뉴 */
.myshop .mymenu{padding:24px 12px 28px;border-top:8px solid #ededed;}
.myshop .mymenu h3{margin:0;font-size:11px;color:#999;font-weight:normal;}
.myshop .mymenu ul{padding:0}
.myshop .mymenu ul li{margin:28px 0 0 0;font-size:14px;color:#212121;letter-spacing:-1px}
/* 나만의 마이샵 - 최근 본 상품  */
.myshop .recent{padding:24px 0 28px 12px;border-top:1px solid #dbdbdb;}
.myshop .recent h3{margin:0 0 24px;font-size:14px;color:#212121;font-weight:normal;}
.myshop .recent .swiper_recent{position:relative;margin:0;padding:0;overflow: hidden}
.myshop .recent .swiper_recent .swiper-container .swiper-wrapper{adding:24px 0 28px;overflow-x:scroll}
.myshop .recent .swiper_recent .swiper-container .swiper-slide{display:inline-block;width:64px;height:64px;;margin:0 8px 0 0;}
.myshop .recent .swiper_recent .swiper-container .swiper-slide:last-child{margin-right:12px;}
.myshop .recent .swiper_recent .swiper-container .swiper-slide>a{display:block;width:64px;height:64px;border-radius:4px;overflow:hidden}
.myshop .recent .swiper_recent .swiper-container .swiper-slide>a:after{content:"";display:block;padding-bottom:100%;}
.myshop .recent .swiper_recent .swiper-container .swiper-slide>a img{position:absolute;display:block;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;border-radius:4px;}

/* tablet h & desktop */
@media screen and (min-width:768px) and (max-width:1024px){
  .main_top .visual .logo img{width:auto;height:72px;}
  .item_list li{width:calc(25% - 10px);}

}
/* pc */
@media screen and (min-width:1025px){
  .main_top .visual .logo img{width:auto;height:72px;}
  .item_list li{width:calc(25% - 10px);}
}




/* footer */

.footer {background-color: #f4f4f4; padding: 15px;}
.footer .nav a {font-size: 12px; color: #212121; display: inline-block; margin-right: 13px }
.footer .nav a:first-child{margin-left: 0;}
.footer .address{margin-top: 15px; overflow: hidden; font-size: 12px;}
.footer .info{margin-top: 10px;overflow: hidden;}
.footer .address > *, .footer .info > *{ font-size: 12px; color: #aaa; line-height: 1.4;}


.badge {
  display: inline-block;
  padding: 3px 4px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  text-indent: 0 !important;
}

.badge-danger {
  color: #fff;
  background-color: #f91d65;
}

.mr-1 {
  margin-right: 3px;
}
.mr-2 {
  margin-right: 6px;
}
.pr-2 {
  padding-right: 6px;
}
.pr-3 {
  padding-right: 9px;
}
.pr-4 {
  padding-right: 12px;
}
.pl-1 {
  padding-left: 3px;
}
.pl-2 {
  padding-left: 6px;
}
.pl-3 {
  padding-left: 9px;
}
.pl-4 {
  padding-left: 12px;
}
.ml-1 {
  margin-left: 3px;
}
.ml-2 {
  margin-left: 6px;
}
.ml-3 {
  margin-left: 9px;
}
.icons-r:not(:last-child) {
  margin-right: 12px;
}
.ml-4 {
  margin-left: 12px;
}
.pt-2 {
  padding-top:6px;
}
.pt-4 {
  padding-top:12px;
}
.pt-3 {
  padding-top:9px;
}
.pt-1 {
  padding-top:3px;
}
.pb-1 {
  padding-bottom:3px;
}
.pb-2 {
  padding-bottom:6px;
}
.mt-1 {
  margin-top:3px;
}
.mt-2 {
  margin-top:6px;
}
.mt-3 {
  margin-top:9px;
}
.pb-3 {
  padding-bottom:9px;
}
.pb-4 {
  padding-bottom:12px;
}
.white {
  color:white
}
.btn_go {display:inline-block;min-width:70px;width:auto;height:100%;margin:0 0 0 10px;padding:6px 10px 4px;line-height:1.2;border-radius:25px;color:#fff;font-size:11px;word-break:break-all;text-align:center;background:#f91d65;}

.fad {
  --fa-primary-color: #f91d65;
  --fa-secondary-color: rgb(252, 196, 23);
  --fa-secondary-opacity: 1;
}

.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.block-center {
  display: flex;
  justify-content: center;
}

.main-title {
  padding: 20px 10px 5px 10px;
}

.title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5em;
  padding-left: 5px;
}
.title-content {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.5em;
  padding-left: 5px;
}
.blockquote {
  font-size: 1rem;
  margin: 1.5rem 0;
  padding: .5rem 1.5rem;
  border-left: 2px solid #e6e8e9;
}
.blockquote-footer {
  margin-bottom: 1rem;
  font-size: 85.7142857%;
  color: #a0a6ae;
}
.ppx-10 {
  padding: 10px;
}
.d-flex {
  width: 100%;
  display: flex;
}
.d-flex div {
  flex-grow: 1;
}
.d-flex div:not(:last-child) {
  margin-right: 5px;
}
.light-gray {
  background-color: #f7f7f7 !important;
}

.slide2-leave-active {
  transition: 0.2s;
  opacity: 0;
}
.slide-enter-active {
  transition: 0.2s;
  opacity: 1;
}
.slide-enter {
  transform: translate(-100%, 0);
}
.slide2-leave-to {
  opacity: 1;
}

.slide2-leave-active {
  transition: 0.2s;
  opacity: 1;
}
.slide-enter-active {
  transition: 0.5s;
  opacity: 1;
}
.slide-enter {
  transform: translate(-100%, 0);
}
.slide2-leave-to {
  opacity: 0;
}

.my-refund {
  padding: 12px;
}
.my-refund h3 {
  padding: 20px 0 8px 0;
}
.my-refund .desc {
  font-size: 0.9em;
  line-height: 1.4em;
}

.d-flex .ngrow {
  flex-grow: 0;
}

.mbox{padding:15px;background:#f4f4f4;border:1px solid #dadada;border-radius:5px;word-break:break-all;}
.pa-2 {
  padding: 6px;
}
.pa-4 {
  padding: 12px;
}
.minput:disabled {
  background-color: #f0f0f099;
}
.minput{
  min-width: 100px;
  display:block;width:100%;height:44px;margin:0 0 8px;padding:10px 16px;font-size:12px;color:#212121;letter-spacing:-1px;border:1px solid #bababa;font-family:inherit;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.mselect{
  display:block;width:100%;height:44px;margin:0 0 8px;padding:10px 16px;font-size:12px;color:#212121;letter-spacing:-1px;border:1px solid #bababa;font-family:inherit;background:url(/img/icon-arrow-down@2x.png) no-repeat right 18px center;background-size:13px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.mselect:disabled {
  background-color: #f0f0f099;
}
.entered{
  border:2px solid red;
}

.mcaption{
  display: inline-block;
  color: #999;
  font-size: 0.9em;
  line-height: 1.4;
}
.mcaption2{
  display: inline-block;
  margin: 0 20px 0 0;
  color: #999;
  font-size: 0.9em;
  line-height: 1.4;
}
.mcaption.mandatory{
  /*color: #333;*/
}
.option {
  /*border-top: 1px solid #dbdbdb;*/
  margin-top: 5px;
}
.option .moption td {
  font-size: 0.9em;
}
.option .moption tr:not(:last-child) td {
  padding-bottom: 12px;
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 12px 0 rgba(0,0,0,0.3);
  transition: 0.3s;
  border-radius: 8px;
  padding: 10px;
}

.card-vline-alert {
  width: 5px;
  height: 100%;
  border-radius: 5px;
  background-color: red;
}
.card-icon-alert {
  padding: 6px 6px 6px 0;
  font-size: 22px;
  color: red;
  margin: auto;
}
.card-title {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 5px;
}

.card-vline-warning {
  width: 5px;
  height: 100%;
  border-radius: 5px;
  background-color: rgb(252, 196, 23);
}
.card-icon-warning {
  padding: 6px 6px 6px 0;
  font-size: 22px;
  color: rgb(252, 196, 23);
  margin: auto;
}
.card-desc {
  font-size: 14px;
  line-height: 17px;
  color: #777;
}
.alert_bottom {
  width:100%;
  margin-bottom: 15px;
  margin-top: 10px;
}

.btn-outline {
  border: 1px solid #bababa;
  color: #212121;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  text-align: center;
  border-radius: 4px;
  line-height: 1.31;
  letter-spacing: -1px;
  height: 52px;
  font-weight: bold;
  cursor: pointer;
}
a {
  cursor: pointer;
}
.btn2 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  line-height: 1.31;
  letter-spacing: -1px;
  height: 40px;
  font-weight: bold;
}
.btn-black {
  background-color:#212121;
  color:#ffffff;
}
.btn-naver {
  color: #fff;
  background: #3fc910;
}

input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #66666666;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid#66666666;
}

.pa-3 {
  padding: 9px;
}

.table100 {
  width: 100%;
  background-color: white;

  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
  border-color: grey;
}
.table100 thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eff2f7;
}
.table100 th {
  font-weight: 500;
}
.table100 th {
  padding: 0.5rem;
  vertical-align: top;
  border-top: 1px solid #eff2f7;
}
.table100 tr:not(:first-child) td {
  border-top: 1px solid #eff2f7;
}
.table100 td {
  padding: 0.6rem;
  vertical-align: top;
}