@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

* {font-family:'Noto Sans Kr','Nanum Gothic',NanumGothic,'나눔고딕',Dotum;font-size:100%;line-height:100%;color:#000;-webkit-text-size-adjust:100%;}
*,
*:after,
*:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 초기화 */
html {width:100%;height:100%;}
body {position:relative;width:100%;min-width:930px;height:100%;margin:0;padding:0;font-size:100%;line-height:100%;color:#000;background:#fff url('../img/main/bg.gif') repeat-x 0 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {list-style:none;margin:0;padding:0;}
/*legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}*/
img {vertical-align:middle}
p {margin:0;padding:0;word-break:break-all}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
img {max-width:100%;}

/* 상단 */
#hd {position:relative;width:930px;padding-top:20px;z-index:1001;zoom:1;}
	#hd:after {display:block;clear:both;content:"";visibility:hidden;}
#hd_logo {float:left;margin:0;padding:0;}
	#hd_logo a {display:block;width:200px;padding:5px 0 25px 0;text-align:center;}
#menu {float:right;position:relative;width:700px;height:40px;border:3px solid #992613 !important;background:#5b130a;background:rgba(91,19,10,0.9);}
#gnb {width:700px;height:40px;margin:0;padding:0;zoom:1;}
	#gnb:after {display:block;clear:both;content:"";visibility:hidden;}
	#gnb li {float:left;position:relative;height:40px;text-align:center;}
	#gnb li a {display:block;height:40px;padding:8px 15px;font-size:.9em;color:#fff;letter-spacing:-0.05em;}
	#gnb li a span {font-size:.7em;color:#f90;letter-spacing:-0.02em;}
	#gnb li a:active, #gnb li a:hover, #gnb li a:focus {color:#fd0;}
	#gnb li a:active span, #gnb li a:hover span, #gnb li a:focus span {color:#f2eae6;}
#pnb {position:absolute;left:13px;top:40px;width:435px;zoom:1;}
	#pnb:after {display:block;clear:both;content:"";visibility:hidden;}
	#pnb li {float:left;height:auto;margin:0 5px 3px 0;}
	#pnb li a {display:table-cell;width:137px;height:18px;padding:0;padding-left:3px;border-radius:5px;font-size:.75em;color:#f2eae6;line-height:1.2em;text-align:left;vertical-align:middle;background:#801e03;}
	#pnb li a:active, #pnb li a:hover, #pnb li a:focus {color:#fd0;}

/* 비주얼 */
#m_vis {position:relative;z-index:101;}
#m_vis .vis_img {position:absolute;left:0;top:0;width:650px;height:310px;margin-top:-2px;}

/* 제품 */
#m_prod {position:relative;width:930px;margin-top:398px;padding-left:30px;}
#m_prd_th {list-style:none;margin:0;padding:0;zoom:1;}
	#m_prd_th:after {display:block;clear:both;content:"";visibility:hidden;}
	#m_prd_th li {float:left;width:118px;height:150px;margin-right:10px;}
	#m_prd_th li a {display:block;width:118px;height:150px;text-align:center;}
	#m_prd_th li a span.img {display:block;margin-bottom:5px;border:1px solid #cbc6ac;background:#fff;}
	#m_prd_th li a:active span.img, #m_prd_th li a:hover span.img, #m_prd_th li a:focus span.img {border:1px solid #f30;}
	#m_prd_th li a span.txt {font-size:.8em;}
#m_prd_big {position:absolute;right:0;top:0;list-style:none;height:435px;margin:0;margin-top:-458px;padding:0;overflow:hidden;z-index:0;}
	#m_prd_big li {height:435px;margin:0;vertical-align:top;}
	#m_prd_big img {height:435px;vertical-align:top;}

#foot {position:relative;padding:20px;background:#f9f9f9;}
	#foot:after {display:block;clear:both;content:"";}
	#foot .ft_logo {float:left;margin:20px;margin-left:0;}
	#foot .ft_info {float:left;}
	#foot .ft_info h2 {margin-bottom:10px;font-size:1em;font-weight:normal;color:hsla(0,0%,0%,.7);}
	#foot .ft_info ul {list-style:none;margin:0;padding:0;}
	#foot .ft_info ul li {line-height:1.3em;}
	#foot .ft_info ul li span {display:inline-block;margin-right:15px;font-size:.8em;color:hsla(0,0%,0%,.7);}
	#foot .ft_info ul li span:before {content:"■";margin-right:5px;font-size:.8em;}
	#foot .ft_info ul li a.priv {color:#f34;cursor:pointer;}
	#foot .copy {margin-top:10px;font-size:.82em;color:hsla(0,0%,0%,.7);}
	#foot .copy strong {font-weight:600;color:hsla(0,0%,0%,.7);}