@charset "utf-8";


body{font-family:var(--pretendard) !important;font-size:16px;font-weight:500;color:var(--black)}



/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
																															common
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
.textbox{font-size:var(--form-fontSize);font-weight:var(--form-fontWeight);border-radius:var(--form-radius);border:1px solid var(--border-color);padding:12px;line-height:1.4em;}


/* ─────────────────────────────────────────────────
										textCut - > 글자수 말줄임
───────────────────────────────────────────────── */
[class*='textCut']{overflow:hidden;max-height:1.3em;line-height:1.3em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
[class*='textCut'][class*='\/1']{display:block !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
[class*='textCut'][class*='\/2']{max-height:2.6em;-webkit-box;-webkit-line-clamp:2;}
[class*='textCut'][class*='\/3']{max-height:3.9em;-webkit-box;-webkit-line-clamp:3;}
[class*='textCut'][class*='\/4']{max-height:5.2em;-webkit-box;-webkit-line-clamp:4;}





/*─────────────────────────────────────────────────
										[ mySwiper ]
─────────────────────────────────────────────────*/
.mySwiper{position:relative;max-width:100%;display:flex;align-items:center;flex-direction:column;gap:10px;}
.mySwiper .swiper-container{position:relative;width:100%;}
.mySwiper .swiper-container::focus{cursor:move}
.mySwiper .swiper-wrapper{}
.mySwiper .swiper-slide{position:relative;top:0;padding:0;width:auto;}
.mySwiper .swiper-slide img{margin:0 auto;width:100%;font-size:0;}
.mySwiper .pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;position:relative;}
.mySwiper .swiper-pagination-bullet{display:inline-flex;width:8px;height:8px;border-radius:50%;background:rgba(53,57,69,0.25);margin:0;vertical-align:middle;cursor:pointer;transition:all .1s ease-in-out;opacity:1}
.mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--mainColor)}
.mySwiper .pagination[class*='inside'] .swiper-pagination-bullet{width:8px;height:8px;background:rgba(0,0,0,0.4);margin:0;}
.mySwiper .pagination[class*='inside'] .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}

.mySwiper .pagination.fraction{width:56px;height:24px;font-weight:500;font-size:12px;border-radius:8px;color:#fff;background:rgba(0,0,0,0.4);display:inline-flex;gap:2px;}
.mySwiper .pagination.fraction .swiper-pagination-current{color:#fff;margin:0;padding:0;position:relative}

.mySwiper .pagination[class*='inside']{position:absolute;bottom:20px;z-index:3;}
.mySwiper .pagination[class*='inside'][class*='\/top']{bottom:auto;top:20px;}
.mySwiper .pagination[class*='inside'][class*='\/left']{right:auto;left:20px;}
.mySwiper .pagination[class*='inside'][class*='\/right']{left:auto;right:20px;}
.px20 + .pagination[class*='inside'][class*='\/left']{margin-left:20px;}
.px20 + .pagination[class*='inside'][class*='\/right']{margin-right:20px;}
/*.mySwiper .pagination[class*='inside']:not(.fraction){right:0;left:0;}
.mySwiper .pagination[class*='inside'].fraction.inside{left:auto;right:20px;margin:0;}*/


.mySwiper .prev, .mySwiper .next{cursor:pointer;position:absolute;top:50%;margin-top:-30px;z-index:90;transition:all .2s ease-in-out;width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;}
.mySwiper .prev{left:-30px;}
.mySwiper .next{right:-30px}
.mySwiper .prev:before, .mySwiper .next:before{content:'';font-family:'myfont';font-size:54px;font-weight:normal;color:#fff;}
.mySwiper .prev:before{content:'\e938'}
.mySwiper .next:before{content:'\e939'}
.mySwiper .prev:hover, .mySwiper .next:hover{opacity:1 !important;}
.mySwiper .swiper-button-disabled{opacity:0.6 !important;}





/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
    〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */




/* ─────────────────────────────────────────────────
										#wrapper
───────────────────────────────────────────────── */
#root{display:flex;flex-direction:column;min-height:var(--vh);
	--header-height:85px;
	width:100%;
	overflow:hidden;
}
#root #footer{margin-top:auto;}

/* ─────────────────────────────────────────────────
										#header
───────────────────────────────────────────────── */
#header{position:fixed;top:0;left:0;z-index:99;width:100%;padding:0 20px;background:#000;color:#fff;}
#header .headerContainer{position:relative;width:100%;max-width:1000px;height:var(--header-height);display:flex;align-items:center;gap:10px;margin:0 auto;}
#header .headerContainer .logo{font-size:20px;font-weight:700;}
#header .headerContainer ._hd_scroll_nav{margin-left:auto;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:30px;}
#header .headerContainer ._hd_scroll_nav .active{color:#F7B22C;}
#header .headerContainer ._hd_scroll_nav button{white-space:nowrap;}


/* ─────────────────────────────────────────────────
										#wrapper
───────────────────────────────────────────────── */
#wrapper{margin-top:var(--header-height);}


/* ─────────────────────────────────────────────────
										#footer
───────────────────────────────────────────────── */
#footer{background:#000;color:#fff;font-weight:300;padding:60px;}
#footerContainer{font-size:24px;text-align:center;}
#footerContainer .copyrights{opacity:0.8;font-weight:100;}


/* css 일부수정 zerois */
#_gototop{position:fixed;bottom:15px;right:15px;z-index:99;width:50px;height:50px;border-radius:100%; background:rgba(255,255,255,.5);border:2px solid rgba(0,0,0,0.9);opacity:1;visibility:visible;cursor:pointer;
	display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;font-size:0;}
/* #_gototop.hidden{opacity:0;visibility:hidden;}
#_gototop:before{content:'';font-family:'myfont';content:'\e92f';font-size:18px;color:rgba(0,0,0,0.9);transform:rotate(-90deg);} */
#_gototop img {width:50%;}
.img-size1 img {width: 50%;}




/* ─────────────────────────────────────────────────
										index
───────────────────────────────────────────────── */

#main{font-size:28px;font-weight:500;line-height:1.6em;color:#fff;}
#main section{position:relative;}
#main .sectionContainer{position:relative;width:100%; display:block;margin:0 auto;padding-top:100px;padding-bottom:100px;}
#main section img{max-width:100%;}


#sec01{position:relative;background:#005edc url('../img/sec01_star.png') no-repeat bottom center / 100% auto;}
#sec01 .sectionContainer{padding:0;display:flex; position:relative; flex-direction:column; height:100vh;}
/* #sec01 .logo{text-align:center;margin-top:430px;} */
#sec01 .img02{text-align:center;margin-top:150px;margin-bottom:130px;}
/* css 수정 zerois */
#sec01 .sectionContainer.secbg1 {background:url('../img/sec01_bg.png') no-repeat top center / 100% auto;}
#sec01 .logo {width:80%; height:80%; position:absolute; left:50%; top:50%; transform:translate(-50%, -70%);}
#sec01a {background:#005edc url('../img/sec01_star.png') no-repeat bottom center / 100% auto;}

#sec02{background:#004db7 url('../img/sec02_star.png') no-repeat bottom center / 100% auto;}
#sec02 .title {overflow: hidden;}
#sec02 .sectionContainer{padding-bottom:200px;}
#sec02 .prev:before, #sec02 .next:before{display:none}
#sec02 .prev{left:50%;margin-left:-400px;}
#sec02 .next{right:50%;margin-right:-400px;}
#sec02 .mySwiper .swiper-slide{transform:scale(0.8);transition:all .2s ease-in-out;}
#sec02 .mySwiper .swiper-slide-active{transform:scale(1);}


#sec03{position:relative;background:#2947d7 url('../img/sec03_star.png') no-repeat top center / 100% auto;}
#sec03 .sectionContainer{display:flex;flex-direction:column;align-items:center;}
#sec03 .title{position:absolute;top:-120px;padding:25px 25px 0 25px;border-top-left-radius:30px;border-top-right-radius:30px;background:#715bdc;}
#sec03 .imgSet{position:relative;}
#sec03 .imgSet .img02,
#sec03 .imgSet .img03,
#sec03 .imgSet .img04,
#sec03 .imgSet .img05,
#sec03 .imgSet .img06{position:absolute;top:0;left:0;}
#sec03 .imgMset {display: none;}

#sec04{position:relative;background:#0084ff;}
#sec04 .sectionContainer{display:flex;flex-direction:column;align-items:center;}
#sec04 .thumbSwiper.view{position:relative;margin-left:auto;margin-right:auto;margin-top:250px;}
#sec04 .thumbSwiper.view .cover{position:absolute;top:-40px;left:50%;margin-left:-700px;z-index:9;width:1400px;}
#sec04 .thumbSwiper.view .swiper-container{position:relative; width:1024px; border-radius:20px;}
#sec04 .thumbSwiper.view .swiper-slide{position:relative;}
#sec04 .thumbSwiper.view .swiper-slide img{width:90%; object-fit:cover;}
#sec04 .thumbSwiper.thumb{width:100%;margin-top:80px;}
#sec04 .thumbSwiper.thumb .swiper-container{padding:0 50px;}
#sec04 .thumbSwiper.thumb .swiper-slide{width:224px;height:146px;object-fit:cover}
#sec04 .thumbSwiper.thumb .swiper-slide-thumb-active{border:9px solid #5ce2f7;box-shadow:0 6px 9px rgba(0,0,0,0.1);}
#sec04 .prev:before, #sec04 .next:before{display:none}
#sec04 .prev{left:50%;margin-left:-400px;}
#sec04 .next{right:50%;margin-right:-400px;}

#sec04 .youtubebox {width:100%; max-width:940px; padding-bottom:39%; position:relative; margin-top: 100px;}
#sec04 .youtubebox iframe {width:100%; height:100%; position:absolute; left:0; top:0;}

#sec05{position:relative;background:#0084ff;}

#sec06{position:relative;background:#002660;}
#sec06 .sectionContainer{padding-top:0;}

#sec07{position:relative;background:#002660;}
#sec07 .sectionContainer{padding-bottom:200px;}

#sec08{position:relative; background:#002660; padding:50px 0;}
#sec08 .formContainer{font-size:20px;padding:25px;background:#fff;border-radius:10px;}
#sec08 .formContainer .form-label{font-size:18px;color:#000;}
#sec08 textarea{padding:15px;min-height:100px;border-radius:10px;background:#EEF2F3;border:1px solid #D9D9D9;}
#sec08 input{padding:0 15px;height:40px;border-radius:10px;background:#EEF2F3;border:1px solid #D9D9D9;}
#sec08 .btnSubmit{background:#B68E49;color:#fff;width:150px;height:44px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;}
#sec08 ._ul{display:flex;flex-direction:column;gap:20px;margin-top:40px;}
#sec08 ._ul li{font-size:16px;font-weight:400;color:#000;display:flex;align-items:center;gap:25px;padding:0 20px;height:56px;background:#fff;border-radius:24px;}
#sec08 ._ul li .name{width:100px;}
#sec08 ._ul li .date{margin-left:auto;}
#sec08 .pager{margin-top:20px;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center;}
#sec08 .pager a{display:inline-flex;align-items:center;justify-content:center; color:#fff;}
#sec08 .pager a:before{content:'';width:1px;height:20px;background:rgba(255,255,255,0.6);margin:0 10px;}
#sec08 .pager a.prev{margin-right:15px;}
#sec08 .pager a.next{margin-left:15px;}
#sec08 .pager a:first-child:before, #sec08 .pager .prev + a:before, #sec08 .pager a:last-child:before{display:none}
/* css add zerois */
#sec08 .form-agreement {font-size:16px;}
#sec08 .form-agreement .title {font-size:20px;}
#sec08 .form-agreement>.flex {padding:20px; border:solid 1px #D9D9D9; background-color:#EEF2F3; justify-content: center; gap:5%; border-radius:10px;}
#sec08 .form-agreement>.flex .list li {margin-top:5px;}
#sec08 .form-agreement>.flex .list li:first-child {margin-top:auto;}
#sec08 .form-agreement .chackbox label {margin-left: 10px;}

#sec09 .sectionContainer {padding:50px 0;}
#sec09 .flex{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
#sec09 .title-t1 {color:#002660; margin-bottom:30px;}
#sec09 .title-t1 span {color:#004db7}




.thumbSwiper .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center;}
.thumbSwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}


/* ─────────────────────────────────────────────────
									mobile
───────────────────────────────────────────────── */
@media screen and (max-width:1440px) {
	#main .sectionContainer{max-width:1024px;}
	#sec01 .sectionContainer {max-width:100%;}
}
@media screen and (max-width:780px) {
	#root{--header-height:60px;}
	
	#header .headerContainer{padding:0;display:flex;align-items:flex-start;flex-direction:column;gap:15px;}
	#header .headerContainer .logo{display:none;}
	#header .headerContainer ._hd_scroll_nav{width:100%;height:100%;font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;justify-content:space-between;}
	#header .headerContainer ._hd_scroll_nav .active{color:#F7B22C;}
	
	#main .sectionContainer{padding-top:50px;padding-bottom:50px;}

	#sec01{}
	#sec01 .sectionContainer{height:300px;}
	/* #sec01 .logo{text-align:center;margin-top:80px;} */
	/* #sec01 .logo img{max-width:230px;} */
	#sec01 .logo {transform: translate(-50%, -50%);}
	#sec01 .img02{padding:0 25px;text-align:center;margin-top:120px;margin-bottom:30px;}


	#sec02{background:#004db7 url('../img/sec02_star.png') no-repeat bottom center / 100% auto;}
	#sec02 .sectionContainer{padding-bottom:150px;}
	#sec02 .prev:before, #sec02 .next:before{display:none}
	#sec02 .prev{left:0;margin-left:10px;}
	#sec02 .next{right:0;margin-right:10px;}
	#sec02 .mySwiper .swiper-slide{transform:scale(0.8);transition:all .2s ease-in-out;}
	#sec02 .mySwiper .swiper-slide-active{transform:scale(1);}


	#sec03{position:relative;background:#2947d7 url('../img/sec03_star.png') no-repeat top center / 100% auto;}
	#sec03 .sectionContainer{display:flex;flex-direction:column;align-items:center;}
	#sec03 .title{position:absolute;top:-60px;padding:25px 25px 0 25px;border-top-left-radius:30px;border-top-right-radius:30px;background:#715bdc;}
	#sec03 p{padding-left:20px;padding-right:20px;font-size:18px !important;line-height:1.8em;}
	#sec03 .btn{max-width:300px;}
	#sec03 .mt90{margin-top:40px !important;}
	#sec03 .imgSet {display: none;}
	#sec03 .imgMset {display: block;}

	#sec04 .sectionContainer{display:flex;flex-direction:column;align-items:center;}
	#sec04 p{padding-left:20px;padding-right:20px;font-size:18px !important;line-height:1.8em;}
	#sec04 .thumbSwiper.view{position:relative;margin-left:auto;margin-right:auto;margin-top:70px;width:100%;}
	#sec04 .thumbSwiper.view .cover{display:none;}
	#sec04 .thumbSwiper.view .swiper-container{position:relative;width:100%;border-radius:10px;padding:0 20px;}
	#sec04 .thumbSwiper.view .swiper-slide{position:relative;width:100%;}
	#sec04 .thumbSwiper.view .swiper-slide img{width:auto;height:auto;object-fit:cover;}
	#sec04 .thumbSwiper.thumb{width:100%;margin-top:30px;}
	#sec04 .thumbSwiper.thumb .swiper-container{padding:0 20px;}
	#sec04 .thumbSwiper.thumb .swiper-slide{width:154px;height:106px;object-fit:cover}
	#sec04 .thumbSwiper.thumb .swiper-slide-thumb-active{border:4px solid #5ce2f7;}
	#sec04 .prev{left:0;margin-left:10px;}
	#sec04 .next{right:0;margin-right:10px;}

	#sec05 .sectionContainer{padding-left:20px;padding-right:20px;}

	#sec06 .sectionContainer{padding-top:0;}

	#sec07 .sectionContainer{padding-top:40px;padding-bottom:100px;padding-left:20px;padding-right:20px;}	


	#sec08 .sectionContainer{padding-left:20px; padding-right:20px;}
	#sec08 .formContainer{font-size:16px;padding:25px;background:#fff;border-radius:10px;max-width:100%;}
	#sec08 .formContainer .form-list{--form-label-width:56px;gap:0;}
	#sec08 .formContainer .form-label{font-size:16px;color:#000;white-space:nowrap;padding:0 !important;}
	#sec08 .formContainer .form-label + .formCon{flex:none;width:calc(100% - var(--form-label-width));}
	#sec08 .formContainer .formCon + .form-label{margin-top:20px;}
	#sec08 .formContainer .formCon + .form-label + .formCon{margin-top:20px;}
	#sec08 textarea{padding:15px;min-height:100px;border-radius:10px;background:#EEF2F3;border:1px solid #D9D9D9;}
	#sec08 input{padding:0 15px;height:40px;border-radius:10px;background:#EEF2F3;border:1px solid #D9D9D9;}
	#sec08 .btnSubmit{background:#B68E49;color:#fff;width:150px;height:44px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;}
	#sec08 ._ul{display:flex;flex-direction:column;gap:20px;margin-top:40px;max-width:100%;}
	#sec08 ._ul li{font-size:15px;font-weight:400;color:#000;text-align:left;line-height:1em;display:flex;align-items:center;flex-wrap:wrap;gap:6px 15px;padding:14px 25px;height:auto;background:#fff;border-radius:30px;}
	#sec08 ._ul li .name{order:1;width:100px;}
	#sec08 ._ul li .date{order:2;margin-left:auto;text-align:right;opacity:0.7}
	#sec08 ._ul li .subject{order:3;width:100%;}

	#sec09 .flex{gap:20px;padding:0 15px;}
	#sec09 img{width:30%;}

	#footer{padding:20px;}
	#footerContainer{font-size:15px;}
	/* add css zerois */
	.txt-t1>span {
		display: block;
		white-space:nowrap;
	}
}