/* BASIC css start */
/* 200624 morenvy 희재 */
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.mrt30 {margin-top:30px;}
.displaynone {display:none;}

body {font-family:'Lato','Noto Sans KR',sans-serif;}

/* 각 페이지 상단 타이틀 */
#contents .h_title,
.page_location {background:none;padding-left:10px; height:40px; line-height:40px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e3e3e3;font-weight:bold; background-size:14px;}


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

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

/* 상품관련 스타일 */
.list_shoppingInfo .listName {margin-bottom:7px; color:#1b1b1b; font-size:13px; font-weight:400; letter-spacing:-0.020em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_shoppingInfo .desc {margin-bottom:12px; color:#999; font-size:12px; font-weight:400; letter-spacing:-0.020em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_shoppingInfo .custom {font-size:12px;}
.list_shoppingInfo .listPrice {position:relative; color:#000; font-size:14px; font-weight:700;}
.list_shoppingInfo .listPrice .salebox p{position:absolute; right:0; color:#ff4800; font-size:14px;}
.list_shoppingInfo .listPrice .salebox2{position:absolute; right:0; color:#ff4800; font-size:14px;}
.list_shoppingInfo .listPrice span {color:#999; font-size:12px; font-weight:300; display:block;}
.list_shopping3x li {width:33.33% !important; margin-bottom:30px;position: relative;}
.list_shopping2x li {position:relative; width:50%; margin-bottom:27px;}
.list_shopping2x li img.listPic, 
.list_shopping3x li img.listPic {width:92%; margin:0 4%; padding-bottom:10px;}
.list_shopping3x .list_shoppingInfo,
.list_shopping2x .list_shoppingInfo {position:relative; width:92%; margin:0 4%; text-align:left;}
.list_shopping2x .list_shoppingInfo .MK-product-icons {display:none;}
.list_shopping2x .list_shoppingInfo .list-ico {display:none;}
.list_shopping2x .list_shoppingInfo .listReserve {display:none;}
.list_shopping3x li a,
.list_shopping2x li a {padding:0;margin:0;}
.list_shopping1x li a {padding:10px;}
.list_shopping1x .list-ico {display:none;}
.list_shopping1x .MK-product-icons {display:none;}
.list_shopping1x .listReserve {display:none;}
.list_shopping1x li:first-child a {padding:10px;}
.custom {margin-top:3px;text-decoration:line-through;font-size:11px;color:#999;}
.MK-product-icons img {margin-top:10px; padding:0 2px 0 0 !important;}

/* 상품진열 할인율 */
.list_shopping1x li #sale_bg {position:absolute; top:55px; right:4%; color:#ff4800; font-size:14px;}
.list_shopping2x #sale_bg {position:absolute; top:0; right:4%; color:#ff4800; font-size:14px;}
.list_shopping2x .grid1 li #sale_bg {top:55px; right:4%;}
.list_shopping2x .grid3 li #sale_bg {top:55px; right:4%;}

/* 공통 애니메이션 css */
.list_shopping1_5x {text-align:center;}
.list_shopping1_5x ul {width:100%; display:table; table-layout:fixed; box-sizing:border-box; padding:0 2px; text-align:left; font-size:0;}
.list_shopping1_5x li {width:100%; display:inline-block; vertical-align: top; text-align:left;}
.list_shopping1_5x li a {display: block; padding:0 2px 18px 2px;}
.list_shopping1_5x li img.listPic {width:100%;margin-bottom:4%;border:1px solid #eee;}
.list_shopping1_5x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px; margin:0;padding:0 10px 10px 10px;text-align:center;}

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

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

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



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

/* 최상단배너 */
.m_onoffmulti {background-color:#2c2c2c;}
.m_onoffmulti .onoffarea {margin:0px;width:100%;text-align:center;overflow:hidden; display:none; position:relative; }
.m_onoffmulti .btnarea { top:0px;width:100%;height:0px;z-index:3; position:relative;}
.m_onoffmulti .closebtn {cursor:pointer; position:absolute; z-index:100; }
.m_onoffmulti .bannerli { background-repeat:no-repeat; background-position:top center;}
.m_onoffmulti .bannerli a {  display:block; }
.m_onoffmulti .mfade .bannerul { padding:0; margin:0; display:block; z-index:1; overflow:;position:relative;}
.m_onoffmulti .mfade .bannerli { padding:0; margin:0; list-style:none;width:100%;display:none; position:absolute;}
.m_onoffmulti .mslide .bannerul { padding:0; margin:0; display:block; width:100%;}
.m_onoffmulti .mslide .bannerli { padding:0; margin:0; list-style:none; width:100%;}
.m_onoffmulti_top .onoffarea { height:42px; }
.m_onoffmulti_top .mslide9 { height:42px; }
.m_onoffmulti_top .mslide .bannerul { height:42px; }
.m_onoffmulti_top .mslide .bannerli { height:42px; }
.m_onoffmulti_top .closebtn { top:13px; right:15px;}
.m_onoffmulti_top .closebtn {width:15px; height:15px; background-image:url('/design/d4-3311/mobile_another/top_close.png'); background-size:cover;}
.m_onoffmulti .mslide a p {color:#fff; font-size:12px; text-align:center; line-height:42px;}
.m_onoffmulti .mslide a p span {padding-left:3px; color:#f5eae0;}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}

/* 상단섹션01 */
.h_sec01 {position:relative; z-index:100; width:100%; height:65px;}
.h_sec01 .top_cate {position:absolute; left:4%; top:0; z-index:100; height:65px; display:flex; justify-content:center; align-items:center;}
.h_sec01 .top_cate img {height:16px; vertical-align:middle;}
.h_sec01 .top_logo {position:absolute; left:0; top:0; right:0; height:65px; display:flex; justify-content:center; align-items:center; font-size:0px;}
.h_sec01 .top_logo img {height:25px; vertical-align:middle;}
.h_sec01 .top_right {position:absolute; right:4%; height:65px; display:flex; justify-content:center; align-items:center;}
.h_sec01 .top_right .top_search {float:right;}
.h_sec01 .top_right .top_search img {height:20px; vertical-align:middle;}
.h_sec01 .top_right .top_cart {position:relative; float:right; margin-left:15px;}
.h_sec01 .top_right .top_cart img {height:20px; vertical-align:middle;}
.h_sec01 .top_right .top_cart span {position:absolute; left:3.5px; top:1.5px; font-size:11px; font-weight:700;}

/* 상단섹션01 고정 */
.h_sec01.jh_fixed {position:fixed; top:0; height:65px; background:#fff;}

/* 상단 검색영역 */
.h_search {display:none; width:94%; height:185px; background-color:#fff; border-radius:10px;}
.h_search .quick_searchClose {width:15px; height:15px; cursor:pointer;position:absolute; right:20px; top:20px; z-index:10000;}
.h_search .quick_searchClose img {width:100%; height:100%;}
.h_search .search_title {font-size:16px;  font-weight:300; color:#000; letter-spacing:1px; text-align:center; line-height:1; padding:40px 0px 0px;}
.h_search fieldset {position:relative; width:80%; height:40px; margin:15px auto 0; border-bottom:1px solid #000;}
.h_search fieldset input {position:absolute; left:0; top:0; width:90%; border:0; outline:0; font-size:12px;}
.h_search fieldset .btn_search {position:absolute; left:93%; top:10px; z-index:1000; height:15px; border:0;}
.h_search fieldset .btn_search img {display:block; height:15px;}
.h_search .top_pop ul {display:table; margin:20px auto 0; text-align:center;}
.h_search .top_pop ul li {display:inline-block;}
.h_search .top_pop ul li a {display:block; padding:0 5px; color:#888;  font-size:12px;}

/* 상단 메뉴 영역*/
.h_sec02 { position:relative; width:auto; height:42px; background-color:#fff;}
.h_sec02 .swiper_top {width:100% !important; margin:0 auto;}
.h_sec02 .swiper_top .swiper-slide { width:auto; margin:0 15px;;}
.h_sec02 .swiper_top .swiper-slide a { height:42px; color:#333; font-size:14px; line-height:42px;}


/* 슬라이드 카테고리 */
aside {position:fixed; width:90%; height:100%; top:0px; left:0; bottom:0; padding:5%; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .close {position:fixed; top:20px; left:90%; width:20px; height: 20px; z-index: 1002;}

/* 슬라이드 로그인영역 */
aside .slide_section1 {padding-top:45px;}
aside .slide_section1 .t1,
aside .slide_section1 .t1 a {color:#1b1b1b; font-size:18px; line-height:20px;}
aside .slide_section1 .t2 {margin:10px 0 5px; color:#999; font-size:14px; line-height:14px;}


/* 슬라이드 메뉴영역 */
aside .slide_section2 {margin-top:30px; padding-bottom:15px; border-bottom:3px solid #000;}
aside .slide_section2 ul li {float:left; color:#d7d7d7;}
aside .slide_section2 ul li a {padding:0 20px; color:#1b1b1b; font-size:14px; line-height:14px;}
aside .slide_section2 ul li:first-child a {padding-left:0;}

/* 슬라이드 카테고리 자동출력 */
aside nav {margin-top:15px;}
aside nav li {border-bottom:0; position:relative;}
aside nav li a {display: block; color:#1b1b1b; font-size:14px; font-weight:700; line-height:40px;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 40px; line-height:40px;color:#a2a2a2;font-weight:300;font-size:25px;}
aside nav li > ul {margin:0 !important; padding:0 !important;}
aside nav li > ul > li {border-bottom:0px none; border-top:0px solid #eaeaea;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {display:block; height:40px; color:#111; font-size:14px; font-weight:300; line-height:40px; text-indent:20px;}
aside nav li > ul > li > ul {border-top:0px none; border-top:0px solid #eaeaea; margin:0px; background-color:#ededed; padding:5px 0px;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 30px; margin: 0; background-color: #ededed;}
aside nav li > ul {background-color:#f4f4f4; display:none; margin:10px 0px; padding:10px 0px;}

/* 슬라이드 수동 카테고리 */
aside .slide_section3 .add_cate1 {margin-top:15px;}
aside .slide_section3 .add_cate {border-top:1px solid #eaeaea;}
aside .slide_section3 .add_cate ul {padding:15px 0;}
aside .slide_section3 .add_cate li a {height:40px; color:#1b1b1b; font-size:14px; font-weight:700; line-height:40px;}
aside .slide_section3 .add_cate li a span {padding-left:10px; color:#666; font-size:12px; font-weight:300;}

/* 슬라이드 배너 */
aside .slide_section4 {margin:10px auto 0;}
aside .slide_section4 img {width:100%;}

/* 슬라이드 공지사항 */
aside .slide_section5 {margin:35px auto 40px; border:1px solid #e4e4e4; box-sizing:border-box;}
aside .slide_section5 ul {float:left; width:50%;}
aside .slide_section5 ul:first-child {border-right:1px solid #e4e4e4; box-sizing:border-box;}
aside .slide_section5 ul li {border-top:1px solid #e4e4e4;}
aside .slide_section5 ul li:first-child {border-top:0;}
aside .slide_section5 ul li a {display:block; padding-left:15px; color:#1b1b1b; font-size:14px; line-height:50px;}

/* 슬라이드 sns */
aside .slide_section6 ul {display:table; margin:0 auto; padding-bottom:50px;}
aside .slide_section6 ul li {float:left; margin:0 10px;}

/*.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 {width:95% !important; background-color:#fff !important; border:1px solid #f1f1f1 !important; font-weight:400 !important; }
.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;}

/* 마이페이지 클릭시 로그인 화면 */
#login .tab a {border-bottom:1px solid #222;}
#login .tab a.act {color:#222; border:1px solid #222; border-top:3px solid #222; border-bottom:1px solid transparent;}

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


/* 로그인 스타일 수정 */
.member {padding: 0 5% !important; margin-top:30px !important;}
.login .loginBottom {padding:30px 5% !important;}


/* 회원가입 스타일 수정 */
#join .privercy {background-color: #fff;}
#terms_agree .terms-agree dt {border-bottom: 1px solid #e9e9e9 !important;}
#terms_desc .terms-desc dt {border-top: 1px solid #e9e9e9 !important;border-bottom: 1px solid #e9e9e9 !important;}

/* BASIC css end */