@charset "euc-kr";
/*CSS Document*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/css/fonts/NanumGothic.eot'); 
  src: local('¨¡'), url('/css/fonts/NanumGothic.woff') format('woff'), url('/css/fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('/css/fonts/NanumGothicBold.eot');     
  src: local('¨¡'), url('/css/fonts/NanumGothicBold.woff') format('woff'), url('/css/fonts/NanumGothicBold.ttf') format('truetype'); 
}
/* reset css */
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div{font-family:"³ª´®°íµñ",'NanumGothic','Nanum Gothic'; font-size:12px; color:#333; /*line-height:1.6;*/}
td, select{font-size:12px; color:#666;}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:middle;}/* ¾Ö´ÏÀ§Áî ¼Ö·ç¼ÇÀº middle */
input{vertical-align:middle;}
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#1c79ff; text-decoration:none;}
a:active{color:#333; text-decoration:none;}







/*********************************************************************** Çì´õ ***********************************************************************/
#Header{border-top:3px solid #01289f;}
#Header .inner{position:relative; width:1000px; height:80px; margin:0 auto;}

/* ·Î°í -------------------------------------------------*/
#Header h1{position:absolute; left:0; top:19px;}

/* ³×ºñ°ÔÀÌ¼Ç -------------------------------------------------*/
#Header .Navi{position:absolute; right:0; top:38px; overflow:hidden;}
#Header .Navi li{float:left; padding-left:64px; background:url(../img/common/navi_l.gif) 32px 50% no-repeat;}
#Header .Navi li.first{padding-left:0; background:none;}
#Header .Navi li a{display:block; font-size:17px; font-weight:600; color:#333; line-height:1.3;}
#Header .Navi li.on a{color:#2a64bf;}







/*********************************************************************** ǪÅÍ ***********************************************************************/
#Footer{background:#f7f7f7; text-align:center; padding:25px 0 70px; margin:50px 0 0; font-size:13px; color:#666; line-height:1.6;}
#Footer span{display:inline-block; margin:0 7px; color:#ddd;}
#Footer small{display:block; font-size:13px; color:#999;}







/*********************************************************************** Äü ***********************************************************************/
#quick{position:absolute; top:323px; left:50%; margin-left:520px;}






/*********************************************************************** ¸ÞÀÎ ***********************************************************************/
#M_vis{height:220px; background:url(../img/common/m_vis1.jpg) 50% 0 no-repeat #264322;}







/*********************************************************************** ¼­ºê·¹À̾ƿô ***********************************************************************/
#pagetit{width:1000px; font-size:25px; font-weight:600; color:#333; line-height:1.6; border-bottom:1px solid #ddd; margin:20px auto; padding:0 0 10px;}
#S_container{width:1000px; margin:0 auto; min-height:300px;}






/*********************************************************************** »óÇ°¸®½ºÆ® ¹× »ó¼¼ ***********************************************************************/
/* »óÇ°°Ë»ö --------------------------------------------------------*/
.prd_search{border:3px solid #e7e7e7; padding:10px 20px;}
.prd_search *{vertical-align:middle;}
.prd_search table{}
.prd_search table th{text-align:left; font-size:0;}
.prd_search table th input{width:195px; height:30px; line-height:20px; font-size:14px; color:#666; padding:0 0 0 5px; background:#fff; border:1px solid #ccc; margin-right:5px;}
.prd_search table th button{}
.prd_search table td{text-align:right; font-size:0;}
.prd_search table td select{min-width:130px; height:22px; font-size:12px; color:#666; background:#fff; border:1px solid #ccc; margin-right:5px;}
.prd_search table td input{width:55px; height:20px; line-height:20px; font-size:12px; color:#666; text-align:right; padding:0 5px 0 0; background:#fff; border:1px solid #ccc;}
.prd_search table td button{margin-left:5px;}
.prd_search table td font{font-size:12px; display:inline-block; width:20px; text-align:center;}
.prd_search table td span{display:inline-block; width:10px;}

/* ¼öÁ¾ ¸®½ºÆ® ----------------------------------------------------*/
.wood_list{overflow:hidden; margin:30px 0 0;}
.wood_list li{float:left; width:10%; text-align:center; padding:5px 0; margin:0 0 5px;}
.wood_list li:hover{background:#f2f2f2;}
.wood_list li a{display:block; font-weight:600; color:#222; font-size:13px; line-height:1.3;}
.wood_list li img{margin:0 0 5px;}

/* »çÀÌÁî ¼±Åà ----------------------------------------------------*/
.size_select{overflow:hidden; margin:30px 0 0;}
.size_select li{float:left; width:20%; text-align:center;}
.size_select li a{display:block; height:28px; line-height:28px; font-size:14px; color:#777; margin:0 2px; text-align:center; background:url(../img/sub/btn_bg_gray.gif) left bottom repeat-x; border:1px solid #9ea0a4;}
.size_select li a:hover{color:#333;}

/* ¸®½ºÆ® Á¦¸ñ ----------------------------------------------------*/
.prdlist_tit{height:34px; line-height:34px; text-align:center; font-size:15px; font-weight:600; color:#333; border-top:1px solid #0037e0; background:#ececec; margin:60px 0 30px;}

/* ¸®½ºÆ® ¿É¼Ç ----------------------------------------------------*/
.prdlist_option{margin:0 0 5px;}
.prdlist_option table{}
.prdlist_option table th{text-align:left; font-weight:normal; color:#333; font-size:13px;}
.prdlist_option table th b{font-weight:600;}
.prdlist_option table td{text-align:right;}
.prdlist_option table td select{min-width:130px; height:22px; font-size:13px; color:#666; background:#fff; border:1px solid #ccc;}

/* »óÇ°¸®½ºÆ® ----------------------------------------------------*/
.prdlist_table{}
.prdlist_table thead{}
.prdlist_table thead th, .prdlist_table thead td{height:40px; font-weight:600; color:#fff; font-size:13px; text-align:center; background:#6f7684;}
.prdlist_table thead th img, .prdlist_table thead td img{vertical-align:middle;}
.prdlist_table thead th{}
.prdlist_table thead td{}
.prdlist_table tbody{}
.prdlist_table tbody tr{}
.prdlist_table tbody tr:hover{background:#f2f2f2;}
.prdlist_table tbody th, .prdlist_table tbody td{height:40px; text-align:center; font-size:13px; color:#333; border-bottom:1px solid #e7e7e7}
.prdlist_table tbody th{}
.prdlist_table tbody td{}
.prdlist_table span{display:inline-block; width:66px; height:23px; line-height:21px; border-width:1px; border-style:solid; text-align:center; font-size:12px; font-weight:600; color:#fff; letter-spacing:-0.05em; border-radius:3px;}
.prdlist_table span.buy{background:#2f71c8; border-color:#2f71c8;}
.prdlist_table span.end{background:#8c8e93; border-color:#8c8e93;}
.prdlist_table span.tel{background:#bd151a; border-color:#bd151a;}


/* »óÇ°»ó¼¼ À̹ÌÁö ----------------------------------------------------*/
.prd_view_img{text-align:center; margin:30px 0 0;}
.prd_view_img div.img{position:relative;}
.prd_view_img div.img img{cursor:pointer;}
	/* È­»ìÇ¥ */
	.prd_view_img  div.img .btn_prev, .prd_view_img  div.img .btn_next{position:absolute; top:50%; margin-top:-20px;}
	.prd_view_img  div.img .btn_prev{left:0;}
	.prd_view_img  div.img .btn_next{right:0;}
.prd_view_img p{text-align:center; font-size:14px; color:#ff4545; line-height:1.6; margin:10px 0 20px;}
.prd_view_img ul{width:910px; margin:0 auto; overflow:hidden;}
.prd_view_img ul li{float:left; width:14.2%; text-align:center; margin:10px 0 0;}
	



/* »óÇ°»ó¼¼ Å×À̺í ----------------------------------------------------*/
.prd_view_table{border-width:1px 0 0 1px; border-style:solid; border-color:#d1d1d1 #fff #fff #e7e7e7; }
.prd_view_table th, .prd_view_table td{font-size:14px;   height:17px; padding:10px 0 10px 15px; font-weight:bold; color:#666; text-align:left; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.prd_view_table th{background:#f7f7f7; color:#333;}
.prd_view_table td{}
















/*********************************************************************** °øÅë ***********************************************************************/
/* ŸÀÌƲ ---------------------------------------------*/
h3{font-size:17px; font-weight:600; color:#333; line-height:1.3; padding-left:17px; background:url(../img/sub/h3.png) 0 50% no-repeat;}


/* ÆäÀÌ¡ ---------------------------------------------*/
.paging{text-align:center; margin:20px 0 0; font-size:0;}
.paging a{display:inline-block; width:23px; height:23px; line-height:23px; border:1px solid #ddd; margin:0 2px; font-size:11px; color:#999;}
.paging a:hover{background:#f7f7f7; border-color:#ccc; color:#666;}
.paging a.on{border-color:#3a8ad9; color:#3a8ad9; font-weight:600;}


/* ¸¶Áø ---------------------------------------------*/
.top3{margin-top:3px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top45{margin-top:45px;}
.top50{margin-top:50px;}
.top55{margin-top:55px;}
.top60{margin-top:60px;}
.top65{margin-top:65px;}
.top70{margin-top:70px;}
.top75{margin-top:75px;}
.top80{margin-top:80px;}
.top85{margin-top:85px;}
.top90{margin-top:90px;}
.top95{margin-top:95px;}
.top100{margin-top:100px;}

.bottom10{margin-bottom:10px;}
.bottom15{margin-bottom:15px;}
.bottom20{margin-bottom:20px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.clear{clear:both;}


/* °¡·Î»çÀÌÁî ---------------------------------------------*/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w350{width:350px;}
.w360{width:360px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w400{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w590{width:590px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}
.w850{width:850px;}
.w900{width:900px;}
.w950{width:950px;}