/*************************
author : 천명기
first-date : 2014-07-14
project: KTC 홈시스
**************************/

/* reset */
@charset "utf-8";


/* 서브페이지 공통 */
#contentWrap.sub { position:relative; }
#contentWrap #subVisual { width:100%; height:230px; margin-top:-1px; }
#contentWrap #subVisual .textGroup { width:1070px; margin:0 auto; position:relative; font-family:'NGBold'; }
#contentWrap #subVisual .textGroup .txt1 { font-size:32px; /*color:#1d1d74;*/ color:#fff; letter-spacing:-2px; position:absolute; left:220px; top:110px; }
#contentWrap #subVisual .textGroup .txt2 { color:#E93D07; font-size:22px; letter-spacing:-2px; position:absolute; left:495px; top:160px; }
#contentWrap #subVisual .product { position:absolute; top:50px; right:100px; }

#contentWrap #lnb { position:absolute; top:250px; left:50%; z-index:9999; margin-left:-535px; }
#contentWrap #lnb .menu_list { *width:150px; padding:35px 25px; background:#232323; }
#contentWrap #lnb .menu_list > li { padding:5px 0; border-bottom:1px solid #303030; text-indent:10px; }
#contentWrap #lnb .menu_list > li a { font-family:'NGBold'; font-size:14px; color:#fff; }
#contentWrap #lnb .menu_list > li:hover a { color:#fa9609; }
#contentWrap #lnb .menu_list > li.hover a { color:#fa9609; }


#contentWrap #content { width:830px; margin:20px auto 50px; padding-left:240px; position:relative; }
#contentWrap #content #path { text-align:right; position:absolute; top:25px; right:0; }
#contentWrap #content #path span { padding:0 5px; }
#contentWrap #content #path .home { padding-left:13px; background:url(/images/common/icon_home.gif) left center no-repeat; }
#contentWrap #content #path .current { font-family:'NGBold'; }

#content article h3 { margin:20px 0; padding:0 0 15px 0; font-size:30px; font-family:'NGBold'; color:#1c1c6a; border-bottom:2px solid #333; }
#content article #contArea { padding:30px 0 100px; 0; position:relative; }
#content article #contArea h4 { font-size:18px; color:#fa9609; font-family:'NGBold'; font-style:normal; margin:10px 0 10px 0; }

hr { display:block; border:1px solid #666; }


/* 상단 비주얼 */
#subVisual.main { background:url(/images/sub/sub_top_bg.jpg) center top no-repeat; }
#subVisual.main .textGroup .txt1 { color:#333 !important; }
#subVisual.main .product { right:10px !important; }
#subVisual.sub01 { background:url(/images/sub/sub_top_bg1.jpg) center top no-repeat; }
#subVisual.sub02 { background:url(/images/sub/sub_top_bg2.jpg) center top no-repeat; }
#subVisual.sub02 .textGroup .txt1 { color:#333 !important; }
#subVisual.sub03 { background:url(/images/sub/sub_top_bg3.jpg) center top no-repeat; }
#subVisual.sub04 { background:url(/images/sub/sub_top_bg4.jpg) center top no-repeat; }
#subVisual.sub05 { background:url(/images/sub/sub_top_bg5.jpg) center top no-repeat; }



/* 인사말 */

/* 오시는길 */
#contArea section.map { position:relative; }
#contArea section.map .address_info { font-size:14px; position:absolute; top:5px; }
#contArea section.head_office .address_info { left:130px; }
#contArea section.paju .address_info { left:160px; }
#contArea section.gajwa .address_info { left:160px; }

#contArea section.map .traffic { margin-top:30px; }
#contArea section.map .traffic .traffic_title { display:block; margin-bottom:10px; font-size:15px; padding-left:20px; background:url(/images/common/common_arr_bullet.jpg) left center no-repeat; }
table.traffic_T1 {margin-bottom: 10px;}
table.traffic_T1 img { display:inline; vertical-align:middle; }
table.traffic_T1 th {border: 1px solid #ccc; padding: 11px; background: #f5f5f5; color: #4f4f4f;}
table.traffic_T1 td {border: 1px solid #ccc; padding: 11px; color: #4f4f4f; text-align: center;}
table.traffic_T1 td.a_l {padding-left: 5px; text-align: left;}




/* 사이트맵 */
#contArea ul.sitemap { text-align:center; }
#contArea ul.sitemap .depth1 { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-left:20px; }
#contArea ul.sitemap .depth1:first-child { margin-left:0; }
#contArea ul.sitemap .depth1 .title { padding:20px 30px; background:#1c1c6a; color:#fb9500; font-size:14px; font-family:'NGBold'; cursor:pointer; }
#contArea ul.sitemap .depth1 > ul { margin-top:15px; }
#contArea ul.sitemap .depth1 li { text-align:left; padding:4px 0 4px 15px; /*margin:0 10px;*/ background:url(/images/common/sm_back.gif) 0 0 no-repeat; }
#contArea ul.sitemap .depth1 li:hover { background:url(/images/common/sm_back.gif) 0 -25px no-repeat; color:#fff; }

/* 제품소개 - 리스트 */
#contArea #productNav {  }
#productNav { width:100%; padding-bottom:50px; border-bottom:3px solid #666; }
#productNav .nav_list { text-align:center; position:relative; }
#productNav .nav_list > li { display:inline-block; *display:inline; *zoom:1; margin:0; }
#productNav .nav_list > li > a { padding:15px 22px; margin-left:-4px; *margin-left:-1px; display:block; color:#4d4d4d; background:#f1f1f1; border:1px solid #ccc; }
#productNav .nav_list > li > a:hover { background:#1c1c6a; color:#fa9609; font-family:'NGBold'; }
#productNav .nav_list > li > a.on { background:#1c1c6a; color:#fa9609; font-family:'NGBold'; }
#productNav .nav_list > li > .sub_list { display:none; position: absolute; top: 60px; left:50px; }
#productNav .nav_list > li > .sub_list > li { float:left; padding:0 20px; background:url(/images/bbs/th_bar.gif) right center no-repeat; }
#productNav .nav_list > li > .sub_list > li:first-child {  } 
#productNav .nav_list > li > .sub_list > li > a:hover { text-decoration:underline; }
#contArea h4.product_list_h4 { color:#717171 ! important; padding:10px 0; border-bottom:3px solid #fa9609; }
#contArea #product_list { padding:35px 25px 0 25px; border-bottom:1px solid #ccc; }
#contArea #product_list > li { float:left; margin:0 0 25px 24px; }
#contArea #product_list > li > a:hover { text-decoration:underline; }
#contArea #product_list > li figure { border:1px solid #ccc;  }
#contArea #product_list > li figcaption { text-align:center; padding:15px 0; }
#contArea .prod_list { position:relative; }
#contArea .prod_list select.select_wrap { position:absolute; top:-40px; right:0; }

/* 제품소개 - view */
#product_info { display:block; }
#product_info > figure { border:1px solid #ccc; float:left; }
#product_info > .info { width:570px; float:left; margin-left:25px; }
#product_info > .info > dl.info_list { margin }
#product_info > .info > dl.info_list {  }
#product_info > .info > dl.info_list > dt { font-size:16px; font-family:'NGBold'; margin-bottom:10px; }
#product_info > .info > dl.info_list > dd { display:table; width:100%; padding:5px 0; border-bottom:1px solid #ccc; }
#product_info > .info > dl.info_list > dd > .tit { display:table-cell; width:90px; background:url(/images/bbs/th_bar.gif) right center no-repeat; font-family: 'NGBold'; color:#000; }
#product_info > .info > dl.info_list > dd > .cell { display:table-cell; padding-left: 20px; }
#product_info > .info > .btns { text-align:right; margin-top:30px; }
#product_info > .info > .btns > a { display:inline-block; *display:inline; *zoom:1; text-align:center; line-height:25px; padding:0 25px; margin-left:5px; }
#product_info > .info > .btns > a.printBtn { height:25px; background:#171c60; color:#f08e0f; }
#product_info > .info > .btns > a.grayBtn { height:25px; background:#262626; color:#fff;  }
#contArea .product_spec { margin-top:90px; }
#contArea .product_spec .spec { padding:30px 0; min-height:300px; border-bottom:1px solid #ccc; }

#contArea h5 { display:block; font-size: 20px; font-family:'NGBold'; padding:5px 0; color:#2a2857; border-bottom:2px solid #fa9609; }
#contArea .product_spec > p.spec { margin:25px 0; border-bottom:1px solid #ccc; min-height:350px; }

/* 납품사례 list */
#contArea ul.portfolio_list {  }
#contArea ul.portfolio_list > li { float:left; margin:0 30px 20px 0; }
#contArea ul.portfolio_list > li > a.port { width:175px; display:block; border:1px solid #ccc; }
#contArea ul.portfolio_list > li > a.port > .info { padding:10px 15px; }
#contArea ul.portfolio_list > li > a.port > .info > span { display:block; }
#contArea ul.portfolio_list > li > a.port > .info > .tit { font-size:15px; font-family:'NGBold'; margin-bottom:5px; }
#contArea ul.portfolio_list > li > a.port > .info > .place,
#contArea ul.portfolio_list > li > a.port > .info > .date { font-size:11px; color:#666; }
#contArea ul.portfolio_list > li > a.port > figure > img { }
/*#contArea ul.portfolio_list > li > a.port > figure > img { width:170px; height:126px}*/

/* 납품사례 view */
#contArea .portfolio_info {  }
#contArea .portfolio_info > figure { float:left; }
#contArea .portfolio_info > figure > img { width:230px; height:170px; }
#contArea .portfolio_info > dl { width:580px; float:left; margin:0 0 0 20px; }
#contArea .portfolio_info > dl > dt { font-size:20px; font-family:'NGBold'; border-bottom:1px dotted #ccc; }
#contArea .portfolio_info > dl > dd { margin-top:10px; }
#contArea .portfolio_info > dl > dd > .tit { display:inline-block; *display:inline; *zoom:1; width:50px; }
#contArea .portfolio_spec { margin-top:90px; }
#contArea .portfolio_spec p.spec { padding:25px 0; min-height:350px; border-bottom:1px solid #ccc; text-align:center; }
#contArea .portfolio_spec p.spec img { display:inline; }
table.editor_T { table-layout:fixed; width:100%; border-collapse:collapse; border:1px solid #ccc; }
table.editor_T td:first-child { width:30%; }
table.editor_T td { padding:10px; border:1px solid #ccc; }

/* 대리점 안내 */
table.netTb {width:100%;}
table.netTb th, .netTb td {border:1px solid #e0e0e0;}
table.netTb th {font-weight:normal; text-align:left; padding:10px 15px; background:#fafafa;}
table.netTb td {padding-left:13px;}
table.netTb td.mail a {text-decoration:underline;}




/***************************
 기본 게시판 스타일
 ***************************/
 /* 리스트 */
#contArea p.total { margin:10px 0; }
label.imp { background:url(/images/bbs/imp_icon.gif) no-repeat; padding-left:20px; }
table.T1 { width:100%; table-layout:fixed; border-collapse:collapse; }
table.T1 th { background:#fb960a; border-top:2px solid #1d1c6a; color:#1d1c6a; padding:13px 0; }
table.T1 td { text-align:center; padding:10px 0; border-bottom:1px solid #e1e1e1; }
table.T1 td.subject { text-align:left; text-indent:15px }

/* 쓰기 */
table.T1_write { width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #1c1c6a; border-bottom:2px solid #fa9609; }
table.T1_write th { text-align:left; border-bottom:1px solid #ccc; background:url(/images/bbs/th_bar.gif) right center no-repeat; }
table.T1_write td { padding:5px 15px; border-bottom:1px solid #ccc; }
table.T1_write td input[type=text],
table.T1_write td input[type=password] { border:1px solid #ccc; height:23px; }
table.T1_write td input[type=text].long { width:80%; }
table.T1_write td.cont { padding:15px; }
table.T1_write td .writeSpace { width:100%; resize:none; height:350px; }
table.T1_write td.bdn,
table.T1_write th.bdn { border:none; }

/* 보기 */
table.T1_view { width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #1c1c6a; }
table.T1_view td { padding:15px 20px; border-bottom:1px solid #ccc; }
table.T1_view td.cont p { min-height:300px; *height:300px; }
table.T1_view td.title { border-bottom:1px solid #333; }
table.T1_view td .tit { font-size:15px; font-family:'NGBold'; margin:0 0 5px 0; }
table.T1_view td .etc { font-size:11px; color:#909090; }
table.T1_view td .etc .bar { padding:0 7px; }
table.T1_view td .etc .add_file { padding:0 0 0 20px; background:url(/images/bbs/down_icon.gif)left center no-repeat; color:#333; }
table.T1_view td .etc .add_file:hover { text-decoration:underline; }
table.T1_view td.reply { position:relative; }
table.T1_view td.reply a.reply_del { display:inline-block; *display:inline; *zoom:1; padding:5px 15px; background:#7d7d7d; color:#fff; position:absolute; top:
	15px; right:10px; }
table.T1_view td.reply > p { min-height:70px; *height:70px; }
table.T1_view td.reply_write {  }
table.T1_view td.reply_write .reply_cont { width:80%; height:100px; overflow-y:auto; resize:none; }
table.T1_view td.reply_write a.reply_regist { width:18%; background:#7d7d7d; height:106px; line-height:100px; font-size:15px; color:#fff; display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top; }
table.T1_view td.reply_list_info { background:url(/images/bbs/reply_list_bar.gif) right center no-repeat; }

/* 이전글 다음글 */
table.T1_pn { width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid #fa9609; border-bottom:1px solid #fa9609}
table.T1_pn td { padding:12px 5px; border-bottom:1px dotted #ccc; }
table.T1_pn td a:hover { text-decoration:underline; }
table.T1_pn td.prev span { padding-left:23px; background:url(/images/bbs/top_arr.gif) left center no-repeat; }
table.T1_pn td.next span { padding-left:23px; background:url(/images/bbs/bottom_arr.gif) left center no-repeat; }


/* 기본 페이징 스타일 */
div.paging_type1 { text-align:center; padding:25px 0 13px; }
div.paging_type1 .num { /*border: 1px solid #cccccc;*/ display: inline-block; *display:inline; *zoom:1; width: 27px; height: 21px; padding: 6px 0 0; text-align: center; vertical-align: top; background: white; color: #707070; }
div.paging_type1 .num:hover { /*background: #707070; color:#fff;*/ font-family:'NGBold'; }
div.paging_type1 .on { /*background: #707070;*/ font-family:'NGBold'; /*border: 1px solid #5a5a5a;*/ font-weight: bold; color:red; }
div.paging_type1 img { vertical-align: middle; }
div.paging_type1 .arr { border: 1px solid #cccccc; display: inline-block; *display:inline; *zoom:1; vertical-align: top; }

/* 게시판 기본버튼 스타일 */
.bbs_btns { padding: 20px 0; }
.bbs_btns a { margin-left:5px; padding:8px 20px; display:inline-block; *display:inline; *zoom:1; font-family:'NGBold'; }
.bbs_btns a.write_btn { background:#232323; color:#fb960a; }
.bbs_btns a.list { background:#7d7d7d; color:#fff; }
.bbs_btns a.complete { background:#232323; color:#fb960a; }
.bbs_btns a.cancel { background:#fb960a; color:#232323; }