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

/* Skip To Content */
#skipNav {position: relative;top: -1000px;left: 0;width: 100%;height: 0;line-height: 0;font-size: 0;z-index: 999999;}
#skipNav a {display: block; width: 100%; line-height: 0; text-align: center; font-size: 0;}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active {position: absolute;top: 1000px;left: 0;display: block;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;font-weight: bold;color: #fff;background: #20262c;/* z-index: 999999; */text-decoration: underline;}


/* common */
.wrap {max-width: 1420px; margin: 0 auto; padding: 0 20px; width: 100%; position: relative;}
.container{position: relative; width: 100%; overflow: hidden;}
.pc_hide {display: none;}
.mobile_hide {display: block;}
::-webkit-scrollbar {width: 6px; height: 3px;}
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3); background-clip: padding-box;}
::-webkit-scrollbar-track {background: transparent;}


/* 대구 문화예술관광 통합정보 플랫폼 */
.link_btn {margin: 30px auto 80px; display: flex; justify-content: center; align-items: center; gap: 10px 20px;}
.link_btn .btn {display: block; border-radius: 30px; border: 1px solid #dedede; background: #fff; transition: .3s linear; position: relative;}
.link_btn .btn:hover,
.link_btn .btn:focus {box-shadow: 2px 2px 10px rgba(100,55,0,.15); background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #F58830 0%,  #EE2E5B 70%); background-origin: border-box; background-clip: content-box, border-box; border: 1px solid transparent; transform: translateY(-5%);}
.link_btn .btn span {display: block; width: 100%; min-width: 160px; min-height: 160px; height: 100%; padding-top: 105px; font-size: 1.0625rem; font-weight: 500; text-align: center; position: relative; border-radius: 30px; overflow: hidden;}
.link_btn .btn:hover span::before {content: ""; background: url(/images/layout/icon_dgfca2.svg); width: 100px; height: 100px; background-size: cover; position: absolute; right: 0; bottom: -10px; opacity: .05;}
.link_btn .btn.type01 span {background: url(/images/layout/icon_ca01.png) top 30px center no-repeat; background-size: 60px;}
.link_btn .btn.type02 span {background: url(/images/layout/icon_ca02.png) top 30px center no-repeat; background-size: 60px;}
.link_btn .btn.type03 span {background: url(/images/layout/icon_ca03.png) top 30px center no-repeat; background-size: 60px;}


/* empty */
.empty {width: 100%; min-height: 200px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: default;}
.empty span {color: #555; font-size: 1rem; position: relative; padding-top: 50px; display: block; width: 100%;}
.empty span::before {content: ""; background: url(/images/common/icon_empty.svg) center center no-repeat; background-size: 100%; width: 36px; height: 36px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}


/* header */
.header {position:relative; width: 100%; /*height: 136px;*/}
.header .top {border-bottom: 1px solid rgba(255,255,255,.1); height: 36px; position: relative; z-index: 99;}
.header .top .wrap {height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .top .zoom {border-right: 1px solid rgba(255,255,255,.1); height: 100%; display: flex;}
.header .top .zoom li {border-left: 1px solid rgba(255,255,255,.1); height: 100%; display: flex; align-items: center;}
.header .top .zoom li a {font-size: .8125rem; color: #fff; padding: 0 2rem 0 0.9375rem;}
.header .top .zoom .zoom_plus {background: url(/images/layout/btn_plus_w.svg) center right .5rem no-repeat; background-size: 15px;}
.header .top .zoom .zoom_reset {background: url(/images/layout/btn_reset_w.svg) center right .5rem no-repeat; background-size: 12px;}
.header .top .zoom .zoom_minus {background: url(/images/layout/btn_minus_w.svg) center right .5rem no-repeat; background-size: 15px;}
.header .top .util_list {display: flex; justify-content: flex-end; align-items: center; height: 100%; overflow-x: auto;}
.header .top .util_list li {position: relative; border-left: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; height: 100%;}
.header .top .util_list li a {color:#fff; font-size: .8125rem; padding: 0 50px 0 15px; white-space: nowrap;}
.header .top .util_list li.util01, .top .util_list li.util03 {background: url(/images/layout/btn_login_w.svg) center right 15px no-repeat; background-size: 14px;}
.header .top .util_list li.util02, .top .util_list li.util04 {background: url(/images/layout/btn_join_w.svg) center right 15px no-repeat; background-size: 14px;}
.header .top .util_list li.lang {background: #856B54 url(/images/layout/ico_lang_w.svg) center right 20px no-repeat; background-size: 14px;}
.header .top .util_list li.lang a {color: #fff!important;}
.header .top .util_list li.sns {background: #ee2e5b; display: flex; align-items: center; gap: 10px; padding: 0 15px;}
.header .top .util_list li.sns > a {padding: 0; background: none;}
.header .top .util_list li.zoom_minus {border-right: 1px solid rgba(255,255,255,.1);}

.header .bottom {position: relative; height: 100px; width: 100%; transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out; z-index: 99;}
.header .bottom::before {content: ""; width: 100%; height: 1px; background: rgba(255,255,255,.1); position: absolute; left: 0; top: 100px;}
.header .bottom .wrap {position: initial;display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 100%;}
.header .bottom .wrap h1 {width: 150px;}
.header .bottom .wrap h1 a {display: block; width: 150px; height: 61px; background: url(/images/layout/dgfca_logo_w.png) left center no-repeat; background-size: cover;}
.header .bottom .wrap h1.lang a {background: url(/images/layout/eng_logo_w.png) left center no-repeat; background-size: cover;  width: 208px; height: 44px;}
.header .bottom .wrap .gnb .depth01 {display: flex; align-items: center; justify-content: space-between;}
.header .bottom .wrap .gnb .depth01 > li {min-width: 150px; text-align: center;}
.header .bottom .wrap .gnb .depth01 > li > a{display: block; color: #fff; font-size: 1.3125rem; font-weight: 500; line-height: 100px; box-sizing: border-box; transition: all .3s ease;}
.header .bottom .wrap .gnb .depth01 > li > a span{position:relative; display: block; width: 100%; height: 100%;}
.header .bottom .wrap .gnb .depth01 > li > a span::after{content:""; position:absolute; width: 0; height: 3px; background:#EE2E5B; left: 50%; bottom: 0; transform: translateX(-50%);transition:all .3s ease;}
.header .bottom .wrap .gnb .depth01 > li:hover > a span {color: #EE2E5B;}
.header .bottom .wrap .gnb .depth01 > li:hover > a span::after{width:90%;}
.header .bottom .wrap .gnb .depth02{ position: absolute; left: 0; width: 100%; height: auto; overflow: hidden; padding: 50px 0; background: #fff; border-top: 1px solid #dadada;}
.header .bottom .wrap .gnb .depth02 .wrap {align-items: flex-start; height: 100%;}
.header .bottom .wrap .gnb .depth02 .m_tit {width: 17%; display: flex; flex-wrap: wrap; align-items: start; text-align: left;}
.header .bottom .wrap .gnb .depth02 .m_tit h2 {font-size: 2rem; color :#222; font-family: 'Godo'; width: 100%; margin-bottom: 20px;}
.header .bottom .wrap .gnb .depth02 .m_tit span {letter-spacing: .2rem; color: #666; line-height: 1.4; font-size: 1.125rem;}
.header .bottom .wrap .gnb .depth02 ul.menuadd {width: 82%; display: flex; flex-wrap: wrap; margin-top: -20px;}
.header .bottom .wrap .gnb .depth02 ul.menuadd > li {width: calc(100% / 5 - 40px); margin: 20px; text-align: left;}
.header .bottom .wrap .gnb .depth02 ul.menuadd > li > a{font-size: 1.0625rem; font-weight: 500; color: #555;line-height: 1.25rem; display: flex; align-items: center; min-height: 60px; padding: 0 5px; position: relative; border-bottom: 1px solid #dadada;}
.header .bottom .wrap .gnb .depth02 ul.menuadd > li > a::after {content: ""; width: 5px; height: 5px; border-top: 1px solid #555; border-right: 1px solid #555; transform: rotate(45deg) translateY(-50%); position: absolute; right: 6px; top: 50%;}
.header .bottom .wrap .gnb .depth02 ul.menuadd > li > a[target="_blank"]::after {border: none!important; background: url(/images/layout/icon_normal_link.svg) center center no-repeat; width: 12px; height: 12px; right: 5px; transform: rotate(0) translateY(-50%); background-size: cover;}
.header .bottom .wrap .gnb .depth02 ul.menuadd li:hover > a {color: #EE2E5B; transition: .3s;}
.header .bottom .wrap .gnb .depth02 ul.menuadd li > a:hover {color: #EE2E5B; transition: .3s;}
.header .bottom .wrap .gnb .depth02 ul.menuadd li > a:hover::after {border-color: #EE2E5B; transition: .3s;}
.header .bottom .wrap .gnb .depth02 ul.menuadd li > a[target="_blank"]:hover::after {background: url(/images/layout/icon_active_link.svg) center center no-repeat;}
.header .bottom .wrap .gnb .depth3 {padding: 0; width: 100%; display: block;}
.header .bottom .wrap .gnb .depth3 li {width: 100%; margin: 10px 0;}
.header .bottom .wrap .gnb .depth3 li a {color: #878787;padding: 0 13px; font-size: 1rem; line-height: 1.2; position: relative; display: block; width: 100%;}
.header .bottom .wrap .gnb .depth3 li a::before {content: ""; width: 2px; height: 2px; background: #878787; border-radius: 50%; position: absolute; left: 5px; top: 8px;}
.header .bottom .wrap .gnb .depth3 li a:hover::before {background: #EE2E5B; transition: .3s;}
.header .gnb_util .btn_wrap {display: flex; align-items: center;}
.header .gnb_util .btn_wrap .btn_ham {margin-left: 30px;}
.header .gnb_util .btn_search {background: url(/images/layout/btn_search_w.svg) center no-repeat; width: 25px;height: 25px; overflow: hidden;}
.header .gnb_util .search_area {width: 100%; height: 100vh; background: rgba(0,0,0,.7); position: fixed; left: 50%; top: 0; z-index: 999; transform: translateX(-50%); margin-left: 0;}
.header .gnb_util .search_area .inner {max-width: 800px; width: 100%; padding: 0 20px; margin: 10rem auto 0; position: relative;}
.header .gnb_util .search_area .search_tit {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; padding: 0 30px;}
.header .gnb_util .search_area .search_tit h3 {font-size: 2rem; color: #fff;}
.header .gnb_util .search_area .search_close {position: absolute; right: 40px; top: 10px; background: url(/images/layout/btn_close_w.svg) center no-repeat; width: 25px; height: 25px; background-size: cover;}
.header .gnb_util .search_area .search_inp {width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative;}
.header .gnb_util .search_area .search_inp input {width: 100%; border: 0; font-size: 1.125rem; min-height: 75px; padding: 5px 30px; background: #fff; border-radius: 50px;}
.header .gnb_util .search_area .search_btn a {background: url(/images/layout/btn_search_b.svg) center center no-repeat; display: block; width: 22px; height: 22px; background-size: cover; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); z-index: 24;}
.header .gnb_util .btn_ham{background: url('/images/layout/btn_menu_w.svg') center no-repeat;padding: 12px;display: inline-block;width: 24px; height: 24px;}


/* header open */
.header.open::after {content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 9;}
.header.open .top, .full_menu  .top {background: #fff; border-bottom: 1px solid #dadada;}
.header.open .top .util_list li,
.full_menu  .top .util_list li,
.header.open .top .zoom li {border-left: 1px solid #dadada;}
.header.open .top .zoom {border-right: 1px solid #dadada;}
.header.open .top .zoom .zoom_plus {background: url(/images/layout/btn_plus_b.svg) center right .5rem no-repeat; background-size: 15px;}
.header.open .top .zoom .zoom_reset {background: url(/images/layout/btn_reset_b.svg) center right .5rem no-repeat; background-size: 12px;}
.header.open .top .zoom .zoom_minus {background: url(/images/layout/btn_minus_b.svg) center right .5rem no-repeat; background-size: 15px;}
.header.open .top li a,
.full_menu .top li:not(:last-child) a,
.header.open .top .zoom li a {color: #444;}
.header.open .bottom {background: #fff;}
.header.open .bottom::before {background: rgba(0,0,0,.1);}
.header.open .bottom h1 a {background: url(/images/layout/dgfca_logo.png) center center no-repeat;}
.header.open .bottom h1.lang a {background: url(/images/layout/eng_logo.png) center center no-repeat;}
.header.open .bottom .wrap .gnb .depth01 > li >  a {color: #333;}
.header.open .top .util_list li.util01, .header.open .top .util_list li.util03, .full_menu .top .util_list li.util01, .full_menu .top .util_list li.util03 {background: url(/images/layout/btn_login_b.svg) center right 15px no-repeat; background-size: 14px;}
.header.open .top .util_list li.util02, .header.open .top .util_list li.util04, .full_menu .top .util_list li.util02, .full_menu .top .util_list li.util04 {background: url(/images/layout/btn_join_b.svg) center right 15px no-repeat; background-size: 14px;}
.header.open .gnb_util .btn_search {background: url(/images/layout/btn_search_b.svg) center no-repeat;}
.header.open .gnb_util .btn_ham {background: url(/images/layout/btn_menu_b.svg) center no-repeat;}


/* sitemap */
.full_menu {width: 100%; height: 100%; overflow-y: scroll; background: #fff;position: fixed; left: 0; top: 0; z-index: 99999; box-sizing: border-box;}
.full_menu .full_top {width: 100%; height: 100px; border-bottom: 1px solid #dadada;}
.full_menu .full_top .wrap {height: 100%; display: flex; align-items: center; justify-content: space-between;}
.full_menu .full_top .logo {width: 150px; height: 61px; display: flex; align-items: center;}
.full_menu .full_top .logo img {width: 100%;}
.full_menu .full_bottom .wrap {padding: 0;}
.full_menu .menu_close {background: url(/images/layout/btn_close_b.svg) center center no-repeat; width: 20px; height: 20px;}
.full_menu .depth1{display: inline-block;width: 100%;height: 100%;font-size: 0;}
.full_menu .depth1 > li{/* min-height: 47px; */width: 100%;border-bottom: 1px solid #ededed;padding: 3% 0;/* position: relative; *//* z-index: 0; */display: inline-block;}
.full_menu .depth1 > li:first-child{border-left:0;}
.full_menu .depth1 > li > a{font-size: 1.375rem;font-weight: 600;color: #000;width: 8%;float: left;margin-right: 5%;line-height: 42px;}
.full_menu .depth1 > li > a > span{position: relative;}
.full_menu .depth1 > li > .depth2{width: 87%; display: flex; flex-wrap: wrap;}
.full_menu .depth1 > li > .depth2 > li{width: calc(100% / 4);float: left;vertical-align: top;padding-left: 10px;box-sizing: border-box;height: auto;}
.full_menu .depth1 > li > .depth2 > li > a{font-size: 1.25rem;font-weight: 500;padding: 15px 10px;  display: block; margin-bottom: 10px; position: relative;}
.full_menu .depth1 > li > .depth2 > li > a[target="_blank"]::after {content: ""; display: inline-block; width: 15px ;height: 15px; transform: translateY(1px); background: url(/images/layout/icon_normal_link.svg) center no-repeat;padding-right: 15px;}
.full_menu .depth1 > li > .depth2 > li:hover > a {color: #EE2E5B;}
.full_menu .depth1 > li > .depth2 > li:hover > a[target="_blank"]::after {background: url(/images/layout/icon_active_link.svg) center no-repeat;}
.full_menu .depth1 > li > .depth2 > li > .depth3{}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li{padding: 7px 10px;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > a{font-size: 1rem;position: relative;font-weight: 400;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:hover{color:#EE2E5B; transition: all 0.3s ease;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li:last-child{margin-bottom:40px;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4{display: none;}
.full_menu .depth1 > li > .depth2 > li.blank > a{position: relative;}
.full_menu .depth1 > li > .depth2 > li.blank > a:after{content: '';position: absolute;background:url(/images/layout/icon_normal_link.svg) center no-repeat; background-size: cover; width:15px; height:15px; top: 19px; margin-left: 10px;}


/* footer */
.rel_list {position: relative; transition: height .3s;}
.rel_list .btn_rel {background: #faf8f7; width: 230px; height: 60px; display: flex; align-items: center; padding: 0 20px; font-size: .9375rem; color: #555; position: relative;}
.rel_list .btn_rel::after {content: ""; background: url(/images/layout/btn_more_b.svg) center center no-repeat; background-size: cover; position: absolute; right: 20px; width: 10px; height: 10px; transition: .3s;}
.rel_list .btn_rel[aria-expanded="true"]::after {transform: rotate(180deg);}
.rel_list .list_item {position: absolute; bottom: 100%; left: 0; width: 100%; border: 1px solid #eee; background: #fff; padding: 0; text-align: left; z-index: -9999; height: 0; transition: .3s; display: none;}
.rel_list .btn_rel[aria-expanded="true"] + .list_item {z-index: 9999; height: auto; transition: .3s; display: block;}
.rel_list .list_item a {font-size: .9375rem; display: block; width: 100%; height: 100%; padding: 15px 20px;}
.rel_list .list_item li:hover {background: #faf8f7;}
.footer {width:100%; margin:0 auto; background: #fff; position: relative;}
.footer .banner{width: 100%; height: 100px; border-top: 1px solid #dadada;}
.footer .banner .wrap{width: 100%; height:100%; display: flex; align-items: center; justify-content: space-between;}
.footer .banner .banner_control button{margin: 0 6px; vertical-align: middle;}
.footer .banner .banner_control .banner_prev{width: 14px;height: 14px;background: url(/images/layout/btn_prev_b.svg) no-repeat center;}
.footer .banner .banner_control .banner_next{width: 14px;height: 14px;background: url(/images/layout/btn_next_b.svg) no-repeat center;}
.footer .banner .banner_control .banner_stop{width: 14px;height: 14px;background: url(/images/layout/btn_pause_b.svg) no-repeat center;}
.footer .banner .banner_control .banner_play{width: 12px;height: 16px;background: url(/images/layout/btn_start_b.svg) no-repeat center; backbround-size: 90%;}
.footer .banner .banner_content{width: calc(100% - 100px);}
.footer .banner .banner_content div.banner-item a:focus-visible img {outline: 2px dashed #d42121;}
.footer .banner .banner_content div.banner-item img {margin: 2px auto; height: 70px;}
.footer .top {border-top: 1px solid #dadada; padding: 50px 0;}
.footer .top .ft_info {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top: 30px;}
.footer .top .ft_info .ft_txt {display: flex; align-items: center; flex-wrap: wrap; gap: .625rem;}
.footer .top .ft_info .ft_txt dl {width: 100%; display: flex; gap: .625rem;}
.footer .top .ft_info .ft_txt dl dt {font-size: 1rem; font-weight: 400; color: #555;}
.footer .top .ft_info .ft_txt dl dd {color: #777; margin-right: .625rem; font-size: 1rem;}

.footer .top .ft_logo {display: flex; align-items: center; justify-content: space-between;}
.footer .top .ft_logo .webC a {display: block; width: 100px;}
.footer .top .ft_logo .webC a img {width: 100%;}
.footer .bottom {border-top: 1px solid #dadada; padding: 20px 0;}
.footer .bottom .wrap {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.footer .bottom .wrap .ft_nav {display: flex; align-items: center;}
.footer .bottom .wrap .ft_nav li + li {margin-left: 20px;}
.footer .bottom .wrap .ft_nav li:first-child a {color: #555;}
.footer .bottom .wrap .ft_nav li a {color: #777; font-size: .9375rem; transition: .3s;}
.footer .bottom .wrap .ft_nav li:hover a {color: #333;}
.footer .bottom .wrap .copy {display: flex; flex-wrap: wrap; align-items: center;}
.footer .bottom .wrap .copy li + li {margin-left: 20px;}
.footer .bottom .wrap .copy li img + img {margin-left: 10px;}
.footer .bottom .wrap .copy span {font-size: .8rem; color: #777;}


/* floating */
.floating {position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 999; width: 200px; display: flex; flex-wrap: wrap; justify-content: center; gap: 2vh; opacity: 0; transition: .3s;}
.floating.on {position: absolute; bottom: 80px; top: inherit;}
.floating .list {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5vh;}
.floating .list .item {display: block; width: 180px; height: 4.898vh; position: relative; perspective: 1100px; transition: .3s; border-radius: 15px;}
.floating .list .item > div {display: block; width: 100%; height: 100%; position: relative; transition: .3s; transform-style: preserve-3d; background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #F58830 0%,  #EE2E5B 70%); background-origin: border-box; background-clip: content-box, border-box; border: 1px solid transparent; border-radius: 4px; box-shadow: 2px 2px 10px rgba(100,55,0,.05); z-index: 1;}
.floating .list .item > div span {position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; justify-content: center; align-items: center;}
.floating .list .item > div span.front {color: #333; border-radius: 4px; font-size: .875rem; font-weight: 600; transform: translateZ(24px);}
.floating .list .item > div span.back {transform: rotateY(180deg) ; overflow: hidden;}
.floating .list .item > div span.back img {width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; cursor: pointer;}
.floating .list .item:hover,
.floating .list .item:focus-visible {width: 205px; z-index: 2;}
.floating .list .item:hover > div,
.floating .list .item:focus-visible > div {height: 90px; box-shadow: 0 0 28px rgba(100, 55, 0, .2); top: -22px; transform: translateZ(0) rotateY(180deg); border-radius: 15px; border: none;}
.floating .list .item:hover > div span,
.floating .list .item:focus-visible > div span {border-radius: 15px;}
.scroll_top {display: flex; align-items: center; justify-content: center;}
.scroll_top .btn {cursor: pointer; width: 60px; height: 60px; border-radius: 50%; background: url(/images/main/btn_top.svg) center center no-repeat; background-size: 14px; position: relative;}
.scroll_top .btn::before {content: ""; width: 50px; height: 50px; border-radius: 50%; background: #333; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 2px 2px 10px rgba(100,55,0,.15); z-index: -1;}


/* checkbox */
.all_check{margin-top: 20px; text-align: right;}
.deco_check {position:relative;vertical-align:middle;height:auto;line-height: 24px; display: flex; flex-wrap: wrap; gap: 10px 20px; width: 100%;}
.deco_check li {position: relative;}
.deco_check input[type=checkbox], .deco_check input[type=radio] {width:20px;min-height:20px;padding:0;margin:0;position:absolute;left:-3px;top:3px;vertical-align:middle;cursor:pointer; background: transparent; border: 0;}
.deco_check input[type=checkbox] + label, .deco_check input[type=radio] + label {padding-left: 20px; font-size: .9375rem; display:inline-block; background:url(/images/common/ckbox_off.png) 0 center no-repeat; background-size: 15px; cursor:pointer; z-index: 1}
.deco_check input[type=checkbox]:checked + label, .deco_check input[type=radio]:checked + label {background:url(/images/common/ckbox_on.png) 0 center no-repeat; background-size: 15px;}
.deco_check input[type=checkbox]:disabled + label, .deco_check input[type=radio]:disabled + label {opacity:1;}


/* animation */
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: .6;
    }

    100% {
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


@media all and (max-width: 1420px) {
    /* header */
    .header .bottom .wrap .gnb .depth01 > li {min-width: 130px;}
    .header .bottom .wrap .gnb .depth01 > li > a {font-size: 1.25rem;}


    /* floating */
    .floating {display: none!important;}
}

@media all and (max-width: 1200px) {
    /* common */
    html, body {font-size: 95%;}


    /* header */
    .header .top .util_list li a {font-size: .9375rem;}
    .header .top .wrap {padding: 0;}
    .header .bottom .wrap h1 a {background-size: 82%!important;}
    .full_menu .full_top .logo img {width: 82%;}
    .header {height: 116px;}
    .header .bottom {height: 80px;}
    .header .bottom::before {top: 80px;}
    .gnb{display: none;}


    /* sitemap */
    .full_menu {overflow-y: hidden;}
    .full_menu .full_top {height: 80px;}
    .full_menu .depth1{height: calc(100vh - 79px);position: relative;}
    .full_menu .depth1:before{position:absolute;content:'';width: 8rem;height: calc(100vh - 79px);background: #856B54;left:0;top:0;}
    .full_menu .depth1 > li{border-bottom: 0;padding: 0;/* height: 72px; *//* display: inline-block; */}
    .full_menu .depth1 > li > a{width: 8rem;margin-right: 0;background: #856B54;color: #fff;position: relative;font-size: 1.0625rem;text-align: center;display: block;padding: 14px 0;position: relative;border-bottom: 1px solid rgba(255,255,255,0.15);font-weight: 500;z-index: 99;}
    .full_menu .depth1 > li > a > span:after{content: none;}
    .full_menu .depth1 > li > .depth2{display:none;width: calc(100% - 8rem);position: absolute;left: 8rem;margin-top: 0;top: 5px;box-sizing: border-box;z-index: 99;overflow-y: scroll;height: calc(100vh - 115px);padding: 0 10px 50px 10px;}
    .full_menu .depth1 > li > .depth2 > li{display: block;width: 100%;}
    .full_menu .depth1 > li > .depth2 > li > a{font-size: 1.0625rem; border-bottom: 1px solid #dadada;display: block;padding: 20px 10px;margin-top: 0;}
    .full_menu .depth1 > li > .depth2 > li > .depth3{/* display: none; */margin: 12px 0;}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li:last-child{margin-bottom:0;}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a{padding: 10px;position: relative;display: block;}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:after{position: absolute; content:""; background:#c5c9d6;width:4px;height:4px; border-radius: 10px; left:0; top:10px;}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4{display: block;height: auto;background: #f8f8f8;padding: 8px;margin-top: 5px;}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li{}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li > a{ position:relative; padding: 3px 0 3px 18px;color: #333;display: block;background: #f8f8f8; font-size: .9375rem;  font-weight: 300;}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li > a:after{position: absolute;content: "";width: 7px;height: 1px;background: #777;top: 14px;left: 3px;margin: 0 auto;}
    .full_menu .depth1 > li.active a{background: #fff;color:#000;}
    .full_menu .depth1 > li.active > a > span:after{background:#1b7cc0;}
    .full_menu .depth1 > li.active > .depth2{display: block;}
    .full_menu .depth1 > li > .depth2 > li:active > .depth3{display: block;}
    .full_menu .depth1 > li > .depth2 > li.active{background: #fff;color:#000;}
    .full_menu .depth1 > li > .depth2 > li.active > a{color: #1b7cc0; border-bottom-color: #1b7cc0;position: relative;}
    .full_menu .depth1 > li > .depth2 > li.has > a{position: relative;}
    .full_menu .depth1 > li > .depth2 > li.has > a::after{content: ""; background: url(/images/layout/btn_more_b.svg) center center no-repeat; position: absolute; right: 10px; top: 22px; width: 11px; height: 11px; background-size: cover;}
    .full_menu .depth1 > li > .depth2 > li.has.close > a::after{content: ""; background: url(/images/layout/btn_more_b.svg) center center no-repeat; position: absolute; right: 10px; top: 26px; width: 11px; height: 1px; background-size: cover;}
    .full_menu .depth1 > li > .depth2 > li.has.close > .depth3 {display: none;}
    .full_menu .depth1 > li > .depth2 > li.has.active > a:after{background-position:bottom center;}
    .full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:after{content: none;}


    /* footer */
    .rel_list {margin: 0 auto; width: 100%; max-width: 400px; text-align: center; display: flex; justify-content: center;}
    .rel_list .btn_rel {width: 100%;}
    .footer .ft_logo > img {width: 130px;}
    .footer .banner {height: 80px;}
    .footer .banner .banner_content div.banner-item img{margin: 0 auto; height: 60px;}
    .footer .top {text-align: center;}
    .footer .top .ft_info .ft_txt {margin-bottom: 20px; justify-content: center;}
    .footer .top .ft_info .ft_txt dl {display: flex; justify-content: center;}
    .footer .bottom .wrap {justify-content: center; text-align: center;}
    .footer .bottom .wrap .ft_nav {margin-bottom: 20px;}
    .footer .bottom .wrap .copy li {width :100%;}
    .footer .bottom .wrap .copy li + li {margin-left: 0; margin-top: 20px;}
}

@media (max-width: 900px) {
    /* header */
    .header .top .zoom {display: none;}
    .header .top {display: flex; justify-content: flex-end;}
    .header .top .util_list {justify-content: flex-start;}
}

@media (max-width: 768px) {
    /* common */
    html, body {font-size: 87.5%;}
    .pc_hide {display: block;}
    .mobile_hide {display: none;}


    /* 대구 문화예술관광 통합정보 플랫폼 */
    .link_btn .btn span {min-width: 110px; min-height: 110px; padding-top: 60px; font-size: .9375rem; line-height: 1.25;}
    .link_btn .btn.type01 span,
    .link_btn .btn.type02 span,
    .link_btn .btn.type03 span {background-size: 40px; background-position-y: 15px;}
    .link_btn .btn:hover span::before {width: 80px; height: 80px;}
}

@media all and (max-width:500px) {
    /* popup */
    #imgpop {width: 96%; left: 50%!important; transform: translateX(-50%);}
    #imgpop a img {width: 100%;}


    /* 대구 문화예술관광 통합정보 플랫폼 */
    .link_btn .btn span {min-width: 90px; min-height: 90px; padding-top: 50px;}
    .link_btn .btn.type01 span,
    .link_btn .btn.type02 span,
    .link_btn .btn.type03 span {background-position-y: 8px;}


    /* footer */
    .footer .top .ft_info .ft_txt {justify-content: flex-start;}
    .footer .top .ft_info .ft_txt dl {text-align: left; align-items: flex-start; justify-content: flex-start;}
    .footer .bottom .wrap .ft_nav {overflow-x: scroll; padding: 20px 0;}
    .footer .bottom .wrap .ft_nav li a {white-space: nowrap;}
}