@charset "utf-8";

/* common */
.area_subVisual .obr_txt{position: absolute;left: 0;top: 0px;font-size: 20px;color: #111;font-weight: 800;}
.sub h3{font-size: 46px;font-weight: 700;color: #111;line-height: 1.4;transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1) !important; letter-spacing:-4px}
.sub h4{font-size: 32px;color: #111;  letter-spacing:-1px} 
.sub h5{font-size: 26px; letter-spacing:-2px}
.sub h6{font-size: 20px; letter-spacing:-2px; margin-bottom:30px}

div[class^="area_"] p
section[class^="area_"] p,
article[class^="area_"] p,
div[class^="area_"] li,
article[class^="area_"]
li{line-height:1.6; font-weight: 400; color:#555;font-size: 18px; }

#content .mob_info{padding:5px 0; background:#f1f1f1; font-weight:600; font-size:13px; color:#444;}

.sub section#container {min-height: 470px;}

.sub #content {margin-top: 0px;padding-bottom: 140px;}
.sub .tit h3 + p {margin-top: 22px;}
.sub .tit > i {font-size: 20px;letter-spacing: 8px;font-weight: 600;color: #111;text-indent: 2px;display: block;margin-bottom: 7px;}

.sub #content .wrap {width: 1400px;margin: 0 auto;}

.tit_left {font-weight: 900;color: #111;font-size: 14px;-webkit-transform: rotate(90deg); transform: rotate(90deg);display: inline-block;position: fixed;left: 95px;top: 55%;letter-spacing: 12px;opacity: 0;transition: all 0.3s ease 0s;text-transform: uppercase;}
.tit_left.fix {opacity: 0.3;}
.tit_left.fix.hid {opacity: 0;}

.cont_bt_none {padding-bottom: 0 !important;}
.cont_bt_padding {padding-bottom: 0140px !important;}

@media screen and (max-width:1679px){
	.tit_left{display:none;}	
	.sub #content .wrap{width:auto; margin:0 100px;}
}

@media screen and (max-width:1440px){
	.list_icon > li > div > p{ font-size:16px}
	
	.sub .wrap, .sub #content .wrap{margin:0 80px;}
	.area_subVisual .obr_txt em{font-size:56px; text-indent:-2px;}
	.area_subVisual .wrap > i{height:400px;}
	.area_chart img{width:100%;}
}

@media screen and (max-width:1279px){
	.sub #content{ /*margin-top:145px;*/ padding-bottom:110px;}
	.sub .wrap, .sub #content .wrap{margin:0 60px;}
	
	.area_navigation{padding:39px 50px;}
	.swiper-slide{width:360px;}
}

@media screen and (max-width:1023px){
	.sub h3{font-size:37px;}
	.sub .wrap,
	.sub #content .wrap{margin:0 50px;}
	.sub .tit h3 + p br{display:none;}
	
	.area_subVisual .obr_txt em{font-size:46px;}
	.area_subVisual .wrap > i{height:385px;}
	.area_subVisual .obr_txt{top:110px; left:44px; font-size:19px;}
	.area_subVisual .wrap > span{display:none;}	
}

@media all and (max-width:767px){
	div[class^="area_"] p section[class^="area_"] p,
	article[class^="area_"] p,
	div[class^="area_"] li,
	article[class^="area_"] li{font-size:16px;}
	
	.sub h3{font-size: 25px;width: 70%;}
	.sub h4{font-size:19px; color:#111;}
	.sub h5{font-size: 18px;}
	.sub .tit h3 + p{margin-top:15px;}
	.sub .wrap,
	.sub #content .wrap{margin:0px 20px 0;}
	.sub #content{margin-top:0px; padding-bottom:50px;}
	.sub .area_subVisual .wrap{margin:0 0px 0 20px;}
	.sub .tit > i{font-size:18px; letter-spacing:3px; text-indent:1px;}
	.sub section#container{min-height:auto;}
	
	.lnb > div{margin:0; padding:0; overflow-x:scroll; overflow-y:hidden;}
	.lnb ul{display:table; margin:0 auto; margin-top:0;}
	.lnb ul li{display:table-cell; float:none; padding:0 15px; white-space:nowrap;}
	
	.area_navigation{justify-content:center; align-items:center; position:relative; z-index:50; padding:39px 18px !important; }
	
	.area_subVisual{padding-top:120px;}
	.area_subVisual .obr_txt em{margin-bottom:3px; font-size:36px; letter-spacing:-5px; text-indent:-1px;}
	.area_subVisual .obr_txt{top: 47px; left:10px;font-size: 17px;}
	.area_subVisual .wrap > i{height: 205px; margin-left:80px;background-position: 40% 50%;background-size: cover;}
	.area_subVisual .wrap > span{display:none;}
	.area_navigation ul li{font-size:14px;}
		
	.sub .area_chart h3 br{display:none;}
	
	.area_chart img{margin-top:30px;}
	
	.cont_bt_padding{padding-bottom:70px !important;}
	.sub .list_icon > li > div > .img img{height:100px}
}
@media screen and (max-width:639px){
	.sub .wrap, .sub #content .wrap{}
	.cs_line{ padding-top:50px !important; margin-top:50px !important}
}

@media screen and (max-width:400px){
	.area_navigation ul li{padding:0 15px; font-size:12px;}
}

@media all and (max-width:360px){
	body, 	p, li, a{font-size:13px;}
}

/* page navigation */
.area_navigation{  background: #1c2222;display: inline-block;padding: 39px 60px;margin-top: -40px;}
.area_navigation ul{display: block; overflow:hidden;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding: 0 17px; font-size: 15px; color: #fff;text-transform: uppercase;font-weight: 700;}
.area_navigation ul li img{display:inline-block; position:relative; top:1px; height:12px; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:after{content:""; position:absolute; top: 5px; right:-3px; width: 4px; height: 4px; background: #595e5e;border-radius: 10px;}
.area_navigation ul li:first-child{padding-left: 0;}
.area_navigation ul li em {display: none;}
.area_navigation ul li:last-child:after {opacity: 0;}

/* lnb */
.lnb .wrap{text-align:center;}
.lnb ul{overflow:hidden;}
.lnb ul li a{display:block;}
.lnb ul li.active a{color:#222;}

.list_icon > li{margin:0.5% !important}
.list_icon > li:first-child{margin-bottom:0}
.list_icon > li > div > p{line-height:140%}
.list_icon > li > div > p span{margin-top:15px; display:block; font-size:14px; color:#999; line-height:140%}
.list_icon > li.on > div > p span{color:#ccc; }

/* sub visual */
.area_subVisual{position:relative; padding-top:0px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.area_subVisual > .wrap{position:relative;}
.area_subVisual .wrap > i{display:block; height:350px; margin-left:220px; background:#f5f5f5;background-position: 50% 50%;background-repeat: no-repeat; background-size:cover}
.area_subVisual .obr_txt em{display:block;}
.area_subVisual .obr_txt em{margin-top:150px; margin-bottom:5px; font-weight:800; font-size:72px; color:#111; letter-spacing:-0.1rem; text-indent:-4px;}
.area_subVisual .wrap > span a span{font-weight:500; color:#ff2400;}
.area_subVisual .wrap > span{position:absolute; right:0; bottom:9px;font-weight: 500; color:#222;}
.area_subVisual .wrap > span a{border-bottom:1px solid #ff2400;}

.sub .list_icon > li > div > .img{margin-top:0}


/* home */
.area_company{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_company .cont{ /*display:flex;*/ }
.area_company > img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}
.area_company .list_icon{opacity:1; transform:translateY(0px);}
.area_company .list_icon > li{width:20%; float:left; }
.area_company .list_icon:last-child{margin:32px 0 0 0px;}
.area_company .list_icon > li.on{background:#ff2400; box-shadow:30px 39px 58px 0px rgb(0 84 83 / 35%);}
.area_company .list_icon > li.on .img img:last-child{display:block;}
.area_company .list_icon > li.on .img img:first-child{display:none;}
.area_company .list_icon > li.on > div > *{color:#fff;}
.area_company .list_icon > li:not(.on):hover{background:#fff; box-shadow:20px 29px 58px 0px rgba(0, 84, 83, 0.15);}
.area_company .list_icon > li:not(.on):hover .img img:last-child{display:none;}
.area_company .list_icon > li:not(.on):hover .img img:first-child{display:block;}
.area_company .list_icon > li:not(.on):hover > div > *{color:#222;}
@media screen and (max-width:1679px){
	.area_company > img{opacity:1; top:280px; right:-200px;  width:1000px}
	}
@media screen and (max-width:1440px){
	.area_company > img{ top:280px; right:-200px;  width:800px}
}
@media screen and (max-width:1279px){
	.area_company .list_icon > li:last-child{top:0;}
	.area_company .list_icon:last-child{margin:122px 0 0 0px;}	
	.area_company > img{ opacity:0.2; top:280px; right:-100px;  width:50%}
}
@media screen and (max-width:1023px){	
	.area_company{margin:-75px 0 -90px; /*padding:50px 0 90px;*/}
	.area_company > img{width:100%;}
	.area_company .list_icon > li{width:252px;}
}

@media all and (max-width:767px){
	.area_company{ padding:95vw 0 90px;}
	.area_company .list_icon > li{width:100%;}
	.area_company .cont{flex-direction:column;}
	.area_company .list_icon:last-child{margin:17px 0 0 0;}
	.area_company .list_icon > li{margin-bottom:17px;}
	.area_company .cont{display:flex; margin-top:40px;}
	.area_company > img{top:100px; opacity:1; right:0; width:100%;}
}




.area_about{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_about .cont{ /*display:flex;*/ }
.area_about > img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}
.area_about .list_icon{opacity:1; transform:translateY(0px);}
.area_about .list_icon > li{width:18%; float:left}
.area_about .list_icon:last-child{margin:32px 0 0 0px;}
.area_about .list_icon > li.on{background:#ff2400; box-shadow:30px 39px 58px 0px rgb(0 84 83 / 35%);}
.area_about .list_icon > li.on .img img:last-child{display:block;}
.area_about .list_icon > li.on .img img:first-child{display:none;}
.area_about .list_icon > li.on > div > *{color:#fff;}
.area_about .list_icon > li:not(.on):hover{background:#fff; box-shadow:20px 29px 58px 0px rgba(0, 84, 83, 0.15);}
.area_about .list_icon > li:not(.on):hover .img img:last-child{display:none;}
.area_about .list_icon > li:not(.on):hover .img img:first-child{display:block;}
.area_about .list_icon > li:not(.on):hover > div > *{color:#222;}
@media screen and (max-width:1679px){
	.area_about > img{opacity:1; top:280px; right:-200px;  width:1000px}
	}
@media screen and (max-width:1440px){
	.area_about > img{ top:280px; right:-200px;  width:800px}
}
@media screen and (max-width:1279px){
	/*.area_about .list_icon > li:first-child{margin-bottom:30px;}*/
	.area_about .list_icon > li:last-child{top:0;}
	.area_about .list_icon:last-child{margin:122px 0 0 0px;}	
	.area_about > img{ opacity:0.2; top:280px; right:-100px;  width:50%}
}
@media screen and (max-width:1023px){	
	.area_about{margin:-75px 0 -90px; /*padding:50px 0 90px;*/}
	.area_about > img{width:100%;}
	.area_about .list_icon > li{width:252px;}
}
@media all and (max-width:767px){
	.area_about{ /*padding:76vw 0 90px;*/}
	.area_about .list_icon > li{width:100%;}
	.area_about .cont{flex-direction:column;}
	.area_about .list_icon:last-child{margin:17px 0 0 0;}
	.area_about .list_icon > li{margin-bottom:17px;}
	.area_about .cont{display:flex; margin-top:40px;}
	.area_about > img{ top:80px; opacity:1; right:0; width:100%;}
}


/* orxart */
.area_orxart{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_orxart .cont{ /*display:flex;*/ }
.area_orxart > img{position:absolute; top:100px; right:00px; z-index:-1; width:650px}
.area_orxart .list_icon{opacity:1; transform:translateY(0px);}
.area_orxart .list_icon > li{width:48%; margin:10px 1%;  float:left}
.area_orxart .list_icon:last-child{margin:32px 0 0 0px;}
.area_orxart .list_icon > li.on{background:#ff2400; box-shadow:30px 39px 58px 0px rgb(0 84 83 / 35%);}
.area_orxart .list_icon > li.on .img img:last-child{display:block;}
.area_orxart .list_icon > li.on .img img:first-child{display:none;}
.area_orxart .list_icon > li.on > div > *{color:#fff;}
.area_orxart .list_icon > li:not(.on):hover{background:#fff; box-shadow:20px 29px 58px 0px rgba(0, 84, 83, 0.15);}
.area_orxart .list_icon > li:not(.on):hover .img img:last-child{display:none;}
.area_orxart .list_icon > li:not(.on):hover .img img:first-child{display:block;}
.area_orxart .list_icon > li:not(.on):hover > div > *{color:#222;}

.area_about .list_icon2 > li{width:20%; float:left}
.area_about .list_icon2 > li img{ width:94%; margin:0 3%}

@media screen and (max-width:1679px){
	.area_orxart > img{opacity:1; top:100px; right:0px;  width:650px}
}
@media screen and (max-width:1440px){
	.area_orxart > img{  right:0px;  width:550px}
}
@media screen and (max-width:1300px){
	/*.area_orxart .list_icon > li:first-child{margin-bottom:30px;}*/
	.area_orxart .list_icon > li:last-child{top:0;}
	.area_orxart .list_icon:last-child{margin:22px 0 0 0px;}	
	.area_orxart > img{ opacity:0.2; top:150px; right:-50px;  width:500px}
}
@media screen and (max-width:1000px){	
	.area_orxart{margin:-75px 0 -90px; padding:50px 0 90px;}
	.area_orxart > img{width:80%; right:10%; top:125px; opacity:1; }
	.area_orxart .list_icon > li{width:100%;}
	.area_orxart.box{padding:74vw 40px 0}
}
@media screen and (max-width:900px){	
	.area_orxart.box{padding:84vw 40px 0}
}
@media screen and (max-width:786px){	
	.area_orxart .wrap inner{margin:0 50px}
	.area_orxart.box{padding:90vw 40px 10vw}
}

@media screen and (max-width:639px){	
	.area_orxart > img{ top:107px}
	.area_orxart.box{padding:100vw 00px 10vw}
	.area_about .cont{margin-top:0}
}


/* service_Ç×°ø¿î¼Û */
.area_transportation{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_transportation .cont{ /*display:flex;*/ }
.area_transportation > img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}
.area_transportation .list_icon{opacity:1; transform:translateY(0px);}
.area_transportation .list_icon > li{width:18%; float:left; }
.area_transportation .list_icon:last-child{margin:32px 0 0 0px;}
.area_transportation .list_icon > li.on{background:#ff2400; box-shadow:30px 39px 58px 0px rgb(0 84 83 / 35%);}
.area_transportation .list_icon > li.on .img img:last-child{display:block;}
.area_transportation .list_icon > li.on .img img:first-child{display:none;}
.area_transportation .list_icon > li.on > div > *{color:#fff;}
.area_transportation .list_icon > li:not(.on):hover{background:#fff; box-shadow:20px 29px 58px 0px rgba(0, 84, 83, 0.15);}
.area_transportation .list_icon > li:not(.on):hover .img img:last-child{display:none;}
.area_transportation .list_icon > li:not(.on):hover .img img:first-child{display:block;}
.area_transportation .list_icon > li:not(.on):hover > div > *{color:#222;}
@media screen and (max-width:1679px){
	.area_transportation > img{opacity:1; top:280px; right:-200px;  width:1000px}
	}
@media screen and (max-width:1440px){
	.area_transportation > img{ top:280px; right:-200px;  width:800px}
}
@media screen and (max-width:1279px){
	.area_transportation .list_icon > li:last-child{top:0;}
	.area_transportation .list_icon:last-child{margin:122px 0 0 0px;}	
	.area_transportation > img{ opacity:0.2; top:280px; right:-100px;  width:50%}
}
@media screen and (max-width:1023px){	
	.area_transportation{margin:-75px 0 -90px; /*padding:50px 0 90px;*/}
	.area_transportation > img{width:100%;}
	.area_transportation .list_icon > li{width:252px;}
}

@media all and (max-width:767px){
	.area_transportation{ /*padding:59vw 0 90px;*/}
	.area_transportation .list_icon > li{width:100%;}
	.area_transportation .cont{flex-direction:column;}
	.area_transportation .list_icon:last-child{margin:17px 0 0 0;}
	.area_transportation .list_icon > li{margin-bottom:17px;}
	.area_transportation .cont{display:flex; margin-top:40px;}
	.area_transportation > img{opacity:1; right:0; width:100%;}
}


/* service_ÇØ»óÈ­¹°¿î¼Û */
.area_overseas{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_overseas .cont{ /*display:flex;*/ }
.area_overseas > img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}
.area_overseas .list_icon{opacity:1; transform:translateY(0px);}
.area_overseas .list_icon > li{width:19%; float:left; }
.area_overseas .list_icon:last-child{margin:32px 0 0 0px;}
.area_overseas .list_icon > li.on{background:#ff2400; box-shadow:30px 39px 58px 0px rgb(0 84 83 / 35%);}
.area_overseas .list_icon > li.on .img img:last-child{display:block;}
.area_overseas .list_icon > li.on .img img:first-child{display:none;}
.area_overseas .list_icon > li.on > div > *{color:#fff;}
.area_overseas .list_icon > li:not(.on):hover{background:#fff; box-shadow:20px 29px 58px 0px rgba(0, 84, 83, 0.15);}
.area_overseas .list_icon > li:not(.on):hover .img img:last-child{display:none;}
.area_overseas .list_icon > li:not(.on):hover .img img:first-child{display:block;}
.area_overseas .list_icon > li:not(.on):hover > div > *{color:#222;}
@media screen and (max-width:1679px){
	.area_overseas > img{opacity:1; top:280px; right:-200px;  width:1000px}
	}
@media screen and (max-width:1440px){
	.area_overseas > img{ top:280px; right:-200px;  width:800px}
}
@media screen and (max-width:1279px){
	.area_overseas .list_icon > li:last-child{top:0;}
	.area_overseas .list_icon:last-child{margin:122px 0 0 0px;}	
	.area_overseas > img{ opacity:0.2; top:280px; right:-100px;  width:50%}
}
@media screen and (max-width:1023px){	
	.area_overseas{margin:-75px 0 -90px; /*padding:50px 0 90px;*/}
	.area_overseas > img{width:100%;}
	.area_overseas .list_icon > li{width:252px;}
}

@media all and (max-width:767px){
	.area_overseas{ /*padding:59vw 0 90px;*/}
	.area_overseas .list_icon > li{width:100%;}
	.area_overseas .cont{flex-direction:column;}
	.area_overseas .list_icon:last-child{margin:17px 0 0 0;}
	.area_overseas .list_icon > li{margin-bottom:17px;}
	.area_overseas .cont{display:flex; margin-top:40px;}
	.area_overseas > img{opacity:1; right:0; width:100%;}
}


/* service_¹Ì¼úÇ°º¸°ü */
.area_storage{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_storage .list_img > li{width:49%; float:left; }
.area_storage .list_img > li:last-child{margin-left:1%;}
.area_storage .list_img > li img{ width:100%}
.area_storage .> img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}

@media all and (max-width:1023px){
	.area_storage .list_img > li{width:100%; float:none; }
	.area_storage .list_img > li:last-child{margin-left:0%;margin-top:10px}
}



/* service_¹Ì¼úÇ° ±¹Á¦¿î¼Û ¹× ¼³Ä¡ */
.area_installation{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_installation .cont{ /*display:flex;*/ }
.area_installation > img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}
.area_installation .list_icon{opacity:1; transform:translateY(0px);}
.area_installation .list_icon > li{width:30%; float:left; }
.area_installation .list_icon:last-child{margin:32px 0 0 0px;}
.area_installation .list_icon > li.on{background:#ff2400; box-shadow:30px 39px 58px 0px rgb(0 84 83 / 35%);}
.area_installation .list_icon > li.on .img img:last-child{display:block;}
.area_installation .list_icon > li.on .img img:first-child{display:none;}
.area_installation .list_icon > li.on > div > *{color:#fff;}
.area_installation .list_icon > li:not(.on):hover{background:#fff; box-shadow:20px 29px 58px 0px rgba(0, 84, 83, 0.15);}
.area_installation .list_icon > li:not(.on):hover .img img:last-child{display:none;}
.area_installation .list_icon > li:not(.on):hover .img img:first-child{display:block;}
.area_installation .list_icon > li:not(.on):hover > div > *{color:#222;}
@media screen and (max-width:1679px){
	.area_installation > img{opacity:1; top:280px; right:-200px;  width:1000px}
	}
@media screen and (max-width:1440px){
	.area_installation > img{ top:280px; right:-200px;  width:800px}
}
@media screen and (max-width:1279px){
	.area_installation .list_icon > li:last-child{top:0;}
	.area_installation .list_icon:last-child{margin:122px 0 0 0px;}	
	.area_installation > img{ opacity:0.2; top:280px; right:-100px;  width:50%}
}
@media screen and (max-width:1023px){	
	.area_installation{margin:-75px 0 -90px; /*padding:50px 0 90px;*/}
	.area_installation > img{width:100%;}
	.area_installation .list_icon > li{width:252px;}
}

@media all and (max-width:767px){
	.area_installation{ /*padding:59vw 0 90px;*/}
	.area_installation .list_icon > li{width:100%;}
	.area_installation .cont{flex-direction:column;}
	.area_installation .list_icon:last-child{margin:17px 0 0 0;}
	.area_installation .list_icon > li{margin-bottom:17px;}
	.area_installation .cont{display:flex; margin-top:40px;}
	.area_installation > img{opacity:1; right:0; width:100%;}
}


/* service_º¸°ü */
.area_packaging{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_packaging .cont{ /*display:flex;*/ }

.area_packaging .list_icon{opacity:1; transform:translateY(0px);}
.area_packaging .list_icon > li{width:48%; margin:10px 1%;  float:left}
.area_packaging .list_icon:last-child{margin:32px 0 0 0px;}
.area_packaging .list_icon > li.on{background:#ff2400; box-shadow:30px 39px 58px 0px rgb(0 84 83 / 35%);}
.area_packaging .list_icon > li.on .img img:last-child{display:block;}
.area_packaging .list_icon > li.on .img img:first-child{display:none;}
.area_packaging .list_icon > li.on > div > *{color:#fff;}
.area_packaging .list_icon > li:not(.on):hover{background:#fff; box-shadow:20px 29px 58px 0px rgba(0, 84, 83, 0.15);}
.area_packaging .list_icon > li:not(.on):hover .img img:last-child{display:none;}
.area_packaging .list_icon > li:not(.on):hover .img img:first-child{display:block;}
.area_packaging .list_icon > li:not(.on):hover > div > *{color:#222;}

.area_packaging .list_icon2{ margin-bottom:20px; overflow:hidden}
.area_packaging .list_icon2 > li{width:20%; float:left}
.area_packaging .list_icon2 > li img{ width:94%; margin:0 3%}

.area_packaging .sec02 > img{position:absolute; top:850px; right:16%; z-index:-1; width:500px}

@media screen and (max-width:1679px){
	.area_packaging .sec02 > img{ right:9%;  }
}

@media screen and (max-width:1580px){
	.area_packaging .sec02 > img{  width:450p;opacity:0.2}
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1300px){
	.area_packaging .list_icon > li:last-child{top:0;}
	.area_packaging .list_icon:last-child{margin:22px 0 0 0px;}	
	
}
@media screen and (max-width:1000px){	
	.area_packaging{margin:0px 0 -90px; padding:50px 0 90px;}
	.area_packaging .sec02{ margin-top:60vw}
	
	.area_packaging .list_icon2{ margin-bottom:10px; }
	.area_packaging .sec02 > img{ top:675px; width:80%;opacity:1; margin:1}
	.area_packaging .list_icon > li{width:100%;}
	.area_packaging.box{padding:74vw 40px 0}

}
@media screen and (max-width:900px){	
	.area_installation.box{padding:84vw 40px 0}
}
@media screen and (max-width:786px){	
	.area_installation .wrap inner{margin:0 50px}
	.area_installation.box{padding:90vw 40px 10vw}
	.area_packaging .sec02{margin-top:70vw}
	.area_packaging .sec02 > img{ top:167vw; }
	.
}



/* service_ºÎ½º¿î¿µ¼­ºñ½º */
.area_insurance{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_insurance .list_img > li{width:49%; float:left; }
.area_insurance .list_img > li:last-child{margin-left:1%;}
.area_insurance .list_img > li img{ width:100%}
.area_insurance .> img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}

@media all and (max-width:1023px){
	.area_insurance .list_img > li{width:100%; float:none; }
	.area_insurance .list_img > li:last-child{margin-left:0%;margin-top:10px}
}



/* contact */
.area_contact{position:relative; overflow:hidden; margin:-75px 0 -90px; padding:133px 0 90px;}
.area_contact .list_img > li{width:100%;  }
.area_contact .list_img > li:last-child{margin-left:1%;}
.area_contact .list_img > li img{ width:100%}
.area_contact .> img{position:absolute; top:280px; right:-250px; z-index:-1; width:1150px}

@media all and (max-width:1023px){
	.area_contact .list_img > li{width:100%; }
	.area_contact .list_img > li:last-child{margin-left:0%;margin-top:10px}
}



.cs_line{clear:both;overflow:hidden; border-top:1px solid #ddd; padding-top:100px; margin-top:100px}


/* table*/
.res_tbl_wrap { position: relative; overflow: hidden; margin: 0 auto;  width: 100%; max-width: 1200px; border-top: 2px solid #333; }
.res_tbl_wrap table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }
.res_tbl_wrap table thead tr th { background:#f9f9f9;  border-bottom: 1px solid #999; }
.res_tbl_wrap table thead tr th,
.res_tbl_wrap table tbody tr td { text-align:center; padding: 0.8125vw 1.25vw; font-size: 16px; font-size: 1.3vw;    line-height: 1.375vw; }
.res_tbl_wrap table tbody tr td { border-bottom: 1px solid #ddd; }
.res_tbl_wrap table tbody tr td:first-child { text-align: left;}
/* desktop only */
@media screen and (min-width: 1200px) {
    .res_tbl_wrap table thead tr th, .res_tbl_wrap table tbody tr td { padding: 12px 20px; font-size: 16px; line-height: 22px;}
}

/* mobile only */
@media screen and (max-width: 990px) {
    .res_tbl_wrap table col { width: 100% !important;  }
    .res_tbl_wrap table thead { display: none;  }
    .res_tbl_wrap table tbody tr { border-bottom: 1px solid #efefef; }
    .res_tbl_wrap table tbody tr td { width: 100%; display: flex; margin-bottom: 2px; padding: 5px; border-bottom: none; font-size: 14px; line-height: 18px; }
    .res_tbl_wrap table tbody tr td:first-child, .res_tbl_wrap table tbody tr th:first-child { padding-top: 16px; }
    .res_tbl_wrap table tbody tr td:last-child, .res_tbl_wrap table tbody tr th:last-child { padding-bottom: 15px; }
    .res_tbl_wrap table tbody tr td:before { display: inline-block; margin-right: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; font-weight: 700; content: attr(data-label); }
}