@charset "euc-kr";

/* ±âº» */
html, body {margin:0; padding:0;}
body, input, label, textarea, th, td {color:#9B9B9B; font:12px/18px "µ¸¿ò", Dotum, sans-serif; }
select {color:#656565; font:11px/18px "µ¸¿ò", Dotum, sans-serif;border:1px solid #DBDBDB;height:20px; }
textarea {
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-face-color:#eee; 
	scrollbar-shadow-color:#eee; 
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#b4b4b4; 
	scrollbar-darkshadow-color:#b4b4b4;
	scrollbar-track-color:#f8f8f8; 
	scrollbar-arrow-color:#9a9a9a;
}
a, div, dl, dt, dd, form, iframe, p, ol, ul, li, img, h1, h2, h3, h4, h5, h6, span {margin:0; padding:0;font-family:"µ¸¿ò", Dotum, sans-serif; text-align:left; }

a:link, a:active, a:visited, a {color:#707070; text-decoration:none;cursor:hand; }
a:hover {text-decoration:none; }

hr {display:none; }
img {padding:0;margin:0;border:0; font-size:0; line-height:0; vertical-align:top; }

ul, ol {list-style:none;}

/*Å×ÀÌºí°øÅë */
table, th, td {margin:0; padding:0; border:0; border-spacing:0; border-collapse:collapse; font-size:12px; line-height:16px; }
legend, caption {display:none;}
table a:hover {color:#FF6600;}

/*ÀÔ·ÂÆû°øÅë */
fieldset {margin:0; padding:0; border:0 none; }
input {margin:0; padding:0;border:1px solid #DBDBDB;}


/* ¸ÞÀÎ */
#book {width:922px;background:url(/tpl/images/main/flash_bgBot.gif) no-repeat 0 bottom;padding:0 0 12px 0;}
#book .bookTop {background:url(/tpl/images/main/flash_bgTop.gif) no-repeat 0 top;text-align:center;}

#m_left {float:left; display:inline; width:215px;margin:12px 0 0 11px;}
#m_left .notice {float:left;position:relative; margin-top:10px;}
#m_left .notice h2 {float:left;font-size:0;margin-right:2px;}
#m_left .notice ul {float:left;width:215px;border-top:1px solid #DBDBDB;margin-top:-1px;padding-top:15px;}
#m_left .notice li {background:url(/tpl/images/main/icon_dot.gif) no-repeat 4px 45%;font-size:11px; display:block; padding:0 10px;}
#m_left .notice li a {color:#9A9A9A;}
#m_left .notice .icon {margin:2px 0 0 5px;}
#m_left .notice .btnMore {position:absolute;display:block;right:2px;top:11px;}
#m_left #notice_contents{display:block;}
#m_left #event_contents{display:none;}

#m_left .blog {float:left;position:relative;margin-top:20px;}
#m_left .blog h2 {float:left;font-size:0;margin-bottom:1px;}
#m_left .blog ul {float:left;width:215px;border-top:1px solid #DBDBDB;padding-top:15px;}
#m_left .blog li {background:url(/tpl/images/main/icon_dot.gif) no-repeat 4px 45%;font-size:11px;padding:0 10px;}
#m_left .blog li a {color:#9A9A9A;}
#m_left .blog .icon {margin:2px 0 0 5px;}
#m_left .blog .btnMore {position:absolute;display:block;right:2px;top:5px;}

#m_right .quick {clear:both;width:215px;margin-top:20px;text-align:center;}


#m_center {float:left; width:420px; margin:12px 20px 0 30px;}
#m_center .search {float:left; width:420px; margin-bottom:8px;}
#m_center .search li {float:left;}
#m_center .search li img {margin-left:2px;}
#m_center .search li input {width:290px; margin:0; padding:3px 0 0 0; border:2px solid #95CB5B; height:20px;}

#m_center .listBox {float:left; width:420px; border:1px solid #E2E2E2; margin:9px 0; font-size:11px;}
#m_center .list {position:relative; float:left; width:200px; padding:7px 4px 0 4px;}
#m_center .list h2 {float:left; font-size:0;}
#m_center .list ul {float:left; width:200px; padding:10px 0;}
#m_center .list li {float:left; width:188px; background:url(/tpl/images/main/icon_dot.gif) no-repeat 6px 45%; padding-left:12px;}
#m_center .list li a {color:#9A9A9A;}
#m_center .list .btnMore {position:absolute; display:block; right:8px; top:17px;}


#m_right {float:left; width:215px; margin:12px 0 0 0;}
#m_right .bestSeller  {float:left; width:213px; border:1px solid #E2E2E2; padding:0 0 10px 0;}
#m_right .bestSeller h2 {float:left; font-size:0; padding:7px 0 10px 7px;}
#m_right .bestSeller .box {position:relative; float:left; margin:0 0 10px 0; background:url(/tpl/images/main/line_dot.gif) no-repeat bottom; padding:0 0 10px 0;}
#m_right .bestSeller .boxEnd {position:relative ;float:left;}
#m_right .bestSeller dl {width:207px; margin:0 0 0 7px;}
#m_right .bestSeller dt {float:left; font-size:0; border:1px solid #D1D1D1; width:50px; height:68px;}
#m_right .bestSeller dd {float:left; width:140px; margin:3px 0 0 10px; font-size:11px; line-height:14px;}
#m_right .bestSeller dd a {color:#9A9A9A;}
#m_right .bestSeller dd.tit {color:#646464; font-weight:bold; font-size:11px;}
#m_right .bestSeller .ranking {position:absolute; display:block; left:5px; top:-3px;}

#m_left .twitter {width:215px; margin:0px 3px 5px 3px;}

#m_left .widget {width:215px; margin:3px 3px 3px 3px;}
#m_left .widget .pl {padding-left:1px;}
