/*sub-top*/
.st-section{width:100%; height:auto; margin-top:100px;}
.sub-top{width:100%; height:300px; background:url('/images/sub/sub-top.jpg') no-repeat center; background-size:cover;}
.sub-top .wrap{position:relative; height:100%}
.sub-top h1{font-size:50px; font-weight:700; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.st-location{align-items:center; position:absolute; bottom:20px; right:0}
.st-location li{margin:0 5px; line-height:1; font-size:16px; color:rgba(255,255,255,.8); font-weight:500}
.st-location li:first-child{margin-left:0 !important}
.st-location li.home span{font-size:22px; font-weight:300}
.st-location li span{font-size:15px;}

/*서브탑메뉴*/
.st-menu{width:100%; border-bottom:1px solid #ddd; }
.sub-top-menu{display:flex; flex-wrap:wrap; justify-content: center; text-align:center;}
.sub-top-menu {display:flex; flex-wrap:wrap; align-items:center; justify-content:center}
.sub-top-menu a{color:#999; display:inline-block; padding:15px 40px; font-size:18px; font-weight:600; overflow: hidden; position: relative; transform: translateZ(0);}
.sub-top-menu a:before {content: ''; background: #ff7e00; height: 2px; position: absolute; bottom: 0px; left: 50%; right: 50%; transition: 0.3s ease-out; transition-property: left, right;}
.sub-top-menu a:hover:before, .sub-top-menu > li > a:focus:before, .sub-top-menu > li > a:active:before {left: 0; right: 0;}
.sub-top-menu a:hover, .sub-top-menu a.active {color:#ff7e00; transition: 0.3s ease-out;}
.sub-top-menu a.active::before{width:100%; height:2px; background:#ff7e00; position:absolute;bottom:0; left:0;}



/*대표소개*/
.owner-top{width:100%; height:300px; background:url('/images/sub/owner-02.jpg') no-repeat center; background-size:cover;  border-radius:30px;}
.owner-con{padding:0 60px}
.bn-img{width:320px; padding:60px 32px; margin-top:-50px; border-radius:30px; background: rgb(1,165,81); background: linear-gradient(-90deg, rgba(1,165,81,1) 0%, rgba(64,176,73,1) 50%, rgba(128,187,64,1) 100%);}
.owner-txt{width:calc(100% - 320px); padding:30px 0; padding-left:40px; font-size:17px; line-height:1.5}
.sign{justify-content:flex-end; margin-top:20px; font-size:17px; font-weight:700;  align-items:center;}
.sign b{margin-left:10px; font-weight:400; font-size:30px; font-family: 'Cafe24Shiningstar';}


/*비전*/
.vision{background:#f9f9f9}
.vision-con{justify-content: center;}
.vision-con li{border:2px solid #ff7e00; background:rgba(255,255,255,.7); backdrop-filter: blur(3px); width:calc(100%/3 + 20px); max-width:350px; border-radius:100%; position:relative;}
.vision-con li:nth-child(2){margin:0 -40px; z-index:99}
.vision-con li .vi-con{position: relative; width: 100%; height: 0;  padding-bottom: 100%; border-radius: 100%;}
.vision-con li .vi-con div{width:100%; padding:0 50px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center}
.vision-con li .vi-con div p{font-size:17px; line-height:1.3; font-weight:600}
.vision-con li .vi-con img{width:120px; margin-bottom:10px}

/*주요업무*/
.busi-list{justify-content: space-between;}
.busi-list li{width:calc(100%/2 - 15px); background:rgba(5,101,38,.05); border-radius:20px; padding:35px; padding-top:100px; position:relative}
.busi-list li:nth-child(n+3){margin-top:25px}
.busi-list li b{font-weight:900; font-size:22px; margin-bottom:5px; color:#056526}
.busi-list li p{font-size:26px; line-height:1.4; font-weight:700}
.busi-list li p em{display:inline-block; font-weight:500; font-size:20px; line-height:1.3; margin-top:5px;}
.busi-list li span{font-size:60px; color:rgba(5,101,38,.3); position:absolute; top:35px; right:35px;}


/*조직도*/
.chart-wrap{position:relative; text-align:center; font-size:18px; line-height:1.4; font-weight:600}
.chart-wrap > div {position:relative; margin-top:30px;}
.chart-wrap > div:after{content:''; display:block; width:1px; height:120px; background:#ddd; position:absolute; z-index:-1; left:50%; top:-30px;}
.chart-wrap > div.ceo:after{display:none}
.chart-wrap > div.ceo{width:100%; max-width:250px; margin:0 auto;}
.chart-con{background:rgba(5,101,38,.08) !important; border-radius:13px !important; height:auto !important}
.chart-con h1{font-size:18px; font-weight:600; height:70px; width:100%;  background:#056526; color:rgba(255,255,255,.95); border-radius:10px}
.chart-con p{font-size:18px; padding:15px 5px; color:#056526}
.chart-wrap div > div{width:100%; max-width:250px; height:70px;position:relative;margin:0 auto;}
.chart-wrap div.cco{display: flex; flex-wrap: wrap; justify-content: space-between; position:relative}
.chart-wrap div.cco::before{content:''; display:block; width:50%; height:1px; background:#ddd; position:absolute; z-index:-1; left:50%; top:50%; transform:translate(-50%, -50%);}
.chart-wrap div.cco > div{background:#ddd; border-radius:10px;}

.chart-wrap div > div.right{position:absolute;left:50%; top:0;margin-left:60px;}
.chart-wrap div > div.right:before{content:''; display:block; position:absolute; top:35px; left:-60px; width:100px; height:1px; z-index:-1;  background:#ddd;}
.chart-wrap div > div.left{position:absolute;right:50%; top:0;margin-right:180px;}
.chart-wrap div > div.left:before{content:''; display:block; position:absolute; top:50%; right:-100px; width:100px; height:1px; z-index:-1;  background:#ddd;}

.head-office {align-items:initial; width:100%; max-width:1200px;margin:0 auto; margin-top:330px !important}
.chart-wrap > div.head-office:after{height:220px; top:-240px}
.head-office dl{width:calc(100%/4 - 25px);position:relative; }
.head-office dl:before{content:'';position:absolute;width:calc(100% + 50px); height:20px; border-left:1px solid #ddd; border-top:1px solid #ddd;top:-20px}
.head-office dl:nth-child(n+3):before{border-right:1px solid #ddd; border-left:0; left:auto; right:50%}
.head-office dt{background:rgba(255, 126, 0, .15); height:65px; font-weight:700; border-radius:10px; position:relative;color:#ff7e00}
.head-office dd{border:1px solid rgba(255, 126, 0, .3); margin-top:10px; position:relative; border-radius:10px;}
.head-office dd:before{content:''; position:absolute; width:1px; height:10px; background:#ddd;top:-10px; left:50%}
.head-office dt, .head-office dd{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

.chart-busi{display:flex; flex-flow:column; align-items:flex-start; width:100%; padding:25px;}
.chart-busi b{color:#ff7e00; font-weight:800; font-size:17px; margin-bottom:8px;}
.chart-busi ul li{font-size:15px; line-height:1.3; text-align:left; font-weight:400; padding-left:9px; position:relative}
.chart-busi ul li:before{content:''; display:block; width:3px; height:3px; background:#ff7e00; border-radius:10px; position:absolute; top:8px; left:0;}
.chart-busi ul li:nth-child(n+2){margin-top:5px}

.chart-wrap div > div.chart-busi{height:auto !important}
.head-con{background:#fff !important; border:2px solid #056526;}
.head-con .chart-busi ul li:before{background:#056526}

.chart-logo{padding:0 40px}


/*오시는 길*/
.location.mt60{margin-top:60px;}
.map, .map-info{width:50%;}
.map-info{border:1px solid #ddd; border-left:none !important; background:#fafafa; padding:50px; display:flex; flex-flow:column; justify-content: flex-end; }
.map-info h1{font-weight:800; font-size:32px; margin-bottom:10px}
.map-info .add{margin-left:-2px}
.map-info .add li{display:flex; flex-wrap:wrap}
.map-info .add li:nth-child(n+2){margin-top:5px;}
.map-info .add li span{width:25px; font-size:23px}
.map-info .add li p{width:calc(100% - 25px); font-size:16px;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap_landing{border-bottom:1px solid #ddd;}
.root_daum_roughmap .wrap_map{height:400px !important;}
.root_daum_roughmap .wrap_btn_zoom{display:none !important}

.map-link{margin-top:50px}
.map-link a{padding:11px 25px; font-size:17px; border-radius:7px; background:#ddd; cursor:pointer; font-weight:700; box-shadow:0 0 6px rgba(0,0,0,.15)}
.map-link a img{height:22px; margin-right:8px; margin-top:2px}
.map-link a.naver img{height:16px}
.map-link a:nth-child(n+2){margin-left:7px}
.map-link a.kakao{background:#f9e000; color:#1a2019;}
.map-link a.kakao:hover{background:#ffda00; transition:.3s}
.map-link a.naver{background:#00d119; color:#fff;}
.map-link a.naver:hover{background:#00c300; transition:.3s}



/*서브탭공용*/
.sub-tab{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-bottom:50px;}
.sub-tab li{margin:0 5px;}
.sub-tab li a{font-size:18px; font-weight:600; color:#888; padding:12px 35px; border-radius:100px; background:#eee}
.sub-tab li a.on, .sub-tab li a.on:hover{background:#000; color:#f5f5f5; transition:.2s;}
.sub-tab li a:hover{background:#ddd; color:#555; transition:.2s}


/*sub-title*/
.sub-title{width:240px; font-size:36px; font-weight:800; padding-left:38px; line-height:1.3; position:relative; color:#056526; margin-bottom:20px;}
.sub-title::before{content:'psychiatry'; font-family: 'Material Symbols Outlined'; display:block; font-size:34px; color:#056526; position:absolute; top:0px; left:0;}
.sub-title span{font-size:22px; font-weight:600;}
.right-box{width:calc(100% - 240px); margin-top:5px;}





/*걸어온길 - 연혁*/
#history{ position: relative; display:flex; justify-content: space-between; }
#history .scrollBox:after{ content:''; display:block; width: 1px; height: calc(100% - 20px); background: #eee; position: absolute; top: 20px; left: 439px ; z-index: -1;}
#history .itemBox{ display:flex; overflow: hidden; padding-bottom:60px}
#history .itemBox:last-child{padding-bottom:10px;}
#history .itemBox .year{ position: relative; color:#000; font-weight: 800; font-size:24px; width:200px; padding-top:5px}
#history .itemBox .year:after{ content:""; display:block; width: 10px; height: 10px; border-radius: 2px; background: #ddd; position: absolute; top: 20px; right: -5px; transition:all 0.5s 0.1s;} 
#history .itemBox .year:before{ content:''; display:block; width: 1px; height: 0; background: #ff7e00; position: absolute; top: -20px; right: 0px;z-index: 5; opacity: 0; transition:all 0.5s;}
#history .itemBox:first-child .year:before{ top: 25px;}
#history .itemBox.on .year:after{ background:#ff7e00; }
#history .scrollBox .itemBox.on .year:before{ opacity: 1; height: 200px;}
#history .txtBox{margin-top:12px; padding-left:60px}
#history .txtBox li{padding-left:10px; position:relative; font-size:17px; line-height:1.4}
#history .txtBox li:nth-child(n+2){margin-top:5px;}
#history .txtBox li::before{content:''; display:block; width:3px; height:3px; background:#ff7e00; position:absolute; top:10px; left:0;}


/*걸어온길 - 특허.수상*/
.award{background:#f7f7f7}
.award-list.mt30{margin-top:30px; padding-top:30px; border-top:1px dashed #ccc}
.award-list li{width:calc(100%/3 - 10px); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.05); margin-right:15px; padding:30px; border-radius:12px}
.award-list li.map{width:calc(100% - 100%/3 - 10px); margin-right:0 !important}
.award-list li:nth-child(3n){margin-right:0 !important}
.award-list li:nth-child(n+4){margin-top:15px;}
.award-list li p{font-size:17px; line-height:1.4; font-weight:600}
.award-list li b{font-size:15px; line-height:1; opacity:.5; margin-top:20px; display:flex; flex-wrap:wrap; font-weight:800}
.award-list li img{width:100%; border:1px solid #eee; margin-bottom:10px;}

.patent{margin-bottom:60px}
.patent-link{width:28px; height:28px; background:#777; color:#fff !important; border-radius:100px; text-align:center; display:inline-block}
.patent-link span{font-weight:300; font-size:20px; line-height:28px !important}
.patent-link:hover{transition:.2s; background:#666}

.patent-view span.flex-side{align-items:initial}
.patent-view span p{width:calc(100% - 30px)}

.modal_wrap {width:100% !important; overflow:hidden;}
.modal {max-width:800px !important;width:100% !important; border-radius:20px !important;  height: auto; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;}
.modal_wrap {height: 100%;overflow-y: auto; overflow-x: hidden; padding:50px;}
.blocker {z-index:9999999999999 !important; background-color: rgba(0,0,0,0.7) !important; backdrop-filter: blur(5px);}




/*******************************사업소개*******************************/
/*소개*/
.intro {text-align:center}
.intro.mt50{margin-top:50px}
.intro h1{font-weight:700; font-size:40px; margin-bottom:10px}
.intro h1 b{color:#056526; font-weight:800;}
.intro p{font-size:19px; font-weight:400; line-height:1.5}

/*사회적기업종류*/
.social-list{width:100%; margin:60px 0; justify-content: center; border:1px solid #ddd; padding: 20px; border-radius: 300px;}
.social-list li{width:calc(100%/5 + 20px); margin-left:-25px; text-align:center; background:#777; backdrop-filter: blur(3px);  border-radius:100%}
.social-list li:first-child{margin-left:0 !important}
.social-list li div{width:100%; height:0; padding-bottom:100%; position:relative;}
.social-list li div p{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; font-weight:600; line-height:1.4; color:#fff}
.social-list li:nth-child(1){background:rgba(59,166,161,.8)}
.social-list li:nth-child(2){background:rgba(79,178,107,.9)}
.social-list li:nth-child(3){background:rgba(0,99,99,.8)}
.social-list li:nth-child(4){background:rgba(25,114,0,.8)}
.social-list li:nth-child(5){background:rgba(24,100,147,.8)}


/*사회적기업 설명*/
.social-con{justify-content: space-between;}
.social-con.right{flex-flow: row-reverse;}
.social-con.mt50{margin-top:50px}
.social-con .img{width:47%; max-width:600px; background:#000; border-radius:30px; border:1px solid #eee}
.social-con .img.img01{background:url('/images/sub/social01.jpg') no-repeat center; background-size:cover}
.social-con .img.img02{background:url('/images/sub/social02.jpg') no-repeat center; background-size:cover}
.social-con .img.img03{background:url('/images/sub/social03.jpg') no-repeat center; background-size:cover}
.social-con .txt{width:50%; max-width:600px; padding:40px 0}
.social-con .txt h1{align-items:center; font-size:26px; font-weight:800; margin-bottom:10px; color:#ff7e00}
.social-con .txt h1 span{font-weight:600; font-size:28px; margin-right:5px;}
.social-con .txt ul li{padding:16px 0; padding-left:30px; position:relative; font-size:17px; line-height:1.4; border-bottom:1px solid #ddd}
.social-con .txt ul li::before{display:inline-block; content:''; color:#fff; text-align:center; font-weight:600; font-size:14px; width:23px; line-height:23px; border-radius:50px; background:#ff7e00; position:absolute; top:16px; left:0;}
.social-con .txt ul li:nth-child(1)::before{content:'1';}
.social-con .txt ul li:nth-child(2)::before{content:'2';}
.social-con .txt ul li:nth-child(3)::before{content:'3';}
.social-con .txt ul li:nth-child(4)::before{content:'4';}
.social-con .txt ul li:nth-child(5)::before{content:'5';}
.social-con .txt ul li:nth-child(6)::before{content:'6';}


/*주요업무*/
.work{background:#f7f7f7}
.work-tit{margin:5px 0; justify-content:flex-start !important; font-size:22px;}
.work-tit span{font-weight:400; font-size:24px; margin-right:3px}
.work-tit.mt30{margin-top:30px;}
.work-list li{width:calc(100%/4 - 15px); margin-right:20px; border:1px solid rgba(5,101,38,.3); padding:20px; background:#fff; font-size:16px}
.work-list li:nth-child(4n){margin-right:0 !important}
.work-list li:nth-child(n+5){margin-top:20px;}
.work-list li b{font-weight:900; font-size:18px; color:#056526; margin-bottom:12px; width:100%; border-bottom:1px solid rgba(5,101,38,.3); padding-bottom:10px}
.work-list li:hover{border:1px solid rgba(5,101,38,.6);}
.work-list li:hover b{border-bottom:1px solid rgba(5,101,38,.6);}
.work-list li {line-height:1.4}

/*하단정보*/
.sub-fter{width:100%; border:10px solid #eee; padding:30px;}
.sub-fter li{font-size:18px; display:flex; flex-wrap:wrap; align-items:center; margin:0 40px}
.sub-fter li b{font-weight:700; margin-right:15px; padding-right:15px; position:relative}
.sub-fter li b::before{display:block; content:''; width:1px; height:13px; background:#000; position:absolute; top:50%; right:0; transform:translateY(-50%)}

/*협동조합 소개*/
.cooperative{align-items: initial;}
.cooperative .con{width:49%; background:rgba(5,101,38,.03); border:1px solid rgba(5,101,38,.15); padding:50px; border-radius:30px}
.cooperative .con h1{font-size:32px; font-weight:700; margin-bottom:10px}
.cooperative .con h1 b { color: #056526; font-weight: 800;}
.cooperative .con p{font-size:17px; line-height:1.5}


/*공익의 유형*/
.public .wrap{padding-top:0 !important}
.public-list{width:100%; justify-content: space-between;}
.public-list li{width:48%; display:flex; flex-wrap:wrap; align-items:center;}
.public-list li:nth-child(n+3){margin-top:20px}
.public-list li .icon{background:#fff; width:120px; height:120px; border-radius:50%}
.public-list li .icon img{max-width:70%}
.public-list li .pub-txt{width:calc(100% - 120px); padding-left:20px;}
.public-list li .pub-txt b{font-weight:800; font-size:19px;;}
.public-list li .pub-txt p{line-height:1.3; margin-top:5px; font-size:16px;}


/*공동의 ~ 연합회*/
.union h1{width:100%; font-size:26px; text-align:center; line-height:1.3; padding:25px 10px; margin-bottom:30px; background:#0b90d2; color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:100px;}
.union-list li{width:calc(100%/3 - 20px); border-radius:20px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.15)}
.union-list li b{width:100%; background:#f38b91; padding:16px 10px; font-size:18px; line-height:1.4; font-weight:700; color:#fff; text-align:center;}
.union-list li:nth-child(2) b{background:#00b6b8}
.union-list li:nth-child(3) b{background:#ffb010}
.union-list li p{width:100%; font-size:17px; line-height:1.4; padding:16px 10px; background:#fff; text-align:center}


/*창업일자리지원센터*/
.support.gray{background:#f7f7f7}
.support h1{font-size:32px; line-height:1; align-items:center; justify-content:center;  font-weight:800; color:#056526; margin-bottom:40px;}
.support h1 span{font-size:28px; margin-right:5px; font-weight:700}
.sup-list li{display:flex; flex-wrap:wrap; align-items:flex-start; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ddd}
.sup-list li b{width:150px; font-size:19px; line-height:50px; border-radius:100px; padding:0 10px; text-align:center; background:#0b90d2; color:#fff}
.sup-list li p{padding-top:10px; font-size:17px; width:calc(100% - 150px); padding-left:20px; }
.support.gray .sub-fter{border:10px solid #ddd; background:#fff}


/*마을기업*/
.town {justify-content: space-between; margin-top:60px}
.town li{width:49%; display:flex; flex-wrap:wrap; align-items:center; background:#f7f7f7; padding:30px; border-radius:20px;}
.town li:nth-child(n+3){margin-top:20px}
.town li b{width:80px; line-height:80px; border-radius:50%; color:#fff; font-size: 30px; font-weight:900}
.town li div.txt{width:calc(100% - 80px); padding-left:20px; display:flex; flex-flow:column; align-items:flex-start; text-align:left}
.town li div.txt h3{font-size:22px; font-weight:800; margin-bottom:5px;}
.town li div.txt p{font-size:17px; line-height:1.4}
.town li:nth-child(1) b{background:#f38b91}
.town li:nth-child(2) b{background:#00b6b8}
.town li:nth-child(3) b{background:#ffb010}
.town li:nth-child(4) b{background:#0b90d2}
.town li:nth-child(5) b{background:#056526}
.town li:nth-child(1) h3{color:#f38b91}
.town li:nth-child(2) h3{color:#00b6b8}
.town li:nth-child(3) h3{color:#ffb010}
.town li:nth-child(4) h3{color:#0b90d2}
.town li:nth-child(5) h3{color:#056526}


/*마을기업 유형*/
.category{background:#f7f7f7}
.cate-con.mt30{margin-top:30px}
.cate-title{justify-content:flex-start; font-size:20px; font-weight:800; color:#ff7e00}
.cate-title span{font-size:26px; color:#ff7e00;width:30px;}
.cate-title p{width:calc(100% - 30px)}
.cate-txt{font-size:17px; padding-left:30px; margin-top:3px; }
.cate-list {margin-top:15px}
.cate-list li{width:calc(100%/3 - 10px); border:1px solid #dfdfdf; padding:25px; border-radius:15px; background:#fff; margin-right:15px;}
.cate-list li:nth-child(3n){margin-right:0 !important}
.cate-list li:nth-child(n+4){margin-top:15px}
.cate-list li b{font-size:18px; font-weight:800; margin-bottom:8px}
.cate-list li p{font-size:16px; line-height:1.4; color:#666}


/*마을기업 신청요건*/
.appli-view{align-items:initial; }
.app-con{width:calc(100%/3 - 10px); border:1px solid #ddd; padding:20px; display:flex; flex-flow:column; align-items:center}
.app-con > img{width:90px; margin-bottom:12px}
.app-con > div h1{font-size:20px; line-height:1.3; font-weight:800; text-align:center; width:100%; color:#ff7e00; margin-bottom:10px}
.app-con > div ul{margin-top:20px; padding-top:20px; border-top:1px solid #ddd}
.app-con > div ul li{display:flex; flex-wrap:wrap;}
.app-con > div ul li span{width:25px; font-size:22px; font-weight:600; margin-top:1px; color:#ff7e00}
.app-con > div ul li p{width:calc(100% - 25px); font-size:16px; line-height:1.3 }
.app-con > div ul li:nth-child(n+2){margin-top:5px}



/*마을기업 신청과정*/
.process{background:#f7f7f7}
.town-proc{width:100%; display:flex; flex-flow:column;}
.town-proc li{width:100%; background:#fff; position:relative; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,.05)}
.town-proc li b{width:100%; padding:15px 10px; text-align:center; font-size:20px; color:#fff; background:#76c6e5; border-radius:20px 20px 0 0}
.town-proc li:nth-child(n+2){margin-top:60px}
.town-proc li:nth-child(n+2)::before{content:'keyboard_double_arrow_down'; font-family: 'Material Symbols Outlined'; color:#0b90d2; display:inline-block; font-size:46px; font-weight:700; position:absolute; top:-65px; left:50%; transform:translate(-50%)}
.town-proc li:last-child b{border-radius:20px; background:#0b90d2}
.p-txt{padding:20px}
.p-txt p{padding-left:10px; font-size:17px; position:relative}
.p-txt p::before{content:''; display:block; width:4px; height:4px; background:#0b90d2; border-radius:10px; position:absolute; top:12px; left:0;}
.p-txt > div span{font-size:15px; background:#e2f2f7; color:#0b90d2; border-radius:100px; padding:6px 12px; margin-top:7px; margin-right:5px}


/*마을기업 지원내용*/
.ts-list{background: rgb(5,101,38); background: linear-gradient(31deg, rgba(5,101,38,1) 0%, rgba(68,161,100,1) 100%);}
.ts-list > ul{width:calc(100% - 110px); }
.ts-list > li{width:calc(100%/2); color:#fff; padding:30px; position:relative; border-right:1px solid #fff; padding-bottom:50px}
.ts-list > li:nth-child(2n){border-right:none}
.ts-list > li:nth-child(n+5){width:100%; border-right:none}
.ts-list > li:nth-child(n+3){border-top:1px solid #fff}
.ts-list > li img{width:100px; position:absolute; bottom:30px; right:30px; opacity:.6}
.ts-list > li b{font-weight:800; font-size:16px; margin-bottom:3px; opacity:.6}
.ts-list > li h1{font-size:22px; line-height:1.3; margin-bottom:15px;}
.ts-list > li ul li{padding-left:23px; font-size:16px; line-height:1.3; position:relative; font-weight:300}
.ts-list > li ul li:nth-child(n+2){margin-top:3px;}
.ts-list > li ul li::before{content:'keyboard_double_arrow_right'; display: inline-block; font-size:20px; font-weight:200; position:absolute; top:-3px; left:0; font-family: 'Material Symbols Outlined';}
.ts-list > li:hover{transition:.3s; background: rgb(5, 101, 38); background: linear-gradient(110deg, rgba(5, 101, 38, 1) 0%, rgba(68, 161, 100, 1) 100%);}





/**************************************반응형**************************************/
@media (max-width: 1400px) {
	/*sub-top*/
	.st-section{margin-top:90px;}
}

@media (max-width: 1230px) {
/*sub-top*/
.st-section{margin-top:70px;}
.sub-top{height:280px; }
.sub-top h1{font-size:47px;}

/*서브탑메뉴*/
.sub-top-menu a{padding:15px 30px; font-size:17px;}


/*sub-title*/
.sub-title{width:190px; font-size:32px; padding-left:35px;}
.sub-title::before{font-size:32px;}
.right-box{width:calc(100% - 190px); margin-top:0;}

/*서브탭공용*/
.sub-tab li a{font-size:17px; padding:12px 32px;}

/*대표소개*/
.owner-top{height:280px; border-radius:25px;}
.owner-con{padding:0 40px}
.bn-img{padding:30px 25px;}

/*비전*/
.vision-con li{ width:calc(100%/3 + 10px); max-width:300px;}
.vision-con li:nth-child(2){margin:0 -20px;}
.vision-con li .vi-con div{padding:0 30px;}
.vision-con li .vi-con div p{font-size:16px;}
.vision-con li .vi-con img{width:100px; }

/*주요업무*/
.busi-list li{width:calc(100%/2 - 10px); border-radius:18px; padding:30px; padding-top:90px;}
.busi-list li:nth-child(n+3){margin-top:17px}
.busi-list li b{font-size:20px;}
.busi-list li p{font-size:24px}
.busi-list li p em{font-size:18px;}
.busi-list li span{font-size:50px;top:30px; right:30px;}

/*걸어온길 - 연혁*/
#history .scrollBox:after{ left: 369px ; }
#history .itemBox{ padding-bottom:50px}
#history .itemBox .year{font-size:22px; width:180px; padding-top:9px}
#history .txtBox{padding-left:40px; width:calc(100% - 220px)}

/*걸어온길 - 특허.수상*/
.award-list li{padding:25px;}
.award-list li p{font-size:16px;}
.award-list li b{font-size:15px;margin-top:20px; }
.patent{margin-bottom:50px}
.modal_wrap {padding:40px;}


/*오시는 길*/
.location.mt60{margin-top:40px;}
.map-info{ padding:40px; }
.map-info h1{font-size:30px; margin-bottom:10px}
.map-info .add li span{width:25px; font-size:23px}
.map-info .add li p{width:calc(100% - 25px); font-size:16px;}
.root_daum_roughmap .wrap_map{height:360px !important;}
.map-link{margin-top:40px}
.map-link a{padding:10px 22px; font-size:16px; }
.map-link a img{height:20px; margin-right:7px;}
.map-link a.naver img{height:15px}


/*조직도*/
.chart-wrap{font-size:17px}
.chart-wrap > div {margin-top:25px;}
.chart-wrap > div:after{height:100px; top:-25px;}
.chart-wrap > div.ceo{max-width:230px;}
.chart-con h1 {font-size: 17px; height: 65px; border-radius: 8px;}
.chart-con p{font-size:17px; padding:13px 5px;}
.chart-wrap div > div{max-width:230px; height:60px;}
.chart-wrap div.cco > div{border-radius:8px;}
.chart-wrap div > div.left{margin-right:150px;}
.head-office {margin-top:300px !important}
.chart-wrap > div.head-office:after{height:200px; top:-220px}
.head-office dl{width:calc(100%/4 - 10px);}
.head-office dl:before{width:calc(100% + 50px); height:20px; top:-20px}
.head-office dt{height:58px; border-radius:8px;}
.head-office dd{margin-top:10px; font-size:16px;  border-radius:8px;}

.chart-busi{padding:20px;}
.chart-busi b{font-size:16px; margin-bottom:6px;}
.chart-busi ul li{font-size:14px; padding-left:9px; }
.chart-busi ul li:before{width:3px; height:3px; top:7px;}
.chart-busi ul li:nth-child(n+2){margin-top:4px}

.chart-logo{padding:0 30px}


/*******************************사업소개*******************************/
/*소개*/
.intro h1{font-size:36px;}
.intro p{font-size:18px;}

/*사회적기업종류*/
.social-list{margin:50px 0}
.social-list li{width:calc(100%/5 + 10px); margin-left:-13px; }
.social-list li div p{font-size:19px;}

/*사회적기업 설명*/
.social-con.mt50{margin-top:40px}
.social-con .img{border-radius:25px;}
.social-con .txt{padding:30px 0}
.social-con .txt h1{font-size:22px;}
.social-con .txt h1 span{font-size:25px;}
.social-con .txt ul li{padding:14px 0; padding-left:28px; font-size:16px;}
.social-con .txt ul li::before{width:22px; line-height:22px; top:15px; }

/*주요업무*/
.work-tit{font-size:20px;}
.work-tit span{ font-size:20px; }
.work-tit.mt30{margin-top:26px;}
.work-list li{width:calc(100%/4 - 8px); margin-right:10px; padding:16px; font-size:15px}
.work-list li:nth-child(n+5){margin-top:10px;}
.work-list li b{font-size:17px; margin-bottom:10px; padding-bottom:8px}

/*하단정보*/
.sub-fter li{font-size:17px; margin:0 30px}
.sub-fter li b{margin-right:13px; padding-right:13px;}


/*협동조합 소개*/
.cooperative .con{padding:35px; border-radius:20px}
.cooperative .con h1{font-size:28px; margin-bottom:10px}
.cooperative .con p{font-size:16px;}
.cooperative .con p br{display:none}

/*공익의 유형*/
.public-list li .icon img{max-width:65%}
.public-list li .pub-txt{padding-left:16px;}
.public-list li .pub-txt b{font-size:18px;;}
.public-list li .pub-txt p{font-size:15px;}

/*공동의 ~ 연합회*/
.union h1{font-size:24px; padding:20px 10px; margin-bottom:25px; }
.union-list li{width:calc(100%/3 - 10px); border-radius:15px;}
.union-list li b{padding:14px 10px; font-size:17px; }
.union-list li p{ font-size:16px; padding:14px 10px; }

/*창업일자리지원센터*/
.support h1{font-size:30px;}
.support h1 span{font-size:26px;}


/*마을기업*/
.town {margin-top:50px}
.town li{width:49.3%; padding:20px; border-radius:15px;}
.town li:nth-child(n+3){margin-top:12px}
.town li b{width:70px; line-height:70px; font-size: 27px; }
.town li div.txt{width:calc(100% - 70px); padding-left:15px;}
.town li div.txt h3{font-size:21px;margin-bottom:5px;}
.town li div.txt p{font-size:16px;}

/*마을기업 유형*/
.cate-list {margin-top:10px}
.cate-list li{width:calc(100%/3 - 5px); margin-right:7px;}
.cate-list li:nth-child(n+4){margin-top:8px}
.cate-list li p br{display:none}

/*마을기업 신청요건*/
.app-con{width:calc(100%/3 - 5px);  padding:20px 15px; }
.app-con > img{width:70px; margin-bottom:10px}
.app-con > div h1{font-size:18px;margin-bottom:8px}
.app-con > div ul{margin-top:20px; padding-top:20px; }
.app-con > div ul li span{width:22px; font-size:20px;}
.app-con > div ul li p{width:calc(100% - 22px); font-size:15px; }

}




@media (max-width: 1023px) {
/*sub-top*/
.st-section{margin-top:60px;}
.sub-top{height:240px; }
.sub-top h1{font-size:38px;}
.st-location{bottom:18px;}
.st-location li{font-size:15px; margin: 0 4px;}
.st-location li.home span{font-size:20px;}
.st-location li span{font-size:14px;}

/*서브탑메뉴*/
.sub-top-menu a{padding:13px 25px; font-size:16px;}

/*sub-title*/
.sub-title{width:100% ;padding-left:38px; margin-bottom:30px;}
.sub-title br{display:none}
.right-box{width:100%;}

/*서브탭공용*/
.sub-tab{margin-bottom:40px;}
.sub-tab li a{padding:10px 25px; font-size:16px;}
.sub-tab li{margin-top:8px;}

/*대표소개*/
.owner-top{height:240px; border-radius:20px;}
.owner-con{padding:0 20px}
.bn-img{width:300px; padding:10px 15px; margin-top:-40px; border-radius:15px;}
.owner-txt{width:calc(100% - 300px); padding:20px 0; padding-left:30px; font-size:16px;}
.sign{margin-top:15px; font-size:16px;}
.sign b{font-size:27px;}

/*비전*/
.vision-con li{ width:calc(100%/3 + 5px); max-width:250px;}
.vision-con li:nth-child(2){margin:0 -10px;}
.vision-con li .vi-con div{padding:0 20px;}
.vision-con li .vi-con div p{font-size:15px;}
.vision-con li .vi-con img{width:85px; margin-bottom:5px }


/*걸어온길 - 연혁*/
#history{flex-flow:column}
#history .scrollBox:after{ left: 179px ; height: calc(100% - 60px); top: 60px;}
#history .itemBox{ padding-bottom:50px}
#history .itemBox .year{font-size:22px; width:180px;}
#history .txtBox{padding-left:40px; width:calc(100% - 210px)}
#history .txtBox li {font-size: 16px;}


/*오시는 길*/
.location.mt60{margin-top:30px;}
.map-info{ padding:30px; }
.map-info h1{font-size:27px;}
.map-info .add li span{width:22px; font-size:21px}
.map-info .add li p{width:calc(100% - 22px); font-size:15px;}
.root_daum_roughmap .wrap_map{height:320px !important;}
.map-link{margin-top:30px}
.map-link a{padding:8px 20px; font-size:15px; }
.map-link a img{height:18px; }
.map-link a.naver img{height:14px}


/*조직도*/
.chart-wrap{font-size:16px}
.chart-wrap > div {margin-top:20px;}
.chart-wrap > div:after{display:none}
/*.chart-wrap > div.ceo{max-width:calc(100%/2 - 10px);; margin:0}*/
.chart-wrap > div.ceo{max-width:100%; margin:0}
.chart-con h1 {font-size: 16px; height: 58px; border-radius: 5px;}

.chart-con p{font-size:16px; padding:11px 5px;}
.chart-wrap div > div{max-width:100%; height:55px; margin:0}
/*.chart-wrap div.cco{width:calc(100%/2 - 10px)}*/
.chart-wrap div.cco{width:100%}
.chart-wrap div.cco::before{display:none}
.chart-wrap div.cco > div{border-radius:5px;}
.chart-wrap div.cco > div:nth-child(n+2){margin-top:20px}
.chart-wrap div.cco .chart-con h1{height:48px}
.chart-wrap div > div.right{margin-left:0; position:initial}
.chart-wrap div > div.left{margin-right:0; position:initial}
.chart-wrap div > div.left:before, .chart-wrap div > div.right:before{display:none}

.head-office {margin-top:0px !important}
.chart-wrap > div.head-office:after{height:90px; top:-100px}
.head-office dl{width:100%; margin-top:40px}
.head-office dl:before {width: 20px; height: 1px; top: 25px; left: calc(100% / 2 - 10px);}
.head-office dl:nth-child(n+3):before{right:initial; left: calc(100% / 2 - 10px);}
.head-office dt{width:calc(100%/2 - 10px); height:52px; position:absolute; border-radius:5px;}
.head-office dd{width:calc(100%/2 - 10px); margin-left: calc(50% + 10px); margin-top:8px; font-size:15px; border-radius:5px;}
.head-office dd:first-of-type{margin-top:0; position:relative}
.head-office dd:first-of-type::before{display:none}
.chart-logo img{height:33px}

/*******************************사업소개*******************************/
/*소개*/
.intro.mt50{margin-top:40px}
.intro h1{font-size:32px; margin-bottom:8px}
.intro p{font-size:17px;}

/*사회적기업종류*/
.social-list{margin:45px 0; padding:12px;}
.social-list li div p{font-size:17px;}

/*사회적기업 설명*/
.social-con.mt50{margin-top:30px}
.social-con .img{border-radius:20px;}
.social-con .txt{padding:25px 0}
.social-con .txt h1{font-size:20px;}
.social-con .txt h1 span{font-size:22px;}
.social-con .txt ul li{padding:12px 0; padding-left:25px; font-size:15px;}
.social-con .txt ul li::before{font-size:13px; width:20px; line-height:20px; top:13px; }

/*협동조합 소개*/
.cooperative .con{padding:25px; border-radius:15px}
.cooperative .con h1{font-size:25px; margin-bottom:7px}
.cooperative .con p{font-size:15px;}

/*공익의 유형*/
.public-list li{width:48%; }
.public-list li:nth-child(n+3){margin-top:16px}
.public-list li .icon{width:110px; height:110px;}
.public-list li .pub-txt{width:calc(100% - 110px); padding-left:14px;}
.public-list li .pub-txt b{font-size:17px;;}
.public-list li .pub-txt p{font-size:14px;}

/*공동의 ~ 연합회*/
.union h1{font-size:20px; padding:16px 10px; margin-bottom:20px; }
.union-list li{width:calc(100%/3 - 5px); border-radius:12px;}
.union-list li b{padding:12px 10px; font-size:16px; }
.union-list li p{ font-size:15px; padding:12px 10px; }

/*창업일자리지원센터*/
.sup-list li b{font-size:17px}
.sup-list li p{font-size:16px; }



/*마을기업*/
.town {margin-top:40px}
.town li{width:49.5%; padding:16px; border-radius:12px;}
.town li:nth-child(n+3){margin-top:10px}
.town li b{width:55px; line-height:55px; font-size: 24px; }
.town li div.txt{width:calc(100% - 55px); padding-left:12px;}
.town li div.txt h3{font-size:18px;margin-bottom:3px;}
.town li div.txt p{font-size:15px;}



}





@media (max-width: 768px) {
/*sub-top*/
.sub-top{height:200px; }
.sub-top h1{font-size:32px;}
.st-location{bottom:15px;}

/*서브탑메뉴*/
.sub-top-menu a{padding:12px 18px; font-size:15px;}

/*sub-title*/
.sub-title{font-size:27px; padding-left:32px; margin-bottom:25px;}
.sub-title::before{font-size:28px; top:-2px}

/*서브탭공용*/
.sub-tab{margin-bottom:35px;}
.sub-tab li a{padding:10px 25px; font-size:16px;}
.sub-tab li{margin:0 3px; margin-top:8px;}

/*대표소개*/
.owner-top{display:none}
.owner-con{padding:0}
.bn-img{width:100%; height:auto; padding:40px 10px; margin-top:0px; border-radius:15px; display: flex; flex-wrap: initial; align-items: initial;  justify-content: initial;}
.bn-img img{width:260px; margin:0 auto}
.owner-txt{width:100%; padding:20px 10px;}
.sign{margin-top:13px; font-size:15px;}
.sign b{font-size:25px;}

/*비전*/
.vision-con li{ width:100%; max-width:100%; border-radius:20px;}
.vision-con li:nth-child(2){margin:0}
.vision-con li:nth-child(n+2){margin-top:15px;}
.vision-con li .vi-con{padding-bottom:50%}
.vision-con li .vi-con div{padding:0 15px; }
.vision-con li .vi-con div p{font-size:16px;}
.vision-con li .vi-con img{width:90px; margin-bottom:5px }

/*주요업무*/
.busi-list li{width:49%; border-radius:15px; padding:30px; padding-top:90px;}
.busi-list li:nth-child(n+3){margin-top:12px}
.busi-list li b{font-size:19px;}
.busi-list li p{font-size:22px}
.busi-list li p em{font-size:17px;}
.busi-list li span{font-size:45px;top:30px; right:30px;}


/*걸어온길 - 연혁*/
#history .scrollBox:after{ left: 155px ; height: calc(100% - 60px); top: 60px;}
#history .itemBox{ padding-bottom:40px}
#history .itemBox .year{font-size:21px; width:155px; padding-top:0}
#history .itemBox .year:after {top: 10px;}
#history .itemBox:first-child .year:before {top: 15px;}
#history .txtBox{margin-top: 5px; padding-left:25px; width:calc(100% - 165px)}
#history .txtBox li {font-size: 15px;}

/*걸어온길 - 특허.수상*/
.award-list {justify-content: space-between;}
.award-list li{width:49%; padding:35px; margin-right:0}
.award-list li.map{width:49% }
.award-list li:nth-child(n+3) {margin-top: 12px;}
.award-list li p{font-size:16px;}
.award-list li b{font-size:15px;margin-top:20px; }
.modal_wrap {padding:30px;}

/*오시는 길*/
.location.mt60{margin-top:30px;}
.map, .map-info {width:100%;}
.map-info {border-top:none !important; border-left:  1px solid #ddd !important;}
.map-info{ padding:26px; }
.map-info h1{font-size:25px;}




/*******************************사업소개*******************************/
/*소개*/
.intro.mt50{margin-top:35px}
.intro h1{font-size:28px; margin-bottom:7px}
.intro p{font-size:16px;}
.intro p br{display:none}

/*사회적기업종류*/
.social-list{margin:35px 0; border:0; padding:0; justify-content: center;}
.social-list li{width:calc(100%/3 + 15px); margin-left:-23px; }
.social-list li:nth-child(n+4){margin-top:-50px}
.social-list li div p{font-size:18px;}

/*사회적기업 설명*/
.social-con { justify-content: flex-start; display: flex; flex-flow: column !important;}
.social-con.mt50{margin-top:50px}
.social-con .img{width:100%; height:300px; border-radius:25px;}
.social-con .txt{width:100%; padding:20px 0 0}
.social-con .txt h1{font-size:22px;}
.social-con .txt h1 span{font-size:24px;}
.social-con .txt ul li{padding:14px 0; padding-left:30px; font-size:16px;}
.social-con .txt ul li::before{font-size:14px; width:23px; line-height:23px; top:16px; }

/*주요업무*/
.work-tit{font-size:20px;}
.work-tit span{ font-size:20px; }
.work-tit.mt30{margin-top:26px;}
.work-list li{width:calc(100%/2 - 8px); margin-right:8px; padding:15px; font-size:15px}
.work-list li:nth-child(n+3){margin-top:8px;}
.work-list li b{font-size:17px; margin-bottom:10px; padding-bottom:8px}

/*하단정보*/
.sub-fter{padding:30px 20px; border:8px solid #eee; flex-flow:column !important}
.sub-fter li{font-size:16px; margin:0px}
.sub-fter li:nth-child(n+2){margin-top:3px;}
.sub-fter li b{margin-right:13px; padding-right:13px;}
.sub-fter li b::before{height:12px;}

/*협동조합 소개*/
.cooperative .con{width:100%; padding:30px; border-radius:20px}
.cooperative .con:nth-child(n+2){margin-top:10px}
.cooperative .con h1{font-size:25px; margin-bottom:7px}
.cooperative .con p{font-size:16px;}

/*공익의 유형*/
.public-list li{width:100%; }
.public-list li:nth-child(n+2){margin-top:20px}
.public-list li .icon{width:120px; height:120px;}
.public-list li .pub-txt{width:calc(100% - 120px); padding-left:20px;}
.public-list li .pub-txt b{font-size:17px;;}
.public-list li .pub-txt p{font-size:15px;}

/*공동의 ~ 연합회*/
.union h1{font-size:18px; padding:15px 5px; margin-bottom:12px; }
.union-list{align-items: initial;}
.union-list li{width:calc(100%/3 - 3px); border-radius:10px;}
.union-list li b{padding:10px 5px; font-size:15px; }
.union-list li p{ font-size:14px; padding:10px 5px; }


/*창업일자리지원센터*/
.support h1{font-size:24px;margin-bottom:30px;}
.support h1 span{font-size:25px; }
.sup-list li{margin-bottom:12px; padding-bottom:12px;}
.sup-list li b{width:130px; line-height:46px; font-size:17px}
.sup-list li p{padding-top:9px; width:calc(100% - 130px); font-size:15px; padding-left:15px; line-height:1.4 }
.support.gray .sub-fter{border:8px solid #ddd;}

/*마을기업*/
.town {margin-top:30px}
.town li{width:100%; padding:25px; border-radius:18px;}
.town li:nth-child(n+2){margin-top:12px}
.town li b{width:65px; line-height:65px; font-size: 28px; }
.town li div.txt{width:calc(100% - 65px); padding-left:15px;}
.town li div.txt h3{font-size:19px;margin-bottom:5px;}
.town li div.txt p{font-size:16px;}

/*마을기업 유형*/
.cate-con.mt30{margin-top:26px}
.cate-title{font-size:19px;}
.cate-title span{font-size:24px; width:28px;}
.cate-title p{width:calc(100% - 28px)}
.cate-txt{font-size:16px; padding-left:28px; }
.cate-list {margin-top:10px}
.cate-list li{width:calc(100%/2 - 5px); padding:20px; border-radius:10px; margin-right:10px;}
.cate-list li:nth-child(3n){margin-right:10px !important}
.cate-list li:nth-child(2n){margin-right:0 !important}
.cate-list li:nth-child(n+3){margin-top:10px}
.cate-list li b{font-size:18px; margin-bottom:6px}
.cate-list li p{font-size:15px;}

/*마을기업 신청요건*/
.app-con{width:100%;  padding:20px 15px; }
.app-con:nth-child(n+2){margin-top:15px;}

/*마을기업 신청과정*/
.town-proc li{border-radius:15px; }
.town-proc li b{padding:12px 10px; font-size:18px; border-radius:15px 15px 0 0}
.town-proc li:nth-child(n+2){margin-top:50px}
.town-proc li:nth-child(n+2)::before{font-size:40px; top:-57px;}
.town-proc li:last-child b{border-radius:15px;}
.p-txt{padding:18px}
.p-txt p{font-size:16px;}
.p-txt p::before{ width:3px; height:3px; top:10px;}
.p-txt > div span{font-size:14px;padding:5px 10px; margin-top:5px; margin-right:4px}



/*마을기업 지원내용*/
.ts-list > ul{width:calc(100% - 110px); }
.ts-list > li{padding:20px; padding-bottom:40px}
.ts-list > li img{width:80px; bottom:20px; right:20px;}
.ts-list > li b{font-size:15px;}
.ts-list > li h1{font-size:20px; margin-bottom:10px;}
.ts-list > li ul li{padding-left:22px; font-size:15px;}
.ts-list > li ul li::before{font-size:20px;}

}




@media (max-width: 650px) {
/*마을기업 지원내용*/
.ts-list > ul{width:calc(100% - 90px); }
.ts-list > li{width:100%; border:none; padding:20px; padding-bottom:40px}
.ts-list > li:nth-child(n+2) {border-top: 1px solid #fff;}
.ts-list > li img{width:80px; bottom:20px; right:20px;}
.ts-list > li b{font-size:15px;}
.ts-list > li h1{font-size:20px; margin-bottom:10px;}
.ts-list > li ul li{padding-left:22px; font-size:15px;}
.ts-list > li ul li::before{font-size:20px;}

}



@media (max-width: 500px) {
/*sub-top*/
.st-section{margin-top:55px;}
.sub-top{height:180px; }
.sub-top h1{font-size:30px; text-align: center;  width: 100%;}
.st-location li{font-size:14px; margin: 0 3px;}
.st-location li.home span{font-size:19px;}
.st-location li span{font-size:13px;}

/*서브탑메뉴*/
.sub-top-menu a{padding:10px 15px; font-size:14px;}


/*sub-title*/
.sub-title{font-size:24px; padding-left:30px; margin-bottom:20px;}
.sub-title::before{font-size:25px; font-weight:600; top:-1px}

/*서브탭공용*/
.sub-tab{justify-content: space-between; margin-bottom:30px;}
.sub-tab li a{text-align:center; width:100%; padding:10px; font-size:15px;}
.sub-tab li{width:calc(100%/2 - 3px); margin:0; }
.sub-tab li:nth-child(n+3){margin-top:8px}

/*대표소개*/
.owner-txt{font-size:15px;}
.bn-img{padding:30px 10px}
.bn-img img{width:200px;}
.sign{margin-top:13px; font-size:14px;}
.sign b{font-size:22px;}

/*비전*/
.vision-con li{border-radius:15px;}
.vision-con li:nth-child(n+2){margin-top:12px;}
.vision-con li .vi-con div{padding:0 10px; }
.vision-con li .vi-con div p{font-size:15px;}
.vision-con li .vi-con img{width:80px; }

/*주요업무*/
.busi-list li{width:100%; border-radius:12px; padding:20px 30px; padding-top:80px;}
.busi-list li:nth-child(n+2){margin-top:10px}
.busi-list li b{font-size:17px;}
.busi-list li p{font-size:20px}
.busi-list li p em{font-size:15px; margin-top:3px;}
.busi-list li span{font-size:40px;top:25px; right:35px;}


/*걸어온길 - 연혁*/
#history .scrollBox:after{ left: 149px ;}
#history .itemBox .year{width:150px;}
#history .txtBox{ width:calc(100% - 150px)}


/*걸어온길 - 특허.수상*/
.award-list li{width:100%; padding:30px;}
.award-list li.map{width:100% }
.award-list li:nth-child(n+2) {margin-top: 10px;}
.award-list li p{font-size:15px;}
.award-list li b{font-size:14px;margin-top:16px; }
.patent{margin-bottom:40px}
.patent-link{width:24px; height:24px; }
.patent-link span{font-size:18; line-height:24px !important}
.patent-view span p{width:calc(100% - 25px)}
.modal_wrap {padding:20px;}


/*오시는 길*/
.location.mt60{margin-top:20px;}
.map-info{ padding:25px; }
.map-info h1{font-size:22px;}
.map-info .add li span{width:20px; font-size:19px}
.map-info .add li p{width:calc(100% - 20px); font-size:15px;}
.root_daum_roughmap .wrap_map{height:250px !important;}
.map-link{margin-top:20px}
.map-link a{padding:7px 16px; font-size:14px;     border-radius: 5px;}
.map-link a img{height:16px; margin-top:0}
.map-link a.naver img{height:12px}
.map-link a:nth-child(n+2) {margin-left: 5px;}


/*조직도*/
.chart-wrap{font-size:15px}
.chart-wrap > div {margin-top:15px;}
.chart-con{border-radius:7px !important}
.chart-con h1 {font-size: 15px; height: 50px;}
.chart-con p{font-size:15px; padding:9px 5px;}
.chart-wrap div > div{height:48px;}
.chart-wrap div.cco > div:nth-child(n+2){margin-top:15px}
.chart-wrap div.cco .chart-con h1{height:42px}

.chart-wrap > div.head-office:after{height:90px; top:-100px}
.head-office dl{margin-top:25px}
.head-office dl:before {top: 20px;}

.head-office dt{height:47px;}
.head-office dd{font-size:14px; }

.chart-busi{padding:15px;}
.chart-busi b{font-size:15px; margin-bottom:5px;}
.chart-busi ul li{font-size:13px; padding-left:7px; }
.chart-busi ul li:before{width:2px; height:2px; top:8px;}
.chart-busi ul li:nth-child(n+2){margin-top:3px}
.chart-logo img{height:26px}



/*******************************사업소개*******************************/
/*소개*/
.intro.mt50{margin-top:30px}
.intro h1{font-size:24px;}
.intro p{font-size:15px;}


/*사회적기업종류*/
.social-list{margin:30px 0;}
.social-list li{width:calc(100%/3 + 6px); margin-left:-9px; }
.social-list li:nth-child(n+4){margin-top:-30px}
.social-list li div p{font-size:16px;}




/*사회적기업 설명*/
.social-con { justify-content: flex-start; display: flex; flex-flow: column !important;}
.social-con.mt50{margin-top:40px}
.social-con .img{height:240px; border-radius:20px;}
.social-con .txt h1{font-size:20px; margin-bottom:5px}
.social-con .txt h1 span{font-size:22px;}
.social-con .txt ul li{padding:12px 0; padding-left:25px; font-size:15px;}
.social-con .txt ul li::before{font-size:13px; width:20px; line-height:20px; top:13px; }


/*주요업무*/
.work-tit{font-size:18px;}
.work-tit span{ font-size:16px; }
.work-tit.mt30{margin-top:20px;}
.work-list li{width:100%; margin-right:0; padding:15px; font-size:14px}
.work-list li:nth-child(n+2){margin-top:10px;}
.work-list li b{font-size:16px; margin-bottom:8px; padding-bottom:6px}

/*하단정보*/
.sub-fter{padding:20px 10px; border:5px solid #eee;}
.sub-fter li{font-size:15px; margin:0px}
.sub-fter li:nth-child(n+2){margin-top:4px;}
.sub-fter li b{margin-right:10px; padding-right:10px;}
.sub-fter li b::before{height:10px;}


/*협동조합 소개*/
.cooperative .con{padding:20px; border-radius:15px}
.cooperative .con:nth-child(n+2){margin-top:8px}
.cooperative .con h1{font-size:20px; margin-bottom:8px}
.cooperative .con p{font-size:15px; line-height:1.4}

/*공익의 유형*/
.public-list li:nth-child(n+2){margin-top:12px}
.public-list li .icon{width:110px; height:110px;}
.public-list li .icon img{max-width:65%}
.public-list li .pub-txt{width:calc(100% - 110px); padding-left:15px;}
.public-list li .pub-txt b{font-size:16px;;}
.public-list li .pub-txt p{font-size:14px;}

/*공동의 ~ 연합회*/
.union h1{font-size:18px; padding:15px 5px; margin-bottom:20px; }
.union-list li{width:100%; border-radius:8px;}
.union-list li:nth-child(n+2){margin-top:10px}
.union-list li b{padding:10px 5px; font-size:16px; }
.union-list li p{ font-size:15px; padding:10px 5px; }

/*창업일자리지원센터*/
.support h1{font-size:21px;margin-bottom:20px;}
.support h1 span{font-size:23px; }
.sup-list li{margin-bottom:12px; padding-bottom:12px;}
.sup-list li b{width:120px; line-height:42px; font-size:17px}
.sup-list li p{padding-top:0px; width:100%; font-size:15px; padding-left:5px; margin-top:8px}
.support.gray .sub-fter{border:5px solid #ddd;}

/*마을기업*/
.town li{padding:20px; border-radius:15px;}
.town li:nth-child(n+2){margin-top:10px}
.town li b{width:50px; line-height:50px; font-size: 23px; }
.town li div.txt{width:calc(100% - 50px); padding-left:12px;}
.town li div.txt h3{font-size:17px;margin-bottom:3px;}
.town li div.txt p{font-size:15px;}


/*마을기업 유형*/
.cate-con.mt30{margin-top:20px}
.cate-title{font-size:17px;}
.cate-title span{font-size:20px; width:22px;}
.cate-title p{width:calc(100% - 22px)}
.cate-txt{font-size:14px; padding-left:22px; }
.cate-list {margin-top:8px}
.cate-list li{width:100%; padding:15px; border-radius:8px; margin-right:0px;}
.cate-list li:nth-child(3n){margin-right:0px !important}
.cate-list li:nth-child(2n){margin-right:0 !important}
.cate-list li:nth-child(n+2){margin-top:8px}
.cate-list li b{font-size:16px; margin-bottom:4px}
.cate-list li p{font-size:14px;}


/*마을기업 신청요건*/
.app-con:nth-child(n+2){margin-top:12px;}
.app-con > img{width:65px; margin-bottom:8px}
.app-con > div h1{font-size:17px;margin-bottom:8px}
.app-con > div ul{margin-top:15px; padding-top:15px; }
.app-con > div ul li span{width:20px; font-size:18px;}
.app-con > div ul li p{width:calc(100% - 20px); font-size:14px; }


/*마을기업 신청과정*/
.town-proc li{border-radius:12px; }
.town-proc li b{padding:10px; font-size:17px; border-radius:12px 12px 0 0}
.town-proc li:nth-child(n+2){margin-top:50px}
.town-proc li:nth-child(n+2)::before{font-size:34px; top:-52px;}
.town-proc li:last-child b{border-radius:12px;}
.p-txt{padding:15px}
.p-txt p{font-size:15px;}
.p-txt p::before{ width:3px; height:3px; top:10px;}
.p-txt > div span{font-size:13px;padding:4px 8px; margin-top:4px; margin-right:3px}
}




@media (max-width: 400px) {
/*sub-top*/
.sub-top{height:160px; }
.sub-top h1{font-size:26px;}

/*서브탭공용*/
.sub-tab{ margin-bottom:25px;}
.sub-tab li a{font-size:14px;}
.sub-tab li:nth-child(n+3){margin-top:5px}



/*대표소개*/
.bn-img img{width:190px;}

/*비전*/
.vision-con li{border-radius:12px;}
.vision-con li:nth-child(n+2){margin-top:10px;}
.vision-con li .vi-con{padding-bottom:65%}
.vision-con li .vi-con img{width:75px; margin-bottom:0}

/*주요업무*/
.busi-list li{padding:20px; padding-top:70px}
.busi-list li b{font-size:16px;}
.busi-list li p{font-size:18px}
.busi-list li p em{font-size:14px;}
.busi-list li span{right:25px;}

/*걸어온길 - 연혁*/
#history .scrollBox:after{ left: 119px ; }
#history .itemBox{ padding-bottom:35px}
#history .itemBox .year{font-size:19px; width:120px;}
#history .itemBox .year:after { width: 8px; height: 8px;  right: -4px;}
#history .txtBox{margin-top: 5px; padding-left:18px; width:calc(100% - 120px)}
#history .txtBox li {font-size: 14px; padding-left:8px;}
#history .txtBox li::before{width:2px; height:2px; }


/*걸어온길 - 특허.수상*/
.award-list li{padding:25px;}

/*오시는 길*/
.map-info{ padding:20px; }
.map-info h1{font-size:20px;}
.root_daum_roughmap .wrap_map{height:210px !important;}




/*******************************사업소개*******************************/

/*사회적기업종류*/
.social-list{margin:30px 0;}
.social-list li{width:calc(100%/3 + 3px); margin-left:-5px;}
.social-list li:nth-child(n+4){margin-top:-25px}
.social-list li div p{font-size:15px;}


/*사회적기업 설명*/
.social-con.mt50{margin-top:30px}
.social-con .img{height:180px; border-radius:15px;}
.social-con .txt h1{font-size:18px; margin-bottom:2px}
.social-con .txt h1 span{font-size:20px; margin-right:3px;}
.social-con .txt ul li{padding:10px 0; padding-left:25px; font-size:14px;}
.social-con .txt ul li::before{font-size:13px; width:20px; line-height:20px; top:13px; }

/*공동의 ~ 연합회*/
.union-list li b{font-size:15px; }
.union-list li p{ font-size:14px; }

/*창업일자리지원센터*/
.support h1{font-size:19px;margin-bottom:16px;}
.support h1 span{font-size:20px; }
.sup-list li{margin-bottom:10px; padding-bottom:10px;}
.sup-list li b{width:100px; line-height:38px; font-size:16px}
.sup-list li p{ font-size:14px;}

/*마을기업*/
.town li b{width:55px; line-height:55px; font-size: 24px; }
.town li div.txt{width:100%; margin-top:10px; padding-left:0px;}


/*마을기업 지원내용*/
.ts-list > ul{width:calc(100% - 80px); }
.ts-list > li{padding:15px; padding-bottom:30px}
.ts-list > li img{width:70px; bottom:15px; right:15px;}
.ts-list > li b{font-size:14px;}
.ts-list > li h1{font-size:18px; margin-bottom:8px;}
.ts-list > li ul li{padding-left:20px; font-size:14px;}
.ts-list > li ul li::before{font-size:18px;}
}





@media (max-width: 320px) {
/*서브탭공용*/
.sub-tab{margin-bottom:25px;}
.sub-tab li{width:100%}
.sub-tab li a{ font-size:15px;}
.sub-tab li:nth-child(n+2){margin-top:8px;}

/*오시는 길*/
.map-link a{width:100%; padding:8px 10px;}
.map-link a:nth-child(n+2) {margin-left:0; margin-top:5px}

/*조직도*/
.chart-wrap > div.ceo, .chart-wrap > div.cco, .head-office dt, .head-office dd {max-width: 100% !important; width:100% !important}
.head-office dt {height: auto !important; padding: 10px; position:relative; margin-bottom:7px}
.head-office dd{margin-left:0 !important}

/*******************************사업소개*******************************/
/*공익의 유형*/
.public-list li .pub-txt{width:100%; padding:5px 10px}
.public-list li .pub-txt b{ line-height:1.3;}


/*공동의 ~ 연합회*/
.union h1{font-size:16px;  margin-bottom:15px; }
.union-list li b{ font-size:15px; }
.union-list li p{ font-size:13px;}


/*사회적기업종류*/
.social-list li div p{font-size:14px; font-weight:400}

}