@charset "utf-8";

.main_wrap{position:relative;}
.main_wrap > section:not(.main_visual):not(.main_support){display:flex; justify-content: center; align-items: center;}
.main_wrap > section:not(.main_visual){padding:60px 0;}
.main_wrap > section > .inner{height:fit-content;}

.main_tit_wrap{margin-bottom:67px;}
.main_tit_wrap > h3{color:#222; font-family: var(--tit_font); margin-bottom:20px;}
.main_tit_wrap > h3 > *{vertical-align: baseline; display:inline-block;}
.main_tit_wrap strong{font-size:48px; font-weight: 900; line-height:100%;}
.main_tit_wrap span{font-size:24px; font-weight: 500; line-height:100%; margin-left:10px;}
.main_tit_wrap .more_btn{width:250px; height:45px; background:#fff; position:relative; padding:10px 15px; color:#787878; text-align: left; font-weight: 500; border:1px solid #ddd;}
.main_tit_wrap .more_btn:before{content:''; width:250px; height:45px; background:rgba(var(--sub_color_rgb), 0.4); display:block; position: absolute; left:5px; top:5px; z-index: -1;}
.main_tit_wrap .more_btn:hover{color:#666; border-color:var(--sub_color);}

/* 메인비주얼 */
.main_visual{width:100%; height: 760px; position:relative; overflow:hidden;}

.main_visual .img_box{height:100%; border:none;}
.main_visual .img_box img{height:100%; object-fit: cover;}

.main_visual .main_copy{position:absolute; inset:0; width:100%; max-width: 1440px; height:fit-content; margin:auto; color:#fff;}
.main_visual .main_copy strong{font-size:60px; font-family: var(--tit_font); font-weight: 700; line-height:125%; word-break: keep-all;}
.main_visual .main_copy p{font-size:18px; opacity: 0.8; margin-top:15px; word-break: keep-all;}

/* 사업소개 */
.mcon_biz{display:flex; justify-content: space-between; align-items: center; gap:80px;}
.mcon_biz > strong{font-family: var(--tit_font); font-size:52px; font-weight: 600; line-height:120%; color:#222; width:calc(50% - 80px);}
.mcon_biz_info{width:90%; word-break: keep-all;}
.mcon_biz_info dl{ font-size:24px; line-height:125%;}
.mcon_biz_info dl:not(:last-child){display:flex; gap:40px;}
.mcon_biz_info dl + dl{margin-top:18px;}
.mcon_biz_info dl dt{font-family: var(--tit_font); font-weight: 500; color:#222;}
.mcon_biz_info dl dd{}
.mcon_biz_info .biz_goal{margin-top:15px;}
.mcon_biz_info .biz_goal > ul{display:flex; gap:15px; flex-wrap: wrap;}
.mcon_biz_info .biz_goal > ul > li{width:calc((100% - 15px)/2); display:flex; align-items: center; gap: 35px; background:var(--bg_color); border-radius:10px; padding:20px 30px; font-size:16px;}
.mcon_biz_info .biz_goal > ul > li > b{font-size:20px; color:#222; font-weight: 700;}
.mcon_biz_info .list_st_dash > li{font-size:20px;}

/* 지원내용 */
.mcon_sup{padding-left:calc((100% - 1440px)/2); position:relative; display: flex; background:#fff;}
.sup_main{width:67.5%;  height:480px; margin:0;}
.sup_main > ul{display:flex; width:100%; height:100%;}
.sup_main > ul > li{width:100%; display:flex; justify-content: space-between; align-items: stretch;}
.sup_main > ul > li:not(.swiper-slide-duplicate-active){z-index: -1;}
.sup_main > ul > li.swiper-slide-duplicate-active{z-index: 3;}
.sup_main .img_box{padding-top:480px; width:62%;}
.sup_main .img_box img{height:100%; object-fit: cover; margin:auto;}
.sup_main .txt_box{padding:60px 50px; width:38%; background:#fff; word-break: keep-all;}
.sup_main .txt_box > span{font-size:16px; font-family: var(--tit_font); font-weight: 700; color:#222; line-height:100%;}
.sup_main .txt_box > strong{font-size:36px; font-family: var(--tit_font); font-weight: 700; color:#222; line-height:125%; display:block; margin-top:40px;}
.sup_main .txt_box .list_st_dot{margin-top:20px; font-size:20px; line-height: 125%;}
.sup_main .txt_box .list_st_dot.sm{}
.sup_main .txt_box .list_st_dot li + li{margin-top:8px;}
.sup_main .txt_box .spt_slide_ctrl{margin-top:60px;}
.sup_main .txt_box .spt_slide_ctrl button{width:45px; height:45px; line-height:45px; border-radius:50%; border:1px solid #222; color:#222; background:#fff; line-height:100%;}
.sup_main .txt_box .spt_slide_ctrl .prev{}
.sup_main .txt_box .spt_slide_ctrl .next{margin-left:10px;}

.sup_thumb{width:30%; margin-right:0;}
.sup_thumb .img_box{padding-top:480px; border-radius:15px;}
.sup_thumb .img_box img{height:100%; margin:auto; max-width:unset; object-fit: cover;}

/* 새소식 */
.main_notice{}

.mcon_notice{}
.mcon_notice ul{display:flex; align-items: center; gap:20px;}
.mcon_notice ul li{width:calc((100% - 60px)/4); background:#fff; border:1px solid #ddd; padding:30px; border-radius:10px;}
.bbs_badge{display:inline-block; font-family:var(--tit_font); font-weight: 600; font-size:14px; color:#fff; border-radius:5px; padding:5px 10px; background:#ddd; margin-bottom: 15px;}
.bbs_badge.bbs_a{background:var(--main_color);}
.bbs_badge.bbs_b{background:var(--sub_color);}
.mcon_notice ul li .bbs_badge{margin-bottom:15px;}
.mcon_notice ul li strong{font-family: var(--tit_font); font-size:22px; font-weight: 600; color:#222; display:block; min-height:62px;}
.mcon_notice ul li span:not(.bbs_badge){margin-top:15px; font-weight: 500; margin-top:30px; display:inline-block;}


/* 오시는 길 */
.map_box{width:100%; height:380px;}
.map_box .root_daum_roughmap_landing{width:100%; height:100%;}
.map_box .root_daum_roughmap .wrap_map{height:100%;}
.map_box .root_daum_roughmap .wrap_controllers,
.map_box .root_daum_roughmap .wrap_btn_zoom,
.map_box .map > div:nth-child(2),
.map_box .root_daum_roughmap .cont{display:none;}

.map_info{width:100%; margin-top:30px; color:#222;}
.map_info th, td{padding:15px; border:1px solid #ddd; font-size:18px; background:#fff;}
.map_info th{background:#F1F5FF; text-align: center; font-weight: 600;}


/* main popup 메인 팝업존 */
.main_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%;  z-index: 9999;}
.main_popup .main_popup_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:fit-content; max-width: 1200px; z-index: 1; margin: 0 auto;}
.main_popup .main_popup_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 33, 39, .8); backdrop-filter: blur(4px);}
.main_popup .main_popup_top {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.main_popup .main_popup_top > h3 {font-size: 24px; font-weight: 600; color: #fff;}
.main_popup_wrap .ctrl_box {display: inline-block;}
.main_popup_wrap .ctrl_box .ctrl {display: inline-block; width: 40px; height: 40px; line-height:100%; background-color: #fff; border: 1px solid #eee; border-radius: 50%; margin-left: 5px; vertical-align: middle; text-align:center;}
.main_popup_wrap .ctrl_box .ctrl i.bx{font-size:26px; color:#999;}
.main_popup_wrap .ctrl_box .ctrl.swiper-button-disabled {opacity: .5;}
.main_popup_slide {overflow: hidden;}
.main_popup_slide .swiper-slide {position: relative; display: block; width:calc((1200px - 90px)/3) !important; margin:0 15px; transition: width 0.4s;}
.main_popup_slide .swiper-slide a{border-radius:8px;}
.main_popup_slide .swiper-slide a > img {inset:0; width: 100%; height:100%; object-fit: cover;}
.main_popup_bottom {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.main_popup_bottom .designChk span {color: #fff;}
.main_popup_bottom .modal_btn {display: block;}
.main_popup_bottom .modal_btn button {position: relative; width: 60px; height: 60px; background-color: #fff; border-radius: 50%;}
.main_popup_bottom .modal_btn button:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .2; transform: scale(1.3); animation: ping 1.3s ease-in-out infinite both; z-index: -1;}
.main_popup_bottom .modal_btn button > i {font-size: 30px; vertical-align: middle;}

@keyframes ping {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


@media (max-width: 1920px) {


}

@media (max-width: 1620px) {

	/* 메인비주얼 */
	.main_visual .main_copy{margin:auto 60px;}

	/* 사업소개 */
	.mcon_biz > strong{font-size:42px; line-height:145%;}
	.mcon_biz_info dl{font-size:20px;}
	.mcon_biz_info dl + dl{margin-top:25px;}
	.mcon_biz_info .biz_goal{margin-top:25px;}

	/* 지원내용 */
	.sup_main{height:430px;}
	.sup_main .img_box,
	.sup_thumb .img_box{padding-top:430px;}

	/* 새소식 */
	.mcon_notice ul li{padding:20px;}
	.mcon_notice ul li strong{font-size:20px;}

	/* ticker 메인 전용 */
	.ticker{right:0;}
	.ticker span{font-size:6.5vw;}

}

@media (max-width: 1440px) {

    .main_tit_wrap strong{font-size:40px;}
    .main_tit_wrap span{font-size:20px;}
    .main_tit_wrap .more_btn{font-size:15px; width:220px; height:38px;}
    .main_tit_wrap .more_btn:before{width:220px; height:38px; left:8px; top:8px;}

    /* 메인비주얼 */
    .main_visual .main_copy strong{font-size:50px;}

    /**/
    .mcon_biz > strong{font-size:32px;}
    .mcon_biz_info dl {font-size:18px;}
    .mcon_biz_info .biz_goal > ul > li .list_st_dash{font-size:15px;}
    .mcon_biz_info .biz_goal > ul > li > b{font-size:16px;}

    .mcon_biz_info .list_st_dash > li{font-size:16px;}

    /* 지원내용 */
    .sup_main .txt_box{padding:30px 50px 60px;}
    .sup_main .txt_box > strong{margin-top:20px; font-size:28px;}
    .sup_main .txt_box .spt_slide_ctrl{margin-top:30px;}

    /* 새소식 */
    .bbs_badge{font-size:12px; font-weight: 400; padding:3px 6px;}
    .mcon_notice ul li span:not(.bbs_badge){font-weight: 400; font-size:15px;}

    /* 오시는 길 */
    .map_info{font-size: 15px;}

}


@media (max-width: 1280px) {

    .main_wrap > section:not(.main_visual){padding:50px 0;}

    .main_visual{height:480px;}

    /**/
    .mcon_biz{flex-direction: column; gap:40px;}
    .mcon_biz > strong{width:100%; text-align: center; padding:30px; border-radius:10px; background:rgba(var(--main_color_rgb), 0.08);}
    .mcon_biz > strong > br:first-child{display:none;}
    .mcon_biz_info{width:100%; padding:30px; border:1px solid #ddd; border-radius:10px;}

    /**/
    .sup_main{width:80%;}
    .sup_thumb{width:20%;}


    /* main popup 메인 팝업존 */
    .main_popup .main_popup_wrap {max-width:876px;}
    .main_popup_slide .swiper-slide{width:calc((876px - 90px)/3) !important;}

}

@media (max-width: 1024px) {

    .main_wrap > section > .inner{padding:0 40px;}

    .sup_main{width:100%;}
    .sup_main .img_box{width:80%;}
    .sup_main .txt_box{width:48%; position:absolute; bottom:-30px; right:0;}

    .sup_thumb{display:none;}

    /* 메인비주얼 */
    .main_visual .main_copy strong{font-size:35px;}
    .main_visual .main_copy p{font-size:15px;}

    /* 새소식 */
    .mcon_notice ul{gap:15px; flex-wrap: wrap;}
    .mcon_notice ul li{width:calc((100% - 15px)/2);}

    /* main popup 메인 팝업존 */
    .main_popup .main_popup_wrap {max-width:640px;}
    .main_popup_slide .swiper-slide{width:calc((640px - 40px)/2) !important; margin:0 10px;}


}

@media (max-width: 768px) {

    .main_tit_wrap strong{font-size:34px;}
    .main_tit_wrap span{font-size:18px;}
    .main_tit_wrap .more_btn{width: 180px;}
    .main_tit_wrap .more_btn:before{width:180px;}

    /* 사업소개 */
    .mcon_biz > strong{font-size:26px;}
    .mcon_biz_info .biz_goal > ul > li{flex-direction: column; gap: 20px; padding:20px;}
    .mcon_biz_info .biz_goal > ul > li > b{width:100%;}
    .mcon_biz_info .biz_goal > ul > li .list_st_dash{width:100%;}

    /* 지원 내용 */
    .sup_main{height:fit-content;}
    .sup_main > ul > li{display:block;}
    .sup_main .img_box{width:100%;}
    .sup_main .txt_box{position: relative; left:0; right:0; bottom: unset; top:-50px; margin:auto; width:90%; border:1px solid #ddd;}
    .sup_main .txt_box > strong{font-sizE:26px;}


    /* 새소식 */
    .mcon_notice ul li strong{font-size:18px;}

    /* 오시는 길 */
    .map_info th, td{font-size:16px;}

    /* main popup 메인 팝업존 */
    .main_popup .main_popup_wrap {max-width:340px;}
    .main_popup_slide .swiper-slide{width:320px !important;}

    .main_popup_bottom .modal_btn button {width: 50px; height: 50px;}

}

@media (max-width: 640px) {
    .main_wrap > section:not(.main_visual){padding:60px 0;}
    .main_wrap > section > .inner{padding:0 20px;}

    .main_tit_wrap{margin-bottom: 40px;}

    .main_visual {display:flex; flex-direction: column-reverse; height:auto}
    .main_visual .img_box{height:0; padding-top:420px; position: relative;}
    .main_visual .img_box img{left:auto; right:-17%; width: auto; max-width: unset;}
    .main_visual .main_copy{padding:50px 20px; text-align: center; margin:0 auto; position:static; text-align:center; background:#fff;}
    .main_visual .main_copy strong{color:#222;}
    .main_visual .main_copy p{color:#666;}
    .main_visual .main_copy p br{display:none;}

    .mcon_biz_info .biz_goal > ul > li{width:100%;}

    .map_info th, td{font-size:15px;}

}

@media (max-width: 578px) {

    .main_visual .img_box{padding-top:360px;}

}

@media (max-width: 425px) {

    .main_visual .img_box{padding-top:300px;}

}