/* ------------- 웹폰트 ------------- */
/* -------------------------------------------- */
  @font-face {
	font-family: 'NanumGothic';
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.woff') format('woff'),
		url('../fonts/NanumGothic.ttf') format('truetype')
	font-weight: normal;
	font-style: normal;
}

/* ------------- 전체 영역 ------------- */
/* -------------------------------------------- */
* { margin:0; padding:0; vertical-align:middle; /* 수직정렬:특히 폼태그에 요소들 정렬할 때 사용 */ }
#wrap { float:left; width:995px; margin:0 auto; padding:0; }
body, header #search { margin:0; padding:0; }
body { font-family: "Dotum",Atial,serif; font-size:1em; color:#666; background:#fff url(../imgs/body_back.gif) repeat-x top; }
img { border:none; }
a { color:#666; text-decoration:none;  }
a:hover { color:#f60; text-decoration:none; }
.clear { clear:both; }

/* ------------- 헤더 영역 ------------- */
/* -------------------------------------------- */
header { margin-top:20px; }
header #logo { margin-left:10px; float:left; }
header #head_link { float:right; font-size:0.75em; margin-right:10px; }
header #head_link ul { list-style:none; }
header #head_link li { float:left; padding:0 8px; border-right:1px solid #999; }
header #head_link .no_line {border-right:none; }
header #search { float:right; margin:20px 10px 0 0; }
header #search .main_input { width:260px; height:22px; border:3px solid #336699; padding:0 5px; }
header #search .btn1 { background:#369; border:1px solid #369; color:#fff; height:28px; width:55px; margin-left:2px; }

/* ------------- 어사이드 영역 ------------- */
/* -------------------------------------------- */
aside { float:left; width:205px; }
nav { margin:25px 0 0 10px; font-size:0.8em; font:NanumGothic; }
nav ul {list-style:none; }
nav ul li { padding:5px 10px; text-transform:uppercase; }
nav ul li h3 { border:1px solid #ccc; border-radius:20px; padding:5px 20px; font-size:14px; text-transform:capitalize;
background:#e5e5e5 url(../imgs/nav_back.jpg) repeat-x top; }
nav ul li ul li { padding:0 0 0 20px; line-height:2em; }
nav ul li ul { margin:10px; 0 0 0; }
nav ul li a { display:block; }
nav ul li a:hover { text-align:right; }
nav ul li a:hover {text-indent:15px; /* 마우스 커서 오버 시 텍스트 15픽셀 안쪽으로 */ }
aside #banner { margin:10px 15px; }
#notice { margin:20px 0 15px 15px; font-size:0.75em; }
#notice h2{ font-family:NanumGothic; color:#336699; font-size:1.1em; border-bottom:1px solid #336699; padding:2px 0 5px 10px; 
background:url(../imgs/notice_h2.gif) no-repeat left center; }
#notice ul {list-style:none; margin:10px 0 0 0; } 
#notice ul li { line-height:1.5em; padding:0 0 0 7px; background:url(../imgs/notice_li.gif) no-repeat left center; }

/* ------------- 아티클 영역 ------------- */
/* -------------------------------------------- */
article { width:775px; float:right; margin:20px 0 0 15px; }
article #ad_main_banner ul {list-style:none; }
/* ------------- 베스트셀러 영역 ------------- */
#bestseller, #dslr_lens, #laptop { width:auto; padding-top:7px; font-size:0.75em; }
#bestseller h3, #dslr_lens h3, #laptop h3{ border-bottom:1px solid #369; padding:0 0 5px 0; margin:0 0 5px 0; 
font-family:"NanumGothic", serif; font-size:1.2em; color:#369; text-transform:uppercase; }
#bestseller .book { width:188px; text-align:center; float:left; background:url(../imgs/vline_grey.gif) repeat-y right; border:2px solid #fff; }
#bestseller .book img { margin:5px 0 0 0; }
#bearseller .book .sort, #bestseller .book .title, #bestseller .book .writer, #bestseller .book .price { padding:2px 0; margin:0; }
#bestseller .book .sort { margin-top:4px; }
#bestseller .book .title {font-weight:bold; }
#bestseller .book.no-back { background:none; }
#bestseller .book:hover { border:2px solid #f00; background:none; }
.link { position:absolute; width:188px; height:230px; z-index:2; }
/* ------------- dslr과 laptop 영역 ------------- */
#dslr_lens .goods, #laptop .goods{ width:170px; margin:5px 29px 5px 0;  /* 오른쪽 상품을 정렬 후 마진 변경으로 상품 사이 거리 조정 */
 border:1px solid #999; padding:15px 0; float:left; text-align:center; }
#dslr_lens .goods .dslr_img, #laptop .goods .laptop_img { height:110px; }
#dslr_lens .goods .title, #dslr_lens .goods .price { padding:5px 0; margin:0; }
article #ad_main_banner, article #ad_sub_banner { margin:10px 0; }
#dslr_lens .goods.goods_right, #laptop .goods.goods_right { float:right; margin:5px 0; } /* 정렬을 위해 오른쪽에 상품에 스타일 적용 */

/* -------------푸터 영역 ------------- */
/* -------------------------------------------- */
footer { font-size:0.75em; margin:10px 0 0 0; background:url(../imgs/foo_back.gif) repeat-x top; } 
footer ul { list-style:none; margin:0 0 0 210px; }
footer ul li { float:left; font-family:'NanumGothic', serif; background:url(../imgs/foot_line.gif) no-repeat right center; }
footer ul li a { font-size:1.1em; display:block; padding:5px 15px; }
footer img { margin:10px 0 0 40px; float:left; width:150px; }
footer #foot_note { margin:10px 0 0 25px; line-height:1.5em; float:left; width:600px; padding:0 0 20px 0; }
footer ul li.no_line { background:none; }

/* -------------sticky 영역 ------------- */
/* -------------------------------------------- */
#outer_wrap { width:1100px; margin:0 auto; padding:0; }
#sticky { width:82px; float:right; position:relative; /*  position을 지정해야 추후 자바스크립트를 이용한 효과 적용 가능 */ 
top:115px; padding:10px 5px; font-size:0.75em; background:#999; border-radius:10px; }
#sticky ul { list-style:none; }
#sticky ul li { background:url(../imgs/sticky_line.gif) repeat-x bottom; }
#sticky ul li a { display:block; padding:3px 0; height:27px; color:#fff; } 
#sticky .recent { text-align:center; margin:7px 0; padding:5px 0; background:#fff; border-radius:5px; }
#sticky .recent h3 { font-size:1em; color:#000; margin:0 0 5px 0;}
#sticky .recent ul { list-style:none; margin:0; padding:0; }
#sticky .recent ul li { padding:5px 0; background:none; }