/************* 경산창업네트워크 **************/
/* 경산창업네트워크 소개 */
.intro .vision {position: relative; text-align: center; width: 100%; height: 430px; background: url(/assets/service/img/sub/intro_bg.jpg) no-repeat 50% 0; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background-attachment: fixed;}
.intro .vision b {display: block;}
.intro .vision b .char {font-size: 50px; font-weight: 600; letter-spacing: 1.6px; animation: text-active-animation 1.6s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: calc(60ms * var(--char-index));}
@keyframes text-active-animation {from{opacity:0; transform: translateY(50%);} to{opacity:1.0; transform: translateY(0px);}}
.intro .vision p {margin: 60px 0 15px; font-size: 42px; font-weight: 500;}
.intro .vision span {font-size: 30px; font-weight: 200;}
.intro .goal > p {font-size: 35px; font-weight: 200; color: #000;}
.intro .box-wrap {margin-top: 30px; display: flex; align-items: center; gap: 20px;}
.intro .box-wrap .sBox {position: relative; width: 33.3333%; padding: 40px; border-radius: 20px;}
.intro .box-wrap .sBox.bg1 {background: url(/assets/service/img/sub/box1Bg.png) no-repeat right 0 bottom 40px #F0EEFE;}
.intro .box-wrap .sBox.bg2 {background: url(/assets/service/img/sub/box2Bg.png) no-repeat right 30px bottom 40px #F2F5FF;}
.intro .box-wrap .sBox.bg3 {background: url(/assets/service/img/sub/box3Bg.png) no-repeat right 25px bottom 35px #FBF2FF;}
.intro .box-wrap .sBox .sTit {font-size: 28px; color: #63677c; font-weight: 600;}
.intro .box-wrap .sBox ul {margin-top: 50px;}
.intro .box-wrap .sBox ul li {margin: 7px 0; font-size: 20px; font-weight: 300; color: #000;}
.intro .lineBox-wrap {display: flex; gap: 20px;}
.intro .lineBox-wrap .sBox {position: relative; width: 25%; padding: 30px; border-radius: 20px; border: 1px solid #ddd;}
.intro .lineBox-wrap .sBox .sTit {margin-bottom: 20px; font-size: 26px; color: #000; font-weight: 600;}
.intro .lineBox-wrap .sBox p {margin-top: 20px; font-size: 18px; color: #000;}
.intro .lineBox-wrap ul {margin-top: 14px;}
.intro .lineBox-wrap ul li {position: relative; margin: 7px 0; padding-left: 20px; font-size: 17px; font-weight: 300; color: #000;}
.intro .lineBox-wrap ul li:before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; content: ''; width: 12px; height: 12px; background: url(/assets/service/img/sub/list_bullet.png) no-repeat 0 50%;}
.intro .subj-wrap {position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 30px;}
.intro .subj-wrap:before {position: absolute; left: 50%; top: 70px; transform: translateX(-50%); border-left: 3px dashed #e5e5e5; width: 3px; height: 135px; display: inline-block; content: ''; z-index: -1;}
.intro .subj-wrap .box-s {width: 440px; height: 70px; border-radius: 15px; background: #f6f7f7; font-size: 24px; color: #000; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.intro .subj-wrap .box-s img {display: inline-block; margin-left: 15px;}
.intro .subj-wrap .box-l {width: 100%; height: 70px; border-radius: 15px; background: #f6f7f7; font-size: 20px; color :#000;}
.intro .subj-wrap .box-l ul {height: 100%; display :flex; align-items: center; justify-content: center; gap: 70px;}
.intro .subj-wrap .box-l ul li img {height: 30px; width: auto; display: inline-block; margin-right: 5px;}
.intro .boxWrap {width: 100%; padding: 30px; border-radius: 20px; border: 1px solid #e9e9ec; display: flex; justify-content: center; gap: 30px;}
.intro .boxWrap .bgBox {width: 33.3333%; min-height: 235px; padding: 30px 35px; background: #f2f5ff; border-radius: 10px;}
.intro .boxWrap .bgBox .title {font-size: 24px; color: #000; margin-bottom: 20px;}
.intro .boxWrap .bgBox ul li {position: relative; margin: 7px 0; padding-left: 25px; font-size: 16px; color: #000; font-weight: 300;}
.intro .boxWrap .bgBox ul li:before {position: absolute; left: 0; top: 3px; display: inline-block; content: ''; width: 12px; height: 12px; background: url(/assets/service/img/sub/list_bullet.png) no-repeat 0 50%;}
.intro .boxWrap .bgBox.bg1 {background: url(/assets/service/img/sub/bg_box1.png) no-repeat right 30px bottom 25px #f2f5ff;}
.intro .boxWrap .bgBox.bg2 {background: url(/assets/service/img/sub/bg_box2.png) no-repeat right 25px bottom 25px #f2f5ff;}
.intro .boxWrap .bgBox.bg3 {background: url(/assets/service/img/sub/bg_box3.png) no-repeat right 30px bottom 25px #f2f5ff;}
@media (max-width: 1600px) {
 .intro .subCon {padding: 0 40px;}
}
@media (max-width: 1400px) {
 .intro .vision b .char {font-size: 46px;}
 .intro .vision p {margin: 50px 0 15px; font-size: 38px;}
 .intro .vision span {font-size: 28px;}
 .intro .box-wrap .sBox.bg1 {background-position: right 0 bottom 30px; background-size: 140px;}
 .intro .box-wrap .sBox.bg2 {background-position: right 20px bottom 40px; background-size: 140px;}
 .intro .box-wrap .sBox.bg3 {background-position: right 15px bottom 35px; background-size: 120px;}
 .intro .box-wrap .sBox ul li {font-size: 18px;}
 .intro .lineBox-wrap .sBox {height: 220px;}
 .intro .lineBox-wrap .sBox .sTit {font-size: 20px;}
 .intro .subj-wrap .box-s {font-size: 22px;}
 .intro .subj-wrap .box-l {font-size: 16px;}
}
@media (max-width: 1200px) {
 .intro .box-wrap .sBox {padding: 30px;}
 .intro .box-wrap .sBox.bg1 {background-size: 100px;}
 .intro .box-wrap .sBox.bg2 {background-size: 110px;}
 .intro .box-wrap .sBox.bg3 {background-size: 90px;}
 .intro .box-wrap .sBox .sTit {font-size: 22px;}
 .intro .box-wrap .sBox ul {margin-top: 40px;}
 .intro .lineBox-wrap {display: block; overflow: hidden; margin: -1%;}
 .intro .lineBox-wrap .sBox {width: 48%; margin: 1%; float: left;}
 .intro .lineBox-wrap .sBox p br {display: none;}
 .intro .subj-wrap .box-l ul {gap: 30px;}
 .intro .boxWrap .bgBox {padding: 30px;}
 .intro .boxWrap .bgBox .title {font-size: 20px;}
}
@media (max-width: 991px) {
 .cont .conTit h3 {font-size: 34px;}
 .cont .subTit {margin: 40px 0 15px;}

 .intro .vision {height: 370px;}
 .intro .vision b .char {font-size: 40px;}
 .intro .vision p {margin: 30px 0 10px; font-size: 34px;}
 .intro .vision span {font-size: 24px;}
 .intro .box-wrap {display: block;}
 .intro .box-wrap .sBox {width: 100%; margin-top: 14px; padding: 30px 40px;}
 .intro .box-wrap .sBox:nth-of-type(1) {margin-top: 0;}
 .intro .box-wrap .sBox.bg1 {background-size: auto;}
 .intro .box-wrap .sBox.bg2 {background-size: auto; background-position: right 40px bottom 40px;}
 .intro .box-wrap .sBox.bg3 {background-size: auto; background-position: right 35px bottom 30px;}
 .intro .box-wrap .sBox .sTit {font-size: 26px;}
 .intro .box-wrap .sBox ul li {font-size: 20px;}
 .intro .lineBox-wrap .sBox .sTit {margin-bottom: 14px;}
 .intro .lineBox-wrap .sBox p {margin-top: 14px;}
 .intro .subj-wrap .box-l {height: 80px;}
 .intro .subj-wrap .box-l ul li img {display: block; margin: 6px auto 4px;}
 .intro .boxWrap {padding: 20px; gap: 10px;}
 .intro .boxWrap .bgBox {padding: 20px;}
 .intro .boxWrap .bgBox.bg1 {background-size: 50px;}
 .intro .boxWrap .bgBox.bg2 {background-size: 40px;}
 .intro .boxWrap .bgBox.bg3 {background-size: 43px;}
 .intro .boxWrap .bgBox .title {font-size: 16px;}
 .intro .boxWrap .bgBox ul li {font-size: 15px;}
}
@media (max-width: 768px) {
 .cont .subTit {font-size: 24px;}

 .intro {padding: 30px 0 60px;}
 .intro .subCon {padding: 0 20px;}
 .intro .vision {height: 330px;}
 .intro .vision b .char {font-size: 36px;}
 .intro .vision p {margin: 24px 0 10px; font-size: 30px;}
 .intro .vision span {font-size: 22px;}
 .intro .goal > p {font-size: 30px;}
 .intro .lineBox-wrap .sBox {padding: 24px;}
 .intro .subj-wrap {gap: 20px;}
 .intro .subj-wrap .box-l {height: auto; padding: 20px;}
 .intro .subj-wrap .box-l ul {display: block; overflow: hidden;}
 .intro .subj-wrap .box-l ul li {padding: 6px 10px; width: 33.33%; float: left; text-align: center;}
 .intro .boxWrap {display: block;}
 .intro .boxWrap .bgBox {width: 100%; margin-top: 10px; min-height: auto;}
 .intro .boxWrap .bgBox:nth-of-type(1) {margin-top: 0;}
 .intro .boxWrap .bgBox .title {font-size: 20px;}
 .intro .boxWrap .bgBox ul li {font-size: 16px;}
}
@media (max-width: 640px) {
 .cont .conTit h3 {font-size: 30px;}
 .cont .subTit {margin-top: 30px;}

 .intro {padding: 30px 0 40px;}
 .intro .vision {background-attachment: local; padding: 0 20px;}
 .intro .vision b .char {font-size: 30px;}
 .intro .vision p {margin: 14px 0 10px; font-size: 26px;}
 .intro .vision span {font-size: 18px;}
 .intro .goal > p {font-size: 24px;}
 .intro .box-wrap {margin-top: 20px;}
 .intro .box-wrap .sBox {padding: 30px; margin-top: 10px;}
 .intro .lineBox-wrap {margin: -10px 0 0;}
 .intro .lineBox-wrap .sBox {width: 100%; height: auto; margin: 10px 0 0;}
}
@media (max-width: 480px) {
 .cont .conTit h3 {font-size: 24px;}
 .cont .subTit {font-size: 20px;}

 .intro .vision b .char {font-size: 26px;}
 .intro .vision p {font-size: 22px;}
 .intro .goal > p {font-size: 18px;}
 .intro .box-wrap .sBox {padding: 24px 24px 20px;}
 .intro .box-wrap .sBox .sTit {font-size: 20px;}
 .intro .box-wrap .sBox ul {margin-top: 20px;}
 .intro .box-wrap .sBox ul li {font-size: 18px; margin-top: 4px 0;}
 .intro .box-wrap .sBox.bg1 {background-image: none;}
 .intro .box-wrap .sBox.bg2 {background-image: none;}
 .intro .box-wrap .sBox.bg3 {background-image: none;}
 .intro .lineBox-wrap ul li {margin: 4px 0; font-size: 16px;}
 .intro .lineBox-wrap ul li:before {top: 43%;}
 .intro .lineBox-wrap .sBox {padding: 20px 20px 16px;}
 .intro .lineBox-wrap .sBox p {font-size: 16px;}
 .intro .subj-wrap .box-s {width: 280px; font-size: 20px;}
 .intro .subj-wrap .box-s img {height: 25px; margin-left: 10px;}
 .intro .subj-wrap .box-l {padding: 14px;}
 .intro .subj-wrap .box-l ul li {width: 50%; font-size: 15px;}
 .intro .boxWrap .bgBox {padding-bottom: 70px;}
 .intro .boxWrap .bgBox.bg1 {background-size: 40px;}
 .intro .boxWrap .bgBox.bg2 {background-size: 38px;}
 .intro .boxWrap .bgBox.bg3 {background-size: 36px;}
 .intro .boxWrap .bgBox .title {font-size: 18px; margin-bottom: 14px;}
 .intro .boxWrap .bgBox ul li {padding-left: 20px;}
}

/* 경북IT융합산업기술원 소개 */
@font-face {font-family: 'Pretendard-Bold'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal;}
.orgCon .orgVisual {background: url(/assets/service/img/sub/org_visual.jpg) no-repeat 50%; background-size: cover; height: 430px; display: flex; align-items: center; padding: 20px 60px; color: #fff;}
.orgCon .orgVisual p.f_stroke {font-size: 60px; font-weight: 700; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fff; font-family: 'Pretendard-Bold';}
.orgCon .orgVisual span {font-size: 70px; font-weight: 800; display: block; margin-top: 20px;}
.orgCon .orgBox {margin-top: 60px;}
.orgCon .info {padding: 36px 40px; background-color: #F8F8F8; border-radius: 15px;}
.orgCon .info p.tit {position: relative; padding-left: 30px; font-size: 32px; font-weight: 600;}
.orgCon .info p.tit:before {position: absolute; top: 6px; left: 0; width: 18px; height: 26px; background: url(/assets/service/img/sub/org_info_arrow.png) no-repeat 50%; content: "";}
.orgCon .info p.tt {margin-top: 20px; font-size: 24px; font-weight: 300; line-height: 1.5;}
.orgCon .infoData {display: flex; align-items: center; margin-top: 60px;}
.orgCon .infoData .cir {position: relative; width: 462px; height: 462px; box-shadow: 0 0 24px rgba(129,129,129,.25); border-radius: 50%; background: url(/assets/service/img/sub/org_info_cir.png) no-repeat 50%; display: flex; align-items: center; justify-content: center;}
.orgCon .infoData .cir:after {position: absolute; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 0 18px rgba(62,65,120,.25); content: ""; top: 50%; right: -40px; transform: translateY(-50%); background: url(/assets/service/img/sub/org_info_arrow_2.png) no-repeat 58% #fff; z-index: 1;}
.orgCon .infoData .box {position: relative; width: 56%; margin-left: 11%;}
.orgCon .infoData .box:before {position: absolute; top: 50%; left: -80px; width: 1px; height: calc(100% - 110px); content: ""; border-right: 2px dashed #ddd; transform: translateY(-50%);}
.orgCon .infoData .box .item {position: relative; padding: 20px 40px; border-radius: 15px; margin-top: 20px; color: #fff;}
.orgCon .infoData .box .item:before {position: absolute; top: 50%; left: -80px; transform: translateY(-50%); width: 80px; height: 1px; border-top: 2px dashed #ddd; content: "";}
.orgCon .infoData .box .item p.tit {font-size: 30px; font-weight: 700;}
.orgCon .infoData .box .item p.tt {font-size: 24px; margin-top: 8px;}
.orgCon .infoData .box .item1 {background-color: #8496B1; margin-top: 0;}
.orgCon .infoData .box .item2 {background-color: #74879D;}
.orgCon .infoData .box .item3 {background-color: #6D7990;}
.orgCon .infoData .box .item3:before {width: 140px; left: -140px;}
.orgCon .infoData .box .item4 {background-color: #58647D;}
.orgCon .infoData .box .item5 {background-color: #4B5565;}
.orgCon .slogan {margin-top: 110px;}
.orgCon .slogan p.tit {font-size: 40px; font-weight: 400; text-align: center;}
.orgCon .slogan p.tit span {font-weight: 700;}
.orgCon .slogan .sBox {margin-top: 60px; display: flex;}
.orgCon .slogan .sBox .txtBox {background-color: #F0F0F0; padding: 60px; width: 50%;}
.orgCon .slogan .sBox .txtBox p {font-size: 50px; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 1.5;}
.orgCon .slogan .sBox .txtBox p span {color: #DC212E;}
.orgCon .slogan .sBox .imgBox {width: 50%; background: url(/assets/service/img/sub/org_slogan_img.jpg) no-repeat 50%; background-size: cover;}
.orgCon .prom {display: flex; margin-top: 60px;}
.orgCon .prom .box {width: 32.4%; margin-left: 1.5%; padding: 30px; border: 1px solid #ddd; border-radius: 15px;}
.orgCon .prom .box:nth-of-type(1) {margin-left: 0;}
.orgCon .prom .box .titBox {display: flex; align-items: center; justify-content: space-between;}
.orgCon .prom .box .titBox p {position: relative; font-size: 40px; font-weight: 700;}
.orgCon .prom .box .titBox p:before {position: absolute; bottom: 0; left: 0; width: 92px; height: 14px; background-color: #FFDBDD; content: ""; z-index: -1;}
.orgCon .prom .box .txtBox {margin-top: 30px; line-height: 1.8; word-break: keep-all; font-size: 20px;}
.orgCon .sideMap {text-align: center; margin-top: 60px;}
.orgCon .sideMap .top p {background-color: #1E62B5; color: #fff; padding: 20px 100px; display: inline-block; font-size: 45px; font-weight: 700; border-radius: 50px; position: relative; z-index: 1;}
.orgCon .sideMap .mid {position: relative;}
.orgCon .sideMap .mid:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 180px; border-left: 3px dashed #ddd; content: ""; z-index: 0;}
.orgCon .sideMap .mid p {position: relative; font-size: 30px; font-weight: 500; padding: 20px 134px; border: 1px solid #1E62B5; display: inline-block; border-radius: 50px; margin-top: 40px; background-color: #fff;}
.orgCon .sideMap .mid p:before {position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 58px; height: 14px; background: url(/assets/service/img/sub/org_mid_1.png) no-repeat 50%; content: "";}
.orgCon .sideMap .mid p:after {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 58px; height: 14px; background: url(/assets/service/img/sub/org_mid_2.png) no-repeat 50%; content: "";}
.orgCon .sideMap .mid p br {display: none;}
.orgCon .sideMap .bot {position: relative; display: flex; margin-top: 80px;}
.orgCon .sideMap .bot:before {position: absolute; top: -46px; left: 50%; transform: translateX(-50%); width: 67.4%; height: 1px; border: 2px dashed #ddd; content: "";}
.orgCon .sideMap .bot .box {position: relative; width: 33.33%; margin-left: 1%; display: flex; padding: 34px 40px; border: 1px solid #ddd; border-radius: 15px; font-size: 28px; font-weight: 600; justify-content: space-between; align-items: center;}
.orgCon .sideMap .bot .boxLine:before {position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 1px; height: 40px; border-left: 3px dashed #ddd; content: "";}
.orgCon .sideMap .bot .box p {padding-right: 10px;}
.orgCon .sideMap .bot .box:nth-of-type(1) {margin-left: 0;}

@media (max-width: 1600px) {
 .cont.orgWrap {padding: 30px 40px 100px;}
 .orgCon .infoData .box .item p.tt {font-size: 22px;}
 .orgCon .sideMap .bot .box {font-size: 26px;}
}
@media (max-width: 1400px) {
 .orgCon .info br {display: none;}
 .orgCon .infoData .cir {width: 422px; height: 422px;}
 .orgCon .infoData .box:before {left: -70px;}
 .orgCon .infoData .box .item p.tit {font-size: 26px;}
 .orgCon .infoData .box .item p.tt {font-size: 18px;}
 .orgCon .infoData .box .item:before {width: 70px; left: -70px;}
 .orgCon .infoData .box .item3:before {width: 140px; left: -140px;}
 .orgCon .prom .box .txtBox {font-size: 18px;}
 .orgCon .sideMap .top p {font-size: 40px;}
 .orgCon .sideMap .mid p {font-size: 26px;}
 .orgCon .sideMap .bot .box {padding: 34px 30px; font-size: 22px;}
}
@media (max-width: 1200px) {
 .orgCon .orgVisual {padding: 20px 40px; height: 400px;}
 .orgCon .orgVisual p.f_stroke {font-size: 44px;}
 .orgCon .orgVisual span {font-size: 54px; margin-top: 14px;}
 .orgCon .orgBox {margin-top: 40px;}
 .orgCon .info p.tit {font-size: 30px;}
 .orgCon .info p.tt {font-size: 22px;}
 .orgCon .infoData {margin-top: 40px;}
 .orgCon .infoData .cir {width: 332px; height: 332px;}
 .orgCon .infoData .cir img {height: 80px;}
 .orgCon .infoData .cir:after {width: 60px; height: 60px; background-size: 14px; right: -20px;}
 .orgCon .infoData .box:before {left: -60px;}
 .orgCon .infoData .box .item {padding: 20px 26px;}
 .orgCon .infoData .box .item:before {width: 60px; left: -60px;}
 .orgCon .infoData .box .item3:before {width: 140px; left: -140px;}
 .orgCon .infoData .box .item p.tit {font-size: 24px;}
 .orgCon .infoData .box .item p.tt {font-size: 16px;}
 .orgCon .slogan {margin-top: 80px;}
 .orgCon .slogan p.tit {font-size: 34px;}
 .orgCon .slogan .sBox .txtBox p {font-size: 40px;}
 .orgCon .prom .box {padding: 24px;}
 .orgCon .prom .box .titBox p {font-size: 30px;}
 .orgCon .prom .box .titBox p:before {width: 72px;}
 .orgCon .prom .box .titBox img {height: 50px;}
 .orgCon .prom .box .txtBox {font-size: 16px;}
 .orgCon .sideMap {margin-top: 40px;}
 .orgCon .sideMap .top p {font-size: 30px;}
 .orgCon .sideMap .mid p {font-size: 26px;}
 .orgCon .sideMap .bot .box {padding: 30px 26px; font-size: 18px;}
 .orgCon .sideMap .bot .box:nth-of-type(1) img {width: 43px;}
 .orgCon .sideMap .bot .box:nth-of-type(2) img {width: 25px;}
 .orgCon .sideMap .bot .box:nth-last-of-type(1) img {width: 40px;}
}
@media (max-width: 991px) {
 .orgCon .info {padding: 30px 34px;}
 .orgCon .info p.tit {font-size: 26px;}
 .orgCon .info p.tit:before {top: 2px;}
 .orgCon .info p.tt {font-size: 20px;}
 .orgCon .infoData {display: block;}
 .orgCon .infoData .cir {margin: 0 auto;}
 .orgCon .infoData .cir:after {right: auto; left: 43%; top: auto; bottom: -60px; transform: rotate(90deg) translateX(-50%);}
 .orgCon .infoData .box {width: 100%; margin-left: 0; margin-top: 60px;}
 .orgCon .infoData .box:before {display: none;}
 .orgCon .infoData .box .item:before {display: none;}
 .orgCon .infoData .box .item p.tt {font-size: 18px;}
 .orgCon .slogan p.tit {font-size: 26px;}
 .orgCon .slogan .sBox {margin-top: 40px;}
 .orgCon .slogan .sBox .txtBox {padding: 60px 40px;}
 .orgCon .slogan .sBox .txtBox p {font-size: 30px;}
 .orgCon .prom {display: block; margin-top: 40px;}
 .orgCon .prom .box {width: 100%; margin: 1.5% 0;}
 .orgCon .prom .box:nth-of-type(1) {margin: 0;}
 .orgCon .prom .box .titBox {justify-content: normal;}
 .orgCon .prom .box .titBox img {margin-left: 50px;}
 .orgCon .sideMap .top p {font-size: 24px; padding: 20px 60px;}
 .orgCon .sideMap .mid p {padding: 20px 114px; font-size: 20px;}
 .orgCon .sideMap .mid p:before, .orgCon .sideMap .mid p:after {width: 50px; background-size: 50px;}
 .orgCon .sideMap .bot {display: block; margin-top: 38px;}
 .orgCon .sideMap .bot:before {display: none;}
 .orgCon .sideMap .bot .box {width: 100%; margin: 2% 0; padding: 30px 100px;}
 .orgCon .sideMap .bot .box.boxLine:before {display: none;}
 .orgCon .sideMap .bot .box:nth-of-type(2) img {margin-right: 6px;}
}
@media (max-width: 768px) {
 .cont.orgWrap {padding: 30px 20px 60px;}
 .orgCon .orgVisual {padding: 20px 30px; height: 340px;}
 .orgCon .orgVisual p.f_stroke {font-size: 34px;}
 .orgCon .orgVisual span {font-size: 44px; margin-top: 10px;}
 .orgCon .orgBox {margin-top: 30px;}
 .orgCon .infoData {margin-top: 30px;}
 .orgCon .slogan {font-size: 60px;}
 .orgCon .slogan p.tit {font-size: 24px;}
 .orgCon .slogan .sBox {display: block;}
 .orgCon .slogan .sBox .txtBox {width: 100%; padding: 30px 40px;}
 .orgCon .slogan .sBox .txtBox p {font-size: 30px; text-align: center;}
 .orgCon .slogan .sBox .imgBox {width: 100%; height: 300px;}
 .orgCon .sideMap {margin-top: 30px;}
}
@media (max-width: 640px) {
 .cont.orgWrap {padding: 30px 20px 40px;}
 .orgCon .orgVisual {height: 260px; padding: 20px;}
 .orgCon .orgVisual p.f_stroke {font-size: 28px;}
 .orgCon .orgVisual span {font-size: 34px; margin-top: 6px;}
 .orgCon .orgBox {margin-top: 20px;}
 .orgCon .info p.tit {font-size: 22px; padding-left: 20px;}
 .orgCon .info p.tit:before {background-size: 14px; top: 2px; width: 14px; height: 22px;}
 .orgCon .info p.tt {font-size: 18px; margin-top: 14px;}
 .orgCon .infoData .box .item {margin-top: 10px;}
 .orgCon .infoData .box .item p.tit {font-size: 20px;}
 .orgCon .infoData .box .item p.tt {font-size: 16px;}
 .orgCon .slogan {margin-top: 30px;}
 .orgCon .slogan .sBox {margin-top: 20px;}
 .orgCon .slogan .sBox .txtBox {padding: 24px 40px;}
 .orgCon .slogan .sBox .imgBox {width: 100%; height: 240px;}
 .orgCon .slogan .sBox .txtBox p {font-size: 24px;}
 .orgCon .prom {margin-top: 20px;}
 .orgCon .prom .box .txtBox {margin-top: 20px;}
 .orgCon .sideMap .top p {font-size: 20px; padding: 16px 60px;}
 .orgCon .sideMap .mid:before {height: 150px;}
 .orgCon .sideMap .mid p {padding: 20px 64px; font-size: 18px; margin-top: 30px;}
 .orgCon .sideMap .mid p:before, .orgCon .sideMap .mid p:after {width: 30px; background-size: 30px;}
 .orgCon .sideMap .mid p:before {left: 20px;}
 .orgCon .sideMap .mid p:after {right: 20px;}
 .orgCon .sideMap .bot {margin-top: 30px;}
 .orgCon .sideMap .bot .box {padding: 30px 60px;}
}
@media (max-width: 480px) {
 .orgCon .orgVisual {height: 200px;}
 .orgCon .orgVisual p.f_stroke {-webkit-text-stroke: 0.5px #fff; font-size: 20px;}
 .orgCon .orgVisual span {font-size: 24px;}
 .orgCon .info {padding: 24px;}
 .orgCon .info p.tit {font-size: 18px; padding-left: 14px;}
 .orgCon .info p.tit:before {background-size: 10px; top: 2px; width: 10px; height: 18px;}
 .orgCon .info p.tt {font-size: 16px;}
 .orgCon .infoData .cir {width: 272px; height: 272px; background-size: 300px;}
 .orgCon .infoData .cir:after {width: 50px; height: 50px; background-size: 12px; bottom: -50px;}
 .orgCon .infoData .box {margin-top: 50px;}
 .orgCon .infoData .box .item {padding: 20px 24px;}
 .orgCon .slogan p.tit {font-size: 20px;}
 .orgCon .slogan .sBox .txtBox p {font-size: 20px;}
 .orgCon .slogan .sBox .imgBox {height: 200px;}
 .orgCon .prom .box .txtBox {margin-top: 10px; font-size: 15px; line-height: 1.5;}
 .orgCon .prom .box .titBox p {font-size: 26px;}
 .orgCon .prom .box .titBox p:before {width: 62px;}
 .orgCon .prom .box .titBox img {margin-left: 40px; height: 40px;}
 .orgCon .sideMap .top p {padding: 16px 50px;}
 .orgCon .sideMap .mid p {padding: 14px 40px;}
 .orgCon .sideMap .mid p:before, .orgCon .sideMap .mid p:after {display: none;}
 .orgCon .sideMap .mid:before {height: 154px;}
 .orgCon .sideMap .mid p br {display: block;}
 .orgCon .sideMap .bot {margin-top: 26px;}
 .orgCon .sideMap .bot .box {font-size: 16px; padding: 24px 20px;}
}

/* 센터소개 공통 */
.univMap .mapCon {position: relative; display: flex;}
.univMap .mapCon .mapRoad {width: 50%; border-radius: 15px; overflow: hidden;}
.univMap .mapCon .mapInfo {width: 50%; margin-left: 12px; background-color: #F9F9F9; border-radius: 15px; padding: 27px;}
.univMap .mapCon .mapInfo p.tit {font-size: 20px; font-weight: 500;}
.univMap .mapCon .mapInfo p.tit span {color: #2E7DED;}
.univMap .mapCon .mapInfo p.tit img {margin-left: 4px; margin-top: -3px;}
.univMap .mapCon .txtBox {margin-top: 20px;}
.univMap .mapCon .txtBox .item {background-color: #fff; border-radius: 15px; padding: 16px 20px; margin-top: 12px; word-break: keep-all;}
.univMap .mapCon .txtBox .item:nth-of-type(1) {margin-top: 0;}
.univMap .mapCon .txtBox .item span {width: 100px; height: 30px; text-align: center; line-height: 32px; margin-bottom: 14px; border-radius: 50px; background-color: #ECF2FF; display: inline-block; color: #2E77E4;}
.univMap .mapCon .txtBox .item a {color: #000;}
.univMap .mapCon .map_border {display: none;}
.univMap .mapCon .root_daum_roughmap .wrap_controllers {border: 0;}
@media (max-width: 1600px) {
 .cont.univ {padding: 30px 40px 100px;}
}
@media (max-width: 1200px) {
 .univMap .mapCon {display: block;}
 .univMap .mapCon .mapRoad {width: 100%;}
 .univMap .mapCon .mapInfo {width: 100%; margin-left: 0; margin-top: 14px;}
 .univMap .mapCon .txtBox .item {font-size: 20px;}
 .univMap .mapCon .txtBox .item span {font-size: 18px;}
}
@media (max-width: 768px) {
 .cont.univ {padding: 30px 20px 60px;}
 .univMap .mapCon .txtBox .item {font-size: 16px;}
}
@media (max-width: 640px) {
 .cont.univ {padding: 30px 20px 40px;}
 .univMap .mapCon .mapInfo p.tit {font-size: 16px;}
 .univMap .mapCon .mapInfo p.tit img {height: 16px;}
 .univMap .mapCon .txtBox .item {font-size: 15px; padding: 12px 14px;}
 .univMap .mapCon .txtBox .item span {font-size: 16px;}
}
@media (max-width: 480px) {
 .univMap .mapCon .mapInfo {padding: 24px 20px;}
 .univMap .mapCon .txtBox .item span {font-size: 14px; width: 80px;}
}

/* 경일대학교 창업센터 소개 */
.kiuCon .visonBox {display: flex;}
.kiuCon .visonBox .box {position: relative; width: 33.33%; margin-left: 1%; border-radius: 15px; overflow: hidden;}
.kiuCon .visonBox .box:nth-of-type(1) {margin-left: 0;}
.kiuCon .visonBox .box img {width: 100%; height: auto;}
.kiuCon .visonBox .box .txtBox {position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; font-size: 18px; align-items: center; top: 0; left: 0; text-align: center; color: #fff; padding: 0 20px;} 
.kiuCon .visonBox .box .txtBox strong {font-family: 'Montserrat', sans-serif; font-size: 60px; display: inline-block; margin-bottom: 8px; font-weight: 800; font-style: italic;}
.kiuCon .visonBox .box .txtBox p {line-height: 1.4;}
.kiuCon .targetBox {display: flex;}
.kiuCon .targetBox .box {position: relative; width: 29.33%; border-radius: 15px; padding: 34px 24px; margin-left: 6%; text-align: center;}
.kiuCon .targetBox .box:after {position: absolute; width: 40px; height: 40px; background: url(/assets/service/img/sub/target_arrow.png) no-repeat 50%; content: ""; top: 50%; right: -15.5%; transform: translateY(-50%);}
.kiuCon .targetBox .box:nth-last-of-type(1):after {display: none;}
.kiuCon .targetBox .box1 {background-color: #FFFAF4; margin-left: 0;}
.kiuCon .targetBox .box2 {background-color: #FFF4EA;}
.kiuCon .targetBox .box3 {background-color: #FFF1E4;}
.kiuCon .targetBox .box p.tit {font-size: 20px; font-weight: 500;}
.kiuCon .targetBox .box img {margin: 30px 0;}
.kiuCon .targetBox .box .subTxt {padding: 20px 24px; height: 113px; text-align: left; border-radius: 15px; background-color: #fff;}
.kiuCon .targetBox .box .subTxt ul li {position: relative; padding-left: 12px; margin-top: 8px;}
.kiuCon .targetBox .box .subTxt ul li:before {position: absolute; top: 7px; left: 0; content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #434956;}
.kiuCon .targetBox .box .subTxt ul li:nth-of-type(1) {margin-top: 0;}
.kiuCon .subsBox {position: relative; overflow: hidden; margin: -0.5%;}
.kiuCon .subsBox .kiuMark {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; border: 10px solid #ECE8E1; border-radius: 50%; display: flex; background-color: #fff; justify-content: center; align-items: center;}
.kiuCon .subsBox .box {width: 49%; float: left; margin: 0.5%; text-align: center;}
.kiuCon .subsBox .box .subsTit {padding: 12px; background-color: #BCAB90; color: #fff; border-radius: 15px 15px 0 0; font-size: 20px; font-weight: 600;}
.kiuCon .subsBox .box .subsCont {margin-top: 4px; background-color: #ECE8E1; border-radius: 0 0 15px 15px; padding: 22px; line-height: 1.8; font-size: 18px; font-weight: 500;}
@media (max-width: 1400px) {
 .kiuCon .targetBox .box:after {right: -16%;}
 .kiuCon .subsBox .box .subsCont {font-size: 16px;}
}
@media (max-width: 1200px) {
 .kiuCon .visonBox .box .txtBox {font-size: 16px;}
 .kiuCon .visonBox .box .txtBox strong {font-size: 50px;}
 .kiuCon .targetBox .box img {height: 80px;}
 .kiuCon .targetBox .box:after {width: 30px; height: 30px; background-size: 30px;}
 .kiuCon .targetBox .box .subTxt {font-size: 15px; padding: 14px 18px; height: 99px;}
 .kiuCon .subsBox .kiuMark {width: 140px; height: 140px;}
 .kiuCon .subsBox .kiuMark img {width: 54px;}
 .kiuCon .subsBox .box .subsCont {font-size: 15px;}
}
@media (max-width: 991px) {
 .kiuCon .visonBox .box .txtBox {font-size: 14px; padding: 0 14px;}
 .kiuCon .visonBox .box .txtBox strong {font-size: 40px;}
 .kiuCon .targetBox .box {width: 30.33%; padding: 24px 20px; margin-left: 5%;}
 .kiuCon .targetBox .box:nth-of-type(1) {margin-left: 0;}
 .kiuCon .targetBox .box img {height: 60px;}
 .kiuCon .targetBox .box p.tit {font-size: 18px;}
 .kiuCon .targetBox .box .subTxt {font-size: 14px; height: 94px;}
 .kiuCon .subsBox .kiuMark {display: none;}
 .kiuCon .subsBox {margin: -14px 0 0 0;}
 .kiuCon .subsBox .box {width: 100%; margin: 14px 0 0 0; word-break: keep-all;}
 .kiuCon .subsBox .box .subsCont {padding: 16px;}
}
@media (max-width: 768px) {
 .kiuCon .visonBox {display: block;}
 .kiuCon .visonBox .box {margin: 14px 0 0 0; width: 100%; height: 200px;}
 .kiuCon .visonBox .box:nth-of-type(1) {margin-top: 0;}
 .kiuCon .visonBox .box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
 .kiuCon .targetBox {display: block; overflow: hidden; margin: -14px -1% 0;}
 .kiuCon .targetBox .box {width: 48%; margin: 14px 0 0 0; margin: 14px 1% 0; float: left;}
 .kiuCon .targetBox .box:after {display: none;}
 .kiuCon .subsBox .box .subsTit {font-size: 18px;}
}
@media (max-width: 480px) {
 .kiuCon .visonBox .box {margin-top: 10px;}
 .kiuCon .targetBox .box {width: 100%;}
 .kiuCon .subsBox .box .subsCont {font-size: 14px;}
}

/* 대경대학교 창업센터 소개 */
.cont .dkuCon .subTit:after {background-color: #5E74E1;}
.dkuCon .vison {margin-top: 40px; display: flex; background: url(/assets/service/img/sub/dku_vison.png) no-repeat 96% #f8f8f8; border-radius: 20px; padding: 26px; align-items: center;}
.dkuCon .vison .titBox {width: 26%; text-align: center; font-size: 42px; font-family: 'Montserrat', sans-serif; color: #696A7A; font-weight: 700;}
.dkuCon .vison .txtBox {overflow: hidden; margin: -1%;}
.dkuCon .vison .txtBox ul li {display: inline-block; padding: 14px 20px; background-color: #fff; border-radius: 10px; margin: 1%; font-size: 24px; font-weight: 300;}
.dkuCon .targetBox {overflow: hidden; margin-left: -1%;}
.dkuCon .targetBox .box {width: 24%; margin-left: 1%; float: left; height: 372px; background-color: #FAEEFF; border-radius: 20px; padding: 0 0 36px;}
.dkuCon .targetBox .box .tit {padding: 16px; text-align: center; background-color: #764BAD; border-radius: 20px; color: #fff; font-size: 20px; font-weight: 500; box-shadow: 0 5px 8px rgba(155,144,178,.74);}
.dkuCon .targetBox .box .tit2 {background-color: #76239C;}
.dkuCon .targetBox .box .targetCon {text-align: center; margin-top: 36px;}
.dkuCon .targetBox .box .targetCon img {margin-bottom: 30px;}
.dkuCon .targetBox .box .txtBox {text-align: left; padding: 0 14px;}
.dkuCon .targetBox .box .txtBox ul li {position: relative; padding-left: 20px; margin-top: 15px;}
.dkuCon .targetBox .box .txtBox ul li:before {position: absolute; top: 3px; left: 0; background: url(/assets/service/img/sub/dku_target_arrow.png) no-repeat 50%; width: 12px; height: 12px; content: "";}
.dkuCon .subsBox {overflow: hidden; margin: -1%;}
.dkuCon .subsBox .box {width: 31.33%; margin: 1%; height: 225px; float: left; padding: 28px 25px; border: 1px solid #DDDDDD; border-radius: 20px;}
.dkuCon .subsBox .box p.tit {font-size: 24px; font-weight: 600;}
.dkuCon .subsBox .box .txtBox {margin-top: 24px;}
.dkuCon .subsBox .box .txtBox ul li {position: relative; margin-top: 6px; padding-left: 20px; font-size: 17px;}
.dkuCon .subsBox .box .txtBox ul li:before {position: absolute; top: 3px; left: 0; content: ""; background: url(/assets/service/img/sub/dku_subs_arrow.png) no-repeat 50%; width: 12px; height: 12px;}
.dkuCon .subsBox .box .txtBox ul li:nth-of-type(1) {margin-top: 0;}
@media (max-width: 1600px) {
 .dkuCon .targetBox .box .txtBox ul li {font-size: 15px;}
}
@media (max-width: 1400px) {
 .dkuCon .targetBox {margin-top: -20px;}
 .dkuCon .targetBox .box {width: 49%; margin-top: 20px;}
}
@media (max-width: 1200px) {
 .dkuCon .vison .titBox {font-size: 36px; width: 28%;}
 .dkuCon .vison .txtBox ul li {font-size: 21px;}
 .dkuCon .targetBox .box .tit {font-size: 18px;}
 .dkuCon .subsBox .box {width: 48%;}
}
@media (max-width: 991px) {
 .dkuCon .vison .titBox {font-size: 30px; margin-right: 14px;}
 .dkuCon .vison .txtBox ul li {font-size: 15px;}
 .dkuCon .subsBox .box {padding: 24px 20px;}
}
@media (max-width: 767px) {
 .dkuCon .vison {display: block;}
 .dkuCon .vison .titBox {width: 100%; text-align: left;}
 .dkuCon .vison .txtBox {margin-top: 14px;}
 .dkuCon .targetBox .box {height: 362px;}
 .dkuCon .targetBox .box .txtBox ul li {font-size: 14px;}
 .dkuCon .subsBox .box p.tit {font-size: 20px;}
 .dkuCon .subsBox .box .txtBox ul li {font-size: 16px;}
}
@media (max-width: 640px) {
 .dkuCon .vison {background-image: none; margin-bottom: 20px;}
 .dkuCon .vison .titBox {text-align: center;}
 .dkuCon .vison .txtBox ul li {width: 100%; text-align: left;}
 .dkuCon .targetBox {margin-top: -14px;}
 .dkuCon .targetBox .box {width: 100%; margin: 14px 0 0; height: auto; padding-bottom: 26px;}
 .dkuCon .targetBox .box .txtBox ul li {font-size: 16px; word-break: keep-all;}
 .dkuCon .subsBox {margin: -14px 0 0 0;}
 .dkuCon .subsBox .box {width: 100%; margin: 14px 0 0; height: auto;}
 .dkuCon .subsBox .box .txtBox {margin-top: 14px;}
}
@media (max-width: 480px) {
 .dkuCon .vison {padding: 20px;}
 .dkuCon .vison .titBox {font-size: 26px;}
 .dkuCon .vison .txtBox ul li {font-size: 14px; padding: 14px;}
 .dkuCon .targetBox .box .txtBox ul li {font-size: 15px;}
 .dkuCon .subsBox .box .txtBox ul li {font-size: 15px;}
}

/* 가톨릭 대학교 창업센터 소개 */
.cont .dcuCon .subTit:after {background-color: #519bf3;}
.dcuCon .visonBox {font-size: 30px; background-color: #F8F8F8; font-weight: 500; border-radius: 15px; padding: 30px; text-align: center; color: #787878;}
.dcuCon .visonBox span {color: #000;}
.dcuCon .targetCon {display: flex; justify-content: center;}
.dcuCon .targetCon .box {position: relative; width: 400px; height: 400px; background-color: #fff; box-shadow: 2px 2px 30px rgba(109,156,248,.10); border-radius: 50%;}
.dcuCon .targetCon .box1, .dcuCon .targetCon .box2 {margin-right: -64px;}
.dcuCon .targetCon .box .cir {position: absolute; top: 50%; left: 50%; width: calc(100% - 40px); height: calc(100% - 40px); background-color: #CBDDFF; border-radius: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; text-align: center;}
.dcuCon .targetCon .box .cir strong {margin-top: 24px; display: inline-block; font-size: 30px; color: #6888FB;}
.dcuCon .targetCon .box .cir p {font-size: 22px; margin-top: 6px; font-weight: 500;}
.dcuCon .subCon {overflow: hidden; margin: 40px 0 0;}
.dcuCon .subCon .box {width: 24%; margin: 0 0.5%; float: left; padding: 24px; background-color: #F2F4F9; border-radius: 10px; text-align: center; font-size: 20px; font-weight: 500;}
.dcuCon .subsBox {overflow: hidden;}
.dcuCon .subsBox .box {width: 14%; background-color: #dedede; height: 196px; border-radius: 15px; float: left; padding: 35px; margin-left: 1%; text-align: center; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 1.4; font-size: 14px;}
.dcuCon .subsBox .titBox {background-color: #6A8AF8; width: 25%; margin-left: 0; font-size: 20px; font-weight: 500;}
.dcuCon .subsBox .titBox p {margin-top: 8px; line-height: 1.4;}
.dcuCon .subsBox .titBox span {font-size: 16px; font-weight: 300;}
.dcuCon .subsBox .box1 {background: url(/assets/service/img/sub/dcu_subs_img_1.jpg) no-repeat 50%; background-size: cover;}
.dcuCon .subsBox .box2 {background: url(/assets/service/img/sub/dcu_subs_img_2.jpg) no-repeat 50%; background-size: cover;}
.dcuCon .subsBox .box3 {background: url(/assets/service/img/sub/dcu_subs_img_3.jpg) no-repeat 50%; background-size: cover;}
.dcuCon .subsBox .box4 {background: url(/assets/service/img/sub/dcu_subs_img_4.jpg) no-repeat 50%; background-size: cover;}
.dcuCon .subsBox .box5 {background: url(/assets/service/img/sub/dcu_subs_img_5.jpg) no-repeat 50%; background-size: cover;}
.dcuCon .program {margin-top: 20px;}
.dcuCon .program .titBox {border: 1px solid #ddd; text-align: center; font-size: 24px; font-weight: 700; padding: 16px; border-radius: 10px;}
.dcuCon .program .proBox {margin-top: 14px; overflow: hidden; margin: 0 -1%;}
.dcuCon .program .proBox .box {width: 23%; margin: 1% 1% 0; float: left;}
.dcuCon .program .proBox .box .stitBox {text-align: center; background-color: #EBF2FF; padding: 8px 20px; border-radius: 5px; font-size: 20px; color: #373A41;}
.dcuCon .program .proBox .box .stitBox img {margin-top: -3px; margin-right: 4px;}
.dcuCon .program .proBox .box .stxtBox {padding: 20px; height: 169px; border: 1px solid #bebebe; border-radius: 10px; overflow: hidden; margin-top: 14px;}
.dcuCon .program .proBox .box .stxtBox ul {margin: -2% 0;}
.dcuCon .program .proBox .box .stxtBox ul li {position: relative; width: 48%; float: left; margin: 2% 1%; padding: 0 4px 0 10px; font-size: 15px;}
.dcuCon .program .proBox .box .stxtBox ul li:before {position: absolute; top: 6px; left: 0; border-radius: 50%; background-color: #dedede; width: 4px; height: 4px; content: "";}
@media (max-width: 1600px) {
 .dcuCon .subsBox .box {padding: 25px;}
}
@media (max-width: 1400px) {
 .dcuCon .subsBox .box {padding: 15px; height: 156px;}
 .dcuCon .subsBox .box img {height: 50px;}
 .dcuCon .program .proBox .box {width: 48%;}
 .dcuCon .program .proBox .box .stxtBox {height: 170px;}
 .dcuCon .program .proBox .box .stxtBox ul li {margin: 1.5% 1%;}
 .dcuCon .program .proBox .box .stxtBox ul li br {display: none;}
}
@media (max-width: 1200px) {
 .dcuCon .visonBox {font-size: 26px;}
 .dcuCon .targetCon .box {width: 340px; height: 340px;}
 .dcuCon .subCon .box {font-size: 18px; padding: 20px;}
 .dcuCon .targetCon .box .cir img {height: 60px;}
 .dcuCon .targetCon .box .cir strong {font-size: 24px;}
 .dcuCon .targetCon .box .cir p {font-size: 20px;}
 .dcuCon .subsBox {margin: -0.5%;}
 .dcuCon .subsBox .box {width: 32.33%; margin: 0.5%; font-size: 16px;}
 .dcuCon .program .titBox {font-size: 20px;}
 .dcuCon .program .proBox .box .stitBox {font-size: 16px;}
 .dcuCon .program .proBox .box .stitBox img {height: 18px;}
 .dcuCon .program .proBox .box .stxtBox ul li br {display: block;}
}
@media (max-width: 991px) {
 .dcuCon .targetCon .box {width: 280px; height: 280px;}
 .dcuCon .targetCon .box .cir img {height: 50px;}
 .dcuCon .targetCon .box .cir strong {font-size: 20px;}
 .dcuCon .targetCon .box .cir p {font-size: 18px;}
 .dcuCon .subCon .box {width: 49%; margin: 0.5%;}
 .dcuCon .program .proBox .box .stxtBox {height: 160px;}
}
@media (max-width: 767px) {
 .dcuCon .visonBox {font-size: 20px;}
 .dcuCon .targetCon .box {width: 240px; height: 240px;}
 .dcuCon .targetCon .box .cir img {display: none;}
 .dcuCon .targetCon .box .cir strong {margin: 0;}
 .dcuCon .subsBox .box {width: 49%;}
 .dcuCon .program .proBox .box .stxtBox {height: 140px;}
 .dcuCon .program .proBox .box .stxtBox ul li {font-size: 14px;}
}
@media (max-width: 640px) {
 .dcuCon .targetCon {display: block;}
 .dcuCon .targetCon .box {width: 100%; margin-top: 14px; border-radius: 15px; height: 220px;}
 .dcuCon .targetCon .box:nth-of-type(1) {margin-top: 0;}
 .dcuCon .targetCon .box1, .dcuCon .targetCon .box2 {margin-right: 0;}
 .dcuCon .targetCon .box .cir {border-radius: 15px; width: calc(100% - 20px); height: calc(100% - 20px);}
 .dcuCon .targetCon .box .cir img {display: inline-block;}
 .dcuCon .targetCon .box .cir strong {margin-top: 14px;}
 .dcuCon .subCon {margin: 20px 0 0;}
 .dcuCon .subCon .box {font-size: 16px;}
 .dcuCon .program .proBox .box {width: 100%; margin: 14px 0 0 0;}
 .dcuCon .program .proBox .box .stxtBox {margin-top: 8px; height: auto;}
 .dcuCon .program .proBox .box .stxtBox ul {margin: -1%;}
 .dcuCon .program .proBox .box .stxtBox ul li {margin: 1%;}
 .dcuCon .program .proBox .box .stxtBox ul li br {display: none;}
}
@media (max-width: 480px) {
 .dcuCon .visonBox {font-size: 17px; padding: 24px 20px;}
 .dcuCon .targetCon .box {height: 180px;}
 .dcuCon .targetCon .box .cir img {height: 40px;}
 .dcuCon .subCon .box {width: 100%; margin: 1;}
 .dcuCon .subsBox {margin: -10px 0 0 0;}
 .dcuCon .subsBox .box {width: 100%; margin: 10px 0 0 0; height: 136px;}
 .dcuCon .program .titBox {font-size: 18px;}
 .dcuCon .program .proBox .box .stxtBox {padding: 16px;}
 .dcuCon .program .proBox .box .stxtBox ul {margin: -1.5% 1%;}
 .dcuCon .program .proBox .box .stxtBox ul li {margin: 1.5% 1%;}
 .dcuCon .program .proBox .box .stxtBox ul li br {display: block;}
}

/* 대구대학교 창업센터 소개 */
.cont .dguCon .subTit:after {background-color: #39AB98;}
.dguCon .vison {margin-top: 40px; display: flex; background: url(/assets/service/img/sub/dgu_vision.png) no-repeat 96% #E4F3EA; border-radius: 20px; padding: 26px; align-items: center;}
.dguCon .vison .titBox {width: 26%; text-align: center; font-size: 42px; font-family: 'Montserrat', sans-serif; color: #39AB98; font-weight: 700;}
.dguCon .vison .txtBox {overflow: hidden;}
.dguCon .vison .txtBox ul li {display: inline-block; padding: 14px 20px; background-color: #fff; border-radius: 10px; font-size: 24px; font-weight: 300;}
.dguCon .targetBox {display: flex; align-items: center;}
.dguCon .targetBox .cir {position: relative; width: 418px; height: 418px; background-image: linear-gradient(180deg, #E6FFF0, #E8FFDA); border-radius: 50%;}
.dguCon .targetBox .cir .cirCon {position: absolute; top: 50%; left: 50%; background-color: #39AB98; color: #fff; width: calc(100% - 52px); height: calc(100% - 52px); border-radius: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; text-align: center;}
.dguCon .targetBox .cir .cirCon .stxt {margin-top: 12px;}
.dguCon .targetBox .cir .cirCon .stxt p {font-size: 28px; font-weight: 700;}
.dguCon .targetBox .cir .cirCon .stxt ul li {margin-top: 8px; font-size: 19px; font-weight: 500; font-family: 'Montserrat', sans-serif;}
.dguCon .targetBox .cir .cirCon .stxt ul li:nth-of-type(1) {margin-top: 20px;}
.dguCon .targetBox .box {position: relative; width: 28%; margin-left: 8%; background-color: #F8F8F8; border-radius: 15px; padding: 30px;}
.dguCon .targetBox .box:before {position: absolute; top: 50%; left: -60px; width: 125%; z-index: -1; height: 1px; border-top: 2px dashed #CFCDCD; content: ""; transform: translateY(-50%);}
.dguCon .targetBox .box:after {position: absolute; top: 50%; left: -86px; width: 26px; height: 26px; background: url(/assets/service/img/sub/dgu_target_arrow.png) no-repeat 50%; content: ""; transform: translateY(-50%);}
.dguCon .targetBox .box .sBox {background-color: #fff; display: flex; align-items: center; justify-content: space-between; font-size: 24px; font-weight: 600; border-radius: 15px; padding: 26px 36px; margin-top: 20px;}
.dguCon .targetBox .box .sBox:nth-of-type(1) {margin-top: 0;}
.dguCon .targetBox .nBox {position: relative; width: 30%; margin-left: 5%;}
.dguCon .targetBox .nBox:before {position: absolute; width: 1px; height: calc(100% - 90px); border-right: 2px dashed #CFCDCD; content: ""; top: 50%; left: -34px; transform: translateY(-50%);}
.dguCon .targetBox .nBox ul li {position: relative; padding: 30px; text-align: center; border: 1px solid #C9C9C9; font-size: 22px; font-weight: 500; margin-top: 18px; border-radius: 15px;}
.dguCon .targetBox .nBox ul li:nth-of-type(1) {margin-top: 0;}
.dguCon .targetBox .nBox ul li:before {position: absolute; top: 50%; left: -6px; width: 14px; height: 14px; background-color: #66DDC9; border-radius: 50%; content: ""; transform: translateY(-50%);}
.dguCon .targetBox .nBox ul li:after {position: absolute; top: 50%; left: -32px; transform: translateY(-50%); width: 26px; height: 1px; border: 1px dashed #CFCDCD; content: "";}
.dguCon .subsBox p.tit {font-size: 44px; margin-bottom: 40px; font-weight: 500;}
.dguCon .subsCont {display: flex;}
.dguCon .subsCont .leftBox {width: 54%; border-radius: 15px; padding: 40px 46px; background: url(/assets/service/img/sub/dgu_subs_1.jpg) no-repeat 50%; background-size: cover;}
.dguCon .subsCont .txtBox {color: #fff; margin-top: 40px;}
.dguCon .subsCont .txtBox:nth-of-type(1) {margin-top: 0;}
.dguCon .subsCont .txtBox p {font-size: 30px; font-weight: 600;}
.dguCon .subsCont .txtBox span {position: relative; display: block; padding-left: 16px; font-size: 24px; margin-top: 16px; line-height: 1.4;}
.dguCon .subsCont .txtBox span:before {position: absolute; top: 12px; left: 0; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #fff;}
.dguCon .subsCont .rightBox {width: 45%; margin-left: 1%;}
.dguCon .subsCont .rightBox .tBox {background: url(/assets/service/img/sub/dgu_subs_2.jpg) no-repeat 50%; background-size: cover; padding: 31px 40px; border-radius: 15px;}
.dguCon .subsCont .rightBox .bBox {background: url(/assets/service/img/sub/dgu_subs_3.jpg) no-repeat 50%; background-size: cover; padding: 31px 40px; margin-top: 14px; border-radius: 15px;}
.dguCon .subsCont .rightBox .txtBox {font-weight: 300;}
@media (max-width: 1400px) {
 .dguCon .targetBox .cir {width: 378px; height: 378px;}
 .dguCon .targetBox .cir .cirCon .stxt p {font-size: 24px;}
 .dguCon .targetBox .cir .cirCon .stxt ul li {font-size: 16px;}
 .dguCon .targetBox .cir .cirCon .stxt ul li:nth-of-type(1) {margin-top: 16px;}
 .dguCon .targetBox .box {width: 30%; margin-left: 6%;}
 .dguCon .targetBox .box .sBox {padding: 26px; font-size: 20px;}
 .dguCon .targetBox .box .sBox img {width: 36px;}
 .dguCon .targetBox .nBox ul li {font-size: 18px;}
 .dguCon .subsCont .txtBox span {font-size: 22px;}
}
@media (max-width: 1200px) {
 .dguCon .vison .titBox {font-size: 36px; width: 28%;}
 .dguCon .vison .txtBox ul li {font-size: 21px;}
 .dguCon .targetBox {display: block;}
 .dguCon .targetBox .cir {margin: 0 auto;}
 .dguCon .targetBox .box {width: 100%; margin-left: 0; margin-top: 40px; display: flex; padding: 18px;}
 .dguCon .targetBox .box:before {top: -30px; width: 1%; height: calc(100% + 60px); left: 50%; transform: translate(-50%, 0); border-top: 0; border-left: 2px dashed #cfcdcd;}
 .dguCon .targetBox .box .sBox {width: 31.33%; margin: 1%; padding: 18px;}
 .dguCon .targetBox .box .sBox:nth-of-type(1) {margin-top: 1%;}
 .dguCon .targetBox .nBox {width: 100%; margin-left: 0; margin-top: 60px;}
 .dguCon .targetBox .nBox:before {width: calc(100% - 23.4%); top: -30px; left: 50%; transform: translate(-50%, 0); height: 1px; border-right: 0; border-top: 2px dashed #cfcdcd;}
 .dguCon .targetBox .nBox ul {display: flex; margin: 0 -1%;}
 .dguCon .targetBox .nBox ul li {width: 25%; margin: 0 1%; display: flex; justify-content: center; align-items: center;}
 .dguCon .targetBox .nBox ul li:before {top: -7px; left: 50%; transform: translate(-50%, 0);}
 .dguCon .targetBox .nBox ul li:after {top: -27px; left: 50%; transform: translate(-50%, 0); width: 1px; height: 20px; margin-top: 0; border-right: 1px dashed #cfcdcd;}
 .dguCon .subsBox p.tit {font-size: 38px;}
 .dguCon .subsCont .txtBox p {font-size: 26px;}
 .dguCon .subsCont .txtBox span {font-size: 20px;}
 .dguCon .subsCont .txtBox span:before {top: 8px;}

}
@media (max-width: 991px) {
 .dguCon .vison .titBox {font-size: 30px; margin-right: 14px;}
 .dguCon .vison .txtBox ul li {font-size: 15px;}
 .dguCon .targetBox .nBox ul li {padding: 20px; font-size: 15px;}
 .dguCon .targetBox .box .sBox p {padding-right: 10px;}
 .dguCon .subsCont .txtBox {margin-top: 30px;}
 .dguCon .subsCont .txtBox p {font-size: 24px;}
 .dguCon .subsCont .txtBox span {font-size: 16px; margin-top: 12px;}
 .dguCon .subsCont .txtBox span:before {top: 6px;}
 .dguCon .subsCont .leftBox {padding: 30px 26px;}
 .dguCon .subsCont .rightBox .tBox {padding: 30px 20px;}
 .dguCon .subsCont .rightBox .bBox {padding: 30px 20px;}
 .dguCon .subsBox p.tit {font-size: 32px; margin-bottom: 20px;}
}
@media (max-width: 767px) {
 .dguCon .vison {display: block;}
 .dguCon .vison .titBox {width: 100%; text-align: left;}
 .dguCon .vison .txtBox {margin-top: 14px;}
 .dguCon .targetBox .box:before {height: 100%;}
 .dguCon .targetBox .nBox {margin-top: 20px;}
 .dguCon .targetBox .nBox:before {display: none;}
 .dguCon .targetBox .nBox ul {display: block; overflow: hidden; margin: -10px -1%;}
 .dguCon .targetBox .nBox ul li {float: left; width: 48%; margin: 10px 1% 0;}
 .dguCon .targetBox .nBox ul li:nth-of-type(1) {margin-top: 10px;}
 .dguCon .targetBox .nBox ul li:before, .dguCon .targetBox .nBox ul li:after {display: none;}
 .dguCon .targetBox .box .sBox {font-size: 16px;}
 .dguCon .subsCont {display: block;}
 .dguCon .subsCont .leftBox {width: 100%;}
 .dguCon .subsCont .rightBox {width: 100%; margin-left: 0; margin-top: 14px;}
}
@media (max-width: 640px) {
 .dguCon .vison {background-image: none; margin-bottom: 20px;}
 .dguCon .vison .titBox {text-align: center;}
 .dguCon .vison .txtBox ul li {width: 100%; text-align: left;}
 .dguCon .targetBox .cir {width: 318px; height: 318px;}
 .dguCon .targetBox .cir .cirCon img {height: 30px;}
 .dguCon .targetBox .cir .cirCon .stxt p {font-size: 20px;}
 .dguCon .targetBox .cir .cirCon .stxt ul li {font-size: 14px;}
 .dguCon .targetBox .cir .cirCon .stxt ul li:nth-of-type(1) {margin-top: 10px;}
 .dguCon .targetBox .box {display: block;}
 .dguCon .targetBox .box .sBox {width: 100%; margin-top: 10px; padding: 18px 60px;}
 .dguCon .targetBox .box .sBox:nth-of-type(1) {margin-top: 0;}
 .dguCon .targetBox .box .sBox img {width: 26px;}
 .dguCon .targetBox .nBox ul li {width: 100%; margin: 10px 0 0 0;}
 .dguCon .subsCont .leftBox {padding: 30px 20px;}
 .dguCon .subsCont .txtBox {margin-top: 20px;}
 .dguCon .subsCont .txtBox p {font-size: 16px;}
 .dguCon .subsCont .txtBox span {font-size: 14px;}
 .dguCon .subsCont .txtBox span:before {width: 6px; height: 6px; top: 5px;}
 .dguCon .subsBox p.tit {font-size: 26px;}
}
@media (max-width: 480px) {
 .dguCon .vison {padding: 20px;}
 .dguCon .vison .titBox {font-size: 26px;}
 .dguCon .vison .txtBox ul li {font-size: 14px; padding: 14px;}
 .dguCon .targetBox .box .sBox {padding: 18px 20px;}
 .dguCon .targetBox .cir {width: 278px; height: 278px;}
 .dguCon .targetBox .cir .cirCon img {display: none;}
 .dguCon .targetBox .cir .cirCon .stxt ul li {font-size: 13px;}
 .dguCon .subsBox p.tit {font-size: 22px;}
}
@media (max-width: 360px) {
 .dguCon .subsCont .txtBox span br {display: none;}
}

/* 한의대학교 창업센터 소개 */
.cont .dhuCon .subTit:after {background-color: #5E74E1;}
.dhuCon .vison {margin-top: 40px; display: flex; background: url(/assets/service/img/sub/dhu_vision.png) no-repeat 96% #E2E8F9; border-radius: 20px; padding: 26px; align-items: center;}
.dhuCon .vison .titBox {width: 26%; text-align: center; font-size: 42px; font-family: 'Montserrat', sans-serif; color: #2A2E70; font-weight: 700;}
.dhuCon .vison .txtBox {overflow: hidden;}
.dhuCon .vison .txtBox ul li {display: inline-block; padding: 14px 20px; background-color: #fff; border-radius: 10px; font-size: 24px; font-weight: 500;}
.dhuCon .vison .txtBox ul li span {position: relative; display: block; padding-left: 20px; margin-top: 10px; font-size: 20px; font-weight: 300;} 
.dhuCon .vison .txtBox ul li span:before {position: absolute; top: 6px; left: 0; background: url(/assets/service/img/sub/dku_subs_arrow.png) no-repeat 50%; width: 12px; height: 12px; content: "";}
.dhuCon .target p.tit {font-size: 40px; font-weight: 600;}
.dhuCon .target p.tit br {display: none;}
.dhuCon .target p.tit img {margin-left: 30px;}
.dhuCon .target .targetBox {overflow: hidden; margin: 0 -1%; padding: 1% 0; margin-top: 40px;}
.dhuCon .target .targetBox .box {width: 31.33%; margin: 0 1%; float: left; text-align: center; border-radius: 15px; box-shadow: 0 0 15px rgba(168,172,202,.44); padding: 24px;}
.dhuCon .target .targetBox .box .titBox {background-image: linear-gradient(45deg, #03A788, #2A2E70); padding: 50px 20px; color: #fff; font-size: 26px; font-weight: 500; line-height: 1.4; border-radius: 15px;}
.dhuCon .target .targetBox .box > img {margin: 15px 0;}
.dhuCon .target .targetBox .box .txtBox {background-color: #f6f6f6; padding: 24px; border-radius: 15px; text-align: left;}
.dhuCon .target .targetBox .box .txtBox ul li {position: relative; font-size: 20px; padding-left: 28px; margin-top: 14px; word-break: break-word;}
.dhuCon .target .targetBox .box .txtBox ul li:nth-of-type(1) {margin-top: 0;}
.dhuCon .target .targetBox .box .txtBox ul li:before {position: absolute; top: 3px; left: 0; content: ""; width: 18px; height: 18px; background: url(/assets/service/img/sub/dhu_target_item.png) no-repeat 50%;}
.dhuCon .subsBox {overflow: hidden; margin: 0 -1%; padding: 1% 0;}
.dhuCon .subsBox .box {width: 23%; margin: 0 1%; height: 504px; text-align: center; box-shadow: 0 0 15px rgba(168,172,202,.44); padding: 30px; border-radius: 15px; float: left;}
.dhuCon .subsBox .box p.tit {font-size: 24px; font-weight: 700; margin-bottom: 34px;}
.dhuCon .subsBox .box .txtBox {margin-top: 12px; text-align: left;}
.dhuCon .subsBox .box .txtBox:nth-of-type(1) {margin-top: 34px;}
.dhuCon .subsBox .box .txtBox p.stit {font-size: 20px; font-weight: 600;}
.dhuCon .subsBox .box .txtBox ul li {position: relative; padding-left: 20px; margin-top: 6px; line-height: 1.5; font-size: 18px;}
.dhuCon .subsBox .box .txtBox ul li:before {position: absolute; top: 8px; left: 0; background: url(/assets/service/img/sub/dku_subs_arrow.png) no-repeat 50%; width: 12px; height: 12px; content: "";}

@media (max-width: 1600px) {
 .dhuCon .subsBox .box .txtBox ul li br {display: none;}
}
@media (max-width: 1400px) {
 .dhuCon .target .targetBox .box .titBox {font-size: 24px;}
 .dhuCon .subsBox .box {height: 484px;}
 .dhuCon .subsBox .box .txtBox p.stit {font-size: 18px;}
 .dhuCon .subsBox .box .txtBox ul li {font-size: 16px;}
 .dhuCon .subsBox .box .txtBox ul li:before {top: 6px;}
}
@media (max-width: 1200px) {
 .dhuCon .vison .titBox {font-size: 36px; width: 28%;}
 .dhuCon .vison .txtBox ul li {font-size: 21px;}
 .dhuCon .target .targetBox .box .titBox {font-size: 19px;}
 .dhuCon .target .targetBox .box .txtBox ul li {font-size: 16px; padding-left: 20px;}
 .dhuCon .target .targetBox .box .txtBox ul li:before {background-size: 12px; top: 1px;}
 .dhuCon .target p.tit {font-size: 34px;}
 .dhuCon .target p.tit img {height: 60px; margin-left: 10px;}
 .dhuCon .subsBox {margin: -1%;}
 .dhuCon .subsBox .box {width: 48%; margin: 1%; height: 468px;}
 
}
@media (max-width: 991px) {
 .dhuCon .vison .titBox {font-size: 30px; margin-right: 14px;}
 .dhuCon .vison .txtBox ul li {font-size: 15px;}
 .dhuCon .vison .txtBox ul li span {font-size: 18px;}
 .dhuCon .vison .txtBox ul li span:before {top: 6px;}
 .dhuCon .target .targetBox {margin: 20px 0 0 0; padding: 1%;}
 .dhuCon .target .targetBox .box {width: 100%; margin: 20px 0 0 0; display: flex; justify-content: space-between; align-items: center;}
 .dhuCon .target .targetBox .box:nth-of-type(1) {margin-top: 0;}
 .dhuCon .target .targetBox .box .titBox {padding: 24px 20px; width: 40%;}
 .dhuCon .target .targetBox .box > img {transform: rotate(90deg);}
 .dhuCon .target .targetBox .box .txtBox {width: 40%;}
 .dhuCon .target p.tit {font-size: 28px;}
 .dhuCon .target p.tit img {height: 50px;}
}
@media (max-width: 767px) {
 .dhuCon .vison {display: block;}
 .dhuCon .vison .titBox {width: 100%; text-align: left;}
 .dhuCon .vison .txtBox {margin-top: 14px;}
 .dhuCon .target .targetBox .box .titBox {font-size: 16px;}
 .dhuCon .target .targetBox .box > img {width: 34px;}
 .dhuCon .target p.tit {font-size: 24px;}
 .dhuCon .target p.tit img {height: 40px;}
 .dhuCon .target .targetBox .box .txtBox ul li {font-size: 15px;}
 .dhuCon .subsBox .box {padding: 24px; }
 .dhuCon .subsBox .box .txtBox ul li {margin-top: 2px;}
 .dhuCon .subsBox .box .txtBox:nth-of-type(1) ul li {margin-top: 6px;}
 
}
@media (max-width: 640px) {
 .dhuCon .vison {background-image: none; margin-bottom: 20px;}
 .dhuCon .vison .titBox {text-align: center;}
 .dhuCon .vison .txtBox ul li {width: 100%; text-align: left;}
 .dhuCon .vison .txtBox ul li span {font-size: 16px; display: inline-block;}
 .dhuCon .vison .txtBox ul li span:before {top: 3px;}
 .dhuCon .target .targetBox {margin: 14px 0 0;}
 .dhuCon .target .targetBox .box {display: block;}
 .dhuCon .target .targetBox .box .titBox {width: 100%;}
 .dhuCon .target .targetBox .box .txtBox {width: 100%;}
 .dhuCon .target .targetBox .box > img {transform: rotate(0deg);}
 .dhuCon .target p.tit br {display: block;;}
 .dhuCon .target p.tit img {display: none;}
 .dhuCon .subsBox {padding: 1%;}
 .dhuCon .subsBox .box {width: 100%; margin: 1% 0; height: auto;}
}
@media (max-width: 480px) {
 .dhuCon .vison {padding: 20px;}
 .dguCon .vison .titBox {font-size: 26px;}
 .dguCon .vison .txtBox ul li {font-size: 14px; padding: 14px;}
 .dhuCon .target .targetBox .box {padding: 14px;}
 .dhuCon .target .targetBox .box .txtBox {padding: 20px;}
 .dhuCon .target p.tit {font-size: 22px;}
 .dhuCon .subsBox .box > img {height: 50px;}
 .dhuCon .subsBox .box .txtBox ul li {font-size: 15px;}
 .dhuCon .subsBox .box .txtBox ul li:before {top: 4px;}
}

/* 영남대학교 창업센터 소개*/
.cont .ynuCon .subTit:after {background-color: #00AAC9;}
.ynuCon .visionBox {background: url(/assets/service/img/sub/ynu_vision.jpg) no-repeat 50%; background-size: cover; text-align: center; padding: 70px; font-size: 30px; color: #fff; line-height: 1.6; border-radius: 15px;}
.ynuCon .visionBox span {font-weight: 600;}
.ynuCon .targetBox {display: flex;}
.ynuCon .targetBox .box1 {position: relative; width: 24%;}
.ynuCon .targetBox .box1:before {position: absolute; top: 50%; right: -63px; transform: translateY(-50%); width: 40px; height: 30px; background: url(/assets/service/img/sub/ynu_target_arrow_1.png) no-repeat 50%; content: "";}
.ynuCon .targetBox .box1 .sBox {padding: 20px 70px; display: flex; align-items: center; font-size: 20px; font-weight: 700; background-color: #F8F8F8; border-radius: 15px; margin-top: 10px;}
.ynuCon .targetBox .box1 .sBox:nth-of-type(1) {margin-top: 0;}
.ynuCon .targetBox .box1 .sBox img {margin-right: 30px;}
.ynuCon .targetBox .box2 {position: relative; width: 35%; margin-left: 6%; background-color: #E7F9FF; border-radius: 15px; padding: 24px; display: flex; justify-content: center; align-items: center;}
.ynuCon .targetBox .box2:before {position: absolute; top: 50%; right: -63px; transform: translateY(-50%); width: 40px; height: 30px; background: url(/assets/service/img/sub/ynu_target_arrow_2.png) no-repeat 50%; content: "";}
.ynuCon .targetBox .box3 {width: 29%; margin-left: 6%; background-color: #F8F8F8; border-radius: 15px; display: flex; align-items: center; padding: 20px 40px;}
.ynuCon .targetBox .box3 ul li {position: relative; font-size: 18px; font-weight: 500; color: #433F6A; margin-top: 20px;}
.ynuCon .targetBox .box3 ul li:nth-of-type(1) {margin-top: 0;}
.ynuCon .targetBox .box3 ul li p {position: relative; padding-left: 20px;}
.ynuCon .targetBox .box3 ul li p:before {position: absolute; top: 6px; left: 0; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #CCCCCD;}
.ynuCon .subsBox {overflow: hidden; margin: -1% -1% 0;}
.ynuCon .subsBox .box {width: 23%; margin: 1% 1% 0; float: left; height: 378px; border-radius: 15px;}
.ynuCon .subsBox .box .titBox {display: flex; color: #fff; background-color: #00AAC9; border-radius: 15px; padding: 14px 30px; align-items: center; justify-content: space-between;}
.ynuCon .subsBox .box .titBox .stit p {font-size: 20px; font-weight: 600;}
.ynuCon .subsBox .box .titBox .stit span {font-size: 18px; font-weight: 300; margin-top: 4px; display: block;}
.ynuCon .subsBox .box .txtBox {margin-top: 12px; border-radius: 15px; background-color: #F0F9FF; padding: 25px; height: calc(100% - 91px);}
.ynuCon .subsBox .box .txtBox ul li {position: relative; margin-top: 14px; font-size: 18px; color: #313131; padding-left: 20px;}
.ynuCon .subsBox .box .txtBox ul li:nth-of-type(1) {margin-top: 0;}
.ynuCon .subsBox .box .txtBox ul li:before {position: absolute; top: 6px; left: 0; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #00AAC9;}
.ynuCon .subsBox .sBox {border: 1px solid #C6C6C6; padding: 30px; display: flex; justify-content: center; align-items: center; text-align: center;}
.ynuCon .subsBox .sBox .sTxt {font-size: 20px; margin-top: 40px; line-height: 1.5;}
.ynuCon .subsBox .sBox .sTxt span {font-weight: 700;}
@media (max-width: 1600px) {
 .ynuCon .targetBox .box1 .sBox {font-size: 18px;}
}
@media (max-width: 1400px) {
 .ynuCon .targetBox .box1 .sBox {padding: 20px 40px;}
 .ynuCon .targetBox .box1:before {right: -55px;}
 .ynuCon .targetBox .box2:before {right: -56px;}
 .ynuCon .subsBox .box .titBox {padding: 14px 24px;}
 .ynuCon .subsBox .box .titBox img {height: 40px;}
 .ynuCon .subsBox .box .titBox .stit span {font-size: 16px;}
 .ynuCon .subsBox .box .txtBox ul li {font-size: 16px;}
 .ynuCon .subsBox .box .txtBox ul li br {display: none;}
 .ynuCon .subsBox .sBox {padding: 24px;}
 .ynuCon .subsBox .sBox .sTxt {font-size: 18px; margin-top: 30px;}
}
@media (max-width: 1200px) {
 .ynuCon .visionBox {font-size: 26px;}
 .ynuCon .targetBox .box1:before {right: -25%;}
 .ynuCon .targetBox .box1 .sBox {padding: 20px 30px; font-size: 16px;}
 .ynuCon .targetBox .box1 .sBox img {margin-right: 20px;}
 .ynuCon .targetBox .box1 .sBox:nth-of-type(1) img {width: 25px;}
 .ynuCon .targetBox .box1 .sBox:nth-of-type(2) img {width: 35px;}
 .ynuCon .targetBox .box1 .sBox:nth-last-of-type(1) img {width: 37px;}
 .ynuCon .targetBox .box2 {width: 30%; margin-left: 8%;}
 .ynuCon .targetBox .box2:before {right: -21%;}
 .ynuCon .targetBox .box2 img {height: 60px;}
 .ynuCon .targetBox .box3 {width: 30%; margin-left: 8%; padding: 20px 30px;}
 .ynuCon .targetBox .box3 ul li {font-size: 16px;}
 .ynuCon .subsBox .box {width: 48%; height: 328px;}
}
@media (max-width: 991px) {
 .ynuCon .visionBox {font-size: 22px; padding: 70px 50px;}
 .ynuCon .targetBox {display: block;}
 .ynuCon .targetBox .box1 {width: 100%; display: block; overflow: hidden; margin: 0 -1%; padding-bottom: 80px;}
 .ynuCon .targetBox .box1:before {right: auto; left: 50%; transform: rotate(90deg) translateX(-50%); top: auto; bottom: 5px;}
 .ynuCon .targetBox .box1 .sBox {width: 31.33%; margin: 0 1%; float: left; justify-content: center;}
 .ynuCon .targetBox .box2 {width: 100%; margin-left: 0; margin-bottom: 80px;}
 .ynuCon .targetBox .box2:before {right: auto; left: 49%; transform: rotate(90deg) translateX(-50%); top: auto; bottom: -75px;}
 .ynuCon .targetBox .box3 {width: 100%; margin-left: 0; justify-content: center;}
 .ynuCon .targetBox .box3 ul {width: 100%; margin: -1% -1% 0; overflow: hidden;}
 .ynuCon .targetBox .box3 ul li {margin: 1% 1% 0; width: 31.33%; float: left; font-size: 15px;}
 .ynuCon .targetBox .box3 ul li:nth-of-type(1) {margin-top: 1%;}
 .ynuCon .targetBox .box3 ul li p {display: inline-block;}
 .ynuCon .targetBox .box3 ul li p:before {top: 5px;}
 .ynuCon .targetBox .box3 ul li:nth-child(3n+1) {text-align: left;}
 .ynuCon .targetBox .box3 ul li:nth-child(3n+2) {text-align: center;}
 .ynuCon .targetBox .box3 ul li:nth-child(3n+3) {text-align: right;}
 .ynuCon .subsBox .box .txtBox ul li {font-size: 15px;}
}
@media (max-width: 767px) {
 .ynuCon .visionBox {padding: 50px;}
 .ynuCon .visionBox br {display: none;}
 .ynuCon .targetBox .box1 .sBox {padding: 20px 24px; font-size: 15px;}
 .ynuCon .targetBox .box1 .sBox:nth-of-type(1) img {width: 21px;}
 .ynuCon .targetBox .box1 .sBox:nth-of-type(2) img {width: 31px;}
 .ynuCon .targetBox .box1 .sBox:nth-last-of-type(1) img {width: 33px;}
 .ynuCon .subsBox .box {height: 318px;}
 .ynuCon .subsBox .box .titBox .stit p {font-size: 18px;}
 .ynuCon .subsBox .box .txtBox {padding: 20px;}
 .ynuCon .subsBox .box .txtBox ul li {font-size: 14px; padding-left: 14px; margin-top: 12px;}
 .ynuCon .subsBox .box .txtBox ul li:before {top: 5px; width: 6px; height: 6px;}
 .ynuCon .subsBox .sBox img {width: 70px;}
 .ynuCon .subsBox .sBox .sTxt {font-size: 16px;}
}
@media (max-width: 640px) {
 .ynuCon .visionBox {font-size: 20px; padding: 40px 24px;}
 .ynuCon .targetBox .box1 {margin: 0; padding-bottom: 60px;}
 .ynuCon .targetBox .box1:before {left: 47%; background-size: 24px; width: 24px; height: 34px; bottom: 0;}
 .ynuCon .targetBox .box1 .sBox {width: 100%; margin: 14px 0 0;}
 .ynuCon .targetBox .box2 {margin-bottom: 60px;}
 .ynuCon .targetBox .box2:before {left: 47%; background-size: 24px; width: 24px; height: 34px; bottom: -60px;}
 .ynuCon .targetBox .box3 ul li {width: 48%; text-align: left !important; margin: 2% 1% 0;}
 .ynuCon .targetBox .box3 ul li:nth-of-type(1) {margin-top: 2%;}
 .ynuCon .subsBox {margin: -14px 0 0;}
 .ynuCon .subsBox .box {width: 100%; height: auto; margin: 14px 0 0;}
 .ynuCon .subsBox .box .txtBox ul li {font-size: 16px;}
 .ynuCon .subsBox .box .txtBox ul li:before {top: 6px;}
 .ynuCon .subsBox .sBox .sTxt {margin-top: 20px;}
}
@media (max-width: 480px) {
 .ynuCon .visionBox {font-size: 20px; padding: 60px 24px;}
 .ynuCon .targetBox .box3 ul li {width: 100%; margin: 2;}
 .ynuCon .targetBox .box3 ul li:nth-of-type(1) {margin-top: 0;}
 .ynuCon .subsBox .box .txtBox ul li {font-size: 15px;}
 .ynuCon .subsBox .box .txtBox ul li:before {top: 5px;}
}

/************* 지원사업 ******************/
.cont.project .conTit .tab-wrap ul li a {padding-top: 15px;} 
.project .whtBox {position: relative; padding: 30px; background: #fff; box-shadow: 0 0 15px rgba(81,136,245,.2); border-radius: 20px;}
.project .whtBox .step {display: flex; align-items: center; margin-bottom: 20px;}
.project .whtBox .sTit {text-align: center; width: 15%; font-size: 18px; color: #000; font-weight: 600;}
.project .whtBox .step ul {width: 85%; display: flex; align-items: center; justify-content: center; gap: 20px;}
.project .whtBox .step ul li {width: 25%; height: 40px; line-height: 40px; text-align: center;}
.project .whtBox .step ul li a {display: block; width: 100%; height: 100%; font-size: 16px; color: #73809d; border: 1px solid #e0e8e8; border-radius: 10px; }
.project .whtBox .step ul li a.active {border: 2px solid #9DB5DA;}
.project .whtBox .areas {display: flex; align-items: center;}
.project .whtBox .areas .areaCon {width: 85%; display: flex; align-items: center; gap: 20px;}
.project .whtBox .areas .areaCon ul {width: 100%; display :flex; align-items: center; gap: 0 10px; flex-wrap: wrap;}
.project .whtBox .areas .areaCon ul li {text-align: center; width: 19%; height: 40px; margin: 5px 0; line-height: 40px;}
.project .whtBox .areas .areaCon ul li a {display: block; width: 100%; height: 100%; font-size: 16px; color: #73809d; border-radius: 10px; background: #F1F4F8;}
.project .whtBox .areas .areaCon ul li a.active {background: #9DB5DA; color: #fff;}
.project .whtBox .areas .areaCon .sch-btn {width: 24%; height: 90px; display :flex; align-items: end; gap: 10px;}
.project .whtBox .areas .areaCon .sch-btn .reload {width: 40px; height: 40px; border-radius: 10px; background: #E5F0FF; text-align: center;}
.project .whtBox .areas .areaCon .sch-btn .reload img {width: 24px;}
.project .whtBox .areas .areaCon .sch-btn .sch {width: calc(100% - 40px); height: 40px; border-radius: 10px; background: #2c2d2f; text-align: center; color: #fff; transition: all .4s;}
.project .whtBox .areas .areaCon .sch-btn .sch:hover {background: #2874E5;}

.project .whtBox .projectSearch {display: flex; align-items: center;}
.project .whtBox .projectSearch .projectCon {width: 85%; display: flex; align-items: center; gap: 20px;}
.project .whtBox .projectSearch .projectCon .projectSch {width: 100%;height: 45px; padding: 0 70px 0 20px;background: #fff;border-radius: 10px;border: 2px solid #e0e8e8;font-size: 20px;color: black;}
.project .whtBox .projectSearch .projectCon ul {width: 76%; display :flex; align-items: center; gap: 0 10px; flex-wrap: wrap;}
.project .whtBox .projectSearch .projectCon ul li {text-align: center; width: 24%; height: 40px; margin: 5px 0; line-height: 40px;}
.project .whtBox .projectSearch .projectCon ul li a {display: block; width: 100%; height: 100%; font-size: 16px; color: #73809d; border-radius: 10px; background: #F1F4F8;}
.project .whtBox .projectSearch .projectCon ul li a.active {background: #9DB5DA; color: #fff;}
.project .whtBox .projectSearch .projectCon .sch-btn {width: 24%; height: 90px; display :flex; align-items: center; gap: 10px;}
.project .whtBox .projectSearch .projectCon .sch-btn .reload {width: 40px; height: 40px; border-radius: 10px; background: #E5F0FF; text-align: center;}
.project .whtBox .projectSearch .projectCon .sch-btn .reload img {width: 24px;}
.project .whtBox .projectSearch .projectCon .sch-btn .sch {width: calc(100% - 40px); height: 40px; border-radius: 10px; background: #2c2d2f; text-align: center; color: #fff; transition: all .4s;}
.project .whtBox .projectSearch .projectCon .sch-btn .sch:hover {background: #2874E5;}
.project .calendar .rsp tr td .clrBox {width: 100%;}
@media (max-width: 1600px) {
 .cont.project {padding: 30px 40px 100px;}
}
@media (max-width: 1400px) {
 .project .whtBox .areas .areaCon ul {gap: 0 1%; margin-top: -1%;}
 .project .whtBox .areas .areaCon ul li {width: 24.25%; margin: 1;}
}
@media (max-width: 1200px) {
 .project .whtBox .step ul li a {font-size: 15px;}
 .project .whtBox .areas .areaCon ul li a {font-size: 15px;}
}
@media (max-width: 991px) {
 .cont.project {padding: 30px 40px 80px;}
 .cont.project .conTit .tab-wrap ul li a {padding-top: 18px;}
 .project .conTit .tab-wrap ul li a img {height: 16px;}
 .project .whtBox .step, .project .whtBox .areas {display: block;}
 .project .whtBox .sTit {text-align: left; width: 100%;}
 .project .whtBox .step ul, .project .whtBox .areas .areaCon {width: 100%; margin-top: 10px; gap: 10px;}
 .project .whtBox .step ul li a, .project .whtBox .areas .areaCon ul li a {font-size: 14px;}
 .project .whtBox .areas .areaCon .sch-btn .sch {font-size: 15px;}
 .project .calendar .rsp tr td .clrBox {width: 80px;}
}
@media (max-width: 768px) {
 .cont.project {padding: 30px 20px 60px;}
 .project .conTit h3 {text-align: left;}
 .cont.project .conTit .tab-wrap ul li a {padding-top: 0;}
 .project .conTit .tab-wrap ul li a img {height: 14px;}
 .project .whtBox .step ul {gap: 0 1.5%;}
 .project .whtBox .step ul li {width: 23.87%;}
 .project .whtBox .areas .areaCon {display: block;}
 .project .whtBox .areas .areaCon ul {gap: 0 1.5%; margin-top: -1.5%; width: 100%;}
 .project .whtBox .areas .areaCon ul li {width: 23.87%; margin: 1.5;}
 .project .whtBox .areas .areaCon .sch-btn {width: 100%; height: auto; margin-top: 14px;}
}
@media (max-width: 640px) {
 .project .whtBox {padding: 20px;}
 .project .whtBox .sTit {font-size: 16px;}
 .project .whtBox .step ul li {height: 36px; line-height: 34px;}
 .project .whtBox .areas .areaCon ul li {width: 49.25%;}
 .project .whtBox .areas .areaCon .sch-btn {margin-top: 10px;}
 .project .whtBox .areas .areaCon .sch-btn .sch {font-size: 14px; height: 36px; width: calc(100% - 36px);}
 .project .whtBox .areas .areaCon .sch-btn .reload {width: 36px; height: 36px;}
 .project .whtBox .areas .areaCon .sch-btn .reload img {width: 20px;}
}
@media (max-width: 480px) {
 .cont.project {padding: 30px 20px 20px;}
 .project .whtBox .step ul {flex-wrap: wrap; margin-top: 5px;}
 .project .whtBox .step ul li {width: 49.25%; margin-top: 1.5%;}
 .project .pagination {margin-top: 30px;}
}

/* 리스트형 */
.project .list-wrap {margin-top: 50px; width: 100%; border-top: 1px solid #000;}
.project .list-wrap ul li {width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
.project .list-wrap ul li a {display: flex; width: 100%; height: 100%; align-items: center; padding: 0 30px;}
.project .list-wrap .info {display: flex; width: 180px;}
.project .list-wrap .logo {display: flex; align-items: center; justify-content: center; text-align: center; vertical-align: middle; margin-right: 20px; width: 55px; height: 55px; border-radius: 15px; background: #f1f3f8;}
.project .list-wrap .logo img {max-width: 100%; max-height: 100%; vertical-align: middle;}
.project .list-wrap .info .box-wrap span {text-align: center; display: block; width: 100px; height: 26px; line-height: 26px; border-radius: 4px; border: 1px solid #dedede; font-size: 13px; color: #a9a9a9;}
.project .list-wrap .info .box-wrap span:nth-child(1) {margin-bottom: 3px;}
.project .list-wrap .info .box-wrap span.area1 {border: 1px solid #D2565D; color: #D2565D;}
.project .list-wrap .info .box-wrap span.area2 {border: 1px solid #8164BF; color: #8164BF;}
.project .list-wrap .info .box-wrap span.area3 {border: 1px solid #1AA587; color: #1AA587;}
.project .list-wrap .info .box-wrap span.area4 {border: 1px solid #EBC029; color: #EBC029;}
.project .list-wrap .info .box-wrap span.area5 {border: 1px solid #D65DB4; color: #D65DB4;}
.project .list-wrap .info .box-wrap span.area6 {border: 1px solid #7BC782; color: #7BC782;}
.project .list-wrap .info .box-wrap span.area7 {border: 1px solid #52A0E8; color: #52A0E8;}
.project .list-wrap .info .box-wrap span.area8 {border: 1px solid #215595; color: #215595;}
.project .list-wrap .title {width: calc(100% - 180px); padding-left: 50px;  font-size: 18px; color: #000; line-height: 1.4;}
@media (max-width: 991px) {
 .project .list-wrap ul li a {padding: 0 20px;}
 .project .list-wrap .title {width: calc(100% - 160px); font-size: 16px; padding-left: 30px;}
}
@media (max-width: 768px) {
 .project .list-wrap .title {font-size: 15px;}

}
@media (max-width: 640px) {
 .project .list-wrap ul li a {display: block; padding: 0;}
 .project .list-wrap .info {width: 100%; align-items: center; justify-content: start;}
 .project .list-wrap .logo {width: 30px; height: 30px; border-radius: 10px; margin-right: 10px;}
 .project .list-wrap .logo img {height: 20px;}
 .project .list-wrap .info .box-wrap {display: flex;}
 .project .list-wrap .info .box-wrap span {width: auto; padding: 0 10px; margin-left: 10px;}
 .project .list-wrap .info .box-wrap span:nth-of-type(1) {margin-left: 0;}
 .project .list-wrap .title {width: 100%; display: block; padding-left: 0; margin-top: 10px;}
}
@media (max-width: 480px) {
 .project .list-wrap .logo {width: 32px; height: 32px; margin-right: 4px; background-color: transparent;}
 .project .list-wrap .logo img {height: 24px;}
 .project .list-wrap .info .box-wrap span {margin-left: 6px;}
}

/* 상세보기 */
.project .prev-wrap {margin: 10px 0 40px;}
.project .prev-wrap img {vertical-align: top; margin-top: 4px;}
.project .prev-wrap span {display: inline-block; margin-left: 15px; font-size: 18px; color: #000; font-weight: 500;}
.project .detail-wrap {position: relative; max-width: 1000px; margin: 0 auto;}
.project .detail-wrap .detailTit {text-align: center; font-size: 40px; line-height: 1.3; color :#000; font-weight: 700; margin-bottom: 40px;}
.project .detail-wrap .majorBox {position: relative; width: 100%; padding: 20px; border: 1px solid #E9E9EC; border-radius: 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 15px;}
.project .detail-wrap .sBox {width: 49%; height: 50px; border-radius: 10px; background: #f2f3f9; display: flex; align-items: center; padding: 0 30px;}
.project .detail-wrap .sBox br {display: none;}
.project .detail-wrap .sBox b {display: inline-block; width: 90px; font-size: 16px; font-weight: 600; color: #374cb1;}
.project .detail-wrap .sBox p {width: calc(100% - 90px);}
.project .detail-wrap .bBox {position: relative; padding: 0 60px 0 30px; width: calc(98% + 15px); height: 50px; border-radius: 10px; background: #f2f3f9; display: flex; align-items: center;}
.project .detail-wrap .bBox img {display: inlin-block; margin-right: 15px;}
.project .detail-wrap .bBox button {position: absolute; right: 0; top: 0; width: 50px; height: 50px; border-radius: 10px; background: url(/assets/service/img/sub/ico_download.png) no-repeat 50% #8A9BEE;}
.project .detail-con {position: relative; padding:  40px 30px 70px; line-height: 1.6; max-width: 100%; overflow: hidden; word-wrap: break-word;}
.detail-con img { max-width: 100%; height: auto; display: block; }
.project .inquiry-box {width: 100%; min-height: 80px; background: #e3e4e7; display: flex; align-items: center; padding: 0 50px; gap: 0 80px;}
.project .inquiry-box .left, .project .inquiry-box .right {display: flex; align-items: center; gap: 0 20px;}
.project .inquiry-box span {display: inline-block; font-size: 20px; color: #2d2e33; font-weight: 700;}
.project .inquiry-box .right p {font-size: 16px; color: #2d2e33;}
@media (max-width: 1200px) {
 .project .inquiry-box {padding: 0 30px;}
}
@media (max-width: 991px) {
 .project .detail-wrap .detailTit {font-size: 34px;}
 .project .detail-wrap .sBox {width: 48.84%;}
 .project .detail-wrap .sBox p {font-size: 15px;}
 .project .detail-wrap .sBox br {display: block;}
 .project .detail-wrap .bBox p {font-size: 15px;}
 .project .inquiry-box {display: block; padding: 14px 30px;}
 .project .inquiry-box .right {margin-top: 14px;}
 .project .inquiry-box .left {gap: 14px;}
}
@media (max-width: 768px) {
 .project .detail-wrap .detailTit {font-size: 28px; margin-bottom: 20px;}
 .project .detail-wrap .sBox {width: 48.66%;}
 .project .detail-wrap .sBox b {width: 80px;}
 .project .detail-wrap .sBox p {width: calc(100% - 80px);}
}
@media (max-width: 640px) {
 .project .detail-wrap .detailTit {font-size: 22px;}
 .project .detail-wrap .sBox {width: 100%; padding: 0 20px;}
 .project .detail-wrap .sBox br {display: none;}
 .project .detail-wrap .bBox {height: auto; padding: 14px 60px 14px 20px;}
 .project .detail-wrap .bBox button {height: 100%; background-size: 12px;}
 .project .detail-con {padding: 30px 20px 50px;}
}

@media (max-width: 580px) {
 .project .inquiry-box {text-align: center;}
 .project .inquiry-box .left {gap: 10px; justify-content: center;}
 .project .inquiry-box .left img {height: 24px;}
 .project .inquiry-box span {font-size: 18px;}
 .project .inquiry-box .right {display: block;}
 .project .inquiry-box .right p {margin-top: 10px;}
 .project .inquiry-box .right p:nth-of-type(1) {margin-top: 0;}
}

@media (max-width: 480px) {
 .project .prev-wrap {margin: 0 0 24px;}
 .project .prev-wrap span {font-size: 16px; margin-left: 10px;}
 .project .prev-wrap img {margin-top: 1px;}
 .project .detail-wrap .detailTit {font-size: 18px;}
 .project .detail-wrap .sBox b {width: 70px; font-size: 15px;}
 .project .detail-wrap .sBox p {font-size: 14px; width: calc(100% - 70px);}
 .project .detail-wrap .bBox {padding: 20px 20px 56px 20px; align-items: start;}
 .project .detail-wrap .bBox p {font-size: 14px;}
 .project .detail-wrap .bBox button {top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 36px; border-radius: 0 0 10px 10px;}
 .project .detail-wrap .bBox img {height: 18px;}
 .project .detail-con {padding: 30px 10px 40px; font-size: 15px;}
 .project .inquiry-box {margin-bottom: 20px;}
 .project .inquiry-box .right p {font-size: 15px;}
}

/* 캘린더형 */
.project .calendar-wrap ::-webkit-scrollbar {width:8px; height: 8px;}
.project .calendar-wrap ::scrollbar {width:8px; height: 8px;}
.project .calendar-wrap ::-webkit-scrollbar-track {background: none;}
.project .calendar-wrap ::scrollbar-track {background: none;}
.project .calendar-wrap ::-webkit-scrollbar-thumb {background: #AEB9F4; border-radius: 8px;}
.project .calendar-wrap ::scrollbar-thumb {background: #AEB9F4; border-radius: 8px;}

/************* 입주공간/시설 **************/
/* 공용 */
@media (max-width: 1600px) {
 .cont.space {padding: 30px 40px 100px;}
}
@media (max-width: 991px) {
 .cont .conTit .tab-wrap ul li a {width: 85px; padding-top: 15px;}
 .cont .conTit .tab-wrap ul li a img {height: 24px;}
}
@media (max-width: 768px) {
 .cont.space {padding: 30px 20px 60px;}
 .cont .conTit .tab-wrap {top: 20px;}
 .cont .conTit .tab-wrap ul li a {width: 115px; height: 36px; border-radius: 10px; display: flex; align-items: center; padding-top: 0; justify-content: center;}
 .cont .conTit .tab-wrap ul li a span {margin-top: 0; font-size: 15px;}
 .cont .conTit .tab-wrap ul li a img {height: 16px; margin-right: 4px; margin-top: -1px;}
}
@media (max-width: 640px) {
	.cont.space .conTit h3 {text-align: left;}
}
@media (max-width: 480px) {
 .cont.space {padding: 30px 20px 20px;}
 .cont.space .conTit {margin-bottom: 10px;}
 .cont .conTit .tab-wrap {position: static; margin-top: 14px;}
}
/* 갤러리형 */
.space .gall_list {display: flex; margin: 0 -1.5%; flex-wrap: wrap;}
.space .gall_list .box {margin: 5px 1.5%; width: 30.3333%;} 
.space .gall_list .imgWrap {height: 300px; border-radius: 20px; overflow: hidden;}
.space .gall_list .conWrap {height: calc(100% - 320px); margin-top: 20px; border-radius: 20px; background: #f6f6fe; display: flex; justify-content: start; gap: 10px; padding: 20px;}
.space .gall_list .univ_logo {width: 30px;}
.space .gall_list .univ_logo img {width: 100%; height: auto;}
.space .gall_list .gall_info {width: calc(100% - 90px);}
.space .gall_list .gall_info b {display: block; margin-bottom: 15px; letter-spacing: -.7px; font-size: 18px; color: #000; line-height: 1.3; word-break: keep-all;}
.space .gall_list .gall_info p {margin: 5px 0; font-size: 15px; color: #444; letter-spacing: -.5px;}
.space .gall_list .gall_info a {font-size: 15px; color: #444; letter-spacing: -.5px;}
.space .gall_list .innerBox {width: 90px;}
.space .gall_list .innerBox .sBox {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; border-radius: 7px; background: #fff; padding: 0 10px;}
.space .gall_list .innerBox .sBox:nth-child(1) {margin-bottom: 10px;}
.space .gall_list .innerBox .sBox span {font-size: 14px; color: #777;}
.space .gall_list .innerBox .sBox b {font-size: 16px; color: #90B6EF; font-weight: 600;}
@media (max-width: 1400px) {
 .space .gall_list .gall_info p {font-size: 14px;}
 .space .gall_list .box {width: 47%;}
}
@media (max-width: 991px) {
 .space .gall_list .gall_info b {font-size: 15px;}
 .space .gall_list .imgWrap {border-radius: 10px; height: 300px;}
 .space .gall_list .conWrap {border-radius: 10px; margin-top: 14px; height: calc(100% - 320px); display: block; position: relative; /* padding-bottom: 80px; */}
 .space .gall_list .univ_logo {position: absolute; top: 20px; right: 20px; width: 22px;}
 .space .gall_list .univ_logo img {width: auto; height: 22px;}
 .space .gall_list .gall_info {width: 100%;}
 /* .space .gall_list .innerBox {display: flex; gap: 10px; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px);} */
}
@media (max-width: 768px) {
 .space .gall_list .gall_info b {font-size: 16px;}
 .space .gall_list .box {width: 100%;}
 .space .gall_list .imgWrap {border-radius: 10px; height: 340px;}
 .space .gall_list .conWrap {border-radius: 10px; margin-top: 14px; height: calc(100% - 360px); display: flex; gap: 10px; padding: 20px;}
 .space .gall_list .univ_logo {position: static; width: 30px;}
 .space .gall_list .univ_logo img {height: auto; width: 100%;}
 .space .gall_list .gall_info {width: calc(100% - 90px);}
 /* .space .gall_list .innerBox {display: block; position: static; transform: none; width: 90px;} */
}
@media (max-width: 640px) {
 .space .gall_list .box {margin-bottom: 20px;}
 .space .gall_list .imgWrap {height: 300px;}
 .space .gall_list .conWrap {height: calc(100% - 320px);}
}
@media (max-width: 480px) {
 .space .gall_list .univ_logo img {display: none;}
 .space .gall_list .gall_info {width: 100%;}
 .space .gall_list .gall_info a {font-size: 14px;}
 .space .gall_list .imgWrap {height: 260px;}
 .space .gall_list .conWrap {margin-top: 10px; display: block; height: calc(100% - 280px);}
 /* .space .gall_list .innerBox {width: 100%; display: flex; gap: 20px; margin-top: 10px;}
 .space .gall_list .innerBox .sBox b {font-size: 15px;} */
}

/* 지도형 */
.mapWrap ::-webkit-scrollbar {width:8px;}
.mapWrap ::scrollbar {width:8px;}
.mapWrap ::-webkit-scrollbar-track {background: none;}
.mapWrap ::scrollbar-track {background: none;}
.mapWrap ::-webkit-scrollbar-thumb {background: #AEB9F4; border-radius: 8px;}
.mapWrap ::scrollbar-thumb {background: #AEB9F4; border-radius: 8px;}
.mapWrap {position: relative; width: 100%; height: calc(100vh - 120px); min-height: 820px; display: flex; justify-content: space-between;}
.mapWrap .map-wrap {width:100%; height: 100%;}
.mapWrap .map-wrap .map {width: 100%; height: 100%;}
.mapWrap .sch_list {display: flex; align-items: center; gap: 30px;}
.mapWrap .sch_list span {font-size: 18px; font-weight: 600; color: #000; display: inline-block; margin-right: 15px;}
.mapWrap .sch_list input[type="text"] {width: 250px; height: 40px; border-radius: 10px; background: #fff; border: 0; padding: 0 15px;}
.mapWrap .sch_list select {width: 330px; height: 40px; border-radius: 10px; background: #fff; border: 0; padding: 0 40px 0 15px; background: url(/assets/service/img/common/lnb_btn.png) no-repeat 94% #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.mapWrap .sch_list .select button {height: 40px; padding: 0 20px; background: #5e74e1; border-radius: 10px; margin-left: 5px; font-size: 16px; color: #fff;}
.mapWrap .sch_list .select button img {height: 16px; width: auto; vertical-align: middle; margin: -4px 0 0 5px;}
.mapWrap .schWrap {width: 100%; height: 100px; padding: 0 20px 0 50px; display :flex; justify-content: space-between; align-items: center; background: #F3F5FF; min-height: 700px;}
.mapWrap .tab-wrap ul {display: flex; align-items: center; gap: 10px;}
.mapWrap .tab-wrap ul li a {text-align: center; display: block; width: 115px; height: 75px; border-radius: 15px; padding-top: 11px; background: #8a9bee; }
.mapWrap .tab-wrap ul li a span {display: block; font-size: 16px; color: #fff; margin-top: 5px;}
.mapWrap .tab-wrap ul li.active a {background: #374CB1;}
.mapWrap .map {width: 100%; height: calc(100% - 100px); overflow: hidden;}
.mapWrap .result_list {width: 480px; height: 815px;}
.mapWrap .result_list .acc {width: 100%; height: 70px; background: #555561; text-align: center; font-size: 20px; color: #fff; line-height: 70px;}
.mapWrap .result_list .list {width: 100%; height: 100%; padding: 20px; overflow-y: auto;}
.mapWrap .result_list .imgWrap .icon {display: inline-block; position: absolute; left: 10px; top: 10px; width: 45px; height: 40px; background: url(/assets/service/img/sub/space_yes.png) no-repeat 50%; z-index: 55;}
.mapWrap .result_list .imgWrap.soldOut .icon {display: inline-block; position: absolute; left: 10px; top: 10px; width: 45px; height: 40px; background: url(/assets/service/img/sub/space_no.png) no-repeat 50%; z-index: 55;}
.mapWrap .result_list ul li {position: relative; margin: 10px 0; width: 100%; background: #f6f6fe;}
.mapWrap .result_list ul li:hover {position: relative; margin: 10px 0; width: 100%; background: #dbdbf7; transition: 0.3s ease-out;}
.mapWrap .result_list ul li:last-child {margin-bottom: 0;}
.mapWrap .result_list ul li a {display: block; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.mapWrap .result_list .imgWrap {display: flex; align-items: center; width: 200px;}
.mapWrap .result_list .imgWrap .insertBg {width: 100%; height: 100%;}
.mapWrap .result_list .conWrap {position: relative; width: calc(100% - 220px); height: 100%; padding: 15px 0; display: flex; flex-direction: column;}
.mapWrap .result_list .univ_logo {position: absolute; right: 15px; top: 15px;}
.mapWrap .result_list .conWrap b {display: block; font-size: 15px; color: #000; margin-bottom: 15px; letter-spacing: -1px; padding-right: 70px; word-break: keep-all;}
.mapWrap .result_list .conWrap .txt {display: block; font-size: 14px; color: #636363; margin: 5px 0;}
.mapWrap .root_daum_roughmap .wrap_map {height: 100%;}
.mapPin {display: inline-block; padding: 10px 15px; border-radius: 5px; background: #A5C4FF;}
.mapPin .in {display: flex; align-items: center; justify-content: center;}
.mapPin .in b {font-size: 16px; color: #fff; margin-left: 10px;}
@media (max-width: 1800px) {
 .mapWrap .schWrap {padding: 0 20px 0 40px;}
 .mapWrap .tab-wrap ul {gap: 5px;}
 .mapWrap .tab-wrap ul li a {height: 65px; padding-top: 13px;}
 .mapWrap .tab-wrap ul li a img {height: 20px;}
 .mapWrap .tab-wrap ul li a span {font-size: 14px;}
}
@media (max-width: 1600px) {
 .mapWrap .schWrap {display: block; padding: 20px 30px; height: 125px; position: relative;}
 .mapWrap .sch_list .sch {width: 40%; display: flex; align-items: center;}
 .mapWrap .sch_list input[type="text"] {width: 100%;}
 .mapWrap .sch_list .select {width: 60%; display: flex; align-items: center;}
 .mapWrap .sch_list select {width: calc(100% - 143px);}
 .mapWrap .tab-wrap {position: absolute; bottom: 0; left: 0; width: 100%;}
 .mapWrap .tab-wrap ul li {width: 50%;}
 .mapWrap .tab-wrap ul {gap: 0;}
 .mapWrap .tab-wrap ul li a {width: 100%; display: flex; padding-top: 0; height: 45px; border-radius: 0; justify-content: center; align-items: center;}
 .mapWrap .tab-wrap ul li a img {margin-right: 10px; margin-top: 1px;}
 .mapWrap .tab-wrap ul li a span {font-size: 16px; margin-top: 0;}
 .mapWrap .map {height: calc(100% - 125px);}
 .mapWrap .root_daum_roughmap .wrap_map {height: 960px;}
}
@media (max-width: 1200px) {
 .mapWrap {display: block; height: auto; min-height: auto;}
 .mapWrap .map {height: 100%;}
 .mapWrap .map-wrap {width: 100%; height: 700px;}
 .mapWrap .root_daum_roughmap .wrap_map {height: 600px;}
 .mapWrap .result_list {width: 100%; height: auto;}
 .mapWrap .result_list .list {height: 100%; overflow: hidden;}
 .mapWrap .result_list .list ul {display: flex; flex-wrap: wrap; padding: 20px;}
 .mapWrap .result_list ul {margin: -0.6% -0.6% 0;}
 .mapWrap .result_list ul li {width: 48.8%; margin: 0.6% 0.6% 0;}
}
@media (min-width: 991px) and (max-width: 1200px){
 .mapWrap .result_list .imgWrap {height: 100% !important;}
}
@media (max-width: 991px) {
 .mapWrap .result_list .list ul {display: block;}
 .mapWrap .result_list ul {margin: 0;}
 .mapWrap .result_list ul li {width: 100%; margin: 14px 0 0;}
 .mapWrap .result_list ul li:nth-of-type(1) {margin-top: 0;}
}
@media (max-width: 767px) {
 .mapWrap .schWrap {padding: 20px 24px 65px; height: auto;}
 .mapWrap .sch_list {display: block;}
 .mapWrap .sch_list .sch {width: 100%;}
 .mapWrap .sch_list .select {width: 100%; margin-top: 10px;}
 .mapWrap .sch_list select {background-position: 96%;}
 .mapWrap .root_daum_roughmap .wrap_map {height: 460px;}
 .mapWrap .map-wrap {height: 500px;}
 .mapWrap .result_list .list {padding: 0;}
 .mapWrap .result_list .acc {height: 60px; font-size: 18px; line-height: 60px;}
}
@media (max-width: 640px) {
 .mapWrap .result_list .list ul {padding: 14px;}
 .mapWrap .result_list ul li {width: 100%; margin: 10px 0 0;}
 .mapWrap .result_list .univ_logo {top: 12px; height: 12px;}
 .mapWrap .result_list .univ_logo img {height: 30px;}
}
@media (max-width: 480px) {
 .mapWrap .schWrap {padding: 20px 20px 60px;}
 .mapWrap .sch_list span {font-size: 16px;}
 .mapWrap .sch_list .sch {display: block;}
 .mapWrap .sch_list input[type="text"] {width: calc(100% - 45px); height: 35px; border-radius: 5px;}
 .mapWrap .sch_list select {width: calc(100% - 45px); height: 35px; background-size: 11px; border-radius: 5px;}
 .mapWrap .sch_list .select {display: block;}
 .mapWrap .sch_list .select button {width: 100%; margin-top: 10px; margin-left: 0;}
 .mapWrap .root_daum_roughmap .wrap_map {height: 360px;}
 .mapWrap .result_list .acc {height: 50px; font-size: 16px; line-height: 50px;}
 .mapWrap .result_list ul li a {display: block;}
 .mapWrap .result_list .imgWrap {width: 100%; height: 260px !important;}
 .mapWrap .result_list .conWrap {width: 100%; padding: 20px;}
}
@media (max-width: 360px) {
 .mapWrap .result_list .imgWrap {height: 200px !important;}
}

/* 251202 지도 추가작업 */
.map-wrap .item-wrap {position: absolute; right: 20px; top: 30px; width: 450px; z-index: 300; display: flex; flex-direction: column; gap: 7px;}
.map-wrap .item {position: relative; width: 100%; height: 80px; padding: 15px 20px; border-radius: 10px; background-color: #fff; box-shadow: 5px 5px 10px rgba(54,72,107,.2); display: flex; align-items: center; justify-content: space-between;}
.map-wrap .item .left {display: flex; align-items: center; gap: 10px;}
.map-wrap .item .left .info {display: flex; flex-direction: column; gap: 0;}
.map-wrap .item .left .info b {font-size: 18px; font-weight: 600; color: #000;}
.map-wrap .item .left .info p {font-size: 18px; color: #6E7B93; margin: 0;}
.map-wrap .item .right {display: flex; align-items: center; gap: 5px;}
.map-wrap .item .right button {padding: 0 15px; height: 36px; border-radius: 5px; display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 14px; color: #fff; font-weight: 500; background-color: #2C3F66;}
.map-wrap .item .right button.go-home {background-color: #DFE4FF; color: #5764B2;}
@media (max-width: 991px) {
	.mapWrap .map-wrap {height: auto;}	
	.mapWrap .map-wrap .map {height: 500px;}
	.map-wrap .item-wrap {position: relative; right: auto; top: auto; width: 100%; background-color: #F5F7FD; padding: 20px; display: grid; gap: 7px; grid-template-columns: repeat(2, 1fr);}
	.map-wrap .item .left img {display: none;}
	.map-wrap .item .right button {padding: 0 10px; letter-spacing: -1.2px;}
}
@media (max-width: 767px) {
	.map-wrap .item-wrap {grid-template-columns: 1fr;}
	.map-wrap .item {height: auto;}
	.map-wrap .item .left img {display: block;}
	.map-wrap .item .left .info {flex-direction: row; gap: 15px;}
}
@media (max-width: 640px) {
	.mapWrap .map-wrap .map {height: 400px;}
	.map-wrap .item {padding: 12px 15px;}
	.map-wrap .item-wrap {padding: 0; gap: 0;}
	.map-wrap .item {background: none; box-shadow: none; border-top: 1px dashed #c2c5cf; border-radius: 0;}
	.map-wrap .item:first-child {border: 0;}
	.map-wrap .item .left img {width: 30px; height: auto;}
	.map-wrap .item .left .info b, .map-wrap .item .left .info p {font-size: 16px;}
	.map-wrap .item .right button img {display: none;}
}
@media (max-width: 480px) {
	.map-wrap .item {padding: 10px;}
	.map-wrap .item .left .info {flex-direction: column; gap: 0;}
	.map-wrap .item .left img {displaY: block;}
}
@media (max-width: 360px) {
	.map-wrap .item .left .info b, .map-wrap .item .left .info p {font-size: 14px;}
	.map-wrap .item .right button {font-size: 13px; padding: 0 8px;}
}

.mapWrap .detail-wrap {position: absolute; right: 20px; top: 30px; width: 450px; z-index: 300; background-color: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,.2); border-radius: 10px; overflow: hidden;}
.mapWrap .detail-wrap .title {padding: 15px 20px; background-color: #1F2F4E; display: flex; align-items: center; gap: 15px;}
.mapWrap .detail-wrap .sTit {display: flex; flex-direction: column; gap: 0;}
.mapWrap .detail-wrap .sTit b {font-size: 22px; color: #fff; font-weight: 600;}
.mapWrap .detail-wrap .sTit p {font-size: 18px; color: #8290BD; font-weight: 500; margin: 0;}
.mapWrap .detail-wrap .detail-con dl {display: grid; grid-template-columns: 100px 1fr; align-items: stretch; margin: 0;}
.mapWrap .detail-wrap .detail-con dt {background: #E5E7F3; display: flex; align-items: center; justify-content: center; color: #5764B2; font-size: 18px; font-weight: 600; border-top: 1px solid #C6C9DB;}
.mapWrap .detail-wrap .detail-con dt:nth-of-type(1) {border: 0;}
.mapWrap .detail-wrap .detail-con dd {padding: 20px 15px; font-size: 18px; color: #545557; border-top: 1px solid #C6C9DB;}
.mapWrap .detail-wrap .detail-con dd:nth-of-type(1) {border: 0;}
.mapWrap .detail-wrap .space-between {display: flex; align-items: center; justify-content: space-between;}
.mapWrap .detail-wrap .detail-con dd a {display: flex; gap: 10px; align-items: center; justify-content: center; padding: 0 12px; height: 30px; background-color: #697BEE; color: #fff; font-size: 13px; font-weight: 500;}
@media (max-width: 991px) {
	.mapWrap .detail-wrap {position: relative; right: auto; top: auto; width: 100%; border-radius: 0;}
	.mapWrap .detail-wrap .space-between {justify-content: flex-start; gap: 20px;}
}
@media (max-width: 767px) {
	.mapWrap .detail-wrap .title {padding: 10px 20px;}
	.mapWrap .detail-wrap .title img {width: 40px; height: auto;}
	.mapWrap .detail-wrap .sTit b {font-size: 18px;}
	.mapWrap .detail-wrap .sTit p {font-size: 16px;}
	.mapWrap .detail-wrap .detail-con dt {font-size: 16px;}
	.mapWrap .detail-wrap .detail-con dd {padding: 10px; font-size: 16px;}
}
@media (max-width: 360px) {
	.mapWrap .detail-wrap .title img {display: none;}
	.mapWrap .detail-wrap .detail-con dl {grid-template-columns: 80px 1fr;}
	.mapWrap .detail-wrap .sTit b {font-size: 16px;}
	.mapWrap .detail-wrap .sTit p {font-size: 15px;}
	.mapWrap .detail-wrap .detail-con dt {font-size: 15px;}
	.mapWrap .detail-wrap .detail-con dd {padding: 8px 10px; font-size: 15px; line-height: 1.3;}
}

/* 입주공간 상세보기 */
.space .view_detail {position: relative; width: 100%; display: flex; justify-content: space-between; margin-top: 30px;}
.space .view_detail .slideBox {width: calc(100% - 650px); background: #ddd;}
.space .view_detail .slideBox .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999; font-size: 0;}
.space .view_detail .slideBox .slick-prev {left: 40px; width: 22px; height: 40px; background: url(/assets/service/img/sub/slide_prev.png) no-repeat 50%;}
.space .view_detail .slideBox .slick-next {right: 40px; width: 22px; height: 40px; background: url(/assets/service/img/sub/slide_next.png) no-repeat 50%;}
.space .view_detail .slideBox .slick-slide {height: 560px;}
.space .infoBox {width: calc(100% - 650px);}
.space .infoBox .title {font-size: 30px; color: #000;}
.space .infoBox .leftTit {width: 100%; border: 1px solid #dedede;}
.space .infoBox .leftTit tr th {border-right: 1px solid #dedede; border-top: 1px solid #dedede; text-align: center; font-size: 18px; color: #000; font-weight: 500; padding: 17px;}
.space .infoBox .leftTit tr td {font-size: 18px; color: #777; padding: 17px; border-top: 1px solid #dedede; border-right: 1px solid #dedede;}
.space .space_list {margin-top: 70px;}
.space .space_list .lineBox {position: relative; width: 100%; padding: 20px 50px 20px 20px; margin: 20px 0; border: 1px solid #ddd; border-radius: 15px; display: flex; align-items: center; justify-content: space-between;}
.space .space_list .space-info {display: flex; align-items: center; width: 85%;}
.space .space_list .img-wrap {position: relative; width: 350px; height: 200px; margin-right: 60px; border-radius: 15px; overflow: hidden;}
.space .space_list .img-wrap .icon {display: inline-block; position: absolute; left: 10px; top: 10px; width: 45px; height: 40px; background: url(/assets/service/img/sub/space_yes.png) no-repeat 50%; z-index: 55;}
.space .space_list .detail-con {width: calc(100% - 400px);}
.space .space_list .detail-con .bTit {font-size: 24px; color: #000; letter-spacing: -1.2px; margin-bottom: 20px;}
.space .space_list .detail-con ul {width: 100%; display: flex; flex-wrap: wrap;}
.space .space_list .detail-con ul li {font-size: 18px; color: #666; margin: 5px 0; width: 50%;}
.space .space_list .detail-con ul li b {font-weight: 500;}
.space .space_list .btn-view {display: inline-block; width: 150px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; background: #000; font-size: 18px; color: #fff; font-weight: 500; transition: all .4s;}
.space .space_list .btn-view:hover {background: #5E74E1;}
.space .space_list .btn-view  a {color: #fff;}
.space .space_list .lineBox.soldOut {border: 1px solid #f0f0f0;}
.space .space_list .lineBox.soldOut .img-wrap {opacity: 0.6;}
.space .space_list .lineBox.soldOut .img-wrap .icon {display: inline-block; position: absolute; left: 10px; top: 10px; width: 45px; height: 40px; background: url(/assets/service/img/sub/space_no.png) no-repeat 50%; z-index: 55;}
.space .space_list .lineBox.soldOut .blur {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.2); backdrop-filter: blur(5px);}
.space .space_list .lineBox.soldOut .detail-con .bTit, .space .space_list .lineBox.soldOut .detail-con ul li {color: #ccc;}
.space .space_list .lineBox.soldOut .btn-view {background: #ccc;  text-align: center; border-radius: 50px; font-size: 18px; color: #fff; font-weight: 500;}
.space {max-width: 1200px;}
.space .gallBox {width: 600px;}
.space .slider-for {margin-bottom: 10px;}
.space .slider-for div {width: 100%; height: 350px; background: #bbb;}
.space .gallBox .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; z-index: 9999; font-size: 0;}
.space .gallBox .slick-prev {left: 22px; background: url(/assets/service/img/sub/slide-prev.png) no-repeat 50% rgba(0,0,0,.6);}
.space .gallBox .slick-next {right: 22px; background: url(/assets/service/img/sub/slide-next.png) no-repeat 50% rgba(0,0,0,.6);}
.space .slider-nav .slick-list {margin-left: -5px;}
.space .slider-nav .slick-slide {padding: 5px;} 
.space .slider-nav .img {height: 85px;}
.space .gallBox .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.space .infoBox .title {display: flex; align-items: center; gap: 0 15px; font-size: 30px; color: #000;}
.space .infoBox .title b {letter-spacing: 1.2px;}
.space .infoBox .title span {display: inline-block; padding: 7px 18px; background: #fff; border: 1px solid #008CD6; font-size: 18px; color: #008CD6;}
.space .accList {margin: 30px 0 50px;}
.space .accList ul li {display: flex; align-items: center; margin: 10px 0;}
.space .accList ul li i {display: inline-block; margin-right: 20px; width: 40px; height: 40px; border-radius: 8px;}
.space .accList ul li i.area {background: url(/assets/service/img/sub/ico_area.png) no-repeat 50% #cdd6e4;}	
.space .accList ul li i.fee {background: url(/assets/service/img/sub/ico_fee.png) no-repeat 50% #cdd6e4;}	
.space .accList ul li b {width: 100px; font-size: 22px; color: #222;}
.space .accList ul li span {font-size: 22px; color: #222;}
.space .info-list ul li {display: flex; margin: 10px 0; font-size: 18px; color: #666;}
.space .info-list ul li b {display :inline-block; width: 50px; font-size: 16px; color: #000;}
.space .info-list ul li span {display: inline-block; width: calc(100% - 50px);}
@media (max-width: 1400px) {
	.space .view_detail .slideBox {width: calc(100% - 550px);}
	.space .view_detail .infoBox {width: 500px;}
	.space .space_list .img-wrap {width: 320px;}
	.space .space_list .detail-con {width: calc(100% - 380px);}
	.space .space_list .detail-con ul li {padding-right: 10px;}
}
@media (max-width: 1200px) {
	.space .view_detail .slideBox {width: calc(100% - 430px); overflow: hidden;}
	.space .view_detail .infoBox {width: 400px;}
	.space .infoBox .title {font-size: 18px;}
	.space .infoBox .leftTit tr th {font-size: 16px;}
	.space .infoBox .leftTit tr td {font-size: 16px;}
	.space .space_list {margin-top: 50px;}
	.space .space_list .lineBox {margin: 10px 0; padding: 20px 30px 20px 20px;}
	.space .space_list .img-wrap {width: 280px; height: 180px; margin-right: 40px;}
	.space .space_list .detail-con {width: calc(100% - 320px);}
	.space .space_list .detail-con .bTit {font-size: 20px;}
	.space .space_list .detail-con ul li {font-size: 16px;}
	.space .space_list .btn-view {width: 100px; height: 40px; line-height: 42px; font-size: 16px;}
	.space .gallBox {width: 500px;}
	.space .infoBox {width: calc(100% - 530px);}
	.space .slider-for div {height: 300px;}
	.space .slider-nav .img {height: 80px;}
	.space .infoBox .title {font-size: 24px;}
	.space .infoBox .title span {font-size: 16px; padding: 5px 15px;}
	.space .accList ul li b, .space .accList ul li span {font-size: 20px;}
}
@media (max-width: 991px) {
	.space .view_detail {display: block;}
	.space .view_detail .slideBox {width: 100%;}
	.space .view_detail .infoBox {width: 100%; margin-top: 20px;}
	.space .space_list {margin-top: 30px;}
	.space .space_list .lineBox {display: block; overflow: hidden; padding: 20px;}
	.space .space_list .space-info {width: 100%;}
	.space .space_list .btn-view {width: 140px; float: right; border-radius: 10px; margin-top: 20px;}
	.space .gallBox {width: 100%;}
	.space .infoBox {width: 100%; margin: 10px 0 0; background: #F7F8F9; padding: 30px 40px;}
	.space .space_list .lineBox.soldOut .btn-view {width: 140px; float: right; border-radius: 10px; margin-top: 20px;}
}
@media (max-width: 768px) {
	.space .space_list .space-info {display: block;}
	.space .space_list .img-wrap {width: 100%; height: 300px; border-radius: 10px;}
	.space .space_list .detail-con {width: 100%; margin-top: 20px;}
}
@media (max-width: 640px) {
	.space .view_detail .slideBox {height: 386px;}
	.space .view_detail .slideBox .slick-arrow {top: 41%;}
	.space .view_detail .slideBox .slick-prev {left: 30px;}
	.space .view_detail .slideBox .slick-next {right: 30px;}
}
@media (max-width: 480px) {
	.space .view_detail .slideBox {height: 300px;}
	.space .view_detail .slideBox .slick-arrow {top: 31%;}
	.space .view_detail .slideBox .slick-prev, .space .view_detail .slideBox .slick-next {width: 12px; height: 30px; background-size: 12px;}
	.space .view_detail .slideBox .slick-prev {left: 20px;}
	.space .view_detail .slideBox .slick-next {right: 20px;}
	.space .infoBox .title {font-size: 15px; padding: 0 20px; line-height: 1.3; display: flex; justify-content: center; align-items: center;}
	.space .infoBox .leftTit tr th {font-size: 15px;}
	.space .infoBox .leftTit tr td {font-size: 15px;}
	.space .space_list .img-wrap {height: 240px;}
	.space .space_list .detail-con ul {display: block;}
	.space .space_list .detail-con ul li {width: 100%; margin: 8px 0;}
	.space .space_list .lineBox .btn-view {width: 100% !important; border-radius: 10px !important;margin-top: 10px;}
	.space .slider-for {margin-bottom: 4px;}
	.space .slider-for div {height: 240px;}
	.space .slider-nav .slick-slide {padding: 4px;}
	.space .infoBox {padding: 20px;}
	.space .accList {margin: 15px 0 20px;}
	.space .accList ul li {margin: 5px 0;}
	.space .accList ul li b, .space .accList ul li span {font-size: 18px;}
	.space .info-list ul li {font-size: 16px;}
	.space .space_list .lineBox.soldOut .btn-view {width: 100%; margin-top: 10px; height: 40px; line-height: 42px; font-size: 16px;}
	.space .gallBox .slick-arrow {width: 36px; height: 36px; background-size: 10px;}
	.space .slider-for div {height: 200px;}
	.space .slider-nav .img {height: 50px;}
	.space .accList ul li {gap: 0 10px;}
	.space .accList ul li i {width: 30px; height: 30px; margin-right: 0;}
	.space .info-list ul li {flex-direction: column;}
	.space .info-list ul li b, .space .info-list ul li span {width: 100%;}
	.space .info-list ul li b {margin-bottom: 5px;}
	.space .accList ul li b, .space .accList ul li span {width: auto;}
}

/* 모달팝업 */
.modal {position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; overflow: auto; background: #000; background: rgba(0, 0, 0, 0.7); z-index: 99999;}
.modal .modal-window {position: absolute; background: #fff; width: 100%; max-width: 1000px; height: 700px; left: 50%; top: 50%; margin: 0 auto; transform: translate(-50%,-50%);}
.modal .modal-window > button {position: absolute; right: -50px; top: 20px; display: block; background: none;}
.modal.open {display: block !important;}
.modal .modal-window div {width: 100%; height: 100%;}
.modal .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999; font-size: 0;}
.modal .slick-prev {left: 0; width: 50px; height: 80px; background: url(/assets/service/img/sub/slide_prev.png) no-repeat 50% rgba(0,0,0,.6); background-size: 14px;}
.modal .slick-next {right: 0; width: 50px; height: 80px; background: url(/assets/service/img/sub/slide_next.png) no-repeat 50% rgba(0,0,0,.6); background-size: 14px;}
.modal .slider img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media (max-width: 1200px) {
 .modal .modal-window {width: 80%; height: 600px;}
}
@media (max-width: 991px) {
 .modal .modal-window {height: 500px;}
}
@media (max-width: 768px) {
 .modal .modal-window {width: 90%;}
 .modal .modal-window > button {right: auto; top: -50px; left: 52%; transform: translateX(-50%);}
}
@media (max-width: 640px) {
 .modal .slick-next, .modal .slick-prev {height: 60px; background-size: 12px;}
 .modal .no-img img {max-width: 100px; height: auto;}
}
@media (max-width: 480px) {
 .modal .modal-window {height: 360px;}
 .modal .slick-next, .modal .slick-prev {height: 50px; background-size: 10px;}
}

/**************** Member *****************/
/* 로그인 */
.login .loginWrap {max-width: 600px; margin: 50px auto;}
.login .formGroup {position: relative; margin-bottom: 12px;}
.login .btn_login {margin-top: 20px; width: 100%; height: 65px; border-radius: 15px; background: #1f1f20; color: #fff; font-size: 18px; text-align: center; transition: all .2s;}
.login .btn_login:hover {background: #6278e2;}
.login .checkWrap {margin-top: 15px; display: flex; align-items: center; justify-content: space-between;}
.login .checkWrap .link ul li {display: inline-flex; align-items: center; position: relative; font-size: 16px; line-height: 1.6;}
.login .checkWrap .link ul li a {font-weight: 500; color: #94949a;}
.login .checkWrap .link ul  li + li {padding-left: 10px; margin-left: 10px;}
.login .checkWrap .link ul  li + li:before {position: absolute; left: 0; top: 50%; margin-top: -6px; display :inline-block; content: ''; width: 1px; height: 13px; background: #e3e3e3;}
.login .snsWrap {margin-top: 30px;}
.login .snsWrap .sTit {text-align: center; font-size: 20px; font-weight: 600; color: #000;}
.login .sns-wrap {margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.login .sns-wrap button {width: 50%; height: 60px; background: #000; border-radius: 12px;}
.login .sns-wrap button.naver {background: #03c75a; color: #fff;}
.login .sns-wrap button.kakao {background: #fee500; color: #fff;}
.login .bgId img {max-height: 140px;}
@media (max-width: 640px) {
 .login .loginWrap .text-type2 input:not([type=radio]):not([type=checkBox]) {height: 55px; border-radius: 10px;}
 .login .btn_login {height: 55px; margin-top: 14px; border-radius: 10px;}
 .login .sns-wrap button {height: 50px; border-radius: 10px;}
 .login .sns-wrap button.kakao img {height: 17px;}
 .login .sns-wrap button.naver img {height: 15px;}
 
}
@media (max-width: 480px) {
 .login .btn_login {height: 50px; margin-top: 10px;}
 .login .checkWrap {display: block;}
 .login .checkWrap .link {text-align: right;}
 .login .sns-wrap {display: block;}
 .login .sns-wrap button {width: 100%;}
 .login .sns-wrap button.naver {margin-top: 10px;}
 .login .checkWrap .link ul li {font-size: 14px;}
 .login .checkWrap .link ul li + li {padding-left: 8px; margin-left: 6px;}
 .login .snsWrap .sTit {font-size: 16px;}
 .login .formGroup.checkbox-type2 input[type=checkbox] + label:after, .login .formGroup.checkbox-type2 input[type=checkbox] + label:before {width: 16px; height: 16px; top: 14px;}
 .login .loginWrap .formGroup input[type=checkbox] + label {font-size: 14px; padding: 6px 10px 6px 26px;} 
}
/* 아이디, 비밀번호찾기 */
.tab > ul {overflow: hidden;}
.tab > ul > li {display: inline-block; float: left; width: 50%; text-align: center;}
.tab_con {margin-top: 50px;}
.tab-type2 > ul > li {border: 1px solid #ddd; border-left: none; border-bottom: 1px solid #000;}
.tab-type2 > ul > li:nth-of-type(1) {border-left: 1px solid #ddd;}
.tab-type2 > ul > li.on {position: relative; border: 1px solid #000; border-bottom: 1px solid #fff;}
.tab-type2 > ul > li.on:before {content: ""; position: absolute; left: -1px; top: -1px; width: 1px; height: 103%; background-color: #000;}
.tab-type2 > ul > li a {display: block; padding: 20px 0; color: #000;}
.login p.info {font-size: 16px; color: #6278e2; margin-bottom: 15px;}
.login .btn-wrap {margin-top: 30px; display: flex; align-items: center; gap: 10px;}
.login .btn-wrap button {width: 50%; height: 60px; background: #e4e4e4; border-radius: 15px; font-size: 18px; font-weight: 500;}
.login .btn-wrap button.bgBtn {background: #1f1f20; color: #fff; transition: all .3s;}
.login .btn-wrap button.bgBtn:hover {background: #6278e2;}
.login .e-mail {gap: 5px; align-items: center;}
.login .e-mail .emailBox {position: relative; width: calc(100% - 180px);}
.login .e-mail .send-num button {text-align: center; width: 180px; height: 60px; line-height: 60px; border-radius: 15px; font-size: 15px; color: #fff; background: #AAACAB;}
/* @media (max-width: 640px) {
 .tab-type2 > ul > li a {display: block; padding: 10px 0; font-size: 15px;}
} */
@media (max-width: 640px) {
 .login .tab-type2 > ul > li a {padding: 14px 0;}
 .login .tab_con {margin-top: 30px;}
 .login .e-mail .emailBox {width: calc(100% - 140px);}
 .login .e-mail .send-num button {width: 140px; height: 50px; line-height: 50px;}
}
@media (max-width: 480px) {
 .login p.info {font-size: 14px;}
 .login .e-mail {display: block;}
 .login .e-mail .emailBox {width: 100%;}
 .login .e-mail .send-num button {width: 100%; margin-top: 10px;}
 .text-type2 .emailBox input ~ label {top: 18px; transform: none;}
}

/* 아이디확인 */
.login .bgId {position: relative; text-align: center; width: 100%; padding: 70px; background: #f9f9f9; border-radius: 10px;}
.login .bgId p {margin-top: 30px; font-size: 24px; color: #000; font-weight: 300;}
.login .bgId b {color: #EC47AA}
@media (max-width: 640px) {
 .login .bgId {padding: 50px;}
 .login .bgId p {font-size: 22px;}
 .login .btn-wrap {margin-top: 20px;}
 .login .btn-wrap button {height: 50px;}
}
@media (max-width: 480px) {
 .login .bgId {padding: 30px;}
 .login .bgId img {max-height: 100px;}
 .login .bgId img.jEndimg {max-height: 80px;}
 .login .bgId p {font-size: 18px; line-height: 1.2; margin-top: 20px;}
 .login .btn-wrap button {font-size: 16px; height: 40px; border-radius: 10px;}
}

/* 비밀번호 재설정 */
.login .pwd_info {margin-bottom: 40px; text-align: center;}
.login .pwd_info p {font-size: 24px; color: #000; font-weight: 300;}
.login .pwd_info p span {display: block; margin-top: 7px; font-size: 18px; color: #747474;}
@media (max-width: 640px) {
 .login .pwd_info {margin-bottom: 30px;}
 .login .pwd_info p {font-size: 20px;}
 .login .text-type2 input:not([type=radio]):not([type=checkBox]) {height: 50px;}
}
@media (max-width: 480px) {
 .login .pwd_info {margin-bottom: 20px;}
 .login .pwd_info p {font-size: 18px;}
}

/* 로그인 공용 */
@media (max-width: 1600px) {
 .cont.login {padding: 30px 40px 100px;}
}
@media (max-width: 1200px) {
 .cont.login {padding: 30px 40px 80px;}
}
@media (max-width: 991px) {
 .login .loginWrap {margin: 30px auto;}
}
@media (max-width: 768px) {
 .cont.login {padding: 30px 20px 60px;}
}
@media (max-width: 640px) {
 .cont.login {padding: 30px 20px 40px;}
}
@media (max-width: 480px) {
 .login .loginWrap {margin: 30px auto 20px;}
}

/* 회원가입 */
.join ::-webkit-scrollbar {width:8px;}
.join ::scrollbar {width:8px;}
.join ::-webkit-scrollbar-track {background: none;}
.join ::scrollbar-track {background: none;}
.join ::-webkit-scrollbar-thumb {background: #AEB9F4; border-radius: 8px;}
.join ::scrollbar-thumb {background: #AEB9F4; border-radius: 8px;}
.join {position: relative; max-width: 1000px; margin: 0 auto;} 
.join .joinWrap .checkWrap {margin: 40px 0 15px;}
.join .joinWrap .checkWrap label {font-size: 18px; color: #000;}
.join .joinWrap .checkWrap span {color: #6278e2;}
.join .joinWrap .scrollBox {position: relative; width: 100%; height: 300px; border: 1px solid #e6e6e6; background: #f7f8f9; padding: 20px; overflow-y: auto;}
.join .btn-wrap {margin: 30px auto 0; max-width: 800px; display: flex; align-items: center; gap: 10px;}
.join .btn-wrap button {width: 50%; height: 60px; background: #e4e4e4; border-radius: 15px; font-size: 18px; font-weight: 500;}
.join .btn-wrap button.bgBtn {background: #1f1f20; color: #fff; transition: all .3s;}
.join .btn-wrap button.bgBtn:hover {background: #6278e2;}
.join .btn-wrap button.kakao, .join .btn-wrap button.naver {width: 25%;}
.join .btn-wrap button.kakao {background: #fee500; color: #191919;}
.join .btn-wrap button img {margin-right: 10px;}
.join .btn-wrap button.naver {background: #03c75a; color: #fff;}
.joinForm {border-top: 1px solid #000; padding-top: 12px;}
.joinForm .in {align-items: center; gap: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 12px;}
.joinForm .formGroup {position: relative; margin-bottom: 12px; width: 50%;}
.joinForm .text-type2 input:not([type=radio]):not([type=checkBox]) {height: 50px; line-height: 50px; border-radius: 10px;}
.joinForm .formGroup.two {gap: 5px; align-items: center;}
.joinForm .two .inputBox {position: relative; width: calc(100% - 180px);}
.joinForm .two .btn {padding: 0;}
.joinForm .two .btn button {text-align: center; width: 180px; height: 50px; line-height: 50px; border-radius: 10px; font-size: 15px; color: #fff; background: #AAACAB;}
.joinForm p.info {width: 50%; font-size: 14px; margin-bottom: 15px; color: #999;}
.joinForm .formGroup ul {display: flex; gap: 15px; align-items: center;}
.joinForm .formGroup ul li {margin: 15px 0; position: relative;}
.joinForm .input-group {width: 100%;}
.joinForm .input-group .input-group-addon {position: absolute; right: 0; top: 0; width: 50px; height: 50px; border-radius: 5px; border: 0; background: url(/assets/service/img/sub/ico_calendar.png) no-repeat 50% #e0eaf4; cursor: pointer; z-index: -1;}
.joinForm .root {display: flow-root; border-bottom: 1px solid #000; padding-bottom: 5px;}
.joinForm .root .formGroup {margin-bottom: 7px;}
.joinForm .root .w100 {width: 100%;}
.joinForm .formGroup.three {display: flex; gap: 5px;}
.joinForm .formGroup.three input, .joinForm .formGroup.three select {width: 33.3333%;}
.joinForm .formGroup.three select {border: 1px solid #efefef; border-radius: 10px; height: 50px; line-height: 50px; font-size: 15px; color: #333; padding: 0 30px 0 10px; background: url(/assets/service/img/common/lnb_btn.png) no-repeat 90%; background-size: 14px;}
.joinForm .formGroup.one select {border: 1px solid #efefef; border-radius: 10px; height: 50px; line-height: 50px; font-size: 15px; color: #333; padding: 0 30px 0 10px; background: url(/assets/service/img/common/lnb_btn.png) no-repeat 90%; background-size: 14px;}
.joinForm .formGroup.one select {width: 65%;}
.joinForm select::-ms-expand {display: none;}
.joinForm select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.joinWrap .terms > ul > li {margin-top: 14px;}
.joinWrap .terms > ul > li:nth-of-type(1) {margin-top: 0;}
.joinWrap .terms > ul > li b {font-size: 18px;}
.joinWrap .terms > ul > li p {margin-top: 10px; line-height: 1.3;}
.joinWrap .terms > ul > li ul li {margin-top: 6px; line-height: 1.3; padding-left: 14px; position: relative;}
.joinWrap .terms > ul > li ul li:nth-of-type(1) {margin-top: 10px;}
.joinWrap .terms > ul > li ul li:before {position: absolute; top: 6px; left: 0; content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #bebebe;}
.joinWrap .ind p.pCont {font-size: 18px; line-height: 1.6;}
.joinWrap .ind b.ptit {display: block; margin: 30px 0; font-size: 18px;}
.joinWrap .ind > ul > li span.underline {text-decoration: underline; display: block; text-underline-position: under;}
.joinWrap .ind > ul > li ul li {margin-top: 14px;}
@media (max-width: 1600px) {
 .cont.join {padding: 30px 40px 100px;}
}
@media (max-width: 1200px) {
 .cont.join {padding: 30px 40px 80px;}
}
@media (max-width: 991px) {
 .join .joinWrap .checkWrap {margin: 30px 0 15px;}
}
@media (max-width: 768px) {
 .cont.join {padding: 30px 20px 60px;}
 .join .btn-wrap {display: block; overflow: hidden;}
 .join .btn-wrap button {width: 100%;}
 .join .btn-wrap button.kakao, .join .btn-wrap button.naver {width: 49.5%; margin-top: 10px; margin-left: 0.5%; float: left;}
 .join .btn-wrap button.kakao {margin-left: 0; margin-right: 0.5%;}
 .join .joinForm .btn-wrap {display: flex; gap: 10px; align-items: center;}
 .join .joinForm .btn-wrap button {width: 50%;}
 .joinWrap .terms > ul > li b {font-size: 18px;}
 .joinWrap .terms > ul > li {margin-top: 10px;}
 .joinWrap .terms > ul > li p {font-size: 15px;}
 .joinWrap .terms > ul > li ul li:nth-of-type(1) {margin-top: 8px;}
 .joinWrap .terms > ul > li b {font-size: 16px;}
 .joinWrap .ind p.pCont {font-size: 16px; line-height: 1.4;}
 .joinWrap .ind b.ptit {font-size: 16px; margin: 20px 0;}
 .joinWrap .ind > ul > li ul li {margin-top: 10px;}
 .joinWrap .ind > ul > li p {margin-top: 8px;}
}
@media (max-width: 640px) {
 .cont.join {padding: 30px 20px 40px;}

 .join .joinWrap .checkWrap label {font-size: 16px;}
 .join .formGroup input[type=checkbox] + label {padding: 6px 10px 6px 26px;}
 .join .formGroup.checkbox-type2 input[type=checkbox] + label:after, .join .formGroup.checkbox-type2 input[type=checkbox] + label:before {width: 16px; height: 16px;}
 .join .btn-wrap {margin: 20px auto 0;}
 .join .btn-wrap button {height: 50px;}
 .joinForm .in {display: block;}
 .joinForm .formGroup {width: 100%;}
 .joinForm p.info {width: 100%;}
}
@media (max-width: 480px) {
 .cont.join .conTit {margin-bottom: 10px;}
 .join .btn-wrap button.kakao, .join .btn-wrap button.naver {width: 100%; margin-top: 10px;}
 .join .btn-wrap button {font-size: 16px; border-radius: 10px; height: 40px;}
 .joinForm .two .inputBox {width: calc(100% - 80px);}
 .joinForm .two .btn button {width: 80px;}
 .joinForm .text-type2 input:not([type=radio]):not([type=checkBox]) {height: 45px; line-height: 45px;}
 .joinForm .two .btn button {height: 45px; line-height: 45px;}
 .join .joinForm .btn-wrap {display: block;}
 .join .joinForm .btn-wrap button {width: 100%;}
 .join .joinForm .btn-wrap button.borBtn {margin-top: 10px;}
 .joinForm .input-group .input-group-addon {height: 45px; line-height: 45px;}
}

/* 개인정보처리방침, 이용약관 */
.member .grayBox {padding: 20px; background-color: #f7f8f9; border: 1px solid #e6e6e6;}
@media (max-width: 1600px) {
 .cont.member {padding: 30px 40px 100px;}
}
@media (max-width: 1200px) {
 .cont.member {padding: 30px 40px 80px;}
}
@media (max-width: 768px) {
 .cont.member {padding: 30px 20px 60px;}
}
@media (max-width: 640px) {
 .cont.member {padding: 30px 20px 40px;}
}

.tab-menu {
    list-style: none;
    padding: 0;
    display: flex;
}

.tab-menu li {
    margin: 0;
    width: 33.3333%;
    text-align: center;
}

.tab-menu a {
    display: block;
    padding: 20px 30px;
    text-decoration: none;
    color: black;
    border: 1px solid #ccc;
}

.tab-menu .active a {
    background-color: #6278e2;
    color: white;
}

.tab-content {
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
}