@charset "utf-8";

html,body{height:100%;}

/* layout */
#wrap{position:relative;min-height:100%;}
#header{z-index:100;position:relative;height:160px;background-color:#fff;transition:.5s top ease-out;}
#header .inner{position:relative;width:1020px;margin:0 auto;}
#header .inner:after{display:block;content:'';clear:both;}
#header .logo{float:left;margin:36px 0 0 0;}
#header .logo a{display:block;overflow:hidden;width:139px;height:31px;text-indent:-9999px;background:url(/ch/img/logo02.jpg) no-repeat 0 0;}
#header .nav-wrap{float:left;}
#header .nav-wrap:after{display:block;content:'';clear:both;}
#header .nav-wrap .btn-close{display:none;}
#header #gnb{float:left;margin:40px 0 0 93px;}
#header #gnb ul:after{display:block;content:'';clear:both;}
#header #gnb ul li{float:left;margin:0 0 0 40px;}
#header #gnb ul li > a{display:block;padding:0 0 6px 0;font-size:18px;transition:.3s all ease-out}
#header #gnb > ul > li.active > a, #header #gnb > ul > li > a:hover{color:#25aae2;}
#header #gnb ul li .dep{display:none;position:absolute;top:100px;left:0;width:100%;height:60px;text-align:center;}
#header #gnb ul li.active .dep{display:block;}
#header #gnb ul li .dep ul{overflow:hidden;display:inline-block;}
#header #gnb ul li .dep li{margin:0 0 0 47px;}
#header #gnb ul li .dep li:first-child{margin:0;}
#header #gnb ul li .dep li a{display:block;height:60px;line-height:60px;padding:0;font-size:16px;transition:.3s color ease-out}
#header #gnb ul li .dep li.active a, #header #gnb ul li.active .dep li a:hover{color:#25aae2;}
#header #gnb .active-bar{position:absolute;top:67px;left:269px;min-width:30px;height:2px;background-color:#25aae2;}
#header .all-menu{display:none;}
#header #country{z-index:10;position:absolute;top:33px;right:0;}
#header #country .btn-toggle{position:relative;display:block;width:106px;height:41px;line-height:41px;padding:0 0 0 17px;font-size:14px;color:#9c9c9c;background-color:#efefef;box-sizing:border-box;}
#header #country .btn-toggle:after{position:absolute;top:16px;right:15px;display:block;content:'';width:8px;height:8px;background-color:#25aae2;border-radius:50%;}
#header #country .btn-toggle:hover{}
#header #country .list{display:none;width:106px;}
#header #country .list li.selected{display:none;}
#header #country .list li a{display:block;height:41px;line-height:41px;padding:0 0 0 17px;font-size:14px;color:#9c9c9c;background-color:#efefef;transition:.3s all ease-out}
#header #country .list li a:hover{color:#25aae2;background:#fcfcfc;}
#container{position:relative;}
#container #content{position:relative;padding:0 0 388px 0;}

/* fix */
.fix #header{position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #e3e3e3;}
.fix #container{padding:160px 0 0 0;}

#footer{position:absolute;left:0;bottom:0;display:block;width:100%;height:238px;background-color:#f7f7f7;}
#footer .inner{position:relative;width:1020px;margin:0 auto;}
#footer .inner:after{display:block;content:'';clear:both;}
#footer .company{float:right;height:141px;margin:49px 0 0 0;padding:0 0 0 30px;border-left:1px solid #d2d2d2;}
#footer .company .copy{margin:75px 0 0 0;line-height:20px;font-size:12px;font-family:'Noto Sans Light';color:#b2b2b2;}
#footer .menu{float:left;}
#footer .menu .list{margin:39px 0 0 0;}
#footer .menu .list + .list{margin:18px 0 0 0;}
#footer .menu .list:after{display:block;content:'';clear:both;}
#footer .menu .list h3{float:left;width:126px;font-size:14px}
#footer .menu .list ul{float:left;overflow:hidden;}
#footer .menu .list li{float:left;margin:0 0 0 20px;font-family:'Noto Sans Light';}
#footer .menu .list li:first-child{margin:0 0 0 20px;}

/* main layout */
#main{overflow-x:hidden;display:none;background:#000;}
#main #header{position:absolute;top:0;left:0;width:100%;background-color:transparent;}
#main #header #country .btn-toggle{color:#fff;background-color:rgba(0,0,0,.5);}
#main #header #country .list li a{color:#fff;background-color:rgba(0,0,0,.3);}
#main #header #country .list li a:hover{color:#25aae2;background-color:rgba(0,0,0,.5);}
#main #header #gnb ul li > a{color:#fff;}
#main #header .logo a{background:url(/ch/img/logo01.png) no-repeat 0 0;}
#main #header #gnb > ul > li.active > a, #main #header #gnb > ul > li > a:hover{border-color:#fff;color:#fff;}
#main #header #gnb .active-bar{display:none;background-color:#fff;}
#main #container #content{padding:0 0 238px 0;}
#main .tit{z-index:10;position:absolute;top:50%;left:0;width:100%;margin:-100px 0 0 0;text-align:center;}
#main .main-txt{z-index:10;position:absolute;top:50%;left:0;width:100%;margin:190px 0 0 0;font-size:18px;color:#c9c7c5;text-align:center;font-family:'Noto Sans Light';}
#main #visual{position:relative;left:50%;width:1920px;height:830px;overflow:hidden;margin:0 0 0 -960px;text-align:center;}
#main #visual .video{overflow:hidden;}
#main #visual #iframe{position:relative;padding:56.25% 0 0 0;}
#main #visual #iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;/*min-width:1920px;min-height:830px;*/}
#main #visual .cover{z-index:9;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/ch/img/bg_cover.png) repeat;}
#main .section{height:245px;margin:0;background-color:#fff;}
#main .section.full{height:260px;background:#25aae2;}
#main .section .par{padding:73px 0 0 0;font-size:20px;line-height:36px;text-align:center;font-family:'Noto Sans Light';}
#main .section .contact{overflow:hidden;padding:66px 0 0 0;}
#main .section .contact li{position:relative;float:left;width:33.3333%;padding:98px 0 0 0;font-size:20px;}
#main .section .contact li:after{display:block;content:'';position:absolute;top:18px;left:0;width:24px;height:23px;background:url(/ch/img/bg_div.gif) no-repeat 0 0;}
#main .section .contact li:first-child:after{display:none;}
#main .section .contact li strong{padding:0 5px 0 0;color:#fff5b2;}
#main .section .contact li a{color:#fff;}
#main .section .contact li.c1{background:url(/ch/img/ico_phone.gif) no-repeat 83px 0;}
#main .section .contact li.c2{text-align:center;background:url(/ch/img/ico_fax.gif) no-repeat 50% 0;}
#main .section .contact li.c2:after{left:-30px;}
#main .section .contact li.c3{text-align:right;background:url(/ch/img/ico_email.gif) no-repeat 170px 0;}

/* common */
.mbr{display:none;}
.head{height:240px;text-align:center;color:#fff;line-height:1;}
.head.bg1{background:#25aae2 url(/ch/img/bg_head01.jpg) no-repeat 50% 0;}
.head.bg2{background:#25aae2 url(/ch/img/bg_head02.jpg) no-repeat 50% 0;}
.head.bg3{background:#25aae2 url(/ch/img/bg_head03.jpg) no-repeat 50% 0;}
.head.bg4{background:#25aae2 url(/ch/img/bg_head04.jpg) no-repeat 50% 0;}
.head.bg5{background:#25aae2 url(/ch/img/bg_head05.jpg) no-repeat 50% 0;}
.head h2{padding:82px 0 0 0;font-size:36px;}
.head p{padding:25px 0 0 0;font-size:18px;}
.section{margin:80px 0 0 0;}
.section .inner{position:relative;width:1020px;margin:0 auto;}
.hgroup{text-align:center;}
.hgroup h3{font-size:26px;}
.hgroup p{margin:20px 0 0 0;font-size:16px;line-height:27px;letter-spacing:-1px;/*font-family:'Noto Sans Light';*/}
.hgroup .logo{text-align:center;}
.hgroup .logo + h3{margin:61px 0 0 0;}
.tab-wrap{position:relative;margin:35px 0 0 0;}
.tab-wrap .tab{overflow:hidden;}
.tab-wrap .tab li{float:left;width:33.333333%;}
.tab-wrap .tab li a{display:block;height:70px;line-height:70px;font-size:18px;text-align:center;color:#838383;background:#efefef;transition:.3s all ease-out;}
.tab-wrap .tab li.active a, .tab-wrap .tab li a:hover{background-color:#25aae2;color:#fff;}
.tab-wrap .panel{display:none;}
.tab-wrap .panel.active{display:block;}
.strong-txt{display:inline-block;padding:0 2px 4px 2px;font-size:22px;color:#25aae2;border-bottom:4px solid #25aae2;letter-spacing:-1px;text-align:center;}
.description{position:relative;margin:32px 0 0 0;}
.description h4{font-size:16px;color:#25aae2;}
.description .noted{position:relative;margin:11px 0 0 0;padding:0 0 0 16px;line-height:26px;color:#585858;}
.description .noted:after{display:block;content:'※';position:absolute;top:0;left:0;}
.description .strong-txt{display:block;width:460px;margin:33px auto 0 auto;}
.description .strong-txt + .box{margin:50px 0 0 0;}
.par{font-size:16px;line-height:28px;}
.table-list{margin:65px 0 0 0;border-top:1px solid #999;}
.table-list th{padding:21px 0 22px 0;border-bottom:1px solid #d9d9d9;font-size:16px;line-height:21px;vertical-align:middle;text-align:center;background-color:#efefef;}
.table-list th.blue{color:#fff;background-color:#25aae2;}
.table-list td{padding:16px 10px 17px 10px;border-bottom:1px solid #d9d9d9;vertical-align:middle;text-align:center;}
.table-list td.blue{color:#25aae2;}
.table-list td .red{color:#ff2275;}
.table-list td.line{border-right:1px solid #d9d9d9;font-weight:bold;}
.box{padding:35px 39px 39px;background-color:#efefef;}
.num-list{padding:5px 0 0 0;}
.num-list li{line-height:26px;}
.box .list{padding:5px 0 0 0;}
.box .list li{position:relative;padding:0 0 0 25px;line-height:26px;}
.box .list li > em{color:#25aae2;}
.box .list li li{padding:0;}
.box .list li li:after{display:none;}
.box .list li:after{display:block;content:'';position:absolute;top:11px;left:0;width:6px;height:6px;border-radius:50%;background-color:#25aae2;}

/* sub */
/* company intro */
.img-box{position:relative;min-height:480px;margin:48px 0 0 0;}
.img-box + .img-box{margin:50px 0 0 0;}
.img-box h4{font-size:22px;text-align:center;color:#25aae2;}
.img-box .img{margin:28px 0 0 0;}
.img-box .desc{position:absolute;top:220px;left:-50px;width:408px;height:280px;color:#fff;font-size:18px;background-color:#25aae2;}
.img-box .desc ul{padding:68px 0 0 30px;}
.img-box .desc li{position: relative; margin: 28px 0 0 0; padding: 5px 0 0 40px;}
.img-box .desc li:first-child{margin:0;}
.img-box .desc li .ico{position:absolute;top:0;left:0;}
.img-box.type2 .desc{left:initial;right:-50px;}
.comint-par{margin:95px 0 0 0;text-align:center;}
.ceo{margin:127px 0 0 0;text-align:center;}
.ceo em{font-weight:bold;font-style:normal;}
.ceo .sign{margin:20px 0 0 0;}
.place-business{position:relative;border-top:1px solid #d9d9d9;}
.place-business li{padding:38px 0;border-bottom:1px solid #d9d9d9;line-height:1;}
.place-business li strong{display:inline-block;vertical-align:middle;font-size:18px;}
.place-business li strong:after{display:inline-block;vertical-align:top;content:'';width:1px;height:16px;margin:1px 14px 0 14px;background-color:#ccc;}
.place-business li em{display:inline-block;vertical-align:middle;font-size:18px;font-weight:bold;color:#25aae2;}
.place-business li .address{display:block;margin:27px 0 0 0;}
.history{position:relative;overflow:hidden;padding-bottom:54px;}
.history.fix{padding-top:150px;}
.history .h-bar{z-index:1;position:absolute;top:107px;left:50%;content:'';width:1px;height:20px;background-color:#25aae2;}
.history .clear{display:block;content:'';clear:both;}
.history .tit{margin:0 0 70px 0;text-align:center;clear:both;}
.history.fix .tit{z-index:200;position:fixed;top:161px;left:0;width:100%;height:65px;padding:35px 0 0 0;background: #fff;}
.history .tit li{display:inline-block;margin:0 0 0 25px;padding:0 0 0 40px;background:url(/ch/img/bg_tit_line.gif) no-repeat 0 10px;}
.history .tit li:first-child{margin:0;padding:0;}
.history .tit li a{font-size:26px;font-family:'Noto Sans Light';}
.history .tit li.active a{color:#25aae2;font-family:'Noto Sans';}
.history .list{position:relative;}
.history .list:before{position:absolute;top:13px;left:50%;display:block;content:'';width:1px;height:100%;padding-bottom:33px;background-color:#d9d9d9;}
.history .list:after{display:block;content:'';clear:both;}
.history .group{position:relative;float:left;width:460px;text-align:right;}
.history .group:first-child ~ .group{margin-top:500px;}
.history .group:nth-child(even){float:right;text-align:left;}
.history .group h3{font-size:22px;color:#25aae2;}
.history .group h3:after,
.history .group .start:after{display:block;content:'';position:absolute;top:4px;right:-58px;width:15px;height:15px;border-radius:50%;background-color:#25aae2;}
.history .group .start{display:block;position:absolute;bottom:-57px;left:50%;margin-left:290px;padding-left:35px;text-align:left;}
.history .group .start:after{bottom:3px;right:inherit;left: -17px; top: inherit;}
.history .group:nth-child(even) h3:after,.history .group:nth-child(even) h3:after{left:-57px;right:inherit;}
.history .group .thumb{margin:28px 0 0 0;}
.history .group ul, .history .group p{margin:25px 0 0 0;font-size:16px;}
.history .group li{margin-top:12px;}


/* business */
.business-list{}
.business-list ul{overflow:hidden;width:1060px;margin:-40px 0 0 -40px;}
.business-list li{position:relative;float:left;width:290px;height:280px;margin:40px 0 0 40px;padding:0 0 0 200px;text-align:center;background-color:#efefef;}
.business-list li .thumb{position:absolute;top:0;left:0;}
.business-list li h3{margin:55px 0 0 0;font-size:22px;color:#25aae2;}
.business-list li span{display:block;margin:7px 0 0 0;line-height:26px;letter-spacing:-1px;}

/* brand */
body.no-margin #container #content{padding:0 0 238px 0;}
.product{text-align:center;}
.product .prd-img{margin:75px 0 0 0;}
.product .strong-txt{margin:75px 0 0 0;}
.section.gray-type2{overflow:hidden;margin:128px 0 0 0;padding:75px 0;background:#818487;color:#fff;}
.function-list{overflow:hidden;text-align:center;}
.function-list li{display:inline-block;margin:0 0 0 38px;}
.function-list li:first-child{margin:0;}
.function-list li span{display:block;margin:10px 0 0 0;font-size:16px;line-height:24px;letter-spacing:-1px;font-family:'Noto Sans Light';}
.function-list li span.thumb{margin:0;font-size:0;line-height:0;}
.function-list li strong{display:block;margin:18px 0 0 0;font-size:20px;}
.fashion .b-list{overflow:hidden;margin:40px 0 0 0;}
.fashion .b-list li{float:left;}
.fashion .hgroup{margin:75px 0 0 0;}
.fashion .video-ad{margin:35px 0 0 0;}
.fashion .video-ad iframe{width:1020px;}
.fashion2 .visual{overflow:hidden;height:400px;text-align:center;background:url(/ch/img/bg_fashion_visaul.jpg) no-repeat 0 0;}
.fashion2 .visual .par{margin:84px 0 0 0;font-size:16px;}
.fashion2 .visual .strong-txt{margin:40px 0 0 0;}
.fashion2 .visual .strong-txt + .par{margin:30px 0 0 0;}
.fashion2 .over-img{margin:54px 0 0 0;}
.fashion2 .over-img img{margin:0 0 0 -97px;}
.fashion2 .desc-group{overflow:hidden;margin:0;}
.fashion2 .desc-group .col{float:left;width:500px;}
.fashion2 .desc-group .col + .col{float:right;}
.fashion2 .desc-group .subject{display:block;margin:23px 0 0 0;font-size:16px;color:#25aae2;}
.fashion2 .desc-group p{margin:14px 0 0 0;}
.fashion2 .desc-group .table-list{margin:95px 0 0 0;}
.fashion2 .table-list .img{position:relative;margin:15px 0 0 0;}
.fashion2 .table-list .img ul{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;}
.fashion2 .table-list .img li{float:left;width:50%;height:60px;line-height:60px;padding:0;background-color:rgba(0,0,0,.6);color:#fff;box-sizing:border-box;}
.fashion2 .table-group{overflow:hidden;margin:80px 0 0 0;}
.fashion2 .table-group .table-list{float:left;width:500px;margin:0;}
.fashion2 .table-group .table-list + .table-list{float:right;}
.fashion2 .desc-img{margin:73px 0 0 0;}
.fashion2 .desc-img h3{margin:0 0 50px 0;}
.fashion2 .desc-img .box{margin:70px 0 0 0;}
.patent{margin:75px 0 0 0;}
.patent ul{overflow:hidden;width:1082px;margin:0 0 0 -62px;}
.patent li{float:left;width:297px;min-height:502px;margin:45px 0 0 62px;}
.patent li strong{display:block;margin:16px 0 0 0;font-size:18px;text-align:center;}
.fashion3{border-bottom:1px solid #d9d9d9;padding:0 0 45px 0;}
.fashion3 .prd-group{border-top:1px solid #d9d9d9;margin:49px 0 0 0;padding:45px 0 0 0;}
.fashion3 .prd-group:first-child{border:none;margin:0;padding:0;}
.fashion3 .prd-group .thumb{margin:45px 0 0 0;}
.fashion3 .prd-group .desc-area{margin:70px 0 0 0;}
.fashion3 .prd-group .desc-area .group{overflow:hidden;margin:25px 0 0 0;}
.fashion3 .prd-group .desc-area h4{float:left;width:367px;line-height:45px;font-size:18px;}
.fashion3 .prd-group .desc-area h4 img{margin-right:22px;}
.fashion3 .prd-group .desc-area h4 .small{font-size:14px;}
.fashion3 .prd-group .desc-area ul{float:left;width:653px;}
.fashion3 .prd-group .desc-area li{position:relative;margin:8px 0 0 0;padding:0 0 0 25px;}
.fashion3 .prd-group .desc-area li:first-child{margin:12px 0 0 0;}
.fashion3 .prd-group .desc-area li:after{display:block;content:'';position:absolute;top:5px;left:0;width:6px;height:6px;background-color:#25aae2;border-radius:50%;}
.fashion3 .prd-group .desc-area li .red{color:#ff2275;}
.fashion4 .hgroup{margin:75px 0 0 0;}
.fashion4 .hgroup:first-child{margin:0;}
.fashion4 .group{margin:36px 0 0 0;min-height:400px;padding:100px 0;border:1px solid #e8e8e8;text-align:center;box-sizing:border-box;}
.fashion4 .par{margin:51px 0 0 0;line-height:1;text-align:center;}
.brochure{border-bottom:1px solid #d9d9d9;}
.brochure .inner{position:relative;overflow:hidden;width:1020px;margin:0 auto;padding:30px 0;}
.brochure .inner strong{float:left;height:50px;line-height:50px;font-size:20px;}
.brochure .inner ul{float:right;overflow:hidden;}
.brochure .inner li{float:left;margin:0 0 0 9px;}
.brochure .inner li:first-child{margin:0;}

/* rnd */
.section.gray-type{overflow:hidden;padding:75px 0;background:#818487;color:#fff;}
.rnd-list{overflow:hidden;margin:44px 0 0 0;}
.rnd-list li{float:left;width:33.3333%;margin:10px 0 0 0;text-align:center;}
.rnd-list li span{display:block;margin:10px 0 0 0;font-size:16px;line-height:24px;letter-spacing:-1px;font-family:'Noto Sans Light';}
.rnd-list li span.thumb{margin:0;font-size:0;line-height:0;}
.rnd-list li strong{display:block;margin:18px 0 0 0;font-size:20px;}
.experiment{margin:35px 0 0 0;}
.experiment .box-desc{height:70px;line-height:70px;background:#efefef;font-size:18px;text-align:center;}
.experiment .box-desc li{display:inline-block;margin:0 0 0 73px;}
.experiment .box-desc li:first-child{margin:0;}
.experiment .video{margin:30px 0 0 0;}

/* contact */
.contact-wrap{padding:36px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.contact-wrap ul{overflow:hidden;}
.contact-wrap li{float:left;width:33.3333%;text-align:center;}
.contact-wrap li strong{display:inline-block;min-height:25px;line-height:25px;font-size:18px;color:#25aae2;}
.contact-wrap li strong img{margin:0 10px 0 0;}
.contact-wrap li span{display:block;margin:20px 0 0 0;font-size:18px;}