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

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

@media (max-width:1720px){
/* head */
	.header .hd_logo{padding-left: 2%;}
	.header .gnb { padding-left: 3.7%;}
	.header .gnb > li > a {padding: 0 29px;}
}

@media (max-width:1600px){
/* head */
	.hdbg1{background-size: 30vw 100%;}
	.header .hd_left{padding-left: 8%;}
	.header .hd_logo{padding-left: 0;}
	.header .gnb{padding-left: 0;}
	.header .gnb > li > a{padding: 0 20px;}
	.hd_util{padding-right: 1%;}
}

@media (max-width:1300px){
	.mcnt1,
	.mcnt3,
	.footer{box-sizing: border-box; padding: 0 20px;}
	.m_cnt2 {box-sizing: border-box; padding: 120px 20px;}

}

@media (max-width:1280px){
/* head */
	.header{height: 100px;}
	.header .hd_logo{width: 15%;}
	.header .hd_logo a{background-size: 100%; width: 100%; height: 100px;}
	.header .gnb{padding-left: 2%;}
	.header .gnb > li > a{font-size: 16px; padding: 0 13px; line-height: 100px;}
	.hd_util li a{line-height: 100px;}
	.hd_site{width: 100px; height: 100px; background-size: 100%;}
	.hd_site:before {width: 100px; height: 100px; background-size: 100%;}
	.header .gnb > li > div,
	.hdbg1{top: 100px;}
	.main_wrap{padding-top: 100px !important;}
	.header .hd_left{padding-left: 20px;}
	.header .hd_left h2{font-size: 36px;}
	.mv01 span {background-position: center 100px !Important;}
	.header .subm > ul{padding-left: 20px; margin-top: 50px;}
	.header .subm > ul > li{max-width:180px}
	.header .subm > ul > li a{font-size: 14px; }
	
	.noti_con1 {padding-right: 1%;}
	.noti_con2{padding-left: 1%;}

}


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

	/* 모바일 헤더 */
	.mb_v_close{display: none;}
	.header .hdbg1{background: rgba(0,0,0,0.7) !important; width: 100%; height: 100%; position: fixed;	left: 0; top: 0;}
	.header .gnb{position: fixed; display: none; right: 0; top: 100px; width: 50%; background: #fff; height: 100%;	padding-left: 0;}
	.header .gnb > li{float: none;}
	.header .gnb > li > a{line-height: 30px; font-size: 14px; line-height: 40px; border-bottom: 1px solid #ddd; padding-left: 15px; box-sizing: border-box;}
	.header .gnb > li > div{position: static; display: none;}
	.header .hd_left{display: none !important;}
	.header .subm > ul{width: 100%;}
	.header .subm > ul{float: none; padding-left: 0; margin-top: 0; height: auto;}
	.header .subm > ul > li{max-width:100%; height: auto;	 width: 100%; float: none; margin-right: 0;}
	.header .subm > ul > li a{border-bottom: 1px solid #ddd; padding: 0; padding-left: 15px; box-sizing: border-box; line-height: 40px; background: #f9f9f9; } 
	.header .subm > ul > li a:before,
	.header .subm > ul > li a:after{display: none;}
	.header .gnb > li > div{height: auto;}

	.gnb{display: none;}
	.header{height: 80px;}
	.btn_mo_menu{display: block; width: 80px; height: 80px; background: url(../../images/layout/hd_site.jpg) center no-repeat; position: absolute; right: 0; top: 0;}
	.btn_sitemap {display: none;}
	.hd_util{position: absolute; right: 90px; top: 0;}
	.hd_util li a{line-height: 80px;}
	.header .hd_logo{width: 150px; }
	.header .hd_logo a{height: 80px;}
	.header.m .gnb{top: 0px; padding-top: 50px; z-index: 1005;}
	.header.m .gnb:after{position: fixed; width: 50%; height: 50px; background: #539dcc; right: 0; top: 0;	}
	.mb_v_close{position: fixed; right: 10px; top: 22px; z-index: 1006; height: 30px;}
	.mb_v_close:before{display: block; content: ''; width: 35px;  height: 4px; background: #fff; transform:rotate(-45deg); }
	.mb_v_close:after{display: block; content: ''; width: 35px;  height: 4px; background: #fff; transform:rotate(45deg); position: relative; top: -4px;}
	.header .subm > ul > li:hover a, .header .subm > ul > li.current a{font-weight: 400; color: #606060;}

/* main */
	.mv01 span {background-position: center 80px !Important;}
	.main_wrap .item span,
	.main_wrap .item div,
	.main_wrap .item,
	.main_wrap .owl-carousel .owl-stage,
	.main_wrap,
	.main_wrap .owl-carousel .owl-item{height: 450px;}
	.main_wrap .item div span{background-position: top center !Important; background-size: auto 600px !important; }
	.mtxt{padding-top: 170px; box-sizing: border-box; padding-right: 30px;}
	.main_wrap .owl-dots{left: 20px;}
	.mtxt h2 {font-size: 16px; line-height: 1; left: 0;}
	.mtxt h3{font-size: 38px; line-height: 1.7; margin-bottom: 3vw; left: 0;}
	.mtxt p{font-size: 12px; line-height: 1.7;	 left: 0;}
	.btm_arr{bottom: 20px;}
	.main_wrap{padding-top: 80px !Important;}

/* mcnt1 */
	.p120_0{padding: 8vw 0;}
	.m_tit_ty1{font-size: 36px;}
	.m_tbx_ty1 p{font-size: 16px;}
	.ul_3_ty1 li, .mcnt2 ul li {height: 40vw;}
	.ul_3_ty1 li a span { font-size: 12px; line-height: 18px; padding-top: 14px; height: 40px; width: 124px;}
	.ul_3_ty1 li a {padding-left: 20px;padding-top: 187px;}
	.ul_3_ty1 li a h4{font-size: 20px;}

/* mcnt2 */
	.mcnt2{background-size: cover;}
	.m_cnt2 {padding: 8vw 20px;}


/* mcnt3 */
	.m_cnt3 {padding: 6vw 0 6vw;}
	.m_cnt3 > div{display: block; width: 100% !Important;}
	.m_cnt3 > .noti_tit{overflow: hidden;}
	.m_cnt3 > .noti_tit h3{font-size: 36px; float: left;}
	.m_cnt3 > .noti_tit a{width: auto; float: right; font-size: 16px; line-height: 3; padding: 0 15px;}
	.noti_con dl dd p{margin: 10px 0 20px;}
	.m_cnt3 > div{padding: 0 !Important;}
	.noti_con1:after{display: none;}
	.noti_con dl dd b{display: block; text-align: right; position: relative; top: -45px;}

/* footer */
	.footer .ft_sub1 {padding-top: 5vw; padding-bottom: 3vw;}
	.footer .ft_sub2 ul,
	.footer p.cp_l{float: none; width: 100%;}
	.footer .ft_sub2{padding-top: 3vw;}
}

@media (max-width:640px){
	.mtxt h2{font-size: 3.4vw; line-height: 1.7;}
	.mtxt h3{font-size: 6vw; line-height: 1;}
	.mtxt p{font-size: 3.2vw; line-height: 1.7;}
	.ul_3_ty1 li a {padding-top: 85%;}
	.m_tbx_ty1 p{word-break: keep-all;}

/* footer */
	.footer{height: auto; padding-bottom: 8vw;}
	.footer p span,
	.footer .ft_sub2 ul li a,
	.footer p.cp_l{font-size: 14px;}
	
	.top_bt {right: 20px; bottom: 150px; width: 40px; height: 40px; line-height: 40px;}
	.top_bt a{line-height: 40px; font-size: 12px;}

}

@media (max-width:440px){
	.main_wrap .item div{display: none;} 
	.main_wrap .item div:nth-of-type(1){display: block; width: 100%; transition:.3s;}
	.main_wrap .active .item div span{background-size: auto 80vw !important; background-position: 15% 0px !Important;}
	.header.m .subm > ul > li > ul li a{font-size: 11px;}
	

/* 	.sv_sec{background-size: 900px !important; 	height: 60vw; } */



	.mv_list,
	.main_wrap .item:after{height: 60vw;} 
	.mtxt { padding-top: 65px;}
	.mtxt p{word-break: keep-all; padding-left: 15%;}
	.mtxt h2{font-size: 3.2vw; letter-spacing: 0.1em;}
	.mtxt p br{display: none; }
	.main_wrap .owl-dots .owl-dot{width: 20px; height: 20px;}
	.main_wrap .owl-dots .owl-dot span {width: 4px; height: 4px; margin-top: 7px;margin-left: 7px;}
	.main_wrap .owl-carousel .owl-item, .main_wrap .item span, .main_wrap .item div, .main_wrap .item, .main_wrap .owl-carousel .owl-stage, .main_wrap {height: 60vw;}
	.btm_arr {width: 20px; padding-left: 10px;}
	.main_wrap .owl-dots {top: 73%;}
	.main_wrap .owl-nav{display: none;}

/* mcnt1 */
	.mcnt1:before {width: 100%; background-size: cover; background: url(../../images/main/mcnt1_bg.jpg) 0px -330px no-repeat;}
	.m_tit_ty1{font-size:6vw; line-height: 1;}
	.m_tbx_ty1 p{font-size: 3.4vw; line-height: 1.7;}
	.ul_3_ty1 li, .mcnt2 ul li {float: none; width: 100%; margin-right: 0; margin-bottom: 5vw; height: 70vw;}
	.ul_3_ty1 li a {padding-top: 50%;}
	.ul_3_ty1 li a h4{font-size: 6vw;}
	.ul_3_ty1 li a:before{background-size: cover;}
	.ul_3_ty1 li:last-child a:before{background-position:  center 0px;}
	.m_tit_ty1{margin-bottom: 2vw;}

/* mcnt2 */
	.mcnt2 ul li{height: auto;}
	.mcnt2 ul li figcaption {padding: 3vw 0; font-size: 4vw; height: auto; line-height: 1.7;}
	.m_btn_1 {width: 140px; line-height: 3; font-size: 3.6vw;}

/* mcnt3 */
	.m_cnt3 > .noti_tit h3{font-size: 6vw;}
	.m_cnt3 > .noti_tit a{font-size: 3.4vw; line-height: 2; margin-top: 2vw;}
	.noti_con dl dt{font-size: 5vw; line-height: 1.7; width: 20%;}
	.noti_con dl dd h4{font-size: 4vw; line-height: 1.7;}
	.noti_con dl dd p{font-size: 3.2vw; line-height: 1.7; margin-top: 1vw; margin-bottom: 0;}
	.noti_con dl dd b{font-size: 3vw; line-height: 1.7; top: -5vw;}
	.m_cnt3 > .noti_tit h3{margin-bottom: 2vw;}

/* footer */
	.footer p span, .footer .ft_sub2 ul li a, .footer p.cp_l{font-size: 3.2vw; line-height: 1.7;}
	.footer p span{padding: 0 5px;}
	.footer p span:after{display: none; }
	.footer p:last-child span:first-child{display: block;}
	.footer p:last-child span:last-child{padding-left: 0;}
	.top_bt {bottom: 84px;}
}

@media (max-width:380px){
	.hd_util li a {font-size: 3.2vw; padding: 0 5px;}
	.header.m .gnb{width: 65%;}
	.header.m .gnb:after{width: 65%;}
	.mcnt1:before{top: -30px;}



}