/* BASIC css start */
/* 20221109 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;}
.m_off {display:none !important;}

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

/* 각 페이지 상단 타이틀 */
#contents .h_title{background:none;padding-left:20px; 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;}

/* 상품관련 스타일 */
.list_shoppingInfo .listName {font-weight:400; margin-bottom:6px; color:#1a1a1a; font-size:14px;}
.list_shoppingInfo .desc {margin-bottom:5px; color:#999; font-size:12px; font-weight:300; }
.list_shoppingInfo .listPrice {color:#1a1a1a; font-size:14px; font-weight:700;line-height:1;}

.list_shoppingInfo .listPrice span.sale_text {color:#E73225; font-size:14px; font-weight:700;padding-right:4px}
.list_shoppingInfo .listPrice span.price	{color:#1a1a1a; font-size:14px; font-weight:700;}
.list_shoppingInfo .listPrice span.through	{padding-bottom:4px; color:#999; font-size:12px; font-weight:300; text-decoration:line-through;display:inline-block;width:100%;clear:both;}

.list_shoppingInfo .color span {display:inline-block; width:15px; height:4px; margin:0 3px 0 0; border:1px solid #e9e9e9;}
.MK-product-icons img {height:17px !important; padding:5px 4px 0 0;}

.list_shopping1x .list_shoppingInfo {padding:0px 0 0 15px;}
.list_shopping1x li a {padding:14px 0;}
.list_shopping1x li:first-child a {padding:14px 0 14px 0;}
.list_shopping1x li img.listPic {width:45%;}
.list_shopping1x li figure{position:relative;}
.list_shopping1x li figure:after{display:block;content:'';clear:both;}
.list_shopping1x li .mainIconWrap span{left:45% !important; transform:translateX(-100%) !important;}

.list_shopping2x .list_shoppingInfo {width:auto; margin:0; padding:15px 10px 0 15px; text-align:left;}
.list_shopping2x ul {width:calc(100% + 10px); margin-left:-5px; padding:0;}
.list_shopping2x li {position:relative; width:50% !important; height:auto; margin-bottom:40px;}
.list_shopping2x li a {padding:0;}
.list_shopping2x li img.listPic {width:calc(100% - 10px); margin:0; padding:0 5px;}

.list_shopping2x .mainIconWrap span {
    right: 0px !important;
    transform: translate(0, 0) !important;
    left: auto !important;
    padding-right:5px;
}

/* 상품 할인율 */
.list_shopping1x li #sale_bg {position:absolute; top:33px; left:15px; width:30px; height:30px; color:#1a1a1a; font-size:11px; font-weight:700; text-align:center; line-height:30px; border:1px solid #1a1a1a; border-radius:50%;}
#search li #sale_bg {top:15px;}
li #sale_bg {position:absolute; top:15px; right:15px; width:30px; height:30px; color:#1a1a1a; font-size:11px; font-weight:700; text-align:center; line-height:30px; border:1px solid #1a1a1a; border-radius:50%;}

/* 상품 더보기 버튼 */
#container .more {margin-bottom:15px;}
#container .main .more {margin:0 auto 50px;}
.btn_moreGray {width:180px; height:55px; color:#1a1a1a; font-size:14px; font-weight:400; line-height:55px; background-color:#fff; border:2px solid #1a1a1a; box-sizing:border-box;}
.btn_moreGray span {color:#1a1a1a; font-size:14px; font-weight:400; line-height:55px;}

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

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

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


/* 상단 */
#header {position:relative; width:100%;}

/* 상단섹션01 */
#header .h_sec01 {height:50px; margin-bottom:20px;}
#header .h_sec01 .top_logo {position:absolute; left:20px; top:0; height:50px; display:flex; justify-content:center; align-items:flex-end;}
#header .h_sec01 .top_logo a img {height:35px; 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:18px; vertical-align:middle;}
#header .h_sec01 .top_search {float:right; margin-right:20px;}
#header .h_sec01 .top_search img {height:20px; 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:#E73225; border-radius:50%;}

/* 상단색션02 */
#header .h_sec02 {display:none; width:100%; height:60px; line-height:60px;}
#header .h_sec02 .swiper-button-disabled {opacity:0;}
#header .h_sec02 .swiper_top .swiper-slide {width:auto; margin:0 9px 0 18px; background:transparent;}
#header .h_sec02 .swiper_top .swiper-slide a {color:#1a1a1a; font-size:15px;}


/*카테고리 스타일*/

#header .h_sec02 .swiper_top > div > div:nth-child(1)   {position:relative} /* 검정 볼드 */
#header .h_sec02 .swiper_top > div > div:nth-child(1) > a {color:#1C1C1C;font-weight:bold;}  /*  검정 볼드  */

#header .h_sec02 .swiper_top > div > div:nth-child(3) > a {color:#1C1C1C;font-weight:bold;}  /*  검정 볼드  */


#header .h_sec02 .swiper_top > div > div:nth-child(2)  {position:relative} /* 레드 볼드 */
#header .h_sec02 .swiper_top > div > div:nth-child(2) > a {color:#E73225;font-weight:bold;}  /* 레드볼드  */


/*햄버거 카테고리*/

.poin_text > a {color:#E73225;font-weight:bold;}
.poin_text2 > a {font-weight:bold;} /*검정볼드*/


/* 상단섹션02 고정 */
#header .h_sec02.jh_fixed {display:block; position:fixed; top:0; left:0; z-index:100; height:60px; line-height:60px; background:#fff;}

/* 상단 검색창 */
#quick_search {display:none; width:95%; margin:0 auto;}
#quick_search .search_title {width:90%; margin:80px auto 0; color:#1a1a1a; font-size:27px; font-weight:700; line-height:1.3;}
#quick_search .search_title2 {width:90%; margin:30px auto 20px; color:#1a1a1a; font-size:18px; font-weight:700; line-height:1;}
#quick_search .quick_searchClose {position:fixed; right:20px; top:30px; height:18px;}
#quick_search .quick_searchClose img {display:block; width:18px; }
#quick_search .search fieldset {position:relative; width:90%; margin:25px auto 0;}
#quick_search .search fieldset input {width:100%; height:40px; color:#bbb; font-size:16px; line-height:40px; background-color:transparent; border:none; border-bottom:2px solid #1a1a1a;}
#quick_search .search fieldset .btn_search {position:absolute; top:10px; right:5px;}
#quick_search .search fieldset .btn_search img {height:20px;}
#quick_search .top_pop .top_pop_sub {width:90%; margin:0 auto;}
#quick_search .top_pop .top_pop_sub a {display:inline-block; height:30px; margin:0 5px 5px 0; padding:0 10px; color:#888; font-size:12px; text-align:center; line-height:30px; border:1px solid #e5e5e5; border-radius:10px;}
#quick_search .top_pop .top_pop_sub a:first-child {margin-left:0;}


/* 상단 로케이션 */
.page_location {padding:0;}
.page_location li {float:unset; text-align: center;}
.page_location li a {font-size:18px; line-height:60px; font-weight:700;}
.clearFix {display: flex; justify-content: center;}

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

/* 슬라이드 색션 공통타이틀 */
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:13px; height:13px; padding:5px; background:url("/design/nubizio777/2023_02_mobile_mayomayo/slide/cate_close.png") no-repeat 50%; background-size:13px 13px;}
aside .side_title span.open {background:url("/design/nubizio777/2023_02_mobile_mayomayo/slide/cate_open.png") no-repeat 50%; background-size:13px 13px;}

/* 슬라이드 섹션 01 */
aside .slide_section1 {padding:30px 20px 20px; background-color:#222;}
aside .slide_section1 .login {margin-bottom:30px;}
aside .slide_section1 .login > div {float:left; margin-right:5px;}
aside .slide_section1 .login a {color:#fff; font-size:15px; font-weight:400;}
aside .slide_section1 ul li {float:left; margin-right:20px; margin-bottom:10px;}
aside .slide_section1 ul li a {color:#fff; font-size:15px; font-weight:700;}

/* 슬라이드 카테고리 자동출력 */
aside .navCategory {padding:20px;}
aside nav li {border-bottom:0; position:relative;}
aside nav li a {display: block; color:#1a1a1a; font-size:16px; font-weight:700; line-height:40px;}
aside nav p a {display: block; color:#1a1a1a; font-size:16px; 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:#1a1a1a; font-size:15px; font-weight:400; 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 {margin:0; text-indent:40px; background-color:#ededed;}
aside nav li > ul {background-color:#f4f4f4; display:none; margin:10px 0px; padding:10px 0px;}
aside nav > ul > li > span.fa {top:0; right:0; width:40px; height:40px;}
.fa-angle-down:before {content:""; position:absolute; top:0; right:0; width:40px; height:40px; background:url("/design/nubizio777/2023_02_mobile_mayomayo/slide/cate_open.png") no-repeat 50%; background-size:13px 13px;}
.fa-angle-down.fa-rotate-180::before {background-image:url("/design/nubizio777/2023_02_mobile_mayomayo/slide/cate_close.png");}


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

/* 슬라이드 섹션 03 */
.slide_section3 {margin:0 20px; padding-top:25px; border-top:1px solid #f1f1f1;}
.slide_section3 ul {margin-bottom:25px;}
.slide_section3 ul li a {color:#888; font-size:14px; line-height:28px;}
.slide_section3 .board ul {float:left; width:50%;}

/* 슬라이드 섹션 04 */
.slide_section4 {overflow:hidden; margin:0 20px; padding:35px 0; border-top:1px solid #f1f1f1;}
.slide_section4 .list_shopping3x ul {padding:0;}
.slide_section4 .list_shopping3x li {margin-bottom:0;}


/* 마이페이지 클릭시 로그인 화면 */
#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;}


/*목록페이지 정렬 */
.list_array {padding:18px 14px 4px; height:40px; border: 0; margin-bottom: 0;}
.list_array .list_arrayLeft {margin: 0;}
.list_array .list_arrayLeft select {padding-left:8px; max-width:150px; width:150px; height:40px; border-color:#e5e5e5;	}
.list_array .list_arrayRight {margin: 0; font-size:0;}
.list_array .list_arrayRight a {display:inline-flex; justify-content:center; align-items:center; width:40px; height:40px; margin-left:-1px;  box-sizing:border-box;}
.list_array .list_arrayRight a.sort_on {}
.list_array .list_arrayRight a img {margin: 0; border:1px solid #e5e5e5;width:40px !important; height: auto;}


/* BASIC css end */