@charset "utf-8";

.txt_black_color{color:#000;}
.txt_white_color{color:#fff;}

/* mt코리아_slider */
.imgbg{position:relative;}
.bg_area_wr{position:relative;}
.bg_txt{position:absolute; top:40%; left:20px; transform:translateY(-50%);}
.bg_txt p{color:#fff;}
.bg_txt .pn_1{font-weight:900; font-size:40px;}
.bg_txt .pn_2{font-weight:200;}
.bg_btxt{position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:none;}


.autoplay-progress {
	position: absolute;
	left: 20px;
	top: 53%;
	transform:translateY(-50%);
	z-index: 10;
	width: 53%;
	height: 18px;
	font-weight: bold;
	color: #ffffff;
}

.autoplay-progress svg {
  --progress: 0;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 10;
	height: 100%;
	stroke-width: 5px;
	stroke: #ffffff;
	fill: none;
	stroke-dashoffset: calc(125.6*(1 - var(--progress)));
	stroke-dasharray: 125.6;
	transform: rotate(0deg);
}

.mtk_btn{position: absolute; top: 52%; transform:translateY(-50%); left: 230px;  z-index: 99;}
.mtk_btn .btn_autoArea button{cursor: pointer; border-style: none; background-color: transparent;}
.btn_autoArea button i{color:#fff; font-size:22px;}


.mtk_btn.active .btn_autoArea .btn_autoStop{display:none;}
.mtk_btn .btn_autoArea .btn_autoPlay{display:none;}
.mtk_btn.active .btn_autoArea .btn_autoPlay{display:inline;}

.swiper-button-prev.mtk_sbtn_l{display:none;}
.swiper-button-next.mtk_sbtn_r{display:none;}
.swiper-button-prev, .swiper-button-next{background-color: #fff; opacity: 0.5; padding: 15px 5px; border-radius: 20px; color: black !important;}
	.swiper-button-prev:after, .swiper-button-next:after{font-size: 1.1rem !important; font-weight: 600 !important;}

/* mt코리아_container */
/* .mt_contain1{height:100vh;} */
.mta_l{padding:127px 0; position:relative;}
.mta_l p{padding:30px 0 0 15px; max-width:400px;}
.mta_l .txt_main{font-weight:800; font-size:25px; position:relative; z-index:10;}
.mta_l .txt_main:before{content:"Products"; position:absolute; top:-15px; left:15px; font-size:55px; text-shadow: -1px 0px #d9d9d9, 0px 1px #d9d9d9, 1px 0px #d9d9d9, 0px -1px #d9d9d9; color:#fff; z-index:-1;}
.mta_l .txt_nm{line-height:25px;}
.mta_r{background:url("/images/sub_img01.png")no-repeat 100% 0; /* background-size:100%; */ width:100%; height:auto;}
.mta_r ul{position: relative;  top: -54px; left:-25%; -webkit-backface-visibility: hidden;}
.mta_r ul li img{position:absolute; top:55%; left:50%; transform:translate(-50% , -50%); width:90%;}
.mta_r ul li p{font-weight:900; font-size:22px; padding:25px 20px;}
.mta_r ul li p span{display:block; color:#8c8c8c; font-weight:200 !important; font-size:15px !important; padding-top:5px;}
.mta_r ul li i{position:absolute; bottom:25px; right:20px; font-size:25px;}
.swiper{overflow:inherit !important;}

.mta_r ul li{background: #fff; width: 300px !important; height: 400px; position: relative; box-shadow: 2px 3px 8px 0px rgba(0, 0, 0,0.2); border-radius:0px 20px 0px 20px;}
.mta_r ul li:hover img{width:100%; transition:all 0.5s;}
.mta_r ul li:hover{border:5px solid #0072ab; padding-top:20px;}
.mta_r ul li:hover .xi-long-arrow-right:before{color:#0072ab;}
.mySwiper .swiper-wrapper .swiper-button-next{width:30px; height:30px;}

/* .mt_artwrp2{background:url("/images/sub_img02.png")no-repeat 50% 0%;  width:100%; height:auto;} */




.mt_artwrp3{margin:50px 15px;}
.mt_artwrp3 h4{font-size:25px; font-weight:800; text-align:center; letter-spacing:-2px;}
.mt_artwrp3 img{margin-top:20px; width:100%;}
.mt_newsin .newsimg{display:none;}
.mt_newsin p{border-bottom:1px solid #e9e9e9; padding:10px 0;}	
.mt_newsin p .p_1in{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 164px; display: inline-block; font-weight:800;}
.mt_newsin p .p_2in{float:right; color:#9b9b9b; font-size: 13px;}


.mt_artwrp4{margin:50px 15px;  text-align:center;} 
.mt_artwrp4 h4{font-size:25px; font-weight:800; letter-spacing:-2px;}
.mt_artwrp4 p{margin:20px 0; line-height:25px;}

.mt_news > p a{text-align:center; color:#9b9b9b; padding-top:5px; display:block;}

.mt_partner ul li{width:100%; float:left; border:1px solid #c4c4c4; text-align:center; padding:10px; margin:8px 0; height:82px;}
.mt_partner ul li img{text-align:center;}


.mt_artwrp5{display:flex;}
.mt_artL{background-color:#323232; width:50%; padding:10px 15px;}
.mt_artR{background-color:#e2e2e2; width:50%; padding:10px 15px;}
.mt_artL a p{color:#fff; font-size:15px; font-weight:300;}
.mt_artR a p{color:#484848; font-size:15px; font-weight:300;}
.mt_artL a p.un_ko{font-size:18px; font-weight:800; position:relative;}
.mt_artR a p.un_ko{font-size:18px; font-weight:800; position:relative;}
.mt_artL a p.un_ko:after{content:""; display:block; position:absolute; width:27px; height:15px; background:url("/images/arrow_gr.png")no-repeat center center; right:0px; top:4px;}
.mt_artR a p.un_ko:after{content:""; display:block; position:absolute; width:27px; height:15px; background:url("/images/arrow_br.png")no-repeat center center; right:0px; top:4px;}

/* mt코리아_footer */
.re_footer .f_txt{padding:10px 0;}
.re_footer .f_txt p{text-align:left; color:#ffffff; font-weight:bold;}
.re_footer .f_txt span{font-weight:200 !important; padding-left:10px; letter-spacing:0.5px;}
.re_footer .f_txt .copyright{color:#ffffff; font-size:13px; margin-top:20px; font-weight:200 !important;}



@media all and (min-width: 560px){
	

	.mt_partner ul{padding:20px 50px;}
	.re_footer .f_txt .ft_di{display:flex;}
	.re_footer .f_txt p:nth-child(2){margin-left:30px;}
}


@media screen and (min-width:768px){
	.re_footer .f_txt{padding:0px 0;}
	.mta_l .txt_main{font-size:30px;}

	
	.mt_newsin p .p_1in{font-size: 18px;}
	.mt_artR a p.un_ko{font-size:20px;}
	.mt_artL a p.un_ko{font-size:20px;}	
	
	.mt_partner ul li{width:49%; margin-right:2%;}
	.mt_partner ul li:nth-child(2n){margin-right:0;}
}


@media screen and (min-width:860px){
	.mt_news{display:flex; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-top:20px;}
	.mt_newsin .newsimg{display:block;}
	.mt_newsin p{border-bottom:none;}
	.mt_news .mt_newsin{width:32%; margin-right:2%;}
	.mt_news .mrnone{margin-right:0%;}
	.mt_newsin p .p_1in{display:block; margin-bottom: 5px;}
	.mt_newsin p .p_2in{float:unset;}
	.mt_news > p a{display:none;}
	
	.mt_partner ul{padding:40px 50px;}

	.mt_artL{background:url("/images/c4_imgl.png")no-repeat 70% 0; padding:20px;}
	.mt_artR{background:url("/images/c4_imgr.png")no-repeat 70% 0; padding:20px;}	
	.mt_artL a p.un_ko:after{background:url("/images/arrow_br.png")no-repeat center center;}

}



@media screen and (min-width:1024px){
	.bg_btxt{display:block;}
	.bg_btxt_p{font-weight:100;}
	.bg_btxt_p i{font-size:18px;}

	.mt_artwrp{display:flex;}
	.mta_l{width:40%; background:url("/images/product_bg.png")no-repeat 6px 100%; background-size:110%; padding:276px 50px 347px 50px; height:auto;}
	.mta_r{width:60%;}
	.mta_r ul{top:200px;}
	/* .swiper{overflow:hidden !important;}	 */
	/* .mta_r ul li:hover{top:-50px; } */
	.mta_l .txt_main{font-size:30px;}
	
	
	

	.mt_artwrp3{margin:50px 50px;}

	
	.mt_artL{padding:35px 50px;}
	.mt_artR{padding:35px 50px;}	
	.mt_artL a p.un_ko{font-size:25px;}
	.mt_artR a p.un_ko{font-size:25px;}
	.mt_artL a p{line-height:30px;}
	.mt_artR a p{line-height:30px;}

	.mt_artwrp4 h4{font-size:32px;}
	.mt_artwrp3 h4{font-size:32px;}
	.bg_txt{top:45%; left:50px;}
	.bg_txt .pn_1{font-size:50px;}
	.bg_txt .pn_2{font-size:20px;}

	.autoplay-progress{left:50px; top:58%;}
	.mtk_btn {top: 57%; transform:translateY(-50%); left: 250px;}
	

	.sbmtks_r{padding: 30px 0 0 15px; max-width: 400px; position: relative; right:0;}
	.swiper-button-prev.mtk_sbtn_l{display:block; left:80%; background-color: #fff; opacity: 0.5; padding: 10px 8px; color: black !important; border:1px solid #c5bcbc; border-radius:5px; margin-top: 1px; width:28px; height:38px;}
	.swiper-button-next.mtk_sbtn_r{display:block; right:0; background-color: #fff; opacity: 0.5; padding: 10px 8px; color: black !important;border:1px solid #c5bcbc; border-radius:5px; margin-top: 1px; width:28px; height:38px;}
	
	.mt_partner ul li{width:24%; margin-right:1%;}
	.mt_partner ul li:nth-child(2n){margin-right:1%;}
}

@media screen and (min-width:1141px){
	.mta_l{padding:276px 50px 372px 50px;}
}

@media screen and (min-width:1200px){
	.mt_partner ul{padding:30px 100px; max-width:1400px; margin:0 auto;}
	.mt_artL a p.un_ko:after{background-size:100%;}
	.mt_artL a p.un_ko:after{width:50px; height:50px; top:-10px;}
	.mt_artR a p.un_ko:after{background-size:100%;}
	.mt_artR a p.un_ko:after{width:50px; height:50px; top:-10px;}

	.mt_artwrp4 h4{font-size:40px;}
	.mt_artwrp3 h4{font-size:40px;}
	
	.swiper-button-prev.mtk_sbtn_l{left:83%;}
	.swiper-button-next.mtk_sbtn_r{right:0;}

}


@media screen and (min-width:1400px){
	.mta_l{background:url("/images/product_bg.png")no-repeat 50px 100%; padding:276px 100px 360px 100px; background-size:100%;}

	
	.mt_artwrp3{margin:50px 100px;}

		
	.mt_artL a p.un_ko{font-size:30px;}
	.mt_artR a p.un_ko{font-size:30px;}
	.mt_artL a p{font-size:17px;}
	.mt_artR a p{font-size:17px;}

	.mta_l .txt_main{font-size:40px;}
	.mta_l .txt_main:before{top:-25px; font-size:70px;}
	.mta_r{background-size:106%;}



	
	.bg_txt{top:45%; left:100px;}
	.bg_txt .pn_1{font-size:70px;}
	.bg_txt .pn_2{font-size:22px;}



	.autoplay-progress{left:100px;}	
	.mtk_btn {left: 300px; top:58%; transform:translateY(-65%);}
}