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



/* content | 디자이너 */
.productArea {overflow:hidden; margin-bottom:100px;}
.productArea p {float:left; width:215px;}
.productArea .productContent { display:inline-block; padding-left:20px;}
.productArea .productContent .tit {font-size:28px; font-weight:bold; margin-bottom:10px; color:#000;}
.productArea .productContent .tit img {padding-bottom:5px; padding-right:5px;}
.productArea .productContent .Spc {width:534px; border-top:1px solid #ddd; line-height:1.4em;}
.productArea .productContent .Spc th {text-align:left; padding:12px 10px; border-bottom:1px solid #333; color:#000;}
.productArea .productContent .Spc td {padding:12px 10px; border-bottom:1px solid #ddd; vertical-align:top;}
.productArea .productContent .Spc .line-gray {background:url(../images/icon/line_gray.gif) no-repeat right 17px;}
.productArea .productContent .caution {color:#cf2525; font-size:12px; margin-top:5px; line-height:1.3em;}

/* ========= 견적의뢰 ========= */
.ser_join_font04{font-size:16px;font-weight:600;color:#000;vertical-align:middle;padding-bottom:20px;}
.sub_back2{ left:0px; top:0px; height:100%;/* ie7 */*left:0px; *top:0px; *height:100%; border:1px solid #D5D5D5;}
.sub_contents_back2{width:100%; height:200px; text-align:left;overflow-y:scroll; left:325px; top:260px;/* ie7 */*left:525px;*top:260px;}
.sub_contents_back_1{width:100%; height:350px; text-align:left; position:absolute; left:325px; top:260px;/* ie7 */*left:525px;*top:260px;}
.sub_contents_led2{width:90%; text-align:left; left:300px; top:260px; padding:10px;}
.micro2 a:hover ,.submenu > li:hover > a{text-decoration:underline; color:#505050; font-weight:inherit;}
.micro2 				{left:-280px; top:-250px; text-align:left;}
.micro_contents2		{font-size:10pt; font-style:normal; color:#505050; line-height:150%; letter-spacing:-0.3px;}


/* 컨텐츠 공통------------------------------------------------------ */
#searchBox{padding:20px 0 14px; text-align:right;}
#searchBox select{border:1px solid #c7c7c7; width:84px; height:23px;}
#searchBox .search-word{border:1px solid #c7c7c7; width:127px; border-right:0; height:19px;}
#searchBox .search-btn{width:51px; height:23px; border:none; background-color:#595959; color:#fff; margin-left:-4px}

/* paging */
.paging{width:100%; text-align:center; padding:18px 0;  }
.paging a{margin:0 11px; color:#3d3d3d; letter-spacing:-0.25px;}
.paging .arrow{margin:0; margin-left:-4px }
.paging a.on{color:#1068b2; font-weight:600; text-decoration:underline;}


/* 제품 갤러리 */
.pagination_a {position:relative;padding:40px 0;text-align:center}
.pagination_a a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
.pagination_a a:hover {color:#333;font-weight:600;background:#f9f9f9}
.pagination_a strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
.pagination_a a.first, 
.pagination_a a.prev, 
.pagination_a a.next, 
.pagination_a a.last {border:0;padding-top:0px;border:0}
.pagination_a .button {position:absolute;right:0;top:30px}
.pagination_a .button a {border:none;width:auto;height:auto;padding:0}


/* 제품 페이징 */
.contentArea {overflow:hidden;}
.galleryBace { width:100%; position:relative;overflow:hidden; margin:25px auto; border-bottom:1px solid #ddd; }
.galleryBace:first-child {border-top:1px solid #333; padding-top:20px;}
.galleryBace li { float:left; margin:10px 17px; }
.galleryPd {}
.galleryPd .st {width:220px;}
.galleryPd .st span {width:220px; height:215px; border:1px solid #ddd; display:block; text-align:center; overflow:hidden;}
.galleryPd .st span img {width:220px; overflow:hidden;}
.galleryPd .st p {text-align:center; font-size:13px; line-height:18px; width:200px; margin:10px auto; font-weight:600;}
.galleryPd a:hover .st span {border:1px solid #333;}

/* 제품 부페이징 */
.productBigImg {width:769px;text-align:center;}
.productBigImg img {margin:0 auto 25px;}
.productName {background:#3376c8; color:#fff; height:63px; line-height:63px;}
.productName p {font-size:28px; float:left; font-weight:600;}
.productName p img {margin:0 10px 0 20px;}
.productName span {display:block;float:right; background:#295ea0; border:1px solid #175096; width:160px; height:34px; line-height:34px; overflow:hidden; text-align:center; font-weight:600; margin:13px;}
.productName a span {color:#fff;}


/* 기본게시판 */
.board_list {position:relative}
.board_list .titSec {margin-bottom:10px}
.board_list table {width:100%}
.board_list thead {color:#333;border-top:1px solid #414141;border-bottom:1px solid #ccc;background:#f9f9f9}
.board_list thead th {height:44px;line-height:44px;font-weight:600;text-align:center}
.board_list tbody td {padding:8px 0;text-align:center;vertical-align:middle;border-bottom:1px solid #eee}
.board_list tbody td span.reply {margin-left:20px;margin-right:-10px}
.board_list tbody td .repl_no {margin-right:10px;color:#338104}
.board_list tbody a {display:inline-block;padding:3px 0;font-weight:normal;color:#333;line-height:24px}
.board_list tbody a:hover {text-decoration:underline;color:#000}
.board_list tbody a.btn_view {margin-right:0}
.board_list tbody a.btn_modify {margin-left:0;margin-right:5px}
.board_list tbody a.attached {padding-left:20px;margin:0;font-family:segoe UI, tahoma;font-size:10px;color:#666}
.board_list tbody a.attached:hover {color:#000;text-decoration:underline}
.board_list tbody a.attached.hwp {background:url(../images/board/attached_hwp.html) no-repeat left 50%}
.board_list tbody a.attached.zip {background:url(../images/board/attached_zip.html) no-repeat left 50%}
.board_list tbody a.attached.pdf {background:url(../images/board/attached_pdf.html) no-repeat left 50%}
.board_list tbody a.repl {padding-left:25px;background:url(../images/board/icon_reply.html) no-repeat left 50%} /* 답글 */
.board_list tbody tr:hover {background:#fdfdfd;*cursor:pointer}
.board_list tbody .tl {padding-left:10px;text-align:left}
.board_list tbody .gk {text-align:left; background-color:#f4f4f4; padding:10px 20px 10px 30px; font-size:12px; line-height:20px}
.board_list tbody .hit {color:#999}
.board_list tbody .notice {font-weight:bold;color:#333}
.board_list tbody .subject {padding-left:10px;text-align:left;color:#333}
.board_list .tNote {margin-top:10px;text-align:right;font-size:11px;color:#999;letter-spacing:-1px}


/* 게시판 검색 */
.search_box {*zoom:1;border-bottom:1px dashed #d6d6d6; }
.search_box:after {content:"";clear:both;display:block}
.search_box .pages {float:left;padding-top:6px;font-size:11px;color:#7e7e7e}
.search_box .select_search input.btn_search {margin:0;margin-bottom:-8px;*margin-bottom:-4px;padding:0;border:none}
.select_search input.btn_sch {padding:0;border:0;background:none}
.srh_b {margin-top:20px;padding:17px 0;text-align:center;border:1px solid #d7d7d3;background:#f7f7f7} /* 하단 검색창 */
.select_search {display:inline-block}


/* 게시판 뷰페이지 */
.board_view2 {position:relative;width:100%}
.board_view2 .tit_sec {height:65px;line-height:65px;border-top:2px solid #666;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #CCC;background:#fff url(../images/bg/board_view_tit_bg.html) repeat-x top}
.board_view2 .tit_sec .tit {float:left;font-weight:600;font-size:15px;color:#333; padding-left:10px}
.board_view2 .tit_sec .date {float:right;font-size:11px; padding: 0 20px;border-left:1px solid #ccc;}
.board_view2 .tit_sec .date span { font-weight:600;vertical-align:0.5px;}
.board_view2 .tit_sec .date em {margin-left:11px;vertical-align:0.5px; color:#333}

.board_view2 .con {position:relative;padding:35px 15px;min-height:200px;border-bottom:1px solid #666;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1; line-height:22px}
.board_view2 .con h3{color:#333333; font-weight:600; font-size:14px; padding:20px 0 10px 0;margin-top:5px;;border-top:1px solid #E3E3E3;}
.board_view2 .con h3 span{color:#666;  font-size:13px;}
.board_view2 .con .attached {position:relative;padding:17px;margin-top:-35px;margin-bottom:25px;font-size:13px;border-bottom:1px solid #E1E1E1;}
.board_view2 .con .attached a {margin-left:10px;color:#f06e0f; vertical-align:1px;text-decoration:underline}
.board_view2 .con .attached a:hover {text-decoration:underline}
.board_view2 .con .view_img {position:relative;margin-top:20px}
.board_view2 .con a.btn_recom {position:absolute;top:100px;right:10px;display:block;width:68px;height:68px;background:url(../images/board/btn_recommand.html) no-repeat}
.board_view2 .con a.btn_recom:hover {background:url(../images/board/btn_recommand_on.html) no-repeat}

.board_view2 .answer{padding:25px;border:1px solid #dedede;background:#f9f9f9; }
.board_view2 .answer h2{ color:#333333; font-weight:600; font-size:16px; padding:0 0 10px 0;margin-bottom:10px}
.board_view2 .answer span{ color:#0078ff;}
.board_view2 .answer p{  border:1px solid #CCC; background:#FFF; padding:10px 10px; }


/* 이전글, 다음글 */
.prev_next2 {border-top:1px solid #999}
.prev_next2 table {width:100%}
.prev_next2 th {padding:13px 0;border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-gight:1px solid #dadada;background:#F7F7F7}
.prev_next2 td {vertical-align:middle;padding:0 10px;border-bottom:1px solid #dadada;border-right:1px solid #dadada}


/* 온라인신청 */
.write {width:100%;border-top:1px solid #666;}
.write th,.write td {border-bottom:1px solid #dadada;text-align:left;padding:8px 0 8px 15px;vertical-align:middle;}
.write th {font-size:12px;font-weight:bold;padding-left:25px;background:#fafafa url(../images/icon/icon_must_item.html) no-repeat right 50%;}
.write th.blank {padding-left:15px !important;background:#eee !important;}
.write td.cont {padding-left:0;}
.write .add_tx {margin-left:5px;padding-left:15px;font-family:dotum, 돋움;font-size:11px;color:#999;letter-spacing:-1px;background:url(../images/icon/icon_check.html) no-repeat left 50%;}
.write .edit_sec {position:relative;}
.write .edit_sec .exp_tx {position:absolute;top:10px;left:10px;}
.write select option {padding:4px 10px 4px 0;}
.write button {cursor:pointer;}
.write .edit_file {display:none;}

.on_line {*zoom:1; padding-bottom:30px;}
.on_line h2 { font-size:18px; font-weight:600; padding:10px 0}
.terms {height:140px;padding:20px;margin-top:0px;line-height:20px;color:#777;border:1px solid #999;background:#fbfbfb;overflow-y:scroll;}
.terms ol {margin-bottom:20px;}
.agree_tx {text-align:center;padding-top:10px;}
.on_line {position:relative;}
.on_line .attention {position:absolute;top:0;right:10px;padding-left:7px;font-size:11px;color:#999;background:url(../images/icon/bullet_02.html) no-repeat left 50%;}
.on_line .btn_apply {text-align:center;padding-top:40px;}
.on_line .btn_apply input {width:auto;height:auto;padding:0;border:0;}


/* Q&A */
#productContent > div{margin:0 auto; }
#productContent .prd-tit{ color:#888888; font-size:18px; margin:0px auto 27px; padding:0 60px; text-align:center;}
.product-tab-list{overflow:hidden; margin:0 auto; width:530px;}
.product-tab-list > li{ float:left; padding-right:20px; padding-left:20px; border-left:1px solid #ddd;}
.product-tab-list > li:first-child {border:0;}
.product-tab-list > li a{ display:block; color:#888888;}
.product-tab-list > li a.selected{color:#429aff; font-weight:600; }

#faqBottomBox {border-top:1px solid #333;}
#faqBottomBox > dl{width:100%;border-bottom:1px solid #ddd; font-weight:bold; letter-spacing:-1px;}
#faqBottomBox > dl > dt{height:65px; font-size:13px; line-height:65px; color:#757575; padding-left:20px; cursor:pointer; font-weight:400;}
#faqBottomBox > dl > dt > span.wr {float:right; padding-right:20px; font-weight:400;}
#faqBottomBox > dl > dt > span.number {width:30px; display:inline-block; }
#faqBottomBox > dl:first-child > dt{}
#faqBottomBox > dl > dt > strong{font-size:21px; color:#448ce1; display:inline-block; line-height:65px; vertical-align:top; padding-right:10px; }
#faqBottomBox > dl > dd{display:none; padding:10px 100px 20px 100px; font-size:13px; font-weight:normal; color:#666; background-color:#eee; border-top:1px solid #d5d5d5;/*min-height:60px; line-height:1.3em;*/ }
#faqBottomBox > dl > dd > p.ask-icon{font-size:21px; color:#4d4d4d; margin-bottom:10px; font-weight:600;}
#faqBottomBox div { line-height:18px; }


/* 글쓰기 */
.board_write {width:100%;border-top:1px solid #999}
.board_write thead th,
.board_write thead td {border-bottom:1px solid #e6e6e6;padding:12px 0 12px 10px}
.board_write thead th {font-size:13px;font-weight:600;color:#333;background:#f9f9f9}
.board_write tbody th,
.board_write tbody td {text-align:left;border-bottom:1px solid #e6e6e6;padding:12px 0 12px 10px}
.board_write tbody th {font-size:13px;font-weight:600;color:#333;padding-left:15px;background:#f9f9f9}
.board_write tbody th.blank {padding-left:15px !important;background:#eee !important}
.board_write tbody td.comment {padding:10px 0}
.board_write tbody td.myid {font-weight:600;font-size:14px;color:#333}
.board_write tbody .add_tx {margin-left:5px;padding-left:15px;font-size:11px;color:#999;letter-spacing:-1px;background:url(../images/icon/icon_check.html) no-repeat left 50%}
.board_write tbody .edit_sec {position:relative}
.board_write tbody .edit_sec .exp_tx {position:absolute;top:10px;left:10px}
.board_write tbody .edit_file {display:none}
.board_write tbody label {margin:0 15px 0 3px}
.board_write tbody .cont {padding:20px 0 !important}
.board_write tbody .cont textarea {padding:10px}
.board_write tbody .tit {display:inline-block;width:50px;font-weight:600}