@charset "utf-8";

/* 공통및 절대적인... */
.none {display:none;}
.blind {display: block;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;border: 0;background: none;font-size: 0;line-height: 0;}

.clx:before, .clx:after {content:""; display:table;}
.clx:after {clear:both;}




/* 기본구조 */
#wrap {position:relative;background:url(/images/comm/top_line.gif) repeat-x 0 0;}

#headWrap {margin:0 auto;width:1100px;height:85px;}
#headWrap:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.util {padding:4px 0 0;height:21px;text-align:right;}
.util li {display:inline-block;margin:0 0 0 5px;padding:0 0 0 7px;background:url(/images/comm/util_bar.gif) no-repeat 0 50%;}
.util li:first-child {background:none;}
.util li a {font-family:tahoma;color:#888;font-size:10px;text-transform:uppercase;}

.head {z-index:990;position:relative;margin:0 auto;width:1100px;}
.head .logo {float:left;margin:29px 0 0 0;}

.lang_wrap {background:#f3f3f5;}
.lang_wrap_inner {width:1100px; position:relative; margin:0 auto;}
 ul.lang {float:right;}
 ul.lang li {float:left; font-size:12px; font-weight:600; padding:8px 15px;}
 ul.lang li:hover {background:#244268;}
 ul.lang li:hover a {color:#fff;}

.nav {float:right;margin:40px 0 0;}
.nav:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.nav .dep1 {float:left;padding:0 40px; background:url(/images/menu_line.gif) no-repeat right top; border:0px solid red;}
.nav .dep1>a {display:block;padding:0 0 33px;font-size:15px;color:#314d71; font-weight:bold; text-transform:uppercase;}
.nav .dep1:hover>a, .nav .dep1.current>a {color:#314d71;}
.nav .dep2 {display:none;overflow:hidden;z-index:1000;position:absolute;top:70px;left:auto;padding:0 5px;background:#a9c116;font-size:12px;}
.nav .dep2.nav02 {right:0px;}
.nav .dep2.nav03 {right:0px;}
.nav .dep2.nav04 {right:0;}
.nav .dep2 li {float:left;background:url(/images/comm/dep2_bar.gif) no-repeat 0 50%;}
.nav .dep2 li a {display:block;padding:7px;color:#fff;}
.nav .dep2 li:first-child {background:none;}
.nav .dep2 li a:hover {text-decoration:underline;}



.main_visual {width:100%; min-width:1100px; background:#f8f8f8 url(/images/main_img.jpg) no-repeat center top;}
.main_visual .visual_box {position:relative;margin:0 auto;width:1100px;height:692px;}
.main_visual .visual_box .visual_txt {position:absolute; top:80px; left:40px;}
.main_visual .visual_box .visual_pro {position:absolute; width:630px; top:80px; left:450px;}
.main_visual .visual_box .visual_pro ul li {float:left; text-align:center; padding:0 10px 50px 10px;}
.main_visual .visual_box .visual_pro ul li:first-child {padding-left:0px;}
.main_visual .visual_box .visual_pro ul li p {padding-top:10px; font-size:13px; color:#fff; letter-spacing:-1px;}
.main_visual .visual_box .youtube_video {position:absolute; bottom:20px; right:148px;}



.sitemap {overflow:hidden;min-width:1100px;padding:25px 0 35px 0;background:#234268;}
.sitemap-list {overflow:hidden;margin:0 auto;width:1100px;border:0px solid #fff;}
.sitemap-list>li {float:left;padding:10px 25px 0 0; border:0px solid red;}
.sitemap-list h4 a {float:left; margin:5px 10px 0 0;font-size:15px;color:#00a8e5;}
.sitemap-list ul li {float:left; padding:5px 10px; background:url(/images/site_line.gif) no-repeat right 5px;font-size:11px;color:#5e7089; line-height:190%; text-align:center;}
.sitemap-list a {font-size:12px;color:#fff;line-height:15px; letter-spacing:-1px;}

#footer {overflow:hidden;margin:0 auto;padding:30px 0;min-width:1100px; background:#333333;}
#footer .foot {overflow:hidden;margin:0 auto;width:1100px;}
#footer .foot .logo {float:left;padding:20px 50px 0 0;}
#footer .foot .foot_info {float:left;font-size:12px;color:#fff;line-height:18px;}
#footer .foot .gobiz {float:right;padding:20px 0 0;}

/* sub layout */
.sub_visual {width:100%; min-width:1100px; background:#f8f8f8 url(/images/sub_img.jpg) no-repeat center top;}
.sub_visual .sv01 {position:relative;margin:0 auto;width:1100px;height:182px;}
.sub_visual .sv01 .sub_txt {position:absolute; top:40px; right:100px;}

.container {position:relative;margin:0 auto 50px;width:1100px;}
.container:after {display:block;visibility:hidden;clear:both;height:0;content:'.'} 
.snb {float:left;width:220px;}
.snb h2 {padding:35px 0 0 0;height:50px;color:#234268;font-size:26px;font-weight:bold; line-height:36px; border-bottom:2px solid #234268; text-align:center;}
.snb li {border-bottom:1px solid #e6e6e6;letter-spacing:-1px;}
.snb li a {display:block;padding:15px 0 15px 20px;font-size:15px;color:#666;}
.snb li:hover a, .snb li.current a {color:#234268; background:#f3f3f5 url(/images/left_on.gif) no-repeat left;}

.contents {float:right;padding:0 0 100px 0;width:820px;font-size:14px;line-height:20px;}
.titleArea {overflow:hidden;margin:0 0 55px; border-bottom:2px solid #234268;}
.titleArea h3 {float:left;padding:35px 0 15px 0;font-size:26px;font-weight:bold; line-height:30px;color:#080711;}
.titleArea .path {float:right;padding:40px 0 0;font-size:12px;line-height:18px;text-align:right;}
.titleArea .path .current {color:#444;}


/*회사소개*/
.com_img {background:url(/images/company_img.jpg) no-repeat top; height:249px;}
.com_img p {color:#fff; font-weight:bold; padding-left:610px; padding-top:190px; font-size:16px; text-align:center;}


/* ------------------- 찾아오시는길 ------------------- */
.location .btit { background:url('/images/bullet1.gif') no-repeat 0 5px; padding:3px 0 20px 22px; font-family:"Arial"; font-weight:bold; font-size:13px; font-family:'돋움'  }
.location li { background:url('/images/bullet2.gif') no-repeat 0 3px; padding-left:25px; padding-bottom:20px; font-size:13px;}
.location .tit { width:100px; color:#b46e00; display:inline-block }
.location .left { padding-left:105px;line-height:150% }
.location .map {width:818px;}


/*contact us*/
.contactus_bg {background:url(/images/contactus_bg.jpg) no-repeat; height:249px;}
.contactus_bg p {color:#234268; font-weight:bold; text-align:center; padding-top:130px; font-size:26px;}
.list li { background:url(/images/list_icon.gif) no-repeat left 15px; padding:5px 10px; }


/* site */
.site{overflow:hidden;}
.site ul{float:left;margin-right:30px;min-height:165px;}
.site ul.last{float:left;margin-right:0;}
.site ul li{border-bottom:1px dotted #bfbfbf; padding:7px 0 7px 10px; width:170px;letter-spacing:-1px; font-size:13px;}
.site ul li a:hover{color:#234268;border-bottom:1px solid #234268;}
.site ul li:first-child{border-top:1px solid #234268; border-bottom:1px solid #234268; background:#f3f3f5;padding:0; line-height:25px;height:30px;width:180px;text-align:center;}
.site ul li:first-child a{color:#234268; font-weight:bold; font-size:14px;}
.site ul li:first-child a:hover{border:0;}



/*제품*/
flexslider {position:relative;margin:0 0 40px 0; border:1px solid red;}
.flexslider .slides {margin:0 auto 15px;width:818px;height:462px; border:1px solid #ccc;}
.flexslider .slides li {display:none;padding:8px 0;text-align:center;}
.flexslider .slides li img {width:676px;height:446px;}
.flexslider .flex-control-nav {margin: 0 auto;width:818px;}
.flexslider .flex-control-nav li {display:inline-block;margin:0 0 7px 12px;padding:1px 0 0;width:122px;height:85px;text-align:center;cursor:pointer;border:1px solid #ccc;}
.flexslider .flex-control-nav li.ml0 {margin-left:0;}
.flexslider .flex-control-nav li img {width:120px;height:83px;}

.flex-direction-nav a {position:absolute;top:350px;width:29px;height:50px;font-size:0;line-height:0;background:url(/images/pro_arr.gif) no-repeat 0 0; }
.flex-direction-nav .flex-prev {left:280px;}
.flex-direction-nav .flex-next {right:0px;background-position:100% 0;}

.txt_blue_s {margin-top:30px;font-size:16px;color:#0085f5;}
.product .txt_s01 {margin:20px 0;}
.pro_tit {display:inline-block;margin-top:20px;padding:3px 10px 3px 10px;font-size:13px;color:#fff;background:#0085f9;}
.pro_txt {margin:0 0 30px;padding:0 0 0 10px;}
.desc_list {margin-top:10px;}
.desc_list li {margin:0 0 5px;padding:0 0 0 10px;background:url(/images/list_icon.gif) no-repeat 0 9px;}