/*도지사 인사말*/
.con .top-zone{text-align: center;}
.con .top-zone .img-zone{margin-top:4.25rem; position:relative; padding-bottom:5rem;}
.con .top-zone .img-zone img{max-width: 100%;}
.ceo .top-zone .img-zone:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 72.8%; background:#7b6f62 url('/images/default/content/ceo-bg.jpg')no-repeat center center; background-size: cover; z-index:-1;}
.ceo .top-zone .img-zone p{padding-top:3.25rem; color:#fff; font-size:1.5rem; line-height:1.33; font-weight: 700;}
.ceo .bottom-zone{ display: flex;}
.ceo .bottom-zone .left{width:35%; padding-top:5rem;}
.ceo .bottom-zone .left p{font-size:1.9rem; font-weight:700; color:#191919; line-height: 1.26;}
.ceo .bottom-zone .right{width:calc(100% - 35%); padding:5rem 0 7.25rem 9.5rem; position:relative;}
.ceo .bottom-zone .right:before{content : ""; display : block; position : absolute; left : 0; bottom:0; width :122%; height : 100%; background:url('/images/default/content/ceo-bg02.jpg')no-repeat center bottom; z-index:-1;}
.ceo .bottom-zone .right p{font-size: 0.9rem; color: #333; line-height:1.5;}
.ceo .bottom-zone .right p b{font-weight: 700;}
.ceo .bottom-zone .right .sign{display: flex; align-items: center; padding-top:3.25rem; gap:0.85rem;}
.ceo .bottom-zone .right .sign p{font-weight: 700;}
@media (max-width:1500px){
    .ceo .top-zone .img-zone{padding-bottom:3rem;}
    .ceo .bottom-zone{flex-direction: column;}
    .ceo .bottom-zone .left{width:100%; padding-top:3rem;}
    .ceo .bottom-zone .right{width:100%; padding:3rem 0; margin-top:3rem;}
    .ceo .bottom-zone .right:before{ left : -25%; width :150%; background-size: cover;}
}
@media (max-width:1030px){
    .con .top-zone strong{font-size:1.8rem;}
    .ceo .top-zone .img-zone{margin-top:2.5rem; padding-bottom:3rem;}
    .ceo .top-zone .img-zone p{padding-top:2rem; font-size:1.3rem;}
    .ceo .bottom-zone .right{padding:2rem 0; margin-top:2rem;}
    .ceo .bottom-zone .left p{font-size:1.5rem;}
}
@media (max-width:767px){
    .ceo .bottom-zone .left{padding-top:2.5rem;}
    .ceo .bottom-zone .right{padding:1.5rem 0; margin-top:1.5rem;}
    .ceo .top-zone .img-zone{padding-bottom:2.5rem;}
    .ceo .bottom-zone .right .sign{padding-top: 2rem;}
    .ceo .bottom-zone .right .sign img{width:5rem;}
}

/*사업방향*/
.con h4.point{position:relative; padding-left:1.5rem; color:#191919; font-size:1.9rem; font-weight:700; letter-spacing: -2px;}
.con h4.point:after{content:''; display:block; position:absolute; width:19px; height:24px;background:url('/images/default/content/point.png')no-repeat center center; background-size: cover; top:0.5rem; left:0;}
.direction .top-zone .img-zone p{color:#333; font-size:1rem; line-height:1.5; font-weight: 600; padding-top:3.25rem;}
.con .flex-zone{display: flex; align-items: flex-start; padding:5rem 0 7.25rem; position:relative;}
.con .flex-zone .left{width:20rem;}
.con .flex-zone .right{width:calc(100% - 20rem);}
.direction .flex-zone:before{background:#f5f5f5 url('/images/default/content/direction-bg.jpg')no-repeat center bottom; background-size: cover; content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; z-index:-1;}
.direction .right .list-wrap{}
.direction .right .list:not(:last-child){margin-bottom:3rem;}
.direction .right .list .tit{color:#fff; font-size:1.3rem; border-radius: 0.5rem 0.5rem 0 0; display: inline-block; width:11.75rem; height:2.75rem; line-height:2.75rem; text-align: center;}
.direction .right .list01 .tit{background: #be1f3b;}
.direction .right .list02 .tit{background: #f89c1d;}
.direction .right .list03 .tit{background: #0e58a8;}
.direction .right .list04 .tit{background: #ac228d;}
.direction .right .list .txt-bx{background:#fff; padding:2.25rem 3.4rem; min-height:6.5rem;}

.direction .right .list01{margin-bottom:4.5rem !important;}
.direction .right .list01 .txt-bx{display: flex; align-items: center; justify-content: center;}
.direction .right .list01 .txt-bx p{font-size:1.65rem; color:#333; font-weight: 700; line-height: 1;}

.direction .right .arrow{position:relative;}
.direction .right .arrow:before{content:''; display:block; position:absolute; width:52.3rem; height:7rem; background:url('/images/default/content/list-arrow.png')no-repeat center center; background-size: cover; top:-3.85rem; transform:translateX(-50%); left:50%; z-index: -1;}
.direction .right .list02 .num-wrap{display: flex;}
.direction .right .list02 .num{width:50%; display: flex; align-items: center; gap:2rem; padding:0 0.5rem;}
.direction .right .list02 .num + .num{padding-left:3.5rem; position:relative;}
.direction .right .list02 .num + .num:after{content:''; display:block; position:absolute; width:1px; height:114%; background:#ddd; top:50%;transform:translateY(-50%); left:0;}
.direction .right .list02 .num span{color:#f89c1d; font-weight:700; display: inline-flex; align-items: center; justify-content: center; width:3.25rem; height:3.25rem; border-radius: 50%; border:solid 5px #fde1bb;}
.direction .right .list02 .num p{font-size:1rem; font-weight:700; color:#333; width:calc(100% - 5.25rem);}

.direction .right .list03 .boxes{display: flex; justify-content: space-between; flex-wrap:wrap; margin:-1.75rem;}
.direction .right .list03 .box{background: #e9f3ff; width:calc(100%/4 - 3.5rem); margin:1.75rem; height:9.5rem; font-size:1rem; font-weight: 700; color:#333; text-align: center; padding:0.5rem; display: flex; align-items: center; justify-content: center;}
.direction .right .list03 .box:not(:last-child){position: relative;}
.direction .right .list03 .box:not(:last-child):after{content:''; display:block; position:absolute; width:18px; height:18px; background:url('/images/default/content/plus.png')no-repeat center center; background-size: cover; top:50%;transform:translateY(-50%); right:-2.1rem;}

.direction .right .list04 .num{align-items: flex-start;}
.direction .right .list04 .num span{color:#ac228d; border:solid 5px #eed3e8;}
.direction .right .list04 .num > div{width: calc(100% - 5.25rem);}
.direction .right .list04 .num p{min-height:3rem; width:100%;}
.direction .right .list04 .num ul{padding-top:1.25rem;}
.direction .right .list04 .num ul li{position:relative; padding-left:0.5rem; font-size:0.9rem; font-weight:600;}
.direction .right .list04 .num ul li:after{content:''; display:block; position:absolute; width:6px; height:1px; background:#555555; top:50%; transform:translateY(-50%); left:0;}


@media (max-width:1500px){
    .con .top-zone .img-zone{padding-bottom:3rem;}
    .con .flex-zone{padding:3rem 0 5rem; display: block;}
    .con .flex-zone .left{width:100%;}
    .con .flex-zone .right{width:100%; padding-top:2rem;}
    .direction .right .arrow:before{width:100%; top:-2rem;}
    .direction .right .list01{margin-bottom:3rem !important;}
    .direction .right .list02 .num{gap:1rem;}
}
@media (max-width:1030px){
    .con h4.point{font-size:1.5rem;}
    .direction .top-zone .img-zone p{padding-top: 2rem;}
    .con .top-zone .img-zone{margin-top:2.5rem;}
    .direction .right .list .txt-bx{padding:1.5rem 2rem; min-height: inherit;}
    .direction .right .list .tit{font-size:1.2rem; width:6.5rem; height:2.2rem; line-height: 2.2rem;}
    .direction .right .list:not(:last-child){margin-bottom:2rem;}
    .direction .right .list01 .txt-bx p{font-size:1.3rem;}
    .direction .right .list02 .num-wrap{display: block;}
    .direction .right .list02 .num{width:100%; padding:0;}
    .direction .right .list02 .num p{width:calc(100% - 4.25rem);}
    .direction .right .list02 .num + .num{padding-left:0; padding-top:1rem;}
    .direction .right .list02 .num + .num:after{display: none;}
    .direction .right .list02 .num span{width:2.5rem; height:2.5rem;}
    .direction .right .list03 .boxes{margin:-0.5rem -1rem;}
    .direction .right .list03 .box{width:calc(100%/2 - 2rem); margin:0.5rem 1rem; height:4rem;}
    .direction .right .list03 .box:nth-child(2):after{display: none;}
    .direction .right .list03 .box:not(:last-child):after{right:-1.4rem;}
    .direction .right .list04 .num p{min-height: 1rem; width:100%;}
    .direction .right .list04 .num > div{width:calc(100% - 4.25rem);}
    .direction .right .list04 .num ul{padding-top:0.6rem;}
}
@media (max-width:767px){
    .con .top-zone .img-zone{padding-bottom:2.5rem;}
    .con .flex-zone{padding:2.5rem 0 3rem;}
    .direction .right .list .tit{width:5.5rem; height:2rem; line-height: 2rem;}
    .direction .right .list01 .txt-bx p{line-height: 1.3;}
    .direction .right .list .txt-bx{padding:1rem 1.5rem;}
    .direction .right .list:not(:last-child){margin-bottom:1.5rem;}
    .direction .right .list01{margin-bottom:2rem !important;}
    .direction .right .arrow:before{top:-1rem;}
}
@media (max-width:500px){
    .direction .right .list .txt-bx{padding:1rem;}
}
@media (max-width:300px){
    .direction .right .list02 .num{flex-direction: column; align-items: flex-start;}
    .direction .right .list02 .num p{width:100%;}
    .direction .right .list04 .num > div{width:100%;}
    .direction .right .list03 .box{width:100%;}
    .direction .right .list03 .box:not(:last-child):after{display: none;}
}

/*지원사업안내*/
.support .top-zone .img-zone{padding:0; padding-top:21rem;}
.support .top-zone .img-zone:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#7b6f62 url('/images/default/content/support-img01.jpg')no-repeat center center; z-index:-1;}
.con .flex-zone01{padding:5rem 0;}
.support .flex-zone01 .right .list-wrap{display:flex; flex-wrap:wrap; margin:-1.25rem;}
.support .flex-zone01 .right .list{width:calc(100%/2 - 2.5rem); margin:1.25rem; display: flex; align-items: center; position:relative;}
.support .flex-zone01 .right .list:nth-child(odd){padding-right:1rem;}
.support .flex-zone01 .right .list:nth-child(even){padding-left:3.9rem;}
.support .flex-zone01 .right .list:nth-child(odd):after{content:''; display:block; position:absolute; width:1px; height:100%; background:#ddd; top:50%;transform:translateY(-50%); right:0;}
.support .flex-zone01 .right .list span{color:#be1f3b; font-weight:700; display: inline-flex; align-items: center; justify-content: center; width:3.25rem; height:3.25rem; border-radius: 50%; border:solid 5px #efc7ce;}
.support .flex-zone01 .right .list p{font-size:1rem; font-weight:700; color:#333; width:calc(100% - 4.25rem); margin-left:1rem;}
.support .flex-zone02:before{background:#f4f4f4 url('/images/default/content/support-bg.jpg')no-repeat center bottom; content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; z-index:-1;}
.support .flex-zone02 .right .list-wrap{display:flex; flex-wrap:wrap; margin:-0.625rem;}
.support .flex-zone02 .right .list{width:calc(100%/3 - 1.25rem); margin:0.625rem;}
.support .flex-zone02 .right .list img{max-width: 100%;}
.support .flex-zone02 .right .txt-bx{padding:1.6rem 1.25rem 2rem; background:#fff; min-height:10.5rem; max-height:10.5rem;}
.support .flex-zone02 .txt-bx .tit{font-size:1rem; color:#333; font-weight:700; padding-bottom:1.8rem;}
.support .flex-zone02 .txt-bx .txt li{position:relative; padding-left:0.5rem; font-size:0.9rem; color:#555; font-weight:600; letter-spacing: -1px;}
.support .flex-zone02 .txt-bx .txt li em{font-size:0.75rem;}
.support .flex-zone02 .txt-bx .txt li:after{content:''; display:block; position:absolute; width:6px; height:1px; background:#555555; top:0.7rem; left:0;}
@media (max-width:1500px){
    .support .top-zone .img-zone{padding-top:15rem;}
    .con .flex-zone01{padding:3rem 0;}
    .support .flex-zone02 .right .list img{width:100%;}
    .support .flex-zone02 .txt-bx .tit{padding-bottom:1rem;}
    .support .flex-zone02:before{background-size: cover;}
    .support .top-zone .img-zone:before{background-size: cover;}
}
@media (max-width:1030px){
    .support .top-zone .img-zone{padding-top:10rem;}
    .support .flex-zone01 .right .list:nth-child(even){padding-left:0;}
    .support .flex-zone01 .right .list span{width:2.5rem; height:2.5rem;}
    .support .flex-zone01 .right .list p{width:calc(100% - 3.25rem);}
    .support .flex-zone02 .right .list{width:calc(100%/2 - 1.25rem);}
    .support .flex-zone02 .right .txt-bx{padding:1.2rem 1rem 1.5rem; min-height: auto;}
    .support .flex-zone02 .txt-bx .tit{padding-bottom:0.7rem;}
}
@media (max-width:767px){
    .con .flex-zone01{padding:2.5rem 0;}
    .support .flex-zone01 .right .list{width:100%; margin:0;}
    .support .flex-zone01 .right .list:not(:last-child){margin-bottom:0.7rem;}
    .support .flex-zone01 .right .list-wrap{display: block; margin:0;}
    .support .flex-zone01 .right .list:nth-child(odd){padding-right:0;}
    .support .flex-zone01 .right .list:nth-child(odd):after{display: none;}
    .support .flex-zone02 .right .list{width:100%;}
    .support .flex-zone02:before{background-size: auto;}
    .support .flex-zone02 .right .txt-bx{padding:1rem;}
}

/*BI*/
.con .flex-zone .left a.download{display: inline-block; width:10.5rem; height:3rem; line-height: 3rem; border:solid 1px #be1f3b; color:#be1f3b; font-weight:700; padding:0 1.45rem; position: relative; margin-top:3.2rem; font-size: 0.9rem;}
.con .flex-zone .left a.download:after{content:''; display:block; position:absolute; width:23px; height:16px; background:url('/images/default/content/download01.png')no-repeat center center; background-size: cover; top:50%;transform:translateY(-50%); right:1.3rem;}
.con .flex-zone .left a.download:hover{background:#be1f3b; color:#fff;}
.con .flex-zone .left a.download:hover:after{background:url('/images/default/content/download-h.png')no-repeat center center; background-size: cover;}

.bi .top-zone .img-zone{padding:0; padding-top:23.95rem;}
.bi .top-zone .img-zone:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#7b6f62 url('/images/default/content/bi-img01.jpg')no-repeat center center; z-index:-1;}
.bi .flex-zone .right .round{position:relative; padding-left:0.8rem; font-size:1rem; font-weight:600; color:#333; margin-bottom:2.25rem;}
.bi .flex-zone .right .round:after{content:''; display:block; position:absolute; width:6px; height:6px; background:#999; border-radius:50%; top:0.55rem; left:0;}
.bi .flex-zone .right .logotype{display: flex; flex-wrap:wrap; margin:-1.3rem;}
.bi .flex-zone .right .logotype li{border:solid 1px #ddd; width:calc(100%/2 - 2.6rem); margin:1.3rem; display: flex; align-items: center; justify-content: center; background: url('/images/default/content/logotype-bg.jpg')no-repeat center center; background-size: cover; min-height: 16rem;}
.bi .flex-zone .right .logotype li.nobg{background:#fff;}
.bi .flex-zone .right .logotype li img{max-width: 100%;}
.bi .flex-zone02{padding:5rem 0;}
.bi .flex-zone02:before{background:#fbf5f1 url('/images/default/content/bi-bg.jpg')no-repeat center bottom; background-size:cover; content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; z-index:-1;}
.bi .flex-zone02 figure{background: #fff; border:solid 1px #ddd; text-align: center; padding:3.15rem 1rem;}
.bi .flex-zone02 .color-list{display: flex; flex-wrap:wrap; margin:-1.05rem; margin-top:1.85rem;}
.bi .flex-zone02 .color{width:calc(100%/4 - 2.1rem); margin:1.05rem;}
.bi .flex-zone02 .color .top-bx{color:#fff; padding:1.3rem 1rem 1rem;}
.bi .flex-zone02 .color .top-bx .tit{font-size:1rem; font-weight: 700; padding-bottom:1.7rem;}
.bi .flex-zone02 .color .top-bx li{display: flex; font-size:0.75rem; color:rgb(255 255 255 / 60%);}
.bi .flex-zone02 .color .top-bx li span{width:2.8rem; font-weight: 600;}
.bi .flex-zone02 .color:nth-child(1) .top-bx{background: #be1e3b;}
.bi .flex-zone02 .color:nth-child(2) .top-bx{background: #f89c1d;}
.bi .flex-zone02 .color:nth-child(3) .top-bx{background: #0e58a8;}
.bi .flex-zone02 .color:nth-child(4) .top-bx{background: #ac228d;}
.bi .flex-zone02 .color .txt-bx{background: #fff; border:solid 1px #ddd; padding:1.2rem 1rem 1.3rem; font-size:0.9rem; color:#555; min-height:8rem;}
@media (max-width:1500px){
    .con .flex-zone .left a.download{margin-top:1rem;}
    .bi .flex-zone02{padding:3rem 0;}
    .bi .flex-zone .right .round{margin-bottom:1.25rem;}
    .bi .top-zone .img-zone{padding-top:15rem;}
    .bi .flex-zone .right .logotype li{min-height: 12rem;}
    .bi .top-zone .img-zone:before{background-size: cover;}
}
@media (max-width:1300px){
    .bi .flex-zone02 .color .txt-bx{min-height: 9.5rem;}
}
@media (max-width:1030px){
    .bi .top-zone .img-zone{padding-top:10rem;}
    .con .flex-zone .left a.download{width:8.6rem; height:2.5rem; line-height: 2.5rem; padding:0 1rem;}
    .con .flex-zone .left a.download:after{right:1rem;}
    .bi .flex-zone .right .logotype{margin:-0.5rem;}
    .bi .flex-zone .right .logotype li{min-height: 10rem; padding:2rem; width:calc(100%/2 - 1rem); margin:0.5rem;}
    .bi .flex-zone02 figure{padding:2rem 1rem;}
    .bi .flex-zone02 .color-list{margin:-0.5rem; margin-top:1rem;}
    .bi .flex-zone02 .color{width:calc(100%/2 - 1rem); margin:0.5rem;}
    .bi .flex-zone02 .color .top-bx .tit{padding-bottom:0.7rem;}
    .bi .flex-zone02 .color .txt-bx{min-height: 6rem;}
}
@media (max-width:767px){
    .bi .flex-zone02{padding:2.5rem 0;}
    .bi .flex-zone02 .color{width:100%;}
    .bi .flex-zone02 .color .txt-bx{min-height: auto;}
    .bi .flex-zone02 figure{padding:1.5rem 1rem;}
    .bi .flex-zone02 figure img{width:10rem;}
    .bi .flex-zone .right .logotype li{min-height: 7rem;}
    .bi .flex-zone03 .right .logotype li{max-height: 8rem; padding:1.5rem;}
    .bi .flex-zone03 .right .logotype li:nth-child(1) img{width:8rem;}
    .bi .flex-zone03 .right .logotype li:nth-child(2) img{width:6rem;}
    .bi .flex-zone .right .round:after{width:5px; height:5px;}
}
@media (max-width:500px){
    .bi .flex-zone .right .logotype li{padding:1rem;}
    .bi .flex-zone03 .right .logotype li{padding:1rem;}
    .bi .flex-zone03 .right .logotype li:nth-child(1) img{width:7rem;}
    .bi .flex-zone03 .right .logotype li:nth-child(2) img{width:4.5rem;}
}

/*행사사진*/
.festival-list ul li .img-zone {padding-top:67.1641%;}
.festival-list ul li .img-zone .hover-bx:after {width:1.7rem;height:1.25rem;background:url('/images/default/content/hover-arrow.png')no-repeat center center;background-size:cover;right:1.25rem;bottom:1.25rem;}
.festival-list ul li .txt-zone{min-height:5.5rem;}
.festival-list ul li .img-zone .hover-bx{padding:2rem 1rem 1rem 1rem;}
@media (max-width:1500px){
    .ceo-list ul li .txt-zone{min-height:auto;}
}
@media (max-width:767px){
    .festival-list ul li .img-zone .hover-bx{padding:1rem;}
    .festival-list ul li .img-zone .hover-bx .tit{border-bottom:0;}
}