@charset "utf-8";


/*공통기본요소*/

body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,form,fieldset,legend,input,textarea,button,select{margin:0px;padding:0px;}  
body,textarea,select,button,table{font-family:'NanumGothic', '나눔고딕'; font-size:12px; color:#656565; text-align:left;}  
img,fieldset{border:0;line-height:0;}  
ul,ol,li,div{list-style:none;margin:0px;}
em,address{font-style:normal}  
a{text-decoration:none; color:#656565;}  
a:hover,a:active,a:focus{text-decoration:underline;} 
img{vertical-align:middle;}


.clear {clear:both;}


/*공통*/
#wrap {width:100%; border-top:4px solid #4d5e69;}
#top {width:1045px; margin:0 auto; height:112px;}
#top .s_menu {float:right; margin-top:1px;}
#top .s_menu img {vertical-align:middle;}
#top .s_menu .hns {float:left; margin:15px 14px 0 0; font-size:12px; color:#333333; line-height:22px; font-weight:800;}
#top .s_menu .lang {width:159px; height:24px; float:left; margin-top:11px;}
#top .s_menu .lang select {width:103px; height:20px; float:left; font-size:11px; margin-top:2px;}
#top .s_menu .lang div {float:left; margin-left:3px; margin-top:3px;}
#top .logo {margin:2px 0 0 37px; float:left;}
#footer {padding-top:20px; padding-bottom:50px; border-top:1px solid #dedede;}
#footer .f_menu {float:left;}
#footer .f_menu li {float:left; margin-right:15px;}
#footer .copyright {color:#8d8d8d; float:left; margin-top:15px;}
#footer .sns_btn {float:left;}
#footer .sns_btn li {float:left; margin-right:4px;}
#footer .f_logo {margin-left:12px; float:left;}



/*메인*/

#main_wrap {width:1230px; margin:0 auto;}
#banner {border:6px solid #007dc3; border-right:0; border-left:0; width:1230px; margin:0 auto;}
#banner .basic_banner {width:264px; padding-left:40px; float:left;}
#banner .basic_banner ul {margin:22px 0 0 1px; float:left;}
#banner .basic_banner ul > li {float:left; width:109px; margin-bottom:12px;}
#banner .banner_tit {float:left; margin-top:18px;}
#banner .list_banner {width:279px; height:107px; background-color:#f2f2f2; float:left; padding-left:27px; padding-top:13px;}
#banner .banner_tit2 {float:left; margin-top:7px;}
#banner .more {float:right; margin-right:16px;}
#banner .list_banner ul {margin-top:13px; width:260px; float:left;}
#banner .list_banner ul > li {line-height:18px; position:relative;}
#banner .list_banner ul > li > a {color:#767a86;}
#banner .list_banner .list_date {position:absolute; top:0; right:0; display:block; color:#767a86;}
#banner .img_banner {float:left;}
#banner .icon_banner {width:283px; height:107px; background-color:#f2f2f2; float:left; padding-left:27px; padding-top:13px;}
#banner .icon_banner ul {float:left; margin:8px 0 0 11px;}
#banner .icon_banner ul > li {float:left;}
#banner .icon_banner ul > li img {vertical-align:bottom;}
#banner .icon_banner2 {float:left;}
#banner .icon_banner2 ul {margin-top:25px; float:left; margin-left:26px;}
#banner .icon_banner2 ul > li {float:left;}

#sns {background-color:#5a6166; height:300px; margin-top:0px; color:#fff;}
#sns a{ color:#fff !important;}
#sns .sns_con {width:1230px; margin:0 auto; padding:25px;}
#sns .sns_con .sns_list {margin-top:22px; width:320px; float:left;}
#sns .sns_con .sns_name {float:left; width:264px; margin-bottom:5px; font-weight:600;}
#sns .sns_con .sns_text {float:left; width:264px;}
#sns .sns_con .sns_list li {margin-bottom:23px; float:left;}
#sns .sns_con .sns_icon {float:left; margin-right:10px}
#sns .sns_con .video {border:3px solid #fff; float:right; margin-right:25px;}



/*서브공통*/

#sub_wrap {width:100%; background:url(../images/sub_bg.jpg) center top repeat-x; min-width:1045px;}
#sub_wrap .center .contents {font-size:14px;}
#sub_wrap .guide_wrap {background-color:#919295; height:36px; border-bottom:1px solid #dcdcdc;}
#sub_wrap .guide_bg {margin:0 auto; width:1045px; background:url(../images/guide_bg.gif); height:36px; color:#fff;}
/*#sub_wrap .guide_bg a {color:#fff;}*/
#sub_wrap .guide_bg .h_icon {float:left; margin-top:8px; width:55px;}
#sub_wrap .guide_bg .guide_menu {float:left; text-align:center; margin-left:5px; margin-top:10px; width:85px;}
#sub_wrap .guide_bg .guide_menu2 {float:left; text-align:center; margin-left:20px; margin-top:10px; width:125px; font-weight:600;}
#sub_wrap .guide_bg .guide_menu2 select {color:#fff; vertical-align:middle;}
#sub_wrap .guide_bg .guide_menu2 option {background-color:#919295;}


ul.guide_s_menu li{float:left;height:15px;position:relative;margin-top:10px; width:150px;z-index:10}
ul.guide_s_menu li a{display:block;text-decoration:none;margin-left:5px;font-weight:100;}
ul.guide_s_menu li a:hover{color:#000000;}
ul.guide_s_menu li ul.sub{position:absolute;background:#ffffff;border: 1px solid #919191;}
ul.guide_s_menu li ul.sub li{padding:0px 0 5px 0}
ul.guide_s_menu{zoom:1;}
ul.guide_s_menu:after {height:0;visibility:hidden;content:".";display:block;clear:both;}



#sub_wrap .head_tit {font-size:36px; color:#fff; padding-top:45px; padding-left:30px;}
#sub_wrap .head_text {color:#fff; margin-top:5px; padding-left:30px;}

#sub_wrap .white_bg {background:url(../images/contents_bg.png) center top repeat-y; width:1073px; margin:0 auto;}
#sub_wrap .white_bg .center {width:1045px; margin:0 auto; min-height:500px; position:relative; padding-bottom:50px;}
#sub_wrap .white_bg .center .quick {width:16px; height:85px; position:absolute; right:11px;}
#sub_wrap .white_bg .center .contents {padding:25px 0; width:965px; margin:0 auto;}


/*연혁*/
#sub_wrap .year {float:left;}
#sub_wrap .year li {line-height:20px; font-size:16px; color:#007dc3; font-weight:600;}
#sub_wrap .month {float:left; margin:0 10px 0 20px;}
#sub_wrap .month li {line-height:20px; font-size:14px; color:#656565; font-weight:600;}
#sub_wrap .history {float:left;}
#sub_wrap .history li {line-height:20px;}


/*계열사 & 파트너*/
#sub_wrap .partner_con {margin-right:14px; padding-left:10px; float:left; line-height:20px; width:140px;}
#sub_wrap .partner_con img {vertical-align:middle; margin-right:5px;}


/*오시는길*/
#sub_wrap .address {width:315px; float:left; background:url(../images/sub05_04_img1.gif); height:468px; color:#b4b4b4;}
#sub_wrap .address ul > li {margin-bottom:75px;}

/*기술연구소*/
#sub_wrap .cer_img {border:1px solid #e0e0e0; width:220px; height:310px; float:left; margin-right:25px;}
#sub_wrap .center .contents .tab_table1 {margin:0 auto; margin-bottom:40px; width:100%; text-align:center; border-collapse:collapse; font-size:15px; font-weight:600; font-size:14px;}
#sub_wrap .center .contents .tab_table1 td {border:1px solid #e7e7e7; background-color:#f5f5f5; color:#5e5e5e; width:25%;}
#sub_wrap .center .contents .tab_table1 a {text-decoration:none; font-size:15px; font-weight:600; display:block;}
#sub_wrap .center .contents .tab_table1 .tab_on2 {background:url(../images/tab_on2.gif); width:25%; height:40px;}
#sub_wrap .center .contents .tab_table1 .tab_on2 a {color:#fff; text-decoration:none; font-size:15px; font-weight:600;}
#sub_wrap .center .contents .tab_table1 .tab_on2 a:hover {color:#fff; text-decoration:none; font-size:15px; font-weight:600;}

/*텍스트 스타일*/
#sub_wrap .m_text {font-size:16px; color:#4d5e69; line-height:22px; margin-top:20px;}
#sub_wrap .s_text {line-height:20px;}
#sub_wrap .l_blue {color:#007dc3;}
#sub_wrap .dotted_line2 {background:url(../images/dotted_line.gif); height:1px; width:965px; margin:20px 0;}

/*서브상단이미지*/

#sub_wrap .head01 {/*background:url(../images/sub_img01.png);*/ width:1045px; margin:0 auto; height:125px;}
#sub_wrap .head02 {/*background:url(../images/sub_img01.png);*/ width:1045px; margin:0 auto; height:125px;}
#sub_wrap .head03 {width:1045px; margin:0 auto; height:125px;}
#sub_wrap .head04 {/*background:url(../images/sub_img01.png);*/ width:1045px; margin:0 auto; height:125px;}
#sub_wrap .head05 {/*background:url(../images/sub_img01.png);*/ width:1045px; margin:0 auto; height:125px;}
#sub_wrap .head06 {/*background:url(../images/sub_img01.png);*/ width:1045px; margin:0 auto; height:125px;}
#sub_wrap .head07 {/*background:url(../images/sub_img01.png);*/ width:1045px; margin:0 auto; height:125px;}


/*사업영역 탭*/
#tab_table_box .tab_table {margin:0 auto; margin-bottom:40px; width:100%; text-align:center; border-collapse:collapse; font-size:15px; font-weight:600;}
#tab_table_box .tab_table td {border:1px solid #e7e7e7; background-color:#f5f5f5; color:#5e5e5e; width:25%;}
#tab_table_box .tab_table a {text-decoration:none; font-size:15px; font-weight:600; display:block;}
#tab_table_box .tab_table .tab_on {background:url(../images/tab_on.gif); width:25%; height:40px;}
#tab_table_box .tab_table .tab_on a {color:#fff; text-decoration:none; font-size:15px; font-weight:600;}
#tab_table_box .tab_table .tab_on a:hover {color:#fff; text-decoration:none; font-size:15px; font-weight:600;}
#tab_table_box .tab_table img {vertical-align:middle; margin-right:5px;}


/*사업영역 이미지*/
#sub_wrap .l_img {float:left; margin-top:20px;}
#sub_wrap .r_img {float:right; margin-top:20px;}
#sub_wrap .img_btext {line-height:20px; margin-top:20px; float:left; width:660px; word-break:break-word;}



/*사업영역 하단*/
#sub_wrap .business_wrap {margin-top:60px;}
#sub_wrap .business_main_text {font-size:24px; color:#2d7dc1; line-height:22px; margin-top:20px; font-weight:900;}
#sub_wrap .business {border:1px solid #e4e4e4; border-top:3px solid #007dc3; margin-top:8px; padding:20px 20px 10px 20px; height:205px;}
#sub_wrap .bu_con {width:300px; float:left; height:55px; margin-bottom:15px; margin-right:7px;}
#sub_wrap .bu_con > ul {float:left; width:175px; height:55px;}
#sub_wrap .bu_img {float:left; margin-right:10px;}
#sub_wrap .bu_main_text {font-size:14px; color:#515151; line-height:14px; font-weight:900;}
#sub_wrap .bu_text {margin-top:5px; font-size:11px; word-break: break-word;}
#sub_wrap .bottom_info {background:url(../images/bottom_bg.gif) center top repeat; width:925px; padding:20px; margin-top:40px;}
#sub_wrap .bottom_info > ul {width:460px; float:left;}
#sub_wrap .bottom_info > ul > li {margin-bottom:0px; line-height:28px;}
#sub_wrap .bottom_info > ul > li > p {margin-top:5px; margin-left:10px;}
#sub_wrap .bottom_3con {float:left; width:310px; margin-top:10px; text-align:center; font-weight:600;}



/*제품소개 카테고리*/
#sub_wrap .center .contents .title {font-size:15px; color:#0a0a0a; font-weight:600;}
#sub_wrap .center .contents .category {border-top:2px solid #0a214b; border-bottom:1px solid #d2d2d2; float:left; margin-top:13px; width:100%;}
#sub_wrap .center .contents .category .cate_title {width:239px; float:left; padding:10px 0; text-align:center;}
#sub_wrap .center .contents .category .cate_title a {color:#3e3e3e; text-decoration:none;}
#sub_wrap .center .contents .category .cate_title a:hover {color:#1d59c6; font-weight:600; text-decoration:underline;}
#sub_wrap .center .contents .vertical-line {width:1px; height:15px; background-color:#d2d2d2; float:left; margin-top:10px;}
#sub_wrap .center .contents .dotted_line {background:url(../images/dotted_line.gif) center top no-repeat; width:100%; height:1px; padding:0; margin:0; float:left;}


/*제품소개 리스트*/
#sub_wrap .center .contents .list_box {margin-top:26px; float:left;}
#sub_wrap .center .contents .list_box .list_pro {width:321px; height:100px; float:left; margin-bottom:15px; cursor:pointer;}
#sub_wrap .center .contents .list_box .list_pro .list_img {float:left; border:1px solid #c6c6c6; width:118px; height:88px; margin-right:3px;}
#sub_wrap .center .contents .list_box .list_pro .list_img img {vertical-align:middle;}
#sub_wrap .center .contents .list_box .list_pro .list_tit {color:#38507c; font-weight:600; margin-top:5px; float:left; width:198px; word-break:break-all; word-wrap:break-word;}
#sub_wrap .center .contents .list_box .list_pro .list_text {width:198px; height:55px; color:#787878; float:left; margin-top:10px; word-break:break-word;}


/*페이지 & 검색*/
#sub_wrap .center .contents .page {text-align:center; margin-top:35px;}
#sub_wrap .center .contents .page span {margin:0 2px;}
#sub_wrap .center .contents .page a {color:#3e3e3e; text-decoration:none;}
#sub_wrap .center .contents .page a:hover {color:#3968ca; font-weight:600; text-decoration:underline;}
#sub_wrap .center .contents .page img {vertical-align:middle;}
#sub_wrap .center .contents .board_search {text-align:center; margin-top:20px;}



/*제품소개 상세*/
#sub_wrap .center .contents .pro_top {width:100%; min-height:250px;}
#sub_wrap .center .contents .pro_top .view_img {float:left; border:1px solid #c6c6c6; height:248px; width:318px; margin-right:20px;}
#sub_wrap .center .contents .pro_top .view_tit {font-weight:600; font-size:22px; color:#184c93; float:left; width:460px; margin-top:6px;}
#sub_wrap .center .contents .pro_top .view_text {background:url(../images/viewtop_bg.gif) center top no-repeat; min-height:209px; width:620px; margin-top:10px; float:left; border-bottom:1px solid #c6c6c6; position:relative;}
#sub_wrap .center .contents .pro_top .view_text .pro_summary {color:#0f0f0f; font-size:16px; font-weight:600; margin:15px 0 12px 0;}
#sub_wrap .center .contents .pro_top .view_text .pro_text {font-size:13px; line-height:1.7em; float:left; width:620px;}
#sub_wrap .center .contents .pro_top .catalog_view {float:right;}
#sub_wrap .center .contents .pro_top .catalog_view img {vertical-align:middle;}
#sub_wrap .center .contents .detail_wrap {margin-top:25px;}
#sub_wrap .center .contents .detail_wrap .detail {margin-bottom:20px;}
#sub_wrap .center .contents .detail_wrap .detail .detail_title {margin-bottom:15px;}
#sub_wrap .center .contents .detail_wrap .detail .detail_text {padding:20px 15px; width:97%; background-color:#fafafa; border-bottom:1px solid #c6c6c6; line-height:2em; font-size:13px;}



/*오시는길*/
#sub_wrap .center .contents .tab_table2 {margin:0 auto; margin-bottom:40px; width:100%; text-align:center; border-collapse:collapse; font-size:15px; font-weight:600; font-size:14px;}
#sub_wrap .center .contents .tab_table2 td {border:1px solid #e7e7e7; background-color:#f5f5f5; color:#5e5e5e; width:16.66%;}
#sub_wrap .center .contents .tab_table2 a {text-decoration:none; font-size:15px; font-weight:600; display:block;}
#sub_wrap .center .contents .tab_table2 .tab_on2 {background:url(../images/tab_on2.gif); width:16.66%; height:40px;background-position-x: center;}
#sub_wrap .center .contents .tab_table2 .tab_on2 a {color:#fff; text-decoration:none; font-size:15px; font-weight:600;}
#sub_wrap .center .contents .tab_table2 .tab_on2 a:hover {color:#fff; text-decoration:none; font-size:15px; font-weight:600;}

#sub_wrap .center .contents .b_table {width:100%; border-collapse:collapse; border-top:2px solid #007dc3; margin-top:20px; font-size:14px;}
#sub_wrap .center .contents .b_table th {background-color:#f6f6f6; font-weight:600; text-align:center; padding:10px 0; border:1px solid #e7e7e7; width:20%; border-left:0; color:#000;}
#sub_wrap .center .contents .b_table td {border:1px solid #e7e7e7; text-align:left; width:80%; padding:10px; line-height:20px; border-right:0;}


/*사이트맵*/
.sitemap {float:left;width:300px; margin-bottom:30px;}
.sitemap > h2{font-size:16px; font-weight:normal; float:left; width:300px; background-color:#007dc3; color:#fff; padding:5px;}
.sitemap > h2 span.title > img{padding-right:5px;padding-top:2px}

.sitemap > div{float:left;margin-top:10px;line-height:160%;border-left:1px solid #d9d9d9;font-size:14px;}
.sitemap > div p{padding-left:10px}
.sitemap > div p a:hover,a:active,a:focus{color:#007dc3;}



/*SNS*/
#sub_wrap .sns_box {width:480px; float:left;}
#sub_wrap .sns_box .sns_main_text1 {float:left; font-size:22px; color:#33ccff; line-height:22px; font-weight:900;}
#sub_wrap .sns_box .sns_main_text2 {float:left; font-size:22px; color:#00549f; line-height:22px; font-weight:900;}
#sub_wrap .sns_box .sns_thumb {width:138px; height:138px; border:1px solid #e0e0e0; float:left; margin-right:20px; }
#sub_wrap .sns_box .sns_sub {float:left; width:260px;}
#sub_wrap .sns_box .slist_box {padding-bottom:20px; border-bottom:1px solid #e0e0e0; float:left; margin-top:20px; width:420px; height:140px;}
#sub_wrap .sns_box .sns_sub > .sns_tit {margin-bottom:20px;}
#sub_wrap .sns_box .sns_sub > .sns_text {line-height:20px; width:100%;}
#sub_wrap .sns_box .slist_box > a {color:#656565; text-decoration:none; }
#sub_wrap .sns_box .slist_box > a:hover {color:#656565; text-decoration:none;}
#sub_wrap .sns_box .sns_btn {float:left; margin-left:20px; margin-top:10px;}
#sub_wrap .sns_box .sns_textsub {float:left; width:420px;}
#sub_wrap .sns_box .sns_textsub > .sns_tit {margin-bottom:20px;}
#sub_wrap .sns_box .sns_textsub > .sns_text {line-height:20px; width:100%;}


/*문의전화*/
#sub_wrap .call_con {float:left; width:480px; border-bottom:1px solid #e0e0e0; padding:30px 0; border-right:1px solid #e0e0e0; height:60px;}
#sub_wrap .call_con > .call_icon {float:left; width:60px; margin:0 30px;}
#sub_wrap .call_con > .call_tit {margin-bottom:10px;}


/*인재상*/
#sub_wrap .people {float:left; border-bottom:1px dotted #e0e0e0; padding:20px 0; width:965px;}
#sub_wrap .people > li {float:left;}
#sub_wrap .people > li p {margin-bottom:10px;}


#sub_wrap .sm_text {font-size:35px; color:#333333; line-height:36px; margin-top:20px; font-weight:900;}


/* 인사제도 */
.sub_0603 { background:#f3f3f3 url(../images/sub06_03_right.jpg) right center no-repeat; padding:35px 0; float:left; width:49%; height:300px;}
.sub_0603 .sub_0603_ttl { background:#e95a3e; color:#fff; font-size:18px; font-weight:600; border-radius:30px; padding:10px 0; text-align:center; width:174px; margin:0 auto; }
.sub_0603 .sub_0603_ttl2 { color:#222; font-size:18px; font-weight:600; padding:30px 0 10px 0; text-align:center;}
.sub_0603 .sub_0603_ttl2 span { color:#007dc3; font-weight:600;}
.tc { text-align:center; padding:10px 0;}
.sub_0603 .sub_0603_txt { line-height:130%; text-align:center; color:#777;}
.bgno { background-image:none !important;}



/*복리후생*/
.sub_0604 { background:#f2f6fa; padding:15px 50px; float:left; width:863px; height:300px;}
.sub_0604 ul { float:left; width:33%; padding:30px 0 0 0;}
.sub_0604 li { float:left; line-height:60px;}
.sub_0604 li img { padding:0 15px 0 0;}