@charset "utf-8";

/* reset */
body, code { font-size:16px; line-height:1.2em; color:#1c1c1c; background:#fff; -webkit-text-size-adjust:none; }
code { background:none; display:block; }
ul li{ list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr{ display:none; }
em, address{ font-style:normal; }
ins{ text-decoration:none; }
a { text-decoration:none; color:#000; }
a:active{ text-decoration:none; }
table { width:100%; border:none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
label { cursor:pointer; }

/* html5 */
object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }




* {
	padding: 0px;
	margin: 0px;
}
/*
html, body { width:100%; height:100%; }
*/
/* trend9_common */
.hide {display:none !important;}
.clearfix {clear:both !important;}


/******************************* 레이아웃 *******************************/

select { background: #fff; border-color: #666 !important; }

#container .sub-title { }







/* 수량조절 */



/* 상품가격 */
.typeDesc .price { color: #434343 !important; }
.typeThumb .price { color: #434343 !important; }









/* 상품목록 */



/* 상품검색 */



/* 상품상세보기 */



/* 구매버튼 하단 고정 */
#bottom_area {border-top:1px solid #000 !important;}

.product_detail_bottom_area {
	width: 100%;
}
.product_detail_bottom_button_area {	
	width: 100%;
	padding: 0;
}
.product_detail_bottom_button_area ul {margin:0px; padding:0px; list-style:none; text-align: center;  font-size:0; line-height:0;}
.product_detail_bottom_button_area ul li {float:left; display:block; width:25%; margin:0; font-size:12px; line-height:15px; 	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product_detail_bottom_button_area ul li a {
	position:relative;
	display:block; 
	padding: 5px 0; 
	font-weight: normal; 
	text-align: center; 
	/*
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6c6c6c), to(#585858));
	background-image: -webkit-linear-gradient(top, #6c6c6c, #585858);
	background-image: linear-gradient(to bottom, #6c6c6c, #585858);
	background-repeat: repeat-x;
	*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:0;
	border-left:1px solid rgba(255,255,255,0.4);
	color: #fff;
	font-size:13px !important;
	line-height:35px;
	border-radius:0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	background-color:rgba(0,0,0,0.5);
}
.product_detail_bottom_button_area ul li:first-child a {border-left:0;}


.product_detail_bottom_button_area ul li.buy a {
	color:#fff; 
	background-color: rgba(0,0,0,0.7);
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
	background-image: -webkit-linear-gradient(top, #222, #000);
	background-image: linear-gradient(to bottom, #222, #000);
	background-repeat: repeat-x;
	*/
}
.product_detail_bottom_button_area ul li a .count {
    position: absolute;
	z-index: 10;
    top: -6px;
    right: 3px;
    padding: 0 4px 0;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    border-radius:20px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	line-height:14px;
}




/* 장바구니 */




/* 주문 */




/* 주문완료 */




/* 주문조회 */



/* 주문조회 상세내역 */



/* 관심상품 */


/* 최근본상품 */
div.recent-btn { display:none; }


/* 마이쿠폰 */


/* 로그인 */
#login .login-form, #login .guest-order-form {
	margin-bottom: 15px;
}


/* 회원가입 */


/* 회원가입 완료 */



/* 마이페이지 */
#mypage .user-info {
    border-top: 1px solid #6B6f75 !important;
    border-bottom: 1px solid #6B6f75 !important;
    background: none !important;
}


/* 적립금 */



/* 게시판 */



/* 갤러리게시판 */
ul.thumbType.grid2 li { width:50% !important; }
ul.thumbType.grid3 li { width:33.333% !important; }
ul.thumbType.grid4 li { width:25% !important; }
ul.thumbType .box { padding: 5px; text-align: center; }
ul.thumbType .box .img img { width: 100%; }
ul.thumbType .box .subject { font-weight: normal; font-size: 12px; color: #63666e; }
ul.thumbType p.writer { display:none; font-size: 12px; color: #63666e; }
ul.thumbType p.regdate { font-size: 11px; color: #999; }


#review-board-type .write-wrap .txt { border:none !important; }



/******************************* 버튼 *******************************/
.btnArea { 
    max-width:320px; margin:20px auto; text-align:center; font-size:0; line-height:0; letter-spacing:-4px; 
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
}
.btnArea:after { content:""; display:block; clear:both; }
.btnArea > a:first-child,
.btnArea > button:first-child { margin-left:0; }
.btnArea > a,
.btnArea > span,
.btnArea > button {
    position:relative; display:inline-block; margin:0 0 0 10px; padding:0 10px; font-size:12px; line-height:1.25; letter-spacing:0; text-align:center; cursor:pointer; vertical-align:top; font-family:Verdana, Dotum; border:0; background:none;
    border-radius:7px;
    -moz-box-sizing:border-box; box-sizing:border-box;
}



.btnArea .submit { height:36px; line-height:36px; color:#fff; background-color:#00aaec; }
.btnArea .normal { height:36px; line-height:32px; border:2px solid #434447; background-color:#fff; }
.btnArea .soldout { cursor:default; }
    /* type1 */
    .btnArea.type1 > a,
    .btnArea.type1 > button { width:100%; margin:0; }
    /* type2 */
    .btnArea.type2 { padding:0 3px; }
    .btnArea.type2 > a,
    .btnArea.type2 > button { width:50%; margin:0; }
    .btnArea.type2 > a:nth-child(1),
    .btnArea.type2 > button:nth-child(1) { left:-3px; }
    .btnArea.type2 > a:nth-child(2),
    .btnArea.type2 > button:nth-child(2) { right:-3px; }
    /* type3 */
    .btnArea.type3 { padding:0 6px; }
    .btnArea.type3 > a,
    .btnArea.type3 > button { width:33.333%; margin:0; }
    .btnArea.type3 > a:nth-child(1),
    .btnArea.type3 > button:nth-child(1) { left:-6px; }
    .btnArea.type3 > a:nth-child(3),
    .btnArea.type3 > button:nth-child(3) { right:-6px; }
    /* type4 */
    .btnArea.type4 { padding:0 10px; }
    .btnArea.type4 > a,
    .btnArea.type4 > button { width:25%; margin:0; }
    .btnArea.type4 > a:nth-child(1),
    .btnArea.type4 > button:nth-child(1) { left:-10px; }
    .btnArea.type4 > a:nth-child(2),
    .btnArea.type4 > button:nth-child(2) { left:-3px; }
    .btnArea.type4 > a:nth-child(3),
    .btnArea.type4 > button:nth-child(3) { right:-3px; }
    .btnArea.type4 > a:nth-child(4),
    .btnArea.type4 > button:nth-child(4) { right:-10px; }


.btnArea > a,
.btnArea > span,
.btnArea > button {
    position:relative; display:inline-block; margin:0 0 0 10px; padding:0 10px; font-size:12px; line-height:1.25; letter-spacing:0; text-align:center; cursor:pointer; vertical-align:top; font-family:Verdana, Dotum; border:0; background:none;
    border-radius:2px;
    -moz-box-sizing:border-box; box-sizing:border-box;
}

.btnArea .submit { 
	height:36px; 
	line-height:36px; 
	color:#fff; 
	border-color: #00aaec;
	background:none;
	background: #00aaec;
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
	background-image: -webkit-linear-gradient(top, #222, #000);
	background-image: linear-gradient(to bottom, #222, #000);
	background-repeat: repeat-x;
	*/
}
.btnArea .normal { height:36px; line-height:32px; border:1px solid #6f6f6f; background-color:#6f6f6f; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.0);}





/******************************* 페이징 *******************************/

.custom_paging {
}
.custom_paging li,
.custom_paging p {
	margin:0px !important;
	padding:0px !important;
	border: 1px solid #999;
	border-radius: 4px;
}
.custom_paging p {
	background: url("/design/ysem/trend9/mobile_ysem/imgs/bg_paging.png") 50% 0 no-repeat;
	background-size: 20px 60px;
	background-color: #f1f1f1;
}
.custom_paging p span {
	text-indent: -9999px;
}
.custom_paging a.this {
	color: #666;
	background-color: #f9f9f9;
}

.custom_paging .prev, 
.custom_paging .next {vertical-align:top;}



/******************************* 왼쪽 사이드바 *******************************/
/* 카테고리 리스트 */

#menu-left {box-shadow:0 2px 5px rgba(0,0,0,0.5);}


/* mmenu login box */
#menu-left .mmenu_login {padding:10px 20px; border-bottom:1px solid #00aaec; background:#f3f3f3;} 

#menu-left .mmenu_login p {font-size:12px; color:#777; line-height:18px; text-align:center;}
#menu-left .mmenu_login .login_bt_area {padding:5px 0; font-size:0; line-height:0; text-align:center;}
#menu-left .mmenu_login a {
	display:inline-block; 
	width:48%; 
	margin:0 1%;
	font-size:12px;
	line-height:30px;
	text-align:center;
	border:1px solid #d2d2d2;
	background:#fff;
	color:#777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu-left .mmenu_login a:first-child {border:1px solid #00aaec; background:#00aaec; color:#fff;}





#menu-left .slideTab {
	margin:0;
	padding:0;
}
#menu-left .slideTab ul {
	margin:0;
	padding:0;
	list-style:none;
}
#menu-left .slideTab ul:after { content:""; display:block; clear:both; }
#menu-left .slideTab ul li {
	float: left;
	width: 50%;
	padding: 0;
	text-align: center;
	border-bottom: 0px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#00aaec;
}
#menu-left .slideTab ul li::after {border:none !important;}
#menu-left .slideTab ul li:nth-child(1) {width:50%;}

#menu-left .slideTab ul li a {
	display:block;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	border-bottom:0 !important;
	padding:8px 0 !important;
	border-left:1px solid rgba(255,255,255,0.2);
}

#menu-left .slideTab ul li.selected {
	border-bottom: 0px solid #fff;
	background-color:#fff;
}

#menu-left .slideTab ul li.selected a {color:#000; border-left:1px solid #fff;}


/* mmenu 초기화 */
.mm-menu > .mm-panel {padding:0 !important;}
.mm-listview > li > a, .mm-listview > li > span {padding:10px 10px 10px 20px !important;}
.mm-listview > li.first_list > a, .mm-listview > li.first_list > span {padding:10px 10px 10px 10px !important;}
.mm-menu > .mm-panel > .mm-listview {margin:0 !important;}
.mm-listview > li:not(.mm-divider)::after {left:0 !important;}
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next {height:20px !important;}
.mm-listview .mm-next {width:28px !important;}
.mm-menu.mm-theme-black .mm-listview > li > a.mm-prev::after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next::before {border-color:rgba(255, 255, 255, 0.1) !important;}
.mm-menu > .mm-panel::before, .mm-menu > .mm-panel::after {height:0 !important;}






/* 상품리스트 타입 : 설명 */
.typeDesc { margin:10px 0 0; font-size:12px; }
.typeDesc:first-child h2 { border-top:0; }
.typeDesc h2 { margin:0; padding:10px 0 0 18px; font-size:13px; line-height:15px; text-align: center; }
.typeDesc > ul > li { overflow:hidden; position:relative; padding:10px 10px 10px 0; border-bottom:1px dotted #a1a1a3;}
.typeDesc .thumbnail { position:absolute; left:0; top:0; }
.typeDesc .description { min-height:85px; padding:0 30px 0 100px; }
.typeDesc .name a { color:#63666E; }
.typeDesc .price { color:#FF6600; font-weight:bold; }
.typeDesc .strike { text-decoration:line-through; }
.typeDesc .button { padding:5px 0; }
.typeDesc .button:after { content:""; display:block; clear:both; }
.typeDesc .button .tButton.type2 { float:right; }
.typeDesc .icons {display:block; }
.typeDesc .icons img {vertical-align:middle; padding:3px 2px 0;}

.typeDesc p.custom_price {display:none !important; height:11px !important; line-height:11px; letter-spacing:-1px !important;}
.typeDesc p.desc {padding:2px 0; font-size:11px; line-height:14px; font-weight:400 !important; letter-spacing:-1px !important; color:#969696;}
.typeDesc .custom {text-decoration:line-through; font-size:12px; color:#999;}
.typeDesc .price { margin:3px 4px 0; color:#434343; font-weight:500; font-size:12px; line-height:1.25; letter-spacing:-1px; word-wrap:break-word; }



/* 상품리스트 타입 : 섬네일 */
.typeThumb { margin:20px 0 0; }
.typeThumb:first-child h2 { border-top:0; }
.typeThumb h2 { margin:0; padding:10px 0 0 18px; font-size:13px; line-height:15px; text-align: center;}
.typeThumb ul { display:table; table-layout:fixed; width:100%; font-size:0; line-height:0; }
.typeThumb img { max-width:100%; }
.typeThumb li { position:relative; display:inline-block; padding:7px 0 15px; text-align:center; vertical-align:top; }
.typeThumb .thumbnail {position:relative; margin:0 0; }
.typeThumb .thumbnail img { width:100%; }
.typeThumb .information { position: relative; margin:0; padding:0; overflow:hidden; text-align:center; line-height:17px;}
.typeThumb .brand_text {display:none; margin:4px 4px 2px; font-size:11px; line-height:1.15; color:#8f8f8f; word-wrap:break-word; }
.typeThumb .name { margin:4px 4px 2px; font-size:12px; line-height:1.20; word-wrap:break-word; color:#1c1c1c;}
.typeThumb .name a { overflow: hidden; display:block;  text-overflow: ellipsis;  text-align: center;   white-space: nowrap;}
.typeThumb .name a { color:#9a9a9a; }

.typeThumb p.custom_price {display: !important; height:11px !important; line-height:11px; letter-spacing:-1px !important; color:#9d9d9d;}
.typeThumb p.desc {padding:2px 0 5px; font-size:11px; line-height:14px; letter-spacing:-1px !important; color:#545454;}
.typeThumb .custom {text-decoration:line-through; font-size:12px; color:#999;}
.typeThumb .price { margin:3px 4px 0; color:#434343; font-weight:500; font-size:12px; line-height:1.25; letter-spacing:-1px; word-wrap:break-word; }
.typeThumb .strike { text-decoration:line-through; }
.typeThumb .grid2 li { width:46%; margin:0 2%;}
.typeThumb .grid3 li { width:31.3%; margin:0 1%;}
.typeThumb .grid4 li { width:23%;  margin:0 1%;}
.typeThumb .icons {display:block; text-align:center;}
.typeThumb .icons img {vertical-align:middle; padding:3px 2px 0;}





/* 상품목록, 상세 상단 로케이션 */
#container .breadcrumb-cat {padding-left: 25px; height: 30px !important; line-height: 30px !important; background:url("/design/ysem/trend9/mobile_ysem/imgs/category_location_bullet.png") #fff no-repeat 5px 9px; background-size:13px 13px; border-bottom: 1px solid #eaeaea;}
#container .breadcrumb-cat li { padding-right: 20px; margin-right: 10px; float: left; background: url("/design/ysem/trend9/mobile_ysem/imgs/category_location_arrow.png") no-repeat center right; background-size: auto 36px; }
#container .breadcrumb-cat li:first-child:before {}
#container .breadcrumb-cat li a { color: #7f7f7f; font-size: .85em; font-weight: 600;  }
#container .breadcrumb-cat li:last-child { background: none; }
#container .breadcrumb-cat li:last-child a {color: #474747; font-weight: 700;}


/* 게시판 상단 로케이션 */
#gallery-list .title,
#review-board-type .title,
#review-board-write .title,
#review-board-list .title { position: relative; border-top: 0px solid #d4c6bc; border-bottom: 1px solid #eaeaea; background-color: #fff; }

#gallery-list .title h3,
#review-board-type .title h3,
#review-board-write .title h3,
#review-board-list .title h3 { padding-left: 25px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .85em; font-weight: bold; color: #474747; background:url("/design/ysem/trend9/mobile_ysem/imgs/category_location_bullet.png") #fff no-repeat 5px 11px; background-size:13px 13px;}

#gallery-list .title .btns,
#review-board-type .title .btns,
#review-board-write .title .btns,
#review-board-list .title .btns { position: absolute; top: 0; right: 14px; }

#review-board-type .reviews > ul > li:first-child {border-top:0;}



/* 게시판 커스터마이징 */
#review-board-list .reviews > ul > li {border-color:#ddd;}
#review-board-list .write-btn {border:0;}


/* 검색페이지 상단 검색창 숨김 */
#search .form-wrap {display:none;}