html{overflow:auto}
body{background:#fff}
#wrap {width:100%; position:relative; margin:0 auto; min-width:1080px;}
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1000px; margin:0 auto; position:relative;}
.blue {color:#0c4da1 !important}
.col1, .col2, .col3 {float:left; position:relative;}
/*header*/
#header {width:100%; height:80px; z-index:100;}
.headerWrap {width:1000px; margin:0 auto; position:relative;}
.headerWrap h1{width:240px; padding-top:23px;}
.headerWrap .util { padding-left:15px; position:absolute; top:32px; right:0; z-index:10; background:url(/images/common/util_gap.gif) left center no-repeat;}
.headerWrap .util li {float:left; padding-left:10px; height:15px; line-height:15px;}
.headerWrap .util li a {color:#888888; font-size:10px; font-family:'Nanum GothicB';}
.sub_bg {opacity:0; display:none; background:url('/images/common/sub_bg.png') repeat-x left top; z-index:10; width:100%; height:40px; position:absolute; top:80px;}
/* quick menu */
#quick{width:50px; height:153px; position:absolute; right:-70px;}
#quick ul{width:50px;}
#quick ul li{width:50px; height:50px; margin-bottom:1px; background:#333; text-align:center; color:#fff; vertical-align:middle;}
/*visual*/
#mainVisual{width:100%; min-width:1000px; height:660px; position:relative; z-index:1; !important; overflow:hidden;}
#mainVisual .mainSlide { min-width:1000px;}
#mainVisual li {text-align:center; min-width:1000px; height:660px;}
#mainVisual li img {position:absolute; left:50%; margin-left:-980px;}
#mainVisual li .titleWrap {width:1000px; height:660px; position:absolute; left:50%; top:0; margin-left:-500px; }
#mainVisual li .titleWrap .title {width:500px; height:100px; position:absolute; top:360px; left:60px; color:#fff; text-align:left; font-size:18px; font-family:'Nanum GothicB'; line-height:24px;}
/*메인비주얼 좌우 버튼*/
#mainVisual .bx-controls-direction a {font-size:0; line-height:0; display:block; width:58px; height:58px; position:absolute; top:48%; }
#mainVisual .bx-controls-direction .bx-prev {left:20px; z-index:99; background:url('/images/main/visual_left.png') no-repeat left top;}
#mainVisual .bx-controls-direction .bx-prev:hover, #mainVisual .bx-controls-direction .bx-next:hover {background-position:left bottom;}
#mainVisual .bx-controls-direction .bx-next {right:20px; z-index:99; background:url('/images/main/visual_right.png') no-repeat right top;}
/*메인비주얼 블릿*/
#mainVisual .bx-pager {text-align:center; position:absolute; bottom:155px; left:50%; margin-left:-440px; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width:76px; height:5px; margin-right:3px; background-color:#fff; opacity:0.5; filter:alpha(opacity=50);}
#mainVisual .bx-pager-item .bx-pager-link.active { background-color:#0c4da1; opacity:1;}
#subVisual {height:222px; overflow:hidden; width:100%; }
#subVisual.sub01 {background:url('/images/common/sub_visual01.jpg') no-repeat center top;}
#subVisual.sub02 {background:url('/images/common/sub_visual02.jpg') no-repeat center top;}
#subVisual.sub03 {background:url('/images/common/sub_visual03.jpg') no-repeat center top;}
#subVisual.sub04 {background:url('/images/common/sub_visual04.jpg') no-repeat center top;}
#subVisual.sub05 {background:url('/images/common/sub_visual05.jpg') no-repeat center top;}
#subVisual .title {width:1000px; margin:105px auto 0; font-size:14px; color:#242424; font-family:'Nanum GothicB'; }
#subVisual .title2 {width:1000px; margin:105px auto 0; font-size:14px; color:#fff; font-family:'Nanum GothicB'; }
/*main contents*/
.main #contents {width:100%;}
.mainConWrap {width:1000px; margin:0 auto; height:155px; padding:40px 0;}
.mainConWrap .cols{color:#666666; font-size:13px; line-height:20px; }
.mainConWrap .col1{width:270px; height:155px; padding:0 30px; border-left:1px solid #e5e5e5; background:url('/images/main/main01.jpg') no-repeat 175px bottom;}
.mainConWrap .col2{width:270px; height:155px; padding:0 30px; border-left:1px solid #e5e5e5; background:url('/images/main/main02.jpg') no-repeat 195px bottom;}
.mainConWrap .col3{width:270px; height:155px; padding:0 30px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:url('/images/main/main03.jpg') no-repeat 175px bottom;}
.mainConWrap .cols h3{margin-bottom:15px; font-size:18px; font-family:'Nanum GothicB'; color:#090909;}
.mainConWrap .cols .more{position:absolute; bottom:5px; left:30px; }
.mainConWrap .col2 .product {position:relative}
/*sub contents*/
#container {width:1000px; margin:0 auto; overflow:hidden; margin-top:-40px; padding:30px 40px; background-color:#fff;}
.sub #contents{width:770px; float:right; min-height:400px; text-align:left; }
.sub #contents .titleArea{height:55px; margin-bottom:20px; position:relative; border-bottom:1px solid #e0e0e0;}
.sub #contents .titleArea h3{padding:0px; color:#090909; font-size:30px; font-family: 'Nanum GothicB';}
.sub #contents .titleArea .location {padding-left:15px; color:#a4a4a4; position:absolute; right:0px; top:16px; font-size:12px; background:url(/images/common/icon_home.gif) left center no-repeat}
.sub #contents .titleArea .location span {background:url('/images/common/location_bar.gif') no-repeat left center; padding-left:10px; margin-left:7px;}
.sub #contents .titleArea .location .strong{color:#333}
/*contents*/
.contentsArea {padding:30px 0 70px 0}
.contentsArea p {font-size:14px; color:#666; line-height:24px;}
.contentsArea p.info {font-size:14px; color:#666; margin-bottom:30px;}
.contentsArea .sub_t {font-size:27px; font-family:'Nanum GothicB'; line-height:36px; margin-bottom:30px;}
.contentsArea .sub_t2 { line-height:24px; font-size:16px;}
.contentsArea .section {margin-bottom:50px;}
.w100per {width:100% !important}
/* 회사소개 */
.contentsArea.company01 {background:url('/images/company/company_bg.jpg') no-repeat right top; }
.contentsArea.company01 .type01 {width:600px;}
.contentsArea.company01 .type01 th {background-color:#555; font-size:14px; color:#fff; text-align:center; font-family:'Nanum GothicB'; padding:8px; border-right:1px solid #aeaeae; border-bottom:1px solid #aeaeae;}
.contentsArea.company01 .type01 td {font-size:14px; line-height:20px; color:#333; text-align:center; padding:13px; border-right:1px solid #aeaeae; border-bottom:1px solid #aeaeae;}
.contentsArea.company01 .type01 th.last, .contentsArea.company01 .type01 td.last {border-right:0;}
.contentsArea.history {background:url('/images/company/history_bg.jpg') no-repeat 380px 120px; }
.contentsArea.greeting {background:url('/images/company/greeting_bg.jpg') no-repeat right top; }
.contentsArea.greeting .name {font-size:20px; color:#333; font-family:'Nanum Myeongjo'; font-weight:bold; }
.contentsArea.location {background:url('/images/company/location_bg.jpg') no-repeat right top; }
/* 사업분야 */
.contentsArea h4 {font-size:16px; color:#3b3f4c; font-family:'Nanum GothicB'; background:url('/images/common/bull02.jpg') no-repeat left center; padding-left:20px; margin-bottom:15px;}
.contentsArea.quality {background:url('/images/business/quality_bg.jpg') no-repeat right top;}
/* 인재채용 */
.contentsArea.recruit {position:relative;}
.contentsArea.recruit h4 {margin-bottom:5px;}
.contentsArea .sub_t_T1 {font-size:19px; font-family:'Nanum GothicB'; line-height:28px; text-align:center; margin-bottom:30px;}
.contentsArea .sub_t2_T1 {line-height:23px!important; color:#444; font-family:'Nanum GothicB'; font-size:17px; line-height:28px;}
.institution_bg {position:absolute; right:0; top:23px;}
.recruit_info {background-color:#f1f1f1; line-height:24px; font-size:16px; color:#333; padding:40px 0; text-align:center; margin-top:40px;}
.contentsArea.welfare {background:url('/images/recruit/welfare_bg.jpg') no-repeat right top; }
/* 리스트 스타일 */
.list01 {width:392px; overflow:hidden;}
.list01 dt {background:url('/images/common/list01_title_bg.gif') no-repeat left top; width:102px; height:28px; line-height:28px; text-align:center; color:#fff; float:left; margin-bottom:8px;}
.list01 dd {border-bottom:1px dashed #bfbfbf; width:280px; height:28px; line-height:28px; float:left; margin:0 0 8px 10px; color:#333; font-family:'Nanum GothicB'; }
.list_achieve {width:450px; overflow:hidden; margin-bottom:10px;}
.list_achieve dt {background:url('/images/common/quality_title_bg.gif') no-repeat left top; width:150px; height:18px; padding:10px 0; line-height:18px; text-align:center; color:#333; float:left;}
.list_achieve dd {width:250px; height:18px; line-height:18px; float:left; padding:10px 0; margin-left:15px; color:#333; }
.list02 {overflow:hidden}
.list02 li {float:left; background:url('/images/common/bull01.jpg') no-repeat left center; padding-left:18px; margin:0 60px 10px 0; }
.list03 {width:382px; overflow:hidden}
.list03 li {border-bottom:1px dashed #d0d0d0; overflow:hidden; padding:20px 0; font-size:14px; line-height:25px;}
.list03 li.last {border:0;}
.list03 li .year {float:left; font-size:14px; font-family:'Nanum GothicB'; width:110px; }
.list03 li .text {float:left; color:#0c4da1; font-size:15px; font-family:'Nanum GothicB'; line-height:25px;}
.list04 {overflow:hidden; text-align:center;}
.list04 li {float:left; margin:0 15px 10px 0; height:202px; }
.list04 li .title {font-size:14px; color:#3b3f4c; line-height:18px; height:40px; margin:10px 0;}
.list05 {overflow:hidden}
.list05 li {float:left; text-align:center; padding:0 20px; }
.list05 li.last {border:0}
.list05 li .title {font-size:14px; line-height:20px; color:#333; margin-top:20px;}
.list05 li .title strong {font-size:15px; display:block; margin-bottom:10px; }
.list06 {overflow:hidden; margin:0 -40px 0 10px;}
.list06 li {float:left; margin:20px 40px 10px 0; }
.list07 {overflow:hidden}
.list07 li {float:left; text-align:center; padding:0 20px; }
.list07 li.last {border:0; margin-left:20px;}
.list07 li .title {font-size:14px; line-height:20px; text-align:left; color:#333; margin-top:20px;}
.list07 li .title strong {font-size:15px; display:block; margin-bottom:10px; }
.list_product {overflow:hidden; margin-right:-13px;}
.list_product li {text-align:center; float:left; border:1px solid #d3d3d3; margin:0 13px 15px 0; color:#333; }
.list_product li .title {height:55px; line-height:55px;}
.list_product li .title2 {height:35px; line-height:17px; padding:10px 0;}
/*sub navigation bar*/
#SNB {width:180px; float:left;}
.SNBWrap {margin-top:0px}
.SNBWrap h3 {margin-bottom:2px; color:#090909; font-size:22px; font-family: 'Nanum GothicB';}
.SNBWrap .sub_t {color:#090909; opacity:0.3; filter:Alpha(opacity=30); font-size:10px; font-family: 'Nanum GothicB'; line-height:12px; margin-bottom:18px; }
.SNBWrap .menu {border-top:2px solid #3b3f4c; border-bottom:1px solid #d8d9db; padding-top:30px;}
.SNBWrap .menu li {text-indent:14px; font-size:15px; width:100%; border-top:1px solid #d8d9db; font-family: 'Nanum GothicB'; }
.SNBWrap .menu .snb_off {color:#666; width:100%; background:#fff; height:35px; padding:0px; line-height:35px;}
.SNBWrap .menu .snb_on {color:#fff; width:100%; background:#0c4da1 url('/images/common/left_on.gif') no-repeat 160px center; height:35px; padding:0px; line-height:35px;}
.SNBWrap .menu .snb_2dep_off, .SNBWrap .menu .snb_2dep_on {font-size:13px; text-indent:12px; color:#666; border:0; width:100%; background:#f4f4f4 !important; height:15px; padding:4px 0px; line-height:15px;}
.SNBWrap .menu .snb_off a,.SNBWrap .menu .snb_off a:link {color:#666; width:100%; display:block}
.SNBWrap .menu .snb_on a,
.SNBWrap .menu .snb_on a:hover, .SNBWrap .menu .snb_off a:hover,
.SNBWrap .menu .snb_on a:link {color:#fff; width:100%; display:block}
.SNBWrap .menu .snb_2dep_off a, .SNBWrap .menu .snb_2dep_on a {padding-left:5px;}
.SNBWrap .menu .snb_2dep_off a{color:#666; background:url('/images/common/snb2_off_bull.gif') no-repeat left center; }
.SNBWrap .menu .snb_2dep_off a:hover, .SNBWrap .menu .snb_2dep_on a, .SNBWrap .menu .snb_2dep_on a:hover{color:#0c4da1; text-decoration:underline; background:url('/images/common/snb2_on_bull.gif') no-repeat left center}
/* banner */
.SNBWrap .banner{margin-top:25px; width:100%;}
.SNBWrap .banner li{width:180px; text-align:center; padding:30px 0px; background:#f5f5f5; border:1px dashed #e0e0e0;}
/*foot*/
#foot{width:100%; background-color:#3b3f4c; }
.footWrap {width:1000px; margin:0 auto; position:relative;}
.footWrap .footCnt {padding:35px 0; line-height:18px;}
.footWrap .footCnt .btn_top {position:absolute; right:0; top:35px;}
.footWrap .footCnt address{padding-bottom:3px; color:#afb0b4; font-size:13px; }
.footWrap .footCnt address span{padding-right:10px; margin-right:10px; background:url(/images/common/foot_bar.gif) right center no-repeat}
.footWrap .footCnt .copy, .footWrap .footCnt .way21 {color:#76777c; font-size:10px;}