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


/*CEO인사말*/
#content .text_box dl{margin:10px auto; letter-spacing:-0.8px;}
#content .text_box dl dt{margin:40px auto;width:630px; height:40px; display:block; font-size:20px; font-weight:600; background:#b60004; color:#fff; text-align:center;line-height:40px; }
#content .text_box dl dd{margin:0 auto; display:block;  width:600px;}
#content .text_box dl dd span{color:#b60004;}
#content .text_box dl dd p {font-size:13px; margin-top:25px; line-height:22px; color:#666;}
#content .text_box dl dd .p_bold {font-size:18px;  font-weight:600; color:#444; line-height:23px;}
#content .text_box2{margin:10px auto; letter-spacing:-0.8px;}
#content .text_box2{  background:url('/kr/images/sub/ceo_icon.png') 150px 80px no-repeat;}
#content .text_box2 dl dt{margin:40px auto;width:630px; height:40px; display:block; font-size:20px; font-weight:600; background:#b60004; color:#fff; text-align:center;line-height:40px; }
#content .text_box2 dd{margin:0 auto; display:block;  width:600px; padding-left:220px;}
#content .text_box2 dl dd span{color:#b60004;}
#content .text_box2 dl dd p {font-size:13px; margin-top:25px; line-height:22px; color:#666;}
#content .text_box2 dl dd .p_bold {font-size:18px;  font-weight:600; color:#444; line-height:23px;}
#content .text_box2{  background:url('/kr/images/sub/ceo_icon.png') 150px 80px no-repeat;}
#content .text_box3{margin:40px auto; }
#content .text_box3 dl dt{margin:40px auto;width:630px; height:40px; display:block; font-size:20px; font-weight:600; background:#b60004; color:#fff; text-align:center;line-height:40px; }
#content .text_box3 dl dd{margin:0 auto; display:block;  width:600px;}
#content .text_box3 dl dd span{color:#b60004;}
#content .text_box3 dl dd p { margin-top:25px; line-height:25px; color:#666; font-size:14px;}

/*오시는길*/
#content .address{width:100%; margin-bottom:34px;}
#content .address dl dd{height:50px; border-bottom:1px solid #cfcfcf;  font-size:15px; line-height:50px;  font-weight:600; color:#666;}
#content .address dl dd img{ vertical-align:middle }
#content .address dl dd span{padding-left:10px;}

/*제품 폼 1*/
#content .product_title{clear:both;}
#content .product_title ul{ float:left; margin:24px auto;}
#content .product_title ul:first-child{border-top:1px solid #cfcfcf;}
#content .product_title ul li{width:178px; height:47px; float:left;   border:1px solid #cfcfcf;  border-left:0px; border-top:0; text-align:center; font-size:15px; font-weight:600;color:#2e7773; line-height:45px;}
#content .product_title ul li:first-child{border-left:1px solid #cfcfcf;}
#content .product_title ul li:hover{background:#2e7773;}
#content .product_title ul li a{height:100%; color:#2e7773; display:block; }
#content .product_title ul li a:hover{color:#fff;}
#content .product_title ul .on{background:#2e7773;}
#content .product_title ul .on a{color:#fff;}

#content .product_sub_title{width:895px;; border:1px solid #cfcfcf;  float:left; }
#content .product_sub_title ul{float:left;}
#content .product_sub_title ul li{width:179px;float:left; text-align:center; height:30px;line-height:29px;}
#content .product_sub_title ul .on{  width:auto; height:auto; border-bottom:2px solid #2e7773; padding-bottom:2px; color:#2e7773 }
#content .product_sub_title ul li a{ }
#content .product_sub_title ul li a:hover{ width:auto; height:auto; border-bottom:2px solid #2e7773; padding-bottom:2px; color:#2e7773}


#produt_page{padding-top:24px;clear:both;}
#produt_page .product_img{ float:left; width:360px; height:360px; }
#produt_page .product_text{ float:right;  width:520px; height:360px; }
#produt_page .product_text dl dd{font-size:15px; padding-bottom:0px; font-weight:600; color:#666;}
#produt_page .product_text dl dt{font-size:40px; font-weight:bold; }
#produt_page .product_text .txet-area dd {padding:10px 0 10px 0; ;height:180px; overflow:hidden;}
#produt_page .product_text .txet-area dd p{font-size:13px; padding-left:5px; line-height:22px; color:#666; font-weight:100; letter-spacing:-0.3px;}
#produt_page .product_chart{width:100%;clear:both;}
#produt_page .product_chart table tr td{text-align:center; vertical-align:middle; padding:5px; border-bottom:1px solid #666; line-height:18px; overflow:hidden;}
#produt_page .product_chart table tr .text_bold{font-weight:600;}


#produt_page .produtc_list{float:left;  width:100%;}
#produt_page .produtc_list dl dt{width:92px; height:92px; position:relative;}
#produt_page .produtc_list dl dd{width:92px; font-size:13px;  letter-spacing:-0.5px; overflow:hidden; clear:both;  text-align:center;padding-top:3px;}
#produt_page ul li{width:92px; height:92px; float:left; margin-left:9px; margin-top:24px;}
#produt_page ul li:first-child{margin-left:0;}
#produt_page ul li:nth-child(10){margin-left:0;}
#produt_page .produtc_list .corver{display:none; position:absolute; top:0; left:0}
#produt_page .produtc_list ul li.active a .corver {display:block;}
#produt_page .produtc_list ul li a:hover .corver {display:block;}


/*폼2*/

#produt_page .product_img2{ float:left; width:100%; height:136px;  margin-top:24px; }
#produt_page .product_text2 dl{margin-left:60px; }
#produt_page .product_text2 dl dd{font-size:15px; padding-bottom:0px; font-weight:600; color:#666;  }
#produt_page .product_text2 dl dt{width:360px; font-size:40px; font-weight:bold;float:left;  }
#produt_page .product_text2 .txet-area dd {width:470px;padding:10px 0 10px 10px; ; float:left;   margin-bottom:50px;}
#produt_page .product_text2 .txet-area dd p{font-size:13px; padding-left:5px; line-height:22px; color:#666; font-weight:100; letter-spacing:-0.3px;}


/* 게시판 검색 */
/* BOARD : 페이징 */
.pagination {position:relative;padding:30px 0 30px 0;text-align:center; clear:both}
.pagination.paging{ clear:both;position:relative;padding:10px 0 0 20px;text-align:center}
.pagination 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:hover {color:#333;font-weight:bold;background:#f9f9f9}
.pagination 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.first, 
.pagination a.prev, 
.pagination a.next, 
.pagination a.last {border:0;padding-top:0px;border:0}
.pagination .button {position:absolute;right:0;top:30px}
.pagination .button a {border:none;width:auto;height:auto;padding:0}
.srh_b {padding:17px 0;text-align:center; clear:both;} /* 하단 검색창 */
.select_search {display:inline-block}


/* 잔체 검색 */
/* BOARD : 페이징 */
.pagination2 {position:relative;text-align:center;   float:left;padding:45px 0 0 180px;}
.pagination2 a {display:inline-block;width:26px;height:26px;color:#777;font:11px;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:middle;background:#fff}
.pagination2 a img{padding-top:4px;}
.pagination2 a:hover {color:#333;font-weight:bold;background:#f9f9f9}
.pagination2 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}
.pagination2 a.first, 
.pagination2 a.prev, 
.pagination2 a.next, 
.pagination2 a.last {border:0;padding-top:0px;border:0}
.pagination2 .button {position:absolute;right:0;top:30px}
.pagination2 .button a {border:none;width:auto;height:auto;padding:0}
.pagination2 .srh_b2 {padding:0px 0;text-align:center; clear:both;} /* 하단 검색창 */
.pagination2 .select_search2 {display:inline-block; line-height:22px;}


/*갤러리*/
/* Product  */
#productList{margin-bottom:30px;float:left;}
#productList ul li{position:relative; float:left; width:280px; height:170px; text-align:center; margin-top:50px; margin-right:27px; border:1px solid #fff; cursor:pointer; }
#productList ul #lats{margin-right:0;}
#productList ul li img{width:280px; height:170px;}
#productList ul li  .product_over{display:none;position:absolute;top:32px;left:0px;  width:100%; height:100%;}
#productList ul li:hover  .product_over{display:block;}
#productList ul li p{font-size:17px;color:#444; margin-bottom:15px; font-weight:600; text-align:left; text-indent:10px; border-left:3px solid #444; letter-spacing:-1px;}


/*갤러리 팝업*/
#fade {
	display:none;
	background:#000;
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	opacity:.80;
	z-index:9999;
}
.popup-block {
	display:none;
	background:#fff;
	float:left;
	font-size:1.2em;
	position:fixed;
	top:50%; left:50%; 
	margin-left:600px;
	z-index:9999999;
	width:750px; height:500px;
}
.popup-block a{display:block;   font-size:45px; text-align:center; color:#fff; }
.popup-block a:hover{ color:#999; }
.popup-block .close{
position:absolute; top:-50px; right:0;
}
.popup-block h2{text-align:center; width:700; height:425px; margin-top:25px; }
.popup-block h2 img{width:700px; height:425px;}
.popup-block span{ float:left;font-size:17px; font-weight:600;margin-left:25px; margin-top:15px; text-indent:5px; display:block; border-left:3px solid #ff0000; color:#444; overflow:hidden; }
img.btn-close {
	float:right;
	margin:5px 5px 0 0;
}




/* MODAL LAYER
------------------------------------------------------ */
/* sitemap style2 */
/*----------  1차메뉴  -----------*/
#siteMapInner{padding-top:20px; text-align:center;}
#siteMapInner > ul{overflow:hidden; display:inline-block; *display:inline;*zoom:1;}
#siteMapInner > ul > li{float:left; width:150px; padding-right:15px; text-align:center;}
#siteMapInner > ul > li > h2{font-weight:600 ; width:90%; margin:0px auto; padding-bottom:15px; border-bottom:1px solid #054972;  border-top:2px solid #054972; padding-top:15px; }
#siteMapInner > ul > li > h2 > span{font-size:18px; color:#444; display:block; }
/*----------  2차메뉴  -----------*/
#siteMapInner > ul > li > ul{padding-top:20px; overflow:hidden;}
#siteMapInner > ul > li > ul > li{margin-bottom:10px;text-align:left; padding-left:30px;font-size:14px; font-weight:600 ;line-height:24px; border-bottom:1px solid #eee; padding-bottom:8px;}
#siteMapInner > ul > li > ul > .last{margin-bottom:10px;text-align:left; padding-left:30px;font-size:13px; font-weight:600 ;line-height:25px; border-bottom:0px solid #eee; padding-bottom:10px;}
#siteMapInner > ul > li > ul > li > a:hover{color:#ab0b3a;}


/* ### 모달 CSS ### */
#modal,#modalBg{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999;}
#modalBg{background-color:#000; opacity:0.7;filter:Alpha(opacity=70); cursor:pointer;}
.modal-con{display:none; background-color:#fff; position:fixed; top:50%; left:50%; z-index:9999;}
.modal-inner{overflow-y:scroll;}
.modal-tit{text-align:center;font-size:20px; font-weight:600; color:#000; margin:15px 0;}
.modal-close{color:#fff; font-weight:600; font-size:40px; position:absolute; top:-50px; right:0px; z-index:9999; display:block;}





/*게시판*/

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

/* Common */
.cm-w80 { width:80px;}
.cm-w110 { width:110px; }
.cm-w200 { width:200px; }
.cm-w320 { width:320px; }

/* LIST */
.bd-list-area .list-total { font-size:11px; color:#888; text-align:right; margin-bottom:15px; margin-top:50px;}
.bd-list-area .list-total .total-num { color:#e14718; }
.bd-list-area .list-table { width:100%; border-top:2px solid #444; margin-top:5px; }
.bd-list-area .list-table th,.bd-list-area .list-table td{min-height:30px; height:auto !important; _height:30px; border-bottom:1px solid #e5e5e5; padding:15px 10px 15px 10px; }
.bd-list-area .list-table th { background-color:#f7f7f7; font-size:15px; color:#555; font-weight:500; }
.bd-list-area .list-table td { font-size:15px; color:#777; text-align:center; }
.bd-list-area .list-table td a { color:#777; }
.bd-list-area .list-table td a:hover{color:#143169}
.bd-list-area .list-table .list-subject { color:#444; text-align:left; word-break:break-all; }
.bd-list-area .list-table .list-subject a { color:#444; }
.bd-list-area .list-table .list-subject.notice-subject  a{font-weight:600; color:#111}
.bd-list-area .list-page { text-align:center; margin-top:20px; }
.bd-list-area .list-page a,
.bd-list-area .list-page span { display:inline-block; height:30px; background-color:#f1f1f1; text-align:center; line-height:32px; color:#777; font-size:12px; margin:0 2px; padding:0 12px; }
.bd-list-area .list-page .current { background-color:#333; color:#fff; }
.bd-list-area .list-page .arrow-btn { width:30px; padding:0; }
.bd-list-area .list-page .arrow-btn:hover { background-color:#999; color:#fff; }
.bd-list-area .bottom-btn-box { margin-top:30px; text-align:right; }
.bd-list-area .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:14px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }
.bd-list-area .search-box { background-color:#f4f4f4; text-align:center; margin-top:40px; padding:8px 0 8px 0; }
.bd-list-area .search-box .search-select { background-color:#fff; border:1px solid #d5d5d5; width:100px; height:27px; line-height:27px; font-size:13px; color:#555; padding:0; }
.bd-list-area .search-box .input-txt { background-color:#fff; border:1px solid #d5d5d5; width:180px; height:25px; line-height:25px; font-size:13px; color:#555; padding:0 10px; }
.bd-list-area .search-box .search-btn { display:inline-block; width:80px; height:27px; background-color:#555; border:0; font-size:13px; color:#fff; font-weight:600; line-height:27px; text-align:center; vertical-align:middle; cursor:pointer; }

/* VIEW */
.bd-view-area .view-table { width:100%; border-top:2px solid #444; margin-top:50px  }
.bd-view-area .view-table th { min-height:30px; height:auto !important; _height:36px; border-bottom:1px solid #e5e5e5; padding:15px 10px 15px 10px;font-size:14px; color:#777; font-weight:500; text-align:left; }
.bd-view-area .view-table .tt { font-size:15px; color:#555; padding:8px 10px 8px 10px; background-color:#f7f7f7; }
.bd-view-area .view-table .view-subject { color:#444; font-weight:600; word-break:break-all; }
.bd-view-area .view-table .con { border-bottom:2px solid #e5e5e5; padding:30px 0 30px 0; word-break:break-all; }
.bd-view-area .view-table td .btn { display:inline-block; height:36px; background-color:#999; vertical-align:middle; padding:0 13px; font-size:13px; color:#fff; line-height:38px; }
.bd-view-area .view-table td .txt { display:inline-block; font-size:15px; color:#777; vertical-align:middle; margin-top:3px; }
.bd-view-area .bottom-btn-box { margin:30px 0 40px; text-align:right; }
.bd-view-area .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:15px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }
.bd-view-area .view-page { margin:40px auto; }
.bd-view-area .view-page ul li { margin-bottom:5px; overflow:hidden; clear:both; }
.bd-view-area .view-page ul li .lt-box { float:left; width:20%; height:40px; background-color:#888;  }
.bd-view-area .view-page ul li .lt-box .lt { display:block; height:40px; font-size:14px; color:#fff; line-height:42px; padding:0 20px 0 20px; }
.bd-view-area .view-page ul li .txt-box { float:left; width:80%; height:40px; background-color:#f4f4f4; }
.bd-view-area .view-page ul li .txt-box .txt { display:block; height:40px; font-size:13px; color:#777; line-height:42px; padding:0 10px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* GALLERY */
.bd-list-gallery-area .list-total { font-size:11px; color:#888; text-align:right; margin-bottom:15px;}
.bd-list-gallery-area .list-total .total-num { color:#e14718; }
.bd-list-gallery-area .gallery-list-area { border-top:2px solid #444; border-bottom:1px solid #ccc; padding:15px 0 }
.bd-list-gallery-area .gallery-list { *zoom:1; }
.bd-list-gallery-area .gallery-list:after { content:""; display:block; clear:both; }
.bd-list-gallery-area .gallery-list li { float:left; width:21%; padding:2%; margin-bottom:10px }
.bd-list-gallery-area .gallery-list li .photo { display:block; width:100%; height:128px; border:1px solid #ccc; }
.bd-list-gallery-area .gallery-list li .photo img { width:100%; height:128px; }
.bd-list-gallery-area .gallery-list li .subject { display:block; font-size:12px; color:#444; line-height:1.3; margin-top:8px; padding:0 5px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-list-gallery-area .gallery-list li .name { display:block; font-size:11px; color:#777; margin-top:8px; padding:0 5px 0 5px; }
.bd-list-gallery-area .gallery-list li .date { display:block; font-size:11px; color:#a1a1a1; margin-top:6px; padding:0 5px 0 5px; }
.bd-list-gallery-area .list-page { text-align:center; margin-top:20px; }
.bd-list-gallery-area .list-page a,
.bd-list-gallery-area .list-page span { display:inline-block; height:30px; background-color:#f1f1f1; text-align:center; line-height:32px; color:#777; font-size:12px; margin:0 2px; padding:0 12px; }
.bd-list-gallery-area .list-page .current { background-color:#333; color:#fff; }
.bd-list-gallery-area .list-page .prev-btn { width:30px; padding:0; }
.bd-list-gallery-area .list-page .next-btn { width:30px; padding:0; }
.bd-list-gallery-area .list-page .prev-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .list-page .next-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .list-page .first-btn { width:50px; padding:0; }
.bd-list-gallery-area .list-page .last-btn { width:50px; padding:0; }
.bd-list-gallery-area .list-page .first-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .list-page .last-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .bottom-btn-box { margin-top:30px; text-align:right; }
.bd-list-gallery-area .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:14px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }
.bd-list-gallery-area .search-box { background-color:#f4f4f4; text-align:center; margin-top:40px; padding:8px 0 8px 0; }
.bd-list-gallery-area .search-box .search-select { background-color:#fff; border:1px solid #d5d5d5; width:100px; height:27px; line-height:27px; font-size:12px; color:#555; padding:0; }
.bd-list-gallery-area .search-box .input-txt { background-color:#fff; border:1px solid #d5d5d5; width:180px; height:25px; line-height:25px; font-size:12px; color:#555; padding:0 10px; }
.bd-list-gallery-area .search-box .search-btn { display:inline-block; width:80px; height:27px; background-color:#555; border:0; font-size:12px; color:#fff; font-weight:600; line-height:27px; text-align:center; vertical-align:middle; cursor:pointer; }

/* PHOTO BOARD LIST  */
.board-style2-list{border-top:2px solid #444}
.board-style2-list li{overflow:hidden; border-bottom:1px solid #e5e5e5; padding:10px 2%;}
.board-style2-list li .photo-thum{display:block; float:left; width:30%; height:150px;}
.board-style2-list li .photo-thum img{width:100%; height:150px;}	
.board-style2-list li .bbs-info{float:left; width:67%; padding-left:3%;}
.board-style2-list li .bbs-info .bbs-tit{color:#333; font-weight:600; padding:10px 0 15px; font-size:18px;}
.board-style2-list li .bbs-info p{overflow:hidden; height:70px; padding-bottom:20px; line-height:1.3em; color:#666;}
.board-style2-list li a:hover .bbs-info p{color:#000; text-decoration:underline;}
.board-style2-list li .bbs-info .bbs-date{color:#bbb; font-size:12px;}
.board-style2-list li .bbs-info .bbs-tit a{color:#788eb7; font-size:12px; }
.board-style2-list li .bbs-info .bbs-tit a{text-decoration:underline;}
.board-style2-list li .bbs-info p span{display:block; padding-bottom:8px; }
.board-style2-list li .bbs-info p span b{color:#007a98; font-weight:400;}
/* -------- WRITE -------- */
.bd-write-area{margin:70px auto;}
/*.bd-write-area .write-table { width:100%; border-top:2px solid #444; }*/

.bd-write-area .write-table { width:100%; border-top:2px solid #444; }

.bd-write-area .write-table td {width:50px; height:50px; height:auto !important; _height:30px; border-bottom:1px solid #e5e5e5;padding:8px 0px 8px 0px;font-size:12px; color:#777; }
.bd-write-area .write-table .tt { font-size:14px; color:#555; padding:8px 10px 8px 10px;background-color:#f7f7f7; }
.bd-write-area .write-table .txt{background:#fff; color:#555 !important;}
.bd-write-area .write-table td .input-txt { background-color:#eee; border:0; height:30px; line-height:30px; font-size:12px; color:#555; padding:0 10px; }
.bd-write-area .write-table td .input-pw { background-color:#eee; border:0; height:30px; line-height:30px; font-size:12px; color:#555; padding:0 10px; }
/* 첨부파일 */
.bd-write-area .write-table td label {position:relative;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden;width:87px;height:30px;background:#999;color:#fff;text-align:center;line-height:30px;}
.bd-write-area .write-table td label input {position:absolute;width:0;height:0;font-size:0;padding:0;border:0;overflow:hidden;}
.bd-write-area input[type=text] {vertical-align:middle;display:inline-block;width:318px;height:25px;line-height:30px;font-size:12px;padding:0 13px;border:0;border:1px solid #d8d8d8; margin: 0 5px 0 0;}
/* 첨부 파일 */
.bd-write-area .write-table td .btn { display:inline-block; height:30px; background-color:#999; vertical-align:middle; padding:0 13px; font-size:12px; color:#fff; line-height:30px; }
.bd-write-area .write-table td .txt { display:inline-block; font-size:11px; color:#fff; vertical-align:middle; margin-top:3px; }
.bd-write-area .bottom-btn-box { margin-top:20px; text-align:center; }
.bd-write-area .bottom-btn-box .send-btn { width:122px; height:40px; background-color:#444; border:0; font-size:16px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; cursor:pointer; }
.bd-write-area .bottom-btn-box .cancel-btn { display:inline-block; width:122px; height:40px; background-color:#999; font-size:16px; color:#fff; font-weight:600; line-height:40px; text-align:center; vertical-align:middle; }


/* -------- PASSWORD -------- */
#pwdInputCon{width:360px; padding:20px; margin:150px auto; border:2px solid #d5d5d5; background-color:#f9f9f9; text-align:center;}
#pwdInputCon label{margin-right:5px; font-weight:600; font-size:14px; cursor:default;}
#passwordInput{border:1px solid #d5d5d5; width:40%; height:20px; margin-left:10px; font-size:13px; color:#666;}
#pwdInputCon p{padding-top:20px;}
#pwdInputCon p input{width:50px; height:24px;  font-weight:600;}
#pwdInputCon p input#passOk{border:1px solid #555; background-color:#555; color:#fff; }
#pwdInputCon p input#passCancel{border:1px solid #d5d5d5; background-color:#fff; color:#555; }