@charset "utf-8";

#m-container {position:relative; min-width:320px;}
#m-container .main_inwrap {position: relative;}
/* #m-container .main_inwrap {display:flex;gap: 6rem;}
#m-container .main_visual {float: left;width: 29%;position: relative;max-width: var(--main-slider-width);margin-bottom: -3px;} */
#m-container .main_visual {float: left;width: 29%;max-width: var(--main-slider-width);margin-bottom: -3px;}
#m-container .visual_wrap {width: 29%;max-width: var(--main-slider-width);position: fixed;top: 100px; left: 0px;}
/* #m-container .main_content {padding: 170px 20px 0;float: left;width: 70%;max-width: 1100px;} */
#m-container .main_content {padding: 16rem 20px 0;width: 88.5%;max-width: 1100px;margin-left: 31%;}
#m-container div, #m-container p, #m-container span {font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;}
#m-container p.date, #m-container span.date, #m-container div.date {color:#666; font-size: 1.4rem;}
.visual_slide {position: relative;}
.visual_slide .slick-slide img {max-width: 100%;width: 100%; height: auto;}
.visual_slide .slick-slide img:last-child {display:none;}
.visual_slide .main_banner_ctrl {position: absolute; right: 20px; bottom: 30px;background: #fff;border-radius: 50px; box-shadow: 0px 2px 10px rgb(0, 0, 0, 0.2);display: flex;align-items: center; width: 122px;height: 38px; justify-content: center;}
.main_banner_ctrl .counter {margin: 0 10px;}
.main_banner_ctrl .counter span {color: #666;font-size: 15px;font-family:'Pretendard',sans-serif, -apple-system, BlinkMacSystemFont !important;}
.main_banner_ctrl .counter span.now {color: #F37060;}
.main_banner_ctrl button {width: 12px; height: 12px;}
.main_banner_ctrl button:focus {outline: none;}
.main_banner_ctrl .banner-prev {background:url('../img/default/ico_arrow_left.svg') no-repeat center center;}
.main_banner_ctrl .banner-next {background:url('../img/default/ico_arrow_right.svg') no-repeat center center;}
.main_banner_ctrl .banner-auto {background:url('../img/default/ico_stop.svg') no-repeat center center;margin-left: 10px;}
.main_banner_ctrl .banner-auto.stop {background:url('../img/default/ico_play.svg') no-repeat center center;}

.title {font-size: 2.4rem; font-weight: 600; font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;margin-bottom:15px;line-height: 1.2;white-space: nowrap;}
.title::before {content:''; display:block; width: 30px; height: 3px; background: #F37060;margin-bottom: 4px;}

.sec {margin-bottom: 7rem;}
.sec_inner > div {padding-top: 15px;}
.thumbnail img {max-width: 100%;width: 100%;}

.apply_wrap .apply_box {background: #F8F8F8;border-radius: 5px;padding: 26px 40px;margin-bottom: 20px;display: flex;justify-content: space-between;transition: all 0.3s ease;}
.apply_wrap .apply_box:hover, .apply_wrap .apply_box:focus {box-shadow: 1px 1px 15px rgb(105 103 103 / 18%);}
.apply_wrap .tit_box {display: flex;align-items: center;}
.apply_wrap .tit_box .category {font-size: 1.7rem;font-weight: 600;color: #fff;padding: 7px 20px;border-radius: 50px;background: #FF7792;}
.apply_wrap .tit_box .category.event {background: #7590FE;}
.apply_wrap .tit_box .tit {padding-left: 28px;font-weight: 500;color: #444;font-size: 1.6rem;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.apply_wrap .date_box {display: flex;align-items: center;}
.apply_wrap .date_box .state {font-weight: 500;color: #888;padding: 10px 20px;border-radius: 5px; border: 1px solid #888;margin-left: 3rem;width: 86px;text-align: center;}
.apply_wrap .date_box .state.ing {color: #FF7792;border-color: #FF7792;}


.sec02 .board_wrap {padding-top: 0;display:flex;justify-content: space-between;}
.sec02 .board_wrap .slick-arrow {display:none !important;}
.sec02 .board_wrap .slick-slide img {width: 100%;}
.sec02 .board_wrap .board_tabbox {margin-right: 7.8rem;}
.board_wrap .board_tab_list {position: relative;margin-top: 50px;margin-bottom: 0;display: block;}
.board_wrap .board_tab_list::before {display:block;content:'';width: 4px; height: 80px; background: #DFDFDF; border-radius: 30px;position: absolute;top: 50%;transform: translateY(-50%);}
.board_tab ul li {margin-bottom: 15px;}
.board_tab ul li a {position: relative;}
.board_tab ul li.active a::before {width:25px;height:25px;display:block;content:'';background:url('../img/default/ico_active_btn.svg') no-repeat center center;position: absolute;left: -10px;}
.board_tab ul li a span {font-size:2rem; font-weight: 600; color: #888;padding-left: 26px;}
.board_tab ul li.active a span {color: #FFA398;}
.board_slide {display:flex;gap: 20px;justify-content: flex-end; width: 100%;}
.board_sld-item {width: 191px;}
.board_cont {margin-top: 20px;text-align: center;}
.board_cont .tit {font-size: 1.5rem; font-weight: 500;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding: 0 10px;}
.board_slide .slick-slide {margin: 0 10px;}
.board_slide .slick-list {margin: 0 -10px;}


.sec03 .sec_inner {display:flex; gap: 4rem;}
.sec03 .board_left {width: 65%;}
.sec03 .board_right {width: 35%;}
.sec03 .board_title {display:flex; justify-content: space-between;align-items: center;}
.sec03 .board_title a i {display:block;width:20px; height: 20px;}
.sec03 .board_title a i.ico_more {background:url('../img/default/plus.svg') no-repeat center center;transition: all 0.3s ease;}
.sec03 .board_title a i.ico_more:hover, .sec03 .board_title a i.ico_more:focus {transform: rotate(180deg);}
.notice_wrap {margin-top: 15px; background: #FBFBFB; border-radius: 5px;}
.notice_wrap .notice_inner {padding: 3.5rem 4.5rem;}
.notice_wrap ul li.notice_list_item {border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px;}
.notice_wrap ul li.notice_list_item:last-child {margin-bottom: 0;}
.notice_wrap ul li.notice_list_item a {display:flex; align-items: center;justify-content: space-between;}
.notice_wrap ul li.notice_list_item.notice_main a {justify-content: flex-start;}
.notice_wrap ul li.notice_list_item a > span.day_box {background: #7590FE;border-radius: 5px;color: #fff;display: flex;flex-direction: column;align-items: center;margin-right: 2rem;width: 64px;height: 66px;justify-content: center;}
.notice_wrap ul li.notice_list_item a > span.day_box .day {font-size: 2.4rem; font-weight: 700;margin-bottom: 6px;}
.notice_wrap ul li.notice_list_item a > span.day_box .ym {font-size: 13px;font-weight: 600;}
.notice_wrap ul li.notice_list_item .tit {font-weight: 500; color: #444; transition: all 0.3s ease;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.notice_wrap ul li.notice_list_item .txt {font-size: 1.4rem; color: #666;margin-top: 6px;line-height: 1.2;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;;}
.support_wrap {padding-top: 15px;}
.support_wrap .sup_inner {border: 1px solid #ddd; border-radius: 5px;padding: 30px;height: 430px;}
.support_wrap .support_cont {margin-top: 20px;}
.support_wrap .support_cont .tit {font-weight: 500;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all 0.3s ease;}
.support_wrap .thumbnail {overflow: hidden; height: 309px;display: flex;align-items: center;}
.notice_wrap ul li.notice_list_item:hover .tit, .notice_wrap ul li.notice_list_item:focus .tit, .support_wrap:hover .tit, .support_wrap:focus .tit {color:#F37060; text-decoration: underline;}


.sec04 .sec_inner {display:flex; gap: 7.8rem;justify-content: space-between;}
.sec04 .sec_inner > div {padding: 0;}
.service_list {display:flex;flex-wrap: wrap; gap: 2rem;}
.service_list li {transition: all 0.3s ease;}
.service_list li:hover, .service_list li:focus {box-shadow: 1px 1px 15px rgb(105 103 103 / 18%);}
.service_list li a {display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #ddd; border-radius: 5px;width: 189px;background: #fff;padding: 3.6rem 0;}
.service_list li a i.ico {display: block;width: 50px; height: 50px;margin-bottom: 2rem;}
.service_list li a i.ico_business {background:url('../img/Main/ico_business.svg') no-repeat center center;}
.service_list li a i.ico_apply {background:url('../img/Main/ico_apply.svg') no-repeat center center;}
.service_list li a i.ico_history {background:url('../img/Main/ico_history.svg') no-repeat center center;}
.service_list li a i.ico_location {background:url('../img/Main/ico_location.svg') no-repeat center center;}
.service_list li a span {font-weight: 500;color: #444;}

@media screen and (min-width: 1441px) {

	.visual_slide .slick-slide img:first-child {display:block;}
	#m-container .visual_wrap.ft_visual {position: absolute;top: auto; bottom: -73px;}
}

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

	#m-container .main_content {width: 69%;}
}

@media screen and (max-width: 1440px){
	
	.visual_slide .slick-slide img:first-child {display:none;}
	.visual_slide .slick-slide img:last-child {display:block;}
	#m-container .cont_flex {display: block;}
	#m-container .main_visual {float: none;max-width: none;width: 100%; margin-bottom: 0; padding-top: 100px;}
	#m-container .visual_wrap {max-width: none;position: static;}
	#m-container .main_content {padding: 60px 20px 0;float: none;max-width: none;width: 100%;margin-left: 0;}
	.visual_slide .main_banner_ctrl {width: 125px; height: 40px;left: 50%;right:auto;transform: translateX(-50%);bottom: -15px;}
	.board_slide {justify-content: flex-start;}
	.sec04 .sec_inner {gap: 11rem;justify-content: flex-start;}
}

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

	.sec02 .board_wrap {display: block;}
	.board_wrap .board_tab_list {display: flex;margin-top: 35px;margin-bottom: 20px;flex-wrap: nowrap;}
	.board_wrap .board_tab_list li:first-child {margin-right: 10px;}
	.board_wrap .board_tab_list::before, .board_tab ul li.active a::before {display:none;}
	.board_tab ul li {margin-bottom: 0;}
	.board_tab ul li {border: 2px solid #ccc;padding: 10px 20px;border-radius: 60px;}
	.board_tab ul li.active {border-color: #FFA398;box-shadow: 2px 2px 6px rgb(0, 0, 0, 0.1);}
	.board_tab ul li a span {padding-left:0;}
}

@media screen and (max-width:1280px){
	
	#m-container .main_visual {padding-top: 80px;}
}

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

	#m-container {padding:80px 0 0;}
	#m-container .main_visual {padding-top: 0px;}
}

@media screen and (max-width:1030px){
	.board_wrap {display:block;}
	.sec03 .board_left {width: 60%;}
	.sec03 .board_right {width: 35%;}
	.notice_wrap .notice_inner {padding: 3.5rem 3rem;}
}

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

	.sec03 .sec_inner { gap: 7rem;flex-direction: column;}
	.sec03 .board_left, .sec03 .board_right {width: 100%;}
	.support_wrap .sup_inner, .support_wrap .thumbnail { height: auto;}
	.sec04 .sec_inner {flex-direction: column; gap: 0;}
	.sec04 .sec_inner > div {padding-top: 15px;}
	.service_list {flex-wrap: nowrap}
	.service_list li {width: 100%;}
	.service_list li a {width: auto;}
}

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

	.apply_wrap .apply_box {padding: 25px;flex-direction: column;}
	.apply_wrap .tit_box {width: 72%;}
	.apply_wrap .tit_box .tit {padding-left: 10px;}
	.apply_wrap .date_box { margin-top: 5px;position: relative;}
	.apply_wrap .date_box .state {position: absolute;right: 0;bottom: 0;font-size: 14px; padding: 11px 12px;width: 78px;}
}

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

	.service_list {flex-wrap: wrap;}
	.service_list li {width: 47%; justify-content: space-between;}
	.apply_wrap .apply_box {padding: 25px 20px;}
	.notice_wrap ul li.notice_list_item div {overflow: hidden;width: calc(100% - 64px);}
}

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

    .notice_wrap .notice_inner {padding: 3rem 2rem;}

}

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

    .notice_wrap .notice_inner {padding: 3rem 2rem;}
	.notice_wrap ul li.notice_list_item a {align-items: flex-start;flex-direction: column;}
	.notice_wrap ul li.notice_list_item .tit { margin-bottom: 10px;}
	.notice_wrap ul li.notice_list_item.notice_main a {flex-direction: row;align-items: center;}
}

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

	.apply_wrap .tit_box {align-items: flex-start;flex-direction: column;}
	.apply_wrap .tit_box .tit { padding: 10px 0 0 0; width: 90%;}
	.apply_wrap .date_box {margin-top: 8px;}
}

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

	.service_list {flex-direction: column;}
	.service_list li {width: 100%;}
}