@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* pad */
.padl25{padding-left:25px;}
.padt25{padding-top:25px;}


/* txt */
.txt_ty1{padding:0 0 0 26px;}
.txt_ty1 h4{color:#333333;padding:2px 0 2px;}
.txt_ty1 h4.padt25{padding-top:25px;}
.txt_ty1 p{line-height:22px;color:#777;}
.txt_ty1 li{line-height:22px;color:#777;}


/* btn */
.btn_box{position:relative;width:384px;margin:0 auto;padding:22px 0;text-align:center;}
.btn_box .link{display:inline-block;padding:5px 19px;*display:inline;*zoom:1;background:#31a3b1;vertical-align:middle;color:#fff;font:bold 13px Helvetica;}
.btn_box .link.ty2{background:#91ced6;}
.btn_box .link.ty3{background:#969898;}
.btn_box button.link{*padding:4px 12px 2px;*margin-left:4px;}
.btn_box .prev{position:absolute;left:0;top:21px;width:30px;padding:30px 0 0;height:0px;overflow:hidden;background:url("/front/common/images/common/btn_v_prev.gif") no-repeat 0 0;display:block;}
.btn_box .next{position:absolute;right:0;top:21px;width:30px;padding:30px 0 0;height:0px;overflow:hidden;background:url("/front/common/images/common/btn_v_next.gif") no-repeat 0 0;display:block;}
.btn_box .prev:hover,.btn_box .prev:focus{background:url("/front/common/images/common/btn_v_prev_on.gif") no-repeat 0 0;}
.btn_box .next:hover,.btn_box .next:focus{background:url("/front/common/images/common/btn_v_next_on.gif") no-repeat 0 0;}


/* ico */
.ico_1{display:inline-block;width:31px;padding:2px 0 0;height:16px;padding:4px 0 0\0IE9;height:14px\0IE9;line-height:1.2;text-align:center;color:#fff;font:11px 'Helvetica';background:url("/front/common/images/common/bg_notice.gif") no-repeat 0 0;*display:inline;*zoom:1;}


/* search_box */
.search_box{text-align:center;padding:17px 0;margin:0 0 20px;border:1px solid #f1f1f1;background:#f9f9f9;}
.search_box select{border:1px solid #bbdfe4;margin:0 7px 0 0;}
.search_box .box{border:2px solid #91ced6;width:194px;padding:4px 8px 0;height:20px;}


/* tbl - 게시판 */
.tbl_ty1{width:100%;border-bottom:1px solid #979797;border-top:2px solid #91ced6;}
.tbl_ty1 table{border-spacing:0;width:100%;border: 0 none;border-collapse: collapse;table-layout:fixede;word-wrap:break-word;}
.tbl_ty1 .col_1{width:10%;}
.tbl_ty1 .col_2{width:54%;}
.tbl_ty1 .col_3{width:12%;}
.tbl_ty1 .col_4{width:12%;}
.tbl_ty1 .col_5{width:12%;}
.tbl_ty1 thead th{padding:11px 0 10px 0; text-align:center; vertical-align:middle; font-weight:bold;border-bottom:1px solid #91ced6;color:#31a3b1;font:bold 13px Helvetica;}
.tbl_ty1 tbody td{padding:10px 0 9px; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle; line-height:1.4;color:#777;}
.tbl_ty1 tbody th{padding:10px 0 9px; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle; line-height:1.4;color:#777;}
.tbl_ty1 tbody td.t_left{padding-left:40px; text-align:left;}
.tbl_ty1 tbody td.t_left a:hover{text-decoration:underline;}
.tbl_ty1 tbody td.t_left img{margin:0 5px;}
.tbl_ty1 tbody td.subject2{text-align:center;}
.tbl_ty1 tbody td.subject2 a:hover{text-decoration:underline;}
.tbl_ty1 tbody td .re{padding:0 0 0 12px;display:inline-block;background:url("/front/common/images/common/img_re.gif") no-repeat 0 1px;*display:inline;*zoom:1;}

.tbl_view{width:100%;border-top:2px solid #91ced6}
.tbl_view table{border-spacing:0;width:100%;border: 0 none;border-collapse: collapse;table-layout:fixede;word-wrap:break-word;}
.tbl_view tbody th{padding:11px 0 8px 26px;text-align:left; vertical-align:middle; font-weight:bold;border-bottom:1px solid #c8e6ea;color:#5ab5c1;background:#eaf6f7;}
.tbl_view tbody td{padding:11px 0 8px 23px;border-bottom:1px solid #c8e6ea; text-align:left; vertical-align:middle; line-height:1.5;color:#666;}
.tbl_view tbody td.tit{color:#303030;}
.tbl_view tbody td.data{padding:16px 28px;height:200px;vertical-align:top;}
.tbl_view .col_1{width:15%;}
.tbl_view .col_2{width:19%;}
.tbl_view .col_3{width:16%;}
.tbl_view .col_4{width:19%;}
.tbl_view .col_5{width:16%;}
.tbl_view .col_6{width:15%;}
.tbl_view .file{padding:0 0 0 21px;display:inline-block;background:url("/front/common/images/common/ico_file.gif") no-repeat 0 2px;*display:inline;*zoom:1;}

.tbl_write{border-top:2px solid #91ced6;}
.tbl_write th{width:126px;font:bold 12px Helvetica;padding:11px 0 10px 26px;color:#5ab5c1;background:#eaf6f7;border-bottom:1px solid #e3e9ea;vertical-align:top;}
.tbl_write td{padding:4px 0 4px 15px;color:#666;border-bottom:1px solid #e3e9ea;}
.tbl_write td select{font-size:14px;font-weight:normal;}
.tbl_write td span{line-height:23px;}
.tbl_write .col_1{width:16%;border-bottom:1px solid #91ced6;}
.tbl_write .col_2{width:84%;border-bottom:1px solid #91ced6;}
.tbl_write .inp_1{width:197px;padding:3px 10px 0;height:20px;line-height:20px;border:1px solid #dfdfdf;color:#666;}
.tbl_write .size_1{width:400px;}
.tbl_write textarea{width:590px;height:135px;padding:3px 10px;border:1px solid #dfdfdf;color:#666;line-height:20px;overflow-y:scroll;}

.file_box{overflow: hidden;padding: 0 0 5px;position: relative;}
.file_box .btn{background: url("/front/common/images/common/btn_file.gif") no-repeat 5px 0;float:left;padding: 0 0 0 5px;width:73px;height:22px;}
.file_box .del{float: left;padding: 0 0 0 7px;width:66px;}
.file_box .file_b{cursor:pointer;height:22px;width:59px;filter:alpha(opacity:0); opacity:0; }
.file_box input{float:left;}


/* paging */
.paging {position:relative;height:21px;padding:20px 0 20px 0; font-size:13px; text-align:center; }
.paging span.prebtn{padding-right:8px;}
.paging span.nextbtn{padding-left:5px;}
.paging span.prebtn a,.paging span.nextbtn a{display:inline-block;margin-right:-2px;width:21px;padding:21px 0 0;height:0;overflow:hidden;*display:inline;*zoom:1;}
.paging span .first{background:url("/front/common/images/common/btn_first.gif") no-repeat 0 0;}
.paging span .pre{background:url("/front/common/images/common/btn_pre.gif") no-repeat 0 0;}
.paging span .next{background:url("/front/common/images/common/btn_next.gif") no-repeat 0 0;}
.paging span .last{background:url("/front/common/images/common/btn_last.gif") no-repeat 0 0;}
.paging span .first:hover, .paging span .first:focus{background:url("/front/common/images/common/btn_first_on.gif") no-repeat 0 0;}
.paging span .pre:hover, .paging span .pre:focus{background:url("/front/common/images/common/btn_pre_on.gif") no-repeat 0 0;}
.paging span .next:hover, .paging span .next:focus{background:url("/front/common/images/common/btn_next_on.gif") no-repeat 0 0;}
.paging span .last:hover, .paging span .last:focus{background:url("/front/common/images/common/btn_last_on.gif") no-repeat 0 0;}
.paging strong{font-weight:normal;color:#ff7e00;}
.paging strong{font-size:13px; display:inline-block; width:auto; margin:2px 2px 0 0;text-align:center; vertical-align:middle; color:#31a3b1;text-decoration:underline;}
.paging a{font-size:13px; display:inline-block; width:auto; margin:2px 2px 0 0; text-align:center; vertical-align:middle; color:#666; }
.paging .btn_r{position:absolute;right:0;top:14px;width:auto;font:bold 13px Helvetica;color:#fff;background:#31a3b1;padding:5px 16px;}


/* tab_box */
.tab_box{position:relative;width:100%;}
.tab_box .tab_list{position:relative;}
.tab_box .tab_list .t{position:absolute;left:0;top:0;display:block;width:375px;padding:13px 0;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #91ced6;background:#ebebeb;color:#a5a4a4;font:bold 14px Helvetica;cursor:pointer;}
.tab_box .tab_list .on .t{border:1px solid #91ced6;border-top:1px solid #31a3b1;border-bottom:none;background:#fff;color:#333333;z-index:2;}
.tab_box .tab_list .tab2 .t{left:376px;}
.tab_box .data_box{display:none;padding:46px 0 0;}
.tab_box .on .data_box{display:block;}
.tab_box .tab1 .data_box{display:block;}
.tab_box.ty2 .tab_list .t{width:375px;}
.tab_box.ty2 .tab_list .tab2 .t{left:376px;}
.tab_box.ty3 .tab_list .t{width:249px;}
.tab_box.ty3 .tab_list .tab2 .t{left:251px;}
.tab_box.ty3 .tab_list .tab3 .t{left:502px;}
.tab_box.ty4 .tab_list .t{width:187px;}
.tab_box.ty4 .tab_list .tab2 .t{left:189px;}
.tab_box.ty4 .tab_list .tab3 .t{left:377px;}
.tab_box.ty4 .tab_list .tab4 .t{left:566px;}
.tab_box h3{margin:39px 0 0;padding:0 0 15px 25px;font:20px Helvetica;color:#31a3b1;background:url("/front/common/images/contents/h3_bul.gif") no-repeat 10px 3px;letter-spacing:-0.5px;}
.tab_box .txt{padding:0 18px 15px 25px;line-height:22px;color:#777;}
.tab_box .txt strong{color:#333333;}
.tab_box .txt em{color:#333333;text-decoration:underline;}

/* 01 ceo 인사말 */
.abbut_box{overflow:hidden;}
.abbut_box .img{float:left;width:162px;}
.abbut_box .txt{float:right;width:560px;}
.abbut_box .txt p{color:#888;line-height:1.7;padding:0 0 30px;}
.abbut_box .txt strong{color:#31a3b1;font-weight:normal;}
.abbut_box .txt strong.under{color:#31a3b1;font-weight:normal;text-decoration:underline;}
.abbut_box .txt em{color:#444444;}

/* 01 비전 */
.vision_box .txt1{color:#31a3b1;font:17.8px Helvetica;padding:0 0 15px;}
.vision_box .txt2{line-height:1.6;}
.vision_box .txt2 strong{color:#333333;}
.vision_box .txt2 em{color:#333333;}
.vision_box .img{padding:54px 0 0;}

/* 01 연혁 */
.tab_box .history{position:relative;padding:42px 0 0 154px;background:url("/front/common/images/contents/img_history.gif") no-repeat 21px 42px;}
.tab_box .history li{position:relative;padding:0 0 39px;background:url("/front/common/images/contents/bg_line.gif") repeat-y 0 0;overflow:hidden;}
.tab_box .history li strong{display:block;float:left;width:58px;color:#31a3b1;font:bold 17.8px Helvetica;}
.tab_box .history li p{position:relative;float:right;width:506px;padding:0 0 6px 35px;line-height:18px;z-index:2;}
.tab_box .history li p span{display:block;position:absolute;left:0;top:0;width:21px;height:21px;color:#fff;text-align:center;background:url("/front/common/images/contents/bg_month.gif") no-repeat 0 0;font:bold 14px Helvetica;line-height:21px;}
.tab_box .history li p strong{display:inline;float:none;width:auto;color:#666;font:bold 12px 'Helvetica';}

/* 01 오시는길 */
.map_box .map{height:379px;overflow:hidden;border:1px solid #31a3b1;border-top:2px solid #31a3b1;}
.map_box .map_guide{overflow:hidden;padding:38px 0 0;}
.map_box .guide{float:left;width:261px;padding:0 0 0 98px;margin:0 36px 0 0;background:url("/front/common/images/contents/img_map_1.gif") no-repeat 11px 2px;}
.map_box .guide.ty2{margin:0;background:url("/front/common/images/contents/img_map_2.gif") no-repeat 11px 2px;}
.map_box h2{font:bold 14px Helvetica;color:#333333;padding:0 0 15px;}
.map_box p{padding:0 0 15px;line-height:1.6;}

/* 01 협력회사 */
.company_top{border-top:2px solid #3fa9b6;border-bottom:1px solid #3fa9b6;padding:18px 0 21px 20px;}
.company_top label{font:bold 14px Helvetica;color:#333333;margin-right:8px;}
.company_top select{border:1px solid #cccccc;}
.company_box{padding:20px 0 0;position:relative;overflow:hidden;}
.company_box .map{position:relative;float:left;width:386px;height:380px;border:1px solid #e0e0e0;overflow:hidden;}
.company_box .com_list{float:right;width:364px;border:1px solid #e0e0e0;border-left:none;}
.company_box .com_list h2{background:#7ec5ce;height:34px;padding:13px 0 0 34px;color:#fff;font:bold 18px Helvetica;}
.company_box .com_list h2 span{color:#19707b;font:12px 'Helvetica';font-weight:normal;}
.company_box .com_list h2 span span{color:#fff799;font-weight:bold;}
.company_box .com_list ul{width:364px;height:333px;overflow-y:scroll;}
.company_box .com_list ul li{padding:16px 0 13px 36px;border-bottom:1px solid #ececec;line-height:1.5;}
.company_box .com_list ul li strong{display:block;}


/* 02 제품정보 */
.info_box{margin:0 0 30px;border:1px solid #8fcdd4;border-right:6px solid #8fcdd4;border-left:6px solid #8fcdd4;overflow:hidden;}
.info_box .img{float:left;width:390px;}
.info_box .data{float:left;width:350px;padding:38px 0 0 0;}
.info_box .tit{display:block;padding:0 0 18px 51px;background:url("/front/common/images/contents/info_tit.gif") no-repeat 0 0;font:38px Helvetica;color:#78c2cc;letter-spacing:-2px;}
.info_box p{padding:0 0 0 21px;color:#777;font:12px Helvetica;line-height:18px;}
.info_box p em{color:#464646;display:block;padding:0 0 2px;font:14px Helvetica;font-weight:normal;letter-spacing:-0.5px;}
.info_box .link{padding-top:8px;}

.list_ty2{position:relative;padding:0 0 0 25px;}
.list_ty2 ol{position:relative;width:637px;border:3px solid #e8f5f7;padding:28px 30px 20px;}
.list_ty2 li{position:relative;padding:2px 0 0 28px;color:#777;background:url("/front/common/images/contents/list_bul.gif") no-repeat 0 0;}
.list_ty2 li strong{font:14px Helvetica;color:#333333;padding:0 0 12px;display:block;}
.list_ty2 li .no{display:block;position:absolute;left:0;top:0;width:21px;height:21px;color:#fff;text-align:center;background:url("/front/common/images/contents/bg_month.gif") no-repeat 0 0;font:bold 14px Helvetica;line-height:21px;}
.list_ty2 li p{padding:0 0 30px 2px;color:#777;line-height:23px;}
.list_ty2 li p strong{display:inline;font:bold 12px 'Helvetica';color:#333;}
.list_ty2 li p.t1{padding:0 0 15px 2px;color:#777;line-height:23px;}
.list_ty2 li .t1 span{color:#31a3b1;}
.list_ty2 .bg_img{position:absolute;left:521px;top:3px;width:auto;}
.list_ty2 .bg_img2{position:absolute;left:500px;top:107px;width:auto;}
.list_ty2.ty1 li strong{color:#2498a5;font-weight:bold;}
.list_ty2.ty2{padding:0;}
.list_ty2.ty2 li strong{font-weight:bold;}
.list_ty2.ty2 ol{padding-bottom:0;}
.list_ty2.ty2 li{margin:0 0 30px;}
.list_ty2 .foat_l{float:left;width:290px;}
.list_ty2 .clear{clear:both;}

.list_ty1{padding:0 0 0 20px;}
.list_ty1 ul{width:626px;border:3px solid #e8f5f7;padding:25px 35px 20px;}
.list_ty1 li{padding:2px 0 30px 28px;color:#777;background:url("/front/common/images/contents/list_bul.gif") no-repeat 0 0;}
.list_ty1 li strong{font: 14px Helvetica;color:#333;padding:0 0 14px;display:block;}
.list_ty1 li p{color:#777;line-height:22px;}
.list_ty1 li p strong{display:inline;font:bold 12px 'Helvetica';color:#333;}
.list_ty1 li ul{border:none;padding:0;width:100%;}
.list_ty1 li li{padding:0 0 0 9px;background:url("/front/common/images/common/dot_01.gif") no-repeat 0 5px;}
.list_ty1 li li p{padding:0 0 15px;}
.list_ty1 li li strong{font:bold 12px 'Helvetica';padding:0 0 6px;}
.list_ty1 .tt{display:block;color:#333333;}

.list_ty3{position:relative;}
.list_ty3 ul{padding:0 0 0 27px;}
.list_ty3 li{padding:0 0 0 7px;background:url("/front/common/images/common/dot_02.gif") no-repeat 0 5px;}
.list_ty3 li p{padding:0 0 15px;color:#777;line-height:22px;}
.list_ty3 li strong{font:bold 12px 'Helvetica';padding:0 0 7px;color:#333;}
.list_ty3 .bg_img{position:absolute;left:521px;top:-20px;width:auto;}

.list_ty4{position:relative;}
.list_ty4 ul{padding:0 0 10px 27px;}
.list_ty4 li{padding:0 0 8px 7px;background:url("/front/common/images/common/dot_02.gif") no-repeat 0 5px;}

.txt_img2{padding:0 0 0 25px;}
.txt_img2 ul{width:635px;border:3px solid #e8f5f7;padding:25px 31px;}
.txt_img2 li{overflow:hidden;padding:0 0 40px;}
.txt_img2 li img{float:left;width:189px;}
.txt_img2 li p{float:left;width:404px;color:#777;line-height:22px;padding:0 0 0 35px;}
.txt_img2 li p strong{padding:0 0 14px;display:block;font:14px Helvetica;color:#333;}

.txt_img3{padding:0 0 0 25px;}
.txt_img3 .box_in{width:697px;border:3px solid #e8f5f7;overflow:hidden;}
.txt_img3 .box_in li{width:100%;padding:0 0 30px;overflow:hidden;}
.txt_img3 .box_in li.first{background:url("/front/common/images/contents/bg_box_in_li.gif") no-repeat 0 100%;}
.txt_img3 .img{float:left;width:303px;}
.txt_img3 .t1{float:right;width:366px;color:#777;line-height:22px;padding:0 20px 0 8px;margin:57px 0 0;background:url("/front/common/images/common/dot_02.gif") no-repeat 0 8px;}
.txt_img3 .t1 strong{color:#333;}
.txt_img3 .t1.mart30{margin:30px 0 0;}
.txt_img3 .t1.mart20{margin:20px 0 0;}
.txt_img3 .t2{float:right;width:366px;color:#333;line-height:22px;padding-left:8px;padding-right:20px;padding-bottom:18px;}
.txt_img3 .t3{float:right;width:366px;line-height:22px;padding:0 20px 0 8px;margin:25px 0 0;color:#31a3b1;}



/* 03 연구개발 */
.tab_box .txt_img{padding:39px 0 10px 25px;}
.tab_box .txt_img li{overflow:hidden;padding:0 0 30px;}
.tab_box .txt_img li img{float:left;width:296px;}
.tab_box .txt_img li p{float:left;width:376px;color:#777;line-height:22px;padding:0 0 0 30px;}
.tab_box .history2{position:relative;padding:0 0 0 25px;}
.tab_box .history2 ul{position:relative;padding:22px 0 20px 27px;width:670px;border:3px solid #e8f5f7;}
.tab_box .history2 li{position:relative;padding:0 0 35px;background:url("/front/common/images/contents/bg_line2.gif") repeat-y 0 0;overflow:hidden;}
.tab_box .history2 li strong{display:block;float:left;width:126px;color:#31a3b1;font:bold 17px Helvetica;}
.tab_box .history2 li p{position:relative;float:right;width:502px;padding:0 19px 6px 23px;line-height:20px;z-index:2;background:url("/front/common/images/contents/bg_month2.gif") no-repeat 0 5px;letter-spacing:-0.2px;}
.tab_box .history2 li p strong{display:inline;float:none;width:auto;color:#666;font:bold 12px 'Helvetica';}



/* sitemap */
.sitemap_box{overflow:hidden;padding:33px 0 0;}
.sitemap_box .box_in{float:left;width:121px;margin:0 20px 0 0;padding:22px 25px 57px;height:200px;border:1px solid #dcdcdc;border-top:2px solid #61b8c3;}
.sitemap_box .box_in h3{padding:0 0 12px;color:#31a3b1;font:bold 15px Helvetica;}
.sitemap_box .box_in ul li{padding:0 0 6px 9px;background:url("/front/common/images/common/dot_01.gif") no-repeat 0 6px;}
.sitemap_box .box_in ul li a{color:#555;}
.sitemap_box .box_in.s1{background:url("/front/common/images/contents/bg_sitemap_1.jpg") no-repeat 105px 222px;}
.sitemap_box .box_in.s2{background:url("/front/common/images/contents/bg_sitemap_2.jpg") no-repeat 105px 222px;}
.sitemap_box .box_in.s3{background:url("/front/common/images/contents/bg_sitemap_3.jpg") no-repeat 105px 222px;}
.sitemap_box .box_in.s4{background:url("/front/common/images/contents/bg_sitemap_4.jpg") no-repeat 105px 222px;margin:0;}


/* 자주하는질문 */
.faq_list{position:relative;border-top:2px solid #b2dde2;}
.faq_list dt{height:40px;overflow:hidden;border-bottom:1px solid #afdbe1;}
.faq_list dt a{display:block;padding:12px 0 0 25px;height:28px;overflow:hidden;color:#31a3b1;font:13px Helvetica;}
.faq_list img{margin-right:23px;vertical-align:top;}
.faq_list dd{position:relative;display:none;border-bottom:1px solid #afdbe1;padding:17px 45px 17px 69px;background:#f4fafb;font:12px 'Helvetica';}
.faq_list dd img{position:absolute;top:21px;left:25px;width:auto;}
.faq_list dd p{line-height:22px;}
.faq_list .on dd{display:block;}