/* BASIC css start */
/* 210420 morenvy 준호 */
@charset "utf-8";
.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}

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

#container {min-height: 100% !important; background: #fff; margin:0 !important; padding:0 !important; z-index: 100; position: relative; overflow: hidden; -webkit-transition: 300ms; transition:300ms; backface-visibility: hidden;}
#content {width:100%; margin:0 auto;}
#contents { background-color:#fff; }
body {font-family:'Red Hat Display','Noto Sans KR',sans-serif; font-size: 13px; line-height:1.2em; color: #1b1b1b;}

a, input, button, select {outline:none;}

/* 서브페이지 색상 */
#join .privercy {background-color: #fff;}
.privercy #terms_agree .terms-agree dl {font-size: 12px;}
a.btn_Red {color : #fff; background-color:#3c3c3c !important; border: 1px solid #3c3c3c !important;}
#basket .price-total-info-bottom .txt-price { color: #1a1a1a;}

.h_title {border-top: 0; border-bottom: 1px solid #e9e9e9; position: relative; background-color: #fff; padding: 0;}
.h_title h3 {line-height: 60px; font-size:18px; padding: 0 61px; color: #2e2e2e; text-align:center;}
.h_title h3 a {display:none;}

.mypage .h_title {border-top: 1px solid #464646; border-bottom: 1px solid #464646; padding: 6px 10px;}
.mypage .h_title h3 {font-size: 100%; line-height: 1em; padding: 0; color: #3b3b3b; text-align: left;}

/* 상품진열 */
.list_shopping2x {display: table; table-layout: fixed; width: 100%; box-sizing: border-box; font-size: 0; line-height: 0;}

/* 상품정보 */
.list_shoppingInfo {margin: 15px 0 0; min-height: 10px; line-height: 1em; text-align: left;}
.list_shoppingInfo .listName {margin:  0 0 10px; line-height: 1.3em; display: block; color: #1a1a1a; font-size: 13px; font-weight: 700; overflow: hidden; text-overflow	: ellipsis; white-space: nowrap;}
.list_shoppingInfo .listSubname {margin-bottom: 15px; color: #bbb; font-size: 12px; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.list_shoppingInfo .listPrice {display: inline-block; margin: 0 3px 10px 0; color: #1a1a1a; font-size: 14px; font-weight: 700;}
.list_shoppingInfo .custom {display: inline-block; margin-bottom: 10px; padding-top: 1px; color: #bbb; font-size: 12px;}
.list_shoppingInfo .color {margin: 5px 0 0;}
.list_shoppingInfo .color span {display: inline-block; width: 12px; height: 12px; margin: 0 4px 0 0; border-radius:50%; border: 1px solid #ececec; box-sizing: border-box;}
.list_shoppingInfo  .MK-product-icons {display: block; margin: 10px 0 0 0; }
.list_shoppingInfo  .MK-product-icons img {display:inline-block; width: auto !important; max-width: 100%; vertical-align: middle; padding: 0; margin: 0 4px 0 0;}

/* 세일박스 */
.salebox {display: inline-block;}
.salebox .sale_text {margin-bottom: 10px; padding-right: 2px; color: #ff4000; font-size: 14px; font-weight: 700;}


/* 상단 */
#header {position:relative; width:100%; border-bottom:1px solid #e5e5e5;}

/* 상단섹션01 */
#header .h_sec01 {height:50px; margin-bottom:10px;}
#header .h_sec01 .top_logo {position:absolute; left:20px; top:0px; height:50px; display:flex; justify-content:center; align-items:flex-end;}
#header .h_sec01 .top_logo a img {height:20px; vertical-align:middle;}
#header .h_sec01 .top_right {position:absolute; right:20px; top:0; height:50px; display:flex; justify-content:center; align-items:flex-end;}
#header .h_sec01 .top_all {float:right; margin-right:20px;}
#header .h_sec01 .top_all img {height:17px; vertical-align:middle;}
#header .h_sec01 .top_search {float:right; margin-right:20px;}
#header .h_sec01 .top_search img {height:18px; vertical-align:middle;}
#header .h_sec01 .top_cart {float:right; position:relative;}
#header .h_sec01 .top_cart img {height:20px; vertical-align:middle;}
#header .h_sec01 .top_cart span {display:block; position:absolute; left:11px; top:-2px; width:15px; height:15px; color:#fff; font-size:11px; line-height:15px; text-align:center; background-color:#2a3cf3; border-radius:50%;}

/* 상단색션02 */
#header .h_sec02 {width:100%; height:60px; line-height:60px; }
#header .h_sec02 .swiper-button-disabled {opacity:0;}
#header .h_sec02 .swiper_top {margin-left:18px;}
#header .h_sec02 .swiper_top .swiper-wrapper {padding: 0; width: 100% !important; height: 100% !important;}
#header .h_sec02 .swiper_top .swiper-slide {width:auto; margin:0 8px 0 16px; background:transparent;}
#header .h_sec02 .swiper_top .swiper-slide:first-child {margin-left:0;}
#header .h_sec02 .swiper_top .swiper-slide a {color:#1a1a1a; font-size:15px;}

/* 상단섹션02 고정 */
#header .h_sec02.jh_fixed {display:block; position:fixed; top:0; left:0; z-index:101; height:60px; line-height:60px; background:#fff; border-bottom:1px solid #e5e5e5;}
#header .h_sec02.jh_fixed .swiper_top {margin:0 0px 0 18px;}

/* 상단 검색창 */
#quick_search {display:none; top:40px !important; width:calc(100% - 36px); margin:0 auto;}
#quick_search .search_title {margin-bottom:25px; color:#1a1a1a; font-size:21px; font-weight:700; line-height:1;}
#quick_search .search_title2 {margin-bottom:25px; color:#1a1a1a; font-size:21px; font-weight:700; line-height:1;}
#quick_search .quick_searchClose {position:fixed; right:18px; top:40px; height:18px;}
#quick_search .quick_searchClose img {display:block; width:18px; }
.searchForm fieldset {position: relative; width: 100%; height: 55px; margin: 0 auto 50px; border: 2px solid #1a1a1a;}
.searchForm fieldset a {position: absolute; right: 15px; top: 18px; height: 18px; border: 0;}
.searchForm fieldset a img {width: 18px;}
.searchForm fieldset #keyword {width: 100%; height: 100%; border: none; outline: none; font-size: 16px; color: #9a9a9a;}


/* 슬라이드 너비 */
html.expand body {position: fixed; top: 0; left: 0; width: 100%;}
html.expand #container {-webkit-transform: translate(85%, 0); -moz-transform: translate(85%, 0); -ms-transform: translate(85%, 0); -o-transform: translate(85%, 0); transform: translate(85%, 0);}
html.expand #aside {z-index: 0; overflow-x: hidden;}
#aside {visibility: hidden; width:85% !important; padding:0 !important; background-color:#fff !important; z-index: -1; position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; min-width: 225px; font-size: 11px;}
#aside nav .btnClose {margin:30px 20px 0 0; display: block; position: absolute; top: 0; right: 0;}
#aside nav .btnClose img {height:18px;}
#aside .btnClose { padding:0; }

#dimmedSlider {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 500; background: rgba(0,0,0,0.7);}
#btnFoldLayout {display: none; position: absolute; left: 87%; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html.expand #btnFoldLayout {display: block; z-index: 405;}

/* 슬라이드 카테고리 자동출력 */
#aside .categoryList { font-size:12px; font-weight:normal; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#fff; }
#aside .categoryList li.selected > ul { /*display:block; background-color:#f4f4f4; padding:10px 0px;*/ }
#aside .categoryList li.selected > a.cate { color:#111;}
#aside .categoryList li.noChild > a.cate { border-top:0px solid #c3c3c3; background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList li.selected.noChild { background-color:#f4f4f4 ;}
#aside .categoryList > li.selected .slideSubMenu li { background-color:#f4f4f4; }
#aside .categoryList > li { border-bottom:0px solid #cccccc; border-top:1px solid #fff; }
#aside .categoryList > li.selected li:first-child { border-top:0 !important; }

#aside .categoryList > li > a.cate {display:block;position:absolute; top:8px; right:0px; width:15px; height:15px; padding:5px; background:url("/design/k2ksoo/mobile_commonstore/slide/cate_open.png") no-repeat 50%; background-size:15px 15px;}
#aside .categoryList > li.selected > a.cate { background-image:url("/design/k2ksoo/mobile_commonstore/slide/cate_close.png"); }
#aside .categoryList > li > ul > li > a.view {padding-left:20px; font-size:15px; font-weight:400; }
#aside .categoryList > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/k2ksoo/mobile_commonstore/slide/slide_add.png") no-repeat 50%; background-size:15px 15px; padding:0 !important;border:0;}
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/k2ksoo/mobile_commonstore/slide/slide_subtract.png"); background-size:13px 13px; }
#aside .categoryList > li > ul > li.selected ul {display:block;}
#aside .categoryList > li > ul > li > ul > li {background-color:#ececec !important;}
#aside .categoryList > li > ul > li > ul > li > a.view {padding-left:30px; font-size:14px; font-weight:400;}
#aside .categoryList > li > ul > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/k2ksoo/mobile_commonstore/slide/slide_add.png") no-repeat 50%; background-size:15px 15px; padding:0 !important;border:0; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/k2ksoo/mobile_commonstore/slide/slide_subtract.png"); background-size:13px 13px; }
#aside .categoryList > li > ul > li > ul > li > ul {background-color:#e3e3e3;}
#aside .categoryList > li > ul > li > ul > li > ul > li {background-color:#e3e3e3 !important;}
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate { padding:2.5px 0 2.5px 40px; font-weight:400; height:40px; line-height:45px; font-size:14px; }
#aside .categoryList a.cate { display:block; padding:0px; word-wrap:break-word; }
#aside .categoryList a.view { position:static; display:block; padding:0; background-color:transparent; color:#1a1a1a; font-size:16px; font-weight:700; line-height:45px; border:0; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; }
#aside .categoryList li.noChild > a.view { display:block; }

/* 슬라이드 즐겨찾기 아이콘 숨김 */
#aside .xans-layout-category li .icoBookmark,
#aside .bookmarkCategory li .icoBookmark { display:none;}


/* 슬라이드 색션 공통타이틀 */
#aside .side_title {color:#1a1a1a; font-size:16px; font-weight:700; line-height:40px; position:relative;}
#aside .side_title span {display:inline-block;position:absolute; top:8px; right:0px; width:15px; height:15px; padding:5px; background:url("/design/k2ksoo/mobile_commonstore/slide/cate_close.png") no-repeat 50%; background-size:15px 15px;}
#aside .side_title span.open {background:url("/design/k2ksoo/mobile_commonstore/slide/cate_open.png") no-repeat 50%; background-size:15px 15px;}


/* 슬라이드 섹션 01 */
.slide_section1 {margin:35px 18px 0; border-bottom:2px solid #1a1a1a; }
.slide_section1 .side_logo img {height:24px;}
.slide_section1 .login {margin:35px auto 22px;}
.slide_section1 .login li {float:left; border-left:1px solid #dfdfdf;}
.slide_section1 .login li a {padding:0 8px; color:#1a1a1a; font-size:13px;}
.slide_section1 .login li:first-child {border-left:0; margin: 0;}
.slide_section1 .login li:first-child a {padding-left:0;}
.slide_section1 .login li a span {display:inline-block; position:relative; top:-1px; width:15px; height:15px; color:#fff; font-size:11px; line-height:15px; text-align:center; background-color:#2a3cf3; border-radius:50%;}

/* 슬라이드 섹션 02 */
.slide_section2 {margin:0 18px; padding:25px 0;}

/* 슬라이드 섹션 03 */
.slide_section3 {margin:0 18px; padding:20px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.slide_section3 li a {color:#1a1a1a; font-size:16px; font-weight:700; line-height:40px;}

/* 슬라이드 섹션 04 */
.slide_section4 {margin:0 20px; padding:25px 0; border-bottom:1px solid #e5e5e5;}
.slide_section4 ul li a {padding-left:10px; color:#9a9a9a; font-size:14px; line-height:32px;}

/* 슬라이드 섹션 05 */
.slide_section5 {margin:30px 18px;}
.slide_section5 li {float:left; margin-right:12px;}
.slide_section5 li img {height:36px;}

/* 온라인 단독 특가 */
.list_shopping2x {display: table; table-layout: fixed; width: 100%; box-sizing: border-box; font-size: 0; line-height: 0;}

.online .list_shopping2x {padding: 0 12px;}
/* BASIC css end */