@charset "utf-8";

/* 페이지번호 */
.pass a img{vertical-align:middle}
.pass { width:100%; text-align:center; clear:both; padding:20px 0px 0px 0px}
.pass span.lmcPagePrev { width:auto; height:20px; background-color:#444; color:#ffffff; cursor:pointer; padding:0 5px 2px 5px;  font-variant:normal; }
.pass span.lmcPageNext { width:auto; height:20px; background-color:#444; color:#ffffff; cursor:pointer; padding:0 5px 2px 5px; border-radius:0 5px 0 5px; font-variant:normal; }
.pass .paging_prev{margin-right:4px}
.pass .paging_next{margin-left:4px}
.pass ul { height:20px; display:inline; margin:0 10px; }
.pass ul li { height:20px; display:inline; margin:0 5px; vertical-align:top; }
.pass ul li a {display:inline-block;border:1px solid #a7a7a7;color:#939393;width:30px;height:30px;margin-right:-1px;text-decoration:none;line-height:31px;margin:0px 3px}
.pass ul li a:hover {border:1px solid #7fa640;color:#7fa640}
.pass ul li a:focus {border:1px solid #7fa640;color:#7fa640}
.pass ul li span {display:inline-block;width:32px;height:32px;text-decoration:none;background:#777;color:#fff;font-weight:bold;line-height:31px;margin:0px 3px}



/* 서브 - 타이틀 공통 */
.subTitBox{display:block; width:790px; padding:17px 20px; margin:0 0 20px; /*font-size:14px;*/ line-height:1.6em; background:#f6f6f7; color:#0a559c;}

/*
#sc h3 {width:auto; height:auto; margin:1.5em 0 0.2em 0; padding:0 0 0 29px; background:url('../img/sub/h3bg.gif') no-repeat 0 6px; color:#000; font-family:'NanumGothicBold'; font-size:21px; text-align:left; line-height:1.5em; clear:both;}
#sc h4 {width:auto; height:auto; margin:0.3em 0 0.2em 0; padding:0 0 0 30px; background:url('../img/sub/h4bg.gif') no-repeat 12px 9px; color:#444; font-family:'NanumGothicBold'; font-size:17px; text-align:left; line-height:1.5em; clear:both;}
#sc h4 span {color:#008944;}
#sc h5 {width:auto; height:auto; margin:0.3em 0 0.2em 0; padding:0 0 0 30px; background:url('../img/sub/h5bg.gif') no-repeat 17px 8px; color:#4b77d2; font-family:'NanumGothicBold'; font-size:15px; text-align:left; letter-spacing:-1px; line-height:1.5em; clear:both;}
#sc h6 {width:auto; height:auto; margin:0.3em 0 0.2em 0; padding:0 0 0 30px; background:url('../img/sub/h6bg.gif') no-repeat 17px 7px; color:#444; font-family:'NanumGothicBold'; font-size:14px; text-align:left; letter-spacing:-1px; line-height:1.5em; clear:both;}
#sc.h0 {clear:left; margin:0; padding:0; background:transparent; font-weight:normal; font-size:1em; letter-spacing:0;}
*/

#sc .indent {margin-left:2.3em;}
#sc p {line-height:1.7em;}
#sc p.indent {margin:0 0 0 2.3em; line-height:1.7em;}

/* 개별조합속성클래스 */
#sc .image {vertical-align:top;}
#sc .bottom {vertical-align:bottom;}
#sc img.center {display:block; margin:1em auto; padding:0; text-align:center;}
#sc .floatLeft {float:left; display:inline; margin:0 15px 15px 0;}
#sc .floatRight {float:right; display:inline; margin:0 0 15px 15px;}
#sc div.dotline {display:block; border:#e7e7e7 dashed 1px; margin:20px auto;}

/* 텍스트 스타일 */
#sc .bigTitle {color:#444; font-family:'NanumGothicBold'; font-size:17px; text-align:center; line-height:1.5em; clear:both; margin:10px 0 15px;}

#sc .text_center {text-align:center;}
#sc .text_right {text-align:right;}
#sc .text_left {text-align:left;}
#sc .underline {text-decoration:underline;}

#sc .italic {font-style:italic;}
#sc .weight {font-weight:bold;}

#sc .em_green {color:#0d954a;}
#sc .em_blue {color:#2e3192;}
#sc .em_red {color:#d30b12;}
#sc .em_pink {color:#f330a3;}
#sc .em_grey {color:#ddd;}

#sc .em_b_green {color:#0d954a; font-weight:bold;}
#sc .em_b_blue {color:#2e3192;  font-weight:bold;}

/* 서브 - 목록(List) 공통 */
#sc ul.bu1 {margin:0; padding:0.5em 0 0.7em 1.9em; list-style:none; text-align:left; font-size:13px;}
#sc td ul.bu1 {padding:0;} /* 테이블 안에서 정렬 */
#sc ul.bu1 li {margin:0; padding:0 0 0 0.8em; list-style:none; background: url('../img/sub/bu1.gif') no-repeat 0 0.7em; line-height:1.8em;}
#sc ul.bu1 li span {font-weight:bold;}
#sc ul.bu1 ul li {background: url('../img/sub/bu2.gif') no-repeat 0.2em 0.5em; }
#sc ul.bu1 ul ul li {background: url('../img/sub/bu3.gif') no-repeat 0 0.6em; }
#sc ul.bu1 ul ul ul li {background: url('../img/sub/bu4.gif') no-repeat 0 0.2em; }
#sc ul.bu1 ul, ul.bu1 ul ul, ul.bu1 ul ul ul {margin: 0; padding: 0 0 0.5em 0; }
#sc ul.bu1 ol li {padding-left:28px;}

#sc ol.ou1 {margin:0; padding:0.5em 0 0.7em 1.9em; list-style:none; text-align:left; font-size:13px;}
#sc td ol.ou1 {padding:0;} /* 테이블 안에서 정렬 */
#sc ol.ou1 li {margin:0; padding:0 0 0 0.8em; list-style:none; background: url('../img/sub/bu1.gif') no-repeat 0 0.7em; line-height:1.8em;}
#sc ol.ou1 li span {font-weight:bold;}
#sc ol.ou1 ul li {background: url('../img/sub/bu2.gif') no-repeat 0.2em 0.5em; }
#sc ol.ou1 ul ul li {background: url('../img/sub/bu3.gif') no-repeat 0 0.6em; }
#sc ol.ou1 ul ul ul li {background: url('../img/sub/bu4.gif') no-repeat 0 0.2em; }
#sc ol.ou1 ul, ul.bu1 ul ul, ul.bu1 ul ul ul {margin: 0; padding: 0 0 0.5em 0; }
#sc ol.ou1 ol li {padding-left:28px;}

/* 서브 - 탭메뉴 공통 */
ul.tap {width:100%; position:relative; margin-bottom:15px; display:inline-block !important; text-align:center;}
ul.tap li {display:inline; float:left; color:#252525; font-size:13px; background:#f9f9f9 url(../img/sub/tapBu1.png) 10px center no-repeat; /*width:15%;*/ padding:0; text-align:center; border:#dedede solid 1px; border-left:none;}
ul.tap li:first-child {border-left:#dedede solid 1px;}
ul.tap li a {display:block; float:left; /*width:100%;*/ padding:10px 15px 10px 25px;}
ul.tap li a.on, ul.tap li a:hover {font-weight:bold;text-decoration:none; color:#fff; background:#3c66a7 url(../img/sub/tapBu1_on.png) 10px center no-repeat; /*border:#3c66a7 solid 1px;*/}

/* 서브 -  테이블(Table) 공통 */
table caption {display:none;}
#sc table.table_t1 {border-collapse:collapse; width:100%; margin:0.5em 0px; border-top:2px double #2d9b5e;}

#sc table.table_t1 tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의 */
#sc table.table_t1 th {border:1px solid #ddd; padding:10px 7px 10px; font-size:13px; line-height:1.3em; font-family:'NanumGothicBold'; color:#000; font-weight:normal;}
#sc table.table_t1 td {border:1px solid #ddd;  padding:7px; font-size:13px; line-height:1.3em; border-top-width:0; font-family:'NanumGothic';}
#sc table.table_t1 th.first, #sc table.table_t1 td.first {border-left:none;}
#sc table.table_t1 th.last, #sc table.table_t1 td.last {border-right:none;}
#sc table.table_t1 thead, table.table_t1 tfoot {background:#f8f8f8; font-weight:normal;}
#sc table.table_t1 thead th {background:#f8f8f8; color:#000; text-align:center; vertical-align:middle; border-bottom:1px double #363d4c;}
#sc table.table_t1 tbody th {background:#fbfbfb; color:#000; text-align:center; font-family:'NanumGothicBold';}
#sc table.table_t1 td ul.bu1 {padding:0; margin:0 0 0 7px;}  /* 테이블 안에서 정렬 */

#sc table.form_t1 {border-collapse:collapse; width:100%; margin:0.5em 0px; border-top:2px double #2d9b5e; border-bottom:2px double #ccc;}
#sc table.form_t1 tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의 */
#sc table.form_t1 th {border:1px solid #ddd; padding:10px 0 10px 35px; font-size:13px; line-height:1.3em; font-family:'NanumGothicBold'; color:#000; font-weight:normal;}
#sc table.form_t1 td {border:1px dashed #ddd; padding:10px; font-size:13px; line-height:1.3em; border-top-width:0; font-family:'NanumGothic';}
#sc table.form_t1 th.first, #sc table.form_t1 td.first {border-left:none;}
#sc table.form_t1 th.last, #sc table.form_t1 td.last {border-right:none;}
#sc table.form_t1 tbody th {background:#fbfbfb; color:#000; text-align:left; font-family:'NanumGothicBold';}
#sc table.form_t1 td ul.bu1 {padding:0; margin:0 0 0 7px;}  /* 테이블 안에서 정렬 */

select {background: none repeat scroll 0 0 #fff; border:1px solid #d4d4d4; color:#888; font-size:12px; margin:0; overflow:auto; padding:4px 4px 3px; vertical-align:middle;}
input[type=text] {padding:5px; border:1px solid #ccc; font-size:12px; vertical-align:middle; color:#888;}
input[type=password] {padding:5px; border:1px solid #ccc; font-size:12px; vertical-align:middle; color:#888;}
input[type=radio] {margin-right:3px; border:0; vertical-align:middle;}
input.type_radio {margin:-3px 3px 0px 0px;}

/* 서브 - 버튼(Button) 공통 */
.buttonLeft {clear:both; display:inline; position:relative; display:block; float:left;}
.buttonRight {clear:both; display:inline; position:relative; display:block; float:right;}
.buttonCenter {clear:both; position:relative; display:block; width:100%; text-align:center;}

.rbutton{display:inline-block; font-family:'Dotum'; font-size:13px; line-height:1em; font-weight:bold; letter-spacing:-1px; padding:6px 12px 5px 12px; border-radius:3px; overflow:hidden; vertical-align:middle;}

.large {display:inline-block; font-family:'Dotum'; font-size:13px; line-height:1; font-weight:bold; letter-spacing:-1px; padding:10px 25px; border-radius:3px;}
.small {display:inline-block; font-family:'Dotum'; font-size:12px; line-height:1; font-weight:bold; letter-spacing:-1px; padding:5px 10px; border-radius:3px;}
.xsmall {font-family:'Dotum'; font-size:11px; line-height:1em; font-weight:400; letter-spacing:-1px; padding:5px; height:25px; border-radius:3px; overflow:inline-hidden; display:bock; vertical-align:middle;}

.white {color:#333; background:#fff; border:1px solid #cdcdcd; box-shadow:0 1px 1px #e9e9e9; /*text-shadow:1px 1px #f9f9f9;*/} 
.white:hover {background:#f9f9f9;}

.green {color:#fff; background:#2d9b5e; border:1px solid #2d9b5e; /*box-shadow:0 1px 1px #d8d8d8;*/}
.green:hover{background:#2d9b5e;}

.orange {color:#fff; background:#f26522; border:1px solid #f26522; /*box-shadow:0 1px 1px #d8d8d8;*/}
.orange:hover{background:#f04f02;}

.black {color:#fff; background:#656565; border:1px solid #000; box-shadow:0 1px 1px #d8d8d8;}
.black:hover {background:#333;}

.blue {color:#fff; background:#008bcf; border:1px solid #007ebc; box-shadow:0 1px 1px #d8d8d8;}
.blue:hover {background:#085cad;}

/* CEO인사말 */
.ceo {padding:0 28px;}

/* 연혁 */
.history .sub_title, .vision .sub_title {width:100%;}
.history, .vision {padding:0 28px;}
.vision{margin:0 0 65px;}
/*.history {margin:0 0 65px;}
.history ul {padding-left:35px;}
.history li {position:relative; line-height:2.0em; margin-bottom:30px; background:url('../img/contents/history_bu.gif') no-repeat 0 10px; padding-left:16px;}
.history li li {background:none; line-height:1.2em; margin-bottom:5px;}
.history_year {font-size:15px; font-weight:900; color:#2d9b5e; width:30px;}
.history_text {margin:-22px 0 -10px 20px; font-weight:normal;}
.history_line {color:#dde0df; margin:0 10px;}*/
.history .cont {background:url('../img/contents/sub01_2_history.gif') no-repeat center 6px; min-height:795px;}
.history .cont h3 {font-size:23px; font-weight:900; color:#2d9b5e;}
.history .h_right, .history .h_left {margin-bottom:10px;}
.history .h_right {float:left; margin-left:520px; width:420px;}
.history .h_left {float:left; text-align:right; width:465px;}


/* 비전 
.vision {}
.vision .cont {display:block; width:957px; height:602px; margin:0 auto; position:relative; background:url('../img/contents/sub01_2_vision.gif') no-repeat 0 0;}
.vision .cont h3 {position:absolute; top:84px; left:405px; color:#f26522; font-family:'NanumGothicBold'; font-size:17px; line-height:1.5em; text-align:center;}
.vision .cont h4 {position:absolute; top:313px; left:340px; color:#156ad4; font-family:'NanumGothicBold'; font-size:17px; line-height:1.5em; text-align:center;}
.vision .cont h5 {color:#333; font-family:'NanumGothic'; font-weight:normal; font-size:15px; line-height:1.5em; text-align:center;}
.vision .cont h5.first {position:absolute; top:518px; left:60px;}
.vision .cont h5.last {position:absolute; top:526px; left:655px;}
*/


/* 인증서 */
.certi {padding:0 28px;}
.certi ul li {width:16.666%; float:left; display:inline-block; text-align:center; margin:0 0 35px;}

/* 제품확대 */
#certi_detail {margin:0; padding:0; width:500px;}
#certi_detail .title {position:relative; background:url('../img/contents/pro_detail_titleBg.gif') no-repeat 0 0; height:46px;}
#certi_detail .title img {position:absolute; top:5px; right:10px;}
#certi_detail h2 {float:left; width:auto; height:auto; margin:0; padding:10px 0 0 23px; color:#fff; font-family:'NanumGothicBold'; font-size:17px; text-align:left; letter-spacing:-1px; line-height:1.5em; clear:both;}
#certi_detail .pop_img_box {text-align:center; height:560px; border:#2d9b5e solid 10px; border-top:none;}
#certi_detail .pop_img_box img {margin-top:10px;}


/* 주요고객사 */
.customer {padding:0 28px;}
.customer ul li {width:20%; float:left; display:inline-block; text-align:center; margin:0 0 25px;}

/* 찾아오시는길 */
.directions {padding:0 28px;}
.api {border:#e1e1e1 solid 1px; margin:0 0 30px;}
.loca {background:url(../img/contents/icon_loca.gif) 0 0 no-repeat; height:64px; margin:0 0 20px;}
.tel {background:url(../img/contents/icon_tel.gif) 0 0 no-repeat; height:64px;}
.loca h2, .tel h2 {font-family:'NanumGothicBold'; color:#2d9b5e; font-size:16px; margin:0 0 0 95px;}
.loca ul, .tel ul {margin:0 0 0 95px; padding:5px 0 0 0;}
.loca ul li, .tel ul li {line-height:1.7em;}

/* 견적서 */
.estimate {padding:0 28px;}

/* 대리점 */
.branch {}
.branch .loca h2, .branch .tel h2 {padding:10px 0 0;}
.branch .tel ul {padding:17px 0 0 0;}


/* 제품소개 */
.product {}
/* Snb - name 고정 */
#snb {float:left;width:210px;margin-right:43px;}
#snb .snb_menu {}
#snb .snb_menu li a {display:block;height:43px;line-height:43px;letter-spacing:-0.03em;padding-left:8px;font-family:'NanumGothicBold';font-size:15px;color:#a9610b;background:url(../img/sub/snb_arw.gif) 0 0 no-repeat; padding-left:23px;}
#snb .snb_menu li.on a, #snb .snb_menu li a:hover {color:#fff;background:url(../img/sub/snb_arw_on.gif) 0 0 no-repeat}
#snb .snb_menu li.last{margin-top:-1px;}
#snb .snb_menu li ul {margin:17px 0;}
#snb .snb_menu li li a {display:block;height:25px;line-height:25px;letter-spacing:-0.03em;padding-left:8px;font-family:'NanumGothic';font-size:13px;color:#333 !important;background:none !important; padding-left:23px;}
#snb .snb_menu li li.on a, #snb .snb_menu li li a:hover {background:none;color:#333; text-decoration:underline; font-weight:bold;}

#conArea {float:right; width:794px}
/* 서브 패스 - name 고정 */
.sub_title {margin-bottom:40px;overflow:hidden;background:url(../img/sub/pathBg.gif) 0 bottom no-repeat; height:43px;}
.sub_title h2 {font-size:24px;color:#333; line-height:1.5em;}
.path {}
.path ol {float:right; margin-top:-20px;}
.path ol li {float:left; padding-left:20px; color:#777; background:url(../img/common/path_arr.gif) 9px 3px no-repeat; font-family:'dotum'; font-size:12px; line-height:1.5em;}
.path ol li:first-child {padding-left:0;background:none}
.path ol li:first-child img {margin-top:0px;}


/* 앨범목록 */
#lmcBoard .productList { width:95%; padding:0 0 0 2%; border-top:1px solid #444; clear:both; text-align:center; float:left; }
#lmcBoard .productList li { width:18%; margin:0 0 0 1.3%; float:left; padding-top:20px; }
#lmcBoard .productList li ul { width:100%; float:left; }
#lmcBoard .productList li ul li { width:100%; display:inline; height:auto; clear:both; overflow:hidden; padding:5px 0 3px 0; }
#lmcBoard .productList li ul li span { font-variant:normal; }
 
#lmcBoard .productList li ul li.lmcTitle { width:100%; height:13px; overflow:hidden; text-align:left; }
#lmcBoard .productList li ul li.lmcTitle a { font-family:"DevGothicExtraBold"; color:#444; }
#lmcBoard .productList li ul li.lmcTitle a:hover { background-color:#444; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; }
#lmcBoard .productList li ul li.lmcTitle a:focus { background-color:#444; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; }
#lmcBoard .productList li ul li.lmcText { width:100%; height:15px; overflow:hidden; text-align:left; }
#lmcBoard .productList li ul li.lmcText span { width:50%; height:15px; float:left; text-align:left; overflow:hidden; font-variant:normal; }
#lmcBoard .productList li ul li.lmcText span:last-child { text-align:right; }

/* 제품리스트 */
.productList {}
.productList ul li {float:left; display:inline-block; width:20%; text-align:center; margin-bottom:25px;}
.productList ul li a:hover {text-decoration:underline;}
.productList ul li img {border:#dedede solid 1px; width:150px; height:110px; margin-bottom:10px;}

/* 제품상세 */
.productView .product_thum {float:left; width:400px;}
.productView .product_thum .bigimg {position:relative; width:400px; height:290px; margin:0 0 17px;}
.productView .product_thum .bigimg img {position:absolute; top:0; left:0; z-index:1; border:#dedede solid 1px;}
.productView .product_thum .bigimg .wmark {position:absolute; top:0; left:0; background:url(../img/contents/wmark.png) center center no-repeat; z-index:10; width:400px; height:290px;}
.productView .product_thum .thum_list ul {width:400px;}
.productView .product_thum .thum_list ul li {float:left; display:inline-block; width:25%; text-align:center;}
.productView .product_thum .thum_list ul li a {display:block; width:96px; height:70px; border:1px solid #dedede; background:url(../img/contents/pro_s_noimg.gif) center center no-repeat;}
.productView .product_thum .thum_list ul li a:hover, .productView .product_thum .thum_list ul li a.on {border:1px solid #b6c22f;}

/* 제품확대 */
#pro_detail {margin:0; padding:0; width:710px;}
#pro_detail .title {position:relative; background:url('../img/contents/pro_detail_titleBg.gif') no-repeat 0 0; height:46px;}
#pro_detail .title img {position:absolute; top:5px; right:10px;}
#pro_detail h2 {float:left; width:auto; height:auto; margin:0; padding:10px 0 0 23px; color:#fff; font-family:'NanumGothicBold'; font-size:17px; text-align:left; letter-spacing:-1px; line-height:1.5em; clear:both;}
#pro_detail .pop_img_box {text-align:center; height:505px; border:#2d9b5e solid 10px; border-top:none;}
#pro_detail .pop_img_box img {margin-top:10px;}

.productView .product_word {float:right; width:370px; margin:-7px 0 0;}
.productView .product_word table.table_t1 thead th.last {color:#2d9b5e !important;}
.productView .product_word table.table_t1 thead th span {margin:0 18px;}
.productView .product_word .buttonRight {margin:13px 0 0;}

/* 게시판 */
.boardWrap {padding:0 28px;}