/* BASIC css start */
body {font-family: "Noto Sans KR" , "Poppins",  sans-serif; }
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}


/* Noto Sans KR 웹폰트 가져오기 morenvy.com */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(https://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(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(https://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(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }


/* 각 페이지 상단 타이틀 */
#contents .h_title,
.page_location { height:20px; line-height:20px; border-top:0; border-bottom: 1px solid #e3e3e3; font-size:13px; font-weight:500; background-size:14px; padding:10px 15px;}

/* 카테고리 검은색배경 전체적으로 변경 */
#mask {top:0px !important;}

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

/* 서브 셀렉트 버튼 색상변경 */
.btn_Red {background-color:#222 !important;border:1px solid #222 !important;}

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


/* 상품진열 */
.list_shopping2x {text-align:center;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 15px;  text-align:left; font-size:0;}
.list_shopping2x li a {display: block; padding:0 2px 25px 2px;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {margin-top:10px; text-align:left; font-size:12px;}
.list_shopping2x li {width:48%; margin: 0 1% 2%; display:inline-block; vertical-align: top;text-align: left;  }
.list_shopping2x figure {position:relative;}

.listName { display: block; font-size:12px; border-bottom: 1px solid #eaeaea; padding: 0px 0px 10px; margin-bottom: 10px; font-weight:normal; }
.desc { font-size: 11px; margin: 0px; color: #999; line-height: 16px; font-weight:400; margin-bottom:6px;}
.custom {color:#999; text-decoration:line-through;}
.listicon {margin-top:8px;}
.listicon .MK-product-icons img {width:auto !important;}

.list_shopping2x .text-sale {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0px;
    width: 34px;
    height: 34px;
    background-color: #222;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.5px;
    text-align: center;
    line-height: 34px;
    font-family: "Poppins","Noto Sans KR",sans-serif;
    font-weight: 500;
    box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);
 }
/* //상품진열 */

@media screen and (min-width:420px) and (max-width:767px) {
    /* 상품진열 */
    .list_shopping1x li {width:100%;}
}

@media screen and (min-width:768px) {
    /* 상품진열 */
    .list_shopping1x li {width:100%;}
}


/* 상단 배너 */
#header .top_ban {position:relative;}
#header .top_ban img {width:100%;}
#header .top_ban .top_close {width:6%;  position:absolute; top:0px; right:0px;}
#header .top_ban .top_close img {width:100%;}

/* 스크롤후 상단 메뉴 스타일 */
#comment_top.fixed {width:100%; position:fixed; top:0px; left:0px; z-index:2222; background-color:#fff; border-bottom:1px solid #eaeaea;}

#header { margin:0px;  padding:0px; position:relative;}
#header .cate_section {height:48px; position:relative; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#header .cate_section .swiper_top {width:100% !important; margin:0 auto; }
#header .cate_section .swiper-button-disabled {opacity:0 !important; }
#header .cate_section .swiper_top .first {margin-left:15px !important;}
#header .cate_section .swiper_top .swiper-slide {width:auto; margin-right:20px; background:transparent;}
#header .cate_section .swiper_top .swiper-slide a {height:48px; color:#222; font-size:13px;  line-height:48px; font-family:"Poppins","Noto Sans KR",sans-serif; font-weight:500;}

#header .header_section02 {position:relative; font-size:0px;}
#header .header_section02 .top_logo {line-height:65px; text-align:center; font-size:0px;}
#header .header_section02 .top_logo img {height:22px; vertical-align:middle;}
#header .header_section02 .top_cate {position:absolute; line-height:65px; top:0px; left:15px; font-size:0px; cursor:pointer;}
#header .header_section02 .top_cate img {height:20px; vertical-align:middle;}
#header .top_search_btn {position:absolute; top:2px; right:45px; line-height:65px; cursor:pointer;}
#header .top_search_btn img {height:20px; vertical-align:middle; }
#header .top_search {background-color:transparent; border:0px ;padding:0 ;}
#header .top_cart  {position:absolute; line-height:65px; right:16px; top:1px;}
#header .top_cart  img {height:20px; vertical-align:middle; }
#header .cart_count {position: absolute; top:16px; left:3px; display: block; line-height:25px; width:16px; height:20px; color:#000; font-size:12px; text-align:center; letter-spacing:-1px; font-family:"Poppins","Noto Sans KR",sans-serif;}

#header .search {height:42px; position:relative; left:0; right:0; background-color:#e5e5e5; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:95%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#222; position:absolute; top:0; right:0; color:#fff; text-align:center;}


/* 카테고리 */
aside {position:fixed; width:75%; height:100%; top:0px; left:0; bottom:0; padding:4%; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .top_logo {vertical-align:middle; text-align:center; font-size:0px; padding:20px 0px 30px;}
aside .top_logo img {height:30px;}
aside .section ul {padding:0;margin:0;}
aside .section li {float:right; border:1px solid #eaeaea; width:48%;}
aside .section li:first-child {float:left; border:1px solid #222;}
aside .section li a { color:#333; line-height:36px; height:36px;  font-size:12px; display: block; text-align:center;}
aside .section li.login {background-color:#000;}
aside .section li.login a {color:#fff;}

/* 슬라이드 닫기  */
.close { position:absolute; top:15px; right:15px !important; z-index:9999 !important; }
.close img {height:15px;}

/* 슬라이드 메뉴  */
.slide_menu {margin-top:30px;}
.slide_menu ul li {float:left; width:25%; text-align:center; padding:12px 0px; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing:border-box;} 
.slide_menu ul li:first-child {border-left:1px solid #eaeaea;}
.slide_menu ul li img {text-align:center; height:18px; }
.slide_menu ul li p {display:block; padding-bottom:5px;}
.slide_menu ul li a {color:#333; font-size:11px; letter-spacing:-0.3px; line-height:1;}
.slide_menu .menu_2nd li {border-bottom:1px solid #eaeaea;}

.side_cs {margin:30px 0px; font-family:"Poppins","Noto Sans KR",sans-serif;}
.side_cs_title {color:#222; border-bottom:1px solid #eaeaea; line-height:1; font-size:12px; text-align:left; padding:0px 0px 15px; text-indent:10px;}
.side_cs_txt01 {text-align:left; color:#222; font-size:15px; padding:15px 0px 0px 10px; line-height:1}
.side_cs_txt02 {text-align:left; color:#888; font-size:12px; padding:10px 0px 0px 10px;line-height:1.4}
.side_btn {text-align:center; }
.side_btn ul li {display:inline-block; margin:0px 0%; width:49%; }
.side_btn ul li a {font-size:12px; letter-spacing:-0.5px; color:#fff;  display:block; height:35px; line-height:35px;  background-color:#222; font-weight:500; font-family:"Poppins","Noto Sans KR",sans-serif;}
.side_btn ul li a.first {background-color:#ddd; color:#000; }
.side_copy {text-align:left; font-family:"Poppins","Noto Sans KR",sans-serif; padding:25px 0px 50px; color:#888;}


aside nav li {border-bottom:1px solid #eaeaea; position:relative;}
aside nav li a {display: block; height:40px; line-height:40px; padding:0 0 0 10px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 40px; line-height:40px;}

aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #eaeaea;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 20px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #eaeaea;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#ab3e41; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #eaeaea;}
aside .section2 {border:1px solid #eaeaea; border-top:0px; border-bottom:0; margin-top:30px;}
aside .section2 .asideTop {background-color:#fafafa;font-size:0;}
aside .section2 .asideTop a { background-color:#fff; width:50%; line-height:40px; text-align:center; display: inline-block; font-size:12px; color:#999; border-left:1px solid #eaeaea; border-bottom:1px solid #222; border-top:0;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box; box-sizing:border-box; border-top:1px solid #eaeaea; }
aside .section2 .asideTop a:first-child {border-left:0;}
aside .section2 .asideTop a.act {color:#000; border-bottom:1px solid #fff;background-color:#fff;color:#000; border-top:1px solid #222; border-left:1px solid #222; border-right:1px solid #222;}

.btn_moreGray {width:90%; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}

/* 최근 본 상품 */
#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;}
/* //최근 본 상품 */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}
/* BASIC css end */