@media screen and (max-width: 1680px) {
	
	/* main */
	.main_con02:after, .main_con03:after, .main_con04:after, .main_con05:after, .main_con06:after { width: 100%; }
	#youth .main_vis{margin-top:90px; padding:0;}

}

@media screen and (max-width: 1320px) {
	
	.wrap {}

	/* head */
	.menu li { margin: 0 20px; }
	#youth .coming{left:0; width:100%; margin-left:0;}

}

@media screen and (max-width: 1280px) {
	
	/* head */
	.logo_list { margin-bottom: 80px; }
	.menu li a { font-size: 22px; }

	/* main */
	.main_vis .wrap { padding: 100px 0; }
	#youth .main_vis{margin-top:60px; padding: 0;}

}

@media screen and (max-width: 1240px) {
	
	/* popup */
	.popup01_coninr .imgbox { width: 40%; }
	.popup01_coninr .textbox { width: 60%; }

}

@media screen and (max-width: 1024px) {
	
	/* head */
	.menu { display: none; }
	a.share_icon01 { margin-right: 60px; }
	#youth a.share_icon01{display:none;}
	nav#accordian { display: block; }
	

	#youth .head .wrap {padding: 0 20px;}
	/*  BURGER */
	#youth .mo-menu {display: flex; width: 73px;}
	#youth .allmenu.show .logo{position:absolute; left:20px; top:12px; }
	#youth .allmenu.show .logo img{width:118px;}
	#youth .burger{display:flex;  top:50%; transform: translateY(-50%); gap: 15px; align-items: center;}
	.burger { display: inline-block; position: absolute;  right: 20px; padding: 0px; background: transparent; border-radius: 4px; z-index: 1000; float: right; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.burger.burger-close { display: none; top: 3%; right: 3%; }
	.burger.burger-close.clicked { display:inline-block; }
	.burger span { position: relative; margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.burger span, .burger span::before, .burger span::after {
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 3px;
		background-color: #000;
		outline: 1px solid transparent;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		transition-property: background-color, transform;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	#youth .shareIcon{background-image: url('/image/top/head_icon01.svg'); background-color: #000; border-radius: 50px; background-size: 20px; background-repeat: no-repeat; background-position: center center; width: 35px; height: 35px; display: block;}
	#youth .burger span, #youth .burger span::before, #youth .burger span::after {
		display: block;
		width: 24px;
		height: 2px;
		border-radius: 1.5px;
		background-color: #000;
		outline: 1px solid transparent;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		transition-property: background-color, transform;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	#youth .burger span::after{width:18px; right:0;}

	.head.scrolled .burger span, .head.scrolled .burger span::before, .head.scrolled .burger span::after { background-color: #000; }

	.burger span::before, .burger span::after { position: absolute; content: ""; }
	.burger span::before { top: -9px; }
	.burger span::after { top: 9px; }

	.burger.clicked span { background-color: transparent; }
	#youth .burger.clicked span{background-color: transparent; }
	.burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
	.burger.clicked span::after {  -webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
	.burger.clicked span:before, .burger.clicked span:after { background-color: #222;}
	#youth .burger.clicked span::after{width:24px;}
	.burger:hover { cursor: pointer; }

	/*  NAV
	========================================== */
	#youth .head{height:60px;}
	#youth .head .logo img{width:118px;}
	#youth nav.allmenu{width:60%; max-width: 530px; padding:100px 20px 35px 40px; min-height:600px;}
	#youth .burger.clicked{top:30px; right: 20px;}
	nav.allmenu {
		position: fixed; top: 0; right: 0; z-index: 9999;
		display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column;
		width: 60%;
		max-width: 530px;
		height: 100%;
		padding: 100px 40px 35px;
		background-color: #fff;
		overflow-y: auto;
		-webkit-transform: translateX(110%);
		-moz-transform: translateX(110%);
		-ms-transform: translateX(110%);
		-o-transform: translateX(110%);
		transform: translateX(110%);
		-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}
	#youth nav.allmenu ul.mobile_main_menu{}

	nav.allmenu.show { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
	nav.allmenu.show ul.mobile_main_menu li { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

	nav.allmenu.show ul.mobile_main_menu li:nth-child(1) { transition-delay: 0.15s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(2) { transition-delay: 0.3s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(3) { transition-delay: 0.45s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(4) { transition-delay: 0.6s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(5) { transition-delay: 0.75s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(6) { transition-delay: 0.9s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(7) { transition-delay: 1.05s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(8) { transition-delay: 1.2s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(9) { transition-delay: 1.35s; }

	nav.allmenu ul.mobile_main_menu { list-style-type: none; }
	nav.allmenu ul.mobile_main_menu li { margin-bottom: 30px; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	nav.allmenu ul.mobile_main_menu li:last-of-type { margin-bottom: 0px; }
	nav.allmenu ul.mobile_main_menu li a { display: block; text-decoration: none; color: #222; font-weight: 800; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	nav.allmenu ul.mobile_main_menu li a span { color: #fff; }
	nav.allmenu ul.mobile_main_menu li a:hover, nav.allmenu ul.mobile_main_menu li:hover > a {  }

	/* #youth nav.allmenu ul.mobile_main_menu {border-top:1px solid #000;} */
	#youth nav.allmenu ul.mobile_main_menu li{margin:0;}
	#youth nav.allmenu ul.mobile_main_menu li span{position:relative;}
	#youth nav.allmenu ul.mobile_main_menu li a{text-align:left; padding: 0; box-sizing: border-box; font-size:15px; margin-bottom: 30px; color: #222;}
	#youth nav.allmenu ul.mobile_main_menu li a:hover{color:#222;}
	#youth nav.allmenu ul.mobile_main_menu li a p.comingsoon {color: #c1bfbf; line-height: 19px; font-size: 10px; margin-left: 5px; display: inline-block;}
	#youth nav.allmenu ul.mobile_main_menu li a span {color: #222;}
	/* #youth nav.allmenu ul.mobile_main_menu li:nth-child(1) span{color:#FF6F00;}
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(2) span{color:#008CFF;}
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(3) span{color:#FF2060;}
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(4) span{color:#00BA7E;}
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(5) span{color:#FE73C6;} */
	/* #youth nav.allmenu ul.mobile_main_menu li:nth-child(1) span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#FFD3B1; z-index:-1; }
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(2) span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#BCE1FF; z-index:-1; }
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(3) span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#FFC3D4; z-index:-1; }
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(4) span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#CAF1E4; z-index:-1; }
	#youth nav.allmenu ul.mobile_main_menu li:nth-child(5) span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#FFCAEA; z-index:-1; } */

	#youth .share_btn{position:absolute; left:0; width:100%; bottom:30px; display:flex; justify-content: flex-end; padding: 0 20px; box-sizing: border-box;}
	#youth .share_btn a{display:flex; align-items: center; justify-content:center; gap:5px; font-size:14px; font-weight:700; color:#fff; width:34px; height:34px; border-radius:22px; background:#000; }
	#youth .share_btn a img{width:22px;}


	/* OVERLAY */
	.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; visibility: hidden; z-index: 9900; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	.overlay.show { opacity: 0.8; visibility: visible; }

	/* accordian */
	#accordian ul ul li { margin-bottom:0px; }
	#accordian ul ul li a { display: block; padding: 0px; color: rgba(255,255,255, 0.7); text-decoration: none; line-height: 30px; font-size: 12px; font-weight: 400; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
	#accordian ul ul li a:hover { color: rgba(255,255,255, 1); text-decoration: underline; }

	/* active */
	#accordian ul ul { display: none; margin-top: 10px; }
	#accordian li.active ul { display: block; }

	/* footer */
	.footer { padding: 30px 0 60px; }
	.footer_logolist li:first-child img { width: 200px; }
	.footer_logolist li:last-child img { width: 200px; }

	/* main */
	.logo_list { margin-bottom: 50px; }
	
	.main_vis_list { display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto 50px; }
	.main_vis_list li { width: 32%; margin-left: 2%; }
	.main_vis_list li:nth-child(3n+1) { margin-left: 0%; }
	.main_vis_list li:nth-child(1), .main_vis_list li:nth-child(2), .main_vis_list li:nth-child(3) { margin-bottom: 50px; }

	#youth .main_vis .wrap{height:80vh;}
	

	.main_vis p img { width: 90%; }
	
	.menu_con { padding: 0px 0; }
	.main_con02:before, .main_con03:before, .main_con04:before, .main_con05:before, .main_con06:before { display: none; }
	.main_con02:after, .main_con03:after, .main_con04:after, .main_con05:after, .main_con06:after { height: 70%; }

	#youth .main_con02:before, #youth .main_con03:before, #youth .main_con04:before, #youth .main_con05:before, #youth .main_con06:before { display: block; }
	#youth .main_con02:before, #youth .main_con04:before, #youth .main_con06:before{width:100%; border-radius: 0 300px 0 0; top:80px; height: calc(100% - 80px);}
	#youth .main_con03:before, #youth .main_con05:before{width:100%; border-radius: 300px 0  0 0; top:80px; height: calc(100% - 80px);}
	#youth .main_con02 .wrap, #youth .main_con03 .wrap, #youth .main_con04 .wrap, #youth .main_con05 .wrap, #youth .main_con06 .wrap{padding:90px 0 60px;}


	.main_con_title { position: relative; z-index: 9; text-align: center; margin-bottom: 80px; }

	#youth .main_con_title{position:relative; z-index:9; text-align:center; top:0;  flex-direction: column; justify-content: center; left:0; align-items: center; margin-bottom: 20px;}
	#youth .main_con_arrowbox{margin-right:0; /*display:none;*/}
	
	.main_con_arrowbox { position: relative; right: 0; bottom: 0px; z-index: 1; display: inline-flex; flex-wrap: wrap; text-align: center; margin-top: 20px; }
	.main_con .swiper-button-prev, .main_con .swiper-button-next { position: relative; left: 0; right: auto; margin: 0 5px; }
	
	.main_con02, .main_con03, .main_con04, .main_con05, .main_con06 { padding: 95px 0 0; }
	.main_con02 .wrap, .main_con03 .wrap, .main_con04 .wrap, .main_con05 .wrap, .main_con06 .wrap { width: 100%; padding: 0px 0 95px; }
	/* #youth .con_slide01 .swiper-slide, #youth .con_slide02 .swiper-slide, #youth .con_slide03 .swiper-slide, #youth .con_slide04 .swiper-slide, #youth .con_slide05 .swiper-slide {width: 220px !important; }
	 */
	.con_inr_left { display: none; }
	.con_inr_right { width: 100%; padding: 0 2%; }
	.con_inr_right .stitle { height: 60px; font-size: 17px; }

	/* popup */
	.popup01_coninr { align-content: flex-start; }
	.popup01_coninr .infobox02 { height: 90%; }
	.popup01_coninr .imgbox02 { height: 100%; }
	.popup01_coninr .imgbox02 iframe { height: 100% !important; }
	.popup01_coninr .imgbox { width: 100%; margin-bottom: 30px; padding-right: 0px; }
	.popup01_coninr .textbox { width: 100%; max-height: none;}
	.popup01_coninr .text_inr01, .popup01_coninr .text_inr02, .popup01_coninr .text_inr03 { height: auto; max-height: none; }

	#youth .coming{left:2%; width:96%; margin-left:0; top:10%; height:82%; margin-top:0;}


	.quick_wrap {position: fixed; bottom: 7.25px; right: 10.25px; z-index: 11;}
	.quick_wrap .quick-toggle-box {position: relative; bottom: calc(100% + 180px); left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 11; transition: 0.3s all ease; }
	.quick_wrap .quick-btn {display: flex; min-height: 40px; align-items: center; justify-content: flex-end; gap: 7.5px;}
	.quick_wrap .quick-toggle-box li {display: none;}
	.quick_wrap .quick-toggle-box li + li{margin-top: 5px;}
	.quick_wrap .quick-toggle-box span {font-size: 12px; font-weight: 600; color: #000; line-height: 15px; letter-spacing: -0.36px;} 
	.quick_wrap .quick-toggle-box a {width: 40px; height: 40px; background-color: #000; border-radius: 500px;}
	.quick_wrap .quick-toggle-box a.quick-home {background-image: url('/image/footer/quick_home.svg'); background-size: 20.6px 21.75px; background-position: center; background-repeat: no-repeat;}
	.quick_wrap .quick-toggle-box a.quick-baby {background-image: url('/image/footer/quick_baby.svg'); background-size: 30.25px 24.2px; background-position: center; background-repeat: no-repeat;}
	.quick_wrap .quick-toggle-box a.quick-youth {background-image: url('/image/footer/quick_youth.svg'); background-size: 30.25px 27.3px; background-position: 50% 42%; background-repeat: no-repeat;}
	.quick {border-radius: 500px; background-color: #000; width: 40px; height: 40px; background-image: url('/image/footer/quick_menu.svg'); background-size: 17px; background-position: center; background-repeat: no-repeat; display: flex; margin-top: 5px;}



}

@media screen and (max-width: 875px) {
	
	/* main */
	.slide_inr .imgbox { height: 320px; }
	#youth .slide_inr .imgbox { height: 320px; }
	
	#youth .coming{font-size:20px;}
}

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

	body { font-size: 15px; }

	/* footer */
	.visitbox { margin-bottom: 50px; }

	/* main */
	.main_vis .wrap { padding: 60px 0; }
	
	.logo_list li.logo_inr01 img { width: 80px; margin-right: 30px; margin-bottom: 5px; }
	.logo_list li.logo_inr02 img { width: 350px; }
	
	.main_vis_list li:nth-child(1), .main_vis_list li:nth-child(2), .main_vis_list li:nth-child(3) { margin-bottom: 30px; }
	.main_vis_list li .stitle { font-size: 20px; }
	
	.main_con02, .main_con03, .main_con04, .main_con05, .main_con06 { padding: 50px 0 0; }
	.main_con02 .wrap, .main_con03 .wrap, .main_con04 .wrap, .main_con05 .wrap, .main_con06 .wrap { width: 100%; padding: 0px 0 50px; }

	.main_con_title h2 { font-size: 36px; }
	.main_con_title .cate { padding: 0 30px; font-size: 20px; }
	#youth .main_con_title h2 { font-size: 28px; }
	#youth .main_con_title .cate {font-size: 16px; width:168px; height:48px; margin-bottom:10px;}


	/* popup */
	.popup01_coninr .title { margin-bottom: 20px; font-size: 1.3em; }
	.popup_button { background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 20px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

	#youth .logo_list li.logo_inr02 img{width:380px;}
	#youth .logo_list li.logo_inr01 img{width:100px; margin-right:80px;}

	#youth .coming{top:12%; height:82%;}

	#intro .row{flex-direction: column; gap: 10px;}
	#intro .col-6{width:100%; margin:0 auto; max-width: calc(100% - 40px); height: 130px;} 
	#intro .col-6.coming {height: 80px;}
	#intro .txt_box .txt {top: 50%; transform: translateY(-50%); left: 30%; width: calc(100% - 30%);}  
	#intro .txt_box .logo {top: 50%; transform: translateY(-50%); left: 45%; width: calc(100% - 55%);}   
	#intro .txt span {margin-bottom: 10px; font-size: 25px;}
	#intro .txt p {font-size: 17px;}
	#intro .center_logo img{width:450px;}
	#intro .container{gap:30px;}
	
	#intro .col-6.baby a {padding: 20px; box-sizing: border-box; height: 130px; background-position: 10% 12px; background-size: 130px; background-image: url('/image/intro/bg_baby_big.png');}
	#intro .col-6.youth a {background-position: 11%, center; background-size: 130px, 100%; background-image: url('/image/intro/bg_youth.png'), linear-gradient(180deg, #19A0E1 0%, #086BAE 100%);}
	#intro .col-6.smallbiz a {background-position: 9%, center; background-size: 130px, 100%; background-image: url('/image/intro/bg_smallbiz.png'), linear-gradient(180deg, #f69ab9 0%, #f581a8 100%);}
	#intro .col-6.senior a {background-position: 9%, center; box-sizing: border-box; background-size: 130px, 100%; background-image: url('/image/intro/bg_senior.png'), linear-gradient(180deg, #b3e51f 0%, #76bb1d 100%);}

	.soon-text {
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-shadow: 0 2px 8px rgba(0,0,0,0.3);
		font-weight: 800;
		letter-spacing: 0;
		}
	/*
}

@media screen and (max-width: 640px) {
	
	/* footer */
	.footer { padding: 30px 0; }
	.footer_logolist li:first-child img { width: 160px; }
	.footer_logolist li:last-child img { width: 160px; }

	/* main */
	.main_vis_list { width: 100%; }
	.main_vis_list li .imgbox { margin-bottom: 15px; }
	.main_vis_list li .stitle { font-size: 18px; letter-spacing: -0.05em; }

	#youth .main_tag span{font-size:14px; height:40px;}
	#youth .main_vis_text{font-size:18px;}



}

@media screen and (max-width: 540px) {
	#intro .col-6.baby a {background-size: 120px; background-position: 10% 16px;}

	#intro .txt_box .txt {left: 35%; width: calc(100% - 35%);}
	#intro .txt_box .logo {left: 45%; width: calc(100% - 52%);}
}

@media screen and (max-width: 480px) {
	#youth .main_c	#youth .coming{width: 100%; height: 100%; left: 0; top: 0;}
	body { font-size: 14px; }

	/* head */
	.head { height: 60px; }
	.share_icon01 img { width: 25px; height: 25px; }
	#youth .share_icon01 img{width:36px; height:36px;}

	/* footer */
	.footer_logolist li { margin: 0 10px; }
	.visitbox { margin-bottom: 30px; }

	/* main */
	.logo_list { margin-bottom: 30px; }
	.logo_list li.logo_inr01 img { width: 60px; }
	.logo_list li.logo_inr02 img { width: 260px; }

	.main_vis_list { margin: 0 auto 30px; }

	.main_vis_list li .stitle { font-size: 15px; }
	.main_vis p img { max-width: 90%; }
	
	.main_con02 .wrap, .main_con03 .wrap, .main_con04 .wrap, .main_con05 .wrap, .main_con06 .wrap { padding: 0px 0 30px; }
	.main_con02 .wrap:after, .main_con03 .wrap:after, .main_con04 .wrap:after, .main_con05 .wrap:after, .main_con06 .wrap:after { height: 75%; }

	.main_con_title { margin-bottom: 50px; }
	.main_con_title h2 { font-size: 24px; }
	.main_con_title .cate { height: 40px; margin-bottom: 15px; padding: 0 20px; font-size: 16px; border: 3px solid !important;}
	
	.main_con_arrowbox { margin-top: 10px; }
	.main_con .swiper-button-prev, .main_con .swiper-button-next { margin: 0 2px; }

	.con_inr_right .stitle { font-size: 15px; word-break: keep-all; }

	/* popup */
	.popup01_close { width: 40px; height: 40px; }
	.popup01_coninr { padding: 35px 10px; }
	.popup01_coninr .imgbox iframe { height: 400px; }
	.popup01_coninr .text_inr { padding: 20px; }

}

@media screen and (max-width: 430px) {
	
	/* footer */
	.visitbox { height: 45px; padding: 0 20px; font-size: 1em; }



	/* main */
	.logo_list li.logo_inr02 img { width: 210px; }
	.main_vis_list li .stitle { font-size: 13px; }
	#intro .row{width:100%;}
	#intro .col-6{max-width:100%; gap:10px;}
	#intro .container{margin:50px 20px 0; gap:30px;}
	#intro .col-6 a{height:340px;}
	#intro .col-6 p.coming{height:60px; font-size:14px;}
	#intro .txt span{font-size:20px; margin-bottom:10px;}
	#intro .txt p{font-size:14px;}
	/* #intro .txt_box .txt, #intro .txt_box .logo{top:8%;} */

	#intro .col-6.coming {height: 60px;}

	#youth .logo_list li.logo_inr02 img{width:320px;}
	#youth .logo_list li.logo_inr01 img{width:80px; margin-right:80px;}
	#intro .introLogo{top:-10px; background-size:120px; left:20px;}

	#intro .col-6.baby a {background-size: 120px; background-position: 9% 15px;}
	#intro .col-6.youth a {background-size: 125px, 100%;}

	#intro .col-6.smallbiz a {background-size: 130px, 100%; background-position: 7% center}
	#intro .col-6.senior a {background-size: 135px, 100%; background-position: 7% center;}

	.soon-text {
		color: #fff;
		font-size: 1.5rem;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-shadow: 0 2px 8px rgba(0,0,0,0.3);
		font-weight: 800;
		letter-spacing: 0;
	}

}

@media screen and (max-width: 375px) {
	
	/* footer */
	.footer_logolist li:first-child img { width: 120px; }
	.footer_logolist li:last-child img { width: 120px; }

	/* main */
	.slide_inr .imgbox { height: 280px; }
	#youth .slide_inr .imgbox { height: 280px; }

	#intro .col-6.baby a {background-size: 110px; background-position: 5% 20px;}
	#intro .col-6.youth a {background-position: 7%, center; background-size: 115px, 100%;}
	#intro .col-6.smallbiz a {background-position: 5%, center; background-size: 125px, 100%;}
	#intro .col-6.senior a {background-position: 5%, center; background-size: 130px, 100%;}

}

@media screen and (max-width: 340px) {
	
	/* main */
	.slide_inr .imgbox { height: 240px; }
	#youth .slide_inr .imgbox { height: 240px; }
	.main_vis_list li .stitle { font-size: 12px; letter-spacing: -0.07em; }
	
	.main_con02, .main_con03, .main_con04, .main_con05, .main_con06 { padding: 40px 0 0; }
	.main_con02 .wrap, .main_con03 .wrap, .main_con04 .wrap, .main_con05 .wrap, .main_con06 .wrap { padding: 0px 0 40px; }
	.main_con02 .wrap:after, .main_con03 .wrap:after, .main_con04 .wrap:after, .main_con05 .wrap:after, .main_con06 .wrap:after { height: 70%; }

	#youth .logo_list li.logo_inr02 img{width:280px;}
	#youth .logo_list li.logo_inr01 img{width:60px; margin-right:80px;}
	#youth .main_tag span{font-size:12px; height:32px;}
	#youth .main_tag{gap:5px;}
	#youth .main_vis_text{font-size:16px;}

	#intro .col-6.baby a {background-size: 100px; background-position: 5% 24px;}
	/* #intro .col-6.youth a {background-position: -10px -12px, center; background-size: 150px, 100%;} */


}

@media screen and (max-width: 305px) {
	
	/* main */
	.main_vis_list li .stitle { font-size: 11px; }

}