@media all and (max-width:1600px)
{
.hd_logo > a {
	background-size: 100%;
}
.mv_sec .owl-theme .item img {
	left: 0px; width: auto; height: 100%; max-height: 100%; transform: scale(1);
}
.sec101 {
	padding-right: 10px; padding-left: 10px;
}
.sec201 {
	padding-right: 10px; padding-left: 10px;
}
.sec101_right ul li {
	overflow: hidden;
}
.sec201_right .sec201_popup div {
	width: 54%;
}
.layer_s2 {
	width: 90% !important; max-height: 780px !important;
}
.layer_s2 img {
	width: 100%;
}
.sec301 {
	padding-bottom: 0px;
}
.sec301_left {
	background-size: auto 100%;
}

}
@media all and (max-width:1400px)
{
.mv_info {
	left: 0px; margin-left: 0px; position: relative;
}
.mv_sec .owl-theme .item img {
	left: -10%;
}
.mv_sec .owl-nav {
	left: 0px; margin-left: 0px;
}
.mv_sec .owl-nav .owl-prev {
	left: 0px;
}
.mv_sec .owl-nav .owl-next {
	right: 0px;
}
.sec101_right ul li p {
	-ms-word-break: keep-all;
}
.sec101_right ul li p br {
	display: none;
}
.sec201_right .sec201_popup figure {
	width: 50%;
}
.sec201_right .sec201_popup div {
	width: 50%; padding-top: 15px; padding-left: 10px;
}
.layer_s2 {
	max-height: 725px !important;
}
.sec301_left p {
	margin-bottom: 35px;
}
.sec201_list .item div a {
	padding: 0px 10px;
}
.sec101_right ul li p {
	line-height: 1.5; font-size: 15px;
}
.sec301_left {
	padding-left: 40px;
}
.sec301_right {
	padding-left: 40px;
}
}
@media all and (max-width:1200px)
{
.sub_bg div {
	padding-left: 20px;
}
.mv_sec .owl-theme .item img {
	left: auto; right: -20%;
}
.mv_info .t2 {
	line-height: 1.5; font-size: 37px;
}
.sec101 .sec101_left {
	padding: 20px;
}
.tab_a ul li a p {
	width: 75%;
}
.tab_a ul li a span {
	width: 25%;
}
.sec101_right ul li h4 {
	font-size: 17px; margin-bottom: 5px;
}
.sec201_left h3 {
	font-size: 25px;
}
.sec201_right h3 {
	font-size: 25px;
}
.sec301_left h4 {
	font-size: 25px;
}
.sec301_right h3 {
	font-size: 25px;
}
.sec201_list .item div a p {
	width: 85%;
}
.sec201_left .sec201_more {
	margin-top: 15px;
}
.sec201_right .sec201_popup {
	padding: 22px;
}
.layer_s2 img {
	width: auto; height: auto; max-height: 100%; max-width: 100%;
}

.gnb ul > li > a {
	font-size: 16px;
}

.gnb ul > li .subm > li > a{
font-size: 15px;

}


.hd_logo > a {
	background: url("/images/toplogo.png") cover; width: 180px; height: 89px;
}



}
@media all and (max-width:1024px)
{
.header_in {
	padding: 0px 1vw;
}
.hd_logo {
	left: 0px;
}
.hd_logo > a {
	background-size: 80%;
}
.header .hd_sub {
	 margin-left: 1%;
}
.sub_bg div {
	width: 24%; padding-left: 0px; float: left; background-position-x: 0%;
}
.sub_bg div p {
	width: 100%; line-height: 1.5; font-size: 14px; -ms-word-break: keep-all;
}
.sub_bg div p br {
	display: none;
}
.gnb ul > li > a {
	font-size: 13px;
}
.gnb ul > li .subm > li > a {
	line-height: 30px; font-size: 14px;
}
.mv_sec .owl-theme .item {
	height: 410px;
}
.mv_sec {
	height: 410px;
}
.mv_sec .owl-theme .item img {
	right: -44%;
}
.mv_info .t3 {
	line-height: 1.5; font-size: 16px;
}
.tab_a .more {
	top: -40px;
}
.sec101 .sec101_left .sec101_ul li {
	font-size: 16px;
}
.sec101 .sec101_left {
	height: 270px;
}
.tab_a ul li a p {
	font-size: 14px;
}
.tab_a ul li a span {
	font-size: 14px;
}
.sec101_right ul li figure {
	height: 75px;
}
.sec101_right ul li figure img {
	height: 100%;
}
.sec201_left {
	padding-right: 0px;
}
.sec201_right {
	width: 32.79%;
}
.sec201_right .sec201_popup {
	padding: 50px 10px;
}
.sec201_right .sec201_popup div h4 {
	font-size: 16px;
}
.sec301_left {
	padding-left: 3vw;
}
.sec301_right {
	padding-left: 3vw;
}
.sec301_left p {
	line-height: 1.5; font-size: 16px; -ms-word-break: keep-all;
}
.sec301_right p {
	line-height: 1.5; font-size: 16px; -ms-word-break: keep-all;
}
.sec301_right ul li {
	line-height: 1.5; font-size: 16px;
}
.sec201_right .sec201_popup div h4 br {
	display: none;
}
.sec301_right h4 {
	font-size: 27px;
}
}
@media all and (max-width:1000px)
{
#wrap {
	padding-top: 12vw;
}
#m_header {
	display: block;
}
.header {
	display: none;
}
.mv_sec .owl-theme .item img {
	right: -66%;
}
.mv_sec .owl-theme .mv03 img {
	right: -85%;
}
.mv_info {
	padding-left: 8%;
}
.mv_info .t2 {
	font-size: 27px;
}
.mv_info .t3 {
	width: 50%; -ms-word-break: keep-all;
}
.mv_info .t3 br {
	display: none;
}
.sec101 .sec101_left {
	padding: 3vw; width: 100%; height: auto; margin-bottom: 5vw; float: none;
}
.sec101 .sec101_left .sec101_ul li:last-child::after {
	width: 93px;
}
.sec101 .sec101_right {
	width: 100%; float: none;
}
.sec101_right ul li {
	height: 250px;
}
.sec201_left {
	width: 100%; float: none;
}
.sec201_right {
	width: 100%; float: none;
}
.sec201_right .sec201_popup {
	padding: 3vw; height: auto;
}
.sec201_right .sec201_popup figure {
	width: 20%;
}
.sec301_left {
	padding: 3vw; width: 100%; height: auto; float: none; background-size: 100%;
}
.sec301_right {
	padding: 3vw; width: 100%; height: auto; float: none; background-size: 100%;
}
.sec301_left::before {
	right: 3vw; bottom: 3vw;
}

}
@media all and (max-width:640px)
{
#wrap {
	padding-top: 17vw;
}
#m_header {
	height: 17vw;
}
#m_header::before {
	left: 0px; top: 0px; width: 100%; height: 3px; position: absolute; content: ""; background-color: rgb(31, 169, 218);
}
#m_header_box .m_manu {
	width: 17vw; height: 17vw; line-height: 17vw;
}
#m_header_box .m_manu ul {
	margin-top: 0px;
}
#m_header_box .m_manu ul li {
	width: 30px;
	margin-top:0px;
}
/*#m_header_box .m_logo {
	width: 55%;
}*/
#m_header_box .m_logo a {
	background-size: 96% auto;
}
.m_header_nav {
	top: 17vw; width: 58%;
}
.m_header_nav ul li {
	line-height: 13vw;
}
.m_header_nav ul li a {
	font-size: 17px;
	}

}