@charset "utf-8";
/* CSS Document */
.pc{display:block;} /*pc 노출 = 테블릿, 모바일 미노출*/
.pcta{display:block;} /*pc, 테블릿 노출 = 모바일 미노출*/
.mo{display:none;} /*모바일 노출 = pc,테블릿 미노출*/
.ta{display:none;} /*테블릿, 모바일 노출 = pc 미노출*/
.mo1 { display:block; }
.mo2 { display:none; }

@media screen and (max-width: 2200px){
	/*
	#main .txt_wrap .txt .s1 { font-size: 1.2rem; line-height: 1; }
	#main .txt_wrap .txt h2 { margin: 15px 0 10px; font-size: 2.8rem; line-height: 1;  }
	#main .txt_wrap .txt .s2 {font-size: 2.0rem; line-height: 1;   }
	#main .txt_wrap .txt .start_btn { margin-top: 30px;  }
	#main .btn_wave { left: 83.5vw; }
	*/
	#main .visula_wrap_ri.off .txt_wrap {left: 10%;	}
	#main .visula_wrap_le.off .txt_wrap {right: 10%;}

	#main .visula_wrap.off .txt_wrap .txt2 h3 { font-size: 0.8vw; }
	#main .visula_wrap.off .txt_wrap .txt2 h2 { font-size: 2.6vw; }
}

@media screen and (max-width: 1920px){


	/*
	.main_visual { height: auto; overflow: initial; }
	.main_visual > .basic_img.pc { display: inline-block }
	*/

	.main_visual { height: auto; }

	#main .visula_wrap_ri.off .txt_wrap {left: 15%;	}
	#main .visula_wrap_le.off .txt_wrap {right: 15%;}

	.main_visual .visula_area { width: 120vw;  /*position: absolute*/  }
	.main_visual .visula_wrap { width: 53.2%;}
	.main_visual .visula_wrap_ri { width: 52.8%;}
	.main_visual .visula_wrap .back_img {background-repeat: no-repeat;background-size: contain;  background-position: left;}
	.main_visual .visula_wrap_le .back_img { background-image:url('/img/main_visula_le.png');  }
	.main_visual .visula_wrap_ri .back_img { background-image:url('/img/main_visula_ri.png');}
	
	.main_visual .visula_wrap_ri{  margin-left: -6.4%;}
	.main_visual .visula_wrap_ri .video_wrap { position: relative; left: 0.5%; /*left: 1.6%;*/ }
	.main_visual .visula_wrap_ri .videoBox { left: -2%; height: 31.2vw;	width: 106%; clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);  }
	.main_visual .visula_wrap_ri .videoBox video { position: absolute;	right: 0;height: 118%;	width: 100%; }

	.main_visual .visula_wrap .basic_img { opacity: 0; visibility: hidden; height: 31.3vw; }
	.main_visual .visual_shape img {  height: 31.3vw;}


	.main_visual .visula_wrap_le .videoBox { height: 31.2vw;width: 100%; }
	.main_visual .visula_wrap_le .videoBox video { position: absolute;left: 0;	height: auto; }

	.main_visual .visula_wrap.off .gradient { left: 2px}
	.main_visual .visula_wrap_le.off .gradient { /*width: 99.3%;*/  left: -0.2vw; }
	.main_visual .visula_wrap .gradient { width: calc(63.5vw); }

	#main .btn_wave { left: calc(58vw); /*top: 50%;*/ top: 15vw; transform:translateY(-50%) scale(0.8) ; -webkit-transform:translateY(-50%) scale(0.8); -o-transform:translateY(-50%) scale(0.8); -ms-transform:translateY(-50%) scale(0.8); -moz-transform:translateY(-50%) scale(0.8);}
		
	#main .txt_wrap { top: 11.5vw; }
	#main .txt_wrap .txt .s1 { font-size: 0.65vw; line-height: 1; }
	#main .txt_wrap .txt h2 {font-size: 2.3vw; margin: 1.5vw 0 0.5vw; line-height: 1; } 
	#main .txt_wrap .txt .s2 {  font-size: 1.6vw; line-height: 1; }
	#main .txt_wrap .txt .start_btn { margin-top: 1.5vw; width: 50vw; max-width: 200px;  }



	#main .visula_wrap.off .txt_wrap .txt2 h3 { font-size: 1.3vw; line-height: 1;}
	#main .visula_wrap.off .txt_wrap .txt2 h2 { font-size: 2.9vw; line-height: 1; }

	#footer .inner { padding: 80px 50px;}

	#main .section1 { padding-top: 8vw;}



}


@media screen and (max-width: 1700px){

	#sub.commerce .section9 .sec_con .size { position: static; }

	#sub.commerce .section9 .sec_con2 .ab1 { top: 5%; left: -0px;}
	#sub.commerce .section9 .sec_con2 .ab2 { right: -0px;}
	#sub.commerce .section9 .sec_con2 .ab1 img { width: 26.2vw; }

}

@media screen and (max-width: 1640px){
	
	#sub.commerce .section5 .size2 { max-width: 1360px; }
	#sub .listTypeA.item4 > li { width: 50%;}

}

@media screen and (max-width: 1600px){

	.mo_block { display: block;}
	#footer .inner .le p.li .mo_block + span { padding-left: 0px; }
	#footer .inner .le p.li .mo_block + span::before { content:  none;}

	#main .btn_wave { left: calc(57.5vw); }
}

@media screen and (max-width: 1400px){
	.mo_enter_re3 {display:inline-block;}

	#header .gnb > ul > li { padding: 0 3vw; }

	#sub.company .section1 .con_area.flex_box { -webkit-box-align: start; -moz-align-items: start;-ms-flex-align: start;	align-items: start;	padding-top: 5vw;}
	#sub.company .section1 .con_wrap.ri { padding-top: 0; padding-left: 6vw;}

	#sub.company .section2 .con_wrap.ri .back_img { width: 60vw; max-width: 990px;}
	#sub.company .back_txt2 { font-size: 6.5vw; bottom: -3.5vw; }
	#sub.company .section2 .con_wrap.le {	padding-top: 4vw;	}
	
	#sub.commerce .section1 .con_area.flex_box,
	#sub.marketing .section1 .con_area.flex_box  { -webkit-box-align: start; -moz-align-items: start;-ms-flex-align: start;	align-items: start;	padding-top: 5vw;}
	#sub.commerce .section1 .con_wrap.ri,
	#sub.marketing .section1 .con_wrap.ri { padding-top: 0; padding-left: 6vw;}

}

@media screen and (max-width: 1280px){
    .size {width:100%; padding:0 20px; box-sizing: border-box;}
	#sub.commerce .section5 .size2 { max-width: 100%; }

	#footer .inner { padding: 50px 20px;}
	#footer .inner .le, #footer .inner .ri { float: none; width: 100%; text-align: center;}
	#footer .inner .le p:last-child {	margin-top: 15px;}
	#footer .inner .depth1  { display: none;}
	#footer .inner .ri .until { text-align: center;}



	#main .btn_wave { left: calc(57vw); }

	#main .section3:before { height: calc(50vw + 80px); }	
	#main .section3.thumbsTypeA .cont_wrap .thumbs_slide { width: 40%;  }
	#main .section3.thumbsTypeA .cont_wrap .list_slide { width: 60%; left: 40%; }
	#main .section3.thumbsTypeA .cont_wrap .list_slide .control_box { width: 90%;  padding-right: 0; }	

	/*#main .section5 ul li {	width: calc(25% - 10px); }*/

	#main .section6 .banner_area:before { width: 32%; max-width: 275px ; }

	#main .contact_area .cont_wrap .cont_box.le {  float: left; width: 50%; height: 660px;}
	#main .contact_area .cont_wrap .cont_box.ri { position: relative; left: initial;  float: left;  width: 50%;  margin-left: 0px;   height: 660px }

	/*************************************************************/

	.mo_enter_re {display:inline-block;}

	#sub .section { padding: 4vw 0;}
	#sub.commerce .section9 .sec_con .inner { padding: 4vw 0; }
	#sub.commerce .section9 .sec_con2 .inner { padding: 4vw 0 8vw; }
	#sub .section_map {padding-bottom: 4vw; position: relative}
	#sub.contact .section_map { padding: 4vw 0;}

	#sub.commerce .section4:before { height: 45vw; }	
	#sub .thumbsTypeA .cont_wrap .thumbs_slide { width: 40%;  }
	#sub .thumbsTypeA .cont_wrap .list_slide { width: 60%; left: 40%; }
	#sub .thumbsTypeA .cont_wrap .list_slide .control_box { width: 90%;  padding-right: 0; }	

	#sub .col_container { padding: 50px 0 40px 5vw;	width: calc(100% + 20px);width: -webkit-calc(100% + 20px);	width: -moz-calc(100% + 20px); width: -ms-calc(100% + 20px); margin-left: -20px;	margin-top: -20px; }
	#sub .col_container .col_items {width: calc(33.3333% - 20px);width: -webkit-calc(33.3333% - 20px);width: -moz-calc(33.3333% - 20px);	width: -ms-calc(33.3333% - 20px);	margin-left: 20px;	margin-top: 20px;}
	#sub .col_container .ab { width: 70%; }

	#sub.brand .section2 .box .icon_img { width: 96px; height: 96px; right: -15px;}
	#sub.brand .section2 .box .top .icon_img span { padding-top: 40px}
	#sub.brand .section2 .box:last-child .top .icon_img span { background-size: 35px;}
	#sub.brand .section3 .listType li .box { padding: 30px 25px; }

	#sub.press .section2 .inner:after { width: 60%; }

	#sub.experience .section1 .tit_area .tit_box h2 { font-size: 3.3vw; line-height: 5.5vw;}

	#sub .listTypeD .tit .over { padding: 5px; box-sizing: border-box;}
	#sub .listTypeD .tit .over br { display: none ;}

	#sub.commerce .section9 .sec_con2 .ab1 { top: -2.9vw; left: -30px;}
	#sub.commerce .section9 .sec_con2 .ab2 { right: -0px;}
	#sub.commerce .section9 .sec_con2 .ab1 img { width: 305px;}
	#sub.commerce .section9 .sec_con2 .ab2 img { width: 400px; }
	
}

@media screen and (max-width: 1024px){
	/*.pcta{display: none;}
     .ta{display:block;}
     html{font-size: 60%;}*/

	 #header .gnb > ul > li { padding: 0 1.5vw; }

	 #main .btn_wave { left: calc(56.5vw); transform: translateY(-50%) scale(0.6);-webkit-transform: translateY(-50%) scale(0.6);-o-transform: translateY(-50%) scale(0.6); -ms-transform: translateY(-50%) scale(0.6);-moz-transform: translateY(-50%) scale(0.6);	}

	 #main .section2 .cont_wrap {position: relative;}
	 #main .section2 .cont_wrap .cont_box.le {position: absolute;top: auto;left: calc(-40vw + -3%);float: none;width: 830px;}
	 #main .section2 .cont_wrap .cont_box.le .circle { position: relative; left: 0;}

	/*************************************************************/

	#sub.brand .section3 .listType li .box { padding: 50px 40px;}
	#sub.brand .section3 .listType li {	width: calc(50% - 30px); }

	#sub .listTypeD .tit .over br { display: none;}

	#sub .listTypeA > li {	width: 50%;}

	.contact_area .cont_wrap .bbs { padding: 25px 30px; }
	#sub .contact_area .cont_wrap .cont_box.le,
	#sub .contact_area .cont_wrap .cont_box.ri,
	#main .contact_area .cont_wrap .cont_box.le,
	#main .contact_area .cont_wrap .cont_box.ri { height: 715px; }
	.bbs .spam > input[type="text"]{max-width: 160px !important;}


	.contact_area .cont_wrap .bbs .ipt_con .con.item3 > p { width: calc(50% - 10px); }
	.contact_area .cont_wrap .bbs .ipt_con .con.item3 > p.w2 {  width: calc(100% - 10px);  }
	
} 

@media screen and (max-width: 960px){
	.pcta { display: none;}
	.ta { display : block;}
	.mo_enter_re2 {display:inline-block;}

	#main .btn_wave { left: calc(56vw); }

	#main .section2 .cont_wrap .cont_box.le { left: calc(-40vw + -15%); }

	#main .section1 .control_box .slide_scrollbar { margin: 0;  max-width: 610px; }

	#main .section4 .cont_wrap .cont_box .img_wrap .info .tit { margin-top: 10%;}

	#main .txt_wrap .txt .start_btn { height: 50px; line-height: 50px; }

	/*******************************************************************/

	#sub .section { padding: 90px 0; }
	#sub.commerce .section9 .sec_con .inner { padding: 90px 0; }
	#sub .section_map {padding-bottom: 90px; position: relative}
	#sub.contact .section_map { padding: 90px 0;}

	#sub .list_area ul li {	width: calc(33.333% - 30px);}

	#sub .listTypeD.item3 li { width: 100%; }
	#sub .listTypeD.item4 li { width: 100%; }
	#sub .listTypeD .tit .over br { display: block ;}

	#sub.company .section1 .flex_box  { flex-direction: column;}
	#sub.company .section1 .flex_box .le,
	#sub.company .section1 .flex_box .ri { float: none; width: 100%;  max-width: 100%;}
	#sub.company .section1 .con_wrap.ri { padding-left: 0vw; margin-top: 45px }
	#sub.company .section1 .back_txt { font-size: 10.4vw; top: -4.2vw; }
	#sub.company .section1 .le .back_img { margin: 0 auto; max-width: 560px; }

	
	.flex_box2.reverse  { flex-direction: column-reverse;}
	#sub.company .section2 .flex_box2 .le,
	#sub.company .section2 .flex_box2 .ri { width: 100%;  max-width: 100%;}
	#sub.company .section2 .back_txt2 {  font-size: 10.4vw; bottom: -7vw;   left: 14px; }
	#sub.company .section2 .flex_box2 .ri { left: -10px; width: calc(100% + 20px); max-width: calc(100% + 20px); }
	#sub.company .section2 .con_wrap.ri .back_img { width: 100%;}

	#sub.company .section3 {margin-top: 0px;}

	#sub.commerce .section1 .flex_box,
	#sub.marketing .section1 .flex_box  { flex-direction: column;}
	#sub.commerce .section1 .flex_box .le,
	#sub.commerce .section1 .flex_box .ri,
	#sub.marketing .section1 .flex_box .le,
	#sub.marketing .section1 .flex_box .ri  { float: none; width: 100%;  max-width: 100%;}
	#sub.commerce .section1 .con_wrap.ri,
	#sub.marketing .section1 .con_wrap.ri  { padding-left: 0vw; margin-top: 45px }
	#sub.commerce .section1 .le .back_img,
	#sub.marketing .section1 .le .back_img { margin: 0 auto; max-width: 560px; }


	#sub.commerce .section4:before { height: 55vw; }	
	#sub.commerce .section9 .sec_con2 .ab1 { top: 2vw; }

	#sub.experience .section1 .tit_area .tit_box h2 { font-size: 4.0rem; line-height: 55px;}

	#sub.experience .section4 .inner { padding: 20vw 0 13vw }
	#sub.experience .section4 .flex_box .ri { padding-left: calc(50% + 20px); }
	#sub.experience .section4 .ab { left: calc(50% - 25vw); }

	#sub.experience .section5 .tab_list ul li { width: calc(33.333% - 30px); }

	#sub.brand .section2 .box_wrap { width: 100%; margin-left: 0;}
	#sub.brand .section2 .box_wrap .box { float: none;	width: 100%;margin-left: 0px; }
	#sub.brand .section2 .box .icon_img {  right: 0px;}
}


@media screen and (max-width: 860px){
	#main .btn_wave { left: calc(55.5vw); }

	#main .section2 .cont_wrap .cont_box.le { left: calc(-40vw + -28%); }
}


@media screen and (max-width: 768px){
	.pc{display: none;}
    .mo{display:block;}
	.mo_enter {display:block;}

     
     html{font-size: 56%;}

	 #main .section { padding: 60px 0; }
	 #main .section1 { position: relative; padding-bottom: 0px }
	 #main .section2 {  padding-top: 60px  }

	#header { height: 80px; line-height: 80px; }
	#header .gnb { display: none; }  
	#header .util_mo .mo_open { display: block; }
	#header .logo { left: 20px;	}
	#header .logo img { width: 126px; }

	.popup .pop_inner { padding: 40px 30px;}
	.popup .pop_inner .tit_area h3{font-size:3.0rem; }
	.popup .pop_inner .tit_area h3::before {width: 10px; height: 10px; }
	.popup .pop_inner .pop_cont .agree_txt { font-size: 1.4rem;}
	.popup .pop_inner .pop_close{ width:40px; height:40px; line-height:40px; }
	.popup .pop_inner .pop_cont { margin-top: 15px; height: calc(100vh - 235px);}

	.quick {right: 10px; bottom: 30px;	top: initial;transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);-moz-transform: translateY(0%);}
	.gd-dot::before { width: 10px; height: 10px; bottom: 10px; right: -14px;}
	
	#main .tit_area .tit_box h2,
	#sub .tit_area .tit_box h2,
	#sub.experience .section1 .tit_area .tit_box h2 { font-size: 3.6rem; line-height: 1.1; margin: 10px 0 0 0;}
	#main .tit_area .tit_box span,
	#sub .tit_area .tit_box span {font-size: 1.4rem; line-height: 20px;}
	
	#main .more_bth { width: 100px; }
	#main .more_bth.style2 {border: 1px solid #ddd;   color: #767676 !important;	}

	.main_visual { height: 94vw;  position: relative;  }
	.main_visual > .basic_img.pc { display:none}
	.main_visual .visula_wrap .basic_img { opacity: 0; visibility: visible;}
	.main_visual .video_wrap .basic_img { opacity: 0; visibility: visible; height: 94.4vw; }
	.main_visual .visula_wrap_ri .video_wrap {	left: 2vw /*2.6%;*/	} 
	.main_visual .visula_wrap_ri .videoBox video { height: 100%;}
	.main_visual .visula_wrap .videoBox { height: 100%; top: 0px; }
	.main_visual .visula_wrap_le .videoBox { clip-path: polygon(0 0, 75% 0, 102% 100%, 0% 100%); 	}
	.main_visual .visula_wrap .videoBox video { width: 100%; }
	

	.main_visual .visula_wrap_ri .videoBox {left: -1.9%; clip-path: polygon(0 0, 100% 0, 100% 100%, 26% 100%); }
	/*	.main_visual .visual_shape img {height: calc(100%);	max-width: 100%;}  */

	.main_visual .visula_area { width: 182vw;/* 179%;*/ height: 100%; position: relative; }
	.main_visual .visula_wrap { width: 55.79% /*55.49%*/ }
	.main_visual .visula_wrap_ri { margin-left: -24vw; }
	.main_visual .visula_wrap_le .back_img { background-image:none;  }
	.main_visual .visula_wrap_ri .back_img { background-image:none;}


	.main_visual .visual_shape {width: 100%; /*height: 100%;*/}
	.main_visual .visual_shape img { height: 94.4vw	}
	.main_visual .visula_wrap .gradient { /*width: 100%; height: 100%;*/}
	.main_visual .visula_wrap .gradient { width: auto; height: auto;}
	.main_visual .visula_wrap .gradient img { height: 94.4vw	}
	/*
	.main_visual .visula_wrap .gradient img {  height: calc(100% + 2px);/*calc(100% + 10px); max-width: 101%; }
	*/
	.main_visual .visula_wrap {	width: 101.6vw;	}
	.main_visual .visula_wrap_ri {width: 102vw;	}

	.main_visual .visula_wrap_ri .video_wrap {  left: 3vw  }
	.main_visual .visula_wrap_ri .videoBox {left: -3vw;}

	.main_visual .visula_wrap_le.off .gradient {left: 0.2vw;	}
	
	.main_visual .visula_wrap_le.on .videoBox.bg::before {  background: url('/img/main_visula_videoBg_mo.jpg') no-repeat center / cover; } 	


	#main .txt_wrap {  position: absolute; top: 44vw;left: 6vw;transform: translateX(0%);-webkit-transform: translateX(0%);-o-transform: translateX(0%);-ms-transform: translateX(0%);-moz-transform: translateX(0%); }
	#main .visula_wrap_ri .txt_wrap { left: initial; right: 6vw; text-align: right; }
	#main .txt_wrap .txt .s1 { font-size: 1.4rem; line-height: 1; }
	#main .txt_wrap .txt h2 { margin: 20px 0 10px; font-size: 4.0rem; line-height: 1;  }
	#main .txt_wrap .txt .s2 {font-size: 3.2rem; line-height: 1;   }
	#main .txt_wrap .txt .start_btn { margin-top: 30px;  width: 207px;	height: 60px;line-height: 60px;color: #fff;font-size: 1.4rem; }
	#main .visula_wrap_ri .txt_wrap .txt .start_btn { float: right;}

	#main .btn_wave {  width: 60px; height: 60px; line-height: 55px; top: 39vw; left: 84.5vw; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1);}
	#main .btn_wave img { width: 22px }
	#main .btn_wave .btn_wave_circle { width: 60px; height: 60px;  }

	@keyframes wave_pulse_m {
		0% {
			width: 50px;
			height: 50px;
			opacity: 0;
		}
		25% {
			width: 55px;
			height: 55px;
			opacity: 0.5;
		}
		50% {
			width: 60px;
			height: 60px;
			opacity: 1;
		}
		75% {
			width: 68px;
			height: 68px;
			opacity: 0.5;
		}
		100% {
			width: 74px;
			height: 74px;
			opacity: 0;
		}
	}

	@keyframes wave_pulse_l {
		0% {
			width: 60px;
			height: 60px;
			opacity: 0;
		}
		25% {
			width: 65px;
			height: 65px;
			opacity: 0.5;
		}
		50% {
			width: 70px;
			height: 70px;
			opacity: 1;
		}
		75% {
			width: 78px;
			height: 78px;
			opacity: 0.5;
		}
		100% {
			width: 85px;
			height: 85px;
			opacity: 0;
		}
	}


	#main .section1 .cont_area { margin-top: 10px;}
	#main .section1 .cont { position: relative; width: 100%; max-width: 300px; margin: 0 auto; }
	#main .section1 .cont_wrap:before { content: none;}
	#main .section1 .swiper {  width: 100%; max-width: 300px; margin: 0 auto; padding: 0 28px; box-sizing: border-box; }
	#main .section1 .swiper-slide .desc { display: none;}
	#main .section1 .swiper-slide.swiper-slide-active .desc { display: block;}

	#main .arrow_box { position: static; right: initial; bottom: initial; }
	#main .arrow_box .arrow { position: absolute; top: calc(50% - 25px); transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index: 4; border: 1px solid #939393; background: rgba(255, 255, 255, 0.7); }
	#main .section3 .arrow_box .arrow { position: absolute; top: calc(50% - 54px);}
	#main .arrow_box .arrow.prev { left: -35px;} 
	#main .arrow_box .arrow.next { right: -30px;} 

	#main .section2 .cont_wrap { padding-bottom: 0px; }
	#main .section2 .cont_wrap .cont_box.le {position: relative;top: 0;left: 0; width: 100%;}
	#main .section2 .cont_wrap .cont_box.le .circle > span,
	#main .section2 .cont_wrap .cont_box.le .circle > .cen { display: none }	
	#main .section2 .cont_wrap .cont_box.le .list { position: relative;  top: 0; left: 0px;  margin: 0 auto; width: fit-content; text-align: center;  }
	#main .section2 .cont_wrap .cont_box.le .list li {  margin: 0 10px; position: relative; top: initial; left: initial; display: inline-block;}
	#main .section2 .cont_wrap .cont_box.le .list li.li1,
	#main .section2 .cont_wrap .cont_box.le .list li.li2,
	#main .section2 .cont_wrap .cont_box.le .list li.li3,
	#main .section2 .cont_wrap .cont_box.le .list li.li4,
	#main .section2 .cont_wrap .cont_box.le .list li.li5 { top: initial; left: initial;} 
	#main .section2 .cont_wrap .cont_box.le .list li.li3,
	#main .section2 .cont_wrap .cont_box.le .list li.li4 {margin-top: 10px;}

	#main .section2 .cont_wrap .cont_box.ri { float: none; width: 100%;  padding-top: 50px; } 
	#main .section2 .cont_wrap .cont_box.ri .con_wrap { padding-bottom: 30px;}
	#main .section2 .cont_wrap .cont_box.ri .con_wrap.mo .swiper { display: none; overflow: hidden; position: relative; text-align: center;  padding-bottom: 60px; }	
	#main .section2 .cont_wrap .cont_box.ri .con_wrap.mo .swiper.on { display: block; }
	#main .section2 .cont_wrap .cont_box.ri .con_wrap .top .step { margin: 0 auto;}
	#main .section2 .cont_wrap .cont_box.ri .con_wrap .item .tit h4 { display: inline-block;}
	#main .section2 .cont_wrap .cont_box.ri .con_wrap .item p {width: 100%; max-width: 285px;margin: 0 auto;}

	#main .section2 .cont_wrap .cont_box.ri .con_wrap .top b { font-size: 2.8rem; }
	#main .section2 .cont_wrap .cont_box.ri .con_wrap .item { padding-top: 30px;}
	#main .swiper-pagination-fraction, 
	#main .swiper-pagination-custom, 
	#main .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -5px;}

	#main .section3:before { height: 88%; }
	#main .section3 .size { padding: 0;}
	#main .section3.thumbsTypeA .cont_wrap { margin-top: 10px;}
	#main .section3.thumbsTypeA .tit_area .tab_box { position: relative; right: initial;	bottom: inherit;margin-top: 20px;}
	#main .section3.thumbsTypeA .cont_wrap .thumbs_slide { float: none; width: 100%; max-width: 100%; position: relative;}
	#main .section3.thumbsTypeA .cont_wrap .list_slide { float: none; position: relative; left: initial; margin-left: 0px; width: 100%; margin-top: 50px;}
	#main .section3.thumbsTypeA .cont_wrap .thumbs_slide .desc b { color: #fff;}
 
	#main .section3 .tit_area,
	#main .section3 .cont_wrap .desc,
	#main .section3.thumbsTypeA .cont_wrap .list_slide { padding-left: 20px; padding-right: 20px; }

	#main .section3.thumbsTypeA .cont_wrap .list_slide .control_box { height: auto; width: 320px; margin: 40px auto 0; position: relative; left: -20px;}
	#main .section3 .arrow_box.white .arrow { background: transparent; width: fit-content; border: none;}
	#main .section3 .arrow_box.white .arrow img { width: 16px;}
	#main .section3 .arrow_box .arrow.prev { left: 20px;}
	#main .section3 .arrow_box .arrow.next { right: 20px; }

	#main .section4 { padding-top: 0;}
	#main .section4:before { width: 85%; top: initial; left: initial; bottom: 0; right: 0; height: 95vw;border-top-left-radius: 0px;border-bottom-left-radius: 100px;}
	#main .section4 .cont_wrap { margin-top: 10px; }
	#main .section4 .cont_wrap .cont_box.le,
	#main .section4 .cont_wrap .cont_box.ri { float: none; width: 100%; max-width: 100%; position: relative;  margin: 0; }
	#main .section4 .cont_wrap .cont_box .img_wrap .info .date { font-size: 2.2rem;  }
	#main .section4 .cont_wrap .cont_box .img_wrap .info .time { font-size: 5.0rem; margin-top: 20px }
	#main .section4 .cont_wrap .cont_box .img_wrap .info .live { margin-top: 45px; font-size: 1.2rem; padding: 20px 15px; }
	#main .section4 .cont_wrap .cont_box .img_wrap .info .tit {  font-size: 1.4rem;  margin-top: 30px; }
	#main .section4 .cont_wrap .cont_box .img_wrap .info .tags {  font-size: 1.4rem;  }
	#main .section4 .cont_wrap .cont_box.ri .img_wrap .info .date { font-size: 1.6rem;  }
	#main .section4 .cont_wrap .cont_box.ri .img_wrap .info .time { font-size: 3.0rem; margin-top: 10px }
	#main .section4 .cont_wrap .cont_box .txt { padding: 20px 0 40px 20px;}
	#main .section4 .cont_wrap .cont_box .txt h4 { font-size: 2.0rem;}
	#main .section4 .cont_wrap .cont_box .txt .add { margin-top: 0;}
	#main .section4 .cont_wrap .cont_box.ri ul {width: calc(100% + 10px);margin-left: -10px;margin-top: -10px;}
	#main .section4 .cont_wrap .cont_box.ri ul li {width: calc(50% - 10px); margin-left: 10px;margin-top: 10px;}

	#main .section5 { margin-top: 85px; padding: 80px 0 ; }
	#main .section5 ul li {	width: calc(33.333% - 10px); }
	#main .section5 .cont_wrap { margin-top: 10px}
	#main .section5 ul li { display: none;}
	#main .section5 ul li.list_visible { display: block;}
	
	.banner_area { padding: 0 20px; box-sizing: border-box;}
	.banner_area ul { width: 100%; margin-left: 0px; }
	.banner_area ul li { float: none; width:100%; margin-left: 0px;}
	#main .section6 .banner_area:before {width: 140px; height: 140px;left: inherit;right: 30px;bottom: -50px;}

	#main .section6 { padding-bottom: 0;}
	#main .section6 .inner { padding-top: 80px; }

	
	#main .contact_area .size,
	.contact_area .size { padding: 0}
	.contact_area .tit_area {padding: 0 20px 20px }
	#sub .section_map {	padding-bottom: 0px;}
	#main  .contact_area .cont_wrap,
	.contact_area .cont_wrap {margin-top: 10px;}
	#main .contact_area .cont_wrap .cont_box.le,
	#sub .contact_area .cont_wrap .cont_box.le,
	.contact_area .cont_wrap .cont_box.le {  float: none; width: 100%;  height: auto ; }
	#main .contact_area .cont_wrap .cont_box.ri,
	#sub .contact_area .cont_wrap .cont_box.ri,
	.contact_area .cont_wrap .cont_box.ri { float: none; width: 100%;  height: 330px }
	.contact_area .cont_wrap .bbs { padding: 20px 20px 60px 20px;}

	.contact_area .cont_wrap .bbs .ipt_con .con.clear2  { width: 100%;margin-left: 0px;}
	.contact_area .cont_wrap .bbs .ipt_con .con.clear2 > p { float: none; width: 100%; margin-left: 0px;}


	/****************************************************/

	.sub_visual .inner {height: 100px;}
	.sub_visual .inner h2 { font-size: 3.0rem; line-height: 1;}

	#sub .section {	padding: 60px 0;}
	#sub.commerce .section9 .sec_con .inner { padding: 60px 0; }
	#sub.commerce .section9 .sec_con2 .inner { padding: 60px 0 11.6vw; }
	#sub .section_map {padding-bottom: 0px; position: relative}
	#sub.contact .section_map { padding: 60px 0; padding-bottom: 0px;}
	#sub .bbs:not(.contact_area .bbs) {	padding: 60px 0;}
	#sub.brand .section5 {	padding: 110px 0 80px;	margin-bottom: 60px;	}

	.slideTypeA {padding: 0px 0 65px !important;	}
	#sub .listTypeA .box { padding: 100px 50px 80px; }
	.slideTypeA .swiper-slide .txt .num { width: 64px; height: 64px; line-height: 64px; margin-left: -32px;	top: -32px; }
	.slideTypeA .swiper-slide .txt p { font-size: 1.5rem; line-height: 20px;}
	#sub.press .section4 .listTypeA .box,
	#sub.experience .section3 .listTypeA .box, 
	#sub.sns .section3 .listTypeA .box, 
	#sub.video .section2 .listTypeA .box { height: 320px;}	
	#sub.commerce .section5 .listTypeA .box { }

	.flex_box3  { flex-direction: column;}
	.viewType .title .le {	width: auto; margin: 0 auto;}
	.viewType .title .ri { width: 100%; padding-left: 0px; min-height: auto; margin-top: 20px;}
	.viewType .title .infos_wrap .desc + .btn {  width: 100%; margin-top: 20px; position: relative; bottom: initial;}
	.bbs2 .view .cont {	padding: 30px;}
	#sub .btns {	margin: 30px auto 0;}

	.con_wrap .txt p {font-size: 1.5rem;line-height: 26px;}
	
	#sub .bbs .srch_area .srch_wrap { width: 80%; }
	#sub .list_area ul {width: calc(100% + 20px);	margin-left: -20px;	margin-top: -20px;	}
	#sub .list_area ul li {	width: calc(50% - 20px); margin-left: 20px; margin-top: 20px;}
	#sub .list_area ul li > a .desc {padding: 15px 10px;}
	#sub .list_area ul li > a .desc .tit {padding-bottom: 10px;}

	#sub .listTypeB.item4 { width: calc(100% + 20px);	margin-left: -20px;	margin-top: -20px;}
	#sub .listTypeB.item4 li {	width: calc(50% - 20px);	margin-left: 20px;	margin-top: 20px;	}

	#sub .listTypeB.item5 {width: calc(100% + 10px); margin-left: -10px;  margin-top: -10px; text-align: center; }
	#sub .listTypeB.item5 li {	width: calc(33.333% - 12px); margin-left: 10px;	margin-top: 10px; float: none; display: inline-block;	box-sizing: border-box;	}

	#sub .listTypeD { width: 100% }
	#sub .listTypeD li { float: none; }
	#sub .listTypeD.item3 li, #sub .listTypeD.item4 li  {  width: 100%; }

	#sub .listTypeD .tit { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; text-align: center; color: #fff; letter-spacing:-0.8px; background: radial-gradient(rgba(141, 61, 52, 0.9) 20%, transparent 80% );background: -webkit-radial-gradient(rgba(141, 61, 52, 0.9) 20%, transparent 80% );background: -moz-radial-gradient(rgba(141, 61, 52, 0.9) 20%, transparent 80% );}
	#sub .listTypeD .tit .tbc > * { display: block}
	
	/*
	#sub .listTypeD .tit span.over { color: #fff; line-height: 30px; font-size: 1.4rem;  }
	#sub .listTypeD .tit h3 { font-size: 2.4rem; line-height: 30px; }
	#sub .listTypeD .tit p {  font-size: 1.6rem; line-height: 34px; margin-top: 40px; }
	*/
	#sub .listTypeD + .arrow_box { right: 20px}
	#sub .listTypeD .arrow_box .arrow:hover {	border: 1px solid #fff; box-sizing: border-box;	}

	#sub .thumbsTypeA .tit_area .tab_box { position: relative; right: initial; bottom: initial; margin-top: 35px;}
	#sub .thumbsTypeA .cont_wrap { margin-top: 0px;}
	#sub .thumbsTypeA .cont_wrap .thumbs_slide { float: none; width: 100%; max-width: 477px; margin: 0 auto;}
	#sub .thumbsTypeA .cont_wrap .thumbs_slide .swiper { padding-bottom: 25px;}

	.con_wrap .txt p + p {margin-top: 25px;	}
	.btn_rd { margin-top: 30px;}

	#sub.company .con_wrap h3 { font-size: 2.2rem; line-height: 1;}

	#sub.company .section1 .con_area.flex_box { padding-top: 0;}
	#sub.company .section1 .back_txt { font-size: 10.7vw; top: -3vw;}
	#sub.company .con_wrap .signature { margin-top: 20px;}

	#sub.company .section2 .con_wrap.ri .back_img { position: relative;}
	#sub.company .section2 .back_txt2 { font-size: 10.7vw; bottom: -13.5vw; }
	#sub.company .section2 .back_txt2 span { display: block;}
	#sub.company .section2 .back_txt2 span + span { margin-top: -13px}
	#sub.company .section2 .con_wrap.le {	padding-top: calc(12vw + 45px);	}

	#sub.company .section3 {padding: 70px 0 100px;     margin-bottom: 70px; }
	#sub.company .section3 .tit_box span { font-size: 2.4rem; line-height: 1; }
	#sub.company .section3 .tit_box h2 { font-size: 6.0rem; line-height: 1;}
	#sub.company .section3 .listType {	width: calc(100% + 25px); margin-left: -25px;}
	#sub.company .section3 .listType li {width: calc(50% - 25px); margin-left: 25px; box-sizing: border-box; height: 30vw; max-height: 220px;}

	.slideTypeC.swiper-container { overflow: inherit; }
	.slideTypeC .swiper-slide { max-width: 250px; }
	.slideTypeC .video_wrap { top: calc(50% - 5px);}
	.slideTypeC .phone { width: 252px;}
	.slideTypeC .phone .arrow_box { position: static; right: initial; bottom: initial;}
	.slideTypeC .phone .arrow_box .arrow { border: 1px solid #939393; position: absolute; top: 50%; transform:translateY(-50%) ;  -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); 	-ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.slideTypeC .phone .arrow_box .arrow img { width: 11px;}
	.slideTypeC .phone .arrow_box .arrow.prev { left: -50px;}
	.slideTypeC .phone .arrow_box .arrow.next { right:  -50px}

	.slideTypeD .swiper-slide .name { font-size: 1.6rem; height: 64px;  line-height: 64px; }
	.exclusive .name { height: 64px; font-size: 2.5rem !important; }

	#sub .listTypeC li {width: calc(33.333% - 10px);}



	#sub.brand .section3 .listType { width: 100%; margin-left: 0;}
	#sub.brand .section3 .listType li {	width: 100%; margin-left: 0; }
	#sub.brand .section3 .listType li .box { height: auto;}
	/*#sub.brand .listTypeD .tit .over br { display: block;}*/

	#sub.commerce .con_area, 
	#sub.marketing .con_area { margin-top: 30px;}

	#sub.commerce .con_wrap .txt,
	#sub.marketing .con_wrap .txt,
	#sub.brand .section5 .con_area {	margin-top: 0px;	}

	#sub.commerce .section1 .con_area.flex_box,
	#sub.marketing .section1 .con_area.flex_box  { padding-top: 0; margin-top: 0;}

	

	#sub.commerce .section5 .inner:after { content: none;}

	/*#sub.commerce .section4.bg_dark:before { height: 80%;} */

	#sub.commerce .section4:before { height: 88%; }
	#sub.commerce .section4 .size { padding: 0;}
	#sub.commerce .section4.thumbsTypeA .cont_wrap { margin-top: 10px;}
	#sub.commerce .section4.thumbsTypeA .tit_area .tab_box { position: relative; right: initial;	bottom: inherit;margin-top: 20px;}
	#sub.commerce .section4.thumbsTypeA .cont_wrap .thumbs_slide { float: none; width: 100%; max-width: 100%; position: relative;}
	#sub.commerce .section4.thumbsTypeA .cont_wrap .list_slide { float: none; position: relative; left: initial; margin-left: 0px; width: 100%; margin-top: 50px;}
	#sub.commerce .section4.thumbsTypeA .cont_wrap .thumbs_slide .desc b { color: #fff;}

	


	
	#sub.commerce .section4 .tit_area,
	#sub.commerce .section4 .cont_wrap .desc,
	#sub.commerce .section4.thumbsTypeA .cont_wrap .list_slide { padding-left: 20px; padding-right: 20px; }

	#sub.commerce .section4.thumbsTypeA .cont_wrap .list_slide .control_box { height: auto; width: 320px; margin: 40px auto 0; position: relative; left: -20px;}
	
	#sub.commerce .section4 .arrow_box { position: static; right: initial; bottom: initial; }
	#sub.commerce .section4 .arrow_box .arrow { position: absolute;  top: calc(50% - 54px); transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index: 4; border: 1px solid #939393; background: rgba(255, 255, 255, 0.7); }

	#sub.commerce .section4 .arrow_box.white .arrow { background: transparent; width: fit-content; border: none;}
	#sub.commerce .section4 .arrow_box.white .arrow img { width: 16px;}
	#sub.commerce .section4 .arrow_box .arrow.prev { left: 20px;}
	#sub.commerce .section4 .arrow_box .arrow.next { right: 20px; }



	#sub.commerce .section7.bg_dot:before { height: calc(94% - 30px); border-top-left-radius: 125px; top: 30px; left: calc(75% - 30px); }
	#sub.commerce .section7 .inner { padding-bottom: 13vw; }
	#sub.commerce .section7  .con_area { position: relative;}
	#sub.commerce .section7 .arrow_box {right: 0px; bottom: -70px;}

	#sub.commerce .section8 .box_wrap {	width: 100%;	margin-left: 0px;margin-top: 0px;}
	#sub.commerce .section8 .box_wrap .box {float: none;width: 100%;margin-left: 0px;	margin-top: 0px; padding: 60px 20px;	}
	#sub.commerce .section8 .box_wrap .box + .box { margin-top: 20px;}
	#sub.commerce .section8 .box_wrap .box .icon_img { margin-top: 0px;}

	#sub.commerce .section9 .sec_con2 .ab1 {bottom: 57%; top: initial; }
	#sub.commerce .section9 .sec_con2 .ab2 {  bottom: -1vw;}
	#sub.commerce .section9 .sec_con2 .ab1 img { width: 35vw;}
	#sub.commerce .section9 .sec_con2 .ab2 img { width: 50vw; }

	#sub.commerce .section9 .con_area .table {	margin-top: 40px;	}
	#sub.commerce .section9 .con_area .box_wrap .tit {padding-left: 0; margin: 0; width: 100%;}
	#sub.commerce .section9 .con_area .box_wrap .tit .ab { display: none;}
	#sub.commerce .section9 .con_area .box_wrap .tit h2 { position: relative;     display: inline-block; }
	#sub.commerce .section9 .con_area .box_wrap .tit h2::after { content: url('/img/commerce_sec9_titImg.svg'); display: block; clear: both; width: 93px; position: absolute; right: -110px;	bottom: -5px;	}
	#sub.commerce .section9 .sec_con2 .tit_box .des { font-size: 1.5rem; line-height: 25px;}
	#sub.commerce .section9 .con_area .box_wrap .tit .des br { display: none;}
	
	#sub.commerce .section11 ul li { display: none; width: calc(33.333% - 10px); }
	#sub.commerce .section11 ul li.list_visible { display: block;}
	#sub.commerce .section11  .btns_wrap {text-align: center;	margin-top: 30px;}
	#sub.commerce .section11 .more {cursor: pointer;	display: inline-block;width: 220px;	height: 60px;text-align: center;	line-height: 60px;	font-size: 1.6rem;	letter-spacing: -0.5px;	color: #fff;	border-radius: 30px;background: #000;	}


	#sub.press .section2 .inner:after { content: none;}
	#sub.press .section7 .mo .img_wrap { border: 1px solid #f2f2f2;	position: relative;	}
	#sub.press .section7 .mo .txt {	display: inline-block;	margin-top: 12px;width: 100%;text-align: center;	color: #111;font-size: 1.6rem; line-height: 26px;letter-spacing: -0.8px;	}
	#sub.press .section7 .mo li a { position: relative;}
	#sub.press .section7 .mo .view_btn.red { width: 64px; height: 64px;line-height: 64px;position: absolute;right: 20px;bottom: 55px;margin: 0;}
	
	#sub.experience .section4 .inner { padding: 35px 0 70px }
	#sub.experience .section4 .flex_box  { flex-direction: column;}
	#sub.experience .section4 .flex_box .ri { padding-left: 0; margin-top: 70px; text-align: center;}
	#sub.experience .section4 .con_wrap.ri h3, 
	#sub.experience .section4 .con_wrap.ri h2 { line-height: 50px; letter-spacing: -0.8px  }
	#sub.experience .section4 .con_wrap.ri h3 { font-size: 3.0rem; }
	#sub.experience .section4 .con_wrap.ri h2 { font-size: 5.0rem; }
	#sub.experience .section4 .con_wrap.ri .txt p { font-size: 1.5rem;}
	
	#sub.experience .section4 .ab {  position: relative;	bottom: inherit;left: initial;width: 100%;max-width: 333px; margin: 0 auto; }
	
	#sub.experience .section5 .con_area { min-height: auto;}
	#sub.experience .section5 .tab_list { margin-top: 35px ;}
	#sub.experience .section5 .tab_list ul {width: calc(100% + 10px);margin-left: -10px;margin-top: -10px;}
	#sub.experience .section5 .tab_list ul li { width: calc(50% - 10px); margin-left: 10px; margin-top: 10px; }
		
	#sub.experience .section5 .tab_area { position: relative; height: 72px;}
	#sub.experience .section5 .tab_wrap { max-width: 300px;  position:relative; box-sizing: border-box; }
	#sub.experience .section5 .tab_wrap > a { display: inline-block;  box-sizing: border-box; font-size: 1.4rem;  text-align: center;  background: #fff url('../img/icon_drp_down.png'); background-repeat: no-repeat;  background-position: right 30px top 50%;  background-size: 12px; border-radius: 25px; width: 100%; height: 100%;  line-height: 50px;  padding: 0 15px; color: #e60013;}
	#sub.experience .section5 .tab_wrap.on { z-index: 10; position: absolute; left: 50%;	transform: translateX(-50%);	transform:translateX(-50%) ; 	-webkit-transform:translateX(-50%); -o-transform:translateX(-50%); 	-ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	#sub.experience .section5 .tab_wrap.on > a { background: #e60013 url('../img/icon_drp_up.png'); background-repeat: no-repeat;  background-position: right 30px top 50%; background-size: 12px; color: #fff;  }

	#sub.experience .section5 .tab_wrap .drp_box{ display:none; padding:0; box-sizing:border-box;  /*position:absolute;  left:10px; top:62px; */ position: relative; margin-top: 2px; z-index:20; width:100%;  }
	#sub.experience .section5 .tab_wrap .drp_box > ul  { width: 100%; margin-left: 0;}
	#sub.experience .section5 .tab_wrap .drp_box > ul > li { float: none; width: 100%;  box-sizing: border-box; margin-left: 0 }
	#sub.experience .section5 .tab_wrap .drp_box > ul > li + li { margin-top: 2px;}
	#sub.experience .section5 .tab_wrap .drp_box > ul > li > a {display:block; padding: 0 15px; text-align:center;   line-height: 50px; box-sizing:border-box; font-size:1.4rem; color:#222; border-radius: 25px; background: #fff; }
	#sub.experience .section5 .tab_wrap .drp_box > ul > li:hover a { color: #e60013;}

	#sub.experience .section5 .tab_list ul li .box { padding: 50px 35px 25px ;}
	#sub.experience .section5 .tab_list ul li .box .more { margin-top: 20px;}
	#sub.experience .section5 .tab_list ul li .box .prod {	line-height: 20px; }
	#sub.experience .section5 .tab_list ul li .box .tit h3 { font-size: 2.2rem;}
	#sub.experience .section5 .tab_list ul li .box .prod p { font-size: 1.5rem; min-height: 40px;}

	#sub.brand .section2 .arrow_box { position: relative; left: initial; bottom: initial; margin-top: 25px;}
	#sub.brand .section2 .arrow_box .arrow {margin-left: 0px;}
	#sub.brand .section2 .arrow_box .arrow + .arrow {margin-left: 5px;}
	#sub.brand .section2 .box { padding: 45px 40px 60px; }
	
	#sub.brand .section2 .box .txt { margin-top: 30px;}
	#sub.brand .section2.bg_dot2:before { height: 95%;	border-bottom-right-radius: 125px; left: 0px;	width: 88vw;background: linear-gradient(317deg,#ed8000 -15%, #e60013 99%);background: -webkit-linear-gradient(317deg,#ed8000 -15%, #e60013 99%);     }
	#sub.brand .section2  .box .top h3 {  font-size: 1.6rem; margin-bottom: 10px; } 
	#sub.brand .section2  .box1 .top .tit img { width: 200px;}
	#sub.brand .section2  .box2 .top .tit img { width: 165px;}

	#sub.brand .section3 .listType li .box p { font-size: 1.5rem; margin-top: 20px;}

	#sub.brand .section5 { position: relative;	background: url(/img/brand_sec5_bg_mo.jpg);  background-repeat: no-repeat; background-position: center;	background-size: cover;}
	#sub.brand .section5 .arrow_box { bottom: initial; top: -25px; right: 20px }

	#sub .section.radius_tr { border-radius: 0;}
	#sub .section.bg_dot:before { height: calc(100% - 30px); border-top-left-radius: 125px; top: 30px;	left: calc(75% - 30px); }

	.thumbsTypeA .tit_area .tab_box ul li + li { padding-left: 30px; }
	.thumbsTypeA .tit_area .tab_box ul li + li:before { left: 15px; }

}

@media screen and (max-width: 640px){
	#sub.company .section1 .back_txt { top: -2.5vw;}
	#sub.company .section2 .back_txt2 {  bottom: -13vw;  }
	#sub.company .section2 .back_txt2 span + span {	margin-top: -10px; }
	#sub.company .section2 .con_wrap.le {	padding-top: calc(10vw + 45px);	}
}

@media screen and (max-width: 540px){
	.mo_enter2 {display:block;}
	.mo1 {display:none;}
	.mo2 {display:block;}

	#main .txt_wrap .txt .s1 { font-size: 1.2rem; line-height: 1; }
	#main .txt_wrap .txt h2 { margin: 15px 0 10px; font-size: 2.8rem; line-height: 1;  }
	#main .txt_wrap .txt .s2 {font-size: 2.0rem; line-height: 1;   }
	#main .txt_wrap .txt .start_btn { margin-top: 30px;  }
	#main .btn_wave { left: 83.5vw; }

	#sub.company .section3 .listType li { height: 50vw;  max-height: 100%;  }

	#sub.experience .section1 .tit_area .tit_box h2 br { display: none;}
}

@media screen and (max-width: 520px){
	#main .section2 .cont_wrap .cont_box.le .list { width: 100%;}
	#main .section2 .cont_wrap .cont_box.le .list li {  width: 25%; }
	#main .section2 .cont_wrap .cont_box.le .list li.li1 .box,
	#main .section2 .cont_wrap .cont_box.le .list li.li2 .box,
	#main .section2 .cont_wrap .cont_box.le .list li.li3 .box,
	#main .section2 .cont_wrap .cont_box.le .list li.li4 .box,
	#main .section2 .cont_wrap .cont_box.le .list li.li5 .box { width: 100%; height: 26vw;} 

}

@media screen and (max-width: 480px){
	#sub.commerce .section9 .con_area .box_wrap .tit h2::after { width: 15vw; right: -17vw;	}

}


@media screen and (max-width: 450px){
	html{font-size: 58%;}

}

@media screen and (max-width: 430px){
	html{font-size: 55%;}
	#main .more_bth {width: 85px;font-size: 11px;}

	#main .section2 .cont_wrap .cont_box.le .list li { margin: 0 5px; width: 26%; }
	#main .section2 .cont_wrap .cont_box.le .list li .box span { font-size: 1.2rem; padding: 47px 10px 0;  }
	#main .section2 .cont_wrap .cont_box.le .list li.li1 .box span { background-size: 40px; }
	#main .section2 .cont_wrap .cont_box.le .list li.li2 .box span { background-size: 40px;}
	#main .section2 .cont_wrap .cont_box.le .list li.li3 .box span { background-size: 38px;}
	#main .section2 .cont_wrap .cont_box.le .list li.li4 .box span { background-size: 47px;}
	#main .section2 .cont_wrap .cont_box.le .list li.li5 .box span { background-size: 41px; }

	#main .txt_wrap .txt .start_btn { margin-top: 3vw; width: 50vw; max-width: 200px; height: 14vw; line-height: 14vw; }
	#main .btn_wave { left: 82.5vw; transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);-moz-transform: scale(0.8); }

	#main .section4 .cont_wrap .cont_box.le .img_wrap:hover .back_img {border-bottom-right-radius: 25%;  }
	#main .section4 .cont_wrap .cont_box.ri .img_wrap:hover .back_img {border-bottom-right-radius: 30%;  }

	.view_btn.red  {width: 50px; height: 50px; line-height: 50px;  }
	#main .section4 .cont_wrap .cont_box.ri .img_wrap .view_btn {width: 40px;height: 40px;	line-height: 40px;	right: -2px; }
	.view_btn.black:before { background-size: 15px; }

	/**********************************************/

	#sub .bbs .srch_area .srch_wrap { width: 100%; position: relative; margin-top: 20px;}
	
	#sub .thumbsTypeA .tit_area .tab_box ul li + li {padding-left: 20px;}
	#sub .thumbsTypeA .tit_area .tab_box ul li + li:before {left: 10px;}
	#sub .thumbsTypeA .tit_area .tab_box ul li a { font-size : 1.8rem;}
	#sub .listTypeA .box {	padding: 80px 30px 80px;}

	#sub.press .section4 .listTypeA .box,
	#sub.experience .section3 .listTypeA .box,
	#sub.sns .section3 .listTypeA .box,
	#sub.video .section2 .listTypeA .box  { height: 230px;}

	.listTypeA .swiper-slide .box br { display: none;}

	.slideTypeA .swiper-slide .txt { height: 170px;}
	.slideTypeA .swiper-slide.swiper-slide-active { border-radius: 0 0 70px 0;  }

	#sub.company .section3 .listType li .box p br { display: none;}


	#sub.commerce .section7.bg_dot:before {	height: calc(100% - 30px);left: calc(65% - 10px);	}
	#sub.commerce .section7 .arrow_box {right: -2vw}

	#sub.commerce .section8 .box_wrap .box {padding: 30px 20px;}
	#sub.commerce .section8 .box_wrap .box .txt {margin-top: 20px;}
	#sub.commerce .section8 .box_wrap .box .txt p + p {margin-top: 10px;}

	#sub.commerce .section9 .sec_con2 .ab1 {bottom: 60%; }


	#sub.commerce .section9 .con_area .box_wrap .tit .top { font-size: 2.6rem; }
	#sub.commerce .section9 .con_area .box_wrap .tit h2 { font-size: 3.0rem;}
	
	#sub.press .section7 .mo .view_btn.red { width: 40px; height: 40px;line-height: 40px;right: 10px;bottom: 40px;}
    #sub.press .section7 .mo .view_btn.red:before { background-size: 15px; }

	#sub.brand .section2 .box {	padding: 35px 25px 40px; }
	#sub.brand .section2 .box1 .top .tit img,
	#sub.brand .section2 .box2 .top .tit img {  width: auto;  height: 45px;}
	#sub.brand .section2 .box .icon_img { width: 70px; height: 70px; right: -10px;}
}

@media screen and (max-width: 375px){
	html{font-size: 45%;}

	#main .section { padding: 40px 0; }
	#main .section5 { margin-top: 45px;}
	#main .section6 {padding-bottom: 0;	}

	.contact_area .cont_wrap .bbs {  padding: 20px 10px 30px 10px; }
	#main .section2 .cont_wrap .cont_box.le .list li .box span { padding: 47px 0 0;  }

	#main .section3.thumbsTypeA .cont_wrap .list_slide .control_box { width: 80%; margin: 40px auto 0; position: relative; left: -20px;}

	#main .section5 ul li {	width: calc(50% - 10px);}

	#main .arrow_box .arrow.prev { left: -15px;} 
	#main .arrow_box .arrow.next { right: -10px;} 

	#main .btn_wave { left: 81.5vw; }

	/*************************************************/

	#sub .section {	padding: 40px 0;}
	#sub.commerce .section9 .sec_con .inner { padding: 40px 0; }
	#sub.contact .section_map { padding: 40px 0; padding-bottom: 0px;}

	#sub .list_area ul {width: 100%;	margin-left: 0px;}
	#sub .list_area ul li {	width: 100%; margin-left: 0px; }

	#sub.company .section3 .listType li { height: 60vw; }
	#sub.commerce .section11 ul li {  width: calc(50% - 10px); }

	#sub.experience .section5 .tab_list ul { width: 100%; margin-left: 0;}
	#sub.experience .section5 .tab_list ul li { width: 100%;  margin-left: 0}
	#sub.experience .section5 .tab_list ul li .box .prod p { min-height: auto;}

	#sub.commerce .section7 .arrow_box { right: -3.5vw;} 

	#sub.commerce .section9 .sec_con2 .ab1 {bottom: 62%; }
}


@media screen and (max-width: 320px){
	#sub.commerce .section9 .sec_con2 .ab1 {bottom: 64%; }
}