/**/
#design .concert_top {background:#133264; text-align:center; margin-bottom:12px; }
#design .concert_top .date { padding:15px 0 10px 0;}
#design .concert_top .date a {color:#fff; display:inline-block; padding:6px 12px; border:1px solid #aaa; color:#aaa; vertical-align:middle; margin:0 16px; margin-top:-19px; font-size: 12px;}
#design .concert_top .date span {color:#fff; font-size: 18px; display:inline-block;}
#design .concert_top .date span strong {font-size: 43px; padding-left:6px;}
#design .concert_top .number {text-align:center; background:#0e254b; padding:10px; }
#design .concert_top .number a {color:#fff; padding:0 10px; margin:0 5px;}
#design .concert_top .number a.on {color:yellow; font-weight:bold; font-size: 17px; text-decoration:underline}
#design .concert_search {border:1px solid #aaa; padding:15px; text-align:center; margin-bottom:28px;}
#design .concert_search select {height:29px; font-size: 14px; color:#555;}
#design .concert_search input[type=text] { height:28px !important;}
#design .concert_search input[type=submit] {color:#fff; background:#444;border-radius:2px; padding:5px 11px; margin-left:3px;}

#design .dv_month {margin: 0 0 22px; font-family: var(--fontMainSet); text-align: center;}
#design .dv_month * {box-sizing: border-box;}
#design .dv_month .dv_month_list {display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 auto; padding: 8px; list-style: none; background: #eef6f1; border: 1px solid #d7ebe0;}
#design .dv_month .dv_month_list li {margin: 0; padding: 0; list-style: none; background: none; width: auto; flex: 0 0 auto;}
#design .dv_month .dv_month_btn {display: inline-flex; align-items: center; justify-content: center; min-width: 72px; height: 42px; padding: 0 16px; background: #fff; color: #333; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: -0.02em; text-decoration: none; border: 1px solid #d7ebe0; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;}
#design .dv_month .dv_month_btn:hover {color: var(--mainColor); border-color: var(--mainColor); background: #fff;}
#design .dv_month .dv_month_btn.is_on {background: var(--mainColor); border-color: var(--mainColor); color: var(--colorWhite); font-weight: 700; box-shadow: 0 4px 12px rgba(43,170,113,0.28);}

#design .dv_filter {margin: 0 0 50px; font-family: var(--fontMainSet);}
#design .dv_filter * {box-sizing: border-box;}
#design .dv_filter .dv_filter_list {display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none;}
#design .dv_filter .dv_filter_list li {margin: 0; padding: 0; list-style: none; background: none; width: auto; flex: 1 1 160px; max-width: 240px;}
#design .dv_filter .dv_filter_btn {display: inline-flex; align-items: center; justify-content: center; width:100%; min-height: 60px; padding: 8px 20px; background: #f4f5f6; color: var(--colorGray); font-size: 18px; font-weight: 500; line-height: 1.2; text-decoration: none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;}
#design .dv_filter .dv_filter_btn:hover {border-color: var(--mainColor); color: var(--mainColor); background: #f4fbf7;}
#design .dv_filter .dv_filter_btn.is_on {background: var(--mainColor); border-color: var(--mainColor); color: var(--colorWhite); font-weight: 700; box-shadow: 0 6px 16px rgba(43,170,113,0.22);}
#design .dv_filter.is_type2 .dv_filter_btn:hover {border-color: var(--subColor); color: var(--subColor); background: #fff6f1;}
#design .dv_filter.is_type2 .dv_filter_btn.is_on {background: var(--subColor); border-color: var(--subColor); box-shadow: 0 6px 16px rgba(243,101,41,0.22);}

@media (max-width: 840px) {
	#design .dv_month {margin-bottom: 14px;}
	#design .dv_month .dv_month_list {gap: 4px; padding: 6px;}
	#design .dv_month .dv_month_btn {min-width: 48px; height: 38px; padding: 0 10px; font-size: 14px;}
	#design .dv_filter {margin-bottom: 20px;}
	#design .dv_filter .dv_filter_list {gap: 6px; flex-wrap: wrap;}
	#design .dv_filter .dv_filter_list li {width:calc(100% / 2 - 4px); flex: 1 1 calc(50% - 6px); max-width: none;}
	#design .dv_filter .dv_filter_btn {min-height: 48px; padding: 6px 14px; font-size: 16px; letter-spacing: -0.02em;}
}

#design .tabs {margin-bottom: 28px;}
#design .tabs ul {display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ececec;}
#design .tabs li {float: none;}
#design .tabs li a {position: relative; display: inline-flex; align-items: center; height: 48px; padding: 0 22px; font-size: 17px; font-weight: 500; color: var(--colorGray); border-bottom: 2px solid transparent; margin-bottom: -1px;}
#design .tabs li a.sel {color: var(--mainColor); font-weight: 700; border-bottom-color: var(--mainColor);}
#design .tabs li a i {display: none;}


#design .concert_wrap ul { overflow:hidden; margin:0 -2%;text-align:center;}
#design .concert_wrap ul li {position:relative;float:left; width:29.3333%;margin:0 2% 30px; position:relative;}
#design .concert_wrap li p.kind {display:block; width:auto; max-width:160px; z-index:2; height:auto; line-height:1.25; background: var(--mainColor); color:#fff; text-align:center; position:absolute; left:0; top:0; border:0; font-weight:500; padding:6px 8px; font-size: 1rem; box-sizing:border-box;}
#design .concert_wrap li p.kind span {float:none; width:auto; margin:0; color:#fff; word-break:keep-all;}
#design .concert_wrap li p.kind2 {display:block; width:auto; max-width:160px; z-index:2; height:auto; line-height:1.25; background: var(--subColor); color:#fff; text-align:center; position:absolute; left:0; top:0; border:0; font-weight:bold; padding:6px 8px; font-size: 13px; box-sizing:border-box;}
#design .concert_wrap li p.kind2 span {float:none; width:auto; margin:0; color:#fff; word-break:keep-all;}
#design .concert_wrap li p.kind.c3 {background: var(--colorc3);}
#design .concert_wrap li p.kind.c4 {background: var(--colorc4);}
#design .concert_wrap li p.kind.c5 {background: var(--colorc5);}
#design .concert_wrap li p.kind.c6 {background: var(--colorc6);}
/* #design .concert_wrap ul li span.kind { display:block; width:42px; z-index:2;line-height:42px;  background:#12bfea; color:#fff; text-align:center; position:absolute; left:0; top:0;  font-weight:bold;}
#design .concert_wrap ul li span.kind.c2 {background:#ff771f;} */
#design .concert_wrap ul li a.img_box {display:block;height: auto;max-height: none;overflow:hidden;margin-bottom:12px;}
#design .concert_wrap ul li a.img_box img {max-width: 100%; height: auto;transition: 0.5s;}
#design .concert_wrap ul li:hover a.img_box img { transform: scale(1.1);}
#design .concert_wrap ul li .con {height: 120px;}
#design .concert_wrap ul li strong {display:block; text-align:center; margin-bottom:10px; font-size: 22px; font-weight: 600; letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#design .concert_wrap ul li span.date {display:block; text-align:center; color:#999; }
#design .concert_wrap ul li em a {display:block; width:140px; margin:11px auto; line-height:34px; text-align:center; border-radius:2px; color:#666; border:1px solid #aaa; transition: 0.3s;}
#design .concert_wrap ul li:hover em a {background:#666; color:#fff; border:1px solid #444;}

#design .concert_wrap ul.display_list {display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 -2%; text-align: center;}
#design .concert_wrap ul.display_list > li {float: none; display: flex; flex-direction: column; width: 29.3333%; margin: 0 2% 36px;}
#design .concert_wrap .display_list a.img_box {position: relative; height: 0; padding-top: 123%; margin-bottom: 14px; overflow: hidden; background: var(--colorGrayLight);}
#design .concert_wrap .display_list a.img_box img {position: absolute; top: 0; left: 0; width: 100%; max-width: none;object-position: center top; transition: transform 0.45s ease;}
#design .concert_wrap .display_list > li:hover a.img_box img {transform: scale(1.06);}
#design .concert_wrap .display_list > li strong {margin-bottom: 6px;}
#design .concert_wrap .display_list > li span.date {line-height: 1.45;}
#design .concert_wrap .display_list > li span.place {display: block; margin-top: 4px; color: var(--colorGray);}
#design .concert_wrap .display_list .status_end {position: absolute;top: 0;right: 0;z-index: 2;padding: 7px 12px;background: #555;color: #fff;font-size: 16px;line-height: 1.2;}
#design .concert_wrap .display_list .end_label {display: inline-block; margin-left: 6px; padding: 2px 7px; background: #555; color: #fff; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.2; vertical-align: middle;}
#design .concert_wrap .display_list > li.is_ended a.img_box img {filter: grayscale(0.2); opacity: 0.88;}

@media (max-width: 840px) {
	#design .concert_wrap ul li strong {font-size:18px; margin-bottom:6px;}
	#design .concert_wrap ul.display_list > li {width: 46%; font-size:15px;}
}
@media (max-width: 560px) {
	#design .concert_wrap ul.display_list {margin: 0;}
	#design .concert_wrap ul.display_list > li {width: 100%; margin: 0 0 28px;}
}

/* display detail */
#design .display_view {padding-top: 8px; font-family: var(--fontMainSet);}
#design .display_view * {box-sizing: border-box;}
#design .display_view .dv_title,
#design .display_view .dv_section h4 {margin: 0; padding: 0; background: none; color: inherit;}
#design .display_view .dv_slider,
#design .display_view .dv_pager,
#design .display_view .dv_slider li,
#design .display_view .dv_pager li {margin: 0; padding: 0; list-style: none; background: none;}
#design .display_view .dv_html h3,
#design .display_view .dv_html h4 {margin: 1.2em 0 0.6em; padding: 0; background: none; font-size: 19px; font-weight: 700; color: var(--colorDarkgray);}

#design .display_view .dv_head {margin-bottom: 32px; padding-bottom: 28px; border-bottom: 1px solid #222;}
#design .display_view .dv_chips {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;}
#design .display_view .dv_chip {display: inline-flex; align-items: center; height: 35px; padding: 0 14px; font-size: 15px; font-weight: 600; line-height: 1;}
#design .display_view .dv_chip.c1 {background: var(--colorc1); color: var(--colorWhite);}
#design .display_view .dv_chip.c2 {background: var(--colorc2); color: var(--colorWhite);}
#design .display_view .dv_chip.c3 {background: var(--colorc3); color: var(--colorWhite);}
#design .display_view .dv_chip.c4 {background: var(--colorc4); color: var(--colorWhite);}
#design .display_view .dv_chip.c5 {background: var(--colorc5); color: var(--colorWhite);}
#design .display_view .dv_chip.c6 {background: var(--colorc6); color: var(--colorWhite);}
#design .display_view .dv_chip.end {background: #555; color: var(--colorWhite);}
#design .display_view .dv_title {margin: 0 0 12px; font-size: 38px; font-weight: 700; line-height: 1.35; letter-spacing: -0.04em; color: var(--colorDarkgray); word-break: keep-all;}
#design .display_view .dv_period {margin: 0; font-size: 17px; font-weight: 500; color:#d63d4a;}
#design .display_view .dv_ended {display: inline-flex; align-items: center; margin-left: 8px; padding: 3px 8px; background: #555; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; vertical-align: middle;}

@media (max-width: 560px) {
	#design .display_view .dv_period {font-size: 16px;}
}

#design .display_view .dv_body {display: flex; align-items: flex-start; gap: 60px; margin-bottom: 48px;}
#design .display_view .dv_gallery {flex: 0 0 42%; max-width: 480px;}
#design .display_view .dv_gallery .bx-wrapper {margin: 0; border: 0; box-shadow: none; background: transparent;}
#design .display_view .dv_gallery .bx-viewport {overflow: hidden; background: var(--colorGrayLight);}
#design .display_view .dv_slider {margin: 0; padding: 0; overflow: hidden; background: var(--colorGrayLight);}
#design .display_view .dv_slider li img {display: block; width: 100%; height: auto;}
#design .display_view .dv_gallery .bx-controls-direction a {position: absolute; top: 50%; z-index: 2; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background: rgba(255,255,255,0.92); box-shadow: 0 4px 16px rgba(0,0,0,0.12); text-indent: -9999px; opacity: 0; transition: opacity 0.2s;}
#design .display_view .dv_gallery:hover .bx-controls-direction a {opacity: 1;}
#design .display_view .dv_gallery .bx-prev {left: 12px;}
#design .display_view .dv_gallery .bx-next {right: 12px;}
#design .display_view .dv_gallery .bx-prev:after,
#design .display_view .dv_gallery .bx-next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-top: 2px solid var(--colorDarkgray); border-left: 2px solid var(--colorDarkgray);}
#design .display_view .dv_gallery .bx-prev:after {margin: -4px 0 0 -2px; transform: rotate(-45deg);}
#design .display_view .dv_gallery .bx-next:after {margin: -4px 0 0 -6px; transform: rotate(135deg);}
#design .display_view .dv_pager {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;}
#design .display_view .dv_pager li {width: calc(25% - 6px);}
#design .display_view .dv_pager a {display: block; overflow: hidden; border-radius: 8px; border: 2px solid transparent; opacity: 0.55; transition: opacity 0.2s, border-color 0.2s;}
#design .display_view .dv_pager a.active,
#design .display_view .dv_pager a:hover {opacity: 1; border-color: var(--mainColor);}
#design .display_view .dv_pager img {display: block; width: 100%; height: 64px; object-fit: cover;}

#design .display_view .dv_info {flex: 1 1 auto; min-width: 0; padding: 0 32px; /*background: #f4fbf7;*/}
#design .display_view .dv_info dl {margin: 0;}
#design .display_view .dv_info dl > div {display: flex; align-items: flex-start; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
#design .display_view .dv_info dl > div:last-child {border-bottom: 0;}
#design .display_view .dv_info dt {flex: 0 0 78px; margin: 0; font-weight: 600; line-height: 1.55; color: #222;}
#design .display_view .dv_info dd {flex: 1 1 auto; margin: 0; font-weight: 400; line-height: 1.55; color: var(--colorDarkgray); word-break: keep-all;}
#design .display_view .dv_actions {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px;}
#design .display_view .dv_btn {display: inline-flex; align-items: center; justify-content: center; min-width: 110px; height: 55px; padding: 0 28px; font-size: 17px; font-weight: 600; text-decoration: none; transition: background-color 0.2s, color 0.2s, border-color 0.2s;}
#design .display_view .dv_btn.list {color: #222; border: 1px solid #222;}
#design .display_view .dv_btn.list:hover {background: #222; border-color: #222; color: var(--colorWhite);}
#design .display_view .dv_btn.link,
#design .display_view .dv_btn.extra {background: var(--mainColor); color: var(--colorWhite); border: 1px solid var(--mainColor);}
#design .display_view .dv_btn.link:hover,
#design .display_view .dv_btn.extra:hover {background:#1b8d5a; color: var(--colorWhite);}

#design .display_view .dv_section {margin-bottom: 36px; padding: 28px 32px; background: var(--colorWhite); border: 1px solid #ececec;}
#design .display_view .dv_section h4 {position: relative; margin: 0 0 20px; padding: 0 0 12px 14px; font-size: 21px; font-weight: 700; letter-spacing: -0.03em; color: var(--colorDarkgray); border-bottom: 1px solid #ececec;}
#design .display_view .dv_section h4:before {content: ''; position: absolute; top: 3px; left: 0; width: 4px; height: 16px; border-radius: 4px; background: var(--mainColor);}
#design .display_view .dv_html {font-size: 17px; line-height: 1.75; color: var(--colorGray); word-break: keep-all;}
#design .display_view .dv_html img {max-width: 100%; height: auto; border-radius: 8px;}
#design .display_view .dv_html iframe {max-width: 100%;}
#design .display_view .dv_empty {padding: 48px 20px; text-align: center; color: #aaa; background: var(--colorGrayLight); border-radius: 12px;}
#design .display_view .dv_video {position: relative; overflow: hidden; margin-bottom: 24px; padding-top: 56.25%; border-radius: 4px; background: #000;}
#design .display_view .dv_video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width: 920px) {
	#design .display_view .dv_title {font-size: 25px;}
	#design .display_view .dv_body {display: block; gap:40px;}
	#design .display_view .dv_gallery {max-width: none; margin-bottom: 20px;}
	#design .display_view .dv_info {padding: 0 10px;}
	#design .display_view .dv_info dl {font-size:15px;}
	#design .display_view .dv_info dl > div {padding: 12px 0;}
	#design .display_view .dv_gallery .bx-controls-direction a {opacity: 1;}
	#design .display_view .dv_section {padding: 22px 20px;}
	#design .display_view .dv_btn {flex: 1 1 auto; font-size: 16px;}
}

#contain #calendar .even ul {flex-wrap: wrap; gap: 8px 16px;}
#contain #calendar .calendar tbody td .result strong.e1 {color: #e31a22;}
#contain #calendar .calendar tbody td .result strong.e2 {color: #f36529;}
#contain #calendar .calendar tbody td .result strong.e4 {color: #2baa71;}
#contain #calendar .calendar tbody td .result strong.e7 {color: #2baa71;}
#contain #calendar .calendar tbody td .result strong.e8 {color: #f36529;}
#contain #calendar .calendar tbody td .result strong.e9 {color: #2e55a6;}
#contain #calendar .calendar tbody td .result strong.e10 {color: #a68b2e;}
#contain #calendar .calendar tbody td .result strong.e11 {color: #8e44ad;}
#contain #calendar .calendar tbody td .result strong.e12 {color: #1abc9c;}
#contain #scheduleList .result strong.e1 {color: #e31a22;}
#contain #scheduleList .result strong.e2 {color: #f36529;}
#contain #scheduleList .result strong.e4 {color: #2baa71;}
#contain #scheduleList .result strong.e7 {color: #2baa71;}
#contain #scheduleList .result strong.e8 {color: #f36529;}
#contain #scheduleList .result strong.e9 {color: #2e55a6;}
#contain #scheduleList .result strong.e10 {color: #a68b2e;}
#contain #scheduleList .result strong.e11 {color: #8e44ad;}
#contain #scheduleList .result strong.e12 {color: #1abc9c;}
#calendar .even .e1 i {background-color: #e31a22 !important; background-image: none !important;}
#calendar .even .e2 i {background-color: #f36529 !important; background-image: none !important;}
#calendar .even .e4 i {background-color: #2baa71 !important; background-image: none !important;}
#calendar .even .e7 i {background-color: #2baa71 !important; background-image: none !important;}
#calendar .even .e8 i {background-color: #f36529 !important; background-image: none !important;}
#calendar .even .e9 i {background-color: #2e55a6 !important; background-image: none !important;}
#calendar .even .e10 i {background-color: #a68b2e !important; background-image: none !important;}
#calendar .even .e11 i {background-color: #8e44ad !important; background-image: none !important;}
#calendar .even .e12 i {background-color: #1abc9c !important; background-image: none !important;}
#contain #design .dk_table .tstyle_cal tbody td strong.e1 {color: #e31a22;}
#contain #design .dk_table .tstyle_cal tbody td strong.e2 {color: #f36529;}
#contain #design .dk_table .tstyle_cal tbody td strong.e4 {color: #2baa71;}
#contain #design .dk_table .tstyle_cal tbody td strong.e7 {color: #2baa71;}
#contain #design .dk_table .tstyle_cal tbody td strong.e8 {color: #f36529;}
#contain #design .dk_table .tstyle_cal tbody td strong.e9 {color: #2e55a6;}
#contain #design .dk_table .tstyle_cal tbody td strong.e10 {color: #a68b2e;}
#contain #design .dk_table .tstyle_cal tbody td strong.e11 {color: #8e44ad;}
#contain #design .dk_table .tstyle_cal tbody td strong.e12 {color: #1abc9c;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e1 {background-color: #e31a22;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e2 {background-color: #f36529;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e3 {background-color: #f36529;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e4 {background-color: #2baa71;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e7 {background-color: #2baa71;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e8 {background-color: #f36529;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e9 {background-color: #2e55a6;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e10 {background-color: #a68b2e;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e11 {background-color: #8e44ad;}
#contain #design .concert_calendar table.calendar_table tbody td .ev_list .box .list > li .e12 {background-color: #1abc9c;}

/* footer copyright 2열 */
footer .layout .fix_f_bottom {align-items: flex-start;}
footer .layout .f_info {flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 0;}
footer .layout .f_info_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 0 5%; width: 100%;}
footer .layout .f_info_col {display: flex; flex-direction: column; gap: 20px;}
footer .layout .f_info address {width: auto; margin-top: 0;}
footer .layout .f_info address:nth-child(2) {margin-top: 0;}
footer .layout .f_info .addr,
footer .layout .f_info .org {margin: 0;}
footer .layout .f_info cite {display: block; width: 100%; margin-top: 24px;}

@media (max-width: 840px) {
	footer .layout .fix_f_bottom {align-items: flex-start;}
	footer .layout .f_info {text-align: left;}
	footer .layout .f_info_grid {grid-template-columns: 1fr; gap: 16px;}
	footer .layout .f_info_col {gap: 16px;}
	footer .layout .f_info strong {display: block;}
	footer .layout .f_info cite {margin-top: 16px;}
}

.introDesc .intro-img {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%;max-width: 700px;}
.introDesc .intro-slider {position: relative; margin: 0 auto; padding: 0; width: 100%; max-width: 517px; list-style: none;}
.introDesc .intro-slider li {display: none; margin: 0; padding: 0; list-style: none;}
.introDesc .intro-slider li:first-child {display: block;}
.introDesc .intro-slider.is-ready li {display: none;}
.introDesc .intro-slider.is-ready li.is_on {display: block;}
.introDesc .intro-img img {display: block; width: 100%; max-width: 517px; height: auto; margin: 0 auto;}
.introDesc .intro-slider-ui {display: flex; align-items: center; justify-content: center; gap: 10px; width: fit-content; max-width: 100%; margin: 20px auto 0; padding: 6px 8px; background: #f3f4f6; border-radius: 999px;}
.introDesc .intro-pager {display: flex; align-items: center; justify-content: center; gap: 6px;}
.introDesc .intro-pager a {display: block; width: 7px; height: 7px; border-radius: 999px; background: #c8cdd3; text-indent: -9999px; overflow: hidden; transition: width 0.25s ease, background-color 0.25s ease;}
.introDesc .intro-pager a.active {width: 18px; background: var(--mainColor);}
.introDesc .intro-prev,
.introDesc .intro-next {position: relative; display: block; width: 34px; height: 34px; border-radius: 50%; background: #fff; transition: background-color 0.2s ease;}
.introDesc .intro-prev:after,
.introDesc .intro-next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; border-top: 1.5px solid #222; border-left: 1.5px solid #222;}
.introDesc .intro-prev:after {margin: -3px 0 0 -2px; transform: rotate(-45deg);}
.introDesc .intro-next:after {margin: -3px 0 0 -5px; transform: rotate(135deg);}
.introDesc .intro-prev:hover,
.introDesc .intro-next:hover {background: var(--mainColor);}
.introDesc .intro-prev:hover:after,
.introDesc .intro-next:hover:after {border-color: #fff;}