/* BASIC css start */
.icon_li {font-size:0;position: absolute;top: 6px;left: 6px;}
.icon_li>img {
    display: block;
    width: 46px;
    margin-bottom: 3px;
}

/* remind product css */
#remind-popup .remind-contents .item-slide-box .swiper-slide a .img img {
    width: auto;
    height: auto;
}

#remind-popup .remind-contents .item-slide-box .swiper-slide a .img {
    height: 220px;
}
#remind-popup .swiper-wrapper {
height : auto!important;
}
/* remind product css */

#overlay_layer{display : none;}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after,.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
display:none;
}

select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
   padding : 0px 40px 0px 20px;
}
select::-ms-expand{
   display:none;/*for IE10,11*/
}
select {
   background: url(/design/esdongsuh/2022renewal/PC/select_arr.png) no-repeat calc(100% - 20px) 50%/12px auto;
}

/* i
/* input checkbox css */

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    position: relative;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    cursor : pointer;
}
input[type="checkbox"]:before {
    content: "";
    width : 18px;
    height : 18px;
    position: absolute;
    left: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #000;
    box-sizing: border-box;
}

input[type="checkbox"]:checked:before {
    content: "";
    background-image: url(/design/esdongsuh/2022renewal/PC/outline_done_black_24dp.png);
    background-repeat : no-repeat;
    background-position : 50% 50%;
    background-color: #000;
    border: 1px solid #000;
}
/* input checkbox css */

 /* input radio css */
 input[type="radio"] {
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor : pointer;
    margin-right: 5px;
    vertical-align: text-bottom;
}
 input[type="radio"]:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

input[type="radio"]:checked:before {
      border: 1px solid rgb(51, 51, 51);
  background-clip: content-box;
  background-color: #333;
  border-radius: 50%;
  padding: 4px;
}
/* input radio css */

/* slide */
.swiper-button-next, .swiper-button-prev {
    background-image: none;
}
.swiper-pagination.swiper-pagination-progressbar {
    position: static;
    width: 365px;
    margin: 35px auto 0;
    background-color: #ebebeb;
    border-radius: 100px;
    overflow: hidden;
}


.swiper-pagination.swiper-pagination-progressbar>span {
    background-color: #ff0022;
    border-radius: 500px;
}
.pagination {
    text-align: center;
}
.pagination__wrap {
    width: 70px;
    box-sizing: border-box;
    height: 25px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 40px;
    line-height : 23px;
}


.now-slide {
    font-size: 14px;
    margin-left: 5px;
    color: #000;
}
.total-slide {
    margin-right: 5px;
    font-size: 14px;
    color: #555;
}
.slash-icon {
    color: rgb(85, 85, 85);
}
.swiper-button-prev.arrow__ver2,.swiper-button-next.arrow__ver2 {
    width: 32px;
    height: 32px;
    border: 1px solid rgb(255, 0, 34);
    border-radius: 5px;
    color: rgb(255, 0, 34);
    font-size: 20px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    line-height: 32px;
    margin-top: -16px;
    box-sizing: border-box;
    opacity: 1;
    cursor: pointer;
    pointer-events: fill;
}
.swiper-button-prev.arrow__ver2 {
    left: -20px;
}

.swiper-button-next.arrow__ver2 {
    right: -20px;
}
#header .section3 .top_cate01>ul {
    padding: 0 30px;
    font-size : 0;
    text-align : center;
    display: flex;
    justify-content: space-around;
}
/* slide  */

.sel-cate>a{ color: rgb(237, 28, 36) !important; }
#header.fixed > .section, #header.fixed > .section2 { display: none; }
#header.fixed { position: fixed; top: 0px; left: 50%; transform: translate(-50%, 0%); z-index: 98; }
#header .nav-wrapper { max-width: initial; border-top: 1px solid rgb(222, 222, 222); border-bottom: 1px solid rgb(222, 222, 222); width: 100%; background-color: rgb(255, 255, 255); }
#header.fixed .nav-wrapper { border-top: none !important; }
#header.fixed .category-btm { display:none!important;}
.search a { color: rgb(0, 0, 0); position: relative; }
.search a img { opacity: 0.95; }
.search i { font-size: 14px; line-height: 36px; text-align: center; color: rgb(91, 91, 91); transition: all 0.1s ease-in-out 0s; margin-left: -50px; }
.search i { color: rgb(0, 0, 0); }
.label_name { position: absolute; z-index: -2; right: 4px; text-align: right; width: 31%; bottom: 32px; height: 40px; line-height: 49px; color: rgb(0, 0, 0); cursor: text; font-weight: 300; padding-right: 50px; top: 30px; }
.con_pop .close_pop { position: absolute !important; }
.srchArea { display: none; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 201; }
.search { width: 75%; margin: 0px auto; }
.search fieldset { width: 100%; }
.search input { width: 84%; height: 40px; border-top: none; border-right: none; border-left: none; border-image: initial; background: none; font-size: 20px; color: rgb(0, 0, 0); border-bottom: 2px solid rgb(0, 0, 0); }
.search .btn_search { font-size: 40px; }
.search .searchClose { display: block; margin: 14% 0px 3%; font-size: 40px; text-align: center; }
.cate_1 ul li a:hover { color: rgb(237, 28, 36) !important; }
.a_sub_title {border-bottom: 1px solid rgb(237, 28, 36);margin-bottom: 5px;}
.cate_s li { margin-left: 0px !important; padding-left: 0px !important; }
.cate_s li a { color: rgb(119, 119, 119) !important; }
.cate_1:nth-of-type(1) {border-bottom: 1px solid #efefef;font-size: 0;}
.cate_1 ul {width: calc(100% / 5);padding: 10px 20px 15px 20px;}
.cate_1 > ul {min-height: 200px;border-left: 1px solid #efefef;box-sizing: border-box;display: inline-block;vertical-align: top;}
.cate_1 > ul:first-child {border-left: none;}
.cate_1 ul li { float: none !important; }
#header .section3 #all_cate_area .cate_1 ul li { }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 100; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf") format("opentype"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 300; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format("opentype"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 400; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format("opentype"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 500; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format("opentype"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 700; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format("opentype"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 900; src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf") format("opentype"); }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin: 0px; padding: 0px; }
html { width: 100%; height: 100%; }
li { list-style: none; }
img, fieldset { border: none; vertical-align: top; }
table { border: 0px; border-spacing: 0px; border-collapse: collapse; }
th, td { border: 0px; }
.cboth { clear: both; }
.cboth::after { content: " "; display: block; clear: both; }
.fleft { float: left; }
.fright { float: right !important; }
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display: none; }
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt50 { padding-top: 50px; }
.pdt60 { padding-top: 60px; }
.pdt70 { padding-top: 70px; }
.pdt80 { padding-top: 80px; }
.pdt130 { padding-top: 130px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb15 { padding-bottom: 15px; }
.pdb40 { padding-bottom: 40px; }
.mrt20 { margin-top: 20px; }
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width: 1200px; }
#content { width: 1200px; background-color: rgb(255, 255, 255); }
#wrap { background: url("") repeat-x; }
#contentWrap { background-color: rgb(255, 255, 255); padding: 0px; }
body { min-width: 1200px; font-family: "Noto Sans KR", dotum, Arial, sans-serif; }
a { text-decoration: none;
-webkit-transition: color .3s ease, background-color .3s ease, border .3s ease;
     -moz-transition: color .3s ease, background-color .3s ease, border .3s ease;
      -ms-transition: color .3s ease, background-color .3s ease, border .3s ease;
          transition: color .3s ease, background-color .3s ease, border .3s ease;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
  unicode-range: U+0030-0039,U+0061-007A,U+0041-005AU+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E;
} 
body, h1, h2, h3, h4, h5, h6, table, select, textarea, a,input, button { font-family: 'Lato',"Noto Sans KR", dotum, Arial, sans-serif; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #mheader, #mfooter, #main, #quick, .sub_left_menu { font-family: "Lato","Noto Sans KR", dotum, Arial, sans-serif; }
}
.bbs-hd { display: none; }
.prd-list table { width: 1230px; }
.prd-list table td { border: 0px; vertical-align: top; text-align: center; padding: 0px 30px 30px 0px; }
.prd-list table .tb-center { margin: 0px auto; padding: 0px 0px 20px; text-align: center; position: relative; }
.prd-list table .info { padding: 0px 0px 0px 10px; text-align: left; background: none; }
.prd-list .thumb { width: 100%; height: 100%; font-size: 0px; line-height: 0; border-bottom: 1px solid rgb(222, 222, 222); }
.prd-list .thumb:hover { }
.prd-list .thumb a, .prd-list .thumb img { display: block; width: 100%; height: 100%; }
.prd-list .dsc { margin-top: 20px; font-weight: normal; font-size: 16px; color: rgb(51, 51, 51); text-align: left; padding: 0px 20px; height: 60px; letter-spacing: -0.02em; }
.prd-list .subname { margin-top: 7px; font-weight: normal; font-size: 12px; color: rgb(136, 136, 136); }
.prd-list .info .soldout { font-weight: bold; color: rgb(255, 0, 0); font-size: 19px; text-align: left; padding-left: 10px; }
.prd-list .consumer { margin-top: 7px; color: rgb(136, 136, 136); font-size: 12px; text-decoration: line-through; }
.prd-list .price { margin-top: 5px; font-weight: bold; color: rgb(0, 0, 0); font-size: 19px; letter-spacing: -0.5px; text-align: left; padding-left: 10px; }
.prd-list .icon { margin-top: 5px; }
.prd-list .icon img { padding-right: 2px; }
.prd-list .closeup { margin-top: 7px; }
a img.menuon { display: none; }
a img.menuoff { display: inline; }
a:hover img.menuon { display: inline; }
a:hover img.menuoff { display: none; }
.sliderkit { position: relative; display: none; }
.sliderkit a, .sliderkit a:hover { text-decoration: none; }
.sliderkit .sliderkit-nav { z-index: 10; position: absolute; text-align: center; }
.sliderkit .sliderkit-nav-clip { position: relative; margin: 0px auto; width: 100% !important; }
.sliderkit .sliderkit-nav-clip ul { position: relative; top: 0px; list-style: none; margin: 0px; padding: 0px; left: 0px !important; width: 100% !important; }
.sliderkit .sliderkit-nav-clip ul li { float: left; }
.sliderkit .sliderkit-nav-clip ul li a { display: block; overflow: hidden; }
.sliderkit .sliderkit-btn { z-index: 10; }
.sliderkit .sliderkit-panel { z-index: 1; position: absolute; }
.sliderkit .sliderkit-panel-active { z-index: 5; }
.sliderkit .sliderkit-panel-old { z-index: 4; }
.m_onoffmulti .onoffarea { margin: 0px; width: 100%; text-align: center; overflow: hidden; display: none; position: relative; }
.m_onoffmulti .closebtn { cursor: pointer; position: absolute; z-index: 22; }
.m_onoffmulti .openbtn { display: none; cursor: pointer; position: absolute; z-index: 22; }
.m_onoffmulti .openbtntxt { display: none; }
.m_onoffmulti .closebtntxt { display: none; }
.m_onoffmulti .bannerli a div { background-repeat: no-repeat; background-position: center top; width: 100%; height: 70px; }
.m_onoffmulti .bannerli a { display: block; }
.m_onoffmulti .mfade .bannerul { padding: 0px; margin: 0px; display: block; z-index: 1; position: relative; }
.m_onoffmulti .mfade .bannerli { padding: 0px; margin: 0px; list-style: none; width: 100%; display: none; position: absolute; }
.m_onoffmulti .mslide .bannerul { padding: 0px; margin: 0px; display: block; width: 100%; }
.m_onoffmulti .mslide .bannerli { padding: 0px; margin: 0px; list-style: none; width: 100%; }
.m_onoffmulti .nav { position: relative; top: 0px; width: 0px; height: 0px; z-index: 3; margin: 0px auto; left: 584px; }
.m_onoffmulti .prev { position: absolute; cursor: pointer; margin: 0px auto; display: block; }
.m_onoffmulti .next { position: absolute; cursor: pointer; margin: 0px auto; display: block; }
.m_onoffmulti .prevtxt { display: none; }
.m_onoffmulti .nexttxt { display: none; }
.m_onoffmulti_top .onoffarea { height: 60px; }
div#m_onoffmulti_top { position: relative; max-width: 1920px; margin: 0px auto; }
.m_onoffmulti_top .mslide9 { height: 60px; }
.m_onoffmulti_top .mslide .bannerul { height: 60px; }
.m_onoffmulti_top .mslide .bannerli { height: 60px; }
.m_onoffmulti_top .openbtn { top: -1px; right: 15px; }
.m_onoffmulti_top .closebtn { top: 13px; right: 15px; }
.m_onoffmulti_top .openbtn { width: 41px; height: 41px; background: url("/design/esdongsuh/0722rednine/icon_open.png") rgb(237, 28, 36); }
.m_onoffmulti_top .closebtn { width: 41px; height: 41px; background: url("/design/esdongsuh/0722rednine/icon_close.png"); }
.m_onoffmulti_top .prev { top: 16px; right: -305px; }
.m_onoffmulti_top .next { top: 38px; right: -305px; }
.m_onoffmulti_top .prev { width: 15px; height: 13px; background: url("/design/esdongsuh/0722rednine/icon_up_arrow.png"); transition: all 0.3s ease 0s; }
.m_onoffmulti_top .next { width: 15px; height: 13px; background: url("/design/esdongsuh/0722rednine/icon_down_arrow.png"); transition: all 0.3s ease 0s; }
.m_onoffmulti_top .prev:hover { opacity: 1; transition: all 0.3s ease 0s; }
.m_onoffmulti_top .next:hover { opacity: 1; transition: all 0.3s ease 0s; }
#header { width: 100%; margin: 0px auto; padding: 0px; max-width: 1920px; z-index : 98;}
#header .section { height: 35px; width: 100%; }
#header .section .section_box { width: 1200px; margin: 0px auto; height: 35px; line-height: 35px; }
#header .section .section_box .inner1 li { float: left; border-right: 1px solid rgb(222, 222, 222); }
#header .section .section_box .inner1 li:first-child { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(222, 222, 222); }
#header .section .section_box .inner1 li .icon_bookmark { display: inline-block; height: 11px; line-height: 35px; width: 11px; background: url("/design/esdongsuh/pc/img/link_icon.jpg") no-repeat; margin: 0px 0px 0px 5px; vertical-align: middle; }
#header .section .section_box .inner1 li .icon_bookmark2 { display: inline-block; height: 11px; line-height: 35px; width: 11px; background: url("/design/esdongsuh/pc/img/link_icon2.jpg") no-repeat; margin: 0px 0px 0px 5px; vertical-align: middle; }
#header .section .section_box .inner1 li > a { color: rgb(102, 102, 102); font-size: 12px; display: block; line-height: 35px; padding: 0px 12px; font-weight: 300; }
#header .section .section_box .inner1 li > a:hover { color: rgb(224, 23, 55); }
#header .section .section_box .inner2 { float: right; padding: 0px; height: 35px; }
#header .section .section_box .inner2 li { float: left; position: relative; font-weight: 100; font-size: 10px; color: rgb(201, 201, 201); margin-right: 17px; }
#header .section .section_box .inner2 li:last-of-type { margin-right: 0px; }
#header .section .section_box .inner2 li > a { color: rgb(102, 102, 102); font-size: 12px; display: block; line-height: 35px; font-weight: 300; }
#header .section .section_box .inner2 li > a:hover { color: rgb(224, 23, 55); }
#header .section .section_box .inner2 li .cart_count { color: rgb(224, 23, 55); margin-left: 4px; }
#header .section2 { width: 1200px; height: 95px; margin: 0px auto 10px; position: relative; display: flex; -webkit-box-align: center; align-items: center; }
#header .section2 .top_logo {width: 182px;}
#header .section2 .top_logo>a>img {
    width: 100%;
}
#header .section2 .top_ban_slide { position: absolute; top: 0px; right: 0px; }
.contentslider-std { width: 200px; height: 100px; padding: 0px; margin: 0px; }
.contentslider-std .sliderkit-panels { width: 200px; height: 100px; overflow: hidden; padding: 0px; margin: 0px; background: transparent; }
.contentslider-std .sliderkit-panel { width: 200px; height: 100px; overflow: hidden; padding: 0px; margin: 0px; background: transparent; position: absolute; }
.contentslider-std .sliderkit-go-btn { position: absolute; z-index: 22; }
.contentslider-std .sliderkit-go-prev { right: 0px; top: 35px; }
.contentslider-std .sliderkit-go-next { right: 0px; top: 52px; }
.contentslider-std .sliderkit-go-btn a { display: block; cursor: pointer; }
.contentslider-std .sliderkit-go-prev a { background: url("/design/esdongsuh/0722rednine/top_ban_slide_btn.png") 0px 0px no-repeat; width: 16px; height: 16px; transition: all 0s ease 0s; }
.contentslider-std .sliderkit-go-next a { background: url("/design/esdongsuh/0722rednine/top_ban_slide_btn.png") 0px -15px no-repeat; width: 16px; height: 16px; transition: all 0s ease 0s; }
.contentslider-std .sliderkit-go-prev a:hover { background-position: -16px 0px; }
.contentslider-std .sliderkit-go-next a:hover { background-position: -16px -15px; }
#header .section2 .search_form { margin: 0px auto; text-align: right; font-size: 0px; }
#header .section2 .search_form .search { display: inline-block; border: 1px solid rgb(255, 0, 34); width: 450px; height: 48px; border-radius: 60px; padding: 10px 25px; box-sizing: border-box; }
#header .section2 .search_form .search .MS_search_word { height: 24px; width: 370px; line-height: 24px; padding: 0px; border: 0px; color: rgb(153, 153, 153); font-size: 16px; font-family: "Noto Sans KR", dotum, Arial, sans-serif; font-weight: 400; float: left; }
#header .section2 .search_form .search .search_btn { width: auto; height: auto; border: 0px; font-size: 0px; margin-top: 3px; }
#header .section2 .search_form .bestkeyword { display: inline-block; margin-left: 25px; padding-top: 10px; font-size: 0px; vertical-align: top; }
#header .section2 .search_form .bestkeyword a { font-size: 12px; font-weight: 300; color: rgb(85, 85, 85); padding: 1px 10px 3px; margin: 0px 5px; border: 1px solid rgb(222, 222, 222); border-radius: 10px; }
#header .section2 .search_form .bestkeyword a:hover { color: rgb(237, 28, 36); border: 1px solid rgb(237, 28, 36); box-shadow: rgba(50, 50, 90, 0.05) 0px 5px 5px, rgba(0, 0, 0, 0.05) 0px 5px 5px; box-sizing: border-box; }
#header .section3 { width: 1200px; height: 43px; position: relative; margin: 0px auto; border-left: 1px solid rgb(222, 222, 222); border-right: 1px solid rgb(222, 222, 222); box-sizing: border-box; display: flex; }
#header .section3 .all_cate_btn {width: 199px;height: 43px;line-height: 43px;color: rgb(51, 51, 51);font-size: 15px;text-indent: 18px;cursor: pointer;font-weight: 500;}
#header .section3 .all_cate_btn img { vertical-align: middle; padding: 0px 22px 2px 16px; position: relative; left: 0px; }
#header .section3 .all_cate_btn img:nth-of-type(2) { padding: 0px 24px 2px 16px; }
#header .section3 .all_cate_btn .icon_allcate_arrow { padding: 0px 0px 5px 13px; }
#header .section3 .top_cate01 { height: 43px; border-left: 1px solid rgb(222, 222, 222); border-right: 1px solid rgb(222, 222, 222); width: 800px; box-sizing: border-box; overflow:hidden;}
.top_cate01 { }
#header .section3 .top_cate01 ul li {text-align: center;border-top: 2px solid #fff;-webkit-transition: all .35s;-moz-transition: all .35s;-ms-transition: all .35s;transition: all .35s;display:inline-block;}
#header .section3 .top_cate01 ul li:first-of-type a { }
#header .section3 .top_cate01 ul li:last-of-type a { }
#header .section3 .top_cate01 ul li a {/*padding: 0 17px;*/height: 43px;line-height: 39px;color: rgb(51, 51, 51);background-position: 0px 25px;background-repeat: no-repeat;font-size: 16px;display: block;text-align: center;box-sizing: border-box;font-weight: 500;}
#header .section3 .top_cate01 ul li:first-child a { background: none; }
#header .section3 .top_cate01 ul li:hover {color: rgb(237, 28, 36); }
#header .section3 .top_cate01 ul li:hover a{color: rgb(237, 28, 36);}
#header .section3 .top_cate02 ul li { float: left; width: 99px; height: 43px; line-height: 55px; border-top: 1px solid rgb(222, 222, 222); border-bottom: 1px solid rgb(222, 222, 222); }
#header .section3 .top_cate02 ul li:first-child { border-left: 1px solid rgb(222, 222, 222); }
#header .section3 .top_cate02 ul li a { color: rgb(255, 255, 255); background-color: rgb(51, 53, 61); text-align: center; height: 43px; line-height: 55px; font-size: 15px; display: block; font-weight: 300; }
#header .section3 .top_cate02 ul li:first-child a { color: rgb(255, 255, 255); background-color: rgb(237, 28, 36); }
#header .section3 #all_cate_area { display: none; z-index: 2222; position: absolute; top: 43px; left: -1px; border: 1px solid rgb(237, 28, 36); width: 999px; box-sizing: border-box; margin: 0px; font-size: 0px; background-color: rgb(255, 255, 255); }
div#all_cate_area { }
#header .section3 #all_cate_area .cate_1 { clear: both; }
#header .section3 #all_cate_area .cate_1 ul li { box-sizing: border-box; }
#header .section3 #all_cate_area .cate_1 ul li.a_sub_title a {font-size: 14px;color: rgb(0, 0, 0);display: block;width: 100%;text-align: left;font-weight: 600;padding: 10px 0px 9px;}
#header .section3 #all_cate_area .cate_1 .a_sub_cate { position: relative; }
#header .section3 #all_cate_area .cate_1 .a_sub_cate a { font-size: 14px; color: rgb(102, 102, 102); text-align: left; line-height: 22px; display: block; }
#header .section3 #all_cate_area .cate_1 .a_sub_cate a.sub_mouse_hover, #header .section3 #all_cate_area .all_cate_section01 .a_sub_cate a:hover { color: rgb(0, 0, 0); }
#header .section3 #all_cate_area .cate_1 .a_sub_cate .sub_cate_on_arrow { position: absolute; top: 50%; right: 5px; background: url("/design/d4-0707/0724millrain/sub_cate_on.png") no-repeat; z-index: 20; width: 5px; height: 8px; margin-top: -4px; transition: transform 150ms ease-out 0s; }
#header .section3 #all_cate_area .cate_1 .a_sub_cate .sub_cate_on_arrow.rotateon { transform-origin: 50% 50%; transform: rotate(180deg); }
#header .section3 #all_cate_area .cate_1 .a_sub_cate .all_cate_sub { display: none; position: absolute; top: -5px; left: 100%; z-index: 21; width: 104px; background-color: rgb(255, 255, 255); border: 1px solid rgb(119, 119, 119); padding: 5px 10px; border-radius: 5px; }
#header .section3 #all_cate_area .cate_1 .a_sub_cate .all_cate_sub > li { height: 24px; width: 104px; margin: 0px; }
#header .section3 #all_cate_area .cate_1 .a_sub_cate .all_cate_sub > li > a { text-align: left; display: block; line-height: 24px; height: 24px; font-size: 12px; color: rgb(119, 119, 119); padding: 0px; margin: 0px; text-indent: 0px; }
#header .section3 #all_cate_area .cate_1 .a_sub_cate .all_cate_sub > li > a:hover { color: rgb(51, 51, 51); }
#header .section3 #all_cate_area .all_cate_section02 { height: 49px; width: 1198px; clear: both; }
#header .section3 #all_cate_area .all_cate_comm { width: 1198px; background-color: rgb(240, 240, 240); float: left; text-align: left; height: 49px; border-top: 1px solid rgb(221, 221, 221); }
#header .section3 #all_cate_area .all_cate_comm a { font-size: 14px; color: rgb(51, 51, 51); padding: 15px; line-height: 49px; height: 49px; font-weight: 400; }
#header .section3 #all_cate_area .all_cate_comm a:first-child { padding-left: 22px; }
.left_menu_absolute { position: absolute; left: 50%; margin-left: -601px; z-index: 10; }
#left_menu { margin: 0px; padding: 20px 0px 0px; background-color: rgb(51, 53, 61); width: 200px; min-height: 500px; opacity: 0.9; }
#left_menu > li { padding: 0px; text-align: left; position: relative; display: inline-block; float: left; height: 44px; }
#left_menu > li > a { width: 200px; display: block; color: rgb(255, 255, 255); font-size: 14px; line-height: 36px; text-indent: 20px; font-weight: 300; }
#left_menu > li:first-child { display: none; }
#left_menu > li .mouse_hover, #left_menu > li > a:hover { background-color: rgb(0, 0, 0); }
#left_menu > li .sub1 { background-color: rgb(255, 255, 255); display: none; position: absolute; top: 0px; left: 100%; z-index: 20; width: 140px; border: 1px solid rgb(233, 233, 233); padding: 0px; }
#left_menu > li .sub1 > li { position: relative; height: 36px; }
#left_menu > li .sub1 > li .sub_cate_on_arrow { position: absolute; top: 50%; right: 5px; background: url("/design/esdongsuh/0722rednine/sub_cate_on.png") no-repeat; z-index: 20; width: 5px; height: 8px; margin-top: -2px; transition: transform 150ms ease-out 0s; }
#left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon { transform-origin: 50% 50%; transform: rotate(180deg); }
#left_menu > li .sub1 > li > a { text-align: left; display: block; border-top: 1px solid rgb(234, 234, 234); line-height: 36px; height: 36px; font-size: 12px; color: rgb(102, 102, 102); padding: 0px 0px 0px 10px; margin: 0px; }
#left_menu > li .sub1 > li > .sub_mouse_hover, #left_menu > li .sub1 > li > a:hover { color: rgb(68, 68, 68); background-color: rgb(245, 245, 245); text-decoration: none; }
#left_menu > li .sub1 > li:first-child > a { border: 0px; }
#left_menu > li .sub1 > li .sub2 { display: none; position: absolute; top: -10px; left: 100%; z-index: 21; width: 130px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); padding: 10px 5px; border-radius: 5px; }
#left_menu > li .sub1 > li .sub2 > li { height: 36px; }
#left_menu > li .sub1 > li .sub2 > li > a { text-align: left; display: block; border-top: 1px solid rgb(234, 234, 234); line-height: 36px; height: 36px; font-size: 12px; color: rgb(102, 102, 102); padding: 0px 0px 0px 10px; margin: 0px; }
#left_menu > li .sub1 > li .sub2 > li > a:hover { color: rgb(68, 68, 68); background-color: rgb(245, 245, 245); text-decoration: none; }
#left_menu > li .sub1 > li .sub2 > li:first-child > a { border: 0px; }
.left_brand a { color: rgb(255, 255, 255); font-size: 14px; width: 200px; height: 40px; line-height: 40px; text-align: left; background-color: rgb(0, 0, 0); display: block; text-indent: 20px; }
.right_ban_area a { margin: 20px 0px 0px; padding: 0px; display: block; }
.right_ban_area img { border: 1px solid rgb(222, 222, 222); }
@media only screen and (max-width: 1220px) {
  .left_menu_absolute { position: absolute; left: 0px; margin-left: 0px; z-index: 10; }
  .g-con-wrap { display: none; }
}
@media only screen and (max-width: 1600px) {
  .g-con-wrap { display: none !important; }
}
.category__icon { display: inline-block; position: relative; width: 34px; height: 31px; margin-right: 22px; background-image: url("/design/esdongsuh/2022renewal/PC/header_icons.png"); background-repeat: no-repeat; }
.category__icon:last-of-type { margin-right: 0px; }
.category__icon--login { background-position: -2% 50%; }
.category__icon--mypage { background-position: 53% 50%; }
.category__icon--basket { background-position: 108% 50%; }
span.cagetgory__basket-cnt { width: 17px; height: 16px; border-radius: 16px; position: absolute; left: 37%; top: 20px; color: rgb(237, 28, 36); text-align: center; font-size: 11px; line-height: 16px; font-weight: 600; transform: translate(-50%, -50%); }
.search-box { width: 200px; height: 43px; padding: 0px 15px; box-sizing: border-box; position: relative; }
.search-slider { width: 180px; height: 43px; overflow: hidden; }
.search-slider .swiper-slide > a { display: flex; line-height: 43px; }
.search-slider .swiper-slide a > span.rank { display: inline-block; width: 15px; font-size: 14px; letter-spacing: normal; color: rgb(51, 51, 51); margin-right: 8px; vertical-align: middle; text-align: center; }
.search-slider .swiper-slide a > span.keyword { max-width: 100px; margin-right: 8px; text-overflow: clip; white-space: nowrap; overflow: hidden; vertical-align: middle; display: inline-block; font-size: 14px; color: rgb(51, 51, 51); }
button.more-view { position: absolute; top: 50%; right: 0; transform: translate(0%, -50%); background-repeat: no-repeat; background-position: 93% 50%; background-size: 11px 7px; background-image: url("/design/esdongsuh/2022renewal/PC/b_arrow.png"); border: none; cursor: pointer; z-index: 999; background-color: rgba(0, 0, 0, 0); /* padding: 10px; */ box-sizing: initial; width: 200px;height: 43px;}
.search-detail { display :none; position: absolute; top: 43px; left: -1px; overflow: hidden; width: 201px; border: 1px solid rgb(212, 0, 28); background: rgb(255, 255, 255); z-index: 999999; }
.search-detail .detail-wrapper {min-height : 401px; box-sizing :border-box;position: relative;padding: 10px 15px;}
.search-detail .title {font-size: 14px;font-weight: 600;color: rgb(51, 51, 51);line-height: 1.47;padding: 8px 0 8px;border-bottom: 1px solid rgb(212, 0, 28);text-align: left;margin: 0px !important;}
h2.title { }
.search-detail .detail-item-wrapper { display: flex; justify-content: space-between; position: relative; }
.search-detail .detail-item-wrapper .detail-item { display: inline-block; }
.search-detail .detail-item-wrapper .detail-item .item__title { height: 44px; padding: 13px 16px; border-bottom: 1px solid rgb(238, 238, 238); }
.search-detail .detail-item-wrapper .detail-item .item__title span { font-size: 12px; line-height: 1.75; letter-spacing: -0.2px; color: rgb(51, 51, 51); }
.search-detail .detail-item-wrapper .detail-item .item__list-wrapper {padding: 14px 0px 0px;}
.search-detail .detail-item-wrapper .detail-item .item__list-wrapper li {margin-bottom: 16px;}
.search-detail .detail-item-wrapper .detail-item .item__list-wrapper li:last-of-type { margin-bottom: 0px; }
span.icon__wrap { font-weight: 400;font-size: 14px;display:none;}
span.icon__wrap span.up-icon { color: rgb(255, 0, 34); }
.detail-item .item__list-wrapper span.keyword { display: block; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: horizontal; overflow: hidden; /*text-overflow: ellipsis; */margin-right: 13px;width: 122px; }
.detail-item .item__list-wrapper .rank {text-align: center; font-weight: 600; width: 15px; margin-right: 8px; }
.detail-item .item__list-wrapper .rank, .detail-item .item__list-wrapper span.keyword { font-size: 14px; color: rgb(51, 51, 51); }
.search-detail .detail-item-wrapper .detail-item .item__list-wrapper li a { display: flex; position: relative; transition: initial; }
.search-detail button.close {position: absolute;top: 17px;right: 11px;width: 11px;height: 11px;background: url("/design/esdongsuh/2022renewal/PC/close.png") center center / 11px 11px no-repeat;font-size: 0px;border: none;cursor: pointer;padding: 10px;}
.search-slider .swiper-slide a > span.icon, .detail-item .item__list-wrapper .icon { }
#header.fixed .category-btm__button {display: inline-block;left: calc(50% - 60px);}
.category-btm {display:none!important; width: 100%;min-width: 1200px;height: 94px;background-image: url("/design/esdongsuh/2022renewal/PC/category_btm01.jpg");background-position: 50% 0;box-sizing: border-box;}
ul.category-btm__list {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 height: 94px;
 }
.category-btm__wrapper { width: 1200px; margin: 0px auto; }
.category-btm__wrapper { }
li.category-btm__item {width: 400px;/* height: 108px; *//* padding: 30px 0px; */box-sizing: border-box;position: relative;}
li.category-btm__item:last-of-type { margin-right: 0px; }
.category-btm__txt > h3, .category-btm__txt > p {color: rgb(255, 255, 255);font-weight: 500;font-size: 16px;}
.category-btm__txt > p {font-size: 38px;font-weight: 600;margin-right:8px;}
.category-btm__txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 25px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* line-height: 100%; */
    /* height: 100%; */
    top: 50%;
    webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.category-btm__txt>img {
                             position: absolute;
                             right: 25px;
                             bottom: -5px;
}
li.category-btm__item > a {width: 100%;height: 100%;display: block;position: absolute;top: 0px;left: 0px;z-index: 1;}
.category-btm__button {border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;width: 120px;height: 26px;text-align: center;margin: 0px auto;color: rgb(255, 255, 255);cursor: pointer;/* border-left: 10px solid transparent; *//* border-right: 10px solid transparent; */border-top: 26px solid rgb(204, 0, 27);box-sizing: border-box;position: absolute;display: none;}
.category-btm__button > i {font-size: 18px;vertical-align: sub;position: relative;top: -22px;}
.category-btm__button > span {position: relative;top: -22px;}


/* BASIC css end */