/* 공통 */
.member_area a:link, .member_area a:visited { color: inherit !important; }
a:link, a:visited { font-size: inherit !important; }
.main_wrap { width: 100%; position: relative; }
.main_container { width: 100%; }

/* swiper slider */
.main_img_slider { position: relative; width: 100%; height: 480px; transition: height 0.2s ease-in-out; }
.main_img_slider .swiper-slide { display: flex; justify-content: flex-start; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider .swiper-slide > div { width: 100%; max-width: 610px; margin: auto; }
.main_img_slider .swiper-slide > div > h4 { line-height: 65px; font-size: 50px; font-weight: 400; letter-spacing: -5px }
.main_img_slider .swiper-slide > div > h4 > span { font-weight: 600; }
.main_img_slider .swiper-slide > div > p { margin: 25px 0; line-height: 30px; font-size: 20px; font-weight: 400; letter-spacing: -1px; color: #000000; }
.swiper-pagination { bottom: 10px !important; left: 30px !important; text-align: left !important }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 12px 5px !important }
.swiper-pagination-bullet { width: 15px !important; height: 15px !important; background: transparent !important; opacity: 1 !important; border: 2px solid #409dc6 !important;}
.swiper-pagination-bullet-active { background: #409dc6 !important; border: none !important; }
/* } */

 /* content */
.content01 { padding: 50px 20px 120px; background: url(../../../img/main_bg_01.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.content01 > div { width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: space-between; flex-flow: row wrap; }
.content01 > div > div:nth-of-type(1) { width: 67%; }
.content01 > div > div:nth-of-type(2) { width: 33%; }
.content01 > div > div:nth-of-type(2) > ul { width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) { padding: 25px; position: relative; width: 100%; height: 300px; background: url(../../../img/main_vdo.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > div { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }




.content01 > div > div:nth-of-type(2) > ul > li #mainVideo01 {top: auto; bottom: 0; align-items: flex-end; justify-content: end; flex-direction: column;}
.content01 > div > div:nth-of-type(2) > ul > li #mainVideo01 div {display: flex; flex-wrap: wrap; width: 100%;}
.content01 > div > div:nth-of-type(2) > ul > li #mainVideo01 div img {width: 50%;}


/* 새로 */
.content01 > div > div:nth-of-type(2) > ul > li #mainVideo02 ul{width: 100%; display: flex; flex-wrap: wrap;}
.content01 > div > div:nth-of-type(2) > ul > li #mainVideo02 ul li {width: 50%; height: 90px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#mainVideo02 ul li:nth-child(1) {background-color: #e59960;}
#mainVideo02 ul li:nth-child(2) {background-color: #f2c950;}
#mainVideo02 ul li:nth-child(3) {background-color: #549dd7;}
#mainVideo02 ul li:nth-child(4) {background-color: #86b272;}
.content01 > div > div:nth-of-type(2) > ul > li #mainVideo02 ul li {font-weight: 450; font-size: 16px; color: #ffffff;}
.content01 > div > div:nth-of-type(2) > ul > li #mainVideo02 ul li img {width: 34px;}
.content01 > div > div:nth-of-type(2) > ul > li #mainVideo02 ul li p {margin: 3px;}


@media(max-width:1080px) {

    .content01 > div > div:nth-of-type(2) > ul > li #mainVideo01 div img {width: 25%;}
        .content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) {height: auto; padding: 0;}
        .content01 > div > div:nth-of-type(2) > ul > li #mainVideo01 {position: relative; align-items: center; justify-content: flex-start;}
        .content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > h4 {padding: 25px;}
}

@media(max-width:767px) {
    .content01 > div > div:nth-of-type(2) > ul > li #mainVideo01 div img {width: 50%;}
}

/* #videoTarget01 {opacity: 0;} */

#videoTarget .col-md-12,.col-md-4{
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
#videoTarget .youtube { position: relative; width: 100%; padding-bottom: 56.25%; }
#videoTarget .youtube iframe { position: absolute; width: 100%; height: 100%; }
@media (min-width:992px) {
    #videoTarget01 .col-md-4 {
		float:left;
	}
	#videoTarget .col-md-12 {
		width:100%;
	}
	#videoTarget .col-md-4 {
		width:33.33333333%;
	}
	}


.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > div > img { margin: 0; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > button { z-index: 9; position: absolute; top: 10px; right: 10px; color: #ffffff; background: transparent; }


.content01 #videoTarget { z-index: 99999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; justify-content: center; align-items: center;  }
.content01 #videoTarget div { width: 100%; max-width: 800px; margin: auto; }
.content01 #videoTarget div p { text-align: right; color: #ffffff; font-size: 25px; padding: 10px 20px; }
.content01 #videoTarget iframe { width: 100%; height: 450px; }


.content01 #videoTarget01 { z-index: 99999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; justify-content: center; align-items: center;  }
.content01 #videoTarget01 div { width: 100%; max-width: 800px; margin: auto; }
.content01 #videoTarget01 div p { text-align: right; color: #ffffff; font-size: 25px; padding: 10px 20px; }
.content01 #videoTarget01 iframe { width: 100%; height: 450px; 	position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.content01 #videoTarget01 .youtube {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}



.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > h4 { line-height: 30px; font-size: 16px; font-weight: 400; color: #e76d13; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > h4 > span { font-size: 16px; display: block; color: #ffffff; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > h4 > span { font-size: 16px; display: block; color: #ffffff; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(2) { width: 50%; height: 90px; display: flex; justify-content: center; align-items: center; background: #df6d19; color: #ffffff; cursor: pointer; } 
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(3) { width: 50%; height: 90px; display: flex; justify-content: center; align-items: center; background: #f2b600; color: #ffffff; cursor: pointer; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(4) { width: 50%; height: 90px; display: flex; justify-content: center; align-items: center; background: #0776cb; color: #ffffff; cursor: pointer; }
.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(5) { width: 50%; height: 90px; display: flex; justify-content: center; align-items: center; background: #529434; color: #ffffff; cursor: pointer; }
.content01 > div > div:nth-of-type(2) > ul > li > div > p { font-size: 16px; font-weight: 450; margin: 3px; }
.content01 > div > div:nth-of-type(2) > ul > li > div > img { display: block; margin: auto; }
.content02 { height: 240px; }
.content02 > div { position: relative; width: 100%; ; max-width: 1200px; margin: auto; }
.content02 > div > ul { width: 100%; position: absolute; top: -60px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.content02 > div > ul > li { width: 49.2%;  }
.content02 > div > ul > li > h4 { width: 100%; background: #f5f5f5; font-size: 25px; padding: 22px 40px; text-align: center; }
.content02 > div > ul > li > h4 > a > img { float: right; margin-top: 3px; cursor: pointer }
.content03 { padding: 50px 20px; }
.content03 > div { border: 1px solid #f5f5f5; padding: 30px; width: 100%; max-width: 1200px; margin: auto; box-shadow: -1px 1px 23px 4px #f6f6f6  }
.content03 > div > h4 { position: relative; display: inline-block; font-size: 25px; line-height: 30px; }
.content03 > div > h4::after { position: absolute; z-index: -1; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 10px; background: #ffbcd6; }
.content04 { position: relative; z-index: 9999; padding: 50px 20px; background: url(../../../img/main_bg_02.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.content04 > div { width: 100%; max-width: 1200px; margin: auto; }
.content04 > div > ul { display: flex; justify-content: space-between; flex-flow: row wrap; }
.content04 > div > ul > li { z-index: 9999; padding: 30px; width: 49.2%; background: #ffffff; }
.content04 > div > ul > li > h4 { position: relative; font-size: 25px; line-height: 30px; display: inline-block; }
.content04 > div > ul > li > h4::after { position: absolute; z-index: -1; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 10px; }
.content04 > div > ul > li > h4 > a { position: absolute; right: -120px; top: 0; font-size: 13px !important; background: #f5f5f5; border-radius: 20px; padding: 0 10px }
.content04 > div > ul > li:nth-of-type(1) > h4::after { background: #d4e7b2; }
.content04 > div > ul > li:nth-of-type(2) > h4::after { background: #ffda89; }
.content05 { padding: 50px 20px 90px; } 
.content05 > div { width: 100%; max-width: 1200px; margin: auto; }
.content05 > div > ul { display: flex; justify-content: space-between; flex-flow: row wrap; }
.content05 > div > ul > li { padding: 15px; width: 23.8%; display: flex; justify-content: center; align-items: center; cursor: pointer; color: #ffffff; font-size: 21.5px; font-weight: 400; }
.content05 > div > ul > li:nth-of-type(1) { background: #c1527e; }
.content05 > div > ul > li:nth-of-type(2) { background: #df6d19; }
.content05 > div > ul > li:nth-of-type(3) { background: #649312; }
.content05 > div > ul > li:nth-of-type(4) { background: #1d938a; }
.content05 > div > ul > li > span { margin-left: 20px; word-break: keep-all; line-height: 20px; }
.content05 > div > div { border:  1px solid #dddddd; padding: 30px; width: 100%; margin-top: 30px; overflow: hidden; }
.content05 > div > div > ul { display: flex; justify-content: space-between; }
.content05 > div > div > ul > li:nth-of-type(1) { width: 15%; min-width: 150px; max-width: 150px; }
.content05 > div > div > ul > li:nth-of-type(2) { width: 86%; }
.content05 > div > div > ul > li:nth-of-type(1) > h2 { display: flex; align-items: center; font-size: 20px; font-weight: 400; letter-spacing: -1px; }
.content05 > div > div > ul > li:nth-of-type(1) > h2 button { margin-left: 10px; background: transparent; color: #cccccc; }
.content05 > div > div > ul > li:nth-of-type(1) > div { position: relative; display: flex; justify-content: flex-start }
.content05 > div > div > ul > li:nth-of-type(1) > div > p { position: absolute; }
.content05 > div > div > ul > li:nth-of-type(1) > div > p:hover { cursor: pointer; }
.content05 > div > div > ul > li:nth-of-type(1) > div > p:nth-of-type(1) { left: 0; }
.content05 > div > div > ul > li:nth-of-type(1) > div > p:nth-of-type(2) { left: 23px; }
.content05 > div > div > ul > li:nth-of-type(1) > div > p:nth-of-type(3) { left: 45px; }
.bj_img a div, .bj_low_img a div { width: 165px; height: 51.5px; background-size: 100%; margin: 0 5px;  }
.bj_low_img { display: flex; justify-content: flex-start; }

@media (max-width: 1230px){
	.bj_img a div, .bj_low_img a div { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center }
}
@media (max-width: 1110px){
	.content05 > div > div > ul > li:nth-of-type(1) > div { display: none; }
	.content05 > div > div > ul > li:nth-of-type(1) { line-height: 48px }
}
@media (max-width: 1080px){
	.content01 > div > div { width: 100% !important; }
	.content01 { padding: 40px 20px; }
}
@media (max-width: 1020px){
	.content04 > div > ul > li { width: 100%; }
	.content04 > div > ul > li:nth-of-type(1) { margin-bottom: 40px; }
	.content02 > div > ul > li { width: 100%; }
	.content02 > div > ul { position: static; }
	.content02 { height: auto; }
	.content02 > div { padding: 40px 20px 0; }
	.content05 > div > ul > li { width: 49%; }
}
@media (max-width: 960px){
	.content01 #videoTarget iframe { height: 48vw; }
}
@media (max-width: 760px){
	.content05 > div > ul > li > span { font-size: 16px; }
	.content05 > div > ul > li > img { width: 40px; }
}
@media (max-width: 720px){
	.main_img_slider .swiper-slide > div { padding: 20px; }
	.main_img_slider .swiper-slide > div > h4 { font-size: 33px; line-height: 43px; }
	.main_img_slider .swiper-slide > div > p { font-size: 16px; line-height: 25px; margin: 16px 0;}
	.main_img_slider { height: 230px; margin-bottom: 22px !important; }
	/* .content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) {height: 230px;} */




	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) {height: auto; padding: 0;}
    .content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > h4 {padding: 25px;}
    .content01 > div > div:nth-of-type(2) > ul > li #mainVideo01 {position: relative; justify-content: flex-start; align-items: flex-end;}


	.sfood {padding: 0;}
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(2) { height: 90px; }
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(3) { height: 90px; }
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(2) div { display: flex; flex-direction: column;}
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(3) div { display: flex; flex-direction: column;}
	.content01 > div > div:nth-of-type(2) > ul > li > div > p { font-size: 20px; }
	
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(4) {height: 230px;}
	.sfood {padding: 0;}
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(4) { height: 90px; }
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(5) { height: 90px; }
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(4) div { display: flex; flex-direction: column;}
	.content01 > div > div:nth-of-type(2) > ul > li:nth-of-type(5) div { display: flex; flex-direction: column;}
	.content01 > div > div:nth-of-type(2) > ul > li > div > p { font-size: 16px; }
	
	.content05 { padding: 40px 20px 90px }
}
@media (max-width: 670px){
	.schedule-box-ajax .sec01 { width: 100%; margin-top: 20px; }
	.schedule-box-ajax .sec02 { width: 100%; }
}
@media (max-width: 580px){
	.content02 .lat li { padding: 8px 0; justify-content: flex-start; }
	.content02 .lat li a { font-size: 17px; width: 100%; }
	.content02 .lat .lt_date { display: none; }
}

@media (max-width: 330px) {
    .content01 > div > div:nth-of-type(2) > ul > li #mainVideo02 ul li img { width: 25px;}
    .content01 > div > div:nth-of-type(2) > ul > li #mainVideo02 ul li p {font-size: 14px;}
    .content01 > div > div:nth-of-type(2) > ul > li > div > img {width: 25px;}
    .content01 > div > div:nth-of-type(2) > ul > li > div > p {font-size: 14px;}
}


/* 메인 가정통신 없애고 공지사항 100퍼로 */
.width-100 {width: 100% !important;}