@charset "utf-8";

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2025-04-23
**************************************************/


/**************************************************
	Common
**************************************************/
/*.slick-button{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:4.8rem; height:4.8rem; border-radius:var(--g-radius-max); background-color:#e6e8ea;}
.slick-button:hover{}
.slick-button::after{content:''; display:inline-flex; width:var(--g-icon--size-large); height:var(--g-icon--size-large); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:50% 50%; mask-size:contain;}
.slick-button.pause::after{mask-image:url(../images/common/icon/ico_swiper_stop.svg);}
.slick-button.play::after{mask-image:url(../images/common/icon/ico_swiper_play.svg);}
.slick-button.next::after{mask-image:url(../images/common/icon/ico_more.svg);}
.slick-button.prev::after{mask-image:url(../images/common/icon/ico_more.svg); transform:rotate(180deg);}
.slick-button.more::after{mask-image:url(../images/common/icon/ico_plus.svg);}*/

/**************************************************
	Main
**************************************************/
.main-spot-wrap{position:relative;}
.main-spot-wrap .item .img{display:block; overflow:hidden;}
.main-spot-wrap .spotzone .item .img img{transform:scale(1.2); transition:opacity 0.5s ease;}
.main-spot-wrap .spotzone .slick-active .item .img img{animation:shrinkImage 4s ease-out forwards;}
.main-spot-wrap .spotzone .slick-slide:not(.slick-active) .item .img img{transform:scale(1); transition:none;}
@keyframes shrinkImage {
	from {transform:scale(1.2);}
	to {transform:scale(1);}
}
.main-spot-wrap .spotzone .nav{position:absolute; right:var(--g-contents-padding-x); bottom:3rem;}
.main-spot-wrap .spotzone .nav .count{display:none;}
.main-spot-wrap .spotzone .nav .area_ctrl{display:flex; align-items:center; gap:var(--g-gap-4);}
.main-spot-wrap .spotzone .nav .slick-button{width:3.2rem; height:3.2rem; background-color:rgba(255,255,255,.2);}
.main-spot-wrap .spotzone .nav .slick-button:after{width:2rem; height:2rem;}
.main-spot-wrap .spotzone .nav .dots{display:flex; align-items:center;}
.main-spot-wrap .spotzone .nav .dots ul{display:flex; justify-content:center; align-items:center; gap:1rem;}
.main-spot-wrap .spotzone .nav .dots button{display:block; position:relative; width:1rem; height:1rem; overflow:hidden; border-radius:.5rem; background-color:#fff; color:transparent;}
.main-spot-wrap .spotzone .nav .dots .slick-active button{width:1.2rem; height:1.2rem; background-color:#333;}
.main-spot-wrap .sky-ban{position:absolute; top:50px; right:60px; z-index:10;}
.main-spot-wrap .sky-ban a{display:block; position:relative; width:156px; height:156px; font-weight:700; color:#fff;}
.main-spot-wrap .sky-ban a:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:url(../images/main/2025/img_skyban.png) no-repeat 50% 50%/contain; animation: rotate-360 15s linear infinite;}
@keyframes rotate-360 {
	from {
		transform:translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform:translate(-50%, -50%) rotate(360deg);
	}
}
.cont_main{
	--g-contents-wrap-size: 1800px;
	--g-contents-padding-x: 60px;
	min-width:0;
	padding:60px 0 0;
}
.main-sect{padding:9rem 0;}
/* what's on */
.cont_main .sect-on{padding-top:0;}
.cont_main .sect-on .tab-on{position:relative;}
.cont_main .sect-on .sect-tit-area{display:flex; align-items:baseline; gap:4rem; margin-bottom:var(--g-gap-8);}
.cont_main .sect-on .sect-tit-area .sect-tit{font-weight:800; font-size:4.8rem; letter-spacing:-1px;}
.cont_main .sect-on .tab_lst{display:flex; gap:var(--g-gap-6);}
.cont_main .sect-on .tab_lst .tab_select{display:block; font-weight:700; font-size:1.9rem; color:#8a949e;}
.cont_main .sect-on .tab_lst .tab_select.active{color:#333; text-decoration:underline; text-underline-offset:5px;}
.cont_main .sect-on .tab_box{overflow:hidden;}
.cont_main .onzone{position:static; margin:0 -26px;}
.cont_main .onzone .item .inr{padding:0 26.6666px;}
.cont_main .onzone .item .img{display:block; overflow:hidden; aspect-ratio:380/546; background-color:var(--g-light-color-surface-gray-subtler);}
.cont_main .onzone .item .img img{object-fit:contain; width:100%; height:100%; transition:var(--g-transition-base);}
.cont_main .onzone .item a{display:block;}
.cont_main .onzone .item a:hover .img img{transform:scale(1.1);}
.cont_main .onzone .item .tit{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:var(--g-gap-6); font-weight:700; font-size:2.4rem; height:5.8rem; line-height:2.9rem;}
.cont_main .onzone .item .item_btm{display:flex; justify-content:space-between; align-items:center; gap:var(--g-gap-4); margin-top:var(--g-gap-4);}
.cont_main .onzone .item .item_info{min-width:0;}
.cont_main .onzone .item .info_date{display:block; line-height:1.2;}
.cont_main .onzone .item .info_place{display:block; margin-top:var(--g-gap-3); line-height:1.2;}
.cont_main .onzone .item .btn_reserve{display:flex; justify-content:center; align-items:center; flex-shrink:0; width:7.2rem; height:7.2rem; border-radius:50%; background-color:var(--g-light-color-text-basic); font-weight:700; color:#fff;}
.cont_main .onzone .item .btn_reserve:hover{background-color:var(--g-color-light-primary-60);}
.cont_main .onzone .item .btn_reserve:active{background-color:var(--g-color-light-primary-70);}
.cont_main .onzone .nav{position:absolute; right:0; top:1.2rem;}
.cont_main .onzone .nav .area_ctrl{display:flex; align-items:center; gap:var(--g-gap-2);}
.cont_main .onzone .nav .slick-button.play,
.cont_main .onzone .nav .slick-button.pause{background-color:transparent;}
.cont_main .onzone .count{display:flex; align-items:center; margin-left:1rem; font-weight:700; color:var(--g-color-light-gray-40);}
.cont_main .onzone .count em{position:relative; margin-right:1.2rem; padding-right:1rem; color:var(--g-light-color-text-basic);}
.cont_main .onzone .count em:after{content:'/'; position:absolute; top:0; right:0; bottom:0; transform:translateX(50%); margin:auto 0; color:var(--g-color-light-gray-40);}
/* 새소식 */
.cont_main .main-news{background-color:#f4f5f6;}
.cont_main .main-news .conts-wrap{display:flex; gap:9.6rem;}
.cont_main .tab-news{flex:1; min-width:0;}
.cont_main .tab-news .tab_lst{display:flex; align-items:center; gap:var(--g-gap-7);}
.cont_main .tab-news .tab_lst .tab_select{display:flex; justify-content:center; align-items:center; font-weight:var(--g-font-weight-bold); font-size:2.8rem; color:var(--g-color-light-gray-40);}
.cont_main .tab-news .tab_lst .tab_select.active{color:var(--g-light-color-text-basic);}
.cont_main .tab-news .tab_lst .tab_select:hover{text-decoration:underline; text-underline-offset:0.5rem;}
.cont_main .tab-news .tab_box{margin-top:var(--g-gap-6);}
.cont_main .tab-news .lst{display:flex; flex-direction:column;}
.cont_main .tab-news .lst li{display:flex; justify-content:space-between; gap:var(--g-gap-4); position:relative; padding:1.4rem 0 1.3rem; border-bottom:.1rem solid #cdd1d5;}
.cont_main .tab-news .lst li a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--g-pc-font-size-body-large);}
.cont_main .tab-news .lst li a:hover{text-decoration:underline; text-underline-offset:0.5rem;}
.cont_main .tab-news .lst li .date{flex-shrink:0; color:var(--g-color-light-gray-40);}
.cont_main .tab-news .more{position:absolute; top:0; right:0;}
.cont_main .tab-news .more a{display:flex; justify-content:center; align-items:center; width:3.6rem; height:3.6rem; border:.1rem solid var(--g-light-color-text-basic); border-radius:50%;}
.cont_main .ticket-area{flex:1; position:relative; min-width:0;}
.cont_main .ticket-area .sect-tit{font-size:2.8rem;}
.cont_main .ticket-area .more{position:absolute; top:0; right:0;}
.cont_main .ticket-area .more a{display:flex; justify-content:center; align-items:center; width:3.6rem; height:3.6rem; border:.1rem solid var(--g-light-color-text-basic); border-radius:50%;}
.cont_main .ticket-area .ticket-list{height:396px; overflow:hidden; overflow-y:auto; margin-top:var(--g-gap-6);}
.cont_main .ticket-area .ticket-list::-webkit-scrollbar {
	width: 0.8rem;
}
.cont_main .ticket-area .ticket-list::-webkit-scrollbar-thumb {
	background-color: var(--g-light-color-element-secondary-light);
	border-radius: 0.8rem;
}
.cont_main .ticket-area .ticket-list::-webkit-scrollbar-track {
	background-color: var(--g-light-color-element-secondary-lighter);
}
.cont_main .ticket-area .ticket-list li{padding:2.1rem 0 2rem; border-bottom:.1rem solid #cdd1d5;}
.cont_main .ticket-area .ticket-list li a{display:flex; align-items:center; gap:var(--g-gap-8);}
.cont_main .ticket-area .ticket-list li .day{flex-shrink:0; display:flex; justify-content:center; align-items:center; width:9rem; height:9rem; border-radius:50%; background-color:var(--g-light-color-text-basic); font-weight:700; font-size:2.4rem; color:#fff; transition:var(--g-transition-base);}
.cont_main .ticket-area .ticket-list li a:hover .day{background-color:var(--g-color-light-primary-60);}
.cont_main .ticket-area .ticket-list li a:active .day{background-color:var(--g-color-light-primary-70);}
.cont_main .ticket-area .ticket-list li .day.end{border:.1rem solid var(--g-light-color-text-basic); background-color:#fff; color:var(--g-light-color-text-basic); font-size:2.1rem;}
.cont_main .ticket-area .ticket-list li a:hover .day.end{background-color:#fff; border-color:var(--g-color-light-primary-60); color:var(--g-color-light-primary-60);}
.cont_main .ticket-area .ticket-list li a:active .day.end{background-color:#fff; border-color:var(--g-color-light-primary-70); color:var(--g-color-light-primary-70);}
.cont_main .ticket-area .ticket-list li .info{min-width:0;}
.cont_main .ticket-area .ticket-list li .info .date{display:flex; gap:var(--g-gap-4); font-size:1.9rem; line-height:1.2;}
.cont_main .ticket-area .ticket-list li .info .date .date-key{position:relative; padding-right:var(--g-gap-4);}
.cont_main .ticket-area .ticket-list li .info .date .date-key:after{content:''; position:absolute; top:.6rem; right:0; height:1.4rem; border-right:1px solid #1e2124;}
.cont_main .ticket-area .ticket-list li .info .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:var(--g-gap-2); font-weight:700; font-size:2.4rem;}
/* 서비스 링크 */
.cont_main .main-service .service-list{display:flex; justify-content:center; gap:9rem;}
.cont_main .main-service .service-list li{flex:1; max-width:25rem; min-width:0;}
.cont_main .main-service .service-list li a{display:flex; flex-direction:column; gap:var(--g-gap-6); font-weight:700; font-size:1.9rem; text-align:center;}
.cont_main .main-service .service-list li a:before{content:''; aspect-ratio:1/1; width:100%; height:100%; margin:0 auto; border-radius:50%; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; transition:var(--g-transition-base);}
.cont_main .main-service .service-list li a:hover:before{background-size:110%;}
.cont_main .main-service .service-list li.i01 a:before{background-image:url(../images/main/2025/img_go01.png);}
.cont_main .main-service .service-list li.i02 a:before{background-image:url(../images/main/2025/img_go02.png);}
.cont_main .main-service .service-list li.i03 a:before{background-image:url(../images/main/2025/img_go03.png);}
.cont_main .main-service .service-list li.i04 a:before{background-image:url(../images/main/2025/img_go04.png);}
/* 대구시립예술단 */
.cont_main .main-artgroup{background:url(../images/main/2025/bg_ag.jpg) no-repeat 50% 50%/cover;}
.cont_main .main-artgroup .conts-wrap{position:relative;}
.cont_main .main-artgroup .sect-tit{font-weight:800; font-size:4.8rem; color:#fff;}
.cont_main .main-artgroup .desc{margin-top:var(--g-gap-8); color:#fff;}
.cont_main .main-artgroup .txt{position:absolute; top:0; right:0; font-size:3.6rem; color:#fff; font-style:italic;}
.cont_main .main-artgroup .artgroup-list{display:grid; grid-template-columns:repeat(6,1fr); gap:var(--g-gap-6); margin-top:12rem;}
.cont_main .main-artgroup .artgroup-list li{min-width:0;}
.cont_main .main-artgroup .artgroup-list li a{display:flex; flex-direction:column; align-items:center; position:relative; height:100%; padding:var(--g-padding-7) var(--g-padding-4); background-color:rgba(255,255,255,.9);}
.cont_main .main-artgroup .artgroup-list li a:before{content:''; position:relative; z-index:2; width:9rem; height:9rem; background-size:contain; background-position:50% 50%; background-repeat:no-repeat;}
.cont_main .main-artgroup .artgroup-list li.i01 a:before{background-image:url(../images/main/2025/ico_ag01.png);}
.cont_main .main-artgroup .artgroup-list li.i02 a:before{background-image:url(../images/main/2025/ico_ag02.png);}
.cont_main .main-artgroup .artgroup-list li.i03 a:before{background-image:url(../images/main/2025/ico_ag03.png);}
.cont_main .main-artgroup .artgroup-list li.i04 a:before{background-image:url(../images/main/2025/ico_ag04.png);}
.cont_main .main-artgroup .artgroup-list li.i05 a:before{background-image:url(../images/main/2025/ico_ag05.png);}
.cont_main .main-artgroup .artgroup-list li.i06 a:before{background-image:url(../images/main/2025/ico_ag06.png);}
.cont_main .main-artgroup .artgroup-list li a:hover:after{opacity:1;}
.cont_main .main-artgroup .artgroup-list li a:after{content:''; opacity:0; position:absolute; top:var(--g-padding-7); left:calc(50% + 0rem); width:4rem; height:4rem; background-color:var(--g-color-light-secondary-20); border-radius:50%; transition:var(--g-transition-base);}
.cont_main .main-artgroup .artgroup-list li .tit{min-width:0; width:100%; font-weight:700; font-size:1.9rem; line-height:1.2; text-align:center;}
.cont_main .main-membership .conts-wrap{text-align:center;}
.cont_main .main-membership .sect-tit{width:309px; height:76px; margin:0 auto; background:url(../images/main/2025/img_membership.png) no-repeat 0 0/contain;}
.cont_main .main-membership .desc{margin-top:var(--g-gap-6); text-align:center;}
.cont_main .main-membership .btn-join{display:inline-block; margin-top:var(--g-gap-8); padding:5px 20px; background-color:var(--g-light-color-text-basic); font-weight:700; color:#fff;}
.cont_main .main-membership .btn-join:hover{background-color:var(--g-color-light-primary-60);}

.lypop .contents img{height:auto;}
.lypop .btm{display:flex; align-items:center; overflow:hidden; padding:10px; background:#3e3b3b; color:#fff;}
.lypop .btm label{margin:0 5px 0 0;}
.lypop .btm input{margin:0;}
.lypop .btm a{float:right; margin-left:auto; color:inherit;}

/* Tablet ~ 1799px */
@media screen and (max-width:1799px){
	.cont_main .onzone{margin:0 -16px;}
	.cont_main .onzone .item .inr{padding:0 16px;}

	.cont_main .main-news .conts-wrap{gap:6.4rem;}

	.cont_main .main-service .service-list{gap:4rem;}

	.cont_main .main-artgroup .artgroup-list{gap:var(--g-gap-4);}

}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	.cont_main{--g-contents-padding-x:16px; padding-top:40px;}
	.main-sect{padding:4rem 0;}
	.slick-button,
	.cont_main .spotzone :is(.prev,.next){width:3.2rem; height:3.2rem;}
	.slick-button:after,
	.cont_main .spotzone :is(.prev,.next):after{width:2rem; height:2rem;}
	#header{order:-1;}
	.main-spot-wrap{}
	.main-spot-wrap .sky-ban{top:30px; right:16px;}
	.main-spot-wrap .sky-ban a{width:80px; height:80px;}
	.main-spot-wrap .spotzone .nav{left:var(--g-contents-padding-x); bottom:2rem;}
	.main-spot-wrap .spotzone .nav .area_ctrl{justify-content:center;}

	.cont_main .sect-on .sect-tit-area{margin-bottom:var(--g-gap-4);}
	.cont_main .sect-on .sect-tit-area .sect-tit{font-size:2.8rem;}
	.cont_main .sect-on .tab_lst{gap:var(--g-gap-4);}
	.cont_main .sect-on .tab_lst .tab_select{font-size:1.7rem;}
	.cont_main .onzone .nav{top:.8rem;}
	.cont_main .onzone .count{font-size:1.5rem;}
	.cont_main .onzone{margin:0 -8px;}
	.cont_main .onzone .item .inr{padding:0 9px;}
	.cont_main .onzone .item .tit{height:4.6rem; margin-top:var(--g-gap-4); font-size:1.9rem; line-height:2.3rem;}
	.cont_main .onzone .item .item_info{font-size:1.5rem;}
	.cont_main .onzone .item .info_place{margin-top:var(--g-gap-2);}
	.cont_main .onzone .item .btn_reserve{width:4.8rem; height:4.8rem;}

	.cont_main .main-news .conts-wrap{gap:4rem;}
	.cont_main .tab-news .tab_lst{gap:var(--g-gap-4);}
	.cont_main .tab-news .tab_lst .tab_select{font-size:2.2rem;}
	.cont_main .main-news .more a{width:3.2rem; height:3.2rem;}
	.cont_main .main-news .more a .svg-icon{width:2rem; height:2rem;}
	.cont_main .tab-news .tab_box{margin-top:var(--g-gap-4);}
	.cont_main .tab-news .lst li{padding:0.9rem 0;}
	.cont_main .tab-news .lst li a{font-size:1.7rem;}
	.cont_main .tab-news .lst li .date{font-size:1.5rem;}
	.cont_main .ticket-area .sect-tit{font-size:2.2rem;}
	.cont_main .ticket-area .ticket-list{height:311px;}
	.cont_main .ticket-area .ticket-list li a{gap:var(--g-gap-6);}
	.cont_main .ticket-area .ticket-list li .day{width:6rem; height:6rem; font-size:2rem;}
	.cont_main .ticket-area .ticket-list li .day.end{font-size:1.5rem;}
	.cont_main .ticket-area .ticket-list li .info .date{font-size:1.5rem;}
	.cont_main .ticket-area .ticket-list li .info .date .date-key:after{top:.4rem;}
	.cont_main .ticket-area .ticket-list li .info .tit{font-size:1.7rem;}

	.cont_main .main-service .service-list{gap:2.4rem;}

	.cont_main .main-artgroup .sect-tit{font-size:3.2rem;}
	.cont_main .main-artgroup .txt{top:.8rem; font-size:2.4rem;}
	.cont_main .main-artgroup .artgroup-list{grid-template-columns:repeat(3,1fr); margin-top:6rem;}
}

/* Mobile 360px ~ 767px */
@media screen and (max-width:767px){
	.cont_main .sect-on .sect-tit-area{justify-content:space-between;}
	.cont_main .onzone .nav{position:relative; top:auto; right:auto; margin-top:var(--g-gap-6);}
	.cont_main .onzone .nav .area_ctrl{justify-content:center;}
	.cont_main .onzone .item .tit{font-size:1.7rem;}
	/*.cont_main .onzone .item .item_btm{flex-wrap:wrap;}
	.cont_main .onzone .item .item_info{width:100%; font-size:1.3rem;}
	.cont_main .onzone .item .btn_reserve{margin:0 auto;}*/

	.cont_main .main-news .conts-wrap{flex-direction:column;}
	.cont_main .ticket-area .ticket-list{height:324px; margin-top:var(--g-gap-4);}
	.cont_main .ticket-area .ticket-list li{padding:var(--g-padding-4) 0;}
	.cont_main .ticket-area .ticket-list li a{gap:var(--g-gap-4);}

	.cont_main .main-service .service-list{display:grid; grid-template-columns:repeat(2,1fr); gap:2.4rem 2rem;}
	.cont_main .main-service .service-list li{max-width:none;}
	.cont_main .main-service .service-list li a{gap:var(--g-gap-4); max-width:25rem; margin:0 auto; font-size:1.7rem;}

	.cont_main .main-artgroup .sect-tit{font-size:2.4rem;}
	.cont_main .main-artgroup .txt{right:auto; left:16rem; font-size:1.5rem;}
	.cont_main .main-artgroup .desc{margin-top:var(--g-gap-6); font-size:1.5rem;}
	.cont_main .main-artgroup .artgroup-list{grid-template-columns:repeat(2,1fr); margin-top:4rem;}
	.cont_main .main-artgroup .artgroup-list li a{padding:var(--g-padding-2) var(--g-padding-2) var(--g-padding-4);}
	.cont_main .main-artgroup .artgroup-list li a:before{width:6rem; height:6rem;}
	.cont_main .main-artgroup .artgroup-list li .tit{font-size:1.5rem;}

	.cont_main .main-membership .sect-tit{aspect-ratio:309/76; width:200px; height:auto;}
	.cont_main .main-membership .desc{font-size:1.5rem;}

	/* 팝업 */
	.lypop{position:absolute; top:85px !important; left:0 !important;}
	.lypop .contents,
	.lypop .contents img{width:100% !important; height:auto !important;}
}