/* BASIC css start */
/* 200730 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:'Overpass', 'Noto Sans KR','Malgun Gothic', '맑은 고딕', sans-serif; -webkit-font-smoothing: antialiased;}

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

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

/* 상품관련 스타일 */
.list_shoppingInfo .listName {margin-bottom:10px; color:#000; font-size:13px; font-weight:400; line-height:16px; word-break:keep-all;}
.list_shoppingInfo .desc {margin-bottom:10px; color:#888; font-size:12px; line-height:16px; display:-webkit-box; display:-ms-flexbox; display:box; overflow:hidden; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.list_shoppingInfo .custom {display:block; margin-bottom:5px; color:#777; font-size:12px; font-weight:300; text-decoration:line-through;}
.list_shoppingInfo .listPrice {display:inline-block; margin-bottom:0; color:#000; font-size:13px; line-height:1;}
.list_shoppingInfo .salebox {display:inline-block;}
.list_shoppingInfo .salebox #sale_bg {padding-left:5px; color:#ff4800; font-size:12px; font-weight:600;}
.MK-product-icons img {width:auto !important; margin-top:10px; padding:0 2px 0 0 !important;}

.list_shopping2x li {position:relative; width:50%; margin-bottom:35px;}
.list_shopping2x li a {padding:0;}
.list_shopping2x li img.listPic {width:95%; margin:0 2.5%; padding-bottom:15px;}
.list_shopping2x .list_shoppingInfo {position:relative; width:92%; margin:0 4%; text-align:center;}

/* 상품 더보기 버튼 */
#container .more {margin-bottom:15px;}
#container .more .btn_moreGray {width:92%; font-weight:400; background-color:#fff; border:1px solid #ddd;}
#container .more .btn_moreGray span {color:#111;}
#container .more .btn_moreGray span em {color:#111;}

/* 메인 타이틀 */
.main_title {position:relative; padding:40px 0; text-align:center; font-size:0px;}
.main_title .t3 {color:#de5138; font-size:18px; font-weight:600; line-height:1;}
.main_title .t2 {color:#888; font-size:12px; line-height:20px; padding-top:15px;}
.main_title .t1 {color:#000; font-size:18px; font-weight:600; line-height:1;}






/* 상단 영역 */
#header {position:relative; width:100%; height:65px;}

.header_sec01 {position:relative; z-index:100; width:100%; height:65px;}
.header_sec01 .top_cate {position:absolute; left:4%; top:0; z-index:9999; height:65px; display:flex; justify-content:center; align-items:center;}
.header_sec01 .top_cate img {height:16px; vertical-align:middle;}
.header_sec01 .top_logo {position:absolute; left:0; top:0; right:0; height:65px; display:flex; justify-content:center; align-items:center; font-size:0px;}
.header_sec01 .top_logo img {height:40px; vertical-align:middle;}
.header_sec01 .top_right {position:absolute; right:4%; height:65px; display:flex; justify-content:center; align-items:center;}
.header_sec01 .top_right .top_search {float:right;}
.header_sec01 .top_right .top_search img {height:20px; vertical-align:middle;}
.header_sec01 .top_right .top_cart {position:relative; float:right; margin-left:15px;}
.header_sec01 .top_right .top_cart img {height:20px; vertical-align:middle;}

/* 상단 영역 : 고정 */
#comment_top.fixed {position:fixed; top:0px; left:0%; right:0%; z-index:100; height:65px;}

/* 상단 검색영역 */
.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:19px auto 0; border-bottom:1px solid #000;}
.h_search fieldset input {position:absolute; left:0; top:0; width:90%; height:40px; color:#888; font-size:12px; letter-spacing:1px; border:0; outline:0;}
.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;}

/* 공통 타이틀 */

/* 슬라이드 */
aside {position:fixed; width:65%; height:100%; top:0px; left:0; bottom:0; padding:10% 4% 4%; background-color:#f9f9f9; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .slide_ahref {font-size:20px; font-weight:300; color:#111; line-height:40px; display:block;}

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

/* 슬라이드 카테고리 */
aside nav li {border-bottom:0; position:relative;}
aside nav li a {display: block; height:40px; line-height:40px; padding:0; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:21px;font-weight:300;color:#111;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 40px; line-height:40px;color:#111;font-weight:300;font-size:25px;}
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 {font-size:14px;padding:0 40px 0 20px; margin: 0;}
aside nav li > ul > li > ul {margin:0px; padding:5px 0px; background-color:#f4f4f4; border-top:0;}
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: #f4f4f4;}
aside nav li > ul {background-color:#f4f4f4; display:none; margin:10px 0px; padding:10px 0px;}

/* 슬라이드 게시판 자동출력 */
aside #top_board .slide_ahref {position:relative;}
aside #top_board .slide_ahref span {position:absolute; top:0; right:0; z-index:100; display:inline-block; width:40px; color:#111; font:normal normal normal 14px/1 FontAwesome; font-size:25px; font-weight:300; text-align:center; line-height:40px;}
aside #top_board ul {display:none; margin-top:10px; padding:10px 0; background-color:#f4f4f4;}
aside #top_board ul li a {display:block; height:40px; padding-left:20px; color:#111; font-size:14px; font-weight:300; line-height:40px;}

/* 슬라이드 중분류 메뉴 수동출력 */
aside #top_menu .slide_ahref {position:relative;}
aside #top_menu .slide_ahref span {position:absolute; top:0; right:0; z-index:100; display:inline-block; width:40px; color:#111; font:normal normal normal 14px/1 FontAwesome; font-size:25px; font-weight:300; text-align:center; line-height:40px;}
aside #top_menu ul {display:none; margin-top:10px; padding:10px 0; background-color:#f4f4f4;}
aside #top_menu ul li a {display:block; height:40px; padding-left:20px; color:#111; font-size:14px; font-weight:300; line-height:40px;}

aside .slide_section {margin:40px 0;}
aside .slide_section .fright {width:50%;float:right;}
aside .slide_section .fleft {width:50%;float:left;}
aside .slide_section ul li {height:30px;}
aside .slide_section ul li a {font-size:13px;color:#888;font-weight:300;line-height:30px;display:block;}

aside .side_sns {margin:0;padding:0;}
aside .side_sns .sns_img {height:25px; font-size:13px; color:#111; line-height:25px;}
aside .side_sns .sns_img img {height:18px; vertical-align:middle; margin-right:5px;}
aside .side_sns .sns_text {font-size:13px; color:#999; font-weight:300; line-height:1.6; margin-top:15px;}
aside .side_copy {font-size:11px; color:#999; font-weight:300; line-height:1.6; margin-top:30px;}


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

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

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

/* 글쓰기 버튼 위치 */
#review-board-list .h_title .btn_Red {margin-top:7px;}
/* BASIC css end */