@charset "utf-8";

	.new_main{position:relative;background:transparent;}
	.new_main.eng{position:relative;background:#fff url("../../../images/site/main/main_bg_en.jpg") no-repeat top center;}
	.new_product{position:relative;background:#fff url("../../../images/site/sub/product_main_bg.jpg") no-repeat top center;}
	.new_main .fix_cont{position:fixed;z-index:999;right:50px;bottom:50px;}
	.fix_cont .fix_button{width:100px;height:100px;border-radius:50%;display:table;margin:10px auto;padding:0;text-align:center;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
	.fix_cont .fix_button .inner{display:table-cell;vertical-align:middle;}
	.fix_cont .fix_button span{font-size:13px;color:#fff;display:block;}
	.fix_cont .fix_button:nth-child(1){background:#ef8543;}
	.fix_cont .fix_button:nth-child(1):hover{background:#d6641d;}
	.fix_cont .fix_button:nth-child(2){background:#0073bc;}
	.fix_cont .fix_button:nth-child(2):hover{background:#0166a6;}
	.fix_cont .fix_button:nth-child(3){background:#003e66;}
	.fix_cont .fix_button:nth-child(3):hover{background:#002740;}
	.main_pc{display:block;}
	.main_tablet,.main_mobile{display:none;}

	@media (max-width:1600px){
		.new_main .new_inner{width:100%;margin:0 auto;}
	}

	@media (max-width:768px){
		.new_main .fix_cont{display:none;}
	}

	@media (max-width:360px){
	}



/* **************************************** ** new_main contents ** **************************************** */

#wrap.ani{opacity:1;transition:1s 0.4s;}
body{height:auto !important;}
.new_main section{position:relative;background:#fff;z-index:20;}
.new_main section *{box-sizing:border-box;}

/* **************************************** ** main_slider ** **************************************** */

.new_main .sec1{overflow:hidden;min-height:730px;z-index:10;background:#4892d3;}
.new_main .sec1 .main_slider_wrap,
.new_main .sec1 .main_slider,
.new_main .sec1 .slick-list,
.new_main .sec1 .slick-track{position:relative;width:100%;height:100%;overflow:hidden;}
.new_main .new_main .sec1 .main_slider_wrap .item{position:relative;width:100%;height:100%;overflow:hidden;}
.new_main .sec1 .main_slider_wrap .item .img_g{position:absolute;width:100%;height:100%;transform:scale(1.12);transition:5s ease;z-index:0;}
.new_main .sec1 .main_slider_wrap .item .img_g .img{width:100%;height:100%;}
.new_main .sec1 .main_slider_wrap .item.on .img_g{transform:scale(1);}
.new_main .sec1 .main_slider_wrap .main_text_g{position:relative;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.main_text_g .title{text-align:center;color:#fff;position:relative;}
.main_text_g .title h2{color:#fff;}
.main_text_g .title span{font-size:1.875em;line-height:1.3em;word-break:keep-all;font-weight:200;}
.new_main .sec1 .scroll_down_i{position:absolute;width:3px;height:120px;bottom:0;left:50%;overflow:initial;z-index:10;}
.new_main .sec1 .scroll_down_i:before{display:block;content:'';width:1px;height:100%;position:absolute;top:0;left:1px;background:rgba(255,255,255,0.5);}
.new_main .sec1 .scroll_down_i:after{display:block;content:'';position:absolute;top:0;left:0;width:3px;height:48px;background:#fff;}
.new_main .sec1 .slick-arrow{position:absolute;top:50%;left:3%;width:30px;height:60px;margin-top:-30px;font-size:0;z-index:100;}
.new_main .sec1 .slick-arrow:before{display:block;content:'';position:absolute;top:9px;left:9px;width:41px;height:41px;border:1px solid #fff;border-top:0;border-left: 0;transform:rotate(135deg);transition:0.5s;}
.new_main .sec1 .slick-arrow.slick-next{left:auto;right:3%;}
.new_main .sec1 .slick-arrow.slick-next:before{transform:rotate(-45deg);left:-21px;}
.new_main .sec1 .slick-arrow:hover:before{border-color:rgba(255,255,255,0.5);}
.slider_bg{animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg, #fff 50%, #09f 50%);bottom:0;left:-50%;opacity:.03;position:fixed;right:-50%;top:0;z-index:2;}
.slider_bg2{animation-direction:alternate-reverse;animation-duration:7s;}
.slider_bg3{animation-duration:10s;}
@keyframes slide{0%{transform:translateX(-25%);}100%{transform:translateX(25%);}}
svg text{font-family:'Helvetica',sans-serif;letter-spacing:5px;stroke:#fff;font-size:150px;stroke-width:1;animation:textAnimate 5s infinite alternate;}
@keyframes textAnimate{0%{stroke-dasharray:0 50%;stroke-dashoffset:20%;fill:hsl(210, 100%, 100%)}100%{stroke-dasharray:50% 0;stroke-dashoffstet:-20%;fill:hsla(210, 100%, 100%, 0%)}}

@media (max-width:767px){
    .new_main .sec1{min-height:530px;height:530px !important;}
	.new_main .sec1 .slick-arrow,.new_main .sec1 .scroll_down_i{display:none !important;}
}

@media (max-width:520px){
    .new_main .sec1{min-height:480px;height:480px !important;}
}


/* **************************************** ** pd_slider ** **************************************** */

.new_main .sec2{position:relative;padding:150px 0;z-index:10;background:#fafafa;}
.main_pd_wrap .newpd_cont{position:relative;}
.main_pd_wrap .newpd_cont:before{content:'';position:absolute;left:50%;margin-left:-75px;bottom:30px;width:290px;height:227px;background-image:url("../../../images/site/main/pd_w.png");background-repeat:no-repeat;background-position:left bottom;background-size:auto auto;}
.main_pd_wrap .newpd_cont .newpd_text{width:auto;height:auto;}
.main_pd_wrap .newpd_cont .newpd_text .t_group,
.main_pd_wrap .newpd_text .t_group h2,
.main_pd_wrap .newpd_text .t_group h3{color:#000;}
.main_pd_wrap .newpd_text .t_group span{color:rgba(0,0,0,0.7);}
.main_pd_wrap .newpd_cont .newpd_text .t_group{padding:70px 70px 30px 70px;}
.main_pd_wrap .newpd_cont .newpd_text .t_group:before{background:#000;}
.main_pd_wrap .newpd_text .t_group h3{font-weight:300;}
.newpd_cont .obj.pd_image{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:right;-moz-box-pack:right;-ms-flex-pack:right;-webkit-justify-content:right;justify-content:right;position:relative;}
.main_pd_wrap .newpd_cont .mainpd_more{margin-left:70px;display:table;width:180px;height:60px;border-radius:30px;border:1px solid #ec6d20;background:transparent;text-align:center;transition:0.5s;}
.main_pd_wrap .newpd_cont .mainpd_more span{font-size:0.938rem;display:table-cell;vertical-align:middle;color:#ec6d20;text-transform:uppercase;}
.main_pd_wrap .newpd_cont .mainpd_more:hover{background:#ec6d20;transition:0.5s;}
.main_pd_wrap .newpd_cont .mainpd_more:hover span{color:#fff;}
.sec2 .slick-arrow{position:absolute;top:50%;left:-120px;font-size:0;z-index:100;width:80px;height:80px;border-radius:50%;background:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.18);}
.sec2 .slick-arrow:before{display:block;content:'';position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-11px;width:32px;height:32px;border:1px solid rgba(0,0,0,0.4);border-top:0;border-left: 0;transform:rotate(135deg);transition:0.5s;}
.sec2 .slick-arrow.slick-next{left:auto;right:-120px;}
.sec2 .slick-arrow.slick-next:before{top:50%;left:50%;margin-top:-16px;margin-left:-22px;transform:rotate(-45deg);}
.sec2 .slick-arrow:hover:before{border-color:#000;}
.sec2 .slick-dots{bottom:-50px;}
.sec2 .slick-dots li{width:15px;height:15px;margin:0 2px;}
.sec2 .slick-dots li button{width:15px;height:15px;padding:0px;transition:0.5s;}
.sec2 .slick-dots li button:before{font-size:15px;width:15px;height:15px;opacity:.25;color:#333;transition:0.5s;}
.sec2 .slick-dots li.slick-active button:before{color:#ec6d20;opacity:1;transition:0.5s;}

@media (max-width:1600px){
    .new_main .sec2{padding:120px 0;}
	.main_pd_wrap.newpd_wrap{padding:0 120px;}
	.sec2 .slick-arrow{left:-80px;}
	.sec2 .slick-arrow.slick-next{right:-80px;}
}

@media (max-width:1280px){
    .main_pd_wrap .newpd_cont:before{content:none;}
    .newpd_cont .obj.pd_image{margin-top:30px;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
}

@media (max-width:991px){
    .new_main .sec2{padding:100px 0;}
	.main_pd_wrap.newpd_wrap{padding:0 50px;}
	.sec2 .slick-arrow{display:none !important;}
}

@media (max-width:767px){
    .new_main .sec2{padding:70px 0;}
	.main_pd_wrap.newpd_wrap{padding:0 30px;}
    .main_pd_wrap .newpd_cont .newpd_text .t_group{padding:0px 30px 20px 30px;}
	.main_pd_wrap .newpd_cont .mainpd_more{margin-left:30px;width:160px;height:50px;border-radius:25px;}
}

@media (max-width:520px){
}


/* **************************************** ** go_menu ** **************************************** */

.new_main.bg_company{background-color:#f5b68e;transition:all .4s;}
.new_main.bg_mall{background-color:#b4ebeb;transition:all .4s;}
.new_main.bg_office{background-color:#c2e7ff;transition:all .4s;}
.new_main.bg_company .sec1,.new_main.bg_company .sec2,.new_main.bg_company .sec3,
.new_main.bg_mall .sec1,.new_main.bg_mall .sec2,.new_main.bg_mall .sec3,
.new_main.bg_office .sec1,.new_main.bg_office .sec2,.new_main.bg_office .sec3{background-color:transparent;}

.new_main .sec3{position:relative;padding:100px 0 150px 0;background:#e6e6e6;}
.main_gomenu_wrap{padding-left:140px;}
.main_gomenu_wrap .top_title{padding:30px 0 0 30px;position:relative;}
.main_gomenu_wrap .top_title:before{content:'';position:absolute;top:0px;left:0px;width:1px;height:30px;background:#000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.main_gomenu_wrap .top_title h3{font-size:65px;font-weight:200;color:#000;}
.main_gomenu_wrap .top_title h3 strong{font-weight:500;}
.main_gomenu_wrap .top_title h5{font-size:24px;color:#000;}
.main_gomenu_wrap .top_title span{font-size:18px;margin-top:10px;color:rgba(0,0,0,0.5);display:block;}
.main_gomenu_wrap .gomenu_area{padding-left:30px;padding-right:0px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;}
.gomenu_area .gomenu_container{position:relative;width:100%;margin-top:90px;}
.gomenu_slider{overflow:visible !important;margin-left:auto;margin-right:auto;position:relative;padding:0;z-index:1;}
.gomenu_slider .slick-track{display:flex;box-sizing:content-box;width:100%;height:100%;margin:0 auto;}
.gomenu_slider .item{margin-right:70px;margin-bottom:100px;width:auto !important;position:relative;float:none;width:auto;transition-property:transform;}
.gomenu_slider .item a{}
.gomenu_slider .item .gomenu_image{width:35.69444444vw;height:0;padding-bottom:65.6%;}
.gomenu_slider .item .gomenu_image img{width:100%;height:100%;object-fit:cover;position:absolute;pointer-events:none;max-width:100%;}
.gomenu_slider .item .gomenu_subject{position:absolute;bottom:-75px;left:50%;transform:translateX(-50%);max-width:90%;transition:all .4s;opacity:0;}
.gomenu_slider .item .gomenu_subject.on{opacity:1;transition:all .4s;}
.gomenu_slider .item .gomenu_subject span{text-transform:uppercase;color:#fff;font-weight:500;font-size:4.8611111vw;line-height:4.3055555556vw;}
.gomenu_slider .item .gomenu_subject span:after{content:'↳';}

@media (max-width:1600px){
}

@media (max-width:1280px){
	.new_main .sec3{padding:80px 0 120px 0;}
	.main_gomenu_wrap{padding-left:120px;}
	.main_gomenu_wrap .top_title h3{font-size:55px;}
	.main_gomenu_wrap .top_title h5{font-size:20px;}
	.main_gomenu_wrap .top_title span{font-size:17px;}
	.main_gomenu_wrap .gomenu_area{padding-left:25px;}
	.gomenu_area .gomenu_container{margin-top:70px;}
	.gomenu_slider .item .gomenu_subject{opacity:1;bottom:-40px;}
	.gomenu_slider .item{margin-right:50px;margin-bottom:70px;}
}

@media (max-width:991px){
	.new_main .sec3{padding:70px 0 100px 0;}
	.main_gomenu_wrap{padding-left:100px;}
	.main_gomenu_wrap .top_title h3{font-size:50px;}
	.main_gomenu_wrap .top_title h5{font-size:19px;}
	.main_gomenu_wrap .top_title span{font-size:16px;}
	.main_gomenu_wrap .gomenu_area{padding-left:20px;}
	.gomenu_area .gomenu_container{margin-top:60px;}
	.gomenu_slider .item .gomenu_subject{bottom:-30px;}
	.gomenu_slider .item{margin-right:20px;margin-bottom:50px;}
}

@media (max-width:767px){
	.new_main .sec3{padding:50px 0 70px 0;}
	.main_gomenu_wrap{padding-left:50px;}
	.main_gomenu_wrap .top_title h3{font-size:40px;}
	.main_gomenu_wrap .top_title h5{font-size:18px;}
	.main_gomenu_wrap .top_title span{font-size:15px;}
	.gomenu_area .gomenu_container{margin-top:50px;}
}

@media (max-width:520px){
    .main_gomenu_wrap .top_title:before{content:none;}
	.new_main .sec3{padding:50px 0;}
	.main_gomenu_wrap{padding-left:0px;}
	.main_gomenu_wrap .top_title{padding:0 0 0 20px;}
	.main_gomenu_wrap .top_title h3{font-size:33px;}
	.main_gomenu_wrap .top_title h5{font-size:17px;}
	.main_gomenu_wrap .top_title span{font-size:14px;}
	.gomenu_area .gomenu_container{margin-top:30px;}
}