@import url("common.css");

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.mainTit{font-size: 2.77778rem;font-weight: 800;line-height: 120%; color:#252525;}
.sTit{color: #BE9473; font-size: 1.25em;font-weight: normal; line-height: 1; display:inline-block; margin:20px 0 50px;}

.section {overflow:hidden; clear:both; position: relative; width: 100%; height: 100vh; word-break: keep-all; box-sizing:border-box; display:flex; justify-content: center; flex-direction: column;}
.section .fp-tableCell {vertical-align: middle;}
.section.startup .fp-tableCell, .section.community .fp-tableCell, .section.news .fp-tableCell, .section.report .fp-tableCell {padding-top:50px;}


.moreBtn{vertical-align:middle; font-size: 0.88889rem;font-weight: 700; display:inline-block; }
.moreBtn::after{content:""; display:inline-block; width:10px; height:3px; background:#444; vertical-align:middle; margin:0 0 2px 10px;}



/* 鍮꾩�ъ뼹 */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-track {display:flex; }
.slick-slide{border:0; outline: 0 !important;}
.slick-initialized .slick-slide{display:block; outline: 0 !important;}

.visual{position:relative; width: 100%; height: 100vh; background:#000; overflow:hidden; z-index:1;}
.visual .visual_in{width: 100%; height: 100%; position: relative;}
.visual .vRoll{position:relative; width: 100%; height: 100vh; }

.visual .visual_in .vRoll .bg{position:absolute; left:0; top:0; width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-transition:transform 3000ms  ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out;}
.visual .visual_in .vRoll .bg .jarallax{position: relative; width: 100%; height:100%; opacity:1;}
.visual .visual_in .vRoll .bg .jarallax iframe{position: absolute;}

.visual .vTxt{position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); z-index:3; width:100%;  align-items: center; z-index:999999; text-align: center;}
.visual .vTxt h1 { font-family: 'GmarketSansBold'; font-size:3.75em; color:#fff; line-height: 1.2;}
.visual .vTxt h2 {font-size:1.25em; padding-top:1.25em; color:#fff;}
.visual .vTxt .quick {margin:10em 1.25em 0 1.25em;}
.visual .vTxt .quick h4 {font-family: 'GmarketSansBold'; position: absolute; margin-top:-42px; height:22px; background: linear-gradient(90deg, rgba(8,68,154,1) 0%, rgba(3,161,172,1) 100%); padding:10px 25px; color:#fff; border-radius: 20px 20px 0 0;}
.visual .vTxt .quick ul {background: #fff; width:calc(100% - 80px); padding:40px; border-radius: 0 20px 20px 20px; overflow: hidden;}
.visual .vTxt .quick ul li {float:left; text-align: center; width:25%; position: relative;}
.visual .vTxt .quick ul li::after {content: ''; position: absolute; width:1px; height:100%; background: rgba(0,0,0,0.1); top:0; right:0;}
.visual .vTxt .quick ul li:last-child::after {display: none;}
.visual .vTxt .quick ul li a {font-size:1.25em; color: #444;}
.visual .vTxt .quick ul li a p.img {height:65px; vertical-align: middle; margin-bottom:20px;}
.visual .vTxt .quick ul li:hover a p.img {transform: rotateY(180deg); transition: all .3s ease;} 
@media all and (max-width:1400px){

}

@media all and (max-width:980px) {
    .visual .vTxt h1 {font-size:2.5em}
    .visual .vTxt .quick {margin-top:6em}
    .visual .vTxt .quick ul {width:calc(100% - 30px); padding:20px 15px 0 15px; }
    .visual .vTxt .quick ul li {width:50%; padding-bottom:15px;}
    .visual .vTxt .quick ul li::after {display: none;}
    .visual .vTxt .quick ul li a p.img {width:100%; text-align: center;  margin-bottom:0;}
    .visual .vTxt .quick ul li a p.img img {height:50px;}

}


/**** S::�뒪���듃�뾽 吏��룄 ****/
.startup::before {content: ''; position: absolute; width:35%; left:0;top:0; height:100%; z-index: -1; background:#F8F8F8;}

.startup .startupCont_in article {display: flex; align-items: center;}
.startup .startupCont_in article .left {background: url('../../img/map_bg.jpg'); border-radius: 30px; padding:3.13em;}
.startup .startupCont_in article .left img {max-width: 100%; width:100%;}
.startup .startupCont_in article .right {margin-left:6.25em; width:calc(100% - 680px);}
.startup .startupCont_in article .right .map_list {display: flex; justify-content: space-between;}
/* 2024-04-11 박태균 메인화면 충남 창업 지원현황 margin-right 20px 증가 */
/* .startup .startupCont_in article .right .map_list ul {width: 50%;} */
.startup .startupCont_in article .right .map_list ul {width: 50%; margin-right: 20px}
.startup .startupCont_in article .right .map_list ul li {padding:20px 0; border-bottom:1px solid #eee;}
.startup .startupCont_in article .right .map_list ul li h5 {font-size: 1em; padding-bottom:10px;}
.startup .startupCont_in article .right .map_list ul li a {font-size: 1.88em;}
.startup .startupCont_in article .right .map_list ul li a span {font-size: 45px; font-weight: bold; color:#08449A;}

@media all and (max-width:980px) {
    .startup {padding:80px 0;}
    .startup::before {display: none;}
    .startup .startupCont_in article {display: block;}
    .startup .startupCont_in article .right {margin:40px 0; width:100%;}
    
}
@media all and (max-width:680px) {
    .startup {padding:50px 0;} 
    .startup .startupCont_in article .right .map_list {display: block;}
    .startup .startupCont_in article .right .map_list ul {width:100%}
    .startup .startupCont_in article .right .map_list ul li {float:left; width:50%; padding:10px 0;}
    .startup .startupCont_in article .right .map_list ul li a span {font-size:30px;}
    .startup .startupCont_in article .right .map_list ul li a {font-size:1.18em;}

}


/**** E::�뒪���듃�뾽 吏��룄 ****/


/**** S::而ㅻ�ㅻ땲�떚 ****/
.community {background: #F0F3F6;}
.community .mainTit {text-align: center;}
.community .sTit {text-align: center; color:#444; width:100%;}
.community .board_con {display: flex; margin:0 -20px}
.community .board_con .box { width:calc(100% - 40px); margin:0 20px; background: #fff; border-radius: 20px; padding:40px; box-shadow: 0 15px 20px rgba(188, 204, 200, 0.2);}
.community .board_con .box h4 {font-size:1.88em; color:#08449A; font-weight: bold; margin-bottom:10px; position: relative;}
.community .board_con .box h4.mint {color:#03A1AC}
.community .board_con .box a.more {border:1px solid #ddd; width:40px; height:40px; border-radius: 40px; display: inline-block;  text-align: center; position: absolute; right:0; color:#444; }
.community .board_con .box a.more i {font-size:13px; line-height: 40px; }
.community .board_con .box a.more:hover {background: #444; color:#fff; border:1px solid #222;}
.community .board_con .box li {border-bottom:1px solid #eee; position: relative; }
.community .board_con .box li a {width: calc(100% - 90px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:12px 0 5px 0; display: inline-block;}
.community .board_con .box li span.date {position: absolute; right:0; color:#888; width:80px; padding:12px 0 5px 0;}
.community .board_con .box li a:hover {color:#08449A}

@media all and (max-width:980px) {
    .community {padding:80px 0;}
    .community .board_con {display: block; margin:0;}
    .community .board_con .box {padding:20px; margin:0; margin-bottom:20px;}
    .community .board_con .box h4 {font-size:1.25em; margin-bottom:10px;}
    .community .board_con .box a.more {width:30px; height:30px;}
    .community .board_con .box a.more i {line-height: 30px; }
}
@media all and (max-width:680px) {
    .community {padding:50px 0;}
}
/**** E::而ㅻ�ㅻ땲�떚 ****/


/**** S::�솢�룞�냼�떇 ****/
.news::before {content: ''; position: absolute; top:0; left:0; height: 100%; width:50%; background: #F0F3F6 url('../../img/news_bg.png') no-repeat center/cover; z-index: -1;}
.news .mainTit{margin:0 0}
.news .sTit {line-height: 1.4; color:#444; margin-bottom:20px;}
.news .more {border:1px solid #03A1AC; border-radius: 30px; padding:10px 80px; display: inline-block; color:#03A1AC; }
.news .more:hover {background: #03A1AC; color:#fff;}
.newsCont {display: flex; align-items: center;}
.newsCont .left_tit {width:360px;}
.news .bsContRoll{width:Calc(100% - 360px); position:relative;  overflow-y:visible; }
.news .bsContRoll .bsContRoll_in{max-width:1200px;}
.news .bsContRoll ul{display:flex; margin-bottom:50px;}
.news .bsContRoll li.bRoll{box-sizing:border-box;  border:1px solid #eee;  border-radius: 20px; overflow: hidden;}
.news .bsContRoll li.bRoll a{display:block; position:relative; box-sizing:border-box;  background:#fff;}
.news .bsContRoll li.bRoll a .bg{position:absolute; left:0; top:0; z-index:1; display:block; width:100%; height:100%; opacity:0; transition:all 0.2s linear; background-size:cover; background-position:center;}
.news .bsContRoll li.bRoll h6{position:relative; z-index:2; color:#252525;font-size: 1.55556rem;font-weight: 700;line-height:1; margin:0 0 18px;}
.news .bsContRoll li.bRoll p{position:relative; z-index:2; line-height:1.3em;}
.news .bsContRoll li.bRoll .moreBtn{position:absolute; bottom:45px; z-index:2; }
.news .bsContRoll li.bRoll .moreBtn::after{background:#CAA385;}

.news .bsContRoll li.bRoll .img {height:285px; overflow: hidden; border-radius: 20px 20px 0 0 ;}
.news .bsContRoll li.bRoll .img img {width:100%; max-width:100%; height: 100%;}
.news .bsContRoll li.bRoll .txt {padding:20px 30px;}
.news .bsContRoll li.bRoll .txt h6{color:#252525;font-size: 1.33333rem;font-weight: 500; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3em;height:2.6em;margin:0 0 20px;}

.news .bsContRoll .swiper-pagination{position:absolute; top:auto; bottom:0; max-width:1200px; background:#E7E7E7; height:5px; border-radius:10px; overflow: hidden; opacity:1;}
.news .bsContRoll .swiper-pagination span{background:#03A1AC;border-radius:10px;}

@media all and (max-width:980px) {

    .news {padding:80px 0;}
    .news .sTit {width:100%;}
    .news .sTit br{display: none;}
    .newsCont {display: block;}
    .news .bsContRoll{width:100%; margin-top:30px}
    .news .bsContRoll .swiper-pagination{height:5px;}

    .news .bsContRoll li.bRoll a{height:auto;}
    .news .bsContRoll li.bRoll h6{margin:0 0 12px; font-size:1.3rem;}
    .news .bsContRoll li.bRoll .img {height:240px}
    .news .bsContRoll li.bRoll .moreBtn{bottom:30px;}

}
@media all and (max-width:680px) {
    
    .news{padding:50px 0;}
    .news .bsContRoll .swiper-pagination{height:3px;}
    .news .bsContRoll li.bRoll .img {height:200px}

}

/**** E::�솢�룞�냼�떇 ****/

/**** S::痍⑥갹�뾽蹂닿퀬�꽌 ****/
.report{background:url('../../img/report_bg.jpg')no-repeat center/cover;}
.report .mainTit{color:#fff; text-align:center; }
.report .sTit{color:#fff; text-align:center; display:block;}

.report .reportContRoll{overflow:visible;}
.report .reportContRoll .reportContRoll_in{overflow:visible;}
.report .reportContRoll ul{display:flex; }
.report .reportContRoll li.cRoll{opacity:0.3;}
.report .reportContRoll li.swiper-slide-visible{opacity:1 !important; }
.report .reportContRoll li.cRoll a{display:block; background:#fff; box-sizing:border-box;  padding:0; position:relative; transition:all 0.2s linear; border-radius: 20px; overflow: hidden;}
.report .reportContRoll li.cRoll .img {height:285px; overflow: hidden;}
/* 2024-04-11 박태균 메인화면 취창업보고서 이미지 크기 수정 */
/* .report .reportContRoll li.cRoll .img img {width:100%; max-width:100%;} */
.report .reportContRoll li.cRoll .img img {width:100%; max-width:100%; height: 100%}
.report .reportContRoll li.cRoll .txt {padding:20px 30px;}
.report .reportContRoll li.cRoll .txt h6{color:#252525;font-size: 1.33333rem;font-weight: 500; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3em;height:2.6em;margin:0 0 20px;}
.report .reportContRoll li.cRoll .txt .date {color:#888;}

.report .reportContRoll li.cRoll a:hover{border-color:#BE9473;box-shadow: 0px 10px 20px 0px rgba(29, 44, 65, 0.50); transition:all 0.2s linear;}

.report .reportContRoll .swiper-button-next,
.report .reportContRoll .swiper-button-prev{display:block; border-radius:50%; width:65px !important; height:65px !important; background:#fff; z-index:500; opacity:1 !important; }
.report .reportContRoll .swiper-button-next{right:-32px;}
.report .reportContRoll .swiper-button-prev{left:-32px;}
.report .reportContRoll .swiper-button-next::after,
.report .reportContRoll .swiper-button-prev::after{width:12px; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);font-size:0 !important; text-indent:-99999px; overflow:hidden; background:url('../../img/report_prev.svg') no-repeat center/100% auto; }
.report .reportContRoll .swiper-button-next::after{background-image:url('../../img/report_next.svg'); margin-right:-2px;}
.report .reportContRoll .swiper-button-prev::after{margin-left:-2px;}

@media all and (max-width:980px) {
    .report{padding:80px 0;}
    .report .reportContRoll li.cRoll a {}
    .report .reportContRoll li.cRoll .img {height:240px}
    .report .reportContRoll li.cRoll h6{font-size: 1.2rem;margin:17px 0 20px;}
    .report .reportContRoll li.cRoll p{margin:0 0 90px;}

    .report .reportContRoll .swiper-button-next,
    .report .reportContRoll .swiper-button-prev{width:55px !important; height:55px !important;}
    .report .reportContRoll .swiper-button-next{right:-27px;}
    .report .reportContRoll .swiper-button-prev{left:-27px;}
    .report .reportContRoll .swiper-button-next::after,
    .report .reportContRoll .swiper-button-prev::after{width:10px; }
}
@media all and (max-width:680px) {
.report{padding:50px 0;}
.report .reportContRoll li.cRoll h6{margin:0 0 17px;}
.report .reportContRoll li.cRoll p{margin:0 0 70px;}
.report .reportContRoll li.cRoll .img {height:200px;}

.report .reportContRoll .swiper-button-next,
.report .reportContRoll .swiper-button-prev{width:44px !important; height:44px !important;}
.report .reportContRoll .swiper-button-next{right:-22px;}
.report .reportContRoll .swiper-button-prev{left:-22px;}
.report .reportContRoll .swiper-button-next::after,
.report .reportContRoll .swiper-button-prev::after{width:8px; }
}
/**** E::痍⑥갹�뾽蹂닿퀬�꽌 ****/






/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1240px){

#fp-nav{display:none !important;}

}

/*******************************************************************************
    @media  ~980px                
*******************************************************************************/
@media all and (max-width:980px){

.section .fp-tableCell{/*vertical-align:top !important;*/ height:auto !important; display:block; }
.section.startup .fp-tableCell, .section.community .fp-tableCell, .section.news .fp-tableCell, .section.report .fp-tableCell {padding-top:0;}

.sTit{font-size: 1rem; }
.mainTit{font-size: 2.2rem;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


}
/*******************************************************************************
    @media ~480px                
*******************************************************************************/
@media all and (max-width:480px){



}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){


}