/* BASIC css start */
@font-face {
    font-family: 'HS';
    src: url('/design/antomignon/m/font/HSZC.eot'),
        url('/design/antomignon/m/font/HSZC.woff') format('woff'),
        url('/design/antomignon/m/font/HSZC.ttf') format('truetype');
    src: local(""),
      url('/design/antomignon/m/font/HSZC.eot'),
      url('/design/antomignon/m/font/HSZC.woff') format('woff'),
      url('/design/antomignon/m/font/HSZC.ttf') format('truetype'),
      url('/design/antomignon/m/font/HSZC.svg#webfonturzspG4F') format('svg');
  }
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 300;
    src: url('/design/antomignon/m/font/NanumSquareNeoOTF-aLt.eot'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-aLt.woff') format('woff'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-aLt.ttf') format('truetype');
    src: local(""),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-aLt.eot'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-aLt.woff') format('woff'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-aLt.ttf') format('truetype'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-aLt.svg#webfonturzspG4F') format('svg');
  }
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 400;
    src: url('/design/antomignon/m/font/NanumSquareNeoOTF-bRg.eot'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-bRg.woff') format('woff'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-bRg.ttf') format('truetype');
    src: local(""),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-bRg.eot'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-bRg.woff') format('woff'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-bRg.ttf') format('truetype'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-bRg.svg#webfonturzspG4F') format('svg');
  }
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 500;
    src: url('/design/antomignon/m/font/NanumSquareNeoOTF-cBd.eot'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-cBd.woff') format('woff'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-cBd.ttf') format('truetype');
    src: local(""),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-cBd.eot'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-cBd.woff') format('woff'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-cBd.ttf') format('truetype'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-cBd.svg#webfonturzspG4F') format('svg');
  }
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 600;
    src: url('/design/antomignon/m/font/NanumSquareNeoOTF-dEb.eot'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-dEb.woff') format('woff'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-dEb.ttf') format('truetype');
    src: local(""),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-dEb.eot'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-dEb.woff') format('woff'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-dEb.ttf') format('truetype'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-dEb.svg#webfonturzspG4F') format('svg');
  }
  @font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 700;
    src: url('/design/antomignon/m/font/NanumSquareNeoOTF-eHv.eot'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-eHv.woff') format('woff'),
        url('/design/antomignon/m/font/NanumSquareNeoOTF-eHv.ttf') format('truetype');
    src: local(""),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-eHv.eot'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-eHv.woff') format('woff'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-eHv.ttf') format('truetype'),
      url('/design/antomignon/m/font/NanumSquareNeoOTF-eHv.svg#webfonturzspG4F') format('svg');
  }
  body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin: 0;padding: 0;font-family: 'NanumSquareNeo', 'NG','dotum','verdana', sans-serif;font-weight: 400;}
  img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;}
  h1,h2,h3,h4,h5,h6,strong{font-weight:600;}
  i{font-style: normal;}
  
  body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family: 'NanumSquareNeo', 'NG','dotum','verdana', sans-serif;}
  body{font-size: 16px;color: #333; font-weight: normal;}
  *{box-sizing: border-box;line-height: 160%;outline: 0;}
  input[type="file"], input[type="text"], input[type="password"], select{border: 1px solid #dfdfdf;color: #333;}
  input,textarea,select,button {font-size: 16px;vertical-align: middle;font-family: 'NanumSquareNeo', 'NG','dotum','verdana', sans-serif;}
  legend {margin: 0;padding: 0;display: none;}
  pre{white-space: pre;font-family: 'NanumSquareNeo', 'NG','dotum','verdana', sans-serif;white-space: pre-wrap;word-wrap: break-word;}
  textarea{height:initial;resize: none;}
  
  img{border: 0 none;vertical-align: middle;max-width: 100%;}
  ul,ol,li,dl,dt,dd{list-style: none;padding:0;}
  a{text-decoration: none;color: #333;font-family: 'NanumSquareNeo', 'NG','dotum','verdana', sans-serif;display: inline-block;transition: all 0.3s ease;}
  
  table {border-collapse: separate;border-collapse: collapse;width: 100%;position: relative;}
  table caption{width: 0;height: 0;font-size: 16px;overflow: hidden;text-indent: -999em;}
  
  .hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}
  .clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
  .clear{clear: both;height: 0;}
  
  .go-top{position: fixed;bottom:60px;right: 3%;z-index: 99;width: 40px;}
  
  #footer{ background: #1c5633;padding: 50px 20px 55px;}
  .footer-table > div.td{text-align: center;padding-bottom: 40px;}
  .footer-table > div.td img{max-width: 150px;}
  .footer-table > div.th .this-about li{font-size: 13px;color: #fff;font-weight: 300;margin: 12px 0;}
  .footer-table > div.th .this-about li strong{font-weight: 600;display: block;}
  .footer-table > div.th .this-about li select{background: #1c5633;font-size: 16px;font-weight: 600;color: #fff;}
  .footer-table > div.th .this-about li select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-khtml-appearance:none;background: url(/design/antomignon/m/images/select.png) no-repeat right center;border: 0;padding: 2px 0;padding-right: 30px;cursor: pointer;}
  .footer-table > div.th li .this-about select::-ms-expand { display: none;}
  .foot-menu{margin-top: 30px;}
  .foot-menu li{position: relative;padding: 0 10px 0 12px;float: left;}
  .foot-menu li::before{content: "";width: 1px;height: 15px;background: #fff;display: block;position: absolute;left: 0;top: 5px;}
  .foot-menu li:first-child{padding-left: 0;}
  .foot-menu li:first-child::before{display: none;}
  .foot-menu li a{color: #bbbbbb;font-size: 12px;font-weight: 400;}
  
  
  
  /***** RESET *****/
  html.overflow { overflow: hidden; }
  body.scroll_down .vreview-fixed-go-to-top-button-prod_20190924 { display:none; }
  body .header-gnb { display:none; }
  body .foot-menu-wrap { display:none; }
  body .quick_menu { bottom:60px; }
  /* 고정 */
  body.fixed_on { overflow:hidden; height:100%; }
  body.fixed_on .bg_fixed_gray { content:''; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; }
  /* 헤더 */
  .header { position:absolute; top:0; left:0; z-index:1000; width:100%; height: 66px; }
  .header a { display:block; }
  .header img { width:100%; }
  .header button { outline:none; border:0; background:transparent; }
  .header button img { display:block; }
  .header .header-inner { position:relative; }
  .header .header-title { overflow:hidden; height:46px; }
  .header .btn-history-back { position:absolute; top: 20px; left: 20px; width: 28px; }
  .header .cart { overflow: hidden; position:absolute; top: 20px; right: 20px; width: 64px; }
  .header .cart a { float:left; width: 28px; margin-left:4px; }
  
  
  /***** 상세공통 *****/
  .shopdetail .blind { display:block; overflow:hidden; width:1px; height:1px; text-indent:-9999em; }
  .shopdetail h3 {font-weight:bold; text-align:center;font-size:1.2em;}
  .shopdetail h3.btn_toggle { position:relative; padding:18px 0 17px 0; font-weight: 400; font-size:14px; line-height:20px; text-align:left; }
  .shopdetail h3.btn_toggle::after { content:''; display:block; position:absolute; top:18px; right: 0; width: 20px; height: 20px; background: url("//antomignon.img8.kr/antomignon/images/icon/x2(56px)/mypage/arrow_bottom_x2(40).png") no-repeat 0 0; background-size: 20px; }
  .shopdetail h3.btn_toggle.div_open::after { background-image:url("//antomignon.img8.kr/antomignon/images/icon/x2(56px)/mypage/arrow_top_x2(40).png"); }
  .shopdetail h3 .fa {float:right; font-size: 1.5em;}
  .shopdetail h5 {font-weight:bold; margin:5px 0 10px; text-align:center;font-size:1.2em;}
  .shopdetail h5 .fa {float:right; font-size: 1.5em;}
  .shopdetail .slick-arrow { position:absolute; top:50%; z-index:1; width:40px; height:40px; margin-top:-16px; border:0; outline:none; background-color:transparent; background-image:url(//super583.img6.kr/00_NEW/01_JOOP/JSOOP_kr/web/product/hair/colorj/mixcolor/img/180615_ombre_detail/detail_slide_arrow2.png); background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
  .shopdetail .slick-arrow.slick-prev { left:15px; background-position:0; }
  .shopdetail .slick-arrow.slick-next { right:15px; background-position:100%; }
  .shopdetail .slick-dots { position:absolute; bottom:0; width:100%; height: 21px; text-align:center; }
  .shopdetail .slick-dots li { display:inline-block; width:10px; height:10px; margin:0 4px; border-radius:5px; background:#666; }
  .shopdetail .slick-dots li.slick-active { background:#000; }
  .shopdetail .slick-dots li button { border:0; outline:none; text-indent:-9999px; }
  
  
  /***** shopdetailInfo *****/
  .shopdetail .shopdetailInfo { overflow:hidden; }
  .shopdetail .shopdetailInfo h2 {font-size:1.333em; font-weight:bold; text-align:center; padding-top:16px;}
  
  
  /***** shopdetailInfo > shopdetailInfoTop *****/
  .shopdetailInfoTop { margin-bottom:26px; }
  .shopdetailInfoTop .prd_thumb_box { overflow:hidden; padding:0; } 
  .shopdetailInfoTop .prd_thumb_box img { width:100%; }
  .shopdetailInfoTop .multi_img_box img { width:100%; }
  
  
  /***** shopdetailInfo > shopdetailInfoBottom *****/
  .shopdetailInfoBottom { background-color:#fff; }
  
  .shopdetailInfoBottom .shop-product-name { position:relative; padding:0 52px 0 22px; }
  .shopdetailInfoBottom .shop-product-name .name { font-weight:600; font-size:5vw; line-height:1.3; letter-spacing:-.5px; }
  .shopdetailInfoBottom .subname { padding: 0 20px 10px; font-size: 14px; letter-spacing:-.5px; opacity: .8; }
  .shopdetailInfoBottom .shop-product-name .tb_tagManagerWish { position:absolute; top:-2px; right:22px; width:28px; height:28px; background:url(//super583.img6.kr/jsoop_corperation/jsoop/kr/image/renew/renewal_2112/icon/icon_wish1.svg) no-repeat; background-size:28px; }
  
  .shopdetailInfoBottom .shop-product-price { padding:16px 22px 0; }
  .shopdetailInfoBottom .shop-product-price .product_sell_price { font-weight: 600; font-size:5.06666vw; letter-spacing: -1px; }
  .shopdetailInfoBottom .shop-product-price .product_consumer_price { font-size:4vw; margin-left:10px; color:#bbb; text-decoration:line-through; }
  .shopdetailInfoBottom .shop-product-price .dc_percent { margin-left:10px; font-weight: 600; font-size:4vw; color:#1c5633; }
  
  .shopdetailInfoBottom .shop-op-reserve { overflow:hidden; margin:22px 22px 30px; padding:16px 0; border:1px solid #ddd; border-width: 1px 0; }
  .shopdetailInfoBottom .shop-op-reserve dl { overflow:hidden; font-size:11px; color:#888; letter-spacing:-.5px; }
  .shopdetailInfoBottom .shop-op-reserve dl dt { float:left; width: 60px; }
  .shopdetailInfoBottom .shop-op-reserve dl dd { float:left; }
  .shopdetailInfoBottom .shop-op-reserve dl dd a { margin:0 2px; }
  .shopdetailInfoBottom .shop-op-reserve dl dd a span { font-size:12px; vertical-align:unset; }
  .shopdetailInfoBottom .shop-op-reserve dl + dl { margin-top:10px; }
  
  .shopdetailInfoBottom .option_area { overflow:hidden; position:fixed; bottom:0; left:0; z-index:1000; width:100%; border-radius:20px 20px 0 0; background:#fff; transform:translateY(100%); }
  .shopdetailInfoBottom .option_area.fixed  { transform:translateY(0); transition:transform .3s ease; box-shadow: 0px 0px 15px 1px #ccc; }
  .shopdetailInfoBottom .option_area.fixed .option_tk { overflow:hidden; overflow-y:scroll; max-height:120vw; padding:0 20px; background-color: #fff; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect select { width:100%; height:26px; border:1px solid #e0e0e0; border-radius:5px; font-size:11px; color:#999; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect.shop_select { padding-top:30px; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect > p { display:flex; align-items:center; justify-content:space-between; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect > p + p { margin-top:10px; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect > p .shopdetailInfoName { width:80px; font-size:11px; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect > p .shopdetailInfoCont { width:calc(100% - 80px); }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect .add-option-sel { display:none; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoMultiSelect .total { position:relative; margin-bottom:20px; padding-top: 8px; border-top: 1px solid #333; line-height:1; text-align:right; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoMultiSelect .total .MK_txt-total { position:absolute; top:16px; left:0; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoMultiSelect .total .MK_total { margin-right:-3px; font-size:20px; letter-spacing:-1px; }
  .shopdetailInfoBottom .option_area.fixed .shopdetailInfoMultiSelect .total .MK_txt-won { font-size:18px; }
  .shopdetailInfoBottom .option_area.fixed .naver-checkout { margin-bottom:20px; }
  .shopdetailInfoBottom .option_area.fixed .naver-checkout .npay_type_MA_1 { width:100%!important; }
  .shopdetailInfoBottom .option_area.fixed .btn_check_area { overflow:hidden; height:50px; }
  .shopdetailInfoBottom .option_area.fixed .btn_check_area a { display:block; float:left; width:50%; background:#eee; font-size:14px; line-height:50px; color:#333; text-align:center; }
  .shopdetailInfoBottom .option_area.fixed .btn_check_area a.buy { background-color: #1c5633; color: #fff;}
  .shopdetailButton .text-soldout { height:40px; background-color: #000; line-height: 40px; text-align: center; color: #fff; }
  
  .shopdetailInfoBottom .fixed-btn.fixed { overflow:hidden; position:fixed; bottom:0; left:0; z-index:1000; width:100%; }
  .shopdetailInfoBottom .fixed-btn.fixed a { display:block; float:left; width:50%; height:50px; background:#eee; font-size:14px; line-height:50px; color:#333; text-align:center; }
  .shopdetailInfoBottom .fixed-btn.fixed a.btn_option_buy { background-color: #1c5633; color: #fff; }
  /* 옵션 */
  .MK_optAddWrap { margin:20px 0 10px; }
  .MK_optAddWrap .MK_inner-opt-cm li { position:relative; padding:8px 0; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_p-name { display:block; padding-right:30px; font-size:11px; line-height:1.1; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_p-name strong { font-weight:400; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl { overflow: hidden; position:relative; width: 64px; height:26px; margin-top:15px; border: 1px solid #333; border-radius: 5px; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] { position:absolute; left:22px; width:20px; height:24px; padding:0; border:0; font-size:12px; text-align:center!important;  }
  .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del { display:block; position:absolute; top:6px; right:0; z-index:10; width:20px; height:20px; background:url(//super583.img6.kr/jsoop_corperation/jsoop/kr/image/renew/renewal_2112/icon/icon_close.svg) no-repeat; background-size:20px; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img { width:20px; opacity:0; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_price { position:absolute; bottom:7px; right:0; font-weight:400; letter-spacing: -.5px; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 { position:absolute; background-color: #fff; width: 20px; height: 24px; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 span {display:none;}
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-of-type(1) { left:42px; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:last-child { left:2px; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-of-type(1)::before { content:''; display:block; position:absolute; top:8px; left:9px; width:1px; height:7px; background:#222; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-of-type(1)::after { content:''; display:block; position:absolute; top:11px; left:6px; width:7px; height:1px; background:#222; }
  .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:last-child::after { content:''; display:block; position:absolute; top:11px; left:6px; width:6px; height:1px; background:#222; }
  /* 추가 구성 상품 */
  .add_prd_area { padding:30px 0; border-bottom:1px solid #ddd; }
  .add_prd_area .add_prd_title { margin:0 0 4vw; font-size:11px; }
  .add_prd_area .add_prd_list { display:flex; align-items:center; margin:0 0 15px; }
  .add_prd_area .add_prd_list:last-child { margin:0; padding:0; border:0; }
  .add_prd_area .add_prd_list .addInfoTop { width:66px; }
  .add_prd_area .add_prd_list .addInfoValue { position:relative; width:calc(100% - 80px); padding:0 0 0 14px; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoprdName { font-size:11px; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoCont { font-size:11px; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoCont .add_price_consumer { color:#acacac; text-decoration:line-through; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoName { width:auto; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect { overflow:hidden; width:100%; border:0; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect .add_prd_op { float:left; width:calc(100% - 57px); }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect .add_prd_op .shopdetailInfoCont { width:100%; margin:0; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect .opt-com { position:absolute; bottom:0; right:0; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect .opt-com a { display:block; width:48px; height:24px; border-radius:5px; font-size:11px; line-height:24px; text-align:center; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect p { padding:0; background:none; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; margin-top:5px; }
  .add_prd_area .add_prd_list .addInfoValue .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; }
  /* 상품 고시 정보 */
  .shopdetailNotify { margin:0 22px; border-top: 1px solid rgba(51,51,51,.5); }
  .shopdetailNotify .shopdetailNotifyInfo { font-size: 12px; }
  .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;}
  .shopdetailNotify .shopdetailNotifyInfo dd { margin:0 0 15px; }
  
  .bg-yl { height: 30px; background-color: #fcdd3f; }
  
  .shopdetail .shopdetailInfo .shopdetailInfoBottom .shop-product-name .wish { position:absolute; top:0; right:24px; width: 26px; }
  .shopdetail .shopdetailInfo .shopdetailInfoBottom .shop-product-name .wish .wishon { display:none; }
  .shopdetail .shopdetailInfo .shopdetailInfoBottom .shop-product-name .wish .wishoff { display:block; }
  .shopdetail .shopdetailInfo .shopdetailInfoBottom .shop-product-name .wish .wish-on .wishon { display:block; }
  .shopdetail .shopdetailInfo .shopdetailInfoBottom .shop-product-name .wish .wish-on .wishoff { display:none; }
  
  body .paging { text-align:center;font-size: 12px;margin:20px 0; }
  body .paging a { width:30px; height:30px; line-height:30px; background-color:transparent; border:0; display:inline-block; margin:0 2px; }
  body .paging a.now { border:0; background-color: transparent; color:#333; font-weight: 600;}
  
  /***** anchor *****/
  .anchor_box.fixed { position:fixed; width:100%; top:0; z-index:20; }
  .anchor_box ul { overflow:hidden; background:#fcdd3f; }
  .anchor_box ul li { float:left; width:33.33333%; border-bottom:1px solid #fcdd3f; }
  .anchor_box ul li a { display:block; height:40px; border-bottom:1px solid #fcdd3f; font-size: 12px; line-height:40px; color:rgba(51,51,51,8); text-align:center; }
  .anchor_box ul li a .num { font-size:10px; }
  .anchor_box ul li.active { border-bottom:1px solid #333; }
  .anchor_box ul li.active a { color: #333; }
  
  
  /***** section_area_wrap *****/
  /* .section_area_wrap { overflow:hidden; padding-bottom: 80px; background:#fcdd3f; } */
  .section_area_wrap { overflow:hidden; padding-bottom: 80px; }
  .section_area { overflow:hidden; }
  .section_area .section-tit { padding-bottom: 5px; border-bottom: 2px solid #333; font-weight: 600; font-size: 18px; }
  .section_area .section-tit span { font-weight: 400; }
  .tab_cont .btn-a4 { display: block; width: 100%; height: 50px; border-radius: 20px; line-height: 48px; border: 1px solid #333; background-color: #1c5633; color: #fcdd3f; text-align: center; }
  .tab_cont .empty-board { padding:5px 0 15px; text-align:center; }

  #section_area1 .shopdetailImage { overflow: hidden; }
  #section_area1 .shopdetailImage img { width:100%; }
  
  .shopdetailReturn { margin:0 22px; border-top:1px solid rgba(51,51,51,.5); border-bottom: 1px solid rgba(51,51,51,.5); }
  
  #section_area2 { padding:60px 22px 0; }  
  #section_area2 .review_box { padding:15px 15px 0; }
  
  #section_area2 .review_box #mPowerreview .MS_power_review_list { overflow:hidden; }
  #section_area2 .review_box #mPowerreview .total { padding:5px 0 0; background:#fff; }
  #section_area2 .review_box #mPowerreview .total .btn-white { top:5px; right:0; width:90px; height:40px; background:#222; border:0; line-height:40px; color:#fff; }
  #section_area2 .review_box #mPowerreview .total p { font-size:12px; }
  #section_area2 .review_box #mPowerreview .tit { padding:20px 20px 0; border:0; font-size:14px; }
  #section_area2 .review_box #mPowerreview .review-wrap > li { position:relative; padding:0; border-bottom:1px solid #ececec; }
  #section_area2 .review_box #mPowerreview .recmd { position:absolute; top:13px; right:10px; }
  #section_area2 .review_box #mPowerreview .sumup { padding:15px 0 0; }
  #section_area2 .review_box #mPowerreview .sumup .btn-ctr { display:none; }
  #section_area2 .review_box #mPowerreview .pr-opt { display:block; margin-top:5px; padding:0; border:0; background:#fff; }
  #section_area2 .review_box #mPowerreview .pr-opt .pr-options { margin:0 0 0 3px; }
  #section_area2 .review_box #mPowerreview .pr-opt .pr-options p { display:inline-block; margin-right:8px; font-size:12px; letter-spacing:-.5px; }
  #section_area2 .review_box #mPowerreview .best-photo { padding:0 0 5px; }
  #section_area2 .review_box #mPowerreview .best-photo .roll ul { overflow:visible; }
  #section_area2 .review_box #mPowerreview .best-photo .roll ul li { width:auto; padding:0 8px 0 0; }
  #section_area2 .review_box #mPowerreview .best-photo .roll ul li img { width:80px; height:auto; }
  #section_area2 .review_box #mPowerreview .item { margin-bottom:20px; padding:0; border:0; }
  #section_area2 .review_box #mPowerreview .item p { overflow:hidden; margin:5px 0 5px 3px; font-size:14px; line-height:1.5; }
  #section_area2 .review_box #mPowerreview .item .lnk-more { margin:0 0 5px 3px; font-size:13px; color:#333; }
  #section_area2 .review_box #mPowerreview .item .roll { margin:0; padding:0; }
  #section_area2 .review_box #mPowerreview .item .roll ul { overflow:visible; }
  #section_area2 .review_box #mPowerreview .item .roll ul li { width:calc(50% - 12px); padding:0 0 0 8px; }
  #section_area2 .review_box #mPowerreview .item .roll ul li:first-child { padding:0; }
  #section_area2 .review_box #mPowerreview .item .roll ul li img { width:100%; height:auto; }
  #section_area2 .review_box #mPowerreview .pr-tab { height:39px; border-color:#ececec; }
  #section_area2 .review_box #mPowerreview .pr-tab li.now a { height:38px; font-weight:600; line-height:38px; }
  #section_area2 .review_box #mPowerreview .photo-odr .odr select { height:25px; line-height:25px; }
  #section_area2 .review_box #mPowerreview .btn-more { height:40px; margin:10px 0; border:0; border-radius:0; background:#fff; font-size:15px; line-height:40px; color:#000; }
  #section_area2 .review_box #mPowerreview .btn-more::after { content:''; display:inline-block; width:20px; height:10px; padding:0 0 0 5px; background:url(//super583.img6.kr/00_NEW/01_JOOP/JSOOP_kr/web/ui/ico_more.png) no-repeat 5px 50%; background-size:10px; }
  #section_area2 .list_board { font-size: 14px; }
  #section_area2 .list_board li { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(51,51,51,.5); }
  #section_area2 .list_board li .thumb { overflow: hidden; width: 100px; height: 100px; margin-bottom: 5px; border: 2px solid #333; border-radius: 10px; text-align: center; }
  #section_area2 .list_board li .score-box { margin-bottom: 5px; }
  #section_area2 .list_board li .user-info { margin-bottom: 5px; opacity: .8; }
  #section_area2 .list_board li .review-content { }
  #section_area2 .list_board li .date { font-size:10px; }
  
  #section_area3 { padding:60px 22px 0; }  
  #section_area3 .boardList .util { }
  #section_area3 .boardList .empty-board { padding:5px 0 15px; text-align:center; }
  #section_area3 .boardList .list_board { margin-top:-10px; }
  #section_area3 .boardList .list_board li { margin-bottom: 8px; padding-bottom:12px; border-bottom:1px solid rgba(51,51,51,.5); }
  #section_area3 .boardList .list_board li dt a h4 { font-weight: 400; font-size:12px;}
  #section_area3 .boardList .list_board li dl dd { margin:3px 0 0; font-size:12px; opacity: .9; }
  #section_area3 .boardList .list_board .MS_qna_content_box .txt input + input { height:36px; padding:0 10px; }
  #section_area3 .qna_board_content { font-size: 12px;}
  #section_area3 .qna_board_content .conts { margin-top: 5px; }
  #section_area3 .qna_board_content .conts input[type="password"] { border:1px solid #333; border-radius: 10px; background-color: transparent; }
  #section_area3 .qna_board_content .conts input[type="button"] { border:1px solid #333; border-radius: 10px; background-color: #333; color: #fcdd3f; font-size: 12px; }
  
  #section_area4 { border:0; }
  #section_area4 .shopdetailRelation2 { padding:15px 0; }
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x {padding: 0 15px;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x li {width:32%;margin-right:2%;display:inline-block; vertical-align: top; _border-bottom:1px solid #d9d9d9; padding:5px 0;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x li figure {width:100%; _padding:0 7px;text-align:center;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x li:last-child {margin-right:0;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x li img.listPic {width:95%;text-align:center;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo {clear:both;width:100%; float:left;_padding-left:3%; position: relative;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo .listName {width:100%;_border-bottom: 1px solid #dedede; padding:15px 0 5px;_margin-bottom: 5px;font-weight:400;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo .listPrice {font-size:1.2em;font-weight:600;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo .options-select {width:100%;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .MS_related_checkbox {position:absolute; top:0; right:0;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo .listCount {margin: 12px 0;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {text-align:right;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;}
  #section_area4 .shopdetailRelation2 .list_shoppingRelationItem1x .btn_Black {width:290px; margin: 0 auto;}
  
  
  /* IOS 디바이스 옵션 선택 시 자동 확대 방지 */
  input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:16px;}
  /* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */
  
  /* OKDGG 버튼 */
  .shopdetail .okdgg-checkout {margin-top: 15px;}
  .shopdetail .okdgg-checkout img {max-width: 90%; height: auto;}
  /* //OKDGG 버튼 */
  
  /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */
  .cs-button {bottom: 53px !important;}
  /* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */
  
  /* 임시품절 재입고 SMS 받기 */
  .shopdetail .soldout_anchor { display:block !important; }
  .shopdetail .MK_btn-sms {
  display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080;
  color: #fff; font-weight: bold;
  background-color: #636363;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e));
  background-image: -webkit-linear-gradient(top, #636363, #5e5e5e);
  background-image:    -moz-linear-gradient(top, #636363, #5e5e5e);
  background-image:      -o-linear-gradient(top, #636363, #5e5e5e);
  background-image:   linear-gradient(to bottom, #636363, #5e5e5e);
  -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  }
  .shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; }
  /* 임시품절 재입고 SMS 받기 끝 */
  
  
  @media screen and (min-width:420px) and (max-width:767px) {
    .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;}
    .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;}
    .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;}
    .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;}
    .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;}
    .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;}
    .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;}
    .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;}
    .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;}
    .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;}
    .shopdetailButton .shopdetailButtonTop a {padding:10px 8px;}
    .shopdetailButton .shopdetailButtonTop a.buy {padding:10px 8px;}
    .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;}
    .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;}
    .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;}
    .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;}
  }
  @media screen and (min-width:768px) {
    .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;}
    .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;}
    .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;}
    .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;}
    .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;}
    .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;}
    .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;}
    .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;}
    .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;}
    .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;}
    .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;}
    .shopdetailNotify {margin-top:36px;}
    .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;}
    .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;}
    .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;}
  }

body .go-top { bottom: 60px; }
.shopdetailImage { padding-bottom: 40px; }

.tab_cont_list { padding-bottom: 40px; }
.tab_li.fixed { position:fixed; width:100%; top:0; z-index:20; }
.tab_li ul { overflow:hidden; background-color: #fff; }
.tab_li ul li { float:left; width:33.33333%; height: 40px; border-bottom:1px solid #ddd; font-size: 12px; line-height: 40px; text-align: center; }  
.tab_li ul li .num_count { margin-left: 2px; }
.tab_li ul li.sel { border-bottom:1px solid #333; color: #333; }

.st-best-review { overflow-y: hidden; overflow-x: auto; padding: 20px 10px; margin-bottom: -20px; white-space: nowrap; }
.st-best-review li { display: inline-block; width: 47%; white-space: normal; vertical-align: top; margin-right: 5px; }
.st-best-review li:last-child { margin: 0; }
.st-best-review li a { display: block; font-size: 12px; }
.st-best-review li a img { width: 100%; }
.st-best-review li a .score { margin: 6px 0 4px; color: #1C5633; }
.st-best-review li a .content { overflow: hidden; height: 22px; text-overflow: ellipsis; white-space: nowrap; }

.st-padding { padding: 20px 22px; }
.st-tit { padding-bottom: 5px; border-bottom: 2px solid #333; font-weight: 600; }

body #mPowerreview .tit { display: none; }
body #mPowerreview .total { margin-bottom: 10px; padding: 12px 0; border-bottom: 2px solid #ddd; background-color: transparent; }
body #mPowerreview .total .btn-white { top: 17px; right: 0; height: 40px; border-radius: 20px; border-color: #333; background-color: #333; font-weight: 400; color: #fff; line-height: 40px; }
body #mPowerreview .total .score span.star { color: #1C5633; }
body #mPowerreview .total .score span:last-child { float: none; }
body #mPowerreview .score span:first-child { color: #1C5633; }
body #mPowerreview .score span:last-child { float: right; }
body #mPowerreview .photo-odr { margin: 20px 0; }
body #mPowerreview .photo-odr a.pr-use-sort span { border: 1px solid #333; }
body #mPowerreview .photo-odr a span { border-color: #333; border-radius: 20px; font-size: 12px; }
body #mPowerreview .photo-odr .odr { width: 35%; }
body #mPowerreview .photo-odr .odr select { padding: 0; border-radius: 20px; border-color: #333; font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(//super583.img6.kr/00_NEW/01_JOOP/JSOOP_kr/web/ui/ico_arr_down.png) no-repeat 95% 50% !important;
    background-size: 11px !important;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
body #mPowerreview .review-wrap > li { margin: 0 0 20px; padding: 0; border: 0; }
body #mPowerreview .sumup { margin-bottom: 10px; padding: 10px; border: 1px solid #bbb; border-radius: 5px; }
body #mPowerreview .item { margin: 0; padding: 0; border: 0; }
body #mPowerreview .item p { padding: 10px; margin: 0; }
body #mPowerreview .roll li img { border-radius: 15px; }
body #mPowerreview .recmd { height: auto; margin: 0; padding: 10px; color: #333; }

body .boardList { font-size: 13px; }
body .boardList ul > li + li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; }
body .boardList ul .reply_depth0 .info { font-size: 12px; color: #999; }
body .boardList ul .reply_depth0 .qna_board_content .txt { font-size: 12px; }

body #mPowerreview .btn-more { display: block; width: 100%; height: 50px; border-radius: 20px; line-height: 48px; border: 1px solid #333; background-color: #1C5633; color: #fcdd3f; text-align: center; font-weight: 400; font-size: 13px; }
body #mPowerreview .photo-odr a.now { overflow: hidden; border-radius: 20px; background-color: #333; }
/* BASIC css end */