@import url('http://c.dubuplus.com/inc/css/font/notosans/notosanskr.css');
@charset "utf-8";
@font-face { font-family: 'Binggrae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff'); font-weight: normal; font-style: normal; }
/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.813em;height:100%;font-family:'Noto Sans KR',sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR',sans-serif;     vertical-align: middle;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select,button {font-size:1em;font-family:'Noto Sans KR',sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}
img{vertical-align:top;max-width:100%;height:auto}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/* 팝업레이어 */
#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 #e9e9e9;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:absolute;top:0;left:0;width:100%; z-index:99 ;}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#hd_menu{border-bottom:1px solid #e6eaed}
#hd_menu ul{margin:0 auto;max-width:1200px}
#hd_menu ul:after {display:block;visibility:hidden;clear:both;content:""}
#hd_menu li{float:left;line-height:45px;font-size:0.923em;margin:0 8px}
#hd_menu li a{color:#aeb4bf}
#hd_menu li a:hover{color:#000}
#hd_menu .hd_menu_right{float:right}

#hd_wr {margin:0 auto;max-width:1200px; position:relative;
-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;}



#hd_wr:after {display:block;visibility:hidden;clear:both;content:""}
#logo{ text-align:center; }
#logo img{vertical-align:middle;}

#logo_en { text-align:center; }
#logo_en img{vertical-align:middle;}

#hd_sch {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.85);z-index:999;text-align:center;}
.hd_sch_wr{position:absolute;top:50%;left:50%;width:80%;margin-top:-50px;margin-left:-40%}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch .sch_inner {position:relative; width: 100%; max-width: 960px; margin: 0 auto; display: inline-block; box-sizing: border-box; border: 1px solid #86b7f4;outline:0;}
#hd_sch .sch_inner:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_str {background:transparent;border:0;color:#fff;width:100%;height:80px;padding-left:20px;font-size:16px;outline:none}
#hd_sch .sch_submit {position:absolute;top:0;right:0;height:80px;;border:0;cursor:pointer;background:url(../images/search-icon-2.png) center no-repeat; font-weight:600;color:#fff;width:50px;font-size:16px;}
#hd_sch .btn_close{position:absolute;top:0;right:0;width:70px;height:70px;background:none;color:#fff;border:0;font-size:16px;  background:url(../images/x-btn.png) center no-repeat;}
#hd_sch .btn_close:hover{opacity:1}

#ppl_word{color:#fff;margin-top:15px;line-height:25px}
#ppl_word:after {display:block;visibility:hidden;clear:both;content:""}
#ppl_word h3 {padding:0 8px;margin-right:5px;background:#fff;color:#000;display:inline-block;float:left;font-weight:500;border-radius:5px}
#ppl_word ol{float:left;padding:0;margin:0}
#ppl_word li{display:inline-block;list-style:none}
#ppl_word li a{display:block;padding: 0 10px;color:#fff;border-radius:5px;font-weight:300;opacity:0.8}
#ppl_word li a:hover{opacity:1}

/*아이콘 (배경)변경함*/
#hd_btn {position:absolute;top:12px;left:0}
#hd_btn button{height:45px;line-height:45px;width:45px;background:none;border:0;vertical-align:top;  }
#hd_btn button#btn_sch{ background:url(../images/search-icon.png) center no-repeat;}
#hd_btn  i{font-size:18px}
#hd_btn a{display:inline-block;line-height:45px;width:45px; height:45px; text-align:center;vertical-align:top; }
#hd_btn a.mypage_btn { background:url(../images/mypage-icon.png) center no-repeat;}
#hd_btn a.my-btn {width:auto; padding-right:20px; font-size:15px; color:#000;}
#hd_btn a.login-btn {width:auto; padding-right:20px; font-size:15px; color:#000;}
#hd_btn a.join-btn {width:auto; padding-right:20px; font-size:15px; color:#000;}
#btn_cartop{position:relative; background:url(../images/cart-icon.png) center no-repeat;}
#btn_cartop .cart-count{position:absolute;top:5px;right:0;background:#f05858;border-radius:15px;font-size:10px;color:#fff;padding:0 5px;border:2px solid #fff;line-height:16px}

.hd_admin{position:fixed;bottom:10px;left:10px;}
.hd_admin a{padding:0 20px;display:inline-block;;line-height:40px;background:#d12323;z-index:999;color:#fff}
.hd_admin a:hover{background:#ff0000}




/*카테고리*/
.menu_wr h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}


  @media (min-width: 1201px){

    #cate_01 {
      display: inline-block;
      width: 100%;
      text-align: center;
    }

    #btn_cate{display:none}
    .menu{display:block; background:#f5ed7e;}
    .menu:after {display:block;visibility:hidden;clear:both;content:""}
    .menu_wr{width:100%; max-width:1200px; margin:0 auto;}

    .btn_login .btn_ol{width:auto;vertical-align:top}
    .btn_login .btn_ol .txt{color:#717989;display:inline-block;margin-left:5px}
    .btn_login{float:right;line-height:45px}
    .btn_login a{padding:0 10px;display:inline-block;position:relative;color:#717583;}
    .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}
    .btn_login button{background:0;padding:0 10px;border:0;color:#717583;outline:none;height:45px;line-height: 45px;}
    .btn_login img{ width:30px;height:30px;border-radius:50px;margin-right:5px;margin-top:7px;vertical-align:top}
    .menu .menu_close{display:none}
    .menu_wr li{display:inline-block;padding: 0 53px; position:relative; font-size:18px; line-height:70px; font-weight:500; color:#000; letter-spacing:-0.07px; }
    .menu_wr li a {display:block;}
    .menu_wr li button{border:0;width:25px;height:45px;overflow:hidden;border:0;background:url(../img/mobile/btn_menu.png) no-repeat 50% 50%;text-indent:-9999px;opacity:0.5}
    .sub_cate{display:none}
    .sub_cate a{display:block }
    .menu_wr li:hover .sub_cate1{display: block;position:absolute; padding:10px 0 ;background:#fff;width:100%; top:70px; left:0;
     -webkit-box-shadow: 0px 13px 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 13px 15px rgba(0,0,0,0.1);
    box-shadow: 0px 13px 15px rgba(0,0,0,0.1)}
	.menu_wr li:hover {background:#ede461; }

    .sub_cate1 li{display:block;font-size:13px;font-weight:300;line-height:40px;padding:0 20px;color:#727280;text-align: left;}
    .sub_cate1 li:hover{color:#fff;background:#f5868c}
    .sub_cate1 li:hover a{color:#fff;}
    .sub_cate button{display:none}
 }
/* 중간 레이아웃 */
#container {margin-top:0;}
#container_title {margin:0 auto;max-width:1200px;padding:40px 20px 20px;text-align:center;font-size:1.846em}
.idx_c{margin:0 auto;max-width:1200px;}
.idx_c:after {display:block;visibility:hidden;clear:both;content:""}

.box{background:#fff;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.07);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.07);
box-shadow: 0 2px 5px rgba(0,0,0,0.07)}

#container.idx-container{padding: 0 }
.view-container #container_title{display:none}

@media (max-width: 969px){
   /* #container {margin-top:55px}
    .container{margin:55px auto 20px}
    #container_title{font-size:1.5em;padding:20px}*/
}

/*메인*/
#idx_tab{padding-left:220px; position:relative;}
#idx_tab h2{display:none}
#idx_tab .tabs{position:absolute;top:0;left:0}
#idx_tab .tabs li{display: block; font-size:1.154em;margin: 0 0 15px;font-weight:500; line-height: 24px;color: #717989; text-align: left;cursor:pointer}
#idx_tab .tabs .current{color: #f05858;position: relative;text-decoration: underline;}
#idx_tab .sct_wrap{display:none}
#idx_tab .sct_wrap.current{display: block; }

#idx_review{background:#f8f9fa;text-align:center;padding:100px 0}
#idx_review h2{ text-align: center; font-size: 1.846em;margin: 0 0 20px;}
.review{max-width:1200px;margin:0 auto;}
.review .rv_li{margin:20px;background:#fff;opacity:0.5; position:relative;padding:40px;text-align:left;
-webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow:  0 1px 2px rgba(0, 0, 0, .1);
box-shadow:  0 1px 2px rgba(0, 0, 0, .1);}
.review .rv_li:hover {
-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .15);
-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .15);
box-shadow:0 5px 10px rgba(0, 0, 0, .15);}
.review .slick-active{opacity:1}
.review .rv_hd{position:relative;padding-left:70px;line-height:25px;margin-bottom:20px}
.review .prd_img{position:absolute;top:0;left:0;}
.review .prd_img img{border-radius:50px}
.review .rv_tit{display:block;font-size:1.077em;font-weight:600}
.review .rv_prd{color:#717989}
.review p{line-height:1.7em;min-height:80px}


 @media (max-width:969px){
    #idx_tab{padding:10px}
    #idx_tab .tabs{position:relative}
    #idx_tab .tabs{position:relative;width:100%;margin-bottom:20px;text-align:center}
    #idx_tab .tabs li{display:inline-block;margin:0 10px 10px}
    #idx_tab .sct_wrap {margin:10px 0}

}
 @media (max-width:639px){
     #idx_review{padding:80px 0}
     .review .rv_li{margin:8px}

 }


/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.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}

/* 하단 레이아웃 */
#ft {background:#333;position:relative;z-index:10}
.ft_notice{border-bottom:1px solid #282828}
.ft_wr{max-width:1200px;margin:0 auto;padding:60px 0}
.ft_wr ul:after {display:block;visibility:hidden;clear:both;content:""}
.ft_wr .ft_box{float:left;width:33.3333%;text-align:left;padding:0 20px}
.ft_wr .ft_box h2{color:#9f9f9f;font-size:1.154em;margin-bottom:25px}
.ft_wr .ft_box strong{display:block;color:#dddddd;margin-bottom:20px;font-size:1.8em}
.ft_wr .ft_box p{color:#9f9f9f;font-weight:300;line-height:1.7em;font-size:0.923em}
.ft_wr .ft_box p span{display:inline-block;margin-right:8px;}
.ft_wr .ft_info{width:66.6666%}

.ft_wr1{background:#282828}
#ft_company{margin:0 auto;max-width:1200px;padding:40px 20px;color:#5e5e5e;text-align:right}
#ft_company:after {display:block;visibility:hidden;clear:both;content:""}
#ft_company a{display:inline-block;margin:0 10px;color:#5e5e5e;}
.ft_copy{float:left}


#ft_to_top{position:fixed;bottom:10px;right:10px;width:40px;line-height:40px;background:#fff;opacity:0.6;text-align:center;border-radius:30px;
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-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;}
#ft_to_top:hover{opacity:1;
-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.09);
-moz-box-shadow: 1px 1px 15px rgba(0,0,0,0.09);
box-shadow: 1px 1px 15px rgba(0,0,0,0.09)}

@media (max-width: 969px){
    .ft_wr {padding: 20px}
    .ft_wr .ft_box{width:100%;padding:40px 0}
    #ft_company{text-align:center}
    .ft_copy{float:none;margin-top:10px}
}

 @media (max-width:639px){
   .ft_wr .ft_box{padding:20px 0}
   .ft_wr .ft_box h2{margin-bottom:10px}
   .ft_wr .ft_box strong{margin-bottom:10px}

 }
/* 목록 바로가기 */
.sanchor {margin:0 0 5px;padding:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;list-style:none;width:25%;border-top:2px solid #000;text-align:center;  overflow: hidden;  white-space: nowrap;letter-spacing:0.2em;font-size:0.93em}
.sanchor a {display:block;padding:10px;border-left:1px solid #ededed;border-bottom:1px solid #ededed;background:#fcfcfc;text-decoration:none;color:#484848}
.sanchor a:focus, .sanchor a:hover {background:#eee;text-decoration:none}
.sanchor a.sanchor_on {background:#fff;text-decoration:none;border-bottom:1px solid #fff;}

/* ####### 쇼핑몰 컨텐츠 ####### */

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

#sod_chk {padding:15px 15px 0;}
.sod_list {padding:0 0 10px 0; display:none;}
.sod_list .sod_li {background:#fff;border: 1px solid #e7e8ef; margin-bottom:10px; }
.sod_list .li_name{;line-height:1.5;padding: 10px 10px;font-size:14px; font-weight:400;}
.sod_list .li_name strong {;line-height:1.5;font-size:14px; font-weight:400;}
.sod_list .li_op_wr{position:relative;margin:10px;padding-left:90px;min-height:80px}
.sod_list .total_img{position:absolute;top:0;left:0}
.sod_list .mod_options{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 5px 0 0;}
.sod_list .li_prqty{margin:10px 10px ;border-top:1px solid #dcdcdc;padding:10px 0 0}
.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:0 7px;text-align :right;}
.sod_list .li_prqty_sp span{float:left}
.sod_list .prqty_sc,.sod_list .prqty_price{border-right:1px solid #dcdcdc}
.sod_list .total_price{background:#f5f5f5;border:1px solid #e2e2e2;display:block;clear:both;margin:10px;text-align:right;padding:5px 10px;line-height:20px}
.sod_list .total_price span{float:left}
.sod_list .total_price strong{font-size:20px;color:#cc5359}
.sod_opt li {color: #777;margin: 3px 0;line-height:1.5;}

#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding:15px 0; margin:0 0 2px;position:relative}
#sit_opt_added li .opt_name{line-height:18px;padding:0 0 10px}
#sit_opt_added li .opt_count{}
#sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added button {float:left;width:50px;height:50px;border:1px solid #bbb; border-radius:50%;color:#f05858;font-size:0.92em}
#sit_opt_added button.sit_qty_minus { background:url(../images/minus-img-1.png) center no-repeat,#fff;}
#sit_opt_added button.sit_qty_plus { background:url(../images/plus-img-1.png) center no-repeat,#fff;}
#sit_opt_added .num_input {float:left;border:0;height:50px;width:90px; text-align:center;color:#333;}
#sit_opt_added .num_input:focus{background:#fffafa;color:#f05858}
#sit_opt_added .sit_opt_del{background:#f3f3f3;color:#aaa;border:0;margin-left:3px}
#sit_opt_added .sit_opt_prc{float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-weight:bold;}

#sit_opt_added .sit_opt_prc{float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-weight:bold;}


 @media (max-width: 969px){
    .cart_list .li_prqty{width:100%;padding:10px 0}
    .cart_list .total_price{width:100%;padding:15px}
    .cart_list .total_price span{display:inline-block;margin:0;color:#000;margin-right:10px;}
    #sod_bsk{padding:0}
 }

/* 주문서 작성 */
#sod_frm {width:100%; overflow:hidden;}
#sod_frm .od_prd_list{margin:0 auto 40px; background:#fff;}
.od_prd_list .td_chk{border-left:0;}
.od_prd_list .td_prd{border-left:0;position:relative;padding-left:100px;min-height:100px}
.od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:10px}
.od_prd_list .td_prd .sod_name{min-height:80px; text-align:left;}
.od_prd_list .td_prd .sod_name b {font-weight:400;}
.od_prd_list .td_prd .prd_name{font-size:1.167em}
.od_prd_list .total_prc{color:#ff006c;font-weight:bold;font-size:1.167em}

#sod_frm_orderer{box-sizing:border-box;}
#sod_frm_taker{padding:20px 0}
#sod_frm_taker h2,#sod_frm_orderer h2{border-bottom:1px solid #000; font-size:22px; font-weight:500; padding-bottom:10px; color:#000;}
.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 {background:#fff;border:1px solid #ccc;margin:5px 0;padding:10px}
.odf_list .dlv_slt div.join-cont-btn {border:0; padding:0; margin:0;}
.dlv_slt #order_address{ line-height:35px; padding:5px 10px; font-size:14px;}
.odf_list .dlv_slt div label{display:inline-block; height:35px; margin:3px 0;color:#000}
#order_address{ width:80px;text-align:center;border: 1px solid #666;color: #666;height:35px;line-height:33px; background:none; border-radius:5px;}
.odf_list .ad_default{display:inline-block;margin:0}
.odf_list .btn_addsch{position:absolute;top:0;right:0;border-radius:0 5px 5px 0;height:48px;}
.odf_list .add_num{position:relative;display:block;}
.odf_list  textarea{border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;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 0 10px;}
#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%;}
.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 .sod_ta_wr{background: #f3f3f3;}
#sod_frm .btn_confirm{padding:0 20px 20px;background:#f3f3f3;margin:0 0 10px}
#sod_frm .btn_submit{width:100%;height:45px;font-size: 1.167em;font-weight: bold;margin:5px 0;border-radius:30px}
#sod_frm .btn_cancel,#sod_frm .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight: bold;padding:0;border-radius:30px}

#sod_frm_pay{padding:20px ;background:#f3f3f3}
#sod_frm_pay h2{margin:10px 0;font-size:1.25em}
#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 #eee;background:#fff}
.odf_tbl table th{border:1px solid #eee;border-right:0;padding: 10px;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td{border:1px solid #eee;border-left:0;padding:7px 10px;text-align:right}
.odf_tbl table td #od_tot_price{margin:0;}

#sod_frm_pt_alert{margin:10px 0;color:#ff0000; font-size:13px; font-weight:400;}
#sod_frm_pt_alert strong {font-weight:400;}

.sod_frm_point {margin-top:10px;clear:both;background:#fff}
.sod_frm_point div{background:#fff;border-bottom:1px solid #eee;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 div strong{float:left;color:#666;font-weight:normal}
.sod_frm_point #od_temp_point{height:30px;border:1px solid #ccc;text-align:right}

#settle_bank{background:#f7f7f7;border-bottom:1px solid #ccc;padding:10px;text-align:left; clear:both; font-size:14px; color:#666;}
#settle_bank select{height:30px;margin:0 0 5px;width:100%;}
#settle_bank #od_deposit_name{height:36px; width:50%; box-sizing:border-box; border:1px solid #ccc;text-align:left; padding:0 20px; border-radius:5px; background:#fff; margin-top:20px;}
#settle_bank label{float:left;line-height:36px;  margin-top:20px;}
#sod_frm_pt_info{border-bottom:1px solid #ccc}
.od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;border:1px solid #eee;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
box-shadow: 1px 1px 5px rgba(0,0,0,0.4);}
.od_coupon h3{height:45px;line-height:45px;font-size:1.167em;padding:0 15px;text-align:left}
.od_coupon .tbl_head02{margin:0 15px 15px}
.od_coupon .tbl_head02 .btn_frmline {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px }
.od_coupon .tbl_head02 td{text-align:left;background:#fff !important;border-right:0}
.od_coupon .tbl_head02 th{width:auto !important;border-left:0}
.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:#333;font-size:1.25em}

.cp_btn ,.cp_btn1{padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:5px 0 0 }
.cp_apply{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px }
.cp_cancel,.cp_cancel1 {padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;line-height:21px;margin:10px 0 0 2px;}

#sod_frm_escrow{margin:10px;}
#sod_frm_escrow h2{font-size:1.25em}
#od_pay_sl h3{ font-size: 22px; font-weight: 500; color:#000;}

.sod_left{width:65%; float:left; vertical-align:top;}
.sod_right{width:33%; float:left; margin-left:2%; vertical-align:top;height:100%}
.sod_right #sod_frm_pay{padding:0 ;background:transparent}
 #sod_frm .sod_right .btn_confirm{padding:0 ;background:transparent;margin:20px 0}

/* 쿠폰 */
#scp_list li{position:relative;padding: 0}
#scp_list .li_pd{position:relative;padding:10px}
#scp_list .li_title{font-weight:bold;font-size:1.167em;}
#scp_list .pd_price{position:absolute;top:10px;right:10px}
#scp_list .pd_price strong{color:#ff006c;font-size:1.5em;}
#scp_list .li_target{color:#666;margin:5px 0 0;background:#f3f3f3;border-top:1px dotted #ccc;padding:5px 10px;}
#scp_list .pd_date{float:right;color:#777}

/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:0;border-bottom:1px solid #e9e9e9}
#sod_addr .addr_title{border-bottom:1px solid #ddd;padding:10px 10px 10px 30px;}
#sod_addr .ad_subject{height:30px ;border:1px solid #bbb;width:100%;padding:0 10px}
#sod_addr .ad_chk{position:absolute;top:17px;left:10px}
#sod_addr .addr_info{padding:15px}
#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}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr .sel_address{width:32%;float:left;margin-right:1%;height:30px;background:none;border:1px solid #333;color:#333;;padding:0 5px;}
#sod_addr .del_address{display:block;width:32%;text-align:center;float:left;margin-right:1%;border:1px solid #aaa;background:none;color:#888;padding:0 5px;height:30px;line-height:28px;vertical-align:middle}
#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 #4162ff;color:#4162ff;height:30px;line-height:28px}
#sod_addr input[type="radio"]:checked+.add_lb {;z-index:3;background:#4162ff;color:#fff}

/* 주문내역 */
#sod_v {margin:0 0 20px}
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 10px;padding:10px;background:#f7f7f7;color:#666; font-size:13px; font-weight:400; text-align:center;}

/* 주문상세내역 */
#sod_list_inq{}
.sod_fin_list .sod_ta_wr{padding:15px;background:#f3f3f3}
.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:3px 5px;background:#6583c5;color:#fff}
.sod_fin_list .li_opt{color: #777;margin: 3px 0;line-height: 1.3em;padding-right:50px}
#sod_sts_wrap{margin:0 0 10px}
#sod_sts_explan_open{padding: 0 10px;height: 30px;border: 1px solid #eee;;color: #333;background:none}
#sod_sts_explan{display:none}
#sod_fin_legend{background:#f7f7f7;;margin:0 0 10px;padding:10px;line-height:20px}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_legend dt{float:left;width:20%}
#sod_fin_legend dd{float:left;width:80%}
#sod_fin_view{margin:20px 0;}
#sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_view h3{font-size:1.167em;margin:20px 0 10px}

#sod_fin_no{;border:2px solid #b9b9b9;background:#f3f3f3;;color:#444;text-align:center;padding:10px}
#sod_fin_no strong{font-size:1.167em}

#sod_fin_tot{margin:10px 0}
#sod_fin_tot h2{font-size:1.167em;margin:20px 0 10px}
#sod_fin_tot ul{margin:0;padding:0;list-style:none}
#sod_fin_tot li{padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1}
#sod_fin_tot li:after{display:block;visibility:hidden;clear:both;content:""}
#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}

#sod_fin_cancel{margin:10px 0;}
#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:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f;border-radius:30px}
#sod_fin_cancel p{text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}
#sod_fin{margin:20px}

/* 마이페이지 */
#smb_my {position:relative;max-width:1200px;margin:0 auto;}

#smb_my_ov{background:#fff;border:1px solid #e6e6e6;margin:0 0 15px;}
#smb_my_ov .hello_name{background:#f8f8f8;text-align:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;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{margin:10px 0}
#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}


.my_cou_wr{border-bottom:1px solid #e6e6e6;font-weight:bold;}
.my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""}
.my_cou_wr .my_cou{float:left;width:50%;border-right:1px solid #e6e6e6;text-align:center;padding:10px 0}
.my_cou_wr .my_po{float:left;width:50%;text-align:center;padding:10px 0}
.my_cou_wr img{padding:5px 0 0;width:23px;height:auto;}
.my_cou_wr a{color:#d63154}
.my_cou_wr span{display:block;line-height:20px;color:#000}

.my_info{padding:0 10px;line-height:18px}
.my_info dt{border-top:1px solid #e6e6e6;color:#5366ae;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{margin:0;padding: 0}
#smb_my_od h2{margin:0 0 20px;font-size:22px; color:#000; font-weight:500}
#smb_my_wish{margin:0 0 35px}
#smb_my_wish h2{margin:0 0 10px;font-size:1.25em;font-weight:500}
#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}


/* 위시리스트 */
#sod_ws {margin:0 20px;}
#sod_ws li{background:#fff;border:1px solid #eee;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:1.083em}
#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:#eee;border-radius:3px;color:#777;text-align:center;font-size:1.25em}
#sod_ws .sold_out{display:inline-block;padding:3px 5px;background:#ff0000;color:#fff}

#sod_ws_act {text-align:center;margin:10px 0;}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:''}
#sod_ws_act .btn01{float:left;width:49%;height: 50px;background: #d50c0c;font-weight: bold;border: 0;color: #fff;font-weight: bold;font-size:1.25em}
#sod_ws_act .btn02{float:right;width:49%;height: 50px;border: 1px solid #d50c0c;color: #d50c0c;font-weight: bold;background: #fff;font-weight: bold;font-size:1.25em;}

/* 주문내역 include  */
#sod_inquiry li:after {display:block;visibility:hidden;clear:both;content:''}
#sod_inquiry li {background:#fff;border:1px solid #eee;padding:15px;margin-bottom:10px;position:relative;border-radius:5px}
#sod_inquiry li .idtime_link{font-weight:400; font-size:16px; color:#333;}
#sod_inquiry li .idtime_time{position:absolute;top:15px;right:15px;color:#333; font-size:16px;}
#sod_inquiry li .inquiry_name{margin:10px 0;color:#666;font-weight:400; font-size:16px;}
#sod_inquiry li .inquiry_price{font-weight: bold;margin: 10px 0 0;color:#000;position:absolute;bottom:16px;left:16px; font-size:16px;}
#sod_inquiry li .inv_status{display:block;text-align:center;float:right;margin-top:5px;font-size:12px;}
#sod_inquiry li .inv_inv{margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}
#sod_inquiry li .inv_inv i{width:30px;height:30px;line-height:30px;background:#f3f3f3;text-align:center;color:#555;font-size:15px;margin-right:5px}

.status_01{display:block;background:#fff; box-sizing:border-box; border:1px solid #f4868b; color:#f4868b;line-height:36px;padding:0 10px;border-radius:30px; font-size:16px;}
.status_02{display:block;background:#f4868b;color:#fff;line-height:36px;padding:0 10px;border-radius:30px;}
.status_03{display:block;background:#a9d289;color:#fff;line-height:36px;padding:0 10px;border-radius:30px;}
.status_04{display:block;background:#86b7f4;color:#fff;line-height:36px;padding:0 10px;border-radius:30px;}
.status_05{display:block;background:#666;color:#fff;line-height:25px;padding:0 10px;;border-radius:30px;}
.status_06{display:block;background:#bbb;border:1px solid #ddd;color:#666;line-height:25px;font-weight:bold;padding:0 10px;;border-radius:30px;}


/* 주문상세내역 중 현금영수증 발급 */
#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 #eee;border-bottom:1px solid #eee;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 #ccc;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 #eee;border-radius:2em;background:#fff;color:#000;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:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;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 #e9e9e9}
.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:0 5px; line-height:30px;border-radius:3px;font-weight:500;border-radius:30px}
.btn_m{display:inline-block;padding:0 20px;height:40px;line-height:40px;border-radius:3px;font-weight:500;border-radius:30px}
.btn_l{display:inline-block;padding:0 35px;height:40px;line-height:40px;border-radius:3px;font-weight:500;border-radius:30px}

.btn01 {display:inline-block;padding:0 7px;;border: 1px solid #dce1e4;background:#fff;color:#7d7c90;text-decoration:none;vertical-align:middle;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.btn01:focus, .btn01:hover  {color:#4c497c;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {background:#f4868b;color:#fff;text-decoration:none;vertical-align:middle;border:0;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}
.btn_top{margin:10px;text-align:right}
.btn_top li{display:inline-block}


.bo_v_com {margin:20px 0 0; display:inline-block;}
.bo_v_com li {float:left;margin-left:5px}


a.btn,.btn,.btn_m{line-height:40px;height:40px;padding:0 20px;text-align:center;font-weight:400;border:0; box-sizing:border-box;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;display: flex;
    justify-content: center;
    align-items: center;}


/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#fff;color:#ef555c; border:0; border:1px solid #ef555c; text-decoration:none;vertical-align:middle;  padding:0 20px; font-size:15px; font-weight:400; min-width:100px;}

a.btn_b02,.btn_b02 {display:inline-block;background:#f4868b; color:#fff;text-decoration:none;border:0;vertical-align:middle; min-width:100px; padding:0 20px; font-size:15px; font-weight:400;}

a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle;  min-width:100px; padding:0 20px; font-size:15px; font-weight:400;}

a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle; min-width:100px; padding:0 20px; font-size:15px; font-weight:400;}

a.btn_admin,.btn_admin {display:inline-block;background:#666;color:#fff;text-decoration:none;vertical-align:middle; font-size:15px; padding:0 20px; font-weight:400;} /* 관리자 전용 버튼 */

a.btn_b05, .btn_b05 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}



/* 기본테이블 */
.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-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-bottom:1px solid #d3d3d3;background:#f3f3f3;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;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:#383838}
.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 #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table{border:1px solid #ddd}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:17px 20px;background:#f7f7f7;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;font-size:16px;text-align:center;letter-spacing:-0.1em;color: #666;font-weight: normal;}

.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-bottom:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1pxfsolid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:15px 5px;border-left:1px solid #ddd;line-height:1.5em;word-break:break-all; text-align:center;}


/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:120px;border:1px solid #e9e9e9;border-left:0;text-align:left;font-weight:500; font-size:18px; color:#000; }
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.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 0;color:#666;line-height:1.3em}

/* 기본리스트 */
.list_01{padding:0 20px;}
.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;
-webkit-box-shadow:  0 1px 4px #cbd1df;
-moz-box-shadow:  0 1px 4px #cbd1df;
box-shadow: 0 1px 4px #cbd1df;
}

/* 기본폼 */
.form_01{margin:10px}
.form_01 div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative}
textarea, .frm_input,select {border:1px solid #e1e6eb;background:#fff;color:#000;vertical-align:middle;}
textarea:focus, .frm_input:focus,select:focus{outline:none;border-color:#f05858;background:#f8f4f4}
textarea {width:100%;height:100px;padding:10px;}
 .frm_input{height:45px;padding:0 10px; width: 400px;   border:0; border:1px solid #bbb;}
.full_input{width:100%}
 .frm_input2{height:48px;padding:0 10px; width:277px;}
  input.frm_input2  {  border:0; border:1px solid #bbb;}
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
select{height:45px;padding:0 10px}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.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}

/* 테이블 그리드 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}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px 20px;line-height: 30px;color: #333;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px 20px}

.new_win .win_ul {margin:10px 20px}
.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: #4162ff;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:#4162ff}
.new_win .win_btn {clear:both;margin:10px;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#ef555c;color:#fff;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0}
.new_win .win_btn .btn_submit{width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}

/* 자바스크립트 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 #e9e9e9;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;min-width:40px;border-radius:33px;height:40px;color:#9f9f9f;line-height:40px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none;background-color:#f3f3f3}
.pg_page,.qa_page {background:#fafafa;}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#f05858;color:#fff;font-weight:normal;line-height:40px;}

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

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

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

/*쇼핑몰레이아웃*/
#fregisterform{margin:10px}
#bo_w {padding:10px}
#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 주문서*/
#sod_frm_orderer .tbl_frm01,#sod_frm_taker .tbl_frm01{background:#fff;padding:20px 0; border-bottom:1px solid #ddd;}
#sod_frm_orderer table th,#sod_frm_taker table th{border:0;padding:10px 5px;}
#sod_frm_orderer table td,#sod_frm_taker table td{border:0;padding:5px 10px;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:50%; font-size:14px; color:#666; box-sizing:border-box; background:#fff;border:1px solid #bbb; cursor: pointer;height:60px;position:relative;padding-left:80px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff8a00;z-index:3; }


#sod_frm_paysel {}
#sod_frm_paysel label{display:inline-block;width:50%;text-align:left}
#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('../images/order-icon-1.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('../images/order-icon-2.png') no-repeat 17px 50% #fff; border-left:0;}

#od_pay_sl input[type="radio"]:checked+.lb_icon.bank_icon{background:url('../images/order-icon-1-on.png') no-repeat 15px 50% #fffaf4}
#od_pay_sl input[type="radio"]:checked+.lb_icon.card_icon{background:url('../images/order-icon-1-on.png') no-repeat 15px 50% #fffaf4}


#sod_frm #sod_bsk_tot{}
#sod_frm #sod_bsk_tot h2{border-bottom: 1px solid #000;  font-size: 22px; font-weight: 500; padding-bottom: 10px; margin-bottom:20px; color:#000;}
#sod_frm  #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li{position:relative; background:#fff;width:100%;text-align:right; padding:5px 0 5px 10px; box-sizing:border-box; font-size:14px;}
#sod_frm  #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li span{ color:#666; font-weight:400; float:left;}
#sod_frm  #sod_bsk_tot li strong {font-weight:400;}
.pay_tbl {width:100%; box-sizing:border-box;}
#sod_frm  #sod_bsk_tot .sod_bsk_point,#sod_frm  #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;text-align:right}
#sod_frm  #sod_bsk_tot .sod_bsk_point span,#sod_frm  #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0;font-weight:400}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em}
#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th{text-align:left;padding:5px 0 20px 10px;width:80px;border-bottom:1px solid #000;background:#fff;font-size:14px;color:#666;font-weight:400;     vertical-align: top;}
#sod_frm_pay .pay_tbl td{text-align:right;padding: 5px 0 20px;height:30px;border-bottom:1px solid #000;background:#fff; font-size:14px;}
#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;}
#od_tot_price{margin:10px 0 30px;background:#fff;line-height:40px;text-align:right;}
#od_tot_price span{float:left;font-weight:400; font-size:16px; color:#000; line-height:45px; }
#od_tot_price strong{font-size:30px; font-weight:400; color:#cc5359}

.btn_address{background:#b0b0b0; border:0; height:48px;color:#fff;padding:0 10px;font-size:16px;font-weight:400; width:120px;}

/*개인결제 폼*/
#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 #ccc;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}







/*********************추가css*********************/

/*상단메뉴*/
.header-body {width:100%; margin:41px auto;  height:58px; display:block; position:relative;}
.lang {width:80px; display:block; height:58px;float:left; position:relative; }
.lang-open {display:block;   font-size:15px;  color:#333; cursor:pointer; line-height:58px; padding-right:30px; background:url(../images/lang-arrow.png) right center no-repeat; }
.lang div { display:none; position:absolute; z-index:100; top:45px; left:0; width:100%; border:1px solid #eee; box-sizing:border-box; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease;}
.lang div a { display:block;width:100%; text-align:center; font-size:15px; color:#888; line-height:1.5; font-weight:400; box-sizing:border-box; background:#fff;}

/*모바일상단 (pc에서 숨기기)*/
#hd_mb {display:none;}
.cate_tab {display:none;}
#ol_before.ol {display:none;}
#ol_after.ol {display:none;}
.content {padding-left:0; margin:0 auto;}
.menu_wr li button {display:none;}


/*서브 상단*/
#hd.sub-hd {position:relative;}
#hd.sub-hd #hd_wr {max-width:100%;}
#hd.sub-hd .header-body {width:100%; max-width:1200px;}


/*메인비주얼*/
.main-slide.slick-slider {height:100%;}

.pc-visual {display:block}



.m-visual {display:none; height:100%;  overflow: hidden;}
.m-visual .main-slide.slick-slider {height:100%;}
.m-visual .slick-track {overflow:hidden;}
.m-visual .main-visual{width:100%;z-index:1;position:relative; overflow: hidden; height:100%;}
.m-visual .main-bg {width:100%; height:100%; display:block; }
.m-visual .main-bg a {display:block; width:100%; height:100%;}
.m-visual .main-bg img {display:block; max-width:100%; margin:0 auto;}


.pc-visual .main-visual{width:100%;z-index:1;position:relative; overflow: hidden;  height:740px;}
.pc-visual .main-slide.slick-slider {height:100%;}
.pc-visual .main-bg {width:100%; height:100%; display:block; -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;}
.pc-visual .main-bg a {display:block; width:100%; height:100%;}
.pc-visual .main-bg span {position:absolute; top:0; left:0; width:100%; height:100%;background-position: center;}
.dots-body {position:absolute;  width:150px; height:46px;display:inline-block; bottom:50px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.6); border-radius:30px;}
.pic-prev {position:absolute; top:0; width:6px; z-index:1000;  height:100%; left:20px; font-size:0; background:url(../images/prev-btn-1.png) center no-repeat;}
.pic-next {position:absolute; top:0; width:6px; z-index:1000;  height:100%; right:50px; font-size:0; background:url(../images/next-btn-1.png) center no-repeat;}
.dots-num.slick-slide {color:#fff;display:inline-block; width:30px; padding:0 46px; line-height:46px;}


.visual-btn {position:absolute; width:8px; height:12px; top:17px; right:20px;  z-index:2;}
.visual-btn div {font-size:0; position:absolute; top:0; left:0;width:8px; height:12px; cursor:pointer;}
.visual-btn .pause { background:url(../images/stop-btn.png) no-repeat; font-size:0; }
.visual-btn .play {  background:url(../images/play-btn.png) no-repeat; font-size:0;}
.on {display:block;}
.off {display:none;}


/*메인 첫번째 컨텐츠 best-review*/
.section-1 {width:100%; padding-top:60px;}
.section-title {width:100%; max-width:1200px; margin:0 auto; text-align:center;  padding-bottom:10px;}
.section-title h2 {display:inline-block; font-size:28px; color:#333333; line-height:66px; padding:0 33px; font-weight:400; position:relative;}
.section-title h2 b {font-weight:600; font-family: 'Binggrae';}
.section-title p {display:block; font-size:16px; color:#666; font-weight:400;}
.section-title.title-bg-1 h2:before {  position: absolute;  content: '';  width: 66px;  height: 66px; top: 0; right: 0; border-radius: 50%; background: #edf4fd;  z-index: -1;}


.section-1-body {width:100%; background:#e8efff; margin:30px 0 0; }
.section-box-body {width:100%; max-width:1580px; margin:0 auto; padding-left:380px; position:relative; }
.section-1-banner-pc {width:380px; height:100%; position:absolute; top:-30px; left:0; display:block;}
.section-1-banner-pad {display:none; width:100%; padding-top:50px; }
.section-1-banner-pad img {display:block; max-width:100%; margin:0 auto;}
.section-1-banner-mobile {display:none; padding-top:50px;}
.section-1-banner-mobile img {display:block; max-width:100%; margin:0 auto;}
.section-box-body ul {width:100%; max-width:1200px; overflow:hidden;padding:50px 0;}
.section-box-body li {width:23.5%; float:left; margin-right:2%;}
.section-box-body li:last-child { margin-right:0;}
.best-review-box {background:#fff;}
.best-review-img-1 {max-height: 280px; overflow: hidden; }
.best-review-img-1 img{ display:block; max-width:100%; margin:0 auto;}
.best-review-text {padding:20px; box-sizing:border-box; border-bottom:1px solid #eee;}
.best-review-text h2 {display:block; font-size:16px; color:#000; line-height:16px; font-weight:400;}
.best-review-text p {font-size:14px; color:#aaa;text-align:left; line-height:14px; padding-top:10px;}
.best-review-text p span {float:right; line-height:14px;}
.best-thumb-box  {padding:20px; box-sizing:border-box; overflow:hidden;}
.best-thumb-box img{ width:40px; height:40px; max-width:100%; float:left;}
.best-thumb-box p {width:calc(100% - 50px); width:-ms-calc(100% - 50px); float:left; box-sizing:border-box; padding-left:15px;}
.best-thumb-box p b {display:block; font-size:14px; line-height:14px; margin-bottom:10px; color:#000;   font-weight:400; height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;}
.best-thumb-box p span {display:inline-block; padding-right:10px; font-size:14px; color:#aaa; line-height:14px;}
.best-thumb-box p span strong {color:#666; font-weight:400;}


/*메인 두번째 컨텐츠 배너*/
.section-2 {width:100%; padding-top:80px;}
.section-2-body {width:100%; max-width:1200px; margin:0 auto;}
.section-2-body ul {overflow:hidden;margin-top:2%;}
.section-2-body li {width:32%; margin-right:2%; float:left;}
.section-2-body li:last-child {margin-right:0;}
.section-2-body li img {display:block; max-width:100%; margin:0 auto;}

.pc-banner {display:block;}
.mobile-banner {display:none;}

/*메인 세번째 컨텐츠 슬라이드배너*/
.section-3 {width:100%; padding-top:80px; position:relative; max-width:1920px; margin:0 auto;}
#main_banner_2 .slick-dots {display:inline-block; position:absolute; content:''; top:auto; bottom:50px; left:50%; right:auto; transform:translateX(-50%); z-index:51; overflow:hidden;}
#main_banner_2 .slick-dots li {display:inline-block; float:left; height:auto; margin:0 5px;}
#main_banner_2 .slick-dots li button {display:inline-block; font-size:0; background:#371e13; border-radius:50%;width: 12px; height:12px;}
#main_banner_2 .slick-dots li.slick-active button {background:#f04d54;}

#main_banner_3 .slick-dots {display:inline-block; position:absolute; content:''; top:auto; bottom:20px; left:50%; right:auto; transform:translateX(-50%); z-index:51; overflow:hidden;}
#main_banner_3 .slick-dots li {display:inline-block; float:left; height:auto; margin:0 5px;}
#main_banner_3 .slick-dots li button {display:inline-block; font-size:0; background:#371e13; border-radius:50%;width: 12px; height:12px;}
#main_banner_3 .slick-dots li.slick-active button {background:#f04d54;}



/*메인 네번째 컨텐츠 슬라이드배너*/
.section-4 {width:100%; padding-top:60px; position:relative;}
.section-4-body {width:100%; max-width:1200px; margin:0 auto;}
.section-4-body ul {width:100%; max-width:1200px; overflow:hidden;padding:50px 0 0;}
.section-4-body li {width:23.5%; float:left; margin-right:2%;}
.section-4-body li:last-child { margin-right:0;}



/*메인 다섯번째 제품리스트(탭)*/
.section-5 {width:100%; padding-top:80px; position:relative;}
.section-5-body {width:100%; max-width:1200px; margin:0 auto;}
ul.tabs {
	width:100%;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	position:relative;
}
ul.tabs li {
   float:left;
   width:25%;
   font-size:20px;
   line-height:120px;
   font-weight:600;
   background:#fff;
   box-sizing:border-box;
   color:#333;
   text-align:center;
   position:relative;
    font-family: 'Binggrae';
}
ul.tabs li span {display:inline-block;}
ul.tabs li:after {position:absolute; content:''; width:1px; height:50%; top:50%; right:0; transform:translateY(-50%); background:#e5e5e5;}
ul.tabs li:last-child:after {display:none;}
ul.tabs li.icon-1 span{ padding-left:100px; background:url(../images/tab-menu-img-1.png) left center no-repeat;}
ul.tabs li.icon-2 span{ padding-left:88px; background:url(../images/tab-menu-img-2.png) left center no-repeat;}
ul.tabs li.icon-3 span{ padding-left:100px;background:url(../images/tab-menu-img-3.png) left center no-repeat;}
ul.tabs li.icon-4 span{ padding-left:100px;background:url(../images/tab-menu-img-4.png) left center no-repeat;}

.tab_bg {width:1px; height:18px; margin:16px 18px; background:#eaeaea;float:left; }
ul.tabs>a.more{width:25px; height:25px; margin-top:12px; float:right;}

.tab_content {overflow:hidden;}


/*인스타그램*/
.insta {width:100%; position:relative; overflow:hidden; max-width:1920px; margin:0 auto;}
.insta-body { position:absolute; width:280px; height:320px;  left:50%; top:0; margin-left:320px; z-index:999; }
.box-flow-ctrl {display:none;}
.insta-text-box {position:relative;width:280px;  height:320px; float:right; background:rgba(246,150,155,0.95); font-family: 'Binggrae';}
.insta-text-box h2 {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%, -50%); text-align:center; font-size:22px; color:#fff6c5; font-weight:600; padding-top:60px; background:url(../images/insta-icon-2.png) top center no-repeat;}
.insta-text-box h2 span {display:block; font-size:15px; font-weight:300; font-family:'Noto Sans KR'; padding-top:20px;}
.box-flow-wrap{position:relative; margin:0 auto; width:100%;height:320px;box-sizing:border-box;overflow:hidden;}
.box-flow{position:absolute;background:#fff;}
.box-flow > li{float:left; width:160px; }
.box-flow > li a{display:block;width:100%;height:100%;}
.box-flow > li div {display:block;}


/*메인 여섯번째 게시판 링크연결*/
.section-6 {width:100%; padding:80px 0;}
.section-6-body {width:100%; max-width:1200px; margin:0 auto;}
.section-6-body ul {overflow:hidden; }
.section-6-body li {width:32%; margin-right:2%; float:left; background:#f3f3f3;}
.section-6-body li:last-child {margin-right:0;}
.section-6-body li img {display:block; max-width:100%; min-width:100%; margin:0 auto;}
.section-6-body li h2 {box-sizing:border-box; padding:20px; font-size:24px; font-weight:500; color:#000;}
.section-6-body li h2 span {display:block; font-size:16px; font-weight:400; color:#666; padding-top:10px;}

/* 영문 메인페이지용 20.02.11 added */
.section-7 { width: 100%; padding: 80px 0; }
.section-7-body { width: 100%; max-width: 1200px; margin: 0 auto; }

/*서브비주얼*/
.sub-visual {width:100%; height:300px; position:relative;}
.sub-visual.sub-bg-1 {background:url(../images/sub-visual-1.png) center no-repeat;}
.sub-visual.sub-bg-2 {background:url(../images/sub-visual-2.png) center no-repeat; margin-bottom:50px;}
.sub-visu-text {position:absolute; width:100%; max-width:1200px; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.sub-visu-text h2 {font-size:46px; color:#000; font-weight:400; }
.sub-visu-text p {font-size:16px; font-weight:300; color:#000; padding-top:20px;}

/*story-1*/
.story-1 {width:100%;  background:url(../images/stroy-bg-1.png) center no-repeat;   }
.story-1-body {width:100%; max-width:1200px; margin:0 auto; padding:95px 0; overflow:hidden;}
.story-1-left {width:50%; float:left; margin-right:8%;}
.story-1-right {width:42%; float:right; padding-top:120px;}


.en-story-title { font-size: 40px; z-index:1; color:#000; font-weight: 600; line-height:40px; position: relative; text-align: center; font-family: 'Binggrae'; margin-top: 100px; margin-bottom: 80px; }
.en-story-title:after {position:absolute; content:''; width:86px; height:86px; border-radius:50%; background:#fffbc6; z-index:-1; top: -50%; margin-left: -4.5% }

.en-story-card-container { display: flex; justify-content: space-between; }
.en-story-card { width: 33%; display: inline-block; text-align: center; border: 1px solid #c1c1c1; min-height: 500px; }
.en-story-card-title { font-size: 1.5rem; padding: 15px; background: #f3f3f3; font-weight: 600; }
.en-story-card-icon { padding-top: 50px; padding-bottom: 40px; }
.en-story-card-content-title { font-size: 1.3rem; font-weight: 500; }
.en-story-card-content-desc { margin-top: 20px; color: #666666; }
.en-color-love { color: #e99099; }
.en-color-nature { color: #88c140; }
.en-color-product { color: #38bed1; }
.en-story-image-container { margin-top: 80px; margin-bottom: 80px; }
.en-story-image-container > img { margin-bottom: 20px; }
.en-story-nm-text { text-align: center; font-size: 1.4rem !important; font-weight: 400 !important; word-break: break-word; }
.en-ci-container { display: flex; justify-content: space-between; margin-bottom: 40px; }
.en-ci { width: 48%; }
.en-ci-img { margin-bottom: 20px; }
.en-name-container { margin-bottom: 80px; }
.en-story-mission-container { background-image: url('/en/theme/jelly/images/story1_mission_bg.png'); background-repeat: no-repeat; padding: 8%; }
.en-story-mission-ul { margin-left: 50%; font-size: 1.2rem; }
.en-story-mission-ul li { margin-bottom: 40px; }
.en-story-for-sub-container { display: flex; justify-content: space-between; margin-bottom: 20px; }
.en-story-for { width: 48%; min-height: 200px; margin-bottom: 1%; border: 1px solid #e5e5e5; padding: 3% 5%; }
.en-story-for h3 { font-size: 1.5rem; height: 40px; margin-bottom: 20px;}
.en-story-for p { word-break: break-word !important; }

@media screen and ( max-width: 768px ) {
  .en-story-title:after { margin-left: -7%; }
  .en-story-card-container { display: block; }
  .en-story-card { display: block; width: 73%; margin: 0 auto; margin-bottom: 20px; }
  .en-ci-container { display: block; }
  .en-ci { width: 73%; margin: 0 auto; margin-bottom: 20px; }
  .en-story-nm-text { font-size: 1.3rem; word-break: break-word; margin: 0 auto; width: 73%; }
  .en-story-image-container { text-align: center; }
  .en-story-image-container > img { width: 73%; }
  .en-name-container { text-align: center; }
  .en-name-container > img { width: 73%; }
  .en-story-mission-container { background-position-x: 20%; padding: 10%; }
  .en-story-mission-container ul { list-style: initial; font-size: 0.9rem; }
}


.story-title-1 {font-size:40px; z-index:1; color:#000;font-weight:600; line-height:40px; padding:23px 30px 23px 0; position:relative; display:inline-block; clear:both;  font-family: 'Binggrae';}
.story-title-1:before {position:absolute; content:''; width:86px; height:86px; top:0; right:0; border-radius:50%; background:#fffbc6; z-index:-1;}
.story-1-left h2 {font-size:26px; padding-left:30px; margin:30px 0; font-weight:500; color:#000; line-height:1.8; position:relative;}
.story-1-left h2 span {line-height:1.8; display:block;}
.story-1-left h2:after {position:absolute; content:''; width:2px; height:80%; top:10%; left:0; background:#371e13;}
.story-1-left p {font-size:16px; font-weight:300; color:#666;line-height:1.8;}
.story-1-left h3 {font-size:20px; line-height:1.8; font-weight:600; text-align:right; margin-top:30px;}
.story-1-left h3 span {font-size:16px; color:#666; line-height:1.8; display:block; font-weight:500;}


/*story-2*/
.story-2 {width:100%;}
.story-2-body {width:100%; max-width:1200px; margin:0 auto; padding:100px 0; overflow:hidden; text-align:center;}
.story-title-2 {font-size:40px; z-index:1; color:#000;font-weight:600; line-height:40px; margin-bottom:20px; padding:13px 30px 13px 0; position:relative; display:inline-block; clear:both;  font-family: 'Binggrae';}
.story-title-2:before {position:absolute; content:''; width:66px; height:66px; top:0; right:0; border-radius:50%; background:#edf4fd; z-index:-1;}
.story-2-img {display:block; margin-bottom:100px;}
.story-2-img img {display:block; max-width:100%; margin:0 auto;}
.story-2-body h2 {font-size:40px; color:#000; font-weight:500; line-height:1; padding-bottom:30px;}
.story-2-body p {font-size:22px; font-weight:300; color:#333; line-height:1.8; padding-bottom:100px;}
.story-2-body p span {display:block; line-height:1.8; padding-bottom:30px; }
.story-2-body p:last-child {padding-bottom:0;}


.en-formulation-container ul { list-style: circle; font-size: 1.2rem; }
.en-formulation-container ul li { text-align: left; margin-bottom: 20px; list-style: disc; margin-left: 30px; }
.en-formulation-image-container { margin-bottom: 20px; border: 1px solid #e5e5e5; padding-top: 20px; }
.en-formulation-image-container { display: flex; }
.en-formulation-sub-container { width: 50%; }
.en-formulation { width: 50%; float: left; margin-bottom: 20px; }
.en-formulation p { font-weight: 600; }

@media screen and ( max-width: 768px ) {
  .en-formulation-image-container { width: 73%; margin: 0 auto; justify-content: space-around; }

  .en-formulation { width: initial; float: none; }

  .en-formulation-container ul li { width: 73%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }

  .en-story-for-sub-container { display: block; }
  .en-story-for { width: 73%; margin: 0 auto; margin-bottom: 20px; padding: 3%; }
  .en-story-fullsize-image { max-width: 73%; }
}



/*story-2*/
.story-3 {width:100%;}
.story-3-body-1 {width:100%;  padding:100px 0; margin-bottom:100px; overflow:hidden; text-align:center; background:url(../images/stroy-bg-2.png) bottom center no-repeat; background-size: cover;}
.story-3-top-text {display:inline-block; padding:0 150px; position:Relative;}
.story-3-top-text:after {position:absolute; content:''; width:80px; height:100%; top:0; left:0; background:url(../images/stroy-bg-3.png) center no-repeat; background-size:contain;}
.story-3-top-text:before {position:absolute; content:''; width:80px; height:100%; top:0; right:0; background:url(../images/stroy-bg-4.png) center no-repeat; background-size:contain;}
.story-3-top-text h2 {display:block;color:#000; font-size:1.5rem; font-weight:600;  font-family: 'Binggrae';}
.story-3-top-text h2 span{display:block;  font-size:40px; font-weight:600;}
.story-3-top-cir {text-align:center; margin:20px 0;}
.story-3-top-cir span {width:30px; height:30px; display:inline-block; border-radius:50%; margin:0 10px;}
.cir-1 {background:#fffab2;}
.cir-2 {background:#dae9fc;}
.cir-3 {background:#ffe6e8;}
.story-3-top-text p {font-size:1.2rem; font-weight:200; color:#333; line-height:1.8;}
.story-3-top-text p span{line-height:1.8; display:block;}

.story-3-box {width:100%; max-width:1200px; padding:0 50px; margin:0 auto; overflow:hidden; position:relative; padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #ddd;}
.story-3-box:last-child {padding-bottom:0; margin-bottom:100px; border-bottom:0;}
.story-3-right-img {width:50%; float:right;}
.story-3-right-img img {display:block; max-width:100%; float:right;}
.story-3-right-text {width:50%;  position:absolute; right:0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding-right:30px;text-align:right;}
.story-3-right-text h2 {line-height:104px; font-size:40px; color:#000; font-weight:600; clear:both; padding:0 50px;  font-family: 'Binggrae';}
.story-3-right-text p {font-size:1.3rem; font-weight:400; color:#333; line-height:1.8;  padding:20px 20px 0 0; word-break: break-word;}

.story-3-left-img {width:50%; float:left;}
.story-3-left-img img {display:block; max-width:100%; float:left;}
.story-3-left-text {width:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding-left:30px;text-align:left;}
.story-3-left-text h2 { line-height:104px; font-size:40px; color:#000; font-weight:600; clear:both; padding:0 50px;  font-family: 'Binggrae';}
.story-3-left-text p {font-size:1.3rem; font-weight:400; color:#333; line-height:1.8; padding:20px 20px 0 0; word-break: break-word;}

.story-3-title.title-bg-1 { background:url(../images/title-bg-1.png) left center no-repeat;}
.story-3-title.title-bg-2 { background:url(../images/title-bg-2.png) right center no-repeat;}
.story-3-title.title-bg-3 { background:url(../images/title-bg-3.png) left center no-repeat;}
.story-3-title.title-bg-4 { background:url(../images/title-bg-4.png) right center no-repeat;}
.story-3-title.title-bg-5 { background:url(../images/title-bg-5.png) left center no-repeat;}
.story-3-title.title-bg-6 { background:url(../images/title-bg-6.png) right center no-repeat;}


/* 영문페이지 추가 20.02.11 */
.story-3-section-1 { background-image: url( '/en/theme/jelly/images/story3_upper_background.png' ); background-repeat: no-repeat; padding-top: 80px; padding-bottom: 170px; background-position-y: -170px; }
.story-3-section-1-container { background-image: url( '/en/theme/jelly/images/story3_upper_sub_background.png'); background-repeat: no-repeat; max-width: 1200px; margin: 0 auto; background-size: 100% 100%; padding-left: 7%; padding-right: 7%; padding-bottom: 40px; text-align: center; }
.story-3-section-1-container p { padding-top: 20px; }
.story-3-section-1-container .en-story-nm-desc { font-size: 1.1rem; text-align: center; font-weight: 100; }
.story-3-dots-container { margin-top: 40px; margin-bottom: 20px; display: inline-block; }
.story-3-dot { width: 30px; height: 30px; border-radius: 50px; display: inline-block; margin-left: 10px; margin-right: 10px;}
.story-3-dot.yellow { background-color: #fffab2; }
.story-3-dot.blue { background-color: #dae9fc; }
.story-3-dot.pink { background-color: #ffe6e8; }


/*서브비주얼 없는페이지*/
.sub-page {width:100%; max-width:1200px; margin:0 auto; padding:80px 0 100px;}
.sub-title-1 {font-size:30px; color:#000; font-weight:500; text-align:left; padding-bottom:30px;}

/*board*/
.board-body {width:100%; max-width:1200px; margin:0 auto; padding:80px 0 100px;}


/*review*/
.best-review{width:100%;}
.best-list {width:100%; overflow:hidden; margin-bottom:50px;}
.best-list li {width:23.5%; float:left; margin-right:2%; border:1px solid #eee; box-sizing:border-box;}
.best-list li:last-child { margin-right:0;}
.review-box {background:#fff;}
.review-img-1 img{ display:block; max-width:100%; margin:0 auto;}
.review-text {padding:20px; box-sizing:border-box; border-bottom:1px solid #eee;}
.review-text h2 {display:block; font-size:16px; color:#000; line-height:16px; font-weight:400;}
.review-text p {font-size:14px; color:#aaa;text-align:left; line-height:14px; padding-top:10px;}
.review-text p span {float:right; line-height:14px;}
.best-thumb  {padding:20px; box-sizing:border-box; overflow:hidden;}
.best-thumb img{ width:40px; height:40px; max-width:100%; float:left;}
.best-thumb p {width:calc(100% - 50px); width:-ms-calc(100% - 50px); float:left; box-sizing:border-box; padding-left:15px;}
.best-thumb p b {display:block; font-size: 14px; font-weight:400; line-height: 14px; margin-bottom: 10px; color: #000;height: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.best-thumb p span {display:inline-block; padding-right:10px; font-size:14px; color:#aaa; line-height:14px;}
.best-thumb p span strong {color:#666; font-weight:400;}


/*footer*/
.footer-top {width:100%; background:#f3f3f3; }
.footer-top-body {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; display:flex; justify-content:space-between; gap:20px;}
.footer-top-box {   max-width: 450px;} 
.footer-top-box h2 {  box-sizing:border-box; position:relative;}
.footer-top-box h2 b{display:block; font-size:16px; color:#000; font-weight:600; margin-bottom: 10px;}
.footer-top-box h2 strong{display:inline-block; float:left; padding-right:20px; font-size:36px; font-weight:600; color:#000;     line-height: 1.5;}
.footer-top-box h2 span{display:inline-block; float:left; padding-right:10px; font-size:15px; color:#666; font-weight:300; }
.footer-top-box h2 span:last-child {padding-right:0;}

.footer-bottom {width:100%; background:#fff;}
.footer-bottom-body {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:40px 0;}
.footer-link {width:100%; overflow:hidden; padding-bottom:20px;}
.footer-link a {font-size:18px; font-weight:500; color:#000; float:left; padding-right:20px; }
.footer-text p {display:block; line-height:1.8; }
.footer-text p a { color:#888;}
.footer-text p span {display:inline-block; padding-right:15px; font-size:14px; font-weight:300; line-height:1.8; color:#888;}
.footer-text p b {display:block; font-size:14px; margin-top:20px; color:#b4b4b4; line-height:1.8; font-weight:300;}



/*마이페이지 변경*/
.mypage-top {width:100%; margin-bottom:50px;}
.mypage-top ul{overflow:hidden;}
.mypage-top li {width:15.833%; margin-right:1%; float:left; box-sizing:border-box; padding:30px;background:#f5f5f5; }
.mypage-top li:last-child {margin-right:0;}
.mypage-top li p {font-size:16px; color:#666; font-weight:500; text-align:center; padding-top:15px;}
.mypage-top li h2 {font-size:20px; color:#666; font-weight:400; text-align:center; padding-top:3px;}
.mypage-top li h2 span {font-size:14px; color:#666; font-weight:300; text-align:center; padding-left:10px; padding-top:10px;}
.mypage-top li h3 {font-size:20px; color:#666; font-weight:300; padding-top:45px; text-align:center;}
.mypage-top li h3 b{font-size:20px; text-align:center; font-weight:500; color:#000;}
.mypage-icon-1 { background:url(../images/mypage-icon-1.png) top center no-repeat;}
.mypage-icon-2 { background:url(../images/mypage-icon-2.png) top center no-repeat;}
.mypage-icon-3 { background:url(../images/mypage-icon-3.png) top center no-repeat;}
.mypage-icon-4 { background:url(../images/mypage-icon-4.png) top center no-repeat;}
.mypage-icon-5 { background:url(../images/mypage-icon-5.png) top center no-repeat;}
.mypage-top li:hover .mypage-icon-1 { background:url(../images/mypage-icon-1-on.png) top center no-repeat;}
.mypage-top li:hover .mypage-icon-2 { background:url(../images/mypage-icon-2-on.png) top center no-repeat;}
.mypage-top li:hover .mypage-icon-3 { background:url(../images/mypage-icon-3-on.png) top center no-repeat;}
.mypage-top li:hover .mypage-icon-4 { background:url(../images/mypage-icon-4-on.png) top center no-repeat;}
.mypage-top li:hover .mypage-icon-5 { background:url(../images/mypage-icon-5-on.png) top center no-repeat;}
.shop-more-btn {display:block; text-align:center; line-height:38px; border-radius:30px; border:1px solid #bbb; font-size:16px; color:#666; margin-top:20px;}
.mypage-top li:hover {border-color:#f4868b; background:#f4868b;}
.mypage-top li:hover p {color:#fff; }
.mypage-top li:hover h2 {color:#fff; }
.mypage-top li:hover h2 span {color:#fff; }
.mypage-top li:hover h3 {color:#fff; }
.mypage-top li:hover h3 b {color:#fff; }
.mypage-top li:hover .shop-more-btn {color:#fff; border-color:#fff;}

.cart-container {width:100%;}


/*주문페이지*/

#sod_bsk{width:100%; overflow:hidden;}
#sod_chk {padding:0 15px 15px 0; }
.sod_bsk_left {width:70%; float:left;}
.cart_list {border:1px solid #000;}
.cart_list .sod_li{margin:0;}
.cart_list:after {display:block;visibility:hidden;clear:both;content:''}
.cart_list .sod_li{background:#fff;border-bottom:1px solid #cbd0d5;position:relative;}
.cart_list .sod_li:after {display:block;visibility:hidden;clear:both;content:''}
.cart_list .li_op_wr{padding:20px;padding-left:140px; width:100%; box-sizing:border-box; position:relative; display:inline-block;}
.cart_list .li_name{padding:15px;border-bottom:1px solid #f3f3f3; background:#f7f7f7;}
.cart_list .total_img {position:absolute;top:20px;left:20px}
.total-option {width:50%; float:left;}
.total-option div {width:100%; position:relative; box-sizing:border-box; overflow:hidden;  margin-bottom:10px; display:block; font-size:14px;}
.total-option div span {width:50px; border:1px solid #ddd; border-radius:5px; text-align:center; float:left; font-size:12px}
.total-option div ul {width:calc(100% - 62px);float:left; padding-left:10px; box-sizing:border-box;}
.total-cont {width:30%; float:left; box-sizing:border-box; padding-right:30px;}
.total-cont p {width:100%; text-align:left; line-height:1.5; font-size:14px; padding-bottom:10px;}
.total-cont p span{ display:inline-block; float:right;  }
.total-modi {width:20%; float:left;}

#sod_bsk .sod_ta_wr{float:right;width:30%;height:100%; margin-top:35px; padding-left:30px; box-sizing:border-box; position:relative;z-index:9}
#sod_bsk .sod_ta_wr h2 {font-size:22px; color:#000; font-weight:500; width:100%; border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:20px;}
#sod_bsk .sod_ta_wr{}

.cart_list .li_prqty{background:#f8f9fa;padding:20px;float:left;width:75%}
.cart_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
.cart_list .li_prqty_sp {display:block;width:25%;float:left;border-left:1px solid #eee;padding:0 10px;text-align:center;line-height:20px;}
.cart_list .li_prqty_sp:first-child{border-left:0}
.cart_list .li_prqty_sp span{display:block;color:#999;font-size:0.92em;margin-bottom:10px}
.cart_list .total_price{line-height:20px;background:#eef2f6;;color:#0074e9;padding:20px;float:left;width:25%;text-align:center}
.cart_list .total_price:after{display:block;visibility:hidden;clear:both;content:""}
.cart_list .total_price span{display:block;color:#999;font-size:0.92em;margin-bottom:10px}
.cart_list .mod_btn{padding:0 10px;height:40px;margin:0 0 5px 0;font-size:16px; width:100%; color:#666; border:1px solid #ddd; background:#fff; border-radius:30px; }
.cart_list .each_order { line-height:40px; text-align:center; padding:0 10px;height:40px;margin:0 0 5px 0;font-size:16px; width:100%; color:#fff; background:#f4868b; border-radius:30px; }
.total-modi .btn_submit {padding:0 10px;height:40px;margin:0 0 5px 0;font-size:16px; width:100%; color:#fff; background:#ff8a00; border-radius:30px; }

#sod_bsk:after {display:block;visibility:hidden;clear:both;content:''}
#sod_bsk .btn_del_wr{margin:10px 0; }
#sod_bsk .btn_del_wr .btn01{height:40px;padding:0 20px; border-radius:5px; border:0; background:#f4868b; color:#fff;}
#sod_bsk .go_shopping{margin: 10px;}
#sod_bsk .go_shopping .btn_b01{line-height:43px; font-weight:400;width:100%;text-align:center;display:block;}
#m_sod_bsk_tot{padding:15px;background:#f3f3f3}
#sod_bsk #m_sod_bsk_tot  {background:none;padding:0}
#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; font-size:14px; color:#666; font-weight:400;}
#m_sod_bsk_tot dd{float:left;width:60%;padding:5px 0;text-align:right;line-height:20px; font-size:14px; color:#666; font-weight:400;}
#m_sod_bsk_tot dd strong {font-weight:400;}
#m_sod_bsk_tot .sod_bsk_cnt{border-top:1px solid #000;font-weight:400;margin-top:20px;padding-top:20px; font-size:16px; color:#000; line-height:45px}
#m_sod_bsk_tot .sod_bsk_cnt strong{font-size:30px; font-weight:400; color:#000;}
#sod_bsk_act .btn_submit{height:45px;font-size:18px; font-weight:500;width:100%;margin:10px 0;border-radius:5px; color:#fff; background:#f4868b;}

.escrow {width:100%; box-sizing:border-box; padding:10px 20px; background:#fff; border-radius:10px;overflow:hidden;}
.secrow-logo { float:left; width:310px;}
.secrow-logo img{display:block; max-width:100%; float:left; }
.secrow-logo span {line-height:58px; padding:0 20px; font-size:16px; font-weight:600;}
.escrow p {width:calc(100% - 310px); width:-ms-calc(100% - 310px); float:left; font-size:14px; letter-spacing:-1px; color:#212121; line-height:22px; padding-top:7px;}
.escrow p b {font-weight:600; line-height:22px;}
.escrow h2 {width:calc(100% - 310px); width:-ms-calc(100% - 310px); float:left; font-size:14px; color:#212121; font-weight:400; line-height:22px}
.escrow h2 a {font-weight:600; line-height:22px; display:inline-block; position:relative; padding-right:15px; margin-right:10px; color:#212121; }
.escrow h2 a:after{position:absolute; content:''; width:1px; height:14px; top:4px; right:0; background:#999;}
.add-cont-btn{display: inline-block; overflow: hidden; border:0;}
.add-cont-btn>label {display:inline-block; padding-right:25px; height:35px; line-height:35px; float:left; }
.add-cont-btn>label {float: left;}
.add-cont-btn>label span {line-height:35px;  vertical-align: top;font-size:16px; }
.add-cont-btn>label input[type="checkbox"] {display:none;}
.add-cont-btn>label input[type="checkbox"] + em {display:inline-block;width:35px;height:35px; margin-right:10px; background:url(../images/check-img-1.png) 0 0 no-repeat;}
.add-cont-btn>label input[type="checkbox"]:checked + em {background-position:-35px 0px;}


.add-cont-btn>label input[type="radio"] {display:none;}
.add-cont-btn>label input[type="radio"] + em {display:inline-block;width:35px;height:35px; margin-right:10px; background:url(../images/check-img-1.png) 0 0 no-repeat;}
.add-cont-btn>label input[type="radio"]:checked + em {background-position:-35px 0px;}

/*로그인*/
.checkid {display:block; height:30px;  text-align:left; }
.checkid span {font-size:14px;  color:#666; line-height:30px; float:left; }
.checkid input[type="checkbox"] {display:none;}
.checkid input[type="checkbox"] + em { float:left; display:inline-block;width:18px;height:18px; margin:6px 10px 6px 0; background:url(../images/check-img-2.png) 0 0 no-repeat;}
.checkid input[type="checkbox"]:checked + em {background-position:-18px 0;}



  /* CONTACTS 20.02.11 added */

  .contacts-container {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    padding: 80px 100px;
    text-align: center;
  }

  .contacts {
    width: 33%;
  }

  .contacts h4 {
    font-size: 1.5rem;
    padding-top: 10px;
  }

  .contacts p {
    color: #666666;
    word-break: break-word;
  }


@media (max-width: 1580px){

.section-box-body {max-width:1200px; padding-left:0;}
.section-1-banner {display:none;}
.section-box-body ul{width:100%;}

}

@media (max-width: 1200px){
	/********상단메뉴********/
	#hd {position:relative;}
	.header-body {margin:0; height:70px; padding:10px; border-bottom:1px solid #eee;}
	.header-body .lang {display:none;}
	#logo {margin-top:6px;;}
	#logo a { position:relative; z-index:9}
	#logo img {width:160px;}

  #logo_en {margin-top:6px;;}
	#logo a { position:relative; z-index:9}
	#logo_en img {width:100px;}

	#hd_wr #hd_sch {display:none;}
	#hd_wr .menu #hd_sch {display:block;}

  .en-title-image-container { display: none; }

  #cate_01 {
    display: inline-block;
  }

	/*햄버거버튼, 장바구니버튼*/
	/* #hd_btn {width:100%;} */
	#hd_btn .login-btn {display:none;}
	#hd_btn .join-btn {display:none;}
	#hd_btn .mypage_btn {display:none;}
	#hd_btn .my-btn {display:none;}
	#hd_btn #btn_sch {display:none;}
	#hd_btn #btn_cartop {float:right;}

	/*모바일상단*/

	#hd_mb {display:block;clear: both;height:40px;}
	#hd_mb li{float:left;background:#fff;border-bottom:1px solid #eee;width:25%;position:relative;z-index:9;text-align:center;padding:10px 0; line-height:18px;height: 39px;}
	#hd_mb li a{display:block;border-left:1px solid #eee;font-size:12px;color:#666}

	#hd_mb li:first-child:nth-last-child(3),                       /* 메뉴가 셋 일 때, 1번 메뉴 선택 */
	#hd_mb li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 메뉴가 셋 일 때, 2~3번째 메뉴 선택 */
	#hd_mb li:first-child:nth-last-child(4),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
	#hd_mb li:first-child:nth-last-child(4)~li { width: 25%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
	#hd_mb li:first-child:nth-last-child(5),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
	#hd_mb li:first-child:nth-last-child(5)~li { width: 20%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */

	/*모바일에서 언어*/
	#hd_mb .lang {height:18px; float:none; width:auto; display:inline-block; box-sizing:border-box;}
	.lang-open {line-height:18px;}
	#hd_mb .lang-open>a {display:inline-block; font-size:12px; padding-right: 30px;  background: url(../images/lang-arrow.png) right center no-repeat; border-left:0;  cursor:pointer;}
	.lang-active {position:absolute; top:38px; left:0; width:100%; display:none; border:1px solid #eee; background:#fff; z-index:2;}
	.lang-active  a {font-size:12px; color:#666; line-height:30px;}

	/*햄버거메뉴*/
	#ol_after.ol {display:block;}
	#ol_before.ol {display:block;}
	#hd_sch {display:block; text-align:center;padding:0 0 10px; background: none;  position: relative;  outline: 0;}
	#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:35px;background:#fff;border:1px solid #ccc;;padding-left:10px;padding-right:40px;color:#000}
	#hd_sch .sch_submit {position:absolute;top:0;right:0;width:40px;height:35px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:none;font-size:15px;color:#333}


	/*카테고리*/
	.menu {display:none;position:fixed;top:0;height:100%;;z-index:99999;-webkit-backface-visibility: hidden;width:100%}
	.menu .menu_wr{;width:260px;height:100%;overflow-y:auto;background:#fff;padding:15px;position:relative;z-index:199919; -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4));-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4)); box-shadow: 0 0 5px rgba(55,55,5,0.4);  -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
	.menu .menu_wr::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
	.menu .menu_close {position:absolute;top:0;left:260px;width:40px;height:40px; background:url(../images/x-btn.png) center no-repeat, #000;color:#fff;font-size:20px;border:0;z-index:199999}
	.cate_bg{background:rgba(0,0,0,0.3);height:100%;width:100%;z-index:99999;position:absolute;top:0;left:0}
	.menu_wr li button {display:block;}

	.cate_tab {display:block;}
	.cate_tab:after {display:block;visibility:hidden;clear:both;content:""}
	.cate_tab li{float:left;;width:100%;text-align:center;font-size:0.92em}
	.cate_tab a{display:block;border-bottom:1px solid #bbb;padding:10px 0;color:#666;}
	.cate_tab .selected{border-bottom:1px solid #000;color:#000}

	.content {padding-left:0;}
	.cate a {display:block;color:#333;padding: 0 10px;border-bottom:1px solid #efefef; text-align: left;}
	.cate li{position:relative;line-height:40px;}
	.cate li button{position:absolute;top:0;right:0;background:url;border:0;width:100%;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png)  right center no-repeat;text-indent:-9999px}
	.cate li button.ct_cl{background:url(../img/mobile/gnb_bg2.png)  right center no-repeat}

	.con a {display:block;color:#333;padding: 0 10px;border-bottom:1px solid #efefef;}
	.con li{position:relative;line-height:40px;}
	.con li button{position:absolute;top:0;right:0;background:url;border:0;width:100%;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png)  right center no-repeat;text-indent:-9999px}
	.con li button.ct_cl{background:url(../img/mobile/gnb_bg2.png)  right center no-repeat}

	.sub_cate{display:none}
	.sub_cate a{border-bottom:1px solid #efefef;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
	.sub_cate2 a{padding-left:40px;background-position:31px 17px}
	.sub_cate3 a{padding-left:50px;background-position:41px 17px}
	.sub_cate4 a{padding-left:60px;background-position:51px 17px}


	/*비주얼*/
	.pc-visual {display:none}
	.m-visual {display:block}

	/*메인 첫번째 best-review*/
	.section-box-body { width:95%; margin:0 2.5%;}
	.best-thumb-box p b { line-height:18px;	height: 36px; -webkit-line-clamp: 2; }

	.section-1-banner-pc {display:none;}
	.section-1-banner-pad {display:block; }

	/*메인 두번째 배너*/
	.section-2-body {width:95%; margin:0 2.5%;}

	/*메인 네번째 제품가이드*/
	.section-4-body {width:95%; margin:0 2.5%;}

	/*메인 다섯번째 제품 최신*/
	.section-5-body {width:95%; margin:0 2.5%;}
	ul.tabs li.icon-1 span{padding-left:0; background:none;}
	ul.tabs li.icon-2 span{padding-left:0; background:none;}
	ul.tabs li.icon-3 span{padding-left:0; background:none;}
	ul.tabs li.icon-4 span{padding-left:0; background:none;}

	/*인스타 슬라이드*/
	.insta-body {width:100%; max-width:1200px; left:0; top:0; margin-left:0; }

	/*메인 여섯번째*/
	.section-6-body {width:95%; margin:0 2.5%;}
	.section-6-body li h2 span {padding-right:30px; min-height:58px;}

	/*서브페이지*/
	.sub-page {width:95%; margin:0 2.5%;}
	.sub-visu-text h2 {font-size:40px;}


	/*기업소개*/
	.story-1-body {width:95%; margin:0 2.5%;}

	/*브랜드컨셉*/
	.story-2-body {width:95%; margin:0 2.5%;}

	/*ivly 캐릭터*/
	.story-3-body-1 {padding:100px 2.5%; box-sizing:border-box;}
	.story-3-left-text h2 {font-size:30px;}
	.story-3-left-text p {font-size:18px;}
	.story-3-right-text h2 {font-size:30px;}
	.story-3-right-text p {font-size:18px;}


	/*마이페이지*/
	.mypage-top li {padding:20px 15px;}

	/*장바구니*/
	.sod_bsk_left {width:100%;}
	#sod_bsk .sod_ta_wr {width:100%; padding-left:0;}

	/*주문폼*/
	.sod_list { display:block;}
	.tbl_head03 {display:none;}
	.sod_left {width:100%;}
	.sod_right {width:100%;margin-left:0;}


	/*게시판*/
	.board-body {width:95%; margin:0 2.5%;}

	/*베스트리뷰*/
	.best-thumb p b { line-height:18px; height: 36px; -webkit-line-clamp: 2; }


	/*footer*/
	.footer-top {box-sizing:border-box; padding:0 5%; }
	.footer-top-box h2 { line-height: 30px; display: inline-block;}
	.footer-bottom-body {width:90%; margin:0 5%;}


}
@media (max-width: 1024px){

	/*메인 첫번째*/
	.best-thumb-box {padding:10px;}

	/*메인 두번째*/
	.section-title h2 {font-size:22px;}

	/*메인 네번째 제품가이드*/
	.section-4-body li {width:49%; margin-right:2%; margin-top:2%;}
	.section-4-body li:nth-child(-n+2) {margin-bottom:0;}
	.section-4-body li:nth-child(2n) {margin-right:0;}

	/*메인 다섯번째 제품 최신*/
	ul.tabs li {line-height:80px;   font-size: 16px;}

	/*메인 여섯번째*/
	.section-6-body li h2 {font-size:18px;}

	/*서브페이지*/
	.sub-visu-text h2 {font-size:34px;}
	.sub-title-1 {font-size:24px;}

	/*기업소개*/
	.story-title-1 {font-size:34px;}
	.story-1-left h2 {font-size:20px;}
	.story-1-left p {font-size:14px;}
	.story-1-left h3 span {font-size:14px;}
	.story-1-left h3 {font-size:16px;}

	/*브랜드컨셉*/
	.story-title-2 {font-size:34px;}
	.story-2-body p {font-size:18px;}
	.story-2-body h2 {font-size:34px;}


	/*ivly 캐릭터*/
	.story-3-top-text {padding:0 100px;}
	.story-3-top-text h2 span {font-size:34px;}
	.story-3-top-text h2 {font-size:24px;}
	.story-3-top-text p {font-size:16px;}

	.story-3-left-text h2 {font-size:24px;}
	.story-3-left-text p {font-size:16px;}
	.story-3-right-text h2 {font-size:24px;}
	.story-3-right-text p {font-size:16px;}




	/**마이페이지**/
	.mypage-top li {width:32%; margin-right:2%; margin-bottom:2%;}
	.mypage-top li:nth-child(3n) {margin-right:0;}
	.mypage-top li p {font-size:13px;}
	.mypage-top li h2 {font-size:16px;}
	.mypage-top li h2 span {font-size:12px;}
	.mypage-top li h3 {font-size:16px; padding-top:37px; background-size:40px;}
	.mypage-top li:hover .mypage-icon-1{ background-size:40px;}
	.mypage-top li:hover .mypage-icon-2{ background-size:40px;}
	.mypage-top li:hover .mypage-icon-3{ background-size:40px;}
	.mypage-top li:hover .mypage-icon-4{ background-size:40px;}
	.mypage-top li:hover .mypage-icon-5{ background-size:40px;}
	.mypage-top li h3 b {font-size:16px;}
	.shop-more-btn {font-size:13px;}

	/*베스트리뷰*/
	.best-thumb {padding:10px;}



}
@media screen and (max-width: 767px){

	/*메인비주얼*/
	.dots-body {height:36px; bottom:20px;}
	.dots-num.slick-slide {line-height:36px; font-size:11px;}
	.visual-btn {top:12px;}

	/*메인 첫번째 best-review*/
	.section-1-body {margin-top:10px;}
	.section-box-body li {width:49%; margin-right:2%; margin-top:2%;border:1px solid #eee;}
	.section-box-body li:nth-child(-n+2) {margin-top:0;}
	.section-box-body li:nth-child(2n) {margin-right:0;}
	.best-review-img-1 {box-sizing:border-box;}
	.best-review-img-1 img {max-width:100%; min-width:100%;}
	.best-review-text {padding:10px ;}
	.best-review-text h2 {font-size:13px;}
	.best-review-text p {font-size:12px; padding-top:0;}
	.best-thumb-box {padding:5px;}
	.best-thumb-box p {padding-left:0;}
	.best-thumb-box p b {font-size:11px; margin-bottom:0;}

	.section-1-banner-pad {display:none; }
	.section-1-banner-mobile {display:block; padding-top:20px;}
	.section-box-body ul {padding:20px 0;}

	/*메인 두번째 배너*/
	.section-2 {padding-top:40px;}
	.section-title h2 {font-size:18px; line-height:42px; padding-left:25px; padding-right:25px;}
	.section-title.title-bg-1 h2:before {width:42px; height:42px;}
	.section-title p {font-size:13px; padding:0 30px;}
	.section-2-body li {width:100%; margin:0 auto 2%;}
	.section-2-body li:last-child {margin-bottom:0;}

	.pc-banner {display:none;}
	.mobile-banner {display:block;}

	/*메인 세번째 배너*/
	.section-3 {padding-top:40px;}

	/*메인 네번째 가이드*/
	.section-4 {padding-top:40px;}
	.section-4-body ul {padding:20px 0;}

	/*메인 다섯번째 제품 최신*/
	.section-5 {padding-top:40px;}
	ul.tabs {margin-bottom:20px;}
	ul.tabs:after {position:absolute; content:''; width:100%; height:1px; top:50%; left:0; background:#e5e5e5;}
	ul.tabs li {line-height:50px; width:50%; font-size: 12px;}
	ul.tabs li:after {height:30%;}
	ul.tabs li:nth-child(2):after {display:none;}



	/*인스타 슬라이드*/
	.insta {padding-bottom:30px; background: rgba(246,150,155,0.95);}
	.insta-body {position:relative; top:auto; left:auto;height:auto;  }
	.insta-text-box {width:100%; height:auto;padding:30px 0;}
	.insta-text-box h2 {position:relative; top:auto; left:auto; transform:translate(0); padding-top:40px; background-size:30px;}
	.insta-text-box h2 span {padding-top:10px;}


	/*메인 여섯번째*/
	.section-6 {padding:40px 0;}
	.section-6-body li {width:100%; max-width:400px; margin:0 auto 30px; float:none;}
	.section-6-body li:last-child {margin-bottom:0; margin-right:auto;}
	.section-6-body li h2 {font-size:14px;}
	.section-6-body li h2 span {min-height:auto; font-size:13px; padding-top:0;}

	/*서브페이지*/
	.sub-visual {height:200px;}
	.sub-visual.sub-bg-1 { background-size:cover; }
	.sub-visual.sub-bg-2 { background-size:cover; margin-bottom:20px;}
	.sub-visu-text {box-sizing:border-box; padding:0 2.5%;}
	.sub-visu-text h2 {font-size:28px;}
	.sub-visu-text p {font-size:14px; padding:10px 30px 0;}
	.sub-page {padding:60px 0;}
	.sub-title-1 {font-size:20px;}


	/*기업소개*/
	.story-1 {background:#fafafa;}
	.story-1-body {padding:50px 0;}
	.story-title-1 {font-size:24px; padding-right:50px;}
	.story-1-left h2 {font-size:16px;}
	.story-1-left {width:100%; margin-right:0;}
	.story-1-right {width:100%; padding-top:0; margin-bottom:50px;}
	.story-1-right img{ display:block; max-width:100%; margin:0 auto;}


	/*브랜드컨셉*/
	.story-2-body {padding:50px 0;}
	.story-title-2 {font-size:24px; padding:0 20px 0;}
	.story-title-2:before {width:42px; height:42px;}
	.story-2-body p {font-size:13px; padding:0 20px 50px;}
	.story-2-body h2 {font-size:24px;}


	/*ivly 캐릭터*/
	.story-3-body-1 {margin-bottom:50px;}
	.story-3-top-text {padding:0 80px;}
	.story-3-top-text h2 span {font-size:24px;}
	.story-3-top-text h2 {font-size:18px;}
	.story-3-top-text p {font-size:14px;}
	.story-3-box {padding:0 2.5% 50px;}
	.story-3-box:last-child {margin-bottom:50px;}
	.story-3-left-img {width:100%; float:none;    display: block;  overflow: hidden; margin-bottom:50px;}
	.story-3-left-img img {display:block; margin:0 auto; float:none;}
	.story-3-left-text { width:100%; position:relative; left: auto; top: auto; transform: translateY(0); padding-left:0;}
	.story-3-left-text h2{ text-align:left; line-height:74px;}
	.story-3-left-text p { font-size:13px; text-align: center; }


  /* 영문페이지 추가 20.02.11 */
  .story-3-section-1 { background-image: url( '/en/theme/jelly/images/story3_upper_background.png' ); background-repeat: no-repeat; }
  .story-3-section-1-container { background-image: url( '/en/theme/jelly/images/story3_upper_sub_background.png'); background-repeat: no-repeat; }


	.story-3-right-img {width:100%; float:none; display: block;  overflow: hidden; margin-bottom:50px;}
	.story-3-right-img img {display:block; margin:0 auto; float:none;}
	.story-3-right-text   { width:100%; position:relative; left: auto; top: auto; transform: translateY(0); padding-right:0;}
	.story-3-right-text h2{ text-align:left; line-height:74px;}
	.story-3-right-text p {text-align: center; font-size:13px;}

	.story-3-title.title-bg-1 {background-position: center; background-size:200px; text-align: center;}
	.story-3-title.title-bg-2 {background-position: center; background-size:200px; text-align: center;}
  .story-3-title.title-bg-3 {background-position: center; background-size:200px; text-align: center;}
  .story-3-title.title-bg-4 {background-position: center; background-size:200px; text-align: center;}
  .story-3-title.title-bg-5 {background-position: center; background-size:200px; text-align: center;}
  .story-3-title.title-bg-6 {background-position: center; background-size:200px; text-align: center;}

	/*마이페이지*/
	#smb_my_od h2 {font-size:18px;}
	#sod_inquiry li .idtime_link {font-size:14px;}
	#sod_inquiry li .idtime_time {font-size:14px;}
	#sod_inquiry li .inquiry_name {font-size:14px;}


	/*주문폼*/
	#sod_frm_taker h2, #sod_frm_orderer h2 {font-size:18px;}
	#sod_frm #sod_bsk_tot h2 {font-size:18px;}
	#sod_frm_orderer table th, #sod_frm_taker table th {display:block; width:100%; font-size:14px; padding:10px 0;}
	#sod_frm_orderer table td, #sod_frm_taker table td {display:block; width:100%; padding:10px 0; margin-bottom:15px;}
	.frm_input {width:100%;}
	.btn_address {font-size:13px; width:100px; float:left;}
	input.frm_input2 {width:calc(100% - 105px); box-sizing:Border-box; margin-right:5px; float:left;}
	.add-cont-btn>label span{font-size:13px;}
	#od_tot_price strong {font-size:22px;}
	#od_pay_sl h3 {font-size:18px;}
	#od_tot_price span  {font-size:14px;}


	/*장바구니*/
	.cart_list .li_op_wr {padding:20px;}
	.cart_list .total_img {width:100px; position:relative; float:left; top:0; left:0;}
	.total-option {width: calc(100% - 130px); float:left; padding-left:30px;}
	.total-option div {font-size:12px}
	.total-cont {width:100%; margin:15px 0; padding-right:0;}
	.total-modi {text-align:center; width:100%}
	.total-modi li {display:inline-block}
	.total-modi .mod_btn {width:120px; display:inline-block; font-size:13px;}
	.cart_list .each_order {width:120px; display:inline-block; font-size:13px;}

	#sod_bsk .sod_ta_wr h2 {font-size:18px;}
	#m_sod_bsk_tot .sod_bsk_cnt {font-size:14px;}
	#m_sod_bsk_tot .sod_bsk_cnt strong {font-size:22px;}
	#sod_bsk_act .btn_submit {font-size:14px;}

	/*footer*/
	.footer-top-body{ flex-wrap:wrap; gap:10px}
	.footer-top-box {width:100%; float:none;}
	.footer-top-box:last-child {margin-top:5px;}
	.footer-top-box h2 strong {padding-bottom:0; font-size:24px;}
	.footer-top-box h2 b {font-size:14px; margin-bottom: 0;}
	.footer-top-box h2 span {display:block; clear:both; line-height:1.7; font-size:13px;}
	.footer-bottom-body {padding:40px 0 60px;}
	.footer-link a {font-size:15px;}
	.footer-text p span {font-size:12px;}

	/*게시판*/
	.board-body {padding:60px 0;}

	/*베스트 리뷰*/

	.best-list li {width:49%; margin-right:2%; margin-top:2%;}
	.best-list li:nth-child(-n+2) {margin-bottom:0;}
	.best-list li:nth-child(2n) {margin-right:0;}
	.review-img-1 { box-sizing:border-box;}
	.review-img-1 img {max-width:100%; min-width:100%;}
	.review-text {padding:10px;}
	.review-text h2 {font-size:12px;}
	.review-text p {font-size:12px; padding-top:0;}
	.best-thumb {padding:5px;}
	.best-thumb p {padding-left:0;}
	.best-thumb p b {font-size:12px; margin-bottom:0;}

  /* CONTACTS 20.02.11 added */
  .contacts-container {
    display: block;
    margin: 0 auto;
    padding: 80px 100px;
    text-align: center;
  }

  .contacts {
    margin: 0 auto;
    width: 50%;
    margin-top: 40px;
  }

	/*각종버튼*/
	a.btn_b01, .btn_b01 {font-size:13px;}
	a.btn_b02, .btn_b02 {font-size:13px;}
	a.btn_b03, .btn_b03 {font-size:13px;}
	a.btn_b04, .btn_b04 {font-size:13px;}
	a.btn_b05, .btn_b05 {font-size:13px;}

	/*footer*/
	.footer-link {padding-bottom:10px;}

}

@media (max-width: 480px){

	/*메인첫번째*/
	.best-thumb-box p span {font-size:11px;}

	.cart_list .total_img {width:100%;}
	.cart_list .total_img img {margin:0 auto 15px;display: block; }
	.total-option {padding-left:0; width:100%;}


	/*브랜드컨셉*/
	.story-title-2 {font-size:18px; padding-right:40px;}
	.story-2-body h2 {font-size:18px;}

	/*ivly캐릭터*/
	.story-3-body-1 {padding:50px 10px 100px;}
	.story-3-top-text {padding:0;}
	.story-3-top-text:after {display:none;}
	.story-3-top-text:before {display:none;}

	/*마이페이지*/
	.mypage-top li {padding:15px 5px;}
	.mypage-top li p {font-size:11px;}
	.mypage-top li h2 {font-size:13px;}
	.mypage-top li h2 span {font-size:11px;}
	.mypage-top li h3 {font-size:13px; }
	.mypage-top li h3 b {font-size:13px;}
	.shop-more-btn {font-size:11px; margin-top:10px; line-height:30px;}

	/*베스트리뷰*/
	.best-thumb p span {font-size:11px;}


	/*주문폼*/
	#od_pay_sl .lb_icon {font-size:12px;}
	#sod_frm_paysel .bank_icon {background-size:30px;}
	#sod_frm_paysel .card_icon {background-size:30px;}


}