@charset "utf-8";

/*  */
.main__visual2 { position:relative; overflow:hidden; }
.main__visual-wrap2 {width:auto; z-index:2; position:relative;  max-width:1920px; margin:0 auto; }

.main__visual-item2 {font-size:0; white-space:nowrap; overflow:hidden; position:relative; text-align: center; width:100%; height: 790px;}
.main__visual-item2:before {content:''; display:inline-block; vertical-align:middle; width:0;font-size:0;}

.main__visual-inner2 {display:block; padding: 0 20px; margin:0 auto; max-width:1440px; text-align: left; position:relative; height: 100%;}

.main__visual-copy2 { position:absolute; top:20%; left:0; transform:translateY(0%); font-family: 'jalnan', sans-serif; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); margin:0 20px; line-height:1.3; z-index:3; width:calc(100% - 40px);}
.main__visual-copy2 > h2 {font-size:50px; color:#162851; margin-top:10px;}
.main__visual-copy2 > p{font-size:45px; color:#ed7533;}

.main__visual-item2 > .bg {position:absolute; height:100%; width:100%; top:0; left:0; overflow:hidden; z-index:-1; background-size:cover; background-position: 50% 0%; background-repeat: no-repeat;transition:all 8s ease-in-out; transform:scale(1) skew(0.001deg);}

.main__visual-item2 .bg{background-image:url('../images/main/visual_bg01.png'); }

.main__visual-video { position: absolute; top: 10%; right: 20px; width: calc(100% - 700px);  border-radius: 10px; }
.main__visual-video-wrap {width: 100%; border-radius: 10px; display: block; position: absolute; right: 0; border: 10px solid #000; background: #000;}
/* .main__visual-video-wrap::after {content:''; display:block; width:100%; height:100%; background:url(../images/main/video_after2.png) no-repeat ; background-size:contain; position:absolute; top:50%; left:50%; z-index: 2; transform: translate(-50%, -50%);} */
.main__visual-video-wrap video{width: 100%; }

.main__visual-video .main__visual-video-menu {	position: absolute; right: 20px; top: 20px; transform: translateY(-50%); font-size: 0; z-index: 1001;}
.main__visual-video .video-menu-item { display: inline-block; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.8); text-align: center; vertical-align: middle; border-radius: 300px;}
.video-menu-item + .video-menu-item { margin-left: 6px;}
.sound .img1{display: block;}
.sound .img2{display: none;}
.sound.on .img1{display: none;}
.sound.on .img2{display: block;}

.play .img1{display: block;}
.play .img2{display: none;}
.play.on .img1{display: none;}
.play.on .img2{display: block;}

@media only screen and (max-width:1440px){
	.main__visual-copy2 {top:20%;}
	.main__visual-item2 {height: 760px;}
	.main__visual-video { width: calc(100% - 700px);}
}

@media only screen and (max-width:1280px){
	.main__visual-copy2 > h2 {font-size:48px;  margin-top:8px;}
	.main__visual-copy2 > p{font-size:40px;}
	.main__visual-item2 {height: 680px;}
	.main__visual-video { width: 45%;}
}

@media only screen and (max-width:1024px){
	.main__visual-copy2 > h2 {font-size:42px;  margin-top:8px;}
	.main__visual-copy2 > p{font-size:36px;}
	.main__visual-copy2 {top:10%; text-align:center; }

	.main__visual-video { top: 35%; right: 50%; transform: translateX(50%); width: 520px;}
	.main__visual-video-wrap {width: 100%; }
	.main__visual-item2 {height: 800px;}

}
@media only screen and (max-width:768px){
	.main__visual-video { top: 40%; }
	.main__visual-item2 {height: 600px;}
}

@media only screen and (max-width:640px){
	.main__visual-video { width: 450px;}
	.main__visual-copy2 > h2 {font-size:36px;  margin-top:5px;}
	.main__visual-copy2 > p{font-size:30px;}
	.main__visual-item2 {height: 500px;}
	.main__visual-video .video-menu-item { width: 40px; height: 40px; }
	.main__visual-video .main__visual-video-menu {right: 20px; top: 20px;}

}

@media only screen and (max-width:480px){
	.main__visual-video { width: 90%;}	
	.main__visual-copy2 {text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.0); }
	.main__visual-copy2 > h2 {font-size:28px;  margin-top:0px;}
	.main__visual-copy2 > p{font-size:24px;}
}
@media only screen and (max-width:400px){
	.main__visual-item2 {height: 400px;}
	.main__visual-video { top: 45%; }
	.main__visual-video .video-menu-item { width: 30px; height: 30px; }
	.main__visual-video .main__visual-video-menu {right: 16px; top: 16px;}

}




/* visual video 시작 */
.main__video_visual {
	height:100vh;
	position:relative; overflow:hidden;
}
.main__video_visual::after {
	content: ""; width: 100%; height: 100px; background: linear-gradient(rgba(229, 234, 236, 0), rgba(229, 234, 236, 0.5), rgba(229, 234, 236, 1));
	position: absolute; bottom: 0; z-index: 2;
}
.main__video_visual-bg {
	width: 100%;
	height: 100%;
    /* min-width: 1500px; */
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    /* transform: translate(-50%, -50%); */
    z-index: 1;
	/* position:absolute; top:50%; left:50%; z-index: -1; height:100%; width:100%; overflow: hidden; transform: translate(-50%, -50%); */
}
.main__video_visual-bg::after {content:''; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); position:absolute; top:50%; left:50%; z-index: 2; transform: translate(-50%, -50%);}

.main__video_visual video {
	object-fit: cover;
	object-position: 50% 50%;
	width:100%;
	height:100%;
	min-height:100%;
}

.main__video_visual .section-menu {
	position: absolute;
    right: 40px;
    top: 20px;
    transform: translateY(-50%);
    font-size: 0;
    z-index: 1001;
}
.main__video_visual .section-menu-item {

	display: inline-block;
    width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.5);
    text-align: center;
    vertical-align: middle;
	border-radius: 10px;
}
.section-menu-item + .section-menu-item {
	margin-left: 10px;
}
.sound .img1{display: block;}
.sound .img2{display: none;}
.sound.on .img1{display: none;}
.sound.on .img2{display: block;}

.play .img1{display: block;}
.play .img2{display: none;}
.play.on .img1{display: none;}
.play.on .img2{display: block;}

@media only screen and (max-width: 1600px) {
	.main__video_visual::after { height: 200px; background: linear-gradient(rgba(229, 234, 236, 0), rgba(229, 234, 236, 0.5), rgba(229, 234, 236, 1));}
}
@media only screen and (max-width: 1440px) {
	.main__video_visual .section-menu { right: 20px; }
	.main__video_visual {height: 720px;}
	
}
@media only screen and (max-width: 1240px) {
	.main__video_visual {height: 650px;}
	.main__video_visual::after { height: 200px; background: linear-gradient(rgba(229, 234, 236, 0), rgba(229, 234, 236, 0.5), rgba(229, 234, 236, 1));}
}
@media only screen and (max-width: 1024px) {
	.main__video_visual .section-menu-item { width: 40px; height: 40px; }
	.main__video_visual {height: 500px;}
	.main__video_visual::after { display: none;}

}

@media only screen and (max-width: 768px) {
	.main__video_visual {height: 400px;}
	.main__video_visual .section-menu { top: 10px;}
}

@media only screen and (max-width: 540px) {
	.main__video_visual {height: 350px;}

}
@media only screen and (max-width: 480px) {
	.main__video_visual {height: 250px;}
	.section-menu-item + .section-menu-item {margin-left: 6px;}
}
/* visual video 끝 */


/*Main Visual*/
.main__visual { position:relative; overflow:hidden;}
.main__visual-wrap {width:auto; z-index:2; position:relative;  max-width:1920px; margin:0 auto;}


.slick-slider .slick-track, .slick-slider .slick-list {z-index:1;}
.main__visual-item {font-size:0; overflow:hidden; position:relative; text-align: center; width:100%;}
.main__visual-item:before {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; font-size:0;}


.main__visual-inner {display:block;  margin:0 auto; max-width:1440px; padding:0 20px; text-align: left; position:relative;}

.main__visual-copy {position:absolute; top:25%; left:0; transform:translateY(0%); font-family: 'jalnan', sans-serif; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); margin:0 20px; line-height:1.3; z-index:3; width:calc(100% - 40px);}
.main__visual-copy > h2 {font-size:48px; color:#162851; margin-top:10px;}
.main__visual-copy > p{font-size:45px; color:#327ad1;}

@media only screen and (max-width:1440px){
	.main__visual-copy {top:20%;}
}

@media only screen and (max-width:1280px){
	.main__visual-copy > h2 {font-size:48px;  margin-top:8px;}
	.main__visual-copy > p{font-size:40px;}
}
@media only screen and (max-width:1024px){
	.main__visual-copy > h2 {font-size:42px;  margin-top:8px;}
	.main__visual-copy > p{font-size:36px;}
}

@media only screen and (max-width:768px){
	.main__visual-copy {top:10%; text-align:center; }
}
@media only screen and (max-width:640px){
	
	.main__visual-copy > h2 {font-size:36px;  margin-top:5px;}
	.main__visual-copy > p{font-size:30px;}
	.main__visual-img {padding: 10% 0 0 0;}
}

@media only screen and (max-width:480px){
	.main__visual-copy {text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.0); }

	.main__visual-copy > h2 {font-size:26px;  margin-top:0px;}
	.main__visual-copy > p{font-size:24px;}
	.main__visual-img {padding: 5% 0 0 0;}
}

.main__visual-item > .bg {position:absolute; height:100%; width:100%; top:0; left:0; overflow:hidden; z-index:-1; background-size:cover; background-position: 50% 0%; background-repeat: no-repeat;transition:all 8s ease-in-out; transform:scale(1) skew(0.001deg);}
/*.main__visual-item > .bg:before {content:''; display:block; position:absolute; height:100%; width:100%;top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(0, 0 , 0, 0.4); z-index:1;}*/

.slick-active > .bg.is-scale{
	transition:all 8s ease-in-out;
	transform:scale(1.1) skew(0.001deg);
}
.main__visual-item.nth-1 .bg{background-image:url('../images/main/visual_bg01.png');}
.main__visual-item.nth-2 .bg{background-image:url('../images/main/visual_bg02.png');}




/*visaul dots*/
.main__visual-control {position:absolute; bottom:48%; left:50%; font-size:0; transform:translate(-50%, 0); max-width:1460px; width:100%; padding:0 30px;transition: all 0.3s ease-in-out; z-index:1000;}

.main__visual-dots {display:inline-block;}
.main__visual-dots ul {display:block; font-size:0;}
.main__visual-dots li{display:inline-block;  cursor:pointer; margin:0; }
.main__visual-dots li + li {margin-left:9px;}
.main__visual-dots button {display:inline-block; position:relative; width:8px; height:8px; border:0;  overflow:hidden;  background-color:#afc3d0; box-sizing:border-box; transition:all .2s ease-in-out;  font-size:0; border-radius:10px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);}
.main__visual-dots li:hover button,
.main__visual-dots li.slick-active button {background-color:#ed7533;}


@media only screen and (max-width: 1024px){
	.main__visual-control{bottom:40%;}
}

@media only screen and (max-width: 768px){
	.main__visual-control{bottom:10%;}
}
@media only screen and (max-width: 480px){
	
}

/*바로가기*/
.main__quick-video {position: relative; padding:0 20px; background-color: #e5eaec; z-index:300;}
.main__quick-wrap-video {position:absolute; width:calc(100% - 40px); top:0; left:50%; border-radius:30px; background-color:#ed7533; transform:translate(-50%, -100%); z-index:200; max-width:1400px;}

.main__quick-list-video {font-size:0;}
.main__quick-list-video .item {display:inline-block; width:16.66%; vertical-align: top;}
.main__quick-list-video .item + .item  {border-left:1px dashed rgba(255, 255, 255, 0.30);}
.main__quick-list-video .item a {display:block; padding: 14% 7% 20%; text-align:center;}
.main__quick-list-video .item span {display:block;}
.main__quick-list-video .item .ico {background-image: url('../images/main/quick_ico.png'); background-position: 0 0; background-repeat: no-repeat;  margin:0 auto; max-width:120px; transition:all 0.3s ease-in-out; position:relative;}
.main__quick-list-video .item a:hover .ico{background-position-y: -120px;}
.main__quick-list-video .item .ico:after {content:''; display:block; position:absolute; width:100%; height:100%; background:url('../images/main/quick_ico_bg.png') 0 0 no-repeat; top:0; left:0; z-index:-1; opacity: 0; transition:all 0.5s ease-in-out;background-size:cover;}

.main__quick-list-video .item a:hover .ico:after {opacity:1; transform:translateY(0); animation: bounceIn 1s ;}


.main__quick-list-video .item:nth-of-type(1) .ico {background-position:0 0;}
.main__quick-list-video .item:nth-of-type(2) .ico {background-position:-120px 0;}
.main__quick-list-video .item:nth-of-type(3) .ico {background-position:-240px 0;}
.main__quick-list-video .item:nth-of-type(4) .ico {background-position:-360px 0;}
.main__quick-list-video .item:nth-of-type(5) .ico {background-position:-480px 0;}
.main__quick-list-video .item:nth-of-type(6) .ico {background-position:-600px 0;}

.main__quick-list-video .item .tit {font-size:20px; color:#fff; font-weight:700; margin-top:20px; line-height:1.3;}


@media only screen and (max-width: 1240px){
	.main__quick-list-video .item .ico { max-width:100px; background-size:auto 200px;}
	.main__quick-list-video .item a:hover .ico{background-position-y: -100px;}

	.main__quick-list-video .item:nth-of-type(1) .ico {background-position:0 0;}
	.main__quick-list-video .item:nth-of-type(2) .ico {background-position:-100px 0;}
	.main__quick-list-video .item:nth-of-type(3) .ico {background-position:-200px 0;}
	.main__quick-list-video .item:nth-of-type(4) .ico {background-position:-300px 0;}
	.main__quick-list-video .item:nth-of-type(5) .ico {background-position:-400px 0;}
	.main__quick-list-video .item:nth-of-type(6) .ico {background-position:-500px 0;}

	.main__quick-list-video .item .tit {font-size:17px; margin-top:10px; }
}

@media only screen and (max-width: 1024px){
	.main__quick-video {padding-top: 12%;}
	.main__quick-wrap-video {position:static; width:auto; transform:translate(0%, 0%); border-radius: 15px;}
	.main__quick-list-video .item .ico { max-width:80px; background-size:auto 160px;}
	.main__quick-list-video .item a:hover .ico{background-position-y: -80px;}

	.main__quick-list-video .item:nth-of-type(1) .ico {background-position:0 0;}
	.main__quick-list-video .item:nth-of-type(2) .ico {background-position:-80px 0;}
	.main__quick-list-video .item:nth-of-type(3) .ico {background-position:-160px 0;}
	.main__quick-list-video .item:nth-of-type(4) .ico {background-position:-240px 0;}
	.main__quick-list-video .item:nth-of-type(5) .ico {background-position:-320px 0;}
	.main__quick-list-video .item:nth-of-type(6) .ico {background-position:-400px 0;}

	.main__quick-list-video .item .tit {font-size:16px; margin-top:10px; font-weight:400; }

	.main__quick-wrap-video {border-radius: 15px;}
	.main__quick-list-video .item {display:inline-block; width:33.3%; border-bottom:1px dashed rgba(255, 255, 255, 0.23);}
	.main__quick-list-video .item + .item  {border-left:1px dashed rgba(255, 255, 255, 0.3);}
	
	.main__quick-list-video .item:nth-of-type(4) {border-left:0;}
	.main__quick-list-video .item:nth-of-type(4),
	.main__quick-list-video .item:nth-of-type(5),
	.main__quick-list-video .item:nth-of-type(6) {border-bottom:0;}
	.main__quick-list-video .item a {display:block; padding: 6% 6% 10%; text-align:center;}

}

@media only screen and (max-width: 480px){

	.main__quick-list-video .item .ico { max-width:60px; background-size:auto 120px;}
	.main__quick-list-video .item a:hover .ico{background-position-y: -60px;}

	.main__quick-list-video .item:nth-of-type(1) .ico {background-position:0 0;}
	.main__quick-list-video .item:nth-of-type(2) .ico {background-position:-60px 0;}
	.main__quick-list-video .item:nth-of-type(3) .ico {background-position:-120px 0;}
	.main__quick-list-video .item:nth-of-type(4) .ico {background-position:-180px 0;}
	.main__quick-list-video .item:nth-of-type(5) .ico {background-position:-240px 0;}
	.main__quick-list-video .item:nth-of-type(6) .ico {background-position:-300px 0;}

	.main__quick-list-video .item .tit {font-size:14px; margin-top:5px; word-break: break-all;}
}




/*바로가기*/
.main__quick {position: relative; padding:0 20px; background-color: #e5eaec; z-index:300;}
.main__quick-wrap {position:absolute; width:calc(100% - 40px); top:0; left:50%; border-radius:30px; background-color:#ed7533; transform:translate(-50%, -100%); z-index:200; max-width:1400px;}

.main__quick-list {font-size:0;}
.main__quick-list .item {display:inline-block; width:20%; vertical-align: top;}
.main__quick-list .item + .item  {border-left:1px dashed rgba(255, 255, 255, 0.23);}
.main__quick-list .item a {display:block; padding: 14% 7% 20%; text-align:center;}
.main__quick-list .item span {display:block;}
.main__quick-list .item .ico {background-image: url('../images/main/quick_ico.png'); background-position: 0 0; background-repeat: no-repeat;  margin:0 auto; max-width:120px; transition:all 0.3s ease-in-out; position:relative;}
.main__quick-list .item a:hover .ico{background-position-y: -120px;}
.main__quick-list .item .ico:after {content:''; display:block; position:absolute; width:100%; height:100%; background:url('../images/main/quick_ico_bg.png') 0 0 no-repeat; top:0; left:0; z-index:-1; opacity: 0; transition:all 0.5s ease-in-out;background-size:cover;}

.main__quick-list .item a:hover .ico:after {opacity:1; transform:translateY(0); animation: bounceIn 1s ;}


.main__quick-list .item:nth-of-type(1) .ico {background-position:0 0;}
.main__quick-list .item:nth-of-type(2) .ico {background-position:-120px 0;}
.main__quick-list .item:nth-of-type(3) .ico {background-position:-240px 0;}
.main__quick-list .item:nth-of-type(4) .ico {background-position:-360px 0;}
.main__quick-list .item:nth-of-type(5) .ico {background-position:-480px 0;}

.main__quick-list .item .tit {font-size:21px; color:#fff; font-weight:700; margin-top:20px; }



@media only screen and (max-width: 1024px){
	.main__quick-list .item .ico { max-width:100px; background-size:auto 200px;}
	.main__quick-list .item a:hover .ico{background-position-y: -100px;}

	.main__quick-list .item:nth-of-type(1) .ico {background-position:0 0;}
	.main__quick-list .item:nth-of-type(2) .ico {background-position:-100px 0;}
	.main__quick-list .item:nth-of-type(3) .ico {background-position:-200px 0;}
	.main__quick-list .item:nth-of-type(4) .ico {background-position:-300px 0;}
	.main__quick-list .item:nth-of-type(5) .ico {background-position:-400px 0;}

	.main__quick-list .item .tit {font-size:18px; margin-top:10px; }
}

@media only screen and (max-width: 768px){

	.main__quick-wrap {position:static; width:auto; transform:translate(0%, 0%); border-radius: 15px;}
	.main__quick-list .item .ico { max-width:80px; background-size:auto 160px;}
	.main__quick-list .item a:hover .ico{background-position-y: -80px;}

	.main__quick-list .item:nth-of-type(1) .ico {background-position:0 0;}
	.main__quick-list .item:nth-of-type(2) .ico {background-position:-80px 0;}
	.main__quick-list .item:nth-of-type(3) .ico {background-position:-160px 0;}
	.main__quick-list .item:nth-of-type(4) .ico {background-position:-240px 0;}
	.main__quick-list .item:nth-of-type(5) .ico {background-position:-320px 0;}

	.main__quick-list .item .tit {font-size:16px; margin-top:10px; font-weight:400; }
}
@media only screen and (max-width: 640px){

	.main__quick-wrap {border-radius: 15px;}
	.main__quick-list .item {display:inline-block; width:33.3%; border-bottom:1px dashed rgba(255, 255, 255, 0.23);}
	.main__quick-list .item + .item  {border-left:1px dashed rgba(255, 255, 255, 0.23);}
	.main__quick-list .item:nth-of-type(5)  {border-right:1px dashed rgba(255, 255, 255, 0.23); width:33.4%; }
	.main__quick-list .item:nth-of-type(4),
	.main__quick-list .item:nth-of-type(5)  {border-bottom:0;}
	.main__quick-list .item a {display:block; padding: 14% 7% 20%; text-align:center;}


	
}

@media only screen and (max-width: 480px){

	.main__quick-list .item .ico { max-width:60px; background-size:auto 120px;}
	.main__quick-list .item a:hover .ico{background-position-y: -60px;}

	.main__quick-list .item:nth-of-type(1) .ico {background-position:0 0;}
	.main__quick-list .item:nth-of-type(2) .ico {background-position:-60px 0;}
	.main__quick-list .item:nth-of-type(3) .ico {background-position:-120px 0;}
	.main__quick-list .item:nth-of-type(4) .ico {background-position:-180px 0;}
	.main__quick-list .item:nth-of-type(5) .ico {background-position:-240px 0;}

	.main__quick-list .item .tit {font-size:13px; margin-top:5px; word-break: break-all;}
}







/*Main Title*/
.main-title { padding:0 30px; position: relative;}
.main-title:after {content:''; display:block; clear:both;}

.main-title h2 {font-size:30px; font-family: 'jalnan', sans-serif; color:#222;}

@media only screen and (max-width: 1024px){
	.main-title { padding:0 0px;}
	.main-title h2 {font-size:28px;}
}
@media only screen and (max-width: 768px){
	.main-title {text-align:center;}
	.main-title h2 {text-align:center;}
}
@media only screen and (max-width: 640px){
	.main-title h2 {font-size:24px; text-align:center;}
}
@media only screen and (max-width: 360px){
	.main-title {text-align:left;}
	.main-title h2 {font-size:22px; text-align:left;}
}

/*프로그램*/
.main__program {padding:8.3% 0 12%; background:url('../images/main/bg_program01.png') 50% 0% no-repeat; background-size:cover;}
.main__program-inner {overflow:hidden;}

.main__program-list {font-size:0; margin-left:-60px;}
.main__program-item {display:inline-block; vertical-align:top; padding:40px 0 60px; margin-left:60px;}


.main__program-item a {display:block; background-color:#fff; border-radius: 30px; padding:25px 25px 80px 25px; position:relative; transition: all 0.3s ease-in-out; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0); text-align:center;}

.main__program-item a:hover {box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); transform:translateY(-20px);}

.main__program-item .grade {font-size:20px; font-weight:500; border-bottom:1px solid #eee; padding:0 0 20px 0; line-height:28px;}
.main__program-item .grade span {display:inline-block; background-position:0 0%; background-repeat: no-repeat; background-image:url('../images/main/p-state02.png'); padding:0 0 0 32px;}
.main__program-item .title {font-size:23px; font-weight:500; color:#222; line-height:1.3; height:60px; margin:20px 0 0 0; overflow: hidden;} 
.main__program-item .desc {padding:25px 0 0 0; border-top:1px solid #eee; margin:20px 0 0 0; text-align:left;}
.main__program-item .desc span {display:block;}
.main__program-item .desc span + span {margin: 10px 0 0 0;}
.main__program-item .desc em {display:inline-block; font-size:16px; color:#222; text-align:center; background-color:#e6e9ea; padding:5px 15px; margin-right:5px; border-radius:20px; vertical-align:baseline;}
.main__program-item .desc .teacher {font-size:18px;}
.main__program-item .desc .date {font-size:14px;}
.main__program-item .state {position:absolute; line-height:84px; height:84px; width:85px; background-color:#ed7533; border-radius: 20px; bottom:0; left:50%; transform:translate(-50%, 50%);box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); color:#fff;text-align:center;padding:0 20px; transition: all 0.3s ease-in-out;}
.main__program-item .state span {display:inline-block;  line-height:1.3;  font-size:18px;  word-break: break-all;}
.main__program-item .state.new::after {content:''; display:block; width:42px; height:42px; position:absolute; right:0; top:0; transform:translate(50%, -50%); background:url('../images/main/ico_new.png'); transition: all 0.3s ease-in-out;}


.main__program-item.p-state00 .grade span {background-image:url('../images/main/p-state01.png'); color:#222;}
.main__program-item.p-state00 .state {background-color:#222;}

.main__program-item.p-state01 .grade span {background-image:url('../images/main/p-state02.png'); color:#ed7533;}
.main__program-item.p-state01 .state {background-color:#ed7533; padding:0 15px;}

.main__program-item.p-state02 .grade span {background-image:url('../images/main/p-state03.png'); color:#9d9d9d;}
.main__program-item.p-state02 .state {background-color:#9d9d9d;}

.main__program-item.p-state03 .grade span {background-image:url('../images/main/p-state04.png'); color:#f7a900;}
.main__program-item.p-state03 .state {background-color:#f7a900; padding:0 15px;}

.main__program-item.p-state04 .grade span {background-image:url('../images/main/p-state05.png'); color:#85b222;}
.main__program-item.p-state04 .state {background-color:#85b222;}

.main__program-item.p-state05 .grade span {background-image:url('../images/main/p-state06.png'); color:#ed7533;}
.main__program-item.p-state05 .state {background-color:#ed7533;}

.main__program-item.p-special .grade span {background-image:url('../images/main/p-state07.png') !important;}


.main__program-item a:hover .state {transform:translate(-50%, 50%);}
.main__program-item a:hover .state.new::after {top:-10px;}

@media only screen and (max-width: 1400px){
	.main__program-item .desc {padding:20px 0 0 0; margin:15px 0 0 0;}
	.main__program-item .desc em {font-size:15px; padding:5px 12px; margin-right:4px;}
	.main__program-item .desc .teacher {font-size:18px;}
	.main__program-item .desc .date {font-size:13px;}
}
@media only screen and (max-width: 1280px){
	.main__program-list {margin-left:-40px;}
	.main__program-item {padding:30px 0 50px; margin-left:40px;}

	.main__program-item a { border-radius: 20px; padding:20px 20px 70px 20px; }
	.main__program-item a:hover {box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1); transform:translateY(-15px);}

	.main__program-item .state {line-height:74px; height:74px; width:74px;border-radius: 15px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); padding:0 15px;}
	.main__program-item .state span {font-size:16px;}
	
	.main__program-item.p-state01 .state,
	.main__program-item.p-state03 .state {padding:0 10px;}
}


@media only screen and (max-width: 1150px){
	
	.main__program-item .desc span {position:relative; padding:0 0 0 60px; line-height:1.3;}
	.main__program-item .desc em {position:absolute; top:0; left:0; padding:0 10px; line-height:20px; font-size:14px; width:52px;}
	
	.main__program-item .desc .teacher {font-size:16px;}
	.main__program-item .desc .date {font-size:13px;}
}

@media only screen and (max-width: 1024px){
	.main__program {padding:12% 0 12%;}

	.main__program-item .grade {font-size:18px; padding:0 0 15px 0;}
	.main__program-item .grade span {background-size:24px; padding:0 0 0 28px; background-position:0 1px;}
	.main__program-item .title {font-size:20px; height:54px; margin:15px 0 0 0;} 
}

@media only screen and (max-width: 480px){
	.main__program {padding:16% 0 16%;}
}


/* Slider Control */

.slider-control{position:absolute; top:0; right:20px; box-sizing: border-box; z-index:100; font-size:0;}
.slider-control:after{content:''; display:block; clear: both;}

/* Slider button */
.slider-btn-wrap {display:inline-block;}
.slider-btn {display:inline-block; vertical-align:middle; width:34px; height:34px; cursor: pointer; text-indent:-9999px; overflow:hidden;background-position:center 0; background-repeat:no-repeat; transition:all .3s ease-in-out; }
.slider-btn + .slider-btn {margin-left:6px;}
.slider-btn:focus,
.slider-btn:hover {background-position:0 -34px;}

.slider-btn.prev {background-image:url('../images/main/ico_slider_prev.png'); background-position:0 0;}
.slider-btn.next {background-image:url('../images/main/ico_slider_next.png'); background-position:-34px 0;}
.slider-btn.play {background-image:url('../images/main/ico_slider_pause.png');}
.slider-btn.play.is-paused {background-image:url('../images/main/ico_slider_play.png');}


.slider-btn.prev:focus,
.slider-btn.prev:hover {background-position:-34px 0;}
.slider-btn.next:focus,
.slider-btn.next:hover {background-position:0 0;}






.main__more-btn {display:inline-block; font-size:0; line-height:1; text-align:center;}

.main__more-btn span {display:inline-block; vertical-align:middle; width:34px; height:34px; background-color:rgba(255, 255, 255, 1); cursor: pointer; text-indent:-9999px; overflow:hidden; border:2px solid #222; background-position:center -2px; background-repeat:no-repeat; transition:all .3s ease-in-out; background-image:url('../images/main/ico_more.png'); margin-left:12px; border-radius:5px;}
.main__more-btn:focus span,
.main__more-btn:hover span{ transition:all .3s ease-in-out; background-position:center -36px; transform:rotate(360deg); border-color:#ed7533;}


.main__program .slider-control {position:absolute; top:0; right:68px;}
.main__program .main__more-btn{ position:absolute; top:0; right:20px;}

@media only screen and (max-width: 768px){
	.main__program .slider-control {position:static; margin-top:5%; text-align: center;}
	.main__program .main__more-btn{ position:absolute; top:-5px; right:0px;}
}




/*팝업존/활동사진*/
.section04{font-size:0; padding:6.78% 0 6.25%;}
.main__popupzone {display:inline-block; vertical-align: top; width: 45.72%; position:relative; margin-right:4.28%}
.main__popupzone .main__more-btn {position:absolute; top:0; right:20px;}
.main__popupzone-wrap {margin-top:30px;}
.main__popupzone-list {overflow:hidden; border-radius: 30px;}
.main__popupzone .pagingNum {font-size:13px; font-weight:300; position:absolute; right:70px; top:9px; color:#ccc}
.main__popupzone .pagingNum em {color:#ed7533; font-weight:700;font-size:16px;}
.main__popupzone .pagingNum i {color:#999; font-weight:400;font-size:16px;}


.main__photo {display:inline-block; vertical-align: top; width:50%; position:relative;}
.main__photo .main__more-btn {position:absolute; top:0; right:20px; }
/* .main__photo .main__more-btn span {border-color:transparent;}
.main__photo .main__more-btn:hover span {background-position:50% 0;} */

.main__photo-wrap {margin-top:30px;}
.main__photo-item {width:calc(50% - 2.8%); display:inline-block; vertical-align: top; }
.main__photo-item + .main__photo-item {margin-left:5.6%;}
.main__photo-item a {display: block; border-radius: 30px; overflow: hidden; border:1px solid #e4e4e4;transition:all 0.3s ease-in-out;}

.main__photo-item a .thumb{overflow:hidden;}
.main__photo-item a .thumb span{background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; background-color:#f1f1f1; background-image: url('../images/main/noimage01.png'); display:block; transition:all 0.3s ease-in-out; overflow:hidden;transform:scale(1); }

.main__photo-item a:hover .thumb span{transform:scale(1.1);}


.main__photo-item a .title {font-size:17px; color:#666; padding:30px; line-height:1.3; transition:all 0.3s ease-in-out; max-height:110px;}

.main__photo-item a:hover {background-color:#ed7533; border-color:#ed7533;}
.main__photo-item a:hover .title {color:#fff;}

@media only screen and (max-width: 1024px){
	.section04{padding:12% 0 12%;}
	.main__popupzone .slider-control{ top:0; right:0px;}
	.main__popupzone .pagingNum {right:50px; top:9px;}
	.main__photo .main__more-btn { top:0; right:0px;}
	.main__popupzone-list {border-radius: 20px;}

	.main__photo-item a {border-radius: 20px;}
	.main__photo-item a .title {font-size:16px; padding:20px; max-height:80px;}
}

@media only screen and (max-width: 768px){
	.main__popupzone .slider-control{ top:-4px; right:0px;}
	.main__popupzone .pagingNum {right:40px; top:5px;}

	.main__popupzone {display:block; width: 100%; position:relative; margin-right:0%}
	.main__popupzone-item img {width:100%;}

	.main__photo {display:block;  width:100%; margin-top:12%;}
	.main__photo-item img {width:100%;}
	.main__photo .main__more-btn { top:-5px; right:0px; }
}
@media only screen and (max-width: 480px){
	.section04 {padding:16% 0 16%;}
	.main__popupzone-wrap {margin-top:20px;}
	.main__photo-wrap {margin-top:20px;}
}
@media only screen and (max-width: 400px){
	.main__photo-item {width:100%; display:block;}
	.main__photo-item + .main__photo-item {margin:20px 0 0 0;}
	.main__photo-item a {border-radius: 20px;}
}




/*소식*/
.main__notice-group {position:relative; padding:40px 0 0 0;}
.main__notice-group::before {content:'Jincheon-Gun'; font-family:'jalnan', sans-serif; font-size:16px; color:#cad3d8; text-transform: uppercase; display:block; position:absolute; top:0; left:20px;}
.main__notice-group::after {content:''; display: block; clear:both;}

.main__notice-tab{ width:18%; line-height:44px;position:relative; transition: all 0.3s ease-in-out;}
.main__notice-tab.is-active {display:block; margin:20px 0;}
.main__notice-tab:first-child.is-active {margin-top:0;}

.main__notice-btn {font-family:'jalnan', sans-serif; color:#939393; display:inline-block; width:100%; padding:0 28px; transition:all 0.3s ease-in-out; font-size:20px;}

.main__notice-tab.is-active .main__notice-btn,
.main__notice-btn:hover {background-color:#ed7533; color:#fff; line-height:56px; border-radius: 20px;box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.2);}

.main__notice-tab .main__more-btn {position:absolute; top:50%; right:20px; transform:translateY(-50%); width:32px; height:32px; text-align:right; display:none;}
.main__notice-tab.is-active .main__more-btn {width:calc(100% - 20px); height:100%; display:block;}
.main__notice-tab .main__more-btn span {width:32px; height:100%; background-color:rgba(255, 255, 255, 0); cursor: pointer; text-indent:-9999px; overflow:hidden; border:0; background-position:50% 50%; transition:all .3s ease-in-out; background-image:url('../images/main/ico_more01.png'); margin-left:0; border-radius:0px; background-size:contain;}
.main__notice-tab.is-active .main__more-btn:focus span,
.main__notice-tab.is-active .main__more-btn:hover span{ transition:all .3s ease-in-out; background-position:50% 50%; transform:rotate(360deg); }







.main__notice-contents{ display:none; position:absolute; left:18%; top:0; width:82%;}
.main__notice-contents.is-active {display:block;}


.main__notice-list {font-size:0;}

.main__notice-list .item {display:inline-block; width:27.3%; position:relative; margin:0 0 0 6%;}
.main__notice-list .item::before,
.main__notice-list .item::after {content:''; display:block; position:absolute; background-color:#dfdcd6;}

.main__notice-list .item::before {width:5px; height:5px; border-radius: 5px; top:0; left:calc(-13% - 2px);}
.main__notice-list .item::after {width:1px; height:calc(100% - 10px); left:-13%; top:10px;}

.main__notice-list .item:first-child {width:27.4%;}
.main__notice-list .item:first-child::before,
.main__notice-list .item:first-child::after {display:none;}





.main__notice-list .item a{ display:block; padding:0 0%;  transition:all 0.3s ease-in-out;}
.main__notice-list .item a:hover{transform:translateY(-20px);}

.main__notice-list .item .cate {position:relative;}
.main__notice-list .item .cate > span{font-size:16px; position:relative; display:inline-block; padding:0 0 5px 0 ; border-bottom:3px solid #ed7533;color:#ed7533; transition: all 0.3s ease-in-out; }
.main__notice-list .item .cate > span::after {content:''; display:block; width:32px; height:100%; background-position:100% 50%; background-repeat:no-repeat; background-image:url('../images/main/ico_notice01.png'); bottom:3px; right:0; position:absolute; opacity: 0; transition: all 0.3s ease-in-out; background-size:contain;}
.main__notice-list .item.type1 .cate > span::after {background-image:url('../images/main/ico_notice02.png');}

.main__notice-list .item a:hover .cate > span { padding:0 60px 5px 0 ;}
.main__notice-list .item a:hover .cate > span::after {opacity: 1;}
.main__notice-list .item.type1 .cate span{ border-bottom:3px solid #85b222;color:#85b222;}

.main__notice-list .item .title {margin-top:18px; font-size:24px; color:#222; line-height:1.3; font-weight:500; transition: all 0.3s ease-in-out; height:62px;}
.main__notice-list .item a:hover .title {color:#ed7533;}

.main__notice-list .item .date {margin-top:46px; font-size:16px; color:#666; line-height:1.3; font-weight:500; transition: all 0.3s ease-in-out;}
.main__notice-list .item a:hover .date {color:#ed7533;}

.main__notice-list .item .desc {margin-top:40px; font-size:17px; color:#666; line-height:1.3; transition: all 0.3s ease-in-out; height:44px;}
.main__notice-list .item a:hover .desc {color:#ed7533;}

.main__notice-list .item.no-data {text-align:center; font-family: 'jalnan', sans-serif; font-size:24px; width:100%; padding:100px 0; color:#999; background-color:#f1f1f1; border-radius: 20px;}


@media only screen and (max-width: 1024px){
	.main__notice-tab{line-height:36px;}
	.main__notice-btn {padding:0 18px; font-size:18px;}
	
	.main__notice-tab.is-active {display:block; margin:10px 0;}
	.main__notice-tab.is-active .main__notice-btn,
	.main__notice-btn:hover {line-height:48px; border-radius: 15px;box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.2);}

	.main__notice-tab .main__more-btn {right:10px; width:24px; height:24px;}
	.main__notice-tab.is-active .main__more-btn {width:calc(100% - 10px);}
	.main__notice-tab .main__more-btn span {width:24px;}

	.main__notice-list .item .cate > span::after {width:30px; }
	.main__notice-list .item a:hover .cate > span { padding:0 50px 5px 0 ;}

	.main__notice-list .item .title {margin-top:15px; font-size:20px; height:56px;}
	.main__notice-list .item .date {margin-top:26px; font-size:14px;}
	.main__notice-list .item .desc {margin-top:26px; font-size:16px; height:40px;}
	.main__notice-list .item.no-data {font-size:20px; padding:90px 0; border-radius: 15px;}
}

@media only screen and (max-width: 780px){
	.main__notice-group {padding: 0;}
	.main__notice-group::before {display: none;}

	.main__notice-tab{ float:left; width:33.3%; position:relative; line-height:46px;}
	.main__notice-tab.is-active {margin: 0;}


	.main__notice-tab.is-active .main__notice-btn,
	.main__notice-btn:hover {line-height:46px; padding: 0 50px 0 18px;}



	.main__notice-contents{ display:none; position:absolute; left:0%; top:80px; width:100%;}

	.main__notice-list .item {width:27.3%; margin:0 3%;}

	.main__notice-list .item::before {left:calc(-12% - 2px);}
	.main__notice-list .item::after {left:-12%; top:10px;}


	.main__notice-list .item a:hover{transform:translateY(-10px);}


	.main__notice-list .item .cate > span::after {width:24px; }
	.main__notice-list .item a:hover .cate > span { padding:0 40px 5px 0 ;}

	.main__notice-list .item .title {margin-top:15px; font-size:18px; height:48px;}
	.main__notice-list .item .date {margin-top:20px; font-size:14px;}
	.main__notice-list .item .desc {margin-top:20px; font-size:16px; height:40px;}
	.main__notice-list .item.no-data {font-size:18px; padding:80px 0; border-radius: 15px; margin:0; }
}

@media only screen and (max-width: 640px){
	.main__notice-list .item {width:44%; margin:0 0 0 6%;}
	.main__notice-list .item:first-child {width:44%; margin:0 6% 0 0;}
	.main__notice-list .item + .item + .item {display:none;}
	.main__notice-list .item.no-data {width:100%;}

	.main__notice-list .item::before {left:calc(-14% - 2px);}
	.main__notice-list .item::after {left:-14%; top:10px;}

}
@media only screen and (max-width: 400px){
	.main__notice-btn {padding:0 10px; font-size:18px;}

	.main__notice-tab{line-height:36px;}
	.main__notice-tab.is-active {margin: 0;}


	.main__notice-tab.is-active .main__notice-btn,
	.main__notice-btn:hover {line-height:36px; padding: 0 30px 0 10px; border-radius: 10px; box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);}
	
	.main__notice-tab .main__more-btn {right:6px; width:18px; height:18px;}
	.main__notice-tab.is-active .main__more-btn {width:calc(100% - 6px);}
	.main__notice-tab .main__more-btn span {width:18px;}





	.main__notice-contents{top:40px;}


	.main__notice-list .item {width:100%; margin:0 0 0 0; padding:25px 10px;  border-bottom:2px dashed #d6d6d6;}
	.main__notice-list .item:first-child {width:100%; margin:0 0 0 0;}
	.main__notice-list .item + .item + .item {display:none;}


	
	.main__notice-list .item .cate > span { padding:0 40px 5px 0 ; font-size:14px;}
	.main__notice-list .item .cate > span::after {opacity: 1;}


	.main__notice-list .item .title {margin-top:10px; font-size:16px; height:auto; max-height:42px;}
	.main__notice-list .item .date {margin-top:15px; font-size:13px;}
	.main__notice-list .item .desc {margin-top:15px; font-size:14px; height:auto; max-height:36px;}

	.main__notice-list .item.no-data {font-size:16px;border:0; margin-top:15px;}

}






/*활동 영상 , 이용안내*/
.main__bottom {padding:13% 0 15%; background:url('../images/main/bg_bottom.png') 50% 100% no-repeat; overflow:hidden; position:relative; background-size:contain; font-size:0;}


.main__sns {display:inline-block; width:47%;position:relative; z-index:2; margin:0 3% 0 0; vertical-align: top;}
.main__sns-wrap {border-radius: 30px; overflow: hidden; margin-top:40px;}

.main__sns-vod{position:relative; z-index:2; }
.main__sns-vod:after{content:""; display:block; padding-bottom:56.25%;}
.main__sns-vod > iframe{width:100%; position:absolute; left:0; bottom:0; width:100%; height:100%;}

.sns__btn {position:absolute; right:20px; top:0px; /*top:50%; transform: translateY(-50%);*/}
.sns__btn a {display:block; position:relative; padding:0 20px; line-height:24px; transition: all 0.3s ease-in-out;}
.sns__btn a:hover {transform: translate(10px, 0);}

.sns__btn a::before,
.sns__btn a::after {content:''; display:block; border:2px solid #313131; width:10px; height:100%; position:absolute; top:50%; transform:translateY(-50%); transition: all 0.3s ease-in-out;}
.sns__btn a::before {border-right:0; left:0;}
.sns__btn a::after {border-left:0; right:0;}



.sns__btn a:hover::before,
.sns__btn a:hover::after {border-color:#ed7533;}

.sns__btn a span {display:inline-block; font-size:20px; color:#222; padding:0 0 0 40px; background:url('../images/main/ico_btn_sns.png') 0 50% no-repeat;}
.sns__btn a:hover span {color:#ed7533;}


/*이용안내*/
.main__info {display:inline-block; width:47%; position:relative; z-index:2; margin:0 0 0 3%; vertical-align: top;}
.main__info::after {content:''; display:block; width:25.9%; height:100%; background:transparent url('../images/main/img_info01.png') 0 2% no-repeat; background-size:contain; position:absolute; right:13.5%; top:0;}
.main__info-wrap {border-radius: 30px; overflow: hidden; margin-top:40px;}


.main__info-top {padding:10% 23% 8% 7.8%; background:#fcf9f0; position:relative;}
.main__info-top::before {content:''; display:block; width:17%; height:100%; background:#fcf9f0 url('../images/main/img_info02.png') 0 50% no-repeat; background-size:contain; position:absolute; right:6.25%; top:50%; transform:translateY(-50%);}
.main__info-top dl {font-size:0; line-height:34px; text-align:center;}
.main__info-top dt {display:inline-block; font-size:16px; font-weight:500; color:#fff; background-color:#54371d; text-align:center; border-radius:20px; width:50%; margin:0 0 4% 0;}
.main__info-top dd {font-size:32px; font-family: 'jalnan', sans-serif; color:#8fb527; display:inline-block; width:68%;}
.main__info-top dt:nth-of-type(2) {margin:4% 4% 0 0;}
.main__info-top dd:nth-of-type(2) {margin:4% 0 0 0;}


.main__info-bottom {padding:6% 7.8% 6% 25%; background:#f2ebd4;}
.main__info-bottom dl {font-size:0; line-height:1.3;}
.main__info-bottom dt {display:inline-block; font-size:18px; font-weight:700; color:#222; width:40px; margin:0 4% 0 0; position:relative;vertical-align: top; }
.main__info-bottom dt::before {content:':'; position:absolute; display:block; top:-2px; right:-7px;}
.main__info-bottom dd {font-size:18px; color:#222; display:inline-block; width:calc(96% - 40px);}
.main__info-bottom dt:nth-of-type(2),
.main__info-bottom dt:nth-of-type(3) {margin:2% 4% 0 0;}
.main__info-bottom dd:nth-of-type(2),
.main__info-bottom dd:nth-of-type(3) {margin:2% 0 0 0;}



@media only screen and (max-width: 1280px){
	.main__bottom {padding: 20% 0 25%;}


	.main__info-top {padding:8% 21% 8% 7.8%;}
	.main__info-top::before {width:17%; right:4%;}
	.main__info-top dl {line-height:30px;}
	.main__info-top dt {font-size:14px; width:30%; margin:0 2% 0 0;}
	.main__info-top dd {font-size:28px; width:68%;}
	.main__info-top dt:nth-of-type(2) {margin:4% 2% 0 0;}
	.main__info-top dd:nth-of-type(2) {margin:4% 0 0 0;}


	.main__info-bottom dt {font-size:16px; font-weight:700; width:32px; margin:0 4% 0 0;}
	.main__info-bottom dt::before {top:-1px; right:-6px;}
	.main__info-bottom dd {font-size:16px; width:calc(96% - 32px);}
	.main__info-bottom dt:nth-of-type(2),
	.main__info-bottom dt:nth-of-type(3) {margin:1% 4% 0 0;}
	.main__info-bottom dd:nth-of-type(2),
	.main__info-bottom dd:nth-of-type(3) {margin:1% 0 0 0;}
}

@media only screen and (max-width: 980px){

	
	.main__info::after {width:32%; height:100%; right:0%; top:0;}
	.main__info-wrap {border-radius: 20px; margin-top:30px;}

	.main__info-top {padding:7% 8% 7% 7.8%;}
	.main__info-top::before {width:17%; right:4%; display:none;}
	.main__info-top dl {line-height:30px;}
	.main__info-top dt {font-size:14px; width:32%; margin:0 2% 0 0;}
	.main__info-top dd {font-size:24px; width:66%; text-align:left;}
	.main__info-top dt:nth-of-type(2) {margin:4% 2% 0 0;}
	.main__info-top dd:nth-of-type(2) {margin:4% 0 0 0;}


	.main__info-bottom {padding:6% 8%;}
	.main__info-bottom dt {font-size:16px; width:32px; margin:0 3% 0 0;}
	.main__info-bottom dt::before {top:-1px; right:-6px;}
	.main__info-bottom dd {font-size:16px; width:calc(96% - 32px);}
	.main__info-bottom dt:nth-of-type(2),
	.main__info-bottom dt:nth-of-type(3) {margin:1% 3% 0 0;}
	.main__info-bottom dd:nth-of-type(2),
	.main__info-bottom dd:nth-of-type(3) {margin:1% 0 0 0;}
}


@media only screen and (max-width: 960px){
	.main__sns {display:block; width:100%; margin:0;}

	.main__info {display:block; width:100%; margin:12% 0 0 0;}

	.main__info::after {width:28%; height:100%; right:0%; top:-10%;}
	.main__info-wrap {border-radius: 20px; margin-top:30px;}
	.main__sns-wrap {border-radius: 20px; margin-top:30px;}

	.main__info-top {padding:7% 8% 7% 7.8%;}
	.main__info-top::before {width:17%; right:4%; display:block;}
	
}

@media only screen and (max-width: 768px){
	.main__sns {position:relative;}

	.sns__btn {position:static; text-align:center; margin:30px 0 0 0;}
	.sns__btn a:hover {transform: translate(0);}

}

@media only screen and (max-width: 480px){
	

	.main__info::after {right:0%; top:-10%;}
	.main__info-wrap {margin-top:20px;}

	.main__info-top {padding:6%;}
	
	.main__info-top dl {line-height:24px;}
	.main__info-top dt {font-size:12px; width:30%; margin:0 2% 0 0;}
	.main__info-top dd {font-size:20px; width:68%;}
	.main__info-top dt:nth-of-type(2) {margin:2% 2% 0 0;}
	.main__info-top dd:nth-of-type(2) {margin:2% 0 0 0;}


	.main__info-bottom {padding:6%;}
	.main__info-bottom dt {font-size:15px; width:30px; margin:0 2% 0 0;}
	.main__info-bottom dt::before {top:-1px; right:-5px;}
	.main__info-bottom dd {font-size:15px; width:calc(98% - 30px);}
	.main__info-bottom dt:nth-of-type(2),
	.main__info-bottom dt:nth-of-type(3) {margin:1% 2% 0 0;}
	.main__info-bottom dd:nth-of-type(2),
	.main__info-bottom dd:nth-of-type(3) {margin:1% 0 0 0;}
}

@media only screen and (max-width: 400px){

	.main__info::after {right:0%; top:0%;}
	.main__info-wrap {margin-top:20px;}

	.main__info-top::before {width:25%; right:6%;}

	.main__info-top dt {font-size:12px; width:50%; margin:0 2% 0 0; display:block;}
	.main__info-top dd {font-size:20px; width:75%; display:block; margin:2% 0 0 0;}
	.main__info-top dt:nth-of-type(2) {margin:2% 2% 0 0;}
	.main__info-top dd:nth-of-type(2) {margin:2% 0 0 0;}


	.main__info-bottom {padding:6%;}
	.main__info-bottom dt {font-size:14px; width:30px; margin:0 2% 0 0;}
	.main__info-bottom dt::before {top:-1px; right:-5px;}
	.main__info-bottom dd {font-size:14px; width:calc(98% - 30px);}
	.main__info-bottom dt:nth-of-type(2),
	.main__info-bottom dt:nth-of-type(3) {margin:1% 2% 0 0;}
	.main__info-bottom dd:nth-of-type(2),
	.main__info-bottom dd:nth-of-type(3) {margin:1% 0 0 0;}
}











.bottom__ani {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:30%; height:100%;  z-index:1;}
.bottom__ani-inner {position:relative; height:100%;}


.bottom__ani.is-ani .bottom__ani-item {display:block; position:absolute;}
.bottom__ani.is-ani .bottom__ani-item.nth-1 {width:100%; height:16.6%; bottom:0; left:0; background:url('../images/main/img_bottom01.png') 50% 100% no-repeat; background-size:contain; z-index:3;
	animation-duration: 1.5s;
	animation-delay: 0;
	animation-fill-mode: forwards;
	animation-name: ani-bot1;
}
.bottom__ani.is-ani .bottom__ani-item.nth-2 {width:6px; height:70%; bottom:13%; left:50%; margin-left:-3px; background-color:#7da46a; opacity: 0;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	animation-name: ani-bot2;
}

.bottom__ani.is-ani .bottom__ani-item.nth-3 {width:222px; height:318px; bottom:0; left:50%; transform: translateX(-50%); background:url('../images/main/img_bottom02.png') 50% 100% no-repeat; background-size:contain; z-index:3; opacity: 0;
	animation-duration: 2s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
	animation-name: ani-bot3;
}


@keyframes ani-bot1 {
	0% {opacity:0;
		bottom:-100px;
		} 
	70% {opacity:1;
		bottom:10px;}
	100% {opacity:1;
		bottom:0px;}
}

@keyframes ani-bot2 {
	0% {opacity:0;
		width:0;
		height:0;} 
	100% {opacity:1;
		width:6px;
		height:58%;
		bottom:13%;}
}
@keyframes ani-bot3 {
	0% {opacity:1;
		height:0;
		width:0;
		bottom:50%;}
	
	100% {opacity:1;
		height:318px;
		width:222px;
		bottom:58%;}
}


@media only screen and (max-width: 960px){
	.main__bottom {padding: 12% 0 34%;}

	.bottom__ani.is-ani .bottom__ani-item.nth-1 {width:100%; height:25%; bottom:0; left:0; background:url('../images/main/img_bottom03.png') 50% 100% no-repeat; background-size:contain; z-index:3;
		animation-duration: 1.5s;
		animation-delay: 0;
		animation-fill-mode: forwards;
		animation-name: ani-bot1;
	}

	@keyframes ani-bot1 {
		0% {opacity:0;
			bottom:-100px;
			} 
		70% {opacity:1;
			bottom:10px;}
		100% {opacity:1;
			bottom:0px;}
	}

	.bottom__ani.is-ani .bottom__ani-item.nth-2,
	.bottom__ani.is-ani .bottom__ani-item.nth-3 {display:none;}
}


/* 000000 */
.pop-up-wrap {display: inline-block; overflow: hidden; width: auto; height: auto; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); position: fixed; top: 30%; left: 10%; z-index: 999;}

.pop-up-wrap .pop-up {width: 100%; height: calc(100% - 70px); background: #e5eaec url('../images/contents/pop-up-img.png') center no-repeat; position: relative;}
.pop-up-wrap .pop-up .close {position: absolute; top: 25px; right: 20px; width: 29px; height: 29px; border-radius: 50%; border: 0; background: #313131 url('../images/contents/close-x.png') center no-repeat;}

.pop-up-wrap .bottom {width: 100%; background: #fff;}
.pop-up-wrap .privacy-check .form-check_item .checkbox-text {margin: 0 40px 0 0;}
.pop-up-wrap .privacy-check .form-check_item .checkbox-label {font-size: 16px; font-weight: 400; color: #666;}
.pop-up-wrap .privacy-check .form-check_item .checkbox-label:before {left: auto; right: 0;}
.pop-up-wrap .privacy-check .form-check_item .checkbox-label.checkbox-on:before {background-image: url('../images/common/board/ico_check_on.png');}
.pop-up-wrap .privacy-check {border-bottom: 0; text-align: right; padding: 20px 20px;}
.pop-up-wrap img {height: auto !important;}

@media(max-width:768px){
	.pop-up-wrap { left: 0; margin: 0 5%;}

}