/* ---------------- 동방생활산업 2009년 리뉴얼
ver:09.01
작성자:이광진/hano@dongbangsystem.com
-------------------------------------------- */

@charset "utf-8";

@font-face {font-family:malgun;src:url(malgun.eot);}

body {margin:0; font-family:"맑은 고딕", malgun, sans-serif;}
.clear {clear:both;}


/* 숨김영역 */
#accessibility, .skip, hr, legend {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

/* Bottom */
#Bottom {display:block; position:relative; clear:both; margin-top:100px; margin-bottom:50px;  width:100%;background:url(../img/bottom_bg.gif) repeat-x;}



/*-----------------------------------------------------------------------------------
                                                                           메인화면
------------------------------------------------------------------------------------*/

#Main {display:block; margin:0;}
#Main #container {display:block; position:inherit; height:650px;}

/* Navgation*/
#Main #Nav {display:block; position:absolute; width:180px; margin-top:0; margin-right:10px;}
/* - 플래시로 대체됨
#Main #Nav ul {margin:0 5px 15px 25px; padding:0; color:#555; list-style:none; font-size:1em;}
#Main #Nav li ul {margin:1px 0 5px 3px; color:#9c9c9c; font-size:.9em;}
#Main #Nav li li {line-height:1.2em;}
#Main #Nav li li a {text-decoration:none; color:#9c9c9c;}
#Main #Nav li li a:hover{text-decoration:underline; color:#5abfdd;}
#Main #Nav a {text-decoration:none; color:#555;}
#Main #Nav a:hover{color:#e0883b; font-weight:bold;}
*/

/* Image */
#Main #Img {display:block; position:absolute; width:460px; margin-top:0; left:190px; text-align:center;}

/* Content */
#Main #Content {display:block; position:absolute; width:300px; margin-top:0; left:660px;}
#Main .TopLink {font-size:.6em; margin-top:20px; color:#6c6c6c; text-transform: uppercase; text-align:center;}
#Main .TopLink a, #Sub .TopLink a {text-decoration:none; color:#6c6c6c;}
#Main .TopLink a:hover, #Sub .TopLink a:hover {color:#e0883b;}
.Product {display:block; margin:20px auto;}
.Notice {display:block; width:260px; margin:10px auto; font-size:12px; color:#9c9c9c;}
/* 슬로건 테이블형 적용시 */
.Slogan {width:244px; height:154px; margin:20px auto; padding:3px; background:url(../img/slogan_bg.gif) no-repeat; text-align:center;}
.Slogan .in1 {font-size:12px; color:#730202;}
.Slogan .in2 {font-size:30px;font-weight:bold; color:#6baab9;}
.Slogan .in3 {font-size:11px; font-weight:bold; color:#c10000;}
.Slogan .in3 a {font-size:11px; font-weight:normal; color:#9c9c9c; text-decoration:none;}
/* 슬로건 이미지형 적용시 */
img.Slogan {display:block; margin:20px auto; padding:0; border:none;}


/*-----------------------------------------------------------------------------------
                                                                         서브페이지
------------------------------------------------------------------------------------*/

#Sub {margin:0;}
#Sub #container {width:980px; display:compact;}

/* Top */
#Sub #Top {width:100%; height:200px; background:url(../img/subtop_bg.gif) repeat-x top;}
#Sub .TopLink {font-size:.6em; margin-top:0; color:#6c6c6c; text-transform: uppercase; text-align:right;}

/* Navgation */
#Sub #Nav {display:block; width:140px; float:left;}
#Sub #Nav img {margin:0;}
#Sub #Nav ul {margin-top:7px!important; margin:0; padding:0; color:#9c9c9c; list-style:none;}
#Sub #Nav li {margin-top:5px; padding:0;}
#Sub #Nav li a {display:block; height:17px; padding-left:20px; font-size:13px; text-decoration:none; color:#9c9c9c; border-bottom:#cfcfcf dotted 1px;}
#Sub #Nav li a:hover {border-left:#d9a491 solid 2px; color:#808080; padding-left:18px; font-weight:bold;}

/* Content */
#Sub #Content {display:block; width:800px; float:left; margin-top:40px; margin-left:40px;}
.box1 {display:block; margin-top:40px; margin-left:40px; padding:1px;}
.box1 .head {float:left; margin-left:30px; line-height:1.3em; font-size:.9em; font-weight:bold; color:#d9a491;}
.box1 .body {float:left; margin-left:20px; line-height:1.3em; font-size:.9em; color:#5F5F5F;}

.grid {border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; font-size:.8em; color:#5F5F5F;}
.grid a {color:#5f5f5f; text-decoration:none;}
.grid a:hover {color:#63b5c9;}
.grid th {padding:4px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; color:#979797; background-color:#efefef;}
.grid td {padding:4px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.grid caption {text-align:left; margin-left:7px; padding:3px;}
.grid0 {margin-left:20px; padding:5px; font-size:.8em; color:#5f5f5f;}
.grid0 td {padding:2px; line-height:1.2em;}
.input1 {font-weight:bold; color:#d9a491;}
.input2 {color:#979797; background-color:#efefef;}
dl.qna {width:750px; margin:10px; font-size:13px;}
dl.qna dt {padding:5px; background:#FDFCDF; color:#F60; font-weight:bold; padding:3px; margin:3px;}
dl.qna dt a {color:#777; text-decoration:none;}
dl.qna dd {margin-left:7px; padding:5px; color:#555; overflow:hidden; font-size:12px; line-height:18px;}
dl.qna dd td, dl.qna dd th, dl.qna dd caption {font-size:12px;}