@charset "euc-kr";

@import url('//image.yes24.com/images/chyes24/mContent/common.css');
@import url('//image.yes24.com/images/chyes24/mContent/layout.css');
@import url('//image.yes24.com/images/chyes24/mContent/GnbNew.css');
#mMbody {position:relative;  margin-top:0;}

.m-banner {border-bottom:2px solid #2272cd; background:#342f2e;}
.m-banner .thum-area {overflow:hidden; position:relative; width:320px; margin:0 auto; border:1px solid #222123;}
.m-banner ul {position:relative; }
.m-banner li {float:left;}
.m-banner li img {max-width:320px;}
.m-banner li span {position:relative; display:block; height:29px; margin-top:-29px; line-height:29px; text-align:center; opacity:0.8; -moz-opacity:0.8; color:#fff; background:#34302e;}
.btn-control img {position:absolute; z-index:9; left:20px; top:50%; width:19px; height:19px; margin-top:-20px;}
.btn-control :nth-child(2) img {right:20px; left:auto;}
.btn-num * {vertical-align:middle;}
.btn-num {height:45px; line-height:40px; background:#f3f3f3; text-align:center;}
.btn-num img {width:15px; height:11px;}
.btn-num :first-child img {margin-right:10px; width:25px; height:25px;}
.btn-num :last-child img {margin-left:10px; width:25px; height:25px;}

h2 {height:34px; padding-left:10px; line-height:34px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; color:#505050; font-size:15px; letter-spacing:-2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
	background: -moz-linear-gradient(top,  #fefefe,  #f4f4f4);
}
.sorting {margin-top:-25px; height:25px; text-align:right;}
.sorting li {display:inline-block;}
.sorting li a {display:inline-block; padding:0 6px 0 8px; line-height:12px;  font-size:12px;  font-weight:bold; background:url("images/in_h03.png") no-repeat 0 50%;}
.sorting li:first-child a {background:none;}
.sorting li.on a {color:#3a85c7;}

.news-list {}
.news-list ul {margin-bottom:5px;}
.news-list li {height:32px; padding-left:25px; margin-bottom:1px; line-height:32px; border-bottom:1px solid #e0e0e0; 
	-webkit-background-size:6px 8px; background:url("images/bul_li02.png") no-repeat 10px 50%;}
.news-list li:nth-child(1), .news-list  li:nth-child(2) {background:url("images/bul_li01.png") no-repeat 10px 50%;}
.news-list li:nth-child(even) {background-color:#f2f2f2;}
.news-list li a {font-size:13px;}

.tab-btn {margin-top:-29px; height:29px; padding-right:10px; text-align:right;}
.tab-btn img {margin-left:2px;}

.gallery-block {margin-top:10px;}
.gallery-block .thum-area {overflow:hidden; position:relative; height:77px; margin:0 auto;}
.gallery-block ul {position:relative;}
.gallery-block li {position:relative; float:left; width:25%; text-align:center;}
.gallery-block li img {width:69px; height:46px;}
.gallery-block .ico {position:absolute; top:18px; left:53%; width:27px; height:27px;}
.gallery-block li span {display:block; width:69px; margin:3px auto 0; font-size:11px; line-height:14px; color:#585858;}
.gallery-block .btn-num {height:25px; margin-top:5px; line-height:20px; background:none;}

.favorit-block {margin-top:10px;}
.favorit-block li {float:left; width:33.3%; margin-bottom:5px; text-align:center;}
.favorit-block li img {width:94px; height:87px;}
.favorit-block li span {display:block; width:69px; margin:3px auto 0; font-size:11px; line-height:16px; color:#898989;}
.favorit-block li strong {font-size:12px; color:#555;}

.bookCafe-list {margin-top:10px; min-height:120px;}
.bookCafe-list ul {position:relative;}
.bookCafe-list li {padding:0 10px 0 114px;}
.bookCafe-list li:nth-child(1) {position:absolute; top:0; left:10px; padding:0;}
.bookCafe-list li:nth-child(1) img {width:92px; height:120px; border:1px solid #dfdfdf;}
.bookCafe-list li:nth-child(2), .bookCafe-list li:nth-child(2) a {line-height:24px; color:#3a85c7; font-weight:bold;}
.bookCafe-list li:nth-child(3), .bookCafe-list li:nth-child(3) a {line-height:18px; font-size:12px;}
.bookCafe-list li:nth-child(4), .bookCafe-list li:nth-child(4) a {font-size:12px; color:#888;}

.btn-more {margin:0 10px 19px 0; text-align:right;}
.btn-more a {padding-right:10px; text-decoration:underline; color:#898989; font-size:11px; line-height:11px; background:url("images/ico_arrow.png") no-repeat right 50%;}

