@charset "utf-8";

/* font */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: normal;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: bold;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face { 
	font-family: 'S-CoreDream-6Bold'; 
	font-style: normal; 
	font-weight: normal; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); 
}

/* 공통 */
/*  레이아웃 */
body { font-family:"Noto Sans KR","Malgun Gothic","맑은 고딕","돋움", Dotum, Verdana, Arial, helvetica, sans-serif; font-size:15px; letter-spacing:-0.05em; word-break:keep-all;word-wrap:break-word; background: #eaeaea; }
body * {line-height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td, textfield, select{margin:0;padding:0;}
ol, ul, li, dd, dl, dt  {list-style:none;}
a {text-decoration:none; color: inherit;}
img{ border:0}
.blind {width: 1px; height: 1px; overflow: hidden; position: absolute;  top: -9999em;  left: -9999em; }
.gap {height: 30px;}
.italic {font-style: oblique;}
#doc-wrap {overflow: hidden;}
.intro-wrap { position:relative;  background: linear-gradient(#e0f4ef, #bbf7e7); text-align: center;}

#header-wrap {padding: 50px 0 30px; position: relative;}
#header-wrap #logo img {width: 180px; position: relative; z-index: 2;}
#header-wrap .flowing-text {white-space: nowrap; overflow: hidden; animation: flowText 25s linear infinite; font-size: 290px; color: #fff; font-weight: 600; opacity: 0.3; position: absolute; bottom: -35%; z-index: 1;}

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

#mcontainer-wrap {max-width: 1600px; margin: 0 auto; position: relative; z-index: 3;}
#mcontainer-wrap .toplink-wrap {display: flex; justify-content: space-between;}
#mcontainer-wrap .toplink-wrap li {width: 22%; border: 2px solid #00b59b; border-radius: 50px; box-sizing: border-box; transition: all 0.5s;}
#mcontainer-wrap .toplink-wrap li a {font-size: 20px; text-align: left; color: #00b59b; font-weight: 600; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px;}
#mcontainer-wrap .toplink-wrap li a .btn {border-radius: 50%; background: url(/_Img/intro2025/2025intro_img07.png) no-repeat center center #00b59b; width: 35px; height: 35px;}

#mcontainer-wrap .toplink-wrap li:hover {background: #00b59b;}
#mcontainer-wrap .toplink-wrap li:hover a {color: #fff;}
#mcontainer-wrap .toplink-wrap li:hover a .btn {background: url(/_Img/intro2025/2025intro_img06.png) no-repeat center center #ffffff; transform: rotate(-45deg);}

.middlink-wrap {display: flex; margin-top: 30px; justify-content: space-between;}
.middlink-wrap li {width: 22%; box-sizing: border-box; border-radius: 15px; padding: 30px; transition: all 0.5s;}
.middlink-wrap li:hover {margin-top: -15px; box-shadow: 8px 8px 11px rgba(0, 0, 0, 0.2);}
.middlink-wrap li a {color: #fff; text-align: right;}
.middlink-wrap li:nth-child(1) {background: #01b1ad;}
.middlink-wrap li:nth-child(2) {background: #fff;}
.middlink-wrap li:nth-child(2) a {color: #01b1ad;}
.middlink-wrap li:nth-child(3) {background: #25a1ff;}
.middlink-wrap li:nth-child(4) {background: #79c03e;}
.middlink-wrap li .toptxt .f16 {font-size: 16px; display: block;}
.middlink-wrap li .toptxt .f24 {font-size: 22px; display: block;}
.middlink-wrap li .txt {font-size: 24px; font-weight: 600;}
.middlink-wrap li .img_box {height: 200px; width: 100%; border-radius: 15px; margin: 15px 0 20px;}
.middlink-wrap li .box01 {background: url(/_Img/intro2025/2025intro_img02.png) no-repeat center bottom #24ceca;}
.middlink-wrap li .box02 {background: url(/_Img/intro2025/2025intro_img03.png) no-repeat center bottom #3bbebb;}
.middlink-wrap li .box03 {background: url(/_Img/intro2025/2025intro_img04.png) no-repeat center bottom #5cb8fd; background-position: 0px 20px;}
.middlink-wrap li .box04 {background: url(/_Img/intro2025/2025intro_img05.png) no-repeat center bottom #92e64d;}
.middlink-wrap li .botext {display: flex; justify-content: end; align-items: center;}
.middlink-wrap li .btn {border-radius: 50%; background: url(/_Img/intro2025/2025intro_img07.png) no-repeat center center #00b59b; width: 35px; height: 35px; margin-left: 15px;}
.middlink-wrap li:nth-child(1) .btn { background: url(/_Img/intro2025/2025intro_img06.png) no-repeat center center #fff;}
.middlink-wrap li:nth-child(3) .btn { background: url(/_Img/intro2025/2025intro_img08.png) no-repeat center center #fff;}
.middlink-wrap li:nth-child(4) .btn { background: url(/_Img/intro2025/2025intro_img09.png) no-repeat center center #fff;}

.cont-wrap {display: flex; margin-top: 30px;}
.cont-wrap .day-wrap {width: 45%; margin-right: 3%; background: linear-gradient(#25a1ff, #01b1ad); border-radius: 15px; padding: 50px;}
.cont-wrap > div h3 {font-size: 36px; font-weight: 600;}
.cont-wrap .day-wrap h3 {color: #fff;}
.cont-wrap .day-wrap .date {text-align: left; color: #fff; font-size: 18px; margin-top: 50px;}
.cont-wrap .day-wrap .date h5 {font-size: 20px; margin-bottom: 10px;}
.cont-wrap .day-wrap .date li {margin-bottom: 30px;}
.cont-wrap .day-wrap .date li p {line-height: 2; color: #f7f7f7;}

.cont-wrap .day-wrap .banner {display: flex; justify-content: space-between; background: #05AFB7; margin-top: 20px;}
.cont-wrap .day-wrap .banner li {width: 48%; border: 2px solid #ffffff; border-radius: 50px; box-sizing: border-box; transition: all 0.5s;}
.cont-wrap .day-wrap .banner li a {font-size: 18px; text-align: left; color: #ffffff; font-weight: 400; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px;}
.cont-wrap .day-wrap .banner li a .btn {border-radius: 50%; background: url(/_Img/intro2025/2025intro_img07.png) no-repeat center center #FF0033; width: 35px; height: 35px;}

.cont-wrap .notice-wrap {width: 52%; background: #fff; border-radius: 15px; position: relative; padding: 50px;}
.cont-wrap .notice-wrap::after {content: ""; position: absolute; inset: 0; border-radius: 15px; padding: 10px; background:linear-gradient(0deg,#25a1ff,#01b1ad); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;}

.cont-wrap .notice-wrap h3 {color: #01b1ad;}
.cont-wrap .notice-wrap .tit-01 {font-size: 20px; color: #01b1ad; text-align: left; padding-left: 20px; margin-bottom: 20px; position: relative;}
.cont-wrap .notice-wrap .tit-01::after {width: 10px; height: 10px; background: #01b1ad; border-radius: 50%; position: absolute; top: 0px; left: 3px; content: ""; display: block;}
.cont-wrap .notice-wrap .tit-02 {font-size: 20px; color: #25a1ff; text-align: left; padding-left: 20px; margin-bottom: 20px; position: relative;}
.cont-wrap .notice-wrap .tit-02::after {width: 10px; height: 10px; background: #25a1ff; border-radius: 50%; position: absolute; top: 0px; left: 3px; content: ""; display: block;}
.cont-wrap .notice-wrap .noti {margin-top: 50px;}
.cont-wrap .notice-wrap .r {text-align: right; color: #01b1ad; margin-top: 15px; font-size: 15px;}
.cont-wrap .notice-wrap .info {background: #25a1ff; border-radius: 50px; margin-top: 35px; color: #fff; font-size: 20px; font-weight: 400;}
.cont-wrap .notice-wrap .info a {display: block; position: relative; z-index: 9; padding: 30px 30px;}

.tbl-type06 {border-collapse: collapse; border-spacing: 0px;border-style: solid;  border-width: 1px 1px 1px 1px; border-color: #29a15f #d1e3e0 #d1e3e0#d1e3e0; width: 100%;}
.tbl-type06 td, .tbl-type06 th {border-color:#d1e3e0;border-style:solid;border-width:1px 1px 1px 1px;}
.tbl-type06 thead th {background-color:#e5f1eb; border-top-color:#29a15f;border-bottom-color:#89c1a2;}
.tbl-type06 th, .tbl-type06 .th {background-color:#e5f1eb; padding: 15px; text-align: center; line-height: 115%;font-weight:600;color:#05623b;font-size:18px;}
.tbl-type06 td {padding: 15px; text-align: center; font-size: 16px; line-height: 120%;}
.tbl-type06 .left,.tbl-type05 .l {}
.tbl-type06 caption {font-size:11px;padding-top:5px;text-align:right;}

.link-wrap {background: #17a8e3; border-radius: 50px; margin: 30px 0;}
.link-wrap ul {display: flex; align-items: center;}
.link-wrap ul li {width: 16.6%;}
.link-wrap ul li a {color: #fff; padding: 30px 0; display: block; font-size: 18px; position: relative;}
.link-wrap ul li a::after {width: 1px; height: 25px; background: #fff; position: absolute; top: 50%; right: 0; content: ""; transform: translateY(-50%); display: block;}
.link-wrap ul li.last a::after {display: none;}

#footer-wrap {background: #2f2f2f; padding: 50px 0; color: #ededed; line-height: 1.5; font-size: 18px;}
.num-info {margin-bottom: 30px;}
.num-info li {display: inline-block;}
#footer-wrap .add p {line-height: 2;}

@media all and (max-width:1699px){
	#mcontainer-wrap {padding: 0 30px;}
	#mcontainer-wrap .toplink-wrap li {width: 23%;}
	.middlink-wrap li {width: 23%;}
}

@media all and (max-width:1199px){
	#mcontainer-wrap .toplink-wrap {flex-wrap: wrap;}
	#mcontainer-wrap .toplink-wrap li {width: 49%; margin-bottom: 10px;}
	#mcontainer-wrap .toplink-wrap li a {font-size: 18px; padding: 15px 30px;}

	.middlink-wrap {flex-wrap: wrap;}
	.middlink-wrap li {width: 49%; margin-bottom: 20px;}
	
	.cont-wrap {flex-wrap: wrap;}
	.cont-wrap .day-wrap {width: 100%; margin-right: 0;}
	.cont-wrap .day-wrap .date {height: 300px; overflow-y: scroll;}
	.cont-wrap .day-wrap .date::-webkit-scrollbar {width: 10px;}
	.cont-wrap .day-wrap .date::-webkit-scrollbar-track {background-color: gray;}
	.cont-wrap .day-wrap .date::-webkit-scrollbar-thumb {background-color: skyblue;}
	.cont-wrap .day-wrap .date::-webkit-scrollbar-button {display: none;}
	.cont-wrap .notice-wrap {width: 100%; margin-top: 50px;}
}

@media all and (max-width:899px){
	.link-wrap {border-radius: 15px;}
	.link-wrap ul {flex-wrap: wrap;}
	.link-wrap ul li {width: 33%;}
	.link-wrap ul li:nth-child(3) a::after {display: none;}
}

@media all and (max-width:699px){
	.cont-wrap > div h3 {font-size: 24px;}
	.cont-wrap .day-wrap {padding: 30px;}

	.cont-wrap .notice-wrap .tit-01 {font-size: 18px;}
	.cont-wrap .notice-wrap {padding: 40px 20px;}
	.cont-wrap .notice-wrap .info a {padding: 20px 30px;}
	
	.tbl-type06 th, .tbl-type06 td {font-size: 14px;}

	#mcontainer-wrap {padding: 20px;}
	#mcontainer-wrap .toplink-wrap li {width: 100%;}

	.middlink-wrap li {width: 100%;}
	.middlink-wrap li a {display: flex; justify-content: space-between;}
	.middlink-wrap li .img_box {display: none;}
	.middlink-wrap li .txt {font-size: 18px;}
	.middlink-wrap li .toptxt .f24 {font-size: 16px;}

	.cont-wrap .day-wrap .banner {flex-wrap: wrap;}
	.cont-wrap .day-wrap .banner li {width: 100%;}
	.cont-wrap .day-wrap .banner li:nth-child(1) {margin-bottom: 10px;}
	.cont-wrap .day-wrap .banner li a {padding: 10px 30px;}
}