/*sub*/	
	.svisualbox1{position:relative; width:100%; height:min(max(300px,70vw),700px); overflow:hidden; z-index:1;}
	
	.svisualbox1 .slider1{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
	
	.svisualbox1 .slider1 .slick-list,  
	.svisualbox1 .slider1 .slick-track, 
	.mainimg1{
		width:100%; height:100%;
	}
	.svisualbox1,
	.svisualbox1 .slider1 .slick-list{}
	.svisualbox1 .slider1 .mainimg1{
		width:100%;
		height:100%;
		background-size:cover !important;
	}
	.svisualbox1 .visualtxt1{
		position:absolute; left:0; top:50%;
		width:100%;
		transform:translateY(-50%);
		text-align:center;
		z-index:10;		
	}
	.svisualbox1 .visualtxt1 .txt1{
		opacity:0;
		transform:translateY(-20px);
		filter: blur(10px);
		transition:transform ease .6s 0s, opacity ease .6s 0s, filter ease .6s 0s
	}
	.svisualbox1 .visualtxt1 .txt1 h3{
		font-weight:600; color:#fff; font-size:min(max(20px, 8vw),65px); line-height:min(max(20px, 8vw),65px);
	}
	.svisualbox1 .visualtxt1 .txt1 > ul{
		display:flex; justify-content:center; align-items:center; gap:0 10px;
		margin-top:min(max(10px, 3vw), 30px);
		color:#fff;
	}
	.svisualbox1 .visualtxt1 .txt1 > ul > li{
		position:relative;
		font-size:min(max(12px, 3vw),18px);
	}
	.svisualbox1 .visualtxt1 .txt1 > ul > li:first-child{
		width:min(max(10px, 2vw), 15px); height:min(max(10px, 2vw), 15px);
		background:url(../../images/common/ico/ico_home1.png) no-repeat center center; background-size:cover;
	}
	.svisualbox1 .visualtxt1 .txt1 > ul > li:nth-child(3){
		margin-left:10px;
	}
	.svisualbox1 .visualtxt1 .txt1 > ul > li:nth-child(3)::before{
		display:inline-block;
		width:3px; height:3px;
		transform:translate(-8px,calc(0px - min(max(3px, .5vw), 5px)));
		border-radius:50%;
		background:#fff;
		content:"";
	}
	
	.svisualbox1 .active .visualtxt1 .txt1{
		opacity:1.0;
		transform:translateY(0);
		filter: blur(0);
		transition:transform ease .8s 0s, opacity ease .8s 0s, filter ease .8s 0s
	}
	
	.svisualbox1 .slider1 .mainimg1{
		background-size:cover !important;
		-webkit-transition:transform 5400ms  ease-in-out ;
		-moz-transition:transform 5400ms ease-in-out ;
		-o-transition:transform 5400ms ease-in-out ;
		-ms-transition:transform 5400ms ease-in-out ;
		transition:transform 5400ms ease-in-out ;	
		transform: scale(1.1) ;
	}
	.svisualbox1 .slider1 .active .mainimg1{
		-ms-transform: scale(1.1,1.1) rotate(0.002deg);
		-o-transform: scale(1.1,1.1) rotate(0.002deg);
		-moz-transform: scale(1.1,1.1) rotate(0.002deg);
		-webkit-transform: scale(1.1,1.1) rotate(0.002deg);
		transform: scale(1.0) rotate(0.002deg);
	}
	
	.submenu1{position:relative; 
		backdrop-filter: blur(5px);
		margin-top:-80px;
		/*overflow-x:auto;*/
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		z-index:5;
	}
	.submenu1::-webkit-scrollbar {
		width: 0;
		height:4px;
		background-color: rgba(0,0,0,.0);
	}
	.submenu1::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background-color: rgba(0,0,0,.4);
	}
	.leftmenu01 > li > ul{position:relative; 
		display:flex; margin:0 auto;
		width:100%; max-width:1400px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
	}
	.leftmenu01 > li > a.deplnk1{
		display:none;
	}
	.leftmenu01 > li > ul > li{
		position:relative; vertical-align:middle; flex:1; height:80px; text-align:center; font-size:18px; font-weight:400; transition:background ease .4s 0s;
	}	
	.leftmenu01 > li > ul > li a{
		position:relative; display:block; color:#fff; padding:31px 0; 
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease; display: flex; flex-direction: column; 
	}
		
	.leftmenu01 > li > ul > li:focus, .leftmenu01 > li > ul > li.on, .leftmenu01 > li > ul > li:hover{
		background:#fff;		
	}
	.leftmenu01 > li > ul > li a:active, .leftmenu01 > li > ul > li a:focus, .leftmenu01 > li > ul > li.on a, .leftmenu01 > li > ul > li a:hover{ color:#333; font-weight:500;}
	

	.leftmenu01 > li > ul > li{
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-animation:textUp1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}
	.leftmenu01 > li > ul > li:nth-child(2){animation-delay:.2s;}
	.leftmenu01 > li > ul > li:nth-child(3){animation-delay:.4s;}
	.leftmenu01 > li > ul > li:nth-child(4){animation-delay:.6s;}
	.leftmenu01 > li > ul > li:nth-child(5){animation-delay:.8s;}
	.leftmenu01 > li > ul > li:nth-child(6){animation-delay:1.0s;}
	.leftmenu01 > li > ul > li:nth-child(7){animation-delay:1.2s;}
	
	
	@media (max-width: 878px) {
		.submenu1{						
			margin-top:-80px;
		}
		.leftmenu01 > li{			
		}
		.leftmenu01 > li > a.deplnk1{
			position:relative;
			display:block;
			backdrop-filter: blur(5px);
			padding:31px var(--area-padding);
			box-sizing:border-box;
			color:#fff; font-size:18px;
		}
		.leftmenu01 > li > a.deplnk1::after{
			position:absolute; right:var(--area-padding); top:50%;
			transform:translateY(-50%);
			width:14px; height:12px;
			background:url(../../images/common/ico/ico_arr1.png) no-repeat center center; background-size:cover;
			content:"";
			transition:transform ease .4s 0s;
		}
		.leftmenu01 > li{
			position:relative;
		}
		.leftmenu01 > li > ul{
			position:absolute; left:0; top:80px;
			display:block;
			max-height:0;
			overflow:hidden;
			background:#fff;			
		}
		.leftmenu01 > li > ul > li{
			background:#fff;
			border-bottom:1px solid #ddd;
			height:auto;			
		}
		.leftmenu01 > li > ul > li > a{
			color:#333;
			padding:min(max(5px, 4vw),29px) var(--area-padding);
			font-size:min(max(1vw, 5.2vw),18px);
		}
		.leftmenu01 > li.active > a.deplnk1::after{
			transform:translateY(-50%) rotateX(180deg);
			transition:transform ease .4s 0s;
		}
		.leftmenu01 > li.active > ul{
			max-height:600px;
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
		}
	}
	@media (max-width: 767px) {
		.submenu1{						
			margin-top:-50px;
		}
		.leftmenu01 > li > a.deplnk1{			
			padding:16px var(--area-padding);
			font-size:16px;
		}
		.leftmenu01 > li > ul{
			top:50px;
		}
	}
	
	
	.loc{position:relative; padding-bottom:min(max(16px, 12vw),80px); }
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{position:relative;  color:#333333; font-weight:400; font-size:min(max(16px, 7vw),40px); line-height:min(max(16px, 7vw),40px);}
	
	
	.subcont1{
		width:100%; max-width:var(--area-main-width);
		margin:0 auto;
		box-sizing:border-box;		
	}
	.subcont1.flex{
	}
	
/*sub*/
	
	.tabbox1{
		position:relative;
		margin-bottom:min(max(1vw, 1vw),20px);
		z-index:2;
	}
	.tabbox1 > .tabtit1{
		display:none;
	}
	.tabbox1 > ul{
		display:flex; gap:min(max(1vw, 1vw),10px); justify-content:center;
		margin:0 auto;
	}
	.tabbox1 > ul > li{
		background:#eeeeee;
		border-radius:30px;
		transition:all .5s ease;
	}
	.tabbox1 > ul > li > a{
		position:relative;
		display:block;		
		padding:min(max(1vw, 1.4vw),14px) min(max(1vw, 4vw),30px);
		font-weight:500; color:#333; font-size:min(max(1vw, 3vw),20px); line-height:min(max(1vw, 5vw),28px);
		transition:color .3s ease;
	}
	.tabbox1 > ul > li > a::before{
		position:absolute; left:50%; top:0;
		transform:translateX(-50%);
		width:10px; height:10px;
		border-radius:50%;
		background:#e71e0f;
		opacity:0;
		transition:all .4s ease;
	}
	.tabbox1 > ul > li.on, .tabbox1 > ul > li:hover{
		background:var(--main-color1);
	}
	.tabbox1 > ul > li.on a, .tabbox1 > ul > li:hover a{
		color:#fff;
	}
	@media screen and (max-width: 767px){
		
		.tabbox1 > .tabtit1{
			position:relative;
			display:block;
			text-align:left;
			padding:min(max(5px, 3vw),14px) var(--area-padding);
			box-sizing:border-box;
			color:#fff; font-size:18px; font-weight:500;
			border-radius:30px;
			background:var(--main-color1);
			transition: all 0.4s ease;
			z-index:3
		}
		.tabbox1 > .tabtit1::after{
			position:absolute; right:var(--area-padding); top:50%;
			transform:translateY(-50%);
			width:14px; height:12px;
			background:url(../../images/common/ico/ico_arr1.png) no-repeat center center; background-size:cover;
			content:"";
			transition:transform ease .4s 0s;
		}
		.tabbox1 > ul{
			position:absolute; left:-1px; top:100%;
			display:block;
			overflow:hidden;			
			max-height:0;
			background:#fff;
			width:100%;
			padding-top:20px; margin-top:calc(-0px - min(max(1vw, 9vw),22px));
			border:1px solid #ddd; border-top:none;
			-webkit-transition: all 0.4s ease;
			border-radius:0 0 min(max(1vw, 7.6vw),25px) min(max(1vw, 7.6vw),25px);
		}
		.tabbox1 > ul > li{
			padding:0;
			background:#fff;
			border-bottom:1px solid #ddd;
			height:auto;
			text-align:left;
			border-radius:0;			
		}
		.tabbox1 > ul > li > a{
			color:#333;
			padding:min(max(5px, 2vw),10px) var(--area-padding);
			font-size:min(max(1vw, 5.2vw),18px);
		}
		.tabbox1.active > a.deplnk1::after{
			transform:translateY(-50%) rotateX(180deg);
			transition:transform ease .4s 0s;
		}
		.tabbox1.active > ul{
			max-height:600px;
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
		}
		.tabbox1.active > .tabtit1::after{
			transform:translateY(-50%) rotateX(180deg);
			transition:transform ease .4s 0s;
		}
		.tabbox1.active > .tabtit1{
			border-radius:min(max(1vw, 7.6vw),25px) min(max(1vw, 7.6vw),25px) 0 0;
		}
		.tabbox1.active > ul{
			max-height:600px;			
			
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
			z-index:2;
		}
		
	}
	
	

/*greeting*/

	.greetingbox1{
		background:#f9f9f9;
		padding:min(max(30px, 6vw),60px) var(--area-padding); margin-top:var(--main-margin2);
		transition:var(--transition-custom);
	}
	.greetingbox1 > *{
		display:flex; align-items:center; justify-content:space-between;
	}
	.greetingbox1 > * .greetingtxt1{
		text-align:left;
		width:70%; max-width:700px;
	}
	.greetingbox1 > * .greetingtxt1 h4{
		font-weight:500; color:#333; font-size:min(max(12px, 2.2vw),30px); line-height:min(max(12px, 3.2vw),40px);
	}
	.greetingbox1 > * .greetingtxt1 > p{
		margin-top:var(--main-margin);
		font-weight:300; color:#666666; font-size:min(max(12px, 1.8vw),18px); line-height:min(max(16px, 3.8vw),26px);
	}
	.greetingbox1 > * .greetingtxt1 > span{
		display:block;
		text-align:right;
		transform:translateX(90px);
		font-weight:700; color:#333; font-size:18px; line-height:18px;
	}
	.greetingbox1 > * .greetingtxt1 > span > em{
		font-size:26px;
		margin-left:10px;
	}
	.greetingbox1 > * > *:last-child img{
		max-width:100%;
	}
	@media (max-width: 767px) {
		.greetingbox1 > *{
			flex-wrap:wrap;
		}
		.greetingbox1 > * > *{
			width:100% !important; max-width:none;
		}
		.greetingbox1 > * .greetingtxt1 h4{
			font-size:min(max(12px, 3.8vw),30px); line-height:min(max(12px, 5.2vw),40px);
		}
		.greetingbox1 > * .greetingtxt1 > p{
			margin-top:var(--main-margin);
			font-size:min(max(12px, 2.8vw),18px); line-height:min(max(16px, 4.8vw),26px);
		}
		.greetingbox1 > * .greetingtxt1 > span{
			text-align:left;
			transform:translateX(0px);
			margin-top:min(max(30px, 12vw),80px);
			font-size:min(max(12px, 2.8vw),18px); line-height:min(max(12px, 2.8vw),18px);
		}
		.greetingbox1 > * .greetingtxt1 > span > em{
			margin:0; margin-top:10px;
			font-size:min(max(12px, 3.8vw),26px);
			display:block;
		}
		.greetingbox1 > * > *:last-child{
			text-align:right;
			margin-top:-24%
		}
		.greetingbox1 > * > *:last-child img{
			max-width:74%;
		}
	}
/*greeting*/


/*history*/

	.historybnn1{		
		transition:var(--transition-custom);
	}
	.historybnn1 img{
		width:100%;
	}
	
	.historyarea1{
		position:relative;
		width:100%; max-width:var(--area-main-width);
		margin:0 auto; padding:0 var(--area-padding); margin-bottom:250px;
		box-sizing:border-box;
	}
	.historyarea1 > .historyline1{
		position:absolute; top:0; left:50%;
		width:1px; height:100%; 
		background:#dddddd; 
	}
	.historyarea1 > .historyline1:before{
		position: absolute; bottom:-6px; left:50%;
		width:6px; height:6px; 
		background:#000; 
		transform:translateX(-50%);
		border-radius:50%;  		
		content:'';
	}
	.historyarea1 > .historyline1 .line{
		position: absolute; left:0;
		background:var(--main-color1);
		width:100%; height:0px; 
	}
	.historyarea1 > .historyline1 .line:before{
		position: absolute; bottom:-6px; left:50%; 
		width:6px; height:6px; 
		background:var(--main-color1); 
		transform:translateX(-50%);
		border-radius:50%;
		content:'';
	}
	
	.historyarea1 .historybox1{
		width:100%;
		display:flex;
		padding:min(max(20px, 21vw),200px) 0 min(max(1vw, 1vw),50px); margin-bottom:min(max(20px, 12vw),120px)
	}
	.historyarea1 .historybox1 > *{
		flex:1;
	}
	.historyarea1 .historybox1 .historylist{
		position:relative;
	}
	.historyarea1 .historybox1 .historylist > *{
	}
	.historyarea1 .historybox1 .historylist ul{
		position:relative;
		width:100%; max-width:600px;
		text-align:left;
	}
	.historyarea1 .historybox1 .historylist ul > li{
		position:absolute; left:0; top:0;
		z-index:1;
		text-align:center;
	}
	.historyarea1 .historybox1 .historylist ul > li > .tit1{
		font-weight:700;
		opacity:0;
		transition:opacity ease .3s 0s;
	}
	.historyarea1 .historybox1 .historylist ul > li > .tit1 em{
		color:var(--main-color1); font-size:min(max(1vw, 6vw),24px); line-height:min(max(1vw, 6vw),24px);
	}
	.historyarea1 .historybox1 .historylist ul > li > .tit1 > h4{
		color:#333; font-size:min(max(1vw, 11vw),50px); line-height:min(max(1vw, 13vw),60px); margin-bottom:20px;
	}
	
	.historyarea1 .historybox1 .historylist ul > li.active{
		position:relative;
		z-index:1;
	}
	.historyarea1 .historybox1 .historylist ul > li.active > .tit1{
		opacity:1;	
		transition:opacity ease .3s 0s;		
	}
	.historyarea1 .historybox1 .historylist ul > li > *:nth-of-type(2){
		position:relative;
		overflow:hidden;
		border-radius:25px;
        display:inline-block;
        margin:0 auto;
	}
	.historyarea1 .historybox1 .historylist ul > li .box1{
		display: grid;
	}
	.historyarea1 .historybox1 .historylist ul > li .imgbox1{
		position:relative;
		grid-area: 1 / 1 / 2 / 2; /
		transform:translateY(100%);
		z-index:4;
		transition:all ease-in-out .5s .0s;
		border-radius: 20px; /* 박스라운드 */
	    overflow: hidden;
		
	}
	.historyarea1 .historybox1 .historylist ul > li .imgbox1.prev{
		z-index:2;
		opacity: 0;  
    
	}
	.historyarea1 .historybox1 .historylist ul > li .imgbox1.next{
		transform:translateY(20%);
		opacity: 0;		
		z-index:3;
	}
	.historyarea1 .historybox1 .historylist ul > li .imgbox1 > img{
		max-width:100%;
		display: block;	
	    border-radius: 20px;

	}
	.historyarea1 .historybox1 .historylist ul > li .imgbox1.active{
		transform:translateY(0%);
		opacity: 1;
		z-index:3;	
		transition:all ease-in-out .5s .0s;
	}


	.historyarea1 .historybox1 .historydetail{
		width:100%;
		padding-left:min(max(20px, 6vw),100px);
		box-sizing:border-box;
	} 
	
	.historyarea1 .historybox1 .historydetail .hplist1{
		text-align:left;
	}
	.historyarea1 .historybox1 .historydetail .hplist1 > li .yeartit1{
		font-weight:700;
		display:none;
	}
	.historyarea1 .historybox1 .historydetail .hplist1 > li .yeartit1 > em{
		color:var(--main-color1); font-size:min(max(1vw, 5vw),24px); line-height:min(max(1vw, 6vw),24px);
	}
	.historyarea1 .historybox1 .historydetail .hplist1 > li .yeartit1 > h4{
		color:#333; font-size:min(max(1vw, 9vw),50px); line-height:min(max(1vw, 13vw),60px); margin-bottom:20px;
	}
	.historyarea1 .historybox1 .historydetail .hplist1 > *:first-child .yeartit1{
		margin-top:min(max(1vw, 14vw),80px);
	}
	.historyarea1 .historybox1 .historydetail .hplist1 > *:not(:first-child) .yeartit1{
		margin-top:min(max(1vw, 20vw),150px);
	}
	.historyarea1 .historybox1 .historydetail .hplist1 .imgbox1{
		margin-bottom:min(max(1vw, 4vw),30px);
	}
	.historyarea1 .historybox1 .historydetail .hplist1> *:first-child .imgbox1{
		margin-top:min(max(1vw, 5.8vw),50px); 
	}
	.historyarea1 .historybox1 .historydetail .hplist1 .imgbox1 img{
		display:none;		
		width:100%;
	}
	.historyarea1 .historybox1 .historydetail .hclist1 > *{
		margin-bottom:min(max(1vw, 9vw),120px); 
	}
	.historyarea1 .historybox1 .historydetail .hclist1 > *:last-child{
		/*margin-bottom:0; */
	}
	.historyarea1 .historybox1 .historydetail .hplist1 > *:last-child .hclist1 > *:last-child{
		margin-bottom:0; 
	}
	.historyarea1 .historybox1 .historydetail .hclist1 > *{
	}
	.historyarea1 .historybox1 .historydetail .hclist1 > * h5{
		font-weight:700; color:#333; font-size:min(max(1vw, 5vw),30px); line-height:min(max(1vw, 5vw),30px);
	}
	.historyarea1 .historybox1 .historydetail .hclist1 > * dl{
		display:flex; gap:0 min(max(1vw, 2vw),20px);
		margin-top:min(max(1vw, 1.4vw),15px);
		font-size:min(max(1vw, 3.4vw),18px); line-height:min(max(1vw, 5.0vw),24px);
	}
	.historyarea1 .historybox1 .historydetail .hclist1 > * dt{
		font-weight:700; color:var(--main-color1); 
	}
	.historyarea1 .historybox1 .historydetail .hclist1 > * dd{
		color:#666666;
	}
	
	@media (max-width: 878px) {
		.historylist{
			display:none;
		}
		.historyarea1{
			margin-bottom:clamp(1vw, 21vw, 150px);
		}
		.historyarea1 .historybox1{
			margin-bottom:0; padding-top:5vw;
		}
		.historyarea1 .historybox1 .historydetail .hplist1 > li .yeartit1{
			display:block;
		}
		.historyarea1 .historybox1 .historydetail .hplist1 .imgbox1 img{
			display:block;
		}
		
		.historyarea1 > .historyline1{
			left:var(--area-padding);			
		}
	}

/*history*/


/*brandstory*/

	.brandbox1{
		width:100%; max-width:var(--area-main-width);
		margin:0 auto;
	}
	.brandbox1 > li{
		display:flex; gap:0 min(max(20px, 8vw),100px); justify-content:space-between; align-items:center;
	} 
	
	.brandbox1 > li > .txt1{
		width:calc(50%);
		text-align:left; color:#333; 
		max-width:580px;	
		transition:var(--transition-custom);
	}
	.brandbox1 > li > .txt1 h4{
		position:relative;
		font-family:'Libre Caslon Text'; color:#333; font-weight:400; font-size:min(max(1vw, 8vw),120px); line-height:min(max(1vw, 8vw),120px);
	}
	.brandbox1 > li > .txt1 h4::before{
		position:absolute; left:calc(0px - min(max(10px, 6vw),84px)); top:calc(0px - min(max(44px, 8vw),74px));
		width:min(max(70px, 14vw),153px); height:min(max(70px, 14vw),153px);
		background:url(../../images/company/txt_cir1.png) no-repeat center center; background-size:cover;
		content:"";
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		z-index:-1;
	}
	.brandbox1 > li > .txt1 .t1{
		margin-top:min(max(1vw, 8vw),120px);
		font-size:min(max(1vw, 3.2vw),45px); line-height:min(max(1vw, 4.0vw),55px);
	}
	.brandbox1 > li > .txt1 p{
		margin-top:min(max(1vw, 3vw),35px);
		color:#888888; font-size:min(max(1vw, 2.8vw),16px); line-height:min(max(1vw, 5.4vw),28px);
	}
	.brandbox1 > li > .txt1 p:nth-of-type(n+2){
		margin-top:min(max(1vw, 2vw),40px);
	}
	.brandbox1 > li > .imgbox1{
		box-sizing:border-box;
		transition:var(--transition-custom);
	}
	.brandbox1 > li > .imgbox1 img{
		max-width:100%;
	}
	
	.brandbox1 > li:nth-child(2){
		flex-direction:row-reverse; align-items:flex-start;
		margin-top:min(max(1vw, 8vw),120px);
	}
	.brandbox1 > li:nth-child(2) > .txt1{
		position:relative; left:calc(0px - min(max(1vw, 3vw),20px));
		margin-top:min(max(1vw, 10vw),170px);
	}
	.brandbox1 > li:nth-child(2) > .imgbox1{
		position:relative;
		width:45%; max-width:600px;
		text-align:left;
	}
	.brandbox1 > li:nth-child(2) > .imgbox1 > *:nth-of-type(1){		
		width:80%;		
	}
	.brandbox1 > li:nth-child(2) > .imgbox1 > *:nth-of-type(2){
		position:absolute; right:0; top:calc(100% - min(max(1vw, 7vw),100px));
		width:70%;
		text-align:right;
	}
	.brandbox1 > li:nth-child(2) > .imgbox1 > *:nth-of-type(2) img{
		max-width:100%;
	}
	
	.brandbox1 > li:nth-child(3){
		align-items:flex-start;
		margin-top:min(max(1vw, 8vw),70px);
	}
	.brandbox1 > li:nth-child(3) > .imgbox1{
		margin-top:min(max(1vw, 9vw),130px);		
	}
	
	.brandbox1 > li:nth-child(4){
		flex-direction:row-reverse; align-items:flex-start;
		margin-top:min(max(1vw, 8vw),120px);
	}
	.brandbox1 > li:nth-child(4) > .txt1{
		position:relative; left:0;
		margin-top:min(max(1vw, 8vw),100px);
		max-width:440px;
	}
	.brandbox1 > li:nth-child(4) > .imgbox1{
		position:relative;
		width:46%; max-width:650px;
		margin-top:calc(0px - min(max(1vw, 12vw),220px));
		text-align:left;
	}
	.brandbox1 > li:nth-child(4) > .imgbox1 > *:nth-of-type(1){		
		width:100%;		
	}
	.brandbox1 > li:nth-child(4) > .imgbox1 > *:nth-of-type(2){
		position:relative; left:50%; top:min(max(1vw, 2vw),30px);	
		width:50%;
		text-align:right;
	}
	.brandbox1 > li:nth-child(4) > .imgbox1 > *:nth-of-type(2) img{
		max-width:100%;
	}
	.brandbox1 > li:nth-child(5){
		align-items:flex-start;
		margin-top:min(max(1vw, 8vw),120px); padding-left:min(max(1vw, 6vw),90px);		
	}
	.brandbox1 > li:nth-child(5) > .txt1{
		max-width:460px;
	}
	.brandbox1 > li:nth-child(5) > .imgbox1{
		width:70%; max-width:700px;
	}
	.brandbox1 > li:nth-child(6){
		flex-direction:row-reverse; align-items:flex-start;
		margin-top:min(max(1vw, 7vw),110px); padding-left:min(max(1vw, 6vw),90px);	
	}
	.brandbox1 > li:nth-child(6) > .imgbox1{
		width:70%; max-width:700px;
	}
	.brandbox1 > li:nth-child(6) > .txt1{
		max-width:400px;
		margin-top:min(max(1vw, 8vw),120px);
	}
	.brandbox1 > li:nth-child(7){
		flex-wrap:wrap;
		margin-top:min(max(1vw, 8vw),120px);	
	}
	.brandbox1 > li:nth-child(7) > .txt1{
		width:100%; max-width:1200px;
		margin-top:min(max(1vw, 6vw),120px);
		display:flex; align-items:flex-start; gap:0 min(max(1vw, 6vw),90px);
	}
	.brandbox1 > li:nth-child(7) > .txt1 .t1{
		margin-top:min(max(1vw, 1.4vw),30px);
	}	
	.brandbox1 > li:nth-child(7) > .imgbox1{
		width:90%;
		text-align:left;
		margin-top:min(max(1vw, 6vw),50px);
	}
	.brandbox1 > li:nth-child(8){
		align-items:flex-start;
		padding-left:min(max(1vw, 14vw),200px);	
	}
	.brandbox1 > li:nth-child(8) > .txt1{
		margin-top:min(max(1vw, 12vw),210px);
	}
	.brandbox1 > li:nth-child(8) > .imgbox1{
		margin-top:calc(0px - min(max(1vw, 6vw),50px));
	}
	
	.brandbnn1{
		background:url(../../images/company/bg_brand1_1.jpg) no-repeat center center; background-size:cover;
		margin-top:min(max(40px, 8vw),150px); padding:min(max(180px, 30vw),300px) var(--area-padding); 				
		transition:var(--transition-custom);
	}
	.brandbnn1 > .txt1{
		color:#fff;
	}
	.brandbnn1 > .txt1 > img{
		max-width:66%;
	}
	.brandbnn1 > .txt1 > div{
		display:flex; justify-content:space-between; align-items:center;
		width:62%; max-width:450px;
		margin:0 auto; margin-top:min(max(10px, 2vw),20px);
	}
	.brandbnn1 > .txt1 > div > *{
		font-size:min(max(11px, 2.8vw),22px); line-height:min(max(11px, 2.8vw),22px);
	}
	.brandbnn1 > .txt1 > div > *:not(:nth-child(2)){
		background:var(--main-color1);
		padding:min(max(5px, 1.2vw),10px) min(max(10px, 4vw),30px);
		font-weight:600;
		border-radius:30px;
	}
	.brandbnn1 > .txt1 > p{
		margin-top:min(max(10px, 4vw),50px);
		font-size:min(max(11px, 3.8vw),28px); line-height:min(max(11px, 5.4vw),46px);
	}
	
	
	.brandbox2{
		display:flex; justify-content:space-between; align-items:flex-start; gap:0 10px;
		text-align:left;
		transition:var(--transition-custom);
	}
	.brandbox2 > *:nth-child(1){
	}
	.brandbox2 > *:nth-child(2){
		width:70%; max-width:950px;
	}
	.brandbox2 > .cont1{
	}
	.brandbox2 > .cont1 > p{
		font-weight:500; color:#333; font-size:min(max(11px, 2.9vw),20px); line-height:min(max(11px, 4.4vw),28px);	
	}
	.brandbox2 > .cont1 > p em{
		color:var(--main-color1);
	}
	.brandbox2 > .cont1 > .box1{
		position:relative;
		padding:min(max(30px, 9vw),140px) min(max(10px, 3vw),20px); margin-top:min(max(10px, 3vw),20px);
		background:#f9f9f9;
		text-align:center;
	}
	.brandbox2 > .cont1 > .box1 > img{
		max-width:80%;
	}
	.brandbox2 > .cont1 > .box1 > a{
		position:absolute; right:0; bottom:0;
		padding:min(max(10px, 2vw),20px) min(max(10px, 2vw),20px);
		background:#eaeaea;
		transition:background ease .4s;
	}
	.brandbox2 > .cont1 > .box1 > a span{
		position:relative;
		display:block;
		font-size:0; line-height:0;
		width:min(max(12px, 2vw),24px); height:min(max(16px, 2.8vw),32px);
		background:url(../../images/common/btn/btn_down1.png) no-repeat center center; background-size:cover;
		transition:background ease .4s;
	}
	.brandbox2 > .cont1 > .box1 > a:hover{
		background:#909092;
	}
	.brandbox2 > .cont1 > .box1 > a:hover span{
		filter: contrast(175%) brightness(203%);
	}
	.brandbox2 > .cont1 > h5{
		font-weight:600; color:#333; font-size:min(max(11px, 3vw),24px); line-height:min(max(11px, 3vw),24px);	
	}
	.brandbox2 > .cont1 > .box2{
		display:flex; align-items:flex-start;
		margin-top:min(max(10px, 1.8vw),25px);
	}
	.brandbox2 > .cont1 > .box2 > *{
		display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-content:space-between;
		height:min(max(1vw, 18vw),300px);
		padding:min(max(1vw, 3vw),30px) min(max(1vw, 4vw),50px);
		box-sizing:border-box;		
	}
	.brandbox2 > .cont1 > .box2 > *:first-child{
		width:64%;
		background:var(--main-color3);
	}
	.brandbox2 > .cont1 > .box2 > *:last-child{
		background:var(--main-color4);
	}
	.brandbox2 > .cont1 > .box2 > * > *{
		width:100%;
		color:#fff;
	}
	.brandbox2 > .cont1 > .box2 > * > * em{
		font-weight:600; font-size:min(max(12px, 2.8vw),30px); line-height:min(max(12px, 3.8vw),40px);
	}
	.brandbox2 > .cont1 > .box2 > * > * p{
		font-weight:300; font-size:min(max(10px, 1.6vw),16px); line-height:min(max(12px, 2.5vw),25px);
	}
	.brandbox2 > .cont1 > ul{
		margin-top:min(max(10px, 1.8vw),25px);
		display:flex; flex-wrap:wrap; gap:min(max(1vw, 4vw),40px) min(max(1vw, 2vw),25px);
	}
	.brandbox2 > .cont1 > ul > li{
		width:calc(33.33% - min(max(1vw, 1.4vw),17px));
		text-align:center;
	}
	.brandbox2 > .cont1 > ul > li img{
		width:100%;		
	}
	.brandbox2 > .cont1 > ul > li p{
		margin-top:5px;
		font-weight:700; font-size:min(max(10px, 2vw),18px); line-height:min(max(10px, 3vw),28px);
	}
	
	.visionbnn1{
		background:url(../../images/company/bg_vision1.jpg) no-repeat center center; background-size:cover;
		margin-top:min(max(20px, 5vw),90px); padding:min(max(140px, 20vw),200px) var(--area-padding);
		transition:var(--transition-custom);
	}
	.visionbnn1 .txt1{
		color:#fff;
	}
	.visionbnn1 .txt1 > p{
		font-weight:300; font-size:min(max(11px, 3.6vw),25px);
	}
	.visionbnn1 .txt1 > div{
		margin-top:min(max(10px, 1.4vw),15px);
		font-weight:700; font-size:min(max(1vw, 4vw),45px); line-height:min(max(1vw, 5.8vw),55px);
	}
	.visionbnn1 .txt1 > div em{
		color:var(--main-color1);
	}
	
	.visionbox1{
		display:flex; align-items:flex-start;		
		margin-top:min(max(20px, 7vw),100px);
		margin-bottom:min(max(20px, 3.5vw),80px);
	}
	.visionbox1 > li{
		position:relative;
		width:33.33%;	
		transition:var(--transition-custom);	
	}
	.visionbox1 > li:nth-child(2){
		transition-delay:.2s;		
	}
	.visionbox1 > li:nth-child(3){
		transition-delay:.4s;		
	}
	.visionbox1 > li:nth-child(n+2)::after{
		position:absolute; left:0; top:0;
		width:1px; height:100%;
		background:#ddd;
		content:"";
	}
	.visionbox1 > li > .txt1{
		    padding:0 2vw;
	}
	.visionbox1 > li > .txt1 em{
		font-weight:600; color:#333; font-size:min(max(11px, 3.1vw),22px); line-height:min(max(11px, 3.1vw),22px);
	}
	.visionbox1 > li > .txt1 h4{
		font-family:'Libre Caslon Text'; color:#333; font-weight:400; font-size:min(max(1vw, 4vw),48px); line-height:min(max(1vw, 4vw),48px);
		margin-top:min(max(1px, 2vw),10px);
	}
	.visionbox1 > li > .txt1 > h4::after{
		display:block;	
		width:min(max(40px, 11.8vw),145px); height:min(max(30px, 9.2vw),115px);
		margin:0 auto; margin-top:min(max(10px, 5vw),40px);
		background:url(../../images/company/ico_vision1.png) no-repeat left center; background-size:300% 100%;
		content:"";
	}
	.visionbox1 > li:nth-child(2) > .txt1 > h4::after{
		background-position:50% center;
	}
	.visionbox1 > li:nth-child(3) > .txt1 > h4::after{
		background-position:100% center;
	}
	
	.visionbox1 > li > .txt1 p{
		margin-top:min(max(10px, 4vw),30px);
		color:#666666;  font-size:min(max(1vw, 2.6vw),18px); line-height:min(max(1vw, 3vw),26px);
	}
	
	@media (max-width: 960px) {
		.brandbox1 > li{
			display:flex; gap:0 min(max(20px, 8vw),100px); flex-wrap:wrap;
		}
		.brandbox1 > li > .imgbox1{
			width:100%;  max-width:none !important;
		}
		.brandbox1 > li > .imgbox1 img{
			width:100% !important; max-width:none;
		}
		.brandbox1 > li > .txt1{
			width:100%; max-width:none !important;
			padding: 0 var(--area-padding2); margin-top:min(max(60px, 13vw),140px);
			box-sizing:border-box;
		}
		.brandbox1 > li > .txt1 > .t1{
			margin-top:min(max(1vw, 3vw),120px);
			font-size:min(max(1vw, 4.5vw),45px); line-height:min(max(1vw, 5.8vw),55px);
		}
		.brandbox1 > li > .txt1 > p{
			margin-top:min(max(1vw, 2vw),50px);
			color:#888888; font-size:min(max(1vw, 2.8vw),16px); line-height:min(max(1vw, 4.3vw),28px);
		}
		.brandbox1 > li > .txt1 > .t1 > br{
			display:none;
		}
		
		.brandbox1 > li:nth-child(1){
			flex-direction:column-reverse;
		}
		.brandbox1 > li:nth-child(2){
			flex-direction:column-reverse;
		}
		.brandbox1 > li:nth-child(2) > .imgbox1{
			width:100%;
			padding: 0 var(--area-padding2);
		}
		.brandbox1 > li:nth-child(2) > .imgbox1 > *:nth-of-type(1){		
			width:84%;		
		}
		.brandbox1 > li:nth-child(2) > .imgbox1 > *:nth-of-type(2){
			position:relative; left:35%; top:calc(0px - min(max(1vw, 10vw),120px));
			width:65%;
			text-align:right;
		}
		.brandbox1 > li:nth-child(2) > .txt1{
			left:0;
			margin-top:min(max(1vw, 2vw),20px);
		}
		.brandbox1 > li:nth-child(3){
			flex-direction:column-reverse;
			margin-top:min(max(1vw, 8vw),70px);
		}
		.brandbox1 > li:nth-child(3) > .imgbox1{		
			margin-top:0; padding-left:var(--area-padding2);	
		}
		.brandbox1 > li:nth-child(4){
			flex-direction:column-reverse;
		}
		.brandbox1 > li:nth-child(4) > .txt1{
			left:0;
			margin-top:calc(0px - min(max(1vw, 4vw),80px));
			max-width:none;			
		}
		.brandbox1 > li:nth-child(4) > .imgbox1{
			width:100%;
			padding-right:var(--area-padding2); margin:0;
		}
		.brandbox1 > li:nth-child(4) > .imgbox1 > *:nth-of-type(1){		
			width:100%;		
		}
		.brandbox1 > li:nth-child(4) > .imgbox1 > *:nth-of-type(2){
			left:60%; top:min(max(1vw, 2vw),30px);	
			width:40%;
		}
		
		.brandbox1 > li:nth-child(5){
			flex-direction:column-reverse;
			padding-left:0;		
		}
		.brandbox1 > li:nth-child(5) > .txt1{
			max-width:none;			
		}
		.brandbox1 > li:nth-child(5) > .imgbox1{
			width:100%;
		}
		.brandbox1 > li:nth-child(6){
			flex-direction:column-reverse;
			padding-left:0;	
		}
		.brandbox1 > li:nth-child(6) > .imgbox1{
			padding-left:var(--area-padding2);
			width:100%;
		}
		.brandbox1 > li:nth-child(6) > .txt1{
			margin-top:min(max(60px, 13vw),140px);
		}
		.brandbox1 > li:nth-child(7){
			flex-direction:column-reverse;
			margin-top:min(max(1vw, 8vw),120px);	
		}
		.brandbox1 > li:nth-child(7) > .txt1{
			width:100%; max-width:1200px;
			margin-top:min(max(60px, 13vw),140px);
			display:block;
		}
		.brandbox1 > li:nth-child(7) > .txt1 .t1{
			margin-top:min(max(1vw, 1.4vw),30px);
			font-size:min(max(1vw, 4.5vw),45px);
			line-height:min(max(1vw, 5.8vw),55px);
		}	
		.brandbox1 > li:nth-child(7) > .imgbox1{
			width:100%;
			padding-right:var(--area-padding2); margin:0;
		}
		.brandbox1 > li:nth-child(8){
			flex-direction:column-reverse;
			padding-left:0;	
		}
		.brandbox1 > li:nth-child(8) > .txt1{
			margin-top:min(max(60px, 13vw),140px);
		}
		.brandbox1 > li:nth-child(8) > .imgbox1{
			margin-top:min(max(1vw, 8vw),120px);
			padding:0 var(--area-padding2);
		}
						
	}
	@media (max-width: 878px) {
		.brandbnn1{
			background:url(../../images/company/bg_brand1_1_mobile.jpg) no-repeat center center; background-size:cover;
		}
		.brandbnn1 > .txt1 > p br{
			display:none;
		}
		
		.brandbox2{
			flex-wrap:wrap; gap:20 10px;
			text-align:left;
		}
		.brandbox2 > *{
			width:100% !important; max-width:none !important;
		}
		.brandbox2 > .cont1{
			margin-top:min(max(10px, 2vw),30px);
		}
		.brandbox2 > .cont1 > .box2 > *{
			height:min(max(1vw, 36vw),300px);
			padding:min(max(1vw, 5vw),30px) min(max(1vw, 4vw),50px);
		}
		.brandbox2 > .cont1 > ul{
			gap:min(max(1vw, 4vw),40px) min(max(1vw, 2vw),25px);
		}
		.brandbox2 > .cont1 > ul > li{
			width:calc(50% - min(max(1vw, 1vw),12.5px));
		}
		.visionbnn1{
			background:url(../../images/company/bg_vision1_mobile.jpg) no-repeat center center; background-size:cover;
			padding:min(max(140px, 20vw),200px) var(--area-padding);
		}
		.visionbnn1 .txt1 > p{
			font-size:min(max(11px, 3.8vw),25px);
		}
		.visionbnn1 .txt1 > div{
			margin-top:min(max(10px, 1.4vw),15px);
			font-weight:700; font-size:min(max(1vw, 7vw),45px); line-height:min(max(1vw, 8.6vw),55px);
		}
		.visionbnn1 .txt1 > div em{
			color:var(--main-color1);
		}
		
		.visionbox1{
			flex-wrap:wrap; gap:min(max(1vw, 12vw),80px) 0;
			margin:0 min(max(10px, 4vw),30px); margin-top:min(max(20px, 10vw),90px); margin-bottom:min(max(20px, 3.5vw),80px);
		}
		.visionbox1 > li{
			position:relative;
			width:100%;
			display:flex; justify-content:flex-start; align-items:center;
		}
		.visionbox1 > li:nth-child(n+2)::after{
			position:absolute; left:0; top:calc(0px - min(max(1vw, 7vw),45px));
			width:100%; height:1px;
			background:#ddd;
			content:"";
		}
		.visionbox1 > li > .txt1{
			display:block;			
			text-align:left;
		}
		.visionbox1 > li > .txt1 em{
			font-size:min(max(11px, 4.1vw),22px); line-height:min(max(11px, 4.1vw),22px);
		}
		.visionbox1 > li > .txt1 h4{
			font-size:min(max(1vw, 7vw),48px); line-height:min(max(1vw, 7vw),48px);
		}
		.visionbox1 > li > .txt1 > h4::after{
			display:none;
		}
		.visionbox1 > li::before{
			width:min(max(40px, 21.5vw),145px); height:min(max(30px, 17.2vw),115px);
			margin-right:min(max(11px, 5vw),60px);
			background:url(../../images/company/ico_vision1.png) no-repeat left center; background-size:300% 100%;
			content:"";
		}
		.visionbox1 > li:nth-child(2)::before{
			background-position:50% center;
		}
		.visionbox1 > li:nth-child(3)::before{
			background-position:100% center;
		}
		
		.visionbox1 > li > .txt1 > p{
			margin-top:min(max(10px, 4vw),30px);
			font-size:min(max(1vw, 3.6vw),18px); line-height:min(max(1vw, 5vw),26px);
		}
		
	}
/*brandstory*/


/*direction*/


    .maparea1{
		position:relative;		
		z-index:1;
	}
	.maparea1 .mapbox1{
		position:relative;
		width:100%; height:min(max(360px,60vw),600px);
	}

    .directioninfo{
        text-align: left;
        margin-top:min(max(20px, 5vw),50px);
    }    
    .directioninfo > .tit1{
        font-weight:700; color:#333; font-size:min(max(14px, 4.2vw),35px); line-height:min(max(15px, 3.5vw),32px);
    }
    .directioninfo > .tit1 > img{
        display:inline-block; vertical-align:bottom;
        margin-right: 5px;
        max-width:24%;
    }
    .directioninfo > .cont1{
        display:flex; justify-content:space-between; align-items:flex-end;
    }
    .directioninfo > .cont1 > ul{
        margin-top:min(max(20px, 3vw),40px);
        text-align:left;
    }
    .directioninfo > .cont1 > ul > li{        
        display:flex;
        white-space: nowrap;
        font-size:min(max(11px, 3vw),18px); line-height:min(max(16px, 5vw),32px)
    }
    .directioninfo > .cont1 > ul > li > *:first-child{
        width:min(max(50px, 15vw),120px);
        font-weight:700; color: #333; 
    }
    .directioninfo > .cont1 > ul > li:nth-child(n+2){
        margin-top:min(max(3px, .4vw),8px);
    }
    .directioninfo > .cont1 > a{
        border:1px solid var(--main-color1);
        padding:min(max(1vw, 3.4vw),15px) min(max(15px, 11vw),50px);
        border-radius:30px;
        font-weight:700; color:var(--main-color1); font-size:min(max(11px, 3vw),18px); line-height:min(max(16px, 5vw),24px);
		transition:var(--transition-custom);
    }
    .directioninfo > .cont1 > a > span{
        position:relative;
        display:block;
        padding-right:min(max(20px, 5vw),40px);
    }
    .directioninfo > .cont1 > a > span::before{
        position:absolute; right:0; top:50%;
        transform:translateY(-50%);
        width:13px; height:18px;
        background:url(../../images/common/ico/ico_pointer1.png) no-repeat center center; background-size:cover;
        content:"";
    }
	.directioninfo > .cont1 > a:hover{
		background:var(--main-color1);
		color:#fff;
	}
	.directioninfo > .cont1 > a:hover > span::before{
		filter: invert(50%) brightness(200%);
	}
    .custom-info-window{
        position:relative; 
        max-width:460px; width:max-content; 
        border:1px solid #ddd; 
        transform: translate(-5%,calc(-50% - 40px)); 
        white-space: nowrap;
        text-align:left;
        top:-30px;
        transition:opacity ease .3s .0s, top ease .3s .0s;
    }
    .custom-info-window.active{
        opacity:1;
        top:0;
        transition:opacity ease .4s .1s, top ease .3s .0s;
    }
    .custom-info-window .btn{
        position:absolute; right:10px; top:10px; 
        width:20px; height:20px; 
        padding:0; 
        background:none; border:none;
        color: #333;
        cursor:pointer;
        z-index:2;
    }
    .custom-info-window h4{
        position:relative;  
        padding:10px 15px 10px 15px; 
        background:#fff;
        color:#333; font-size:14px;		
    }	
    .custom-info-window h4::before{
        position:absolute; left:50%; ; bottom:-16px; 
        border-left:1px solid #ddd; border-bottom:1px solid #ddd;
        width:14px; height:14px;
        margin-left:-7.5px; 
        background:#fff; 
        transform:translateY(-51%) rotate(-45deg);
        content: "";
    }
    @media (max-width: 878px) {
        .directioninfo > .cont1{
            display:block;
            text-align: center;
        }
        .directioninfo > .cont1 > ul{
            width:100%;
        }
        .directioninfo > .cont1 > a{
            display:inline-block;
            margin:0 auto; margin-top:min(max(15px, 6vw),50px);
        }
    }


/*direction*/


/*self-medication*/
	.smedi-wrapper {
      	position: relative;
        height: calc(100vh - 90px); margin-top:min(max(20px, 4vw),60px); 
    }
	.smedibnn1{
        position:relative; left:50%;
        transform:translateX(-50%);
		background:url(../../images/rnd/bg_selfmedication1.jpg) no-repeat center center; background-size:cover;
		display:flex; align-items:center; justify-content:center;
		padding:0 var(--area-padding);
		height:calc(100vh - 90px);
		box-sizing:border-box;
        will-change: width; 
	}
	.smedibnn1 .cont1{
		color:#fff;
	}
	.smedibnn1 .cont1 img{
		max-width:50%;
	}
	.smedibnn1 .cont1 > p{
		margin-top:min(max(20px, 4vw),60px);
		font-weight:600; font-size:min(max(11px, 8vw),72px); line-height:min(max(11px, 10vw),84px);
	}
	
	.smedicont1{
        max-width:var(--area-main-width);
        margin:0 auto; margin-top:min(max(40px, 18vw),100px);
        box-sizing:border-box;
	}
	.smedicont1 > li{
        display:flex; gap:min(max(15px, 4vw),30px) min(max(20px, 5vw),80px);  align-items: center; 
        text-align: left;
        transition:var(--transition-custom);
	}
    .smedicont1 > li:nth-child(n+2){
        margin-top:min(max(40px, 18vw),100px);
    }
    .smedicont1 > li > .imgbox1{
        flex:0 0 44.28%;
        max-width:620px;
    }
    .smedicont1 > li > .imgbox1 > img{
       width:100%;
    }
    .smedicont1 > li > .cont1{
    }
    .smedicont1 > li > .cont1 > div{
        font-weight:600; color:#333; font-size:min(max(1vw, 3vw),25px); line-height:min(max(1vw, 5vw),36px);
    }
    .smedicont1 > li > .cont1 > div > em{
        color:var(--main-color1);
    }
    .smedicont1 > li > .cont1 > p{
        font-weight:400; color:#666; font-size:min(max(1vw, 2.4vw),18px); line-height:min(max(1vw, 4.4vw),28px);
    }
    .smedicont1 > li:nth-child(2){
        flex-direction:row-reverse;
    }
    .smedicont1 > li:nth-child(2) > .cont1{
        text-align:right;
        max-width:560px;
    }
	@media (max-width: 878px) {
        .smedibnn1{
			background:url(../../images/rnd/bg_selfmedication1_mobile.jpg) no-repeat center center; background-size:cover;
		}
		.smedibnn1 .cont1 img{
			max-width:35%;
		}
        .smedicont1 > li{
            flex-wrap:wrap; 
            padding-right:var(--area-padding2);
        }
        .smedicont1 > li > .cont1{
            padding-left:var(--area-padding);
        }
        .smedicont1 > li > .imgbox1{
            flex:0 0 90%;
            max-width:none;
        }
        .smedicont1 > li:nth-child(n+2){
            margin-top:min(max(40px, 14vw),50px);
        }
        .smedicont1 > li > .cont1 > div{
            font-size:min(max(1vw, 4vw),25px); line-height:min(max(1vw, 6vw),36px);
        }
        .smedicont1 > li > .cont1 > p{
            font-size:min(max(1vw, 2.8vw),18px); line-height:min(max(1vw, 4.6vw),28px);
        }
        .smedicont1 > li:nth-child(2){
            padding:0; padding-left:var(--area-padding2);
        }
        .smedicont1 > li:nth-child(2) > .cont1{
            padding:0; padding-right:var(--area-padding);
            width:88%
        }
    }

/*self-medication*/


/*low-frequency-pulse*/

	.lfpulse-wrapper {
      	position: relative;
        height: calc(100vh - 90px);; 
    }
	.lfpulsebnn1{
        position:relative; left:50%;
        transform:translateX(-50%);
		background:url(../../images/rnd/bg_lowfrequencypulse1.jpg) no-repeat center center; background-size:cover;
		display:flex; align-items:center; justify-content:center;
		padding:0 var(--area-padding);
		height:calc(100vh - 90px);
		box-sizing:border-box;
        will-change: width; 
	}
	.lfpulsebnn1 .cont1{
		color:#fff;
	}
	.lfpulsebnn1 .cont1 img{
		width:30%; max-width:186px;
	}
	.lfpulsebnn1 .cont1 > div{
		margin-top:min(max(15px, 3vw),30px);
		font-weight:700; font-size:min(max(11px, 10vw),90px); line-height:min(max(11px, 10vw),90px);
	}
	.lfpulsebnn1 .cont1 > p::before{
		display:block;
		margin:0 auto; margin-top:min(max(20px, 4vw),50px); margin-bottom:min(max(20px, 4vw),50px);
		width:min(max(20px, 8vw),50px); height:3px;
		background:#fff;
		content:"";
	}
	.lfpulsebnn1 .cont1 > p{
		max-width:1300px;
		margin:0 auto; 
		font-weight:500; font-size:min(max(11px, 4.2vw),30px); line-height:min(max(11px, 6vw),45px);
	}
			
	@media (max-width: 878px) {
        .lfpulsebnn1{
			background:url(../../images/rnd/bg_lowfrequencypulse1.jpg) no-repeat 36% center; background-size:cover;
		}
		.lfpulsebnn1 .cont1 img{
			max-width:35%;
		}
    }
	
/*low-frequency-pulse*/


/*led-light-therapy*/
	
	.llt-wrapper {
      	position: relative;
        height: calc(100vh - 90px);; 
    }
	.lltbnn1{
        position:relative; left:50%;
        transform:translateX(-50%);
		background:url(../../images/rnd/bg_ledlightherapy1.jpg) no-repeat center center; background-size:cover;
		display:flex; align-items:center; justify-content:center;
		padding:0 var(--area-padding);
		height:calc(100vh - 90px);
		box-sizing:border-box;
        will-change: width; 
	}
	.lltbnn1 .cont1{
		color:#fff;
	}
	.lltbnn1 .cont1 img{
		width:30%; max-width:186px;
	}
	.lltbnn1 .cont1 > div{
		margin-top:min(max(15px, 3vw),30px);
		font-weight:700; font-size:min(max(11px, 10vw),90px); line-height:min(max(11px, 10vw),90px);
	}
	.lltbnn1 .cont1 > p::before{
		display:block;
		margin:0 auto; margin-top:min(max(20px, 4vw),50px); margin-bottom:min(max(20px, 4vw),50px);
		width:min(max(20px, 8vw),50px); height:3px;
		background:#fff;
		content:"";
	}
	.lltbnn1 .cont1 > p{
		max-width:1300px;
		margin:0 auto; 
		font-weight:500; font-size:min(max(11px, 4.2vw),30px); line-height:min(max(11px, 6vw),45px);
	}
	
	@media (max-width: 878px) {
		.lltbnn1{
			background:url(../../images/rnd/bg_ledlightherapy1_mobile.jpg) no-repeat center center; background-size:cover;
		}
	}

/*led-light-therapy*/


/*deepbright-material*/

	.deepb-wrapper {
      	position: relative;
        height: calc(100vh - 90px);; 
    }
	.deepbbnn1{
        position:relative; left:50%;
        transform:translateX(-50%);
		background:url(../../images/rnd/bg_deepbrightmaterial1.jpg) no-repeat center center; background-size:cover;
		display:flex; align-items:center; justify-content:center;
		padding:0 var(--area-padding);
		height:calc(100vh - 90px);
		box-sizing:border-box;
        will-change: width; 
	}
	.deepbbnn1 .cont1{
		color:#fff;
	}
	.deepbbnn1 .cont1 img{
		width:30%; max-width:186px;
	}
	.deepbbnn1 .cont1 > div{
		margin-top:min(max(15px, 3vw),30px);
		font-weight:700; font-size:min(max(11px, 10vw),90px); line-height:min(max(11px, 10vw),90px);
	}
	.deepbbnn1 .cont1 > p::before{
		display:block;
		margin:0 auto; margin-top:min(max(20px, 4vw),50px); margin-bottom:min(max(20px, 4vw),50px);
		width:min(max(20px, 8vw),50px); height:3px;
		background:#fff;
		content:"";
	}
	.deepbbnn1 .cont1 > p{
		max-width:1300px;
		margin:0 auto; 
		font-weight:500; font-size:min(max(11px, 4.2vw),30px); line-height:min(max(11px, 6vw),45px);
	}
	
	@media (max-width: 878px) {
		.deepbbnn1{
			background:url(../../images/rnd/bg_deepbrightmaterial1_mobile.jpg) no-repeat center center; background-size:cover;
		}
	}


/*ldeepbright-material*/



/*rnd 공통*/

	.rndcont1{
		padding:min(max(20px, 12vw),120px) var(--area-padding) 0;
		transition:var(--transition-custom);
	}
	.rndcont1 .subcont1 > em.n1{
		font-family:'Libre Caslon Text'; color:#e0e0e0; font-weight:400; font-size:min(max(1vw,  10vw),85px); line-height:min(max(1vw,10vw),85px);
	}
	.rndcont1 .subcont1 > div{
		margin-top:min(max(10px, 3vw),30px);
		font-weight:700; color:#333; font-size:min(max(1vw, 6vw),45px); line-height:min(max(1vw, 8vw),58px);
	}
	.rndcont1 .subcont1 > p{
		margin-top:min(max(10px, 3vw),30px);
		font-weight:400; color:#666666; font-size:min(max(1vw, 3.8vw),22px); line-height:min(max(1vw, 5.6vw),35px);
	}
	.rndcont1 .subcont1 > p > em{
		font-weight:600; color:#333;
	}
	.rndcont1 .subcont1 > span.imgbox1{
		display:block;
		border-radius:min(max(1vw, 3vw),30px);
		overflow:hidden;
	}
	.rndcont1 .subcont1 > span.imgbox1 > img{
		width:100%;
	}
	.rndcont1 .subcont1 > ul.imgbox1{
		display:flex;
		gap:min(max(1vw, 3vw),30px);
	}
	.rndcont1 .subcont1 > ul.imgbox1 img{
		max-width:100%;
	}
	
	.rndcont1 .subcont1 .info1{
		display:flex; gap:clamp(1vw, 6vw, 100px);	
		padding:clamp(1vw, 8vw, 100px) 0;
		counter-reset: numbering 0;
		background:#f9f9f9;
	}
	.rndcont1 .subcont1 .info1 > li{
		text-align:left;
		box-sizing:border-box;
	}
	.rndcont1 .subcont1 .info1 > li > div.w2{
		overflow:hidden;
		width:min(max(45vw),650px);
	}
	
	.rndcont1 .subcont1 .info1 > li > div h5{
		position:relative;
		padding-left:calc(min(max(1vw, 4vw),32px) + 10px);
		color:#333333; font-weight:600; font-size:min(max(1vw, 5vw),32px); line-height:min(max(1vw, 6vw),42px);
	}
	.rndcont1 .subcont1 .info1 > li > div h5:before {
		position: absolute; top:min(max(.2vw, .3vw),6px); left:0px;
		background:var(--main-color1);
		width:min(max(1vw, 4.8vw),32px); height:min(max(1vw, 4.8vw),32px); line-height:min(max(1vw, 4.8vw),32px);
		text-align:center;
		border-radius:5px;
		color:#fff; font-size:min(max(1vw, 3.2vw),22px);
		counter-increment: numbering 1;
  		content: counter(numbering) '';
	}
	.rndcont1 .subcont1 .info1 > li > div div{
		margin-top:min(max(1vw, 2vw),15px);
		font-weight:400; color:#666666; font-size:min(max(1vw, 3.8vw),22px); line-height:min(max(1vw, 5.7vw),32px);
	}
	.rndcont1 .subcont1 .info1 > li > div > ul.u1{
		background:rgba(237,237,237, .4);
		margin-top:min(max(1vw, 2.5vw),22px);
		padding:min(max(1vw, 2.5vw),22px) min(max(1vw, 3.5vw),22px);
	}
	.rndcont1 .subcont1 .info1 > li > div > ul.u1 > li{
		position:relative;
		padding-left:min(max(1vw, 2.2vw),12px);
		font-weight:600; color:#333; font-size:min(max(1vw, 3.2vw),18px); line-height:min(max(1vw, 5.0vw),26px);
	}
	.rndcont1 .subcont1 .info1 > li > div > ul.u1 > li::before{
		position:absolute; left:0; top:min(max(1vw, 2.0vw),10px);
		width:3px; height:3px;
		border-radius:50%;
		background:var(--main-color1);
		content:"";		
	}
	.rndcont1 .subcont1 .info1 > li > div > ul.u2{
		margin-top:min(max(1vw, 2.5vw),22px);
		display:flex; flex-wrap:wrap;
	}
	.rndcont1 .subcont1 .info1 > li > div > ul.u2 > li{
		position:relative;
		padding-left:calc(min(max(13px, 2.0vw),23px) + 10px);
		flex:0 0 50%;
		box-sizing:border-box;
		font-weight:600; color:#333; font-size:min(max(1vw, 1.9vw),22px); line-height:min(max(1vw, 5.7vw),36px);
	}
	.rndcont1 .subcont1 .info1 > li > div > ul.u2 > li::before{
		position:absolute; left:0; top:min(max(.2vw, 1.6vw),6px);
		width:min(max(4vw, 3.2vw),23px); height:min(max(4vw, 3.2vw),23px);
		background:url(../../images/common/ico/ico_checkbox2.png) no-repeat center center; background-size:cover;
		content:"";		
	}
	.rndcont1 .subcont1 .info1 > li > div img{
		max-width:100%;
	}
	
	.rndcont1 .subcont1 .info1.t2{
		background:none;
		padding:0;
		flex-wrap:wrap; gap:min(max(10px, 12vw),100px) 0;
	}
	.rndcont1 .subcont1 .info1.t2 > li{
		text-align:center;
		width:100%;
	}
	.rndcont1 .subcont1 .info1.t2 > li.b1{
		background:url(../../images/rnd/bg_deepbrightmaterial3.jpg) no-repeat center center; background-size:cover;
		padding:min(max(10px, 22vw),160px) min(max(10px, 3vw),30px);
		border-radius:min(max(1vw, 3vw),30px);
	}
	.rndcont1 .subcont1 .info1.t2 > li h5{
		display:inline-block;
	}
	.rndcont1 .subcont1 .info1.t2 > li.b1 h5,
	.rndcont1 .subcont1 .info1.t2 > li.b1 div{
		color:#fff;
	}
	.rndcont1 .subcont1 .info1.t2 > li .imgbox1{
		display:flex; gap:min(max(1vw, 3vw),20px);
	}
	.rndcont1 .subcont1 .info1.t2 > li .imgbox1 > img{
		max-width:100%;
	}
	
	.rndcont1.t2{
		padding:min(max(20px, 12vw),120px) 0 0;
	}
	.rndcont1.t2 > div{
		padding:0 var(--area-padding);
	}
	.rndcont1.t2 > div.rnddeep1{
		background:#f9f9f9;
	}
	.rndcont1.t2 .bnn1{
		padding:var(--area-padding2) 0;
		background:url(../../images/rnd/bg_lowfrequencypulse2_1.jpg) no-repeat center center; background-size:cover;
	}
	.rndcont1.t2 .bnn1.t2{
		background:url(../../images/rnd/bg_deepbrightmaterial2.jpg) no-repeat center center; background-size:cover;
	}
	.rndcont1.t2 .bnn1 > .tit1{
	}
	.rndcont1.t2 .bnn1 > .tit1 > em{
		font-family:'Libre Caslon Text'; color:rgba(255,255,255,.4); font-weight:400; font-size:min(max(1vw,  2.8vw), 17px); line-height:min(max(1vw,  2.8vw), 17px);
	}
	.rndcont1.t2 .bnn1 > .tit1 > p{
		padding-top:min(max(10px, 2vw),20px);
		color:#fff; font-weight:600; font-size:min(max(1vw,  6.6vw), 40px); line-height:min(max(1vw,  6.6vw), 40px);
	}
	.rndcont1.t2 .bnn1 > .i1{
		padding-top:min(max(10px, 3vw),30px);	
	}
	.rndcont1.t2 .bnn1 > .i1 img{
		max-width:70%;
	}
	.rndcont1.t2 .bnn1.t2 > .tit1 > p{
		font-size:min(max(1vw,  4.9vw), 36px); line-height:min(max(1vw,  6.2vw), 44px);
	}
	
	@media (max-width: 878px) {
		.rndcont1 .subcont1 > ul.imgbox1 img{
			width:100%;
		}
		.rndcont1 .subcont1 > ul.imgbox1{
			flex-wrap:wrap;			
		}
		.rndcont1 .subcont1 > ul.imgbox1 > li{
			width:100%;
		}
		.rndcont1 .subcont1 .info1{
			flex-wrap:wrap;			
		}
		.rndcont1 .subcont1 .info1 > li{
			width:100%;			
		}
		.rndcont1 .subcont1 .info1 > li > div.w2{
			width:90vw;
		}
		.rndcont1 .subcont1 .info1 > li > div img{
			width:100%;
		}
		.rndcont1 .subcont1 .info1 > li > div > ul.u2 > li{
			padding-left:calc(min(max(4vw, 3.2vw),23px) + 6px);
			font-size:min(max(1vw, 3.8vw),22px); line-height:min(max(1vw, 6.9vw),32px);
		}
		.rndcont1 .subcont1 .info1 > li > div > ul.u2 > li::before{
			top:min(max(.05vw, 1.2vw),10px);
		}
		.rndcont1 .subcont1 .info1.t2 > li .imgbox1{
			flex-wrap:wrap; justify-content:center;
		}
		.rndcont1 .subcont1 .info1.t2 > li .imgbox1 > li{
			width:100%;
		}
		.rndcont1 .subcont1 .info1.t2 > li .imgbox1.t2 > li{
			width:calc(50% - min(max(1vw, 3vw),20px));
		}
		
		
	}
			
	.rndinfo1-wrapper{
		position:relative;
		overflow:hidden;
		padding:0 var(--area-padding); 
	}
	.rndinfo1-wrapper .bg1{
		position:absolute; top: 0; left: 0;
		width:100%; height:100vh;
		box-sizing:border-box;
		background:url(../../images/rnd/bg_lowfrequencypulse3_1.jpg) no-repeat center top; background-size:cover;
		z-index:-1;	
		pointer-events: none;	
	}
	.rndinfo1-wrapper >.pin-container {
		position: relative;
		padding:clamp(1vw, 14vw, 120px) 0 0;
		max-width:var(--area-main-width);
		display:flex; align-items:flex-start;
		margin:0 auto;
		text-align:left;
		z-index: 1;
	}
	.rndinfo1-wrapper.t2{
		margin-top:clamp(1vw, 14vw, 120px);
	}	

	.rndinfo1-wrapper .tit1{
		flex:1;
		text-align:left;
		color:#fff;
		margin-top:min(max(1vw, 3vw),30px);		
	}
	.rndinfo1-wrapper .tit1 > em.n1{
		font-family:'Libre Caslon Text'; color:#e0e0e0; font-weight:400; font-size:min(max(1vw,  10vw),85px); line-height:min(max(1vw,10vw),85px);
		opacity:0;
		transform:translateX(-100%);
		transition:opacity ease .4s 0s, transform ease .4s 0s;
	}	
	.rndinfo1-wrapper .tit1 > div{
		margin-top:min(max(10px, 3vw),30px);
		font-weight:700; color:#333; font-size:min(max(1vw, 6vw),45px); line-height:min(max(1vw, 8vw),58px);
		opacity:0;
		transform:translateX(-100%);
		transition:opacity ease .4s 0s, transform ease .4s 0s;
	}
	.rndinfo1-wrapper .tit1 > div > span{
		display:block;
		font-weight:500; font-size:min(max(1vw, 4vw),28px); line-height:min(max(1vw, 4vw),36px);
	}
	.rndinfo1-wrapper .tit1 > p{
		margin-top:min(max(10px, 3vw),30px);
		font-weight:300; color:#666; font-size:min(max(1vw, 4vw),22px); line-height:min(max(1vw, 6vw),35px);
		opacity:0;
		transform:translateX(-100%);
		transition:opacity ease .4s 0s, transform ease .4s 0s;
	}
	.rndinfo1-wrapper .tit1.animated > em.n1{
		opacity:1;
		transform:translateX(0);
		transition:opacity ease .6s 0s, transform ease .8s 0s;
	}
	.rndinfo1-wrapper .tit1.animated > div{
		opacity:1;
		transform:translateX(0);
		transition:opacity ease .6s 0s, transform ease .8s 0s;
	}
	.rndinfo1-wrapper .tit1.animated > p{
		opacity:1;
		transform:translateX(0);
		transition:opacity ease .6s .2s, transform ease .8s .2s; font-weight:400;
	}
	.rndinfo1-wrapper .info1{		
		width:clamp(1vw, 54vw, 650px);
		counter-reset: numbering 0;  margin-bottom:clamp(1vw, 10vw, 50px);
	}
	.rndinfo1-wrapper .info1 > li{
		border-top:1px solid #333;
	}
	.rndinfo1-wrapper .info1 > li > div{
		overflow:hidden;
		padding:clamp(1vw, 4vw, 50px) 0;
	}
	/*.rndinfo1-wrapper .info1 > li:nth-child(n+2){
		margin-top:clamp(1vw, 2.6vw, 30px);
	}*/
	.rndinfo1-wrapper .info1 > li > div h5{
		position:relative;
		padding-left:calc(min(max(1vw, 4vw),32px) + 10px);
		color:#333333; font-weight:600; font-size:min(max(1vw, 5vw),32px); line-height:min(max(1vw, 6vw),40px);
	}
	.rndinfo1-wrapper .info1 > li > div h5:before {
		position: absolute; top:0px; left:0px;
		background:var(--main-color1);
		width:min(max(1vw, 4.8vw),32px);
		text-align:center;
		border-radius:5px;
		color:#fff; font-size:min(max(1vw, 3.2vw),22px);
		counter-increment: numbering 1;
  		content: counter(numbering) '';
	}
	.rndinfo1-wrapper .info1 > li > div div{
		margin-top:min(max(1vw, 2vw),15px);
		font-weight:400; color:#666666; font-size:min(max(1vw, 3.5vw),22px); line-height:min(max(1vw, 5.7vw),34px);
	}
	.rndinfo1-wrapper .info1 > li > div > ul{
		background:rgba(237,237,237, .6);
		margin-top:min(max(1vw, 2.5vw),22px);
		padding:min(max(1vw, 2.5vw),22px) min(max(1vw, 3.5vw),22px);
	}
	.rndinfo1-wrapper .info1 > li > div > ul > li{
		position:relative;
		padding-left:min(max(1vw, 2vw),12px);
		font-weight:600; color:#333; font-size:min(max(1vw, 3.2vw),18px); line-height:min(max(1vw, 5.0vw),30px);
	}
	.rndinfo1-wrapper .info1 > li > div > ul > li::before{
		position:absolute; left:0; top:min(max(1vw, 2.0vw),10px);
		width:3px; height:3px;
		border-radius:50%;
		background:var(--main-color1);
		content:"";		
	}
	.rndinfo1-wrapper .info1 > li > div img{
		max-width:100%;
	}
	@media (max-width: 878px) {
		/*.rndinfo1-wrapper{
			margin-bottom:clamp(1vw, 14vw, 120px);
		}*/
		.rndinfo1-wrapper > .pin-container {
			flex-wrap:wrap;			
		}		
		.rndinfo1-wrapper .tit1{
			flex:0 0 100%;	
			margin-top:0;
			text-align:center;
		}
		.rndinfo1-wrapper .tit1 > div{
			font-size:min(max(1vw, 6.0vw),45px); line-height:min(max(1vw, 7.4vw),55px);
		}
		.rndinfo1-wrapper .tit1 > p{
			margin-top:min(max(1vw, 3vw),30px); 
			font-size:min(max(11px, 3.5vw),22px); line-height:min(max(11px, 5.7vw),34px); font-weight:400;
		}
		.rndinfo1-wrapper .tit1 > p br{
			display:none;
		}
		.rndinfo1-wrapper .info1{
			width:100%;
			margin-top:min(max(1vw, 6vw),60px);
		}
		.rndinfo1-wrapper .bg1{
			background:url(../../images/rnd/bg_lowfrequencypulse3_1_mobile.jpg) no-repeat center center; background-size:cover;
			width:100%; height:100%;
		}
		.rndinfo1-wrapper .info1 > li > div{
			padding:clamp(1vw, 8vw, 50px) 0;
		}		
	}
	
	
	.rndinfo2-wrapper{
		position:relative;
		overflow:hidden;
		padding:0 var(--area-padding);  /*margin-top:clamp(1vw, 14vw, 120px);*/
	}
	.rndinfo2-wrapper .bg1{
		position:absolute; top: 0; left: 0;
		width:100%; height:100vh;
		box-sizing:border-box;
		background:url(../../images/rnd/bg_ledlightherapy4.jpg) no-repeat center top; background-size:cover;
		z-index:-1;	
		pointer-events: none;	
	}
	.rndinfo2-wrapper >.pin-container {
		position: relative;
		padding:clamp(1vw, 14vw, 120px) 0 0;
		max-width:var(--area-main-width);
		display:flex; align-items:flex-start;
		margin:0 auto;
		text-align:left;
		z-index: 1;
	}

	.rndinfo2-wrapper .tit1{
		flex:1;
		text-align:left;
		color:#fff;
		margin-top:min(max(1vw, 3vw),30px);		
	}
	.rndinfo2-wrapper .tit1 > em.n1{
		font-family:'Libre Caslon Text'; color:#fff; font-weight:400; font-size:min(max(1vw,  10vw),85px); line-height:min(max(1vw,10vw),85px);
		opacity:0;
		transform:translateX(-100%);
		transition:opacity ease .4s 0s, transform ease .4s 0s;
	}	
	.rndinfo2-wrapper .tit1 > div{
		margin-top:min(max(10px, 3vw),30px);
		font-weight:700; color:#fff; font-size:min(max(1vw, 6vw),45px); line-height:min(max(1vw, 8vw),50px);
		opacity:0;
		transform:translateX(-100%);
		transition:opacity ease .4s 0s, transform ease .4s 0s;
	}
	
	.rndinfo2-wrapper .tit1.animated > em.n1{
		opacity:1;
		transform:translateX(0);
		transition:opacity ease .6s 0s, transform ease .8s 0s;
	}
	.rndinfo2-wrapper .tit1.animated > div{
		opacity:1;
		transform:translateX(0);
		transition:opacity ease .6s 0s, transform ease .8s 0s;
	}
	.rndinfo2-wrapper .info1{		
		width:clamp(1vw, 54vw, 650px);
		counter-reset: numbering 0; margin-bottom:clamp(1vw, 10vw, 50px);
	}
	.rndinfo2-wrapper .info1 > li{
		border-top:1px solid #fff;
	}
	.rndinfo2-wrapper .info1 > li > div{
		overflow:hidden;
		padding:clamp(1vw, 4vw, 50px) 0;
	}
	/*.rndinfo2-wrapper .info1 > li:nth-child(n+2){
		margin-top:clamp(1vw, 2.6vw, 30px);
	}*/
	.rndinfo2-wrapper .info1 > li > div h5{
		position:relative;
		padding-left:calc(min(max(1vw, 4vw),32px) + 10px);
		color:#333333; font-weight:600; font-size:min(max(1vw, 5vw),32px); line-height:min(max(1vw, 6vw),32px);
	}
	
	.rndinfo2-wrapper .info1 > li > div div{
		position:relative;
		padding-left:calc(min(max(1vw, 4vw),32px) + 10px);
		font-weight:600; color:#fff; font-size:min(max(1vw, 5vw),32px); line-height:min(max(1vw, 6.5vw),40px);
	}
	.rndinfo2-wrapper .info1 > li > div div span{
		font-weight:400; font-size:min(max(1vw, 3.1vw),22px);
	}
	.rndinfo2-wrapper .info1 > li > div  div:before {
		position: absolute; top:min(max(.2vw, .3vw),6px); left:0px;
		background:var(--main-color1);
		width:min(max(1vw, 4.8vw),32px); height:min(max(1vw, 4.8vw),32px); line-height:min(max(1vw, 4.8vw),32px);
		text-align:center;
		border-radius:5px;
		color:#fff; font-size:min(max(1vw, 3.2vw),22px);
		counter-increment: numbering 1;
  		content: counter(numbering) '';
	}
	.rndinfo2-wrapper .info1 > li > div p{
		font-weight:400; color:#fff; font-size:min(max(1vw, 3.5vw),22px); line-height:min(max(1vw, 5.7vw),34px); margin-top:min(max(1vw, 2vw),15px);
	}
	.rndinfo2-wrapper .info1 > li > div img{
		max-width:100%;
	}
	@media (max-width: 878px) {

		.rndinfo2-wrapper{
		}
		.rndinfo2-wrapper > .pin-container {
			flex-wrap:wrap;			
		}		
		.rndinfo2-wrapper .tit1{
			flex:0 0 100%;	
			margin-top:0;
			text-align:center;
		}
		.rndinfo2-wrapper .tit1 > div{
			font-size:min(max(1vw, 6.0vw),45px); line-height:min(max(1vw, 7.4vw),55px);
		}
		.rndinfo2-wrapper .tit1 > p{
			margin-top:min(max(1vw, 3vw),30px);
			font-size:min(max(11px, 3.2vw),22px); line-height:min(max(11px, 4.8vw),28px);
		}
		.rndinfo2-wrapper .info1{
			width:100%;
			margin-top:min(max(1vw, 6vw),60px);
		}
		.rndinfo2-wrapper .bg1{
			background:url(../../images/rnd/bg_ledlightherapy4_mobile.jpg) no-repeat center center; background-size:cover;
			width:100%; height:100%;
		}
		.rndinfo2-wrapper .info1 > li > div{
			padding:clamp(1vw, 8vw, 50px) 0;
		}
		
	}
	
	.rndbnn1{
		margin-top:clamp(1vw, 12vw, 100px); padding:clamp(1vw, 32vw, 280px) clamp(1vw, 12vw, 30px);
		background:url(../../images/rnd/bg_deepbrightmaterialbnn1.jpg) no-repeat center center; background-size:cover;
		transition:var(--transition-custom);
	}
	.rndbnn1 > .cont1{
		font-weight:600; color:#fff; font-size:min(max(1vw, 4.8vw),34px); line-height:min(max(1vw, 6.8vw),44px);
	}
	@media (max-width: 878px) {
		.rndbnn1{
			background:url(../../images/rnd/bg_deepbrightmaterialbnn_mobile.jpg) no-repeat center center; background-size:cover;
		}
	}
	
	
/*rnd 공통*/


/*network*/

	.networkbox1{
		position:relative;
		overflow:hidden;		
		z-index:1;
		margin-top:clamp(1vw, 2vw, 30px);
		width:100%; 
	}
	
	.networkbox1 .txt1{
		font-size:clamp(1vw, 3vw, 18px); line-height:clamp(1vw, 4.2vw, 28px);
		padding:0 4vw;
		transition:var(--transition-custom);
	}
	
	.networkbox1 .cont1{
		position:relative;
		max-width:1840px; height:clamp(1vw, 57vw, 1051px);
		margin:0 auto;
	}
	.networkbox1 .cont1 .detail1{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%, -50%);
		width:80%; max-width:1500px; height:clamp(1vw, 41vw, 750px);
		z-index:2;
	}
	.networkbox1 .cont1 .detail1 > span.iconat{
		position:absolute;
		width:min(max(1vw, 2.4vw),40px); height:min(max(1vw, 2.4vw),40px);
		border-radius:50%;
		background-size:cover !important; background-color:#fff;
		box-shadow:4px 4px 8px 2px rgba(0,0,0,.2);		
		overflow:hidden;
		font-size:0; line-height:0;
		z-index:10;		
	}
	.networkbox1 .cont1 .detail1 > span.iconat::before{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		font-weight:400; color:#333; font-size:min(max(1vw, 4vw),16px);
		opacity:0;		
		transition:opacity ease .3s;
		white-space:nowrap;
		content:"";
	}
	.networkbox1 .cont1 .detail1 > span.iconat:not(.aina):hover{
		background:none !important;
		box-shadow:none;
		overflow:visible;
		z-index:11;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.spain{
		left:-9.4%; top:43%;
		background:url(../../images/main/ico_spain1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.spain::before{
		content:"Spain";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.poland{
		left:-5.6%; top:41%;
		background:url(../../images/main/ico_poland1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.poland::before{
		content:"Poland";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.dubai{
		left:5.4%; top:60%;
		background:url(../../images/main/ico_dubai1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.dubai::before{
		content:"Dubai";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.kazakhstan{
		left:6.8%; top:38%;
		background:url(../../images/main/ico_kazakhstan1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.kazakhstan::before{
		content:"Kazakhstan";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.russia{
		left:21.0%; top:24%;
		background:url(../../images/main/ico_russia1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.russia::before{
		content:"Russia";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.china{
		left:20.9%; top:53%;
		background:url(../../images/main/ico_china1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.china::before{
		content:"China";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.thailand{
		left:21.0%; top:64.1%;
		background:url(../../images/main/ico_thailand1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.thailand::before{
		content:"Thailand";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.malaysia{
		left:21.4%; top:72.4%;
		background:url(../../images/main/ico_malaysia1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.malaysia::before{
		content:"Malaysia";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.vietnam{
		left:24.1%; top:67.9%;
		background:url(../../images/main/ico_vietnam1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.vietnam::before{
		content:"Vietnam";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.hongkong{
		left:25.5%; top:60.5%;
		background:url(../../images/main/ico_hongkong1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.hongkong::before{
		content:"Hong Kong Special Administrative Region";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.taiwan{
		left:28.9%; top:60.5%;
		background:url(../../images/main/ico_taiwan1_none.png) no-repeat center center;
		/*background:url(../../images/main/ico_taiwan1.png) no-repeat center center;*/
	}
	.networkbox1 .cont1 .detail1 > span.iconat.taiwan::before{
		content:"Chinese Taipei";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.philippines{
		left:28.7%; top:67.6%;
		background:url(../../images/main/ico_philippines1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.philippines::before{
		content:"Philippines";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.indonesia{
		left:27.9%; top:76.8%;
		background:url(../../images/main/ico_indonesia1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.indonesia::before{
		content:"Indonesia";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.usa{
		right:13.9%; top:46.1%;
		background:url(../../images/main/ico_usa1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.usa::before{
		content:"United States of America";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.mexico{
		right:10.2%; top:63.6%;
		background:url(../../images/main/ico_mexico1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.mexico::before{
		content:"Mexico";
	}
	.networkbox1 .cont1 .detail1 > span.iconat.chile{
		right:0; bottom:-1%;
		background:url(../../images/main/ico_chile1.png) no-repeat center center;
	}
	.networkbox1 .cont1 .detail1 > span.iconat.chile::before{
		content:"Chile";
	}
	
	.networkbox1 .cont1 .detail1 > span.iconat:not(.aina):hover::before{
		opacity:1;
	}
	
	.networkbox1 .cont1 .detail1 > span.iconat.aina{
		left:29.4%; top:49.6%;
		width:min(max(1vw, 3.8vw),70px); height:min(max(1vw, 3.8vw),70px);
		background:url(../../images/main/ico_aina1.png) no-repeat center center;
		overflow:visible;
		z-index:2;
	}
	
	.networkbox1 .cont1 .detail1.animated > span.iconat{
		opacity:1;
		transform:translateY(0px);
	}
	
	.networkbox1 .cont1 .maparea1{
		position:relative; left:50%;
		transform:translateX(-55%);
	}
	.networkbox1 .cont1 .maparea1 img{
		width:110%;
	}
	.networkbox1 .cont1 .detail1 > .tit1{
		position:absolute; left:66%; top:70%;
		transform:translate(-50%,-50%);
		text-align:left;
		opacity:0;
		margin-top:80px;
		transition:margin ease .2s .2s, opacity ease .2s .2s;
		z-index:2;
	}
	.networkbox1 .cont1 .detail1 > .tit1.animated{
		opacity:1;
		margin-top:0;
		transition:margin ease .8s .1s, opacity ease .8s .1s;
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1{
		display:flex; align-items:flex-end;
		font-family:'Libre Caslon Text'; color:#333; font-size:25px; line-height:25px;
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *{
		
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 .cntnumbox1{
		overflow:hidden;
		text-align:right;
		height:min(max(1vw, 12.8vw),175px);
		 color:#333;
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 .cntunum{				
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 .cntnumbox1.animated .cntunum{
		animation:main-count-up-ani 3s forwards;
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 .cntunum > li{
		font-size:min(max(1vw, 12.8vw),175px); line-height:min(max(1vw, 13.2vw),180px); 
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2){
		height:min(max(1vw, 12.8vw),175px);
		font-size:min(max(1vw, 12.8vw),175px); line-height:min(max(1vw, 13.2vw),180px); 
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2) > a{
		position:absolute; left:106%; top:min(max(1vw, 16.2vw),220px);	
		display:flex; align-items:center; justify-content:center;
		width:min(max(60px, 12.4vw),154px); height:min(max(60px, 12.4vw),154px);		
		font-size:0; line-height:0;
		border-radius:50%;
		transform:translate(-50%,-50%);
		transition:all ease-in-out .4s ;		
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2) > a::before{
		position:absolute; left:0%; top:0%;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir2.png) no-repeat center center; background-size:cover;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
		z-index:2;
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2) > a > span{
		position:relative;
		width:min(max(15px, 4vw),27px); height:min(max(15px, 4vw),27px);
		z-index:1;
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2) > a > span::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		transition:transform ease .4s 0s;
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2) > a:hover > span::after{
		transform:rotate(45deg);		
	}
	.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:last-child{
		margin-left:10px; margin-bottom:20px;
	}
	.networkbox1 .cont1 .detail1 > .tit1 h3{
		position:relative;
		white-space:nowrap;
		margin-left:min(max(1vw, 3.4vw),40px); margin-top:min(max(1vw, 4.4vw),50px);		
		font-weight:300; font-family:'Libre Caslon Text'; color:#333; font-size:min(max(1vw, 4.8vw),55px); line-height:min(max(1vw, 4.8vw),55px);
	}
	.networkbox1 .cont1 .detail1 > .tit1 p{
		margin-left:min(max(1vw, 3.4vw),40px); margin-top:min(max(1vw, 2.4vw),20px);	
		font-weight:300; font-size:min(max(1vw, 2.4vw),20px); line-height:min(max(1vw, 2.4vw),20px);
	}
	
	@media (max-width: 878px) {
		.networkbox1{
			
		}
		.networkbox1 .cont1 .detail1 > .tit1{
			position:absolute; left:55%; top:53%;
			transform:translate(-50%,-50%);
			text-align:center;
			height:100%;
			display:flex; flex-wrap:wrap; flex-direction:column-reverse; justify-content:space-between;
			z-index:2;
		}
		.networkbox1 .cont1 .detail1 > .tit1 > *{
			width:100%;
			display:none;	
		}
		.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1{
			font-size:min(max(1vw, 4.8vw),25px); line-height:min(max(1vw, 4.8vw),25px);
			flex-wrap:wrap; justify-content:center;
		}
		.networkbox1 .cont1 .detail1 > .tit1 h3{
			margin:0;					
			font-size:min(max(1vw, 7.4vw),55px); line-height:min(max(1vw, 7.4vw),55px);
		}
		.networkbox1 .cont1 .detail1 > .tit1 p{
			margin:0; margin-top:min(max(1vw, 2.4vw),20px);	
			font-weight:300; font-size:min(max(1vw, 4.2vw),20px); line-height:min(max(1vw, 4.2vw),20px);
		}
		.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 .cntnumbox1{
			height:min(max(1vw, 22.8vw),175px);
		}
		.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 .cntunum > li{
			font-size:min(max(1vw, 22.8vw),175px); line-height:min(max(1vw, 23.2vw),180px); 
		}
		.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2){
			position:relative;
			height:min(max(1vw, 22.8vw),175px);
			font-size:min(max(1vw, 22.8vw),175px); line-height:min(max(1vw, 23.2vw),180px);					
		}
		.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:nth-child(2) > a{
			position:absolute; left:130%; top:0;	
		}
		.networkbox1 .cont1 .detail1 > .tit1 .countriesarea1 > *:last-child{
			margin-left:10px; margin-bottom:20px;
			width:100%;
		}
		.networkbox1 .cont1 .detail1 > span.iconat:not(.aina):hover::before{
		font-size:min(max(1vw, 2.5vw),12px);
		}
	}
	
	.networkbox2{
		width:100%; max-width:var(--area-main-width);
		margin:0 auto; margin-top:min(max(20px, 12vw),120px);
	}
	.networkbox2 .stitbox1{
		position:relative;
	}
	.networkbox2 .stitbox1 > p{
		position:absolute; right:0; top:9px;
		color:var(--main-color1); font-weight:400; font-size:clamp(1vw, 1.8vw, 16px)
	}
	@media (max-width: 787px) {
		.networkbox2 .stitbox1 > p{
			display:none;			
		}
	}
	
	.networklist1{
		margin-top:clamp(1vw, 3vw, 30px);
	}
	.networklist1 > li{
		position:relative;
		width:100%; height:clamp(1vw, 41vw, 300px);
		padding:clamp(1vw, 10vw, 60px) 0 0 clamp(1vw, 10vw, 156px);
		box-sizing:border-box;
		text-align:left;
		color:#fff;
		overflow:hidden;
		border-radius:clamp(1vw, 3vw, 30px);
	}
	.networklist1 > li::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:cover !important;
		content:"";
		z-index:-1;
	}
	.networklist1 > li::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(225,36,33,.8);
		content:"";
		transform:translateY(100%);
		transition:transform ease .4s 0s;
	}
	.networklist1 > li:nth-child(n+2){
		margin-top:clamp(1vw, 5vw, 30px);
	}
	.networklist1 > li .tit1{
		position:relative;
		z-index:2;		
	}
	.networklist1 > li .tit1::before{
		position:absolute; left:calc(0px - clamp(1vw, 6.5vw, 80px)); top:0;
		width:clamp(1vw, 5vw, 55px); height:clamp(1vw, 5vw, 55px);
		content:"";
	}
	.networklist1 > li .tit1 h4{
		color:#fff; font-weight:600; font-size:clamp(1vw, 4vw, 40px); line-height:clamp(1vw, 5vw, 55px);
	}
	
	.networklist1 > li .tit1 p{
		margin-top:clamp(1vw, 2.5vw, 22px);
		font-weight:400; font-size:clamp(1vw, 2.6vw, 18px); line-height:clamp(1vw, 3.5vw, 24px);
	}
	.networklist1 > li .cont1{
		position:relative;
		display:flex; justify-content:space-between; align-items:flex-start; gap:0 clamp(1vw, 4vw, 30px);
		opacity:0;
		z-index:2;
		width:100%;
		padding-right:clamp(1vw, 4vw, 50px);
		font-weight:300; font-size:clamp(1vw, 3vw, 18px); line-height:clamp(1vw, 4.2vw, 26px); letter-spacing:-1px;
		box-sizing:border-box;
		transform:translateY(20px);
		transition:opacity ease .0s 0s, transform ease .1s 0s;
	}
	.networklist1 > li .cont1 > *:nth-child(2){
		display:flex; align-items:center; gap:0 clamp(1vw, 1vw, 30px);
		min-width:50%;
	}
	.networklist1 > li .cont1 > *:nth-child(2) > *{
		overflow:hidden;
		border-radius:clamp(1vw, 1.5vw, 20px);
	}
	.networklist1 > li .cont1 > *:nth-child(2) > * > img{
		max-width:310px; width:100%;
	}
	.networklist1 > li.hk::before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_hongkong1.jpg);
	}
	.networklist1 > li.hk .tit1::before{
		background:url(../../images/global/ico_hongkong1.png) no-repeat center center; background-size:cover;
	}
	
	.networklist1 > li.ch::before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_china1.jpg);
	}
	.networklist1 > li.ch .tit1::before{
		background:url(../../images/global/ico_china1.png) no-repeat center center; background-size:cover;
	}
	
	.networklist1 > li.pp::before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_philippines1.jpg);
	}
	.networklist1 > li.pp .tit1::before{
		background:url(../../images/global/ico_philippines1.png) no-repeat center center; background-size:cover;
	}
	
	.networklist1 > li.id::before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_indonesia1.jpg);
	}
	.networklist1 > li.id .tit1::before{
		background:url(../../images/global/ico_indonesia1.png) no-repeat center center; background-size:cover;
	}
	.networklist1 > li.rs::before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_russia1.jpg);
	}
	.networklist1 > li.rs .tit1::before{
		background:url(../../images/global/ico_russia1.png) no-repeat center center; background-size:cover;
	}
	.networklist1 > li.vt:before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_vietnam1.jpg);
	}
	.networklist1 > li.vt .tit1::before{
		background:url(../../images/global/ico_vietnam1.png) no-repeat center center; background-size:cover;
	}
	.networklist1 > li.ml:before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_malaysia1.jpg);
	}
	.networklist1 > li.ml .tit1::before{
		background:url(../../images/global/ico_malaysia1.png) no-repeat center center; background-size:cover;
	}
	.networklist1 > li.mx:before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_mexico1.jpg);
	}
	.networklist1 > li.mx .tit1::before{
		background:url(../../images/global/ico_mexico1.png) no-repeat center center; background-size:cover;
	}
	.networklist1 > li.tl:before{
		background-image: 
		linear-gradient(to right, 
		rgba(0, 0, 0, 0.7) 0%, 
		rgba(0, 0, 0, 0.7) 40%, 
		rgba(0, 0, 0, 0) 80%, 
		rgba(0, 0, 0, 0.7) 100%),
		url(../../images/global/bg_thailand1.jpg);
	}
	.networklist1 > li.tl .tit1::before{
		background:url(../../images/global/ico_thailand1.png) no-repeat center center; background-size:cover;
	}
	
	@media (min-width: 1080px) {
		.networklist1 > li .tit1 h4::before{
			position:absolute; right:clamp(1vw, 4vw, 40px); top:50%;
			transform:translateY(-50%);
			width:21px; height:128px;
			background:url(../../images/global/txt_over1.png) no-repeat center center; background-size:cover;
			content:"";
		}
		.networklist1 > li:hover .tit1 h4,
		.networklist1 > li:hover .tit1 p{
			opacity:0;
			height:0;  
			margin:0;	
		}
		.networklist1 > li:hover .cont1{
			position:relative;
			opacity:1;
			transform:translateY(0px);
			transition:opacity ease .4s .1s, transform ease .4s .1s;
		}
		.networklist1 > li:hover .cont1:has(ul){
			transform:translateY(-5px);
		}
		.networklist1 > li:hover::after{
			transform:translateY(0);
			transition:transform ease .4s 0s;
		}
	}
	@media (max-width: 1080px) {
		.networklist1 > li{
			padding:0;
			height:auto;
		}
		.networklist1 > li::before{
			display:none;			
		}
		.networklist1 > li::after{
			position:absolute; left:0; top:0;
			width:100%; height:100%;
			background:rgba(225,36,33,.8);
			content:"";
			transform:translateY(100%);
			transition:transform ease .4s 0s;
		}
		.networklist1 > li .tit1{
			position:relative;
			z-index:2;	
			padding:clamp(1vw, 10vw, 90px) 0 0 clamp(1vw, 12vw, 156px);	
			height:clamp(1vw, 30vw, 300px);
			overflow:hidden;
			border-radius:clamp(1vw, 3vw, 30px);
		}
		.networklist1 > li .tit1::before{
			position:absolute; left:0; top:0;
			width:100%; height:100%;
			background-repeat:no-repeat !important;
			background-position: center center !important;
			background-size: cover !important;
			content:"";
			z-index:-1;
		}
		.networklist1 > li .tit1 h4{
			position:relative;
			color:#fff; font-weight:500; font-size:clamp(1vw, 4vw, 40px); line-height:clamp(1vw, 5vw, 55px);
		}
		.networklist1 > li .tit1 h4::before{
			position:absolute; left:calc(0px - clamp(1vw, 6.5vw, 70px)); top:0;
			width:clamp(1vw, 5vw, 55px); height:clamp(1vw, 5vw, 55px);
			content:"";
			z-index:2;
		}
		
		.networklist1 > li::after{
			display:none;
		}
		.networklist1 > li .cont1{
			opacity:1;
			padding:0; margin-top:clamp(2.5vw, 3.5vw, 30px);
			flex-wrap:wrap;
			transform:translateY(0px);
			color:#333;
		}
		.networklist1 > li .cont1 > *:nth-child(2){
			display:flex; align-items:center; gap:0 clamp(1vw, 2vw, 30px);
			margin-top:clamp(2vw, 2.2vw, 30px);
			width:100%;			
		}
		.networklist1 > li .cont1 > *:nth-child(2) > *{
			overflow:hidden;
			border-radius:clamp(1vw, 1.5vw, 20px);
			flex:1;
		}
		.networklist1 > li .cont1 > *:nth-child(2) > * > img{
			width:100%; max-width:none;		
		}
		
		
		.networklist1 > li.hk .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_hongkong1.jpg);
		}
		.networklist1 > li.hk .tit1 h4::before{
			background:url(../../images/global/ico_hongkong1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.ch .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_china1.jpg);
		}
		.networklist1 > li.ch .tit1 h4::before{
			background:url(../../images/global/ico_china1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.pp .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_philippines1.jpg);
		}
		.networklist1 > li.pp .tit1 h4::before{
			background:url(../../images/global/ico_philippines1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.id .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_indonesia1.jpg);
		}
		.networklist1 > li.id .tit1 h4::before{
			background:url(../../images/global/ico_indonesia1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.rs .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_russia1.jpg);
		}
		.networklist1 > li.rs .tit1 h4::before{
			background:url(../../images/global/ico_russia1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.vt .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_vietnam1.jpg);
		}
		.networklist1 > li.vt .tit1 h4::before{
			background:url(../../images/global/ico_vietnam1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.ml .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_malaysia1.jpg);
		}
		.networklist1 > li.ml .tit1 h4::before{
			background:url(../../images/global/ico_malaysia1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.mx .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_mexico1.jpg);
		}
		.networklist1 > li.mx .tit1 h4::before{
			background:url(../../images/global/ico_mexico1.png) no-repeat center center; background-size:cover;
		}
		.networklist1 > li.tl .tit1::before{
			background-image: 
			linear-gradient(to right, 
			rgba(0, 0, 0, 0.7) 0%, 
			rgba(0, 0, 0, 0.7) 40%, 
			rgba(0, 0, 0, 0) 80%, 
			rgba(0, 0, 0, 0.7) 100%),
			url(../../images/global/bg_thailand1.jpg);
		}
		.networklist1 > li.tl .tit1 h4::before{
			background:url(../../images/global/ico_thailand1.png) no-repeat center center; background-size:cover;
		}
		
	}
		@media (max-width: 640px) {
		.networklist1 > li:nth-child(n+2){
			margin-top:clamp(6.5vw, 10.5vw, 100px);
		}
		}
	
/*network*/


/*franchise-inquiry*/

	.franchisebnn1{
		position:relative;
		display:flex; justify-content:center; 
		padding:clamp(1vw, 18vw, 150px) 0 clamp(1vw, 52vw, 340px);
		background:url(../../images/global/bg_franchise1.jpg) no-repeat center center; background-size:cover;
		color:#fff;
	}
	.franchisebnn1 h4{
		transition:var(--transition-custom);
	}
	.franchisebnn1 h4 img{
		width:30%; max-width:137px;
	}
	.franchisebnn1 .tit1{
		margin-top:min(max(1vw, 4vw),50px);
		font-weight:600; font-size:min(max(1vw, 6vw),72px); line-height:min(max(1vw, 8vw),76px);
		transition:var(--transition-custom);
	}	
	.franchisebnn1 .txt1::before{
		display:block;
		margin:min(max(1vw, 3.4vw),40px) auto min(max(1vw, 4vw),46px);
		width:clamp(1vw, 8vw, 80px); height:2px;
		background:#fff;
		content:"";
	}
	.franchisebnn1 .txt1{
		font-weight:500; font-size:min(max(1vw, 4vw),37px); line-height:min(max(1vw, 6vw),50px);
		transition:var(--transition-custom);
	}
	.franchisebnn1 .txt2{
		margin-top:min(max(1vw, 2.2vw),30px);
		font-size:min(max(1vw, 2.8vw),24px); line-height:min(max(1vw, 4.4vw),38px);
		transition:var(--transition-custom);
	}
	
	.franchisebnn1 span{
		position:absolute; left:50%; bottom:0;
		transform:translateX(-50%);
		display:block;
		height:min(max(1vw, 26vw),200px);
		font-size:clamp(1vw, 2.5vw, 15px);
		overflow:hidden;
	}
	.franchisebnn1 span::before{
		position:absolute; left:50%; top:clamp(1vw, 4.5vw, 26px);
		width:1px; height:100%;
		background:rgba(255,255,255,.4);
		content:"";
	}
	.franchisebnn1 span::after{
		position:absolute; left:50%; top:clamp(1vw, 4.5vw, 26px);
		width:1px; height:20%;
		background:rgba(255,255,255,1);
		content:"";
		animation:scroll1 infinite 1.6s linear; -ms-animation:scroll1 infinite 1.6s linear;
	}
	
	.franchiseinfo1-wrapper{
		position: relative;
		height:100vh;
		overflow: hidden;
		padding:0 var(--area-padding);
		display:flex; align-items:center;
	}
	
	.franchiseinfo1{
		width:100%; 
	}
	.franchiseinfo1 > li{		
	}
	.franchiseinfo1 > li .detail{
		width:100%; max-width:var(--area-main-width);
		display:flex; align-items:center; gap:clamp(1vw, 6.5vw, 100px);
		margin:0 auto;
	}
	.franchiseinfo1 > li .imgbox1{
		overflow:hidden;
		flex:0 0 clamp(1vw, 58vw, 800px);
		border-radius:clamp(1vw, 3vw, 20px);
	}
	.franchiseinfo1 > li .imgbox1 > img{
		width:100%;
	}
	.franchiseinfo1 > li .cont1{
		text-align:left;
	}
	
	.franchiseinfo1 > li .cont1 h5{
		font-weight:600; color:var(--main-color1); font-size:min(max(11px, 2.8vw),22px); line-height:min(max(11px, 2.8vw),22px);
	}
	.franchiseinfo1 > li .cont1 div{
		margin-top:min(max(1vw, 2vw),30px);
		font-weight:700; color:#333; font-size:min(max(16px, 3.6vw),40px); line-height:min(max(16px, 3.6vw),40px);
	}
	.franchiseinfo1 > li .cont1 p{
		margin-top:min(max(1vw, 2vw),30px);
		color:#666666; font-size:min(max(11px, 2.0vw),22px); line-height:min(max(11px, 3.2vw),36px);
	}
	
	.marquee_sub1 { 
		position:absolute; left:0; bottom:0; z-index:-1;
		width: 100%; height:clamp(1vw, 15vw, 160px); 
		white-space: nowrap; 
		display: flex; align-items: center; will-change: transform;
	}
	.marquee_sub1 > .marquee_box { 
		will-change: transform; animation: marquee 60s linear infinite; 
		font-family:'Libre Caslon Text'; color: #ececec; font-size:clamp(1vw, 10vw, 100px); line-height:clamp(1vw, 15vw, 100px); 
	}
		
	@media (min-width: 879px) {
		.franchiseinfo1 > li{		
		 position: absolute; top:0; left:0;
		 width:100%; height:100%;
		 display:flex; align-items:center;
		 box-sizing:border-box;
		 padding:0 var(--area-padding);
		}
	}
	@media (max-width: 878px) {
		.franchiseinfo1-wrapper{
			height:auto;
			
			padding:clamp(1vw, 9vw, 80px) 9vw clamp(1vw, 20vw, 130px);
		}
		.franchiseinfo1 > li:nth-child(n+2){
			margin-top:clamp(1vw, 7vw, 50px);
		}
		.franchiseinfo1 > li .detail{
			flex-wrap:wrap;  gap:clamp(1vw, 3vw, 30px);
		}
		.franchiseinfo1 > li .imgbox1{
			flex:0 0 100%
		}
		.franchiseinfo1 > li .cont1 div{
			margin-top:min(max(1vw, 2vw),30px);
			font-size:min(max(16px, 4.5vw),40px); line-height:min(max(16px, 5vw),40px);
		}
		.franchiseinfo1 > li .cont1 p{
			margin-top:min(max(1vw, 1.5vw),30px);
			font-size:min(max(11px, 3.2vw),22px); line-height:min(max(11px, 4.7vw),36px);
		}
	}
	
	.frachisetxt1{
		position:absolute; left:60%; top:clamp(1vw, 26vw, 440px);
		transform:translate(-50%,-50%);
		text-align:center;
		opacity:0;
		transition:margin ease .2s .2s, opacity ease .2s .2s;
		white-space:nowrap;
	}
	.frachisetxt1.animated{
		opacity:1;
		margin-top:0;
		transition:margin ease .8s .1s, opacity ease .8s .1s;
		color:#333;
	}
	.frachisetxt1 > img{
		width:26%; max-width:103px;
	}
	.frachisetxt1 > div{
		margin-top:clamp(1vw, 2vw, 30px);
		font-weight:700; font-size:min(max(1vw, 4vw),45px); line-height:min(max(1vw, 5.0vw),50px);
	}
	.frachisetxt1 > p{
		margin-top:clamp(1vw, 3vw, 30px);
		font-size:min(max(1vw, 1.8vw),18px); line-height:min(max(1vw, 3.0vw),30px);
	}
	@media (max-width: 878px) {
		.networkbox1.t2 {
			overflow:visible;
			padding-bottom:clamp(1vw, 48vw, 280px);
		}
		.frachisetxt1{
			position:relative; left:0; top:0;
			transform:translate(0,0);
			padding-top:clamp(1vw, 50vw, 460px);
		}
		.frachisetxt1 > div{
			font-size:min(max(1vw, 6vw),45px); line-height:min(max(1vw, 7vw),50px);
		}
		.frachisetxt1 > p{
			font-size:min(max(11px, 3.2vw),22px); line-height:min(max(11px, 4.8vw),28px);
		}
	}
	
	.franchisebnn2{
		background:url(../../images/global/bg_startup3.jpg) no-repeat center center; background-size:cover;
		padding:clamp(1vw, 15vw, 120px) var(--area-padding) clamp(1vw, 36vw, 400px);
	}
	.franchisebnn2 > div{
		color:#fff;
		transition:var(--transition-custom);
	}
	.franchisebnn2 > div img{
		width:25%; max-width:156px;
	}
	.franchisebnn2 > div > div{
		margin-top:min(max(1vw, 2.2vw),30px);
		font-weight:600; font-size:min(max(1vw, 6vw),72px); line-height:min(max(1vw, 8vw),84px);
	}
	.franchisebnn2 > div > p{
		margin-top:min(max(1vw, 1.2vw),20px);
		font-size:min(max(1vw, 3.2vw),34px); line-height:min(max(1vw, 3.2vw),34px)
	}
	@media (max-width: 878px) {
		.franchisebnn2{
			padding:clamp(1vw, 11vw, 120px) var(--area-padding) clamp(1vw, 42vw, 400px);
		}
		.franchisebnn2 > div > div{
			margin-top:min(max(1vw, 4.2vw),30px);
			font-size:min(max(1vw, 7vw),72px); line-height:min(max(1vw, 8vw),84px);
		}
		.franchisebnn2 > div > p{
			margin-top:min(max(1vw, 3.2vw),20px);
			font-size:min(max(1vw, 3.5vw),34px); line-height:min(max(1vw, 3.5vw),34px)
		}
	}
	
	.franchiseinfo2-wrapper{
		position:relative;
		overflow:hidden;
		padding:0 var(--area-padding);
	}
	.franchiseinfo2-wrapper .bg1{
		position:absolute; top: 0; left: 0;
		width:100%; height:100vh;
		box-sizing:border-box;
		background:url(../../images/global/bg_franchise2.jpg) no-repeat center center; background-size:cover;
		z-index:-1;	
		pointer-events: none;	
	}
	.franchiseinfo2-wrapper > .pin-container {
		position: relative;
		padding:clamp(1vw, 14vw, 120px) 0;
		max-width:var(--area-main-width);
		display:flex;
		margin:0 auto;
		text-align:left;
		z-index: 1;
	}

	.franchiseinfo2-wrapper .tit1{
		flex:1;
		text-align:left;
		color:#fff;
		margin-top:min(max(1vw, 3vw),30px);		
	}
	.franchiseinfo2-wrapper .tit1 > div{
		font-weight:700; font-size:min(max(1vw, 3.2vw),45px); line-height:min(max(1vw, 4.8vw),55px);
		opacity:0;
		transform:translateX(-100%);
		transition:opacity ease .4s 0s, transform ease .4s 0s;
	}
	.franchiseinfo2-wrapper .tit1 > p{
		margin-top:min(max(1vw, 3vw),30px);
		font-size:min(max(1vw, 2.4vw),18px); line-height:min(max(1vw, 3.1vw),30px);
		opacity:0;
		transform:translateX(-100%);
		transition:opacity ease .4s 0s, transform ease .4s 0s;
	}
	.franchiseinfo2-wrapper .tit1.animated > div{
		opacity:1;
		transform:translateX(0);
		transition:opacity ease .6s 0s, transform ease .8s 0s;
	}
	.franchiseinfo2-wrapper .tit1.animated > p{
		opacity:1;
		transform:translateX(0);
		transition:opacity ease .6s .2s, transform ease .8s .2s;
	}
	.franchiseinfo2-wrapper .franchiseinfo2{
		width:clamp(1vw, 54vw, 550px);
	}
	.franchiseinfo2-wrapper .franchiseinfo2 > li{
	}
	.franchiseinfo2-wrapper .franchiseinfo2 > li > div{
		overflow:hidden;
		border-radius:clamp(1vw, 3vw, 25px);
		background:#fff;
		padding:clamp(1vw, 4vw, 50px) clamp(1vw, 3vw, 40px);
	}
	.franchiseinfo2-wrapper .franchiseinfo2 > li:nth-child(n+2){
		margin-top:clamp(1vw, 2.6vw, 30px);
	}
	.franchiseinfo2-wrapper .franchiseinfo2 > li h5{
		color:var(--main-color1); font-size:min(max(1vw, 3vw),20px); line-height:min(max(1vw, 5vw),28px);
	}
	.franchiseinfo2-wrapper .franchiseinfo2 > li div{
		margin-top:min(max(1vw, 2vw),15px);
		font-weight:600; color:#333; font-size:min(max(1vw, 2.5vw),27px); line-height:min(max(1vw, 3.0vw),27px);
	}
	.franchiseinfo2-wrapper .franchiseinfo2 > li p{
		margin-top:min(max(1vw, 2vw),15px);
		font-weight:400; color:#666666; font-size:min(max(11px, 1.8vw),18px); line-height:min(max(11px, 2.8vw),28px);
	}
	@media (max-width: 878px) {
		.franchiseinfo2-wrapper > .pin-container {
			flex-wrap:wrap;
		}
		.franchiseinfo2-wrapper .tit1{
			flex:0 0 100%;	
			margin-top:0;
		}
		.franchiseinfo2-wrapper .tit1 > div{
			font-size:min(max(1vw, 6.0vw),45px); line-height:min(max(1vw, 7.4vw),55px);
		}
		.franchiseinfo2-wrapper .tit1 > p{
			margin-top:min(max(1vw, 3vw),30px);
			font-size:min(max(11px, 3.2vw),22px); line-height:min(max(11px, 4.8vw),28px);
		}
		.franchiseinfo2-wrapper .franchiseinfo2{
			width:100%;
			margin-top:min(max(1vw, 6vw),60px);
		}
		.franchiseinfo2-wrapper .bg1{
			width:100%; height:100%;
			background:url(../../images/global/bg_franchise2_mobile.jpg) no-repeat center top; background-size:cover;
		}
		.franchiseinfo2-wrapper .franchiseinfo2 > li > div{
			padding:clamp(1vw, 5vw, 50px) clamp(1vw, 6vw, 40px);
		}
		.franchiseinfo2-wrapper .franchiseinfo2 > li h5{
			font-size:min(max(11px, 2.8vw),22px); line-height:min(max(11px, 2.8vw),22px);
		}
		.franchiseinfo2-wrapper .franchiseinfo2 > li div{
			font-size:min(max(1vw, 4.5vw),27px); line-height:min(max(1vw, 6.0vw),27px);
		}
		.franchiseinfo2-wrapper .franchiseinfo2 > li p{
			font-size:min(max(11px, 3.2vw),22px); line-height:min(max(11px, 4.8vw),28px);
		}
	}
/*franchise-inquiry*/


/*product-inquiry*/

.inquirybnn1{
    background:url(../../images/customer/bnn_inquiry1.jpg) no-repeat center center; background-size:cover;
    padding:min(max(40px, 17vw),200px) var(--area-padding); margin-bottom:min(max(30px, 8vw),70px);
}
.inquirybnn1 > div{
    max-width:var(--area-main-width);
    margin:0 auto;
    text-align:left;
    color:#333; font-weight:600; font-size:min(max(1vw, 3vw),36px); line-height:min(max(1vw, 5vw),50px);
}
.inquirybnn1 > div > em{
    color:var(--main-color1);
}
@media (max-width: 878px) {
    .inquirybnn1{
        background:url(../../images/customer/bnn_inquiry1_mobile.jpg) no-repeat center center; background-size:cover;
    }
    .inquirybnn1 > div{        
        text-align:center;
        color:#fff ; font-weight:600; font-size:min(max(1vw, 4.5vw),36px); line-height:min(max(1vw, 6.2vw),45px);
    }
    .inquirybnn1 > div > em{
        color:#fff;
    }
}

/*product-inquiry*/


/*partnership-proposal*/

.partnershipbnn1{
    background:url(../../images/customer/bnn_partnership1.jpg) no-repeat center center; background-size:cover;
    padding:min(max(40px, 17vw),200px) var(--area-padding); margin-bottom:min(max(30px, 8vw),70px);
}
.partnershipbnn1 > div{
    max-width:var(--area-main-width);
    margin:0 auto;
    text-align:left;
    color:#333; font-weight:600; font-size:min(max(1vw, 3vw),36px); line-height:min(max(1vw, 5vw),50px);
}
.partnershipbnn1 > div > em{
    color:var(--main-color1);
}
@media (max-width: 878px) {
    .partnershipbnn1{
        background:url(../../images/customer/bnn_partnership1_mobile.jpg) no-repeat center center; background-size:cover;
    }
    .partnershipbnn1 > div{        
        text-align:center;
        color:#fff ; font-weight:600; font-size:min(max(1vw, 4.5vw),36px); line-height:min(max(1vw, 6.2vw),45px);
    }
    .partnershipbnn1 > div > em{
        color:#fff;
    }
}

/*partnership-proposal*/


/*as*/

	.asbox1{
		padding:clamp(1vw, 30vw, 150px) var(--area-padding);
		background:url(../../images/customer/bg_as1.jpg) no-repeat center center; background-size:cover;
	}
	.asbox1 > .cont1{
		width:100%; max-width:var(--area-main-width);
		display:flex; justify-content:center; align-items:center;
		margin:0 auto;		
	}
	.asbox1 > .cont1 > *{
		flex:0 0 50%;
		box-sizing:border-box;
	}
	.asbox1 > .cont1 .tit1{
		color:#333;
	}
	.asbox1 > .cont1 .tit1 > div{
		font-weight:700; font-size:clamp(1vw, 4vw,45px); line-height:clamp(1vw, 5.8vw,55px);
	}
	.asbox1 > .cont1 .tit1 > div > em{
		color:var(--main-color1);
	}
	.asbox1 > .cont1 .tit1 > p{
		margin-top:clamp(1vw, 3vw,30px);
		font-size:clamp(1vw, 1.9vw,18px); line-height:clamp(1vw, 3vw,22px);
	}	
	.asbox1 > .cont1 .detail1{
		text-align:left;
		padding:15px 0; padding-left:clamp(1vw, 8vw, 120px);		
		border-left:1px solid #ddd;
	}
	.asbox1 > .cont1 .detail1 h4{
		font-weight:700; color:#333; font-size:clamp(1vw, 3.2vw,24px); line-height:clamp(1vw, 5vw,24px);
	}
	.asbox1 > .cont1 .detail1 h4 > em{
		color:var(--main-color1);
	}
	.asbox1 > .cont1 .detail1 div{
		margin-top:clamp(1vw, 2vw,20px);
		font-family:'Libre Caslon Text'; color:#333; font-weight:400; font-size:clamp(1vw, 6vw,62px); line-height:clamp(1vw, 6vw,62px);
	}
	.asbox1 > .cont1 .detail1 p{
		margin-top:clamp(1vw, 5vw,50px);
		color:#666666; font-size:clamp(1vw, 2vw, 16px); line-height:clamp(1vw, 3.6vw,28px);
	}
	.asbox1 > .cont1 .detail1 p em{
		font-weight:600; color:#333; font-size:clamp(1vw, 2vw, 18px); line-height:clamp(1vw, 2vw,24px);
	}
	@media (max-width: 878px) {
		.asbox1{
			padding:clamp(1vw, 30vw, 80px) var(--area-padding);
		}
		.asbox1 > .cont1{
			flex-wrap:wrap;				
		}
		.asbox1 > .cont1 > *{
			flex:0 0 100%;
		}
		.asbox1 > .cont1 .tit1 > div{
			font-size:clamp(1vw, 6.6vw,45px); line-height:clamp(1vw, 8vw,55px);
		}
		.asbox1 > .cont1 .tit1 > p{
			margin-top:clamp(1vw, 3vw,30px);
			font-size:clamp(1vw, 3.8vw,22px); line-height:clamp(1vw, 4vw,22px);
		}
		
		.asbox1 > .cont1 .detail1::before{
			display:block;
			margin:0 auto; margin-top:clamp(1vw, 10vw, 70px); margin-bottom:clamp(1vw, 10vw, 70px);
			width:50px; height:1px;
			background:#ddd;
			content:"";
		}
		.asbox1 > .cont1 .detail1{
			text-align:center;
			border:none;
			padding:0;
		}
		.asbox1 > .cont1 .detail1 h4{
			font-size:clamp(1vw, 5.2vw,32px); line-height:clamp(1vw, 5.2vw,32px);
		}
		.asbox1 > .cont1 .detail1 div{
			margin-top:clamp(1vw, 3vw,30px);
			font-size:clamp(1vw, 11vw,90px); line-height:clamp(1vw, 12vw,100px);
		}
		.asbox1 > .cont1 .detail1 p{
			margin-top:clamp(1vw, 8vw,70px);
			font-size:clamp(1vw, 3.6vw, 20px); line-height:clamp(1vw, 5.8vw,32px);
		}
		.asbox1 > .cont1 .detail1 p em{
			font-size:clamp(1vw, 4.4vw, 25px); line-height:clamp(1vw, 4.8vw,30px);
		}
	}

/*as*/


/*etc*/
	
	.privacybox1{
		text-align:left;
	}
	.privacybox1 > .box1{
		background:#f6f6f6;
		padding:min(max(11px, 5vw),45px) min(max(11px, 4vw),75px);
		display:flex; gap:3vw;
		border-radius:10px;
	}
	.privacybox1 > .box1 > *{
		width:50%;
	}
	.privacybox1 > .box1 > * > li{
		font-size:min(max(1vw, 2.8vw),16px); line-height:min(max(1vw, 5.4vw),24px);
	}
	.privacybox1 > .box1 > * > li:nth-child(n+2){
		margin-top:min(max(1vw, 1.2vw),10px);
	}
	.privacybox1 > .box1 > * > li a{
		position:relative;
	}
	.privacybox1 > .box1 > * > li a::before{
		position:absolute; left:50%; bottom:0;		
		width:0; height:1px;
		opacity:0;
		background:#333;
		content:"";
		transition:var(--transition-custom);
	}
	.privacybox1 > .box1 > * > li a:hover{
		font-weight:500;
	}
	.privacybox1 > .box1 > * > li a:hover::before{
		left:0;
		opacity:1;
		width:100%; 
	}
	
	.privacybox1 > h3{
		font-weight:600; color:#333; font-size:min(max(11px, 3.6vw),25px);
	}
	.privacybox1 > p{
		color:#666666; font-size:min(max(1vw, 2.8vw),16px); line-height:min(max(1vw, 4.4vw),24px);
	}
	
	.privacybox1 table{
		text-align:center;
		border-spacing:0; border-collapse:collapse;
	}
	.privacybox1 table th{
		color:#fff;
		background:#333333;
	}
	
	.privacybox1 table th,
	.privacybox1 table td {
		box-sizing:border-box;
		padding:min(max(1vw, 2vw),20px) min(max(1vw, 1.4vw),10px);
		font-size:min(max(1vw, 2.8vw),16px); line-height:min(max(1vw, 5.4vw),24px);
	 	border-left: 1px solid #ddd; border-right: 1px solid #ddd;		
	}
	.privacybox1 table td{
		border-bottom: 1px solid #ddd;	
	}
	.privacybox1 table th:first-child,
	.privacybox1 table td:first-child {
	  border-left: 0;
	}
	.privacybox1 table th:last-child,
	.privacybox1 table td:last-child {
	  border-right: 0;
	}
	.privacybox1 table .tit1{
		background:#f9f9f9;
		color:#333; font-weight:600;
	}
	.privacybox1 table .left{
		padding-left:min(max(1vw, 2vw),20px);		
	}
	
	.emailrjbox1{
		text-align:left;
	}
	.emailrjbox1 > h3{
		font-weight:600; color:#333; font-size:min(max(11px, 3.6vw),25px);
	}
	.emailrjbox1 > h4{
		font-weight:600; color:#333; font-size:min(max(11px, 3.1vw),18px); line-height:min(max(11px, 5vw),22px);
	}
	.emailrjbox1 > p{
		color:#666666; font-size:min(max(1vw, 2.8vw),16px); line-height:min(max(1vw, 4.4vw),24px);
	}
	
/*etc*/