@charset "utf-8";

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('NanumGothic.eot');
  src: local('☺'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
}

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: bold;
  src: url('NanumGothicBold.eot');     
  src: local('☺'), url('NanumGothicBold.woff') format('woff'), url('NanumGothicBold.ttf') format('truetype');
}

#skipNav{width:100%; display:block; position:relative; left:0; top:0; z-index:100; text-align:center;}
#skipNav a, #skipnavi a:link{overflow: hidden; position: absolute; top: -1px; left: 0; display: block; margin: 0 0 -1px; width: 100%; height: 1px; font-size: 14px; line-height: 30px; font-weight: bold; color:#333;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active {background:#fbfbfb; padding:3px; border:1px solid #999; height:auto; color:#333; text-decoration:underline;}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:13px/1.5 "NanumGothicWeb", "Libre Franklin", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{font:13px/1.5 "NanumGothicWeb", "Libre Franklin", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .none{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
button{font-family:"NanumGothicWeb"}
em,address{font-style:normal;}
a:link,a:visited{color:#767676;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}

table th,
table td{word-break:break-all;}

/* common */
#wrap{width:100%; background:#fff url('./image/bg.png') left repeat-y;}
#wrap .body_main{margin:0 auto;}
#wrap .body_sub{ margin:0 auto;}
#header{width:260px; float:left; position:relative; overflow:hidden;}
#header h1{width:200px; padding:38px 0 0 22px; position:absolute; left:60px; top:0;}
#header h1 img{vertical-align:top;}
.gnb{width:60px; margin-top:115px; float:left; border-top:1px solid #323232; border-bottom:2px solid #464646;}
.gnb li{}
.gnb li a img{vertical-align:top;}

.lnb{width:172px; padding:110px 14px 100px; float:left;}
.lnb li{padding:0 0 13px 0; border-bottom:1px solid #e1e1e1; font-size:15px; font-weight:bold;}
.lnb li a{padding:15px 0 2px 5px; display:block; color:#4c4c4c; text-decoration:none;}
.lnb li.active a{/* padding:15px 0 5px 5px;  */color:#003fb1; border-bottom:none;}
.lnb li ul{padding:0 0 0 0; display:none;}
.lnb li ul li{padding:0 41px 0 16px; font-size:13px; background:url('./image/bullet_lnb.png') 6px 8px no-repeat; border-bottom:none; word-break:break-all;}
.lnb li ul li a{padding:0 0 0 0; display:inline; color:#7e7e7e; border-bottom:none;}
.lnb li.active ul{display:block;}
.lnb li.active ul li a{color:#7e7e7e; padding:0 0 0 0;}
.lnb li ul li.active a{text-decoration:underline;}

#main #container.main{height:783px;}

#container{background:#fff;width:1050px;margin:0 0 0 260px;position:relative;min-height:600px;}
#container.main{width:1194px;border-right:1px solid #d4d4d4;border-left:1px solid #d4d4d4;}
#container.sub{border:1px solid #d4d4d4;border-top:0;border-bottom-color:#d4d4d4;margin-bottom:-1px;min-height:800px;}
#container.sub .body{}

#footer{width:100%; clear:both; border-top:1px solid #e5e5e5; background-color:#fff;}
#footer .body{width:1050px; padding:27px 0; overflow:hidden; margin:0 0 0 260px;}
.f_logo{padding:0 66px 0 6px; float:left;}
.copyright{width:443px; float:left;}
.privacy_nav{padding-right:8px; float:right; overflow:hidden;}
.privacy_nav li{float:left;}

.hide_contents{width:0px; height:0px; position:absolute; left:-2000px; top:0; font-size:0px; line-height:0px; visibility:hidden;}



/* main */
.main_visual{width:710px; height:783px; float:left; overflow:hidden; position:relative;}
.main_visual ul{width:5000px; position:absolute; left:0; top:0;}
.main_visual ul li{width:710px; height:689px; float:left;}
.main_visual strong{position:absolute; left:0; top:0; z-index:100;}
.visual_preview{margin-top:-17px; position:absolute; left:11px; top:50%; z-index:100; display:none;}
.visual_next{margin-top:-17px; position:absolute; right:11px; top:50%; z-index:100; display:none;}

.main_cont{padding:30px 17px 0 17px; float:left; background-color:#fff; overflow:hidden;}
.main_cont h2{padding-bottom:20px; position:relative;}
.main_cont h2.ver2{padding-bottom:13px; background:url('./image/main_h2_line.png') bottom repeat-x;margin-bottom:10px;}
.main_new_product{width:100%; margin-bottom:40px; position:relative;}
.main_business{width:100%; margin-bottom:50px; position:relative;}
.main_notice{}

.banner_nav{position:absolute; right:0; top:7px; overflow:hidden;}
.banner_nav li{width:9px; height:10px; margin-right:2px; float:left;}
.banner_nav li a{width:9px; height:10px; display:block; background-color:#9b9b9b; font-size:0px; line-height:0px;}
.banner_nav li.active a{background-color:#274db2;}

.banner{width:304px; height:240px; overflow:hidden;}
/* .banner ul{width:2000px; overflow:hidden;} */
.banner .item{width:304px; height:240px;}
.banner .item img{max-width:100%;}
.banner ul li a.more_view{position:absolute; left:201px; top:104px;}

.main_quick_service ul{padding:8px 0 0 6px; overflow:hidden;}
.main_quick_service ul li{width:80px; margin-right:13px; padding-right:14px; float:left; background:url('./image/quick_line.png') right 16px no-repeat;}
.main_quick_service ul li.last_li{margin-right:0; padding-right:0; background:none;}
.main_quick_service ul li a{width:80px; height:80px; display:block; overflow:hidden;}

.business_nav{position:absolute; right:0; top:3px; overflow:hidden;}
.business_nav a{width:12px; height:12px; float:left; display:block; border:1px solid #e0e0e0; font-size:0; line-height:0;}
.business_nav a.preview{background:url('./image/business_left.png') no-repeat;}
.business_nav a.next{margin-left:-1px; background:url('./image/business_right.png') no-repeat;}
.business_box{width:100%; height:87px; overflow:hidden; position:relative; top:11px;}
.business_box ul{width:1000%; overflow:hidden; position:absolute; left:0; top:0;}
.business_box ul li{width:304px; float:left; overflow:hidden;}
.business_img{width:121px; height:87px; float:left;}
.business_text{width:170px; padding:0 0 0 13px; float:left;}
.business_text strong{font-size:16px; font-weight:bold;}
.business_text strong a{color:#274db2; text-decoration:underline;}
.business_text p{margin:6px 0 6px; font-size:13px; line-height:18px; color:#7e7e7e;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;height:36px;	}
.business_text span{font-size:11px; color:#a1a1a1;}
.business_text span a{color:#a1a1a1; text-decoration:none;}

.main_notice ul{width:100%; padding-top:10px;}
.main_notice ul li{padding-bottom:10px; color:#969595; overflow:hidden;}
.main_notice ul li p{width:247px; padding-left:3px; float:left; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_notice ul li p a{color:#969595; text-decoration:none;}
.main_notice ul li span{margin:2px 4px 0 0; font-size:10px; float:right;}
.btn_more{float:right;}
.main_notice:after{content:'';display:block;clear:both;}


.partner_wrap {overflow:hidden;border:1px solid #eee;border-bottom:0;background-color:#FFF;width: 146px;height:783px;display: inline-block;box-sizing: border-box;position:relative;}
.partnerList {overflow:hidden;margin:20px 0;text-align: center;float:left;}
.partnerList ul {overflow:hidden;}
.partnerList ul li {width:146px;height:93px;text-align:center;font-size:0;box-sizing:border-box;padding:10px;position:relative;}
.partnerList ul li a{}
.partnerList ul li:after{content:'';display:inline-block;position:absolute;left:20px;right:20px;top:-2px;border-top:2px dotted #ebeaeb;}
.partnerList ul li:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.partnerList ul li img{max-width:100%;max-height:100%;vertical-align:middle;}
/* .partner_wrap .wcontrol{display:none;} */
.partner_wrap .wcontrol a{overflow:hidden; position:absolute; left:50%; margin-left:-20px; width:40px; height:23px; background-repeat:no-repeat; text-indent:-9999px;}
.partner_wrap .prv {top:10px; background-image:url('./image/nav_prv.png');}
.partner_wrap .next {bottom:10px; background-image:url('./image/nav_next.png');}




/*
.partner_wrap{position:absolute;right:-147px;top:0;bottom:0;padding:40px 0;overflow:hidden;box-sizing:border-box;text-align:center;border-right:1px solid #d4d4d4; background-color:#fff;width:146px;}
.partnerList {overflow:hidden;height:100%; position:relative;}
.partnerList ul {height:5000%; overflow:hidden;}
.partnerList ul li {text-align:center; font-size:0; box-sizing:border-box; padding:5px;}
.partnerList ul li:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.partnerList ul li img{max-width:100%;vertical-align:middle;}
.partner_wrap .wcontrol a{overflow:hidden; position:absolute; left:50%; margin-left:-20px; width:40px; height:23px; background-repeat:no-repeat; text-indent:-9999px;}
.partner_wrap .prv {top:10px; background-image:url('./image/nav_prv.png');}
.partner_wrap .next {bottom:10px; background-image:url('./image/nav_next.png');}
*/

./* partner{position:absolute;right:-147px;top:0;bottom:0;width:146px;box-sizing:border-box;text-align:center;border-right:1px solid #d4d4d4; background-color:#fff;}
.partner li{}
.partner li img{} */

/* sub */
/* 
.page_intro{width:100%; height:226px;position:relative;background:url('./image/intor_bg0.png') right top no-repeat;}

.page_intro.ver01{background:url('./image/intor_bg01.png') right top no-repeat;}
.page_intro.ver02{background:url('./image/intor_bg02.png') right top no-repeat;}
.page_intro.ver03{background:url('./image/intor_bg03.png') right top no-repeat;}
.page_intro.ver04{background:url('./image/intor_bg04.png') right top no-repeat;}
.page_intro.ver05{background:url('./image/intor_bg05.png') right top no-repeat;}
 */

.imgWrap{text-align:center;}
.page_intro h2{margin:0 auto;padding:50px 180px 0 280px;}
.page_intro h2 strong{font-size:35px;letter-spacing:0.2em;color:#191c25;text-transform:uppercase;}
.page_intro h2 p{font-size:12px;color:#3e3e3e;}
.location{position:absolute;right:20px;bottom:-43px;font-size:12px;}
.location a{padding:0 19px 0 10px; color:#3d3d3d;display:inline-block;background:url('./image/location_arrow.png') right 6px no-repeat;text-decoration:none;text-transform:uppercase;}
.contBody{padding:60px 47px 100px;}
.bbs_wrap{padding:60px 47px 100px;}

.page_title{width:100%; overflow:hidden; position:relative;}
.page_title h3{display:none;}
.page_info{width:492px; height:100px; padding:0 0 0 42px; float:left; font-size:12px; line-height:25px; color:#7e7e7e;}
.page_info.ver2{width:425px; margin-top:2px;}
.page_info.ver3{width:257px; margin-top:40px; padding:0 0 0 270px; overflow:hidden;}
.page_info.ver3 span{border-bottom:1px dotted #d5d5d5; display:block;}
.page_info.ver4{width:294px; margin-top:40px; padding:0 0 0 240px; overflow:hidden;}
.page_info.ver4 span{border-bottom:1px dotted #d5d5d5; display:block;}
.page_info.ver5{width:425px; padding:0 0 0 25px; overflow:hidden;}
.page_info.ver5 span{border-bottom:1px dotted #d5d5d5; display:block;}
.page_infoB{width:440px; padding:8px 0 42px; float:right;}
.page_infoB .inner{margin-top:10px; padding:10px 0; border:1px solid #e9e9e9; background-color:#f9f9f9;}
.page_infoB dl{width:440px; overflow:hidden; font-size:11px; font-weight:bold;}
.page_infoB dl dt{width:120px; float:left; text-align:right; color:#003fb1;}
.page_infoB dl dd{width:95px; padding-left:5px; float:left; color:#3d3d3d;}

.contactus{}
.location_info{width:478px;overflow:hidden;}
.location_info dt{width:70px; height:18px; padding:7px 0 0 3px; float:left; border-bottom:1px dashed #d5d5d5;}
.location_info dd{width:400px; height:22px; padding:3px 0 0 2px; float:left; font-size:12px; color:#7e7e7e; border-bottom:1px dashed #d5d5d5;}

.aboutWrap + .aboutWrap{padding:80px 0 0;}
.business_area{}
.history{}

.sub_title_ver1{margin-bottom:20px; font-size:15px; color:#3d3d3d;}
.sub_title_ver1 strong{padding-right:5px; text-decoration:underline;}
.sub_title_ver1 em{font:bold 10px Verdana; color:#aeaeae; letter-spacing:-1px;}

.map{height:356px; padding:5px; margin-top:35px; border:1px solid #d9d9d9;}

.product_group{padding:40px 0 0 0;}
.group_list{width:695px; border-left:2px solid #f2f0f0; border-bottom:1px solid #f2f0f0; border-right:1px solid #f2f0f0; border-top:2px solid #3d3d3d; overflow:hidden;}
.group_list li{width:138px; height:138px; float:left; border-right:1px solid #f2f0f0; border-bottom:1px solid #f2f0f0;}
.group_list li .imgBox{width:100%; height:80px; margin:15px 0 5px 0; text-align:center;}
.group_list li strong{width:132px; height:28px; padding:0 3px; display:block; text-align:center; font:100 11px/13px Verdana; overflow:hidden;}
.group_list li strong a{color:#585858; text-decoration:none;}
.group_list li.bg_c{background-color:#fbfbfb}

.product_list{width:698px; margin-bottom:10px; border-top:2px solid #3d3d3d; border-bottom:1px solid #f2f0f0;}
.product_list li{border-left:2px solid #f2f0f0; border-right:2px solid #f2f0f0; border-bottom:1px solid #f2f0f0; overflow:hidden; font-family:Verdana;}
.product_list li .imgBox{width:260px; height:138px; text-align:center; float:left; border-right:1px solid #f2f0f0; overflow:hidden;}
.product_list li .imgBox img{max-height:118px;}
.product_list li .textBox{width:410px; height:120px; padding:18px 0 0 23px; float:left; background-color:#fcfcfc; overflow:hidden;}
.textBox p{padding-right:10px; font:100 11px/20px Verdana; color:#767676; word-wrap:break-word;}
.group_name{font-size:11px; color:#585858; display:block;}
.product_name{padding-bottom:5px; font-size:13px; font-weight:bold; color:#003fb1; display:block;}
.product_name a{color:#003fb1; text-decoration:none;}

.imgBox span{vertical-align:middle; overflow:hidden; display:inline-block; width:0; height:100%;}
.imgBox img{vertical-align:middle;}

.page_nav_box{padding:10px 0; text-align:center;}
.page_nav_box.ver2{margin-top:0;}
.page_nav_box.ver3{margin-top:-36px;}
.page_nav_box.noneMargin{margin-top:0;}
.page_nav{display:inline-block; border:1px solid #ebebeb; border-right:none; overflow:hidden;}
.page_nav img{width:34px; height:27px; float:left; display:block; border-right:1px solid #ebebeb;}
.page_nav span{width:34px; height:27px; text-align:center; float:left; display:block; border-right:1px solid #ebebeb; font-size:11px;}
.page_nav a{width:34px; height:21px; padding-top:6px; text-align:center; float:left; display:block; border-right:1px solid #ebebeb; font-size:11px;}
.page_nav a img{margin-top:-5px;}
.page_nav span a{width:34px; height:21px; padding-top:6px; display:block; color:#ba705a; text-decoration:none;}
.page_nav span.selected{height:21px; padding-top:6px; color:#9e9e9e; font-weight:bold; background-color:#f5f5f5;}


.product_view{width:698px; border-top:2px solid #3d3d3d;}
.product_view dl{border:1px solid #f2f0f0; border-top:none;}
.product_view dl dt{height:52px; padding:19px 161px 0 22px; font:bold 13px Verdana; color:#003fb1; background-color:#fcfcfc; position:relative; border-bottom:1px solid #f2f0f0;}
.product_view dl dt .category{padding-bottom:4px; font-size:11px; font-weight:100; color:#585858; display:block;}
.product_view dl dt .btn_request{position:absolute; right:0; top:0;}
.product_view dl dd{padding:40px 28px;}
.imgBox_view{width:100%; padding:0 0 30px; text-align:center;}
.imgBox_view img{display:block; margin:0 auto;}
.textBox_view{font:100 11px/21px Verdana; color:#767676; word-wrap:break-word;}
.textBox_view h3{margin:0 0 20px 0; padding:0 0 8px 0; display:block; font-size:13px; font-weight:bold; color:#003fb1; background:url('./image/view_title_bg.png') bottom repeat-x;}
.textBox_view p{margin-bottom:15px; word-wrap:break-word;}
.textBox_view img{max-width:640px;}

.required{vertical-align:2px;}
.input_table{width:100%; margin-bottom:22px; border-top:2px solid #578dbb;}
.input_table th,.input_table td{border-bottom:1px solid #e5e5e5;}
.input_table th{padding:11px 0; font-size:13px; color:#1e3da2; position:relative; background:url('./image/th_bg.png') repeat; vertical-align:middle;}
.input_table th span{position:absolute; left:0; top:0;}
.input_table td{padding:7px 0 7px 13px; font-size:12px; color:#9a9a9a;}
.input_table td.txt_input{padding:13px 0 13px 13px;}
.field_ver1{height:24px; padding-left:10px; border:1px solid #e2e7eb;}
.txtarea_ver1{width:535px; padding:10px; border:1px solid #e2e7eb;}
.btn_center{text-align:center;}

.list_table{width:100%;}
.list_table th{padding:12px 0 10px; font-size:13px; color:#1e3da2; border-top:2px solid #578dbb; border-bottom:1px solid #e5e5e5; background:url('./image/th_bg.png') repeat;}
.list_table td{padding:11px 0; text-align:center; font-size:12px; color:#7e7e7e; border-bottom:1px solid #e5e5e5;}
.list_table td.subject{padding:11px 0 11px 15px; text-align:left;}
.list_table td.subject a{color:#7e7e7e; text-decoration:none;}
.list_table td img.reply{margin-right:5px;}

.bottom {padding:15px 0 0 0;}
.btnbox1 {float:left;width:130px;}
.btnbox2 {float:right;width:130px;text-align:right;}
.pagebox01 {text-align:center;padding:3px 0 0 0;margin:0 0 20px;}

/* sitemap */
#sitemap{width:745px; height:379px; padding:15px; background:url('./image/sitemap_bg.png') no-repeat; position:fixed; left:0; top:0; z-index:200; display:none;}
.relative{position:relative;}
#sitemap h3{padding:58px 0 0 39px;}
#sitemap .body{padding:62px 0 0 42px; overflow:hidden;}
#sitemap dl{width:139px; margin-right:34px; float:left;}
#sitemap dl.none_margin{margin-right:0px;}
#sitemap dl dt{}
#sitemap dl dd ul{}
#sitemap dl dd ul li{}
#sitemap dl dd ul li img{vertical-align:top;}
.pop_close{position:absolute; right:-30px; top:-25px;}
.full_mask{display:none;}


/* 2013.10.28 추가분 */
.product_listB{width:700px; overflow:hidden;}
.product_listB li{width:232px; height:203px; float:left; margin-right:-1px; border-left:1px solid #f2f0f0; border-right:1px solid #f2f0f0; border-bottom:1px solid #f2f0f0; border-top:2px solid #3d3d3d; position:relative;}
.product_listB .imgBox{width:232px; height:162px; text-align:center;}
.product_listB .textBox{height:30px; padding:10px 14px 0; border-top:1px solid #f2f0f0; background-color:#fbfbfb;}
.product_listB .textBox span{font:100 11px Verdana; color:#585858;}
.product_listB .textBox span a{color:#585858; text-decoration:none;}
.product_listB .textBox p{padding-top:5px; font:bold 12px Verdana; color:#003fb1;}
.product_listB .textBox p a{color:#003fb1; text-decoration:none;}
.product_listB .btn_view{position:absolute; right:0; bottom:0;}

/* new product */
#fssList{position:absolute;right:0;top:0;}
#fssList li{float:left;font-size:0;}
#fssList:after{content:'';display:block;clear:both;}
#fssList li a{display:inline-block;width:9px;height:10px;background:#9b9b9b;margin-left:2px;}
#fssList li.fssActive a{background:#274db2;}



/*2017-05-31 ju 탭*/
.tab_category{display:table;table-layout:fixed;width:100%;margin:0 0 40px;border-collapse:collapse;background:#f8f8f8;}
.tab_category ul{display:table-row;}
.tab_category li{display:table-cell;vertical-align:middle;position:relative;height:40px;text-align:center;}
.tab_category li span{}
.tab_category li:before{content:'';position:absolute;left:-1px;right:0;bottom:-1px;height:40px;border:1px solid #e2e2e2;border-bottom:0;border-radius:5px 5px 0 0;}
.tab_category li:after{content:'';position:absolute;left:-1px;right:0;bottom:-1px;height:40px;border-bottom:1px solid #ccc;}
.tab_category li.on{background:#fff;color:#333;font-weight:bold;z-index:4;}
.tab_category li.on:after{content:none;}
.tab_category li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:2;padding:0 5px;line-height:40px;}


/* sitemap */
#divSitemap{overflow:hidden;position:relative;text-transform:capitalize;}
#divSitemap .inner{margin:0 -3.3% 0 0;}
#divSitemap .inner > ul{margin:-20px 0 0;display:table;width:100%;font-size:0;}
#divSitemap .inner > ul > li{display:inline-block;width:22%;margin:20px 3% 0 0;border-top:1px solid #222;font-weight:bold;font-size:18px;vertical-align:top;}
#divSitemap .inner > ul > li > a{display:block;padding:13px 10px 13px 10px;color:#333;border-bottom:1px solid #ddd;}
#divSitemap .inner > ul > li ul{}
#divSitemap .inner > ul > li li{border-bottom:1px solid #ddd;font-size:14px;}
#divSitemap .inner > ul > li li a{display:block;padding:10px;}
#divSitemap .inner > ul > li li ul{padding:5px;}
#divSitemap .inner > ul > li li li{margin:0;border:0;font-weight:normal;font-size:12px;}
#divSitemap .inner > ul > li li li a{padding:5px 10px;}
#divSitemap .inner > ul > li li li a:before{content:'ㆍ';}