/*** MEDIAQUERY ***/

@media (max-width:1900px){

	/* LAYOUT */
	.w1800 {width: 100%;padding: 0 5%;box-sizing:border-box;} 


	/* HEADER */
	header .header__logo {width: 330px;}
	header .header__logo a{width: 100%;}

	header nav {margin-left: 15%;}
	header nav > ul > li {width: 250px;}
	header nav > ul > li > a {font-size:1.15em}


	/* MAIN VISUAL */
	.mv_sec .owl-next {left: 50px;}
	.main-section1 .owl-dots {left: 20.5%;}
	.btn_sld_motion {left: calc(20.5% + 50px);}


	/* 사업분야 */
	.business__text {padding-left: 10%;padding-top: 7vw;}
	.business__slide-wrap .slick-dots {top:67%;left:10%;width: 35.4%;}





}


@media (max-width:1800px){

	/* LAYOUT */
	.w1600 {width: 100%;padding: 0 5%;box-sizing:border-box;} 

     header nav > ul > li {width: 210px;}
	/* MAIN VISUAL */
	.mv_sec .owl-next {left: 50px;}
	.main-section1 .owl-dots {left: 17%;}
	.btn_sld_motion {left: calc(17% + 50px);}


	/* 사업분야 */
	.business__text-top {padding-bottom: 2.2vw;}
	.business__slide-wrap .slick-dots {bottom: 6vw;padding-top:40px;}
	.business__slide-wrap .slick-dots:before,
	.business__slide-wrap .slick-dots:after {top:35px;}
	.business__text-top em {margin: 35px 0 20px; font-size: 1.65em;}
	.business__text-top em span {margin-right: 4px;}
	.business__text-top p,
	.business__slide-wrap .slick-dots li a{font-size: 1em;}
	.business__slide-wrap .slick-dots li {margin: 0 0 20px 20px;}



	/* ABOUT */
	.main-section3__boxs {margin:80px 0 0;}
	.main-section3__boxs .box {height: 75vh;}
	.main-section3__boxs .box .box__text a {padding-top:	51vh;}
	.main-section3__boxs .box .box__text:hover a{padding-top: 32vh;}

	.main-section3__boxs .box .box__text p {font-size: 1.65em;}
}



@media (max-width:1600px){

	/* LAYOUT */
	.w1400 {width: 100%;padding: 0 5%;box-sizing:border-box;}

	/* HEADER */
	header .header__logo {width: 280px;}

	header nav > ul > li {width: 205px;}


	/* MAIN VISUAL */
	.mv_sec .mv_slog {max-width:100%;padding:0 5%;box-sizing:border-box;}
	.mv_sec .mv_slog .t1 {font-size: 1.15em;}
	.mv_sec .mv_slog .t2 {margin-top: 25px;font-size: 2.875em;}
	.mv_sec .mv_slog .t3 {margin-top: 30px;font-size: 1.1em;}

	.mv_sec .owl-theme .owl-nav {width: 100%;left: 55%;}
	.main-section1 .owl-dots {left: 14%;}
	.btn_sld_motion {left: calc(14% + 50px);}

	#fp-nav ul li {width: 15px !important;height: 2px !important;margin: 0 0 15px 0 !important;}
	#fp-nav ul li a {width: 15px !important;}
	#fp-nav ul li a.active {width: 25px !important;height: 3px !important;}


	/* SUB COMMON */
	.main__title,
	.main-section4 .main__title{font-size: 2.45em;}

	/*  사업분야 */
	.business__text {padding-left: 5%;}
	.business__slide-wrap .slick-dots {bottom:2vw;left: 5%;width: 40.3%;padding-top: 30px;}
	.business__slide-wrap .slick-dots:before,
	.business__slide-wrap .slick-dots:after {top:22px;}
	.business__right .main-sec3__button--more {left: -35px;width: 70px;height: 70px;}

	/* NEWS */
	.main-section4__boards {margin-top: 50px;}
	.main-section4__boards .board {width: 49%;height: 350px;padding: 40px 30px;}
	.main-section4__boards .board .board__top .title {padding-left: 15px;font-size: 1.65em;}
	.main-section4__boards .board .board__top .title:before {width: 3px;height: 20px;}
	.main-section4__boards .board .board__top .main-sec4__more {top: 3px;}

	.main-section4__boards .board .board__list li a {line-height: 55px;}
	.main-section4__boards .board.board--news .board__list li a {padding-left: 15px;}

	.main-section4__boards .board .board__list li a .mark {width: 65px;margin: 0 10px 0 2px;line-height: 32px;}



}

@media (max-width:1500px){

	/* LAYOUT */
	.body__container {font-size: 15px;}


	/* HEADER */
	header nav {margin-left: 13%;}
	header nav > ul > li {width: 150px;}


	/* MAIN VISUAL */
	.main-section1 .owl-dots {left: 15.5%;}
	.btn_sld_motion {left: calc(15.5% + 50px);}



	/* SUB COMMON */
	.main__title,
	.main-section4 .main__title{padding-top: 30px;font-size: 2.45em;}


	/* 사업분야 */
	.business__text {padding-top: 3vw;transform:translateY(0);}
	.business__right {margin-top: 0;}

	.business__text-top {padding-bottom: 2vw;}
	.business__text-top em {margin: 35px 0 20px;font-size: 1.65em;}

	.business__slide-wrap .slick-dots {bottom: 4vw;}

	.main-section3__boxs .box .box__text em {margin-bottom: 25px;padding-bottom: 10px; border-bottom: 4px solid #fff;font-size: 1.1em;}
	.main-section3__boxs .box .box__text p {font-size: 1.5em;}
}

@media (max-width:1320px){

	/* 사업분야 */
	.business__text-top em {margin: 25px 0 15px;}
	.business__slide-wrap .slick-dots {bottom: 3vw;}

}

@media (max-width:1200px){

	/* LAYOUT */
	.body__container {font-size: 14px;}


	/* HEADER */
	header nav {display: none;}


	/* MAIN VISUAL */
	.main-section1 .owl-dots {left: 17.5%;}
	.btn_sld_motion {left: calc(17.5% + 50px);}


	/* SUB COMMON */
	.main__title, .main-section4 .main__title {padding-top: 25px;font-size: 2.15em;}
	.main__title:before {width: 30px;height: 4px;}


	/* ABOUT */
	.main-section3__boxs .box {height: 60vh;}
	.main-section3__boxs .box .box__text a {padding-top:	41vh;}
	.main-section3__boxs .box .box__text:hover a{padding-top: 26vh;}

	.main-section3__boxs .box .box__text em {margin-bottom: 20px;font-size: 1em;}
	.main-section3__boxs .box .box__text p {padding: 0 5%;box-sizing:border-box;font-size: 1.35em;}
	.main-section3__boxs .box .box__text p br {display: none;}



	/* 사업분야 */
	.business__slide-wrap {width: 100%;padding: 0 5%;box-sizing:border-box;}
	.business__slide-wrap .business__slide .flex {flex-wrap:wrap;}
	.business__slide-wrap .business__slide .flex .business__text {width: 100%;padding: 0;}
	.business__slide-wrap .business__slide .flex .business__right {width: 100%;padding-bottom: 10vw;}
	.business__text-top {padding-bottom: 25px;}

	.business__text-top p br {display: none;}

	.business__right .main-sec3__button--more {left: 50%;transform: translateX(-50%);bottom: 10px;width: 50px; height: 50px;box-shadow: 3px 3px 10px rgb(0 0 0 / 25%);}
	.business__right .main-sec3__button--more figure img {width: 10px;}

	.business__slide-wrap .slick-dots {top:auto;bottom:-50px;left: 50%;transform: translateX(-50%);width: 90%;display: flex;justify-content: center;padding-top: 25px;text-align: center;}
	.main-section2.active .business__slide-wrap .slick-dots {transform: translateX(-50%);}	
	.business__slide-wrap .slick-dots li {position: relative;margin:0; width: 33.333%;display: flex;align-items: center;justify-content: center;padding: 0 5px;box-sizing: border-box;}
	.business__slide-wrap .slick-dots li:after {content: '';position: absolute;top:50%;right:0;transform:translateY(-50%);width: 1px;height: 30px;background-color: #ddd;}
	.business__slide-wrap .slick-dots li:last-child:after {display: none;}
	.business__slide-wrap .slick-dots li a,
	.business__slide-wrap .slick-dots li.slick-active a {padding: 0;;line-height: 1.3;background: none;}

	.business__slide-wrap .slick-dots:before,
	.business__slide-wrap .slick-dots:after{display: none;}

	.business__right > figure {position: relative;height: 30vh;overflow: hidden;}
	.business__right > figure img {position: absolute;top: 50%;transform:translateY(-50%);left: 0;right: 0;;}


}

@media (max-width:960px){

	/* MAIN VISUAL */
	.main-section1 .owl-dots {left: 19.5%;}
	.btn_sld_motion {left: calc(19.5% + 50px);}


	/* 사업분야 */
	.business__text-top p {min-height: 46px;}
	.business__slide-wrap .slick-dots {bottom: -70px;}


	/* ABOUT */
	.main-section3__boxs .box .box__text p {font-size: 1.15em;}


	/*FOOTER*/
	#footer .footer__top .footer__info ul {flex-wrap:wrap;}
	#footer .footer__top .footer__info ul li:after {top: 5px;}
}

@media (max-width:800px){

	/* LAYOUT */
	.body__container {font-size: 13px;}


	/* HEADER */
	header,
	.header__sitemap,
	header.sub__header,
	header.sub__header .header__logo, 
	header.sub__header .header__sitemap{height: 70px;}
	header .header__logo {width: 230px;height: 70px;}

	.header__sitemap {width: 32px;}
	.header__sitemap div span.line {width: 32px;}	
	.header__sitemap div span.text {font-size:10px}

	.sitemap-wrap {max-width: 230px;}
	.sitemap-wrap .sitemap__top {height: 70px;}
	.sitemap-wrap .sitemap__top .button--sitemap-close {width: 70px;height: 70px;}

	.sitemap-wrap .sitemap__top .button--sitemap-close:before, 
	.sitemap-wrap .sitemap__top .button--sitemap-close:after {top: 18px;left: 35px;height: 35px;}

	.sitemap-wrap .sitemap__top .button--sitemap-close:hover:before, 
	.sitemap-wrap .sitemap__top .button--sitemap-close:hover:after {height: 25px;}

	.sitemap__nav {height: calc(100vh - 70px);padding: 15px;}


	
	/* MAIN VISUAL */
	.mv_sec .owl-theme .item.mv01 .img ,
	.mv_sec .owl-theme .item.mv02 .img ,
	.mv_sec .owl-theme .item.mv03 .img {background-position: 60% 50%;}
	.mv_sec .owl-theme .item .img:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom:0;background-color: rgba(0,0,0,0.25);}


	.mv_sec .mv_slog .t2 {margin-top: 20px;font-size: 2.35em;}
	.mv_sec .mv_slog .t3 {margin-top: 25px;}

	.main-visual__scroll {display: none;}

	#fp-nav ul li {width: 5px !important;height: 2px !important;margin: 0 0 10px 0 !important;}
	#fp-nav ul li a {width: 5px !important;}
	#fp-nav ul li a.active {width: 12px !important;height: 3px !important;}

	.main-section1 .owl-dots {left: 21.5%;}
	.btn_sld_motion {left: calc(21.5% + 50px);}
	.mv_sec .owl-next {left: 6%;}

	
	/* SUB COMMON */
	.main__title {margin-top: 5vw;padding-top: 20px;font-size: 2em;}
	.main__title:before,
	.sub__contents .sub-row__title:before{width: 23px;height: 3px;}



	/* 사업분야 */
	.business__slide-wrap .slick-dots {bottom: -60px;padding-top: 15px;}
	.business__text-top em {margin: 30px 0 15px;font-size: 1.25em;}
	.business__text-top em span {margin-right: 2px;}
	.business__right .main-sec3__button--more {width: 40px; height: 40px;}
	.business__slide-wrap .slick-dots li.slick-active a {font-size:1em;}



	/* ABOUT */
	.main-section3__boxs {flex-wrap:wrap;margin: 40px 0 0;}
	.main-section3__boxs .box {height: 24vh;min-height: 150px;width: 100%;}
	.main-section3__boxs .box2 {margin: 10px 0;}
	.main-section3__boxs .box3 {background-position: 50% 24%;}
	.main-section3__boxs .box .box__text {padding-bottom: 0;align-items: center;}
	.main-section3__boxs .box .box__text em {margin-bottom: 8px;padding-bottom: 5px;border-bottom: 2px solid #fff; font-size: 1em;}
	.main-section3__boxs .box .box__text p {margin-bottom: 15px;line-height: 1.35;}

	.main-section3__boxs .box .box__text a {padding-top:	8vh;}
	.main-section3__boxs .box .box__text:hover a{padding-top: 6vh;}


	/* NEWS */
	.main-section4 .main__subheading {font-size: 1em;}
	.main-section4__boards {margin-top: 30px;flex-wrap:wrap;}
	.main-section4__boards .board {width: 100%;height: auto;padding: 25px 20px 20px;}
	.main-section4__boards .board.board--news {margin-bottom: 10px;}

	.main-section4__boards .board .board__top {margin-bottom: 14px;}
	.main-section4__boards .board .board__top .title {padding-left: 15px;font-size: 1.65em;}
	.main-section4__boards .board .board__top .title:before {width: 3px;height: 20px;}
	.main-section4__boards .board .board__list li a {font-size: 1em;line-height: 38px;}
	.main-section4__boards .board.board--news .board__list li a {padding-left: 15px;}

	.main-section4__boards .board .board__list li a .mark {width: 50px;margin: 0 10px 0 0;line-height: 28px;}
	.main-section4__boards .board.board--bidding .board__list li a div {width: calc(100% - 60px);}
	.main-section4__boards .board.board--bidding .board__list li a time {width: 70px;}

	.main-section3__boxs .box:before{content: '';position: absolute;top:0;left: 0;right: 0;bottom:0;background-color: rgba(0,0,0,0.3);}
	.main-section3__boxs .box .box__text .main-sec3__button--more:before {display: none;}


	/* FOOTER */
	#footer .footer__top,
	#footer .footer__bottom{flex-wrap:wrap;}

	#footer .footer__top .footer__info ul li:after {top: 5px;height: 13px;}

	#footer .footer__top .footer__family {margin-top: 15px;}
	#footer .footer__top .footer__family .title {padding-left: 15px;}
	#footer .footer__top .footer__family .family__list li a {padding: 0 15px;}

	#footer .footer__bottom {margin-top: 15px;padding-top: 15px;}


	/* TOP BUTTON */
	.button--top {bottom: 40px;width: 45px;height: 45px;}


	/* POP UP */
	.popup-layer .popup-inner {width: 80%;height: 390px;}
	.popup-layer .popup-inner .popup__contents .title { margin-bottom: 10px;font-size: 1.45em;}
	.popup-layer .popup-inner .popup__contents > div {padding: 10px;font-size: 1em;}
	.popup__contents .pop-row { margin-bottom: 30px;}
	.popup__contents .pop-row .pop-row__title {margin-bottom: 10px;}
	.popup__contents .pop-row .pop-row__dep2 .dep2__title {margin-bottom: 5px;}
	.popup__contents .pop-row .pop-row__dep2 .dep2__cont ul {padding: 0 0 0 6px;}
	.popup__contents .pop-row .pop-row__dep2 .dep2__cont {margin-bottom: 10px;}
	.popup__button--close figure img {width: 30px;height: 30px;}

}

@media (max-width:640px){


	/* LAYOUT */
	.body__container {font-size: 12px;}

	.sitemap-wrap {max-width: 190px;}


	/* MAIN VISUAL */
	.mv_sec .mv_slog .t1 {font-size: 1em;}
	.mv_sec .mv_slog .t2 {font-size: 1.65em;}
	.mv_sec .mv_slog .t3 {max-width: 350px;margin-top: 20px;font-size:1em}
	.mv_sec .mv_slog .t3 br {display: none;}

	.owl-theme .owl-dots .owl-dot {margin-right: 15px;}

	.main-section1 .owl-dots {left: 23.5%;}
	.btn_sld_motion {left: calc(23.5% + 30px);}

	.owl-theme .owl-dots .owl-dot span {width: 5px !important;height: 5px !important;}
	.owl-theme .owl-dots .owl-dot.active span {width: 7px !important;height: 7px !important;}

	
	/* SUB COMMON */
	.main__title,
	.main-section4 .main__title{padding-top: 18px;font-size: 1.875em;}

	
	/* 사업분야 */
	.business__slide-wrap .business__slide .flex .business__right {padding-bottom: 14vw;}
	.business__text-top p,
	.business__slide-wrap .slick-dots li a {font-size: 1em;}


	/* ABOUT */
	.business__text-top {padding-bottom: 15px;}
	.business__text-top em {margin: 25px 0 10px;line-height: 1.3;}
	.main-section3__boxs .box {height: 20vh;}
	.main-section3__boxs .box .box__text a {padding-top:	6vh;}
	.main-section3__boxs .box .box__text:hover a{padding-top: 5vh;}

	.main-section3__boxs .box .box__text .main-sec3__button--more {width: 110px;line-height: 35px;}
	.main-section3__boxs .box .box__text em {font-size: 0.9em;}
	.main-section3__boxs .box .box__text p {font-size: 1.15em;}
	.main-section3__boxs .box .box__text .main-sec3__button--more {width: 100px;line-height: 32px;}


	/* NEWS */
	.main-section4__boards .board {padding: 20px 15px 15px;}
	.main-section4__boards .board .board__top {margin-bottom: 10px;}
	.main-section4__boards .board .board__top .title {padding-left: 10px;font-size: 1.45em;}
	.main-section4__boards .board .board__top .title:before {width: 2px;height: 15px;}

	.main-section4 .main__subheading {margin-top: 15px;line-height: 1.4;}
	.main-section4__boards {margin-top: 15px;}

	.main-section4__boards .board .board__list li a .mark {width: 45px;line-height: 22px;border-radius: 3px;}
	.main-section4__boards .board.board--bidding .board__list li a div {width: calc(100% - 50px);}

	.main-section4__boards .board .board__top .main-sec4__more figure img {width: 12px;}



	/* FOOTER */
	#footer .footer__top .footer__family {width: 170px;height: 38px;margin-top: 10px;}
	#footer .footer__top .footer__family .title {line-height: 36px;}
	#footer .footer__top .footer__family:after {right: 15px;}
	#footer .footer__top .footer__family .family__list {bottom: 36px;}
	#footer .buttons {width: 100%;margin-top: 5px;}
	#footer .footer__bottom .copyright {width: 100%;line-height: 1.3;}
	#footer .footer__bottom .buttons li.button--pop-privacy {margin-right: 10px;}
}


@media (max-width:440px){

	/*HEADER*/	
	header .header__logo {width: 185px;}


	/* MAIN VISUAL */
	.owl-theme .owl-nav [class*=owl-] {width: 7px;background-size: contain !important;}
	.main-section1 .owl-dots {left: 28.5%;}
	.btn_sld_motion {left: calc(28.5% + 30px);}


	/* 사업소개 */
	.business__slide-wrap .business__slide .flex .business__right {margin-top: 10px;padding-bottom: 19vw;}
	.business__right .main-sec3__button--more {width: 35px;height: 35px;}
	.business__right > figure {height: 20vh;}

	.business__slide-wrap .slick-dots {padding-top: 10px;}

	/* NEWS */
	.main-section4__boards .board {padding: 15px;}
	.main-section4__boards .board .board__top {margin-bottom: 8px;}
	.main-section4__boards .board .board__top .title {padding-left: 10px;font-size: 1.25em;}
	.main-section4__boards .board .board__top .title:before {height: 13px;top: 53%;}


	/* POP UP */
	.popup-layer .popup-inner {width: 90%;height: 370px;}
	.popup-layer .popup-inner .popup__contents {padding: 20px 10px;}
	.popup-layer .popup-inner .popup__contents .title { margin-bottom: 10px;font-size: 1.35em;}
	.popup-layer .popup-inner .popup__contents > div {padding: 10px;}


}