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

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

@media (max-width:1800px){

	/*header*/
	.header .gnb > li {width: 170px;}
	.mv_sec .owl-dots{bottom: 35%;}

}

@media (max-width:1600px){

	/* layout */
	body, .header {min-width: 1200px;}
	.w1320,
	.w1600{width:1200px;}
	
	

	/* header*/
	.hd_logo a{width: 215px;}
	.header .gnb > li{width: 160px;}
	.header .gnb > li > a {font-size: 17px;}
	.bnt_lang{margin-right: 60px;}

	/*main visual*/
	.mv_sec{height: 50vw;overflow:hidden;}
	.mv_sec .owl-theme .item{height: 50vw;}
	.mv_sec .owl-theme .owl-dots .owl-dot span {width: 34px;height: 4px; margin: 5px;}
/* 	.owl-carousel .owl-item figure,
	.owl-carousel .owl-item img{height: 100%;;} */
	/*.owl-carousel .owl-ietm img{width: auto;height:100%;}*/

	.mv_sec .mv_slog .t1{font-size:16px;}
	.mv_sec .mv_slog .t2{font-size: 52px;}
	.mv_sec .mv_slog .t3{font-size: 18px;line-height: 1.8;}

	.mv_sec .owl-dots{width: 100%;margin-left: -50%;bottom: 30px;}

	
	/* main contents */
	.mns_tit_wrap h3{font-size: 18px;line-height: 40px;}
	.mns_tit_wrap p {font-size: 40px;line-height: 1.4;}
	.main_sec2 .mns2_txt_wrap p {font-size: 17px;line-height: 1.8}
	.main_sec2 .mns2_txt_wrap p:nth-child(1) {margin-bottom: 25px;}
	.mns2_btn_more{margin-top: 45px;font-size: 15px;}
	.mns2_btn_more:before{width: 200px;}

	.main_sec3 ul > li{height: 630px;}
	.main_sec3 ul > li > a{padding: 75px 30px 0 30px;}
	.main_sec3 ul > li .mns3_btn_more{left: 30px;}

	.main_sec3 ul > li > a > dl > dt > span{font-size: 16px;line-height: 50px;}
	.main_sec3 ul > li > a > dl > dt > strong{font-size: 27px;line-height: 1.3;}
	.main_sec3 ul > li > a > dl > dd{font-size: 14px;line-height: 1.8;word-break:keep-all;}
	.main_sec3 ul > li > a > dl > dd br{display: none;}
	.main_sec3 ul > li .mns3_btn_more{bottom: 90px;}

	.main_sec4{height: 730px;}
	.mns4_txt_wrap ul li h4 {font-size: 20px;line-height: 40px;}
	.mns4_txt_wrap ul li p {font-size: 17px;line-height: 1.8;}
	.mns4_txt_wrap ul li:nth-child(1),
	.mns4_txt_wrap ul li:nth-child(2),
	.mns4_txt_wrap ul li:nth-child(3){background-size: contain;}
	.mns4_txt_wrap ul li {height: 84px;padding-left: 100px;}





	/* footer */
	.footer p {font-size: 15px;line-height: 1.7;}
	.footer .ft_sub2 .ft_menu li a {font-size: 15px;line-height: 1.7;}
	.top_bt{bottom: 120px;width: 50px;height: 50px;}
	.top_bt a{font-size: 14px;line-height: 50px;}

}

@media (max-width:1400px){

	/* layout */
	body, .header {min-width: 1100px;}
	.w1320,
	.w1600{width:1100px;}


	/* header*/
	.header{height: 90px;;}
	.hd_logo a{width: 180px;height: 90px;}
	.header .gnb > li{width: 130px;}
	.header .gnb > li > a {font-size: 16px;line-height: 90px;}
	.bnt_lang{margin-top: 27px;margin-right: 40px;}
	.header .site_map{width: 90px;height: 90px;}
	.header .gnb > li > .dep2{top:89px}


	/* main contents */
	.mns_tit_wrap {margin-bottom: 20px;}
	.mns_tit_wrap h3 {margin-bottom: 0;font-size: 16px;}
	.mns_tit_wrap p {font-size: 36px;}
	.main_sec2 .mns2_txt_wrap p {font-size: 15px;}
	.main_sec2 .mns2_txt_wrap p:nth-child(1) {margin-bottom: 20px;}
	.mns2_btn_more {margin-top: 25px;font-size: 15px;width: 160px;}
	.mns2_btn_more:before {width: 160px;bottom: -2px;}

	.main_sec3 ul > li > a {padding: 75px 20px 0 20px;}
	.main_sec3 ul > li {height: 590px;}
	.main_sec3 ul > li > a > dl > dt > span{font-size: 15px;line-height: 45px;}
	.main_sec3 ul > li > a > dl > dt > strong{font-size: 24px;;}
	.main_sec3 ul > li > a > dl > dd{font-size: 13px}
	.main_sec3 ul > li .mns3_btn_more{left: 20px;bottom: 75px;}
	.main_sec3 ul > li .mns3_btn_more button{width: 130px;font-size: 15px;}
	.main_sec3 ul > li .mns3_btn_more button:after{width: 130px;}







}


@media (max-width:1200px){

	/* layout */
	body, .header {min-width: 960px;}
	.w1320,
	.w1600{width:960px;}

	/* header */
	.hd_logo a {width: 160px;}
	.header{padding-left: 5%;}
	.header .gnb > li {width: 110px;}
	.header .gnb > li > a{font-size: 14px;}

	.bnt_lang{margin-right: 20px;}
	.bnt_lang .lang_tit{width: 68px;height: 34px;font-size: 12px;line-height: 34px;}


	/* main visual */
	.mv_sec {height: 48vw;}
	.mv_sec .owl-theme .item {height: 48vw;}
	.mv_sec .mv_slog .t2 { font-size: 45px; line-height: 60px;}
	.mv_sec .mv_slog .t3 {margin-top: 10px; font-size: 16px; line-height: 1.8;}
	.mv_sec .owl-dots{bottom: 30px;}
	
	/* main contents */
	.mns_tit_wrap h3{font-size: 14px;}
	.mns_tit_wrap p {font-size: 26px;}
	.main_sec2 .mns2_txt_wrap p {font-size: 14px;}
	.mns2_btn_more {font-size: 14px;width: 130px;}
	.mns2_btn_more:before { width: 130px;}

	.main_sec3 ul > li {height: 490px;}
	.main_sec3 ul > li > a {padding: 55px 15px 0 15px;}
	.main_sec3 ul > li > a > dl > dt > span {font-size: 14px;line-height: 35px;}
	.main_sec3 ul > li > a > dl > dt > strong {font-size: 22px;}
	.main_sec3 ul > li .mns3_btn_more {left: 20px;bottom: 53px;}
	.main_sec3 ul > li .mns3_btn_more button{width: 110px;height: 37px;font-size: 14px;line-height: 34px;}
	.main_sec3 ul > li .mns3_btn_more button:after{width: 110px;}


	.main_sec4{height: 700px;}
	.mns4_txt_wrap ul li h4 {font-size: 18px;line-height: 35px;}
	.mns4_txt_wrap ul li p {font-size: 16px;}
	.mns4_txt_wrap ul li {height: 70px;padding-left: 80px;}

	.main_sec5 h3 {font-size: 27px;}




	/* footer */
	.footer{height: auto;}
	.footer .ft_sub1{padding: 35px 0 15px;}
	.footer .ft_sub2 {padding: 15px 0 35px;}
	.footer p {font-size: 14px;}
	.footer .ft_sub2 .ft_menu li a {font-size: 14px;}


}


@media (max-width:1024px){

	/* layout */
	body, .header {min-width: 100%;}
	.w1320,
	.w1600{width:100%;padding:0 5%;box-sizing: border-box;}
	#wrap{margin-top:80px;}


	/* m_header */
	 .header {display: none!important;}
	.m_header{position: relative;display:block!important;}
	.m_header_box{position:fixed;top:0;left:0;width:100%;height:80px;background: #fff;z-index: 999;}
	.hd_logo{position: relative;height: 80px;z-index: 97;}
	.hd_logo a{position: absolute;left: 3vw;top: 0px;right: 0;bottom: 0;margin: auto; height: 80px;background:url(../../images/layout/hd_logo2.png) no-repeat left center;background-size:contain;}
	.hd_logo a img{display: none;}

	.gnb_btn {position: absolute; top: 0px;  right: 0px;width: 80px;height: 80px;box-sizing:border-box;z-index:999;background:#10218b;cursor: pointer;display:table;}
	.gnb_btn_inner{display:table-cell;vertical-align:middle;width:100%;height:100%;}
	.gnb_btn_inner>div {position: relative; width: 40%;margin:0 auto; height: 2px;  margin-bottom: 6px;  border-radius: 2px;  background-color: #fff; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease;}
	.gnb_btn_inner>div:last-child{margin-bottom:0;}
	.gnb_btn_line1.gnb_on { -webkit-transform: rotate3d(0,0,1,45deg);  -moz-transform: rotate3d(0,0,1,45deg);  -o-transform: rotate3d(0,0,1,45deg);  transform: rotate3d(0,0,1,45deg);top: 8px;}
	.gnb_btn_line2.gnb_on { opacity: 0;}
	.gnb_btn_line3.gnb_on {  -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg);  -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);top: -8px;}


	.m_nav_wrap{position: fixed;top:80px;right:-300px;width:300px;height: calc(100% - 80px );background: #fff;z-index:999;/*transition:all 0.5s;*/overflow-y: scroll;}
	.m_nav_wrap .lang_ul{width:100%;height:80px;padding:10px 30px;box-sizing:border-box;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
	.m_nav_wrap .lang_ul li{position: relative;float:left;margin-right:20px;}
	.m_nav_wrap .lang_ul li:after{display: block;content: '';position: absolute;top:15px;right:-10px;width:1px;height:12px;background:#ddd;}
	.m_nav_wrap .lang_ul li:last-child:after{display:none;}
	.m_nav_wrap .lang_ul li a{font-size:12px;color:#999;line-height: 40px;}
	.m_nav_wrap .lang_ul li.on a{color:#202020;}

	.m_btn_sitemap {font-size: 13px;color: #9cd737;padding: 15px 10%;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;cursor: pointer;/* background: url(../../images/layout/m_site_bg2.png) no-repeat 86% 50%; */}

	.m_gnb{width:100%;height:auto;margin-top:10px;list-style: none;}
	.m_gnb > ul > li{width: 90%; border-bottom: 1px solid #e1e5ec; margin: 0 auto;}
	.m_gnb > ul > li .m_g_dep1, 
	.m_gnb > ul > li .m_g_dep11{position: relative;display: block;width: 100%; padding: 0 5%;font-size: 13px;color: #404040; line-height: 45px; box-sizing: border-box;cursor:pointer;background: url(../../images/layout/m_gnb_list_bg.png) no-repeat 90% 50%;}
	.m_gnb > ul > li .m_g_dep1.on{ color: #303030; font-weight: 500;background: #f3f3f3  url(../../images/layout/m_gnb_list_bg_on.png) no-repeat 90% 50%;}
	.m_gnb > ul > li>a{font-size: 14px;color: #333; line-height: 50px; box-sizing: border-box;}
	.m_gnb > ul > li>ul>li>a{/*position:relative;*/font-size:13px;line-height:37px;color: #999;}
	.m_gnb > ul > li>ul{padding-left:20px}

	.m_footer .ft_right ul li{margin-right:10px;font-size: 12px;cursor:pointer;}
	.m_footer .ft_right ul li.btn_privacy {color: #f18d00;}

	.m_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99}
	.w_wrap{margin-top:-10px;}	

	.m_lang{width: 90%; height: 40px; margin: auto; border-bottom: 1px solid #ddd;}
	.m_lang span{position: relative;float: left;width: 50%;text-align: center;}
	.m_lang span:first-child:after{content: '';position: absolute;top:0;right:0;width: 1px;height: 20px;background-color: #ddd;}
	.m_lang span a{font-size:13px;color: #333;}



	/* main visual */
	.mv_sec {height: 48vw; }
	.mv_sec .owl-theme .item{height: 48vw;}
	.mv_sec .mv_slog {top: 18%;}

	.mv_sec .mv_slog .t1 {font-size: 14px;}
	.mv_sec .mv_slog .t2 {font-size: 42px;line-height: 70px;}
	.mv_sec .mv_slog .t3 {font-size: 16px;}
	.mv_sec .owl-dots{bottom:30px;}

	.mv_sec .owl-theme .owl-dots .owl-dot span {width: 35px;height: 4px;margin: 5px;}

	.mv_scroll{width: 40px;margin-left: -20px;background-size: contain;}


	/* main contents */
	.main_sec2{    padding: 80px 0 100px;}

	.mns_tit_wrap h3 {font-size: 13px;line-height: 35px;}
	.mns_tit_wrap p {font-size: 22px;}
	.main_sec2 .mns2_txt_wrap p:nth-child(1) {margin-bottom: 10px;font-size: 13px;}

	.mns2_btn_more {margin-top:20px;font-size: 13px;width: 110px;}
	.mns2_btn_more:before {width: 110px;}
	
	.main_sec2_rt{top:40px}

	.main_sec3 ul > li {height: 430px;}
	.main_sec3 ul > li > a > dl > dt > strong {font-size: 20px;}
	.main_sec3 ul > li > a > dl > dd {font-size: 12px;margin-top: 20px;}
	.main_sec3 ul > li .mns3_btn_more button{width: 90px;}
	.main_sec3 ul > li .mns3_btn_more button:after{width: 90px;}

	/* footer */
	.footer .ft_sub1{padding: 35px 5% 15px;}
	.footer .ft_sub2 {padding: 15px 5% 35px;}

}


@media (max-width:800px){

	/* main visual */
	.mv_sec .mv_slog .t1 {font-size: 12px;}
	.mv_sec .mv_slog .t2 {font-size: 32px;line-height: 50px;}
	.mv_sec .mv_slog .t3 {margin-top: 15px;font-size: 13px;}

	.mv_sec .owl-theme .owl-dots .owl-dot span {width: 28px;}

	.mv_scroll{display: none;}


	/*main contents  */
	.main_sec2{padding: 60px 0 60px;}
	.main_sec2_lt{width: 100%;}
	.mns_tit_wrap h3 { line-height: 25px;}
	.mns_tit_wrap p br{display: none;}

	.main_sec2_rt {position: static;width: 90%;margin: 30px auto;}

	.main_sec3 ul{margin-bottom: 80px;}
	.main_sec3 ul > li {width: 33.333%;}
	.main_sec3 ul > li {height: 400px;}
	.main_sec3 ul > li > a {padding: 35px 10px 0 10px;z-index: 1;}
	.main_sec3 ul > li > a > dl > dt > span {font-size: 13px;line-height: 1.7;}
	.main_sec3 ul > li > a > dl > dt > strong {font-size: 16px;}
	.main_sec3 ul > li .mns3_btn_more {left: 10px;}
	.main_sec3 ul > li .mns3_btn_more button{width: 80px;font-size: 12px;}
	.main_sec3 ul > li .mns3_btn_more button:after{width: 80px;}
	.main_sec3 ul > li > a > dl > dd {opacity: 1;visibility: visible; font-size: 11px; margin-top: 20px;transform: translateX(0px);}


	.main_sec4 {height: 520px;padding-top: 95px;}
	.mns4_rt{margin-left: 0;}
	.mns4_rt .mns_tit_wrap {margin-bottom: 20px;}
	.mns4_txt_wrap {margin-left: 0;}
	.mns4_txt_wrap ul li h4 {font-size: 17px;line-height: 30px;}
	.mns4_txt_wrap ul li p {font-size: 15px;}
	.mns4_txt_wrap ul li {height: 60px;padding-left: 70px;}

	.main_sec5 h3 {font-size: 22px;}
	.main_sec5 a {width: 90%; max-width: 170px;height: 50px;margin: 28px auto 0;padding-left: 29px; font-size: 14px;line-height: 43px;border: 2px solid #fff;}


	
	/* footer */
	.footer{padding: 0 5%;box-sizing: border-box;}
	.footer .ft_sub1{padding: 30px 0 15px;}
	.footer .ft_sub2 {padding: 15px 0 30px;}
	.footer p {font-size: 13px;}
	.footer .ft_sub2 .ft_menu li a {font-size: 13px;}
	.footer .ft_sub2 p {float: none;line-height: 1.4;}
	.footer .ft_sub2 .ft_menu {float: none;margin-top: 5px;width: 100%;}
	.footer .ft_sub2 .ft_menu li { margin-left: 0;margin-right: 20px;}
	.top_bt{right:5%;bottom: 112px;width: 45px;height: 45px;}
	.top_bt a{font-size: 13px;line-height: 45px;}








}

@media (max-width:640px){



	/*m_header*/
	.m_header_box,
	.hd_logo,
	.hd_logo a{height:60px}

	.gnb_btn{width:60px;height:60px;}
	.m_nav_wrap{top: 60px;height: calc(100% - 60px);}
	.m_nav_wrap .lang_ul{height:60px}
		

	/* footer */
	.footer .ft_sub1{padding: 20px 0 10px;}
	.footer .ft_sub2 {padding: 10px 0 20px;}
	.footer p span { display: block;padding: 0;}
	.footer p span:after{display: none;}



	/* main visual */
	#wrap {margin-top: 60px;}

	.mv_sec .mv_slog .t1 {font-size: 11px;}
	.mv_sec .mv_slog .t2 {font-size: 24px;line-height: 30px;}
	.mv_sec .mv_slog .t3 {margin-top: 0px;font-size: 10px;line-height: 1.3;padding: 0 10%;box-sizing: border-box;}

	.mv_sec .mv_slog .t3 br{display: none;}
	.mv_sec .owl-dots {bottom: 10px;}

	/* main contents */
	.main_sec3 ul > li {width: 50%;}
	.main_sec3 ul{margin-bottom: 50px;}

	.main_sec4 {height: 460px; padding-top: 20px;}
	.mns4_txt_wrap ul li h4 {font-size: 16px;line-height: 25px;}
	.mns4_txt_wrap ul li p {font-size: 13px;}

	.main_sec5 .mns_box{height: 200px;;}
	.main_sec5 h3 {font-size: 16px;}
	.main_sec5 a{height: 40px;margin: 10px auto 0;padding-left: 20px;font-size: 13px;line-height: 35px;}




}




@media (max-width:400px){ 

	.mns_tit_wrap p {font-size: 20px;}
	.mns4_txt_wrap ul li h4 {font-size: 14px;}
	.mns4_txt_wrap ul li p {font-size: 11px;}
}