@charset "utf-8";

/* main common */
.main [class*="ui__btn"] {width: 240px;height: 60px;justify-content: space-around;font-size: 2rem;}


/* main banner */
.main__banner {position: relative;}
.main__slide {width: 100%;}
.main__slide-item {position: relative;height: 517px;}
/*.main__slide-item:after {content: '';position: absolute;top: 0;left: 0;width: 825px;height: 100%;z-index: 98;background: linear-gradient(122deg, #146e7c 0%, #36c88d 100%);opacity: 0.8;}*/
.main__slide-content {position: relative;z-index: 99;}
.main__slide-content .tit {padding-top: 100px;color: #FFFFFF;}
.main__slide-content .tit h3 {font-size: 4.2rem;}
.main__slide-content .tit h4 {font-size: 4.6rem;}
.main__slide-content .tit p {font-size: 1.8rem;margin-top: 30px;}
.main__slide-content .more {position: absolute;bottom: -90px;left: 230px;}
.main__slide-custom {position: absolute;bottom: 180px;left: 0;width: 100%;}
.main__slide-custom .inner {position: relative;}
.main__slide-custom .custom {position: absolute;bottom: 0;left: 0;display: flex;align-items: center;justify-content: space-between;width: 130px;}
.main__slide-custom .slick-arrow {width: 40px;height: 30px;background-repeat: no-repeat;background-position: 0 0;background-size: cover;text-indent: -9999px;cursor: pointer;}
.main__slide-custom .slick-arrow:hover {-webkit-animation: hoverFade 0.5s;animation: hoverFade 0.5s;}
.main__slide-custom .control-prev {background-image: url("/images/btn_prev_off_pc.svg");}
.main__slide-custom .control-prev:hover {background-image: url("/images/btn_prev_on_pc.svg");}
.main__slide-custom .control-next {background-image: url("/images/btn_next_off_pc.svg");}
.main__slide-custom .control-next:hover {background-image: url("/images/btn_next_on_pc.svg");}
.main__slide-custom .control-next {background-image: url("/images/btn_next_off_pc.svg");}
.main__slide-custom .custom-pagings {font-size: 1.4rem;font-weight: 300;color: #FFFFFF;}
.main__slide-custom .custom-pagings strong {font-size: 1.8rem;font-weight: 700;}


/* main support */
.main__support {position: relative;background-color: #F5F5F5;}
.main__support .inner {position: relative;}
.main__support .recruit {position: absolute;top: -90px;left: 0;display: flex;align-items: center;width: 100%;height: 200px;background-color: #FFFFFF;}
.main__support .recruit h3 {position: relative;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;width: 240px;height: 100%;padding: 30px;background: #046882 url("/images/main/layer-1678.png") no-repeat center bottom;color: #FFFFFF;}
.main__support .recruit h3 p {font-size: 2.8rem;}
.main__support .recruit h3 span {font-size: 1.6rem;font-weight: 400;}
.main__support .recruit h3:after {content: '';position: absolute;top: -20px;right: -20px;display: block;width: 0px;height: 0px;border-top: 20px solid transparent;border-bottom: 20px solid #FFFFFF;border-right: 20px solid transparent;border-left: 20px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.main__support .recruit ul {flex: 1;height: 100%;display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;padding: 30px 60px;}
.main__support .recruit ul li {min-width: 50%;}
.main__support .recruit ul li span {display: inline-block;padding-top: 5px;font-weight: 500;color: #B60005;border-top: 1px solid #B60005;}
.main__support .recruit ul li p {margin-top: 10px;font-size: 1.8rem;}
.main__support .recruit ul li.f {display: flex;align-items: center;}
.main__support .recruit ul li.f p {margin-top: 0;margin-left: 30px;}
.main__support .recruit .btns {position: absolute;bottom: 0;right: -20px;display: flex;}
.main__support .link {padding-top: 90px;display: flex;justify-content: space-around;align-items: center;}
.main__support .link a {display: block;margin: 20px 0;padding: 10px;text-align: center;line-height: 1;}
.main__support .link span {display: block;margin-top: 20px;font-size: 1.8rem;font-weight: 500;}
.main__support .link i {display: inline-block;width: 98px;height: 75px;background-repeat: no-repeat;background-position: center bottom; text-indent: -9999px;}
.main__support .link i.icon1 {background-image: url("/images/main/layer-568-copy.png");}
.main__support .link i.icon2 {background-image: url("/images/main/layer-700.png");}
.main__support .link i.icon3 {background-image: url("/images/main/layer-699.png");}
.main__support .link i.icon4 {background-image: url("/images/main/layer-698.png");}
.main__support .link i.icon5 {background-image: url("/images/main/layer-746.png");}


/* main board */
.main__board {background-color: #FFFFFF;}
.main__board .inner {padding-top: 60px;padding-bottom: 60px;display: flex;}
.main__board .event {width: 100%;max-width: 570px;}
.main__board .event__slide {position: relative;}
.main__board .event__slide-item {position: relative;}
.main__board .event__slide-item img {width:auto;}
.main__board .event__slide-item .cover {position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: space-between;width: 210px;height: 100%;padding: 40px 24px;background-color: #168CA3;z-index: 99;color: #FFFFFF;}
.main__board .event__slide-item .cover:after {content: '';position: absolute;top: -20px;right: -20px;display: block;width: 0px;height: 0px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid #168CA3;border-left: 20px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.main__board .event__slide-item .txt1 {display: block;font-size: 2.8rem;font-weight: 700; letter-spacing: -0.26rem;}
.main__board .event__slide-item .txt2 {display: block;margin-top: 10px; font-size:1.6rem; letter-spacing:-1px;}
.main__board .slick-dots {position: absolute;bottom: 30px;right: 30px;}
.main__board .notice {width: 100%;max-width: 570px;margin-left: 30px;}
.main__board .notice .ui__tab-menu {border-bottom-color: #CFCFD0;}
.main__board .notice .ui__tab-item {flex: 0 0 auto;height: auto;padding: 0 15px 20px;border: 0;font-size: 2rem;color: #666666;}
.main__board .notice .ui__tab-item:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 0;height: 2px;border: 0;background-color: #B60005;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.main__board .notice .ui__tab-item.current {font-weight: 700;color: #B60005;}
.main__board .notice .ui__tab-item.current:after {width: 100%;}
.main__board .notice .ui__icon-more {position: absolute;top: 6px;right: 0;}
.main__board .notice .list-item {margin-top: 20px;}
.main__board .notice .list-item .tit {display: inline-block;width: 100%;font-size: 1.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main__board .notice .list-item .date {display: inline-block;width: 100%;color: #666666;margin-top: 10px;}


/* main info */
.main__info {background:#000 url("/images/main/rectangle-704.png") no-repeat center center;background-size: cover;}
.main__info .inner {max-width:1510px; padding-top: 70px;padding-bottom: 70px; text-align: center;color: #FFFFFF; font-size: 3.6rem;}
.main__info .stats {margin-top:60px; display: flex; flex-wrap: wrap; justify-content:space-around;}
.main__info .stats-item {width:48%;justify-content: flex-start;align-content:center; text-align:left;}
.main__info .stats-item > span{font-size: 2.5rem; letter-spacing: -0.5px; padding-left:10px;}
.main__info .stats-item > p{padding:25px 0 25px 10px; font-size: 2rem; letter-spacing: -0.5px; text-align:left;}

/* main info2 */
.main__info2 {background:#000 url("/images/main/group-64.png") no-repeat center center;background-size: cover;max-height:2016px;min-height:2016px;}
.main__info2 .inner {max-width:1510px; max-height:100%; text-align: center;color: #FFFFFF; font-size: 3.6rem;}
.main__info2 .inner .title_img {max-width:884px; margin:120px auto 0 auto;}
.main__info2 .inner .title1 {background:url('/images/main/rectangle-571.png') no-repeat center center;background-size: cover; max-width:100px; max-height:29px; margin:12.3rem auto 1.7rem auto; font-size: 2rem; font-weight: 500; letter-spacing: -1.2px; text-align: center;color: #fff;}
.main__info2 .inner .title2 {background:url('/images/main/rectangle-571-copy.png') no-repeat center center;background-size: cover; max-width:100px; max-height:29px; margin:1.23rem auto 1.7rem auto; font-size: 2rem; font-weight: 500; letter-spacing: -1.2px; text-align: center;color: #fff;}
.main__info2 .inner .title3 {background:url('/images/main/rectangle-571-copy-2.png') no-repeat center center;background-size: cover; max-width:100px; max-height:29px; margin:1.23rem auto 1.7rem auto; font-size: 2rem; font-weight: 500; letter-spacing: -1.2px; text-align: center;color: #fff;}
.main__info2 .inner .title4 {background:url('/images/main/rectangle-571-copy-3.png') no-repeat center center;background-size: cover; max-width:100px; max-height:29px; margin:1.23rem auto 1.7rem auto; font-size: 2rem; font-weight: 500; letter-spacing: -1.2px; text-align: center;color: #fff;}
.main__info2 .inner .content {font-size: 2.4rem;letter-spacing: -1.44px;text-align: center;color: #333; padding:0 0 1.7rem;}
.main__info2 .inner .content2 {margin:380px 0 54px 0; font-size:2.8rem;letter-spacing:-1.68px;text-align:center;color: #ffea5f;}
.main__info2 .inner .sbutton {background:url('/images/main/rectangle-1497.png') no-repeat center center; width:387px; height:71px; margin:61px auto 0 auto; font-size: 2.69rem;font-weight: 500;letter-spacing: -1.07px;text-align: center;color: #01307e; line-height:71px; display:block;}

.ul_4{display:flex;flex-wrap: wrap;}
.ul_4 > li{width:48%;height:10.5rem;display:flex;background-image: linear-gradient(to top, #ededed, #fff);margin-top:1.2rem;justify-content:flex-start;align-content:center; padding-left:18px;}
.ul_4 > li > div{ height:100%; font-family: 'Noto Sans KR';font-size: 1.2rem;line-height: 1.17;letter-spacing: -0.24px;text-align: left;color: #333; display: flex; align-content: flex-end; align-items: center;}
.ul_4 > li > div+div{ display: flex; align-content: flex-end; justify-content: flex-end;}
.ul_4 > li:nth-child(2),.ul_4 > li:nth-child(4){margin-left:4%;}

.plyr__video{
	width:570px;
	height:311px;
}
.plyr__video2{
	width:707px;
	height:396px;
	margin:0 auto;
}
.slick-active{
	background-position:center center;
}
/* media query */
@media (max-width: 1410px) {/* laptop */
}
@media (max-width: 1280px) {/* etc */
	.main__slide-custom .custom {left: 25px;}

	.main__support .recruit {width: calc(100% - 50px);margin-left: 25px;margin-right: 25px;}
	.main__support .recruit ul {padding: 30px;}
	.main__support .recruit .btns {right: 0;}

	.main__board .event {max-width: 500px;}
	.main__board .notice {max-width: 470px;}
}
@media (max-width: 1024px) {/* pad */
	.main [class*="ui__btn"] {width: 190px;padding: 0 15px;}

	/*.main__slide-item:after {width: 320px;}*/
	.main__slide-content .tit {width: 320px;}
	.main__slide-content .tit p {display: none;}
	.main__slide-custom {bottom: 210px;}
	.main__slide-content .more {position: absolute;bottom: -140px;left: 130px;}

	.main__support .recruit h3 {width: 200px;}
	.main__support .recruit ul {flex-direction: row;flex-wrap: nowrap;align-items: flex-start;}
	.main__support .recruit ul li {flex: 1;min-width: auto;padding: 0 10px;}
	.main__support .recruit ul li.f {display: block;}
	.main__support .recruit ul li.f p {margin-left: 0;margin-top: 10px;}
	.main__support .recruit .btns {bottom: -20px;}
	.main__support .link {padding-top: 100px;}

	.main__board .inner {flex-direction: column;}
	.main__board .event {max-width: 100%;}
	.main__board .event__slide-item .cover {width: 240px;}
	.main__board .notice {max-width: 100%;margin-left: 0;margin-top: 60px;}
	.main__board .notice .list-item a {display: flex;align-items: center;justify-content: space-between;}
	.main__board .notice .list-item .tit {width: 90%;}
	.main__board .notice .list-item .date {width: auto;margin-top: 0;}

}
@media (max-width: 767px) {/* mobile */
	.main [class*="ui__btn"] {width: 130px;height: 40px;padding: 0 10px;font-size: 1.6rem;}

	.main__slide-item {height: 340px;}
	/*.main__slide-item:after {width: 260px;}*/
	.main__slide-content .tit {padding-top:40px;}
	.main__slide-content .tit h3 {font-size: 2.8rem;}
	.main__slide-content .tit h4 {font-size: 3.1rem !important;margin-top: 5px;}
	.main__slide-content .tit p {display: block;font-size: 1.8rem;margin-top: 20px;}
	.main__slide-content .more {bottom: -48px;}
	.main__slide-custom {bottom: 70px;}
	.main__slide-custom .custom {left: 20px;width: 90px;}
	.main__slide-custom .slick-arrow {width: 20px;height: 16px;}
	
	.main__support .recruit {position: relative;top: -30px;width: 100%;height: auto;margin-left: 0;margin-right: 0;flex-direction: column;}
	.main__support .recruit h3 {flex-direction: row;justify-content: flex-start;align-items: center;width: 100%;height: 60px;padding: 15px 20px;background-size: 50px 50px;background-position: right 20px bottom 5px;}
	.main__support .recruit h3:after {top: auto;bottom: -10px;right: -10px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid transparent;border-left: 10px solid #FFFFFF;}
	.main__support .recruit h3 p {font-size: 2.1rem;margin-right: 20px;}
	.main__support .recruit ul {flex-direction: column;width: 100%;padding: 20px 20px 40px;}
	.main__support .recruit ul li {padding: 0;}
	.main__support .recruit ul li + li {margin-top: 20px;}
	.main__support .recruit ul li p {font-size: 1.6rem;}
	.main__support .recruit .btns {width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
	.main__support .recruit .btns a {width: 100%;}
	.main__support .link {padding-top: 0;padding: 0 20px;flex-wrap: nowrap;overflow-x: auto;margin-left: -20px;margin-right: -20px;}
	.main__support .link a {flex: 0 0 auto;}
	.main__support .link span {margin-top: 10px;font-size: 1.6rem;}
	.main__support .link i {width: 48px;height: 37px; background-size:48px;}
	.main__support .link i.icon2 {background-size:27px;}
	.main__support .link i.icon3 {background-size:30px;}
	.main__support .link i.icon4 {background-size:28px;}
	.main__support .link i.icon5 {background-size:30px;}

	.main__board .inner {padding-top: 30px;padding-bottom: 30px;}
	.main__board .event__slide-item img {width:100%;}
	.main__board .event__slide-item .cover {width: 160px;padding: 10px 10px;}
	.main__board .event__slide-item .cover:after {top: -10px;right: -10px;border-width: 10px;}
	.main__board .event__slide-item .txt1 {font-size: 1.9rem;}
	.main__board .event__slide-item .txt2 {margin-top:5px; font-size:1.2rem;}
	.main__board .slick-dots {bottom: 20px;right: 20px;}
	.main__board .notice {margin-top: 30px;}
	.main__board .notice .ui__tab-item {padding: 0 10px 20px;font-size: 1.6rem;}
	.main__board .notice .ui__icon-more {top: 0;}
	.main__board .notice .list-item a {flex-direction: column;align-items: flex-start;justify-content: flex-start;}
	.main__board .notice .list-item .tit {width: 100%;font-size: 1.6rem;}
	.main__board .notice .list-item .date {display: block;width: 100%;margin-top: 10px;}

	.main__info .tit h4 {margin-top: 10px;font-size: 2.1rem;}
	.main__info .tit p {font-size: 1.6rem;}
	.ul_4 > li{ font-size:1rem; height:12rem; padding-left:0;}
	.ul_4 > li > div{ align-content: flex-start; align-items: center; padding-left:8px; padding-right:38px;}
	.ul_4 > li > div+div{ align-items: flex-end; }
	.ul_4 > li > div+div img{ width:80%;}
	.main__board .notice .ui__icon-more{display:none;}
	.main__info .stats {
		margin-top: 30px;
	}
	.main__info .stats-item {
		width: 100%;
	}
	.main__info .stats-item > span {
		font-size: 1.5rem;
	}
	.main__info .stats-item > p {
		font-size: 1.2rem;
	}
	.plyr__video,
	.plyr__video2{
		width:100%;
		height:0%;
		padding-bottom:56.25%;
		position:relative;
		margin:20px 0 30px 0;
	}
	.plyr__video > iframe,
	.plyr__video2 > iframe{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.slick-active{
		background-position:left center;
	}
	.main__info2 {background-size:contain;max-height: 100vw;min-height: 320vw; background-color:#42b2fc; background-position:top center;}
	.main__info2 .inner .title_img {margin:220px auto 1rem auto;}
	.main__info2 .inner .title1 {margin:1.23rem auto 1.7rem auto;}
	.main__info2 .inner .content2 {margin:1.23rem 0 5.4rem 0; font-size:2rem;}
	.main__info2 .inner .sbutton {background:url('/images/main/rectangle-1497.png') no-repeat center center; width:90vw; height:16.5vw; margin:2rem auto 0 auto; font-size: 2.69rem;font-weight: 500;letter-spacing: -1.07px;text-align: center;color: #01307e; line-height:16.5vw; display:block;}
}
@media (max-width: 420px) {/* etc */
	.main__support .link a:first-of-type {padding-left: 80px;}
}