@charset "utf-8";

.main .section1{position:relative;height:730px;background:url(/img/ko/main/main_visual_bg.webp) no-repeat center top / auto 100%;z-index:0;transition:all .3s}
.main .section1:before{content:'';position:absolute;left:0;bottom:-21px;width:539px;height:225px;background:url(/img/ko/main/v_tree_left.png) no-repeat left bottom / 100%;transition:all .3s}
.main .section1:after{content:'';position:absolute;right:0;bottom:-29px;width:571px;height:354px;background:url(/img/ko/main/v_tree_right.png) no-repeat left bottom / 100%;transition:all .3s}
.main .section1 .visual_copy{padding-top:220px;text-align:center}
.main .section1 .visual_copy .copy_txt{color:#af79c3;font-size:42px;font-family:'Manse';line-height:52px;transition:all .3s}
.main .section1 .visual_copy .copy_txt span{color:#bfbfbf}
.main .section1 .visual_copy .copy_tit{margin-top:30px;color:#000;font-size:56px;font-family:'yg-jalnan';transition:all .3s}

.main .section2{position:relative;margin-top:-210px;margin-bottom:82px;font-family:'NotoSansKR';z-index:1;transition:all .3s}
.main .section2 .fav_box{width:100%;max-width:740px;margin:0 auto}
.main .section2 .fav_box ul{display:flex;flex-wrap:wrap}
.main .section2 .fav_box ul li{margin:0 11px;width:126px;height:126px;background:#fff;border:1px solid #ececec;border-radius:50%;text-align:center;overflow:hidden;transition:all .3s}
.main .section2 .fav_box ul li a{display:block;width:100%;height:100%;padding-top:32px;color:#000;font-size:16px;font-weight:400;background-repeat:no-repeat;background-position:center bottom -2px;background-size:40%}
.main .section2 .fav_box ul li:nth-child(1) a{background-image:url(/img/ko/main/ico_fmenu01.svg)}
.main .section2 .fav_box ul li:nth-child(2) a{background-image:url(/img/ko/main/ico_fmenu02.svg)}
.main .section2 .fav_box ul li:nth-child(3) a{background-image:url(/img/ko/main/ico_fmenu03.svg)}
.main .section2 .fav_box ul li:nth-child(4) a{background-image:url(/img/ko/main/ico_fmenu04.svg)}
.main .section2 .fav_box ul li:nth-child(5) a{background-image:url(/img/ko/main/ico_fmenu05.svg)}
.main .section2 .fav_box ul li:hover{background:#ffffdf}
@media screen and (max-width:1660px){
	.main .section1:before{width:339px;height:145px}
	.main .section1:after{width:371px;height:235px}
}
@media screen and (max-width:1279px){
	.main .section1{height:530px}
	.main .section1:before{width:239px;height:103px;bottom:-11px}
	.main .section1:after{width:271px;height:172px;bottom:-15px}
	.main .section1 .visual_copy{padding-top:160px}
	.main .section1 .visual_copy .copy_txt{font-size:33px;line-height:47px}
	.main .section1 .visual_copy .copy_tit{margin-top:10px;font-size:44px}
	.main .section2{margin-top:-150px}
}
@media screen and (max-width:1023px){
	.main .section1{height:430px}
    .main .section1 .visual_copy{padding-top:120px}
    .main .section1 .visual_copy .copy_txt{font-size:27px;line-height:35px}
    .main .section1 .visual_copy .copy_tit{margin-top:15px;font-size:36px;line-height:36px}
}
@media screen and (max-width:768px){
	.main .section1{height:300px}
	.main .section1:before{width:139px;height:60px}
	.main .section1:after{width:171px;height:110px}
	.main .section2{margin-top:60px;margin-bottom:10px;padding:0 20px}
    .main .section2 .fav_box ul{justify-content:space-between}
    .main .section2 .fav_box ul li{width:19%;margin:0;border-radius:5px}
}
@media screen and (max-width:645px){
	.main .section1{height:210px}
	.main .section1:before{width:109px;height:47px}
	.main .section1:after{width:141px;height:90px}
	.main .section1 .visual_copy{padding-top:74px;z-index:1;position:relative}
	.main .section1 .visual_copy .copy_txt{font-size:19px;line-height:27px}
	.main .section1 .visual_copy .copy_tit{margin-top:10px;font-size:24px}
	.main .section2{margin-bottom:0}
	.main .section2 .fav_box ul li{width:49%;margin-bottom:10px;border-radius:5px}
    .main .section2 .fav_box ul li:nth-child(3),
	.main .section2 .fav_box ul li:nth-child(4),
    .main .section2 .fav_box ul li:nth-child(5){width:32%}
	.main .section2 .fav_box ul li:nth-child(3),
	.main .section2 .fav_box ul li:nth-child(4),
    .main .section2 .fav_box ul li:nth-child(5){margin-bottom:0}
	.main .section2 .fav_box ul li a{padding-top:85px;background-position:center top 20px;background-size:54px}
}
/*자주찾는메뉴-old*/
/*.main .section2{font-family:'NotoSansKR'}
.main .section2 .fav_box{width:100%;max-width:1400px;margin:0 auto}
.main .section2 .fav_box ul{display:flex;flex-wrap:wrap}
.main .section2 .fav_box ul li{width:25%;border-right:1px solid #f0f0f0;text-align:center}
.main .section2 .fav_box ul li:nth-child(1){border-left:1px solid #f0f0f0}
.main .section2 .fav_box ul li a{display:block;width:100%;padding:157px 0 76px;color:#000;font-size:18px;font-weight:400;background-repeat:no-repeat;background-position:center 40%;transition:all .3s}
.main .section2 .fav_box ul li:nth-child(1) a{background-image:url(/img/ko/main/ico_fav01.png)}
.main .section2 .fav_box ul li:nth-child(2) a{background-image:url(/img/ko/main/ico_fav02.png)}
.main .section2 .fav_box ul li:nth-child(3) a{background-image:url(/img/ko/main/ico_fav03.png)}
.main .section2 .fav_box ul li:nth-child(4) a{background-image:url(/img/ko/main/ico_fav04.png)}
@media screen and (max-width:1024px){
	.main .section2 .fav_box ul li a{padding:120px 0 35px}
}
@media screen and (max-width:640px){
	.main .section2 .fav_box ul li a{font-size:15px;padding:75px 0 15px;background-position:center 35%}
	.main .section2 .fav_box ul li:nth-child(1) a{background-size:50px}
	.main .section2 .fav_box ul li:nth-child(2) a{background-size:42px}
	.main .section2 .fav_box ul li:nth-child(3) a{background-size:43px}
	.main .section2 .fav_box ul li:nth-child(4) a{background-size:46px}
}
@media screen and (max-width:440px){
	.main .section2 .fav_box ul li a{font-size:14px;padding:54px 0 10px;background-position:center 32%}
	.main .section2 .fav_box ul li:nth-child(1) a{background-size:40px}
	.main .section2 .fav_box ul li:nth-child(2) a{background-size:32px}
	.main .section2 .fav_box ul li:nth-child(3) a{background-size:33px}
	.main .section2 .fav_box ul li:nth-child(4) a{background-size:36px}
}*/

/*지원사업*/
.main .section3{padding:60px 0 50px;/*background:url(/img/ko/main/section3_bg.jpg) no-repeat center top / cover*/}
.main .section3 h2{padding-bottom:45px;color:#22222c;font-size:34px;font-family:'sebang';text-align:center}
.main .section3 .project.bns_list{font-family:'NotoSansKR'}
.main .section3 .btn_more{position:absolute;right:40px;top:10px}
.main .section3 .btn_more a{display:block;position:relative;width:20px;height:20px;text-indent:-9999px;transition:all .3s}
.main .section3 .btn_more a:before{content:'';position:absolute;right:0;top:9px;width:20px;height:2px;background:#b9b9b9;transition:all .3s}
.main .section3 .btn_more a:after{content:'';position:absolute;right:9px;top:0;width:2px;height:20px;background:#b9b9b9;transition:all .3s}
.main .section3 .btn_more a:hover:before,
.main .section3 .btn_more a:hover:after{background:#0056aa}
@media screen and (max-width:1024px){
	.main .section3{padding:45px 0 35px}
	.main .section3 h2{padding-bottom:30px;font-size:28px}
}

#banner{border-top:1px solid #e5e5e5;background:#fff}
#banner .banner_box{overflow:hidden}
#banner .banner_box .banner_wrap{position:relative;width:100%;height:80px;padding-left:245px}
#banner .banner_box .banner_wrap strong{display:block;position:absolute;left:0;top:0;line-height:80px;font-size:19px;color:#333;font-weight:500}
#banner .banner_box .banner_wrap .footer_control{position:absolute;left:100px;top:27.5px}
#banner .banner_box .banner_wrap .footer_control:after{display:block;clear:both;visibility:hidden;content:''}
#banner .banner_box .banner_wrap .footer_control a{display:block;float:left;position:relative;width:26px;height:26px;margin:0 2px;border-radius:50%;background:#888;font-size:0}
#banner .banner_box .banner_wrap .footer_control a:before,
#banner .banner_box .banner_wrap .footer_control a:after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;content:''}
#banner .banner_box .banner_wrap .footer_control a:before{width:10px;height:2px;background:#fff}
#banner .banner_box .banner_wrap .footer_control a:after{width:2px;height:10px;background:#fff}
#banner .banner_box .banner_wrap .footer_control button{display:block;float:left;position:relative;width:26px;height:26px;margin:0;padding:0;font-size:0}
#banner .banner_box .banner_wrap .footer_control button[data-control="prev"]:before{right:-3px;width:10px;height:10px;border-color:#333}
#banner .banner_box .banner_wrap .footer_control button[data-control="next"]:before{left:-3px;width:10px;height:10px;border-color:#333}
#banner .banner_box .banner_wrap .footer_control button[data-control="stop"]:before{height:15px;box-shadow:-3px 0 #333, 3px 0 #333}
#banner .banner_box .banner_wrap .footer_control button[data-control="play"]:before{right:-2px;border-width:9px 0 9px 12px;border-color:transparent transparent transparent #333}
#banner .banner_box .banner_wrap .grap{margin-left:0%;overflow:hidden;width:100%}
#banner .banner_box .banner_wrap .grap .obj{position:relative;width:1000%}
#banner .banner_box .banner_wrap .grap .obj:after{display:block;clear:both;visibility:hidden;content:''}
#banner .banner_box .banner_wrap .grap .obj li{float:left;position:relative;padding-right:20px;margin-right:20px!important;width:200px !important}
#banner .banner_box .banner_wrap .grap .obj li a{width:200px;display:block;padding:10px 0;height:80px;line-height:80px;font-size:15px;color:#333;/* font-weight:700;*/}
#banner .banner_box .banner_wrap .grap .obj li a img{/* width:auto;*//* height:100%;*/}
#banner .bx-wrapper{max-width:100%!important}

@media screen and (max-width:1279px){
	#foot_layout .layout{max-width:100%;padding:0 20px}
    #foot_layout .footlogo{display:none}
}
@media screen and (max-width:1023px){
	#banner .banner_box .banner_wrap{padding-left:232px}
    #banner .banner_box .banner_wrap .footer_control{top:22.5px}
    #banner .banner_box .banner_wrap .footer_control button{width:30px;height:30px;margin:0 1px;border-radius:50%;border:1px solid #ddd}
    #banner .banner_box .banner_wrap .footer_control button[data-control="prev"]:before{right:-3px;width:6px;height:6px;border-color:#9a9a9a}
    #banner .banner_box .banner_wrap .footer_control button[data-control="next"]:before{left:-3px;width:6px;height:6px;border-color:#9a9a9a}
    #banner .banner_box .banner_wrap .footer_control button[data-control="stop"]:before{height:10px;box-shadow:-3px 0 #9a9a9a, 3px 0 #9a9a9a}
    #banner .banner_box .banner_wrap .footer_control button[data-control="play"]:before{right:-2px;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #9a9a9a}
}
@media screen and (max-width:767px){
	#banner .banner_box .banner_wrap{height:auto;padding:20px 0}
    #banner .banner_box .banner_wrap strong{display:none}
    #banner .banner_box .banner_wrap .footer_control{top:27px;left:0px;right:0}
    #banner .banner_box .banner_wrap .grap .obj li{width:auto !important;padding-right:0px}
    #banner .banner_box .banner_wrap .grap .obj li a{width:auto;height:45px;line-height:30px;padding:0}
    #banner .banner_box .banner_wrap .grap .obj li:after{top:37.5px;right:15px}
}