@charset "utf-8";

/*공통*/
h3.point {font-size:1.4rem;font-weight:600;padding-left:1.75rem;position:relative;margin-bottom:1.5rem;}
h3.point:before{content:'';display:block;position:absolute;width:1.25rem;height:0.75rem;background:url(/images/common/default/content/point-txt.png)no-repeat center center;background-size:cover;left:0;top:0.35rem;}
h3.point span{color:#666;font-size:1rem;font-weight:500;display:block;margin-top:0.75rem;}

/*공통 테이블*/
.table-wrap { display:inline-block;overflow:hidden;width:100%;padding-bottom:1px}
.horizontal-scroll { display:none;position:sticky;left:0;margin-bottom:.5rem; text-align: center;}
.horizontal-scroll .xi-touch{position:relative;left:0;animation:h_move 1s infinite linear; margin-right: 1rem;}
.table-wrap table { position:relative;text-align:center;border-spacing:0px;border-collapse:separate;border-top:2px solid #272a2e;margin-bottom:-1px;left:-1px;table-layout:fixed;width:100%;}
.table-wrap th,
.table-wrap td {border-left:1px solid #ccc;text-align:center;word-break:normal}
.table-wrap td{font-weight:500;font-size:0.9rem;word-break: keep-all;line-height:1.3;}
.table-wrap td b{color:#333;word-break:keep-all}
.table-wrap td.bg{background:#F7F7F7;}
.table-wrap th { padding:1rem 1rem;font-weight:600;color:#333;background:#f8f8fa;font-size:0.9rem;word-break:keep-all;-webkit-print-color-adjust:exact;line-height:1.3}
.table-wrap thead tr:nth-child(2) th{border-top:1px solid #ccc;}
.graph-con .table-wrap th{padding:0.5rem;}

.table-wrap tbody th { font-weight:600;color:#333;font-size:0.9rem;text-align:center}
.table-wrap tbody td { padding:0.65rem 0.5rem;border-bottom:1px solid #ccc;}
.float_lst li > b{float:left;}
.float_lst li > span{overflow:hidden;float:left;}
.graph-con .table-wrap{margin-top:2rem;}
.table-wrap .orange-bg{background:#fffaf5;}
.table-wrap .orange-bg td{border-top:solid 1px #333; border-bottom:solid 1px #333;}


/*전통시장 활성화*/
.active-bx:not(:last-child){margin-bottom:3.75rem;}
.active-description li{font-size:1rem; color:#333; position:relative; padding-left:0.7rem; line-height:1.5}
.active-description > li:before{content:''; display:block; position:absolute; width:5px; height:5px; background:#333; top:0.65rem; left:0; border-radius:50%;}
.active-description .specific-list:before{content:''; display:block; position:absolute; width:6px; height:1px; background:#333; top:0.65rem; left:0;}
.active-description li.span-wrap{display:flex; align-items:flex-start;}
.active-description li b{font-weight:600;}
.active-description li em{color:#ea6a1c;}
.active-description li span{display:inline-block; width:8.15rem;}
.active-description li p{width:calc(100% - 8.15rem);}
.active-description li:not(:last-child){margin-bottom:0.1rem;}
.active-bx .bs-bx{padding:0.6rem 0.5rem 1.6rem; border:solid 1px #ddd; border-radius:0.75rem;}
.active-bx .active-description+.bs-bx{margin-top:1.8rem;}
.active-bx .active-description+.bs-bx-wrap{margin-top:1.8rem;}
.active-bx .bs-bx > .tit{text-align:center; font-size:1.1rem; color:#333; font-weight:600; padding:1.1rem; background:#fdf6e3; border-radius:0.5rem;}
.active-bx .bs-bx > div{margin-top:1.1rem;}
.active-bx .bs-bx .txt{position:relative; padding-left:0.65rem; font-size:1rem; color:#333; line-height:1.5;}
.active-bx .bs-bx .txt:before{content:''; display:block; position:absolute; width:0.25rem; height:0.25rem; background:#666; top:0.65rem; left:0; border-radius:50%;}
.active-bx .bs-bx .img-zone{display:flex; align-items:center; justify-content:center; gap:1.5rem; flex-wrap:wrap; margin-top:1.7rem;}
.active-bx .bs-bx .img-wrap img,
.active-bx .bs-bx .img-wrap02 img{border-radius:0.75rem; overflow:hidden; max-width:100%;}
.active-bx .bs-bx .bdimg img{border:solid 1px #ddd;}
.active-bx .img-wrap p,
.active-bx .img-wrap02 p{font-size:0.9rem; font-weight:600; color:#333; text-align:center; margin-top:0.85rem;}
.active-bx .bs-bx .img-bx{display:flex; align-items:center; gap:1.7rem;}
@media (max-width:1600px){
    .active-bx .bs-bx{padding:1rem 1rem 1.6rem;}
    .active-bx .bs-bx .img-zone:not(.img-zone02){justify-content:flex-start;}
    .active-bx .bs-bx .img-wrap{width:calc(50% - 0.75rem);}
    .active-bx .bs-bx .img-wrap img{object-fit:cover; width:100%; height:100%;}
    .active-bx .bs-bx .img-bx{gap:1.5rem;}
}
@media (max-width:1030px){
    .active-description li:before{top:0.55rem;}
}
@media (max-width:500px){
    .active-bx .bs-bx .img-bx{flex-direction:column;}
    .active-bx .bs-bx .img-wrap{width:100%;}
}


/*기관협업사업*/
.facility-con{margin-bottom:2.7rem;}
.facility-con .top-zone{height:12.2rem; background:url(/images/common/default/content/facility-bg01.png)no-repeat center top; background-size:cover; text-align:center;  position:relative;}
.facility-con .top-zone > div{padding:2.1rem 2.25rem 1rem; display:flex; flex-direction:column; align-items:center;}
.facility-con .top-zone span{font-size:1rem; font-weight:600; color:#ea6a1c; padding-bottom:0.5rem; display:inline-block;}
.facility-con .top-zone .tit{font-size:1.75rem; font-weight:700; position:relative; width:fit-content; z-index:0;}
.facility-con .top-zone .tit:after{content:''; display:block; position:absolute; width:110%; height:0.65rem; background:#fdf6e3; bottom:-0.2rem; left:50%;transform:translateX(-50%); border-radius:0.5rem; z-index:-1;}
.facility-con .top-zone .txt{font-size:1.1rem; font-weight:600; color:#333; padding-top:0.95rem;}
.facility-con .bt-zone{width:57rem; margin:0 auto; background:#f8f8fa; color:#333; font-size:0.9rem; line-height:1.6; padding:1.2rem 1.5rem; border-radius:0.5rem; text-align:center; margin-top:calc(-5.25rem/2); z-index:2; position:relative;}
.facility-con .bt-zone:before{content:''; display:block; position:absolute; width:1.25rem; height:0.75rem; background:url(/images/common/default/content/point-txt.png)no-repeat center center; background-size:cover; left:50%;transform:translateX(-50%); top:calc(-0.75rem/2);}
.season-wrap{display:flex; flex-wrap:wrap; margin:-0.55rem; align-items:flex-start; text-align:center;}
.season-list{width:calc(100%/4 - 1.1rem); margin:0.55rem; border-radius:0.75rem; overflow:hidden; border:solid 1px #ddd;}
.season-list .tit{color:#fff; background:#272a2e; padding:0.75rem; font-size:1rem; font-weight:600;}
.season-list .season-cts{padding:0.9rem 0.75rem; min-height:10.2rem;}
.season-list .season-cts > div{background:#f8f8f8; border-radius:0.5rem; padding:0.6rem; line-height:1.35rem; color:#333;}
.season-list .season-cts > div:not(:last-child){margin-bottom:0.5rem;}
.season-list .season-cts > div em{font-weight:600;}
@media (max-width:1600px){
    .facility-con .top-zone{border: 5px solid transparent; border-radius: 20px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #f39800 50%,  #df6d09 100%); background-origin: border-box; background-clip: content-box, border-box; padding:0;}
    .facility-con .top-zone > div{  padding:2.1rem 2.25rem 1rem;}
    .facility-con .bt-zone{width:calc(100% - 6rem);}
}

@media (max-width:1400px){
    .season-list{width:calc(100%/2 - 1.1rem);}
}
@media (max-width:1030px){
    .fac-img01{content: url(/images/common/default/content/facility-img01-mob.jpg);}
    .fac-img02{content: url(/images/common/default/content/facility-img02-mob.jpg);}
}
@media (max-width:767px){
    .facility-con .bt-zone{width:calc(100% - 2rem);}
}



/*두류젊코상권활성화*/
.tb-bx{margin-top:2.5rem;}
.tb-bx > .active-description{margin-bottom:1.1rem;}
.active-bx .bs-bx:not(:last-child){margin-bottom:1.8rem;}
.active-bx .bs-bx .moyang-wrap{display:flex; align-items:flex-start; justify-content:center; gap:3.5rem; margin-top:2.2rem;}
.active-bx .bs-bx .moyang-apply{margin-top:2.2rem; padding:0 1.8rem;}
.active-bx .moyang-apply .img-zone{gap:inherit; justify-content:space-between;}
.moyang-wrap .mobimg{display:none;}
.btn-wrap{text-align:center; margin-top:2.1rem;}
.btn-wrap .download{display:inline-block; width:9.5rem; height:2.75rem; line-height:2.75rem; font-size:0.9rem; font-weight:500; color:#fff; background:#de6a0b; border-radius:0.25rem; position:relative; text-align:left; padding:0 1.8rem;}
.btn-wrap .download:after{content:''; display:block; position:absolute; width:0.9rem; height:0.8rem; background:url('/images/common/default/content/down-icon-on.svg')no-repeat center center; background-size: cover; top:50%;transform:translateY(-50%); right:1.8rem;}
.btn-wrap .download:hover{background: #d76100;}
@media (max-width:1600px){
    .moyang-wrap .webimg{display:none;}
    .moyang-wrap .mobimg{display:flex; gap:3.5rem;}
    .moyang-wrap .mobimg figure{text-align:center;}
    .moyang-wrap .mobimg figcaption{padding-top:0.85rem; font-size:0.9rem; font-weight:600; color:#333;}
    .active-bx .bs-bx .moyang-apply{padding:0;}
    .active-bx .moyang-apply .img-wrap{width:inherit;}
}
@media (max-width:1400px){
    .active-bx .bs-bx .moyang-wrap{gap:2rem;}
    .moyang-wrap .mobimg{gap:1.5rem;}
    .active-bx .moyang-apply .img-zone{gap:1.5rem;}
}
@media (max-width:1200px){
    .active-bx .bs-bx .moyang-wrap{flex-direction:column; align-items:center; gap:2rem;}
}
@media (max-width:1030px){
    .moyang-wrap .mobimg{gap:5rem;}
    .moyang-wrap .mobimg img{max-width:100%;}
}
@media (max-width:767px){
    .moyang-wrap .mobimg{gap:3rem;}
    .active-description li.span-wrap{flex-direction:column; align-items:flex-start;}
    .active-description li p{width:100%;}
}
@media (max-width:500px){
    .moyang-wrap .mobimg{flex-direction:column; gap:2.5rem;}
    .active-bx .moyang-apply .img-zone{justify-content:center;}
}


/*동성로 상권 활성화*/
.space{margin-top:2.5rem;}
.space > .active-description{margin-bottom:1.1rem;}
.space .img-zone{border:solid 1px #ddd; border-radius:0.75rem; overflow:hidden;}
.space .img-zone img{max-width:100%;}
.vi-bx{padding:2.4rem 3rem 2.4rem 2.4rem; border:solid 1px #ddd; border-radius:0.75rem;}
.summary{display:flex;}
.summary.dong-vision{margin-bottom:5.7rem; align-items:flex-start;}
.summary.vision{margin-bottom:7.2rem;}
.summary.strategy{position:relative;}
.summary.strategy:before{content:''; display:none; position:absolute; width:43.65rem; height:4.65rem; background:url('/images/common/default/content/dong-arrow.png')no-repeat center center; background-size: cover; top:-6.3rem; left:50%;transform:translateX(-50%); max-width:100%;}
.summary .cts-l{width:8.5rem; position:relative;}
.summary .cts-r{width: calc(100% - 8.5rem); text-align:center;}
.summary .cts-l span{display:inline-block; width:6rem; padding:0.7rem; border:solid 2px #ea6a1c; color:#ea6a1c; font-size:1.1rem; font-weight:600; border-radius:0.4rem; text-align:center; line-height:1.363; background:#fff;}
.summary .cts-l .absol{position:absolute; left:0; top:44%; transform:translateY(-50%);}
.summary.dong-vision .txt{font-size:1rem; color:#333;}
.summary.dong-vision .tit{font-size:1.5rem; font-weight:bold; color:#333; padding-top:0.45rem;}
.summary.dong-vision .tit em{color:#ea6a1c;}
.summary.vision .vision-wrap{display:flex; justify-content:center;}
.summary.vision .vision-wrap li{width:9.9rem; height:9.9rem; line-height:1.4; padding:1.8rem; border-radius:50%; display:flex; align-items:center; justify-content:center; mix-blend-mode: multiply; color:#333; font-weight:600;}
.summary.vision .vision-wrap li em{color:#ea6a1c; font-weight:600;}
.summary.vision .vision-wrap li:nth-child(1){background:#fdefe3; margin-right:-1.5rem;}
.summary.vision .vision-wrap li:nth-child(2){background:#fdf6e3;}
.summary.vision .vision-wrap li:nth-child(3){background:#f6e3d3; margin-left:-1.5rem;}
.summary.vision .vision-wrap li:nth-child(4){background:#fdf6e3; margin-left:-1.5rem;}
.summary.strategy .cts-r{display:flex; gap:1.4rem; position:relative; top:calc(2.65rem/2);}
.summary.strategy .cts-r:before{content:''; display:block; position:absolute; width:43.65rem; height:4.65rem; background:url('/images/common/default/content/dong-arrow.png')no-repeat center center; background-size: cover; top:-6.3rem; left:50%;transform:translateX(-50%); max-width:100%;}
.summary.strategy .strategy-wrap{width:50%; padding:2rem 1.3rem 1rem; position:relative; display:flex; justify-content:space-between; flex-direction:column; gap:0.75rem; border-radius:0.4rem;}
.summary.strategy .strategy-wrap:nth-child(1){background:#fdf6e2;}
.summary.strategy .strategy-wrap:nth-child(2){background:#fdecde;}
.summary.strategy .strategy-wrap .top-zone{position:absolute; left:50%; transform:translateX(-50%); top:calc(-2.65rem/2); color:#fff; width:calc(100% - 2.6rem); font-size:1rem; font-weight:600; padding:0.8rem; border-radius:0.4rem;}
.summary.strategy .strategy-wrap:nth-child(1) .top-zone{background:#f39810;}
.summary.strategy .strategy-wrap:nth-child(2) .top-zone{background:#de690b;}
.summary.strategy .st-bx{border:2px solid #ddd; border-radius:0.4rem; padding:0.6rem; padding-bottom:1.2rem; background:#fff;}
.summary.strategy .st-bx:not(:last-child){margin-bottom:0.5rem;}
.summary.strategy .st-bx .tit{background:#f8f8f8; font-weight:700; display:flex;justify-content:center;align-items:center;height:3.25rem;border-radius:10px; color:#333;}
.summary.strategy .st-bx ul{margin-top:1.25rem; text-align:left;}
.summary.strategy .st-bx ul li{position:relative; padding-left:1.5rem; font-size:0.9rem; color:#333;}
.summary.strategy .st-bx ul li:before {content:'';display:block;position:absolute;width:5px;height:5px;background:#333;border-radius:50%;left:1rem;top:0.35rem;}
.summary.strategy .st-bx ul li:not(:last-child){margin-bottom:0.75rem;}
.summary.strategy .strategy-wrap .bt-zone{font-size:1rem; font-weight:bold; padding:0.8rem; border-radius:0.4rem; background:#fff;}
.summary.strategy .strategy-wrap:nth-child(1) .bt-zone{border:solid 1px #f39810; color:#f39810;}
.summary.strategy .strategy-wrap:nth-child(2) .bt-zone{border:solid 1px #de690b; color:#de690b;}
.st-inn2{height:100%;}
.st-inn2 .st-bx:nth-child(1){height:13.5rem;}
.st-inn2 .st-bx:nth-child(2){height:calc(100% - 13.5rem - 0.5rem);}
.st-inn2 .st-bx:nth-child(1) ul{margin-top:3rem;}
.st-inn2 .st-bx:nth-child(2) ul{margin-top:3.6rem;}
.dongseongro-bx{padding:2rem 1.5rem; border:solid 1px #ddd; border-radius:0.75rem; margin-top:4rem; display:flex; gap:1.5rem;}
.dongseongro-bx .cts-l{width:43.4rem;}
.dongseongro-bx .cts-r{width:calc(100% - 43.4rem - 1.5rem); padding-top:2.2rem;}
.dongseongro-bx .cts-l img{border-radius:0.75rem; border:solid 1px #ddd; overflow:hidden;}
.dongseongro-bx .name-list{display:flex; align-items:center; padding:0.7rem 1rem; background:#f8f8f8; border-radius:0.5rem; margin-top:0.7rem; gap:0.5rem 2.4rem; flex-wrap:wrap;}
.dongseongro-bx .name-list li{font-size:0.8rem; color:#666; position:relative;}
.dongseongro-bx .name-list li:before{content:''; display:block; position:absolute; top:50%;transform:translateY(-50%); left:0;}
.dongseongro-bx .name-list li:nth-child(1){padding-left:1.4rem;}
.dongseongro-bx .name-list li:nth-child(1):before{width:0.8rem; height:0.8rem; background:url('/images/common/default/content/name-list-icon01.png')no-repeat center center; background-size: cover;}
.dongseongro-bx .name-list li:nth-child(2){padding-left:1.2rem;}
.dongseongro-bx .name-list li:nth-child(2):before{width:0.8rem; height:0.8rem; background:url('/images/common/default/content/name-list-icon02.png')no-repeat center center; background-size: cover;}
.dongseongro-bx .name-list li:nth-child(3){padding-left:2rem;}
.dongseongro-bx .name-list li:nth-child(3):before{width:1.45rem; height:0.35rem; background:url('/images/common/default/content/name-list-icon03.png')no-repeat center center; background-size: cover;}
.dongseongro-bx .name-list li:nth-child(4){padding-left:1.5rem;}
.dongseongro-bx .name-list li:nth-child(4):before{width:1.1rem; height:1.1rem; background:url('/images/common/default/content/name-list-icon04.png')no-repeat center center; background-size: cover;}
.ds-list-wrap ul{padding:0.5rem 0;}
.ds-list-wrap ul:first-child{padding-top:0;}
.ds-list-wrap ul:last-child{padding-bottom:0;}
.ds-list-wrap ul:not(:last-child){border-bottom:dashed 1px #ddd;}
.ds-list-wrap .ds-list{display:flex; align-items:center; font-size:0.75rem; color:#333; gap:0.45rem; letter-spacing: -0.025em;}
.ds-list-wrap .ds-list:not(:last-child){margin-bottom:0.35rem;}
.ds-list-wrap .ds-list span{display:inline-block; width:1.6rem; height:1.25rem; line-height:1.25rem; color:#ea6a1c; font-size:0.65rem; font-weight:500; border:solid 1px #ea6a1c; text-align:center;}
@media (max-width:1600px){
    .dongseongro-bx{flex-direction:column;}
    .dongseongro-bx .cts-l{width:100%; text-align:center;}
    .dongseongro-bx .cts-l img{max-width:100%;}
    .dongseongro-bx .cts-r{width:100%; padding-top:0;}
    .dongseongro-bx .name-list{gap:0.5rem 1.5rem;}
}
@media (max-width:1400px){
    .vi-bx{padding:2.4rem;}
    .summary.strategy .cts-r{flex-direction:column; gap:4rem;}
    .summary.strategy .strategy-wrap{width:100%;}
    .st-inn2 .st-bx:nth-child(1),
    .st-inn2 .st-bx:nth-child(2){height:auto;}
    .st-inn2 .st-bx:nth-child(1) ul,
    .st-inn2 .st-bx:nth-child(2) ul{margin-top:1.25rem;}
    .summary .cts-l .absol{top:4rem; transform:inherit;}
}
@media (max-width:1400px){
    .summary{flex-direction:column; gap:2rem;}
    .summary .cts-l{width:100%; display:flex; justify-content:center; gap:1rem;}
    .summary .cts-r{width:100%;}
    .summary.strategy .cts-r:before{display:none;}
    .summary .cts-l span{width:50%;}
    .summary .cts-l span br{display:none;}
    .summary .cts-l .absol{position:relative; top:inherit;}
    .summary.strategy:before{display:block;}
}
@media (max-width:1030px){
    .vi-bx{padding:2rem;}
    .summary{gap:1rem;}
    .summary.strategy .cts-r{gap:3rem;}
    .summary.dong-vision{margin-bottom:3.5rem;}
    .summary.vision{margin-bottom:5rem;}
    .summary.strategy:before{top:-3.5rem;}
    .summary.vision .vision-wrap li{width:9rem; height:9rem; padding:1.2rem;}
    .summary.dong-vision .tit{line-height:1.3;}
    .ds-list-wrap .ds-list{font-size:0.9rem;}
    .ds-list-wrap .ds-list span{font-size:0.8rem; width:2rem;}
}
@media (max-width:767px){
    .summary.strategy:before{width:25rem; height:2.65rem;}
}
@media (max-width:420px){
    .summary.dong-vision .txt{line-height:1.3;}
    .summary.vision .vision-wrap li{width:8rem; height:8rem; padding:1rem;}
    .summary.vision .vision-wrap li:nth-child(1){margin-right:-1rem;}
    .summary.vision .vision-wrap li:nth-child(3){margin-left:-1rem;}
}
@media (max-width:400px){
    .summary.vision .vision-wrap{flex-direction:column; align-items:center;}
    .summary.vision .vision-wrap li:nth-child(1){margin-right:0; margin-bottom:-1rem;}
    .summary.vision .vision-wrap li:nth-child(3){margin-left:0; margin-top:-1rem;}
}


/*동대구 상권 활성화*/
.dongdaegu-bx{padding:2rem 1.5rem; border:solid 1px #ddd; border-radius:0.75rem; margin-top:1.8rem; display:flex; gap:2.5rem; align-items:center;}
.dongdaegu-bx .cts-l{width:41rem;}
.dongdaegu-bx .cts-l img{max-width:100%;}
.dongdaegu-bx .cts-r{width:calc(100% - 41rem - 2.5rem);}
.dongdaegu-bx .cts-l img{border-radius:0.75rem; border:solid 1px #ddd; overflow:hidden;}
.dongdaegu-bx .dd-list{font-size:0.9rem; color:#666; position:relative; line-height:1.44; padding-left:1.5rem;}
.dongdaegu-bx .dd-list:not(:last-child){margin-bottom:1.3rem;}
.dongdaegu-bx .dd-list:before{content:''; display:block; position:absolute; top:0.25rem; left:0; width:0.8rem; height:0.8rem; }
.dongdaegu-bx .dd-list:nth-child(1):before{background:url('/images/common/default/content/dd-list-icon01.png')no-repeat center center; background-size: cover;}
.dongdaegu-bx .dd-list:nth-child(2):before{background:url('/images/common/default/content/dd-list-icon02.png')no-repeat center center; background-size: cover;}
.dongdaegu-bx .dd-list:nth-child(3):before{background:url('/images/common/default/content/dd-list-icon03.png')no-repeat center center; background-size: cover;}
.dongdaegu-bx .dd-list:nth-child(4):before{background:url('/images/common/default/content/dd-list-icon04.png')no-repeat center center; background-size: cover; width:1.05rem; height:0.5rem; top:0.5rem;}
.dongdaegu-bx .dd-list:nth-child(4) em{color:#0a9cdd;}
.vi-bx02 .dd-mission{margin-bottom:5.7rem; align-items:center;}
.vi-bx02 .vision{margin-bottom:2.5rem; align-items:center;}
.vi-bx02 .goal{position:relative;}
.vi-bx02 .dd-mission:before{content:''; display:none; position:absolute; width:43.65rem; height:4.65rem; background:url('/images/common/default/content/dong-arrow.png')no-repeat center center; background-size: cover; bottom:-6.3rem; left:50%;transform:translateX(-50%) rotate(180deg); max-width:100%;}
.vi-bx02 .dd-mission .cts-r{position:relative;}
.vi-bx02 .dd-mission .cts-r:before{content:''; display:block; position:absolute; width:43.65rem; height:4.65rem; background:url('/images/common/default/content/dong-arrow.png')no-repeat center center; background-size: cover; bottom:-5.65rem; left:50%;transform:translateX(-50%) rotate(180deg); max-width:100%;}
.vi-bx02 .dd-mission .tit{font-size:1.5rem; font-weight:bold; color:#333;}
.vi-bx02 .dd-mission .tit em{color:#ea6a1c;}
.vi-bx02 .vision p{padding-top:1.1rem; font-size:1.2rem; font-weight:bold; color:#333;}
.vi-bx02 .vision .vision-wrap{position:relative; padding-bottom:1.1rem;}
.vi-bx02 .vision .vision-wrap:after{content:''; display:block; position:absolute; width:38.15rem; height:5.6rem; background:url('/images/common/default/content/vision-wrap.png')no-repeat center center; background-size: cover; bottom:0; left:50%;transform:translateX(-50%);}
.vi-bx02 .goal .cts-r{margin-top:calc(2.65rem/2);}
.vi-bx02 .goal-wrap{display:flex; align-items:flex-start; flex-wrap:wrap; margin:-0.5rem;}
.vi-bx02 .goal-list{width:calc(100%/3 - 1rem); margin:0.5rem; padding:2.5rem 1.1rem 1.25rem; position:relative; border-radius:0.4rem; min-height:11.65rem;}
.vi-bx02 .goal-list:nth-child(1){background:#fdf6e2;}
.vi-bx02 .goal-list:nth-child(2){background:#fdecde;}
.vi-bx02 .goal-list:nth-child(3){background:#f7ecdc;}
.vi-bx02 .goal-list .top-zone{position:absolute; left:50%; transform:translateX(-50%); top:calc(-2.65rem/2); color:#fff; width:calc(100% - 2.6rem); font-size:1rem; font-weight:600; padding:0.8rem; border-radius:0.4rem;}
.vi-bx02 .goal-list:nth-child(1) .top-zone{background:#f39810;}
.vi-bx02 .goal-list:nth-child(2) .top-zone{background:#de690b;}
.vi-bx02 .goal-list:nth-child(3) .top-zone{background:#8f6f3d;}
.vi-bx02 .goal-txt li{position:relative; padding-left:0.7rem; font-size:0.9rem; text-align:left; letter-spacing:-0.025em; line-height:1.44; color:#333;}
.vi-bx02 .goal-txt li:before {content:'';display:block;position:absolute;width:5px;height:5px;background:#333;border-radius:50%;left:0;top:0.55rem;}
.vi-bx02 .goal-txt li:not(:last-child){margin-bottom:0.35rem;}
@media (max-width:1600px){
    .active-bx .bs-bx .list1 .img-wrap{width:inherit;}
    .dongdaegu-bx{gap:1.5rem;}
    .dongdaegu-bx .cts-l{width:70%;}
    .dongdaegu-bx .cts-r{width:calc(100% - 70% - 1.5rem);}
    .vi-bx02 .goal-wrap{margin:-1rem -0.5rem;}
    .vi-bx02 .goal-list{width:calc(100%/2 - 1rem); margin:1rem 0.5rem;}
}
@media (max-width:1400px){
    .dongdaegu-bx{flex-direction:column;}
    .dongdaegu-bx .cts-l{width:70%;}
    .dongdaegu-bx .cts-r{width:100%;}
    .dongdaegu-bx .cts-r ul{display:flex; flex-wrap:wrap; margin:-0.5rem;}
    .dongdaegu-bx .dd-list{width:calc(100%/3 - 1rem); margin:0.5rem;}
    .dongdaegu-bx .dd-list:not(:last-child){margin-bottom:0;}
    .vi-bx02 .dd-mission .cts-r:before{bottom:-4rem; z-index:-1; max-width:100%;}
    .vi-bx02 .dd-mission .tit{line-height:1.44;}
    .vi-bx02 .vision .vision-wrap li{width:9rem; height:9rem;}
    .vi-bx02 .vision .vision-wrap:after{max-width:100%;}
}
@media (max-width:1030px){
    .vi-bx02 .goal-list{width:100%;}
    .vi-bx02 .dd-mission{margin-bottom:5rem;}
    .vi-bx02 .vision{margin-bottom:3rem;}
}
@media (max-width:767px){
    .dongdaegu-bx .cts-l{width:100%;}
    .dongdaegu-bx .dd-list{width:calc(100%/2 - 1rem);}
    .vi-bx02 .vision .vision-wrap:after{display:none;}
    .vi-bx02 .vision .vision-wrap{flex-wrap:wrap;}
    .vi-bx02 .vision .vision-wrap li{width:11rem; height:11rem;}
    .vi-bx02 .dd-mission .cts-r:before{width:25rem; height:2.65rem;}
}
@media (max-width:580px){
    .vi-bx02 .vision .vision-wrap li:nth-child(3){margin-left:0; margin-top:-1.5rem;}
    .vi-bx02 .vision .vision-wrap li:nth-child(4){margin-left:0; margin-top:-1.5rem;}
}
@media (max-width:500px){
    .dongdaegu-bx .dd-list{width:100%;}
}


/*골목경제권 조성*/
@media (max-width:1600px){
    .bundle03,
    .bundle04{flex-direction:column;}
    .active-bx .bs-bx .bundle03 .img-wrap,
    .active-bx .bs-bx .bundle04 .img-wrap{width:100%;}
    .active-bx .bs-bx .bundle04-2 .img-bx{flex-wrap:wrap;}
    .active-bx .bs-bx .bundle04-2 img{width:calc(50% - 0.75rem);}
}
@media (max-width:500px){
    .active-bx .bs-bx .bundle04-2 img{width:100%;}
}





/*전통시장 및 상점가 분포*/
.view-tab{padding:8px;width:21rem;margin:4rem auto 2rem ;border:1px solid #ddd;border-radius:0.5rem;box-shadow: 5px 0 20px rgb(0 0 0 / 10%);}
.view-tab ul {display:flex;width:100%;justify-content:space-between;}
.view-tab ul li {width:calc(100% / 2 - 2.5px);}
.view-tab ul li a {display:block;width:100%;line-height:2.5rem;text-align:center;}
.view-tab ul li a.on{background:#ea6a1c;color:#fff;border-radius:0.5rem;font-weight:bold;}
.view-tab ul li a:hover{background:#ea6a1c;color:#fff;border-radius:0.5rem;font-weight:bold;}

.area-tab{background:#f4f4f8;border-radius:1.375rem;padding:8px;}
.area-tab ul {display:flex;}
.area-tab ul li{width:calc(100% / 9 );text-align:center;}
.area-tab ul li a {display:block;width:100%;line-height:2rem;font-size:0.9rem;font-weight:400;color:#666;}
.area-tab ul li.on {background:#ea6a1c;color:#fff;border-radius:1rem;}
.area-tab ul li.on a {color:#fff !important;font-weight:bold;}
.area-tab ul li:hover a{color:#ea6a1c;font-weight:500;}
.area-list .total{display:flex;font-size:0.8rem;font-weight:500;margin-top:3.25rem;padding-bottom:0.5rem;border-bottom:1px solid #272a2e;}
.area-list .total span{color:#666;margin-left:5px;}
.area-list .total > div {padding:0 0.5rem;position:relative;}
.area-list .total > div:first-child{padding-left:0;}
.area-list .total > div:first-child:after{content:'';display:block;position:absolute;width:1px;height:0.65rem;background:#ccc;right:0;top:0;}
.area-list .total > div:last-child{padding-right:0;}

.list-view{margin-top:1.25rem;}
.list-view ul {display:flex;flex-wrap:wrap;margin:-2rem -1.125rem;}
.list-view ul li {width:calc(100% / 3 - 2.25rem);margin:2rem 1.125rem;}
.list-view ul li .thumb {width:100%;padding-top:66.81%;position:relative;border-radius:0.75rem;}
.list-view ul li:hover .thumb {box-shadow: 10px 0 28px rgb(0 0 0 / 15%);}
.list-view ul li .thumb img{position: absolute;top: 0;left: 0;width: 100%;height: auto;object-fit: cover;transition: all 0.4s;border-radius:0.75rem;height:100%;}
.list-view ul li .thumb span {position:absolute;right:1rem;bottom:0;width:3.5rem;height:3.5rem;background:url(/images/common/default/content/go-bg.png)no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;color:#fff;font-size:0.9rem;transform:translateY(50%);opacity:0;}
.list-view ul li:hover .thumb span {opacity:1;}
.list-view ul li .viex-txt {padding:1rem 0 0 1rem;}
.list-view ul li .viex-txt .map{color:#ea6a1c;font-size:0.9rem;position:relative;}
.list-view ul li .viex-txt .map:before{content:'';display:block;position:absolute;width:0.8rem;height:1rem;background:url(/images/common/default/content/map-icon.svg)no-repeat center center;background-size:cover;left:-1rem;}
.list-view ul li .viex-txt .tit {font-size:1.1rem;font-weight:700;margin-top:1rem;}

@media (max-width:1400px){
    .list-view ul{margin:-1rem -0.5rem}
    .list-view ul li {margin:1rem 0.5rem;width:calc(100% / 3 - 1rem);}
}
@media (max-width:650px){
    .list-view ul li {margin:1rem 0.5rem;width:calc(100% / 2 - 1rem);}
    .area-tab ul{overflow-x:scroll; -ms-overflow-style: none; /* 인터넷 익스플로러 */
        scrollbar-width: none; /* 파이어폭스 */}
    .area-tab ul li{width:auto;}
    .area-tab ul li a{min-width:5rem;}
    .area-tab ul li:not(:last-child){margin-right:0.5rem;}
}

/*지도로 보기*/
#area02 #mapcon{margin-top:3rem;position:relative;}
#area02 #mapcon > div.pointer{position:absolute;z-index:1;text-align:center;}
#area02 #mapcon > div.pointer01 {left:40%;top:20%;}
#area02 #mapcon > div.pointer02 {left:30%;top:60%;}


#area02 #mapcon > div.pointer img{filter: drop-shadow(5px 0px 10px rgba(4, 0, 0, 0.2));}
#area02 #mapcon > div.pointer .pointer-txt{background:#fff;padding:0.75rem; border-radius:0.25rem;border:1px solid #ea6a1c;position: absolute;bottom: 3.5rem;
    left: 50%;transform: translateX(-50%);min-width:6.75rem;display:none;}
#area02 #mapcon > div.pointer .pointer-txt:after{content:'';display:block;position:absolute;width:0.7rem;height:0.5rem;background:url(/images/common/default/content/pointer01-point.png)no-repeat center center;background-size:cover;left:50%;bottom:-0.5rem;transform:translateX(-50%);}
#area02 #mapcon > div.pointer .pointer-txt .tit {font-size:0.7rem;font-weight:600;}
#area02 #mapcon > div.pointer .pointer-txt .txt {font-size:0.8rem;font-weight:500;margin-top:0.25rem;color:#333;}
#area02 #mapcon > div.pointer.pointer01 .pointer-txt .tit{color:#ea6a1c;}
#area02 #mapcon > div.pointer.pointer02 .pointer-txt .tit{color:#006bdb;}
#area02 #mapcon > div.pointer.pointer02 .pointer-txt{border:1px solid #006bdb;}
#area02 #mapcon > div.pointer.pointer02 .pointer-txt:after{background:url(/images/common/default/content/pointer02-point.png)no-repeat center center;background-size:cover;}


.pointer-hover{display:inline-block;}
.pointer-hover:focus {}
#area02 #mapcon > div.pointer:hover .pointer-txt{display:inline-block;}
#area02 #mapcon > div.pointer:focus .pointer-txt{display:inline-block;}
#area02 #mapcon > div.pointer .pointer-txt:focus{display:inline-block !important;outline:2px solid #000 !important;}
#area02 #mapcon > div.pointer .pointer-txt:focus{ }
.pointer-hover:focus + .pointer-txt {display:inline-block !important;}



a.pointer-hover:focus .pointer-txt {
    display: inline-block;
}


/*페이징*/
* + .board_pager { margin-top: 4rem; }
.board_pager { font-size: 0.8rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 2.25rem; height: 2.25rem; border-radius: 100%; text-align: center; line-height: 2.25rem; vertical-align: top;position:relative; }
.board_pager a.arr { border: 1px solid #ddd; }
.board_pager a.arr::before { }
.board_pager a.arr.first::before { content: '';display:block;position:absolute;width:16px;height:13px;background:url(/images/common/default/content/board-left2.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%);}
.board_pager a.arr.prev::before {  content: '';display:block;position:absolute;width:8px;height:13px;background:url(/images/common/default/content/board-left.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%); }
.board_pager a.arr.next::before { content: '';display:block;position:absolute;width:8px;height:13px;background:url(/images/common/default/content/board-right.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%);}
.board_pager a.arr.last::before {content: '';display:block;position:absolute;width:16px;height:13px;background:url(/images/common/default/content/board-right2.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%);}
.board_pager a.active { color: #ea6a1c; }
.board_pager a.active strong{border-bottom:1px solid #ea6a1c;}
.board_pager a.active .last_page{display:none}
.board_pager .group { margin: 0 0.5rem; }
.visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;white-space: nowrap;}


* + .boardPageNav { margin-top: 4rem; }
.boardPageNav { font-size: 0.8rem; text-align: center; }
.boardPageNav a { display: inline-block; overflow: hidden; width: 2.25rem; height: 2.25rem; border-radius: 100%; text-align: center; line-height: 2.25rem; vertical-align: top;position:relative; }
.boardPageNav a.arr { border: 1px solid #ddd; }
.boardPageNav a.arr::before { }
.boardPageNav a.arr.first::before { content: '';display:block;position:absolute;width:16px;height:13px;background:url(/images/common/default/content/board-left2.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%);}
.boardPageNav a.arr.prev::before {  content: '';display:block;position:absolute;width:8px;height:13px;background:url(/images/common/default/content/board-left.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%); }
.boardPageNav a.arr.next::before { content: '';display:block;position:absolute;width:8px;height:13px;background:url(/images/common/default/content/board-right.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%);}
.boardPageNav a.arr.last::before {content: '';display:block;position:absolute;width:16px;height:13px;background:url(/images/common/default/content/board-right2.png)no-repeat center center;background-size:cover;left:50%;top:50%; transform:translate(-50%,-50%);}
.boardPageNav a.active { color: #ea6a1c; }
.boardPageNav a.active strong{border-bottom:1px solid #ea6a1c;}
.boardPageNav a.active .last_page{display:none}
.boardPageNav .group { margin: 0 0.5rem; }
.visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;white-space: nowrap;}





/*직영사업*/
.market-name{position:relative;display:flex;align-items: center;justify-content: center;height:10rem;border: 8px solid transparent;
    border-radius: 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #df6d09 0%, #f39800 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0;}
.market-name h3{font-size:1.75rem;font-weight:600;text-align:center;line-height:1.3;}
.market-name .s-name{width:29.25rem;text-align:center;position:absolute;bottom:-8px;left:50%;transform:translate(-50%,50%);color:#ea6a1c;font-weight:600;background:#fff;}
.market-link{margin-top:1.85rem;}
.market-link a{padding-right:1.5rem;font-size:0.9rem;width:10.5rem;height:2.75rem;border-radius:0.25rem;background:#272a2e url(/images/common/default/content/market-link-icon.svg)no-repeat center right+1rem;color:#fff;display:flex;margin:0 auto;justify-content:center;align-items:center;background-size:0.9rem;}
.market-link02{display:flex;justify-content: center;gap:1rem;}
.market-link02 a{margin:0;}
.market-link02 a:last-child{background:#03a84e url(/images/common/default/content/market-link-icon.svg)no-repeat center right+1rem;width:10.5rem;background-size:0.9rem;}

.market-slide {width:49rem !important;margin:0 auto;margin-top:3.85rem;}
.market-slide .gallery-top{height:26.5rem;}
.market-slide .gallery-top .swiper-slide{border-radius:0.75rem;overflow:hidden;height:26.5rem;}
.market-slide .gallery-top .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.wrap-slide{position:relative;}
.wrap_thumb_layout{margin-top:1rem;position:relative;}
.market-slide .wrap_thumb_layout .swiper-slide{border-radius:0.5rem;overflow:hidden;height:6rem;}
.market-slide .wrap_thumb_layout .swiper-slide img{width:100%;height:100%;object-fit: cover;}

.market-slide .wrap_thumb_layout .swiper-slide-thumb-active{position:relative;}
.market-slide .wrap_thumb_layout .swiper-slide-thumb-active:after{content:'';display:block;position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #ea6a1c;left:0;top:0;border-radius:0.5rem;}

.market-slide .top-swiper-btn{position:absolute;height:2.5rem;top:50%;transform:translateY(-50%);width:100%;pointer-events: none;z-index:1;}
.market-slide .top-swiper-btn .swiper-button-next{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-right-2.svg) no-repeat center center;position: absolute;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);right:-1rem;background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}
.market-slide .top-swiper-btn .swiper-button-prev{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-left-2.svg) no-repeat center center;position: absolute;left: -1rem;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}

.market-slide .bottom-swiper-btn{position:absolute;height:2.5rem;top:50%;transform:translateY(-50%);width:100%;pointer-events: none;z-index:1;}
.market-slide .bottom-swiper-btn .swiper-button-next{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-right-2.svg) no-repeat center center;position: absolute;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);right:-1rem;background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}
.market-slide .bottom-swiper-btn .swiper-button-prev{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-left-2.svg) no-repeat center center;position: absolute;left: -1rem;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}

@media (max-width:1400px) {
    .market-slide{width:90% !important;}
    .market-slide .gallery-top{height:auto;}

}
@media (max-width:1030px) {
    .market-slide .top-swiper-btn .swiper-button-prev{width:2rem;height:2rem;}
    .market-slide .top-swiper-btn .swiper-button-next {width:2rem;height:2rem;}
    .market-slide .bottom-swiper-btn .swiper-button-next{width:2rem;height:2rem;margin-top:-1rem;}
    .market-slide .bottom-swiper-btn .swiper-button-prev{width:2rem;height:2rem;margin-top:-1rem;}
    .market-name h3{font-size:1.5rem;}
    .market-name h3 br{}
}

@media (max-width:767px) {
    .market-name{border: 5px solid transparent;}
    .market-name .s-name {height:1.5rem;line-height:1.5rem;bottom:0;width:70%;}

    .market-slide .wrap_thumb_layout .swiper-slide{height:4rem;}
    .market-slide .gallery-top .swiper-slide{height:20rem;}
}
@media (max-width:767px) {
    .market-slide .gallery-top .swiper-slide{height:15rem;}
}


.market-sub-tit {margin-top:3.5rem;text-align:center;}
.market-sub-tit .tit{min-width:12.5rem;line-height:calc(3.5rem - 16px);background:#ea6a1c;border:8px solid #fff;border-radius:1.75rem;font-size:1.15rem;font-weight:600;text-align:center;margin:0 auto;color:#fff;z-index:1;position:relative;display:inline-block;padding:0 1rem;}
.market-sub-tit .txt {background:#fdf6e3;padding:3.5rem 1rem 2rem 2rem;margin-top:-2rem;border-radius:0.75rem;}
.market-sub-tit .txt p {font-size:1rem;line-height:1.75;font-weight:500;white-space: pre-line;letter-spacing: -0.02rem;text-align:left;}

.market-sub-time{margin:1.5rem 0 0 0;}
.market-sub-time .tit{width:12.5rem;line-height:calc(3.5rem - 16px);background:#272a2e;border:8px solid #fff;border-radius:1.75rem;font-size:1.15rem;font-weight:600;text-align:center;margin:0 auto;color:#fff;z-index:1;position:relative;}
.market-sub-time .txt {background:#f8f8fa;padding:3.5rem 1rem 2rem 2rem;margin-top:-2rem;border-radius:0.75rem;}
.market-sub-time .txt ul {display:flex;}
.market-sub-time .txt ul li {padding:0 1rem;position:relative;color:#666;padding-left:1.5rem;}
.market-sub-time .txt ul li:before{content:'';display:block;position:absolute;width:4px;height:4px;background:#333;border-radius:50%;left:1rem;top:0.5rem;}
.market-sub-time .txt ul li b{color:#333;}
.market-sub-time .txt ul li:first-child{padding-left:0.4rem;}
.market-sub-time .txt ul li:first-child:before{left:0;}
.market-sub-time .txt ul li:last-child{padding-right:0;}
.market-sub-time .txt ul li:not(:last-child):after{content:'';display:block;position:absolute;width:1px;height:0.9rem;background:#888;right:0;top:0.1rem;}
.market-sub-time .txt .point{color:#ea6a1c;margin-top:0.5rem;}
@media (max-width:1400px) {
    .market-sub-time .txt ul {display:block;}
    .market-sub-time .txt ul li {padding-left:0.5rem;}
    .market-sub-time .txt ul li:first-child{padding-left:0.5rem;}
    .market-sub-time .txt ul li:before{left:0;}
    .market-sub-time .txt ul li:after{display:none;}
    .market-sub-time .txt ul li:not(:last-child){margin-bottom:0.5rem;}
    .market-sub-time .txt{padding:2.5rem 1rem 1rem 1rem;}
}


.market-info{padding:3.75rem 0 4.5rem ;}
.market-info ul {display:flex;margin:-0.6rem -0.625rem;flex-wrap:wrap;}
.market-info ul > li {margin:0.6rem 0.625rem;border:1px solid #ddd;width:calc(100% / 3 - 1.25rem);border-radius:0.75rem;height:7.5rem;padding:1.75rem 1rem 1rem 1.75rem;position:relative;overflow:hidden;}
.market-info ul > li:before{content:'';display:block;position:absolute;width:5px;height:100%;left:0;top:0;height:100%;background:#ea6a1c;}
.market-info ul > li b{font-size:1rem;font-weight:bold;margin-bottom:1.3rem;display:inline-block;}
.market-info ul > li p{line-height:1.3;}
.market-info ul > li p b{margin-bottom:0;}
.market-info ul > li > ol {display:flex;}
.market-info ul > li > ol > li{padding:0 1rem;display:flex;align-items: center;position:relative;}
.market-info ul > li > ol > li:not(:last-child):after{content:'';display:block;position:absolute;width:0.65rem;height:0.65rem;background:url(/images/common/default/content/arrow-icon.svg)no-repeat center center;background-size:cover;right:0;top:0.25rem;transform:translateX(50%);}
.market-info ul > li > ol > li:first-child{padding-left:0;}
.market-info ul > li > ol > li:last-child{padding-right:0;}
.market-info ul > li > ol > li em{width:1rem;height:1rem;border-radius:50%;background:#ea6a1c;color:#fff;font-size:13px;display:flex;align-items: center;justify-content: center;margin-right:.3rem;}

@media (max-width:1400px) {
    .market-info ul > li > ol > li {padding:0 0.5rem;font-size:0.9rem;}
}
@media (max-width:1030px) {
    .market-info ul > li > ol > li{font-size:1rem;}

}
@media (max-width:767px) {
    .market-info ul > li > ol{flex-wrap:wrap;}
    .market-info ul > li > ol > li{width:calc(100% / 2);margin:0.5rem 0;}
    .market-info ul > li > ol > li:not(:last-child):after{display:none;}
    .market-info ul > li > ol > li:nth-child(odd){padding-left:0;}
    .market-info ul.wd4 > li:nth-child(4){height:auto;}

}

.market-info ul.wd4 > li:nth-child(4){width:100%;}
.market-map-con{text-align:center;}
.market-map .market-list ul{display:flex;margin:-0.625rem;padding:2.5rem 0;}
.market-map .market-list ul li {margin:0.625rem;width:calc(100% / 3 - 1.25rem);bordeR:1px solid #ddd;border-radius:0.75rem;min-height:6.75rem;padding:1rem 1rem 1rem 1.25rem;}
.market-map .market-list ul li .tit{display:flex;align-items: center;}
.market-map .market-list ul li .tit span{display:flex;width:3rem;height:3rem;background:#f8f8fa;align-items: center;justify-content: center;border-radius:50%;margin-right:0.75rem;}
.market-map .market-list ul li .txt {padding-left:3.75rem;color:#666;line-height:1.3;}
.market-map .market-list ul li .txt a{color:#666;position:relative;}
.market-map .market-list ul li .txt a:after{content:'';display:block;position:absolute;width:0.65rem;height:0.65rem;background:url(/images/common/default/content/map-link-icon.svg)no-repeat center center;background-size:cover;right:-1rem;top:0.3rem;}
.market-map .market-list ul.wd2 li{width:calc(100% / 2 - 1.25rem);}
@media (max-width:500px) {
    .market-map .market-list ul.wd2 li.mob-bx{width:100%;}
}

.market-map .map-guide > div {display:flex;padding:1rem 0;border-bottom:1px dashed #ddd;align-items: center;}
.market-map .map-guide > div:first-child{border-top:1px solid #ddd;}
.market-map .map-guide > div:last-child{border-bottom:1px solid #ddd;padding-bottom:1.5rem;}
.market-map .map-guide > div .tit {display:flex;align-items: center;width:9.5rem;}
.market-map .map-guide > div .tit span{width:3rem;height:3rem;background:#f8f8fa;display:flex;align-items: center;justify-content: center;border-radius:50%;margin-right:0.75rem;}
.market-map .map-guide > div .txt{width:calc(100% - 9.5rem);color:#666;line-height:1.3;}
.market-map .map-guide > div .txt ul li:not(:last-child){margin-bottom:0.75rem;}
.market-map .map-guide > div .txt ul li b {font-weight:600;}
.market-map .map-guide > div .txt ul{margin-top:0.75rem;}
.market-map .map-guide > div .txt ul li{position:relative;padding-left:0.55rem;}
.market-map .map-guide > div .txt ul li:before{content:'';display:block;position:absolute;width:4px;height:4px;background:#666;border-radius:50%;left:0;top:0.5rem;}
.market-map .map-guide > div .txt ul.sub-list li{font-size:0.9rem;}
.market-map .map-guide > div .txt ul.sub-list li:not(:last-child){margin-bottom:0.25rem;}
.market-map .map-guide > div .txt ul.sub-list li:before{width:6px;height:1px;}
.market-map .map-guide > div .txt .yellow{color:#ffa200;font-weight:600;}
.market-map .map-guide > div .txt .green {color:#20a53c;font-weight:600;}
.market-map .map-guide > div .txt .red {color:#f52736;font-weight:600;}
.market-map .map-guide > div .txt .g-b{font-weight:600;}
.market-map .map-guide > div .txt img{display:block;margin-top:1.75rem;}
.market-map .map-guide > div.parking{align-items: flex-start;}
.market-map .map-guide > div.parking .txt{margin-top:0.8rem;line-height:1.5;}
.market-map .map-guide > div.guide-bus{align-items: flex-start;}
.market-map .map-guide > div.guide-bus .txt{margin-top:0.8rem;line-height:1.5;}
@media (max-width:1600px){
    .market-map .market-list ul{flex-wrap:wrap;}
    .market-map .market-list ul li{padding:1rem 0.5rem 1rem 1rem ;margin:0.5rem;width: calc(100% / 2 - 1rem);}
    .market-map .market-list ul li .tit span{width:2rem;height:2rem;}
    .market-map .market-list ul li .tit span img{height:1rem;}
    .market-map .market-list ul li .txt{padding-left:0;margin-top:1rem;}

}

@media (max-width:1400px){
    .market-info ul > li{    width: calc(100% / 2 - 1.25rem);padding:1rem;}
    .market-info ul > li b{margin-bottom:1rem;}



}

@media (max-width:1030px){
    .market-sub-tit .txt{padding:3.5rem 1rem 2rem 1rem;}
}
@media (max-width:500px){
    .market-info ul > li{width:100%;height:auto;padding:1rem;}
    .market-map .map-guide > div{display:block;}
    .market-map .map-guide > div .tit{width:100%;}
    .market-map .map-guide > div .txt{width:100%;}
    .market-map .market-list ul li:last-child{width:100%;}

}



.price-con{padding-bottom:4rem;}
.price-con .floor{font-size:1.15rem;font-weight:bold;padding-bottom:0.75rem;border-bottom:1px solid #333;}
.price-con .floor-bx {display:flex;margin:-0.75rem;margin-top:1.15rem;}
.price-con .floor-bx > div{margin:0.75rem;width:calc(100% / 4 - 1.5rem);border:1px solid #ddd;border-radius:0.4rem;text-align:center;overflow:hidden;}
.price-con .floor-bx > div .floor-tit{background:#f8f8fa;padding:0.9rem 0.5rem;}
.price-con .floor-bx > div .floor-txt {padding:1rem 0 1.25rem;}
.price-con .floor-bx > div .floor-txt ul li{color:#666;}
.price-con .floor-bx > div .floor-txt ul li:first-child{margin-bottom:0.75rem;}
.price-con .floor-bx > div .floor-txt ul li:first-child span{color:#336bd8}
.price-con .floor-bx > div .floor-txt ul li:last-child span{color:#ea6a1c}
.price-con .floor-bx > div .floor-txt ul li span{margin-right:0.3rem;}
.price-con .floor02{margin-top:2.25rem;}

.market-map .map-btn a.kakao-btn {background:#eedb49;}
.market-map .map-btn a.kakao-btn:hover{background:#ebd31c;}
.market-map .map-btn a.naver-btn {background:#03a84e;color:#fff;}

.market-map .map-btn a.naver-btn:hover{background:#019f49;}

.market-map .map-btn a.naver-btn:after {background: url(/images/common/default/content/link-icon-on.svg) no-repeat center center;}


/*전통시장 및 상점가 찾기*/
@media (max-width:767px) {
    .price-con .floor-bx{flex-wrap:wrap;}
    .price-con .floor-bx > div{margin:0.75rem;width:calc(100% / 3 - 1.5rem);}
}
@media (max-width:500px) {
    .price-con .floor-bx > div{margin:0.75rem;width:calc(100% / 2 - 1.5rem);}

}
/*상단 지역 카테고리*/
/*상단 지역 카테고리*/
.cate-list{padding:1rem 0;border-bottom:1px solid #ddd;}
.cate-list ul {display:flex;gap:0.5rem;}
.cate-list ul li{width:4.5rem;border:1px solid #ddd;height:2.25rem;border-radius:5px;position:relative;}

.cate-list ul li input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/* 커스텀 체크박스 */
.cate-list ul li label {
    position: absolute;
    width:100%;height:100%;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 0.9rem;
    color: #333;
    padding-left: 1.75rem; /* 커스텀 체크박스 공간 확보 */
}

/* 체크박스 UI */
.cate-list ul li label:before {
    content: '';
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.9rem;
    height: 0.9rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    background:#fff url(/images/common/default/content/cate-check.png)no-repeat center center;
    transition: background-color 0.3s, border-color 0.3s;
}

/* 체크 상태 */
.cate-list ul li input[type="checkbox"]:checked + label:before {
    background-color: #007bff;
    border-color: #ea6a1c;
    background:#ea6a1c url(/images/common/default/content/cate-check-on.png)no-repeat center center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.cate-list ul li:has(input[type="checkbox"]:checked){border:1px solid #ea6a1c;}
.cate-list ul li:has(input[type="checkbox"]:checked) label {color:#ea6a1c;}


@media (max-width:1400px){
    .cate-list ul{flex-wrap:wrap;margin:-0.5rem;gap:0;}
    .cate-list ul li{margin:0.5rem;width:calc(100% / 5 - 1rem)}

}
@media (max-width:500px){
    .cate-list ul li{margin:0.5rem;width:calc(100% / 4 - 1rem)}

}


.store-search{background:#f4f4f8;border-radius:0.4rem;padding:1rem 1rem;display:flex;justify-content:center;}
.store-search select{width:7.75rem;height:2.5rem;border-radius:0.4rem;border:1px solid #ddd;padding:0 0.7rem;background:#fff url(/images/common/default/content/sel-icon.svg)no-repeat center right+1rem;background-size:0.75rem;font-weight:500;}
.store-search select:not(:last-child){margin-right:0.25rem;}
.store-search select#select01{width:8.5rem;}
.store-search .search-con {width:23.8rem;height:2.5rem;border-radius:0.4rem;position:relative;overflow:hidden;border:1px solid #ddd;margin-left:0.5rem;}
.store-search .search-con button{position:absolute;right:0;height:100%;width:4.5rem;background:#272a2e url(/images/common/default/content/search-icon.svg)no-repeat center right+0.75rem;color:#fff;font-size:.9rem;font-family: 'Pretendard Variable';background-size:0.85rem;text-align:left;padding:0 2rem 0 0.9rem;}
.store-search .search-con input{height:100%;border:none;width:calc(100% - 4.5rem);border-radius:0.4rem 0 0 0.4rem;}
.store-search-bx{display:flex;justify-content:space-between;margin-top:2rem;    align-items: flex-end;}
.store-search-bx .left{width:50%;}
.store-search-bx .left .storebx-list{overflow:hidden;border-radius:0.75rem;}
.store-search-bx .left .storebx-list-bx{border:1px solid #ccc;overflow-y:scroll;height:33.65rem;border-radius:0.75rem;}
.store-search-bx .left .storebx-list-bx::-webkit-scrollbar {width: 8px;  }
.store-search-bx .left .storebx-list-bx::-webkit-scrollbar-thumb {background: rgba(204, 204, 204); /* 스크롤바 색상 */border-radius: 0.75rem; /* 스크롤바 둥근 테두리 */}
.store-search-bx .left .storebx-list-bx::-webkit-scrollbar-track {
    background: rgba(248, 248, 248);  /*스크롤바 뒷 배경 색상*/
}
.store-search-bx .left .storebx-list-bx > div {padding:1rem; }
.store-search-bx .left .storebx-list-bx > div:not(:last-child){border-bottom:1px solid #ccc;}
.store-search-bx .left .storebx-list-bx > div .tit {font-size:1rem;font-weight:600;padding-left:1.25rem;position:relative;}
.store-search-bx .left .storebx-list-bx > div .tit:before{content:'';display:block;position:absolute;width:0.65rem;height:0.85rem;background:url(/images/common/default/content/search-map.svg)no-repeat center center;left:5px;top:0;}
.store-search-bx .left .total {font-size:0.8rem;margin-bottom:0.75rem;}
.store-search-bx .left .total span{color:#666}
.store-search-bx .left .storebx-list-bx > div {position:relative;cursor:pointer;}
.store-search-bx .left .storebx-list-bx > div:hover{background:#fefaef}
.store-search-bx .left .storebx-list-bx > div .list-con {display:flex;align-items:center;margin-top:0.75rem;}
.store-search-bx .left .storebx-list-bx > div .list-con .img-zone {position:relative;width:40%;border-radius:0.5rem;overflow:hidden;    padding-top: 25.085%; border:solid 1px #ddd;}
.store-search-bx .left .storebx-list-bx > div .list-con .img-zone img{position:absolute;width:100%;height:100%;object-fit: cover;left:0;top:0;}
.store-search-bx .left .storebx-list-bx > div .list-con ul{margin-left:1rem;width:60%;}
.store-search-bx .left .storebx-list-bx > div .list-con ul li{font-size:0.9rem;position:relative;padding-left:4.7rem;line-height:1.3;}
.store-search-bx .left .storebx-list-bx > div .list-con ul li span{font-size:0.8rem;position:absolute;width:4.5rem;top:0;left:0;padding-left:0.4rem;}
.store-search-bx .left .storebx-list-bx > div .list-con ul li:before{content:'';display:block;position:absolute;width:4px;height:4px;background:#333;left:0;top:0.3rem;border-radius:50%;}
.store-search-bx .left .storebx-list-bx > div .list-con ul li:not(:last-child){margin-bottom:0.45rem;}
.store-search-bx .left .storebx-list-bx > div span.parking{background:#f0f6ff url(/images/common/default/content/parking-icon.svg)no-repeat center left+0.5rem;position:absolute;width:4.25rem;height:1.4rem;right:1rem;top:1rem;background-size:0.45rem;border-radius:0.25rem;color:#336bd8;font-weight:600;font-size:0.8rem;line-height:1.4rem;padding: 0 0.6rem 0 1.2rem;}
.store-search-bx .right{width:48%;border-radius:0.75rem;    height: 33.65rem;overflow:hidden;}

@media (max-width:1600px){
    .store-search-bx .left .storebx-list-bx > div .list-con {    align-items: flex-start;}

}
@media (max-width:1200px){
    .store-search-bx .left .storebx-list-bx > div .list-con{display:block;}
    .store-search-bx .left .storebx-list-bx > div .list-con ul{width:100%;margin-left:0;margin-top:1rem;}
    .store-search-bx .left .storebx-list-bx{height:25rem;}
    .store-search-bx .right{height:25rem;}
    .store-search-bx .left .storebx-list-bx > div .list-con .img-zone{width:50%;padding-top:35.085%;}

}
@media (max-width:1030px){
    .store-search-bx .left .storebx-list-bx > div .list-con ul li {line-height:1.3;}
}
@media (max-width:767px){
    .store-search-bx{display:block;}
    .store-search-bx .left{width:100%;}
    .store-search-bx .right{width:100%;margin-top:1.5rem;height:15rem;}


}


/*상권 통계마당 - 전통시장 및 상점 통계*/
.stats-depth01 {border:1px solid #dddddd;border-radius:0.5rem;box-shadow: 5px 0 1rem rgb(0 0 0 / 10%);padding:0.4rem;}
.stats-depth01 ul {display:flex;margin-right:-0.5rem;}
.stats-depth01 ul li {width:calc(100% / 6);text-align:center;height:2.5rem;display:flex;align-items: center;justify-items: center;margin-right:0.5rem;}
.stats-depth01 ul li a{display:flex;align-items: center;justify-content: center;width:100%;height:100%;border-radius:0.5rem;font-size:1rem;color:#888;font-weight:500;transition-duration: 0.2s;}
.stats-depth01 ul li.on a{background:#ea6a1c;color:#fff;font-weight:bold;}
.stats-depth01 ul li:hover a{background:#ea6a1c;color:#fff;font-weight:bold;transition-duration: 0.2s;}

.stats-depth02 {margin-top:1.75rem;background:#f4f4f8;border-radius: 0.5rem;padding:0.5rem;}
.stats-depth02 .dapth02-tit {display:none;}
.stats-depth02 ul {display:flex;flex-wrap:wrap;margin:-0.25rem;}
.stats-depth02 ul li {width:calc(100% / 7 - 0.5rem);margin:0.25rem;}
.stats-depth02 ul li a{display:flex;height:2rem;align-items: center;justify-content: center;background:#fff;font-size:0.9rem;color:#888;padding:0 0.5rem;border-radius:0.25rem;text-align: center;}
.stats-depth02 ul li.on a{border:1px solid #ea6a1c;color:#ea6a1c;font-weight:bold;}
.stats-depth02 ul li a:hover{border:1px solid #ea6a1c;color:#ea6a1c;font-weight:bold;}
.graph-bx{margin-top:3.5rem;}
.chartContainer {
    width: 100%; /* 캔버스의 너비를 100%로 설정 */
    height: 450px; /* 캔버스의 높이를 335px로 설정 */
    padding:1.5rem;border:1px solid #ddd;border-radius:1rem;position:relative;
}

.stats-depth02.stats-depth02-width04 ul li {width:calc(100% / 4 - 0.5rem);}
.stats-depth02.stats-depth02-width05 ul li {width:calc(100% / 5 - 0.5rem);}
.stats-depth02.stats-depth02-height ul li {text-align:center;}
.stats-depth02.stats-depth02-height ul a{height:3rem;line-height:1.3;}

.chartContainer .chart-cate{position:absolute;right:1.5rem;top:0;transform:translateY(-100%);background:#ea6a1c;color:#fff;font-weight:600;text-align:center;min-width:7.5rem;border-radius:0.5rem 0.5rem 0 0;height:2rem;display:flex;align-items: center;justify-content: center;font-size:0.9rem;padding: 0 1rem;}

canvas {
    /* 기본적으로 Chart.js는 비율을 유지하므로 아래 속성들은 주로 레이아웃 제어용입니다. */
    display: block;
    max-width: 100%;
    height: 100% !important;
}

.map-stats {margin-top:4.5rem;}
.map-stats-con{display:flex;align-items: center;justify-content: center}

.map-stats-con .left area{cursor:pointer;}
.map-stats-con .right{padding-left:4.2rem;}
.map-stats-con .right > div{display:none;}
.map-stats-con .right > div.on {display:block;}
.map-stats-con .right > div ul.state-list li {overflow:hidden;padding:0 2.75rem 0 1.5rem ;width:29.5rem;box-shadow: 8px 0 35px rgb(6 0 1 / 8%);border-radius:0.75rem;height:5rem;display:flex;align-items: center;justify-content: space-between;position:relative;}
.map-stats-con .right > div ul.state-list li:before{content:'';display:block;position:absolute;width:5px;height:100%;background:#ea6a1c;left:0;top:0;}
.map-stats-con .right > div ul.state-list li:not(:last-child){margin-bottom:1rem;}
.map-stats-con .right > div ul.state-list li .tit{font-size:.9rem;padding-left:1.5rem;position:relative;}
.map-stats-con .right > div ul.state-list li.list01 .tit:before{content:'';display:block;position:absolute;width:1rem;height:0.95rem;background:url("/images/common/default/content/state-icon01.png") no-repeat center right;background-size:cover;left:0;}
.map-stats-con .right > div ul.state-list li.list02 .tit:before{content:'';display:block;position:absolute;width:1rem;height:0.95rem;background:url("/images/common/default/content/state-icon02.png") no-repeat center right;background-size:cover;left:0;}
.map-stats-con .right > div ul.state-list li.list03 .tit:before{content:'';display:block;position:absolute;width:1rem;height:0.95rem;background:url("/images/common/default/content/state-icon03.png") no-repeat center right;background-size:cover;left:0;}
.map-stats-con .right > div ul.state-list li .txt{font-size:.9rem;}
.map-stats-con .right > div ul.state-list li .txt b{font-size:1.75rem;font-weight:bold;margin-right:4px;}

@media (max-width:1400px) {
    .stats-depth01 ul{flex-wrap:wrap;margin:-0.25rem;}
    .stats-depth01 ul li {width: calc(100% / 3 - 0.5rem);margin:0.25rem;}
    .stats-depth02 ul li{    width: calc(100% / 5 - 0.5rem);}
    .map-stats-con .right{padding-left:1rem;}
    .map-stats-con{display:block;}
    .map-stats-con .left{text-align:center;}
    .map-stats-con .left img{max-width:100%;}
    .map-stats-con .right{margin-top:2rem;padding-left:0;}
    .map-stats-con .right > div ul.state-list li{width:100%;}

}
@media (max-width:767px) {
    .stats-depth02 ul li{width:100%;margin:0;text-align:left;}
    .stats-depth02 .dapth02-tit{border-radius:0.5rem;display:block;color:#fff;padding:1rem 1rem;background:#ea6a1c url("/images/common/default/content/arrow-dark.svg")no-repeat center right+1rem;background-size:0.75rem;}
    .stats-depth02 ul{display:none;margin:0;position:absolute;z-index:1;width:calc(100% - 2rem);left:1rem;border:1px solid #ddd;border-radius:0.5rem;overflow:hidden;        box-shadow: 3px 2px 15px 1px rgb(0 0 0 / 10%);}
    .stats-depth02 ul li.on a{border:none;}
    .stats-depth02 ul li a{display: block;font-weight: bold;color: #888;text-transform: capitalize;height:3rem;padding:1rem;text-align:left;}
    .stats-depth02 ul li {text-align:left;}
    .stats-depth02 ul li:not(:last-child){border-bottom:1px solid #ddd;}
    .stats-depth02{padding:0;}
}


/*참여마당 -공모사업 신청(상인)*/
.official .official-ing{padding-bottom:2.5rem;border-bottom:1px solid #ddd;}
.swiper-con{position:relative;width:100%;}
.official-swiper{overflow: hidden}
.official-swiper .swiper-wrapper{}
.official-swiper .swiper-wrapper .swiper-slide {border:1px solid #f8f8f8;background:#f8f8f8;height:15rem;border-radius:0.75rem;padding:1.25rem 0.9rem;}
.official-swiper .swiper-wrapper .swiper-slide .state-bx{display:flex;align-items:center;}
.official-swiper .swiper-wrapper .swiper-slide .state-bx span{width:3.9rem;height:1.65rem;display:flex;
    align-items:center;justify-content:center;border-radius:5px;font-size:0.9rem;font-weight:600;}
.official-swiper .swiper-wrapper .swiper-slide .state-bx span:not(:last-child){margin-right:5px;}
.official-swiper .swiper-wrapper .swiper-slide .state-bx span.state01{background:#336bd8;color:#fff;}
.official-swiper .swiper-wrapper .swiper-slide .state-bx span.day{background:#fff;border:1px solid #e75d08;color:#e75d08;}

.official-swiper .swiper-wrapper .swiper-slide a.tit{font-size:1rem;font-weight:700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;position: relative;min-height:2rem;line-height:1.3;margin-top:1.25rem;}
.official-swiper .swiper-wrapper .swiper-slide p.day{margin-top:2rem;font-size:0.9rem;}
.official-swiper .swiper-wrapper .swiper-slide .btn-zone {display:flex;align-items:center;gap:0.5rem;margin-top:2rem;}
.official-swiper .swiper-wrapper .swiper-slide .btn-zone a{background:#fff;border:1px solid #ddd;display:flex;
    align-items:center;justify-content: center;width:50%;height:2.75rem;border-radius:0.4rem;color:#666;font-size:0.9rem;}

.official-swiper .swiper-wrapper .swiper-slide:hover{background:#fff;border:1px solid #ea6a1c;box-shadow: 8px 0 35px rgb(6 0 1 / 8%);
}
.official-swiper .swiper-wrapper .swiper-slide .btn-zone a.link-btn:after{content:'';display:block;width:0.8rem;height:0.8rem;background:url(/images/common/default/content/link-btn.svg)no-repeat center center;background-size:cover;margin-left:0.5rem;}
.official-swiper .swiper-wrapper .swiper-slide .btn-zone a.homepage:hover{background:#ea6a1c;color:#fff;border:1px solid #ea6a1c;}
.official-swiper .swiper-wrapper .swiper-slide .btn-zone a.view-btn:hover{background:#272a2e;color:#fff;border:1px solid #272a2e;}
.official-swiper .swiper-wrapper .swiper-slide .btn-zone a.link-btn:hover{background:#ea6a1c;color:#fff;border:1px solid #ea6a1c}
.official-swiper .swiper-wrapper .swiper-slide .btn-zone a.link-btn:hover:after{background:url(/images/common/default/content/link-btn-on.svg)no-repeat center center;background-size:cover;}

.swiper-con .swiper-btn{position:absolute;height:2.5rem;top:50%;transform:translateY(-50%);width:100%;pointer-events: none;z-index:1;}
.swiper-con .swiper-btn .official-button-next{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-right.svg) no-repeat center center;position: absolute;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);right:-1rem;background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}
.swiper-con .swiper-btn .official-button-prev{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-left.svg) no-repeat center center;position: absolute;left: -1rem;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}

.swiper-con .swiper-btn .swiper-button-disabled{opacity:0;}

.official .store-search{margin-top:2.5rem;margin-bottom:2rem;}
.official .official-list{}
.official .official-list .total{font-size:0.8rem;margin-bottom:0.85rem;}
.official .official-list .total span{color:#666;}
.official .official-list ul{border-top:2px solid #272a2e;}
.official .official-list ul li{padding:2rem 1rem 2rem 0.85rem;border-bottom:1px solid #ccc;position:relative;}
.official .official-list ul li .left{width:100%;}
.official .official-list ul li .left a.tit{position: relative;display:flex;padding-right:5rem;
}
.official .official-list ul li .left a.tit p{font-weight:700;font-size:1rem;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;min-height: 1.6rem;line-height: 1.6;max-width:calc(100% - 5rem)}

.official .official-list ul li .left a.tit span.d-day{font-size:0.9rem;color:#ea6a1c;font-weight:700;border:1px solid #ea6a1c;border-radius:5px;text-align:center;line-height:1;padding:0.3rem 0.5rem;margin-left:0.5rem;display:inline-block;background:#fff;}
.official .official-list ul li .left .info-list{display:flex;margin-top:1rem;}
.official .official-list ul li .left .info-list > div{font-size:0.9rem;color:#666;}
.official .official-list ul li .left .info-list > div b{color:#333;font-weight:700;margin-right:0.3rem;}
.official .official-list ul li .left .info-list > div:not(:last-child){margin-right:1rem;}
.official .official-list ul li .right{position:absolute;right:1rem ;top:2rem}
.official .official-list ul li .right span.state{width:5.5rem;height:2rem;border-radius:5px;display:flex;align-items: center;justify-content: center;font-size:0.9rem;}
.official .official-list ul li .right span.state01{background:#ea6a1c;color:#fff;}
.official .official-list ul li .right span.state02{background:#336bd8;color:#fff;}
.official .official-list ul li .right span.state03{background:#8f8f8f;color:#fff;}
.official .official-list ul li:hover{background:#fefaef}

@media (max-width:1400px){
    .official .store-search .search-bx{width:40%;display:flex;}
    .store-search .search-con {width:60%;}
    .store-search select {width:calc(100% / 2 - 0.25rem);}
    .store-search select#select01{width:calc(100% / 2 - 0.25rem);}
    .store-search02 .search-bx{width:30%}
    .store-search02 select{width:100%;}
    .store-search02 .search-con {width:70%;}

}
@media (max-width:1200px){
    .store-search select {width:calc(40% - 0.25rem);}
    .store-search select#select01{width:60%;}
    .store-search02 .search-bx{width:30%}
    .store-search02 select{width:100%;}
    .store-search02 .search-con {width:70%;}

}


@media (max-width:1250px){
    .official .official-list ul li .left .info-list{display:flex;flex-wrap:wrap;margin-bottom:-0.75rem;}
    .official .official-list ul li .left .info-list > div{width:50%;padding-right:1rem;}
    .official .official-list ul li .left .info-list > div:not(:last-child){margin-right:0;margin-bottom:0.75rem;}
}



@media (max-width:767px){
    .official .store-search{display:block;}
    .official .store-search .search-bx{width:100%;}
    .store-search .search-con{width:100%;margin-left:0;margin-top:0.5rem;}
    .store-search select#select01{width:45%}
    .store-search select{width:55%;}
    .store-search select:not(:last-child){margin-right:0.5rem;}

    .store-search02 .search-bx{width:30%}
    .store-search02 select{width:100%;}
    .store-search02 .search-con {width:70%;margin-top:0;margin-left:0.5rem;}


}
@media (max-width:500px){
    .official .official-list ul li .left a.tit span.d-day{position:absolute;left:0;top:0;}
    .official .official-list ul li .left a.tit span.d-day{margin-left:0;}
    .official .official-list ul li .left .info-list > div{width:100%;}
    .official .official-list ul li .right{position:relative;right:auto;top:auto;}
    .official .official-list ul li .left .info-list{margin-top:1rem;}
    .official .official-list ul li .right{margin-top:1.5rem;}
    .official .official-list ul li .left a.tit{padding-right:0;padding-top:2rem;}
    .official .official-list ul li .left a.tit p{width:100%;max-width:100%;}


}


/*공모사업 신청 - 뷰페이지*/
.official-view .view-tit {background:#f5f4f9;border-radius:0.5rem;padding:1.75rem 1.7rem;position:relative;overflow:hidden;}
.official-view .view-tit:before{content:'';display:block;position:absolute;width:5px;height:100%;background:#ea6a1c;left:0;top:0;}
.official-view .view-tit h3{font-size:1.75rem;font-weight:600;line-height:1.3;}
.official-view .view-tit .s-txt{margin-bottom:0.75rem;}
.official-view .view-tit .s-txt .date{font-size:0.9rem;}
.official-view .view-tit .s-txt .type{display:inline-block;width:4.5rem;line-height:1.5rem;border:1px solid #ddd;border-radius:0.4rem;font-size:0.9rem;margin-right:0.75rem;text-align:center;}
.official-view .view-tit .s-txt .type01{color:#336bd8;border:1px solid #336bd8;background:#fff;}
.official-view .view-tit .s-txt .type02{color:#ea6a1c;border:1px solid #ea6a1c;background:#fff;}
.official-view .view-tit .s-txt .type03{color:#fff;background:#8f8f8f;border:1px solid #8f8f8f;}
.official-view .view-tit .s-txt .type04{color:#fff;background:#ea6a1c;border:1px solid #ea6a1c;}


.official-view h4{font-size:1.4rem;font-weight:600;padding-bottom:1rem;border-bottom:2px solid #272a2e;}
.official-view .view-top{margin-top:2.25rem;margin-bottom:2.9rem;}
.official-view .view-top ul li{display:flex;width:100%;border-bottom:1px solid #ddd;}
.official-view .view-top ul li > div{padding:1rem 1.25rem ;}
.official-view .view-top ul li > div.bg{background:#f8f8fa;width:10.3125%;text-align:center;font-weight:600;padding:1rem 0.5rem;display:flex;align-items: center;justify-content: center;}
.official-view .view-top ul li > div.txt{width:calc(100% - 10.3125%);color:#666;font-size:0.9rem;}
.official-view .view-top ul li > div.txt .cancel {display:flex;align-items: center;}
.official-view .view-top ul li > div.txt .cancel a{display:inline-block;width:4.5rem;line-height:2rem;border:1px solid #262a2d;color:#262a2d;font-size:0.8rem;border-radius:0.4rem;text-align:center;}
.official-view .view-top ul li > div.txt .cancel p{font-size:0.8rem;color:#666;margin-left:0.75rem;}
.official-view .view-top ul li > div.txt .cancel a:hover{background:#262a2d;color:#fff;}

.official-view .view-top ul li.wd2 > div.bg{width:10.3125%}
.official-view .view-top ul li.wd2 > div.txt{width:39.6875%}

.memeber-view .view-bottom h4{border-bottom:none;}

.official-view .view-con {min-height:22.5rem;padding:1.5rem 0;}
.official-view .view-file{display:flex;border-top:2px solid #272a2e;border-bottom:1px solid #ddd;}
.official-view .view-file .bg{background:#f8f8fa;width:10.3125%;display:flex;align-items: center;justify-content: center;font-weight:600;}
.official-view .view-file .file-bx {width:calc(100% - 10.3125%);padding:1rem 1.25rem ;}
.official-view .view-file .file-bx a{color:#666;font-size:0.9rem;position:relative;display:flex;align-items: center;}
.official-view .view-file .file-bx a span{display:flex;width:1.75rem;height:1.75rem;border-radius:0.5rem;background:#f8f8fa url(/images/common/default/content/down-icon.svg)no-repeat center center;background-size:0.9rem;margin-left:0.7rem;border:1px solid #272a2e;}
.official-view .view-file .file-bx a:hover span{background:#272a2e url(/images/common/default/content/down-icon-on.svg)no-repeat center center;background-size:0.9rem;border:1px solid #272a2e;}
.official-view .view-file .file-bx ul li:not(:last-child){margin-bottom:0.5rem;}
.official-view .view-file .file-bx ul li{display:flex;}

.official-view .textareabx {background:#f8f8fa;min-height:10rem;margin-top:1rem;border-radius:0.25rem;}

@media (max-width:1030px){
    .official-view .view-top ul li{flex-wrap:wrap;border-bottom:none;}
    .official-view .view-top ul li.wd2 > div.txt {width:calc(100% - 10.3125%);}
    .official-view .view-top ul li > div {border-bottom:1px solid #ddd;}
    .official-view .view-tit h3{font-size:1.5rem;}
}
@media (max-width:767px) {
    .official-view .view-top ul li > div.bg {width:20%;}
    .official-view .view-top ul li > div.txt{width:calc(100% - 20%);line-height:1.3;}
    .official-view .view-top ul li.wd2 > div.bg{width:20%;}
    .official-view .view-top ul li.wd2 > div.txt{width:calc(100% - 20%);line-height:1.3;}
    .official-view .view-file .bg{width:100%;padding:1rem 1rem;}
    .official-view .view-file .file-bx{width:100%;padding:1rem 0;}
    .official-view .view-top ul li > div{padding:1rem;}
    .official-view .view-file{display:block;}
}
@media (max-width:500px) {
    .official-view .view-tit h3{font-size:1.3rem;}

}


/*사업신청*/
.file-bx-con {padding:0.75rem 0;border-bottom:1px solid #ddd;}
.file-box{width:25.75rem;display: flex;justify-content: space-between;}
.file-box .upload-name {display: inline-block;height: 2.75rem;padding: 0 10px;vertical-align: middle;border: 1px solid #f8f8fa;width: 20rem;color: #999999;background:#f8f8fa;border-radius:0.5rem;}
.file-box label {padding: 10px 20px;vertical-align: middle;cursor: pointer;height: 2.75rem;width:5rem;text-align:center;display: flex;align-items: center;justify-content: center;border-radius:0.5rem;background:#fff;border:1px solid #272a2e;color:#272a2e;font-size:0.9rem;font-weight:600;margin-left:5px;}
.file-box label:hover{background:#272a2e;color:#fff;}
.file-box input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.file-box:not(:last-child){margin-bottom:0.75rem;}
.file-add{padding:0.75rem 0;border-bottom:1px solid #ddd;}
.file-add span {width:25.75rem;border:1px solid #272a2e;border-radius:0.5rem;height:2.75rem;font-size:0.9rem;display:flex;align-items: center;justify-content: center;cursor:pointer;}
.file-add span:after{content:'';display:block;width:0.7rem;height:0.7rem;background:url(/images/common/default/content/add-icon.svg)no-repeat center center;background-size:cover;margin-left:0.5rem;}
.file-box .delete-btn {padding: 10px 20px;vertical-align: middle;cursor: pointer;height: 2.75rem;width: 5rem;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;
background: #fff;border: 1px solid #272a2e;color: #272a2e;font-size: 0.9rem;font-weight: 600;margin-left:5px;}

.file-box .delete-btn:hover{background:#272a2e;color:#fff;}

@media (max-width:515px) {
    .file-box {width:100%;}
    .file-box .upload-name{width:calc(100% - 5.5rem);}
    .file-add span{width:100%;}
}


/*목록버튼*/
.list-btn{display:flex;justify-content: center;gap:0.9rem;margin-top:4.2rem;}
.list-btn a{width:9.5rem;display:flex;align-items: center;justify-content: center;height:2.75rem;border:1px solid #ccc;border-radius:5px;font-size:0.9rem;position:relative;}
.list-btn a.list{background:#f8f8fa;}
.list-btn a.list:hover{background:#e5e5eb}
.list-btn a.apply{background:#de6a0b;color:#fff;border:1px solid #de6a0b}
.list-btn a.apply:hover{background:#c8610c}
.list-btn a.apply:after{content:'';display:block;width:0.4rem;height:0.7rem;background:url(/images/common/default/content/go-icon.svg)no-repeat center center;background-size:cover;margin-left:0.75rem;}
.list-btn a.apply02:after {display:none;}

.list-btn button{width:9.5rem;display:flex;align-items: center;justify-content: center;height:2.75rem;border:1px solid #ccc;border-radius:5px;font-size:0.9rem;position:relative;}
.list-btn button.list{background:#f8f8fa;}
.list-btn button.list:hover{background:#e5e5eb}
.list-btn button.apply{background:#de6a0b;color:#fff;border:1px solid #de6a0b}
.list-btn button.apply:hover{background:#c8610c}
.list-btn button.apply:after{content:'';display:block;width:0.4rem;height:0.7rem;background:url(/images/common/default/content/go-icon.svg)no-repeat center center;background-size:cover;margin-left:0.75rem;}
.list-btn button.apply02:after {display:none;}

@media (max-width:767px) {
    .list-btn {margin-top:3rem;}
}


/*인사말*/
.greeting-con{height:9rem;background:url(/images/common/default/content/greeting-bg02.png)no-repeat center center;background-size:cover;display:flex;align-items:center;padding:0 2.25rem; position:relative;}
.greeting-con:after{content:'';display:block;position:absolute;width:5.3rem;height:5.5rem;background:url(/images/common/default/content/greeting-point.png)no-repeat center center;background-size:cover;right:2.85rem;bottom:0;}
.greeting-txt-wrap{display:flex; justify-content:space-between; margin-top:3.25rem;}
.greeting-txt-wrap .img-zone{ width:22.8rem; height:fit-content;}
.greeting-txt-wrap .img-zone img{border-radius:0.75rem; overflow:hidden; max-width:100%;}
.greeting-txt-wrap .txt-zone{width:calc(100% - 22.8rem);}
.greeting-con img{position:absolute;bottom:0;left:2.25rem;padding: 0 1.75rem;}
.greeting .greeting-txt {white-space: pre-line;font-size:1rem;line-height:1.5; letter-spacing:-0.025em;}
.greeting .ceo {font-size:1rem; margin-top:2.5rem; display:block;}
.greeting .ceo em{font-size:1.15rem; font-weight:bold; letter-spacing:0.25em;}
.greeting-con strong{font-size:1.75rem;font-weight:700;}
@media (max-width:1600px){
    .greeting-con img {display:none;}
    .greeting-con{border: 5px solid transparent; border-radius: 20px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #f39800 50%,  #df6d09 100%); background-origin: border-box; background-clip: content-box, border-box; padding:0;}
    .greeting-con strong{padding-left:2.25rem;}
    .greeting-txt-wrap{flex-direction:column-reverse;}
    .greeting-txt-wrap .img-zone{width:100%; text-align:center;}
    .greeting-txt-wrap .txt-zone{width:100%; margin-top:2rem;}
}
@media (max-width:1400px){
    .greeting-con:after{width:3rem;height:3.1rem;}
    .greeting-con strong{font-size:1.5rem;padding-left:1rem;}
}
@media (max-width:1030px) {
    .greeting .greeting-txt { white-space:normal;}
    .greeting-con strong{line-height:1.3;}
}
@media (max-width:500px) {
    .greeting-con:after {right:1rem;}
}


/*조직도*/
.org-top{margin-bottom:3.75rem;}

.org-top .org-1 strong{width:7.5rem;height:7.5rem;background:url(/images/common/default/content/org-top.png)no-repeat center center;background-size:cover;font-size:1.2rem;font-weight:bold;color:#ea6a1c;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.org-top .org-1-1 ul{display:flex;justify-content: space-between;padding:0 5rem;margin-top:1.85rem;position:relative;}
.org-top .org-1-1 ul:before{content:'';position:absolute;background:#ccc;width:calc(100% - 10rem);height:1px;top:50%;left:5rem;}
.org-top .org-1-1 ul li {
    width: calc(100% / 4 - 1rem);
    background: #fff;
    border: 1px solid #ea6a1c;
    border-radius: 0.5rem;
    height: 3.25rem;
    display: flex;color:#ea6a1c;
    align-items: center;
    justify-content: center;
    position: relative;}

.org-top .org-2{position:relative;}
.org-top .org-2 span{width:6.5rem;height:6.5rem;border:1px solid #ea6a1c;display:flex;align-items:center;justify-content:center;border-radius:50%;background:url(/images/common/default/content/org-2.png)no-repeat center center;font-size:1.2rem;color:#fff;font-weight:600;margin:0 auto;margin-top:1.85rem;margin-bottom:4.85rem;position:relative;}
.org-top .org-2 span:before{content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 22.1rem;
    background: #ccc;
    left: 50%;
    top: -13rem;
    z-index: -1;}
.org-top .org-3 ul {display:flex;margin:-0.5rem;position:relative;}
.org-top .org-3 ul:before{content:'';display:block;position:absolute;height:1px;background:#ccc;left:50%;transform:translateX(-50%);top:-1.75rem;width: 83.4%;}
.org-top .org-3 ul li {margin:0.5rem;width:calc(100% / 5 - 1rem);background:#fffaf5;border:1px solid #ea6a1c;border-radius:0.5rem;height:3.25rem;display:flex;align-items: center;justify-content: center;position:relative;}
.org-top .org-3 ul li:before{content:'';display:block;position:absolute;width:1px;height:2.25rem;left:50%;top:-2.25rem;background:#ccc;}
.org .table-wrap tbody td{padding:1.3rem 0.5rem}
.org .table-wrap tbody td b{font-weight:700;}
.org .table-wrap tbody td ul{padding-left:3rem;}
.org .table-wrap tbody td ul li {text-align:left;position:relative;padding-left:0.6rem;}
.org .table-wrap tbody td ul li:before{content:'';display:block;position:absolute;width:4px;height:4px;background:#333;border-radius:50%;left:0;top:0.35rem;}
.org .table-wrap tbody td ul li:not(:last-child){margin-bottom:0.5rem;}

@media (max-width:1030px) {
    .org-top img{max-width:100%;}
    .org .table-wrap tbody td ul{padding-left:1rem;}
}
@media (max-width:640px) {
    .horizontal-scroll{display:block;text-align:left;}
    .horizontal_scroll .xi-touch{position:relative;left:0;animation:h_move 1s infinite linear; margin-right: 1rem;}
    .table-wrap.responsive {overflow-x: auto;}
    .table-wrap table{min-width: 640px;}
    .org-top .org-3 ul{margin:0;display:block;}
    .org-top .org-3 ul li{width:100%;margin:0.5rem 0;}
    .org-top .org-3 ul li:before{display:none;}
    .org-top .org-3 ul:before{display:none;}
    .org-top .org-2 span{margin-bottom:2rem;}
    .org-top .org-1-1 ul{padding:0;}
    .org-top .org-1-1 ul li{    width: calc(100% / 2 - 3rem);}

}
@keyframes h_move{
    25%{left:3px}
    50%{left:0}
    75%{left:-3px}
    100%{left:0}
}

/*오시는 길*/
.map-list{margin-top:1.5rem;}
.map-list > div {padding:1.25rem 0;border-bottom:1px solid #ccc;display:flex;align-items:center;}
.map-list > div:first-child{padding-top:0;}
.map-list > div .tit {width:8.5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;}
.map-list > div .tit span.icon-bx{width:3rem;height:3rem;display:inline-block;border-radius:50%;margin-right:0.6rem;}
.map-list > div.add .tit span.icon-bx{background:#f8f8fa url(/images/common/default/content/map-icon01.png)no-repeat center center;}
.map-list > div.tel .tit span.icon-bx{background:#f8f8fa url(/images/common/default/content/map-icon02.png)no-repeat center center;}
.map-list > div.fax .tit span.icon-bx{background:#f8f8fa url(/images/common/default/content/map-icon03.png)no-repeat center center;}
.map-list > div.road .tit span.icon-bx{background:#f8f8fa url(/images/common/default/content/map-icon04.png)no-repeat center center;}
.map-list > div.road {align-items:flex-start;}
.map-list > div .txt{width:calc(100% - 8.5rem);color:#666;font-size:1rem;}
.map-list > div .txt > ul > li {padding:1.25rem 0;line-height:1.3;}
.map-list > div .txt > ul > li b{color:#333;font-weight:600;margin-bottom:0.75rem;display:block;}
.map-list > div .txt > ul > li:not(:last-child){border-bottom:1px dashed #ccc;}
.map-list > div .txt > ul > li > div > ul {display:flex;}
.map-list > div .txt > ul > li > div > ul li:not(:last-child){margin-right:1rem;}
.map-list > div .txt > ul > li > div > ul li span {display:inline-block;width:2.25rem;line-height:1.25rem;border:1px solid #ddd;color:#ddd;text-align:center;font-size:0.8rem;font-weight:500;border-radius:3px;margin-right:0.5rem;}
.map-list > div .txt > ul > li > div > ul li span.bus01{color:#3353a2;border:1px solid #3353a2}
.map-list > div .txt > ul > li > div > ul li span.bus02{color:#4c9a30;border:1px solid #4c9a30}
.map-list > div .txt > ul > li > div > ul li span.bus03{color:#de6a0b;border:1px solid #de6a0b}
.map-list > div .txt > ul > li > div .red{color:#eb2727;}
.map-btn {display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.4rem;}
.map-btn a{width:9.5rem;height:2.75rem;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:0.9rem;color:#333;}
.map-btn a:after{content:'';display:block;width:0.8rem;height:0.8rem;background:url(/images/common/default/content/link-icon.svg)no-repeat center center;background-size:cover;margin-left:0.5rem;}
.map-btn a.kakao-map{background:#eedb49;}
.map-btn a.naver-map{background:#03a84e;color:#fff;}
.map-btn a.naver-map:after{background:url(/images/common/default/content/link-icon-on.svg)no-repeat center center;background-size:cover;}
.map-btn a.kakao-map:hover{background:#eec549}
.map-btn a.naver-map:hover{background:#009644}

@media (max-width:1030px) {
    .map-list > div{display: block;}
    .map-list > div .tit{width:100%;}
    .map-list > div .txt{width:100%;margin-top:1rem;}
    .map-list > div .txt > ul > li:first-child{padding-top:0;}
    .map-list > div .txt > ul > li:last-child{padding-bottom:0;}


}
@media (max-width:1030px) {
    .map-list > div .txt > ul > li > div > ul {display:block;}
    .map-list > div .txt > ul > li > div > ul li:not(:last-child){margin-right:0;margin-bottom:0.5rem;}
}

/*설립 취지 및 연혁*/
.history-top{ position: relative;padding: 8px;background: linear-gradient(to right, #ea5b1c, #f39800);border-radius: 15px;height:13.25rem;}


.history-top strong{background:#fff;width:100%;height:100%;display:block;border-radius: 7.5px;font-size:1.75rem;white-space: pre-line;text-align:center;font-weight:600;padding-top:2.5rem;line-height:1.3;}
.history-top strong em {position:relative;z-index:1;}
.history-top strong em:before{content:'';display:block;position:absolute;width:100%;background:#fdf6e3;border-radius:6.5px;left:0;bottom:-5px;height:13px;z-index:-1;}

.history-top p{width:calc(100% - 6rem);position:absolute;background:#f8f8fa;padding:1.5rem 1rem;border-radius:0.5rem;white-space: pre-line;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.3;font-weight:600;}
.history-top p:before{content:'';display:block;position:absolute;width:1rem;height:100%;left:-1rem;background:#fff;}
.history-top p:after{content:'';display:block;position:absolute;width:1rem;height:100%;right:-1rem;background:#fff;top:0;}
.history-txt{position:relative;}
.history-txt:before{content:'';display:block;position:absolute;width:1.25rem;height:0.75rem;background:url(/images/common/default/content/txt-point.png)no-repeat center center;background-size:cover;top:-3.8rem;left:50%;z-index:1;}

.history-list{margin-top:7rem;position:relative;}
.history-list:before{content:'';display:block;position:absolute;width:1px;height:100%;background:#ccc;left:50%;transform:translateX(-50%);top:1rem;}
.history-list > div{position:relative;}
.history-list > div:after{content:'';display:block;position:absolute;width:1px;height:0;background:#ea6a1c;top:1rem;    transition: all .3s;}
.history-list > div:nth-child(odd){padding-left:50%;}
.history-list > div .year{font-size:2.25rem;font-weight:600;color:#ea6a1c;margin-bottom:3rem;padding-left:2.5rem;position:relative;}
.history-list > div .year:before{content:'';display:block;position:absolute;width:0.45rem;height:0.45rem;background:#ea6a1c;left:0;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
.history-list > div ul{position:relative;padding-left:2.5rem;}
.history-list > div ul li.day{display:flex;font-size:0.9rem;}
.history-list > div ul li.day span{width:3.5rem;font-weight:600;}
.history-list > div ul li.day p {width:calc(100% - 3.5rem);line-height:1.3;}
.history-list > div ul li.day:not(:last-child){margin-bottom:1rem;}

.history-list > div:nth-child(even){padding-right:50%;}
.history-list > div:nth-child(even) ul{padding-right:2.5rem;padding-left:0;}
.history-list > div:nth-child(even) .year{padding-left:0;padding-right:2.5rem;text-align:right}
.history-list > div:nth-child(even) ul li.day {flex-direction:row-reverse;}
.history-list > div:nth-child(even) ul li.day span{text-align:right;}
.history-list > div:nth-child(even) ul li.day p {text-align:right;}
.history-list > div:nth-child(even) .year:before{left:auto;right:0;transform:translate(50%,-50%);}
.history-list > div:nth-child(even):after{left:auto;right:calc(50%  - 0.5px);transform:translateX(0%);}
.history-list > div.effect:after {height:100%;    transition: all .3s;}

@media (max-width:1600px) {
    .history-top strong {font-size:1.5rem;}
    .history-top p{white-space: inherit;}
}
@media (max-width:1200px) {
    .history-top{height:15rem;}

    .history-top p{padding: 2.5rem 1rem 1.5rem 1rem;}

}
@media (max-width:1030px) {
    .history-top{height:9rem;}
    .history-top{padding:5px;}
    .history-top strong{font-size:1.2rem;}
    .history-top p{width:100%;position:relative;left:auto;top:auto;transform: translate(0, 0);margin:3rem 0;}
    .history-list{margin-top:13.5rem;}
    .history-txt:before{top:0;transform:translateY(-50%);}
    .history-list > div .year{font-size:2rem;margin-bottom:1.5rem;}
}
@media (max-width:550px) {
    .history-top{height:10rem;}
    .history-list{margin-top:15rem;}
    .history-list > div:nth-child(odd){padding-left:0;}
    .history-list > div:nth-child(even){padding-right:0;}
    .history-list > div:nth-child(even) .year{text-align:left;padding-left:2.5rem;}
    .history-list > div:nth-child(even) ul{padding-left:2.5rem;padding-right:0;}
    .history-list > div:nth-child(even) ul li.day{flex-direction: row;}
    .history-list > div:nth-child(even) ul li.day span{text-align:left;}
    .history-list > div:nth-child(even) ul li.day p{text-align:left;}
    .history-list > div:not(:last-child){padding-bottom:3rem;}
    .history-list:before{left:0;}
    .history-list > div:nth-child(even):after{right:auto;left:0;}
    .history-list > div:nth-child(even) .year:before{right:auto;left:0;    transform: translate(-50%, -50%);}
    .history-list > div:nth-child(even) ul{padding-left:1rem;}
    .history-list > div:nth-child(even) .year{padding-left:1rem;}
    .history-list > div ul{padding-left:1rem;}
    .history-list > div .year{padding-left:1rem;}

}
@media (max-width:420px) {
    .history-list{margin-top:16rem;}

    .history-top{height:11rem;}
    .history-top strong{padding:2.25rem 1rem;}

}


/*비전 및 목표*/
.mission{background:url(/images/common/default/content/mission-bg.jpg)no-repeat center center;background-size:cover;border-radius:0.75rem;text-align:center;padding:2.5rem 1rem;margin-bottom:3.25rem;}
.mission .tit{font-size:1.3rem;font-weight:bold;color:#fff;padding-bottom:1rem;position:relative;}
.mission .tit:after{content:'';display:block;position:absolute;width:1.75rem;height:1px;background:#fff;left:50%;bottom:0;transform:translateX(-50%);}
.mission strong{font-size:1.75rem;color:#fff;white-space: pre-line;color:#fff;line-height:1.3;margin-top:1rem;display:block;}
.vision .vision-con .tit-bx{text-align:center;}
.vision .vision-con .tit-bx .vision-tit{display:inline-block;width:5.85rem;line-height:2rem;border:1px solid #ea6a1c;color:#ea6a1c;font-size:1.1rem;font-weight:600;border-radius:1rem;text-align:center;margin-bottom:1.25rem;}
.vision .vision-con .tit-bx .tit-b {display:block;font-size:1.75rem;font-weight:bold;}
.vision .vision-con .tit-bx02 {margin-top:3.5rem;}
.vision .vision-con .tit-bx ul {display:flex;justify-content:center;}
.vision .vision-con .tit-bx ul li{width:9.9rem;height:9.9rem;display:flex;justify-content:center;align-items:center;
    background:#fdefe3;border-radius:50%;margin-left:-1.5rem;}
.vision .vision-con .tit-bx ul li b{font-weight:600;}
.vision .vision-con .tit-bx ul li:nth-child(1){background:rgba(253,239,227,0.8)}
.vision .vision-con .tit-bx ul li:nth-child(2){background:rgba(253,246,227,0.8)}
.vision .vision-con .tit-bx ul li:nth-child(3){background:rgba(246,227,211,0.8)}


.vision .vision-goals{margin-top:3.75rem;}
.vision .vision-goals p.tit{background:#272a2e;color:#fff;font-weight:600;padding:0.75rem 1rem; border-radius:0.5rem;text-align:center;}
.vision .vision-goals .goals-list{display:flex;flex-wrap:wrap;margin:-0.75rem;margin-top:1.5rem;}
.vision .vision-goals .goals-list > div{margin:0.75rem;width:calc(100% / 2 - 1.5rem);border:2px solid #ddd;border-radius:15px;padding:0.5rem;padding-bottom:2rem;}
.vision .vision-goals .goals-list > div .goals-tit{background:#f8f8f8;font-weight:700;display:flex;justify-content:center;align-items:center;height:3.25rem;border-radius:10px;}
.vision .vision-goals .goals-list > div ul{margin-top:1.25rem;}
.vision .vision-goals .goals-list > div ul li{position:relative;padding-left:1.5rem;}
.vision .vision-goals .goals-list > div ul li:before {content:'';display:block;position:absolute;width:5px;height:5px;background:#333;border-radius:50%;left:1rem;top:0.35rem;}
.vision .vision-goals .goals-list > div ul li:not(:last-child){margin-bottom:0.75rem;}

@media (max-width:1600px){
    .vision .vision-goals .goals-list > div ul li{font-size:0.9rem;line-height:1.3;}
    .vision .vision-con .tit-bx02 .img-zone img{max-width:100%;}
}
@media (max-width:1030px) {
    .mission strong {font-size:1.5rem;}
    .vision .vision-con .tit-bx .tit-b{font-size:1.35rem;line-height:1.3;}
    .vision .vision-con .tit-bx02{margin-top:2rem;}
    .vision .vision-goals{margin-top:2rem;}
    .vision .vision-goals .goals-list > div{width:100%;}
}


/*CI 소개*/
.ci .ci-txt{width:calc(100%  -  2rem);margin:0 auto;background:#fff;padding:2.5rem 1rem;margin-top:-2rem;position:relative;z-index:1;text-align:center;font-size:1rem;border-radius:0.75rem;}
.ci .ci-txt p {line-height:1.4;white-space: pre-line;}
.ci .ci-txt br{display:none;}
.ci .ci-con > div {margin-top:3.75rem;}

.ci .ci-con > div .g-bx {border:1px solid #ddd;border-radius:0.75rem;}
.ci .ci-con > div .g-bx01{height:12.75rem;display:flex;justify-content:center;align-items:center;}
.ci .ci-con > div .g-bx02{padding:1.5rem 3rem ;}

.ci .ci-con > div .color-list {display:flex;}
.ci .ci-con > div .color-list li {width:8.7rem;height:8.7rem;border-radius:50%;border:4px solid #f39811;display:flex;justify-content:center;align-items:center;text-align:center;}
.ci .ci-con > div .color-list li b{display:block;font-size:1.2rem;margin-bottom:0.5rem;}
.ci .ci-con > div .color-list li:first-child {color:#f39811}
.ci .ci-con > div .color-list li:nth-child(2) {color:#de6a0b;border:4px solid #de6a0b;}
.ci .ci-con > div .color-list li:not(:last-child){margin-right:0.85rem;}

.ci .ci-con > div .symbol-bx {text-align:center;}
.ci .ci-con > div .symbol-bx .symbol-txt{margin-top:1.5rem;}
.ci .ci-con > div .symbol-bx .symbol-txt li{text-align:left;position:relative;padding-left:0.75rem;font-size:1rem;}
.ci .ci-con > div .symbol-bx .symbol-txt li:before{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#333;left:0;top:0.5rem;}
.ci .ci-con > div .symbol-bx .symbol-txt li:not(:last-child){margin-bottom:0.5rem;}
.ci .ci-con > div .logo-type {margin:-0.875rem -1rem;display:flex;flex-wrap:wrap;}
.ci .ci-con > div .logo-type li{width:calc(100% / 2 - 2rem);margin: 0.875rem 1rem;background:url(/images/common/default/content/logo-bg.png)no-repeat center center;background-size:cover;height:11.5rem;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;padding:1rem;}
.ci .ci-con > div .logo-type li img{max-width:100%;}
.ci .ci-con > div .logo-down {display:flex;justify-content:center;margin-top:2.75rem;}
.ci .ci-con > div .logo-down a{display:flex;width:9.5rem;height:2.75rem;border:1px solid #ccc;background:#f8f8fa;font-size:0.9rem;justify-content:center;align-items:center;border-radius:5px;position:relative;}
.ci .ci-con > div .logo-down a:after{content:'';display:block;width:0.9rem;height:0.8rem;background:url(/images/common/default/content/down-b.svg)no-repeat center center;background-size:cover;margin-left:0.6rem;}
.ci .ci-con > div .logo-down a:not(:last-child){margin-right:1.3rem;}
.ci .ci-con > div .logo-down a.ai-btn{background:#de6a0b;color:#fff;border:1px solid #de6a0b}
.ci .ci-con > div .logo-down a.ai-btn:after{background:url(/images/common/default/content/down-w.svg)no-repeat center center;background-size:cover;}
.ci .ci-con > div .logo-down a:hover{background:#e2e2e2}
.ci .ci-con > div .logo-down a.ai-btn:hover{background:#d76100;}

@media (max-width:1600px) {
    .ci .ci-top img{max-width:100%;}
    .ci .ci-txt p{white-space: inherit;}
    .ci .ci-txt br{display:block;}
    .ci .ci-con > div .logo-type li{padding:1rem 2rem;}
}
@media (max-width:1030px) {
    .ci .ci-top img {max-width: 100%;
    }
}
@media (max-width:767px) {
    .ci .ci-txt{margin-top:0;padding:1.5rem 0;width:100%;}


}
@media (max-width:500px) {
    .ci .ci-con > div .logo-type li{width:100%;}

    .ci .ci-top img {height: 10rem;object-fit: cover;}
    .ci .ci-con > div .g-bx02{padding:0;border:none;border-radius:0;}
}

/**/
.suggestion .sug-bg{height:16.25rem;background:url(/images/common/default/content/sug-bg.jpg)no-repeat center center;background-size:cover;border-radius:0.75rem;}
.suggestion .sub-txt{background:#fff;width:55.55rem;border-radius:0.75rem;margin:0 auto;margin-top:-3rem;text-align:center;padding:2rem 1rem;}
.suggestion .sub-txt .tit{font-size:1.75rem;font-weight:600;margin-bottom:2.25rem;}
.suggestion .sub-txt .txt{line-height:1.5;}
.suggestion .sub-txt  a{ width: 9.5rem;display: flex;align-items: center;justify-content: center;height: 2.75rem;border: 1px solid #de6a0b;border-radius: 5px;font-size: 0.9rem;position: relative;background:#de6a0b;margin:0 auto;margin-top:2rem;color:#fff;}
.suggestion .sub-txt  a:hover{background: #c8610c;}
.suggestion .sub-txt  a:after{content: '';display: block;width: 0.4rem;height: 0.7rem;background: url(/images/common/default/content/go-icon.svg) no-repeat center center;background-size: cover;margin-left: 0.75rem;}

@media (max-width:1500px) {
    .suggestion .sub-txt{width:90%;}

}
@media (max-width:1030px) {
    .suggestion .sug-bg {height:12rem;}
    .suggestion .sub-txt{width:95%;}
    .suggestion .sub-txt .tit{margin-bottom:1.5rem;font-size:1.5rem;}
}
@media (max-width:500px) {
    .suggestion .sug-bg {height:10rem;}
    .suggestion .sub-txt{width:100%;margin-top:0;padding:2rem 0;}


}

input:focus{border:1px solid #ea6a1c !important;outline:none !important;background:#fff !important;}
textarea:focus{border:1px solid #ea6a1c !important;outline:none !important;background:#fff !important;}

.popup {}
.popup  .popup-con {width:20rem;background:#fff url(/images/common/default/content/alert-icon.svg)no-repeat center top+1.4rem;padding:3.5rem 1rem 1rem 1rem;border-radius:0.75rem;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background-size:1.2rem;z-index:1;display:none;}
.popup  .popup-con .list-btn {margin-top:1.5rem;}
.popup  .popup-con p {font-size:1.1rem;line-height:1.5;}
.popup  .popup-con p b{font-weight:bold;position:relative;}
.popup  .popup-con p b:after{content:'';display:block;position:absolute;width:100%;height:1px;background:#333;bottom:-0.25rem;left:0;}


/*사업제안신청*/
.proposal-list li {display:flex;align-items: center;padding:0.65rem 0;border-bottom:1px solid #ddd;}
.proposal-list li span{width:5.5rem;position:relative;padding-left:1.3rem;}
.proposal-list li span:before{content:'';display:block;width:5px;height:5px;background:#333;border-radius:50%;left:0.7rem;top:0.5rem;position:absolute;}
.proposal-list li > div {width:calc(100% - 5.5rem);}
.proposal-list li > div input {width:20.35rem;background:#f8f8fa;border:1px solid #f8f8fa;border-radius:0.5rem;height:2.95rem;}
.proposal-list li > div input:focus{border:1px solid #ea6a1c;outline:none;background:#fff;}

.proposal .official-view > div:not(:last-child){margin-bottom:2.25rem}
.proposal .official-view > div textarea{height:17.5rem;border-radius:0.5rem;background:#f8f8fa;border:1px solid #f8f8fa;margin-top:1rem;}


.proposal-end{border:2px dashed #ddd;border-radius:0.75rem;padding:2rem 1rem 2.3rem 1rem;text-align:center;}

.proposal-end .end-icon {width:5rem;height:5rem;background:#fdf6e3 url(/images/common/default/main/end-icon.png)no-repeat center center;background-size:2.65rem;border-radius:50%;display:inline-block;}
.proposal-end b{display:block;font-size:1.75rem;font-weight:600;margin:1.5rem 0 2rem;}
.proposal-end p em{color:#ea6a1c;}

@media (max-width:1030px){
    .proposal-end b {font-size:1.5rem;}
}

@media (max-width:500px){
    .proposal-list li{display:block;padding:1rem 0;}
    .proposal-list li > div{width:100%;margin-top:0.5rem;}
    .proposal-list li > div input{width:100%;}
    .proposal-end b{margin:1.5rem 0;}

}

.market-view-tit {border: 8px solid transparent;border-radius: 0.75rem;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #ea5b1c 10%, #f39800 100%);background-origin: border-box;background-clip: content-box, border-box;padding: 0;height:5.5rem;display:flex;justify-content:center;align-items:center;position:relative;}
.market-view-tit strong{font-size:1.75rem;font-weight:600;}
.market-view-tit p {position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:29.25rem;text-align:center;background:#fff;color:#ea6a1c;font-weight:600;}
.market-view-tit .it-top-logo{position:absolute;top:-8px;left:50%;background:#fff;margin-left:-5.775rem;margin-top:-0.5rem;padding:0 1rem;}

.market-view-cate {background:#f4f4f8;padding:0.4rem;border-radius:1.375rem;margin-top:3.5rem;top:0;}
.market-view-cate ul {display:flex;margin:0 -0.25rem}
.market-view-cate ul li{width:calc(100% / 7 - 0.25rem);margin:0 0.25rem;}
.market-view-cate ul li a {display:flex;justify-content:center;align-items:center;height:2rem;border-radius:1rem;transition-duration: 0.2s;}
.market-view-cate ul li.on a {background:#ea6a1c;color:#fff;}
.market-view-cate ul li:hover a{background:#ea6a1c;color:#fff;transition-duration: 0.2s;}

.market-view-cate.fixed {
    position: fixed;
    width:64rem;top:1rem;margin-top:0;

    z-index: 1000;
}
.slide-con{width:49rem;margin:0 auto;margin-top:2.5rem;border-radius:0.75rem;}
.slide-con .slide-con-wrap{position:relative;}
.market-view-slide .swiper-slide{height:26.5rem;border-radius:0.75rem;overflow:hidden;}
.market-view-slide img{width: 100%;height: 100%;object-fit: cover;}
.slide-con .slide-btn{position:absolute;height:2.5rem;top:50%;transform:translateY(-50%);width:100%;pointer-events: none;z-index:1;}

.market-view-slide{overflow:hidden;}
.slide-con .slide-btn .swiper-button-next{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-right-2.svg) no-repeat center center;position: absolute;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);right:-1rem;background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}
.slide-con .slide-btn .swiper-button-prev{cursor:pointer;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff url(/images/common/default/content/swiper-left-2.svg) no-repeat center center;position: absolute;left: -1rem;box-shadow: 5px 3px 8px rgb(0 0 0 / 10%);background-size:0.45rem;border:1px solid #ddd;z-index:1;pointer-events: visible;}



.view-table-con{margin-top:4rem;}
.view-table-con > div:not(:first-child){padding-top:5rem;}
.view-table-wrap table{position: relative;
    text-align: center;
    border-spacing: 0px;
    border-collapse: separate;
    border-top: 2px solid #272a2e;

    table-layout: fixed;
    width: 100%;}
.view-table-wrap table th,
.view-table-wrap table td {border-bottom:1px solid #cccccc;font-size:0.9rem;line-height:1.3;}
.view-table-wrap table td{font-weight:500;padding:0.75rem 1.5rem;}
.view-table-wrap table th{background:#f8f8fa;font-weight:700;padding:0.75rem 1rem;}
.view-table-wrap table th.tit{background:#fff;border-bottom:2px solid #272a2e;}
.view-table-wrap table th.tit-t{border-top:2px solid #272a2e;}

.market-view-list{display:flex;margin:-0.625rem;margin-top:1.75rem;}
.market-view-list li {position:relative;border:1px solid #ddd;border-radius:0.75rem;width:calc(100% / 4 - 1.25rem);margin:0.625rem;padding:1.65rem 1.5rem;overflow:hidden;}
.market-view-list li .tit{color:#333;font-weight:bold;}
.market-view-list li .txt {margin-top:1.4rem;}
.market-view-list li:before{content:'';display:block;position:absolute;width:5px;height:100%;background:#ea6a1c;left:0;top:0;}

.market-map .map-guide-view > div .tit {width:10.5rem;}
.market-map .map-guide-view > div .txt{width:calc(100% - 10.5rem);}
@media (max-width:1400px) {
    .slide-con{width:90%;}

}

@media (max-width:1200px) {
    .market-view-list{flex-wrap:wrap;}
    .market-view-list li {width: calc(100% / 2 - 1.25rem);}
}

@media (max-width:1030px) {
    .market-view-tit {border:5px solid transparent;}
    .market-view-tit p{width:60%;}
    .market-view-cate.fixed {
        position: fixed;
        top: 0;
        left: 0;width: 100%;
        z-index: 1000;margin-top:0;border-radius:0;border-bottom:1px solid #ddd;margin-bottom:1rem;}
    .market-view-cate.fixed ul{padding:1rem 1rem;}
    .market-view-tit .it-top-logo{ margin-left: -5.9625rem;}

    .market-view-tit .it-top-logo img{height:2rem;}
}

@media (max-width:767px) {
    .market-view-slide .swiper-slide {height:15rem;}
}

@media (max-width:640px) {
    .horizontal-scroll{display:block;}
    .view-table-wrap {overflow-x: auto;}
    .view-table-wrap table{min-width: 640px;}
    .market-view-cate ul{overflow-x:scroll;-ms-overflow-style: none; scrollbar-width: none; /* 파이어폭스 */}
    .market-view-cate ul li{width:auto;min-width:5rem;}
    .view-table-con > div .horizontal-scroll{margin-bottom:1rem;}
    @media only screen and (max-width: 768px) {
        .view-table-wrap table colgroup col:nth-child(1) { width: 20% !important; }
        .view-table-wrap table colgroup col:nth-child(2) { width: 30% !important; }
        .view-table-wrap table colgroup col:nth-child(3) { width: 20% !important; }
        .view-table-wrap table colgroup col:nth-child(4) { width: 30% !important; }
    }

}


@media (max-width:500px) {
    .market-map .map-guide-view > div .tit {width:100%;}
    .market-map .map-guide-view > div .txt{width:100%;}
}

.store-list{position:relative;}
.it-logo{position:absolute;right:0;top:0;}


@media (max-width:650px) {
    .it-logo{position:relative;margin-bottom:1.5rem;text-align:right;}

}
