/* 레이아웃 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body							{ margin: 0px; padding: 0px; font-family: "Nanum Gothic", sans-serif;}
.yn_inner 		 				{ position: relative; width: 1277px; margin: 0 auto;}
a, a:hover, a:visited			{ color: #414141; text-decoration: none; outline: none;}
.section_divider				{ margin-top: 30px;}
ul, li							{ list-style: none; }

/* 헤더 */
#yn_header 						{ width: 100%; height: 180px; margin-bottom: 10px; }
#yn_header .border {
	width: 100%; height: 4px;
	background: #00b324;
	background: -webkit-linear-gradient(right, #00b324 , #188bd7);
	background: -o-linear-gradient(right, #00b324 , #188bd7);
	background: -moz-linear-gradient(right, #00b324 , #188bd7);
	background: linear-gradient(to right, #00b324 , #188bd7);
}
#yn_header .logo 				{ position: absolute; top: 25px; left: 0px; }
#yn_header .sns 				{ position: absolute; top: 30px; left: 190px; }
#yn_header .sns li  			{ list-style: none;	float: left; margin: 2px; }
#yn_header .topBanner 			{ position: absolute; top: 0; }
#yn_header .topBanner .prev 	{ position: absolute; top:0px; right: 15px;	}
#yn_header .topBanner .next 	{ position: absolute; top:0px; right: 0px; }
#yn_header #topBanner1      	{ right: 0px; }
#yn_header #topBanner2 			{ right: 0px; }

/* 메뉴 */
.main_menu 						{ background-color: #000; width: 100%; height: 40px; float: left; }
.main_menu ul 					{ margin: 0px; padding: 0px; }
.main_menu li 					{ float: left; list-style: none; position: relative; }
.main_menu .sub 				{ position: absolute; top: 55px; left: 0px; width: 760px; padding-left: 50px; }
.main_menu .sub a 				{ color: #AAA; padding: 0px 10px; text-decoration: none; border-right: 1px solid #DDD; }
.main_menu .sub a.active 		{ font-weight:bold; color: #414141; }
.main_menu .mymenu a 			{ text-decoration: none; color: #AAA; font-size: 12px; line-height: 45px; margin: 0px 13px;	}

/* 검색창 */
.search_m                       { width: 200px; height: 25px; border: 1px solid #DDD; position: absolute; top: 52px; right: 0px; }
.search_m input                 { border: none; padding: 4px; }
.search_m a                     { display: block; width: 10px; height: 16px; float: right; border-left: 1px solid #DDD; text-align: center; padding: 5px; }

/* 메인슬라이더 */
.prev, .next                    { z-index: 200; }
.main_visual 					{ position: relative; }
.main_visual .prev 				{ position: absolute; top: 120px; left: 30px; z-index: 200; }
.main_visual .next 				{ position: absolute; top: 120px; right: 30px; z-index: 200; }
.main_visual .dots 				{ position: absolute; bottom: 10px;	left: 50%; width: 100px; padding: 0px; margin: 0px; margin-left: -50px; }
.main_visual .dots li 			{ list-style: none; float: left; }
.main_visual .dots li a			{ width: 8px; height: 8px; border-radius: 100%; background-color: rgba(221, 221, 221, 0.65); display: block; margin: 0px 5px; }
.main_visual .dots li a.active  { background-color: rgba(65, 65, 65, 0.85); }

.slick-prev                     { display: inline-block; position: absolute; top: 120px; left: 30px; z-index: 199; }
.slick-next                     { display: inline-block; position: absolute; top: 120px; right: 30px; z-index: 199; }
.slick-dots                     { position: absolute; bottom: 10px;	left: 50%; width: 100px; padding: 0px; margin: 0px; margin-left: -50px; }
.slick-dots li                  { list-style: none; float: left; }
.slick-dots li button           { color: transparent; background-color: rgba(221, 221, 221, 0.65); display: block; margin: 0px 5px; border: none; border-radius: 100%; width: 10px; height: 10px; padding: 0px; outline: none; }
.slick-dots li.slick-active button    { background-color: rgba(65, 65, 65, 0.85); }

/* 공지사항 */
.main_notice_wrap 				{ width: 100%; height: 40px; line-height: 40px; border: 1px solid #DDD; }
.main_notice_wrap .title 		{ margin-left: 300px; float: left; margin-top: 12px; }
.main_notice_wrap .viewall 		{ margin: 14px;	margin-top: 8px; float: left; }
.main_notice_wrap a 			{ font-size: 12px; }

/* 메인 배너1 */
.main_box1						{ position: relative; float: left; }
.main_box1 .prev 				{ position: absolute; top: 250px; left: 30px; }
.main_box1 .next 				{ position: absolute; top: 250px; right: 30px; }
.main_box1 .prev img, .main_box1 .next img { width: 12px; }
.main_box1 .dots 				{ position: absolute; bottom: 10px;	left: 50%; width: 100px; padding: 0px; margin: 0px; margin-left: -50px; }
.main_box1 .dots li 			{ list-style: none; float: left; }
.main_box1 .dots li a			{ width: 8px; height: 8px; border-radius: 100%; background-color: rgba(221, 221, 221, 0.65); display: block; margin: 0px 5px; }
.main_box1 .dots li a.active    { background-color: rgba(65, 65, 65, 0.85); }

/* 상품 박스 */
.goods_box 						{ position: relative; width: 220px; height: 300px; text-align: center; float: left; margin-right: 47px; }
.goods_box:last-child 			{ margin-right: 0px; }
.goods_box img					{ border: 1px solid #DDD; }
.goods_box .labels 				{ position: absolute; top: 0px; left: 0px; border: none; }
.goods_box .color 				{ display: block; width: 100%; float: left; text-align: center; padding-left: 65zpx; margin: 5px; }
.goods_box .color li 			{ float: left; text-align:center;}
.goods_box .color li a 			{ display: block; width: 8px; height: 8px; margin: 5px;}
.goods_box .color li:nth-child(1) a { background-color: #ff0000; border:1px solid #ccc;}
.goods_box .color li:nth-child(2) a { background-color: #ffae00; border:1px solid #ccc;}
.goods_box .color li:nth-child(3) a { background-color: #ffd800; border:1px solid #ccc;}
.goods_box .color li:nth-child(4) a { background-color: #009f18; border:1px solid #ccc;}
.goods_box .color li:nth-child(5) a { background-color: #0000ff; border:1px solid #ccc;}

.goods_box h1					{ font-size:14px; border-bottom: 1px solid #DDD; padding: 5px; margin: 3px 20px; }
.goods_box h2 					{ margin: 0px; margin-top: -5px; }
.goods_box h2 .before 			{ font-size:12px; color: #AAA; text-decoration: line-through; }
.goods_box h2 .now 				{ font-size:14px; color: #000; }
.goods_box h2 .discount			{ font-size:12px; color: #cc0000; font-weight:bold; }

/* weekly_best */
.weekly_best 					{ float: left; margin-left: 30px; width: 755px;	}
.weekly_best .title 			{ border-bottom: 1px solid #DDD; width: 100%; height: 21px; margin-bottom: 25px; }
.weekly_best .title ul			{ float: right; font-size: 12px; }
.weekly_best .title ul li 		{ float: left; font-size: 12px; margin: 5px; margin-top: -10px; }
.weekly_best .title ul li a.active { font-weight: bold;	}

/* best_comment */
.best_comment 					{ float: left; margin-left: 30px; width: 755px;	margin-top: 30px; }
.best_comment .title 			{ border-bottom: 1px solid #DDD; width: 100%; height: 21px;	margin-bottom: 25px; }
.best_comment .title ul 		{ float: right; font-size: 12px; }
.best_comment .title ul li 		{ float: left; font-size: 12px; margin: 5px; margin-top: -10px; }
.best_comment .title ul li a.active { font-weight: bold; }
.best_comment ul.board 			{ margin: 0px; padding: 0px; }
.best_comment ul.board li 		{ float: left; margin-top:3px; font-size: 14px; }
.best_comment ul.board li span.rank { font-weight: bold; color: #0b3e8f; margin-right: 10px; }
.best_comment ul.board li span.cate { font-weight: bold; color: #AAA; margin-right: 5px; }
.best_comment ul.board li span.goods { font-weight: bold; margin-right: 5px; }
.best_comment ul.board li span.title { border: none; }

/* 타임세일 */
#timesale .goods_box  			{ margin-left:50px; }
#timesale .timelimit 			{ position: absolute; bottom: -97px; width: 220px; text-align: center; font-weight: bold; }
#timesale .timelimit h1, #timesale .timelimit img { border: none; }
#timesale .timelimit .red 		{ color: red; }
#timesale .timelimit a			{ width: 10px; height: 10px; border: 4px solid #AAA; border-radius: 100%; display: block; margin: 0 auto; }

/* 신상품 */
#newarrivals .goods_box  		{ margin-left:50px; }

/* 메인 배너2 */
.main_box2						{ position: relative; float: right; }
.main_box2 .prev 				{ position: absolute; top: 300px; left: 30px; }
.main_box2 .next 				{ position: absolute; top: 300px; right: 30px; }
.main_box2 .prev img, .main_box2 .next img { /*width: 12px;*/ }
.main_box2 .dots 				{ position: absolute; bottom: 10px;	left: 50%; width: 100px; padding: 0px; margin: 0px; margin-left: -50px; }
.main_box2 .dots li 			{ list-style: none; float: left; }
.main_box2 .dots li a			{ width: 8px; height: 8px; border-radius: 100%; background-color: rgba(221, 221, 221, 0.65); display: block; margin: 0px 5px; }
.main_box2 .dots li a.active    { background-color: rgba(65, 65, 65, 0.85); }

/* yonex_outlet */
.yonex_outlet 					{ float: left; margin-right: 30px; width: 755px;	}
.yonex_outlet .title 			{ border-bottom: 1px solid #DDD; width: 100%; height: 21px; margin-bottom: 25px; }
.yonex_outlet .title ul			{ float: right; font-size: 12px; }
.yonex_outlet .title ul li 		{ float: left; font-size: 12px; margin: 5px; margin-top: -10px; }
.yonex_outlet .title ul li a.active { font-weight: bold;	}

.yonex_outlet .goods_box 		{ margin-right: 30px; margin-bottom: 30px; }