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


li.info-date {
    color: #03c;
    font-size: 12px;
    margin-bottom: 8px;
}


/* remind product */
#remind-popup .remind-contents .item-slide-box .swiper-slide a .img img {
    height : unset!important;
    width : 100px!important;
    max-width: 100%!important;
}

#remind-popup .remind-contents .item-slide-box .swiper-slide a .img {
    height: 186px;
}
/* remind product */
.header-top {/* height: 55px; */}
.header-top.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 18;}
.header-top__bannder {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;background-color: #cc001b;padding: 16px 14px;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

.header-top__bannder>span {border-radius: 10px;background-color: #333;color: #fff;padding: 3px 10px;font-size: 13px;}

.header-top__bannder>h2 {font-size: 16px;color: #fff;}

.header-top__bannder>i {color: #fff;font-size: 14px;}
.header-top__banner-box {/* display :none; */ position: relative;width: 100%;z-index: 18;top: 0px;left: 0;}

ul.header-top__banner-list {/* display :none; */background-color: #cc001b;font-size: 0;box-sizing: border-box;/* padding: 0px 14px; */position: relative;}
.header-top__banner-bg {display :none;height: 100vh;
    background-color: #0009;}
ul.header-top__banner-list.js-banner-list {visibility: hidden;}
li.header-top__banner-item {display: inline-block;/* height: 63px; */font-size: 14px;width: calc((100% / 4) - 0px);position: relative;text-align: center;vertical-align: middle;box-sizing: border-box;margin-right: 15px;border-radius: 7px;padding: 10px 0;margin: 0;line-height: 1.3;}
li.header-top__banner-item>a {width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;}
li.header-top__banner-item:nth-of-type(2)>img {
    width: 28%;
max-width:55px;
}
li.header-top__banner-item:last-of-type {margin-right: 0;}
    li.header-top__banner-item:not(li:last-of-type):after {content: "";width: 1px;height: 100%;position: absolute;right: 0;top: 0;background-color: #d05262;display: none;}
li.header-top__banner-item>img {width: 30%;margin-right: 10px;vertical-align: bottom;margin-bottom: 4px;max-width:60px;}
li.header-top__banner-item:first-of-type>img {width: 34%;/* margin-bottom: 1px; */max-width:65px;}
li.header-top__banner-item:last-of-type>img {
    /* height: 38px; */
    width: 28%;
    /* margin-bottom: 3px; */
}
.header-top__banner__txt>p {font-size: 12px;font-weight: 600;}

.header-top__banner__txt {color: #fff;/* line-height: 1.1; */text-align: left;display: inline-block;}

.header-top__banner__txt>h3 {font-size: 10px;display: none;}

.header-top__banner-line {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0px;
    box-sizing: border-box;
}

.header-top__banner-line>span {
    width: calc((100% / 3) - 0px);
    display: inline-block;
    height: 100%;
    border-radius: 1px;
    border-right: 1px solid #ffc7ce;
}

.header-top__banner-line>span:last-of-type {
    visibility: hidden;
}

@media screen and (max-width:411px) {
	.header-top__bannder>span{
    font-size: 12px;
    }
    .header-top__bannder>h2{
    font-size: 15px;
    }
}


.nav__category {/* border-top: 1px solid #ddd; */border-bottom: 1px solid #ddd;padding: 0 14px;overflow: hidden;background-color: #fff;visibility: hidden;}

ul.nav__category-list {font-size: 0;line-height: 100%;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

ul.nav__category-list>li {display: inline-block;width: auto;padding-right: 20px;line-height: 100%;}
ul.nav__category-list>li:last-of-type {padding-right: 0;}
ul.nav__category-list>li>a {font-size: 16px;line-height: 100%; color:#000;padding: 17px 0 15px;display: inline-block;border-bottom: 2px solid transparent;}
ul.nav__category-list>li.sel-cate>a {font-weight: 600;color: #f02;}
ul.nav__category-list>li.sel-cate a{border-bottom: 2px solid #f02;}
/*상단 네비 고정*/
header#header.fixed .fix-wrapper{
position: fixed;
top: 0px!important;
left: 0;
z-index: 11;
width: 100%;
}
header#header.fixed .section2.fixed {position: fixed;
    top: 0;
    left: 0;
    z-index: 17;
    width: 100%;background-color: #fff;}
header#header.fixed .fix-wrapper li.category_box {
    border-top: none!important;
}

.search  a{ color:#000; position:relative;}
.search  a img{width: 18px;}
.search i{font-size:14px;line-height:36px;text-align:center; color:#5b5b5b; *color:#bcbab8; transition: .1s ease-in-out;}
.search i{color:#bdbdbd;}

.label_name {    
    position: absolute;
    /* z-index: -2; */
    left: 0;
    right: 4px;
    text-align: center;
    width: 100%;
    bottom: 0px;
    line-height: 1;
    height: 40px;
    line-height: 49px;
    color: #bdbdbd;
    cursor: text;
    font-weight: 300;}
.con_pop .close_pop{position:absolute;}
.srchArea {display:none; position:fixed; left:0; right: 0;top: 0;bottom: 0;background-color: rgba( 000, 000, 000, 0.5 ); width: 100%;height: 100%;z-index: 201; }
.search { width: 100%;  left: 0;position: absolute;
  z-index: 22;background-color: #0009;}
.search__wrap>.searchBox {display : none;position: relative;background-color: #fff;border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #838383;overflow: hidden;}
.searchBox>form {padding: 8px 14px 18px;border-top: 1px solid #ddd;}
.search-bg {display:none;height: 100vh;
    }

.search fieldset { width:100%;  text-align:center; }
.search input {width: 100%; height: 40px;  line-height: 48px;background: #fff;  color:#000;border-bottom: 1px solid #cc001b!important; font-size: 15px;padding: 0 15px;box-sizing: border-box;border: none;outline: none;border-radius: 0;}
.search .btn_search { font-size: 19px; display: inline-block;position: absolute;right: 14px;top: 50%;margin-top: -15px;}
.search .searchClose { display: block;margin: 14% 0 3%;font-size: 40px; text-align:center  }

/* 최상단배너 */
.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; }

.slider4 .slick-slide{padding:0 !important; overflow:hidden !important;}
.header_top .slick-dotted.slick-slider{margin-bottom:0 !important;}
.slick-prev, .slick-next{display:none !important;}
.slick-dots{display:none !important;}
/* 170721 morenvy */
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}

/* 각 페이지 상단 타이틀 */
#contents .h_title,
.page_location {background: url('/design/esdongsuh/mobile_rednine/sub_icon.gif') no-repeat 5px 8px;padding-left:25px; height:20px; line-height:20px;border-top:0;border-bottom: 1px solid #e3e3e3;font-weight:bold; background-size:14px;}

/* 카테고리 검은색배경 전체적으로 변경 */
.mask { display:none; position:fixed; bottom:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=40); z-index:990 }
#asideMenu { position:fixed; top:0; left: -100%; max-width: 500px;width: 100%; height:100%;  background:#fff; z-index:9999; overflow-y:auto; overflow-x:hidden;      box-sizing: border-box;      }
#asideClose { position: absolute; top: 14px; right: 14px;      cursor:pointer; z-index:9999 ;/* text-align: center; */font-size: 24px;}

/* 상품 더보기 하단 여백 */
#container .more {margin-bottom:15px;}

/* 상품 하단 여백 */
.list_shopping3x li,
.list_shopping2x li {margin-bottom:7px;position: relative;}

.list_shopping2x li img.listPic, 
.list_shopping3x li img.listPic {width:90%;padding:5%;}

.list_shopping3x .list_shoppingInfo,
.list_shopping2x .list_shoppingInfo {margin:0;padding:10px;text-align:center;}

.list_shopping3x li a,
.list_shopping2x li a {padding:0;margin:0;}

.list_shopping1x li a,
.list_shopping1x li:first-child a {padding:10px;}
.list_shopping1x .list_shoppingInfo {padding-top:4%;}
.custom {margin-top:3px;text-decoration:line-through;font-size:11px;color:#777;}
.listPrice {font-size:14px;color:#222;font-weight:bold;}
.desc {font-size:12px;color:#777;margin-top:3px;}
.displaynone {display:none;}

/* 서브 셀렉트 버튼 색상변경 */

/* 갤러리 게시판 배경 흰색 */
#gallery-list .item {background-color:#fff;}

.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

#header { z-index : 100; margin:0px;padding:0px;position:relative;}
#header .top_banner img {width:100%;}
#header .section { height:34px;  border-bottom:1px solid #e9e9e9; background-color:#fff;}
#header .section li {float:left;}
#header .section li.login {border-right:1px solid #e9e9e9; float:right; position: relative;}
#header .section li > a { color:#777; line-height:34px; font-size:12px; display:block;float:left; padding:0 10px; letter-spacing:-0.5px;}
#header .section li.top_comm a {background-color:#fff !important; display:block; height:34px; text-align:center; padding:0 15px; border-right:1px solid #e9e9e9; border-bottom:1px solid #fff;}
#header .section2 {background-color:#fff;position:relative; box-sizing: border-box;width: 100%;border-bottom: 1px solid #ddd;}
#header .section2>.section2__wrap {padding: 10px 14px;display: inline-block;width: 100%;box-sizing: border-box;}

#header .section2 .top_left {vertical-align:middle;float:left;min-height: 38px;}
#header .section2 .now-page-box>a {line-height: 100%;display: inline-block;vertical-align: top;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
#header .section2 .top_left img.top_logo {height: 50px; vertical-align:middle;}
#header .section2 .now-page-box img.top_back {height: 18px;margin-right: 15px;}
#header .section2 .right_sec {position:absolute; top: 50%;right: 14px;webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);}
#header .section2 .right_sec .area_search {float:left; /*border-bottom:2px solid #ed1c24;*/}
#header .section2 .right_sec .area_search .txt {float:left;width:70%;padding:0; margin:0;font-size:12px;border:0;}
#header .section2 .right_sec .area_search .txt input {width:100%;border:0; padding:0;height:30px;margin: 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#header .section2 .right_sec .area_search .sabtn2 {float:right;background-color:#fff;padding:0;margin:0;font-size:0;text-align:right;}
#header .section2 .right_sec .area_search .sabtn2 img {height: 23px;vertical-align: middle;}
#header .section2 .right_sec .area_basket {float:left; margin-left: 15px;position: relative;line-height: 100%;}
#header .section2 .right_sec .area_basket img {height: 25px;}
#header .section2 .right_sec .area_basket>a {display: block;}
#header .section2 .right_sec .area_basket .cart_count{
       position:absolute; top: 65%; left: 50%; width:22px; height:16px; line-height:16px;
         font-size: 11px;text-align:center; color: #f02;
webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);font-weight: 600;}

#header .section4 ul {font-size:0;}
#header .section4 ul li {background:#fff;display:inline-block;text-align:center;height:40px;width:25%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#header .section4 ul li a {font-size: 12px;color:#000;text-align:center;line-height: 39px;display:block;}



/* 카테고리 */
h2.asideMenu__title {font-size: 15px;color: #000;padding: 25px 14px 14px;}
.asideMenu__top {padding: 17px 14px;position: relative;line-height: 100%;}
.asideMenu__top>a.logout-btn {text-align: center;border: 1px solid #ddd;padding: 8px 12px;border-radius: 5px;font-size: 14px;display: inline-block;margin-left: 10px;box-sizing: border-box;color: #666;}
.asideMenu__top>span>a {font-size: 17px;color: #000;line-height: 30px;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.asideMenu__top>span>a>i {font-size: 10px;margin-left: 5px;}
.asideMenu__top>span {display: inline-block;line-height: 30px;vertical-align: top;}
ul.user-content__list {font-size: 0;padding: 17px 0;border-top: 1px solid #ddd;border-bottom: 8px solid #f5f5f5;}
ul.user-content__list>li {display: inline-block;font-size: 12px;
color: #000000;
text-align: center;width: 25%;box-sizing: border-box;vertical-align: middle;}
ul.user-content__list>li>a {font-size: 12px;color: #000;display: block;}
ul.user-content__list>li>a>img {width: 22%;height: 25px;margin-bottom: 8px;}
ul.user-content__list>li:first-of-type>a>img {width: 20%;}
ul.user-content__list>li:not(li:last-of-type) {border-right: 1px solid #ddd;}

ul.buisness-content__list {font-size: 0;background-color: #cb001b;padding: 10px 14px;}

ul.buisness-content__list>li {color: #fff;display: inline-block;vertical-align: middle;width: calc((100% /3) - 10px);text-align: center;box-sizing: border-box;border-radius: 7px;
filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.2));
background-color: #8c0000;padding: 10px 0;height: 88px;}

ul.buisness-content__list>li>a {display: block;color: #fff;font-size: 12px;line-height: 1.1;font-weight: 500;}
ul.buisness-content__list>li:first-of-type>a>img {width: 24%;}
ul.buisness-content__list>li>a>img {width: 30%;height: 35px;margin-bottom: 5px;}

ul.buisness-content__list>li:not(li:last-of-type) {/* border-right: 1px solid #d05262; */margin-right: 15px;}

ul.side-categoryt__list {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;border: 1px solid #ddd;border-bottom: 8px solid #f5f5f5;box-sizing: border-box;}

ul.side-categoryt__list>li {width: 33.33%;text-align: center;box-sizing: border-box;}

ul.side-categoryt__list>li:not(li:nth-of-type(3n)) {border-right: 1px solid #ddd;}

ul.side-categoryt__list>li>a {display: block;font-size: 12px;color: #000;padding: 15px 0;}

ul.side-categoryt__list>li>a>img {width: 23%;height: 40px;margin-bottom: 10px;}
ul.side-categoryt__list>li:nth-of-type(1)>a>img {width: 19%;}

ul.side-categoryt__list>li:nth-of-type(3)>a>img {width: 28%;}
ul.side-categoryt__list>li:nth-of-type(4)>a>img {width: 28%; height: 38px; padding-top: 2px;}
ul.side-categoryt__list>li:not(li:nth-last-of-type(-n + 3)) {border-bottom: 1px solid #ddd;}



ul.side-service__list {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;border-top: 1px solid #ddd;}

ul.side-service__list>li {width: 50%;box-sizing: border-box;}

ul.side-service__list>li:nth-of-type(odd) {border-right: 1px solid #ddd;}

ul.side-service__list>li:not(li:nth-of-type(-n+2)) {border-top: 1px solid #ddd;}
ul.side-service__list>li>a {font-size: 12px;color: #000;display: block;padding: 14px;}
.asideMenu__btm {background-color: #f5f5f5;text-align: center;font-size: 14px;color: #000;}
.asideMenu__btm>a {display: block;padding: 20px 14px;}
.asideMenu__top>span>a>img {margin-right: 5px;}
.asideMenu__btm>a>i {font-size: 11px;margin-left: 8px;color: #000;}

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */





/* input checkbox css */

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    cursor : pointer;
}
input[type="checkbox"]:before {
    content: "";
    width: 20px;
    height: 20px;
    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/MB/mb_checkbox_on.svg);
    background-repeat : no-repeat;
    background-position : 50% 50%;
    background-color: #000;
    border: 1px solid #000;
background-size: 12px;}
/* 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 {
        background-image: url(/design/esdongsuh/2022renewal/MB/mb_radio_btn_on.svg);
    background-size: 10px;background-repeat : no-repeat;
    background-position : 50% 50%;
    border: 1px solid #333;
}
/* input radio css */

/* 슬라이드 공통*/
.swiper-button-next:after, .swiper-button-prev:after{display :none;}
.swiper-slide>a>img{width : 100%;}
.swiper-button-next, .swiper-button-prev {
    background-image: none;
}
.swiper-pagination.swiper-pagination-progressbar {
    width: 66px;
    position: static;
    margin: 25px auto 0;
    background-color: #ebebeb;
    border-radius: 100px;
    overflow: hidden;
height: 3px;}


.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;
    
}


.now-slide {
    font-size: 11px;
    margin-left: 5px;
    color: #fff;
}
.total-slide {
    margin-right: 5px;
    font-size: 11px;
    color: #888;
}
.slash-icon {
    color: rgb(85, 85, 85);
}
.swiper-button-prev.arrow__ver2,.swiper-button-next.arrow__ver2 {
    
    
    width: 26px;
height: 26px;
border-radius: 2px;border: 1px solid rgb(255, 0, 34);
    
    color: rgb(255, 0, 34);
    font-size: 14px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    
    
    box-sizing: border-box;
    opacity: 1;
    cursor: pointer;
    pointer-events: fill;
webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);margin-top: 0;display: inline-block;line-height: 26px;}
.swiper-button-prev.arrow__ver2 {
    left: 14px;
padding-right: 2px;}

.swiper-button-next.arrow__ver2 {
    right: 14px;
padding-left: 2px;}

/* 슬라이드 공통 */


/* 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 { 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; }
}
/* select 화살 없애기 */
select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
   padding : 0px 40px 0px 14px;
   outline : none;
}
select::-ms-expand{
   display:none;/*for IE10,11*/
}
select {
   background: url(/design/esdongsuh/2022renewal/PC/select_arr.png) no-repeat calc(100% - 14px) 50%/10px auto;
}
/* 화살표 회전 */
.rotate {
    webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);

}
/* none scroll */
.none-scroll{overflow: hidden;}

/* 고객센터 공통 css */
.page-body {
	position:relative;
	/* margin-bottom:115px; */
}
.page-body__wrap {
	}
h3.cs-main-tit {
    margin-bottom: 35px;
    font-size: 26px; color: rgb(0, 0, 0);
    text-align: left;
    }
    
    .bbs-tit { margin: 0px; }
.bbs-sch { text-align: center;  margin-bottom: 30px; border-radius: 10px; box-sizing: border-box; padding: 0 14px; margin-top: 30px; }
.bbs_searchwrap { }
.key-wrap {
    position: relative;
}
.key-wrap a {
    background-image: url("/design/esdongsuh/2022renewal/PC/cs_center_search.png");
    background-size: 17px 17px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    display:inline-block;
    width: 17px;
    height: 17px;
    position:absolute;
    right: 5px;
    top: calc(50% - 18px);
    padding:10px;
}
.bbs-tit { font-size: 12px; padding: 0px; }
.bbs-sch .key-wrap input {box-sizing: border-box;font-size: 14px;color: rgb(153, 153, 153);width: 100%;height: 47px;border-radius: 5px;background-color: rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);padding: 0px 45px 0 14px;margin-right: 0;background-color: #f8f8f8;}
.bbs-sch .key-wrap input::placeholder{color : #999}
.key-wrap a:hover {}
/* 고객센터 공통 css */

/* 영역 구분 css*/
.division--main {
    padding-bottom: 40px;
    border-bottom: 8px solid #f5f5f5;
}
.division {
    padding-bottom: 30px;
    border-bottom: 8px solid #f5f5f5;
    margin-bottom: 30px;
}
.top-logo{display:none;}
.now-page-box { visibility : hidden; position: relative;
    padding: 9px 0;display: inline-block;min-height: 38px;box-sizing: border-box;}

.search-close {
    display :none;
position: absolute;
    top: 50%;
    right: 10px;
    webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);font-size: 25px;color: #000;}
#page-title {font-size: 20px;color: #000;display: inline-block;margin-top: 1px;}
.js-show{visibility: visible!important;}


/* BASIC css end */