@charset "utf-8";

nav.area_aside{position:fixed;top: 0;left:0;width:100px;display: flex;flex-wrap: wrap;justify-content: center;z-index: 20;bottom: 0;height: 100%;align-items: center;border-right: 1px solid rgba(200,200,200,0.5);}
nav.area_aside ul{}
nav.area_aside ul li{position: relative;  margin:70px 0; }
nav.area_aside ul li:before{content:''; display:none; position:absolute; top:50%; left:50%; width:32px; height:32px; border:1px solid #fff; opacity:0; border-radius:50%; transform:translate(-50% , -50%);transition:all 0.3s ease;}
nav.area_aside ul li a{display: block; text-align: left;}
nav.area_aside ul li .dot{display:block;  width:5px; height:5px; background:#fff; border-radius:50px; opacity:0.6;}
nav.area_aside ul li.active:before{display:block; opacity:1;}
nav.area_aside ul li p{display:inline-block; position:absolute; top:-9px; left:27px; width:75px; font-size:14px; vertical-align:middle; color:#fff; opacity:0; transition:all 0.3s ease;}
nav.area_aside ul li.active .dot{opacity:1;}

.area-box {width:100%;max-width: 1400px;margin: 0 auto;}

@media (max-width:1650px){
	nav.area_aside{display:none;}
}
@media all and (max-width:1620px){
	.area-box{padding:0 30px;}
}
@media (max-width:1420px){
	.area-box {margin-top:0px;}
}
@media all and (max-width:1024px){
	.area-box,
	.area{padding:0 15px}
}
@media all and (max-width:980px){
	.area-box {padding:5em 10px !important;}
	.fp-tableCell {height:auto !important;}
}

.fp-viewing-page02 nav.area_aside
.fp-viewing-page05 nav.area_aside{border-right: 1px solid rgba(0,0,0,0.1);}
.fp-viewing-page02 nav.area_aside ul li:before{border:1px solid #aaa;}
.fp-viewing-page02 nav.area_aside ul li .dot{background:#aaa;}
.fp-viewing-page01 #gnb .gnb_1da {color: #fff;transition:all 0.3s ease;}
.hd-bb .fp-viewing-page01 #gnb .gnb_1da {color:#000 !important;}

@media all and ( min-width: 1421px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	.performance-top .main-title-box {margin-top: 105px !important;}
	.aboutus-txt p{display: none;}
}

@media all and ( max-width: 1420px ){
	#fullpage .section:not(#main-visual-section){height:auto !important;}
}


/* animation */
	/* word */
.wordAni{opacity:0;}
.wordAni.active{opacity:1;}
.wordAni > span{display:inline-block;}
.wordAni .word{display:inline-block;}
	/* motion rail */
[data-motion-rail]{position:absolute; left:0px; top:0px; text-transform:uppercase; font-size:200px; letter-spacing:2px; white-space:nowrap;}
[data-motion-rail] .eocjs-newsticker-container{position:relative; width:100%; padding-top:30%;}
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-one,
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-two{position:absolute; left:0; top:0; white-space:nowrap;}
	/* hide show */
.ani_hide{overflow:hidden; opacity:0; transform:translateY(-20px); transition:opacity 0.8s ease-in-out 0s, transform 0.8s ease-in-out 0s;}
.ani_hide.motion_in{opacity:1; transform:translateY(0px);}
	/* box show */
.ani_box{position:relative;}
.ani_box:before,
.ani_box:after{content:''; display:block; position:absolute; top:0px; z-index:3; width:50.5%; height:100%; background:#fff; transform:scaleX(1); transition:transform 0.7s ease-in-out 0s;}
.ani_box .obj_blank:before,
.ani_box .obj_blank: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;}
.ani_box:before{left:-1px; transform-origin:0 0;}
.ani_box .obj_blank:before{left:0px; transform-origin:0 0;}
.ani_box:after{right:-1px; transform-origin:100% 0;}
.ani_box .obj_blank:after{right:0px; transform-origin:100% 0;}
.ani_box.motion_in:before,
.ani_box.motion_in:after{transform:scaleX(0);}
.ani_box.motion_in .obj_blank:before,
.ani_box.motion_in .obj_blank:after{transform:scaleX(0); transition-delay:0.15s;}

@keyframes path01{
	0%{stroke-dashoffset:1500;}
	100%{stroke-dashoffset:0;}
}

@media screen and (max-width:1650px){
	/* header */
	#header nav .gnb > li > a{padding-left:40px; padding-right:40px;}
	#header nav .gnb > li .box ul{padding-left:40px;}
	html[lang="en"] #header nav .gnb > li > a{padding-left:30px; padding-right:30px;}
	html[lang="en"] #header nav .gnb > li .box ul{padding-left:30px;}
}

@media screen and (max-width:1500px){
	/* header */
	#header .inr{padding-left:40px; padding-right:40px;}
	.allmenu_bg{padding-left:40px;}
	.allmenu_gnb{padding-right:40px;}
}

@media screen and (max-width:1400px){
	/* header */
	#header nav .gnb > li > a{padding-left:30px; padding-right:30px;}
	#header nav .gnb > li .box ul{padding-left:30px;}
	#header nav .gnb > li:nth-of-type(3) .box ul{padding-left:0px;}
	html[lang="en"] #header nav .gnb > li > a{padding-left:25px; padding-right:25px;}
	html[lang="en"] #header nav .gnb > li .box ul{padding-left:25px;}
	
	/* quick */
	.area_quick{right:40px;}
	.btn_top{right:40px;}
}

@media screen and (max-width:1300px){
	/* header */
	#header nav{display:none;}
	.allmenu_bg p,
	.allmenu_bg span,
	.allmenu_bg [data-obj="bigtext"]{display:none;}
	.allmenu_bg{width:calc((100% / 16) * 4);}
	.allmenu_gnb{padding-left:calc((100% / 16) * 1.5);}
}

@media screen and (max-width:1200px){
	/* footer */
	#footer .area_link ul > li,
	#footer .area_address ul > li{font-size:14px;}
	.area_quick,
	.btn_top{right:40px;}
	#footer .area_address ul > li em{display:block;}	
	
	/* sub visual */
	.visual_title h2{font-size:7.083333333333333vw/* 85px */;}
	.area_img[class*="recruit"] img{width:auto; margin-right:-20%;}
	.area_img[class*="invest"] img{width:auto; margin-right:-40%;}
	
	/* lnb */
	.area_lnb{margin-top:0px;}
	.area_lnb .inr{height:80px;}
	.area_lnb .lnb > li{padding:0 20px;}
	.area_lnb.fix .inr{height:60px;}
}

@media screen and (max-width:1024px){
	.area_lang button:before{background-image:url(../images/common/ico_lang@x3.png);}
	[data-location="home"] span:before{background-image:url(../images/common/img_location_home@x3.png);}
	
	/* footer */
	.area_quick{right:20px;}
	.btn_top{bottom:60px; right:20px;}	
	#footer .area_copyright{flex-direction:column; align-items:flex-start;}
	#footer .area_copyright .logo{width:124px; height:43px; margin-bottom:15px;}
	#footer .area_address ul > li span{display:inline-block;}
	
	/* sub visual */
	.visual_title h2{font-size:75px;}
	
	/* location */
	[data-location="home"] span:before{background-image:url(../images/common/img_location_home@x3.png);}
	
	/* lnb */
	.area_lnb .lnb{flex-wrap:nowrap; position:absolute;}
	.area_lnb .lnb > li > a{white-space:nowrap;}
}

@media screen and (max-width:940px){
	/* header */
	#header.active h1 > a{background-image:url(../images/common/logo_blue.svg);}
	.allmenu_bg{display:none;}
	.allmenu_gnb{overflow-y:auto; display:block; width:100%; height:100%; box-sizing:border-box; padding-left:40px;}
	.allmenu_gnb:before{content:''; display:block; position:fixed; top:0px; left:0px; z-index:10; width:100%; height:100px; background-image:linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-ms-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-moz-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-o-linear-gradient(-90deg, #ffffff 50%, rgba(255,255,255,0));}
	.allmenu_gnb .gnb{display:block; padding-top:100px; padding-bottom:50px;}
	.allmenu_gnb .gnb > li{width:100%;}
	.allmenu_gnb .gnb > li > a{display:block; margin-top:30px; margin-bottom:20px;}
	.allmenu_gnb .gnb > li ul{padding-bottom:0;}
	.allmenu_gnb .gnb .box{display:none; background:#f7f7f7; padding:20px 25px;}
	.allmenu_gnb .gnb > li.active > a{color:#0083c3;}
	
	/* sub visual */
	.visual_title em{font-size:16px;}
	.visual_title h2{font-size:7.9787234042553195vw/* 75px */;}
}

@media screen and (max-width:768px){
	/* header */
	#header .inr{padding:30px 20px 0;}
	.btn_menu{width:80px; height:80px;}
	.btn_menu span{width:20px; height:20px;}
	.allmenu_gnb:before{height:80px;}
	
	/* location */
	.area_location{width:100%; margin-top:40px;}
	
	/* sub visual */
	.area_subVisual{padding-top:180px;}
	.area_subVisual .inr{padding-bottom:60px;}
	.visual_title em{margin-bottom:20px;}
	.visual_title h2{font-size:60px;}
	.area_img{height:300px;}
	.area_img[class*="recruit"] img,
	.area_img[class*="invest"] img{margin-right:-40%;}
	
	/* lnb */
	.area_lnb .inr{height:65px;}
	.area_lnb:after{content:''; display:block; position:absolute; right:0px; top:0px; z-index:10; width:40px; height:100%; background-image:linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-ms-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-webkit-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-moz-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0)); background-image:-o-linear-gradient(-180deg, #0083c3 50%, rgba(0,131,195,0));}
	.area_lnb.full .lnb{padding-right:40px;}
	.area_lnb .lnb > li > a{font-size:16px;}
}

@media screen and (max-width:680px){
	#footer .area_link{padding:20px 80px 20px 0;}	
	#footer .area_link ul > li > a{margin-top:3px;}
	#footer .area_copyright{padding-top:40px;}
}

@media screen and (max-width:580px){
	/* header */
	.area_lang{margin-right:80px;}
	/* footer */
	.area_quick .list > li > a{width:70px; height:70px; font-size:13px;}
	.btn_top{width:70px; height:70px;}
	
	/* sub visual */
	.visual_title h2{font-size:50px;}
	.visual_title em{font-size:15px;}
	.area_img[class*="recruit"] img{margin-right:-60%;}
	.area_img[class*="invest"] img{margin-right:-80%;}
	
	/* location */
	.area_location{margin-top:30px;}
	.area_location > ul > li{font-size:14px;}
}

@media screen and (max-width:480px){
	/* tab scroll mob  */
	.scroll_control.full .inner{height:60px;}
	
	/* sub visual */
	.area_img[class*="recruit"] img{margin-right:-80%;}
}

@media screen and (max-width:460px){
	/* header */
	.area_lang{margin-right:60px;}

	.area_quick{position:absolute; bottom:-40px !important;}
	.area_quick.fix{top:auto !important; bottom:-40px !important;}	
	
	/* sub visual */
	.area_img{height:250px;}
	.area_img[class*="recruit"] img{margin-right:-60%;}

	/* footer */
	#footer .area_link{padding-right:20px;}
}

@media screen and (max-width:420px){
	/* header */
	#header .inr{padding-top:20px;}
	#header h1{width:99px; height:34px;}
	.allmenu_gnb{padding-left:20px; padding-right:20px;}
	.allmenu_gnb .gnb{padding-top:80px;}
	.btn_menu{width:70px; height:70px;}
	/* footer */
	#footer .area_link ul > li{margin-right:20px;}
	#footer .area_address ul > li span{display:block;}
	
	/* sub visual */
	.area_subVisual{padding-top:150px;}
	.area_subVisual .inr{padding-bottom:40px;}
	.visual_title em{font-size:14px;}
	
	/* lnb */
	.area_lnb .inr{padding:0 20px;}
	.area_lnb .lnb > li{padding:0 15px;}
	.area_img{height:200px;}
}

@media screen and (max-width:365px){
	/* tab scroll mob  */
	.scroll_control.full .inner{height:50px;}	
}

@media screen and (max-width:320px){
	.area_lang{margin-right:65px;}
	
	/* sub visual */
	.visual_title em{font-size:13px;}
	.visual_title h2{font-size:40px;}
	
	/* location */
	.area_location > ul > li{padding:0 10px;}
}



.main-title-box{letter-spacing:-1.5px; text-align:center;}
.main-title-box .main-tit{font-weight: 700;font-size:62px;color:#000;margin-bottom: 1%;}
.main-title-box .main-stit{display:block;margin-top:15px;font-size:18px;text-align: center;line-height:1.5;letter-spacing:-0.25px;color:#333;}

@media all and ( max-width: 1440px ){
	.main-title-box .main-tit{font-size:55px;}
	.main-title-box .main-stit{margin-top:12px; font-size:16px;}
}

@media all and ( max-width: 1300px ){
	.main-title-box .main-tit{font-size:50px;}
}

@media all and ( max-width: 1200px ){
	.main-title-box .main-tit{font-size:45px;}
}
@media all and ( max-width: 980px ){
	.main-title-box .main-tit{font-size:40px;}
}
@media all and ( max-width: 800px ){
	.main-title-box .main-tit{font-size:35px;}
	.main-title-box .main-stit{font-size:14px;}
}
@media all and ( max-width: 600px ){
	.main-title-box .main-tit{font-size:30px;}
}
@media all and ( max-width: 500px ){
	.main-title-box .main-stit{margin-top:12px;font-size: 13px;}
}
@media all and ( max-width: 400px ){
	.main-title-box .main-tit{font-size:25px;}
}





/**
 * #main-visual-section
**/
#main-visual-section{width:100%;height:1000px;overflow:hidden;position:relative;background-size: cover;}
.area_visual{position:relative;width:100%;height: 100% !important;}
.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{width: 100%;text-align: left;font-size: 48px;font-weight:600;}
.area_visual [data-visual="text"] > span{display:block; margin:5px 0 30px; font-size:0px;}
.area_visual [data-visual="text"] > em{width: 100%;text-align: left;font-size: 24px;font-weight:500;margin-top: 2%;}
.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 .area_arrow {width: 150px !important;text-align: center;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;position:absolute;bottom: 70px;left: 10%;z-index:2;width:auto;}
.area_visual .area_arrow .swiper-button-next:after, 
.area_visual .area_arrow .swiper-button-prev:after {display:none;}
.area_visual .swiper_page{font-size: 18px;font-weight:500;color:#fff;}
.area_visual .swiper_page > *{display:inline-block;}
.area_visual .swiper_page em:before {content:'/';opacity:0.5;padding:0 8px;font-size:0.9em;}
.area_visual .area_scroll{position:absolute;width: 60px;left: 50%;margin-left: -30px;bottom: 0px;z-index:5;transform:translateY(-50%);color:#fff;font-size:12px;font-weight:500;text-align: center;}
.area_visual .area_scroll > *{display:inline-block;vertical-align:middle;line-height: 0;}
.area_visual .area_scroll > span{display: block;font-size: 14px;line-height: 1;letter-spacing:0.5px;margin-bottom: 14px;}
.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%);}

@media screen and (max-width:1420px){
	.area_visual [data-visual="text"] > p,
	.area_visual [data-visual="text"] > em {text-align: center;}
}
@media screen and (max-width:1200px){
	.area_visual [data-visual="text"] > p{font-size:4vw/* 60px */;}
	.area_visual [data-visual="text"] > em{font-size: 3vw;}
}
@media screen and (max-width:980px){
	.area_visual .area_scroll {display:none;}
	.area_visual .area_arrow {width:140px;bottom: 30px;left: 50%;margin-left:-70px;}
	.area_visual .swiper_page {font-size:16px;}
}
@media screen and (max-width:768px){
	.area_visual [data-visual="text"]{width:700px;margin-left:-350px;}
	.area_visual [data-visual="text"] > p{font-size:5vw/* 60px */;}
	.area_visual [data-visual="text"] > em{font-size: 4vw;}
}
@media screen and (max-width:700px){
	.area_visual [data-visual="text"]{width:600px;margin-left:-300px;}
}
@media screen and (max-width:600px){
	.area_visual [data-visual="text"]{width:500px;margin-left:-250px;}
}
@media screen and (max-width:500px){
	.area_visual [data-visual="text"]{width:450px;margin-left:-225px;}
}
@media screen and (max-width:460px){
	.area_visual [data-visual="text"]{width:300px;margin-left:-150px;}
	.area_visual [data-visual="text"] > p{font-size:5.5vw/* 60px */;}
	.area_visual [data-visual="text"] > em{font-size: 5.5vw;}
}






/**
 * #main-business-section
**/
#main-business-section {background:url('../img/main/section1/bg.jpg') center center no-repeat;background-size:cover;}
#main-business-section .area-box {max-width: 1400px;}
#main-business-section .main-title-box {display: block; margin-bottom: 6em;}
#main-business-section .main-title-box h3.main-tit {}
#main-business-section .main-title-box p.main-stit {}
#main-business-section .main-title-box p.main-stit em {color: #1094c5; font-weight: 500;}
#main-business-section .business-wrap {}
#main-business-section .business-wrap .business-list {}
#main-business-section .business-wrap .business-list li {text-align: center;}
#main-business-section .business-wrap .business-list .slick-list {margin:0 -10px;}
#main-business-section .business-wrap .business-list .slick-slide {margin:0 10px;}
#main-business-section .business-wrap .business-list li div {position:relative; display: inline-block; width: 100%; max-width: 328px; height: 336px; text-align: left; background-size: 105% !important; transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease;}
#main-business-section .business-wrap .business-list li div:hover {background-size: 120% !important;}
#main-business-section .business-wrap .business-list li div a {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;transition: all 0.2s ease-out 0s;}
#main-business-section .business-wrap .business-list li div:hover a {background-color:rgba(0, 0, 0, 0.3);transition: all 0.2s ease-out 0s;}
#main-business-section .business-wrap .business-list li div span {position: absolute;top: 0;left: 0;padding: 2.5em 2em;font-size: 16px;font-weight: 300;color: #fff;z-index: 1;}
#main-business-section .business-wrap .business-list li div span h3 {font-size: 24px; font-weight: 500; padding-bottom: 5px;}
#main-business-section .business-wrap .slick-dots{margin:10px auto 0; padding:0; text-align:center;}
#main-business-section .business-wrap .slick-dots li{width:auto;padding:0 3px;text-align:center;vertical-align: middle;display:inline-block;float:none;}
#main-business-section .business-wrap .slick-dots li button{width: 13px !important;height: 13px !important;border: 0;margin:0 auto;padding:0;text-indent:-9000em;border-radius:50% !important;background: #aeaeae;display:block;}
#main-business-section .business-wrap .slick-dots .slick-active button{width: 15px !important;height: 15px !important;border: 2px solid #fff;background: #1094c5;box-shadow: 0px 0px 0px 2px #1094c5;}


@media all and ( max-width: 1400px ){
	#main-business-section .business-wrap .business-list li div {height: 300px;}
}
@media all and ( max-width: 1300px ){
	#main-business-section .business-wrap .business-list li div {height: 280px;}
}
@media all and ( max-width: 900px ){
	#main-business-section .business-wrap .business-list li div {height: 250px;}
}
@media all and ( max-width: 600px ){
	#main-business-section .main-title-box {margin-bottom: 4em;}
	#main-business-section .business-wrap .business-list li div {height: 220px;}
	#main-business-section .business-wrap .business-list .slick-list {margin:0 -5px;}
	#main-business-section .business-wrap .business-list .slick-slide {margin:0 5px;}
	#main-business-section .business-wrap .business-list li div span {padding: 1em; font-size: 14px;}
	#main-business-section .business-wrap .business-list li div span h3 {font-size: 22px;}
}
@media all and ( max-width: 500px ){
	#main-business-section .business-wrap .business-list li div {height: 190px;}
	#main-business-section .business-wrap .business-list li div span {padding: 1em; font-size: 13px;}
	#main-business-section .business-wrap .business-list li div span h3 {font-size: 20px;}
}
@media all and ( max-width: 400px ){
	#main-business-section .main-title-box {margin-bottom: 3em;}
	#main-business-section .business-wrap .business-list li div {height: 150px;}
	#main-business-section .business-wrap .business-list li div span {padding: 0.5em; font-size: 12px;}
	#main-business-section .business-wrap .business-list li div span h3 {font-size: 18px;}
}


/**
 * #main-product-section
**/
#main-product-section {background:url('../img/main/section2/bg.jpg') center center no-repeat;background-size:cover;}
#main-product-section .area-box {max-width: 1400px;}
#main-product-section .main-title-box {display: block;margin-bottom: 6em;}
#main-product-section .main-title-box h3.main-tit {color: #fff;}
#main-product-section .main-title-box p.main-stit {color: #fff;}
#main-product-section .product-wrap {}
#main-product-section .product-wrap .product-list {}
#main-product-section .product-wrap .product-list li {}
#main-product-section .product-wrap .product-list li div {text-align: center;}
#main-product-section .product-wrap .product-list li div span.img {display: inline-block; background-color: #fff; border-radius: 50%;}
#main-product-section .product-wrap .product-list li div span.img img {padding:70px;}
#main-product-section .product-wrap .product-list li div span.txt {margin-top: 1em; display: block; font-size: 18px; color: #fff; text-align: center;}
#main-product-section .product-wrap .product-list li div span.txt h3 {font-size: 36px;}
#main-product-section .product-wrap .slick-arrow{position:absolute;width:100px;top:50%;margin-top: 0px;transform:translateY(-50%);border:0;cursor:pointer;z-index:9;font-size:100px;color: rgba(255,255,255);-webkit-transition: color 0.2s;transition: color 0.2s;background-color: transparent;}
#main-product-section .product-wrap .slick-arrow.slick-prev{left: 50%;margin-left: -850px;}
#main-product-section .product-wrap .slick-arrow.slick-next{right:50%;margin-right: -850px;}

@media all and ( max-width: 1400px ){
	#main-product-section .product-wrap .product-list li div span.img img {padding:55px;}
}
@media all and ( max-width: 1200px ){
	#main-product-section .product-wrap .product-list li div span.img img {padding:48px;}
	#main-product-section .product-wrap .product-list li div span.txt {font-size: 17px;}
	#main-product-section .product-wrap .product-list li div span.txt h3 {font-size: 32px;}
}
@media all and ( max-width: 980px ){
	#main-product-section .product-wrap .product-list li div span.img img {padding:40px;width:160px;height:160px;}
	#main-product-section .product-wrap .product-list li div span.txt {font-size: 16px;}
	#main-product-section .product-wrap .product-list li div span.txt h3 {font-size: 28px;}
}
@media all and ( max-width: 600px ){
	#main-product-section .main-title-box {margin-bottom: 4em;}
	#main-product-section .product-wrap .product-list li div span.img img {padding:30px;width:150px;height:150px;}
	#main-product-section .product-wrap .product-list li div span.txt h3 {font-size: 24px;}
}
@media all and ( max-width: 500px ){
	#main-product-section .product-wrap .product-list li div span.img img {padding:30px;width:150px;height:150px;}
	#main-product-section .product-wrap .product-list li div span.txt {font-size: 15px;}
	#main-product-section .product-wrap .product-list li div span.txt h3 {font-size: 24px;}
}
@media all and ( max-width: 400px ){
	#main-product-section .main-title-box {margin-bottom: 3em;}
	#main-product-section .product-wrap .product-list li div span.img img {padding:25px;width:120px;height:120px;}
	#main-product-section .product-wrap .product-list li div span.txt {font-size: 14px;}
	#main-product-section .product-wrap .product-list li div span.txt h3 {font-size: 20px;}
}



/**
 * #main-customer-section
**/
#main-customer-section {background:url('../img/main/section3/bg.jpg') center center no-repeat;background-size:cover;}
#main-customer-section .area-box {max-width: 1400px;padding: 6.4em 0;}
#main-customer-section .main-title-box {}
#main-customer-section .main-title-box h3.main-tit {font-size: 40px;color: #fff;}
#main-customer-section .main-title-box p.main-stit {font-size: 20px; color: #fff;}
#main-customer-section .customer-wrap {display: block; text-align: center;}
#main-customer-section .customer-wrap a.bt {display: inline-block; background-color: #fff; font-size: 20px; font-weight: 500; color: #202020; padding: 12px 50px; border-radius: 10px; margin-top: 2em; transition: all 0.2s ease-out 0s;}
#main-customer-section .customer-wrap a.bt:hover {background-color: #1882cc;color: #fff;transition: all 0.2s ease-out 0s;}

@media all and ( max-width: 980px ){
	#main-customer-section .customer-wrap a.bt {font-size: 18px;}
}
@media all and ( max-width: 800px ){
	#main-customer-section .main-title-box h3.main-tit{font-size:35px;}
	#main-customer-section .main-title-box p.main-stit{font-size:14px;}
	#main-customer-section .customer-wrap a.bt {font-size: 16px;}
}
@media all and ( max-width: 600px ){
	#main-customer-section .main-title-box h3.main-tit{font-size:30px;}
	#main-customer-section .customer-wrap a.bt {font-size: 15px;}
}
@media all and ( max-width: 500px ){
	#main-customer-section .main-title-box h3.main-stit{margin-top:12px;font-size: 13px;}
	#main-customer-section .customer-wrap a.bt {font-size: 14px;}
}
@media all and ( max-width: 400px ){
	#main-customer-section .main-title-box h3.main-tit{font-size:25px;}
}





/**
 * #main-notice-section
**/
#main-notice-section {background-color:#e8e8e8;}
#main-notice-section .area-box {display: table;max-width: 1400px;padding: 5em 0;}
#main-notice-section .area-box ul.ul_left {width:320px; display: table-cell; vertical-align: top;}
#main-notice-section .area-box ul.ul_right {display: table-cell; vertical-align: top;}
#main-notice-section .main-title-box {min-width: 200px;text-align: left;}
#main-notice-section .main-title-box h3.main-tit,
#main-notice-section .main-title-box p.main-stit {text-align: left;}
#main-notice-section .main-title-box a.bt_more {position: relative; display: inline-block; font-size: 16px; letter-spacing: -0.5px; margin-top: 4em;}
#main-notice-section .main-title-box a.bt_more:after {position:absolute;top: 0px;right: 0px;margin-top: 6%;margin-right: -55px;content:'';width:41px;height:16px;background:url('../img/main/section4/ico_arrow.png') center center no-repeat;transition: all 0.2s ease-out 0s;}
#main-notice-section .main-title-box a.bt_more:hover:after {margin-right: -65px;transition: all 0.2s ease-out 0s;}
#main-notice-section .notice-wrap {}
#main-notice-section .notice-wrap .notice-list {display: table; width: 100%; margin-bottom: 14px; border: 1px solid #cccccc; transition: all 0.2s ease-out 0s;}
#main-notice-section .notice-wrap .notice-list:hover {border: 1px solid #1882cc; transition: all 0.2s ease-out 0s;}
#main-notice-section .notice-wrap .notice-list:last-child {margin-bottom:0;}
#main-notice-section .notice-wrap .notice-list > li {vertical-align:top;}
#main-notice-section .notice-wrap .notice-list li.thumb-li {display: table-cell;width: 350px;}
#main-notice-section .notice-wrap .notice-list li.thumb-li a {}
#main-notice-section .notice-wrap .notice-list li.thumb-li a img {width: 100%; max-width: 350px;}
#main-notice-section .notice-wrap .notice-list li.txt-li {display: table-cell;background-color: #ffffff;padding: 2em;}
#main-notice-section .notice-wrap .notice-list li.txt-li a {}
#main-notice-section .notice-wrap .notice-list li.txt-li a h3 {font-size: 18px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
#main-notice-section .notice-wrap .notice-list li.txt-li a p {font-size: 15px;color: #666666;margin: 15px 0;white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
#main-notice-section .notice-wrap .notice-list li.txt-li a span.date {font-size: 14px; color: #666666;}

@media all and ( max-width: 1420px ){
	#main-notice-section .area-box ul.ul_left {width:auto;padding-right:8em;}
	#main-notice-section .area-box {padding: 5em 10px;}
}
@media all and ( max-width: 1200px ){
	#main-notice-section .area-box ul.ul_left {padding-right:6em;}
	#main-notice-section .notice-wrap .notice-list li.thumb-li {width: 330px;}
	#main-notice-section .notice-wrap .notice-list li.txt-li {display: table-cell;background-color: #ffffff;padding: 1.2em 2em;}
	#main-notice-section .notice-wrap .notice-list li.txt-li a h3 {font-size: 17px;}
	#main-notice-section .notice-wrap .notice-list li.txt-li a p {font-size: 13px;}
	#main-notice-section .notice-wrap .notice-list li.txt-li a span.date {font-size: 13px;}
}
@media all and ( max-width: 1100px ){
	#main-notice-section .area-box ul.ul_left {padding-right:4em;}
	#main-notice-section .notice-wrap .notice-list li.thumb-li {width: 300px;}
}
@media all and ( max-width: 980px ){
	#main-notice-section .area-box ul.ul_left {display: inline-block;width:100%;padding: 0;}
	#main-notice-section .area-box ul.ul_right {display: inline-block; width:100%;}
	#main-notice-section .main-title-box {margin-bottom: 6em;}
	#main-notice-section .main-title-box h3.main-tit,
	#main-notice-section .main-title-box p.main-stit {text-align: center;}
	#main-notice-section .main-title-box a.bt_more {display:none;}
}
@media all and ( max-width: 800px ){
	#main-notice-section .notice-wrap {display:table;margin:0 auto;}
	#main-notice-section .notice-wrap .notice-list {width:46% !important;max-width:300px;margin: 0 2%;float:left;}
	#main-notice-section .notice-wrap .notice-list li {display:inline-block !important;}
	#main-notice-section .notice-wrap .notice-list li.thumb-li {width: 100%;}
	#main-notice-section .notice-wrap .notice-list li.txt-li {padding: 1em;}
}
@media all and ( max-width: 600px ){
	#main-notice-section .main-title-box {margin-bottom: 4em;}
	#main-notice-section .notice-wrap .notice-list {width:48% !important;margin: 0 1%;}
	#main-notice-section .notice-wrap .notice-list li.txt-li a h3 {font-size: 16px;}
	#main-notice-section .notice-wrap .notice-list li.txt-li a span.date {font-size: 12px;}
}
@media all and ( max-width: 500px ){
	#main-notice-section .notice-wrap .notice-list li.txt-li a h3 {font-size: 14px;}
	#main-notice-section .notice-wrap .notice-list li.txt-li a p,
	#main-notice-section .notice-wrap .notice-list li.txt-li a span.date {font-size: 12px;}
}
@media all and ( max-width: 400px ){
	#main-notice-section .main-title-box {margin-bottom: 3em;}
	#main-notice-section .notice-wrap {max-width:300px;}
	#main-notice-section .notice-wrap .notice-list {width:100% !important;margin: 5px 0;}
}