@charset "euc-kr";
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
*, html, body, div, p, a, img{margin:0; padding:0;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
body,button{font-size:12px;line-height:1.5em;font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#777;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#777;text-decoration:none;}
a:hover{color:#669034;text-decoration:underline;}
input {height:13px;vertical-align:middle;border:1px solid #eee; background:#fcfcfc;}
input.rdo, input.chk {width:14px !important;padding:0 !important;margin:0 2px 0 0 !important;vertical-align:middle important;background:transparent !important;border:none !important;}
label {margin-right:20px}
em,address{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
textarea{overflow:auto;}
option{padding-right:6px;}
select {font-size:12px}
a:link, a:visited{color:#000; text-decoration:none;}
/*tobber CSS*/
#tobber {width:100%; height:18px; margin-bottom:5px;}
#tobber .tobber-box {width:965px; margin:0 auto;}
#tobber ul {float:right; margin-right:9px; margin-top:5px;}
#tobber ul li {float:left; margin-left:8px;}
#tobber ul li a {font-size: 11px; color:#45413f;}
#tobber ul>li>a:hover, #tobber ul>li>a:focus {color:#0197ff;}
/*header CSS*/
#header a {display:block;}
#header .header-box {width:965px; height:37px; margin:0 auto;}
#header h1 {width:151px; float:left;}
#header .navi {width:700px; float:left; margin:15px 0px 0px 114px;}
#header .navi>li {margin-right:24px;}
#header .navi li {float:left;}
#header .navi li img {padding-top:4px;}
#header .navi li>ul {height:40px; position:absolute; padding-top:18px;}
#header .navi li>ul>li {margin-left:8px;}
.bottom1 {margin-left:-6px;}
.bottom2 {margin-left:-380px;}
#header .big {font-size:15px; color:#282828; font-weight:bold;}
#header .small {font-size:12px; color:#454444;}
/*main-visular CSS*/
#main-visular {width:100%; height:698px; margin-top:40px;}
#main-visular .visual-box {width:965px; margin:0 auto;}
#main-visular .content1 {height:523px; background:url("../img/main-visual.jpg"); border-bottom: 3px solid #333;}
#main-visular .content2 {height:104px; margin-top:13px;}
#main-visular .number {width:136px; height:90px; float:right;}
#main-visular .quick-menu {width:823px; height:90px; float:left; overflow:hidden;}
#main-visular .quick-menu li {border-right:1px solid #cccccb; float:left;}
#main-visular .content3 {height:23px; margin-top:20px;}
#main-visular p {width:810px; float:left; margin:2px 25px 0 0;}
/*Common*/
.vm {vertical-align:middle}
.fl {float:left}
.fr {float:right}
.tc {text-align:center}
.input_text, textarea{border:1px solid #ccc; background:#fff}
.input_check, .input_radio{width:13px;height:13px;}
.blind, legend{display:block;overflow:hidden;}
hr{display:none;}
legend{*width:0;}
.mb10 {margin-bottom:10px}
.mt20 {margin-top:20px}
.mt-20 {margin-top:-20px}
/*Layout*/
body{text-align:center; }
/* default style --필요요소 추가해서 사용하세요 */
.hidden{display:none;}
#wrap{ }
#header{ background:url(../img/main_bg.jpg) repeat-x; height:800px; position:relative; margin:0 auto; }
/*footer*/
/* #footer_td { clear:both; text-align:center; background:url(../img/footer_bg.jpg) repeat-x } */
#footer {width:1000px; position:relative; top:0px; margin:0 auto; }
#footer p { margin:0 108px 0 0; }
.family_select {position:absolute; top:-225px; right:20px;}
/*Bottom*/
#bottom_td { background:url(../img/bottom_bg.jpg) repeat-x; background-color:#ffffff; }
#bottom_menu {clear:both; position:relative; height:63px; }
#bottom p { margin:0 220px 0 0; }
#mad{width:470px; }
#mad .con{width:470x; background:url(../images/mad_bg.gif) no-repeat; }
#mad .con td{}
/*제품비교*/
.compareBg{width:178px; height:205px; background:url(../img/compare_Pbg.gif) no-repeat; background-position: center;}
.Cpro01{margin:10px 0 0 10px; }
.Calign{vertical-align:top; padding-top:10px;}