@charset "utf-8"; 
/*
    GGAC ENG MAIN STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2025. 11. 12.
*/

@import url("/resource/css/base.css"); 
@import url("./common.css"); 

/* section */
.section { overflow:hidden; display:flex; align-items:center; width:100%; padding:0 6rem; background:#fff; box-sizing:border-box; }
.section>.inner { width:100%; max-width:1430px; margin:0 auto; }
.section .secTit { overflow:hidden; }
.section .secTit h2 { font-size:4.6rem; letter-spacing:-.025em; color:var(--color4); }
.section .areaTit { margin-top:4rem; font-size:3rem; letter-spacing:-.025em; color:#fff; }
.swiper-button-disabled { opacity:.4; }
@media screen and (max-width:1200px) { 
	.section .secTit h2 { font-size:4rem; }
}
@media screen and (max-width:1200px),
       screen and (max-height:960px) { 
	/* section */
	.section { padding:0 3%; }
}
@media screen and (max-width:1024px) { 
	/* section */
	.sectionWrap { padding-top:7.5rem; }
	.section { padding:6.25rem 0; }
	.section>.inner { margin:0; }
	.section .secTit h2 { font-size:3.125rem; }
	.section .areaTit { font-size:2.375rem; color:var(--color4); }	
}
@keyframes bounce { 
	0%, 20%, 50%, 80%, 100% { 
		transform:translateY(0); 
	}
	40% { 
		transform:translateY(-7px); 
	}
	60% { 
		transform:translateY(-2px); 
	}
}

/* conVisual */
.conVisual { display:block; padding:0; }
.visualArea { position:relative; }
.visualSwiper .swiper-slide a { display:block; }
.visualSwiper .swiper-slide .img { display:block; }
.visualSwiper .swiper-slide .img img { width:100%; }
.visualControl { display:flex; justify-content:center; align-items:center; justify-content:center; position:absolute; bottom:4rem; left:0; width:100%; gap:2rem; z-index:1; }
.visualControl .slidePrev,
.visualControl .slideNext { flex-shrink:0; width:5rem; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255,255,255)' d='M50,8 L2.707,8 L8.328,13.621 L7.621,14.328 L1.5,8.207 L1.379,8.328 L1.05,8 L1,8 L1,7.95 L0.672,7.621 L0.793,7.5 L0.672,7.379 L1,7.05 L1,7 L1.05,7 L1.379,6.672 L1.5,6.793 L7.621,0.672 L8.328,1.379 L2.707,7 L50,7 Z'/%3E%3C/svg%3E") no-repeat center / contain; text-indent:-9999em; }
.visualControl .slideNext { transform:scaleX(-1); }
.visualControl .slidePag { width:auto; height:2rem; }
.visualControl .slidePag .swiper-pagination-bullet { position:relative; width:2rem; height:2rem; margin:0; background:none; border:1px solid transparent; box-sizing:border-box; opacity:1; }
.visualControl .slidePag .swiper-pagination-bullet::before { content:''; position:absolute; top:50%; left:50%; width:.6rem; height:.6rem; background:#fff; border-radius:50%; transform:translate(-50%, -50%); }
.visualControl .slidePag .swiper-pagination-bullet-active { border-color:#fff; }
.btnLinks { margin-top:11rem; padding:0 6rem; box-sizing:border-box; }
.btnLinks ul { display:flex; max-width:1190px; margin:0 auto; }
.btnLinks ul li { flex:1; padding-bottom:6rem; }
.btnLinks ul li a { display:block; position:relative; padding:2.3rem 10.9243%; border:1px solid #d2d2d2; border-left:none; transition:.2s; }
.btnLinks ul li:first-child a { border-left:1px solid #d2d2d2; }
.btnLinks ul li a::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid transparent; box-sizing:border-box; transition:.2s; }
.btnLinks ul li a:focus,
.btnLinks ul li a:hover { box-shadow:0 16px 38px rgb(75, 46, 198, .17); }
.btnLinks ul li a:focus::after,
.btnLinks ul li a:hover::after { border-color:var(--color1); }
.btnLinks ul li a span { display:block; font-size:2.2rem; font-weight:500; color:#222; letter-spacing:-.025em; }
.btnLinks ul li a i { display:block; position:relative; margin-top:3.2rem; font-style:normal; font-size:.9375em; letter-spacing:-.025em; line-height:2rem; text-align:right; color:#6a6a6a; transition:.2s; }
.btnLinks ul li a:focus span,
.btnLinks ul li a:hover span { color:var(--color1); font-weight:700; }
.btnLinks ul li a:focus i,
.btnLinks ul li a:hover i { padding-right:3rem; color:var(--color1); }
.btnLinks ul li a i::after { content:''; opacity:0; position:absolute; top:0; right:5px; width:2rem; height:2rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px'%3E%3Cpath fill-rule='evenodd' fill='rgb(75, 46, 198)' d='M10.000,19.969 C4.730,19.969 0.426,15.876 0.066,10.697 L10.021,10.697 L7.797,12.947 L8.838,13.999 L13.000,9.790 L8.838,5.582 L7.797,6.634 L10.184,9.047 L0.079,9.047 C0.559,3.989 4.816,0.031 10.000,0.031 C15.506,0.031 19.969,4.494 19.969,10.000 C19.969,15.505 15.506,19.969 10.000,19.969 Z'/%3E%3C/svg%3E") no-repeat center; background-size:contain; transition:.2s; }
.btnLinks ul li a:focus i::after,
.btnLinks ul li a:hover i::after { opacity:1; right:0; }
@media screen and (max-width:1024px) { 
	.visualControl { bottom:3rem; }
	.visualControl .slidePrev,
	.visualControl .slideNext { width:4.5rem; }
	.visualControl .slidePag { height:1.75rem; }
	.visualControl .slidePag .swiper-pagination-bullet { width:1.75rem; height:1.75rem; }
	.visualControl .slidePag .swiper-pagination-bullet::before { width:.5rem; height:.5rem; }
	.btnLinks { margin-top:6.25rem; padding:0 6.3888%; }
	.btnLinks ul { flex-wrap:wrap; justify-content:space-between; gap:.625rem 0; }
	.btnLinks ul li { flex:none; width:49.36305%; padding:0; }
	.btnLinks ul li:first-child { width:100%; }
	.btnLinks ul li a { padding:2.125rem 10.3225%; border-left:1px solid #d2d2d2; }
	.btnLinks ul li:first-child a { padding:2rem 5.0955%; }
	.btnLinks ul li a::after { display:none; }
	.btnLinks ul li a:focus,
	.btnLinks ul li a:hover { box-shadow:none; background:var(--color1); }
	.btnLinks ul li a span { font-size:2rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='30px'%3E%3Cpath fill-rule='evenodd' fill='rgb(131, 131, 131)' d='M14.656,29.499 C6.990,29.499 0.729,23.545 0.207,16.011 L14.681,16.011 L11.447,19.282 L12.961,20.812 L19.012,14.691 L12.960,8.573 L11.447,10.103 L14.918,13.612 L0.226,13.612 C0.925,6.255 7.117,0.499 14.656,0.499 C22.664,0.499 29.156,6.991 29.156,14.999 C29.156,23.008 22.664,29.499 14.656,29.499 Z'/%3E%3C/svg%3E") no-repeat right center / 1.75rem; }
	.btnLinks ul li a i { display:none; }
	.btnLinks ul li a:focus span,
	.btnLinks ul li a:hover span { color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='30px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.656,29.499 C6.990,29.499 0.729,23.545 0.207,16.011 L14.681,16.011 L11.447,19.282 L12.961,20.812 L19.012,14.691 L12.960,8.573 L11.447,10.103 L14.918,13.612 L0.226,13.612 C0.925,6.255 7.117,0.499 14.656,0.499 C22.664,0.499 29.156,6.991 29.156,14.999 C29.156,23.008 22.664,29.499 14.656,29.499 Z'/%3E%3C/svg%3E"); }
}

/* conPerfor */
.conPerfor { margin-top:3rem; }
.perforArea { display:flex; justify-content:space-between; gap:2rem; }
.perforArea .secTit h2 { font-size:4.2rem; font-weight:900; }
.perforArea .secTit .sTit { margin-bottom:1rem; font-size:2.2rem; font-weight:900; }
/* calendar */
.perforArea .calBox { width:22.937%; min-width:26.6rem; }
.perforArea .filter { display:flex; justify-content:space-between; gap:.5rem; margin:4.8rem 0 4.4rem; }
.perforArea .radioSel { position:relative; width:48.7804%; min-width:14rem; display:flex; background:#efefef; border:1px solid #e7e7e7; box-sizing:border-box; }
.perforArea .radioSel::before { content:''; position:absolute; top:-1px; left:0; width:50%; height:5rem; background:linear-gradient(0deg,#4d3ac3 0%, #6c56f1 74%, #9280ff 100%); box-shadow:0 6px 21px rgba(0, 0, 0, .17); transition:.15s; z-index:1; }
.perforArea .radioSel.right::before { left:50%; }
.perforArea .radioSel li { flex:1; overflow:hidden; position:relative; padding:1px; z-index:1; }
.perforArea .radioSel li input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.perforArea .radioSel li input + label { display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:1.7rem; color:#7e7e7e; letter-spacing:-.025em; line-height:4.6rem; text-align:center; box-sizing:border-box; cursor:pointer; }
.perforArea .radioSel li input:focus + label { outline:2px dashed #000; }
.perforArea .radioSel input:checked + label { color:#fff; font-weight:700; }
.perforArea .selectbox { width:45.7317%; position:relative; }
.perforArea .selectbox::after { content:''; position:absolute; top:0; right:1.4rem; width:1.4rem; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(23, 23, 23)' d='M13.494,2.313 L7.118,8.689 L7.048,8.620 L6.979,8.689 L0.602,2.313 L2.016,0.899 L7.048,5.931 L12.080,0.899 L13.494,2.313 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:.15s; z-index:1; }
.perforArea .selectbox.focus::after { transform:rotate(180deg); }
.perforArea .selectbox select { width:100%; height:5rem; padding:0 1.4rem; font-size:1.7rem; letter-spacing:-.025em; border:1px solid #dedede; background:transparent; box-sizing:border-box; cursor:pointer; }
.moCalBtn { display:none; }
.calendarTbl .calTop { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.4rem; }
.calendarTbl .calTop h3 { display:block; font-size:2.5rem; font-weight:900; color:var(--color1); }
.calendarTbl .calTop .btns { display:flex; align-items:center; gap:1rem; }
.calendarTbl .calTop .btns a { display:block; padding-right:2.4rem; font-size:1.8rem; letter-spacing:-.05em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M16.000,9.000 L9.000,9.000 L9.000,16.000 L7.000,16.000 L7.000,9.000 L-0.000,9.000 L-0.000,7.000 L7.000,7.000 L7.000,-0.000 L9.000,-0.000 L9.000,7.000 L16.000,7.000 L16.000,9.000 Z'/%3E%3C/svg%3E") no-repeat right center / 1.6rem; }
.calendarTbl .calTop .btns a:focus,
.calendarTbl .calTop .btns a:hover { text-decoration:underline; }
.calendarTbl .dateHead,
.calendarTbl .dateList { display:flex; flex-wrap:wrap; gap:.6rem 0; text-align:center; }
.calendarTbl .dateHead li,
.calendarTbl .dateList li { width:14.2857%; }
.calendarTbl .dateHead li span { display:block; padding:1.2rem 0; font-size:1.8rem; color:#aeaeae; }
.calendarTbl .dateList li span { display:flex; align-items:center; justify-content:center; position:relative; width:2.375em; height:2.375em; margin:0 auto; color:var(--color4); box-sizing:border-box; transition:.2s; }
.calendarTbl .dateList li button { display:block; width:100%; height:100%; background:#e0e0e0; }
.calendarTbl .dateList li.active button { background:var(--color1); color:#fff; }
.calendarTbl .dateList li.today span { border:1px solid var(--color1); }
.calendarTbl .dateList li.offDay span { color:#ababab; }
.perforArea .btnReserve { overflow:hidden; position:relative; margin-top:3rem; padding:1px; }
.perforArea .btnReserve input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.perforArea .btnReserve input + label { display:inline-block; vertical-align:middle; position:relative; padding-left:3.4rem; font-size:1.8rem; color:var(--color4); font-weight:500; cursor:pointer; line-height:1.4; }
.perforArea .btnReserve input:focus + label { outline:2px dashed; }
.perforArea .btnReserve input + label::before { content:''; display:block; position:absolute; top:0; left:0; width:2.4rem; height:2.4rem; background:no-repeat center; border:1px solid var(--color5); box-sizing:border-box; }
.perforArea .btnReserve input:checked + label::before { background-color:#000; border-color:#000; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M6.500,8.559 L5.368,7.427 L12.727,0.068 L13.859,1.200 L6.500,8.559 ZM0.141,4.465 L1.273,3.333 L6.500,8.559 L5.368,9.691 L0.141,4.465 Z'/%3E%3C/svg%3E"); background-size:1.4rem auto; }
/* list */
.perforList .swiper-wrapper { flex-wrap:wrap; }
.perforList .item { box-sizing:border-box; }
.perforList .item .thumb { position:relative; }
.perforList .item .img { overflow:hidden; display:block; width:100%; height:100%; }
.perforList .item.line .img { border:1px solid var(--color5); box-sizing:border-box; }
.perforList .item .img img { width:100%; height:100%; }
.perforList .item .layer { opacity:0; display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#fff; letter-spacing:-.05em; box-sizing:border-box; transition:.3s; z-index:1; background:rgba(44, 24, 129, .9); }
.perforList .item .thumb:hover .layer { opacity:1; }
.perforList .item .tit { overflow:hidden; max-height:2.8em; margin-bottom:3rem; padding:0 2rem; font-size:1.7rem; font-weight:500; letter-spacing:-.025em; line-height:1.4; word-break:keep-all; }
.perforList .item .type { position:absolute; top:0; left:0; display:flex; z-index:2; }
.perforList .item .type i { display:block; min-width:7.4rem; padding:0 1rem; font-style:normal; font-size:1.2rem; font-weight:700; line-height:2.8rem; color:#fff; text-align:center; box-sizing:border-box; }
.perforList .item .type1 { background:rgba(86, 0, 202, .75); }
.perforList .item .type2 { background:rgba(202, 0, 0, .75); }
.perforList .item .type3 { background:rgba(22, 134, 90, .75); }
.perforList .item .type4 { background:rgba(47, 76, 183, .75); }
.perforList .item .type5 { background:rgba(167, 94, 0, .75); }
.perforList .item .type6 { background:rgba(202, 0, 209, .75); }
.perforList .item .type7 { background:rgba(62, 131, 0, .75); }
.perforList .item .tag { background:rgba(0, 0, 0, .75); }
.perforList .item .btns li a,
.perforList .item .btns li button { display:inline-block; position:relative; padding:1.7rem 1.4rem; border:1px solid #8d76f2; border-top:none; box-sizing:border-box; }
.perforList .item .btns li:first-child a,
.perforList .item .btns li:first-child button { border-top:1px solid #8d76f2; }
.perforList .item .btns li a::after,
.perforList .item .btns li button::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #fff; box-sizing:border-box; opacity:0; transition:.2s; }
.perforList .item .btns li a:focus::after,
.perforList .item .btns li a:hover::after,
.perforList .item .btns li button:focus::after,
.perforList .item .btns li button:hover::after { opacity:1; }
.perforList .item .btns li a span,
.perforList .item .btns li button span { display:block; position:relative; width:13rem; padding:0 3rem; padding-right:2rem; line-height:2.3rem; color:#fff; background:no-repeat left center; box-sizing:border-box; }
.perforList .item .btns li a span::after,
.perforList .item .btns li button span::after { content:''; position:absolute; top:0; right:0; width:.7rem; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M6.530,5.639 L1.789,10.380 L0.963,9.553 L5.114,5.403 L0.963,1.253 L1.789,0.427 L6.530,5.167 L6.294,5.403 L6.530,5.639 Z'/%3E%3C/svg%3E") no-repeat center / contain; }
.perforList .item .btns .view { background-image:url(/ggac/images/sub/icon_per_view.png); }
.perforList .item .txt { margin-top:2.6rem; }
.perforList .item .txt a { display:block; color:#fff; }
.perforList .item .txt strong { overflow:hidden; display:block; font-size:2.2rem; text-overflow:ellipsis; white-space:nowrap; }
.perforList .item .txt span { display:block; }
.perforList .item .txt .date { margin-top:1.3rem; letter-spacing:-.025em; }
.perforList .item .txt .place { margin-top:.3rem; font-size:1.7rem; letter-spacing:-.05em; }
.perforArea .listBox { width:65.7342%; }
.perforArea .listFilter { display:flex; justify-content:space-between; margin-bottom:3rem; }
.perforArea .listFilter .btnReserve { opacity:0; margin-top:0; }
.perforArea .listFilter .count { font-size:1.8rem; font-weight:500; }
.perforArea .listFilter .count b { color:var(--color2); }
.perforControl { display:none; }
.perforArea .perforList { margin:0 -.5319%; padding-top:6.6rem; }
.perforArea .perforList .item { width:25%; padding:.5319%; }
.perforArea .perforList .item:nth-child(odd) { margin-top:-5.6rem; }
.perforArea .perforList .item .thumb { height:33rem; }
.perforArea .perforList .item .txt { display:none; }
@media screen and (max-width:1500px) { 
	.perforArea .listBox { width:72.1554%; }	
	.perforArea .perforList .item .thumb { height:22.4812vw; }
}
@media screen and (max-width:1200px) { 	
	.perforList .item .tit { margin-bottom:2rem; padding:0 1rem; }
	.perforArea .secTit h2 { font-size:4rem; }
	.perforArea .listBox { width:67.4974%; }	
	.perforArea .perforList .item { width:33.33%; }
	.perforArea .perforList .item .thumb { height:30.0487vw; }
	.perforArea .perforList .item:nth-child(odd) { margin-top:0; }
	.perforArea .perforList .item:nth-child(3n),
	.perforArea .perforList .item:nth-child(3n+1) { margin-top:-5.6rem; }
}
@media screen and (max-width:1024px) { 	
	.conPerfor { /* padding-top:2.25rem; */margin-top:0; }
	.perforArea { flex-direction:column; gap:2.25rem; }
	.perforArea .secTit h2 { font-size:3.125rem; font-weight:700; }
	.perforArea .secTit .sTit { display:none; }
	/* calendar */
	.perforArea .calBox { position:relative; width:100%; min-width:auto; padding:0 6.3888%; box-sizing:border-box; }
	.perforArea .filter { margin:3.125rem 0; }
	.perforArea .radioSel { min-width:auto; }
	.perforArea .radioSel::before { height:5.75rem; }
	.perforArea .radioSel li input + label { font-size:1.875rem; line-height:5.5rem; }
	.perforArea .selectbox::after { right:1.75rem; width:1.75rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M33.996,1.605 L16.999,18.985 L0.003,1.605 L1.567,0.005 L16.999,15.785 L32.431,0.005 L33.996,1.605 Z'/%3E%3C/svg%3E"); }
	.perforArea .selectbox select { height:6rem; padding:0 1.75rem; font-size:1.875rem; }
	.calendarBox { position:relative; }
	.moCalBtn { display:block; width:100%; height:6.625rem; padding:0 2.5rem; text-align:left; border:1px solid var(--color1); box-sizing:border-box; }
	.moCalBtn span { display:block; position:relative; font-size:2rem; color:var(--color1); font-weight:700; }
	.moCalBtn span::after { content:''; position:absolute; top:0; right:0; width:2.125rem; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='20px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(75, 46, 198)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' fill='rgb(190, 32, 110)' d='M33.996,2.577 L16.999,19.986 L0.003,2.577 L1.567,0.974 L16.999,16.780 L32.431,0.974 L33.996,2.577 Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; transition:.2s; }
	.moCalBtn.active span::after { transform:rotate(180deg); }
	.calendarTbl { display:none; position:absolute; top:100%; left:0; width:100%; padding:2.5rem; background:#fff; border:1px solid var(--color1); border-top:none; box-sizing:border-box; z-index:10; }
	.calendarTbl .calTop h3 { width:13rem; font-size:2.25rem; }
	.calendarTbl .calTop .btns a { font-size:1.75rem; background-size:1.5rem; }
	.calendarTbl .dateHead li span, 
	.calendarTbl .dateList li span { font-size:1.875rem; }
	.calendarTbl .dateList li span { width:4rem; height:4rem; }
	.perforArea .btnReserve { margin-top:3.75rem; }
	.perforArea .btnReserve input + label { font-size:1.875rem; }
	.perforArea .btnReserve input + label::before { width:2.375rem; height:2.375rem; }
	/* list */
	.perforList .swiper-wrapper { flex-wrap:nowrap; }
	.perforList .item { flex-shrink:0; transform:scale(.87); transition:.15s; }
    .perforList .item.swiper-slide-active { transform:scale(1); }
    .perforList .item.swiper-slide-active .thumb { box-shadow:0 10px 32px 0 rgba(0, 0, 0, .2); }
    .perforList .item .thumb { height:89.7222vw !important; }
	.perforList .item .layer { display:none; }
	.perforList .item .type i { min-width:7.75rem; font-size:1.375rem; line-height:2.875rem; }
	.perforList .item .txt { margin-top:2.5rem; }
	.perforList .item .txt a { color:var(--color4); }
	.perforList .item .txt strong { font-size:1.875rem; }
	.perforList .item .txt .date { margin-top:1.25rem; font-size:1.625rem; }
	.perforList .item .txt .place { margin-top:.125rem; font-size:1.5rem; }
	.perforArea .listBox { width:100%; }
	.perforControl { display:flex; justify-content:center; align-items:flex-end; gap:2rem; margin-top:2.5rem; }
    .perforControl .slidePrev,
    .perforControl .slideNext { width:4.125rem; height:4.25rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='66px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(75, 46, 198)' d='M65.238,15.996 L0.358,15.996 L0.358,14.537 L-0.010,14.175 L16.067,-0.003 L17.473,1.385 L2.737,14.378 L65.238,14.378 L65.238,15.996 Z'/%3E%3C/svg%3E") no-repeat center / contain; text-indent:-999em; }
	.perforControl .slideNext { transform:scaleX(-1); }
    .perforControl .slideMore { position:relative; width:3.75rem; height:3.75rem; border:1px solid var(--color1); border-radius:50%; box-sizing:border-box; text-indent:-999em; }
	.perforControl .slideMore::before,
	.perforControl .slideMore::after { content:''; position:absolute; top:50%; left:50%; width:1.625rem; height:1px; margin:-.0625rem 0 0 -.8125rem; background:var(--color1); }
	.perforControl .slideMore::after { transform:rotate(90deg); }	
    .perforArea .perforList { overflow:visible; margin:0; padding-top:0; }
	.perforArea .perforList .item { width:100%; padding:0; }
	.perforArea .perforList .item:nth-child(odd),	
	.perforArea .perforList .item:nth-child(3n),
	.perforArea .perforList .item:nth-child(3n+1) { margin:0; }	
	.perforArea .perforList .item .txt { display:block; }
}

/* conGroup */
.conGroup { margin-top:9rem; padding:0; height:96rem; }
.conGroup .secTit { display:none; }
.groupArea { display:flex; width:100%; height:100%; }
.groupArea .item { position:relative; width:16.6666%; height:100%; background:no-repeat center / cover; transition:.4s; }
.groupArea .item::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,#fff 0%, #000 100%); opacity:0; transition:.2s; }
.groupArea .group1 { background-image:url(../images/main/bg_group1.jpg); }
.groupArea .group2 { background-image:url(../images/main/bg_group2.jpg); }
.groupArea .group3 { background-image:url(../images/main/bg_group3.jpg); }
.groupArea .group4 { background-image:url(../images/main/bg_group4.jpg); }
.groupArea .group5 { background-image:url(../images/main/bg_group5.jpg); }
.groupArea .group6 { background-image:url(../images/main/bg_group6.jpg); }
.groupArea .item a { display:block; position:relative; width:100%; height:100%; padding:10rem 13.3757%; box-sizing:border-box; color:#fff; z-index:1; }
.groupArea .item strong { display:block; font-size:2em; font-weight:300; letter-spacing:-.01em; line-height:1.1; transition:.15s; }
.groupArea .item .category { display:block; margin-bottom:1.2rem; letter-spacing:-.025em; font-weight:700; transition:.15s; }
.groupArea .item .txt { display:none; margin-top:1.2rem; font-size:1.125em; letter-spacing:-.05em; word-break:keep-all; }
.groupArea .item .more { display:none; margin-top:8rem; }
.groupArea .item .more i { display:inline-block; padding-right:2.8rem; font-style:normal; font-size:.9375em; letter-spacing:-.025em; color:#fff; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.011,5.377 L15.010,5.376 L10.984,8.998 L10.005,8.116 L13.472,4.997 L0.010,4.997 L0.010,4.007 L13.488,4.007 L10.005,0.873 L10.984,-0.009 L15.010,3.613 L15.011,3.612 L15.990,4.495 L15.011,5.377 ZM13.979,4.448 L13.979,4.540 L14.030,4.494 L13.979,4.448 Z'/%3E%3C/svg%3E") no-repeat right center / 1.6rem auto; }
.groupArea.active .item { width:16.3646%; }
.groupArea.active .item::before { opacity:.68; }
.groupArea .item.active { width:20.052%; margin:0 -.9375%; box-shadow:0 19px 46px rgba(0, 0, 0, .7); z-index:2; }
.groupArea .item.active::before { display:none; }
.groupArea .item.active strong { font-size:2.25em; }
.groupArea .item.active .category { font-size:1.125em; }
.groupArea .item.active .txt,
.groupArea .item.active .more { display:block; }
@media screen and (max-width:1500px) { 
	.groupArea .item strong { font-size:2.8rem; }
	.groupArea .item.active strong { font-size:3.2rem; }
	.groupArea .item .txt { font-size:1.6rem; }
	.groupArea .item .txt br { display:none; }
}
@media screen and (max-width:1200px) { 
	.groupArea .item strong { font-size:2.4rem; letter-spacing:-.025em; }	
	.groupArea .item.active strong { font-size:2.9rem; }
}
@media screen and (max-width:1200px),
       screen and (max-height:960px) { 
	.conGroup { height:84rem; }
	.groupArea .item a { padding:12rem 13.3757%; }
}
@media screen and (max-width:1024px) { 
	.conGroup { margin-top:0; height:auto; }
	.groupArea { flex-wrap:wrap; }
	.groupArea .item,
	.groupArea.active .item,
	.groupArea .item.active { width:100%; height:30.2777vw; max-height:17.5rem; margin:0; box-shadow:none; transition:none; z-index:0; }
	.groupArea .item::before,
	.groupArea.active .item::before { display:none; }
	.groupArea .group1 { background-image:url(/ggac/images/main/bg_group1_mo.jpg); }
	.groupArea .group2 { background-image:url(/ggac/images/main/bg_group2_mo.jpg); }
	.groupArea .group3 { background-image:url(/ggac/images/main/bg_group3_mo.jpg); }
	.groupArea .group4 { background-image:url(/ggac/images/main/bg_group4_mo.jpg); }
	.groupArea .group5 { background-image:url(/ggac/images/main/bg_group5_mo.jpg); }
	.groupArea .group6 { background-image:url(/ggac/images/main/bg_group6_mo.jpg); }
	.groupArea .item a { display:flex; flex-direction:column; justify-content:center; padding:0 6.3888%; }
	.groupArea .item strong,
	.groupArea .item.active strong { font-size:2.375rem; }
	.groupArea .item strong br { display:none; }
	.groupArea .item .category,
	.groupArea .item.active .category { margin-top:.75rem; margin-bottom:.5rem; font-size:1.5rem; }
	.groupArea .item .txt,
	.groupArea .item.active .txt { display:none; }
	.groupArea .item .more { display:block; margin-top:1.25rem; }
	.groupArea .item .more i { padding-right:2.5rem; font-size:1.375rem; color:#8e8e8e; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(142, 142, 142)' d='M15.011,5.377 L15.010,5.376 L10.984,8.998 L10.005,8.116 L13.472,4.997 L0.010,4.997 L0.010,4.007 L13.488,4.007 L10.005,0.873 L10.984,-0.009 L15.010,3.613 L15.011,3.612 L15.990,4.495 L15.011,5.377 ZM13.979,4.448 L13.979,4.540 L14.030,4.494 L13.979,4.448 Z'/%3E%3C/svg%3E"); background-size:1.5rem auto; background-position:right top .375rem; }	
}