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

/**** Media Query *********************************/

@media (max-width:1800px){ 
	/* header */
	
	/* layout */
	.w1720{width: 1500px;}

}

@media (max-width:1600px){
	
	/* layout */
	body, .header {min-width: 1300px;}
	.w1720,
	.w1600,
	.w1400,
	.owl-theme .owl-dots,
	.mv_banner{width: 1300px;}


	/* header */

	/* mns2 */
	.mns2_wrap { padding: 0 ;}

	/* mns3 */
	.mns3 .autoplay li{ margin-right: 30px;}
	.mns3 .mns_tit { margin-right: 50px;}
	.mns3 .slick-prev { left: -450px;}
	.mns3 .slick-next { left: -405px;}
	.mns3 .slick-slide img {height: auto;}
	.mns3_cont .txt_box { padding: 40px 40px 65px 40px; height: 150px;}

	/* mns5 */
	/* mns6 */
	/* mns7 */




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

	/* layout */
	body, .header {min-width: 1100px;}
	.w1720,
	.w1400,
	.w1600,
	.owl-theme .owl-dots,
	.mv_banner{width:1100px;}




	/* header */
	.header .gnb { margin: 0 40px;}



	/* mv_sec */
	.mv_sec .mv_list .item img,
	.mv_sec .mv_list .item,
	.mv_sec{height: 800px;}

	/* mns2 */
	.mns2_cont ul { width: 27%; margin-left: 5%;}
	.mns2_cont > div { width: 68%;}

	/* mns3 */
	.mns3 { padding: 100px 0 ;}
	.mns3_cont { width: calc(100% - 80px);}
	.mns3_cont .txt_box { padding: 35px 40px 65px 40px; height: 160px;}
	.mns3 .more_btn { margin-top: 25px;}



	/* mns4 */
	.mns4 {padding: 100px 0;}
	.mns4_cont li {margin:0 20px;}
	.mns4_cont .txt_box { padding: 70px 190px 70px 50px; background-position: top 40px left 50px;}
	.mns4_cont .txt_box br {display: none;}
	.w380{width: 340px;}
	.w295{width: 260px;}
	.w310{width: 270px;}
	.w340{width: 290px;}
	.mns4 .slick-prev { left: 23%;}
	.mns4 .slick-next { right: 23%;}

	/* mns5 */
	.mns5 { padding: 100px 0;}
	.mns5_cont li { margin: 0 10px; }
	.mns5_cont li:hover { box-shadow: none;	}
	/* mns6 */
	.mns6 { padding: 100px 0 0;}
	.mns6 .mns6_cont li {  height: 180px;}
	.mns6 .mns6_cont li img{ max-width: 80%; margin: auto;}
	.mns6 .mns6_cont {padding:0 5%;}
	.mns6 .slick-prev { left: calc(-2.5% - 50px);}
	.mns6 .slick-next { right: calc(-2.5% - 50px);}
	/* mns7 */
	.mns7_cont01 a { padding: 105px 90px 0;}
	.mns7_cont02 a { padding-left: 65px; padding-top: 65px; height: 250px;}



	/* top */
	.top_bt {right: 50px; bottom: 30px;}
	.ft_txt br{display: block;}
	.ft_txt p span:nth-child(3)::before {display: none;}
	.ft_txt p span:nth-child(5) {padding-left: 0;}




}




@media (max-width:1200px){ 

	/* layout */
	body, .header {min-width: 960px;}
	.w1720,
	.w1600,
	.w1400,
	.owl-theme .owl-dots,
	.mv_banner{width:960px;}


   	/* header */
	.header{font-size: 14px;}
	.header,
	.btn_sitemap,
	.hd_logo a,
	.header .gnb > li,
	.header .gnb > li > a{ height: 90px;}
	.header .hd_subm_bg,
	.header .gnb > li .dep2{ top: 91px;}
	.header .gnb > li .dep2{padding: 20px 0 60px;}
	.hd_logo a {width: 220px; -webkit-background-size: contain; background-size: contain;}

	/* mv_sec */
	.mv_sec .mv_list .item img, 
	.mv_sec .mv_list .item, 
	.mv_sec{height: 700px;}
	.mv_sec .mv_list .item { font-size: 1em;}
	.mv_banner { bottom: 60px; height: 80px; line-height: 80px; font-size: 1.25em;}
	.mv_banner a { padding-left: 30px;}

	/* mns2 */
	.mns_tit,
	.mns6 .mns_tit{ margin-bottom: 40px;}
	.mns2 {padding: 100px 0 }
	.mns2_cont > div {width: 72%;}
	.mns2_cont ul { margin-left: 3%;}

	/* mns3 */
	.mns3 .mns_tit { flex: 0 0 310px; margin-top: 0;}
	.mns_tit h3 {font-size: 2.4em;}
	.more_btn {line-height: 50px; width: 200px; padding-left: 20px; margin-top: 30px; background-position: center right 20px;}
	.mns3 .slick-prev {left: -360px;}
	.mns3 .slick-next {left: -305px;}
	/* mns5 */
	/* mns6 */
	/* mns7 */

	/* footer */
	.ft_top .ft_txt p:last-child {flex-direction: column;}
	.ft_top .ft_txt p:last-child span::before {display: none;}
	.ft_top .ft_txt p:last-child span { padding: 0 }




	

}

@media (max-width:1024px){ 

	/* layout */
	body, .header {min-width: 100%; font-size: 14px;}
	.w1720,
	.w1600,
	.w1400,
	.owl-theme .owl-dots,
	.mv_banner{width:100%;padding:0 5%;box-sizing: border-box;}




	/* header */	
	.hd_logo { width: auto;}
	.hd_logo a,
	.btn_sitemap,
	.header, .hd_logo a{height: 80px;}
	.header {height: 80px;}
	.btn_sitemap{ right: 5%; display: block;}
	.header .gnb {display: none;}
	/* .header { background: #242222;} */
	.r_box { align-items: center;}
	.r_box a{margin-right: 30px;}


	
	/* mv */
	.mv_sec .mv_list .item img, 
	.mv_sec .mv_list .item, 
	.mv_sec { height: 600px;}


	/* mns2 */
	.mns_tit p {width: 80%; margin: auto;}
	.mns2 {padding: 80px 5%;}
	.mns2 .row_box { flex-direction: column;}
	.mns2_cont iframe { height: 48vw;}
	.mns2_cont > div {width: 100%;}
	.mns2_cont ul {display: flex; margin-top: 10px; margin-left: 0;    justify-content: space-between ; width: 100%;}
	.mns2_cont ul li {flex: 0 0 32%; margin-bottom: 0;}

	/* mns3 */
	.mns3 { padding: 80px 0;}
	.mns3 .mns_tit {flex: 1 0 280px; margin-right: 30px;}
	.mns3 .autoplay li {margin-right: 20px;}
	.mns3_cont .txt_box { padding: 30px 30px 35px; height: 130px;}
	.mns3_cont .txt_box::before { bottom: -40px;  height: 80px; background-size: contain;}
	.mns3 .slick-prev { left: -310px;}
	.mns3 .slick-next { left: -265px;}
	.mns3 .slick-arrow { bottom: 40px;}


	/* mns4 */
	.mns4 {padding: 80px 0;}
	.mns4 .slick-arrow { width: 40px; height: 40px; top: -60px;}
	.mns4 .slick-next { right:5%;}
	.mns4 .slick-prev { right:calc(60px + 5%); left: auto;}
	.mns4_cont li { height: 400px;}
	.mns4_cont .txt_box p:last-child { margin-top: 25px;}
	/* mns5 */
	.mns5_cont img {height: auto;}
	.mns5 { padding: 80px 0;}
	.mns5_cont .slick-list { margin-left: 0; margin-right: 0;}
	.mns5 .slick-arrow {height: 30px; top: -50px;}
	.mns5 .slick-prev{right:calc(3% + 70px);}
	.mns5 .slick-next{right: calc(3% + 30px);}
	.plus_btn{width: 30px; height: 30px; right: 0; top:-50px ;}



	/* mns6 */
	.mns6 { padding: 80px 0 0;}
	.mns6 .slick-prev { left: calc(-1.5% - 40px);}
	.mns6 .slick-next { right: calc(-1.5% - 40px);}
	.mns6 .slick-arrow {width: 40px; height: 40px; 	background-size: contain;}
	.mns6 .mns6_cont { padding: 0 calc(1.5% + 40px );}
	/* mns7 */
	.mns7_cont01 a { padding: 70px 50px 0;}
	.mns7_cont02 a { padding-left: 45px;  padding-top: 40px;  height: 190px;}
	.mns7_cont02 > div::before { right: 10%; height: 100%; top: 0;}
	.mns7_cont01 span { width: 170px; line-height: 50px;  padding-left: 20px; background-position: center right 20px;	}

	
	/* footer */
	.ft_bottom {margin-top: 15px; padding-top: 15px;}
	.ft_txt p span::before { top: 4px;}

	.ft_info_top{padding-bottom: 10px;}
	.ft_info .fl p span:last-child{float: none; display: block;}
	.ft_info .fl p span:nth-last-child(2)::after{display: none;}
	.footer{height: auto; padding: 30px 0;}




}

@media (max-width:800px){ 
	/* layout */

	.header .r_box a { font-size: 1em; margin-right: 20px;}


	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec { height: 500px;}
	.mv_sec { font-size: 12px;}
	.mv_sec .mv_info { margin-top: 17%;}
	.mv_sec .mv_list .item .t1 { margin-bottom:10px;}

	.mv_banner{ bottom: 40px;height: 60px; line-height: 60px; }
	.mv_banner a{background-position: center right 20px;padding-left: 20px; -webkit-background-size: 28px; background-size: 28px;}
	.owl-theme .owl-dots .owl-dot.active {width: 60px; height: 2px; margin-right: 5px;}
	.owl-theme .owl-dots .owl-dot { margin-right: 15px;}
	
	/* mns2 */


	/* mns3 */
	.mns3 .mns_tit h3 br{display: none;}
	.mns3 .row_box { flex-wrap: wrap;}
	.mns3 .mns3_wrap {position: relative; padding-bottom: 100px;}
	.mns3 .more_btn {position: absolute; bottom: 0;left: 50%; margin-left: -100px;}
	.mns3 .autoplay li {margin: 0 10px;}
	.mns3 .mns_tit { margin-bottom:30px ;}
	.mns_tit em {margin-bottom: 10px;}
	.mns3_cont { width: 100%;}
	
	/* mns5 */
	.mns_tit {font-size: 13px;}	
	.mns5 .mns_tit { margin-bottom: 50px;}
	.mns5_cont .txt_box { padding: 20px; height: 150px;}
	.mns5_cont .txt_box h4 {margin-bottom: 7px;}
	.plus_btn { width: 25px;  height: 25px; -webkit-background-size: contain; background-size: contain; top: -40px;}
	.mns5 .slick-arrow { height: 30px; width: 10px;  -webkit-background-size: contain; background-size: contain; top: -40px;}
	.mns5 .slick-next { margin-top: -1px;}
	/* mns6 */
	/* mns7 */
	.mns7_wrap {flex-wrap:wrap}
	.mns7_wrap  > div{width: 100%;}
	.mns7_cont01 a,
	.mns7_cont02 a {height: auto;  padding: 50px 40px;}
	.mns7_cont02 h3,
	.mns7_cont01 h3{line-height: 1; margin-bottom: 20px;}


	/* footer */
	.ft_bottom {flex-wrap:wrap}
	.ft_btn_pop{margin-top: 10px;}
	.footer .ft_info figure {margin-right: 20px; padding-bottom: 0px;}
	.top_bt {right: 20px; bottom: 20px;}









}

@media (max-width:640px){ 


	/* layout */

	/* header */
	.hd_logo a {height: 65px; width: 170px;}
	.header, .hd_logo, .btn_sitemap	{height: 65px;}

	
	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec {height: 430px;}
	.mv_sec .mv_list .item .t1 { font-size: 2.4em;}
	.mv_banner {bottom: 30px;height: 45px; line-height: 45px; font-size: 1.2em;}
	.mv_banner a {background-position: center right 15px; padding-left: 15px; }
	.mv_banner li:nth-child(1) a{-webkit-background-size: 25px; background-size: 25px;}
	.mv_banner li:nth-child(2) a{-webkit-background-size: 20px; background-size: 20px;}
	.mv_banner li:nth-child(3) a{ -webkit-background-size: 23px; background-size: 23px;}
	.owl-theme .owl-dots { top: 65.5%;}
	.mv_sec .mv_info { margin-top: 23%;}
	.owl-theme .owl-dots .owl-dot::before {bottom: -33px;}
	.owl-theme .owl-dots .owl-dot.active { width: 40px;}


	/* mns2 */
	.mns_tit h3 { margin-bottom: 10px;}
	.mns_tit { margin-bottom: 30px;}
	.mns2 .plus_btn{width: 25px; height: 25px;-webkit-background-size: contain; background-size:contain ;}
	.mns2 {padding: 50px 5%;}
	.mns2_cont ul {flex-wrap:wrap}
	.mns2_cont ul li { flex: 0 0 100%;}
	.mns2_cont ul li iframe { height: 48vw;}


	/* mns3 */
	.mns3 {padding: 50px 0;}
	.view_gallery_box .view_bx .pop_close {width: 50px; height: 47px; right: -50px;}

	/* mns4 */
	.mns4 {padding: 50px 0;}
	.mns4 .mns_tit { margin-bottom: 50px;}
	.mns4 .slick-arrow { width: 30px; height: 30px; top: -40px;}
	.mns4 .slick-next { right:2%;}
	.mns4 .slick-prev { right:calc(40px + 2%); left: auto;}
	.mns4_cont{padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.mns4_cont li { margin: 0 0px; font-size: 12px; height: auto;}
	.mns4_cont .txt_box {padding: 50px 160px 50px 30px; background-position: top 30px left 30px;}
	.w380{width: 280px;}
	.w295{width: 200px;}
	.w310{width: 210px;}
	.w340{width: 230px;}

	/* mns5 */
	.mns5 { padding: 50px 0;}

	/* mns6 */
	.mns6 { padding: 50px 0 0;}
	.mns6 .mns_tit{ margin-bottom: 30px;}

	/* mns7 */
	.mns7_cont01 a,
	.mns7_cont02 a {padding: 50px 10%;}
	.mns7_cont02 h3 { font-size: 2em;}
	.mns7_cont01 h3{font-size: 2.4em;}
	/* footer */
	.ft_txt span::before {display: none;}
	.ft_txt p span{display: block; padding: 0;}
	.ft_txt p br{display: none;}
	.ft_btn_pop { margin-top: 5px;}
	.ft_btn_pop li { margin-right: 10px;}
	.top_bt {width: 45px; height: 45px;}








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

	body, .header {font-size: 12px;}

   	/* header */
	.header .r_box a { width: 75px;}


	/* mns_tit */
	.mns_tit {-webkit-background-size: 25px; background-size: 25px; font-size: 12px;}
	.mns_tit h3 {font-size: 2.5em; margin-bottom: 5px;}
	.mns2 .plus_btn {bottom: -20px; right: 0px;}

	/* mns3 */
	.view_gallery_box .view_bx {width: 70%;} 
	.view_gallery_box .view_bx .pop_close {width: 40px; height: 38px; right: -40px;}
	.mns_tit em {margin-bottom: 5px;}
	.mns3 .mns_tit h3 { font-size: 2.2em;}
	.mns3 .mns_tit {flex: 1 0 100%; margin-right: 0px;}
	.mns3_cont .txt_box::before {bottom: -25px; height: 50px;}
	.mns3_cont .txt_box {font-size: 10px; padding: 20px 20px 25px; height: 90px;}
	.mns3 .mns3_wrap { padding-bottom: 80px;}
	.mns3  .more_btn { line-height: 45px; width: 140px; margin-left: -70px; -webkit-background-size: 13px; background-size: 13px;}



	/* mns4 */
	.mns4_cont li { font-size: 10px; height: 250px;}
	.mns4_cont .txt_box {padding: 30px 130px 30px 30px; background-position: top 20px left 20px; background-size: 20px;}
	.w380{width: 210px;}
	.w295{width: 170px;}
	.w310{width: 170px; right: -10px!important;}
	.w340{width: 190px; right: -10px!important;}



	/* mns5 */
	.mns5 .mns_tit p { width: 90%;}
	.mns5_cont li { margin: 0 5px;}
	.mns5_cont .txt_box p {-webkit-line-clamp: 2;}
	.mns5_cont .txt_box { height: 110px;}
	.plus_btn { width: 20px;  height: 20px; top: -30px;}
	.mns5 .slick-arrow { height: 20px; width: 8px;  -webkit-background-size: contain; background-size: contain; top: -30px;}
	.mns5 .slick-prev { right: calc(2% + 40px);}
	.mns5 .slick-next { right: calc(2% + 20px);}
	/* mns6 */
	.mns6 .mns_tit { margin-bottom: 20px;}
	.mns6 .slick-arrow { width: 25px; height: 25px; margin-top: -12.5px;}
	.mns6 .slick-prev { left: calc(-1.5% - 25px);}
	.mns6 .slick-next { right: calc(-1.5% - 25px);}
	.mns6 .mns6_cont { padding: 0 calc(1.5% + 25px );}
	.mns6 .mns6_cont li { height: 100px;}
	/* mns7 */
	.mns7_cont01 a, .mns7_cont02 a { padding: 40px 10%;}
	.mns7_cont02 > div::before { right: 5%; -webkit-background-size: 20px ; background-size: 20px;}
	.mns7_cont01 p {  margin: 10px 0 20px;}
	.mns7_cont01 span { width: 130px;  line-height: 40px; background-size:12px ;}
	.mns7_cont01 h3 { margin-bottom: 15px;}

	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec {height:380px;}
	.mv_sec .mv_list .item {font-size: 10px;}
	.owl-theme .owl-dots .owl-dot.active { width: 40px;}
	.owl-theme .owl-dots .owl-dot::before {bottom: -30px;}
	.owl-theme .owl-dots {top: 63%;}
	.mv_sec .mv_info { margin-top: 26%;}
	.mv_banner a {background-position: center right 10px; padding-left: 10px; }
	.mv_banner li:nth-child(1) a{-webkit-background-size: 23px; background-size: 23px;}
	.mv_banner li:nth-child(2) a{-webkit-background-size: 18px; background-size: 18px;}
	.mv_banner li:nth-child(3) a{ -webkit-background-size: 21px; background-size: 21px;}


	}