/* 서브 상단 이미지 백그라운드 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#sub_wrap {width:100%; float:left;  min-height:100%;  position:relative;  background:url(/img/common/main_bg.png) repeat-x ;}
#sub_wrap  .sub_wrap_small {width:940px; margin:0 auto;}
.sub_bg_box1 {background:url(/img/company/sub_bg_img.png) no-repeat 0 50%; }
.sub_bg_box2 {background:url(/img/pillar/sub_bg_img.png) no-repeat 0 50%; }
.sub_bg_box3 {background:url(/img/window/sub_bg_img.png) no-repeat 0 50%;}
.sub_bg_box4 {background:url(/img/wood/sub_bg_img.png) no-repeat 0 50%; }
.sub_bg_box5 {background:url(/img/online/sub_bg_img.png) no-repeat 0 50%; }
.sub_bg_box6 {background:url(/img/board/sub_bg_img.png) no-repeat 0 50%; }
.sub_bg_box1, .sub_bg_box2, .sub_bg_box3, .sub_bg_box4, .sub_bg_box5 , .sub_bg_box6 {float:left; width:100%; height:211px; margin-bottom:50px; height:200px;} 


/* 서브 왼쪽 메뉴 */
#sub_wrap  .sub_wrap_small #sub_con_left {float:left; width:216px; min-height:100%;}
#sub_wrap  .sub_wrap_small #sub_con_left dl {width:100%; float:left;}
#sub_wrap  .sub_wrap_small #sub_con_left dl dt {float:left; width:100%; margin-bottom:20px;}
#sub_wrap  .sub_wrap_small #sub_con_left dl dd {float:left; height:30px; line-height:30px; border-bottom:1px solid #e3e4e4; background:url(/img/common/sub_left_arrow.png) no-repeat 0% 50%; padding-left:22px; width:194px;}
#sub_wrap  .sub_wrap_small #sub_con_left dl dd a {color:#666;}
#sub_wrap  .sub_wrap_small #sub_con_left dl .fir, #sub_wrap  #sub_wrap_small #sub_con_left dl .fir1 {border-bottom:0; height:24px;  line-height:24px;}
#sub_wrap  .sub_wrap_small #sub_con_left dl .fir {padding-top:7px;}
#sub_wrap  .sub_wrap_small #sub_con_left dl .last {height:24px; line-height:24px; padding-bottom:7px;}
#sub_wrap  .sub_wrap_small #sub_con_left p {margin-left:10px; }
#page1 .active1 a , #page2 .active2 a , #page3 .active3 a, #page4 .active4 a , #page5 .active5 a {color:#53869c; font-weight:bold;}

/* 서브 오른쪽 컨테츠 */
#sub_wrap  .sub_wrap_small #sub_con_right {float:right; width:690px; min-height:100%;}
.now_navigation ul {float:left; width:100%; border-bottom:1px solid #ddd; padding-bottom:10px;}
.now_navigation ul li {display:inline-block; float:left; width:50%;}
.now_navigation ul .last {color:#888; text-align:right;}


/* 서브 컨텐츠 하위 메뉴 */
.sub_detail_menu {}
.sub_detail_menu li {float:left; display:inline-block; width:157px; margin-right:3px; margin-bottom:3px; padding:3px 0; text-align:center; border:1px solid #ddd; }
.sub_detail_menu li a, .sub_detail_menu2 li a {color:#666; font-size:11px;}
.sub_detail_menu .last, .sub_detail_menu2 .last {margin-right:0;}
.sub_detail_menu .none1, .sub_detail_menu2 .none1 {border:0;}
.sub_detail_menu2 li {float:left; display:inline-block; width:314px; margin-right:3px; margin-bottom:3px; padding:3px 0; text-align:center; border:1px solid #ddd; }
.page1 #sdm_choice1, .page2 #sdm_choice2, .page3 #sdm_choice3, .page4 #sdm_choice4 {background:#666; border:1px solid #666; }
.page1 #sdm_choice1 a, .page2 #sdm_choice2 a, .page3 #sdm_choice3 a, .page4 #sdm_choice4 a {color:#fff;}



/* 01.회사소개 */
.con-box1 {float:left; width:100%;}
.company_box1 {float:left; width:100%; margin-bottom:20px;}
.company_box1 dt {float:left; width:100%; font-weight:bold; color:#444;padding-bottom:5px;}
.company_box1 dt dd {float:left; width:100%; }


/* 표디자인 (테이블) */
.table_box1 {width:100%; border-top:2px solid #3578ac;}
.table_box1 th, td {padding:5px 0 5px 5px; border-bottom:1px solid #ced7e2; border-right:1px solid #ced7e2;}
.table_box1 th {background:#dee6f0;}
.table_box1 .border_left {border-left:1px solid #ced7e2;}
.td_point1 {background:#f4f7fb;}

.table_box2 {width:100%; border-top:2px solid #3578ac;}
.table_box2 th, td {padding:5px 5px 5px 5px; border-bottom:1px solid #ced7e2; border-right:1px solid #ced7e2;}
.table_box2 th {background:#dee6f0; border-bottom:1px solid #d0d6de;}
.table_box2 .border_left {border-left:1px solid #ced7e2;}




/* 02.경골목구조 */
.img2_box {float:left; width:100%;}
.img2_box li {float:left; display:inline-block; width:330px; margin-right:30px;}
.img2_box .last, .img2_box_new .last {margin-right:0;}
.text_box1 {float:left; width:650px; border:1px solid #c3cdd6; background:#f0f3f5; padding:20px; line-height:22px;}
.img1_box {float:left; width:638px; padding:25px; border:1px solid #ddd; background:#fff;}
.img1_box .vod_img_box {float:left; width:208px;}
.img1_box dl {float:right; width:400px; margin-left:25px;}
.img1_box dl dt {float:left; margin-bottom:25px;}
.img1_box dl dd {float:left; width:100%;}
.img1_box dl dd ul {float:left; width:100%; margin-top:5px;}
.img1_box dl dd ul li {float:left; width:110px; margin-right:5px; }
.img1_box dl dd ul .last {margin-right:0;}

/* 03.중목구조 */
.img_bg_box2 {background:url(/img/pillar/p_img01.jpg) no-repeat 100% 0px; height:185px;}
.img2_box_new {float:left; width:100%;}
.img2_box_new li {float:left; display:inline-block; width:318px; margin-right:10px;}
.gall_box_wrap {float:left; background:#fff; border:1px solid #ddd; padding:20px; width:648px;}
.gall_box_ul {float:left; width:100%;}
.gall_box_ul li {float:left; }
.gall_box_ul .fir {width:208px; margin-right:15px;}
.gall_box_ul li p {margin-top:20px;}


/* 여백 - 중첩클래스 */
.mg5 {margin-top:5px;}
.mg10 {margin-top:10px;}
.mg20 {margin-top:20px;}
.mg30 {margin-top:30px;}
.mg5_b {margin-bottom:5px;}
.mg10_b {margin-bottom:10px;}
.mg20_b {margin-bottom:20px;}
.p_left {padding-left:15px;}
.p_left15 {padding-left:15px;}

/* 정렬 */
.right1 {text-align:right;}
.center1 {text-align:center;}

/* 폰트 관련 */
.color-blue {color:#3578ac; }
.s_title_p1 {font-weight:bold;}
.f_lett1 {letter-spacing:-1px;}
.font_color1 {font-weight:bold; color:#2583cb; }