/* common */
* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
html { overflow-y:scroll; *overflow-x:auto;}
body { *word-break:break-all; -ms-word-break:break-all; }
body, input, button { font-size:13px; line-height:1.5em; font-family:Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#383d41; }
h1, h2, h3, h4, h5, h6 { font-size:13px; text-align:left; }
img, fieldset, iframe { border:0 none; }
ul li { list-style:none; }
a { color:#666; text-decoration:none; }
a:hover { color: #fc7700; text-decoration:none; }
textarea { overflow:auto; }


#wrap{width:1004px; text-align:left; }

#header{width:1004px;float:left; height:117;}
#content{width:1004px; /*margin-top:745px;*/ float:left;}
#bottom{width:1004px; /*margin-top:861px;*/ float:left;}


/*메인페이지 관련*/

.main_text{width:450px; margin-top:90px;}
.main_notice{width:450px; margin-top:44px;}
.main_txt01{color: #898989; font-family: 돋움; font-size: 13px; line-height:22px;}
.main_gallery{width:450px; margin-top:29px;}


/*서브페이지*/
#sub_middle{width:1040px; float:left;}
#sub_bottom{width:1040px; float:left;}
#sub_m2{width:825px;}



.sub_01{width:221px;}
.sub_02{width:603px;}
.sub_03{width:9px;}

#quick_wrap { width:1100px; margin:0 auto; clear:both;}
.cl {clear:both;} /* float아래에 넣어서 인식시키는 클래스 */


#go_form { padding:0 0 80px 0;}
#go_form table { color:#666; border-collapse:collapse; margin-bottom:20px; width:100%; text-align:left;}
#go_form table.col_table th { text-align:center; width:11%; letter-spacing:-1px;}
#go_form table.row_table th { text-align:center;}

#go_form table th { padding:4px; font-weight:bold; letter-spacing:-1px; border:#ccc solid 1px; font-size:13px; background-color:#efefef; letter-spacing:-1px;}
#go_form table td { padding:4px; border:#ccc solid 1px;}
#go_form2 { padding:0 20px 80px 20px;}
#go_form2 table { color:#888; border-collapse:collapse; margin-bottom:20px; width:100%; text-align:left;}
#go_form2 table.col_table th { text-align:right; width:10%;}

#go_form2 table th { padding:6px; font-weight:bold; letter-spacing:-1px; border:#ccc solid 1px; font-size:13px; background-color:#efefef; letter-spacing:-1px;}
#go_form2 table td { padding:6px; border:#ccc solid 1px; letter-spacing:-1px; font-size:13px;}
#go_form2 .num { width:25px;}
#go_form2 table td label { margin-right:10px; display:inline-block;}

.input_txt, .txtarea { border:#ccc solid 1px; padding:4px; width:80px;}
.txtarea { border:#ddd solid 1px; padding:4px; width:98%; overflow-y:scroll; height:150px;}
.num { width:40px;}
body {	background:url(../images/mainbg.jpg) top center repeat-x; background-color:#FFFFFF;}
.ch_box label { margin-right:13px; font-size:13px; letter-spacing:-1px;}

.brand_group { padding:0 20px 50px 20px; min-height:100px; position:relative;}
.brand_group h4 { background:url(../images/ico_sub.jpg) 0 0 no-repeat; padding-left:25px; font-size:16px; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:4px;}
.brand_group ul li { overflow:hidden; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:20px;}
.brand_group ul li dl { float:left; width:410px; text-align:left;}
.brand_group ul li dt { font-weight:bold; color:#6e90b6; padding-bottom:10px; font-size:14px;}
.brand_group ul li dd { background-color:#f0f4f8; padding:10px;}
.brand_group .thumb_img { border-collapse:collapse; float:left; margin-right:40px; margin-left:20px; vertical-align:middle; text-align:center; width:209px; height:143px;}
.nav_group { text-align:center; padding-top:15px;}
.nav_group a { padding:3px 6px 0 6px; line-height:15px; position:relative; top:-1px; *top:5px;}
.nav_group a:hover dl dd,
.nav_group a:hover dl dt{ text-decoration:none; color:#F63;}
.nav_group a img { vertical-align:bottom; position:relative; top:1px; *top:-4px;}
.nav_group a.on { background-color:#6e90b6; color:#fff;}


#brand_detail_group { padding:0 20px 50px 20px;}
#brand_detail_group h4 { background:url(../images/ico_sub.jpg) 0 0 no-repeat; padding-left:25px; font-size:20px; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:4px;}
#brand_detail_group ul li { overflow:hidden; padding-bottom:20px; border-bottom:#d8d9dc solid 1px; padding-top:20px;}
#brand_detail_group ul li dl { float:left; width:320px; text-align:left; overflow:hidden;}
#brand_detail_group ul li dt { font-weight:bold; color:#6e90b6; padding-bottom:10px; font-size:15px; border-bottom:#d8d9dc solid 1px; margin-bottom:10px;}
#brand_detail_group ul li dd { padding:10px;}
#brand_detail_group .thumb_img { float:left; margin-right:20px; margin-left:20px; vertical-align:middle; text-align:center; width:325px; height:222px; position:relative;}
#brand_detail_group .thumb_img a {border:#fff solid 1px; display:block;}
#brand_detail_group .thumb_img a:hover{ border:#000 solid 1px; opacity:0.7; filter:alpha(opacity=70); }
#brand_detail_group .thumb_img a:hover .btn_plus { position:absolute; top:0; left:0; display:block; background:url(images/plus.png) center 50% no-repeat; width:325px; height:222px;}
#brand_detail_group .product_group h4{ margin-top:40px; margin-bottom:20px;}
#brand_detail_group .product_group .div_ul { overflow:hidden; position:relative;}
#brand_detail_group .product_group .div_ul .div_li { float:left; padding:6px; border-bottom:none; overflow:visible;}
#brand_detail_group .product_group .div_ul .div_li span { display:block; position:relative;}
#brand_detail_group .product_group .div_ul .div_li a:hover span em { position:absolute; width:100%; height:100%; background:url(../images/plus.png) 50% 50% no-repeat;}
#brand_detail_group .product_group .div_ul .div_li span.title { padding-top:5px;}
.check_box { position:relative; bottom:-2px;}

/*layerPopup*/
#blackWrap {	position:absolute;	left:0; top:0; width:0px; height:0px;	background:#000;	opacity:0.5; filter:alpha(opacity=50);	z-index:200;}
#layerPopup {	position:absolute;	left:0; top:0;	display:none;	z-index:201;}
#layerPopup .content { cursor:default; }
#layerPopup .handle {cursor:move;}
.a_layerPopup { cursor:pointer; }
.halfOpacity {opacity:0.5; *filter:alpha(opacity=50);}
#ajaxTarget {width:0; height:0; border:0; display:none;}
.ellipsis {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
input.bigFont {font-family: Helvetica, Arial, Dotum, sans-serif; font-size: 14pt; font-weight:bold; height:22px; padding-top:4px; padding-left:5px;}

.loading {
	position:absolute; top:0; left:0;
	background:url(/sboard/images/loading_white.gif) center center no-repeat;
	background-color:#fff;
	width:100%; height:100%;
}
.on_tit { float:left; width:150px; font-size:13px; margin-right:10px; border-right:#e1e1e1 solid 1px; padding-right:10px; padding-top:3px;}

.sect td, .sect th{border-top:#ccc double 3px !important;}

.imgWrapTable {table-layout:fixed; border-collapse:collapse;}
.imgWrapTable td {padding:0; vertical-align:middle; text-align:center;}

.important { color:#fb5f36; margin-right:2px;}



/* process03 */
.process03 h3 { font-size:30px; color:#0d303e; margin-bottom:20px; }
.process03 .box01 { overflow:hidden; height:100%; }
.process03 .box01 p { margin-right:24px; float:left; width:109px; height:93px; padding-top:26px; text-align:center; border:1px solid #dbdbdb; }
.process03  table { border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; }
.process03  table th { border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#fafafa; font-size:13px; font-weight:normal; color:#555;}
.process03  table td { text-align:center; font-size:13px; color:#555555; padding:12px 0; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; overflow:hidden; }
.process03  table td.bg { background:#f3f9f9; }
.process03  table td input { vertical-align:top; margin-right:5px; }
.process03 .box01 { margin-bottom:26px; }
.process03 .box01 table {width:864px; }
.process03 .box02,.process03 .box03,.process03 .box04,.process03 .box05,.process03 .box06 { margin-bottom:10px; }
.process03 .box02 table td th {background-color:#fafafa;}
.process03 .box02 table td p { text-align:left; padding-left:45px; line-height:24px; }
.process03 .box03 table td ul { text-align:left; padding-left:45px; overflow:hidden; height:100%; }
.process03 .box03 table td ul li { float:left; margin:0 30px ; }
.process03 .box03 table td ul li p.p01 { overflow:hidden; margin-bottom:5px; height:100%; }
.process03 .box03 table td ul li p.p02 { height:20px; line-height:20px; text-align:center; margin-bottom:10px; }
.process03 .box04 table td p { text-align:left; padding-left:45px; float:left; height:20px; line-height:20px; }
.process03 .box04 table td p.marB { margin-bottom:10px; }
.process03 .box05 .btn { padding:20px 0; text-align:center; }
.process03 .box05 table td p { text-align:left; padding-left:45px; float:left; width:185px; height:20px; line-height:20px; }
.process03 .box05 table td p.marB { margin-bottom:10px; }
.process03 .box07 { margin-bottom:30px; }
.process03 .box08 table { margin-bottom:10px; } 
.process03 .box08 table th { background:#5992c8; border-right:1px solid #e0e0e0; padding:12px 0; text-align:center; font-size:16px; color:#fff; }
.process03 .box08 table td { text-align:right; border-right:1px solid #e0e0e0; padding:12px 10px 12px 0; font-size:16px; color:#555555; font-weight:bold; }
.process03 .box08 p { text-align:center; }
.process03 .box08 p a { margin-left:10px; }
.input_border { border:1px solid #e0e0e0;}
.process03 .title_name {font-weight: bold;}