/*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:600; font-size:min(max(16px, 7vw),40px); line-height:min(max(16px, 7vw),40px);}
	
	
	
/*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(.2vw, .5vw),10px); justify-content:center; flex-wrap:wrap;
		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, 1.6vw),30px);
		font-weight:500; color:#333; font-size:min(max(1vw, 1.9vw),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{
		margin:0 auto; margin-top:min(max(1vw, 4vw),40px);
	}
	.greetingbox1 > img{
		max-width:100%;
	}
	.greetingbox1 > img:nth-child(1){
		max-width:42%;
		margin-top:min(max(1vw, 4vw),30px);
		margin-bottom:min(max(1vw, 6vw),50px);
	}

	.greetingbox2{
		margin:0 auto; margin-top:min(max(1vw, 4vw),40px);
	}
	.greetingbox2 > img{
		max-width:100%;
	}
	.greetingbox2 > img:nth-child(1){
		max-width:80%;
		margin-top:min(max(1vw, 4vw),30px);
		margin-bottom:min(max(1vw, 6vw),50px);
	}

/*greeting*/


/*history*/

.his_box1 {width:100%; max-width:var(--area-main-width); position: relative; margin: 0 auto;}
.his_img1 {width: 50%; float: left; position: relative;}
.his_img1 h1 {font-size: 105px; color: #ebf3f8; line-height: 90px; font-family:var(--font-family2); font-weight: 800; text-align: left; margin-top: 70px;}
.his_img1 h1:nth-of-type(2) {position: absolute; left:60px; top: 1100px; z-index: 1;}
.his_img1 img:nth-of-type(1) {position: absolute; top: 215px; right: 150px;}
.his_img1 img:nth-of-type(2) {position: absolute; top: 635px; left: 0;}
.his_img1 img:nth-of-type(3) {position: absolute; top: 1290px; right: 120px; z-index: 2;}

.archbox1{position:relative; width:50%; background:#fff; z-index:4; box-sizing:border-box; float: right;}
.archbox1 .cont1 {display: flex; align-items: flex-start; justify-content: space-between; padding-left: 10px; position:relative; margin:0 auto; width:100%; max-width:1400px; z-index: 11;}
.archbox1 .cont1 .left {position: sticky; top: var(--height_height); width: 40em; display: none}
.archbox1 .cont1 .left p { font-size: 6.5em; font-weight: 700; line-height: 1.2}
.archbox1 .cont1 .info {position: relative; width: 100%;}
.archbox1 .cont1 .info .line {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 99% !important; background-color: #e0e0e0}
.archbox1 .cont1 .info .line .bg {position: absolute; left: 50%; top: 0; width: 2px ;height: 0%; transform: translateX(-50%) ;background-color:var(--main-color1); max-height: 100%;}
.archbox1 .cont1 .info li {position: relative; display: flex; align-items: flex-start;line-height: 1.5em; flex-direction: column;}
.archbox1 .cont1 .info li + li {margin-top: 50px;}
.archbox1 .cont1 .info li h1.num {font-size: 30px; color:var(--main-color1); font-weight: 700; line-height: 40px; margin-left: 140px; margin-bottom: 5px;}
.archbox1 .cont1 .info li h1.num:before {content: ""; position: absolute; left: -7px; top: 15px; width: 15px; height: 15px; border-radius: 50%; background-color: #ddd;
transition:all .4s ease;
}
.archbox1 .cont1 .info li p {font-size: 18px; font-weight: 400; color: #666; line-height: 30px; margin-left: 140px; text-align: left;}
.archbox1 .cont1 .info li p span {color: #333; font-weight: 700; line-height: 30px; margin-right: 10px; width: 22px; display: inline-block; text-align: left;}
.archbox1 .cont1 .info li:nth-child(1) .num:before,
.archbox1 .cont1 .info li.active .num:before {background-color:var(--main-color1); box-shadow: 0 0 0px 12px #dfeef7;}

@media screen and (max-width:1410px) {
	.his_img1 h1 {font-size: min(max(1vw, 8vw),80px); line-height: min(max(1vw, 7vw),70px);}
	.his_img1 img {width: 50%;}
	.his_img1 img:nth-of-type(1) {}
	.his_img1 img:nth-of-type(3) {}
	.his_img1 h1:nth-of-type(2) {left:min(max(1vw, 8vw),60px);}
	.archbox1 .cont1 .info li h1.num {margin-left: min(max(1vw, 6vw),100px);}
	.archbox1 .cont1 .info li p {margin-left: min(max(1vw, 6vw),100px);}
}
@media screen and (max-width:767px) {
	.archbox1 {width: 100%;}
	.archbox1 .cont1 {padding-left: 20px;}
	.his_box1 {overflow: hidden;}
	.his_img1 {display: none;}
	.archbox1 .cont1 .info li h1.num {margin-left: min(max(1vw, 8vw),80px);  line-height: 32px;}
	.archbox1 .cont1 .info li p {width:calc(100 - min(max(1vw, 8vw),80px)); margin-left: min(max(1vw, 8vw),80px); font-size: 16px; line-height: 24px;}
	.archbox1 .cont1 .info li p span {line-height: 24px; margin-right: 5px;}
}

@media screen and (max-width:380px) {
	.archbox1 .cont1 .info li p {width: 70%;}
}

/*history*/


/*organization*/

	.organization_box1{
		width:100%; max-width:var(--area-main-width);
		display:flex; flex-wrap:wrap; gap:min(max(1vw, 10vw), 80px) 0;
		margin:0 auto;
	}
	.organization_box1 > *{
		flex:1; 
	}
	.organization_box1 > * > img{
		max-width:90%;
	}
	@media screen and (max-width:878px) {
		.organization_box1 > *{
			flex:0 0 100%;
		}
	}

/*organization*/


/*direction*/

	.mapbox1{
		display:flex; align-items:center; gap:min(max(1vw, 6vw), 110px);
	}
	.mapbox1 > *:first-child{
		flex:0 0 50%; max-width:650px;
	}
	.mapbox1 .map1{
	}
	.mapbox1 .map1 .root_daum_roughmap{
		width:100%;
		z-index:1;
	}
	.mapbox1 > .detail1{
		text-align:left;
		flex:0 0 calc(50% - min(max(1vw, 5vw), 55px));
	}
	.mapbox1 > .detail1 > .tit1{
		font-weight:600; color:#333; font-size:min(max(1vw, 3.2vw), 36px); line-height:min(max(1vw, 4.2vw), 44px);
	}
	.mapbox1 > .detail1 > .tit1 em{
		display:block;
		color:var(--main-color1); font-size:min(max(1vw, 2.6vw), 24px); line-height:min(max(1vw, 2.6vw), 24px);
		margin-bottom:min(max(1vw, 1.56vw), 20px);
	}
	.mapbox1 > .detail1 > ul{
		display:flex; gap:min(max(1vw, 3.5vw), 60px);
		margin-top:min(max(1vw, 2.5vw), 30px); padding-top:min(max(1vw, 2.6vw), 30px);
		border-top:1px solid #ddd;
	}
	.mapbox1 > .detail1 > ul > li{
		display:flex; gap:min(max(.1vw, .6vw), 10px);
		font-weight:700; color:#333; font-size:min(max(1vw, 2.1vw), 20px); line-height:min(max(1vw, 2.1vw), 20px);
	}
	.mapbox1 > .detail1 > ul > li em{
		color:var(--main-color1);
	}
	.mapbox1 > .detail1 > a{
		position:relative;
		display:inline-block;
		padding:min(max(1vw, 2.1vw), 18px) min(max(1vw, 3.5vw), 40px); margin-top:min(max(1vw, 7.5vw), 60px);
		color:var(--main-color1); font-size:min(max(1vw, 2.1vw), 20px);
		box-shadow:inset 0px 0px 0px 2px var(--main-color1);
		box-sizing:border-box;
		border-radius:min(max(1vw, 4.1vw), 30px);
		transition:color .2s ease;
		overflow:hidden;
	}
	.mapbox1 > .detail1 > a::before{
		position:absolute; left:-10%; top:0;
		width:0; height:200%;
		background:var(--main-color1);
		z-index:-1;
		transform:skewX(-20deg);
		transition:width .4s ease;
		content:"";
	}
	.mapbox1 > .detail1 > a:hover{
		color:#fff;
	}
	.mapbox1 > .detail1 > a:hover::before{
		width:162%;
	}

	.root_daum_roughmap .wrap_controllers {
		background:none !important;
		padding:0 !important;
		border-top:none !important;
	}
	.root_daum_roughmap .tit_controllers,
	.root_daum_roughmap .wrap_btn_roadview,
	.root_daum_roughmap .cont{
		display:none;
	}
	@media screen and (max-width:878px) {
		.mapbox1{
			flex-wrap:wrap; gap:min(max(1vw, 7vw), 50px);
		}
		.mapbox1 > *:first-child{
			flex:0 0 100%; max-width:none;
		}
		.mapbox1 > .detail1{
			text-align:center;
			flex:0 0 100%;
		}
		.mapbox1 > .detail1 > .tit1{
			font-size:min(max(1vw, 4.2vw), 36px); line-height:min(max(1vw, 5.2vw), 44px);
		}
		.mapbox1 > .detail1 > .tit1 em{
			font-size:min(max(1vw, 3.6vw), 24px); line-height:min(max(1vw, 3.6vw), 24px);
		}
		.mapbox1 > .detail1 > ul{
			justify-content:center;		
		}
		.mapbox1 > .detail1 > ul > li{
			font-size:min(max(1vw, 3.2vw), 20px); line-height:min(max(1vw, 3.2vw), 20px);
		}
		.mapbox1 > .detail1 > a{
			padding:min(max(1vw, 2.1vw), 18px) min(max(1vw, 3.5vw), 40px); margin-top:min(max(1vw, 7.5vw), 60px);
			font-size:min(max(1vw, 3.8vw), 20px);
		}
	}
/*direction*/


/*m-brand*/

	.brandlist{
		display:flex; gap:min(max(1vw, 3.4vw), 30px); flex-wrap:wrap;
	}
	.brandlist > li{
		flex:0 0 calc((100% - 3 * min(max(1vw, 3.4vw), 30px)) / 4);
		border-radius:min(max(1vw, 2.2vw), 15px);
		border:1px solid #ddd;
		box-sizing:border-box;
		overflow:hidden;
	}
	.brandlist > li > img{
		max-width:100%;
	}
	@media screen and (max-width:878px) {
		.brandlist > li{
			flex:0 0 calc((100% - 2 * min(max(1vw, 3.4vw), 30px)) / 3);
		}
	}
	@media screen and (max-width:540px) {
		.brandlist > li{
			flex:0 0 calc((100% - 1 * min(max(1vw, 3.4vw), 30px)) / 2);
		}
	}
	
/*m-brand*/


/*m-agency*/

	.agencymain1{
		background:url(../../images/distribution/bg_agency1.jpg) no-repeat center bottom; background-size:cover;
		padding:0 var(--area-padding); margin-top:min(max(1vw, 4vw), 50px); min-height:min(max(1vw, 32vw), 450px);
	}
	.agencymain1 > div{
		position:relative;
		max-width:1400px; max-height:min(max(1vw, 38vw), 450px);
		margin:0 auto;
		display:flex; justify-content:space-between; gap:min(max(1vw, 5vw), 50px);
	}
	.agencymain1 > div > *:first-child{
		margin-top:min(max(1vw, 8vw), 90px);
	}
	.agencymain1 > div > *:last-child{
		transform:translateY(calc(0px - min(max(1vw, 4vw), 50px)));
	}
	.agencymain1 > div img{
		max-width:100%;
	}

	.mod_pc{display:block;}
	.mod_mobile{display:none;}

	@media screen and (max-width:787px) {
		.agencymain1{
			background:url(../../images/distribution/bg_agency1_m.jpg) no-repeat center bottom; background-size:cover;
		}
		.agencymain1 > div{
			position:relative;
			max-width:1400px; height:auto; max-height:none;
			margin:0 auto;
			display:flex; flex-wrap:wrap; gap:0;
		}
		.agencymain1 > div > *{
			flex:0 0 96%;
			text-align:left
		}
		.agencymain1 > div > *:first-child img{
			max-width:70%;
		}
		.agencymain1 > div > *:last-child{
			transform:translateY(9vw);
			margin-left:auto;			
		}
		.mod_pc{display:none; }
		.mod_mobile{display:block;}
	}

	.productlist1{
		display:flex; gap:min(max(1vw, 2.4vw), 20px); flex-wrap:wrap;
	}
	.productlist1 > li{
		flex:0 0 calc((100% - 3 * min(max(1vw, 2.4vw), 20px)) / 4);
		overflow:hidden;
	}
	.productlist1 > li > img{
		max-width:100%;
	}
	@media screen and (max-width:787px) {
		.productlist1{
			padding-top:9vw;
		}
		.productlist1 > li{
			flex:0 0 calc((100% - 2 * min(max(1vw, 2.4vw), 30px)) / 3);
		}
	}
	@media screen and (max-width:540px) {
		.productlist1 > li{
			flex:0 0 calc((100% - 1 * min(max(1vw, 2.4vw), 30px)) / 2);
		}
	}

	/*
	.productlist1{
		display:flex; gap:min(max(1vw, 2.4vw), 30px); flex-wrap:wrap;
	}
	.productlist1 > li{
		flex:0 0 calc((100% - 3 * min(max(1vw, 2.4vw), 30px)) / 4);
		overflow:hidden;
	}
	.productlist1 > li > img{
		max-width:100%;
	}
	@media screen and (max-width:787px) {
		.productlist1{
			padding-top:9vw;
		}
		.productlist1 > li{
			flex:0 0 calc((100% - 2 * min(max(1vw, 2.4vw), 30px)) / 3);
		}
	}
	@media screen and (max-width:540px) {
		.productlist1 > li{
			flex:0 0 calc((100% - 1 * min(max(1vw, 2.4vw), 30px)) / 2);
		}
	}
	*/



	
	/* °ø½Ä´ë¸®Á¡ ¼Ò°³ ÇÑ ÁÙ 1°³ ¹è¿­Çü ¾Æ´Ñ Á¦Ç° */
	.subcont1 > .productlist2 {
	  max-width: 1400px;               /* ÄÁÅ×ÀÌ³Ê ÃÖ´ë Æø */
	  margin: 0 auto;                  /* Á¿ì Áß¾Ó Á¤·Ä */
	  padding: 0 var(--area-padding);  /* ÁÂ¿ì ¿©¹é */
	  display: flex;
	  flex-direction: column;          /* ÇÑ ÁÙ¿¡ Çϳª¾¿ */
	  gap: 30px;                       /* li °£°Ý */
	}

	.productlist2 li {
	  width: 100%;                     /* ÇÑ ÁÙ Àüü »ç¿ë */
	}

	.productlist2 img {
	  max-width: 100%;                  /* ºÎ¸ðº¸´Ù Å©Áö ¾Ê°Ô */
	  width: 100%;                      /* ºÎ¸ð Æø¿¡ ¸ÂÃß±â */
	  height: auto;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	}

	/* PC / ¸ð¹ÙÀÏ Àüȯ */
	.mod_pc { display: block !important; }
	.mod_mobile { display: none !important; }

	/* 787px ÀÌÇÏ: ¸ð¹ÙÀÏ À̹ÌÁö, ÁÂ¿ì ¿©¹é À¯Áö */
	@media screen and (max-width:787px) {
	  .mod_pc { display: none !important; }
	  .mod_mobile { display: block !important; }

	  .productlist2 li { margin-top: 0; }
	
	  .productlist2 img.mod_mobile {		            
		width: 100%; 		
		margin-left: auto;
		margin-right: auto;             
		display: block;
		
	  }

	  .productlist2 li:first-child img.mod_mobile {
		margin-top: 30px; /* ù¹ø°¸¸ À§ ¿©¹é ´õ Å©°Ô */
	  }
	}

	
/*m-agency*/


/*qna*/
	
	.qnabnn1{
		background:url(../../images/customer/bnn_qna1.jpg) no-repeat center center; background-size:cover;
		padding:min(max(40px, 17vw),200px) var(--area-padding); margin-bottom:min(max(30px, 8vw),70px);
	}
	.qnabnn1 > 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);
	}
	.qnabnn1 > div > em{
		color:var(--main-color1);
	}
	@media (max-width: 878px) {
		.qnabnn1{
			background:url(../../images/customer/bnn_qna1.jpg) no-repeat left center;
			background-size:cover;
		}
		.qnabnn1 > div{        
			text-align:center;
			font-size:min(max(1vw, 4.5vw),36px); line-height:min(max(1vw, 6.2vw),45px);
			text-shadow:0 0 20px white;
		}
	}

/*qna*/


/*smartstore*/

	.storebox1{
		position:relative;
	}
	.storebox1 > img{
		width:100%;
	}
	.storebox1 > div{
		position:absolute; left:min(max(1vw, 12vw),70px); bottom:min(max(1vw, 12vw),70px);
		width:30%;
	}
	.storebox1 > div > a{
		position:relative;
		display:inline-block;
		border-radius:min(max(1vw, 5vw),20px);
		box-shadow:4px 4px 6px 2px rgba(0,0,0,.5);
	}
	.storebox1 > div > a > span{
		position:absolute; right:calc(0px - min(max(1vw, 3.5vw),40px)); top:calc(50% - min(max(1vw, 3.5vw),40px));
		width:min(max(1vw, 7vw),80px); height:min(max(1vw, 7vw),80px);
		border-radius:50%;
		background:#fff;
		box-shadow:4px 4px 6px 2px rgba(0,0,0,.3);
	}	
	.storebox1 > div > a > span::before{
		position:absolute; left:calc(50% - 3px); top:50%;
		transform:translate(-50%,-50%) rotate(-135deg);
		transform-origin:center center;
		width:26%; height:26%;
		border-left:6px solid var(--main-color2); border-bottom:6px solid var(--main-color2);
		border-radius:4px;
		content:"";
	}
	.storebox1 > div > a:hover > span{animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.storebox1 > div img{
		max-width:100%;
	}
	@media (max-width: 787px) {
		.storebox1 > div{
			position:relative; left:50%; bottom:0;
			transform:translateX(-50%);
			margin-top:-14%;
			width:100%;
		}
		.storebox1 > div > a > span{
			right:calc(0px - min(max(1vw, 7vw),40px)); top:calc(50% - min(max(1vw,7vw),40px));
			width:min(max(1vw, 14vw),80px); height:min(max(1vw, 14vw),80px);
		}
		.storebox1 > div > a{
			max-width:64%;
		}
	}
/*smartstore*/



/*mall*/

	.mallbox1{
		position:relative;
	}
	.mallbox1 > img{
		width:100%;
	}
	.mallbox1 > div{
		position:absolute; right:min(max(1vw, 12vw),70px); bottom:min(max(1vw, 12vw),70px);
		width:30%;
	}
	.mallbox1 > div > a{
		position:relative;
		display:inline-block;
		border-radius:min(max(1vw, 5vw),20px);
		box-shadow:4px 4px 6px 2px rgba(0,0,0,.5);
	}
	.mallbox1 > div > a > span{
		position:absolute; right:calc(0px - min(max(1vw, 3.5vw),40px)); top:calc(50% - min(max(1vw, 3.5vw),40px));
		width:min(max(1vw, 7vw),80px); height:min(max(1vw, 7vw),80px);
		border-radius:50%;
		background:#fff;
		box-shadow:4px 4px 6px 2px rgba(0,0,0,.3);
	}	
	.mallbox1 > div > a > span::before{
		position:absolute; left:calc(50% - 3px); top:50%;
		transform:translate(-50%,-50%) rotate(-135deg);
		transform-origin:center center;
		width:26%; height:26%;
		border-left:6px solid var(--main-color1); border-bottom:6px solid var(--main-color1);
		border-radius:4px;
		content:"";
	}
	.mallbox1 > div > a:hover > span{animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mallbox1 > div img{
		max-width:100%;
	}
	@media (max-width: 787px) {
		.mallbox1 > div{
			position:relative; left:50%; bottom:0;
			transform:translateX(-50%);
			margin-top:-14%;
			width:100%;
		}
		.mallbox1 > div > a > span{
			right:calc(0px - min(max(1vw, 7vw),40px)); top:calc(50% - min(max(1vw,7vw),40px));
			width:min(max(1vw, 14vw),80px); height:min(max(1vw, 14vw),80px);
		}
		.mallbox1 > div > a{
			max-width:64%;
		}
	}


/*mall*/


/*etc*/
	
	.privacybox1{
		text-align:left;
	}
	.privacybox1 > .box1{
		background:#f6f6f6;
		padding:min(max(11px, 5vw),30px) min(max(11px, 4vw),40px);
		color:#666;
	}
	.privacybox1 > .box1 > h4{
		color:#333; font-size:min(max(1vw, 2.8vw),18px); line-height:min(max(1vw, 5.4vw),28px);	
	}
	.privacybox1 > .box1 > p{
		font-size:min(max(1vw, 2.8vw),18px); line-height:min(max(1vw, 5.4vw),28px);	
	}
	.privacybox1 > .box1 > ul{
	}
	.privacybox1 > .box1 > ul > li{
		font-size:min(max(1vw, 2.8vw),18px); line-height:min(max(1vw, 5.4vw),28px);	
	}
	
	.privacybox1 > h3{
		font-weight:700; color:#333; font-size:min(max(11px, 4.2vw),30px);
	}
	.privacybox1 > p{
		color:#666666; font-size:min(max(1vw, 4.2vw),18px); line-height:min(max(1vw, 4.7vw),26px);
	}
	.privacybox1 > p > em{
		display:block;
		color:#333333; font-weight:700;
	}
	.privacybox1 ul.cnumlist1{
		counter-reset:num;
	}
	.privacybox1 ul.cnumlist1 > li {
		position:relative;
		counter-increment:num;		
		padding-left:min(max(1vw, 5.2vw),22px);
		font-size:min(max(1vw, 4.2vw),18px); line-height:min(max(1vw, 4.7vw),26px);
	}
	.privacybox1 ul.cnumlist1 > li::before {	
		position:absolute; left:0; top:.28em;
		width:1.4em; height:1.4em;
		border-radius: 50%;
		display:flex; align-items:center; justify-content:center;
		border:1px solid;
		font-weight:600; font-size:min(max(1vw, 2.4vw),11px);		
		content:counter(num);
	}
	.privacybox1 ul.cnumlist1 > li:nth-child(n+2){
		margin-top:min(max(1vw, 1.56vw),10px);
	}
	
	.privacybox1 table{
		text-align:center;
		border-spacing:0; border-collapse:collapse;
	}
	.privacybox1 table th{
		position:relative;
		color:#fff;
	}
	.privacybox1 table th:first-child::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:#333;
		z-index:-1;
		border-radius:0 0 0 min(max(1vw, 3.4vw),20px);
		content:"";
	}
	.privacybox1 table th:last-child::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:#333;
		z-index:-1;
		border-radius:0 0 min(max(1vw, 3.4vw),20px) 0;
		content:"";
	}
	.privacybox1 table th:not(:first-child):not(:last-child){
		background:#333;
	}
	
	.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 #666; border-right: 1px solid #666;		
	}
	.privacybox1 table th{
		border-color:#333;
	}
	.privacybox1 table td{
		border-bottom: 1px solid #666;	
	}
	.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 > p{
		color:#666666; font-size:min(max(1vw, 4.2vw),18px); line-height:min(max(1vw, 4.7vw),26px);
	}
	
/*etc*/