@charset "UTF-8";
@import "sub.css";

/* 공통 */
.content img {max-width: 100%;}
.con_box + .con_box {margin-top: 3.125rem;}
.con_tit {margin: .9375rem 0 .625rem; padding-left: 18px; font-size: 1.5rem; font-weight: 600; position: relative;}
.con_tit ~ .con_tit {margin-top: 2rem;}
.con_tit span {color: #EE2E5B;}
.con_tit::after {content: ""; position: absolute; top: 11px; left: 0; width: 7px; height: 7px; background: #F58830; z-index: 1;}
.con_tit::before {content: ""; position: absolute; top: 14px; left: 4px; width: 7px; height: 7px; background: #EE2E5B; z-index: 0;}
.con_sub_tit{font-size: 1.25rem; font-weight: 500; margin: .625rem 0; position: relative; padding-left: 18px;}
/*.con_sub_tit span {font-weight: 400; font-size: 1.0625rem; background: #ecf3fb;}*/
.con_sub_tit::before {content: ""; position: absolute; left: 2px; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #EE2E5B;}
.con_sub_tit::after {content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #F58830;}

.bu_lst {text-align: left;}
.bu_lst > li {position:relative; padding-left: 12px; font-size: 1.0625rem; line-height: 1.75; margin: .3125rem 0;}
.bu_lst > li::before {content: ""; width: 2px; height: 2px; border-radius: 50%; background: #777; position: absolute; left: 3px; top: 13px;}

.sub_lst {text-align: left;}
.sub_lst > li {padding-left: 15px; font-size: 1rem; color: #555; line-height: 1.75; position: relative;}
.sub_lst > li::before {content: ""; width: 5px; height: 5px; border-left: 1px solid #777; border-bottom: 1px solid #777; position: absolute; left: 3px; top: 7px;}
.sub_lst > li ul {margin-bottom: 5px;}
.sub_lst > li ul li {font-size: 0.9375rem; padding-left: 10px; position: relative;}
.sub_lst > li ul li::before {content: ""; width: 5px; height: 1px; background: #777; position: absolute; left: 0; top: 11px;}

.sub_txt {display: flex; flex-wrap: wrap; padding: 30px 25px; position: relative; margin-bottom: 70px; border-style: solid; border-width: 7px 7px 7px 7px; -moz-border-image: url(/images/contents/box_line_bg.png) 7 7 7 7 repeat repeat; -webkit-border-image: url(/images/contents/box_line_bg.png) 7 7 7 7 repeat repeat; -o-border-image: url(/images/contents/box_line_bg.png) 7 7 7 7 repeat repeat; border-image: url(/images/contents/box_line_bg.png) 7 7 7 7 repeat repeat;}
.sub_txt strong {width: 100%;}
.sub_txt p {width: 100%;}

.img_lst {display: flex; gap: 1.25rem;}
.img_lst li {width: 100%;}
.img_lst li img {width: 100%; height: 100%; object-fit: cover;}

.btn_link {display: flex; flex-wrap: wrap; margin: 10px -5px; z-index: 0;}
.btn_link a {padding: 12px 45px 12px 25px; height: 55px; display: flex; align-items: center; font-size: 1.0625rem; line-height: 1.2; border: 1px solid #333; border-radius: 50px; overflow: hidden; transition: cubic-bezier(0.55, 0.09, 0.68, 0.53) .3s; position: relative; margin: 5px; z-index: 2; background: #fff;}
.btn_link a::after {content: ""; background: url(/images/layout/icon_normal_link.svg) center center no-repeat; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background-size: cover;}
.btn_link a.down::after {content: ""; background: url(/images/layout/icon_down_b.svg) center center no-repeat; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background-size: cover;}
.btn_link a::before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #333; transition: all .3s; z-index: -1;}
.btn_link a:hover::before {width: 100%;}
.btn_link a:hover {color: #fff; border-color: #333;}
.btn_link a:hover::after {background: url(/images/layout/icon_hover_link.svg) center center no-repeat;}
.btn_link a.down:hover::after {background: url(/images/layout/icon_down_w.svg) center center no-repeat; background-size: cover;}
.link_box {align-items: center; justify-content: space-between; padding: 15px 25px; background: #faf8f7; margin: 10px 0;}
.btn_link.col3 a {width: calc(100% / 3 - 10px);}

.color_blue {color: #0f5ab9!important;}
.color_red {color: #D32F2F!important;}

.txt_box {border: 1px solid #eee; padding: 1.5rem; background: #f9f9f9;}


/* 서비스 준비중 */
.prepare {text-align: center;}


/* 운영사업 */
.int_box {position: relative;width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding: 50px 0;margin-bottom: 100px;flex-direction: row-reverse;}
.int_box::before {content: "";width: calc(100% - 200px);height: 100%;background: transparent;position: absolute;top: 0;right: -50%;z-index: -1;border-radius: 50px 0 0 0; opacity: .2;}
.int_box.int_green::before {background: #A3B37A;}
.int_box.int_red::before {background: #F2A3A7;}
.int_box.int_yellow::before {background: #F9D084;}
.int_box.int_blue::before {background: #97B9C9;}
.int_box.int_orange::before {background: #EC8A3F;}
.int_box.int_purple::before {background: #D3D3FF;}
.int_box .img {width: 50%; max-width: 380px; /*height: 340px;*/ box-shadow: 2px 2px 10px rgba(100,55,0,.15); text-align: center; margin: 0 auto; background: #fff; position: relative;}
.int_box .img::after {content: ""; width: 100%; height: 100%; border: 1px solid #856B54; position: absolute; left: 10px; top: 10px; z-index: -1;  }
.int_box .img::before {content: ""; width: 100%; height: 100%; border: 1px solid #856B54; position: absolute; left: -10px; top: -10px; z-index: -1;  }
.int_box .img img {width: 100%; height: 100%; object-fit: cover;}
.int_box .txt {width: calc(50% - 50px); /*margin-top: 50px;*/ position: relative;}
.int_box .txt::before {content: "Daegu Foundation For Culture&Arts";position: absolute;font-size: .8rem;transform: translateY(-50%);left: 0;top: 0;color: #E57710; width: 100%;}
.int_box .txt h3 {position: relative;font-size: 1.875rem;margin-bottom: 20px;padding-top: 20px;}


/* 지원사업 소개 */
.intro_year img {margin: 30px auto; display: inline-block;}
.intro_year .business {margin: 50px 0 20px;}
.intro_year .business .con {display: flex; flex-wrap: wrap;}
.intro_year .business .con > li {width: calc(100% / 5); text-align: center; margin-bottom: 30px;}
.intro_year .business .con > li .tit {border-radius: 50px; background: #856B54; color: #fff; display: block; width: 70%; height: auto; padding: 15px 20px; margin: 0 auto 30px;}
.intro_year .business .con > li .list {position: relative;}
.intro_year .business .con > li .list::before {content: ""; width: 1px; height: 15px; background: #dadada; position: absolute; left: 50%; top: -22px; transform: translateX(-50%);}
.intro_year .business .con > li .list li {margin: 10px auto; border: 1px solid #ebebeb; background: #fbfbfb; border-radius: 4px; width: 80%; line-height: 1.2; padding: 10px 0; font-size: 1rem;}
.intro_year .business .con .down {display: block; width: 100%; height: 100%; position: relative;}
.intro_year .business .con .down::after {content: ""; background: #fff url(/images/layout/icon_down_b.svg) center no-repeat; background-size: 12px; border: 1px dashed #333; border-radius: 50px; width: 10px; height: 10px; padding: 10px; position: absolute; right: 7px; top: -10px; transition: .3s;}
.intro_year .business .con .down:hover::after {background: #333 url(/images/layout/icon_down_w.svg) center no-repeat; background-size: 12px;}
.intro_year .key {display: flex; flex-wrap: wrap; gap: 10px 30px;}
.intro_year .key li {width: calc(100% / 3 - 20px); display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #EE2E5B; padding: 30px 25px; box-shadow: 2px 2px 10px rgba(100,55,0,.05);}
.intro_year .link {display: flex; flex-wrap: wrap; gap: 10px 30px;}
.intro_year .link li {width: calc(100% / 3 - 20px);}
.intro_year .link li a {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 1rem 1.5rem; font-weight: 600; border-radius: 4px; border: 1px solid #ddd; background: #fbfbfb; transition: .3s; position: relative;}
.intro_year .link li a small {font-weight: 400;}
.intro_year .link li a:hover {border: 1px solid #333;}
.intro_year .link li a::after {content: ""; background: #333 url(/images/layout/icon_hover_link.svg) center center no-repeat; width: 14px; height: 14px; padding: 10px; border-radius: 50%; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%);}
.intro_year .link li a span {display: flex; gap: 5px; align-items: center;}
.intro_year .link li a span img {width: 40px; height: 25px; object-fit: contain; margin: 0;}

.intro_year .business_2024.box01 {width: 100%; display: flex; gap: 20px; flex-wrap: wrap;}
.intro_year .business_2024.box01 li {width: calc(50% - 10px); padding: 30px 15px; border-radius: 50px; background: #FCEFF5; text-align: center; font-weight: 700; font-size: 1.125rem;}
.intro_year .business_2024.box01 li:last-child {background: #F7CFE1;}
.intro_year .business_2024.box02 {width: 100%; display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.intro_year .business_2024.box02 li {width: calc(100% / 3 - 15px); min-height: 200px; border: 4px solid #eee; border-radius: 25px; padding: 15px 70px; text-align: center;}
.intro_year .business_2024.box02 li img {max-width: 100px; width: 100%; margin: 0 auto;}
.intro_year .business_2024.box02 li span {display: block; width: 100%;}
.intro_year .important_box {padding: 15px; background: #FCEFF5;}
.intro_year .important_box .bu_lst > li {font-weight: 500;}
.intro_year .important_box .bu_lst > li::before {width: 4px; height: 4px; background: #EE2E5B;}


/* 지원사업 신청안내 */
.youtube_link {display: flex; flex-wrap: wrap; margin-bottom: -20px;}
.youtube_link li {width: calc(100% / 4 - 15px); margin-bottom: 20px;}
.youtube_link li + li {margin-left: 20px;}
.youtube_link li:nth-child(4n+1) {margin-left: 0;}
.youtube_link li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 170px; border-radius: 14px; overflow: hidden;}
.youtube_link li a img {width: 100%; transform: scale(1.2); transition: .3s;}
.youtube_link li a:hover img {transform: scale(1.1); transition: .3s;}


/* 대구예술인지원센터 소개 */
.org_wrap {margin: 50px auto;}
.org_wrap .org li.top {padding-bottom: 80px; position: relative;}
.org_wrap .org li.top::before {content: ""; width: 1px; height: 100%; background: #dcdcdc; position: absolute; left: 50%; bottom: 0; z-index: -1;}
.org_wrap .org li {width: 100%;}
.org_wrap .org li span {display: flex; max-width: 240px; width: 100%; height: 60px; align-items: center; justify-content: center; text-align: center; background: #856B54; color: #fff; margin: 0 auto;}
.org_wrap .org li.mid {position: relative;}
.org_wrap .org li.mid::before {content: ""; position: absolute; width: 67%; height: 40px; border: 1px solid #dcdcdc; border-bottom: 0; top: -40px; left: 50%; transform: translateX(-50%);}
.org_wrap .org li.mid .org2 {display: flex; justify-content: space-between;}
.org_wrap .org li.mid .org2 > li span {background: #F8981D;}
.org_wrap .org li.mid .org3 {margin-top: 30px;}
.org_wrap .org li.mid .org3 > li {position: relative;}
.org_wrap .org li.mid .org3 > li + li {margin-top: 10px;}
.org_wrap .org li.mid .org3 > li::after {content: ""; width: 1px; height: 100%; border-left: 1px solid #dcdcdc; position: absolute; bottom: 100%; left: 50%;  z-index: -1;}
.org_wrap .org li.mid .org3 > li span {border: 2px solid #F8981D; background: #fff; color: #555; line-height: 1.2;}
.rel_diagram {position: relative; background: url(/images/contents/art_diagram1.png) center center no-repeat; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 900px; padding: 10% 0; background-size: 100%;}
.rel_diagram li {width: calc(100% / 5); text-align: center; padding-left: 20px; font-weight: 500; line-height: 1.2;}
.rel_diagram li:last-child {padding-left: 0; padding-right: 20px;}
.subj > li {display: flex;}
.subj > li + li {margin-top: 30px;}
.subj > li span {display: flex; align-items: center; justify-content: center; max-width: 120px; width: 100%; height: 35px; padding: 10px 20px; background: #856B54; color: #fff; border-radius: 50px;}
.subj > li ul {margin-left: 50px;}


/* 통합문화이용권 */
.nuri_channel {display: flex;}
.nuri_channel div {width: calc(100% / 2 - 10px); border-radius: 50px; transition: .3s;}
.nuri_channel div + div {margin-left: 20px;}
.nuri_channel div:hover {box-shadow: 2px 2px 10px rgba(100,55,0,.15);}
.nuri_channel div a{display: block; width: 100%; padding: 20px 30px;font-weight: 500;text-align: right;}
.nuri_channel .kakao{background: #fae100 url(/images/contents/ka.png) no-repeat 30px center;}
.nuri_channel .blog{background: #2cb24a url(/images/contents/blog.png) no-repeat 32px 17px; background-size: 37px;}
.nuri_channel .blog a{color: #fff;}


/* 공간소개 */
.space_box {position: relative; width: 100%; height: 325px; margin-bottom: 120px; display: flex; align-items: center; justify-content: center;}
.space_box::before {content: ""; position: absolute; top: 0; left: 0; z-index: -1; background: rgba(0,0,0,.4); width: 100%; height: 100%;}
.space_box::after {content: ""; position: absolute; top: 0; left: 0; z-index: -2;}
.space_01::after{background: url(/images/contents/space_factory.jpg) center center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_02::after{background: url(/images/contents/space_daeguartscenter.jpg) top 30% center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_03::after{background: url(/images/contents/space_street.jpg) center center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_04::after{background: url(/images/contents/space_practice.jpg) center center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_05::after{background: url(/images/contents/space_living_culture.jpg) center center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_06::after{background: url(/images/contents/space_hyangto.jpg) center center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_07::after{background: url(/images/contents/space_bangjjja.jpg) center center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_08::after{background: url(/images/contents/space_dgticket.jpg) center center no-repeat; width: 100%; height: 100%; background-size: cover;}
.space_box .space_txt {color: #fff; text-align: center;}
.space_box .space_txt h3 {font-size: 2rem; line-height: 1.2; letter-spacing: .1rem; margin: 10px 0;}
.space_box .space_txt span {letter-spacing: .25rem; font-size: .8125rem; font-weight: 200; color: #ffe000;}
.space_box .space_txt p {font-size: 1.0625rem; letter-spacing: .1rem;}
.space_box .space_link {position: absolute; right: 50px; bottom: -50px; width: 160px; height: 160px; background: #856B54; box-shadow: -20px -20px 17px rgb(0,0,0,.1); z-index: 2;}
.space_box .space_link a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #fff; font-size: 1rem; padding-bottom: 20px; position: relative; line-height: 1.5; overflow: hidden; text-align: center;}
.space_box .space_link a::before {content: ""; background: url(/images/layout/icon_dgfca.svg) no-repeat; position: absolute; right: 0; bottom: 0; width: 100px; height: 80px; opacity: .05; background-size: cover; transform: scale(1.1); transition: .3s;}
.space_box .space_link a::after {content: ""; background: url(/images/main/btn_top.svg) center center no-repeat; position: absolute; left: 47%; bottom: 15%; width: 15px; height: 28px; transform: rotate(90deg) translateX(-50%); background-size: cover; transition: .3s;}
.space_box .space_link a:hover::after {left: 50%; transition: .3s;}
.space_box .space_link a:hover::before {transform: scale(1); transition: .3s;}
.space_year {border-top: 1px solid #856B54; border-bottom: 1px solid #ededed;}
.space_year > li {padding: 25px 12px; display: flex; flex-wrap: wrap;}
.space_year > li .yy {display: inline-block; width: 100px; font-size: 1.25rem; font-weight: 500; color: #333;}
.space_year > li .year_lst {width: calc(100% - 100px); display: flex; align-items: flex-start; flex-wrap: wrap;}
.space_year > li .year_lst li {width: 100%; display: flex; padding-top: 3px;}
.space_year > li .mm {display: inline-block; min-width: 70px;}
.space_year > li + li {border-top: 1px solid #ededed;}
.space_year.dx > li .year_lst li {position: relative;}
.space_year.dx > li .year_lst li + li {margin-top: 20px;}
.space_year.dx > li .year_lst li::before {content: "";  transition: .2s; width: 5px; height: 5px; border-radius: 50%; background: #fff; border: 1px solid #222; position: absolute; left: -20px; top: 15px; z-index: 3;}
.space_year.dx > li .year_lst li::after {content: "";  transition: .2s; width: 0; height: calc(100% + 20px); border-left: 1px solid #bbb; position: absolute; left: -17px; top: 15px; z-index: 2;}
.space_year.dx > li .year_lst li:last-child::after {display: none;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .wrap_btn_zoom {display: none!important;}
.map_wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.map_wrap .map {width: 49%;}
.map_wrap .root_daum_roughmap_landing {width: 100%!important;}

.attention {display: flex;}
.attention li {width: calc(100% / 4); text-align: center; padding: 20px 50px; margin: 10px; border: 1px solid #ebebeb;}
.attention li span.img {width: 100%; margin-top: 0;}
.attention li span {display: block; line-height: 1.2; margin-top: 10px;}


/* 인사말 */
.greeting {width: 100%; position: relative;}
.greeting .img_wrap {width: 100%; height: 500px; overflow: hidden; position: relative;}
.greeting .img_wrap .img {width: 100%; height: 500px; overflow: hidden; position: absolute; top: -50px;}
.greeting .img_wrap .img::before {content: ""; display: block; width: 100%; height: 100%; background: url(/images/contents/greeting_bg.jpg) top 35% center no-repeat; background-size: 130%; position: absolute; left: 0; top: 0; animation: visual_down 1.5s forwards;}
.greeting .img_wrap.fixed .img::before {animation: visual_up 1.5s forwards;}
.greeting .txt_wrap {width: 75%; margin-left: auto; padding: 5rem 0 0 5rem; background: #fff; margin-top: -11rem; position: relative; z-index: 2;}
/* .greeting .txt_wrap::after {content: ""; background: url(/images/contents/greeting_img.png) center no-repeat; width: 17rem; height: 20rem; background-size: cover; position: absolute; right: 0; bottom: 0;} */
.greeting .txt_wrap h3 {font-family: "Godo"; font-size: 2.25rem; background: linear-gradient(to right, #ff9933, #EE2E5B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; padding-left: 55px; position: relative;}
.greeting .txt_wrap h3::before {content: ""; background: url(/images/contents/greeting_item.png) center no-repeat; width: 101px; height: 75px; background-size: cover; position: absolute; left: 0; top: -20px;}
.greeting .txt_wrap h3 span:last-child {display: inline-block; padding-left: 5rem;}
.greeting .txt_wrap .txt {font-size: 1.0625rem; line-height: 2; margin: 60px 0 40px; position: relative;}
.greeting .txt_wrap .txt::before {content: ""; width: 100%; height: 0; border-bottom: 1px solid #ebebeb; position: absolute; right: 0; top: -40px;}
.greeting .txt_wrap .txt p {width: calc(100% - 17rem); line-height: 2.5;}
.greeting .txt_wrap .txt span {font-size: 1.25rem; font-weight: 600;}
.greeting .txt_wrap span.sign {display: block;}
.greeting .txt_wrap span.sign span {margin-left: 10px; letter-spacing: .5rem; font-size: 1.375rem; font-weight: 700;}
@keyframes visual_down{0%{ top:  50px;} 100%{top:  0;}}
@keyframes visual_up{0%{top:  0;} 100%{top: 50px;}}


/* 연혁 */
.history {position: relative;}
.history::before {content: ""; width: 1px; height: calc(100% - 70px); background: #333; position: absolute; top: 30px; bottom: 0; left: 0; z-index: 2;}
.history_inner + .history_inner {margin-top: 80px;}
.history_row {display: flex; flex-wrap: wrap;}
.history_row > div {width: 100%;}
.history_row .l {text-align: left;}
.history_year {font-size: 2rem; padding-left: 30px; position: relative; transition: .2s;}
.history_year.on {color: #EE2E5B;}
.history_year.on::before {border-color: #EE2E5B; transform: translateY(-50%) scale(1.5);}
.history_year::before {content: "";  transition: .2s; width: 7px; height: 7px; border-radius: 50%; background: #fff; border: 1px solid #222; position: absolute; right: 0; left: -4px; top: 50%; transform: translateY(-50%); z-index: 3;}
.history_row .r {padding-left: 110px;}
.history_box {display: flex; flex-wrap: wrap; margin-bottom: 30px; position: relative;}
.history_box::before {content: ""; width: 7px; height: 7px; border-radius: 50%; background: #EE2E5B; position: absolute; left: -113px; top: 11px; z-index: 3;}
.history_box::after {content: ""; width: 21px; height: 21px; border-radius: 50%; background: #EE2E5B; opacity: .2; position: absolute; left: -120px; top: 4px; z-index: 2;}
.history_m {font-size: 1.125rem; position: relative;}
.history_m::before {content: ""; border-top: 1px dashed #dadada; width: 100px; height: 1px; position: absolute; left: -110px; top: 14px;}
.history_m_tit {width: 100%; font-size: 1rem;}


/* 수상내역 */
.awards_box {display: flex; flex-wrap: wrap;}
.awards_year {width: 20%; position: relative;}
.awards_year span {font-size: 2rem;}
.awards_year sup {position: absolute; padding-left: 8px;}
.awards_data {width: 80%; border-top: 1px solid #856B54; margin-top: 7px;}
.awards_data li {display: flex; align-items: flex-start; justify-content: space-between; padding: 30px 50px; border-bottom: 1px solid #ebebeb; position: relative;}
.awards_data li.imgC {cursor: pointer}
.awards_data li.imgC::after {content: ""; width: 18px; height: 18px; background: url(/images/contents/ico_image_b.svg) center center no-repeat; background-size: cover; position: absolute; right: 10px; top: 10px;}
.awards_data li figure {position: absolute; z-index: 1000; right: -210px; top: 50%; transform: translateY(-50%); opacity: 0; transition: .2s;}
.awards_data li:hover figure {opacity: 1; transition: .2s;}
.awards_data li.imgC:hover div.project p {text-decoration: underline; text-underline-position: under;}
.awards_data li div + div {padding-left: 30px;}
.awards_data li div.name {width: 20%;}
.awards_data li div.project {width: 38%;}
.awards_data li div.date {width: 17%;}
.awards_data li div.grade {width: 25%;}
.awards_data li div p {line-height: 1.4; margin-top: 5px; color: #333;}
.awards_data li div small {font-weight: 700; color: #856B54;}
.awards_img {display: flex; flex-wrap: wrap; margin-top: 80px; gap: 20px;}
.awards_img li {width: calc(100% / 4 - 15px);}
.awards_img li p {margin-top: 10px; font-size: .9375rem; line-height: 1.4; text-align: center;}
.awards_img li img {width: 100%;}
.awards_modal {display: none; z-index: 1000; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .8);}
.awards_modal .modalBox {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; width: 90%; max-height: 380px; height: 40%; text-align: center;}
.awards_modal .modalBox img {width: 100%; height: 100%; object-fit: cover;}
.awards_modal .modalBox ul {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.awards_modal .modalBox ul li {display: flex; align-items: center;}
.awards_modal .modalBox ul li p {color: #fff; font-size: 1.25rem; font-weight: 500; text-align: left;}
.awards_modal .modalBox ul li button {background: transparent; border: 0; color: #fff; font-size: 2rem;}


/* 대구문화예술진흥원 CI */
.logo {display: flex; flex-wrap: wrap;}
.logo.type01 li {width: 100%;}
.logo.type02 li {width: calc(100% / 2 - 10px);}
.logo.type02 li + li {margin-left: 20px;}
.logo li .img {border: 1px solid #ebebeb; width: 100%; text-align: center;}
.logo li .img img {width: 100%;}
.symbol_txt {display: block; font-size: 1rem; margin: 20px 0;}
.btn_link.right {justify-content: flex-end;}


/* 기관장 프로필 */
.status {display: flex; align-items: center;}
.status .img {width: 18%; height: 0; padding-top: 22%; overflow: hidden; position: relative; border: 1px solid #ebebeb; border-radius: 0 0 0 30%;}
.status .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.status .subc {margin-left: 7rem;width: calc(82% - 7rem);}
.status .subc .tit {font-weight: 700;font-size: 1.8125rem;padding: 1rem;}
.status .subc .tit span {display: inline-block; margin-left: 20px; font-size: 1rem; letter-spacing: .05rem; font-weight: 400; color: #555;}
.status .subc .txt {padding: 1.5625rem 1.5rem; border-top: 2px solid #856b54;}


/* 클린신고센터 */
.report_write {border-top: 1px solid #856B54;}
.report_write .row_form {border-bottom: 1px solid #ededed;}
.report_write .row_form label.must {font-weight: 500;}
.report_write .row_form dl {padding: 30px 25px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 20px;}
.report_write .row_form dl dt {width: 20%; padding-top: 10px;}
.report_write .row_form dl dd {width: calc(80% - 20px); min-height: 50px; display: flex; flex-wrap: wrap; align-items: center;}
.report_write .row_form dl dd small {display: block; width: 100%; margin-top: 5px;}
.report_write .row_form dl dt > span {display: block;font-size: 0.875rem;margin-top: 5px;color: #777;padding-right: 20px;}
.report_write .textarea {width: 100%; padding: 10px; border: 1px solid #dadada; font-size: .9375rem; color: #777; height: 200px; overflow-y: scroll;}
.center_div {display: flex; justify-content: flex-start; margin-bottom: 50px; color: #fff;}
.center_div div {width: calc(100% / 3); background: #856B54 url(/images/contents/noise.svg); padding: 35px 20px; position: relative; z-index: 0; text-align: center;}
.center_div div::after {content: ""; border: 1px solid rgba(255,255,255,.5); position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.center_div div + div {margin-left: 20px;}
.center_div div h5 {font-size: 1.125rem;}
.center_div div p {font-weight: 300; line-height: 1.4; margin-top: 10px;}
.clean_wrap {display: flex; flex-wrap: wrap; padding: 2rem;}
.clean_wrap .clean_tit {width: 30%;}
.clean_wrap .clean_tit h4 {font-size: 1.375rem;}
.clean_wrap .clean_tit .guide_list {margin-top: 1rem; display: flex; flex-direction: column; gap: .5rem;}
.clean_wrap .clean_tit .guide_list li a {display: inline-block; padding: .25rem 1.5rem .25rem .5rem; border: 1px solid #555; font-size: .9375rem; border-radius: 5px; position: relative;}
.clean_wrap .clean_tit .guide_list li a::after {content: ""; background: url(/images/layout/btn_next_b.svg) center center no-repeat; position: absolute; right: .6rem; top: 50%; transform: translateY(-50%); width: 6px; height: 8px; background-size: cover; transition: .3s;}
.clean_wrap .clean_tit .guide_list li a:hover::after {right: .4rem;}
.clean_wrap .clean_area {width: 70%; display: flex; gap: 1.5rem;}
.clean_wrap .clean_area .box {width: 100%; padding: 2rem; background: #faf8f7; position: relative;}
.clean_wrap .clean_area .box .clean_sub_tit {display: block; width: 100%; font-size: 1.125rem; font-weight: 700;}
.clean_wrap .clean_area .box small {display: block; font-size: .9375rem; margin: .5rem 0;}
.clean_wrap .clean_area a.box {display: block; width: 100%; height: 100%; transition: .3s; padding-top: 6.5rem;}
.clean_wrap .clean_area a.box:nth-child(1)::before {content: ""; background: url(/images/contents/ico_clean01.png) center no-repeat; width: 3.5rem; height: 3.5rem; background-size: cover; position: absolute; left: 2rem; top: 2rem;}
.clean_wrap .clean_area a.box:nth-child(2)::before {content: ""; background: url(/images/contents/ico_clean02.png) center no-repeat; width: 3.5rem; height: 3.5rem; background-size: cover; position: absolute; left: 2rem; top: 2rem;}
.clean_wrap .clean_area a.box:hover {transform: translateY(-1rem);}
.clean_wrap .clean_area .box ul {display: flex; flex-direction: column; gap: .5rem; margin-top: 1rem;}
.clean_wrap .clean_area .box ul li {padding-left: 1.5rem; font-size: .9375rem;}
.clean_wrap .clean_area .box ul li:nth-child(1) {background: url(/images/contents/icon_phone.svg) left center no-repeat;}
.clean_wrap .clean_area .box ul li:nth-child(2) {background: url(/images/contents/icon_send.svg) left center no-repeat;}
.clean_wrap .clean_area .box ul li:nth-child(3) {background: url(/images/contents/icon_location.svg) left center no-repeat;}


.warn_list {padding: 1.25rem; background: #f7f7f7; width: 100%;}
.warn_list li {padding-left:  20px; font-size: .9375rem; position: relative; background: url(/images/icon/ico_warning.svg) left top 2px no-repeat; background-size: 16px; color: #444; line-height: 1.5;}
.warn_list li + li {margin-top: 10px;}


/* 옴부즈만 제도 */
.ombudsman_list {display: flex; gap: 40px; margin-top: 20px;}
.ombudsman_list li {flex: 1; display: flex; flex-direction: column; justify-content: flex-start; gap: 10px; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 20px; text-align: center; position: relative;}
.ombudsman_list li span {font-size: 1rem;}
.ombudsman_list li + li::before {content: ""; background: url(/images/contents/mcn_arrow.png) center center no-repeat; width: 16px; height: 23px; background-size: cover; position: absolute; left: -26px; top: 50%; transform: translateY(-50%);}
.ombudsman_write input[type="text"] {max-width: 500px;}
.ombudsman_write .inp_view {margin-top: 10px;}


/*조직도*/
.org-tree {margin: 0 auto; text-align: center; position: relative;}
.org-tree li {position: relative; width: 100%;}
.org-tree a {text-align: center; font-size: 1.0625rem; max-width: 15rem; width: 100%; height: 55px; display: flex; align-items: center; justify-content: center; background: #ebebeb; margin: 1rem auto; word-break: break-word; position: relative; z-index: 1;}
.org-tree a:focus-visible,
.org-tree a:hover {text-decoration: underline; z-index: 22;}
.org-tree .chairman {position: relative;}
.org-tree .chairman::before {content: ""; width: 1px; height: 100%; background: #d1d1d1; position: absolute; left: 50%; top: 0; z-index: -1;}
.org-tree .chairman > a {background: #EE2E5B; color: #fff;}
.org-tree .board::before,
.org-tree .committee::before {content: ""; width: 25rem; height: 1px; background: #d1d1d1; position: absolute; left: 50%; top: 50%; z-index: -1;}
.org-tree .audit::before {content: ""; width: 25rem; height: 1px; background: #d1d1d1; position: absolute; right: 50%; top: 50%; z-index: -1;}
.org-tree .board > a,
.org-tree .committee > a {position: relative; right: -25rem; border: 1px solid #856B54; color: #856B54; background: #fff;}
.org-tree .ceo > a {background: #E57710; color: #fff;}
.org-tree .audit > a {position: relative; right: 25rem; border: 1px solid #856B54; color: #856B54; background: #fff;}
.org-tree .ceo > ul {display: flex; flex-wrap: wrap;}
.org-tree .dep_list {width: calc(100% / 4); padding-top: 3rem; margin-top: 2rem; background: #fff;}
.org-tree .dep_list::before {content: ""; width: 100%; height: 1px; background: #d1d1d1; position: absolute; left: 50%; top: 0; z-index: 1;}
.org-tree .dep_list.fourth::before {display: none;}
.org-tree .dep_list a {max-width: 90%; margin: 0 auto 1rem; background: #856b54; color: #fff; position: relative;}
.org-tree .dep_list > a::before {content: ""; width: 1px; height: 3rem; background: #d1d1d1; position: absolute; left: 50%; top: calc(-100% + 0.45rem); z-index: -1;}
.org-tree .depth1 a {background: #fdf7f4; color: #5a5a5a; font-size: .9375rem; border: 1px solid #d0d0d0;}
.org-tree .depth1 > ul {position: relative;}
.org-tree .depth1 > ul::before {content: ""; width: 1px; height: 100%; background: #d1d1d1; position: absolute; left: calc(50% - 6.5rem - 1.5rem); top: -26px; z-index: 0;}
.org-tree .depth2:last-child > ul::before {content: ""; width: 1px; height: calc(100% - 1.5rem); background: #fff; position: absolute;  left: calc(50% - 6.5rem - 1.5rem); top: 1.75rem; z-index: 1;}
.org-tree .depth2 > a {max-width: 13rem; width: 80%; background: #fff; position: relative;}
.org-tree .depth2 > a::before {content: ""; width: 1.5rem; height: 1px; background: #d1d1d1; position: absolute; right: 100%; top: 50%;}
.org-tree .depth2 > ul {margin: -1rem 0 1rem;}
.org-tree .depth3 > a {max-width: 13rem; background: #f5f5f5; font-size: .875rem; height: 45px; margin: 0 auto; border-top: 0;}


.org_detail {margin-bottom: 100px;}
.org_detail .org_search {}
.org_detail .team_wrap {padding-top: 50px; margin-top: 70px;}
.org_detail .calendar_search{padding: 15px 50px;border-top: 1px solid #856B54;background: #faf8f7;margin-bottom: 30px;}
.org_detail .calendar_search > li {display: flex;align-items: center;padding: 20px 0;}
.org_detail .calendar_search li .tit{width: 200px;}
.org_detail .calendar_search li .tit span{ font-weight: 600; color: #222;}
.org_detail .calendar_search li .right {width: calc(100% - 200px);}
.org .team{padding-left: 35px; position: relative; font-size: 1.25rem; font-weight: 500; color: #333; margin-bottom: 5px; display: flex; align-items: center; flex-wrap: wrap;}
.org .team::before {content: ""; background: #EE2E5B url(/images/contents/org.svg) center center no-repeat; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 0; top: 2px; background-size: 60%; padding: 8px;}
.org .team span.addr {font-size: 1rem; font-weight: 400; color: #555; display: inline-block; margin-left: 10px;}
.org .org-tree .dep_list.lv2 {top: 94rem;}
.org .org-tree .dep_list ul li.depth1 ul li.line1 ul:after {height: calc(100% - 45px); }
.org .bu_lst > li::before {display: none;}
.org .org_search .right {display: flex; align-items: center;}
.org .org_search .right div + div {margin-left: 10px;}


/* 정보공개제도 */
.inform_list {display: flex; justify-content: center; align-items: stretch; margin-bottom: 20px; padding: 30px; border: 1px solid #ededed;}
.inform_list li:first-child span {height: 100%;}
.inform_list li span {width: 200px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #856B54; color: #fff;}
.inform_list li + li {margin-left: 40px;}
.inform_list li + li span {position: relative;}
.inform_list li + li span::before {content: ""; background: url(/images/layout/btn_next_b.svg) center center no-repeat; background-size: cover; position: absolute; left: -20px; top: 19px; width: 7px; height: 10px;}
.inform_list li span + span {margin-top: 20px;}
.inform_list li span.nop {background: none;}
.inform_list li + li span.nop::before {display: none;}


/* 행정서비스 헌장 */
.law_box {padding: 25px; border: 1px solid #ededed; margin: 10px 0;}
.law_box p + p {margin-top: 10px;}
.law_box.law_right {border: none; text-align: right;}
.law_lst{color: #555;margin: 0 10px 20px 10px;}
.law_lst li{margin-bottom: 6px;}
.law_lst li > ul{margin: 10px 0 15px 15px;}
.law_lst li > ul li{font-size: 0.95rem; }
.p_basic {margin-top: 5px;}
span.bd {font-weight: 700; font-size: 1.125rem;}
.law_sub_tit {font-size: 1.75rem; font-weight: 700; color: #333; display: block; letter-spacing: .05rem; margin: 50px 0 15px;}


/* 이달의 대구 문화정보 */
.culture {width: 100%; display: flex; flex-wrap: wrap; margin-top: 50px; border: 1px solid #dadada;}
.culture > li {width: 50%; height: 100%; max-height: 1070px; overflow: hidden; padding: 25px;}
.culture > li + li {border-left: 1px dashed #dadada;}
.culture .calendar .toolbar .date {display: flex; align-items: center; justify-content: center; gap: 30px;}
.culture .calendar .toolbar .date .num_font > * {font-size: 2rem;}
.culture .calendar .toolbar .date .m_prev {background: url(/images/main/btn_prev_b.svg) center center no-repeat; background-size: 30%; width: 28px; height: 28px;}
.culture .calendar .toolbar .date .m_next {background: url(/images/main/btn_next_b.svg) center center no-repeat; background-size: 30%; width: 28px; height: 28px;}
.culture .calendar .toolbar .cate {display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin: 10px 0;}
.culture .calendar .toolbar .cate li {font-size: .875rem; color: #555; padding-left: 12px; position: relative; line-height: 1;}
.culture .calendar .toolbar .cate li::before {content: ""; width: 8px;height: 8px; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.culture .calendar .toolbar .cate li.pf::before {background: #c68400;}
.culture .calendar .toolbar .cate li.dp::before {background: #961783;}
.culture .calendar .toolbar .cate li.ev::before {background: #175696;}
.culture .calendar .toolbar .cate li.st::before {background: #00695C;}
.culture .calendar .toolbar .cate li.xp::before {background: #d65a00;}
.culture .calendar .inner {width: 100%;}
.culture .calendar .inner table {width: 100%;}
.culture .calendar .inner table thead {padding: 5px 0; border-top: 1px solid #856B54; border-bottom: 1px solid #dadada;}
.culture .calendar .inner table thead tr th,
.culture .calendar .inner table tbody tr td {width: calc(100% / 7);}
.culture .calendar .inner table thead tr th {text-align: center; font-size: .9375rem; font-weight: 400;}
.culture .calendar .inner table thead tr th.sun,
.culture .calendar .inner table tbody tr td:nth-child(7n+1) {color: #FD0000!important;}
.culture .calendar .inner table thead tr th.sat,
.culture .calendar .inner table tbody tr td:nth-child(6n+1) {color: #000AFF;}
.culture .calendar .inner table tbody tr {border-bottom: 1px solid #dadada;}
.culture .calendar .inner table tbody tr td {padding: 4px 2px;height: 134px;vertical-align: top;}
.culture .calendar .inner table tbody tr td .dd {display: block; text-align: center; font-size: .9375rem;}
.culture .calendar .inner table tbody tr td button {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 2px 6px; border-radius: 4px; color: #fff; font-size: .875rem;}
.culture .calendar .inner table tbody tr td button + button {margin-top: 2px;}
.culture .calendar .inner table tbody tr td button.pf {background: #c68400;}
.culture .calendar .inner table tbody tr td button.dp {background: #961783;}
.culture .calendar .inner table tbody tr td button.ev {background: #175696;}
.culture .calendar .inner table tbody tr td button.st {background: #00695C;}
.culture .calendar .inner table tbody tr td button.xp {background: #d65a00;}

.culture .information {height: auto; overflow: hidden;}
.culture .information .top {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: #FAF8F7; border-radius: 10px;}
.culture .information .top > div {display: flex; align-items: center; gap: 5px;}
.culture .information .top .date .tit {background: #EE2E5B; color: #fff; font-size: .875rem; line-height: 1; display: block; padding: 5px; border-radius: 5px;}
.culture .information .top .date .txt {font-size: 1.125rem; font-weight: 600; color: #333;}
.culture .information .top .total .tit {background: #237008; color: #fff; font-size: .875rem; line-height: 1; display: block; padding: 5px; border-radius: 5px;}
.culture .information .top .total .txt {font-size: .9375rem; color: #333;}
.culture .information .list_wrap {height: calc(100vh - 120px); margin-top: 25px; overflow-y: scroll;}
.culture .information .list_wrap .list {display: flex; flex-wrap: wrap; gap: 10px;}
.culture .information .list_wrap .list li {width: 100%; padding: 0.25rem;}
.culture .information .list_wrap .list li button {display: flex; flex-wrap: wrap; gap: 10px; width: 100%; border: 1px solid #856B54; border-radius: 10px; padding: 20px; text-align: left; transition: .3s;}
.culture .information .list_wrap .list li button:hover {box-shadow: 2px 2px 14px rgba(100, 15, 0, .15);}
.culture .information .list_wrap .list li button span {display: block; width: 100%; padding-left: 12px; position: relative;}
.culture .information .list_wrap .list li button span.cate::before {content: ""; width: 8px;height: 8px; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.culture .information .list_wrap .list li button span.cate.pf::before {background: #c68400;}
.culture .information .list_wrap .list li button span.cate.dp::before {background: #961783;}
.culture .information .list_wrap .list li button span.cate.ev::before {background: #175696;}
.culture .information .list_wrap .list li button span.cate.st::before {background: #00695C;}
.culture .information .list_wrap .list li button span.cate.xp::before {background: #d65a00;}
.culture .information .list_wrap .list li button h3 {width: 100%; font-size: 1.0625rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}


/* 문화정보 통합검색 */
.culture.search {border: none;}
#searchForm {width: 100%;}
#searchForm .search_list {width: 100%; background: #FAF8F7; border-top: 1px solid #856b54; padding: 15px 50px;}
#searchForm .search_list > li {display: flex; flex-wrap: wrap; gap: 10px 0; align-items: center; padding: 20px 0;}
#searchForm .search_list > li + li {border-top: 1px dashed #ebebeb;}
#searchForm .search_list > li .tit {min-width: 150px; font-size: 1.0625rem; font-weight: 600;}
#searchForm .search_list > li .sel,
#searchForm .search_list > li .inp {width: calc(100% - 150px);}
#searchForm .search_list > li .inp .date_box {display: flex; gap: 5px; align-items: center; margin-bottom: 10px;}
#searchForm .search_list > li .inp .input_box input {max-width: 500px; width: 100%;}
#searchForm .search_list > li .sel {display: flex; flex-wrap: wrap; gap: 10px;}
#searchForm .search_list > li .sel li {display: flex; position: relative;}
#searchForm .search_list > li .sel li input {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0;}
#searchForm .search_list > li .sel li input:checked ~ label {background: #EE2E5B; color: #fff;}
#searchForm .search_list > li .sel li label {background: #F6F1EE; color: #7a7a7a; border-radius: 4px; padding: 5px 20px 5px 46px; height: 40px; font-size: 1rem; font-weight: 500; display: flex; align-items: center; cursor: pointer; user-select: none; transition: background .3s;}
#searchForm .search_list > li .sel li input:focus-visible + label {outline: 2px dashed #d42121; outline-offset:1px; position: relative; z-index: 22;}
#searchForm .search_list > li .sel li input#field00 ~ label {background-image: url(/images/contents/field00.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#field01 ~ label {background-image: url(/images/contents/field01.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#field02 ~ label {background-image: url(/images/contents/field02.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#field03 ~ label {background-image: url(/images/contents/field03.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#field04 ~ label {background-image: url(/images/contents/field04.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#field05 ~ label {background-image: url(/images/contents/field05.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#field00:checked ~ label {background-image: url(/images/contents/field00Chk.png);}
#searchForm .search_list > li .sel li input#field01:checked ~ label {background-image: url(/images/contents/field01Chk.png);}
#searchForm .search_list > li .sel li input#field02:checked ~ label {background-image: url(/images/contents/field02Chk.png);}
#searchForm .search_list > li .sel li input#field03:checked ~ label {background-image: url(/images/contents/field03Chk.png);}
#searchForm .search_list > li .sel li input#field04:checked ~ label {background-image: url(/images/contents/field04Chk.png);}
#searchForm .search_list > li .sel li input#field05:checked ~ label {background-image: url(/images/contents/field05Chk.png);}
#searchForm .search_list > li .sel li input#region00 ~ label {background-image: url(/images/contents/region00.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region01 ~ label {background-image: url(/images/contents/region01.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region02 ~ label {background-image: url(/images/contents/region02.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region03 ~ label {background-image: url(/images/contents/region03.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region04 ~ label {background-image: url(/images/contents/region04.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region05 ~ label {background-image: url(/images/contents/region05.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region06 ~ label {background-image: url(/images/contents/region06.png); background-repeat: no-repeat; background-position: left 20px center; padding-left: 56px;}
#searchForm .search_list > li .sel li input#region07 ~ label {background-image: url(/images/contents/region07.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region08 ~ label {background-image: url(/images/contents/region08.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region09 ~ label {background-image: url(/images/contents/region09.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region10 ~ label {background-image: url(/images/contents/region10.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#region00:checked ~ label {background-image: url(/images/contents/region00Chk.png);}
#searchForm .search_list > li .sel li input#region01:checked ~ label {background-image: url(/images/contents/region01Chk.png);}
#searchForm .search_list > li .sel li input#region02:checked ~ label {background-image: url(/images/contents/region02Chk.png);}
#searchForm .search_list > li .sel li input#region03:checked ~ label {background-image: url(/images/contents/region03Chk.png);}
#searchForm .search_list > li .sel li input#region04:checked ~ label {background-image: url(/images/contents/region04Chk.png);}
#searchForm .search_list > li .sel li input#region05:checked ~ label {background-image: url(/images/contents/region05Chk.png);}
#searchForm .search_list > li .sel li input#region06:checked ~ label {background-image: url(/images/contents/region06Chk.png);}
#searchForm .search_list > li .sel li input#region07:checked ~ label {background-image: url(/images/contents/region07Chk.png);}
#searchForm .search_list > li .sel li input#region08:checked ~ label {background-image: url(/images/contents/region08Chk.png);}
#searchForm .search_list > li .sel li input#region09:checked ~ label {background-image: url(/images/contents/region09Chk.png);}
#searchForm .search_list > li .sel li input#region10:checked ~ label {background-image: url(/images/contents/region10Chk.png);}
#searchForm .search_list > li .sel li input#period00 ~ label {background-image: url(/images/contents/period00.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#period01 ~ label {background-image: url(/images/contents/period01.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#period02 ~ label {background-image: url(/images/contents/period02.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#period03 ~ label {background-image: url(/images/contents/period03.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#period04 ~ label {background-image: url(/images/contents/period04.png); background-repeat: no-repeat; background-position: left 20px center;}
#searchForm .search_list > li .sel li input#period00:checked ~ label {background-image: url(/images/contents/period00Chk.png);}
#searchForm .search_list > li .sel li input#period01:checked ~ label {background-image: url(/images/contents/period01Chk.png);}
#searchForm .search_list > li .sel li input#period02:checked ~ label {background-image: url(/images/contents/period02Chk.png);}
#searchForm .search_list > li .sel li input#period03:checked ~ label {background-image: url(/images/contents/period03Chk.png);}
#searchForm .search_list > li .sel li input#period04:checked ~ label {background-image: url(/images/contents/period04Chk.png);}
#searchForm .btn_area .btn.reset span {padding-right: 14px;}
#searchForm .btn_area .btn.reset::before {content: ""; background: url(/images/contents/ico_reset.png) no-repeat; width: 14px; height: 14px; background-size: cover; position: absolute; right: 35px; top: 50%; transform :translateY(-50%); z-index: 2;}
#searchForm .btn_area .btn.reset:hover::before {background: url(/images/contents/ico_reset_w.png) no-repeat;}

.ui-widget-header {background: #faf8f7!important; border: none!important;}
.ui-widget.ui-widget-content {padding: 10px!important;}
.ui-datepicker td {padding: 6px!important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {text-align: center; 'Pretendard',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover {border: none!important; background: none!important; text-align: center;}
.ui-state-active, .ui-widget-content .ui-state-active {color: #EE2E5B!important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #EE2E5B!important; border-radius: 50%; color: #fff!important;}


/* 문화정보 통합검색 검색결과 리스트 */
.search_wrap {width: 100%; margin-top: 50px;}
.search_wrap > ul {width: 100%; display: flex; flex-wrap: wrap; gap: 20px;}
.search_wrap > ul > li {width: calc(100% / 4 - 15px);}
.search_wrap > ul > li.empty {width: 100%;}
.search_wrap > ul > li a {display: block; width: 100%; border: 1px solid #dedede; padding: 30px; transition: .3s;}
.search_wrap > ul > li a:hover {box-shadow: 2px 2px 10px rgba(100,55,0,.15); transition: .3s; border-color: transparent; border-image: linear-gradient(to right, #F58830, #EE2E5B); border-image-slice: 1;}
.search_wrap > ul > li a .cate {display: inline-block; padding: 5px 20px; border-radius: 50px; color: #fff; font-size: .9375rem;}
.search_wrap > ul > li a .cate.PF {background: #c68400;}
.search_wrap > ul > li a .cate.DP {background: #961783;}
.search_wrap > ul > li a .cate.EV {background: #175696;}
.search_wrap > ul > li a .cate.ST {background: #00695C;}
.search_wrap > ul > li a .cate.XP {background: #d65a00;}
.search_wrap > ul > li a .tit {display: block; width: 100%; height: 27px; margin: 10px 0 20px; font-size: 1.125rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.search_wrap > ul > li a ul li {font-size: .9375rem;}
.search_wrap > ul > li a ul li b {display: inline-block; margin-right: 5px;}


/* 문화정보 등록 */
.explanation {width: 100%; font-size: .875rem; text-align: right; margin-bottom: 10px; color: #555;}
label.must span.must {margin-left: 5px; display: inline-block;}
.info_write .input_box {width: 100%;}
.info_write .input_box input {width: 50%;}
.info_write .select_box {min-width: 50%;}
.date_box {display: flex; align-items: center;}
.date_box .date {position: relative; width: 200px; z-index: 0; background: #fff;}
.date_box .date input {background: transparent; z-index: 1; position: relative; cursor: pointer;}
.date_box .date::after {content: ""; width: 16px; height: 16px; position: absolute; right: 13px; top: 50%; transform: translateY(-50%);background: url(/images/main/icon_cal.svg) center center no-repeat; cursor: pointer; z-index: 1;}
.date_box span {display: block; margin: 0 20px;}
.date_box .date input[type="date"]::-webkit-calendar-picker-indicator { display: none;}
.select_box {position: relative; display: inline-block; min-width: 200px; width: auto;  background: #fff; cursor: pointer;}
.select_box select {background: transparent; min-height: 50px; border: 1px solid #dadada; width: 100%; font-size: 1rem; color: #555; padding: 10px 50px 10px 10px; z-index: 1; position: relative; cursor: pointer;}
.select_box::after{content: ""; width: 16px; height: 16px; position: absolute; right: 13px; top: 50%; transform: translateY(-50%);background: url(/images/layout/btn_select_b.png) center no-repeat; cursor: pointer; z-index: 0;}
.info_write .date_box .date {width: 225px;}
.parsley-required {font-size: .875rem; color: #ff0000; position: absolute;}
.info_write .file_form dd > a {font-size: 1rem; color: #555; margin-right: 10px;}
.btn-file {padding: 5px 30px; border-radius: 50px; background: #EE2E5B; color: #fff; display: inline-block; font-size: 1rem; cursor: pointer; line-height: 1.7;}
.btn-modi {padding: 5px 30px;border-radius: 50px;background: #856b54;color: #fff;display: inline-block;font-size: 1rem;cursor: pointer;opacity: 0.85;}
.btn-modi:hover{opacity: 1; color: #fff;}


/* 공연/전시/관광(팝업) */
.cal_layer {width: 100%; position: fixed; top: 0; left: 0; z-index:9999;}
.cal_layer::after {content: ""; position: fixed; background: rgba(0,0,0,.5); height: 100vh; width: 100%;}
.cal_layer .ly_pop {min-width: 600px; max-width:1000px; margin: 0 auto; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; border-radius: 14px;}
.cal_layer .ly_pop:focus-visible {outline: 2px dashed #d42121; outline-offset:1px; z-index: 22;}
.cal_layer .ly_pop .ly_pop_top {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ededed; padding: 25px 30px;}
.cal_layer .ly_pop .ly_pop_top h3 {color: #333; font-size: 1.25rem; font-weight: 500; width: calc(100% - 40px);}
/*.cal_layer .ly_pop .ly_pop_top .close {margin-left: 20px; background: url(/images/layout/btn_close_b.svg) center center no-repeat; width: 20px; height: 20px;}*/
.cal_layer .ly_pop .post {max-height: 500px; overflow-y: scroll; padding: 25px 30px; display: flex; justify-content: center;}
.cal_layer .ly_pop .post .poster {min-width: 300px; height: 400px; margin-right: 20px; overflow: hidden; float: left;}
.cal_layer .ly_pop .post .poster img {width: auto; height: 100%;transform: translate(-50%, -50%);position: relative;top: 50%;left: 50%;}
.cal_layer .ly_pop .post .con {display: flex; flex-wrap: wrap; align-content: space-between;}
.cal_layer .ly_pop .post .con table {width: 100%;}
.cal_layer .ly_pop .post .con table tr th{position:relative; width: 20%; text-align: left; padding: 10px; font-weight: 400; color: #333; vertical-align: top; line-height: 1.4; font-size: 1rem;}
.cal_layer .ly_pop .post .con table tr th::after {content: ""; position: absolute; width: 2px; height: 2px; background: #555; border-radius: 50%; left: 0; top: 19px;}
.cal_layer .ly_pop .post .con table tr td {vertical-align: top; width: 80%; padding: 10px; word-break: break-all; color: #555; line-height: 1.4; font-size: 1rem;}
.cal_layer .ly_pop .post .con .js-link-wrap {width: 100%; margin-top: 10px;}
.cal_layer .ly_pop .post .con .js-link-wrap .link {font-size: 1rem; display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border-radius: 4px; background: #EE2E5B; color: #fff; position: relative;}
.cal_layer .ly_pop .post .con .js-link-wrap .link span {position: relative; padding-right: 20px;}
.cal_layer .ly_pop .post .con .js-link-wrap .link span::before {content: ""; background: url(/images/main/icon_ticket.svg) center center no-repeat; width: 12px; height: 12px; background-size: cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: .3s;}
.cal_layer .ly_pop .post .con .js-link-wrap .link:hover span::before {right: -5px;}
.cal_layer .ly_pop .close {margin-left: 20px; background: url(/images/layout/btn_close_b.svg) center center no-repeat; width: 20px; height: 20px; position: absolute; top: 30px; right: 30px;}


/* 문화행사 등록 조회 */
.enroll {border-top: 1px solid #856B54; border-bottom: 1px solid #ebebeb;}
.enroll_list + .enroll_list {border-top: 1px solid #ebebeb;}
.enroll_list {display: flex; align-items: flex-start; justify-content: space-between; padding: 35px 25px;}
.enroll_list .list01 {width: 15%;}
.enroll_list .list02 {width: 45%;}
.enroll_list .list03 {width: 15%;}
.enroll_list .list04 {width: 15%;}
.enroll_list .list05 {width: 10%;}
.enroll_list li small {display: block; font-weight: 700; color: #856B54; margin-bottom: 5px;}
.enroll_list li p {color: #333; line-height: 1.4;}


/* 개인정보처리방침 */
.italic {font-style: italic; color: #6999DB; display: block;}
.law_inner_box {padding: 25px; border: 1px solid #ededed; font-size: 1rem; font-weight: 300; margin: 10px 0; background: #fbfbfb;}
.law_inner_box ul {margin: 8px 0;}
.law_inner_box ul ul {padding-left: 8px;}


/* 메세나 프로그램 소개 */
.support {display: flex; flex-wrap: wrap;}
.support li {width: calc(100% / 3 - 15px); padding: 50px 25px; border-radius: 14px; background-position: center 50px!important;}
.support li + li {margin-left: 20px;}
.support li span.tit {display: block; width: 100%; text-align: center; position: relative; font-size: 1.25rem; font-weight: 600; padding-top: 70px;}
.support li p {font-size: 1rem; text-align: center; margin-top: 10px;}
.support li.support01 {background: #faf8f7 url(/images/contents/icon_support01.png) no-repeat;}
.support li.support02 {background: #faf8f7 url(/images/contents/icon_support02.png) no-repeat;}
.support li.support03 {background: #faf8f7 url(/images/contents/icon_support03.png) no-repeat;}


/* 비전&경영전략 */
.vision {max-width: 1050px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px;}
.vision > li {width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative;}
.vision > li:nth-child(1) span.con {color: #EE2E5B; font-weight: 700; font-size: 1.5rem; background: #fff5f8;}
.vision > li:not(:nth-child(1)) {padding-top: 50px; position: relative;}
.vision > li:not(:nth-child(1))::before {content: ""; background: url(/images/contents/vision_bg.png) center center no-repeat; width: 944px; height: 150px; background-size: 60%; position: absolute; top: -55px; left: 50%; transform: translateX(-50%); opacity: .5; z-index: -1;}
.vision > li span.tit {width: 100%; max-width: 200px; border-radius: 25px; margin: 0 auto; color: #333; font-size: 1.375rem; font-weight: 700; text-align: center; position: relative; font-family: "Godo";}
.vision > li span.con {padding: 25px; border-radius: 50px; background: #fafafa; border: 1px dashed #ddd; color: #333; font-size: 1.125rem; text-align: center; display: block; width: 100%; position: relative; overflow: hidden; margin-top: 10px;}
.vision > li .con_list {width: 100%; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: 10px;}
.vision > li .con_list li {padding: 25px; border-radius: 50px; background: #f4f4f4; color: #333; text-align: center; width: calc(100% / 3 - 7px);}
.vision > li:nth-child(3) .con_list li {background: #856B54; color: #fff;}
.vision > li:nth-child(4) .con_list li {background: #fdf6f0; border: 1px dashed #ddd; color: #6d3c12;}
.vision > li .con_list.con_list2 li {border-radius: 10px; width: calc(100% / 4 - 7.5px); padding: 20px;}


/* 후원 가이드 */
.support_guide_wrap {display: flex;}
.support_guide_wrap > div {width: calc(100% / 2 - 20px);}
.support_guide_wrap > div + div {margin-left: 40px;}
.support_guide_wrap > div .support_guide li {width: calc(100% / 3 - 10px);}
.support_guide {display: flex; justify-content: center; padding: 60px 30px 40px; background: #faf8f7; border-radius: 14px; min-height: 290px;}
.support_guide li {width: calc(100% / 6 - 25px);}
.support_guide li + li {margin-left: 30px;}
.support_guide li .tit {position: relative; width: 100%; height: 140px;}
.support_guide li .tit .num {font-size: 2.5rem; color: #333; font-weight: 900; position: absolute; right: 0; top: 0; z-index: 0; line-height: 1; opacity: .2; user-select: none;}
.support_guide li .tit .icon {display: flex; align-items: center; justify-content: center; width: 130px; height: 130px; background: #fff;  box-shadow: 2px 2px 10px rgba(100,55,0,.1); border-radius: 50%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1;}
.support_guide li .txt {text-align: center; line-height: 1.4;}
.support_guide li .txt small {font-size: .75rem;}


/* 메세나 전당 */
.mcn_hof {position: relative; display: flex; align-items: center; padding: 125px 0; margin: 50px 0 70px;}
.mcn_hof::before {content: ""; width: 200%; height: 100%; background: #856B54; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;}
.mcn_hof::after {content: ""; width: 1920px; height: 100%; background: url(/images/contents/mcn_hof_bg.png) bottom center repeat-x; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-size: 30%; opacity: .6; z-index: -1; mix-blend-mode: luminosity;}
.mcn_hof .txt {color: #fff; width: calc(100% - 550px);}
.mcn_hof .txt p {font-size: 1.25rem; margin-top: 10px; padding-left: 10px;}
.mcn_hof .txt strong {font-size: 2rem; position: relative; display: inline-block; width: auto; color: #fff; margin-left: 30px;}
.mcn_hof .txt strong::before {content: ""; background: url(/images/contents/hof_bg.png) center center no-repeat; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); width: 29px; height: 60px; background-size: 60%;}
.mcn_hof .txt strong::after {content: ""; background: url(/images/contents/hof_bg.png) center center no-repeat; position: absolute; right: -30px; top: 50%; transform: translateY(-50%) scaleX(-1); width: 29px; height: 60px; background-size: 60%;}
.mcn_hof .img {width: 500px; height: 450px; position: absolute; right: 0; bottom: 0; border-radius: 500px 500px 0 0; overflow: hidden;}
.mcn_hof .img img {width: 100%; height: 100%; object-fit: cover; position: absolute;}
.honour + .honour {margin-top: 30px; padding-top: 30px; border-top: 2px dashed #eee;}
.honour {display: flex; gap: 20px; flex-wrap: wrap;}
.honour li {width: calc(100% / 4 - 15px); padding: 20px 5px; border-radius: 14px; filter: saturate(0.5); transition: .3s; position: relative; border: 1px solid #ebebeb; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 5px;}
.honour li::before {content: ""; width: 155px; height: 120px; background: url(/images/contents/honour_bg.png) center center no-repeat; background-size: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .7; z-index: -1;}
.honour li:nth-child(odd) {background: linear-gradient(to right, #ED7B7B, #A2678A);}
.honour li:nth-child(4n+3) {background: linear-gradient(to right, #7FC7D9, #176B87);}
.honour li:nth-child(even) {background: linear-gradient(to right, #C8AE7D, #765827);}
.honour li:nth-child(4n+4) {background: linear-gradient(to right, #789461, #294B29);}
.honour li span {display: block; width: 100%; text-align: center; line-height: 1.2; word-break: break-all;}
.honour li span.name {font-size: 1.125rem; font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center;}
.honour li span.team {font-size: 1rem; word-break: keep-all; color: #fff;}
.honour li span.price {font-size: 1.0625rem; color: #fff;}
.honour li:focus-visible {outline: -webkit-focus-ring-color dotted 2px;}
.honour.honour2 li {width: calc(100% / 6 - 17px); background: #fbf7f1!important;}
.honour.honour2 li::before {display: none;}
.honour.honour2 li span {margin: 0; color: #555!important;}
.honour.honour2 li span {font-size: 1.125rem; word-break: keep-all;}
.honour .imgC {cursor: pointer; position: relative;}
.honour .imgC button {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 5px;}
.honour .imgC:hover,
.honour .imgC.focus {transform: translateY(-10px); box-shadow: 4px 4px 14px rgba(0,0,0,.1);}
.honour .imgC::after {content: ""; width: 18px; height: 18px; background: url(/images/contents/ico_image.svg) center center no-repeat; background-size: cover; position: absolute; right: 10px; top: 10px;}
.honour .imgC img {display: none;}
.mcn_modal {display: none; z-index: 9999; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .8);}
.mcn_modal .modalBox {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; width: 90%; max-height: 380px; height: 40%; text-align: center;}
.mcn_modal .modalBox img {width: 100%; height: 100%; object-fit: cover;}
.mcn_modal .modalBox ul {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.mcn_modal .modalBox ul li p {color: #fff; font-size: 1.5rem; font-weight: 500;}
.mcn_modal .modalBox ul li button {position: relative;background: transparent; border: 0; }
.mcn_modal .modalBox ul li button::before {content: "×"; color: #fff; font-size: 2.5rem;}


/* 오시는 길 */
.map_list .root_daum_roughmap_landing {width: 100%!important;}
.map_list .root_daum_roughmap .cont {display: none!important;}
.map_box {display: flex;}
.map_box li {width: 100%;}
.map_inner {width: 100%; padding: 40px 0; background: #F7F5EF; margin-bottom: 50px; display: flex; align-items: center; justify-content: flex-start; color: #444;}
.map_inner .logo {width: 35%; display: flex; align-items: center; justify-content: center;}
.map_inner .logo img {max-width: 250px; mix-blend-mode: multiply;}
.map_inner .map_txt {width: 60%; padding-left: 5%; display: flex; flex-wrap: wrap; border-left: 1px dashed rgba(0,0,0,.2); letter-spacing: .05rem;}
.map_inner .map_txt ul {width: 100%;}
.map_inner .map_txt ul li {padding-left: 30px; font-weight: 300; font-size: 1rem; margin: 5px 0; width: 100%; display: flex; align-items: center; line-height: 1.4;}
.map_inner .map_txt ul li.addr {background: url(/images/contents/icon_location.svg) left center no-repeat;}
.map_inner .map_txt ul li.tel {background: url(/images/contents/icon_phone.svg) left center no-repeat;}
.map_inner .map_txt ul li.fax {background: url(/images/contents/icon_print.svg) left center no-repeat;}
.map_inner .map_txt ul li.mail {background: url(/images/contents/icon_send.svg) left center no-repeat;}
.map_inner .map_txt ul li.link {background: url(/images/contents/icon_home.svg) left center no-repeat;}
.map_inner .map_txt ul li.link:hover a {text-decoration: underline; text-underline-position: under;}
.map_inner .map_txt ul li a{color: #444;}

.map_detail{position: relative}
.map_skip{position: absolute; z-index: -1;background: rgba(0, 0, 0, 0.7);width: 100%;height: 50px;text-align: center;font-size: 15px;font-weight: 600;line-height: 50px;color: #fff;opacity: 0;}
.map_skip:focus{top: 0; opacity: 1; color: #fff; z-index: 10;}


/* 관광진흥 */
.tourism_marketing_box {padding: 50px; border-radius: 10px; background: #faf8f7; margin-top: 30px;}
.tourism_marketing_box p {margin-bottom: 30px;}
.tourism_marketing_box p img {max-width: 250px; width: 60%; mix-blend-mode: multiply;}


/* 기부금 영수증 발급 신청 */
.ars textarea {resize: none; margin-bottom: 10px; outline: none;}
.ars .deco_check input[type=radio] + label ~ label {margin-left: 10px;}
.ars input {max-width: 150px; width: 100%;}
.ars .input_box.type01 {display: flex; align-items: center;}
.ars .input_box.type01 span {display: inline-block; margin: 0 5px; color: #555;}
.ars .input_box.type02 .post {margin-bottom: 10px; display: flex; align-items: center;}
.ars .input_box.type02 .post input {max-width: 320px;}
.ars .input_box.type02 .post button {background: #959595; color: #fff; font-size: 1.0625rem; line-height: 1.25; border-radius: 0; height: 50px; padding: 0 20px; display: flex; align-items: center; justify-content: center; margin-left: 20px;}
.ars .input_box.type02 #address {max-width: 640px; width: 100%;}


/* 예술사랑운동 */
/*.bi_list {display: flex; align-items: center; flex-wrap: wrap;}*/
/*.bi_list li {margin: 0 10px;}*/
/*.bi_list li img {max-width: 150px; width: 100%; padding: 10px;}*/


/* 예술사랑 후원방법 */
/*.courtesy_txt {font-family: 'Godo'; font-size: 1.3125rem; font-weight: 700; text-align: center; justify-content: center;}*/
/*.courtesy_txt span {color: #EE2E5B; margin-left: 7px;}*/
/*.courtesy {display: flex; flex-wrap: wrap; text-align: left; margin-top: -20px;}*/
/*.courtesy li {width: calc(100% / 2); min-height: 130px; position: relative; padding-left: 150px; display: flex; align-items: center; align-content: center; flex-wrap: wrap; margin-top: 20px;}*/
/*.courtesy li  {}*/
/*.courtesy li span {display: block; width: 100%;}*/
/*.courtesy li span.tit {font-size: 1.25rem; font-weight: 500; color: #333;}*/
/*.courtesy li span.txt {margin-top: 10px; font-size: 1rem; line-height: 1.4;}*/
/*.courtesy li span.txt.small {font-size: .85rem; margin-top: 3px;}*/
/*.courtesy li::before {width: 130px; height: 130px; position: absolute; left: 0; top: 0; border-radius: 14px;}*/
/*.courtesy li.icon01::before {content: ""; background: #faf8f7 url(/images/contents/courtesy01.png) center center no-repeat; background-size: 70px;}*/
/*.courtesy li.icon02::before {content: ""; background: #faf8f7 url(/images/contents/courtesy02.png) center center no-repeat; background-size: 70px;}*/
/*.courtesy li.icon03::before {content: ""; background: #faf8f7 url(/images/contents/courtesy03.png) center center no-repeat; background-size: 70px;}*/
/*.courtesy li.icon04::before {content: ""; background: #faf8f7 url(/images/contents/courtesy04.png) center center no-repeat; background-size: 70px;}*/
/*.courtesy li.icon05::before {content: ""; background: #faf8f7 url(/images/contents/courtesy05.png) center center no-repeat; background-size: 70px;}*/
/*.courtesy li.icon06::before {content: ""; background: #faf8f7 url(/images/contents/courtesy06.png) center center no-repeat; background-size: 70px;}*/
/*.ex_list li {padding: 20px; border: 1px solid #ddd; border-radius: 14px; margin-top: 20px;}*/
/*.ex_list li h5 {font-size: 1.125rem; font-weight: 700;}*/
/*.ex_list li span {display: block;}*/
/*.ex_list li span.red {color: #ff0000;}*/


/* 대구 예술사랑 메세나 운동 */
/*.note01 {background: url(/images/contents/note01.png) center center no-repeat; background-size: 80%; position: absolute; left: 3%; top: 0; width: 35px; height: 38px; animation: noteAni .6s alternate infinite;}*/
/*.note02 {background: url(/images/contents/note02.png) center center no-repeat; background-size: 80%; position: absolute; left: 6%; top: -20px; width: 18px; height: 43px; animation: noteAni2 .6s alternate infinite;}*/
/*.note03 {background: url(/images/contents/note01.png) center center no-repeat; background-size: 80%; position: absolute; right: 0; top: 47%; width: 35px; height: 38px; animation: noteAni .6s alternate infinite;}*/
/*.mcn_box {text-align: center; max-width: 900px; width: 100%; margin: 0 auto;}*/
/*.mcn_box h4 {font-family: "Godo"; font-size: 1.75rem; padding: 100px 0 30px;}*/
/*.mcn_video {position: relative; max-width: 600px; width: 100%; padding-top: 37%; margin: 0 auto;}*/
/*.mcn_video iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}*/
/*.mcn_cnt01 {position: relative;}*/
/*.mcn_cnt01::before {content: ""; background: url(/images/contents/mcn_bg01.png) top center no-repeat; width: 1920px; height: 1979px; background-size: cover; position: absolute; left: 50%; top: -100px; transform: translateX(-50%); z-index: -1;}*/
/*.mcn_cnt01 img {width: 100%; max-width: 800px; margin-top: 30px; -webkit-user-drag: none;}*/
/*.mcn_cnt01 .mcn_msg {margin-top: 80px; position: relative; border: 10px solid #fff; background: rgba(255,255,255,.3); border-radius: 14px; padding: 25px;}*/
/*.mcn_cnt01 .mcn_msg h5 {font-size: 1.0625rem; font-weight: 500; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: url(/images/contents/mcn_msg.png) center center no-repeat; width: 314px; height: 39px; color: #fff; display: flex; align-items: center; justify-content: center;}*/
/*.mcn_cnt01 .mcn_msg p {font-size: .9375rem; max-width: 600px; width: 100%; margin: 10px auto 0;}*/
/*.mcn_cnt02 {margin-top: 180px; display: flex; flex-wrap: wrap; gap: 30px;}*/
/*.mcn_cnt02 .mcn_box.sup {width: calc(100% / 2 - 15px);}*/
/*.mcn_cnt02 .mcn_box {width: 100%; display: flex; flex-wrap: wrap; gap: 50px; justify-content: space-between; max-width: 100%; padding: 50px; border: 2px solid #eee; border-radius: 14px; background: #fff; position: relative;}*/
/*.mcn_cnt02 .mcn_box h4 {padding-top: 0;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt {text-align: left; width: 100%; display: flex; flex-wrap: wrap;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .num {width: 50px; writing-mode: vertical-lr; text-align: right; transform: rotate(180deg); display: flex; align-items: flex-end; justify-content: flex-end; font-family: "Godo"; font-size: 1.25rem; font-weight: 700; margin-top: 11px; position: relative;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .num::before {content: ""; width: 1px; height: 85%; border-left: 1px solid  #676767; position: absolute; right: 13px; bottom: 35px; transform: translateX(-50%);}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .num_info {font-size: 1.25rem;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt {width: calc(100% - 50px);}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt p span {color: #EE2E5B; font-weight: 500;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt p.btn {display: inline-block; padding: 10px 50px; margin: 10px 0; border-radius: 50px; background: #EE2E5B; color: #fff; font-size: 1.125rem; font-weight: 500; letter-spacing: .05rem;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt p.small {color: #555; font-size: .9375rem; margin-top: 10px;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt ul.ico_list {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-bottom: 30px; letter-spacing: .05rem;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt ul.ico_list li {padding: 10px 25px 10px 65px; background: #EE2E5B; border-radius: 50px; color: #fff; font-size: 1.0625rem;position: relative;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt ul.ico_list li:first-child::before {content: ""; background: url(/images/contents/mcn_ico01.png) left center no-repeat; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-size: cover;}*/
/*.mcn_cnt02 .mcn_box .mcn_txt .txt ul.ico_list li:last-child::before {content: ""; background: url(/images/contents/mcn_ico02.png) left center no-repeat; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-size: cover;}*/
/*.mcn_cnt02 .mcn_box .img {display: none;}*/
/*.mcn_cnt02 .mcn_box:last-child::before {content: ""; width: 200%; height: 51%; background: #F6FBFF; position: absolute; bottom: -1%; left: -50%; z-index: -1;}*/
/*.mcn_cnt02 .ico_wrap {width: 100%;}*/
/*.mcn_cnt02 .ico_wrap .ico_list2 {width: 100%; display: flex; gap: 20px; flex-wrap: wrap; align-items: center;}*/
/*.mcn_cnt02 .ico_wrap .ico_list2 li {width: calc(100% / 6 - 17px); position: relative;}*/
/*.mcn_cnt02 .ico_wrap .ico_list2 li + li::before {content: ""; background: url(/images/contents/mcn_arrow.png) no-repeat; width: 16px; height: 23px; background-size: cover; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}*/
/*.mcn_cnt02 .ico_wrap .ico_list2 li span {display: block; height: 45px; line-height: 1.4; font-size: 1rem;}*/
/*.mcn_cnt03 {position: relative;}*/
/*.mcn_cnt03::before {content: ""; width: 200%; height: 1000%; background: #F6FBFF; position: absolute; top: 0; left: -50%; z-index: -1;}*/
/*!*.mcn_cnt03 .human01 {background: url(/images/contents/mcn_bg02.png) no-repeat; background-size: 90%; width: 311px; height: 423px; position: absolute; right: -311px; top: 0;}*!*/
/*.mcn_cnt03 .human02 {background: url(/images/contents/mcn_bg03.png) no-repeat; width: 1004px; height: 875px; position: absolute; left: -311px; bottom: -60%; z-index: -1;}*/
/*.mcn_cnt03 .mcn_box {max-width: 100%; position: relative;}*/
/*.mcn_cnt03 .mcn_box ul {display: flex; flex-wrap: wrap; gap: 100px 30px; margin-top: 50px;}*/
/*.mcn_cnt03 .mcn_box ul li {width: calc(100% / 3 - 20px); background: #fff; border-radius: 14px; padding: 60px 25px 25px 25px; position: relative; box-shadow: 7px 7px 24px rgba(200, 213, 213, .4);}*/
/*.mcn_cnt03 .mcn_box ul li span.icon {width: 100px; height: 100px; background: #fff; border-radius: 50%; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center;}*/
/*.mcn_cnt03 .mcn_box ul li span.icon img {width: 70px;}*/
/*.mcn_cnt03 .mcn_box ul li .txt h5 {font-size: 1.125rem; padding-bottom: 10px;}*/
/*.mcn_cnt03 .mcn_box ul li .txt span {display: flex; flex-wrap: wrap; justify-content: center; text-align: left; line-height: 1.5; font-size: 1rem;}*/
/*@keyframes noteAni {*/
/*    to {transform: rotate(10deg);}*/
/*    from {transform: rotate(-10deg);}*/
/*}*/
/*@keyframes noteAni2 {*/
/*    to {transform: rotate(-5deg);}*/
/*    from {transform: rotate(5deg);}*/
/*}*/


/* 기부 · 후원 */
.mcn {display: flex; flex-direction: column; gap: 6.25rem;}
.mcn_con {display: flex; gap: 1.875rem;}
.mcn_con > div {width: 100%; padding: 2.5rem; background: #EE2E5B; color: #fff; border-radius: 0.625rem;}
.mcn_con > div h6 {font-size: 1.375rem; margin-bottom: 1.375rem; font-weight: 700;}
.mcn_con > div p {line-height: 1.75; font-size: 1rem; font-weight: 400;}
.mcn_roll .tit {text-align: center;}
.mcn_roll .tit h5 {font-family: "Godo"; font-weight: bold; font-size: 2rem; margin-bottom: 3rem;}
.mcn_roll .con {display: flex; gap: 1.875rem;}
.mcn_roll .con .box {width: 100%; padding-top: 13rem; position: relative;}
.mcn_roll .con .box::before {content: ""; width: 10rem; height: 10rem; background: #fff5f5; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.mcn_roll .con .box:nth-child(1)::after {content: ""; background: url(/images/contents/icon_support02.png) center no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 10rem; height: 10rem; background-size: 3.375rem;}
.mcn_roll .con .box:nth-child(2)::after {content: ""; background: url(/images/contents/icon_support03.png) center no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 10rem; height: 10rem; background-size: 3.375rem;}
.mcn_roll .con .box:nth-child(3)::after {content: ""; background: url(/images/contents/icon_support01.png) center no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 10rem; height: 10rem; background-size: 3.375rem;}
.mcn_roll .con .box h6 {font-size: 1.25rem; margin-bottom: 1rem;}
.mcn_roll .con .box p {line-height: 1.75;}
.mcn_bus .con {display: flex; gap: 1.875rem;}
.mcn_bus .con .box {width: 100%; padding: 2.5rem 1.5rem; text-align: center; border-radius: 0.625rem; border: 1px solid #EE2E5B;}
.mcn_bus .con .box h6 {font-size: 1.25rem; margin-bottom: 1.25rem; color: #EE2E5B;}
.mcn_bus .con .box p {font-size: 1rem; position: relative;}
.mcn_bus .con .box p::before {content: ""; width: 15px; height: 2px; background: #EE2E5B; position: absolute; top: -.75rem; left: 50%; transform: translateX(-50%);}
.mcn_tab .tab_tit ul {display: flex; margin-bottom: 2rem;}
.mcn_tab .tab_tit ul li {width: 100%; padding: 1rem 0; text-align: center; border-bottom: 2px solid #ebebeb;}
.mcn_tab .tab_tit ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #555;}
.mcn_tab .tab_tit ul li.active {border-color: #EE2E5B;}
.mcn_tab .tab_tit ul li.active a {color: #EE2E5B; font-weight: 700;}
.mcn_tab .tab_con {padding: 2rem; background: #faf8f7;}
.mcn_tab .tab_con > div {max-width: 550px; width: 100%; margin: 0 auto;}
.mcn_tab .tab_con > div h6 {font-size: 1.375rem; text-align: center;}
.mcn_tab .tab_con > div .img {width: 100%; height: 0; padding-top: 62.5%; position: relative; margin: 1rem auto; border-radius: 0.625rem; overflow: hidden;}
.mcn_tab .tab_con > div .img img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.mcn_tab .tab_con > div p {line-height: 1.75;}
.mcn_tab .tab_con > div span {display: block; padding: .75rem .5rem; background: #fff; border-radius: 0.3125rem; text-align: center; font-weight: 600; font-size: 1.0625rem;}
.mcn_box > ul {display: flex; gap: 4.375rem 1.875rem; margin-top: 3.125rem;}
.mcn_box > ul > li {width: calc(100% / 4); background: #fff; border-radius: 0.625rem; padding: 3.75rem 1.25rem 1.25rem; position: relative; box-shadow: 0.25rem -0.25rem 2.75rem rgba(190, 190, 190, .2);}
.mcn_box > ul > li span.icon {width: 100px; height: 100px; background: #fff; border-radius: 50%; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center;}
.mcn_box > ul > li span.icon img {width: 70px;}
.mcn_box > ul > li .txt {text-align: center;}
.mcn_box > ul > li .txt h6 {font-size: 1.25rem; padding-bottom: 10px;}
.mcn_box > ul > li .txt span,.mcn_box > ul > li .txt .bu_lst li {display: block; font-size: .9375rem; text-align: left;}
.mcn_box > ul > li .txt a {display: inline-block; padding: .5rem 1.5rem; border-radius: 50px; font-size: .9375rem; background: #333; color: #fff; margin-top: 2rem;}
.mcn_box > ul > li .txt img {margin-top: .5rem; width: 100%; height: 10rem; object-fit: cover; border-radius: 5px; overflow: hidden;}
.mcn_tree {position: relative; padding: 7rem 0 0;}
.mcn_tree::after {content: ""; width: 200%; height: 1000%; background: #fff5f5; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;}
.mcn_tree .tit h5 {font-family: "Godo"; font-weight: bold; font-size: 2rem; margin-bottom: 3rem;}
.mcn_tree .con {display: flex; gap: 1.875rem;}
.mcn_tree .con ul {width: 60%; display: flex; flex-direction: column; gap: 1.5rem;}
.mcn_tree .con ul li {padding: 1.75rem 1.25rem; background: #fff; border-radius: 0.625rem;}
.mcn_tree .con .img {width: 40%; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; gap: 1rem;}
.mcn_tree .con .img a {display: inline-block; padding: .5rem 1.5rem; border-radius: 50px; font-size: .9375rem; background: #333; color: #fff; margin-top: 2rem;}


/* 인권경영 - 추진체계 */
.human > ul > li {display: flex; flex-wrap: wrap;}
.human > ul > li + li {padding-top: 50px;}
.human > ul > li .lf {width: 20%; margin-right: 30px; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px dashed #555; box-shadow: 2px 2px 10px rgba(100,55,0,.05); padding: 20px 10px; border-radius: 4px; font-size: 1.125rem; color: #777; font-weight: 700;}
.human > ul > li .rt {width: calc(100% - 20% - 30px);}
.human > ul > li + li .rt {position: relative;}
.human > ul > li + li .rt::before {content: ""; /*background: url(/images/contents/human_arrow.png) center center no-repeat;*/ background-size: 100%; width: 80px; height: 45px; opacity: .4; position :absolute; top: -45px; left: 50%; transform: translateX(-50%);}
.human.human02 > ul > li + li .rt::before {background: none;}
.human > ul > li .rt > ul {display: flex; align-items: stretch; text-align: center; width :100%; height: 100%;}
.human > ul > li .rt > ul > li {box-shadow: 2px 2px 10px rgba(100,55,0,.05);}
.human > ul > li .rt > ul.item01 li {background: #f0f4ff; border: 1px solid #23499C; width: 100%; height: 100%; padding: 20px 10px; border-radius: 4px; font-size: 1.0625rem; color: #23499C; font-weight: 500;}
.human > ul > li .rt > ul.item02 li {background: #F2FDFF; border: 1px solid #009FA7; width: 100%; height: 100%; padding: 20px 10px; border-radius: 4px; font-size: 1.0625rem;}
.human > ul > li:last-child {padding-top: 6px;}
.human.human02 > ul > li.last {padding-top: 120px;}
.human > ul > li:last-child .rt::before {display: none;}
.human.human02 > ul > li.last .rt::before {display: block; background: url(/images/contents/vis_arrow.png) center center no-repeat; width: 563px; height: 114px; background-size: 100%; top: -114px;}
.human > ul > li .rt > ul.item03 {justify-content: space-between; gap: 20px;}
.human > ul > li .rt > ul.item03 > li {background: #fff7fa; border: 1px solid #E23D64; width: 100%; height: 100%; padding: 20px 10px; border-radius: 4px; font-size: 1.0625rem;}
.human > ul > li:last-child .rt > ul.item03 > li {border: 1px solid #777; background: transparent;}
.human.human02 > ul > li:nth-child(4) .rt > ul.item03 > li {border: 1px solid #777; background: transparent;}
.human.human02 > ul > li.last .rt > ul.item03 > li {border: 1px solid #ffa500; background: #fffcf5;}
.human > ul > li:last-child .rt > ul.item03 > li .bu_lst > li {font-size: 1rem;}
.organ {margin-top: 100px; position: relative;}
.organ span {display: block; font-size: 1.0625rem; color: #333; padding: 15px 0;}
.organ strong {display: block; font-size: 1.0625rem; color: #fff; background: #F76618; padding: 15px 0;}
.organ .box01 {display: inline-block; border-radius: 4px; min-width: 300px; border: 1px solid #ff9933; position: relative; left: 50%; transform: translateX(-50%); text-align: center;}
.organ .box01::before {content: ""; width: 0; height: 50px; border-left : 1px solid #bbb; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%);}
.organ .box02 {display: inline-block; border-radius: 4px; min-width: 300px; border: 1px solid #ff9933; position: relative; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 0; margin-top: 50px;}
.organ .box02::before {content: ""; width: 0; height: 25px; border-left : 1px solid #bbb; position: absolute; left: 50%; bottom:  -25px; transform: translateX(-50%);}
.organ .box02 li {display: inline-block; border-radius: 4px; min-width: 300px; border: 1px solid #ff9933; position: relative; left: 50%; transform: translateX(-50%); text-align: center;}
.organ .box03 {padding-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; position: relative;}
.organ .box03::before {content: ""; width: 76%; height: 25px; border: 1px solid #bbb; border-bottom: 0; position: absolute; top: 25px; left: 50%; transform: translateX(-50%);}
.organ .box03 > li {border: 1px solid #777; width: calc(100% / 4 - 15px); text-align: center; border-radius: 4px; position: relative;}
.organ .box03 > li::before {content: ""; width: 0; height: 25px; border-left: 1px solid #bbb; position: absolute; top: -25px; left: 50%; transform: translateX(-50%);}
.organ .box03 > li:first-child::before,
.organ .box03 > li:last-child::before {border: none;}
.organ .box03 strong {background: #777;}
.organ .box03 > li ul.bu_lst {padding: 15px;}
.organ .box03 > li ul.bu_lst li {font-size: 1rem; color: #333;}
.organ ~ .result {margin-top: 50px; padding: 20px 10px; text-align: center; font-size: 1.25rem; border: 1px solid #856B54; border-left: none; border-right: none; background: #faf8f7; color: #856B54; font-weight: 700;}


/* ESG경영 - 추진체계 */
.esg_dia {margin-bottom: 8rem;}
.esg_dia > ul > li {display: flex; flex-wrap: wrap; position: relative; gap: 10px 30px;}
.esg_dia > ul > li + li {padding-top: 1.875rem;}
.esg_dia > ul > li .lf {width: 20%; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px dashed #555; box-shadow: 2px 2px 10px rgba(100,55,0,.05); padding: 20px 10px; border-radius: 4px; font-size: 1.125rem; color: #777; font-weight: 700; background: #fff;}
.esg_dia > ul > li .rt {width: calc(100% - 20% - 30px); position: relative;}
.esg_dia > ul > li .rt > ul {display: flex; align-items: stretch; justify-content: space-between; gap: 10px 20px; text-align: center; width :100%; height: 100%;}
.esg_dia > ul > li .rt > ul > li {box-shadow: 2px 2px 10px rgba(100,55,0,.05); width: 100%; height: 100%; padding: 20px 10px; border-radius: 4px; font-size: 1.0625rem; font-weight: 500; background: #fff;}
.esg_dia > ul > li .rt > ul.item01 > li {background: #f0f4ff; border: 1px solid #23499C; color: #23499C;}
.esg_dia > ul > li .rt > ul.item02 > li:nth-child(1),
.esg_dia > ul > li .rt > ul.item03 > li:nth-child(1) {background: #f7f6ff; border: 1px solid #501bb2;}
.esg_dia > ul > li .rt > ul.item02 > li:nth-child(2),
.esg_dia > ul > li .rt > ul.item03 > li:nth-child(2) {background: #F2FDFF; border: 1px solid #009FA7;}
.esg_dia > ul > li .rt > ul.item02 > li:nth-child(3),
.esg_dia > ul > li .rt > ul.item03 > li:nth-child(3) {background: #fffaf7; border: 1px solid #e2773d;}
.esg_dia > ul > li .rt > ul.item04 > li {background: #fff; border: 1px solid #555;}
.esg_dia > ul > li:last-child  .rt::before {content: ""; background: url(/images/contents/vis_arrow.png) center center no-repeat; filter: grayscale(1); width: 563px; height: 114px; background-size: 100%; position :absolute; top: -114px; left: 50%; transform: translateX(-50%); z-index: -1;}
.esg_dia > ul > li .rt > ul.item04 > li span {display: block; padding: .5rem; background: #f2f2f2; border-radius: 5px; text-align: center;}
.esg_dia > ul > li:last-child {padding-top: 7.125rem;}

.esg_org {position: relative; margin: 7rem auto 0;}
.esg_org::before {content: ""; width: 0; height: 100%; border-left: 1px solid #bbb; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.esg_org span {display: block;}
.esg_org strong {display: block; font-size: 1.0625rem; color: #fff; background: #F76618; padding: 15px 0;}
.esg_org .box {display: inline-block; border-radius: 4px; min-width: 300px; border: 1px solid #ff9933; position: relative; left: 50%; transform: translateX(-50%); text-align: center;}
.esg_org .box.orange {border-color: #ff9933;}
.esg_org .box.gray {border-color: #777;}
.esg_org .box.gray strong {background: #777;}
.esg_org .box > div {padding: 1rem 0; background: #fff; font-size: 1.0625rem; color: #333; border-radius: 4px;}
.esg_org .box > div .bu_lst,
.esg_org .box > div .bu_lst li:first-child {margin-top: 0; margin-bottom: 0;}
.esg_org #org02 {margin: 3rem auto 0; position: relative;}
.esg_org #org02 > .box {left: calc(100% - 300px - 12.5rem); transform: translateX(0);}
.esg_org #org02::before {content: ""; width: calc(50% - 12.5rem); height: 0; border-bottom: 1px solid #bbb; position: absolute; right: 12.5rem; top: 5rem;}
.esg_org #org03 {margin: 3rem auto 0; position: relative;}
.esg_org #org03::before {content: ""; width: calc(50% - 12.5rem); height: 0; border-bottom: 1px solid #bbb; position: absolute; left: 12.5rem; top: 5rem;}
.esg_org #org03 > .box {left: 200px; transform: translateX(0);}
.esg_org #org04 {display: flex; gap: 20px; justify-content: space-between; margin-top: 10rem; position: relative;}
.esg_org #org04::before {content: ""; width: calc(100% / 3 * 2); height: 5rem; border: 1px solid #bbb; border-bottom: 0; position: absolute; top: -5rem; left: 50%; transform: translateX(-50%);}
.esg_org #org04 li {width: 100%;}
.esg_org #org04 li .box {min-width: 100%;}
.esg_org #org04 li .box b {display: block; text-align: left; padding: 0 1rem .5rem 1rem;}
.esg_org #org04 li .box b ~ b {margin-top: 1rem;}

.esg_org ~ .result {margin-top: 50px; padding: 20px 10px; text-align: center; font-size: 1.25rem; border: 1px solid #856B54; border-left: none; border-right: none; background: #faf8f7; color: #856B54; font-weight: 700;}


/* 윤리경영 - 추진체계 */
.organ.ethical .box03 li {width: calc(100% / 5 - 16px);}


/* 대구시민정신확산 */
.simin_top {padding: 3rem 0 3.5rem; text-align: center; border: 1px solid #ebebeb; background: #fffdfb; position: relative; border-radius: 55px 55px 5px 5px;}
.simin_top::before {content: ""; width: 100.35%; height: 45%; border-left: 6px solid #856b54; border-right: 6px solid #856b54; border-radius: 61px 61px 5px 5px; background: #856b54; aspect-ratio: 1;  position: absolute; left: 50%; top: -7px; transform: translateX(-50%); z-index: -1;}
.simin_top::after {content: ""; background: url(/images/contents/mcn_hof_bg.png) center bottom; background-size: contain; position: absolute; left: 0; bottom: 0; width: 100%; height: 75%; mix-blend-mode: difference; z-index: 0; opacity: .25;}
.simin_top h3 {font-size: 1.375rem; line-height: 2.5;}
.simin_top h3 b {position: relative; z-index: 1;}
.simin_top h3 b::before {content: ""; width: 105%; height: 60%; background: #ff8f0036; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: -1;}
.simin_top h3 span {font-size: 2.5rem; font-weight: 900; line-height: 1.5;}
.simin_cnt ul {margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 2rem;}
.simin_cnt ul li.center {width: 100%;}
.simin_cnt ul li {width: calc(50% - 1rem); padding: 2rem; border: 1px solid #ebebeb; border-radius: 5px;}
.simin_cnt ul li h4 {text-align: center; font-size: 1.5rem; font-weight: 900; color: #856b54;}
.simin_cnt ul li .txt {font-size: 1.125rem; text-align: center; margin-top: 1rem; line-height: 2;}
.simin_img {margin-top: 2rem;}
.ticket ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 4rem; max-width: 65rem; width: 100%; margin: 0 auto;}
.ticket ul li {width: calc(50% - 4rem);}
.ticket ul li a img {width: 100%;}


/* 운영공간 */
.space_type {width: 100%; display: flex; justify-content: flex-end; margin-bottom: 3rem;}
.space_type ul {display: flex; gap: .5rem;}
.space_type ul li {}
.space_type ul li button {display: flex; align-items: center; justify-content: center; padding: .3125rem 1.25rem .3125rem 2.5rem; font-size: .9375rem; background-color: #ebebeb; color: #555; border-radius: 5px;}
.space_type ul li button {background-position: left 1rem center; background-repeat: no-repeat;}
.space_type ul li button[data-type="map"] {background-image: url(/images/contents/ico_map_b.svg);}
.space_type ul li button[data-type="list"] {background-image: url(/images/contents/ico_list_b.svg);}
.space_type ul li.active button {background-color: #222; color: #fff;}
.space_type ul li.active button[data-type="map"] {background-image: url(/images/contents/ico_map_w.svg);}
.space_type ul li.active button[data-type="list"] {background-image: url(/images/contents/ico_list_w.svg);}
.space_category {width: 100%; display: flex; justify-content: center; margin-bottom: 2rem;}
.space_category ul {width: 100%; display: flex;}
.space_category ul li {width: 100%; border-bottom: 2px solid #ebebeb;}
.space_category ul li button {display: flex; align-items: center; justify-content: center; width: 100%; font-size: 1.125rem; color: #555; padding: 1rem;}
.space_category ul li.active {border-color: #EE2E5B;}
.space_category ul li.active button {color: #EE2E5B; font-weight: 600;}
.space_list {width: 100%; margin-bottom: 5rem;}
.space_list ul {width: 100%; display: flex; flex-wrap: wrap; gap: .75rem;}
.space_list ul li button {display: block; padding: .6125rem 1.25rem; font-size: 1rem; background: #F6F1EE; color: #555; border-radius: 5px;}
.space_list ul li.active button {background: #EE2E5B; color: #fff;}
.space-item {display: flex; align-items: flex-start; position: relative; width: 100%; height: 45rem; padding: 6rem 3rem 3rem; border-radius: 4px;}
.space-item::before {content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: -1;}
.space-item::after {content: ""; width: 100%; height: 100%; object-fit: cover; background-size: cover!important; position: absolute; top: 0; left: 0; z-index: -2;}
.space-item[data-space="performance-1"]::after,
.space-item[data-space="en-performance-1"]::after {background: url(/images/contents/artnlife_img1.jpg) no-repeat;}
.space-item[data-space="performance-2"]::after,
.space-item[data-space="en-performance-2"]::after {background: url(/images/contents/artnlife_img2.jpg) no-repeat;}
.space-item[data-space="exhibition-1"]::after,
.space-item[data-space="en-exhibition-1"]::after {background: url(/images/contents/artnlife_img3.jpg) no-repeat;}
.space-item[data-space="complex-1"]::after,
.space-item[data-space="en-complex-1"]::after {background: url(/images/contents/artnlife_img4.jpg) no-repeat;}
.space-item[data-space="complex-2"]::after,
.space-item[data-space="en-complex-2"]::after {background: url(/images/contents/artnlife_img5.jpg) no-repeat;}
.space-item[data-space="complex-3"]::after,
.space-item[data-space="en-complex-3"]::after {background: url(/images/contents/artnlife_img6.jpg) no-repeat;}
.space-item[data-space="complex-4"]::after,
.space-item[data-space="en-complex-4"]::after {background: url(/images/contents/artnlife_img7.jpg) no-repeat;}
.space-item[data-space="complex-5"]::after,
.space-item[data-space="en-complex-5"]::after {background: url(/images/contents/artnlife_img8.jpg) bottom no-repeat;}
.space-item[data-space="museum-1"]::after,
.space-item[data-space="en-museum-1"]::after {background: url(/images/contents/artnlife_img9.jpg) no-repeat;}
.space-item[data-space="museum-2"]::after,
.space-item[data-space="en-museum-2"]::after {background: url(/images/contents/artnlife_img10.jpg) no-repeat;}
.space-item[data-space="museum-3"]::after,
.space-item[data-space="en-museum-3"]::after {background: url(/images/contents/artnlife_img11.jpg) no-repeat;}
.space-item .space_wrap {width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; gap: 7rem;}
.space-item .space_wrap .space_txt {width: 100%;}
.space-item .space_wrap .space_txt span {display: block; width: 100%; color: #fff; text-align: left; font-size: 1.0625rem; font-weight: 400; line-height: 1.5; letter-spacing: normal;}
.space-item .space_wrap .space_txt .space-name {font-size: 2.375rem; font-weight: 700; margin-bottom: 2rem;}
.space-item .space_wrap .space_txt .space-info {font-size: 1.25rem; line-height: 1.75; margin-bottom: 3rem; font-weight: 600; letter-spacing: .05rem;}
.space-item .bu_lst li {color: #fff;}
.space-item .bu_lst li::before {background: #fff;}
.space-item .space_wrap .space_homepage a {display: inline-block; background: #fff; padding: .875rem 5rem; border-radius: 4px; font-size: 1rem; font-weight: 600; color: #555;}
.space-item .space_map {width: calc(50% - 6rem); height: 50%; position: absolute; right: 3rem; bottom: 3rem; border-radius: 4px; overflow: hidden; display: flex; justify-content: center;}
.space-item .space_map .root_daum_roughmap {width: 100%; height: 100%;}
.space-item .space_map .root_daum_roughmap .wrap_map {height: 100%;}
.space-item .space_map .root_daum_roughmap .wrap_map .map > div:nth-child(2) {display: none;}
.space-item .space_map .root_daum_roughmap .cont {display: none;}
#list-area {display: flex; flex-wrap: wrap; gap: 1rem;}
#list-area .space-item {width: calc(100% / 3 - .6666rem); height: 22rem; padding: 0; transition: .3s;}
#list-area .space-item a {display: flex; flex-wrap: wrap; align-content: flex-end; align-items: flex-end; width: 100%; height: 100%; padding: 2rem; position: relative;}
#list-area .space-item a span {position: relative; transform: translateY(0); display: block; width: 100%; color: #fff; transition: .5s ease;}
#list-area .space-item a span.space-name {font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem;}
#list-area .space-item a span.space-info {min-height: 4.5rem; font-size: 1rem;}
#list-area .space-item a span.space-info br {display: none;}
#list-area .space-item a:hover span.space-name,
#list-area .space-item a:focus-visible span.space-name {position: absolute; top: 2rem;}
#list-area .space-item a:hover span.space-info,
#list-area .space-item a:focus-visible span.space-info {position: absolute; top: 5rem;}
#list-area .space-item::before {background: rgba(0,0,0,.5);}
#list-area .space-item .bu_lst {position: absolute; bottom: 2rem; left: 2rem; right: 2rem;  transform: translateY(20px); opacity: 0; visibility: hidden; transition: opacity .5s ease, transform .5s ease, visibility .5s ease;}
#list-area .space-item .bu_lst li {font-size: .9375rem; margin: 0;}
#list-area .space-item a:focus-visible .bu_lst,
#list-area .space-item a:hover .bu_lst {opacity: 1; transform: translateY(0); visibility: visible;}


@media (max-width: 1200px) {
    /* 지원사업 소개 */
	.intro_year .link {gap: 10px;}
	.intro_year .link li {width: calc(100% / 2 - 5px);}

    .intro_year .business_2024.box02 li {padding: 15px 30px;}


    /* 지원사업 신청안내 */
    .youtube_link li {width: calc(100% / 3 - 14px);}
    .youtube_link li:nth-child(3n+1) {margin-left: 0!important;}
    .youtube_link li:nth-child(4n+1) {margin-left: 20px;}


    /* 이달의 대구 문화정보 */
    .culture {border: none;}
    .culture > li {width: 100%; padding: 0;}
    .culture > li + li {border-left: none; margin-top: 100px;}
    .culture .information .list_wrap {height: calc(500px - 120px);}
    .culture .information .list_wrap .list li button {padding: 10px; gap: 5px;}


    /* 문화정보 통합검색 검색결과 리스트 */
    .search_wrap > ul > li {width: calc(100% / 3 - 13.999px);}


    /* 공연/전시/관광(팝업) */
    .cal_layer .ly_pop_top, .cal_layer .ly_pop .post {padding: 15px; flex-wrap: wrap;}
    .cal_layer .ly_pop .post .poster {margin-right: 0; margin-bottom: 10px;}
    .cal_layer .ly_pop .post .con {width: 100%;}


    /* 후원 가이드 */
    .support_guide_wrap {flex-wrap: wrap;}
    .support_guide_wrap > div {width: 100%;}
    .support_guide_wrap > div + div {margin-left: 0;}
    .support_guide {flex-wrap: wrap; padding-bottom: 20px;}
    .support_guide li, .support_guide_wrap > div .support_guide li {width: calc(100% / 3 - 70px); margin-bottom: 20px;}
    .support_guide li:nth-child(3n+1) {margin-left: 0;}


    /* 공간소개 */
    .attention {flex-wrap: wrap;}
    .attention li {width: calc(100% / 2 - 20px);}


    /* 조직도 */
    .org-tree a {max-width: 12rem;}
    .org-tree .board > a,
    .org-tree .committee > a {right: -12rem;}
    .org-tree .audit > a {right: 12rem;}
    .org-tree .board::before,
    .org-tree .committee::before,
    .org-tree .audit::before {width: 12rem;}
    .org-tree .depth1 > ul::before {left: 50%;}
    .org-tree .depth2 > a::before {display: none;}



    /* 수상내역 */
    .awards_year, .awards_data {width: 100%;}
    .awards_data li {flex-wrap: wrap;}
    .awards_data li figure {left: 50%; top: -100px;}


    /* 메세나 전당 */
    .mcn_hof {padding: 50px 0; margin-top: 0;}
    .mcn_hof .img {display: none;}
    .mcn_hof .txt {width: 100%; text-align: center;}
    .mcn_hof .txt p {padding-left: 0;}
    .mcn_hof .txt strong {margin-left: 0;}
    .honour li {width: calc(100% / 2 - 10px);}
    .honour li:nth-child(2n+1) {margin-left: 0;}
    .honour.honour2 li {width: calc(100% / 4 - 15px)}
    .honour.honour2 li:nth-child(2n+1) {margin-left: 20px;}
    .honour.honour2 li:nth-child(4n+1) {margin-left: 0;}


    /* 대구 예술사랑 메세나 운동 */
    /*.note01,*/
    /*.note02,*/
    /*.note03,*/
    /*.mcn_cnt03 .human01 {display: none;}*/
    /*.mcn_cnt02 .mcn_box.sup {width: 100%;}*/
    /*.mcn_cnt02 .mcn_box.sup .mcn_txt {width: 100%;}*/


    /* 인사말 */
    .greeting .img_wrap {height: auto; padding-top: 42.5%;}
    .greeting .hide {display: none;}
    .greeting .txt_wrap {width: 100%; margin-top: 50px; padding: 0;}
    .greeting .txt_wrap h3 {font-size: 2rem;}


    /* 정보공개제도 */
    .inform_list {overflow-x: scroll; justify-content: flex-start;}
    .inform_list li span {width: 140px;}


    /* 운영공간 */
    .space-item {flex-wrap: wrap; height: auto; gap: 3rem;}
    .space-item .space_wrap {gap: 3rem;}
    .space-item .space_map {position: relative; width: 100%; height: 20rem; right: inherit; bottom: inherit;}
    #list-area .space-item {width: calc(100% / 2 - .5rem);}
    #list-area .space-item a span.space-info {min-height: 3.125rem;}
}


@media (max-width: 768px) {
    /* 공통 */
    .con_tit::before {top: 16px;}
    .con_tit::after {top: 12px;}
    .con_sub_tit::before {top: 12px;}
    .con_sub_tit::after {top: 10px;}
    .con_box + .con_box {margin-top: 40px;}
    .con_tit ~ .con_tit {margin-top: 40px;}

    .btn_link a {width: 100%!important;}

    .img_lst {flex-wrap: wrap;}

    .sub_txt {padding: 25px;}


    /* 지원사업 소개 */
    .intro_year img {width: 100%;}
    .intro_year .business .con > li {width: 100%;}
    .intro_year .key li,
    .intro_year .link li {width: 100%;}
    .intro_year .link li a {border-color: #333;}
    .intro_year .business_2024.box01 li {width: 100%;}
    .intro_year .business_2024.box02 li {width: 100%; min-height: inherit;}


    /* 운영사업 */
    .int_box {padding: 0; margin-bottom: 50px;}
    .int_box::before {display: none;}
    .int_box .img, .int_box .txt {width: 100%;}
    .int_box .txt {margin-top: 50px; padding-top: 10px;}
    .int_box .txt h3 {text-align: center; margin-bottom: 10px; padding-top: 0;}
    .int_box .txt p {text-align: center;}
    .int_box .txt::before {text-align: center;}


    /* 지원사업 신청안내 */
    .youtube_link li {width: calc(100% / 2 - 20px);}
    .youtube_link li:nth-child(2n+1) {margin-left: 0!important;}
    .youtube_link li:nth-child(3n+1) {margin-left: 20px!important;}
    .youtube_link li:nth-child(6n+1) {margin-left: 0!important;}


    /* 대구예술인지원센터 소개 */
    .org_wrap .org li span {height: 45px;}
    .org_wrap .org li.mid .org2 {flex-wrap: wrap;}
    .org_wrap .org li.mid::before {width: 150px;}
    .org_wrap .org li.mid .org2 > li + li {margin-top: 30px;}
    .rel_diagram li {font-size: 1rem; padding-left: 10px;}
    .rel_diagram li:last-child {padding-right: 10px;}
    .subj > li {flex-wrap: wrap;}
    .subj > li span {width: 100%;}
    .subj > li ul {margin-left: 4px; margin-top: 10px; width: 100%;}


    /* 통합문화이용권 */
    .nuri_channel {flex-wrap: wrap;}
    .nuri_channel div {width: 100%;}
    .nuri_channel div + div {margin-top: 10px; margin-left: 0;}
    .nuri_channel div a {padding: 20px 30px 20px 85px; text-align: left;}


    /* 코로나 극복 힐링콘서트 */
    /*.tab_menu ul {justify-content: flex-start;}*/
    /*.tab_menu ul li {width: calc(100% / 2 - 10px);}*/


    /* 공간소개 */
    .space_box {height: 260px; margin-bottom: 70px;}
    .space_box .space_link {width: 90px; height: 90px; right: 25px; bottom: -40px;}
    .space_box .space_link a::after {bottom: 0; left: 44%; background-size: 80%;}
    .space_year > li ul {width: 100%;}
    .space_year li .yy {width: 100%;}
    .attention li {width: 100%;}

    .map_wrap .map {width: 100%; overflow: hidden;}
    .map_wrap .map .root_daum_roughmap .wrap_map {height: 200px!important;}
    .map_wrap .map + .map {margin-top: 20px;}


    /* 클린신고센터 */
    .report_write .row_form dl dt, .report_write .row_form dl dd {width: 100%;}
    .report_write .row_form dl {padding: 20px 10px;}
    .center_div {flex-wrap: wrap;}
    .center_div div {width: 100%;}
    .center_div div + div {margin-left: 0; margin-top: 10px;}
    .clean_wrap {gap: 1rem; padding: 0;}
    .clean_wrap .clean_tit,
    .clean_wrap .clean_area {width: 100%; flex-wrap: wrap;}
    .clean_wrap .clean_area a.box {height: auto;}
    .clean_wrap .clean_tit .clean_sub_tit br {display: none;}
    .clean_wrap .clean_tit .guide_list {flex-direction: row;}


    /* 옴부즈만 제도 */
    .ombudsman_list {flex-wrap: wrap;}
    .ombudsman_list li {flex: auto;width: 100%;}
    .ombudsman_list li + li::before {left: 50%; top: -30px; background-size: 60%; transform: translateY(0) translateX(-50%) rotate(90deg);}


    /* 기관장 프로필 */
    .status {flex-wrap: wrap;}
    .status .img {width: 100%; max-width: 300px; padding-top: 80%; border-radius: 0; margin: 0 auto;}
    .status .subc {width: 100%; margin-left: 0; margin-top: 20px;}


    /* 수상내역 */
    .awards_data li {cursor: default;}
    .awards_data li:hover div.project p {text-decoration: none;}
    .awards_data li figure {display: none;}
    .awards_data li {padding: 25px; flex-wrap: wrap;}
    .awards_data li div {width: 50%!important; margin-top: 10px;}
    .awards_data li div + div {padding-left: 0;}
    .awards_img {display: none;}
    .awards_data li.imgC::after {top: 20px; right: 20px;}


    /* 대구문화예술진흥원 CI */
    .logo.type02 li {width: 100%;}
    .logo.type02 li + li {margin-left: 0; margin-top: 10px;}


    /* 이달의 대구 문화정보 */
    .culture .calendar .inner {overflow-x: scroll;}
    .culture .information {margin-top: 50px;}


    /* 문화정보 통합검색 검색결과 리스트 */
    .search_wrap > ul > li {width: calc(100% / 2 - 10px);}


    /* 공연전시관광정보등록 */
    .info_write .input_box input {width: 100%;}
    .info_write .select_box {min-width: 100%;}


    /* 공연/전시/관광(팝업) */
    .cal_layer .ly_pop {width:90%; min-width: inherit; max-width: 90%;}


    /* 메세나 프로그램 소개 */
    .support li {width: 100%; padding: 25px 10px; background-position: center 25px!important;}
    .support li + li {margin-left: 0; margin-top: 10px;}


    /* 예술사랑 후원방법 */
    /*.courtesy li {padding-left: 0; padding-top: 90px; width: 100%;}*/
    /*.courtesy li::before {width: 80px; height: 80px; background-size: 45px;}*/


    /* 후원 가이드 */
    .support_guide li, .support_guide_wrap > div .support_guide li {width: calc(100% / 2 - 10px);}
    .support_guide li:nth-child(2n+1) {margin-left: 0;}
    .support_guide li:nth-child(2n+2) {margin-left: 20px;}
    .support_guide li .tit {height: 110px;}
    .support_guide li .tit .icon {width: 100px; height: 100px;}
    .support_guide li .tit .icon img {width: 30%;}
    .support_guide li .tit .num {font-size: 2rem;}


    /* 오시는 길 */
    .map_inner .logo {width: 100%; display: none;}
    .map_inner .map_txt {width: 100%; justify-content: center; padding: 0 10px; border-left: 0;}
    .map_inner .map_txt ul li + li {margin-top: 10px;}


    /*조직도*/
    .org-tree a {margin: 1rem 0; max-width: 8rem; height: 45px; padding: 5px;}
    .org-tree .committee a,
    .org-tree .audit a {right: -14rem;}
    .org-tree .dep_list {width: 100%; margin-top: 0;}
    .org-tree .dep_list a {max-width: 100%;}
    .org-tree .chairman::before,
    .org-tree .board::before,
    .org-tree .committee::before,
    .org-tree .audit::before {left: 4rem;}
    .org-tree .dep_list::before {width: 90%; height: 3rem; border: 1px solid #d1d1d1; background: transparent; transform: translateX(-50%);}
    .org-tree .dep_list > a::before {display: none;}
    .org-tree .dep_list.fourth::before {display: block;}


    .org_detail .calendar_search > li{flex-wrap: wrap;}
    .org_detail .calendar_search > li .tit{margin-bottom: 5px;}
    .org_detail .calendar_search li .right {width: 100%;}
    .org_detail .calendar_search li .right .select_box {width: 40%; min-width: inherit;}
    .org_detail .calendar_search li .right .input_box {width: 60%;}

    .org .team span.addr {width: 100%; margin-left: 0;}


    /* 관광진흥 */
    .tourism_marketing_box {padding: 25px;}
    .tourism_marketing_box .img_lst {flex-wrap: wrap;}
    .tourism_marketing_box .img_lst li {border-top: 0; width: 50%;}


    /* 인권경영 - 추진체계 */
    .human > ul > li .lf {padding: 5px; width: 100%; margin-right: 0; margin-bottom: 5px;}
    .human > ul > li .rt {width: 100%;}
    .human > ul > li + li {padding-top: 25px;}
    .human > ul > li + li .rt::before {top: -80px; background-size: 50%; opacity: .8;}
    .human.human02 > ul > li.last {padding-top: 60px;}
    .human.human02 > ul > li.last .rt::before {top: -130px; background-size: 50%; opacity: .8;}
    .human > ul > li .rt > ul {height: auto;}
    .human > ul > li .rt > ul.item03 > li {padding: 5px;}
    .organ {margin-top: 50px;}
    .organ strong,
    .organ span {padding: 5px;}
    .organ .box01, .organ .box02 {min-width: inherit; width: 100%;}
    .organ .box03 {padding-top:20px;}
    .organ .box03 > li {width: 100%!important;}
    .organ .box03 > li ul.bu_lst {padding: 5px;}
    .organ .box03 > li::before {display: none;}


    /* ESG경영 - 추진체계 */
    .esg_dia {margin-bottom: 4rem;}
    .esg_dia > ul > li .lf,
    .esg_dia > ul > li .rt {width: 100%; padding: .5rem;}
    .esg_dia > ul > li .rt > ul {flex-wrap: wrap; height: auto;}
    .esg_dia > ul > li .rt > ul > li {padding: .5rem;}
    .esg_dia > ul > li:last-child {padding-top: 5rem;}
    .esg_dia > ul > li:last-child .rt::before {width: 80%; top: -147px;}

    .esg_org {margin: 4rem auto 0;}
    .esg_org strong {padding: .5rem;}
    .esg_org .box > div {padding: .5rem;}
    .esg_org #org02 > .box,
    .esg_org #org03 > .box {left: 50%; transform: translateX(-50%);}
    .esg_org #org02::before,
    .esg_org #org03::before {display: none;}


    /* 대구 예술사랑 메세나 운동 */
    /*.mcn_video {padding-top: 56%;}*/
    /*.mcn_cnt01::before {height: calc(100% + 130px);}*/
    /*.mcn_cnt02 {margin-top: 100px;}*/
    /*.mcn_cnt02 .mcn_box {padding: 30px;}*/
    /*.mcn_cnt02 .mcn_box .mcn_txt .num::before {display: none;}*/
    /*.mcn_cnt02 .ico_wrap .ico_list2 li {width: calc(100% / 3 - 15px);}*/
    /*.mcn_cnt03 .mcn_box ul li {width: calc(100% / 2 - 15px);}*/
    /*.mcn_cnt02 .mcn_box .mcn_txt .num {writing-mode: unset; transform: rotate(0deg); position: absolute; left: 0; margin-top: 6px;}*/
    /*.mcn_cnt02 .mcn_box h4 {padding-left: 27px; padding-bottom: 15px;}*/
    /*.mcn_cnt02 .mcn_box .mcn_txt .txt {width: 100%;}*/


    /* 인사말 */
    .greeting .img_wrap .img::before {background-position: top 0 center;}
    .greeting .txt_wrap h3 {font-size: 1.75rem; padding-left: 0;}
    .greeting .txt_wrap h3::before {display: none;}
    .greeting .txt_wrap h3 br {display: none;}
    .greeting .txt_wrap .txt span {font-size: 1.125rem;}
    .greeting .txt_wrap .txt p {width: 100%; margin-bottom: 20rem;}
    .greeting .txt_wrap::after {bottom: 3rem;}
    .greeting .txt_wrap span.sign {text-align: right;}
    .greeting .txt_wrap h3 span:last-child {padding-left: 0;}


    /* 대구시민정신확산 */
    .simin_cnt ul li {width: 100%;}
    .ticket ul li {width: 100%;}


    /* 운영공간 */
    .space-item {padding: 4rem 2rem 2rem;}
    #list-area .space-item {width: 100%;}
    #list-area .space-item a span.space-info {min-height: inherit;}
    #list-area .space-item .bu_lst {position: relative; opacity: 1; transform: translateY(0); margin-top: 1rem;}
    #list-area .space-item:hover a span {transform: translateY(0);}


    /* 기부·후원 */
    .mcn_con,
    .mcn_roll .con,
    .mcn_bus .con,
    .mcn_box > ul,
    .mcn_tree .con {flex-wrap: wrap;}
    .mcn_tab .tab_tit ul {overflow-x: scroll;}
    .mcn_tab .tab_tit ul li a {white-space: nowrap; padding: 0 .5rem;}
    .mcn_box > ul > li,
    .mcn_tree .con ul,
    .mcn_tree .con .img {width: 100%;}
}

@media (max-width: 500px) {
    /* 지원사업 신청안내 */
    .youtube_link li {width: 100%;}
    .youtube_link li + li {margin-left: 0;}
    .youtube_link li:nth-child(3n+1) {margin-left: 0!important;}
    .youtube_link li a {height: auto;}


    /* 수상내역 */
    .awards_data li {padding: 25px 10px;}
    .awards_data li div {width: 100%!important;}


    /* 인권경영 - 추진체계 */
    .human > ul > li .rt > ul.item01 li {padding: 5px;}
    .human > ul > li .rt > ul.item02 li {padding: 5px;}
    .human > ul > li .rt > ul {text-align: left;}
    .human > ul > li .rt > ul.item03 {gap: 5px; flex-wrap: wrap;}


    /* ESG경영 - 추진체계 */
    .esg_org #org04 {flex-wrap: wrap;}


    /* 대구 예술사랑 메세나 운동 */
    /*.mcn_cnt02 .mcn_box .img {display: none;}*/
    /*.mcn_cnt02 .mcn_box .mcn_txt {width: 100%;}*/
    /*.mcn_cnt02 .ico_wrap .ico_list2 li {width: calc(100% / 2 - 10px);}*/
    /*.mcn_cnt02 .ico_wrap .ico_list2 li:nth-child(2n+1)::before {display: none;}*/
    /*.mcn_cnt03 .mcn_box ul li {width: 100%;}*/


    /* 메세나 전당 */
    .honour li {width: 100%;}
    .honour li:nth-child(2n+1) {margin-left: 0;}
    .honour.honour2 li {width: calc(100% / 2 - 10px)}
    .honour.honour2 li:nth-child(2n+1) {margin-left: 0;}


    /* 비전&경영전략 */
    .vision > li .con_list.con_list2 li {width: 100%;}
    .vision > li:last-child .con_list.con_list2 li br {display: none;}



    /* 이달의 대구 문화정보 */
    .culture .calendar .toolbar .cate {justify-content: center;}
    .culture .calendar .inner table tbody tr td button span {display: block; width: 100%; text-align: center;}
    .culture .calendar .inner table tbody tr td button span.cate {display: none;}


    /* 문화정보 통합검색 */
    #searchForm .search_list {padding: 15px 30px;}
    #searchForm .search_list > li .tit {min-width: inherit; width: 100%;}
    #searchForm .search_list > li .sel,
    #searchForm .search_list > li .inp {width: 100%;}


    /* 문화정보 통합검색 검색결과 리스트 */
    .search_wrap > ul > li {width: 100%;}
    .search_wrap > ul > li a {padding: 20px;}


    /* 문화행사 등록 조회 */
    .enroll_list {flex-wrap: wrap; padding: 15px 10px;}
    .enroll_list li {width: 100%!important;}
    .enroll_list li + li {margin-top: 10px;}
    .enroll_list li {display: flex; align-items: flex-start;}
    .enroll_list li small {display: inline-block; font-size: 1rem; margin-bottom: 0; line-height: 1.4; min-width: 65px;}
}