@charset "utf-8";

.skip-navi{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;text-align:center;color:#fff;z-index:101}
.skip-navi:focus,.skip_navi:active{padding:5px 0;width:100%;height:auto;background:#292929;}
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap}

#wrap{width: 100%;min-height: 100%;}
#account{width: 100%;height: 20px;background-color: #454545}
#account .wrap{width: 940px;margin: 0 auto;}
#account .wrap ul{text-align: right;}
#account .wrap ul li{display:inline-block; /*float: right;*/line-height: 10px;margin-top: 5px;padding: 0 13px 0 10px;}
#account .wrap ul li:first-child{border-right: 1px solid #fff;}
#account .wrap ul li a{font-family: 'Nanum Gothic','Dotum';font-size: 10px;color: #fff;}

#header{width: 100%;height: 70px;background-color: #161616;}
#header .wrap{width: 940px;margin: 0 auto;}
#header .wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
#header .wrap h1{float: left;margin: 20px 25px 0 27px;}
#header .wrap .gnb:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
#header .wrap .gnb > li{float: left;position: relative;width: 129px;height: 70px;text-align: center;z-index: 1000;}
#header .wrap .gnb > li a{display: block;line-height: 70px;font-family: 'Nanum Gothic','Dotum';font-size: 12px;color: #fff;border-left: 1px solid #292929;}
#header .wrap .gnb > li.active > a,
#header .wrap .gnb > li > a:hover{color: #3ec5ff;background: url('/res/images/bg_line.png') 0 0 repeat-x;}
#header .wrap .gnb li ul{display: none;position: absolute;left: 0;width: 200px;height: 146px;padding-top: 13px;background: url('/res/images/bg_gnb.png') 0 0 no-repeat;}
#header .wrap .gnb li.active ul{display: block;}
#header .wrap .gnb li ul li{float: none;width: auto;height: 24px;line-height: 24px;padding-left: 17px;text-align: left;}
#header .wrap .gnb li ul li a{display: block;height: 24px;line-height: 24px;font-family: 'Nanum Gothic','Dotum';font-size: 12px;color: #000;font-weight: bold;letter-spacing: -1px;border-left: 0 none;}
#header .wrap .gnb li ul li a:hover,
#header .wrap .gnb li ul li.active a{color: #3ec5ff;}
#content .path{height: 50px;border-bottom: 1px solid #cccccc;}
#content .path .wrap{width: 940px;height: 50px;margin: 0 auto;padding-top: 24px;text-align: right;background: 0 none;}
#content .path .wrap a{font-family: 'Nanum Gothic','Dotum';line-height: 12px;font-size: 12px;color: #333;}
#content .path .wrap span{font-family: 'Nanum Gothic','Dotum';line-height: 12px;font-size: 12px;color: #0072b1;}

#content .image-area{width: 100%;height: 150px;background-position: center top;background-size: 100% 150px;}


/* MAIN */
#content{width: 100%;height: 100%;}
.main .slide-image{position: relative;width: 100%;overflow: hidden;}
.main .slide-image ul.bxslider{}
.main .slide-image ul.bxslider li{/*width: 100% !important;*/}
.main .slide-image ul.bxslider li img{width: 100%;height: auto;}
.main .slide-image .bx-controls{width: 940px;margin: 0 auto;position: absolute;right: 0;left: 0;top: 45px;}
.main .wrap{width: 940px;margin: 0 auto;}
.main .with-us{position: absolute;left: 0;right: 0;bottom: 0;width: 940px;margin: 0 auto;z-index: 10000;}
.main .with-us ul{}
.main .with-us ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.main .with-us ul li{float: left;margin-left: 2px;}
.main .with-us ul li:first-child{margin-left: 0;}
.main .with-us ul li a{display: block;width: 312px;height: 80px;font-family: 'Nanum Gothic','Dotum';color: #fff;background:url('/res/images/') -314px 0 no-repeat;}
.main .with-us ul li.active a,
.main .with-us ul li a:hover{background-position: 0 0;}
.main .with-us ul li a strong{display: block;padding-top: 26px;padding-left:21px;line-height: 14px;font-size: 14px;}
.main .with-us ul li a span{display: block;padding-top: 10px;padding-left:21px;line-height: 12px;font-size: 12px;letter-spacing: -1px;}
.main .info{background-color: #e7e7e7;}
.main .info ul{width: 940px;margin: 0 auto;}
.main .info ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.main .info ul li{float: left;height: 234px;margin-left: 134px;padding-top: 60px;text-align: center;}
.main .info ul li:first-child{margin-left: 0;}
.main .info ul li a{display: block;width: 134px;padding-top: 154px;font-family: 'Nanum Gothic','Dotum';font-size: 14px;color: #2a2a2a;background-image: url('/res/images/bg_info.gif');background-repeat: no-repeat;}
.main .info ul li.info01 a{background-position: 0 0;}
.main .info ul li.info02 a{background-position: -265px 0;}
.main .info ul li.info03 a{background-position: -530px 0;}
.main .info ul li.info03 a{background-position: -806px 0;}
.main .gallery{width: 100%;background-color: #292929;overflow: hidden;}
.main .gallery .tit{width: 940px;margin: 0 auto;}
.main .gallery .gallery-image ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.main .gallery .gallery-image ul li{float: left;width: 25%;}
.main .gallery .gallery-image ul li a{display: block;position: relative;width: 100%;height: 100%;}
.main .gallery .gallery-image ul li a .ir{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('/res/images/opacity.png') 0 0 repeat;background-size: 100% 100%;}
.main .gallery .gallery-image ul li a:hover .ir{background: 0 none;}
.main .gallery .gallery-image ul li a img{width: 100%;height: auto;vertical-align: top;}

/* COMPANY */
.company{}
.company .image-area{background-image: url('/res/images/bg_company.jpg');}
.company > .wrap{width: 940px;height: 1280px;margin: auto;text-align: center;background: url('/res/images/bg_company_02.jpg') 0 0 no-repeat;}
.company > .wrap .txt{padding-top: 99px;font-family: 'Nanum Gothic','Dotum';font-weight: bold;line-height: 40px;font-size: 30px;color: #666;}
.company > .wrap .txt span{color: #0062bd;}
.company > .wrap .txt02{padding-top: 562px;font-family: 'Nanum Gothic','Dotum';font-weight: bold;font-size: 24px;color: #666;}
.company > .wrap ul li{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap}

/* INTRODUCTION */
.introduction .image-area{background-image: url('/res/images/bg_introduction.jpg');}
.introduction .wrap{width: 940px;height: 1216px;margin: 0 auto;padding-top: 64px;}
.introduction .wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.introduction .wrap .txt{float: left;width: 630px;font-family: 'Nanum Gothic','Dotum';line-height: 28px;font-size: 15px;color: #666;}
.introduction .wrap .image{float: right;width: 294px;}

/* HISTORY */
.history .image-area{background-image: url('/res/images/bg_history.jpg');}
.history .wrap{width: 940px;height: 1210px;margin: 0 auto;padding-top: 70px;}
.history .wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.history .wrap .image{float: left;width: 529px;}
.history .wrap .txt{float: left;width: 350px;font-family: 'Nanum Gothic','Dotum';line-height: 28px;font-size: 15px;color: #666;}
.history .wrap .txt li:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.history .wrap .txt li{margin-top: 21px;}
.history .wrap .txt li:first-child{margin-top: 0;}
.history .wrap .txt li strong{display: block;float: left;font-family: 'Nanum Gothic','Dotum';font-size: 20px;font-weight: bold;color: #0062bd;}
.history .wrap .txt li span{display: block;float: left;padding-left: 5px;}
.history .wrap .txt li span.exception{padding-left: 57px;}
.history .wrap .txt li span em{font-family: 'Nanum Gothic','Dotum';font-size: 15px;color: #0062bd;}

/* PRODUCT */
#content.product > .wrap h3{margin: 60px 0 50px;font-family: 'Nanum Gothic', 'Dotum'; font-weight: bold;line-height: 24px;font-size: 24px;color: #1065b5;}
#content.product > .wrap .section h4{padding-bottom: 18px;font-family: 'Nanum Gothic', 'Dotum'; font-weight: bold;line-height: 24px;font-size: 24px;color: #333;}
#content.product > .wrap .section h4 span{font-family: 'Nanum Gothic', 'Dotum'; font-weight: bold;font-size: 18px;color: #333;}
#content.product > .wrap{width: 940px;margin: 0 auto;/*padding-top: 70px;*/}

.portable{}
.portable .image-area{background-image: url('/res/images/bg_product_01.jpg');}
.portable .wrap{height: 1924px;}
.portable .wrap .section{margin-bottom: 82px;}
.portable .wrap .section:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.portable .wrap .section > div{float: left;}
.portable .wrap .section .part01{width: 460px;height: 245px;margin-right: 18px;margin-bottom: 40px;}
.portable .wrap .section .part02,
.portable .wrap .section .part06{width: 460px;height: 245px;margin-bottom: 40px;background: url('/res/images/bg_p_01.gif') 0 0 no-repeat;}
.portable .wrap .section .part02 strong,
.portable .wrap .section .part06 strong{display: block;padding-top: 23px;padding-left: 20px;font-family: 'Nanum Gothic', 'Dotum';font-weight: bold;line-height: 16px;font-size: 16px;color: #333;}
.portable .wrap .section .part02 ul,
.portable .wrap .section .part06 ul{padding-top: 20px;}
.portable .wrap .section .part02 ul li,
.portable .wrap .section .part06 ul li{margin-left: 21px;padding-left: 12px;line-height: 26px;font-family: 'Nanum Gothic', 'Dotum';font-size: 14px;color: #333;background: url('/res/images/bg_dot.png') 0 10px no-repeat;}
.portable .wrap .section .part06 p{padding-top: 22px;padding-left: 32px;font-family: 'Nanum Gothic', 'Dotum';line-height: 18px;font-size: 12px;color: #333;letter-spacing: -1px;}
.portable .wrap .section .part06 p span{display: block;margin-top: 20px;}
.portable .wrap .section .part03{margin-right: 18px;}
.portable .wrap .section .part05{margin-right: 18px;}
.portable .wrap .section .part08{width: 940px;height: 99px;background: url('/res/images/bg_p_02.gif') 0 0 no-repeat;}
.portable .wrap .section .part08 strong{display: block;padding-top: 23px;font-family: 'Nanum Gothic', 'Dotum';font-weight: bold;line-height: 16px;font-size: 16px;color: #333;}
.portable .wrap .section .part08 ul{margin-top: 22px;}
.portable .wrap .section .part08 ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.portable .wrap .section .part08 ul li{float: left;padding-left: 13px;line-height: 26px;font-family: 'Nanum Gothic', 'Dotum';font-size: 14px;color: #333;background: url('/res/images/bg_dot.png') 0 10px no-repeat;}
.portable .wrap .section .part08 ul li:first-child{margin-right: 17px;}
.portable .wrap .section .part08{width: 920px;height: 99px;margin-top: 15px;padding-left: 20px;}
.portable .wrap .section .part08 strong{display: block;padding-top: 23px;font-family: 'Nanum Gothic', 'Dotum';font-weight: bold;line-height: 16px;font-size: 16px;color: #333;}
.portable .wrap .section .part08 p{margin-top: 30px;padding-left: 13px;font-family: 'Nanum Gothic', 'Dotum';line-height: 13px;font-size: 14px;color: #333;background: url('/res/images/bg_dot.png') 0 10px no-repeat;}

.truss .image-area{background-image: url('/res/images/bg_product_02.jpg');}
.truss .wrap{height: 1924px;}
.truss .wrap .section .text-area01,
.truss .wrap .section .text-area02{margin-top: 20px;line-height: 26px;font-family: 'Nanum Gothic', 'Dotum';font-size: 14px;color: #333;}
.truss .wrap .section .part01{}
.truss .wrap .section .text-area01{width: 940px;height: 98px;background: url('/res/images/bg_t_01.gif') 0 0 no-repeat;}
.truss .wrap .section .text-area01 p{padding-top: 22px;padding-left: 21px;}
.truss .wrap .section .part02{margin-top: 75px;}
.truss .wrap .section .text-area02{width: 940px;height: 68px;background: url('/res/images/bg_t_02.gif') 0 0 no-repeat;}
.truss .wrap .section .text-area02 p{padding-top: 20px;padding-left: 21px;}
.truss .wrap .section .part03{margin-top: 75px;}
.truss .wrap .section .part04{margin-top: 20px;}

.lighting .image-area{background-image: url('/res/images/bg_product_03.jpg');}
.lighting .wrap{height: 3425px;}
.lighting .wrap .section{margin-top: 80px;}
.lighting .wrap .section > div{margin-bottom: 80px;}
.lighting .wrap .section .text-area01,
.lighting .wrap .section .text-area02{margin-top: 20px;line-height: 26px;font-family: 'Nanum Gothic', 'Dotum';font-size: 14px;color: #333;}
.lighting .wrap .section .text-area01{width: 940px;height: 98px;background: url('/res/images/bg_t_01.gif') 0 0 no-repeat;}
.lighting .wrap .section .text-area01 p{padding-top: 22px;padding-left: 21px;}
.lighting .wrap .section .text-area02{width: 940px;height: 68px;background: url('/res/images/bg_t_02.gif') 0 0 no-repeat;}
.lighting .wrap .section .text-area02 p{padding-top: 20px;padding-left: 21px;}
.lighting .wrap .section .part01 .text-area01{margin-bottom: 20px;}
.lighting .wrap .section .part02 .text-area02{margin-bottom: 20px;}
.lighting .wrap .section .part03 .text-area02{margin-bottom: 30px;}
.lighting .wrap .section .part04 ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.lighting .wrap .section .part04 ul{margin-top: 10px;}
.lighting .wrap .section .part04 ul li{float: left;width: 313px;height: 240px;}

.system .image-area{background-image: url('/res/images/bg_product_04.jpg');}
.system .wrap{height: 1424px;}
.system .wrap .section:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.system .wrap .section strong{display: block;/*padding: 14px 0 9px 17px;*/margin-top: 14px;margin-bottom: 9px;padding-left: 17px;font-family: 'Nanum Gothic', 'Dotum';font-weight: bold;line-height: 18px;font-size: 18px;color: #333;}
.system .wrap .section .part01,
.system .wrap .section .part04{float: left;width: 501px;height: 245px;margin-right: 10px;}
.system .wrap .section .part02,
.system .wrap .section .part05{float: left;width: 429px;height: 245px;letter-spacing: -1px;background: url('/res/images/bg_s_01.gif') 0 0 no-repeat;}
.system .wrap .section .part02 .text-area{padding-top: 22px;padding-left: 18px;font-family: 'Nanum Gothic', 'Dotum';line-height: 26px;font-size: 14px;color: #333;}
.system .wrap .section .part03,
.system .wrap .section .part06{width: 940px;overflow: hidden;}
.system .wrap .section .part03 ul:after,
.system .wrap .section .part06 ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.system .wrap .section .part03{margin-bottom: 60px;}
.system .wrap .section .part03 ul,
.system .wrap .section .part06 ul{width:110%;}
.system .wrap .section .part03 ul li,
.system .wrap .section .part06 ul li{float: left;width: 229px;height: 182px;margin-right: 8px;margin-bottom: 8px;}
.system .wrap .section .part03 strong{}
.system .wrap .section .part05 ul{padding: 22px 0 0 18px;}
.system .wrap .section .part05 ul li{padding-left: 12px;font-family: 'Nanum Gothic', 'Dotum';line-height: 26px;font-size: 14px;color: #333;background: url('/res/images/bg_dot.png') 0 10px no-repeat;}

.wood .image-area{background-image: url('/res/images/bg_product_05.jpg');}
.wood .wrap{height: 1725px;}
.wood .wrap .section:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.wood .wrap .section strong{display: block;margin-top: 14px;margin-bottom: 9px;padding-left: 17px;font-family: 'Nanum Gothic', 'Dotum';font-weight: bold;line-height: 18px;font-size: 18px;color: #333;}
.wood .wrap .section .part01{float: left;}
.wood .wrap .section .part02{float: right;width: 429px;height: 245px;letter-spacing: -1px;background: url('/res/images/bg_s_01.gif') 0 0 no-repeat;}
.wood .wrap .section .part02 .text-area{padding-top: 22px;padding-left: 18px;font-family: 'Nanum Gothic', 'Dotum';line-height: 26px;font-size: 14px;color: #333;}
.wood .wrap .section .part03{width: 940px;overflow: hidden;}
.wood .wrap .section .part03 ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.wood .wrap .section .part03 ul{width:110%;}
.wood .wrap .section .part03 ul li{float: left;width: 229px;height: 182px;margin-right: 8px;margin-bottom: 8px;}
.wood .wrap .section .part03 ul li:first-child{margin-left: 0;}

/* GALLERY */
#content.gallery .image-area{background-image: url('/res/images/bg_gallery.jpg');}
#content.gallery .wrap{width: 940px;margin:0 auto;padding-bottom: 70px;overflow: hidden;}
#content.gallery .wrap h3{margin: 60px 0 50px;font-family: 'Nanum Gothic', 'Dotum'; font-weight: bold;line-height: 24px;font-size: 24px;color: #1065b5;}
#content.gallery .wrap .gallery-photos:after{content:'';display: block;clear: both;height: 0;visibility: hidden;}
#content.gallery .wrap .gallery-photos{width: 1000px;}
#content.gallery .wrap .gallery-photos a{float: left;position: relative;width: 298px;height: 202px;margin-right: 11px;padding: 3px 3px 0;border: 1px solid #e1e1e1;margin-bottom:  20px;}
#content.gallery .wrap .gallery-photos a img{width: 100%;height: auto;vertical-align: top;}
#content.gallery .wrap .gallery-photos a .ir{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('/res/images/opacity_02.png') 0 0 no-repeat;}
#content.gallery .wrap .pagination{margin-top: 30px;text-align: center;}
#content.gallery .wrap .pagination a{margin: 0 3px;font-family: 'Nanum Gothic', 'Dotum';font-size: 16px;color: #666;}
#content.gallery .wrap .pagination strong{margin: 0 3px;font-family: 'Nanum Gothic', 'Dotum';font-size: 16px;color: #000;}

/* PARTNERSHIP */
.partnership .image-area{background-image: url('/res/images/bg_partnership.jpg');}
.partnership .wrap{width: 940px;margin:0 auto;padding-bottom: 120px;overflow: hidden;}
.partnership .wrap h3{margin: 60px 0 50px;font-family: 'Nanum Gothic', 'Dotum'; font-weight: bold;line-height: 24px;font-size: 24px;color: #1065b5;}
.partnership .partnership-list{}
.partnership .partnership-list:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.partnership .partnership-list li{float: left;width: 208px;height: 105px;margin-right: 13px;margin-bottom: 30px;margin-left: 14px;}

/* LOCATION */
.location .image-area{background-image: url('/res/images/bg_location.jpg');}
.location .wrap{width: 940px;margin:0 auto;padding-bottom: 50px;overflow: hidden;}
.location .wrap h3{margin: 60px 0 50px;font-family: 'Nanum Gothic', 'Dotum';font-weight: bold;line-height: 24px;font-size: 24px;color: #1065b5;}
.location .wrap .location-info img{margin-bottom: 50px;}
.location .wrap .location-info address{font-family: 'Nanum Gothic', 'Dotum';line-height: 16px;font-size: 16px;color: #666;text-align: center;}
.location .wrap .location-info address span{display: block;margin-bottom: 30px;}

/* FOOTER */
#footer{width: 100%;background-color: #292929;}
#footer .wrap{width: 940px;margin: 0 auto;}
#footer .wrap img{vertical-align: top;}