@charset "utf-8";

/*main*/

/*main_new01*/
.main_new01 {position:relative; margin-bottom:100px; }
.main_new01 { width:100%; height:800px;}
.main_new01 > img { width:100%; height:100%; object-fit:cover; overflow:hidden; }
.main_new01 > div.mySwiper01 { width:100%; height:100%; }
.main_new01 > div.mySwiper01 img {width:100%; height:100%; object-fit:cover; overflow:hidden;}
.main_new01 > div.txt01 { position:absolute; top:50%; right:20%; transform:translateY(-50%); color:black; background-color:#ffffff96; padding:20px; font-size:18px; z-index:1 }
.main_new01 > div.txt01 > h1 { font-size:45px; -webkit-text-stroke:1.5px #FFF; font-weight:800; color: transparent; line-height:60px; 
			background: linear-gradient(90deg, rgba(14,35,113,1) 0%, rgba(126,63,131,1) 50%, rgba(8,109,193,1) 100%); -webkit-background-clip: text; }
.main_new01 > div.txt01 > h1 > strong { font-size:48px; font-weight:900;}
.main_new01 > div.txt01 > img.logoKr { height:80px; margin-bottom:10px; }
.main_new01 > div.txt01 > p.color { }
.main_new01 > div.txt01 > p > span { /* color:#FFEA00; */ color:blue;}
.main_new01 > div.txt01 > div.dday { font-size:20px; display:flex; justify-content:center; align-items:center; gap:10px; width:120px; height:40px; 
									border:1px solid #333; border-radius:15px; background-color:#FFF; color:#333; padding:10px; margin:20px auto 0;}
.main_new01 > div.txt01 > div.dday > img { width:30px;}
.main_new01 > div.txt01 > div.dday > p { font-weight:bold; }
.main_new01 > div.txt01 > div.dday > span { color:#324AFF;}
.main_new01 > div.txt01 > div.dday > div {color:#324AFF;}

.main_new01 > div.txt02 {position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:2; background-color:#FFF; border-radius:10px; padding:20px 50px; width:1050px;}
.main_new01 > div.txt02 > .box {position:relative;}
.main_new01 > div.txt02 > .box > p {font-size:22px; font-family: 'Paperlogy-7Bold';}
.main_new01 > div.txt02 > .box > p > span {display:inline-block; /* vertical-align:middle; */}
.main_new01 > div.txt02 > .box > p > span > img {height:23px;}
.main_new01 > div.txt02 > .box > .left {position:absolute; left:20%; bottom:-70px; width:10px; height:100px; background-color:#FFF; z-index:-1;}
.main_new01 > div.txt02 > .box > .right {position:absolute; right:20%; bottom:-70px; width:10px; height:100px; background-color:#FFF; z-index:-1;}


.main_new01 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.main_new01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { background-color : #FFF; }
.main_new01 .swiper-button-next, .main_new01 .swiper-rtl .swiper-button-prev {width:100px; height:100px;  border-radius:10px; color:#FFF; right:5%; }
.main_new01 .swiper-button-prev, .main_new01 .swiper-rtl .swiper-button-next {width:100px; height:100px;  border-radius:10px; color:#FFF; left:5%; }
.main_new01 .swiper-button-next:after, .main_new01 .swiper-rtl .swiper-button-prev:after { color:#FFF; }
.main_new01 .swiper-button-prev:after, .main_new01 .swiper-rtl .swiper-button-next:after { color:#FFF; }

/*main_new02*/
.main_new02 { margin-bottom:100px; }
.main_new02 figure{margin:0;}
.main_new02 > div.info_tit { display:flex; justify-content:center; flex-direction:column; align-items:center; margin-bottom:30px; }
.main_new02 > div.info_tit > h2 { font-size:46px; position:relative; margin-bottom:10px; }
.main_new02 > div.info_tit > h2 > img { position:absolute; top:-10px;; left:-20px; } 
.main_new02 > div.info_tit > p { color:#666666; }

.main_new02 > div.box_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; row-gap:30px;}
.main_new02 > div.box_wrap > div.info_box {width:calc((100% - 60px) / 3); align-items:center; position:relative; }
.main_new02 > div.box_wrap > div.info_box > figure {position:relative; width:100%; /* height:240px; */}
.main_new02 > div.box_wrap > div.info_box > figure > img { width:100%; /* height:100%; */ /* object-fit:cover; */ }
.main_new02 > div.box_wrap > div.info_box > figure > div.box_tri { position:absolute; top:0; right:0; width: 0; height: 0; border-bottom: 30px solid transparent; border-top: 30px solid white; border-left: 30px solid transparent; border-right: 30px solid white;}
.main_new02 > div.box_wrap > div.info_box > div.txt { }
.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top { display:flex; justify-content:space-between; padding:20px 0;}
.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.left > h3 { font-weight:bold; font-size:24px; }
.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.left > p { color:#999; }
.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.right > div.box_btn { /* background-color:#324AFF; */ background-color:#548FDA; padding:10px; border-radius:15px; }
.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.right > div.box_btn > a { display:flex; justify-content:center; gap:10px; color:#FFF; width:80px; }
.main_new02 > div.box_wrap > div.info_box > div.txt > p {}

/* .main_new02 div.info_box > div.link_m { display:none; } */
.main_new02 div.info_box > .link_m { display:block; width:100%; height:100%; position:absolute; top:0; left:0; }



/*main_new03*/
.main_new03 { width:100%; height:360px; position:relative; margin-bottom:100px; }
.main_new03 > img { width:100%; height:360px; }
.main_new03 > div.txt { width:100%; height:100%; }
.main_new03 > div.txt > div.txt_box { /* width:100%; */ position:absolute; top:50%; left:50%; translate:-50% -50%; text-align:center; z-index:9; color:#FFF; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main_new03 > div.txt > div.txt_box > img:first-child { margin-bottom:10px; height:58px;}
.main_new03 > div.txt > div.txt_box > img.ymca { height:60px; margin-bottom:100px;}
.main_new03 > div.txt > div.txt_box > p.txt_bar { display:inline-block; width:60px; height:3px; background-color:#FFF; margin-top:30px; margin-bottom:30px; display:none;}
.main_new03 > div.txt > div.txt_box > p { position:absolute; left:50%; bottom:-66px; transform:translateX(-50%); background-color:#00000070; width:480px; padding:30px 0 0; border-radius:10px 10px 0 0;font-size: 24px; /* display:none; */ }
.main_new03 > div.txt > div.txt_box > p > strong {font-size:39px; color:#5fff5f;}
.main_new03 > div.txt > div.txt_box > p > span {font-size:16px; color:#cdcdcd; /* margin-bottom:4px; */}
.main_new03 > div.txt > div.txt_opacity { position:absolute; top:0; left:0; width:100%; height:100%; /* background-color:#33333369; */}


/*main_new04*/
.main_new04 { margin-bottom:100px; background-image: url("/images/main/main_photo_bg.png");}
.main_new04 > div.info_tit { display:flex; justify-content:center; flex-direction:column; align-items:center; margin-bottom:20px; }
.main_new04 > div.info_tit > h2 { font-size:46px; position:relative; margin-bottom:10px; }
.main_new04 > div.info_tit > h2 > img { position:absolute; top:-10px;; left:-20px; } 
.main_new04 > div.info_tit > p { color:#666666; }

.main_new04 .swiper { align-items:center; margin-top:40px; align-items:center; }
.main_new04 .swiper-wrapper { align-items:center; }
.main_new04 .swiper .swiper-slide img { width:100%; height:100%; object-fit:cover; }
.main_new04 .swiper-slide.swiper-slide-active { height:400px; }
.main_new04 .swiper-slide.swiper-slide-prev,
.main_new04 .swiper-slide.swiper-slide-next { /* height:350px; */ }
.main_new04 .swiper-slide { /* height:300px; */ height:400px; }
.main_new04 .swiper-slide-active img { width:100%; }


/*main_new05*/
.main_new05 { margin-top:20px; text-align:center; align-items:center; padding-top:20px; padding-bottom:40px; color:#333; border-top:1px solid #cdcdcd; }
.main_new05 > div.patronage > div > p { font-size:28px; margin-top:20px; margin-bottom:20px; font-weight:bold;  }
.main_new05 > div.patronage > div > div.img_wrap { align-items:center; }
.main_new05 > div.patronage > div > div.img_wrap a { margin-right:20px; }
.main_new05 > div.patronage > div > div.img_wrap img { height:32px; }
.main_new05 > div.patronage > div > div.img_wrap img.noMar { margin-right:0; }
.main_new05 > div.patronage > div > div.img_wrap span { font-size:16px; /* margin-right:20px; */ margin-left:5px; font-weight:bold; word-break: keep-all; }
.main_new05 > div.patronage > div > div.img_wrap a:last-child{ margin-right:0; }


/*main_new06*/
.main_new06 {text-align:center; margin-bottom:50px; } 
.main_new06 p {font-size:32px; margin-bottom:20px; font-weight:bold;}
.main_new06 img {height:32px; }
.main_new06 img.noMar {margin-right:0;}



@media screen and (max-width: 1200px) {
	.main_new01 { height:600px; }
	
	.main_new01 .swiper-button-next, .main_new01 .swiper-rtl .swiper-button-prev {display:none;}
	.main_new01 .swiper-button-prev, .main_new01 .swiper-rtl .swiper-button-next {display:none;}
	
	.main_new01 > div.txt01 { right:7%; }

	.main_new01 > div.txt02 {width:90%; text-align:center; padding:15px 30px;}
	.main_new01 > div.txt02 > .box > p {font-size:1.3rem; line-height:1.8rem;}
	
	.main_new02 > div.box_wrap > div.info_box{width:calc((100% - 20px)/ 3);}
	/* .main_new02 > div.box_wrap > div.info_box > figure {height:255px;} */
	
	.main_new03 { display:none; }

	.main_new04 .swiper-slide.swiper-slide-active { height:200px; }
	.main_new04 .swiper-slide.swiper-slide-prev,
	.main_new04 .swiper-slide.swiper-slide-next { height:200px; }
	.main_new04 .swiper-slide { height:200px; width:200px; }

	.main_new05 > div.patronage > div > div.img_wrap img{height:26px;}
}

@media screen and (max-width: 840px) {
	.main_new01 { height:380px; }
	.main_new01 > div.txt01 { font-size:14px; word-break: keep-all; }
	.main_new01 > div.txt01 > h1 { font-size:28px; line-height:35px; -webkit-text-stroke:.4px #FFF; /* margin-bottom:10px; */ }
	.main_new01 > div.txt01 > img.logoKr {height:26px; margin-bottom:10px; }
	.main_new01 > div.txt01 > h1 > strong { font-size:28px; -webkit-text-stroke:.5px #FFF; }
	.main_new01 > div.txt01 b { font-weight:normal; display:block; margin-left:30px; }
	
	/* .main_new01 > div.txt01 > div.dday { font-size:14px; gap:5px; width:130px; height:26px; padding:4px; margin-top:10px;} */
	.main_new01 > div.txt01 > div.dday { font-size:14px; gap:0; padding:0; justify-content:center; width:120px; height:26px; margin-top:5px; }
	.main_new01 > div.txt01 > div.dday > img { width:18px; }
	.main_new01 > div.txt01 > div.dday > p { font-weight:bold; }
	.main_new01 > div.txt01 > div.dday > span { color:#324AFF;}
		
	.main_new01 > div.txt01 { right:7%; }

	.main_new01 > div.txt02 {width:90%; text-align:center; padding:15px 30px;}
	.main_new01 > div.txt02 > .box > p {font-size:1.1rem; line-height:1.3rem;}
	
	.main_new02 > div.info_tit > h2 { font-size:26px; }
	.main_new02 > div.info_tit > h2 > img { width:25px; }
	.main_new02 > div.info_tit > p { font-size:13px; }
	.main_new02 > div.box_wrap > div.info_box { }
	/* .main_new02 > div.box_wrap > div.info_box > figure {height: 190px;} */
	.main_new02 > div.box_wrap > div.info_box > div.txt > p { word-wrap: break-word; }
	
	.main_new03 { display:none; }
	
	.main_new04 > div.info_tit > h2 { font-size:26px;} 
	.main_new04 > div.info_tit > h2 > img { width:25px; }
	.main_new04 > div.info_tit > p  { font-size:13px; }
	
	.main_new05 { padding-bottom:10px; }
	.main_new05 > div.patronage > div > p { margin-top:10px; font-size:18px; margin-bottom:10px; font-weight:900; }
	.main_new05 > div.patronage > div.box { margin-bottom:20px; }
	.main_new05 > div.patronage > div.box04 img { height:26px; }
	.main_new05 > div.patronage > div > div.img_wrap { display: flex; justify-content: center; align-items:center; flex-wrap: wrap; row-gap: 7px; }
	.main_new05 > div.patronage > div > div.img_wrap span { font-size:10px; line-height:24px;}
}


@media screen and (max-width: 600px) {
	.main_new01 { margin-bottom:50px; height:300px; }
	.main_new01 > div.txt01 { top: 10%; left: 50%; transform: translateX(-50%); padding:10px; width:270px; }
	.main_new01 > div.txt01 > div.dday { gap:10px; padding:0; justify-content:center; width:90px; }
	.main_new01 > div.txt01 > div.dday > p { margin-right:2px; }

	.main_new01 > div.txt02 {padding:5px 20px; width:90%; bottom:20px;}
	.main_new01 > div.txt02 > .box > p {font-size:.9rem; text-align:center; line-height:1.3rem;}
	
	.main_new02 { margin-bottom:50px; }
	.main_new02 > div.box_wrap { width:100%; justify-content:space-evenly; row-gap:20px; }
	.main_new02 > div.box_wrap > div.info_box { width:31%;  margin:0 auto; /* position:relative; */}
	.main_new02 > div.box_wrap > div.info_box > figure { width:100%; margin:0 !important; margin:0 auto; /* height:100px; */ }
	.main_new02 > div.box_wrap > div.info_box > figure > div.box_tri { border-bottom: 20px solid transparent; border-top: 20px solid white; border-left: 20px solid transparent; border-right: 20px solid white;}
	.main_new02 > div.box_wrap > div.info_box > div.txt { margin-top:15px;}
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top { padding:0; width:100%; flex-direction:column; text-align:center; row-gap:10px; margin-bottom:0; 
		justify-content:space-between; position:relative; }
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.left { margin:auto 0; width:100%;}
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.left > h3 { font-size:16px; }
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.left > p { display:none;}
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.right { align-items:center; position:absolute; top:0; right:0; }
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.right > div.box_btn {width:24px; margin:0 0 0 auto; padding:1px; height:18px; display:none;}
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.right > div.box_btn > a { font-size:14px; justify-content:normal; gap:3px; font-size:13px; margin-left:5px; }
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.right > div.box_btn > a > p { display:none; }
	.main_new02 > div.box_wrap > div.info_box > div.txt > div.txt_top > div.right > div.box_btn > a > img { width:14px;  }

	.main_new02 > div.box_wrap > div.info_box > div.txt > p { display:none; }
	
	
	.main_new04 { margin-bottom:50px;}
	.main_new04 > div.info_tit { margin-bottom:10px; }
	.main_new04 .swiper { margin-top:20px; }
	
	
	.main_new05 { }
	
	.main_new05 > div.patronage > div > div.img_wrap > img { margin-right:10px; height:18px;}
	
}
