@charset "utf-8";
@import url(media_sub.css);
.main_wrap{overflow: hidden; width: 100%;}

@media(max-width: 1800px) {
/* head */
	.header{box-sizing: border-box; padding: 0 20px;}
	.header > .hd_sub .hd_nav .gnb > li > a{padding: 0 1.4vw; font-size: 22px;}
	.header > .hd_sub .hd_nav .gnb > li .subm{padding-left: 25px;}
}

@media(max-width: 1440px) {
/* main */
	.mv_sec,
	.mv_sec .item{height: 70vw;}
	.mv_bt_box {left: 20px; margin-left: 0; top: 16vw;}
	.mv_sec .m_txt{padding-left: 20px; padding-bottom: 0;	align-items: center;flex-direction: row;}
	.mcnt1 {padding: 12vw 20px 10vw; box-sizing: border-box;}
	.mcnt3_wrap{padding: 12vw 0;}
	.mcnt3 .mcnt3_cnt{box-sizing: border-box; padding: 0 20px;}
	.mcnt3 .mcnt3_cnt .lbx .mcnt3_tab{margin-top: 0;}
	.mcnt3 .mcnt3_cnt .lbx .mcnt3_tab > li{background: #000;}
	.mcnt3 .mcnt3_cnt .lbx .box .tbx{padding: 40px 20px;}
	.mcnt5{padding: 8vw 0;}
	.mcnt5 .slick-arrow{margin-top: -33px; left: 20px;}
	.mcnt5 .slick-next{left: auto; right: 20px;}
	.mcnt5 .bn_item a{width: auto; height: 60px; padding: 0 10px;}

/* footer */
	.footer{box-sizing: border-box; padding: 0 20px;}
}

@media(max-width: 1024px) {
/* head */
	.header > .hd_sub .hd_nav{display: none;}

/* main */
	.mv_sec .m_txt h3 {margin-bottom: 0vw;  font-size: xx-large;padding-top: 40px;}
	.mv_sec .m_txt h3 img{width: 60vw;}
	.mv_sec .m_txt p{font-size: clamp(14px, 3.2vw, 25px); line-height: 1.5;}
	.main-tit h3{font-size: clamp(26px, 4.8vw, 40px); line-height: 1.5; padding-top: 10px; margin-bottom: 3vw;}
	.main-tit p{font-size: clamp(14px, 3.2vw, 25px); line-height: 1.5; word-break: keep-all;}
	.svg_box{right: 20px; bottom: 30px;}
	.mcnt1 ul > li{width: 49%; margin-right: 2%; margin-bottom: 30px;}
	.mcnt1 ul > li:nth-child(2n+2){margin-right: 0;}
	.mcnt1 ul > li figure img{width: 100%;}
	.mcnt1 ul > li .tbx{height: 60px;}
	.mcnt1 ul > li .tbx .box p{font-size: clamp(14px, 2.8vw, 20px); line-height: 1.5;}
	.mcnt2_wrap {height: auto; padding: 12vw 20px 10vw; box-sizing: border-box;}
	.mcnt2 ul > li{width: 50%;}
	.mcnt2 ul > li:nth-child(3) figure:after,
	.mcnt2 ul > li:nth-child(5) figure:after{position: absolute;content: '';width: 900%;height: 1px;background: rgba(255, 255, 255, 0.3);left: -150%;bottom: 0;}
	.mcnt2 ul{margin-top: 5vw;}
	.mcnt2 ul > li{height: auto; margin-bottom: 3vw;}
	.mcnt2 ul > li figure{height: 22vw;}
	.mcnt2 ul > li figure img{max-width:12vw}
	.mcnt2 ul > li .tbx{padding: 3vw;}
	.mcnt2 ul > li .tbx .tit{font-size: clamp(20px, 4.8vw, 35px); line-height: 1.5;}
	.mcnt2 ul > li .tbx .txt{margin: 2vw 0 3vw; font-size: clamp(14px, 3.2vw, 20px); line-height: 1.5;}
	.mcnt3 .mcnt3_cnt{margin-top: 5vw;}
	.mcnt3 .mcnt3_cnt > *{width: 100%;}
	.mcnt3 .mcnt3_cnt > .lbx{margin-bottom: 5vw;}
	.mcnt3 .mcnt3_cnt .lbx .box img{width: 100%;}
	.mcnt3 .mcnt3_cnt .lbx .box .tbx span{font-size: 14px;}
	.mcnt3 .mcnt3_cnt .lbx .box .tbx .tit{font-size: clamp(20px, 4.8vw, 35px); line-height: 1.5; margin: 1vw 0 2vw;}
	.mcnt3 .mcnt3_cnt .lbx .box .tbx .txt{font-size: clamp(14px, 3.2vw, 20px); line-height: 1.5;}
	.mcnt3 .mcnt3_cnt .lbx .box .tbx a{margin-top: 8vw;}
	.mcnt3 .mcnt3_cnt .lbx .mcnt3_tab > li{height: 50px;}
	.mcnt3 .mcnt3_cnt .lbx .mcnt3_tab > li span{font-size: clamp(14px, 3.2vw, 20px); line-height: 1.5;}
	.mcnt3 .mcnt3_cnt .rbx ul > li > a{height: 130px; padding-left: 20px; }
	.mcnt3 .mcnt3_cnt .rbx ul > li > a figure{width: 80px; height: 80px; }
	.mcnt3 .mcnt3_cnt .rbx ul > li > a figure span{box-sizing: border-box; padding: 10px;}
	.mcnt3 .mcnt3_cnt .rbx ul > li > a figure img{max-height:100%; }
	.mcnt3 .mcnt3_cnt .rbx ul > li > a .tbx h4{font-size: clamp(16px, 4.5vw, 28px); line-height: 1; margin-bottom: 2vw;	}
	.mcnt3 .mcnt3_cnt .rbx ul > li > a .tbx p{font-size: 14px; line-height: 1.5;}
	.mcnt3 .mcnt3_cnt .rbx ul > li > a .tbx {width: calc(100% - 80px); padding:  0 10px;}
	.mcnt4 > * > a .box h4{font-size: clamp(20px, 4.5vw, 30px); line-height: 1.5;}
	.mcnt4 > * > a .box p{font-size: 14px; line-height: 1.5; margin: 2vw 0 3vw;	}
	
	.scroll-top{right: 20px; bottom: 180px; width: 50px; height: 50px;}
}

@media(max-width: 480px) {
/* head */
	.header{height: 60px;}
	.header > .hd_sub .hd_logo{width: 160px; height: 60px;}
	.header > .hd_sub .hd_logo a{background-size: 100%;}
	.header .hd_lang > a {width: 60px; font-size: 12px; line-height: 25px;}
	.header .hd_lang > a i {margin-left: 3px; margin-right: 4px;}
	.header .btn_sitemap{margin-left: 20px;}

/* main */
	.mv_sec{margin-top: 60px;}
	.mv_sec,
	.mv_sec .item{height: 80vw;}
	.mv_bt_box{width: 290px;}
	.mv_bt_box .box2 .dots_box span {width: 28px; height: 28px; line-height: 26px; font-size: 12px;}
	.mv_bt_box .box3 .mv_more{width: auto; padding: 0 10px; font-size: 14px; line-height: 30px;}
	.mv_scroll{width: 20px; margin-left: -10px;}
	@keyframes mvScroll {0% {bottom: 20px; } 60% {bottom: 40px;} 100% {bottom: 20px;} }
	.mcnt1 ul > li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.mcnt4 > *{width: 100%; }
	.mcnt4 > * > a{height: auto; padding: 6vw 10px;}

/* footer */
	.footer .ft_top{padding: 4vw 0 3vw;}
	.footer .ft_top .lbx span{padding-left: 0px; font-size: 13px;}
	.footer .ft_top ol{margin-top: 30px; top: 0;}
	.footer .ft_bottom .box dl {font-size: 13px; line-height: 1.5;}
	.footer .ft_bottom .box dl dt{width: 100px !important;}
	.footer .ft_bottom .box dl dd {width: calc(100% - 100px) !important;}
}