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

/**** Media Query *********************************/
@media (max-width:1800px){
	#header .logo {float: left;position: static;}

	.main2 .marti01 .owl-theme.mv_list_video .slogan,
	.main2 .marti01 .owl-theme .owl-nav.disabled+.owl-dots {max-width: 100%;padding: 0 150px;padding-right: 0;}
}

@media (max-width:1600px){
}

@media (max-width:1500px){
	.main2 .marti03 ul li dl {padding: 4em calc(50% - 1em);}
	.main2 .marti03 ul li.on dl {padding: 4em 4.4em;}
}

@media (max-width:1480px){
}

@media (max-width:1400px){
}

@media (max-width:1360px){
	#header .logo a {width: 260px;}
	#header .gnb > ul > li > a {width: 8em;}
}

@media (max-width:1200px){
	body {font-size: 15px;}
	input, select, button, textarea {font-size: 14px;}

	.main2 .marti04 ul li .box div {padding: 3em 2em;}
	.main2 .marti04 ul li .box p br {display: none;}
}

.mo {display: none;}
.pc {display: block;}
@media (max-width:1024px){
	.mo {display: block;}
	.pc {display: none;}
	#header .gnb {display: none;}
	body {font-size: 14px;}
	input, select, button, textarea {font-size: 13px;}

	#fullpage > .section {height: auto !important;}
	.fp-tableCell {height: auto !important;padding: 6.25em 0;}
	.section1 .fp-tableCell,
	.fp-auto-height .fp-tableCell {padding: 0;}
	.main2 .wrap {padding-top: 0;}
	.main2 .marti01 .owl-theme .owl-nav.disabled+.owl-dots {top: auto;bottom: 5%;}
}

@media (max-width:960px){
	body {font-size: 13px;}
	input, select, button, textarea {font-size: 12px;}

	.main2 .marti01 .owl-theme.mv_list_video .slogan,
	.main2 .marti01 .owl-theme .owl-nav.disabled+.owl-dots {padding: 0 20px;}

	.main2 .marti04 ul {display: block;max-width: 720px;margin: 0 auto;}
	.main2 .marti04 ul li {width: 100%;margin-bottom: 5%;}
	.main2 .marti04 ul li:last-child {margin-bottom: 0;}
	.main2 .marti04 ul li figure {height: 15em;}
}

@media (max-width:800px){
	.main2 .wrap {padding-top: 0;}
	.main2 .marti03 ul li.on dl {padding: 4em 2em;}
}

@media (max-width:640px){
	body {font-size: 3.3vw;}
	input, select, button, textarea {font-size: 3vw;}
	select {padding: 0 1vw;}
	.wrap {padding: 0 3vw;}

	#header .logo a,
	#header .util > li.sitemap a {height: 17vw;}
	#header .util > li.lang a {line-height: 17vw;}
	#header .logo a {width: 50vw;}
	#header .wrap {padding: 0 3vw;}
	#header .util {right: 3vw;}

	.main2 .marti01 .owl-theme.mv_list_video .slogan,
	.main2 .marti01 .owl-theme .owl-nav.disabled+.owl-dots {padding: 0 3vw;}
	.main2 .marti01 .owl-theme.mv_list_video .slogan p {font-size: 1em;}
	.main2 .marti01 .owl-theme.mv_list_video .slogan {padding: 0 3vw;}
	.main2 .marti01 .owl-theme.mv_list_video .slogan h3 {font-size: 3em;}
	.main2 .marti01 .owl-theme.mv_list_video .slogan .ul_dot li {width: 100%;}
	.main2 .marti01 .owl-theme.mv_list_video .slogan .ul_dot li:before {top: 0;}
	.main2 .mv_scroll {left: 3vw;bottom: 5vw;}

	.mtit2 dd {font-size: 1em;}
	.mtit2 dt {font-size: 2em;}

	.main2 .marti02 ul {width: 100%;}
	.main2 .marti02 ul li:first-child {width: 0;}
	.main2 .marti02 ul li {width: 33.33%;}
	.main2 .marti02 ul li a {height: 9.125em;padding-top: 2.125em;}
	.main2 .marti02 ul li a i {width: 2.6875em;height: 2.625em;}

	.main2 .marti03 ul {padding-right: 0;}
	.main2 .marti03 ul li {float: none;width: 100%;display: block;height: 40vw;max-width: 100%;}
	.main2 .marti03 ul li a:before {background-size:100% !important;}
	.main2 .marti03 ul li.li2 a:before {top: -60%;}
	.main2 .marti03 ul li.li3 a:before {width: 200%;height: 200%;left: -50%;top: -50%;}
	.main2 .marti03 ul li a:after {opacity: 1;}
	.main2 .marti03 ul li dl {padding: 1em;padding: 1em;height: auto;}
	.main2 .marti03 ul li dl:before {display: none;}
	.main2 .marti03 ul li dl:after {opacity: 1;}
	.main2 .marti03 ul li dl dt {font-size: 2em;}
	.main2 .marti03 ul li dl dd {opacity: 1;margin-top: .5em;}
	.main2 .marti03 ul li.on {width: 100%;}
	.main2 .marti03 ul li.on.li3 a:before {left: -100%;top: -92%;}
	.main2 .marti03 ul li.on dl {height: auto;padding: 1em;}
	.main2 .marti03 ul li.on dl dt {font-size: 2em;}

	.main2 .marti04 ul li figure {height: 13em;}
	.main2 .marti04 ul li figure img {height: 100%;}
	.main2 .marti04 ul li .box div {padding: 1.5em;}
	.main2 .marti04 ul li .box h3 {font-size: 1.8em;}
	.main2 .marti04 ul li .box p {font-size: 1em;}
	.main2 .marti04.active ul li figure {width: 75%;}

	#footer .ft_btns li {line-height: 4;}
	#footer .ft_logo {width: 60%;margin: 0 auto;}
	#footer .ft_bot {padding: 10vw 0;}
}