@charset "utf-8"; 
/*
    GGAD MAIN STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2025. 10. 10.
*/

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

html,
body,
main,
#container,
.pageSwiper { width:100%; height:100%; }
body { overflow:hidden; }
/* 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:13rem auto 0; }
.section .secTit { overflow:hidden; }
.section .secTit h2 { font-size:4.6rem; letter-spacing:-.025em; color:var(--color4); }
.section .secTit h2 span { display:inline-block; opacity:0; transform:translateY(100%); transition:.3s; }
.section .secTit h2 span.ani { opacity:1; transform:translateY(0); }
.section .areaTit { margin-top:4rem; font-size:3rem; letter-spacing:-.025em; color:#fff; }
.sian { width:100%; height:100%; display:flex; justify-content:center; align-items:center; padding-top:130px; box-sizing:border-box; }
.mobile { max-width:720px; margin:0 auto; text-align:center; }
.swiper-button-disabled { opacity:.4; }
@media screen and (max-width:1200px) { 
	.section .secTit h2 { font-size:4rem; }
	.section .areaTit { font-size:2.6rem; }	
}
@media screen and (max-width:1200px),
       screen and (max-height:960px) { 
	html,
	body,
	main,
	#container,
	.pageSwiper { height:auto; }	
	body { overflow-x:hidden; overflow-y:visible; }
	/* section */
	.sectionWrap { padding-top:13rem; }
	.section { padding:0 3%; }
	.section>.inner { margin:13rem auto; }
	.section .secTit h2 span { opacity:1; transform:translateY(0); }
}
@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); 
	}
}

/* conPerfor */
.conPerfor { background:url(/ggac/images/main/bg_perfor.jpg) no-repeat center / cover; }
.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; width:7.4rem; 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:11.6rem; padding:0 3rem; 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 .btns .quick { background-image:url(/ggac/images/sub/icon_per_quick.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) { 	
	.conPerfor { background:none; }
	.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; }
	.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 { 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; }
}

/* conEdu */
.conEdu { background:url(../images/main/bg_edu.jpg) no-repeat center / cover; }
.conEdu .secTit { display:flex; justify-content:space-between; align-items:flex-end; }
.conEdu .secTit h2 { color:#fff; }
.conEdu .inner { display:flex; justify-content:space-between; }
.conEdu .more a { display:block; position:relative; font-size:1.4rem; letter-spacing:-.025em; line-height:2rem; text-align:right; color:#fff; }
.conEdu .more a:focus,
.conEdu .more a:hover { text-decoration:underline; }
.eduArea { width:68.3916%; }
.eduArea .listBox { position:relative; margin-top:5rem; }
.eduSwiper { margin:-.6134%; }
.eduSwiper.mo { display:none; }
.eduSwiper .swiper-wrapper { flex-wrap:wrap; }
.eduSwiper .item { width:33.33%; padding:.6134%; box-sizing:border-box; }
.eduSwiper .item a { display:flex; flex-direction:column; justify-content:space-between; position:relative; height:20.4rem; padding:3.6rem 12.6182%; letter-spacing:-.025em; background:#fff; box-sizing:border-box; }
.eduSwiper .item a::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/ggac/images/main/bg_edu_list.png) no-repeat center / cover; opacity:0; transition:.2s; }
.eduSwiper .item a:focus,
.eduSwiper .item a:hover { color:#fff; }
.eduSwiper .item a:focus::before,
.eduSwiper .item a:hover::before { opacity:1; color:#fff; }
.eduSwiper .item .tit { display:block; position:relative; }
.eduSwiper .item .type { display:none; font-style:normal; }
.eduSwiper .item strong { overflow:hidden; display:block; position:relative; font-size:2.1rem; font-weight:700; max-height:2.6em; }
.eduSwiper .item .date { display:block; position:relative; }
.eduControl { display:none; }
.boardArea { display:flex; flex-direction:column; justify-content:space-between; width:23.916%; }
.boardArea .board .list { margin-top:3.2rem; }
.boardArea .board .list li { margin-top:.9rem; }
.boardArea .board .list li a { display:flex; align-items:center; gap:4rem; position:relative; padding-left:1rem; line-height:1.4; color:#fff; }
.boardArea .board .list li a::before { content:'·'; position:absolute; top:0; left:0; font-weight:700; }
.boardArea .board .list li a:focus strong,
.boardArea .board .list li a:hover strong { text-decoration:underline; }
.boardArea .board .list li strong { flex-grow:1; min-width:0; overflow:hidden; font-size:1.7rem; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
/* btn */
.btnGgad ul { display:flex; flex-direction:column; gap:1rem; }
.btnGgad ul li a { overflow:hidden; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; padding:2rem 10.5263%; background:rgba(255, 255, 255, .28); border:1px solid rgba(255, 255, 255, .53); transition:.2s; }
.btnGgad ul li a:focus,
.btnGgad ul li a:hover { background:rgba(75, 46, 198, .93); border-color:var(--color1); box-shadow:0 12px 27px rgba(0, 0, 0, .17); }
.btnGgad ul li a b { display:block; font-size:2.6rem; font-weight:500; color:#fff; }
.btnGgad ul li a span { display:block; margin-top:.8rem; font-weight:500; letter-spacing:-.025em; color:#e9e9e9; }
.btnGgad ul li a i { display:block; position:relative; font-style:normal; font-size:.9375em; letter-spacing:-.025em; line-height:2rem; text-align:right; color:#fff; transition:.2s; }
.btnGgad ul li a:focus b,
.btnGgad ul li a:hover b,
.btnGgad ul li a:focus span,
.btnGgad ul li a:hover span,
.btnGgad ul li a:focus i,
.btnGgad ul li a:hover i { color:#fff; }
.btnGgad ul li a:focus i,
.btnGgad ul li a:hover i { padding-right:3rem; }
.btnGgad 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(255, 255, 255)' 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; }
.btnGgad ul li a:focus i::after,
.btnGgad ul li a:hover i::after { opacity:1; right:0; }
@media screen and (max-width:1500px) { 
	.eduArea { width:69.3802%; }
	.boardArea { width:26.82701%; }
}
@media screen and (max-width:1200px) { 
	.eduSwiper .swiper-slide a { padding:3.2rem 12.6182%; }
	.boardArea .board .list li { margin-top:.6rem; }
	.boardArea .board .list li a { gap:3rem; }
	.boardArea .board .list li strong { font-size:1.6rem; }
    /* btn */
	.btnGgad ul { gap:.5rem; }
	.btnGgad ul li a { padding:1.5rem 10.5263%; }
	.btnGgad ul li a b { font-size:1.8rem; }
	.btnGgad ul li a span { font-size:1.5rem; }
}
@media screen and (max-width:1024px) { 	
	.conEdu { background-image:url(../images/main/bg_edu_mo.jpg); }
	.conEdu .inner { flex-direction:column; }
	.conEdu .secTit { align-items:center; }
	.eduArea { width:100%; }
	.eduArea .secTit { padding:0 6.3888%; }
	.eduArea .secTit .more { display:none; }	
	.eduArea .listBox { overflow:hidden; margin-top:3.125rem; padding:0; }
	.eduSwiper { overflow:hidden; display:none; margin:0; margin-left:5%; }
	.eduSwiper.mo { display:block; }
	.eduSwiper .swiper-wrapper { flex-wrap:nowrap; }
	.eduSwiper .swiper-slide { display:flex; flex-direction:column; gap:1.25rem; width:80%; height:43.75rem; padding:0 .625rem; box-sizing:border-box; }
	.eduSwiper .item { width:100%; height:100%; padding:0; box-sizing:border-box; }
	.eduSwiper .item a { height:21.25rem; height:100%; padding:3.75rem 11.8959%; }
	.eduSwiper .item a::before { display:none; }
	.eduSwiper .item a:focus,
	.eduSwiper .item a:hover { color:#000; }
	.eduSwiper .item .type { font-size:1.75rem; }
	.eduSwiper .item strong { font-size:2.125rem; }
	.eduSwiper .item .date { font-size:1.625rem; line-height:1.4; }
	.eduControl { display:flex; justify-content:center; align-items:flex-end; gap:2rem; margin-top:2.5rem; }
	.eduControl .slidePrev,
	.eduControl .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(255, 255, 255)' 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; }
	.eduControl .slideNext { transform:scaleX(-1); }
	.eduControl .slideMore { position:relative; width:3.75rem; height:3.75rem; border:1px solid #fff; border-radius:50%; box-sizing:border-box; text-indent:-999em; }
	.eduControl .slideMore::before,
	.eduControl .slideMore::after { content:''; position:absolute; top:50%; left:50%; width:1.625rem; height:1px; margin:-.0625rem 0 0 -.8125rem; background:#fff; }
	.eduControl .slideMore::after { transform:rotate(90deg); }	
	.boardArea { width:100%; margin-top:5rem; padding:0 6.3888%; box-sizing:border-box; }
	.boardArea .board .list { margin-top:1.5rem; }
	.boardArea .board .list li { margin-top:.75rem; }
	.boardArea .board .list li strong { font-size:1.75rem; }
    /* btn */
	.btnGgad { position:static; width:100%; margin-top:3.75rem; }
	.btnGgad ul { flex-wrap:wrap; flex-direction:row; justify-content:space-between; gap:.625rem 0; }
	.btnGgad ul li { width:49.36305%; }
	.btnGgad ul li a { padding:2rem 12.9032%; }
	.btnGgad ul li a:focus,
	.btnGgad ul li a:hover { background:var(--color1); }
	.btnGgad ul li a b { width:100%; font-size:2.125rem; 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(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") no-repeat right center / 1.75rem; }
	.btnGgad ul li a span,
	.btnGgad ul li a i { display:none; }
	.btnGgad ul li a:focus b,
	.btnGgad ul li a:hover b { 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"); }
}

/* conMedia */
.conMedia { position:relative; }
.conMedia>.inner { margin-bottom:33.2rem; }
.conMedia .secTit { display:flex; justify-content:space-between; align-items:center; }
.conMedia .secTit .snsList { gap:1.8rem; }
.conMedia .secTit .snsList i { width:4.8rem; height:4.8rem; }
.mediaArea { display:flex; align-items:flex-start; justify-content:space-between; margin-top:6rem; }
.mediaArea .listBox { display:flex; width:50.4895%; margin:0 -.4195%; }
.mediaArea .listBox .item { position:relative; width:33.33%; padding:0 .83102%; box-sizing:border-box; }
.mediaArea .listBox .item a { display:block; padding-bottom:2rem; }
.mediaArea .listBox .icon { position:absolute; top:50%; right:1.4rem; width:2.8rem; height:2.8rem; margin-top:-1.4rem; text-indent:-999em; background:no-repeat center / 4.2rem; border-radius:.2rem; z-index:2; }
.mediaArea .listBox .instagram { background-image:url(/ggac/images/common/icon_instagram.svg); }
.mediaArea .listBox .facebook { background-image:url(/ggac/images/common/icon_facebook.svg); }
.mediaArea .listBox .blog { background-color:#39ad37; background-image:url(/ggac/images/common/icon_blog.svg); background-size:3.6rem; }
.mediaArea .listBox .kakaoch { background-color:#f9e000; background-image:url(/ggac/images/common/icon_kakaoch.svg); background-size:3.6rem; }
.mediaArea .listBox .img { display:block; width:100%; height:22.8rem; }
.mediaArea .listBox .img .icon { display:none; }
.mediaArea .listBox .img img { width:100%; height:100%; }
.mediaArea .listBox .txt { position:absolute; bottom:0; right:0; width:92.5%; padding:1.2rem 6rem 1.2rem 7.5%; font-size:1.3rem; letter-spacing:-.025em; color:#474747; background:#fff; box-sizing:border-box; z-index:1; }
.mediaArea .listBox .txt strong { overflow:hidden; display:block; margin-top:.4rem; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.mediaArea .listBox .txt .id { display:block; font-style:normal; }
.mediaArea .videoBox { display:flex; justify-content:space-between; width:45.0349%; }
.mediaArea .videoBox a { display:block; }
.mediaArea .videoBox .thumb { width:65.5279%; }
.mediaArea .videoBox .img { display:block; width:100%; height:23.8rem; }
.mediaArea .videoBox .img img { width:100%; height:100%; }
.mediaArea .videoBox .cont { width:29.8136%; }
.mediaArea .videoBox strong { overflow:hidden; display:block; max-height:3.6em; font-size:2.2rem; letter-spacing:-.05em; line-height:1.2; word-break:keep-all; }
.mediaArea .videoBox .txt { overflow:hidden; display:block; max-height:5.6em; margin:1.4rem 0; letter-spacing:-.05em; line-height:1.4; word-break:keep-all; }
.mediaArea .videoBox .date { display:block; color:#858585; letter-spacing:-.05em; }
.conMedia .footer { position:absolute; bottom:0; left:0; width:100%; }
.btnTop { display:none; }
@media screen and (max-width:1500px) { 
	.mediaArea .listBox { width:51.8038%; }
	.mediaArea .videoBox .thumb { width:60.5279%; }
	.mediaArea .videoBox .cont { width:34.8136%; }
}
@media screen and (max-width:1200px),
       screen and (max-height:960px) { 
	.conMedia>.inner { margin-bottom:42rem; }
}
@media screen and (max-width:1024px) { 
    .conMedia { flex-direction:column; padding:0; padding-top:6.25rem; }
	.conMedia>.inner { margin-bottom:6.25rem; }
	.conMedia .secTit { padding:0 6.3888%; }
	.conMedia .secTit .snsList { gap:.75rem; }
	.conMedia .secTit .snsList i { width:3.5rem; height:3.5rem; }
	.mediaArea { flex-direction:column; margin-top:3.75rem; padding:0 6.3888%; box-sizing:border-box; }
	.mediaArea .listBox { width:100%; margin:0 -1.2738%; }
	.mediaArea .listBox .item { padding:0 1.2738%; }
	.mediaArea .listBox .item a { padding:0; }
	.mediaArea .listBox .icon { top:auto; bottom:.5rem; right:.5rem; width:3rem; height:3rem; margin:0; }
	.mediaArea .listBox .img { position:relative; height:26.85vw; }
	.mediaArea .listBox .img .icon { display:block; }
	.mediaArea .listBox .txt { display:block; position:static; width:100%; margin-top:.75rem; padding:0; font-size:1.25rem; background:none; }
	.mediaArea .listBox .txt .icon { display:none; }
	.mediaArea .videoBox { width:100%; margin-top:3.75rem; }
	.mediaArea .videoBox .thumb { width:53.8888vw; }
	.mediaArea .videoBox .img { height:30vw; }
	.mediaArea .videoBox .cont { width:33.7579%; }
	.mediaArea .videoBox strong { font-size:1.75rem; }
	.mediaArea .videoBox .txt { max-height:4.2em; margin:.75rem 0 1.5rem; font-size:1.5rem; }
	.mediaArea .videoBox .date { font-size:1.25rem; }
	.conMedia .footer { position:relative; }
}
@media screen and (max-width:767px) { 
	.mediaArea .listBox .icon { width:2rem; height:2rem; }
	.mediaArea .videoBox strong { max-height:2.4em; }
	.mediaArea .videoBox .txt { max-height:2.8em; }	
}