@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;700&display=swap');

/*************************************************** setting ***************************************************/ 
*{font-family:  'Pretendard', "Noto Sans Korean", "Nanum Gothic", "dotum", "Poppins", sans-serif;}
html {overflow-y:scroll;  scroll-behavior: auto !important;}
body {margin:0;padding:0;font-size:16px;line-height:1.6;height:100%;font-family: 'Pretendard', "Noto Sans Korean", "Nanum Gothic", "dotum", sans-serif;background:#fff;color:#4A4A4A;min-width:320px;letter-spacing: -0.04em; }
html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; line-height: 1.3; font-weight: 600;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em; color: #000;}
button,input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {-webkit-appearance:none}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button {-webkit-appearance:none;cursor:pointer;padding:0}
textarea, select {font-size:1em;font-family: 'Pretendard', "Noto Sans Korean", "Nanum Gothic", "dotum", sans-serif}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#2F2F2F;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}
img{max-width:100%;vertical-align:top;}

select{background-image:url('/img/icon_select.png'); background-size:18px 16px; background-repeat:no-repeat; background-position:center right 15px; padding-right: 45px; padding-left: 15px; background-color:#fff; color: #2f2f2f; border:1px solid #ddd;

-webkit-appearance:none; /* 크롬 화살표 없애기 */
-moz-appearance:none; /* 파이어폭스 화살표 없애기 */
appearance:none /* 화살표 없애기 */
}

*, *:before, *:after {box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
*,:after,:before {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}

input[type=text],input[type=password], 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; 
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important
}


 
input[type="number"]:hover::-webkit-inner-spin-button,
input[type="number"]:hover::-webkit-outer-spin-button,
input[type="number"]:focus::-webkit-inner-spin-button,
input[type="number"]:focus::-webkit-outer-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {  -webkit-appearance: none; } 

html.loading,
body.loading {
    overflow: hidden;
    height: 100%;
}


/*************************************************** header ***************************************************/ 
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e6e6e6;background:#fff}
.hd_pops_con {}
.hd_pops img {max-width:100%;height:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:relative}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wr {width:100%; padding:30px 60px; transition:all ease .35s;}
#hd_wr.fixed{top:0; padding:0; }
#hd_wr.fixed #hd_wr_inner{ border-radius:0; box-shadow:none; }
#hd_wr.fixed #hd_wr_inner::before{border-radius:0;}
/* 
#hd_wr.fixed #hd_wr_inner{  background: rgba(255, 255, 255, 95);} 
*/
#hd_wr.scroll-down {transform:translateY(-100%);transition:0.35s;}
#hd_wr.scroll-up {transform:translateY(0);transition:0.35s;} 

.hd_right_btn {position:absolute;top:10px;right:0;margin-top:20px}
.hd_right_btn button {border:none;background:none;width:35px;height:35px;line-height:35px;margin-left:3px;font-size:1.5em}
.hd_right_btn>a {float:left;display:inline-block;width:35px;height:35px;line-height:35px;margin-left:3px;border:0;background:0;text-align:center;font-size:1.5em;vertical-align:top;color:#2F2F2F}
.hd_right_btn .cart {position:relative}
.hd_right_btn .cart .cart-count {position:absolute;top:0;right:0px;display:block;height:14px;line-height:14px;background:#111;font-size:11px;color:#fff;padding:0 3px;border-radius:50%}

.hd_notice{float:left;}
.hd_top_btn{  padding:5px 0; text-align:right;}
.hd_top_btn a{display:inline-block; padding:5px;  font-size:12px;}
.hd_top_wr{max-width:1400px; margin:0 auto; width:95%;}
 
#scroll_top_gnb {display:none;width:885px;margin:15px 0 0 15px}
#gnb_scroll {margin:0 auto;display:table}
#gnb_scroll li {display:inline-block;font-size:1em;font-weight:bold;padding:0 10px}
#gnb_scroll li:hover a {color:#2F2F2F}
 

 
.btn_align {float:left;display:inline-block}
.join_btn {position:relative}

.animated2 {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 animation-iteration-count:infinite;
 -webkit-animation-iteration-count:infinite;
}

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

@keyframes bounce2 {
 0%, 100% {transform:translateY(0)}
 50% {transform:translateY(-5px)}
}

.bounce2 {-webkit-animation-name:bounce2;animation-name:bounce2}
#animated-example {z-index:999999;width:45px;height:20px;font-size:11px; font-weight:300;line-height:20px;background-color:#2F2F2F; color:#fff;position:absolute;top:35px;left:-5px;border-radius:3px; text-align:center;}
#animated-example:before {content:"";position:absolute;top:-4px;right:18px;width:4px;height:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #111}

.hd_search h3 {padding:20px;border-bottom:1px solid #f7f7f7}
.hd_search #sch_str {margin:20px;width:257px;height:40px;border-radius:20px;border:1px solid #e6e6e6;background:#f7f7f7;padding:0 40px 0 20px}
.hd_search #sch_submit {position:absolute;top:83px;right:25px;width:40px;height:35px;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:none;font-size:15px;color:#333}
.hd_search .btn_close {position:absolute;right:10px;top:12px;z-index:999;color:#cecece}
.hd_search .btn_close:hover {color:#ddd}

.tnb_con {display:none;width:300px;background:#fff;border:1px solid #e6e6e6;position:absolute;top:40px;right:0;z-index:9999}
.tnb_con:before {content:"";position:absolute;top:-10px;right:5px;width:0;height:0;border-style:solid;border-width:0 10px 12px 10px;border-color:transparent transparent #fff transparent;z-index:1}
.tnb_con:after {content:"";position:absolute;top:-12px;right:5px;width:0;height:0;border-style:solid;border-width:0 10px 12px 10px;border-color:transparent transparent #e6e6e6 transparent}

.hd_search .tnb_con:before {right:80px}
.hd_search .tnb_con:after {right:80px}

#hd_btn{display:none;}
#btn_hdcate {  width:24px;height:30px;  border:0; background: none;display: flex ;   flex-direction: column;  justify-content: center;}
#btn_hdcate .bar{width:80%; height:2px; background:#2f2f2f; margin:3px 0; display:block;}
#btn_hdcate .bar:first-child{width: 100%;}

#hd #btn_hdmy {position:absolute;top:10px;right:45px}

#hd_wr  {position:fixed;top:0;left:0;z-index:9;     pointer-events: none;}  
#hd_wr_inner {position:relative;margin:0 auto;  padding:20px 40px;   display:flex; align-items:center; justify-content:space-between;height:100px;  background: rgba(255, 255, 255, 0.2);border-radius: 12px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); /*border: 1px solid rgba(255, 255, 255, 0.3);*/     pointer-events: auto; transition:all ease .35s;} 
#hd_wr_inner::before {  content: "";  position: absolute;  inset: 0;  border-radius: 12px;   padding: 1px; background:linear-gradient(160deg, rgb(255 255 255 / 29%), transparent, rgb(255 255 255 / 0%)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;} 
#hd_wr_inner #logo {text-align:center; max-width:112px;}
#hd_wr_inner #logo a{font-size:30px; display:block; line-height:1;}
#logo a img{width: 100%;    transform: translateY(3px);}
 
 
/*카테고리*/
.gnb{position:relative; display: flex;  justify-content: center;}
.gnb .gnb_cate{  display:flex; justify-content:center; flex-wrap:wrap; font-size: 17px; }
.gnb .gnb_cate > li{padding:15px 30px; position:relative;} 
.gnb .gnb_cate > li > ul{position:absolute; width:160px; left:50%; margin-left:-80px; text-align: center; border-radius:12px; background:#fff; top:50px; padding:15px 0;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); visibility: hidden; opacity:0; transition:all ease .3s; z-index:2;}
.gnb .gnb_cate > li > ul > li > a{display:block; padding:5px 25px; font-size:15px; color: #666; }
.gnb .gnb_cate > li > ul > li > a:hover{color: #46b1b4;}


/* white header */ 
.white #hd_wr #hd_wr_inner #logo img {filter: brightness(0) invert(1);} 
.white #hd_wr .gnb .gnb_cate > li > a{color: #fff;} 
.white #hd_wr .gnb .gnb_cate > li > ul{ }
.white #hd_wr .lang > a{color: #fff;}
.white #hd_wr .hd_right .tnb_top > a{color: #fff;} 
.white #hd_wr .hd_right .tnb_btm > ul a img{filter: invert(0);}
.white #hd_wr .lang .icon_down{filter: invert(0);} 
.white #hd_wr #btn_hdcate .bar{background: #fff;}  

/* sub header */     
.hd_right .tnb_btm > ul a img{filter: invert(1);}
.lang .icon_down{filter: invert(1);} 
.hd_right .tnb_top{display:flex; ; font-size: 15px; justify-content:flex-end; gap:12px;} 
.lang{position:relative; }
.lang > a{display:flex; gap:10px;  align-items:center; cursor:pointer; }
.lang .icon_down{width: 9px; height: 9px; background: url('/img/icon_down.svg') no-repeat center center / contain; display:inline-block; transition:all ease .35s;}
.lang > ul{  position:absolute; z-index:2; left:50%; margin-left:-25px; top:24px; background: #fff; width: 50px; border-radius: 6px; opacity:0; visibility:hidden;  transition:all ease .35s; border:1px solid #eee;}
.lang > ul li a{display:block;text-align: center; padding:5px;  font-size: 13px; } 
.lang.on .icon_down{    transform: rotate(180deg);}
.lang.on > ul{visibility:visible; opacity:1;}
.hd_right .tnb_btm{margin-top: 12px;}
.hd_right .tnb_btm > ul{display:flex; gap:26px;}
.hd_right .tnb_btm > ul a{display:block; position:relative;} 
.cart-count{position:absolute; left:50%; top:-5px; display:inline-flex; align-items:center; justify-content:center; background: #54d7cf; color: #fff; width: 20px; height: 20px; border-radius:50%; font-size: 12px; line-height: 1;}

 
 


.sidr {display:block;position:fixed; right:0;width: 100%; top:0; height:100vh;z-index:999999;overflow-x:hidden; overflow-y:auto;  background: #fff;}
.sidr #menu{width:100%;     border-right:1px solid #e6e6e6; background: #fff;}
.sidr.sidr-right {right:-100%; } 
.sidr.sidr-right .menu_close {  border:0;  color: #2f2f2f;   top:11px; right:6px;  z-index: 999999; position:absolute;  font-size: 20px; background:transparent;}
.sidr.sidr-right .menu_close i{ padding:16px; font-size:1.3em;}
#category {clear:both;  }
#category .menu_wr {height:100%;overflow-y:auto;background:#fff;padding:20px 20px 80px;position:relative;z-index:199919}
#category .menu_top{display:flex; align-items: center; justify-content:space-between; padding-right: 50px;}  
#category .menu_top #logo a{display:block; max-width:100px;}  
#category .menu_lang a{display:inline-block; line-height: 1;}
#category .menu_lang a:last-child{border-left:1px solid #ddd; padding-left: 10px; margin-left: 10px;}
#category .content{margin-top: 50px; margin-left: 10px;}
#category .menu_comm{margin-top: 50px; margin-left: 10px;}
#category .menu_comm a{display:block; font-size: 1em; padding:6px 0; color: #666; font-weight: 400;}
#category .ft_sns{ margin-top: 30px;filter: brightness(0.5); margin-left: 10px;}


#hd_sch {text-align:center;padding:0 0 10px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch .sch_inner {position:relative}
#hd_sch #sch_str {width:100%;height:50px;border-radius:50px;border:1px solid #e6e6e6;background:#f7f7f7;padding:0 40px 0 20px}
#hd_sch .sch_submit {position:absolute;top:2px;right:5px;width:40px;height:45px;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:none;font-size:15px;color:#333} 

#category .cate{ }
#category .cate a {display:block;color:#2F2F2F;  line-height: 45px;     font-size: 1.6em; font-weight: 500;}
#category .cate li {position:relative;  }
#category .cate > li + li{margin-top: 10px;}
#category .cate + .cate{margin-top: 10px;}
#category .cate li button {position:absolute;top:0;right:0; border:0;width:50px;height:45px;overflow:hidden;border:0;background:url(../img/mobile/gnb_plus.png) no-repeat 50% 50% / 24px;text-indent:-9999px}
#category .cate li button.ct_cl {background:url(../img/mobile/gnb_minus.png) no-repeat 50% 50%  / 18px}

#category .sub_cate {display:none; padding:0 16px 24px 16px;   margin : 10px 0;}
#category .sub_cate a {  font-size:1.2em; line-height: 40px; font-weight: 400;} 





/* quick */ 
.quick-menu {position: fixed;  top: 50%;  right: -91px;   width: 91px; transform: translateY(-50%); background: rgba(255,255,255,0.4); backdrop-filter:blur(20px);  border: 1px solid rgba(255,255,255,0.4);   border-radius: 24px 0 0 24px;  transition: right 0.3s ease;  font-family: sans-serif;  z-index: 999;}
.quick-menu.open {  right: 0;}
.quick-menu .toggle-btn {  position: absolute; top: 50%;  left: -31px;transform: translateY(-50%);  background: #737373;color: #fff;  border: none;  width: 30px;height: 70px;  cursor: pointer;  border-radius: 12px 0 0 12px; font-size: 24px; line-height: 1;}
.quick-menu .arrow {   transition: transform 0.3s; display:flex;  align-items: center;    justify-content: center;}
.quick-menu.open .arrow {  transform: rotate(180deg);    }
.menu-items {  padding:40px 10px; text-align: center;}
.menu-items li + li {  margin-top: 20px;}
.menu-items a img{ width:40px;  margin:0 auto; display:block;}
.menu-items a {font-size: 12px; font-weight: 500;}
.menu-items a p{margin-top: 8px;  }    




/*************************************************** common ***************************************************/ 
/* 중간 레이아웃 */ 
#wrapper{ position:relative;}
#container {padding: 180px 0;   max-width:1400px;margin:0 auto; width: 100%;   min-height: 50vh;}
#container.idx-container {max-width:100%; padding :0;  }
#container .idx_only {max-width:1400px;margin:0 auto}
#container .idx_only:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {padding:40px 0 60px; font-size:50px; color:#2F2F2F; text-align:center;font-weight:600}
#container_title span {display:inline-block;padding-bottom:10px} 
 


/* swiper */
#container .swiper-button-next:after, 
#container .swiper-button-prev:after{ font-size: 10px; font-weight: 800;} 
#container .swiper-button-next, 
#container .swiper-button-prev{width:40px; height:40px; background-color:#fff; border-radius:50%; color:#2F2F2F;     background-image: none;} 
#container .swiper-button-next{right:-80px;}
#container .swiper-button-prev{left:-80px;}
#container .swiper-pagination{bottom:-70px; transform:none; background: rgba(0,0,0,0.2); width:auto; left:50%; transform:translateX(-50%); top:auto;   display:inline-flex; gap:8px; border-radius:20px; padding:8px;}
#container .swiper-pagination-bullet{width: 8px; height: 8px; border-radius:50%; margin:0; background: #fff; opacity:.3;}
#container .swiper-pagination-bullet-active{background: #fff; opacity:1;}


 


/*************************************************** footer ***************************************************/  

/* 하단 레이아웃 */
#ft {position:relative; z-index:1; background: url('/img/ft_bg.jpg') no-repeat center center / cover;  color: #fff;  padding:100px 0;} 
#ft:before{ width:100%; height:140px; background: #fff; border-radius: 0 0 100px 100px; position:absolute; left:0; top:0;}
#ft h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} 
#ft_logo img{height:80px;     filter: brightness(0) invert(1);}
.ft_wr {margin:0 auto;max-width:1720px; display:flex; justify-content:space-between; width: 90%; }
.ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
.ft_center {display:flex; gap:80px; flex-direction:column; }
.ft_con p + p{margin-top: 4px;}
.ft_con p {font-weight: 300; font-size: 16px; display:flex; flex-wrap:wrap; gap:20px; }  
.ft_con strong{font-weight: 500;} 
.ft_con .tel{font-weight: 700; font-size: 46px; margin:12px 0;}
.ft_right {display:flex; justify-content:space-between; align-items:flex-end; text-align:right; flex-direction:column; } 
.ft_right p { justify-content:flex-end}
.ft_sns{display:flex; gap:8px;}
.ft_sns a{display:flex; align-items:center; justify-content:center; width: 52px; height: 52px; border-radius:50%; background: rgba(255,255,255,0.2); backdrop-filter:blur(30px);}
#ft_link > ul{display:flex;}
#ft_link > ul:first-child{gap:30px; margin-bottom: 16px;}
#ft_link > ul:first-child a{font-size: 20px; font-weight: 500; color: #fff;}  
#ft_link > ul:nth-child(2){gap:24px; }
#ft_link > ul:nth-child(2) a{font-size: 16px; font-weight: 400; color: #fff;}
#ft_link > ul:nth-child(2) > li:first-child a{font-weight: 500;} 
#ft_to_top {position:fixed;bottom:20px;right:20px;width:56px;height:56px;line-height:56px;background:#54d7cf;border-radius:50%;color:#fff;text-align:center; z-index:9;    display: flex;  align-items: center;  justify-content: center; opacity:0; visibility:hidden; transition:all ease .35s;}  
#ft_to_top.on{opacity:1; visibility:visible;}
#ft_to_top i{font-size: 20px;}
 

 
/* 목록 바로가기 */
.sanchor { font-size:0; position:sticky; top:0; display: inline-flex; background:#a1a7a8; border-radius:13px 13px 0 0; z-index:2; overflow:hidden; transition:top ease .35s;}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {display:inline-block; text-align:center;line-height:60px; }
.sanchor li + li a{ border-left:1px solid #c5c5c5;}
.sanchor a {    display: flex; align-items: center; gap: 4px; justify-content:center; color:#fff;  padding:0 10px; width: 160px; font-size: 18px;} 
.sanchor a.sanchor_on { border-color:#fff; font-weight:600;color:#5fcce3;background:#fff;position:relative; border-radius:12px 12px 0 0; z-index:2;}
.sanchor li:has(.sanchor_on) + li a{border:0;}
.sanchor a.sanchor_on:after{content:''; width: 12px; height: 12px; position:absolute; left:-12px; bottom:0;background: url('/img/radius_left.png') no-repeat center center / cover;}
.sanchor a.sanchor_on:before{content:''; width: 12px; height: 12px; position:absolute; right:-12px; bottom:0;background: url('/img/radius_right.png') no-repeat center center / cover;}
.sanchor a span { width: 20px; height: 20px; display:flex; align-items:center; justify-content:center;background:#fff;color:#999;border-radius:50px; font-size: 13px; text-align: center; font-weight: 500; line-height: 1; vertical-align: text-bottom;}
.sanchor a.sanchor_on span {background:#eef3f5; color: #66c9d2;}
.sanchor li:first-child a:after{display:none;}

body:has(#hd_wr.scroll-up) .sanchor{top:130px}
 
 
/*************************************************** shop contents ***************************************************/ 

.st_bg {display:inline-block;width:1px;height:10px;margin:0 10px;background:#e2e1e0;vertical-align:-1px}
#listtype {margin:30px 0 20px}


/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}


/* 상세페이지 기본(PC): 모바일 전용 숨김 */
.only-m { display: none !important; }

/* 상세페이지 모바일(768px 이하): PC 전용 숨기고 모바일 전용 표시 */
@media (max-width: 768px){
  .only-pc { display: none !important; }
  .only-m  { display: block !important; }
}


/* 공통 select style */  
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} 
.selec_chk + label{font-size: 16px;}
input[type="checkbox"] + label { }
input[type="checkbox"] + label:hover { }
input[type="checkbox"] + label span {position:absolute; left:0;width:20px;height:20px;display:block;background:#fff;border:1px solid #ddd;border-radius: 6px}
input[type="checkbox"]:checked + label {color:#000}
input[type="checkbox"]:checked + label span {background:url('/img/chk.png') no-repeat 50% 50% #5fcce3;border-color:#5fcce3;border-radius: 6px}
.chk_all input[type="checkbox"] + label span {top:16px}


/* 공통 radio style */      
input[type="radio"] {position:relative;  appearance: none;  border: 1px solid #ddd;  border-radius: 50%;  width: 20px;  height: 20px;     margin-right: 5px;}
input[type="radio"] + label{cursor:pointer;}
label + input[type="radio"]{margin-left: 10px;}
input[type="radio"]:checked {  border: 1px solid #5fcce3;}
input[type="radio"]:before{	content:''; 	width:0; 	height:0;	position:absolute;	top:50%;	left:50%;	transform:translate(-50%,-50%);	background: #5fcce3; border-radius:50%;  }
input[type="radio"]:checked:before{	width:9px; 	height:9px;}
input[type="radio"]:focus-visible {  outline-offset: 1px;outline: 1px dotted #5fcce3;}
input[type="radio"]:hover {   cursor: pointer;} 
input[type="radio"]:disabled { background-color: lightgray; box-shadow: none;  opacity: 0.7;  cursor: not-allowed;}
  
#mb_login .go-home{display:none;}

/* 장바구니 주문서 공통 */  
#sod_chk {position:relative;  font-size:13px; padding-left: 30px;}
.sod_list { font-size:14px}
.sod_list .sod_li {position:relative; background:#fff; margin:20px 0; padding:30px 20px;   border-radius:20px; }
.sod_list .li_chk{ position:absolute; left:20px;  top:30px; display:inline-block;}
.sod_list .li_name {  font-size: 1.3em;  }
.sod_list .li_name strong{font-weight: 600;}
.sod_list .li_op_wr {position:relative; padding-left:150px;min-height:90px; margin-bottom: 20px;}
.sod_list .total_img {position:absolute;top:0;left:36px; width: 100%; max-width:90px;     aspect-ratio: 1; background: #ddd;  border-radius:10px; overflow:hidden;}
.sod_list .total_img img{width: 100%; height: 100%; object-fit:cover; background: #f5f5f5;}
.sod_list .li_mod{position:Relative;  }
.sod_list .mod_options {padding:0 7px;border:0; border:1px solid #ddd; background: #fff; border-radius: 6px;height:30px;line-height:21px;margin:5px 0 0; font-size:12px;}
.sod_list .li_prqty {margin:0 0 20px ; border-radius:8px; background: #f8f8f8; padding:15px ; font-size: 15px;}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
.sod_list .li_prqty_sp {float:left;width:50%;display:block;line-height:20px;padding: 4px 10px;text-align:right}
.sod_list .li_prqty_sp span {float:left}
.sod_list .li_prqty_sp strong{font-weight: 500;}
.sod_list .prqty_sc,.sod_list .prqty_price { }
.sod_list .total_price {background:#fff; color:#2F2F2F; display:block;clear:both;margin:10px 0;text-align:right; line-height:20px; font-size:1.2em; font-weight: 500;}
.sod_list .total_price span {float:left; font-weight: 600; margin-top: 3px;}
.sod_list .total_price strong {font-size:24px;color:#2F2F2F; font-weight: 600; margin-right: 5px;}
.sod_list .opt_name{font-weight: 400; font-size: 14px;}
.sod_opt{padding: 5px 0 10px;}
.sod_opt li {padding-left:10px;background:url('../img/bullet.gif') no-repeat 0 8px;color:#2F2F2F; font-size: 14px;}

#sit_opt_added { border-bottom:0;list-style:none;border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom: 20px;}
#sit_opt_added li {padding:0 ; position:relative; overflow:hidden; font-size: 16px;   }
#sit_opt_added li + li{margin-top: 12px;}
#sit_opt_added li .opt_name {font-size: 16px; padding:0 0 10px}
#sit_opt_added li .opt_count button{height: 40px;}
#sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}  

#sit_opt_added button { width:30px;height:40px;border:1px solid #e4e4e4;background:#fff;color:#666;font-size:18px; display: flex; align-items: center;  justify-content: center; padding:0; border-radius:60px; overflow:hidden;}
#sit_opt_added button:hover {color:#2F2F2F}
#sit_opt_added button.sit_qty_minus{border-right:0; border-radius: 6px 0 0 4px;}
#sit_opt_added button.sit_qty_plus{ border-left:0; border-radius:0 4px 4px 0;} 
#sit_opt_added .num_input {float:left;border:0;height:40px;width:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {border:0; font-size: 20px;  margin-left:3px; background: transparent;}  
#sit_opt_added .sit_opt_prc { flex: 0 0 auto;  order: 1;display:block;padding:0  ;text-align:right;line-height:40px;font-size:15px; width: 70px;} 
#sit_opt_added .sit_opt_ip{display:inline-flex; }
#sit_opt_added .sit_opt_box{display:flex; justify-content:space-between; align-items:center;}
#sit_opt_added .opt_count{display: flex; border: 1px solid #ddd; overflow:hidden; border-radius:60px; padding:0 10px;}
#sit_opt_added .opt_count button{  border:0; font-size: 1.2em;} 
#sit_opt_added .num_input{  border:0;  } 
#sit_opt_added .sit_opt_subj{display: block;  width: 100%; font-weight: 600;}

#sit_opt_added:has(.sit_opt_ip)  li{   display: flex;  align-items: center;   gap: 10px;  width: 100%;}
#sit_opt_added:has(.sit_opt_ip) .sit_opt_subj{display: inline-block;   }

/* 모바일 주문서 */  
#sod_frm.sod_frm_mobile .sod_list .sod_li{border:1px solid #ddd;}
#sod_frm.sod_frm_mobile .sod_list .total_img{left:0;}
#sod_frm.sod_frm_mobile .sod_list .li_op_wr{padding-left: 85px;}
#sod_frm.sod_frm_mobile .sod_list .li_name{margin-bottom: 10px;}
#sod_frm.sod_frm_mobile .sod_ta_wr{padding:0;}
#sod_frm.sod_frm_mobile #m_sod_bsk_tot{border: 1px solid #ddd;  border-radius: 20px; padding:20px;}
#sod_frm.sod_frm_mobile .odf_list .btn_addsch{height:44px; padding:12px 14px; font-size: 14px;}
#sod_frm.sod_frm_mobile .odf_list label{font-size: 15px;     margin: 10px 0 7px;}
#sod_frm.sod_frm_mobile .odf_tbl table th{padding:12px 0;}
#sod_frm.sod_frm_mobile .odf_tbl table td{padding:12px 0;}


/* 장바구니 */
#mod_option_frm {position:fixed;top:50%;left:50%; transform:translate(-50%,-50%); background:#fff;width:90%; max-width:400px;  overflow:hidden; z-index:99;border-radius:20px;   padding:10px; z-index:11}
#mod_option_frm form{max-height:400px; overflow-y:auto;}
.mod_option_bg{    position: fixed;  inset: 0; background: rgba(0, 0, 0, 0.3);  z-index: 10;}
#mod_option_frm h2 {height:45px;line-height:45px;font-size:17px;background:#fff;color:#2F2F2F;padding:0 15px}
#mod_option_frm #sit_tot_price {margin:0 15px 15px;font-size:1.3em;font-weight:bold;text-align:right;position:relative ; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e4e4e4; padding-top: 15px;}
#mod_option_frm #sit_tot_price span {font-weight:normal;font-size:15px}
#mod_option_frm #sit_sel_option{padding:0 15px; margin:10px 0;}
#mod_option_frm #sit_sel_option #sit_opt_added li{ }

#mod_option_frm #sit_sel_option ul {background:#fff;border:0; padding-bottom: 10px;}
#mod_option_frm h3 { color:#2F2F2F; font-weight: 500; font-size: 13px; margin-bottom: 5px; color: #666;}
#mod_option_frm .option_wr {margin:15px}
#mod_option_frm .option_wr label {margin:0 0 5px;display:none;}
#mod_option_frm .option_wr select {width:100%;height:45px;border:1px solid #d9d9d9;margin:0 0 5px; padding:0 15px; border-radius: 12px;}
#mod_option_frm .btn_confirm {margin:15px}
#mod_option_frm .btn_confirm .btn_submit {  padding:10px 24px; font-weight:500; }
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:6px;right:6px;width:50px;height:50px;border:0;background:none;color:#2F2F2F;font-size:20px}
#mod_option_frm #sit_opt_added .sit_opt_subj{ font-size: 14px; font-weight: 500;}



body:has(#sod_bsk) {background: #eef3f5;}
#sod_bsk{max-width:800px; margin:0 auto;}
#sod_bsk .empty_list{background: #fff; border-radius:20px;}
#sod_bsk .btn_del_wr {margin:10px auto; display:flex;   gap:6px;}
#sod_bsk .btn_del_wr button.btn01{background: #aaa; color: #fff; border-color:#aaa;}
#sod_bsk .sod_ta_wr { margin-top: 30px;}
#sod_bsk .go_shopping {margin:10px; text-align:center}
#sod_bsk .go_shopping .btn01 { max-width:200px; font-size:1em;font-weight:500;width:100%;text-align:center}
#m_sod_bsk_tot {background:#fff;border-radius:10px;padding:30px; font-size: 15px;}
#m_sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_bsk_tot dt {float:left;width:40%;padding:5px 0;line-height:20px;clear:both;  }
#m_sod_bsk_tot dd {float:left;width:60%;padding:5px 0;text-align:right;line-height:20px; font-weight: 600;}
#m_sod_bsk_tot dd strong{font-weight: 600;}
#m_sod_bsk_tot .sod_bsk_cnt {  }
#m_sod_bsk_tot .sod_bsk_cnt strong { }
#sod_bsk_act .btn_submit {width:200px;height:50px;font-size:16px;font-weight:500;margin:10px 0;  }
#sod_bsk_act .total{padding: 15px 20px ; font-size:18px; font-weight:600;     display: flex;  justify-content: space-between;    align-items: center;}
#sod_bsk_act .total .total_cnt{color:#5fcce3;font-size:28px; font-weight:600; margin-left: 10px;}

/* 주문서 작성 */
body:has(#sod_frm) #wrapper{background: #eef3f5;} 
#sod_frm{  background: #fff; border-radius:24px; padding:60px; }
#sod_frm .od_prd_list {background:#fff}
.od_prd_list .td_chk {border-left:0}
.od_prd_list .td_prd {border-left:0;position:relative;padding:20px 10px; padding-left:120px;min-height:100px}
.od_prd_list .td_prd .sod_img {position:absolute;top:20px;left:20px; border-radius:8px; overflow:hidden;}
.od_prd_list .td_prd .sod_name {min-height:80px}
.od_prd_list .td_prd .sod_name b{font-size: 1.2em; font-weight: 600; display:block;  padding:3px 0 0;}
.od_prd_list .td_prd .prd_name {font-size:1.167em}
.od_prd_list .total_prc {color:#2F2F2F;font-weight:bold;font-size:1.167em} 
.ad_default_chk{position:relative; display:inline-block; padding-left: 26px; line-height: 1.2; margin-left: 10px; height:20px; vertical-align:middle;}

#sod_frm_orderer {padding:10px 0; }
#sod_frm_taker {padding:0}
#sod_frm_taker h2,#sod_frm_orderer h2 {margin:20px 0;font-size:1.5em}
.odf_list li {}
.odf_list label,.odf_list strong {display:block;margin:7px 0 5px;color:#444;font-weight:normal}
.odf_list .frm_input {width:100%;margin:0 0 5px}
.odf_list .dlv_slt div { }
.odf_list .dlv_slt div label {display:inline-block;margin:3px 0;color:#2F2F2F}
#order_address {display:inline-block; text-align:center;border:1px solid #ddd;color:#2f2f2f; margin-left:10px; vertical-align:baseline;background:#fff; border-radius: 6px; padding:6px 12px; font-size: .9em; }
.odf_list .ad_default {display:inline-block;margin:0}
.odf_list .btn_addsch {position:absolute;top:5px;right:5px; height:30px}
.odf_list .add_num {position:relative;display:block}
.odf_list textarea {border:1px solid #e6e6e6;background:#fff;color:#2F2F2F;vertical-align:middle; padding:5px;width:100%;height:70px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
#m_sod_frm_paysel {margin:10px 0}
#m_sod_frm_paysel ul {margin:0 0;background:#fff;padding:0; }
#m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_frm_paysel li {float:left;padding:5px;width:46%;height:25px}
#m_sod_frm_paysel .KPAY {background:url('../../../img/kpay.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .PAYNOW {background:url('../../../img/paynow.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .PAYCO {background:url('../../../img/payco.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .inicis_lpay {background:url('../../../img/lpay_logo.png') no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.kakaopay_icon {background:url('../../../img/kakao.png') no-repeat;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:100%}
.samsung_pay {background:url('../../../img/samsungpay.png') no-repeat;height:12px;width:83px;display:inline-block;overflow:hidden;text-indent:-999px}

#sod_frm {  overflow:Hidden;}
#sod_frm .sod_ta_wr {background:#fff;padding:15px}
#sod_frm .btn_confirm {width:100%;  margin:20px auto 10px} 
#sod_frm .btn_submit {width:100%;height:54px; margin:5px 0;   font-size: 16px; font-weight: 600;} 
#sod_frm .btn_cancel,#sod_frm .btn01 {width:100%;line-height:53px;height:54px; margin:5px 0;padding:0;   font-size: 16px; font-weight: 600;}

#sod_frm_pay { border-top:1px solid #e6e6e6; margin-top: 10px; padding-top: 10px;}
#sod_frm_pay h2 {margin:10px 0;font-size:16px}
#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1 {margin-top:0}
.odf_tbl {position:relative}
.odf_tbl table {background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #e6e6e6; margin-bottom:30px;}
.odf_tbl table th {border-top:1px solid #e6e6e6;padding:12px 0;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td {border-top:1px solid #e6e6e6;padding:12px 0;text-align:right}

#sod_frm_pt_alert {margin:10px 0;color:#2F2F2F}

.sod_frm_point {padding:10px 0;clear:both}
.sod_frm_point div {background:#fff;border-bottom:1px solid #e6e6e6;padding:10px;text-align:right}
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label {float:left;line-height:30px}
.sod_frm_point div span {display:block;font-size:0.92em}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point .max_point_box em {font-style:normal !important}
.sod_frm_point div strong {float:left;color:#666;font-weight:normal}
.sod_frm_point #od_temp_point {height:30px;border:1px solid #e6e6e6;text-align:right}

#settle_bank {background:#fff; padding:20px 0 0;text-align:right;clear:both}
#settle_bank select {height:40px;margin:0 0 5px;width:100%; }
#settle_bank #od_deposit_name {height:40px;border:1px solid #e6e6e6;text-align:center;  margin-top: 10px; font-size: .95em;}
#settle_bank label {float:left;line-height:40px; margin-top: 10px;}
#sod_frm_pt_info {border-bottom:1px solid #e6e6e6}


/* 쿠폰존 */
.sub .couponzone_list ul li .coupon_info{border-color: #ddd; border-radius:8px; overflow:hidden;}
.sub .couponzone_list ul li .coupon_info h4{font-size: 1.1em; font-weight: 600;}

/* 주문하기 쿠폰 */ 
.od_coupon {position:fixed;top:50%;left:50%; transform:translate(-50%,-50%); background:#fff;width:90%; max-width:400px;  overflow:hidden; z-index:99;border-radius:8px;   padding:20px; z-index:11} 
.od_coupon_wrap{    position: fixed;  inset: 0; background: rgba(0, 0, 0, 0.3);  z-index: 10;} 
.od_coupon h3 { margin-bottom: 10px; font-size:1.167em; text-align:left}
.od_coupon .tbl_head02 {margin:0; font-size: 14px;}
.od_coupon .tbl_head02 .btn_frmline {background:#5fcce3 !important;color:#fff !important;border:0;padding:0 5px;line-height:25px}
.od_coupon .tbl_head02 td {text-align:left; border-top:0;}
.od_coupon .tbl_head02 th {width:auto !important; border-top:1px solid #2f2f2f;}
#sod_frm_pay .od_coupon .tbl_head02 th {text-align:center;}
.od_coupon .tbl_head02 .td_mngsmall {width:60px;text-align:center}
.od_coupon .tbl_head02 .td_numbig {width:80px;text-align:right} 
.od_coupon .btn_confirm {margin:20px}
.od_coupon .btn_confirm .btn_submit {height:40px;font-size:1.167em;font-weight:bold;width:100%}
.od_coupon .btn_confirm .btn_close {position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#2f2f2f;font-size:16px}

.cp_btn ,.cp_btn1 {padding:0 7px; color:#5fcce3;background:#d8eeef;height:25px;line-height:25px;margin-left: 5px; vertical-align:middle; font-size: .9em; border:0; border-radius: 6px;}
.cp_apply {padding:0 7px; color:#5fcce3;background:#5fcce3;height:25px;line-height:25px;margin-left: 5px; vertical-align:middle; font-size: .9em; border:0; border-radius: 6px;  color:#fff  ; }
.cp_cancel,.cp_cancel1 {padding:0 7px;  border-color:#ddd;   color: #666;  border-radius: 6px;height:25px;line-height:23px; margin:0; margin-left: 4px; vertical-align:middle; font-size: .9em; border:0; border-radius: 6px; }

#sod_frm_escrow {margin:10px}
#sod_frm_escrow h2 {font-size:16px}
#od_pay_sl h3 {font-size:16px; margin-bottom: 10px;}

 
/* 쿠폰 */
#scp_list {text-align:center;background:#fff}
#scp_list .li_pd {position:relative;padding:10px}	#scp_list h1 {text-align:left}
#scp_list .li_title {font-weight:bold;font-size:1.167em}
#scp_list ul:after {display:block;visibility:hidden;clear:both;content:""}
#scp_list .pd_price {position:absolute;top:10px;right:10px}
#scp_list li {padding:15px 0;border-bottom:1px solid #ececec;text-align:left}
#scp_list .pd_price strong {color:#ff006c;font-size:1.5em}
#scp_list .cou_top {margin-bottom:10px;position:relative}
#scp_list .li_target {color:#666;margin:5px 0 0;background:#f3f3f3;border-top:1px dotted #e6e6e6;padding:5px 10px}	
#scp_list .cou_tit {font-size:1.15em;font-weight:600}
#scp_list .pd_date {float:right;color:#777}	
#scp_list .cou_pri {font-size:1.25em;color:#5fcce3;font-weight:600;position:absolute;top:0;right:0;}
#scp_list .cou_pri strong{font-weight: 700;}
#scp_list .cou_target {color:#aaa;background:#f5f5f5;padding:5px;line-height:20px;font-size:0.92em;border-radius:5px}
#scp_list .cou_date {float:right;color:#888d92}
#scp_list .btn_close {margin:20px auto}


/* 포인트 */
.sub #point .point_all{margin:10px 0;}

/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative; padding:20px 0 20px 34px; }
#sod_addr li:first-child{padding-top: 0;}
#sod_addr li:hover{background: #fff;}
#sod_addr .addr_title { padding:10px 0;} 
#sod_addr .ad_subject {height:45px;border:1px solid #e6e6e6;width:100%;padding:0 15px; border-radius: 6px; } 
#sod_addr .addr_info { }
#sod_addr .addr_name {margin:0 0 10px;font-weight:bold;font-size:1.083em}
#sod_addr .addr_addr {line-height:1.5em;margin:5px 0}
#sod_addr .addr_tel {margin:5px 0;color:#666}
#sod_addr .fa-mobile {font-size:14px}
#sod_addr .addr_btn {border-radius:0 0 3px 3px;padding:10px 0;}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr .sel_address {width:32%;float:left;margin-right:1%;height:40px;background:none;border:1px solid #333;color:#333;padding:0 5px; border-radius: 6px;}
#sod_addr .del_address {display:block;width:32%;text-align:center;float:left;margin-right:1%;border:1px solid #ddd;background:none; padding:0 5px;height:40px;line-height:38px;vertical-align:middle; border-radius: 6px;}
#sod_addr input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
#sod_addr .add_lb {display:inline-block;float:left;width:32%;text-align:center;border:1px solid #5fcce3;color:#5fcce3;height:40px;line-height:38px; border-radius: 6px;}
#sod_addr input[type="radio"]:checked+.add_lb {z-index:3;background:#5fcce3;color:#fff}

/* 주문내역 */ 
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 10px;padding:10px;background:#e8f1f1;  color:#5fcce3;text-align:center; border-radius:6px;}

/* 주문상세내역 */
#sod_list_inq {margin:0;}
#sod_list_inq.sod_list .sod_li{ padding:30px;}
#sod_fin{  }
.sod_fin_list{ }
.sod_fin_list .sod_ta_wr {padding:0 ; overflow:hidden;background:#fff; border-radius:20px; margin-top: 20px;}
.sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
.sod_fin_list .prqty_stat {position:absolute;top:0;right:0;padding:6px 10px; font-size: .9em;border-radius: 6px; background: #e8f1f1; color: #5fcce3;}
.sod_fin_list .sod_list .total_img{left:0;}
.sod_fin_list .sod_list .li_op_wr{padding-left: 110px; padding-right: 50px;}
.sod_fin_list .li_opt {color:#777;margin:3px 0;line-height:1.3em;padding-right:50px}
#sod_sts_wrap { }
#sod_sts_wrap .btn_wr { text-align:center; margin-top: 10px;}
#sod_sts_explan{ }
#sod_sts_explan_open {padding:10px 15px; font-size: .9em; border:0; background: #2f2f2f; color: #fff; border-radius: 6px;}
#sod_sts_explan {display:none}
#sod_fin_legend {background:#fff;  border-radius:20px; ;padding:30px; color: #666; font-size: 1.05em;}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_legend dt {float:left;width:20%; padding:5px;}
#sod_fin_legend dd {float:left;width:80%; padding:5px;}
#sod_fin_view {margin-top:15px; background: #fff; padding:30px; border-radius:20px;}
#sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_view h3 {font-size:1.2em;margin:20px 0 10px; font-weight: 600;}
#sod_fin_view h3:first-child{margin-top: 0;}
 
#sod_fin_no {margin:0 0 10px;padding:10px;background:#e8f1f1;  color:#5fcce3;text-align:center; border-radius:6px;} 
#sod_fin_tot {margin-top: 15px; background: #fff; padding:30px; border-radius:20px; font-size: 15px;}
#sod_fin_tot h2 {font-size:1.2em;margin:20px 0 10px; font-weight: 600;}
#sod_fin_tot h2:first-child{margin-top: 0;}
#sod_fin_tot ul {margin:0;padding:0;list-style:none;  }
#sod_fin_tot li { padding:3px 0;display:flex; align-items:center; justify-content:space-between;} 
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot #alrdy .right {margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p {position:relative}
#sod_fin_tot #alrdy .right .title {position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right; font-weight:600; font-size:1.2em;}

#sod_fin_cancel {margin:20px 0; text-align:center;}
#sod_fin_cancel h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:54px;background:#111;font-weight:500;width:100%; max-width:200px; margin:0 auto; border:none;color:#fff; font-size:1.1em; border-radius: 6px; }
#sod_fin_cancel p {text-align:center; padding:15px;color:#2F2F2F;font-size:1.167em;font-weight:500}
#sod_fin_cancelfrm {display:none; width: 100%; margin:30px auto 0; text-align:center;background:#fff;padding:30px; border-radius:20px;}
#sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline {background:#111;color:#fff;border:0;padding:10px;width:100%; max-width:200px; margin:10px auto 0; height:54px;cursor:pointer; border-radius: 6px; font-size: 1.1em;}
#sod_fin_test {padding:10px}


/* 마이페이지 */
#smb_my {position:relative;max-width:1200px; font-size: 14px;margin:0 auto; min-height:500px;}
#smb_my .go_btn{color: #666; display:inline-flex; margin-top: 10px; }
#smb_my .tit{font-size: 20px; font-weight: 600; line-height: 1.3; color: #2F2F2F;}
#smb_my .tit strong{ color: #5fcce3; font-weight: 700;}
#smb_my .tit + p{margin-top: 10px;color: #727272; word-break: keep-all;}
#smb_my .go_btn i{font-size: 1.5em; vertical-align:top; line-height: 1;} 
#smb_my .my_intro_bn{width: 100%; display:flex; align-items:center; padding:30px 0;  border-radius:16px; margin-bottom: 20px; background: #fff;}
#smb_my .my_intro_bn > div{width: 33.33%;}
#smb_my .bn_point{  gap:20px; display:flex; align-items:center;  border-left:1px solid #e6e6e6; padding:0 20px;} 
#smb_my .bn_point .img{width:60px;} 
#smb_my .bn_point .tit{font-size: 20px; font-weight: 600;}
#smb_my .bn_point .tit + p{margin-top: 3px;}
#smb_my .bn_point p{font-size: 14px; color: #000;}  
#smb_my .bn_filter{  border-left:1px solid #e6e6e6; padding-left: 40px; padding-right: 20px;}
#smb_my .bn_member{ } 
#smb_my .bn_member .tit{text-align: center; font-size: 18px; line-height: 1.5;}
#smb_my .my_point_bn{display:flex; background: #fff;  padding:30px; border-radius:16px; margin:0 0 30px; }
#smb_my .my_cou_wr{  display:flex; width: 40%; align-items:center; padding-right: 30px; border-right:1px solid #e6e6e6;}
#smb_my .my_cou_wr > div{width: 33.33%; text-align: center;}
#smb_my .my_cou_wr .icon{padding:0; width: 54px; height: 54px; border-radius:50%; background: #f5f5f5; margin:0 auto 10px; display:flex; align-items:center; justify-content:center; } 
#smb_my .my_cou_wr .icon img{padding:0; } 
#smb_my .my_cou_wr a strong{color: #5fcce3;}
#smb_my .my_cou_wr span{display:inline-block; margin-right: 5px; line-height: auto;}
#smb_my .my_review{position:relative; width:60%; padding-left: 40px;}  
#smb_my .my_review a{position:absolute; right:0; bottom:0;}

#smb_my_ov{background:#fff; margin:0 0 15px;   border-radius:16px; padding: 30px;}
#smb_my_ov .hello_name{ padding-bottom:20px; position:relative;}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_img{display:inline-block;border-radius:50%;overflow:hidden;position:relative;margin:35px 0 0;
-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 6px 10px rgba(0,0,0,0.1);
box-shadow:0 6px 10px rgba(0,0,0,0.1);}
#smb_my_ov .btn_edit{position:absolute;bottom:0;left:0;width:100%;background:#959595;line-height:23px;color: #fff;}
#smb_my_ov .btn_edit:hover {background:#d25959;color:#fff}
#smb_my_ov .my_name {padding:10px 0; font-size:20px; color:#2F2F2F;}
#smb_my_ov .btn_out {position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-radius:0 0 0 5px;padding:0 5px;line-height:22px;font-size:11px;color:#777}
#ol_after_logout {border:none; border-bottom:1px solid #111; color:#2F2F2F; padding:0 0  ; font-size:12px;}

#smb_my_wr {min-height:560px} 

body:has(#smb_my_ov),
body:has(#smb_my_ov) #ft:before{background: #eef3f5;} 
.my_side_cate p{font-size: 14px;    color: #999; margin : 5px 0;}
.my_side_cate ul + ul{padding-top: 20px; margin-top: 20px; border-top:1px solid #e6e6e6;}
.my_side_cate ul + p{ margin-top: 20px; }
.my_side_cate ul li{font-size: 16px;} 
.my_side_cate ul li a{display:block; padding:5px 0; font-weight: 500;} 
.my_side_cate ul li.on a{color: #5fcce3; font-weight: 600;}

.my_cou_wr { }
.my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""} 
.my_cou_wr img{padding:5px 0 0;width:23px;height:auto;}
.my_cou_wr a {color:#2F2F2F}
.my_cou_wr span {display:block;line-height:20px;color:#2F2F2F}

.my_info {padding:10px 20px;background: #fff; border-radius:16px; margin:10px 0; line-height:18px}
.my_info dt {border-top:1px solid #e6e6e6;color:#2F2F2F;padding:10px 0 0;font-size:0.92em}
.my_info dd {padding:0 0 10px}
.my_info dt:first-child {border:0}

.btn_my_if{width:100%;border:0;background:#fff;padding:10px;background:#f3f3f3}

#smb_my_od {position:relative;margin:0 0  ;padding:0}
#smb_my_od h2 {margin:0 0 10px;font-size:17px}
#smb_my_wish {margin:0 0 35px}
#smb_my_wish h2 {margin:0 0 10px;font-size:16px}
#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish li {float:left;width:25%;padding:5px}
#smb_my_wish li img {width:100%;height:auto;}
#smb_my_wish li a {display:block;margin:5px 0;font-weight:bold}
#smb_my_wish .empty_list {width:100%;padding:100px 0;text-align:center}
#smb_my_wish .btn_more {position:absolute;right:0;top:0}




/* 마이페이지 필터교체 안내 */
.filter-step{padding:20px 5% 30px; text-align: center;}
.filter-step li + li:before{content:'↓'; display:block; margin:5px 0; color: #C1C1C1; font-size: 20px;}
.filter-step strong{color: #5FCCE3;}
.filter-step h3{display:block; margin-top: 7px;  font-size: 18px; }
.filter-step p{color: #8c8c8c; margin-top: 12px;  }




/* 마이페이지 게시판 */
#bo_list{background: #fff; border-radius:16px; padding:30px; } 
.sub #bo_cate .faq-tabs{margin-top: 20px;}
.sub #bo_cate .faq-tabs .active a{ background: #5fcce3; color: #fff; }
.sub #bo_faq .faq-content{display:none;}
.sub #bo_faq .faq-content.active{ display:block;} 
.sub #bo_v_contact{ line-height: inherit; padding:10px 15px;}
.sub #bo_v_contact strong{font-weight:400;}
.sub #bo_v_ans #ans_msg{background: #f8f8f8; border-radius:10px;}

 

/* 나의 요리엔 */
.my_yorien{word-break: keep-all; }
.my_yorien section{padding:50px; background: #fff; border-radius:16px;  } 
.my_yorien section + section{margin-top: 20px;}
.my_yorien .txt h3{font-size: 20px; font-weight: 600; }
.my_yorien .txt h3 strong{color: #5fcce3; font-weight: 600;}
.my_yorien .txt p{font-size: 15px; margin-top: 16px; font-weight: 400; color: #555; word-break: keep-all;}
.my_yorien .txt p strong{color:#46b1b4;}
.my_yorien .btns{display:flex; gap:10px; justify-content:center;}
.my_yorien .btn{border:1px solid #ddd; background: #fff;  text-align: center; font-weight: 500; }
.my_yorien .btn.on{background-color:#5fcce3; border-color:#5fcce3; color: #fff;}
.my_yorien .yorien_intro{  text-align: center;}
.my_yorien .yorien_intro p{font-size: 20px; font-weight: 600; margin-bottom: 30px;} 
.my_yorien .yorien_bn{display:flex; justify-content:space-between; align-items:center;}
.my_yorien .yorien_bn .btns{flex-direction:column;}
.my_yorien .yorien_bn h3{font-size: 28px;}   
.my_yorien .yorien_filter .filter_cycle{display:flex; justify-content:space-between; align-items:flex-start; }
.my_yorien .yorien_filter .filter_cycle .btn{    padding: 8px 20px;   border-radius: 8px;}
.my_yorien .yorien_filter .filter_cycle .cycle { font-size: 20px; font-weight: 600;}
.my_yorien .yorien_filter .filter_cycle .cycle .day{display:flex; gap:8px; align-items:center; justify-content:flex-end;  margin-top: 12px;}
.my_yorien .yorien_filter .filter_cycle .cycle .num {display:flex; gap:4px; }
.my_yorien .yorien_filter .filter_cycle .cycle .num span{position:relative; z-index:1;font-size: 48px; font-weight: 600; color: #66C9D2; width: 64px;height: 80px; border-radius:6px; border:1px solid #eee; display:flex; align-items:center; justify-content:center; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.12);}
.my_yorien .yorien_filter .filter_cycle .cycle .num span:before{content:''; width: 100%; height: 1px; position:absolute; left:0; top:50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.12); background: #e8e8e8; z-index:-1; }
.my_yorien .yorien_filter .filter_usage{border-radius:24px; background: #f9f9f9; padding:30px 50px; display:flex; align-items:center; justify-content:center; margin-top: 50px; margin-bottom: 30px; gap:20px;}
.my_yorien .yorien_filter .filter_usage > div{width: 50%; text-align: center;}
.my_yorien .yorien_filter .filter_usage .usage_graph{position:relative; margin:20px auto;}
.my_yorien .yorien_filter .filter_usage .usage_cont h3{font-size: 16px; font-weight: 600;}    
.my_yorien .yorien_filter .filter_usage .usage_graph .progress-item{height: 120px;}
.my_yorien .yorien_filter .filter_usage .usage_graph .percent-text {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);font-size: 20px;font-weight: 700;color: #1BB7E7;line-height: 1;}  
.my_yorien .yorien_filter .filter_usage .usager_img .filter_nickname { display: flex;  align-items: center; justify-content:center;  gap: 6px;  position: relative; font-size: 20px; font-weight: 600; margin-top: 10px;}
.my_yorien .yorien_filter .filter_usage .nickname_input {  display: none;  font-size: 16px;  padding: 6px 10px;  border: 1px solid #ccc; border-radius: 4px; width: 100px;}
.my_yorien .yorien_filter .filter_usage .edit_btn { background: none; border: none; cursor: pointer; font-size: 16px;}
.my_yorien .yorien_filter .filter_usage .nickname:before{content:'['; display:inline-block;}
.my_yorien .yorien_filter .filter_usage .nickname:after{content:']'; display:inline-block;} 


/* 공통 팝업 */
.popup-overlay {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.6);  display: none;  justify-content: center;  align-items: center;  z-index: 1000;}
.popup-overlay.active {  display: flex;} 
.popup-overlay .popup-box{    max-height: 90vh;  overflow: auto;}
.popup-overlay .popup-box .btns{border-top:1px solid #ddd; display:flex; gap:0;}
.popup-overlay .popup-box .btns button {width: 50%; height: 64px; line-height: 64px;  border:0; text-align: center; background: none; text-align: center; font-size: 16px;   font-weight: 500;}
.popup-overlay .popup-box .btns button + button{border-left:1px solid #ddd;}
.popup-overlay .popup-box .btns button:hover{color:#5fcce3;}
.popup-overlay .popup-box {  background: #fff;  border-radius: 16px;  width: 420px;  max-width: 90%;    position: relative;   }
.popup-overlay .popup-box .popup-title{text-align: center; padding:30px 30px 0;}
.popup-overlay .popup-box .popup-title h2{font-size: 24px; }
.popup-overlay .popup-box .popup-title p{font-size: 16px; color: #555; margin-top: 12px; font-weight: 300; line-height: 1.6;}
.popup-overlay .popup-box .popup-form{padding: 30px;}
.popup-overlay .popup-box .form-group {  margin-bottom: 16px; display:flex;}
.popup-overlay .popup-box .form-group > label {width: 100px; margin-top: 12px; padding-right: 10px;}
.popup-overlay .popup-box .form-group input[type="text"],
.popup-overlay .popup-box .form-group input[type="number"],
.popup-overlay .popup-box .form-group select { width: 100%; padding: 13px 14px;  border: 1px solid #ddd;  border-radius: 6px;  } 
.popup-overlay .popup-box .input-group{ width:calc(100% - 100px); } 
.popup-overlay .popup-box .start-date{display: flex;  gap: 8px;}
.popup-overlay .popup-box .radio-group { width:calc(100% - 100px);  display: flex;  gap: 10px; flex-wrap: wrap;} 
.popup-overlay .popup-box .radio-group input[type="radio"] {  display: none;}
.popup-overlay .popup-box .radio-group span {  display: inline-block;  background: #fff;  border:1px solid #ddd; color: #747474;  padding: 12px 14px;  border-radius: 6px;  cursor: pointer;  user-select: none;  transition: background 0.2s, color 0.2s; line-height: 1.2;} 
.popup-overlay .popup-box .radio-group input[type="radio"]:checked + span {  background: #5fcce3; border-color:#5fcce3;  color: #fff;}

 

/* btn */
.btn_wr{text-align: center; margin-top: 40px;}
.btn_wr .btn{font-size: 16px; color: #fff; background: #5FCCE3; padding:12px 50px; border-radius:50px;  }


/* tit */
.tit_box {margin-bottom: 40px;}
.tit_box h3{font-size: 22px; color:#2F2F2F; margin-bottom: 15px; }
.tit_box p{font-size: 16px;     word-break: keep-all;}


/* 멤버십 혜택 */
.membership{padding: 40px; background: #fff; border-radius:16px; text-align: center;}  
.membership > div + div{padding-top: 60px; margin-top: 60px; border-top:1px solid #e6e6e6;}
.membership .mbs_benefit{ display:flex; gap:15px;}
.membership .mbs_benefit > li{ width: 33.33%; border-radius:14px; background: #f8f8f8; padding:30px 20px;} 
.membership .mbs_benefit .icon{width: 64px; aspect-ratio:1; display:flex; align-items:center; justify-content:center;  margin:0 auto 40px; } 
.membership .mbs_coupon{ display:flex; gap:40px; justify-content:center;}
.membership .mbs_coupon > li{ width: 33.33%;  max-width:155px;} 
.membership .mbs_coupon .icon{max-width:155px; margin:0 auto 30px;} 
.membership .mbs_grade{border-top:2px solid #2f2f2f; border-bottom:2px solid #2f2f2f;}
.membership .mbs_grade .grade_item{padding:30px 12px; display:flex; align-items:center; font-size: 14px; gap:10px; text-align:left;}
.membership .mbs_grade .grade_item + .grade_item{border-top:1px solid #e6e6e6;}
.membership .mbs_grade .grade_head { width: 50%; }
.membership .mbs_grade ul { width: 50%; color: #727272;} 

 


/* 위시리스트 */
#sod_ws {margin:10px}
#sod_ws li {background:#fff;border-bottom:1px solid #e6e6e6;margin:10px 0;position:relative;border-radius:3px}
#sod_ws .wish_img { position:absolute;top:50%;left:20px;z-index:10;width:70px;height:70px;margin-top:-35px;border-radius:50%;overflow:hidden;z-index:4}
#sod_ws .wish_info {padding:15px 15px 15px 100px;min-height:90px}
#sod_ws .wish_chk {position:absolute;top:5px;left:5px;z-index:9}
#sod_ws .info_date {color:#777;display:block;font-size:0.92em;margin:5px 0 0}
#sod_ws .wish_prd {display:block;font-weight:bold;font-size:1em}
#sod_ws .wish_del {position:absolute;bottom:10px;right:10px}
#sod_ws .wish_del a {display:block;width:30px;height:30px;line-height:30px;background:#e6e6e6;border-radius:3px;color:#777;text-align:center;font-size:16px}
#sod_ws .sold_out {display:inline-block;padding:3px 5px;background:#ff0000;color:#fff}

#sod_ws_act {text-align:center;margin:30px auto 10px;width:200px}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:''}
#sod_ws_act .btn01 {float:left;width:49%;height:40px;background:#111;font-weight:bold; border-radius: 6px;border:0;color:#fff;font-weight:bold;font-size:1em}
#sod_ws_act .btn02 {float:right;width:49%;height:40px;border:1px solid #111;color:#2F2F2F;font-weight:bold;background:#fff;font-weight:bold;font-size:1em; border-radius: 6px;}

/* 주문내역 include */
#sod_inquiry li {background:#fff; padding:30px;margin-bottom:20px;position:relative;border-radius:16px}
#sod_inquiry li .idtime_link {font-weight:bold;font-size:1.2em}
#sod_inquiry li .inquiry_idtime{display:flex; justify-content:space-between; align-items:center;}
#sod_inquiry li .idtime_time { color:#999}
#sod_inquiry li .inquiry_name {margin:10px 0;color:#666; font-size:14px;}
#sod_inquiry li .inquiry_price {font-size:16px;font-weight:bold}
#sod_inquiry li .inv_status {display:block;text-align:center;margin:15px 0 0;font-weight:600;  }
#sod_inquiry li .inv_inv {margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}

.status_01 {display:block;background:#f8f8f8;color:#2F2F2F;line-height:45px;border-radius: 6px;}
.status_02 {display:block;background:#f8f8f8;color:#2F2F2F;line-height:45px;border-radius: 6px;}
.status_03 {display:block;background:#f8f8f8;color:#2F2F2F;line-height:45px;border-radius: 6px;}
.status_04 {display:block;background:#f8f8f8;color:#2F2F2F;line-height:45px;border-radius: 6px;}
.status_05 {display:block;background:#f8f8f8;color:#2F2F2F;line-height:45px;border-radius: 6px;}
.status_06 {display:block;background:#f8f8f8;color:#2F2F2F;line-height:45px;border-radius: 6px;}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}
 

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #e6e6e6;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #e6e6e6;border-radius:2em;background:#fff;color:#2F2F2F;font-size:2em;text-decoration:none;text-align:center}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:4px 10px; font-size: .9em; border:1px solid #e6e6e6 !important;background:#fafafa !important;color:#2F2F2F !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #e6e6e6;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e6e6e6}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold}

/* 버튼 */
.btn {display:inline-block;padding:12px 24px; border-radius: 12px}
a.btn01 {display:inline-block;padding:12px 24px;border:1px solid #ddd;background:#fff;color:#333;text-decoration:none;vertical-align:middle; border-radius: 12px;}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:12px 24px; border:1px solid #ddd;background:#fff;color:#666;text-decoration:none; border-radius: 12px;}
a.btn02 {display:inline-block;padding:12px 24px;border:1px solid #2f2f2f;background:#2f2f2f;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 12px;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:12px 24px;border:1px solid #2f2f2f;background:#2f2f2f;color:#fff;text-decoration:none; border-radius: 12px;}
.btn_confirm {text-align:center; border-radius: 12px;} /* 서식단계 진행 */
.btn_submit {display:inline-block;margin:0;padding:12px 24px;border:1px solid #5fcce3;background:#5fcce3;color:#fff;text-decoration:none; border-radius: 12px;}
fieldset .btn_submit {padding:12px 24px;height:24px;line-height:1em; border-radius: 12px;}
a.btn_cancel {display:inline-block;padding:12px 24px;border:1px solid #ddd;background:#fff;color:#2F2F2F;text-decoration:none;vertical-align:middle; border-radius: 12px;}
button.btn_cancel {display:inline-block;padding:12px 24px;border:1px solid #ddd;background:#fafafa;color:#2F2F2F;vertical-align:top;text-decoration:none; border-radius: 12px;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:12px 24px; border:0;background:#9b9b9b;color:#fff; text-decoration:none;vertical-align:top; border-radius: 12px;} 
 
 
/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:none;border:1px solid #ddd;color:#555;text-decoration:none;vertical-align:middle;text-align:center;font-size:14px;padding:8px 16px} 
a.btn_b02,.btn_b02 {display:inline-block;background:#66c9d2; border:1px solid #66c9d2; color:#fff;text-decoration:none; vertical-align:middle;text-align:center;font-size:14px;padding:8px 16px; border-radius: 12px;}
a.btn_b02:hover, .btn_b02:hover {background:#4e92a1}
a.btn_b03, .btn_b03 {display:inline-block;background:none; border-radius: 12px;border:1px solid #ddd;color:#2F2F2F;background:none;text-decoration:none;vertical-align:middle;text-align:center;font-size:14px;padding:8px 16px; text-align:center;  } 
a.btn_admin,.btn_admin {display:inline-block;background:#111;color:#fff;text-decoration:none;vertical-align:middle;text-align:center;font-size:14px;padding:8px 16px; text-align:center;border-radius: 12px;  } /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#2f2f2f}


/* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}
.btn_top {margin-top: 30px; text-align:right}
.btn_top li {display:inline-block}
.btn_top .btn_submit {line-height:40px;height:40px;padding:0 10px;border-radius:0;font-size:14px}
.btn_top .btn_cancel, .btn_top .btn_b01 {border:1px solid #ddd;background:none;color:#666;line-height:40px;background:#fff;font-size:14px}



/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 table {border-bottom:1px solid #ddd}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #ddd;   background: #f8f8f8; color:#2f2f2f;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#2f2f2f}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.tbl_head01 td {padding:10px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;line-height:1.5em;word-break:break-all}
.tbl_head01 td:first-child {border-left:0}
.tbl_head01 a {}

.tbl_head02 {margin:15px}
.tbl_head02 caption {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:7px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f3f3f3;color:#333;font-size:0.95em;text-align:center}
.tbl_head02 thead a {color:#2f2f2f}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.tbl_head02 td {padding:10px 5px;border-bottom:1px solid #e6e6e6;line-height:1.4em;word-break:break-all}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table {border-bottom:1px solid #e6e6e6}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:15px 0;border-top:1px solid #000;  font-weight: 400;background:#fff;color:#2f2f2f; text-align:center; }
.tbl_head03 thead a {color:#2f2f2f}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.tbl_head03 td {padding:15px 5px;border-top:1px solid #e6e6e6; line-height:1.5em;word-break:break-all}
.tbl_head03 td:first-child {border-left:0}
.tbl_head03 a {}

/* 폼 테이블 */
.tbl_frm01 {font-weight:400; font-size:14px;}
.tbl_frm01 th {padding:10px 0;width:120px;border:1px solid #e6e6e6;border-left:0;text-align:left; font-size: 1.1em; }
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #e6e6e6;background:#fff;color:#2F2F2F;vertical-align:middle;padding:15px; max-width:100%; border-radius: 12px;}
.frm_input {height:40px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px;width:100%}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0;color:#2F2F2F; font-size:12px; line-height:1.3em}

/* 기본리스트 */
.list_01 { font-size:inherit;}
.list_01 li {background:#fff; padding:  15px;border-bottom:1px solid #e6e6e6}
.list_01 li.li_all_chk {position:relative;text-align:center}
.list_01 li.li_all_chk div {position:absolute;left:0;top:14px}
.list_01 li.li_all_chk label {vertical-align:baseline}
.list_01 li:hover {background:#f9f9f9}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li.empty_li {border:0}
.list_01 .bo_subject{display:block;}

/* 기본폼 */
.form_01 {margin:10px 0;}
.form_01 .msg{margin:6px 0 24px; font-size:14px; padding-left:15px; color:#999;}
.form_01 div { position:relative}
.form_01 li { position:relative;   }
.form_01 div + div{margin-top: 20px;}
.form_01 li + li {margin-top: 10px;}
.form_01 li:not(.chk_box) + li:not(.chk_box){margin-top: 20px;}
.form_01 .form_flex > li {position:relative; padding-left: 120px;}
.form_01 .form_flex > li > label{width: 100px; position:absolute; left:0; top:18px;} 
.form_01 .form_flex:has(.chk_box) > li > label{top:0;}
.form_01 textarea, .frm_input {border:none; border:1px solid #ddd;background:#fff;color:#2F2F2F;vertical-align:middle;padding: 15px; border-radius: 12px; font-size: 14px;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:54px; font-size:14px; border-radius: 12px; padding:0 15px;}
.full_input {width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:54px;border-radius:3px}
.form_01 .frm_info {font-size:0.97em;color:#2F2F2F;text-align:left;margin:10px 0 10px;display:block;line-height:1.6em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center !important;color:#666 !important}
.empty_list {padding:50px 0 !important;text-align:center !important;color:#666 !important}

/* 필수입력 */
/*
.requi111, textarea.requi111 {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}*/
 

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:100px}
.grid_3 {width:120px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_chk {width:50px;text-align:center}
.td_group {width:100px;text-align:center}
.td_board {width:120px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:100px;text-align:left}
.td_date {width:50px;text-align:center}
.td_datetime {width:170px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_stat {text-align:center}
.td_dvr { text-align:center}

/* 새창 기본 스타일 */
.new_win { padding:30px; border-radius:20px;}
.new_win #win_title {font-size:20px;font-weight:600;height:50px; line-height:30px;background:#fff;color:#2F2F2F}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em} 

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block}
.new_win .win_ul li a {display:block;line-height:24px;padding:0 10px}
.new_win .win_ul li .selected {background:#5fcce3;color:#fff;border-radius:13px;
-webkit-box-shadow:0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow:0 0 5px rgba(65,98,255,0.8);
box-shadow:0 0 8px rgba(65,98,255,0.8)}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#5fcce3}
.new_win .win_btn {clear:both;margin:10px 0;text-align:center;  }
.new_win .win_btn a {display:inline-block;height:50px;line-height:50px;font-weight:600}
.new_win .win_btn .btn_close {width: 100px; display:inline-block;padding:0 10px;border:0;background:#000;color:#fff;text-decoration:none;height:45px; border-radius: 12px;margin:10px 0;  font-weight: 600;}
.new_win .win_btn .btn_submit {width: 100px; display:inline-block;padding:0 10px;border:0;background:#87979a;color:#fff;text-decoration:none;height:45px; border-radius: 12px;margin:10px 0;  font-weight: 600;}

/* 회원정보 찾기 */
.sub #find_info{margin:160px auto 0; padding:0;}
.sub #find_info #info_fs #mb_email{border:1px solid #ddd;} 
.sub #find_info #info_fs p{font-size: 16px; text-align: center;}
.sub #find_info #win_title{font-size: 50px; text-align: center; height:auto; padding:40px 0 60px;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e6e6e6;background:#fff}

/* 사이드뷰*/
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:10px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 10px;height:30px; width: 30px;color:#999;line-height:30px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page:link, .pg_page:visited{color:#999;}
.pg_page,.qa_page {  border-radius:3px; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.pg_start {background-image:url(../img/btn_start.png) ;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_prev {background-image:url(../img/btn_prev.png) ;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_next {background-image:url(../img/btn_next.png) ;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_end {background-image:url(../img/btn_end.png) ;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_current { color:#2F2F2F;}

/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute;top:0;left:0;width:100%;background-color:#e6e6e6}
#form_btn_layer { display:none;position:absolute;top:0;left:0;width:100%;height:60px;background-color:#e6e6e6}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left}

/*배송지목록*/
#sod_addr .win_desc {padding:10px 20px}

/*쇼핑몰레이아웃*/
#mb_login .btn_submit { }
#bo_list,#bo_cate { }
#fregisterform {}


/* 공통 게시판 */
.sub #bo_w .btn_submit, 
.sub #bo_w a.btn_cancel {line-height: 1;}
#bo_w .required, #bo_w textarea.required{height:50px;}
.sub #point,
.sub #bo_faq,
.sub #bo_v,
.sub #bo_w {border-radius:16px;} 
.btn_write {text-align:center; margin-top: 30px;}
.btn_write a,.btn_write button{ border-radius: 12px; padding:14px 24px;}
.sub #bo_w .bo_w_flie .file_wr{border:1px solid #ddd; border-radius: 12px;}
.sub #bo_w .bo_w_flie .frm_file{margin-top: 1px; font-size: 13px;}
.sub #bo_cate ul{display:flex; border:0; gap:5px;}
.sub #bo_cate a{font-size: 14px; color: #aaa; padding:10px 14px; border-radius:30px;line-height: 1;     white-space: nowrap;}
.sub #bo_cate li{float:none; margin:0;}
.sub #bo_cate li + li{margin:0;}
.sub #bo_cate #bo_cate_on{ background: #5fcce3; color: #fff; border:0;}
.sub #bo_cate #bo_cate_on:after {display:none;} 
.sub #bo_gall #bo_cate{margin : 0 0 60px;}
.sub #bo_gall #bo_cate ul{justify-content:center;  }
.sub #bo_gall #bo_cate a{font-size: 17px; padding:11px 22px; font-weight: 600;}
.sub #bo_gall .gall_li .gall_img {border-radius:20px; aspect-ratio:1.5;}
.sub #bo_gall .bo_cate_link{  line-height: 1; color: #54d7cf; font-weight: 500; z-index:2;} 
.sub .btn_bo_adm,
.sub .bo_fx{text-align: center;}
.sub #bo_list a.btn_b02{font-size: 15px; padding:0 40px; height: 45px; line-height: 45px;}  
.sub #bo_list .txt_rdy{font-size: .9em;}
.sub #bo_w .btn_top {padding:30px 0 0;text-align:center; display:flex; justify-content:center;gap:10px;} 
.sub #bo_w .btn_top a,
.sub #bo_w .btn_top button{line-height:45px;height:45px;padding:0 30px;border-radius: 12px;font-size:14px; display:block; } 
.sub #bo_v_info{padding-top: 0; margin-top: 0;}
.sub .btn_bo_adm button{border-color:#ddd;  font-size: 13px;}
.sub #bo_v_opt{border:1px solid #e6e6e6; }
.sub #bo_v_opt li a{    text-align: center; line-height: 1; padding:8px 20px;} 
.sub .btn_cm_opt{border:0; width: 25px; height: 25px; background: #fff;}
.sub .bo_vc_act{border:1px solid #ddd; width: 60px; position:absolute; display:none; right:0; background: #fff; z-index:2;}
.sub .bo_vc_act li{display:block; text-align: center; border-bottom:1px solid #f1f1f1;}
.sub .bo_vc_act li:last-child{border-bottom:0;}
.sub .bo_vc_act li a{    text-align: center; line-height: 1;  display:block;   padding: 10px;  font-size: 12px;} 
.sub .bo_chk {display:inline-block;float:left; height:auto; min-width:20px}
.sub .bo_vc_w textarea, 
.sub textarea.required {border:1px solid #ddd;background:#fff;color:#2f2f2f;vertical-align:middle;padding:10px;width:100%;height:120px; }
.sub .bo_v_com{width: 100%; display:flex;justify-content:center; margin:0 0 30px; float:none;}
.sub .bo_v_com .bo_v_com li{float:none;}
.sub #bo_vc{display:none;}
.sub #bo_vc_w{display:none;}
.sub #bo_vc_empty{padding:30px 0;}
.sub #bo_vc article{padding-top: 15px;}
.sub #bo_vc .cmt_contents{padding-top: 5px;}
.sub #bo_vc_w h2{margin-top: 20px; font-size: 14px;}
.sub #bo_vc p img{vertical-align:middle; margin-right: 5px;} 
.sub #bo_v_title{padding:0 0 10px;}
.sub .bo_v_tit{ font-size: 24px;}
.sub #faq_sch {  max-width:400px;}
.sub #faq_sch .frm_input{border-radius:8px;padding-right: 70px; border-radius:60px; height: 54px; padding:0 30px;}
.sub #faq_sch .btn_submit{border:0; right:0; font-size: 20px; display:flex; align-items:center; justify-content:center; height: 50px; width: 60px;}
.sub #faq_wrap{margin:20px 0;}
.sub #faq_wrap li{border-bottom:1px solid #e6e6e6;}
.sub #faq_wrap ol{border-top:1px solid #e6e6e6;} 
.sub #faq_con .con_inner{padding-top: 0;}
.sub #faq_wrap li h3 .tit_btn,
.sub #faq_con .con_inner .closer_btn{color: #2f2f2f; font-size: 1.2em;} 
.sub #faq_wrap li h3 a{font-weight: 500;}
.sub #faq_wrap .sch_word{color: #5fcce3;}
.sub #bo_v .btn_list{text-align: center; margin:30px 0; gap:6px; display:flex; justify-content:center; }
.sub #bo_v .btn_list a{font-size: 16px; padding:10px 30px;}
.sub .bo_v_nb{border-color:#e6e6e6; margin-top: 60px;}
.sub .bo_v_nb li a{display:flex; width: 100%; gap:20px; align-items:center; font-size: 15px; padding:20px;} 
.sub .bo_v_nb li.bo_v_prev{border:0;}
.sub .bo_v_nb li + li{border-top:1px solid #e6e6e6;}
.sub .bo_v_nb li i{font-size: 1.5em;color: #2f2f2f;}
.sub .gall_v #bo_v_title{padding:50px 0 20px;}
.sub .gall_v .bo_v_tit{font-size: 50px; font-weight: 600; margin-top: 30px;} 
.sub .gall_v #bo_v_info{font-size: 16px; font-weight: 300;}
.sub .gall_v .bo_v_cate{display:inline-block; line-height: 1;font-size: 13px; background: #54d7cf; padding:10px 12px; color: #fff; border-radius:30px; font-weight: 500;}
.sub #bo_gall .new_icon{ width: 10px; vertical-align: super;   font-size: 14px;   line-height: 1;}
.sub #bo_gall .gall_info .date{font-size: 16px; color: #888;}
.sub #bo_v_atc{font-size: 16px;}  
.sub #bo_list .li_info{padding-top: 0;}

/* qa */
.sub #bo_v_ans{padding-top: 30px; border-top:1px solid #e6e6e6; margin:0;}
.sub #bo_v_ans h2{padding:0; padding-right: 100px; background: #fff;  font-size: 1.2em;}
.sub #bo_v_ans .add_qa{right:0; top:30px;}
.sub #bo_v_ans h2 span{font-size: .8em; padding:3px 8px; height:auto; line-height:auto; margin-right: 10px;}
.sub #bo_v_ans #ans_con{background: #f8f8f8; border-radius:10px; overflow:hidden;}
.sub #bo_v_ans #ans_datetime{ padding:10px 0; font-size: 1em;}
.sub #bo_v_rel{display:none;}
.sub #bo_v_ans #ans_add{padding:0;}


/* 상품 문의 */ 
.sub #sqa_sch {display:flex; gap:8px; align-items:center; justify-content:center; margin-bottom: 40px;}
.sub #sqa_sch select{height:52px; margin:0; font-size: 15px;}
.sub #sqa_sch .sch_input{height:52px; margin:0; }
.sub #sqa_sch .sch_wr{display:inline-block; height: 54px; line-height: 52px; border-radius:60px; overflow:hidden; padding:0 10px; }
.sub #sqa_sch a{height:54px; line-height: 54px; display:inline-block; padding:0 30px;  border-radius:60px; margin:0; overflow:hidden; font-size: 15px;  font-weight: 500;} 
.sub #sqa_sch .sch_btn{width: 54px; height:52px; font-size: 1.5em;}

#sqa {zoom:1; font-size: 16px;}
#sqa ol {margin:0;padding:0; list-style:none}
#sqa li {position:relative;padding:60px 0;border-top:1px solid #ddd;  }
#sqa li:after {display:block;visibility:hidden;clear:both;content:""} 
#sqa dl {margin:0 0 20px;color:#888;font-size:14px;overflow:hidden}
#sqa dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sqa dd {float:left; line-height:20px;height:20px}
#sqa dd img {position:relative; vertical-align:text-top;}
#sqa .sqa_img {position:absolute;top:60px;left:0; width: 160px; height: 120px;}
#sqa .sqa_img img {border-radius:8px; width: 100%; height: 100%; object-fit:cover;}
#sqa .sqa_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sqa .sps_star{margin-right: 20px;}
#sqa .sqa_section {margin-left:200px;display:block;font-size:16px}
#sqa .sqa_section h2{font-size: 18px;  }
#sqa .sqa_section .is_use_reply {background:url('../mobile/shop/img/use_reply.png') no-repeat;text-indent:30px;line-height:1.5em}
#sqa .sqa_section p {padding:0;width:100%}
#sqa .sqa_con_full {padding:0;height:auto !important}
#sqa .sit_qa_qaq, 
#sqa .sit_qa_qaa{background: #fff; padding:11px 5px 11px 40px;}
#sqa .sit_qa_qaa{margin-top: 0;}
#sqa .sqa_con_btn {margin-top: 20px; }
#sqa .sqa_con_btn button { padding:5px 0;color:#666;font-size:14px; background:#fff; border:0; font-weight: 500;}
#sqa .sqa_con_btn button i{font-size: 1.2em; vertical-align: text-top;} 
#sqa .sqa_con{font-size: 15px; margin-top: 20px;}
#sqa .sqa_con p + p{margin-top: 8px;}
#sqa .sqa_con .qa_alp{width: 30px; height: 30px; border-radius:50%; top:7px; background: #f5f5f5; left:0; display:flex; align-items:center; justify-content:center;}




/* faq */
#fqalist {}
#sit_sms_new #sms_agree {padding:10px 20px !important}

/*이벤트*/
#sev_hhtml,#sev_thtml {padding:10px}
#sev_hhtml img,#sev_thtml img {width:100%}

/*네이버페이*/
.naverpay-item {padding-top:15px;clear:both}
#sod_bsk_act .naverpay-cart {margin-top:15px;clear:both;position:static}

/*PC 주문서*/
#forderform .form_01 textarea, 
#forderform .frm_input{border:1px solid #e6e6e6; border-radius: 12px; height:45px;}
#sod_frm_orderer .tbl_frm01, #sod_frm_taker .tbl_frm01 {background:#fff;padding:30px; border:1px solid #e6e6e6; border-radius:20px;}
#sod_frm_orderer table th, #sod_frm_taker table th {border:0;padding:5px; font-weight:400;}
#sod_frm_orderer table td, #sod_frm_taker table td {border:0;padding:  5px;vertical-align:middle} 

#od_pay_sl input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
#od_pay_sl .lb_icon {display:inline-block;float:left;width:47%; text-align:center;background:#fff;border:1px solid #e6e6e6;margin:-1px 10px 1px -1px;cursor:pointer;height:60px;position:relative;padding-left:65px; padding-right: 20px;padding-top:18px;z-index:1;border-radius: 12px;}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #111;z-index:3}

#sod_frm_paysel {margin-bottom: 20px;}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY {background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW {background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO {background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay {background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .kakaopay_icon {background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon {background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon {background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .iche_icon {background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .hp_icon {background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon {background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

#sod_frm #sod_bsk_tot { }
#sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm #sod_bsk_tot li {position:relative;float:left;background:#fff;width:100%;height:40px;padding:0 ;  line-height:40px;text-align:right}
#sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm #sod_bsk_tot li span {float:left; display:block;color:#2F2F2F;margin-bottom:5px;font-weight:400;  }
#sod_frm #sod_bsk_tot li strong{font-weight:600; font-size: 1.2em;} 
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {color:#2F2F2F; }
#sod_frm_pay .pay_tbl table {width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th {text-align:left;padding:10px 0;width:80px; background:#fff;font-weight:400;color:#2F2F2F;  vertical-align:top;}
#sod_frm_pay .pay_tbl td {text-align:right; background:#fff; } 
#sod_frm_pay .pay_tbl td .btn_frmline {padding:0 7px; color:#5fcce3;background:#d8eeef;height:25px;line-height:25px;margin-left: 5px; vertical-align:baseline; font-size: .9em;}
#sod_frm_pay .pay_tbl td .cp_cancel {padding:0 7px;  border-color:#ddd;     border-radius: 12px;height:25px;line-height:23px; margin:0; margin-left: 4px; vertical-align:baseline; font-size: .9em;}
#od_tot_price {margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 ; font-size:14px; }
#od_tot_price span {float:left;}
#od_tot_price strong {font-size:2.0em;color:#66C9D2; font-weight:700; margin-right: 3px;}

.btn_address{background:#9b9b9b;border:1px solid #a0a0a0; border-radius: 12px;height:45px;color:#fff;padding:0 15px; font-weight:400; margin-left: 5px;}

.sod_left{float:left;width:63%;padding:0 20px 0 0;vertical-align:top}
.sod_right{float:right;width:35%;background:#fff; border:1px solid #e6e6e6; border-radius:20px; padding:30px;vertical-align:top;height:100%; margin-top:78px;  font-size:16px;}
 

/*개인결제 폼*/
#m_sod_frm_orderer {margin:10px}
#m_sod_frm_orderer h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_sod_frm_orderer ul {background:#fff;margin:10px 0;border-bottom:1px solid #e6e6e6;padding:10px 15px}
#m_sod_frm_orderer li {line-height:20px}
#m_sod_frm_orderer th {width:80px}
#m_sod_frm_orderer td .frm_input {width:100%}
#m_pv_sod_frm .btn_confirm {margin:10px}
#m_pv_sod_frm .btn_confirm .btn_submit {width:100%;height:45px;font-size:1.167em;font-weight:bold;margin:0 0 3px}
#m_pv_sod_frm .btn_confirm .btn_cancel {width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:bold;padding:0}

 
.tab-menu {margin:0 0 30px;}
.tab-menu li{ display: inline-block; } 
.tab-menu li a{display:block; padding:8px 20px; border-radius:40px; cursor:pointer;}
.tab-menu li a.active{color:#fff;background:#111; }
.tab{ display: none;}
.tab.active{ display: block;}

/* 고객센터 */ 
.sub .lt{padding:30px; border-radius:16px; background: #fff;}
.sub .lt + .lt {margin-top: 20px;}
.sub .lt .lt_more{position:relative; background: #2f2f2f; color: #fff;     display: block;top: auto;right: auto;margin-top: 10px;border-radius: 12px;text-align: center;font-size: 14px;padding: 10px;border: 0;}
.sub .lt .lt_title{ font-size: 20px; margin-bottom: 10px; }
.sub .lt .lt_tit{font-weight: 500; color: #2f2f2f;}
.cs_cont .tit_box{margin-bottom: 20px;}
.cs_cont .cs_info{display:flex; gap:10px; align-items:flex-start;}
.cs_cont .cs_info ul{flex:1;  }
.cs_cont .cs_info ul li{display:flex; gap:10px;}
.cs_cont .cs_info ul li + li{margin-top: 3px;}
.cs_cont .cs_info ul strong{color: #999; font-weight: 500; width: 60px; flex-shrink:1;     display: inline-block;    display: inline-block; }
.cs_cont .cs_info ul p{flex:1;}
.cs_cont .cs_info .btn_wr{margin-top: 0;}



/* contact us */ 
body:has(.contact_wrap) #wrapper {background: #eef3f5;} 
.contact_wrap{margin-top: 20px;}
.contact_inner{  background:#fff; display:flex; box-shadow:0 0 60px 30px rgba(0,0,0,0.03); border-radius:30px; padding:10px;}
.contact_banner{width:45%;background:url('/img/contact/banner.jpg') no-repeat center center / cover;color:#fff; padding:40px; border-radius:24px;}
.contact_banner .banner_cont {display:flex; flex-direction:column; height: 100%;}
.contact_banner .banner_cont h2{ margin-bottom:10px; font-size: 32px;}
.contact_banner .banner_cont p{ font-size: 20px;}
.contact_banner .banner_cont .email{display:flex; gap:30px; ;margin-top: auto; font-size: 18px;}
.contact_banner .banner_cont .email img{width: 20px;}
.contact_form{width:55%;padding:40px 50px;background:#fff;}
.contact_form .form_row{display:flex;gap:40px;}
.contact_form .input_box{margin-bottom:30px;width:100%;}
.contact_form .input_box > label{display:block; margin-bottom:6px;  color: #8D8D8D; }  
.contact_form .input_box > input{width:100%;height:50px;border:0; border-bottom:1px solid #ddd;padding:0 10px;}
.contact_form .input_box textarea{width:100%;height:120px;border:0; border-bottom:1px solid #ddd;padding:10px;resize:none; vertical-align:top;}
.contact_form .input_box:has(.check_group) > label{font-size: 18px; color: #2f2f2f; font-weight: 600; margin-bottom: 12px;}
.contact_form .check_group{display:flex; flex-wrap:wrap; gap:20px;} 
.contact_form .check_group label{ padding-top: 1px;  display:inline-block; width: 120px;}
.contact_form .btn_wr{margin-top: 20px; text-align: right;}  



/* 로그인 */ 
.sub .req{color: red; font-weight: 400; margin-left: 3px;  }
.sub #mb_login #sns_login .txt{font-size: 1.1em; display:none;}
.sub #mb_login p{display:none;}
.sub #mb_login #sns_login .sns-icon{width: 54px; border-radius:50%;}
.sub #mb_login #sns_login .sns-wrap{display:flex; justify-content:center; gap:20px; width: 100%;  }



/* 회원가입 */ 
.sub #sns_register{display:none;}
.sub .mbskin{margin:0 auto;  max-width:600px;} 
.sub .register{padding:0;   max-width:600px;}
.sub .member_connect{ max-width:460px; margin:0 auto; border:0; padding:0; margin-top: 20px; font-size: 16px;}
.sub .member_connect button{padding:10px 20px; width: 100%; height: 54px; font-size: 1em; font-weight: 600;}
.sub #fregisterform .btn_confirm a.btn_cancel, 
.sub #fregisterform .btn_confirm .btn_submit{line-height: 53px; font-size: 1.1em;}

/* 소셜 회원가입 */ 
.sub .social_register{padding:0; max-width:460px; margin:0 auto;}  
.sub #sns-link-pnl .connect-close{font-size: 20px;}
.sub #sns-link-pnl .connect-close:hover{color: #2f2f2f;}
.sub #sns-link-pnl .connect-fg .connect-desc{background: #f5f5f5; border:0; border-radius: 12px; color: #666; margin-bottom: 15px;}
.sub #sns-link-pnl.remodal{padding:20px 30px 40px;}
.sub #sns-link-pnl .connect-fg{height:auto;}
.sub #sns-link-pnl #login_fs .login_submit{height:54px; font-size: 16px; }
.sub #sns-link-pnl #login_fs label{font-size: 1em; margin-top: 15px;}
.sub #sns_register h2{font-size: 20px;}



/* 회원가입 약관 */
.sub #fregisterform section {position:relative;background:#fff; padding:15px 0; border:0;} 
.sub #fregisterform section:has(input[type=checkbox]) h2{padding-left: 32px;} 
.sub #fregister_chkall {position:relative; text-align:left;background:#fff;padding:15px 0 5px; margin-top: 0; font-size: 1.15em;   font-weight: 600; padding-left: 28px;}
.sub #fregister_chkall label{font-size: 1em; color:#2f2f2f;}
.sub #fregister h2,
.sub #fregisterform h2 {text-align:left;padding-bottom:15px;line-height:1.7em;font-size:1.1em; color:#2f2f2f;  font-weight: 600;}
.sub #fregister textarea,
.sub #fregisterform textarea {display:block;width:100%;height:180px; background:#fff; ;line-height:1.5em; font-size:0.8em; color:#555; border:1px solid #ddd; border-radius:10px; padding:15px;} 
.sub #fregisterform p {position:relative;text-align:left;color:#2f2f2f;line-height:18px;padding:15px 0;font-size:1.1em;background:#fff; margin:0;} 
.sub #fregisterform p:before{display:none;}
.sub #fregisterform p i {font-size:1.2em;vertical-align:middle}
.sub #fregisterform .btn_confirm {margin:10px 0;}
.sub #fregister_private .tbl_head01 {margin:0}
.sub #fregister_private .tbl_head01 caption {position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff} 
.sub #fregisterform .btn_confirm .btn_submit{ }
.sub #fregisterform .btn_confirm .btn_submit:hover{  border-color:#5fcce3;  background: #5fcce3; color: #fff;}
.sub #fregisterform .btn_frmline{height:40px; letter-spacing:0; width: 80px; border-radius: 12px;}
.sub #fregisterform .cert_req{line-height: 38px;}
.sub #fregisterform .form_01 h2{margin : 0;} 


/* 회원가입 완료 */ 
.sub #reg_result{max-width:800px; padding:0; margin:160px auto 0;}
.sub #reg_result i{color: #5fcce3; font-size: 50px; margin-bottom: 20px;}
.sub #reg_result h2{padding:0; font-size: 40px; font-weight: 600;}
.sub #reg_result h2 strong{font-weight: 600;}
.sub #reg_result .reg_cong{font-size: 24px; font-weight: 600; }
.sub #reg_result p{font-size: 16px;} 



/* 회원 */ 
.sub #mb_confirm{margin:0; padding:30px; border-radius:20px; background: #fff; max-width: 100%;}
.sub #mb_confirm .btn_submit{height:54px; line-height: 54px; font-size: 1.15em; font-weight: 500; max-width:240px; margin:0 auto;} 
.sub #mb_confirm_id{height:54px; background: #f5f5f5; padding:0 15px; margin:0; border-radius: 12px; line-height: 53px; font-weight: 500;}
.sub #mb_confirm fieldset{color: #2f2f2f;}
.sub #mb_confirm h1{color: #2f2f2f;}
.sub #mb_confirm_pw{margin-top: 0;}
.sub #mb_confirm p strong{font-size: 1.3em; font-weight: 600;}
.sub #mb_confirm .mb_confirm_box {  }
.sub #mb_confirm .mb_confirm_box ul{padding:30px 5%;  border-top:1px solid #ddd;  margin-bottom:20px;}
.sub #mb_confirm .mb_confirm_box li{display:flex;  align-items:center;  }
.sub #mb_confirm .mb_confirm_box li + li{margin-top: 10px;}
.sub #mb_confirm .mb_confirm_box li .th{width: 200px; padding-right: 20px; font-size: 1.1em; font-weight: 500;}
.sub #mb_confirm .mb_confirm_box li .td{width: calc(100% - 200px); max-width:360px;} 
.sub #fregisterform #msg_certify{background: #fff; border:1px solid #5fcce3; color: #5fcce3; padding:14px; border-radius: 12px;}
.sub #fregisterform #msg_certify strong{font-weight: 600;}


/* 상품 */ 
body:has(#sct_wrap) #wrapper{background: #eef3f5;}
body:has(#sct) #container{ width: 90%; max-width:1800px;}
#sct_wrap{display:flex; flex-wrap:wrap; gap:60px 30px; background: #fff; border-radius:24px; padding:60px; }
#sct_wrap .sct_li{width:calc(25% - 22.5px) !important; text-align:left;}   
.sct_txt_wr{text-align:left;}
.sct .sct_img{ aspect-ratio: 1.5; width: 100%; margin-bottom: 20px; }
.sct .sct_img img{width: 100%; height: 100%; object-fit:cover; border-radius:16px; border: 1px solid #f1f1f1}
.sct .category{font-size: 16px; color: #636363; margin-bottom: 4px; font-weight: 300;}
.sct .sct_txt{font-size: 20px; font-weight: 600; text-align:left; margin-bottom: 6px;}
.sct .sct_txt a{display:block;  font-size: 24px; color: #2f2f2f; font-weight: 600; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.sct .sct_desc{font-size: 16px; color: #636363; margin-bottom: 4px; font-weight: 300; margin-top: 8px;}
.sct .sct_cost{ font-size: 24px; display: flex; flex-wrap:wrap; gap: 4px 8px;    font-weight: 600;} 
.sct strike{font-size: 16px; opacity:.4; font-weight: 500; display:block; width: 100%;}
 


/* shop */
.sub .btn_sort{display:none;}
.sub #sct_sort{margin:0 0 20px; padding-right: 24px;}
.sub #sct_sort ul{display:block; position:relative; top:auto; right:auto; display:flex; border:0; padding:0; justify-content:flex-end; }
.sub #sct_sort ul.on{display:flex;}
.sub #sct_sort li a{padding:0; line-height: .9; font-size: 1em; color: #888;}
.sub #sct_sort li a:hover{color: #2f2f2f;}
.sub #sct_sort li + li a{border-left:1px solid #ddd; padding-left: 12px; margin-left: 12px;}
.sub .sct_ct ul{gap:10px;}
.sub .sct_ct ul li{margin:0;}
.sub .sct_ct ul li a{font-size: 16px; padding:10px 20px; border-radius:40px; border:1px solid #ddd; transition:all ease .35s;}
.sub .sit_ov_contents{ max-width:100%;}
.sub .sit_qa_dl dd.sit_qaa_done{color: #46b1b4;}
.sub .dvr_cont h4{margin-bottom: 10px;}
.sub .dvr_cont + .dvr_cont{margin-top: 20px;} 
.sub .dvr_cont p + p{margin-top: 5px;} 

/* mobile shop */
.item_ov_info{display:none;}
.sit_buy_btn{position:fixed; bottom:0; left:0; width: 100%; padding:10px; background: #fff; z-index:10; display:flex; gap:10px; display:none;}
.sit_buy_btn a{display:block; text-align: center; border-radius:6px; }
.sit_buy_btn .sit_buy{ width: calc(100% - 64px); background: #5fcce3; color: #fff;  height:54px; line-height: 54px; font-size: 1.2em; font-weight: 600;}
.sit_buy_btn .sit_cart{width: 54px; height: 54px; border:1px solid #ddd;} 
.sit_buy_btn .sit_cart {display:flex; align-items:center; justify-content:center;}
.sit_buy_btn .sit_cart img{    filter: invert(1); margin-top: -2px;}
.dim {display: none;   position: fixed;  inset: 0;  background: rgba(0,0,0,0.6);  z-index: 10;}
.sub #sit_ov.active,
.dim.active {display: block;}
 
/* 상세 커스텀 */  

#sit{max-width:1800px; width: 90%; margin:0 auto;  } 
#sit_ov_wrap{position:relative; display:flex; justify-content: space-between; gap:40px;}
#sit_ov_wrap .sit_left{width: 72%; max-width:1200px;}
#sit_ov_wrap .sit_right{width: 28%;}
#sit_ov{position:sticky; align-self: start;  top:30px; bottom: auto; transition:top ease .35s;   }

body:has(#hd_wr.scroll-up) #sit_ov{top:170px}


#sit_ov *{-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;}
#sit_ov.fixed { position: fixed; top: 140px; bottom: auto;  }
#sit_ov.bottom { position: absolute; top: auto; bottom: 0; }
#sit_ov.on .sit_ov_price .sit_per{color: #ff5226;}
#sit_ov.on .sit_ov_box{color: #2F2F2F; background: #fff;} 
#sit_ov.on .sit_ov_box .sit_option select{background-color: #f4f4f4; color: #2F2F2F;     background-image: url(/img/icon_select.png);}
#sit_ov.on .sit_ov_box #sit_opt_added .opt_count button{color: #2F2F2F;}
#sit_ov.on .sit_ov_box #sit_opt_added .num_input{color: #2F2F2F;}
#sit_ov.on .sit_ov_box #sit_opt_added .opt_count{ border-color:#ddd;}
#sit_ov.on #sit_opt_added{border-color:#ddd;}
#sit_ov.on #sit_tot_price strong{color: #5fcce3;}
#sit_ov.on #sit_opt_added .sit_opt_del{color: #2f2f2f;}
.item_ov_top .item_visual{border-radius:24px; overflow:hidden; height:70vh;}
#sit_ov_bottom{padding-top: 80px;}
 
/* 내용 관리 */ 
.sub #ctt{box-shadow:none; padding:50px; border-radius:24px; border:1px solid #ddd; line-height: 1.7;}
.sub #ctt_con {padding:0;font-size: 15px !important; font-family:inherit !important;}
.sub #ctt_con h1,
.sub #ctt_con h1 b{font-weight: 700 !important; font-size: 30px !important;}
.sub #ctt_con table,
.sub #ctt_con p{font-size: 15px !important; font-family:inherit !important;}
.sub #ctt_con p b{font-size: 1.1em; margin-top: 40px !important; display:block;}
.sub #ctt_con table {width: 100%; margin-bottom: 20px;}
.sub #ctt_con table th{ background: #f5f5f5;}
.sub #ctt_con table td{border:1px solid #ddd; padding:10px;}
.sub #ctt_con p{ margin-bottom: 10px !important;}


/* 사용후기 모음 */ 
.sps_title{  text-align: center; padding:50px 0px 120px 0;}
.sps_title h1{font-size: 50px; font-weight: 600;}
.sps_title p{margin-top: 30px; font-size: 18px;}
.review_banner{padding:48px; border-radius:20px; background: url('/shop/img/rv_banner.jpg') no-repeat center center / cover; color: #fff; text-align:right; margin-bottom: 80px;}
.review_banner .bn_tit{text-align:left;}
.review_banner h3{font-size: 30px;  }
.review_banner p{font-size: 24px; }
.review_banner .rv_point {font-size: 14px; color: #fff; margin-top: 170px; display:inline-block;}
.review_banner .rv_point > ul{display:flex;  align-items:center; border-radius:12px; padding:24px; background: #A87855;}
.review_banner .rv_point > ul > li{display:flex;  align-items:center; gap:4px;}
.review_banner .rv_point > ul > li + li{border-left:1px solid rgba(0,0,0,0.2); margin-left: 30px; padding-left: 30px;}
.review_banner .rv_point .ico img{width: 20px;}
.review_banner .rv_point strong{color: #fff; font-size: 18px; margin-left: 8px; font-weight: 600;}
.sub .review-swiper { overflow: visible; margin-bottom: 200px; text-align: center;}
.review_cont{background: #fff; border-radius:20px; padding:48px; text-align:left; }
.review_cont > a{display:flex; gap:48px; align-items:center;}
.review_cont .thumb{ aspect-ratio: 1.5; max-width:528px; width: 100%; border-radius:12px; overflow:hidden;}
.review_cont .thumb img{width: 100%; height: 100%; object-fit:cover;}
.review_cont .txt{width: 100%;}
.review_cont .rv_star img{height:20px;} 
.review_cont h3{margin:20px 0 12px; font-size: 24px;}
.review_cont p{color: #555;  }
.review_cont .rv_product{display:flex; gap:16px; align-items:center; margin-top: 30px; padding-top: 30px; border-top:2px solid #e6e6e6;}
.review_cont .rv_product .rv_prd_thumb{border-radius:8px; width: 64px; height: 64px; overflow:hidden;}
.review_cont .rv_product .rv_prd_thumb img{width: 100%; height: 100%; object-fit:cover;}
.review_cont .rv_product .rv_prd_price{font-size: 20px; font-weight: 600; display:flex; gap:8px; align-items:center;color: #2f2f2f;}
.review_cont .rv_product .rv_prd_price .rv_per{color: #5fcce3; font-weight: 600;}
.review_cont .rv_product .rv_prd_price strike{color: #999; font-size: 16px; font-weight: 400;}
.sps_sort{display:flex; justify-content:space-between; align-items:center; margin-bottom: 30px;}
.sps_sort .sort_total{font-size: 20px; font-weight: 600;}
.sps_sort .sort_list{display:flex; gap:30px;}
.sps_sort .sort_list a{font-size: 16px; color: #999;}
.sps_sort .sort_list a.on{color: inherit;}
#sps {zoom:1; font-size: 16px;}
#sps ol {margin:0;padding:0; list-style:none}
#sps li {position:relative;padding:60px 0;border-top:1px solid #ddd;  }
#sps li:after {display:block;visibility:hidden;clear:both;content:""} 
#sps dl {margin:0 0 20px;color:#888;font-size:14px;overflow:hidden}
#sps dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sps dd {float:left; line-height:20px;height:20px}
#sps dd img {position:relative; vertical-align:text-top;}
#sps .sps_img {position:absolute;top:60px;left:0; width: 160px; height: 120px;}
#sps .sps_img img {border-radius:8px; width: 100%; height: 100%; object-fit:cover;}
#sps .sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sps .sps_star{margin-right: 20px;}
#sps .sps_section {margin-left:200px;display:block;font-size:16px}
#sps .sps_section h2{font-size: 18px;  }
#sps .sps_section .is_use_reply {background:url('../mobile/shop/img/use_reply.png') no-repeat;text-indent:30px;line-height:1.5em}
#sps .sps_section p {padding:0;width:100%}
#sps .sps_con_full {padding:0;height:auto !important}
#sps .sps_con_btn {margin-top: 20px; }
#sps .sps_con_btn button { padding:5px 0;color:#666;font-size:14px; background:#fff; border:0; font-weight: 500;}
#sps .sps_con_btn button i{font-size: 1.2em; vertical-align: text-top;}
#sps .review_bt_cnt{display:none; padding-top: 10px;}
#sps .review_bt_cnt p + p{margin-top: 10px;}
#sps .review_bt_cnt img{max-width:400px; border-radius:8px;}
#sps .sps_reply {margin-top:10px;padding-top:10px;border-top:1px dotted #bbb;position:relative}
#sps .sps_reply .sps_img {width:50px;text-align:center}
#sps .sps_reply .sps_section h2 {background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em}
#sps .sps_reply .sps_section {margin-left:70px;min-height:50px}
#sps_empty {text-align:center;color:#777;padding:50px 0}


@media (max-width:1440px) {   
	/* header */
	#hd_wr{padding:3%;}

	
	/* container */
	#container{padding:calc(100px + 6%) 3% 130px;  }  
	.main #container,
	body:has(#sct) #container{padding-left:0; padding-right:0;  }  
	
	
	/* footer */
	.ft_wr{flex-direction:column; gap:20px;}
	.ft_center{gap:40px;}
	.ft_right{gap:40px; align-items: flex-start;  text-align: left;}

	/* main */
	.main_visual .main_tit{padding:0 5%;}
	.main_step{padding:100px 3%;}
	.main_promotion .news_cont{padding:100px 3%;} 
	.main_promotion .promotion_swiper{ height: 800px;}

	
	/* shop */
	#sct_wrap{padding:40px;}
	#sct_wrap .sct_li{width: calc(33% - 18px) !important;}
	.sub #sit_ov_bottom{ padding-top: 80px; }    
	.sub #sit_ov_btn{padding:10px;}
	.sub #sit_ov_btn button#sit_btn_cart{border:1px solid #ddd; }
	#sit_ov_wrap .sit_left{width: 100%; max-width:100%;}
	#sit_ov_wrap .sit_right{width:0%;}
	.sub .item_ov_info{display:block; background: #fff; margin-top: 40px; padding: 24px;   border-radius:20px;   }     
	.sanchor a{width: 120px; font-size: 15px;}
	.sub .features_cont .num{font-size: 18px;}
	.sub .features_cont .sbj{font-size: 24px;}
	.sub .features_cont .desc{ font-size: 16px;}
	.sit_buy_btn{display:flex;} 
	.sub #sit_ov{position:fixed; max-width:100%; z-index:11; left:0;display:none; right:0; top:auto; bottom:0; background: #fff;     border-radius: 24px 24px 0 0;}
	#sit{width: 100%;} 
} 

 

@media (min-width:970px) { 
	.gnb .gnb_cate > li:hover > ul{visibility: inherit; opacity:1;}
    #smb_my_ov {position:absolute;top:0;left:0;width:280px}
    #smb_my { padding-left:320px}
    .btn_my_if {display:none} 
} 
	

@media (max-width:969px) {
 

 
	/* container */
	#container{padding:calc(70px + 6%) 5% 60px; }  
	.main #container{padding-left: 0; padding-right: 0;}
	#container:has(#sit){padding-left: 3%; padding-right: 3%;}
	#container_title{padding:50px 0 30px; font-size: 30px;}
	#container .swiper-button-prev{left:-10px; border:1px solid #ddd; width: 34px; height: 34px;}
	#container .swiper-button-next{right:-10px; border:1px solid #ddd; width: 34px; height: 34px;}
	#container .swiper-pagination{bottom:-30px;}

	/* header */
	#hd_btn{display:block;} 
	.gnb .gnb_cate{ display:none;}
	.gnb .gnb_cate.comm{display:none;}   
	#hd_wr_inner{padding:0 24px; height:70px;  justify-content:flex-start; gap:20px; } 
	#hd_wr_inner #logo{max-width:94px;  } 
	.hd_right{ display:flex; gap:10px; align-items:center; margin-left: auto; }
	.hd_right .tnb_top{ display:none; }
	.hd_right .tnb_top > a{display:none;}
	.hd_right .tnb_btm{margin-top: 0; }
	.hd_right .tnb_btm > ul{gap:10px;}  
	
	.quick-menu{width: 81px; right:-81px;}
	.menu-items{padding:20px 5px;}

	/* footer */
	#ft{ padding: 30px 0 30px;}
	#ft:before{border-radius:0 0 40px 40px; height:50px;} 
	#ft_logo img{height:40px;}
	#ft_link > ul{flex-wrap:wrap;}
	#ft_link > ul:first-child{margin-bottom: 10px;}
	#ft_link > ul:first-child a{font-size: 16px;}
	#ft_link > ul:nth-child(2){gap:0 10px;}
	#ft_link > ul:nth-child(2) a{font-size: 14px;} 
	.ft_center{gap:10px;}
	.ft_con p{font-size: 13px;  gap:5px;}
	.ft_con p + p{margin-top: 0;}
	.ft_sns a{width: 40px; height: 40px;     padding: 10px;}
	.ft_right{gap:20px;}
	.ft_right p { justify-content:flex-start}
	.ft_con .tel{font-size: 36px; margin:0; } 
	#ft_to_top{width: 45px; height: 45px;}
	#ft_to_top i{font-size: 20px;}
	 
	/* 로그인 */
	#mb_login{ }   

	/* 회원정보 찾기 */
	.sub #find_info{margin-top: 80px;}


	/* 회원가입 */ 
	.sub #fregisterform p{padding:10px 0;}  
	.sub #fregisterform section{padding:10px 0;}
	.sub #sns_register h2{font-size: 16px;}
	.sub #reg_result{  }
	.sub #reg_result h2{  font-size: 24px;  } 
	.sub #reg_result .reg_cong{font-size: 17px;}
	.sub #reg_result p{font-size: 14px;} 
	

	.form_01 .form_flex > li{padding-left: 0;}
	.form_01 .form_flex > li > label{position:relative; left:auto; top:auto; width: 100%; margin-bottom: 10px; display:block;}  

	#smb_my_wr{min-height:auto;}

	/* 나의 요리엔 */   
	.my_yorien .yorien_intro p{margin-bottom: 20px; font-size: 18px;}
	.my_yorien section{padding:30px;}
	.my_yorien .yorien_filter .filter_cycle{flex-direction:column; gap:20px;}
	.my_yorien .yorien_filter .filter_cycle .cycle{display:flex; gap:10px; font-size: 16px; justify-content:space-between; align-items:center;}
	.my_yorien .yorien_filter .filter_cycle .cycle .num span{font-size: 28px; width: 40px; height: 50px;}
	.my_yorien .yorien_filter .filter_cycle .cycle .day{margin-top: 0;}
	.my_yorien .yorien_filter .filter_usage{margin-top: 30px; padding:0 20px 20px ; flex-direction:column;  margin-bottom: 15px;}
	.my_yorien .yorien_filter .filter_usage > div{width: 100%;}
	.my_yorien .yorien_filter .filter_usage .usage_graph{margin:10px auto;}
	.my_yorien .btns{gap:6px;}
	.my_yorien .btn{width: 100%;}
	.my_yorien .yorien_filter .filter_cycle .btn{font-size: 14px;}
	.my_yorien .yorien_bn{flex-direction:column; gap:20px; text-align: center;}
	.my_yorien .txt p{margin-top: 8px;}
	.my_yorien .yorien_bn h3{font-size: 20px;}
	.popup-overlay .popup-box .popup-title h2{font-size: 20px;}
	.popup-overlay .popup-box .popup-title p{font-size: 14px;}
	.popup-overlay .popup-box .popup-form{padding:20px;}
	.my_yorien .yorien_bn .btns{width: 100%;}
	.popup-overlay .popup-box .btns button{height: 50px; line-height: 50px; font-size: 14px;}



	/* tit */ 
	.tit_box{margin-bottom: 30px;}
	.tit_box h3{font-size: 20px; margin-bottom: 10px;}
	.tit_box p{font-size: 15px;}
	.tit_box p br{display:none;}

	/* 멤버십 혜택 */   
	.membership{padding:40px 20px;} 
	.membership > div + div{margin-top: 40px; padding-top: 40px;}
	.membership .mbs_benefit{flex-direction:column;}
	.membership .mbs_benefit li{width: 100%; padding:20px;}
	.membership .mbs_benefit .icon{margin-bottom: 20px;}
	.membership .mbs_coupon{flex-direction:column;         gap: 30px;}
	.membership .mbs_coupon li{width: 100%; max-width:100%;}
	.membership .mbs_coupon .icon{margin-bottom: 15px;}
	.membership .mbs_grade .grade_item{flex-direction:column; padding:20px 12px;}
	.membership .mbs_grade .grade_head,
	.membership .mbs_grade ul{width: 100%;}
  
    /* contact us */  
	.contact_wrap{margin-top: 0;}
	.contact_inner{flex-direction:column; border-radius:20px;}
	.contact_banner{width: 100%; padding:24px; border-radius:16px;}
	.contact_banner .banner_cont h2{font-size: 24px; margin-bottom: 0;}
	.contact_banner .banner_cont p{font-size: 16px;}
	.contact_banner .banner_cont .email{margin-top: 40px; font-size: 14px; gap:20px;}
	.contact_form{width: 100%; padding:20px 10px;}
	.contact_form .input_box{margin-bottom: 10px; font-size: 15px;}
	.contact_form .input_box > input{height: 45px;}
	.contact_form .input_box > label{font-size: 13px;}
	.contact_form .form_row{flex-direction:column; gap:10px;}
	.contact_form .input_box:has(.check_group) > label{font-size: 16px; margin-top: 20px;}
	.contact_form .check_group{gap:10px;}
	.contact_form .check_group label{font-size: 15px;}
	.contact_form .btn_wr{text-align: center;}



 
	/* shop */   
    .sub #sod_frm{ padding:20px;  }
	.sub #sct_sort{ margin:0 0 12px; padding-right: 0; } 
	.sub #sct_sort .btn_sort{display:block; margin-left: auto; font-size: 13px;} 
	.sub #sct_sort ul{display:none; position:absolute; right:0; padding:12px;  top:25px;flex-direction:column; border:1px solid #ddd; border-radius:6px; background: #fff; } 
	.sub #sct_sort li a{font-size: .85em;} 
	.sub #sct_sort li + li a{padding-top: 12px; padding-left: 0; margin-left: 0; border:0; }
	#sct_wrap{gap:20px  ; padding:20px;  }
	#sct_wrap .sct_li{width: 100% !important;}
	.sct .sct_img{margin-bottom: 12px;}
	.sct .sct_img img{border-radius:12px;}
	.sct .sct_txt{margin-bottom: 5px; font-size: 17px;}
	.sct .sct_desc{font-size: 14px; margin-top: 6px;}
	.sct_cost strike{font-size: 14px; }
	.sct .sct_txt a{font-size: 18px;}
	.sct .sct_cost{font-size: 18px; gap: 4px;}
	.main_promotion .product_swiper .swiper-slide .sct_buy{margin-top: 12px;}
	.main_promotion .product_swiper .swiper-slide .sct_buy a{height:40px; line-height: 40px;}   
	.sub .sit_ov_contents section{    scroll-margin-top: 80px;}
	.sub .sit_ov_contents section + section{margin-top: 20px;}
	.sanchor{width: 100%;  }
	body:has(#hd_wr.scroll-up) .sanchor{top:80px;}
	.sanchor li{width: 100%; line-height: 40px;}
	.sanchor a span{font-size: 12px; width: 18px; height: 18px; vertical-align: middle;}
	.sanchor a{width: 100%; font-size: 13px; padding:0;}
	.sub #sit_ov .sit_ov_box{padding:30px 5% 5%; max-height:70vh;}
	.sub #sit_title{font-size: 20px; line-height: 1.4; margin:  0 0 3px ;}
	.sub #sit_sel_option{margin:10px 0;}
	.sub #sit_opt_added{padding-bottom: 16px;}
	.sub #sit_opt_added li{font-size: 14px;}
	#sit_opt_added:has(.sit_opt_ip) li{gap:5px;}
	.sub #sit_tot_price{font-size: 14px;}
	.sub #sit_ov_btn{margin:0; gap:10px;} 
	.sub #sit_ov_btn button{ height: 54px; line-height: 54px; font-size: 1.36em; border-radius:6px;} 
	.sub .sit_ov_price{margin-bottom: 5px; font-size: 24px;}
	.sub #sit_ov .sit_ov_wr + .sit_option{margin-top: 20px;}
	.sub .sit_cont_wr{padding:20px;     border-radius: 0 0 12px 12px; font-size: 14px;}  
	.sub .item_ov_top .item_visual{height:calc(100vh - 100px); border-radius:20px; height:60vh;} 
	.sub .sit_ov_box .sit_option select{font-size: 14px;}  
	.sub .item_ov_info{margin-top: 3%;}
	.sub #sit_ov_bottom{padding-top: 30px;}
	.sub .sit_con h3{margin:0 0 10px; font-size: 18px;}
	.sub #sit_inf_explan{margin : 30px 0;}
	.sub .product_info{padding:20px;}
	.sub .sit_con h4{margin : 3px 0 6px; font-size: 18px;}
	.sub .product_info > ul > li{font-size: 14px; gap:20px; margin-top: 6px;} 
	.sub .product_info > ul > li .th{width: 120px; padding-right: 0; padding-bottom: 3px;}
	.sub .product_info > ul > li .td{width: calc(100% - 140px); }
	.sub #sit_qa_wbtn,
	.sub #sit_use_wbtn{gap:5px;}
	.sub #sit_qa_wbtn a,
	.sub #sit_use_wbtn a{padding:0 8px; font-size: 12px; height:30px; line-height: 28px;}
	.sub .sit_qa_li_title, 
	.sub .sit_use_li_title{padding-right: 0; line-height: 1.5; font-size: 1.1em;}
	.sub .sit_qa_dl,
	.sub .sit_use_dl{position:relative; line-height: 1.5; margin-top: 5px; font-size: .9em;}  
	.sub .sit_qa_li,
	.sub .sit_use_li{padding:14px 0;}
	.sub .pg_page, 
	.sub .pg_current, 
	.sub .qa_page{font-size: 13px; padding:0; width: 20px;}
	.sub .sit_use_dl dd img{width: 72px; vertical-align: text-top;}
	.sub .sit_use_con{padding:10px; margin:10px 0;}
	.sub #sit_desc{font-size: 15px;}
	.sub .item_ov_top .item_visual .thumb-swiper{height: 200px;}
	.sub .item_ov_top .item_visual .thumb-swiper-wr{ right:20px; top:20px; width: 60px; height:210px;} 
	.sub .item_ov_top .item_visual .thumb-swiper .swiper-slide{ width: 50px; height:60px; }
	.sub .features_cont .thumb{margin-bottom: 10px;}
	.sub .features_cont .num{font-size: 16px;}
	.sub .features_cont .sbj{font-size: 20px; margin: 0 0 3px;}
	.sub .features_cont .desc{ font-size: 14px;}



	/* review */  
	.sps_title h1{font-size: 30px;}
	.sps_title{padding:60px 0;}
	.sps_title p{font-size: 15px; margin-top: 15px;}
	.review_cont{padding:20px; }
	.review_cont > a{flex-direction:column; gap:24px;}
	.review_cont .rv_star img{height: 14px;}
	.review_cont h3{margin:6px 0  ; font-size: 20px;}
	.review_cont .rv_product{margin-top: 20px; padding-top: 20px;} 
	.sub .review-swiper{margin-bottom: 80px;}
	.review_banner{padding:20px; margin-bottom: 40px;}
	.review_banner .bn_tit{padding:10px;}
	.review_banner h3{font-size: 24px;}
	.review_banner p{font-size: 16px;}
	.review_banner .rv_point{margin-top: 80px; display:block; width: 100%;}
	.review_banner .rv_point > ul{padding:14px 0; justify-content: center;}
	.review_banner .rv_point > ul > li{flex-direction: column; width: 50%;}
	.review_banner .rv_point strong{margin-left: 0;}
	.review_banner .rv_point > ul > li + li{margin-left: 0; padding-left: 0; gap:2px;}
	.sps_sort{margin-bottom: 14px;}
	.sps_sort .sort_total{font-size: 16px;}
	.sps_sort .sort_list{gap:10px;}
	.sps_sort .sort_list a{font-size: 14px;}
	#sps li{padding:24px 0;}
	#sps .sps_img{width: 80px; height: 80px; top:24px;}
	#sps .sps_section{margin-left: 100px;}
	#sps dl{margin:0 0 6px; font-size: 13px;}
	#sps .sps_star{margin-right: 10px;}
	#sps .sps_section h2{font-size: 16px;}
	#sps .sps_con_btn{margin-top: 10px;}
	#sps .review_bt_cnt{font-size: 14px;}
	#sps .sps_con_btn button{font-size: 13px;}




	/* 상품 문의 */  
	.sub #sqa_sch{flex-direction:column;}
	.sub #sqa_sch a{width: 100%;}
	#sqa li{padding:24px 0;}
	#sqa .sqa_img{width: 80px; height: 80px; top:24px;}
	#sqa .sqa_section{margin-left: 100px;}
	#sqa dl{margin:0 0 6px; font-size: 13px;} 
	#sqa .sqa_section h2{font-size: 16px;}
	#sqa .sqa_con{font-size: 14px;}
	#sqa .sqa_con_btn{margin-top: 10px;} 
	#sqa .sqa_con_btn button{font-size: 13px;}
	#sqa .sqa_con .qa_alp{width: 24px; height: 24px;}
	#sqa .sit_qa_qaq, #sqa .sit_qa_qaa{padding:6px 5px 6px 32px;}
	#sqa .sqa_con{margin-top: 6px;}
	#sqa .sqa_con .qa_alp{top:5px;}
	.sub .sit_qa_qaq, 
	.sub .sit_qa_qaa{padding:10px;}
	.sub .sit_qa_p p{margin-top: 5px;}
	.sub .sit_qa_con{ padding-bottom: 0; margin:10px 0;}
	#sod_bsk_act .total{padding:10px 20px; font-size: 16px;}
	#sod_bsk_act .total .total_cnt{font-size: 24px;} 
 

 
	/* my page */  
	#smb_my_ov .my_name{font-size:16px;}    
	#sod_ws_act .btn01,
	#sod_ws_act .btn02 { font-size:12px}
	#sit_siblings{display:none;} 
	.my_side_cate p{width: 100%;}
	.my_side_cate ul{display:flex; flex-wrap:wrap;}
	.my_side_cate ul + ul{margin-top: 10px; padding-top: 10px;}
	.my_side_cate ul li{width: 50%;} 
	.my_side_cate ul li a{padding:2px 0;}
	.sub #smb_my .my_intro_bn{flex-wrap:wrap; gap:24px; padding:30px;}
	.sub #smb_my .my_intro_bn > div{width: 100%;}
	.sub #smb_my .bn_point{border-left: 0; border-top:1px solid #e6e6e6; padding:0; padding-top: 24px;}
	.sub #smb_my .bn_filter{border-left: 0; border-top:1px solid #e6e6e6; padding:0; padding-top: 24px; }
	.sub #smb_my .bn_filter br{display:none;}
	.sub #smb_my .tit{font-size: 18px;}
	.sub #smb_my .go_btn{margin-top: 5px;}
	.sub #smb_my .my_point_bn{flex-wrap:wrap; gap:24px; padding:30px;}
	.sub #smb_my .my_cou_wr{width: 100%; padding-right: 0; border-right: 0; border-bottom:1px solid #e6e6e6; padding-bottom: 24px; }
	.sub #smb_my .my_review{width: 100%; padding-left: 0;}

	
	/* 주문내역 */  
	#sod_inquiry li{padding:20px; margin-bottom: 10px;}
	#sod_inquiry li .inquiry_name{margin:5px 0;}
	#smb_my_ov{padding:20px 30px 24px;}

	
	
	/* 마이페이지 */
	#smb_my{min-height:auto; }
	#smb_my_ov{display:none;}
	body:has(#smb_my_wr) #smb_my_ov{display:block;}
	body:has(.lt) #smb_my_ov{display:block;}



	/* 마이페이지 필터교체 안내 */
	.filter-step{padding:15px 5% 20px; }
	.filter-step li + li:before{ margin: 3px 0;  font-size: 18px;} 
	.filter-step h3{ margin-top: 3px;  font-size: 16px; }
	.filter-step p{  margin-top: 6px;  }



	/* 마이페이지 게시판 */
	#bo_list{ padding:20px; }  
	.sub #faq_sch{padding:0 0 20px;}
	.sub #faq_sch .frm_input{padding:0 20px;}
	.sub #faq_sch .btn_submit{top:2px;} 
	.sub #point, .sub #bo_faq, .sub #bo_v, .sub #bo_w{padding:20px;}
	.sub #bo_v_ans #ans_msg{padding:20px 0;} 
	.sub .bo_v_nb{margin-top: 30px;}
	.sub .bo_v_nb li a{padding:15px 0; font-size: 14px;}
	.sub #bo_v_con{margin:0 0 20px; font-size: 15px;}


	/* 고객센터 */
	.sub .lt{padding:24px;}
	.sub .lt .item li{padding:12px 0;}
	.sub .lt .lt_title{margin-bottom: 5px; font-size: 20px;}
	.sub .lt .lt_tit{font-size: 1.15em;}
	.sub #faq_wrap li h3 a{font-size: 1.15em;}
	.sub #faq_wrap li h3 .tit_bg{top:19px;}
	.sub #bo_gall .bo_cate_link{font-size: 14px;}
	.sub #bo_gall .gall_li_tit{font-size: 1.3em; margin: 0;}
	.sub #bo_gall .gall_text_href{padding:10px 0}
	.sub #bo_gall .gall_info { padding:3px 0 0;}
	.sub #bo_gall .gall_info .date{font-size: 15px; }
	.sub #bo_gall #bo_cate{margin-bottom: 30px;}
	.sub #bo_gall #bo_cate a{font-size: 14px;}
	.sub #bo_gall .gall_li{margin-bottom: 30px;}
	.sub .gall_v .bo_v_tit{font-size: 30px; margin-top: 15px;}
	.sub .gall_v #bo_v_title{padding:0 0 10px;}
	.sub .gall_v #bo_v_info{padding:0 0 20px; font-size: 14px;}
	.cs_cont .cs_info{flex-direction:column;}
	.cs_cont .cs_info .btn_wr{    margin: 0 auto;margin-top: 10px;  }
	.cs_cont .tit_box{margin-bottom: 10px;}

 
		 

	/* 회원 */ 
	.sub #mb_confirm{padding:30px;}
	.sub #mb_confirm .mb_confirm_box li .th{width: 100px; padding-right: 20px; font-size: 1.1em; font-weight: 500;}
	.sub #mb_confirm .mb_confirm_box li .td{width: calc(100% - 100px); max-width:360px;} 
	.sub #mb_confirm .mb_confirm_box ul{padding:20px 0;}
	.sub #mb_confirm p{padding:5px 0;}
	.sub #mb_confirm h1{margin:0 0 5px;}
	.sub #mb_confirm p strong{font-size: 1.2em;}

 
	
	/* 장바구니 */  
	#sod_frm.sod_frm_mobile .sod_list .sod_li{border:0; padding:0 10px 10px;}
	.sod_list .sod_li{padding:24px 20px; margin:10px 0;} 
	.sod_list .li_chk{padding:0; top:24px;}  
	.sod_list .li_prqty{font-size: 13px; padding:10px; margin:0 0 15px;}
	.sod_list .total_price{font-size: 1.1em; margin:5px 0;}
	.sod_list .total_price strong{font-size: 22px;}
	.sod_list .li_op_wr{padding-left: 115px; min-height:70px;}
	.sod_list .total_img{max-width:70px; border-radius:8px; left:30px;} 
	.sod_list .li_name{font-size: 1.2em;}

	/* 주문 상세 내역 */  
	.sod_fin_list .sod_list .li_op_wr{padding-left: 86px;  }
	#sod_list_inq.sod_list .sod_li{padding:30px 20px;}
	#sod_fin_legend{padding:20px;}
	#m_sod_bsk_tot{padding:20px;}
	#sod_fin_view{padding:20px;}
	#sod_fin_tot{padding:20px;}

 



	/* 버튼 */
	.btn,
	a.btn01, 
	button.btn01,
	a.btn02,
	button.btn02, 
	.btn_submit,
	fieldset .btn_submit,
	a.btn_cancel,
	button.btn_cancel,
	a.btn_frmline, button.btn_frmline {padding:8px 12px;} 
	a.btn_b03, .btn_b03{padding:6px 10px; font-size: 13px;}  
	.btn_wr{margin-top: 20px;}
	.btn_wr .btn{font-size: 14px; padding:10px 30px;}
	 



	#mod_option_frm{ }
	#sit_opt_added .sit_opt_prc{font-size: 14px; width: 60px;}
	#mod_option_frm #sit_opt_added .sit_opt_subj{ }
	#sit_opt_added .sit_opt_ip{float:left;}
	#sit_opt_added .opt_count{padding:0 5px;}
	#sit_opt_added .sit_opt_del{font-size: 18px; width: 24px;}


	/* 내용관리 */
	.sub #ctt{padding:24px; border-radius:16px;}
	.sub #ctt_con h1, .sub #ctt_con h1 b{font-size: 20px !important;}
	.sub #ctt_con{font-size: 13px !important;}
	.sub #ctt_con table, .sub #ctt_con p{font-size: 13px !important;}
	.sub #ctt_con p b{margin-top: 20px !important;}
	.sub #ctt_con p {    margin-bottom: 5px !important;}
	.sub #ctt_con table td{padding:5px;}


}