@charset "utf-8";
/* CSS Document */

#s_wrap {margin:0 auto; width:100%; position:relative;  background:url(../img/sub/sub_bg.jpg) no-repeat 67% 0; }

#sub { position:relative; width:940px; margin:0 auto;}
/* 서브 레프트메뉴 */
#sub_navi {float:left; width:180px; margin-top:40px;}

/* 컨텐츠 영역 */
.content_in {position:relative; float:left;margin-top:73px;width:100%; margin-left:15px; margin-bottom:50px; }
/* 시틀영역 */
.s_ctle {margin-bottom:30px; }
.location {float:right; color:#838383; font-size:11px;}


.tab { margin-left:15px;}
.tab li {display:inline; }
.tab li.end {margin-left:-5px;}




/* comp */
.btn_print {text-align:right; }

.con_img {margin-bottom:20px;}
.con_img li.btn_print  {text-align:right;padding-right:40px;}

/* prod */

.container  {
background:url(../img/contents/common_pro_con_bg.png) no-repeat scroll -2000px 0 transparent;
margin:5px 37px;
padding-top:6px;
width:659px;
}
.container .c_left {
border-right:1px solid #CCCCCC;
font-size:12px;
font-weight:bold;
vertical-align:middle;
width:100px;
}
.container .no_line {
border-top:medium none;
}
.container .r_name {
background:none repeat scroll 0 0 #FFFFFF;
font-size:12px;
font-weight:bold;
color:#b20e1f;
}
.container .wrap {
background:url(../img/contents/common_pro_con_bg.png) no-repeat scroll -3000px bottom transparent;
float:left;
padding-bottom:3px;
width:659px;
}
.container table {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
float:left;
}
.container td {
border-top:1px solid #f2f2f2;
color:#333333;
font:11px/20px arial;
padding:10px 10px;

}
.container th {
border-top:1px solid #ccc;
color:#b20e1f;
width:25%;
font-size:12px; font-weight:bold;
padding:10px 10px;
}
.container td.end, .container th.end {border-top:none;}
.form {text-align:right; margin-right:35px; clear:both;}



/* Button */
.btn{position:relative;display:inline-block;margin:2px;vertical-align:middle;}
.btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
.btn a, 
.btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
.btn input, .btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.btn a{height:22px}
.btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}
.btn.medium a{height:28px}
.btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px}
.btn.large a{height:34px}


/* Form */
.form input[type=text],.form input[type=password],.form input[type=file],textarea
{position:relative;width:280px;margin:2px 0 2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form input[type=text],.form input[type=password],.form input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px}
.form input[type=checkbox],.form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
.form *[disabled=disabled]{background:#ddd;text-shadow:1px 1px 0 #fff}
.form textarea{padding:3px 4px;vertical-align:top}
.form span.desc{line-height:22px;vertical-align:middle}
.form p.desc{margin:.25em 0;line-height:1.4}
.form .q{font-weight:bold;color:#333;margin:0 0 5px 0}
.form .a{margin:0 0 5px 0}
.bg {background:#000;}

/* prod_brief */
#prod_brief { font-size:12px;width:740px;}
#prod_brief .b_title span , #prod_brief .b_s_title span{font-weight:bold;}
.b_title {  background:url(../img/contents/b_th_bg.jpg) no-repeat 0 0; height:40px; padding:10px 15px 0 30px; color:#fff;}
.b_s_title {xwidth:740px; background:url(../img/contents/b_th_bg_2.jpg) no-repeat 0 0; height:40px;padding:0 15px; vertical-align:middle;margin-top:-10px;}
.p_left {float:left; }
.p_right {margin-left:400px; }
.b_brief {padding:5px;color:#666; clear:both; line-height:1.8; min-height:200px; padding-left:25px;}
.b_foo {background:url(../img/contents/b_th_bg_2.jpg) no-repeat 0 0; height:40px; padding:0 15px; margin-top:20px;}
p.to_list { float:right; margin-right:10px;}