@charset "UTF-8"; 

/*--------------------- 메인 공통 ---------------------*/
html, body{overflow-x:hidden;}
section:not(.main-space) {margin: 0 0 13rem;}
.sec-title {position:relative;font-family: var(--font-point);}
.sec-title_en {display:flex;align-items:center;gap:1.2rem;margin: 0 0 1rem;color: var(--color-bluegreen);font-family: inherit;font-size: 1.8rem;}
.sec-title_en:after {content:"";display:block;width: 6rem;height: 2px;background: var(--color-bluegreen);}
.sec-title_kr {font-family: inherit;font-size: 3.4rem;margin-left: 2rem;}
.sec-title_kr br{display:none;}

.m-container{margin-top:12rem;}
.sec-wrap{width: 100%;  max-width: 162rem; padding:0 2rem;  margin: 0 auto;}
	
	@media (max-width:1200px) {
		.sec-title_kr {font-size:2.8rem;}
		.m-container{margin-top:8rem;}
		section:not(.main-space) { margin: 0 0 10rem;}
	}
	@media (max-width:640px) {
		section:not(.main-space) {margin: 0 0 8rem;}
		.sec-title_en {font-size:1.6rem;}
		.sec-title_kr {font-size:2.4rem;}
	}
	@media (max-width:480px) {
		.sec-title_kr {font-size:2.2rem;}
		.sec-title_kr br{display:block;}
	}

/*--------------------- 한성1918 비주얼, 바로가기메뉴 ---------------------*/
.main-visual {position:relative;background:#fff;}
.main-visual_area {position:relative; padding:3rem 3rem 1.6rem;}
.main-visual_swiper {overflow:hidden; width:100%;}
.main-visual_item {display:block; overflow:hidden; width:100%; aspect-ratio:1710 / 695; background:#f1f5f5;}
.main-visual_item img {display:block; width:100%; height:100%; object-fit:cover;}
.main-visual_ctrl {display:flex; align-items:center; justify-content:center; gap:1.2rem; margin-top:1.4rem;}
.main-visual_pagination {position:static; display:flex; align-items:center; justify-content:center; gap:.8rem; width:auto !important;}
.main-visual_pagination .swiper-pagination-bullet {display:block; width:2.4rem; height:3px; margin:0 !important; border-radius:0.5rem; background:#d9d9d9; opacity:1; transition:width .25s ease, background .25s ease;}
.main-visual_pagination .swiper-pagination-bullet-active {width:4.8rem; background:#000;}
.main-visual_toggle {position:relative; display:flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; border:0; background:transparent;}
.main-visual_toggle:before {content:""; display:block; width:.7rem; height:1rem; border-left:2px solid #000; border-right:2px solid #000;}
.main-visual_toggle.is-paused:before {width:0; height:0; margin-left:.3rem; border-left:1rem solid #000; border-top:.6rem solid transparent; border-bottom:.6rem solid transparent; border-right:0;}
.main-quick {position:relative;  border-top:1px solid #000;border-bottom: 1px solid #000;}
.main-quick .sec-wrap {}
.main-quick_inner {padding: 2.5rem 0;}
.main-quick_list {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:3rem;}
.main-quick_link {display:flex;align-items:center;justify-content:center;gap: 2rem;min-height: 11rem;border:1px solid #e0e0e0;background:#fff;transition:background .25s ease, border-color .25s ease, color .25s ease;}
.main-quick_link:hover, .main-quick_link:focus-visible {border-color:#000; background:var(--color-bluegreen); }
.main-quick_link:hover .main-quick_text{color:#fff;}
.main-quick_icon {display:flex; align-items:center; justify-content:center;}
.main-quick_icon img {display:block; max-width:100%; max-height:100%;}
.main-quick_text {display:block;font-size: 1.8rem;font-weight: 600; transition:color .25s ease;}


@media (max-width:1200px) {
	.main-visual_area {padding:2.5rem 2rem 1.5rem;}
	.main-visual_item {aspect-ratio:1200 / 560;}
}

@media (max-width:980px) {
	.main-visual_item {aspect-ratio:980 / 560;}
	.main-quick_list {grid-template-columns:repeat(2, 1fr); gap:1.5rem;}
	.main-quick_link {min-height:8rem;}
}

@media (max-width:640px) {
	.main-visual_area {padding:2rem 1.6rem 1.4rem;}
	.main-visual_item {aspect-ratio:768 / 560;}
	.main-visual_pagination .swiper-pagination-bullet {width:2.8rem;}
	.main-quick .sec-wrap {border-left:0; border-right:0;}
	.main-quick_inner {padding:1.6rem 0;}
	.main-quick_list {grid-template-columns: 1fr; gap:1rem;}
	.main-quick_link {justify-content:flex-start;gap: 1.5rem; padding:0 2rem;}
	.main-quick_icon{width:5rem;}
	.main-quick_text{font-size:1.7rem;}
}


/*--------------------- 한성1918 bcp창작스튜디오 ---------------------*/
.main-studio {position:relative; background:#fff;}
.main-studio_top {display:flex; align-items:flex-start; justify-content:space-between; gap:3rem;}
.main-studio_ctrl {display:flex; align-items:center; gap:.8rem; padding-top:.5rem;}
.main-studio_prev, .main-studio_next, .main-studio_toggle {position:relative; display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; border:1px solid #000; border-radius:50%; background:#fff;}
.main-studio_prev:before, .main-studio_next:before {content:""; display:block; width:.8rem; height:.8rem; border-top:1px solid #000; border-right:1px solid #000;}
.main-studio_prev:before {transform:rotate(-135deg); margin-left:.3rem;}
.main-studio_next:before {transform:rotate(45deg); margin-right:.3rem;}
.main-studio_toggle:before {content:""; display:block; width:.8rem; height:1.2rem; border-left:2px solid #000; border-right:2px solid #000;}
.main-studio_toggle.is-paused:before {width:0; height:0; margin-left:.3rem; border-left:1rem solid #000; border-top:.7rem solid transparent; border-bottom:.7rem solid transparent; border-right:0;}
.main-studio_swiper {overflow:hidden; margin-top:4rem;}
.main-studio_swiper .swiper-slide {height:auto;}
.main-studio_card {position:relative; display:block; overflow:hidden; height:100%; color:#000;}
.main-studio_thumb {position:relative; overflow:hidden; width:100%; aspect-ratio:4 / 5; background:#f1f5f5;}
.main-studio_thumb img {display:block; width:100%; height:100%; object-fit:cover;  object-position: top;transition:transform .45s ease;}
.main-studio_cate {position:absolute; left:0; top:0; z-index:3; display:flex; align-items:center; justify-content:center; min-width:5.2rem; height:3.4rem; padding:0 1.2rem; color:#fff; font-size:1.6rem;}
.main-studio_cate.type_event {background:var(--label-c-green);}
.main-studio_cate.type_notice {background:var(--label-c-blue);}
.main-studio_info {position:absolute; left:0; right:0; bottom:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:3rem 2.4rem; background:rgba(0, 0, 0, .45); color:#fff; text-align:center; opacity:0; transform:translateY(100%); transition:opacity .35s ease, transform .35s ease; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.main-studio_subject {display:block; color:#fff; font-size:2.1rem; font-weight:700; line-height:1.35; letter-spacing:-.04em;}
.main-studio_desc {display:block; margin-top:.7rem; color:#fff; font-size:1.7rem; font-weight:500; line-height:1.4;}
.main-studio_date {display:block; margin-top:2rem; color:#fff; font-size:1.6rem; font-weight:400; line-height:1;}
.main-studio_card:hover .main-studio_thumb img, .main-studio_card:focus-visible .main-studio_thumb img {transform:scale(1.05);}
.main-studio_card:hover .main-studio_info, .main-studio_card:focus-visible .main-studio_info {opacity:1; transform:translateY(0);}
.main-studio_pagination {display:none; justify-content:center; gap:.8rem; margin-top:2.8rem;}
.main-studio_pagination .swiper-pagination-bullet {display:block; width:.9rem; height:.9rem; margin:0; border-radius:50%; background:#d9d9d9; opacity:1;}
.main-studio_pagination .swiper-pagination-bullet-active {background:#000;}

@media (max-width:1200px) {
	.main-studio_swiper {margin-top:3.5rem;}
	.main-studio_subject {font-size:1.9rem;}
	.main-studio_card {overflow:visible;}
	.main-studio_info {position:static; left:auto; right:auto; bottom:auto; z-index:auto; display:block; height:auto; padding:1.8rem 0 0; background:none; color:#000; text-align:left; opacity:1; transform:none; transition:none; backdrop-filter:none; -webkit-backdrop-filter:none;}
	.main-studio_subject {overflow:hidden; display:-webkit-box; color:#000; font-size:1.8rem; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.main-studio_desc {display:block; margin-top:.6rem; color:#000; font-size:1.6rem; line-height:1.4;}
	.main-studio_date {display:block; margin-top:1.2rem; color:#555; font-size:1.6rem; line-height:1;}
	.main-studio_card:hover .main-studio_info, .main-studio_card:focus-visible .main-studio_info {opacity:1; transform:none;}
	.main-studio_card:hover .main-studio_thumb img, .main-studio_card:focus-visible .main-studio_thumb img {transform:none;}
	
}

@media (max-width:640px) {
	.main-studio_ctrl {justify-content:flex-end; margin-top:2rem; padding-top:0;}
	.main-studio_prev, .main-studio_next, .main-studio_toggle {width:3.8rem; height:3.8rem;}
	.main-studio_swiper {margin-top:3rem;}
	.main-studio_pagination {display:flex;}
}

@media (max-width:480px) {	
	.main-studio_top { flex-direction: column;   gap: 0;}
	.main-studio_ctrl {gap:.6rem; width:100%;}
	.main-studio_swiper {margin-top:1rem;}
	.main-studio_prev, .main-studio_next, .main-studio_toggle {width:3.6rem; height:3.6rem;}
	
}


/*--------------------- 한성1918 부산예술인지원센터 ---------------------*/
.main-support {position:relative; background:#fff;}
.main-support_area {position:relative;}
.main-support_swiper {overflow:visible; margin-top:4rem;}
.main-support_swiper .swiper-wrapper {display:flex;}
.main-support_swiper .swiper-slide {height:auto;}
.main-support_card {display:flex; flex-direction:column; min-height:28rem; padding:5rem 3rem; border:1px solid #e0e0e0; background:#fff; color:#000; transition:border-color .25s ease, background .25s ease;}
.main-support_card:hover, .main-support_card:focus-visible {border-color:var(--color-bluegreen); background:var(--color-light-bg);}
.main-support_cate {display:flex; align-items:center; justify-content:center; align-self:flex-start; padding:.3rem 1rem; color:#fff; font-size:1.6rem;}
.main-support_cate.type_event {background:var(--label-c-green);}
.main-support_cate.type_notice {background:var(--label-c-blue);}
.main-support_cate.type_result {background: #c30606; }
.main-support_cate.type_etc{background:#555; }
.main-support_cate.type_pr{background:#ea7212;}
.main-support_subject {overflow:hidden; display:-webkit-box; margin-top:1.5rem; color:#000; font-size:2rem; font-weight:700; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main-support_date {display:block; margin-top:auto; color:#333; font-size:1.6rem; font-weight:400; line-height:1;}
.main-support_card:hover .main-support_subject, .main-support_card:focus-visible .main-support_subject {text-decoration:underline; text-underline-offset:.4rem;}
.main-support_ctrl {display:none; align-items:center; justify-content:center; gap:2rem; margin-top:3rem;}
.main-support_prev, .main-support_next {position:relative; display:flex; align-items:center; justify-content:center; width:4.4rem; height:4.4rem; border:1px solid #e0e0e0; background:#fff;}
.main-support_prev:before, .main-support_next:before {content:""; display:block; width:1rem; height:1rem; border-top:2px solid #000; border-right:2px solid #000;}
.main-support_prev:before {transform:rotate(-135deg); margin-left:.4rem;}
.main-support_next:before {transform:rotate(45deg); margin-right:.4rem;}
.main-support_prev:hover, .main-support_next:hover, .main-support_prev:focus-visible, .main-support_next:focus-visible {border-color:#000;}
.main-support_pagination {display:flex; align-items:center; justify-content:center; gap:.8rem; width:auto;}
.main-support_pagination .swiper-pagination-bullet {display:block; width:.9rem; height:.9rem; margin:0; border-radius:50%; background:#d9d9d9; opacity:1;}
.main-support_pagination .swiper-pagination-bullet-active {background:#000;}

	@media (min-width:1201px) {
		.main-support_swiper .swiper-wrapper {display:grid; grid-template-columns:repeat(4, 1fr); gap:3rem; transform:none !important;}
		.main-support_swiper .swiper-slide {width:auto !important;}
	}

	@media (max-width:1200px) {
		.main-support_swiper {overflow:hidden;}
		.main-support_swiper .swiper-wrapper {display:flex; gap:0;}
		.main-support_card {min-height:26rem; padding:4.2rem 2.4rem;}
		.main-support_subject {font-size:1.8rem;}
		.main-support_ctrl {display:flex;}
		.main-support_prev, .main-support_next{display:none;}
	}

	@media (max-width:980px) {
		.main-support_swiper {margin-top:3rem;}
		.main-support_card { min-height: 24rem;   padding: 3rem;}
		.main-support_ctrl {gap:1.4rem; margin-top:2.5rem;}
		.main-support_prev, .main-support_next {width:4rem; height:4rem;}
	}

	@media (max-width:480px) {
		.main-support_card {min-height:20rem; padding:2.8rem 2rem 2.5rem;}
		.main-support_subject {font-size:1.6rem;}
	}

/*--------------------- 한성1918 원도심네트워크,기록 ---------------------*/
.main-network {position:relative; background:#fff;}
.main-network_inner {display:grid;grid-template-columns:1fr 1fr;gap: 13rem;}
.main-network_col {min-width:0;}
.main-network_list {margin:4.6rem 0 0;}
.main-network_item {border-bottom:1px solid #e0e0e0;}
.main-network_item:first-child {border-top:0;}
.main-network_link {display:grid;grid-template-columns: 5.2rem minmax(0, 1fr) 10rem;align-items:center;gap:1.6rem;min;min-height: 10rem;}
.main-network_cate {display:block; font-size:1.6rem; font-weight:700; line-height:1;}
.main-network_cate.type_event {color: var(--label-c-green);}
.main-network_cate.type_notice {color:var(--label-c-blue);}
.main-network_cate.type_result {color: #c30606; }
.main-network_cate.type_etc{color:#555; }
.main-network_cate.type_pr{color:#ea7212;}
.main-network_subject {overflow:hidden;display:block;font-size: 2rem;font-weight: 600;white-space:nowrap;text-overflow:ellipsis;}
.main-network_date {display:block;font-size:1.6rem;font-weight:400;text-align:right;}
.main-network_link:hover .main-network_subject, .main-network_link:focus-visible .main-network_subject {text-decoration:underline; text-underline-offset:.4rem;}
.main-network_thumb {position:relative; display:block; overflow:hidden; margin-top:4.6rem; width:100%; aspect-ratio:16 / 9; background:#f5f5f5;}
.main-network_thumb img {display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease;}
.main-network_thumb:hover img, .main-network_thumb:focus-visible img {transform:scale(1.04);}
.main-network_play {position:absolute; left:50%; top:50%; display:flex; align-items:center; justify-content:center; width:6.4rem; height:6.4rem; border-radius:50%; background:rgba(0, 128, 122, .75); transform:translate(-50%, -50%);}
.main-network_play:before {content:""; display:block; width:0; height:0; margin-left:.4rem; border-top:1rem solid transparent; border-bottom:1rem solid transparent; border-left:1.5rem solid #fff;}

@media (max-width:1200px) {
	.main-network_inner {grid-template-columns:1fr; gap:5.5rem; }
	.main-network_subject{font-size:1.8rem;}
}

@media (max-width:640px) {
	.main-network .sec-wrap {border-left:0; border-right:0;}
	.main-network_inner {gap:5rem;}
	.main-network_list {margin-top:2.8rem;}
	.main-network_link {grid-template-columns:4.6rem minmax(0, 1fr); gap:1.2rem; min-height:7.2rem; padding:1.6rem 0;}
	.main-network_date {grid-column:2 / 3; text-align:left;}
	.main-network_thumb {margin-top:2.8rem;}
	.main-network_play {width:5.4rem; height:5.4rem;}
}

@media (max-width:480px) {
	.main-network_subject{font-size:1.7rem;}
	.main-network_link {grid-template-columns:4.2rem minmax(0, 1fr);}
	.main-network_thumb {aspect-ratio:360 / 220;}
}



/*--------------------- 한성1918 공간소개 ---------------------*/
.main-space {position:relative;background: #EEF8F8;}
.main-space .sec-wrap {position:relative;}
.main-space_inner {position:relative;display:flex;align-items:center;justify-content:space-between;padding: 10rem 0;}
.main-space_txt {position:relative; z-index:2;}
.main-space_btns {display:flex;align-items:center;gap: 2rem;margin-top: 4rem;margin-left: 2rem;}
.main-space_btn {display:inline-flex;align-items:center;justify-content:space-between;gap: 2.5rem;height: 5rem;padding: 0 2.5rem;border:1px solid #000;font-size: 1.8rem;font-weight: 600;transition:background .25s ease, color .25s ease;}
.main-space_btn::after {content:"";width: 1rem;height: 1rem;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.4 1H9V7.6' stroke='%23111' stroke-width='1.4' stroke-linecap='square' stroke-linejoin='miter'/%3E%3Cpath d='M8.8 1.2L1 9' stroke='%23111' stroke-width='1.4' stroke-linecap='square'/%3E%3C/svg%3E");transition:opacity .25s ease, transform .25s ease;}
.main-space_btn:hover{background:rgba(255,255,255,0.5);}
.main-space_btn:hover::after { transform: rotate(45deg);}
.main-space_img {position:absolute;right: 0;top: 50%;transform: translateY(-50%);width: 80rem;z-index:1;}
.main-space_img img {display:block; width:100%; height:auto;}


	@media (max-width:1200px) {
		.main-space_img { width: 67rem;}
		.main-space_btn {min-width:15rem;}
	}

	@media (max-width:980px) {
		.main-space_inner {padding: 7rem 0;}
		.main-space_img {width:56rem;  top: 64%;}
		.main-space_btns {flex-direction: column;  align-items: flex-start;  gap: 1rem; margin-top:3rem;}
		.main-space_btn{min-width:21rem;}
	}

	@media (max-width:640px) {
		.main-space_inner{display:block;}
		.main-space_btns { margin-right: 2rem;}
		.main-space_btn {width:100%; min-width:0; padding: 0 2rem;  font-size: 1.7rem;}
		.main-space_img {display:none;}
	}