@charset "utf-8";

.area_visual{position:relative; min-height:800px;}
.area_visual .swiper,
.area_visual .swiper .box{height:100%;}
.area_visual .swiper .box{overflow:hidden; position:relative;}
.area_visual [data-visual="text"]{display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; position:absolute; top:0px; left:50%; z-index:60; width:1400px; height:100%; margin-left:-700px; color:#fff;}
.area_visual [data-visual="text"] > p{font-size:60px; font-weight:600;}
.area_visual [data-visual="text"] > span{display:block; margin:5px 0 30px; font-size:0px;}
.area_visual [data-visual="text"] > em{display:block; font-size:22px; font-weight:500;}
.area_visual [data-visual="text"] > span.svg_img .word{height:160px; background-repeat:no-repeat; background-position:50% 45px; background-size:100% auto;}
.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(1){width:84px; margin-right:7px; background-image:url(../images/main/img_txt_s01.svg);}
.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(2){width:82px; margin-right:12px; background-image:url(../images/main/img_txt_a02.svg);}
.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(3){width:87px; background-image:url(../images/main/img_txt_m03.svg); background-position-y:47px;}
.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(4){width:48px; margin-left:-21px; background-image:url(../images/main/img_txt_j04.svg); background-position-y:16px;}
.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(5){width:30px; margin-left:-4px; background-image:url(../images/main/img_txt_i05.svg); background-position-y:0;}
.area_visual [data-visual="img"]{display:block; height:100%;}
.area_visual [data-visual="img"] i{display:block; height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:cover; transform:scale(1.08); transition:transform 4s ease-in-out;}
.area_visual .swiper-slide-active [data-visual="img"] i{transform:scale(1);}
.area_visual .swiper_page{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; top:50%; left:100px; bottom:auto; z-index:2; width:auto; font-family:'Roboto', Sans-serif; font-size:20px; font-weight:500; color:#fff; transform:translateY(-200%) rotate(90deg); transform-origin:0 0;}
.area_visual .swiper_page > *{display:inline-block;}
.area_visual .swiper_page .line{opacity:0.3; width:74px; height:1px; margin:0 15px; background:#fff;}
.area_visual .swiper_page em{opacity:0.3;}
.area_visual .area_scroll{position:absolute; right:80px; top:50%; z-index:5; transform:translateY(-50%); color:#fff; font-size:12px; font-weight:500;}
.area_visual .area_scroll > *{display:inline-block; vertical-align:middle;}
.area_visual .area_scroll > span{opacity:0.5; margin-right:30px; letter-spacing:0.5px;}
.area_visual .area_scroll > em > i{display:block; width:8px; height:8px; margin:2px 0px; background:#c4cacd; border-radius:100%;}
.area_visual .area_scroll > em > i:nth-of-type(2){opacity:0.8;}
.area_visual .area_scroll > em > i:nth-of-type(3){opacity:0.6;}
.area_visual .area_scroll > em > i:nth-of-type(4){opacity:0.2;}
.area_visual [data-visual="video"]{display:block; position:relative; height:100%;}
.area_visual [data-visual="video"]:before{content:''; opacity:0.25; display:block; position:absolute; top:0px; left:0px; z-index:2; width:100%; height:100%; background:#000;}
.area_visual [data-visual="video"] video{position:absolute; top:50%; left:50%; z-index:1; width:auto; height:auto; min-width:100%; min-height:100%; border:0px; transform:translate(-50%, -50%);}
	/* 동영상 첫로딩 겹쳐보이는 현상 수정 */
.area_visual .swiper-wrapper > li:nth-of-type(1){z-index:10;}
.area_visual .swiper-slide-active{z-index:20;}

/* common */
.sub_title{display:block; font-size:15px; color:#3c9fce; font-weight:700; letter-spacing:0.5px; text-transform:uppercase;}
[data-main] h2{margin-top:22px; font-size:60px; font-weight:500; color:#000;}
[data-main]{position:relative; padding:150px 0;}
[data-main] .inr{max-width:1400px; margin:0 auto; padding:0 20px;}
.swiper_bottom{position:absolute; bottom:10px;}
.swiper_bottom .swiper_prev,
.swiper_bottom .swiper_next{display:inline-block; position:relative; width:76px; height:76px; box-sizing:border-box; background-color:transparent; border:1px solid #ededed; border-radius:100%; transition:0.3s ease;}
.swiper_bottom .swiper_next{margin-left:5px;}
.swiper_bottom .swiper_prev:before,
.swiper_bottom .swiper_next:before{content:''; display:block; position:absolute; left:50%; top:50%; width:10px; height:19px; margin:-9px 0 0 -5px; background:url(../images/main/img_slide_arrow.svg) no-repeat 50% 0; background-size:auto 100%; transition:0.3s ease;}
.swiper_bottom .swiper_next:before{transform:rotate(180deg);}
.swiper_bottom .swiper_prev span,
.swiper_bottom .swiper_next span{font-size:0px;}
.swiper_bottom .swiper_prev:hover,
.swiper_bottom .swiper_prev:focus,
.swiper_bottom .swiper_next:hover,
.swiper_bottom .swiper_next:focus{border-color:#3c9fce;}
.swiper_bottom .swiper_prev:hover:before,
.swiper_bottom .swiper_prev:focus:before,
.swiper_bottom .swiper_next:hover:before,
.swiper_bottom .swiper_next:focus:before{background-image:url(../images/main/img_slide_arrow_on.svg)}
	/* button */
a.btn_go{display:inline-block; font-size:18px; color:#fff;}
a.btn_go > span{display:inline-block; margin-right:20px; vertical-align:middle;}
a.btn_go:after{content:''; display:inline-block; width:46px; height:46px; box-sizing:border-box; background:url(../images/main/img_link_arrow.svg) no-repeat 50% 50%; background-size:9px 15px; border:1px solid #fff; border-radius:100%; vertical-align:middle; transform:rotate(180deg);}
a.btn_arrow{display:inline-block; position:relative; min-width:215px; height:58px; box-sizing:border-box; padding-right:50px; border-bottom:2px solid #fff; font-size:15px; font-weight:500; color:#fff;}
a.btn_arrow span{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; height:100%; padding-left:20px; line-height:1.2em;}
a.btn_arrow:after{content:''; display:block; position:absolute; right:20px; top:50%; width:16px; height:13px; margin-top:-6.5px; background:url(../images/main/img_notice_arrow_white.png) no-repeat 50% 0; background-size:auto 100%;}
a.btn_arrow:before,
a.btn_arrow span:before,
a.btn_arrow span:after{content:''; display:block; position:absolute; top:0px; background:#fff;}
a.btn_arrow:before{left:0px; width:2px; height:100%; transform:scaleY(0); transform-origin:0 0; transition:transform 0.2s linear 0s;}
a.btn_arrow span:before{left:0px; width:100%; height:2px; transform:scaleX(0); transform-origin:100% 0; transition:transform 0.2s linear 0.2s;}
a.btn_arrow span:after{right:0px; width:2px; height:100%; transform:scaleY(0); transform-origin:0 100%; transition:transform 0.2s linear 0.4s;}
a.btn_arrow:hover:before{transform:scaleY(1); transition-delay:0.4s;}
a.btn_arrow:hover span:before{transform:scaleX(1); transition-delay:0.2s;}
a.btn_arrow:hover span:after{transform:scaleY(1); transition-delay:0s;}
a.btn_arrow.black{border-color:#000; color:#444;}
a.btn_arrow.black:after{background-image:url(../images/main/img_notice_arrow.png);}
a.btn_arrow.black:before,
a.btn_arrow.black span:before,
a.btn_arrow.black span:after{background-color:#000;}

/* product */
[data-main="product"] .sub_title,
[data-main="product"] h2{position:relative; z-index:9;}
[data-main="product"] .obj_right{display:block; position:absolute; right:0px; top:0px; z-index:-1; width:444px; height:761px; background:url(../images/main/bg_product.jpg) no-repeat 50% 0; background-size:auto 100%;}
[data-main="product"] .obj_category{display:block; position:absolute; left:0px; bottom:150px; z-index:9; width:calc((100% / 16) * 6); height:452px; background:#0083c3 url(../images/main/bg_product02.jpg) no-repeat 0 0;}
[data-main="product"] .swiper{overflow:inherit; padding-top:100px; padding-bottom:158px; padding-left:120px;}
[data-main="product"] .swiper-slide{width:350px; height:470px; margin-right:80px;}
[data-main="product"] .swiper-slide > *{display:block; width:100%; height:100%; background:#fff; box-shadow:0 15px 90px rgba(26,73,95,0.15);}
[data-main="product"] .swiper-slide .img{overflow:hidden; display:block; width:100%; height:350px; margin-bottom:25px;}
[data-main="product"] .swiper-slide .img img{object-fit:cover; width:100%; height:100%;}
[data-main="product"] .swiper-slide em,
[data-main="product"] .swiper-slide p{padding-left:30px; padding-right:30px;}
[data-main="product"] .swiper-slide em{display:block; font-size:14px; font-weight:600; color:#3c9fce; letter-spacing:0;}
[data-main="product"] .swiper-slide p{margin-top:40px; font-size:20px; color:#333; font-weight:500;}
[data-main="product"] .swiper-slide em ~ p{margin-top:5px;}
[data-main="product"] .area_category{position:relative; z-index:10; width:462px; height:452px; margin-top:135px;}
[data-main="product"] .area_category ul > li{border-bottom:1px solid rgba(255,255,255,0.15);}
[data-main="product"] .area_category ul > li > a{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative; width:100%; height:100px; box-sizing:border-box; padding:0 25px 0 40px; font-size:20px; color:#fff; font-weight:600; letter-spacing:0; transition:color 0.3s ease;}
[data-main="product"] .area_category ul > li > a:after{content:''; display:block; position:absolute; right:0px; top:0px; width:5px; height:100%; background:#fbd55f; transform:scaleX(0); transform-origin:100% 0; transition:transform 0.3s ease;}
[data-main="product"] .area_category ul > li > a.on{color:#fbd55f;}
[data-main="product"] .area_category ul > li > a.on:after{transform:scaleX(1);}
[data-main="product"] .slide_group .slide_product{opacity:0; overflow:inherit !important; position:absolute; bottom:150px; left:calc((100% / 16) * 6);  z-index:-1; width:calc((100% / 16) * 10); transition:0.8s ease 0s;}
[data-main="product"] .slide_group .slide_product.active{opacity:1; z-index:5;}
[data-main="product"] .area_category.is_motion{opacity:0; transition:opacity 0.5s ease 0s;}
[data-main="product"] .area_category.is_motion.motion_in{opacity:1; transition-delay:0.6s;}
[data-main="product"] .obj_category.is_motion{opacity:0; transform:translateX(-50px); transition:opacity 0.6s ease-in-out 0s, transform 0.6s ease-in-out 0s;}
[data-main="product"] .obj_category.is_motion.motion_in{opacity:1; transform:translateX(0);}

[data-main="product"].new_product .inr{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative; z-index:10; max-width:inherit; padding:0 80px;}
[data-main="product"].new_product h2 + p{margin-top:20px; font-size:20px; color:#444; letter-spacing:-0.5px; font-weight:300; word-break:keep-all;}
[data-main="product"].new_product .box_btn{margin-top:100px;}
[data-main="product"].new_product .title{width:30%; box-sizing:border-box; padding-right:50px;}
[data-main="product"].new_product .box_product{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; width:70%; margin-left:-20px;}
[data-main="product"].new_product [data-mainproduct]{display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; position:relative; width:calc(100% / 3 - 20px); height:623px; box-sizing:border-box; margin-left:20px; padding:160px 45px 30px; color:#fff;}
[data-main="product"].new_product [data-mainproduct] .obj_img{overflow:hidden; display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%;}
[data-main="product"].new_product [data-mainproduct] .obj_img:before{content:''; opacity:0.2; display:block; position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; background:#000;}
[data-main="product"].new_product [data-mainproduct] .obj_img img{object-fit:cover; width:100%; height:100%; filter:grayscale(0); transition:filter 0.5s ease 0s;}
[data-main="product"].new_product [data-mainproduct] em,
[data-main="product"].new_product [data-mainproduct] ul{display:block; width:100%; box-sizing:border-box;}
[data-main="product"].new_product [data-mainproduct] em{line-height:1.2em; font-size:35px; font-weight:500; letter-spacing:-1px;}
[data-main="product"].new_product [data-mainproduct] ul{margin-top:25px;}
[data-main="product"].new_product [data-mainproduct] ul > li:nth-of-type(1){border-top:1px solid rgba(255,255,255,0.5);}
[data-main="product"].new_product [data-mainproduct] ul > li{padding:20px 15px; border-bottom:1px solid rgba(255,255,255,0.5);}
[data-main="product"].new_product [data-mainproduct] ul > li a{opacity:1; display:inline-block; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.5px; transition:opacity 0.3s ease 0s;}
[data-main="product"].new_product [data-mainproduct] ul > li a:hover,
[data-main="product"].new_product [data-mainproduct] ul > li a:focus{opacity:0.6;}
[data-main="product"].new_product [data-mainproduct] .obj_img:after{content:''; opacity:0; display:block; position:absolute; top:0px; left:0px; z-index:2; width:100%; height:100%; background:#0083c3; transition:opacity 0.5s ease 0s;}
[data-main="product"].new_product [data-mainproduct]:hover .obj_img:after{opacity:0.7;}
[data-main="product"].new_product [data-mainproduct]:hover .obj_img img{filter:grayscale(1);}

/* company */
[data-main="company"]{padding-bottom:0;}
[data-main="company"] .inr{position:relative; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:flex-start;}
[data-main-company]{position:relative; margin-top:100px;}
[data-main-company] .txt{position:absolute; top:0px; left:0px; z-index:10; width:100%; height:100%; box-sizing:border-box; padding:90px 30px 0 50px; color:#fff;}
[data-main-company] .txt > *{display:block;}
[data-main-company] .txt > span{font-size:15px; font-weight:600;}
[data-main-company] .txt > p{margin-top:20px; margin-bottom:70px; font-size:30px; line-height:1.3em;}
[data-main-company] .img{overflow:hidden; position:relative; z-index:5;}
[data-main-company].is_motion .txt{opacity:0; transition:opacity 0.3s ease 0s;}
[data-main-company].is_motion.motion_in .txt{opacity:1; transition-delay:0.6s;}
[data-main-company].is_motion .img:before,
[data-main-company].is_motion .img:after{content:''; display:block; position:absolute; top:0px; z-index:3; width:50%; height:100%; background:#fff; transform:scaleX(1); transition:transform 0.7s ease-in-out 0s;}
[data-main-company].is_motion .img i:before,
[data-main-company].is_motion .img i:after{content:''; display:block; position:absolute; top:0px; z-index:2; width:50%; height:100%; background:#0083c3; transform:scaleX(1); transition:transform 0.6s ease-in-out 0s;}
[data-main-company].is_motion .img:before,
[data-main-company].is_motion .img i:before{left:0px; transform-origin:0 0;}
[data-main-company].is_motion .img:after,
[data-main-company].is_motion .img i:after{right:0px; transform-origin:100% 0;}
[data-main-company].is_motion.motion_in .img:before,
[data-main-company].is_motion.motion_in .img:after{transform:scaleX(0);}
[data-main-company].is_motion.motion_in .img i:before,
[data-main-company].is_motion.motion_in .img i:after{transform:scaleX(0); transition-delay:0.15s;}
[data-main-company].is_motion:before,
[data-main-company] .box:before{content:''; opacity:0; visibility:hidden; display:block; position:absolute; top:0px; left:0px; z-index:8; width:100%; height:100%; background-color:rgb(255 255 255 / 0%); backdrop-filter:blur(4px); transition:0.3s ease 0s;}
[data-main-company].active:before,
[data-main-company] .box.active:before{opacity:1; visibility:visible;}
[data-main-company="01"]{position:absolute; left:20px; top:-150px; margin-top:0px; padding-top:100px;}
[data-main-company="01"] .box{position:relative;}
[data-main-company="01"] .txt em{display:block; width:197px; height:96px;}
[data-main-company="01"] .txt em img{width:100%;}
[data-main-company="01"].is_motion .txt{opacity:1;}
[data-main-company="01"] .img:before,
[data-main-company="01"] .img:after,
[data-main-company="01"] .img i:before,
[data-main-company="01"] .img i:after{display:none !important;}
[data-main-company="02"]{margin-top:120px; margin-left:auto;}
[data-main-company="04"]{margin-left:auto;}
.group_company{display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:50%;}
.scroll_fix.fix{position:fixed; top:0px; left:50%; margin-left:-700px;}
.scroll_fix.fix.fixBottom{position:absolute; bottom:0px; top:auto; left:20px; margin-left:0px;}
.obj_roof{display:block; position:absolute; top:0px; z-index:-1; line-height:1em; font-size:200px; font-weight:700; color:#f1f3f3;}

/* notice */
[data-main="news"]{padding-top:200px;}
[data-main="news"] .inr{max-width:1260px;}
[data-main="news"] h2 + p{margin-top:20px; font-size:18px; color:#444; font-weight:300; word-break:keep-all;}
[data-main="news"] .title_news{padding-left:270px;}
[data-main="news"] .obj_bg{display:block; position:absolute; top:-200px; right:0px; z-index:-1;}
[data-main="news"] .list{margin-top:70px;}
[data-main="news"] .list > li{border-bottom:2px solid #e7e7e7;}
[data-main="news"] .list > li:nth-of-type(1){border-top:2px solid #e7e7e7;}
[data-main="news"] .list > li > a{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; position:relative; height:105px; box-sizing:border-box; transition:box-shadow 0.3s ease 0s;}
[data-main="news"] .list > li > a:after{content:''; opacity:0.4; display:block; position:absolute; top:50%; right:30px; width:16px; height:13px; margin-top:-6.5px; background:url(../images/main/img_notice_arrow.png) no-repeat 50% 0; background-size:auto 100%; transition:0.3s ease 0s;}
[data-main="news"] .list > li > a em{flex:none; width:270px; box-sizing:border-box; padding-left:30px; font-family:'Roboto', Sans-serif; font-weight:900; font-size:20px;}
[data-main="news"] .list > li > a span{flex:auto; padding-right:120px; font-size:25px; font-weight:600; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
[data-main="news"] .list > li > a em,
[data-main="news"] .list > li > a span{color:#333; transition:0.3s ease 0s;}
[data-main="news"] .list > li > a:hover em,
[data-main="news"] .list > li > a:hover span{color:#0083c3;}
[data-main="news"] .list > li > a:hover:after{opacity:1;}
[data-main="news"] .list > li > a:hover{box-shadow:0 10px 60px rgba(26,73,95,0.15);}
[data-main="news"] .list > li.no_data{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; height:105px; box-sizing:border-box; color:#999;}
[data-main="news"] .box_btn{margin-top:70px; padding-left:270px;}
[data-main="news"] a.btn_go{font-size:16px; color:#444;}
[data-main="news"] a.btn_go:after{position:relative; right:0px; border-color:#444; background-image:url(../images/main/img_btngo_black.svg); transition:right 0.3s ease;}
[data-main="news"] a.btn_go:hover:after{right:-15px;}

/* inquiry */
[data-main="inquiry"]{height:830px; box-sizing:border-box; padding-bottom:240px;}
[data-main="inquiry"] .sub_title{color:#fff;}
[data-main="inquiry"] h2{color:#fff;}
[data-main="inquiry"] h2 + p{margin-top:30px; font-size:20px; text-align:center; font-weight:300; word-break:keep-all;}
[data-main="inquiry"] .inr{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; height:100%; color:#fff;}
[data-main="inquiry"] .box_btn{margin-top:95px;}
[data-main="inquiry"] .obj_bg{overflow:hidden; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%; clip:rect(0,auto,auto,0)}
[data-main="inquiry"] .obj_bg i{display:block; position:fixed; top:0px; width:100%; height:100%; transform:scale(1.08); transition:transform 4s ease-in-out 0s;}
[data-main="inquiry"] .obj_bg i img{width:100%; height:100%; object-fit:cover;}
[data-main="inquiry"].motion_in .obj_bg i{transform:scale(1);}

@media screen and (min-width:1929px){
	/* product */
	[data-main="product"] .area_category{background:#0083c3/*  url(../images/main/bg_product02.jpg) no-repeat -254px 0 */;}
	[data-main="product"].new_product .title{width:25%;}
	[data-main="product"].new_product .box_product{width:75%;}
	[data-main="product"].new_product [data-mainproduct]{height:32.296526697770865vw/* 623px */; padding:8.294453084499741vw/* 160px */ 2.332814930015552vw/* 45px */ 1.5552099533437014vw/* 30px */;}
	[data-main="product"].new_product [data-mainproduct] em{font-size:1.8144116122343183vw/* 35px */;}
	[data-main="product"].new_product [data-mainproduct] ul > li a{font-size:0.9331259720062209vw/* 18px */;}
}

@media screen and (min-width:521px){
	[data-main="product"] .box_product.is_motion [data-mainproduct]{opacity:0; transform:translateX(-30px); transition:opacity 0.7s ease-in-out 0s, transform 0.7s ease-in-out 0s;}
	[data-main="product"] .box_product.is_motion.motion_in [data-mainproduct]{opacity:1; transform:translateX(0px);}
	[data-main="product"] .box_product.is_motion.motion_in [data-mainproduct="01"]{transition-delay:0.2s, 0.2s;}
	[data-main="product"] .box_product.is_motion.motion_in [data-mainproduct="02"]{transition-delay:0.35s, 0.35s;}
	[data-main="product"] .box_product.is_motion.motion_in [data-mainproduct="03"]{transition-delay:0.45s, 0.45s;}
}

@media screen and (max-width:1900px){
	/* product */
	[data-main="product"] .inr.cate{max-width:inherit; padding:0px;}
	[data-main="product"] .area_category{left:calc((100% / 16) * 2); width:calc((100% / 16) * 4);}
}

@media screen and (max-width:1700px){
	/* visual */
	.area_visual .swiper_page{left:50px;}
	.area_visual .area_scroll{right:20px;}
	
	/* product */
	[data-main="product"].new_product .inr{padding-left:40px; padding-right:40px;}
	[data-main="product"].new_product [data-mainproduct]{padding-left:30px; padding-right:30px;}
}

@media screen and (max-width:1650px){
	/* product */
	[data-main="product"] .area_category{left:calc((100% / 16) * 1); width:calc((100% / 16) * 5);}
}

@media screen and (max-width:1600px){
	/* product */	
	[data-main="product"].new_product .inr{display:block; max-width:1400px; padding:0 20px;}
	[data-main="product"].new_product h2 + p{display:none;}
	[data-main="product"].new_product .title{position:relative; width:auto; padding-right:0px; margin-bottom:50px;}
	[data-main="product"].new_product .box_btn{position:absolute; right:0px; top:50%; z-index:10; margin-top:0px; transform:translateY(-50%);}
	[data-main="product"].new_product .box_product{width:auto;}
	[data-main="product"].new_product [data-mainproduct]{height:670px;}
}

@media screen and (max-width:1550px){
	/* visual */
	.area_visual [data-visual="text"]{left:80px; width:auto; margin-left:0px;}
}

@media screen and (max-width:1440px){
	/* product */
	[data-main="product"] .area_category{left:0; width:calc((100% / 16) * 6); background:#0083c3 url(../images/main/bg_product02.jpg) no-repeat 0 0;}
	[data-main="product"] .area_category.is_motion{opacity:0; transform:translateX(-50px); transition:opacity 0.6s ease-in-out 0s, transform 0.6s ease-in-out 0s;}
	[data-main="product"] .area_category.is_motion.motion_in{opacity:1; transform:translateX(0);}
	[data-main="product"] .obj_category{display:none;}
	
	[data-main="product"].new_product [data-mainproduct]{height:623px;}
	
	.scroll_fix.fix{left:20px; margin-left:0px;}
}
@media screen and (max-width:1200px){
	/* visual */
	.area_visual [data-visual="text"] > p{font-size:5vw/* 60px */;}
	.area_visual [data-visual="text"] > span.svg_img .word{height:13.333333333333334vw/* 160px */; background-position:50% 3.75vw/* 45px */;}
	.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(1){width:7.000000000000001vw/* 84px */; margin-right:0.5833333333333334vw/* 7px */;}
	.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(2){width:6.833333333333333vw/* 82px */; margin-right:1vw/* 12px */;}
	.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(3){width:7.249999999999999vw/* 87px */; background-position-y:3.916666666666667vw/* 47px */;}
	.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(4){width:4vw/* 48px */; margin-left:-1.7500000000000002vw/* -21px */; background-position-y:1.3333333333333335vw/* 16px */;}
	.area_visual [data-visual="text"] > span.svg_img span.word:nth-of-type(5){width:2.5vw/* 30px */; margin-left:-0.33333333333333337vw/* -4px */;}
	.area_visual [data-visual="text"] > em{font-size:1.8333333333333333vw/* 22px */;}
	
	/* product */
	[data-main="product"] .swiper-slide{width:320px; height:450px; margin-right:60px;}
	[data-main="product"] .swiper-slide .img{height:300px;}
	
	/* company */
	[data-main="company"] .inr{flex-direction:column;}
	[data-main-company="01"],
	.scroll_fix.fix,
	.scroll_fix.fix.fixBottom{position:relative; top:0; left:auto; bottom:auto; right:auto;}
	.group_company{width:100%;}
	[data-main-company]{margin-top:50px;}
	[data-main-company="01"]{margin-top:-150px; margin-left:calc((100% / 16) * 1.5) !important;}
	[data-main-company="01"] img{max-width:400px;}
	[data-main-company="01"] .txt em{width:16.416666666666664vw/* 197px */; height:8vw/* 96px */;}
	[data-main-company="02"] img{max-width:450px;}
	[data-main-company="03"]{margin-left:calc((100% / 16) * 1);}
	[data-main-company="04"]{margin-right:calc((100% / 16) * 2);}
	[data-main-company="01"].is_motion .txt{opacity:0;}
	[data-main-company="01"] .img:before,
	[data-main-company="01"] .img:after,
	[data-main-company="01"] .img i:before,
	[data-main-company="01"] .img i:after{display:block !important;}
	[data-main-company] .txt > p{font-size:2.5vw/* 30px */;}
	.obj_roof{font-size:150px;}
	
	/* notice */
	[data-main="news"] .obj_bg img{width:500px;}
	[data-main="news"] .list > li > a span{font-size:23px;}
	[data-main="news"] .list > li > a em{width:200px; font-size:18px;}
}

@media screen and (max-width:1024px){
	[data-main] h2{font-size:5.859375vw/* 60px */;}
	
	/* visual */
	.area_visual [data-visual="text"] > em{font-size:1.953125vw/* 20px */;}
	.area_visual .swiper_page{transform:translateY(-300%) rotate(90deg); font-size:15px;}
	.area_visual [data-swiper-slide-index="1"] [data-visual="img"] i{background-position-x:80%;}
	
	/* product */
	[data-main="product"] .slide_group .slide_product{left:calc((100% / 16) * 5); width:calc((100% / 16) * 11);}
	[data-main="product"].new_product [data-mainproduct]{height:580px; padding-top:140px;}
	[data-main="product"].new_product [data-mainproduct] em{font-size:3.41796875vw/* 35px */;}
	[data-main="product"].new_product [data-mainproduct] ul > li a{font-size:16px;}
	
	/* company */
	a.btn_go > span{font-size:18px;}
	[data-main-company] .txt > span{letter-spacing:0px;}
	[data-main-company] .txt > p{font-size:2.734375vw/* 28px */;}
	[data-main-company] .txt{padding:70px 30px 0 40px;}
	[data-main-company="01"] .txt em{width:19.23828125vw/* 197px */; height:9.375vw/* 96px */;}
	[data-main-company="04"]{margin-right:calc((100% / 16) * 0.5);}
	
	/* notice */
	[data-main="news"] .title_news{padding-left:0px; text-align:center;}
	[data-main="news"] .box_btn{padding-left:0px; text-align:center;}
	[data-main="news"] .list > li > a span{font-size:20px;}
}

@media screen and (max-width:768px){
	[data-main] h2{font-size:6.510416666666667vw/* 50px */;}
	
	/* visual */
	.area_visual{min-height:700px;}
	.area_visual [data-visual="text"]{padding-right:30px;}
	.area_visual [data-visual="text"] > em{font-size:18px;}
	.area_visual .area_scroll{bottom:50px; top:auto; right:auto; left:50%; transform:translate(-50%, 0);}
	.area_visual .area_scroll > span{margin-right:20px;}
	
	/* product */
	[data-main="product"] .inr:not(.cate){text-align:center;}
	[data-main="product"] .area_category{width:calc(100% - 40px); height:auto; margin:30px 20px 0; background-image:none;}
	[data-main="product"] .area_category ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
	[data-main="product"] .area_category ul > li{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; width:calc(100% / 3); border-bottom-width:0px;}
	[data-main="product"] .area_category ul > li > a{height:100%; padding:15px 5px; justify-content:center; font-size:16px; text-align:center; line-height:1.3em;}
	[data-main="product"] .area_category ul > li > a:after{top:auto; bottom:0px; width:100%; height:5px; transform:scaleY(0); transform-origin:0 100%;}
	[data-main="product"] .area_category ul > li > a.on:after{transform:scaleY(1);}
	[data-main="product"] .slide_group .slide_product{left:0px; bottom:auto; width:100%;}
	[data-main="product"] .swiper{padding-left:20px; padding-top:50px;}
	[data-main="product"] .swiper-slide{width:270px; height:400px; margin-right:40px;}
	[data-main="product"] .swiper-slide .img{height:270px;}
	.swiper_bottom{left:0px; width:100%; text-align:center;}
	.swiper_bottom .swiper_prev,
	.swiper_bottom .swiper_next{width:66px; height:66px;}
	[data-main="product"] .obj_right{display:none;}
	.obj_roof{top:0;}
	[data-main="product"] .area_category.is_motion{opacity:0; transform:translateY(-30px) translateX(0); transition:opacity 0.6s ease-in-out 0s, transform 0.6s ease-in-out 0s;}
	[data-main="product"] .area_category.is_motion.motion_in{opacity:1; transform:translateY(0px) translateX(0);}
	
	[data-main="product"].new_product h2 + p{display:block; font-size:18px;}
	[data-main="product"].new_product .title{position:static;}
	[data-main="product"].new_product .box_btn{display:none;}
	[data-main="product"].new_product .box_product{text-align:left;}
	[data-main="product"].new_product [data-mainproduct]{height:500px; padding:100px 0 30px;}
	[data-main="product"].new_product [data-mainproduct] em{padding:0 15px;}
	[data-main="product"].new_product [data-mainproduct] ul > li a{font-size:15px;}
	
	/* company */
	a.btn_go > span{font-size:16px;}
	a.btn_go:after{width:40px; height:40px; background-size:7px 13px;}
	[data-main-company] .txt > p{margin-bottom:9.114583333333332vw/* 70px */; font-size:25px;}
	[data-main-company] .txt{padding:9.114583333333332vw/* 70px */ 3.90625vw/* 30px */ 0 5.208333333333334vw/* 40px */;}
	[data-main-company="01"] img{max-width:52.083333333333336vw/* 400px */;}
	[data-main-company="02"] img{max-width:58.59375vw/* 450px */;}
	[data-main-company="03"] img{max-width:52.083333333333336vw/* 400px */;}
	[data-main-company="04"] img{max-width:52.083333333333336vw/* 400px */;}
	
	/* notice */
	[data-main="news"] .obj_bg{top:-100px;}
	[data-main="news"] .obj_bg img{width:400px;}
	[data-main="news"] .list > li > a em{width:150px; font-size:16px; font-weight:500;}
	[data-main="news"] .list > li > a span{font-size:20px; font-weight:400;}
}

@media screen and (max-width:680px){
	/* company */
	[data-main-company="01"]{margin-left:calc((100% / 16) * 1) !important;}
	[data-main-company="02"] img{max-width:inherit; max-height:47.05882352941176vw/* 320px */;}	
	[data-main-company="02"] .txt > p{margin-bottom:4.411764705882353vw/* 30px */;}
	.obj_roof{font-size:130px;}
	
	/* notice */
	[data-main="news"] .list > li > a em{width:120px; padding-left:15px; font-size:15px;}
	[data-main="news"] .list > li > a span{padding-right:80px; font-size:18px;}
	[data-main="news"] .list > li > a:after{right:15px;}
}

@media screen and (max-width:620px){
	[data-main] h2{margin-top:10px; font-size:40px;}
	
	/* product */
	[data-main="product"] .swiper-slide{width:200px; height:310px; margin-right:30px;}
	[data-main="product"] .swiper-slide .img{height:200px; margin-bottom:15px;}
	[data-main="product"] .swiper-slide em,
	[data-main="product"] .swiper-slide p{padding-left:15px; padding-right:15px;}
	[data-main="product"] .swiper-slide em{line-height:1.3em;}	
	[data-main="product"] .swiper-slide p{font-size:18px;}
	[data-main="product"] .area_category ul > li > a{font-size:14px;}
	[data-main="product"] .swiper{padding-bottom:140px;}
	.swiper_bottom .swiper_prev,
	.swiper_bottom .swiper_next{width:60px; height:60px;}
	
	[data-main="product"].new_product .box_product{margin-left:-10px;}
	[data-main="product"].new_product [data-mainproduct]{width:calc(100% / 3 - 10px); margin-left:10px;}
	[data-main="product"].new_product h2 + p{font-size:16px;}
	
	/* notice */
	[data-main="news"] h2 + p{font-size:16px;}
	
	/* inquiry */
	[data-main="inquiry"] h2 + p{font-size:16px;}
}

@media screen and (max-width:580px){
	/* visual */
	.area_visual .swiper_page{left:40px;}
	.area_visual [data-visual="text"] > em{font-size:16px;}
	
	/* company */
	a.btn_go:after{width:35px; height:35px;}
	[data-main-company] .txt{padding:50px 20px 0 30px;}
	[data-main-company] .txt > p{margin-bottom:45px; font-size:22px;}
	[data-main-company] .txt > span{font-size:14px;}
	[data-main-company="01"] img{max-width:inherit; width:280px;}
	[data-main-company="01"] .txt em{width:112px; height:55px;}
	[data-main-company="02"] img{max-height:inherit; height:259px;}
	[data-main-company="03"] img{max-width:inherit; width:280px;}
	[data-main-company="04"] img{max-width:inherit; width:280px;}
	
	/* notice */
	[data-main="news"] h2 + p{margin-top:10px;}
	[data-main="news"] .list{margin-top:50px;}
	[data-main="news"] .list > li > a em{width:110px;}
	[data-main="news"] .list > li > a span{padding-right:60px;}
	
	/* inquiry */
	[data-main="inquiry"]{height:750px;}
}

@media screen and (max-width:520px){
	/* product */
	[data-main="product"].new_product [data-mainproduct]{width:calc(100% - 10px); height:370px; padding:50px 15px 30px; margin-bottom:20px;}	
	[data-main="product"].new_product [data-mainproduct] em{font-size:25px;}
	[data-main="product"] .box_product [data-mainproduct].is_motion{opacity:0; transform:translateY(-30px); transition:opacity 0.7s ease-in-out 0s, transform 0.7s ease-in-out 0s;}
	[data-main="product"] .box_product [data-mainproduct].is_motion.motion_in{opacity:1; transform:translateY(0px);}
}

@media screen and (max-width:480px){
	/* product */
	[data-main="product"] .area_category ul > li > a{font-size:13px;}	
	
	/* company */
	[data-main-company="01"]{margin-left:0px !important;}
}

@media screen and (max-width:460px){
	/* visual */
	.area_visual [data-visual="text"]{left:60px;}
	.area_visual [data-swiper-slide-index="1"] [data-visual="img"] i{background-position-x:70%;}
	
	/* notice */
	[data-main="news"] .list > li > a{flex-wrap:wrap; align-content:center;}
	[data-main="news"] .list > li > a em{width:100%; margin-bottom:5px; font-size:14px;}
	[data-main="news"] .list > li > a span{padding-left:15px;}
}

@media screen and (max-width:420px){
	[data-main]{padding:100px 0px;}
	
	/* visual */
	.area_visual [data-visual="text"]{left:20px;}
	.area_visual .swiper_page{top:auto; bottom:50px; left:20px; transform:translateY(0) rotate(0deg);}
	.area_visual .swiper_page .line{width:30px; margin:0 10px;}
	.area_visual .area_scroll{left:auto; right:20px; bottom:42px; transform:translate(0);}
	
	/* company */
	[data-main-company] .txt > p{margin-top:10px; margin-bottom:35px; font-size:20px;}
	[data-main-company="01"]{margin-top:-180px;}
	[data-main-company="01"] img{width:260px;}
	[data-main-company="02"] img{height:230px;}
	[data-main-company="02"] .txt > p{margin-bottom:25px;}
	[data-main-company="03"]{margin-left:calc((100% / 16) * 0.5);}
	[data-main-company="03"] img{width:250px;}
	[data-main-company="04"] img{width:250px;}
	.obj_roof{top:-50px; font-size:100px;}
	
	/* notice */
	[data-main="news"] .obj_bg img{width:300px;}
	[data-main="news"] .box_btn{margin-top:50px;}
}

@media screen and (max-width:365px){
	/* visual */
	.area_visual [data-visual="text"] > p{font-size:5.47945205479452vw/* 20px */;}
	
	/* product */
	[data-main="product"].new_product h2 + p{font-size:15px;}
	[data-main="product"].new_product [data-mainproduct] ul > li{padding:15px;}
	
	/* company */
	a.btn_go > span{font-size:14px;}
	[data-main-company] .txt{padding-left:20px; padding-right:15px;}
	[data-main-company="01"] img{width:230px;}
	[data-main-company="02"] .txt{padding-top:30px;}
	[data-main-company="02"] img{height:200px;}
	[data-main-company="03"]{margin-left:0px;}
	[data-main-company="03"] img{width:230px;}
	[data-main-company="04"] img{width:230px;}
	[data-main-company="04"]{margin-right:0px;}
	.obj_roof{top:0px; font-size:80px;}
	
	/* notice */
	[data-main="news"] h2 + p{font-size:15px;}
	
	/* inquiry */
	[data-main="inquiry"] h2 + p{font-size:15px;}
	[data-main="inquiry"] h2 + p br{display:none;}
}

@media screen and (max-width:320px){
	[data-main] h2{font-size:30px;}
	.sub_title{font-size:13px;}
	
	/* visual */
	.area_visual .area_scroll > span{margin-right:10px;}
	
	/* notice */
	[data-main="news"] .list > li > a em{padding-left:10px;}
	[data-main="news"] .list > li > a span{padding-right:40px; padding-left:10px; font-size:16px;}
	[data-main="news"] .list > li > a:after{right:10px;}
	
	a.btn_arrow{min-width:180px;}
}

@media screen and (max-width:300px){
	/* product */
	[data-main="product"].new_product [data-mainproduct] em{font-size:23px;}
	
	/* company */
	[data-main-company="02"] img{width:100%;}	
}