@charset "utf-8";
@import url(media_sub.css);



@media (max-width:1720px){
/* header */
	.header {box-sizing: border-box; padding: 0 20px;}
	.header .hd_sub > .hd_lang{margin-left: 5vw;}
	.header .hd_sub > .hd_nav{margin-left: 6vw;}
	.header .hd_sub > .hd_nav .gnb > li > a{padding: 0 1.5vw;}

/* main */
	.mcnt1_owl .owl-nav > a{left: -30px; }
	.mcnt1_owl .owl-nav > a.owl-next{right: -30px;}
	.mcnt1 {padding: 120px 50px 130px;}
}

@media (max-width:1440px){
/* main */
	.mv_sec .item .m_txt{padding-left: 20px;}
	.mcnt2_wrap{padding: 12vw 20px 12vw; box-sizing: border-box;}
    
/* footer */
	.footer {padding: 60px 20px 0px;}
}

@media (max-width:1200px){
/* header */
	.header .hd_sub > .hd_nav .gnb > li > a{font-size: 16px;}
}

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

/* footer */
	.footer{padding-top: 2vw; height: auto; padding-bottom: 2vw;}
	.footer .ft_top {flex-direction: column; align-content: flex-start;}
	.footer .ft_top .lbx{margin-bottom: 3vw;}
	.footer .ft_top .rbx {align-self: flex-start;}
}

@media (max-width:800px){
/* main */
	.mv_sec,
	.mv_sec .item{height: 80vw;}
	.mv_sec .item .m_txt{margin-top: 28vw;}
	.mv_sec .item .m_txt h4{font-size: 40px;}
	.mv_sec .item .m_txt h4 span{font-size: 20px;}
	.mv_sec .owl-dots{left: 20px; transform: translate(0);}
	.mv_sec .owl_b{left: 110px;}
	.mv_scroll{right: 20px; transform: translate(0);}

	.mcnt1 {padding: 12vw 40px 12vw; }
	.m_tit h3{margin-bottom: 3vw;}
	.mcnt1_owl{margin-top: 6vw;}
	.mcnt1_owl figcaption{padding: 2vw 0;}

	.mcnt2 {flex-direction: column; padding-top: 5vw;}
	.mcnt2 > *{width: 100%; margin: 0; margin-bottom: 3vw; height: 55vw;}
	.mcnt2 > *:last-child{margin-bottom: 0;}
	.mcnt2 > .lbx figure{background-size: cover;}
	.mcnt2 > .rbx figure iframe{height: 55vw;}

/* footer */
	.footer .ft_top .rbx ul{flex-wrap:wrap;}
	.footer .ft_top .rbx ul > li > a{line-height: 1.5;}
	.footer .ft_top .rbx ul > li:not(:last-child):after{top: 4px;}
	.top_bt{right: 20px; width: 40px; height: 40px;}
	.top_bt a{line-height: 40px;}


}


@media (max-width:480px){
/* header */
	.header,
	.header .hd_sub > .hd_logo {height: 80px;}
	.header .hd_sub > .hd_logo{width: 100px;}
	.header .hd_sub > .hd_logo a{background-position: left center; background-size: 100%;}
	.header .hd_sub > .hd_lang{top: 38px; margin-top: 32px;}
	.header .hd_sub > .hd_lang > li > a{font-size: 12px;}
	.header .hd_sub > .hd_lang > li:hover > a:after, .header .hd_sub > .hd_lang > li.on > a:after{width: 100%;}
	.header .hd_sub > .hd_lang > li{margin-right: 10px;}
	.header .hd_sub > .hd_sitemap{margin-top: 17px;}
	.header .hd_sub > .hd_sitemap > a{width: 45px; height: 45px;}
	.header .hd_sub > .hd_sitemap ul {margin-left: 9px; margin-top: 12px;}

/* main */
	.mv_sec .owl-dots{bottom: 25px;}
	.mv_sec .owl_b{bottom: 27px;}
	.mv_sec .item .m_txt{margin-top: 34vw;}
	.mv_sec .item .m_txt h4{font-size: 6vw;}
	.mv_sec .item .m_txt h4 span{font-size: 4.5vw;}
	@keyframes ico_Move {0% {bottom: 20px; } 60% {bottom: 40px;} 100% {bottom: 20px;} }
	
	.m_tit h3{font-size: 6vw; padding-bottom: 4vw;}
	.m_tit p{font-size: 3.2vw; word-break: keep-all; line-height: 1.5;}
	.mcnt1_owl figcaption{font-size: 3.2vw;}
	.mcnt1_owl .owl-nav > a{width: 40px; height: 40px; margin-top: -49px;}
	.mcnt2 > * .tbx {padding: 1vw 15px 3vw; width: 45%; height: auto;}
	.mcnt2 > * .tbx h5{font-size: 3.2vw; margin-bottom: 2vw;}
	.mcnt2 > * .tbx h4{font-size: 4.5vw;}
	.mcnt2 > * .tbx:after {right: 8px; bottom: 19px;}

/* footer */
	.footer{padding-top: 6vw;}
	.footer .ft_top{padding-bottom: 4vw;}
	.footer .ft_top .lbx {flex-direction: column;}
	.footer .ft_top .lbx p{margin-left: 0px; font-size: 3.2vw; line-height: 1.5; align-self: flex-start; margin-top: 2vw;}
	.footer .ft_top .rbx ul > li > a{font-size: 3.2vw;}
	.footer .ft_top .rbx ul > li:not(:last-child):after{font-size: 3.2vw; top: 0.3em; right: -1.2em;}
	.footer .ft_bottom{padding-top: 3vw;}
	.footer .ft_bottom .lbx > li{font-size: 3.2vw; line-height: 1.5;}
	.footer .ft_bottom .lbx > li span:not(:last-child):after{display: none;}
	.footer .ft_bottom ol {margin-top: 3vw;}
	.footer .ft_bottom ol > li > a{font-size: 3.4vw;}
}