@-ms-viewport {
  width: device-width;
}
/*-----여백 전-----*/
/**** pc ****/
@media only all and (min-width:1301px) {
 .inner{  width: 100%; padding: 0px 5em}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
 .inner{  width: 100%; padding: 0px 3em}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
 .inner{  width: 100%; padding: 0px 1em}
}

/*-----컨텐츠 여백 -----*/
/**** pc ****/
@media only all and (min-width:1301px) {
.contbg{  max-width: 1400px; margin: 0px auto; }
.incont{ max-width: 1300px; margin: 0px auto;}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.contbg{  max-width: 1400px; margin: 0px auto;display:flex; flex-direction:column;justify-content: center; }
.incont{ max-width: 1300px; margin: 0px auto;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.contbg{  max-width: 1400px; margin: 0px auto;display:flex; flex-direction:column;justify-content: center; }
.incont{ max-width: 1300px; margin: 0px auto;}
}

/*-----컨텐츠 여백 -----*/
/**** pc ****/
@media only all and (min-width:1301px) {
.sp_mb{   margin-bottom:80px; }
.sp_mt{   margin-top: 80px ; }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.sp_mb{  margin-bottom:40px; }
.sp_mt{  margin-top: 840px ; }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.sp_mb{  margin-bottom:20px; }
.sp_mt{  margin-top: 20px ;  }	
}
/*-----서브 상단영역 -----*/
/**** pc ****/
@media only all and (min-width:1301px) {
.mainall_bg{width: 100%;  height: 100%; float: left;  background: url(../images/main/main_bg.jpg); background-position: left top; background-repeat: no-repeat;  background-attachment:fixed;}
	
.all_area{max-width:1300px; height: 100%; margin: 0px auto; }
.all_area .fl_logo{width:250px;height: 100%; float: left; background-color: #fff ; height:270px; padding: 40px 0px ; text-align: right ; margin-top: 30px ;position: fixed; top: 30px }
.all_area .fl_logo_m{display: none   }
.all_area .fr_cont{width:calc(100% - 250px);height: 100%; float:right; padding:0px 50px 0px 90px; background-color: #fff; padding-top: 65px; box-sizing: border-box}
.all_area .fr_cont .top_ar{width:100% ; float: left; }
	
.all_area .fr_cont .top_ar .topmenu{width:calc(100% - 190px); float: left; height:230px;  }
.all_area .fr_cont .top_ar .topmenu ul {width:100% ; float: left; }		
.all_area .fr_cont .top_ar .topmenu ul li{width:25%; float: left; }	
.all_area .fr_cont .top_ar .topmenu ul li a.btitle{width:100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ccc;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size: 16px; margin-bottom: 5px; height: 50px;  text-transform: uppercase  }	
.all_area .fr_cont .top_ar .topmenu ul li.on a.btitle{color: #ff0066;  }		
	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li{width:100%; float: left; }	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li a{width:100%; float: left; padding: 0px 0px;font-size: 13px; color: #666;font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;; line-height: 23px}	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li a:hover{ color: #ff0066}
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li.on a{ color: #ff0066}		
.all_area .fr_cont .top_ar .year_link{width:180px; float: right; }
				
.all_area .fr_cont .top_ar .year_link ul {width:100% ; float: left; }		
.all_area .fr_cont .top_ar .year_link ul li{width:100% ; float: left; }	
.all_area .fr_cont .top_ar .year_link ul li a.btitle{width:100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ccc;font-family: 'Noto Sans KR', sans-serif;  color: #ff0066 ; font-weight: 700; font-size: 16px; margin-bottom: 5px; height: 50px}	
.all_area .fr_cont .top_ar .year_link ul li ul.smenu li{width:100%; float: left;}	
	
.all_area .fr_cont .top_ar .year_link ul li ul.smenu li a{width:100%; float: left; padding: 0px 0px;font-size: 13px; color: #ff0066;font-family: 'Noto Sans KR', sans-serif; ; font-weight: 700;; line-height: 23px}	
		
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.mainall_bg{width: 100%;  height: 100%; float: left; }
	
.all_area{max-width:1300px; height: 100%; margin: 0px auto; }
.all_area .fl_logo{display: none ;width:250px;height: 100%; float: left; background-color: #fff ; height:270px; padding: 40px 0px ; text-align: right ; margin-top: 30px; }
.all_area .fl_logo_m{height: 100%; display: block ;width: 100%; float: left; height: 70px;  line-height: 70px; background-color: #fff ;  text-align: center ; padding-top: 5px; border-bottom: none  }
.all_area .fl_logo_m img{height: 80%}
	
.all_area .fr_cont{width:100%;height: 100%; float: left; padding:0px 20px; background-color: #fff; padding-top: 40px; box-sizing: border-box}
.all_area .fr_cont .top_ar{width:100% ; float: left; }
	
.all_area .fr_cont .top_ar .topmenu{width:calc(100% - 150px); float: left; height:200px;  }
.all_area .fr_cont .top_ar .topmenu ul {width:100% ; float: left; }		
.all_area .fr_cont .top_ar .topmenu ul li{width:25%; float: left; }	
.all_area .fr_cont .top_ar .topmenu ul li a.btitle{width:100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ccc;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size: 14px; margin-bottom: 5px; height: 40px;  text-transform: uppercase  }	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li{width:100%; float: left; }	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li a{width:100%; float: left; padding: 0px 0px;font-size: 13px; color: #666;font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;; line-height: 23px}	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li a:hover{ color: #ff0066}
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li.on a{ color: #ff0066}		
.all_area .fr_cont .top_ar .year_link{width:140px; float: right; }
				
.all_area .fr_cont .top_ar .year_link ul {width:100% ; float: left; }		
.all_area .fr_cont .top_ar .year_link ul li{width:100% ; float: left; }	
.all_area .fr_cont .top_ar .year_link ul li a.btitle{width:100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ccc;font-family: 'Noto Sans KR', sans-serif;  color: #ff0066 ; font-weight: 700; font-size: 14px; margin-bottom: 5px; height: 40px}	
.all_area .fr_cont .top_ar .year_link ul li ul.smenu li{width:100%; float: left;}	
.all_area .fr_cont .top_ar .year_link ul li ul.smenu li a{width:100%; float: left; padding: 0px 0px;font-size: 13px; color: #ff0066;font-family: 'Noto Sans KR', sans-serif; ; font-weight: 700;; line-height: 23px}	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.mainall_bg{width: 100%; float: left;  }
	
.all_area{width: 100%; float: left;x}
.all_area .fl_logo{display: none  ;width: 100%; float: left; height: 55px; background-color: #fff ;  text-align: center  ;}
.all_area .fl_logo img{height: 100%; }
.all_area .fl_logo_m{height: 100%; display: block ;width: 100%; float: left; height: 55px;  line-height: 70px; background-color: #fff ;  text-align: center ; padding-top: 5px ; position: fixed; z-index: 999 }
.all_area .fl_logo_m img{ height: 80%}
.all_area .fr_cont{width: 100%; float: left; box-sizing: border-box;  padding-top: 55px}
.all_area .fr_cont .top_ar{width:100% ; float: left; }
	
.all_area .fr_cont .top_ar .topmenu{width:100%; float: left; height:230px; display: none  }
.all_area .fr_cont .top_ar .topmenu ul {width:100% ; float: left; }		
.all_area .fr_cont .top_ar .topmenu ul li{width:25%; float: left; }	
.all_area .fr_cont .top_ar .topmenu ul li a.btitle{width:100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ccc;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size: 16px; margin-bottom: 5px; height: 50px;  text-transform: uppercase  }	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li{width:100%; float: left; }	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li a{width:100%; float: left; padding: 0px 0px;font-size: 13px; color: #666;font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;; line-height: 23px}	
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li a:hover{ color: #ff0066}
.all_area .fr_cont .top_ar .topmenu ul li ul.smenu li.on a{ color: #ff0066}		
.all_area .fr_cont .top_ar .year_link{width:180px; float: right; display: none }
				
.all_area .fr_cont .top_ar .year_link ul {width:100% ; float: left; }		
.all_area .fr_cont .top_ar .year_link ul li{width:100% ; float: left; }	
.all_area .fr_cont .top_ar .year_link ul li a.btitle{width:100%; float: left; padding: 10px 0px; border-bottom: 1px solid #ccc;font-family: 'Noto Sans KR', sans-serif;  color: #ff0066 ; font-weight: 700; font-size: 16px; margin-bottom: 5px; height: 50px}	
.all_area .fr_cont .top_ar .year_link ul li ul.smenu li{width:100%; float: left;}	
	
.all_area .fr_cont .top_ar .year_link ul li ul.smenu li a{width:100%; float: left; padding: 0px 0px;font-size: 13px; color: #ff0066;font-family: 'Noto Sans KR', sans-serif; ; font-weight: 700;; line-height: 23px}	
}


/**** pc ****/
@media only all and (min-width:1301px) {
	.sub_topimg{ display: none}

.sub_tab{display: none;width:100% ; float: left; }
.sub_tab ul.w5 li{width:33.3% ; float: left; border: 1px solid #ccc; margin: -1px -1px 0px 0px; }

.sub_tab ul.w5 li a{width:100% ; float: left; padding: 10px 0px; text-align: center; color: #333; font-size: 12px;}


.sub_tab ul.w5 li.on a{width:100% ; float: left; padding: 10px 0px; text-align: center; color: #fff; font-size: 12px; background-color: #ff0066}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.sub_topimg{display: none;width:100% ; float: left; height: 150px; text-align: center; color: #fff ; background: url(../images/main/main_bg.jpg); background-size: cover;  display: flex;
  justify-content: center;
  align-items: center;}

.sub_tab{display: none;width:100% ; float: left; }
.sub_tab ul.w5 li{width:33.3% ; float: left; border: 1px solid #ccc; margin: -1px -1px 0px 0px; }

.sub_tab ul.w5 li a{width:100% ; float: left; padding: 10px 0px; text-align: center; color: #333; font-size: 12px;}


.sub_tab ul.w5 li.on a{width:100% ; float: left; padding: 10px 0px; text-align: center; color: #fff; font-size: 12px; background-color: #ff0066}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.sub_topimg{width:100% ; float: left; height: 150px; text-align: center; color: #fff ; background: url(../images/main/main_bg.jpg); background-size: cover;  display: flex;
  justify-content: center;
  align-items: center;}

.sub_tab{width:100% ; float: left; }
.sub_tab ul.w5 li{width:50% ; float: left; border: 1px solid #ccc; margin: -1px -1px 0px 0px; }

.sub_tab ul.w5 li a{width:100% ; float: left; padding: 10px 0px; text-align: center; color: #333; font-size: 12px;}


.sub_tab ul.w5 li.on a{width:100% ; float: left; padding: 10px 0px; text-align: center; color: #fff; font-size: 12px; background-color: #ff0066}
}


/*-----하단 공통 -----*/
/**** pc ****/
@media only all and (min-width:1301px) {
footer{ width: 100%; float: left; margin: 50px 0px }

footer .fl{width: 80%;float: left;font-size: 12px; color: #ccc; line-height: 20px }	
footer .fl .img{width: 100%;float: left;margin-bottom: 0px }	
footer .fl .txbox{width: 100%;float: left; color: #999; font-size: 11px; margin-top: -20px }	
	
footer .fr{width: 20%;float: left;position: relative; display:flex;justify-content: flex-end;  flex-direction:row; }				
footer .fr .sns_icon{width: 40px; height: 40px; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; margin-left: 10px; background-color: #737373 }		
footer .fr .sns_icon img{ width:25px; }	
	

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
footer{ width: 100%; float: left; margin: 50px 0px }

footer .fl{width: 80%;float: left;font-size: 12px; color: #ccc; line-height: 20px }	
footer .fl .img{width: 100%;float: left;margin-bottom: 5px }	
footer .fl .txbox{width: 100%;float: left; color: #999; font-size: 11px }	
	
footer .fr{width: 20%;float: left;position: relative; display:flex;justify-content: flex-end;  flex-direction:row; }				
footer .fr .sns_icon{width: 40px; height: 40px; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; margin-left: 10px; background-color: #737373 }		
footer .fr .sns_icon img{ width:25px; }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
footer{ width: 100%; float: left; margin: 30px 0px; background-color: #333; padding-top: 10px ; padding: 10px 5px}

footer .fl{width: 100%;float: left;font-size: 12px; color: #ccc; line-height: 20px; text-align: center }	
footer .fl .img{width: 100%;float: left;margin-bottom: 5px }	
footer .fl .txbox{width: 100%;float: left; color: #999; font-size: 11px; line-height: 13px}	
	
footer .fr{width: 100%;float: left;position: relative; display:flex;flex-wrap: wrap; justify-content: center;  margin-top: 10px }				
footer .fr .sns_icon{width: 35px; height: 35px; border-radius: 50px;   display: flex;
  justify-content: center;  align-items: center; margin-left: 5px; background-color: #737373 }		
footer .fr .sns_icon img{ width:25px; }	

}



/**** pc ****/
@media only all and (min-width:1301px) {
	
.icon_allmenu{ display: none; position:  fixed; left: 15px; top:12px; z-index: 999; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ background: url("../images/icon/icon_allmenu.svg") ; background-repeat: no-repeat; background-position: center center; background-size: cover ; width: 32px; height: 32px}
.icon_allmenu img{ width:32px; }

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	
.icon_allmenu{ position:  fixed; left: 15px; top:12px; z-index: 999; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ background: url("../images/icon/icon_allmenu.svg") ; background-repeat: no-repeat; background-position: center center; background-size: cover ; width: 32px; height: 32px}
.icon_allmenu img{ width:32px; }

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.icon_allmenu{ position:  fixed; left: 15px; top:12px; z-index: 999; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ background: url("../images/icon/icon_allmenu.svg") ; background-repeat: no-repeat; background-position: center center; background-size: cover ; width: 32px; height: 32px}
.icon_allmenu img{ width:32px; }

}