@charset "utf-8";

@media (max-width: 1600px) {
	.mv-controll{left: 20px; margin-left: 0px;}

}

@media (max-width: 1300px) {
/* header */
	#header #gnb > ul > li{width: 12vw;}
	#header .hd-lang{margin: 0 30px 0 50px;}

/* main */
	.mcnt3-items{width: 55vw; gap:30px 30px}
	.mcnt3-items .item {width: calc(50% - 15px);}

/* footer */
	#footer .ft-top ol{gap:10px;}
	#footer .ft-top ol > li > a{width: 150px;}
	

}

@media (max-width: 1024px) {
	#header{height: 123px;}
	#header #gnb {display:none;}
	#header .hd-lang{margin-left: auto; margin-right: 15px;}
	
/* main */
	.mcnt1, 
	.mcnt1 .item{height: 80vw;}
	.mcnt1 .m_txt .box{padding-top: 80px;}
	.mcnt1 .m_txt .box h3{padding-left: 6px;	 width: 22vw;}
	.mcnt1 .m_txt .box p{padding-left: 0; font-size: clamp(28px, 5.6vw, 60px); }
	.mv-controll{bottom: 20vw;}
	.mcnt2-wrap{height: 100vw; background-size: cover; padding-top: 16vw;}
	.mcnt2 figure{bottom: 11vw; margin-left: 2vw; width: 47vw;}
	.mcnt2 .mcnt2-tit h3{font-size: clamp(20px, 4.5vw, 49px); }
	.mcnt2 .mcnt2-tit h3 i{width: 20vw;}
	.mcnt2 .mcnt2-tit p{font-size: 18px; line-height: 1.5;}
	.mcnt3-wrap{background-size: cover;}
	.mcnt3-wrap .mcnt3{padding: 10vw 20px calc(10vw + 150px);}
	.mcnt3-tit{position: static;}
	.mcnt3-tit h3{font-size: clamp(32px, 6.8vw, 72px);}
	.mcnt3-tit p{font-size: 18px; line-height: 1.5; margin: 3vw 0 4vw;}
	.mcnt3-items{width: 100%; margin-top: 0;}
	.mcnt4-wrap{height: auto; padding: 10vw 0;}
	.mcnt4 .mcnt4-tit h3{font-size: clamp(32px, 6.8vw, 72px);}
	.mcnt4 .mcnt4-tit p{font-size: 18px; line-height: 1.5;}
	.mcnt2 .mcnt2-tit h3 i{line-height: 0; position: relative; top: 0px;}

/* footer */
	#footer .ft-top{padding-top: 40px;}
	#footer .ft-top ol{margin-top: 30px;}
	.ft-scroll-top{right: 20px; bottom: 50px; width: 40px; height: 40px;}

}

@media (max-width: 640px) {
	.mcnt1 .m_txt .box h3{padding-left: 0;}
	.mv-controll{bottom: 10vw;}
	.mcnt3-items .item:nth-child(odd){top: 70px;}
	.mcnt3-items .item > a{padding: 20px 15px;}
	.mcnt3-items .item > a h4{font-size: 20px; line-height: 1.5;}
	.mcnt3-items .item > a .tbx{height: auto; min-height:100px; padding-top: 10px; margin-top: 10px;}
	.mcnt3-items .item > a .tbx p{font-size: 16px;}
	.mcnt3-items .item > a .tbx span{font-size: 16px;}
	.mcnt4{flex-direction: column;     align-items: flex-start;}
	.mcnt4 .mcnt4-tit{margin-bottom: 40px;}
	.mcnt4 .link-box > a{width: 150px; height: 150px;}
	.mcnt4 .link-box > a:after{background-size: 90%;}

}

@media (max-width: 480px) {
/* header */
	.header-wrap, 
	#header{height: 80px;}
	#header	.sitelogo{width: 120px;}
	#header .hd-lang > ul > li > a{width: 40px !important; }

/* main */
	.mcnt1, 
	.mcnt1 .item{height: 80vw;}
	.mcnt1 .m_txt .box p {font-size: clamp(24px, 4.2vw, 60px); padding-right: 50%; word-break: keep-all; width: 100%; line-height: 1.2; margin-top: 10px; margin-left: -3px;}
	.mv-controll .line-bar{width: 35px;}
	.mcnt1 .item .mv_img img{width: 110%; background-position: -5% center;}
	.mcnt1 .m_txt .box{padding-top: 0; padding-bottom: 10px;}
	.main{max-width:100%; overflow: hidden;}
	.mcnt2-wrap{height: 110vw;}
	.mcnt2 .mcnt2-tit p{margin-bottom: 30px;}
	.mcnt2 .mcnt2-tit h3{gap:8px}
	
	.mcnt3-wrap .mcnt3{overflow: hidden;}
	
	.mcnt3-items{gap:15px; height: auto; margin-top: 30px;}
	.mcnt3-items .item{width: 100%;}
	.mcnt3-items .item:nth-child(odd){top: 0px;}
	.mcnt3-items .item > a{height: auto;}
	.mcnt3-items .item > a .tbx p{ overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all; padding-right: 30px; min-height:0px; height: auto;}

	.mcnt3-items .item > a .tbx span{display: block; margin-top: 20px;}

	
/* footer */
	.footer-wrap{height: auto; padding-bottom: 40px;}
	#footer .ft-top .ft-logo{width: 120px;}
	#footer .ft-top ul{margin-top: 20px; margin-left: 0; margin-bottom: 10px;}
	#footer .ft-top ul > li{font-size: 15px; line-height: 1.5;}
	#footer .ft-top ul > li span{display: block;}
	#footer .ft-top ol > li > a{font-size: 15px; height: 40px;}	
	
}



/* sub */
@media (max-width: 1600px) {
/* s1 */
	.s1_1 .arti1 figure{width: 45vw;}
}

@media (max-width: 1024px) {
/* sub-common */
	.sub_visual{height: 60vw;}
	.sub_visual h5{padding-top: 80px; font-size: clamp(22px, 4.5vw, 50px); ;}
	
/* s1 */
	.s1_1{padding-top: 12vw; padding-bottom: 12vw; margin-bottom: 0;}
	.s1_1 .arti1 .lbx{padding-left: 0;}
	.s1_1 .arti1 .lbx h4{font-size: clamp(22px, 4.5vw, 50px); line-height: 1.5;}
	.s1_1 .arti1 .lbx p{font-size: 16px; line-height: 1.5; margin: 3vw 0 4vw;}
	.s1_1 .arti1 .lbx b{font-size: 20px; line-height: 1.5; margin-bottom: 4vw;}
	.s1_1 .arti1 .lbx big{font-size: clamp(22px, 4.5vw, 51px); line-height: 1.5;}
	.s1_1 .arti1 .lbx logo{width: 15vw; display: block;}
	.s1_1 .arti1 figure{position: static; width: 100%; translate: 20px 0; }

/* s2 */
	.s2_1{padding-top: 12vw; margin-bottom: 12vw;}
	.s2_1 .arti1 small{font-size: 18px;}
	.s2_1 .arti1 h4{flex-direction: column; font-size: clamp(22px, 4.5vw, 48px); margin-bottom: 5vw;}
	.s2_1 .arti1 h4 i{width: 22vw;}
	.s2_1 .arti1 ul{margin-top: 40px;}
	.s2_1 .arti1 ul > li{font-size: 20px; line-height: 1.5; margin-bottom: 15px;}
	.s2_1 .arti1 ul > li:before{top: 2.5em;}
	.s2_1 .arti1 ul > li.mt42{margin-top: 3vw;}
	.s2_1 .arti1 ul > li ol {width: 100%; gap:20px; max-width:100%;     flex-direction: column;}  
	.s2_1 .arti1 ul > li ol > li{gap:15px; padding: 0 20px 0 15px;} 
	.s2_1 .arti1 ul > li ol > li p{font-size: 18px;}
	.s2_1 .arti1 b{font-size: 25px; margin-top: 40px;}

	.bd-wrap{margin-top: 12vw; margin-bottom: 12vw;}

	.inquiry-wrap .label br{display: none;}
	.inquiry-wrap .row select{font-size: 16px; height: 40px; padding-left: 10px;}
	.inquiry-wrap .check label{word-break: keep-all;}
}

@media (max-width: 480px) {
.s1_1 .arti1 .lbx big{margin-bottom: 7px;}
.s1_1 .arti1 .lbx logo{width: 18vw; margin-left: -2px;}
}