/* *******************
 * main vis
******************* */
.main-container { position:relative; padding:50px 0; /*background-color:#eff4fc #e0f2f1*/; font-family:Pretendard, sans-serif; line-height:1.1; letter-spacing:-0.05em; z-index:10; }

.main-container .bg-cloud { position: absolute; max-width: 1700px; left: 0; right: 0; height: 300px; z-index: -1; margin: 0 auto; overflow: hidden; }
.bg-cloud .cloud { position: absolute; background-repeat: no-repeat; background-size: contain; animation-name: moveCloud; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.bg-cloud .cloud1 { background-image: url('/images/cloud_1.png'); width: 135px; height: 82px; top: 50px; animation-duration: 40s; animation-direction: alternate; }
.bg-cloud .cloud2 { background-image: url('/images/cloud_2.png'); width: 135px; height: 82px; top: 220px; animation-duration: 55s; animation-direction: alternate-reverse; }
.bg-cloud .cloud3 { background-image: url('/images/cloud_3.png'); width: 135px; height: 82px; top: 200px; animation-duration: 45s; animation-direction: alternate; animation-delay: -15s; }
.bg-cloud .cloud4 { background-image: url('/images/cloud_1.png'); width: 135px; height: 82px; top: 120px; animation-duration: 65s; animation-direction: alternate-reverse; animation-delay: -30s; }
.bg-cloud .cloud5 { background-image: url('/images/cloud_2.png'); width: 135px; height: 82px; top: 150px; animation-duration: 48s; animation-direction: alternate; animation-delay: -8s; }


.main-container .title-section { max-width:1460px; margin:0 auto; padding:20px 0 0 0; display:flex; flex-wrap:wrap; align-items:center; }
.main-container .title-section .title-box { width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; padding: 40px 20px 0 0; letter-spacing:-0.05em; }
.main-container .title-section .top-tag { font-size: 20px; padding-left:5px; font-weight: 700; color: #111; width:100%; text-align:center; }
.main-container .title-section .main-title { font-family:var(--neo); font-size:45px; padding:20px 0 20px 0; font-weight:900; color: #111111; width:100%; text-align:center; }
.main-container .title-section .sub-title { font-family:var(--neo); font-size: 22px; font-weight:800; color: #37474f; width:100%; text-align:center; }
.main-container .title-section .highlight { color: #00b59b; }

.main-container .title-section .title-img { width:100%; height:300px; position:relative; }
.main-container .title-section .title-img img { width:100%; }
.main-container .title-section .title-img .top_img_1 { width:230px; left:130px; bottom:0; position:absolute; z-index:2; } /*width:315px;    ÀÔ°£ÆÇ */
.main-container .title-section .title-img .top_img_2 { width:300px; right:150px; bottom:0; position:absolute; z-index:2; } /*width:415px;    °¡Á· (°¡Àå ¸¶Áö¸·¿¡ µîÀå) */
.main-container .title-section .title-img .top_img_3 { display:none; width:100px; right:450px; bottom:-10px; position:absolute; z-index:1; } /*width:275px;    ÀÛÀº³ª¹« */
.main-container .title-section .title-img .top_img_4 { display:none; width:100px; left:480px; bottom:0; position:absolute; z-index:1; } /*width:275px;    ±æ */
.main-container .title-section .title-img .top_img_5 { width:130px; left:30px; bottom:-10px; position:absolute; z-index:1; } /*width:275px;    ³ª¹« */
.main-container .title-section .title-img .top_img_6 { width:330px; right:40px; bottom:0px; position:absolute; z-index:1; } /*width:275px;    Ȑ */
.main-container .title-section .title-img .top_img_7 { width:150px; left:250px; bottom:0px; position:absolute; z-index:3; } /*width:275px;    ²É */
.main-container .title-section .title-img .top_img_8 { display:none; width:150px; left:10px; bottom:0px; position:absolute; z-index:1; } /*width:275px;    µ¿¹° */

.main-container .title-section .title-img > div { opacity: 0; transform-origin: bottom center; animation: popUpBounce 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }

.main-container .title-section .title-img .top_img_6 { animation-delay: 1.1s; } /* Ȑ */
.main-container .title-section .title-img .top_img_4 { animation-delay: 1.25s; } /* ±æ */
.main-container .title-section .title-img .top_img_5 { animation-delay: 1.4s; } /* ³ª¹« */
.main-container .title-section .title-img .top_img_3 { animation-delay: 1.5s; } /* ÀÛÀº³ª¹« */
.main-container .title-section .title-img .top_img_1 { animation-delay: 1.6s; } /* ÀÔ°£ÆÇ */
.main-container .title-section .title-img .top_img_7 { animation-delay: 1.75s; } /* ²É */
.main-container .title-section .title-img .top_img_8 { animation-delay: 1.9s; } /* µ¿¹° */
.main-container .title-section .title-img .top_img_2 { animation-delay: 2.1s; } /* °¡Á· */

@keyframes moveCloud { 0% { left: 0%; transform: translateX(0%); } 100% { left: 100%; transform: translateX(-100%); } }

@keyframes popUpBounce {
  0% {
    opacity: 0;
    transform: scale(0.6) translateY(30px); /* ÀÛ°í ¾à°£ ¾Æ·¡¿¡¼­ ½ÃÀÛ */
  }
  60% {
    opacity: 1;
    transform: scale(1.01) translateY(-5px); /* º»·¡ Å©±âº¸´Ù »ì¦ Ä¿Áö°í À§·Î ¼Ú±¸Ä§ (ź¼º) */
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0); /* Á¤À§Ä¡, Á¤»çÀÌÁî ¾ÈÂø */
  }
}

@media screen and (max-width: 1460px){
	.main-container { padding:50px 0; }

	.main-container .bg-cloud { max-width: 100%; height: 280px; }
	.bg-cloud .cloud1 { width: 100px; height: 59px; top: 20px; animation-duration: 40s; }
	.bg-cloud .cloud2 { width: 100px; height: 59px; top: 120px; animation-duration: 55s; }
	.bg-cloud .cloud3 { width: 100px; height: 59px; top: 100px; animation-duration: 45s; animation-delay: -15s; }
	.bg-cloud .cloud4 { width: 100px; height: 59px; top: 50px; animation-duration: 65s; animation-delay: -30s; }
	.bg-cloud .cloud5 { width: 100px; height: 59px; top: 80px; animation-duration: 48s; animation-delay: -8s; }

	.main-container .title-section { max-width:100%; padding:20px 0 0 0; }
	.main-container .title-section .title-box { padding: 20px 20px 0 0; }
	.main-container .title-section .top-tag { font-size: 18px; padding-left:5px; }
	.main-container .title-section .main-title { font-size:40px; padding:20px 0 20px 0; }
	.main-container .title-section .sub-title { font-size: 20px; }

	.main-container .title-section .title-img { position:relative; height:250px; }
	.main-container .title-section .title-img .top_img_1 { width:15%; left:13%; bottom:0; position:absolute; z-index:2; } /*width:315px;    ÀÔ°£ÆÇ */
	.main-container .title-section .title-img .top_img_2 { width:22%; right:10%; bottom:0; position:absolute; z-index:2; } /*width:415px;    °¡Á· */
	.main-container .title-section .title-img .top_img_5 { width:12%; left:3%; bottom:-10px; position:absolute; z-index:1; } /*width:275px;    ³ª¹« */
	.main-container .title-section .title-img .top_img_6 { width:25%; right:5%; bottom:0px; position:absolute; z-index:1; } /*width:275px;    Ȑ */
	.main-container .title-section .title-img .top_img_7 { width:80px; left:20%; bottom:0px; position:absolute; z-index:3; } /*width:275px;    ²É */
}

@media screen and (max-width: 1100px){
	.main-container { padding:20px 0; }

	.main-container .bg-cloud { max-width: 100%; height: 250px; }
	.bg-cloud .cloud1 { width: 100px; height: 59px; top: 20px; animation-duration: 40s; }
	.bg-cloud .cloud2 { width: 100px; height: 59px; top: 120px; animation-duration: 55s; }
	.bg-cloud .cloud3 { width: 100px; height: 59px; top: 100px; animation-duration: 45s; animation-delay: -15s; }
	.bg-cloud .cloud4 { width: 100px; height: 59px; top: 50px; animation-duration: 65s; animation-delay: -30s; }
	.bg-cloud .cloud5 { width: 100px; height: 59px; top: 80px; animation-duration: 48s; animation-delay: -8s; }

	.main-container .title-section { padding:10px 0 0 0; }
	.main-container .title-section .title-box { padding: 15px 15px 0 0; }
	.main-container .title-section .top-tag { font-size: 16px; padding-left:5px; }
	.main-container .title-section .main-title { font-size:32px; padding:10px 0 15px 0; }
	.main-container .title-section .sub-title { font-size: 17px; }

	.main-container .title-section .title-img { position:relative; height:250px; }
	.main-container .title-section .title-img .top_img_1 { width:15%; left:20%; bottom:0; position:absolute; z-index:2; } /*width:315px;    ÀÔ°£ÆÇ */
	.main-container .title-section .title-img .top_img_2 { width:22%; right:20%; bottom:0; position:absolute; z-index:2; } /*width:415px;    °¡Á· */
	.main-container .title-section .title-img .top_img_5 { width:12%; left:6%; bottom:-10px; position:absolute; z-index:1; } /*width:275px;    ³ª¹« */
	.main-container .title-section .title-img .top_img_6 { width:30%; right:3%; bottom:0px; position:absolute; z-index:1; } /*width:275px;    Ȑ */
	.main-container .title-section .title-img .top_img_7 { width:80px; left:20%; bottom:0px; position:absolute; z-index:3; } /*width:275px;    ²É */
}

@media screen and (max-width: 650px){
	.main-container { padding:20px 0; }

	.main-container .bg-cloud { max-width: 100%; height: 250px; }
	.bg-cloud .cloud1 { width: 80px; height: 47px; top: 20px; animation-duration: 40s; }
	.bg-cloud .cloud2 { width: 80px; height: 47px; top: 120px; animation-duration: 55s; }
	.bg-cloud .cloud3 { width: 80px; height: 47px; top: 100px; animation-duration: 45s; animation-delay: -15s; }
	.bg-cloud .cloud4 { width: 80px; height: 47px; top: 50px; animation-duration: 65s; animation-delay: -30s; }
	.bg-cloud .cloud5 { width: 80px; height: 47px; top: 80px; animation-duration: 48s; animation-delay: -8s; }

	.main-container .title-section { padding:10px 0 0 0; }
	.main-container .title-section .title-box { padding: 10px 0px 0 0; }
	.main-container .title-section .top-tag { font-size: 14px; padding-left:5px; }
	.main-container .title-section .main-title { font-size:25px; padding:10px 0 15px 0; }
	.main-container .title-section .sub-title { font-size: 15px; }

	.main-container .title-section .title-img { position:relative; height:250px; }
	.main-container .title-section .title-img .top_img_1 { width:26%; left:3%; bottom:0; position:absolute; z-index:2; } /*width:315px;    ÀÔ°£ÆÇ */
	.main-container .title-section .title-img .top_img_2 { width:50%; right:24%; bottom:0; position:absolute; z-index:2; } /*width:415px;    °¡Á· */
	.main-container .title-section .title-img .top_img_5 { display:none; width:12%; left:6%; bottom:-10px; position:absolute; z-index:1; } /*width:275px;    ³ª¹« */
	.main-container .title-section .title-img .top_img_6 { width:30%; right:3%; bottom:0px; position:absolute; z-index:1; } /*width:275px;    Ȑ */
	.main-container .title-section .title-img .top_img_7 { width:80px; left:20%; bottom:0px; position:absolute; z-index:3; } /*width:275px;    ²É */
}



/* ************************
 * main btns
 ************************ */
.main-btn-wrap { padding-bottom:20px; }
ul.btnWrap { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; width:1460px; height:530px; padding:0 0 30px 0; overflow:hidden; margin:0px auto 0; z-index:99; font-family: 'Pretendard'; font-weight:500; }
ul.btnWrap li { position:relative; width:32%; height:530px; border-radius:20px; overflow:hidden; background:#000; transition:all .8s; box-shadow: 0px 10px 12px rgb(0 0 0 / 10%); }
ul.btnWrap li.full {width:35% !important;}
ul.btnWrap li.hid {width:31% !important;}
ul.btnWrap li.mn1 {background:#008656;}
ul.btnWrap li.mn2 {background:#139ea8;}
ul.btnWrap li.mn3 {background:#127ca8;}

ul.btnWrap li .picz { position:relative; margin:20px auto; width:90%; height:180px; z-index:1; opacity:1; transition:all .8s; border-radius:20px; overflow:hidden; }
ul.btnWrap li:hover .picz { opacity:1; transition:all .8s; }

ul.btnWrap li .plogo { position:absolute; width:250px; top:70px; left:0; right:0; margin:0 auto; z-index:1; transition:all .8s; }
ul.btnWrap li .plogo img {display:inline-block; width:250px; filter: brightness(0) invert(1); }

ul.btnWrap li .ptitle { position:relative; width:90%; font-size:23px; font-family:var(--neo); margin:0 auto; padding:10px 0 30px 0; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); font-weight:800; color:#fff; line-height:1.3; z-index:1; transition:all .8s; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

ul.btnWrap li .pdesc { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; width:90%; margin:30px auto 0; z-index:1; transition:all .8s; line-height:1; }
ul.btnWrap li .pdesc span { display:block; width:calc((100% - (10px * 2)) / 3); }
ul.btnWrap li .pdesc span a { display:block; width:100%; font-size:18px; padding:10px 0; margin:3px; color:#fff; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.1); text-align:center; border-radius:20px; transition:all .3s; }

@media screen and (max-width: 1460px){
	.main-btn-wrap { padding-bottom:20px; }
	ul.btnWrap { width:95%; height:430px; padding:0 0 20px 0; }
	ul.btnWrap li { width:32.5%; height:430px; border-radius:10px; }
	ul.btnWrap li.full {width:35% !important;}
	ul.btnWrap li.hid {width:31% !important;}

	ul.btnWrap li .picz { margin:15px auto; width:93%; height:150px; border-radius:10px; }

	ul.btnWrap li .plogo { width:220px; top:60px; }
	ul.btnWrap li .plogo img {width:220px; }

	ul.btnWrap li .ptitle { width:90%; font-size:20px; padding:10px 0 30px 0; }

	ul.btnWrap li .pdesc { gap: 10px; width:90%; margin:20px auto 0; }
	ul.btnWrap li .pdesc span { width:calc((100% - (10px * 2)) / 3); }
	ul.btnWrap li .pdesc span a { font-size:15px; padding:10px 0; margin:3px; border-radius:20px; }
}

@media screen and (max-width: 900px){
	.main-btn-wrap { padding-bottom:20px; }

	ul.btnWrap { height:auto; padding:0 0 0 0; }
	ul.btnWrap li { width:100%; height:auto; border-radius:10px; padding-bottom:20px; margin-bottom:10px; }
	ul.btnWrap li.full {width:100% !important;}
	ul.btnWrap li.hid {width:100% !important;}

	ul.btnWrap li .picz { margin:15px auto; width:93%; height:120px; border-radius:10px; }

	ul.btnWrap li .plogo { width:200px; top:40px; }
	ul.btnWrap li .plogo img {width:200px; }

	ul.btnWrap li .ptitle { width:100%; font-size:18px; padding:10px 0 20px 0; }

	ul.btnWrap li .pdesc { gap: 5px; width:90%; margin:20px auto 0; }
	ul.btnWrap li .pdesc span { width:calc((100% - (10px * 2)) / 3); }
	ul.btnWrap li .pdesc span a { font-size:15px; padding:10px 0; margin:3px; border-radius:20px; }
}

@media screen and (max-width: 650px){
	.main-btn-wrap { padding-bottom:20px; }

	ul.btnWrap li { width:100%; height:auto; border-radius:10px; padding-bottom:20px; margin-bottom:15px; }

	ul.btnWrap li .picz { margin:15px auto; width:93%; height:90px; border-radius:10px; }

	ul.btnWrap li .plogo { width:150px; top:35px; }
	ul.btnWrap li .plogo img {width:150px; }

	ul.btnWrap li .ptitle { width:87%; font-size:16px; padding:5px 0 10px 0; }

	ul.btnWrap li .pdesc { gap: 3px; margin:10px auto 0; }
	ul.btnWrap li .pdesc span { width:calc((100% - (10px * 2)) / 3); }
	ul.btnWrap li .pdesc span a { font-size:13px; padding:8px 0; margin:3px; border-radius:20px; }
}


.m-course-wrap { display: flex; align-items: center; justify-content: space-between; padding: 15px 30px; max-width:800px; margin: 50px auto 0; background: linear-gradient(90deg, #42b6e9 0%, #00b094 100%); border-radius: 50px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); color: white; }
.m-course-wrap .course-content { display: flex; flex-wrap:wrap; align-items: center; width:100%; }
.m-course-wrap .course-content span.material-symbols-outlined { width:40px; font-size: 35px; color: white; font-variation-settings: 'FILL' 1, 'wght' 200; }
.m-course-wrap .course-content span.notice-tag { width:80px; font-size:19px; font-weight: 700; color: #fff; flex-shrink: 0; }
.m-course-wrap .course-content .course-text { display:block; width:calc(100% - 130px); overflow:hidden; }

@keyframes yellow-white-blink { 0%, 100% { color: #ffffff; } 50% { color: #ffff00; } }

@media screen and (max-width: 1460px){
	.m-course-wrap { padding: 15px 30px; max-width:800px; margin: 50px auto 0; border-radius: 50px; }
	.m-course-wrap .course-content span.material-symbols-outlined { width:35px; font-size: 32px; }
	.m-course-wrap .course-content span.notice-tag { width:70px; font-size:18px; }
	.m-course-wrap .course-content .course-text { width:calc(100% - 110px); }
}

@media screen and (max-width: 900px){
	.m-course-wrap { padding: 10px 20px; max-width:95%; margin: 20px auto 0; border-radius: 50px; }
	.m-course-wrap .course-content span.material-symbols-outlined { width:35px; font-size: 32px; }
	.m-course-wrap .course-content span.notice-tag { width:70px; font-size:18px; }
	.m-course-wrap .course-content .course-text { width:calc(100% - 110px); }
}

@media screen and (max-width: 650px){
	.m-course-wrap { padding: 10px 10px; margin: 10px auto 0; border-radius: 50px; }
	.m-course-wrap .course-content span.material-symbols-outlined { width:20px; font-size: 25px; }
	.m-course-wrap .course-content span.notice-tag { width:55px; font-size:15px; }
	.m-course-wrap .course-content .course-text { width:calc(100% - 85px); }
}


/* ********************
*  °øÁö»çÇ×
******************** */
.notice-container { width: 100%; max-width: 1460px; padding:50px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 auto; font-family:Pretendard, sans-serif; background:#fff; border-radius:20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03); line-height:1.1; }

.notice-container .notice-left { width: 48%; } 
.notice-container .notice-left .nt-title-wrap { width: 100%; padding:0 0 25px 0; border-bottom: 1px solid #000; }
.notice-container .notice-left .nt-title-wrap .notice-title { position:relative; font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.notice-container .notice-left .nt-title-wrap .notice-title a { position: absolute; bottom:0px; right: 0; font-size: 11px; font-family: Pretendard; color: #222; background: #fff; padding: 7px 20px 5px 20px; border: 1px solid #505063; border-radius: 20px; letter-spacing: -0.05em; line-height: 1.1; transition: all .2s; }
.notice-container .notice-left .nt-title-wrap .notice-title a:hover { background: #00b59b; border: 1px solid #00b59b; color: #fff; transition: all .2s; }


.notice-container .notice-righ { width: 48%; } 
.notice-container .notice-righ .nc-title-wrap { width: 100%; padding:0 0 25px 0; border-bottom: 1px solid #000; }
.notice-container .notice-righ .nc-title-wrap .cose-title { position:relative; font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.notice-container .notice-righ .nc-title-wrap .cose-title a { position: absolute; bottom:0px; right: 0; font-size: 11px; font-family: Pretendard; color: #222; background: #fff; padding: 7px 20px 5px 20px; border: 1px solid #505063; border-radius: 20px; letter-spacing: -0.05em; line-height: 1.1; transition: all .2s; }
.notice-container .notice-righ .nc-title-wrap .cose-title a:hover { background: #00b59b; border: 1px solid #00b59b; color: #fff; transition: all .2s; }

.notice-list { margin-top:20px; display: flex; flex-wrap: wrap; justify-content:space-between; }

@media screen and (max-width: 1460px){
	.notice-container { max-width: 95%; padding:30px; border-radius:10px; }

	.notice-container .notice-left { width: 48%; } 
	.notice-container .notice-left .nt-title-wrap { padding:0 0 20px 0; }
	.notice-container .notice-left .nt-title-wrap .notice-title { font-size:25px; }
	.notice-container .notice-left .nt-title-wrap .notice-title a { bottom:0px; right: 0; font-size: 11px; padding: 5px 20px 3px 20px; border: 1px solid #505063; border-radius: 20px; }

	.notice-container .notice-righ { width: 48%; } 
	.notice-container .notice-righ .nc-title-wrap { padding:0 0 20px 0; }
	.notice-container .notice-righ .nc-title-wrap .cose-title { font-size: 25px; }
	.notice-container .notice-righ .nc-title-wrap .cose-title a { bottom:0px; right: 0; font-size: 11px; padding: 5px 20px 3px 20px; border: 1px solid #505063; border-radius: 20px; }

	.notice-list { margin-top:20px; }
}

@media screen and (max-width: 1100px){
	.notice-container { max-width: 95%; padding:20px; border-radius:10px; }

	.notice-container .notice-left { width: 48%; } 
	.notice-container .notice-left .nt-title-wrap { padding:0 0 15px 0; }
	.notice-container .notice-left .nt-title-wrap .notice-title { font-size:20px; }
	.notice-container .notice-left .nt-title-wrap .notice-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.notice-container .notice-righ { width: 48%; } 
	.notice-container .notice-righ .nc-title-wrap { padding:0 0 15px 0; }
	.notice-container .notice-righ .nc-title-wrap .cose-title { font-size: 20px; }
	.notice-container .notice-righ .nc-title-wrap .cose-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.notice-list { margin-top:15px; }
}

@media screen and (max-width: 650px){
	.notice-container { padding:20px; border-radius:10px; }

	.notice-container .notice-left { width: 100%; } 
	.notice-container .notice-left .nt-title-wrap { padding:0 0 10px 0; }
	.notice-container .notice-left .nt-title-wrap .notice-title { font-size:19px; }
	.notice-container .notice-left .nt-title-wrap .notice-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.notice-container .notice-righ { width: 100%; margin-top:30px; } 
	.notice-container .notice-righ .nc-title-wrap { padding:0 0 10px 0; }
	.notice-container .notice-righ .nc-title-wrap .cose-title { font-size: 19px; }
	.notice-container .notice-righ .nc-title-wrap .cose-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.notice-list { margin-top:10px; }
}


/* ********************
*  ¹è³Ê
******************** */
.banner-section { width: 100%; max-width: 1460px; padding:0; margin:60px auto 0; font-family:Pretendard, sans-serif; border-radius:20px; background:#fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03); line-height:1.1; overflow:hidden;}
.banner-section img { width: 100%; }

@media screen and (max-width: 1460px){
	.banner-section { max-width: 95%; margin:40px auto 0; border-radius:10px; }
}

@media screen and (max-width: 1100px){
	.banner-section { margin:30px auto 0; border-radius:10px; }
}

@media screen and (max-width: 650px){
	.banner-section { margin:20px auto 0; border-radius:10px; }
}


/* ********************
*  ¸ÞÀÎ ÇÁ·Î±×·¥
******************** */
.program-section { width: 100%; max-width: 1460px; padding:50px; margin:60px auto 0; font-family:Pretendard, sans-serif; border-radius:20px; background:#fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03); line-height:1.1; }
.program-section .program-title { padding:0 0 25px 0;  font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.program-section .program-container { margin-top:20px; display: flex; gap: 20px; justify-content: space-between; }

.program-card { flex: 1; height: 450px; border-radius: 20px; overflow: hidden; background-size: cover; background-position: center; position: relative; }
.program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 40px; display: flex; flex-direction: column; justify-content: flex-start; }
.program-card a .overlay .card-subject { font-size: 26px; font-weight: 700; margin-bottom: 20px; color: #fff; transition:all .2s; }
.program-card a .overlay .card-desc { font-size: 18px; font-weight: 700;  line-height: 1.3; opacity: 0.9; color: #fff; }
.program-card a .overlay .plus-icon { margin-top: auto; align-self: flex-end; font-size: 40px; font-weight: 200; cursor: pointer; color: #fff; transition:all .2s; }

.program-card a .overlay:hover .card-subject { color:#ffff00; transition:all .2s; }
.program-card a .overlay:hover .plus-icon { color:#99ff00; transition:all .2s; }

@media screen and (max-width: 1460px){
	.program-section { max-width: 95%; padding:30px; margin:50px auto 0; border-radius:10px; }
	.program-section .program-title { padding:0 0 25px 0;  font-size: 25px; }
	.program-section .program-container { margin-top:20px; gap: 20px; }

	.program-card { flex: 1; height: 350px; border-radius: 10px; }
	.program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 20px; }
	.program-card a .overlay .card-subject { font-size: 23px; margin-bottom: 20px; }
	.program-card a .overlay .card-desc { font-size: 16px; }
	.program-card a .overlay .plus-icon { font-size: 35px; }
}

@media screen and (max-width: 1100px){
	.program-section { padding:20px; margin:30px auto 0; border-radius:10px; }
	.program-section .program-title { padding:0 0 15px 0;  font-size: 21px; }

	.program-section .program-container { margin-top:0; gap: 15px; flex-wrap: wrap; }
	.program-card { flex: 0 0 calc(50% - 10px); height: 300px; border-radius: 10px; }

	.program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 20px; }
	.program-card a .overlay .card-subject { font-size: 23px; margin-bottom: 20px; }
	.program-card a .overlay .card-desc { font-size: 16px; }
	.program-card a .overlay .plus-icon { font-size: 35px; }
}

@media screen and (max-width: 650px){
	.program-section { padding:20px; margin:30px auto 0; border-radius:10px; }
	.program-section .program-title { padding:0 0 15px 0;  font-size: 19px; }

	.program-section .program-container { margin-top:0; gap: 15px; flex-wrap: wrap; }
	.program-card { flex: 0 0 calc(100% - 0px); height: 200px; border-radius: 10px; }

	.program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 20px; }
	.program-card a .overlay .card-subject { font-size: 17px; margin-bottom: 10px; }
	.program-card a .overlay .card-desc { font-size: 13px; }
	.program-card a .overlay .plus-icon { font-size: 25px; }
}



.hall-of-fame { width: 100%; max-width: 1460px; padding:50px; margin:60px auto 0; font-family:Pretendard, sans-serif; letter-spacing:-0.05em; border-radius:20px; background:#fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03); line-height:1.1; }

.hall-header { padding:0 0 25px 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border-bottom: 1px solid #000; }
.hall-header .hall-title { font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.hall-header .hall-tabs { display: flex; gap: 10px; }
.hall-header .hall-tab { padding: 8px 16px; font-weight:700; border-radius: 4px; background: #f0f0f0; cursor: pointer; font-size: 14px; transition:all .2s; }
.hall-header .hall-tab:hover { background: #00b59b; color: #fff; transition:all .2s; }

@media screen and (max-width: 1460px){
	.hall-of-fame { max-width: 95%; padding:30px; margin:50px auto 0; border-radius:10px; }
	.hall-header { padding:0 0 25px 0; }
	.hall-header .hall-title { font-size: 25px; }
	.hall-header .hall-tabs { flex; gap: 10px; }
	.hall-header .hall-tab { padding: 8px 16px; border-radius: 4px; font-size: 13px; }
}

@media screen and (max-width: 1100px){
	.hall-of-fame { padding:20px; margin:40px auto 0; border-radius:10px; }
	.hall-header { padding:0 0 15px 0; }
	.hall-header .hall-title { font-size: 21px; }
	.hall-header .hall-tabs { flex; gap: 10px; }
	.hall-header .hall-tab { padding:5px 10px; border-radius: 4px; font-size: 13px; }
}

@media screen and (max-width: 650px){
	.hall-of-fame { padding:20px; margin:40px auto 0; border-radius:10px; }
	.hall-header { padding:0 0 15px 0; }
	.hall-header .hall-title { font-size: 19px; }
	.hall-header .hall-tabs { flex; gap:3px; }
	.hall-header .hall-tab { padding:3px 7px; border-radius: 2px; font-size: 12px; }
}



.s-notice-container { width: 100%; max-width: 1460px; padding:50px 50px 20px 50px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:30px auto 0; font-family:Pretendard, sans-serif; background:#fff; border-radius:20px; }

.s-notice-container .notice-left { width: 48%; } 
.s-notice-container .notice-left .nt-title-wrap { width: 100%; padding:0 0 25px 0; border-bottom: 1px solid #000; }
.s-notice-container .notice-left .nt-title-wrap .notice-title { position:relative; font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.s-notice-container .notice-left .nt-title-wrap .notice-title a { position: absolute; bottom:0px; right: 0; font-size: 11px; font-family: Pretendard; color: #222; background: #fff; padding: 7px 20px 5px 20px; border: 1px solid #505063; border-radius: 20px; letter-spacing: -0.05em; line-height: 1.1; transition: all .2s; }
.s-notice-container .notice-left .nt-title-wrap .notice-title a:hover { background: #00b59b; border: 1px solid #00b59b; color: #fff; transition: all .2s; }


.s-notice-container .notice-righ { width: 48%; } 
.s-notice-container .notice-righ .nc-title-wrap { width: 100%; padding:0 0 25px 0; border-bottom: 1px solid #000; }
.s-notice-container .notice-righ .nc-title-wrap .cose-title { position:relative; font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.s-notice-container .notice-righ .nc-title-wrap .cose-title a { position: absolute; bottom:0px; right: 0; font-size: 11px; font-family: Pretendard; color: #222; background: #fff; padding: 7px 20px 5px 20px; border: 1px solid #505063; border-radius: 20px; letter-spacing: -0.05em; line-height: 1.1; transition: all .2s; }
.s-notice-container .notice-righ .nc-title-wrap .cose-title a:hover { background: #00b59b; border: 1px solid #00b59b; color: #fff; transition: all .2s; }

.s-notice-container .notice-list { margin-top:20px; display: flex; flex-wrap: wrap; justify-content:space-between; }

@media screen and (max-width: 1460px){
	.s-notice-container { max-width: 95%; padding:30px; border-radius:10px; margin:20px auto 0; }

	.s-notice-container .notice-left { width: 48%; } 
	.s-notice-container .notice-left .nt-title-wrap { padding:0 0 20px 0; }
	.s-notice-container .notice-left .nt-title-wrap .notice-title { font-size:25px; }
	.s-notice-container .notice-left .nt-title-wrap .notice-title a { bottom:0px; right: 0; font-size: 11px; padding: 5px 20px 3px 20px; border: 1px solid #505063; border-radius: 20px; }

	.s-notice-container .notice-righ { width: 48%; } 
	.s-notice-container .notice-righ .nc-title-wrap { padding:0 0 20px 0; }
	.s-notice-container .notice-righ .nc-title-wrap .cose-title { font-size: 25px; }
	.s-notice-container .notice-righ .nc-title-wrap .cose-title a { bottom:0px; right: 0; font-size: 11px; padding: 5px 20px 3px 20px; border: 1px solid #505063; border-radius: 20px; }

	.s-notice-container .notice-list { margin-top:20px; }
}

@media screen and (max-width: 1100px){
	.s-notice-container { max-width: 95%; padding:20px; border-radius:10px; }

	.s-notice-container .notice-left { width: 48%; } 
	.s-notice-container .notice-left .nt-title-wrap { padding:0 0 15px 0; }
	.s-notice-container .notice-left .nt-title-wrap .notice-title { font-size:20px; }
	.s-notice-container .notice-left .nt-title-wrap .notice-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.s-notice-container .notice-righ { width: 48%; } 
	.s-notice-container .notice-righ .nc-title-wrap { padding:0 0 15px 0; }
	.s-notice-container .notice-righ .nc-title-wrap .cose-title { font-size: 20px; }
	.s-notice-container .notice-righ .nc-title-wrap .cose-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.s-notice-container .notice-list { margin-top:15px; }
}

@media screen and (max-width: 650px){
	.s-notice-container { padding:20px; border-radius:10px; }

	.s-notice-container .notice-left { width: 100%; } 
	.s-notice-container .notice-left .nt-title-wrap { padding:0 0 10px 0; }
	.s-notice-container .notice-left .nt-title-wrap .notice-title { font-size:19px; }
	.s-notice-container .notice-left .nt-title-wrap .notice-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.s-notice-container .notice-righ { width: 100%; margin-top:30px; } 
	.s-notice-container .notice-righ .nc-title-wrap { padding:0 0 10px 0; }
	.s-notice-container .notice-righ .nc-title-wrap .cose-title { font-size: 19px; }
	.s-notice-container .notice-righ .nc-title-wrap .cose-title a { bottom:0px; right: 0; font-size: 11px; padding: 3px 10px 1px 10px; border-radius: 20px; }

	.s-notice-container .notice-list { margin-top:10px; }
}


.s-program-section { width: 100%; max-width: 1460px; padding:50px; margin:0px auto 0; font-family:Pretendard, sans-serif; border-radius:20px; background:#fff; }
.s-program-section .program-title { padding:0 0 25px 0;  font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.s-program-section .program-container { margin-top:20px; display: flex; gap: 20px; justify-content: space-between; }

.s-program-section .program-card { flex: 1; height: 450px; border-radius: 20px; overflow: hidden; background-size: cover; background-position: center; position: relative; }
.s-program-section .program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 40px; display: flex; flex-direction: column; justify-content: flex-start; }
.s-program-section .program-card a .overlay .card-subject { font-size: 26px; font-weight: 700; margin-bottom: 20px; color: #fff; transition:all .2s; }
.s-program-section .program-card a .overlay .card-desc { font-size: 18px; font-weight: 700;  line-height: 1.3; opacity: 0.9; color: #fff; }
.s-program-section .program-card a .overlay .plus-icon { margin-top: auto; align-self: flex-end; font-size: 40px; font-weight: 200; cursor: pointer; color: #fff; transition:all .2s; }

.s-program-section .program-card a .overlay:hover .card-subject { color:#ffff00; transition:all .2s; }
.s-program-section .program-card a .overlay:hover .plus-icon { color:#99ff00; transition:all .2s; }

@media screen and (max-width: 1460px){
	.s-program-section { max-width: 95%; padding:30px; margin:0px auto 0; border-radius:10px; }
	.s-program-section .program-title { padding:0 0 15px 0;  font-size: 25px; }
	.s-program-section .program-container { margin-top:20px; gap: 20px; }

	.s-program-section .program-card { flex: 1; height: 350px; border-radius: 10px; }
	.s-program-section .program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 20px; }
	.s-program-section .program-card a .overlay .card-subject { font-size: 23px; margin-bottom: 20px; }
	.s-program-section .program-card a .overlay .card-desc { font-size: 16px; }
	.s-program-section .program-card a .overlay .plus-icon { font-size: 35px; }
}

@media screen and (max-width: 1100px){
	.s-program-section { padding:20px; margin:0px auto 0; border-radius:10px; }
	.s-program-section .program-title { padding:0 0 15px 0;  font-size: 21px; }

	.s-program-section .program-container { margin-top:0; gap: 15px; flex-wrap: wrap; }
	.s-program-section .program-card { flex: 0 0 calc(50% - 10px); height: 300px; border-radius: 10px; }

	.s-program-section .program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 20px; }
	.s-program-section .program-card a .overlay .card-subject { font-size: 23px; margin-bottom: 20px; }
	.s-program-section .program-card a .overlay .card-desc { font-size: 16px; }
	.s-program-section .program-card a .overlay .plus-icon { font-size: 35px; }
}

@media screen and (max-width: 650px){
	.s-program-section { padding:20px; margin:0px auto 0; border-radius:10px; }
	.s-program-section .program-title { padding:0 0 15px 0;  font-size: 19px; }

	.s-program-section .program-container { margin-top:0; gap: 15px; flex-wrap: wrap; }
	.s-program-section .program-card { flex: 0 0 calc(100% - 0px); height: 200px; border-radius: 10px; }

	.s-program-section .program-card a .overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding: 20px; }
	.s-program-section .program-card a .overlay .card-subject { font-size: 17px; margin-bottom: 10px; }
	.s-program-section .program-card a .overlay .card-desc { font-size: 13px; }
	.s-program-section .program-card a .overlay .plus-icon { font-size: 25px; }
}



.s-hall-of-fame { width: 100%; max-width: 1460px; padding:50px; margin:0 auto 0; font-family:Pretendard, sans-serif; letter-spacing:-0.05em; border-radius:20px; background:#fff; }

.s-hall-of-fame .hall-header { padding:0 0 25px 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border-bottom: 1px solid #000; }
.s-hall-of-fame .hall-header .hall-title { font-size: 30px; font-weight:700; color:rgba(0,0,0,0.8); }
.s-hall-of-fame .hall-header .hall-tabs { display: flex; gap: 10px; }
.s-hall-of-fame .hall-header .hall-tab { padding: 8px 16px; font-weight:700; border-radius: 4px; background: #f0f0f0; cursor: pointer; font-size: 14px; transition:all .2s; }
.s-hall-of-fame .hall-header .hall-tab:hover { background: #00b59b; color: #fff; transition:all .2s; }

@media screen and (max-width: 1460px){
	.s-hall-of-fame { max-width: 95%; padding:30px; margin:0 auto 0; border-radius:10px; }
	.s-hall-of-fame .hall-header { padding:0 0 25px 0; }
	.s-hall-of-fame .hall-header .hall-title { font-size: 25px; }
	.s-hall-of-fame .hall-header .hall-tabs { flex; gap: 10px; }
	.s-hall-of-fame .hall-header .hall-tab { padding: 8px 16px; border-radius: 4px; font-size: 13px; }
}

@media screen and (max-width: 1100px){
	.s-hall-of-fame { padding:20px; margin:0 auto 0; border-radius:10px; }
	.s-hall-of-fame .hall-header { padding:0 0 15px 0; }
	.s-hall-of-fame .hall-header .hall-title { font-size: 21px; }
	.s-hall-of-fame .hall-header .hall-tabs { flex; gap: 10px; }
	.s-hall-of-fame .hall-header .hall-tab { padding:5px 10px; border-radius: 4px; font-size: 13px; }
}

@media screen and (max-width: 650px){
	.s-hall-of-fame { padding:20px; margin:0 auto 0; border-radius:10px; }
	.s-hall-of-fame .hall-header { padding:0 0 15px 0; }
	.s-hall-of-fame .hall-header .hall-title { font-size: 19px; }
	.s-hall-of-fame .hall-header .hall-tabs { flex; gap:3px; }
	.s-hall-of-fame .hall-header .hall-tab { padding:3px 7px; border-radius: 2px; font-size: 12px; }
}