@charset "utf-8";

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1024px) {
#mainVisual {
	height: 550px;
}
#mainSec03 {
    padding: 80px 0% 280px 0;
}
#mainSec03 .img {bottom:10px;}
	#mainSec03 .img img {height:300px;}
#mainSec05 {
	padding: 100px 0;}
}

@media all and (max-width:950px) {
#mainVisual {
	height: 550px;
}
#mainVisual h2 {
	font-size: 35px;
}
#mainVisual p {
	font-size: 18px;
}
#mainVisual .main-visual-item.active-item.item3 h2 {font-size: 30px;}
#mainVisual h2 strong {
	font-size:1.5em;
}


#mainSec01  h4 {
    font-size: 30px;
    margin-bottom: 20px;
}
#mainSec01  h5 {
    font-size: 25px;
    margin-bottom: 20px;
	margin-top:60px;
}
#mainSec02 h4 {
    font-size: 30px;
    margin-bottom: 20px;
}
#mainSec02 .mainSec02_flex .mainSec02_item {
    width: 31.3333%;
	margin:1%;
}
#mainSec02 .mainSec02_flex .mainSec02_item p.tit {
    margin: 0px 0 10px 0;
    font-size: 20px;
}
#mainSec02 h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
#mainSec03 .mainSec03_flex .mainSec03_item p {
    font-size: 20px;
}
#mainSec03 .mainSec03_flex .mainSec03_item p.tit {
    margin: 5px 0 10px 0;
    font-size: 25px;
}
#mainSec03 .mainSec03_flex .mainSec03_item a {
    margin-top: 20px; font-size: 15px;
}
#mainSec04 h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
}

@media all and ( max-width: 800px ) {
#mainVisual {
	height: 500px;
}
#mainVisual h2 {
	font-size: 35px;
	margin-bottom: 20px;
}
#mainVisual p {
	font-size: 15px;
}
#mainVisual .main-visual-item.active-item.item3 h2 {font-size: 30px;}
#mainVisual h2 strong {
	font-size:1.5em;
}
#mainVisual .slick-dots {
	bottom: 10px;
}
#mainVisual .slick-dots li button {
	width: 7px;
	height:15px;
}
#mainSec01 {
    padding: 60px 0;
}
#mainSec01  h4 {
    font-size: 27px;
    margin-bottom: 15px;
}
#mainSec01  h5 {
    font-size: 20px;
    margin-bottom: 15px;
	margin-top:50px;
}
#mainSec01 .mainSec01_flex .mainSec01_item p {
    font-size: 1.2em;
    padding: 20px;
}
#mainSec01 .mainSec01_flex .mainSec01_item.item1 p {background-size:30px auto;}
#mainSec01 .mainSec01_flex .mainSec01_item.item2 p {background-size:30px auto;}
#mainSec01 .mainSec01_flex .mainSec01_item.item3 p {background-size:30px auto;}
#mainSec01 .mainSec01_flex .mainSec01_item.item4 p {background-size:30px auto;}
#mainSec02 {
    padding: 60px 0%;
}
#mainSec02 h4 {
    font-size: 27px;
    margin-bottom: 15px;
}
#mainSec02 .mainSec02_flex .mainSec02_item p.tit {
    margin: 0px 0 15px 0;
    font-size: 19px;
}
	#mainSec02 .mainSec02_flex .mainSec02_item a {padding: 10px 25px;}
#mainSec03 h4 {
    font-size: 27px;
    margin-bottom: 15px;
}
#mainSec03 .mainSec03_flex .mainSec03_item {background-size:40px auto;padding: 10% 20px 20px 20px;  background-position:center 30px;  max-width: 30%;
    margin: 1%;}
#mainSec03 .mainSec03_flex .mainSec03_item p {
    font-size: 16px;
}
#mainSec03 .mainSec03_flex .mainSec03_item p.tit {
    font-size: 20px;
}
	#mainSec03 {
    padding: 80px 0% 200px 0;
}
	#mainSec03 .img img {height:200px;}
#mainSec04 {
    padding: 60px 0%;
}
#mainSec04 h2 {
    font-size: 27px;
    margin-bottom: 10px;
}
#mainSec04 .notice_slider .item p.tit {font-size:18px;margin-bottom:10px;}
#mainSec05 {
	padding: 80px 0;}
#mainSec05 h2 {
    font-size: 30px;margin-bottom: 20px;
}
#mainSec05 a {
    padding: 15px 35px;
}
}

@media all and (max-width:480px) {
#mainVisual {
	height: 200px;
}
#mainVisual h2 {
	font-size: 20px;
}
#mainVisual p {
	font-size: 12px;
}
#mainSec01 {
    padding: 40px 0;
}
#mainSec01 h4 {
    font-size: 18px;
}
#mainSec01 h5 {
    font-size: 15px;
	margin-top:30px;
}
#mainSec01 .mainSec01_flex .mainSec01_item {
    width: 49%;
	margin:1% 0
}
#mainSec01 .mainSec01_slider .item p {margin-top:5px;letter-spacing:-1px;}
#mainSec02 {
    padding: 40px 0% 40px 0;
}
#mainSec02 h4 {
    font-size: 18px;
}
	#mainSec02 .mainSec02_flex .mainSec02_item a {padding:5px 15px;}
#mainSec03 {
    padding: 30px 0% 150px 0px;
}
#mainSec03 .img img {
    height: 150px;
}
#mainSec03 h4 {
    font-size: 18px;
}
#mainSec03 .mainSec03_flex .mainSec03_item {padding: 19% 5px 10px 5px; }
	#mainSec03 .mainSec03_flex .mainSec03_item p.tit {
    font-size:16px;
}
#mainSec03 .mainSec03_flex .mainSec03_item p {
    font-size: 12px;
}
#mainSec03 .link {margin-top:10px;}
#mainSec04 {
    padding: 40px 0%;
}
#mainSec04 h2 {
     font-size: 18px;
}

#mainSec04 .notice_slider {
    margin-top: 10px;
}
#mainSec04 .notice_slider .item a {
    padding: 15px 0;
}
#mainSec05 {
    padding: 40px 0;
}
#mainSec05 h2 {
    font-size: 20px;
}
#mainSec05  a {
    padding: 10px 35px;
	font-size:1.1em;
}
}