@charset "utf-8"; 
/*
    GGAC MAIN STYLE
    WRITER :Lee Jeonghee
	Last Modify Date :2025. 07. 25.
*/

@import url("/resource/css/base.css"); 
@import url("./common.css"); 

html,
body,
main,
#container,
.pageSwiper { width:100%; height:100%; }
body { overflow:hidden; }
/* page */
.pageNav { position:fixed; top:50%; right:.6rem; transform:translateY(-50%); z-index:10; }
.pageNav .navBg { position:absolute; top:0; left:0; width:100%; height:14.5rem; background:var(--color1); border-radius:4rem; transition:.2s; }
.pageNav .navList { transform:none; }
.pageNav .navList>div { display:flex; flex-direction:column; align-items:center; position:relative; width:8rem; height:auto; margin:0 !important; padding:1rem 0; background:none; border-radius:4rem; box-sizing:border-box; opacity:1; }
.pageNav .navList>div>i { display:block; position:relative; width:5rem; height:5rem; margin:0 auto; background:#fff; border:1px solid #efefef; box-sizing:border-box; border-radius:50%; text-indent:-999em; }
.pageNav .navList>div>i::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; transition:.1s; }
.pageNav .navList>div>i.perfor::before { background-image:url(../images/main/icon_nav_perfor.png); }
.pageNav .navList>div>i.edu::before { background-image:url(../images/main/icon_nav_edu.png); }
.pageNav .navList>div>i.rental::before { background-image:url(../images/main/icon_nav_rental.png); }
.pageNav .navList>div>i.group::before { background-image:url(../images/main/icon_nav_group.png); }
.pageNav .navList>div>i.ggac::before { background-image:url(../images/main/icon_nav_ggac.png); }
.pageNav .navList>div>i.ggad::before { background-image:url(../images/main/icon_nav_ggad.png); }
.pageNav .navList>div>i.artplus::before { background-image:url(../images/main/icon_nav_artplus.png); }
.pageNav .navList>div>i.media::before { background-image:url(../images/main/icon_nav_media.png); }
.pageNav .navList>div>p { display:none; flex-grow:1; font-weight:500; letter-spacing:-.05em; color:#fff; text-align:center; }
.pageNav .navList>div>p i { display:block; line-height:.55; }
.pageNav .navList .swiper-pagination-bullet-active { display:flex; height:14.5rem; }
.pageNav .navList .swiper-pagination-bullet-active>i { width:5.4rem; height:5.4rem; }
.pageNav .navList .swiper-pagination-bullet-active>i::before { animation:bounce 2s; }
.pageNav .navList .swiper-pagination-bullet-active>i.perfor::before { background-image:url(../images/main/icon_nav_perfor_on.png); }
.pageNav .navList .swiper-pagination-bullet-active>i.edu::before { background-image:url(../images/main/icon_nav_edu_on.png); }
.pageNav .navList .swiper-pagination-bullet-active>i.rental::before { background-image:url(../images/main/icon_nav_rental_on.png); }
.pageNav .navList .swiper-pagination-bullet-active>i.ggac::before { background-image:url(../images/main/icon_nav_ggac_on.png); }
.pageNav .navList .swiper-pagination-bullet-active>i.ggad::before { background-image:url(../images/main/icon_nav_ggad_on.png); }
.pageNav .navList .swiper-pagination-bullet-active>i.artplus::before { background-image:url(../images/main/icon_nav_artplus_on.png); }
.pageNav .navList .swiper-pagination-bullet-active>i.media::before { background-image:url(../images/main/icon_nav_media_on.png); }
.pageNav .navList .swiper-pagination-bullet-active p { display:flex; align-items:center; }
/* 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:1600px) { 
	/* page */
	.pageNav { right:.2rem; }
	.pageNav .navBg { height:11rem; }
	.pageNav .navList>div { width:5.6rem; padding:.6rem 0; }
	.pageNav .navList>div>i { width:1.4rem; height:1.4rem; border:3px solid var(--color1); }
	.pageNav .navList>div>i::before { opacity:0; }
	.pageNav .navList>div>p { font-size:1.3rem; line-height:1.2; }
	.pageNav .navList .swiper-pagination-bullet-active { height:11rem; }
	.pageNav .navList .swiper-pagination-bullet-active>i { width:4.4rem; height:4.4rem; border:none; }
	.pageNav .navList .swiper-pagination-bullet-active>i::before { opacity:1; }
}
@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; }
	/* page */
	.pageNav { display:none; }
	/* 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(../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(../images/sub/icon_per_view.png); }
.perforList .item .btns .quick { background-image:url(../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 h2 { color:#fff; }
.conEdu .inner { display:flex; justify-content:space-between; }
.eduArea { width:68.3916%; }
.eduArea .secTit { display:flex; justify-content:space-between; align-items:center; }
.eduArea .secTit .tabBtn { display:flex; position:relative; background:rgba(255, 255, 255, .75); border-radius:4rem; }
.eduArea .secTit .tabBtn::before { content:''; position:absolute; top:0; left:-1px; width:13.1rem; height:100%; background:var(--color1); border-radius:4rem; transition:.15s; z-index:1; }
.eduArea .secTit .tabBtn.right::before { left:50%; }
.eduArea .secTit .tabBtn li { position:relative; z-index:2; }
.eduArea .secTit .tabBtn li a { display:block; width:13rem; padding:.9rem 0; font-size:1.8rem; font-weight:500; color:var(--color4); letter-spacing:-.025em; text-align:center; border-radius:4rem; box-sizing:border-box; }
.eduArea .secTit .tabBtn li .active { font-weight:700; color:#fff; }
.eduArea .listBox { position:relative; margin-top:5rem; padding-top:4rem; }
.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(../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; max-height:2.6em; font-size:2.1rem; font-weight:700; }
.eduSwiper .item .date { display:block; position:relative; }
.eduControl { display:none; }
.eduArea .listBox .more { position:absolute; top:0; right:0; }
.eduArea .listBox .more a { padding-right:2.8rem; font-size:1.5rem; color:rgba(255, 255, 255, .68); 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; }
.eduArea .listBox .more a:focus,
.eduArea .listBox .more a:hover { text-decoration:underline; }
.welfareArea { width:23.916%; }
.welfareArea .conBox { display:flex; flex-direction:column; justify-content:space-between; height:46rem; margin-top:5rem; padding-top:3.4rem; box-sizing:border-box; }
.welfareArea .conBox .sTxt { font-size:1.9rem; font-weight:500; color:#fff; letter-spacing:-.025em; line-height:1.65; word-break:keep-all; }
.welfareArea .banner a { display:flex; align-items:center; position:relative; height:15rem; box-sizing:border-box; }
.welfareArea .banner img { position:relative; }
.welfareArea .banner .img1 { padding:0 29.2397% 0 9.9415%; background:linear-gradient(180deg,#c3eff2 0%, #71c5f1 100%); }
.welfareArea .banner .img1::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main/img_edu_banner1_ai.png) no-repeat right bottom / 10.6rem auto; }
@media screen and (max-width:1500px) { 
	.eduArea { width:69.3802%; }
	.welfareArea { width:26.82701%; }	
	.welfareArea .conBox .sTxt { font-size:1.8rem; }
}
@media screen and (max-width:1200px) { 
	.eduSwiper .swiper-slide a { padding:3.2rem 12.6182%; }
	.welfareArea .conBox .sTxt { font-size:1.7rem; }
	.welfareArea .conBox .sTxt br { display:none; }
	.welfareArea .banner a { height:13rem; }
}
@media screen and (max-width:1024px) { 	
	.conEdu { background-image:url(../images/main/bg_edu_mo.jpg); }
	.conEdu .inner { flex-direction:column; }
	.eduArea { width:100%; }
	.eduArea .secTit { padding:0 6.3888%; }
	.eduArea .secTit .tabBtn::before { width:10.375rem; }
	.eduArea .secTit .tabBtn li a { width:10.25rem; padding:.75rem 0; font-size:1.5rem; }
	.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); }
	.eduArea .listBox .more { display:none; }
	.welfareArea { width:100%; margin-top:5rem; padding:0 6.3888%; box-sizing:border-box; }
	.welfareArea .conBox { height:auto; margin-top:3rem; padding-top:0; }
	.welfareArea .conBox .sTxt { padding-right:19.1082%; font-size:1.75rem; line-height:1.4; }
	.welfareArea .banner { margin-top:2.25rem; }
	.welfareArea .banner a { height:27.7777vw; max-height:15rem; }
	.welfareArea .banner img { width:18.75rem; }
	.welfareArea .banner .img1 { padding:0 8.2802%; }
	.welfareArea .banner .img1::before { background-image:url(../images/main/img_edu_banner1_ai_mo.png); background-size:9.375rem auto; }
}

/* conRental */
.conRental { background-image:url(../images/main/bg_rental_left.png), url(../images/main/bg_rental_top.png), url(../images/main/bg_rental_right.png); background-repeat:no-repeat; background-position:left bottom, 38.802% 6rem, right 13rem; }
.conRental .secTit h2 { color:#3f3b3a; }
/* stage */
.stageArea { margin-top:5.8rem; }
.stageSwiper { height:33.2rem; }
.stageSwiper .swiper-wrapper { align-items:center; }
.stageSwiper .swiper-slide { width:15.776%; height:22.6rem; margin:0 -.0699%; transition:.15s; }
.stageSwiper .swiper-slide a { display:block; position:relative; width:100%; height:100%; }
.stageSwiper .swiper-slide .img { overflow:hidden; display:block; position:relative; width:100%; height:100%; }
.stageSwiper .swiper-slide .img::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0 , .24); }
.stageSwiper .swiper-slide .img img { width:100%; height:100%; }
.stageSwiper .swiper-slide .name { position:absolute; top:50%; left:50%; font-size:2.4rem; font-weight:700; color:#fff; white-space:nowrap; transform:translate(-50%, -50%); z-index:1; }
.stageSwiper .swiper-slide .name i { display:none; font-style:normal; font-size:1.6rem; font-weight:400; letter-spacing:-.025em; margin-right:.75em; }
.stageSwiper .swiper-slide .more { display:none; position:absolute; bottom:3.4rem; right:3rem; padding-right:2.8rem; font-size:.875em; 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 / 100% auto; background-size:1.6rem auto; }
.stageSwiper .swiper-slide.active { width:23.217%; height:33.2rem; margin:0 -.699%; box-shadow:-22px 10px 51px rgba(0, 0, 0, .29); z-index:2; }
.stageSwiper .swiper-slide.active .name { top:4.8rem; left:4rem; font-size:3rem; transform:none; }
.stageSwiper .swiper-slide.active .name i { display:inline-block; }
.stageSwiper .swiper-slide.active .more { display:block; }
.stageControl { display:none; }
/* btn */
.btnRental { max-width:1130px; margin:9.5rem auto 0; }
.btnRental ul { display:flex; justify-content:center; gap:1rem; width:100%; }
.btnRental ul li { flex:1; }
.btnRental ul li a { overflow:hidden; display:block; position:relative; padding:3rem 16.5137%; border:1px solid #d2d2d2; transition:.2s; }
.btnRental ul li a:focus,
.btnRental ul li a:hover { background:rgba(75, 46, 198, .93); box-shadow:0 12px 27px rgba(0, 0, 0, .17); }
.btnRental ul li a span { display:block; font-size:2rem; font-weight:500; color:#222; letter-spacing:-.025em; }
.btnRental ul li a i { display:block; position:relative; margin-top:3.6rem; font-style:normal; font-size:.9375em; letter-spacing:-.025em; line-height:2rem; text-align:right; color:#6a6a6a; transition:.2s; }
.btnRental ul li a:focus span,
.btnRental ul li a:hover span,
.btnRental ul li a:focus i,
.btnRental ul li a:hover i { color:#fff; }
.btnRental ul li a:focus i,
.btnRental ul li a:hover i { padding-right:3rem; }
.btnRental 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; }
.btnRental ul li a:focus i::after,
.btnRental ul li a:hover i::after { opacity:1; right:0; }
@media screen and (max-width:1500px) { 
	.stageSwiper .swiper-slide.active .name { left:3rem; font-size:2.8rem; }
}
@media screen and (max-width:1200px) { 
	.stageSwiper .swiper-slide { height:20rem; }
	.stageSwiper .swiper-slide.active { height:30.6rem; }
	.stageSwiper .swiper-slide .name { min-width:0; font-size:2.2rem; }
	.stageSwiper .swiper-slide.active .name i { display:block; }
	.btnRental ul li a { padding:2.6rem 16.5137%; }
	.btnRental ul li a span { font-size:1.8rem; }
}
@media screen and (max-width:1024px) { 
	.conRental { background-image:url(../images/main/bg_rental_left_mo.png), url(../images/main/bg_rental_top_mo.png), url(../images/main/bg_rental_right_mo.png); background-position:left bottom, left 10.375rem top, right 1.5rem; background-size:16.375rem auto, 7.875rem auto, 7.625rem auto; }
	.conRental .secTit { padding:0 6.3888%; }
	/* stage */
	.stageArea { margin-top:0; }
	.stageSwiper { overflow:hidden; height:75vw; }
	.stageSwiper .swiper-slide,
	.stageSwiper .swiper-slide.active { width:100%; height:52.5vw; margin:0; box-shadow:none; z-index:0; }
	.stageSwiper .swiper-slide .name,
	.stageSwiper .swiper-slide.active .name { top:16.7441%; left:12.09302%; font-size:2.625rem; transform:none; }
	.stageSwiper .swiper-slide .name i,
	.stageSwiper .swiper-slide.active .name i { display:block; margin-bottom:.75rem; font-size:1.5rem; }
	.stageSwiper .swiper-slide .more,
	.stageSwiper .swiper-slide.active .more { display:block; bottom:10.2325%; right:7.4418%; font-size:1.25rem; background-size:1.5rem auto; }
	.stageSwiper .swiper-slide.swiper-slide-active { box-shadow:0 8px 18px rgba(0, 0, 0, .29); z-index:2; transform:scale(1.15); }
	.stageControl { display:flex; justify-content:center; align-items:flex-end; gap:2rem; }
	.stageControl .slidePrev,
	.stageControl .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; }
	.stageControl .slideNext { transform:scaleX(-1); }
	.stageControl .slideMore { position:relative; width:3.75rem; height:3.75rem; border:1px solid var(--color1); border-radius:50%; box-sizing:border-box; text-indent:-999em; }
	.stageControl .slideMore::before,
	.stageControl .slideMore::after { content:''; position:absolute; top:50%; left:50%; width:1.625rem; height:1px; margin:-.0625rem 0 0 -.8125rem; background:var(--color1); }
	.stageControl .slideMore::after { transform:rotate(90deg); }
	/* btn */
	.btnRental { margin-top:5rem; padding:0 6.3888%; }
	.btnRental ul { flex-wrap:wrap; justify-content:space-between; gap:.625rem 0; }
	.btnRental ul li { flex:none; width:49.36305%; }
	.btnRental ul li:first-child { width:100%; }
	.btnRental ul li a { padding:2rem 12.9032%; }
	.btnRental ul li:first-child a { padding:2rem 6.3694%; }
	.btnRental ul li a:focus,
	.btnRental ul li a:hover { background:var(--color1); }
	.btnRental ul li a span { 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(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; }
	.btnRental ul li a:focus span,
	.btnRental ul li a:hover span { 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"); }
	.btnRental ul li a i { display:none; }
}

/* conGroup */
.conGroup { padding:0; }
.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:22.4rem 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:3.6rem; }
.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 { 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(../images/main/bg_group1_mo.jpg); }
	.groupArea .group2 { background-image:url(../images/main/bg_group2_mo.jpg); }
	.groupArea .group3 { background-image:url(../images/main/bg_group3_mo.jpg); }
	.groupArea .group4 { background-image:url(../images/main/bg_group4_mo.jpg); }
	.groupArea .group5 { background-image:url(../images/main/bg_group5_mo.jpg); }
	.groupArea .group6 { background-image:url(../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; }	
}

/* conGgac */
.conGgac { background:url(../images/main/bg_ggac.jpg) no-repeat center / cover; }
.conGgac::before { content:''; position:absolute; top:0; right:-39rem; width:50%; height:100%; background-color:#222f59; background:#222f59 url(../images/main/bg_ggac2.png) no-repeat left 4rem bottom 8rem; box-sizing:border-box; }
.conGgac::after { content:''; position:absolute; top:9.5rem; right:0; width:20.6rem; height:36rem; background:url(../images/main/bg_ggac3.png) no-repeat center / contain; box-sizing:border-box; }
.conGgac .inner { display:flex; z-index:1; }
.conGgac .secTit { width:100%; margin-bottom:4rem; }
.conGgac .secTit h2 { color:#fff; }
.newsArea { display:flex; flex-wrap:wrap; justify-content:space-between; width:77.2727%; height:100%; padding-right:6rem; box-sizing:border-box; }
.newsArea .listBox { position:relative; width:58.3732%; }
.newsArea .tabBtnArea { margin-bottom:4rem; }
.newsArea .tabBtnArea .tabBtn { display:flex; }
.newsArea .tabBtnArea .tabBtn li a { display:block; min-width:5.8rem; padding:0 1.2rem; font-size:1.8rem; color:#fff; letter-spacing:-.04em; line-height:3.4rem; text-align:center; border-radius:4em; box-sizing:border-box; transition:.15s; }
.newsArea .tabBtnArea .tabBtn li .active { background:#fff; font-weight:700; color:#000; }
.newsArea .newsList { display:flex; flex-wrap:wrap; margin:-.5rem; }
.newsArea .newsList li { width:50%; padding:.5rem; box-sizing:border-box; }
.newsArea .newsList li a { display:block; padding:3rem 11.3333%; background:rgba(255, 255, 255, .16); border:1px solid rgba(255, 255, 255, .5); transition:.2s; }
.newsArea .newsList li a:focus,
.newsArea .newsList li a:hover { border-color:#fff; }
.newsArea .newsList li strong { overflow:hidden; display:block; height:2.6em; font-size:1.7rem; font-weight:500; color:#fff; word-break:keep-all; }
.newsArea .newsList li .type { display:block; margin-bottom:1.3rem; font-style:normal; }
.newsArea .newsList li .type i { display:inline-block; padding:0 1.4rem; font-style:normal; font-weight:600; line-height:2.9rem; background:#fff; border-radius:3em; }
.newsArea .newsList li .type.type1 i { color:#2d3fcb; }
.newsArea .newsList li .type.type2 i { color:#cc5b00; }
.newsArea .newsList li .type.type3 i { color:#0e8e20; }
.newsArea .newsList li .type.type4 i { color:#7c42d3; }
.newsArea .newsList li .type.type5 i { color:#008f9c; }
.newsArea .newsList li .date { display:block; margin-top:2.2rem; color:rgba(255, 255, 255, .6); letter-spacing:-.025em; }
.newsArea .more { position:absolute; top:.6rem; right:0; }
.newsArea .more a { display:block; position:relative; font-size:1.4rem; letter-spacing:-.025em; line-height:2rem; text-align:right; color:#fff; }
.newsArea .more a:focus,
.newsArea .more a:hover { text-decoration:underline; }
.newsArea .notifyBox { position:relative; width:34.8325%; }
.newsArea .notifyBox .areaTit { margin:0; }
.notifySwiper { overflow:hidden; margin-top:3rem; }
.notifySwiper .swiper-slide a { display:block; }
.notifySwiper .swiper-slide .img { overflow:hidden; display:block; width:100%; height:100%; }
.notifySwiper .swiper-slide .img img { width:100%; height:100%; }
.notifyControl { position:absolute; top:.8rem; right:0; }
.notifyControl .swiper-pagination-bullet { width:.5em; height:.5em; background:#fff; border:2px solid #fff; box-sizing:border-box; opacity:1; }
.notifyControl .swiper-pagination-bullet-active { background:none; }
.btnsArea { width:22.7273%; padding-left:6rem; box-sizing:border-box; }
.btnsArea .areaTit { margin-top:10rem; }
.btnsArea .list { margin-top:3rem; }
.btnsArea .list dl { padding:2.1rem 6.7924%; border-bottom:1px solid #354268; }
.btnsArea .list dl:first-child { border-top:1px solid #354268; }
.btnsArea .list dl dt { margin-bottom:1.6rem; font-size:1.8rem; font-weight:600; color:#fff; letter-spacing:-.025em; }
.btnsArea .list dl dd ul { display:flex; flex-wrap:wrap; gap:.8rem 0; }
.btnsArea .list dl dd ul li { width:50%; }
.btnsArea .list dl dd ul li a { display:block; color:#b5c8ff; }
.btnsArea .list dl dd ul li a::before { content:'·'; margin-right:.4rem; }
.btnsArea .list dl dd ul li a:focus,
.btnsArea .list dl dd ul li a:hover { text-decoration:underline; }
@media screen and (max-width:1550px) { 
    .conGgac { height:100%; padding:0; background:none; }
    .conGgac::before,
	.conGgac::after { display:none; }
    .conGgac .inner { max-width:100%; height:100%; margin:0; }
	.newsArea { align-content:center; width:75.1612%; padding:13rem 3% 0 6rem; background:url(../images/main/bg_ggac_left.jpg) no-repeat center / cover; }
	.newsArea .listBox { width:66%; }
	.newsArea .tabBtnArea .tabBtn li a { padding:0 1.1rem; font-size:1.7rem; line-height:3.2rem; }
	.newsArea .notifyBox { width:30%; }
	.btnsArea { display:flex; flex-direction:column; justify-content:center; width:24.8388%; padding:13rem 6rem 0 3%; background:url(../images/main/bg_ggac_right.jpg) no-repeat left center / cover; }
    .btnsArea .list dl { padding:2.1rem 2%; }
	.btnsArea .list dl dd ul li a { letter-spacing:-.025em; }
}
@media screen and (max-width:1200px) { 
	.newsArea { padding:13rem 3%; }
	.newsArea .tabBtnArea { padding-right:10rem; }
	.newsArea .tabBtnArea .tabBtn { overflow-x:auto; white-space:nowrap; display:block; }
	.newsArea .tabBtnArea .tabBtn li { display:inline-block; }
	.newsArea .tabBtnArea .tabBtn li:first-child { margin-left:0; }
	.newsArea .tabBtnArea .tabBtn li:last-child { margin-right:0; }
	.btnsArea { padding:13rem 3%; }
	.btnsArea .list dl { padding:2rem 0; }
	.btnsArea .list dl dd ul li a { font-size:1.5rem; }
}
@media screen and (min-width:1201px) and (max-width:1550px) and (max-height:960px) { 
	.newsArea { padding:13rem 3% 13rem 6rem; }
	.btnsArea { padding:13rem 6rem 13rem 3%; }	
}
@media screen and (min-width:1025px) and (max-height:1080px) { 
	.conGgac { background-size:auto; background-color:#222f59; }
}
@media screen and (max-height:960px) { 
	.conGgac { position:relative; }
}
@media screen and (max-width:1024px) { 
	.conGgac .inner { flex-direction:column; }
	.conGgac .secTit { margin-bottom:2.25rem; }
	.conGgac .secTit h2 { color:var(--color4); }
	.newsArea { flex-direction:column; width:100%; padding:6.25rem 6.3888% 5rem; background:none; }
	.newsArea .listBox { width:100%; }
	.newsArea .tabBtnArea { position:relative; margin-bottom:2.5rem; padding-right:9.5541%; padding-right:2.5rem; }
	.newsArea .tabBtnArea::after { content:''; position:absolute; top:0; right:2.5rem; width:7.5rem; height:3.75rem; background:url(../images/main/bg_tab_slide.png) no-repeat center / contain; }
	.newsArea .tabBtnArea .tabBtn { position:relative; padding-right:6.25rem; }
	.newsArea .tabBtnArea .tabBtn::-webkit-scrollbar { display:none; }
	.newsArea .tabBtnArea .tabBtn li a { min-width:7.25rem; padding:0 1.75rem; font-size:1.875rem; color:#757575; line-height:3.75rem; }
	.newsArea .tabBtnArea .tabBtn li .active { background:#232323; color:#fff; }
	.newsArea .newsList { margin:0; }
	.newsArea .newsList li { width:100%; padding:0; }
	.newsArea .newsList li a { position:relative; padding:2.5rem 6.3694%; border-color:#c9c9c9; border-top:none; }
	.newsArea .newsList li:first-child a { border-top:1px solid #c9c9c9; }
	.newsArea .newsList li a:focus,
	.newsArea .newsList li a:hover { border-color:#c9c9c9; }
	.newsArea .newsList li strong { height:auto; max-height:2.6em; font-size:1.75rem; color:var(--color4); letter-spacing:-.025em; }
	.newsArea .newsList li .type i { padding:0 1.25rem; font-size:1.5rem; line-height:2.75rem; border:1px solid; box-sizing:border-box; }
	.newsArea .newsList li .type.type1 i { border-color:#2d3fcb; }
	.newsArea .newsList li .date { position:absolute; top:3.125rem; right:6.3694%; margin:0; font-size:1.625rem; color:rgba(106, 106, 106, .6); }
	.newsArea .more { top:.625rem; right:0; z-index:1; }
	.newsArea .more a { width:2.375rem; height:2.375rem; text-indent:-999em; color:transparent; }
	.newsArea .more a::before,
	.newsArea .more a::after { content:''; position:absolute; top:50%; left:50%; width:100%; height:1px; margin:-.0625rem 0 0 -1.1875rem; background:var(--color4); }
	.newsArea .more a::after { transform:rotate(90deg); }
	.newsArea .notifyBox { display:none; width:100%; margin-top:3.5rem; }
	.notifySwiper { width:85.3503%; margin:2.25rem auto 0; }
	.notifyControl .swiper-pagination-bullet { width:1.125rem; height:1.125rem; margin:0 .25rem !important; background:#cacaca; border-color:#cacaca; }
	.notifyControl .swiper-pagination-bullet-active { background:#fff; border-color:var(--color1); }
	.btnsArea { width:100%; padding:0 6.3888% 6.25rem; background:none; }
	.btnsArea .areaTit { margin:0; }
	.btnsArea .list { margin-top:2.25rem; }
	.btnsArea .list dl { display:flex; padding:2.25rem 4.45859%; border-color:#b8b8b8; }
	.btnsArea .list dl:first-child { border-color:#b8b8b8; }
	.btnsArea .list dl dt { flex-shrink:0; width:11.25rem; margin:0; font-size:2rem; color:var(--color4); }
	.btnsArea .list dl dd { flex-grow:1; }
	.btnsArea .list dl dd ul { gap:1.25rem 0; }
	.btnsArea .list dl dd ul li a { font-size:1.875rem; color:var(--color4); }
	.btnsArea .list dl dd ul li a::before { margin-right:.5rem; }
}

/* conGgad */
.conGgad { background:url(../images/main/bg_ggad.jpg) no-repeat center / cover; }
.conGgad .secTit h2 { color:#fff; }
.ggadArea { display:flex; justify-content:flex-end; margin-top:3.2rem; }
.ggadArea .areaTit { margin:0; }
.ggadArea .more { position:absolute; top:.8rem; right:0; }
.ggadArea .more a { display:block; position:relative; font-size:1.4rem; letter-spacing:-.025em; line-height:2rem; text-align:right; color:#fff; }
.ggadArea .more a:focus,
.ggadArea .more a:hover { text-decoration:underline; }
.ggadArea .listBox { position:relative; width:66.4335%; }
.ggadArea .perforList { margin:3.4rem -.8421% 0; }
.ggadArea .perforList .item { width:33.33%; padding:0 .8421%; }
.ggadArea .perforList .item .thumb { height:44rem; }
.ggadArea .perforList .item .txt { display:none; }
.ggadArea .conBox { display:flex; flex-direction:column; justify-content:space-between; width:33.5665%; min-height:513px; padding-left:6.9931%; box-sizing:border-box; }
.ggadArea .board { position:relative; }
.ggadArea .board .list { margin-top:3.2rem; }
.ggadArea .board .list li { margin-top:.9rem; }
.ggadArea .board .list li a { display:flex; align-items:center; gap:4rem; position:relative; padding-left:1rem; line-height:1.4; color:#fff; }
.ggadArea .board .list li a::before { content:'·'; position:absolute; top:0; left:0; font-weight:700; }
.ggadArea .board .list li a:focus strong,
.ggadArea .board .list li a:hover strong { text-decoration:underline; }
.ggadArea .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; }
.ggadArea .board .list li span { flex-shrink:0; letter-spacing:-.025em; }
/* 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) { 
	.ggadArea .listBox { width:70.3052%; }	
	.ggadArea .perforList .item .thumb { height:30.7317vw; }	
	.ggadArea .conBox { min-height:35.6vw; }
    /* btn */
	.btnGgad ul li a { padding:1.5rem 10.5263%; }
}
@media screen and (max-width:1200px) { 
	.ggadArea .board .list li { margin-top:.6rem; }
	.ggadArea .board .list li a { gap:3rem; }
	.ggadArea .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) {    
	.conGgad { background-image:url(../images/main/bg_ggad_mo.jpg); background-position:bottom center; }
	.conGgad .secTit { padding:0 6.3888%; }
	.ggadArea { flex-direction:column; margin-top:2rem; }
	.ggadArea .areaTit { padding:0 6.3888%; color:#fff; }
	.ggadArea .more { display:none; }
	.ggadArea .more a { font-size:1.375rem; }
	.ggadArea .listBox { width:100%; }
	.ggadArea .perforList { margin:2rem 0 0; }
	.ggadArea .perforList .item { width:100%; padding:0; }
	.ggadArea .perforList .item .txt { display:block; }
	.ggadArea .perforList .item .txt a { color:#fff; }
    .ggadArea .perforControl .slidePrev, 
    .ggadArea .perforControl .slideNext { background-image: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"); }
    .ggadArea .perforControl .slideMore { border-color:#fff; }
    .ggadArea .perforControl .slideMore::before, 
    .ggadArea .perforControl .slideMore::after { background:#fff; }
	.ggadArea .conBox { width:100%; min-height:auto; margin-top:5rem; padding:0 6.3888%; box-sizing:border-box; }
	.ggadArea .board .areaTit { padding:0; }
	.ggadArea .board .list { margin-top:1.5rem; }
	.ggadArea .board .list li { margin-top:.75rem; }
	.ggadArea .board .list li strong { font-size:1.75rem; }
	.ggadArea .board .list li span { font-size:1.625rem; }
	.ggadArea .board .more { display:block; top:.625rem; }
    /* 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"); }
}

/* conArtPlus */
.conArtPlus { background:url(../images/main/bg_artplus.jpg) no-repeat bottom center / cover; }
.artplusArea { display:flex; justify-content:space-between; position:relative; }
.artplusArea .titBox { width:26.2237%; box-sizing:border-box; }
.artplusArea .titBox .sTit { margin-top:2.4rem; font-size:1.25em; font-weight:500; color:#444444; letter-spacing:-.025em; word-break:keep-all; line-height:1.5; }
.artplusArea .listBox { width:66.4335%; }
.artplusArea .perforList { margin:0 -.8421%; }
.artplusArea .perforList .item { width:33.33%; padding:0 .8421%; }
.artplusArea .perforList .item .thumb { height:44rem; }
.artplusArea .perforList .item .txt { display:none; }
/* btn */
.btnArtplus { position:absolute; bottom:0; left:0; width:26.2237%; }
.btnArtplus ul { display:flex; flex-direction:column; gap:1rem; }
.btnArtplus ul li.col2 { display:flex; gap:1rem; }
.btnArtplus ul li.col2 p { flex:1; }
.btnArtplus ul li.col2 a { justify-content:center; }
.btnArtplus ul li.col2 i { display:none; }
.btnArtplus ul li a { overflow:hidden; display:flex; justify-content:space-between; align-items:center; position:relative; padding:2rem 9.6%; border:1px solid rgba(184, 184, 184, .64); transition:.2s; }
.btnArtplus ul li a:focus,
.btnArtplus ul li a:hover { background:rgba(75, 46, 198, .93); border-color:var(--color1); box-shadow:0 12px 27px rgba(0, 0, 0, .17); }
.btnArtplus ul li a span { display:block; font-size:2rem; font-weight:500; color:#222; letter-spacing:-.025em; }
.btnArtplus ul li a i { display:block; position:relative; font-style:normal; font-size:.9375em; letter-spacing:-.025em; line-height:2rem; text-align:right; color:#6a6a6a; transition:.2s; }
.btnArtplus ul li a:focus span,
.btnArtplus ul li a:hover span,
.btnArtplus ul li a:focus i,
.btnArtplus ul li a:hover i { color:#fff; }
.btnArtplus ul li a:focus i,
.btnArtplus ul li a:hover i { padding-right:3rem; }
.btnArtplus 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; }
.btnArtplus ul li a:focus i::after,
.btnArtplus ul li a:hover i::after { opacity:1; right:0; }
/* formTable */
.formTable { table-layout:fixed; width:100%; margin:1rem 0; }
.formTable th, 
.formTable td { vertical-align:middle; text-align:left; font-size:1.7rem; font-weight:400; line-height:1.4; color:var(--color4); letter-spacing:-.025em; border:1px solid var(--color5); box-sizing:border-box; }
.formTable th { padding:1.6rem 1rem; font-weight:500; text-align:center; background:#f7f7f7; word-break:keep-all; }
.formTable input[type="text"],
.formTable .selectbox select { width:100%; min-height:5.6rem; padding:0 3rem; border:none; }
.formTable .cont { width:100%; padding:1.6rem 3rem; box-sizing:border-box; }
.formTable .groupMore { display:flex; flex-wrap:wrap; align-items:center; }
.formTable .groupMore .cont { width:auto; padding-right:0; }
.formTable .groupMore .btnToggle { margin-left:1rem; }
.formTable .groupMore .btnToggle button { display:inline-block; position:relative; padding:.3rem 2.8rem .3rem 0; font-size:1.7rem; border-bottom:1px dashed var(--color4); }
.formTable .groupMore .btnToggle button::after { content:''; position:absolute; top:0; right:0; width:1.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='17px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M16.126,1.788 L8.576,9.338 L8.250,9.012 L7.924,9.338 L0.374,1.788 L1.515,0.648 L8.250,7.382 L14.984,0.648 L16.126,1.788 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:.15s; }
.formTable .groupMore .btnToggle.active button { border-color:transparent; }
.formTable .groupMore .btnToggle.active button::after { transform:rotate(180deg); }
.formTable .groupMore .toggleCon { display:none; width:100%; padding:0 3rem 1.6rem; }
.formTable .groupMore .toggleCon p { width:100%; line-height:1.4; }
.programTxtBox { margin-top:3rem; padding:2.6rem 3rem; letter-spacing:-.025em; color:var(--color4); word-break:keep-all; border:1px solid var(--color4); box-sizing:border-box; }
.programTxtBox.point { border-color:var(--color3); color:var(--color3); }
.programTxtBox .listTxt { margin:-1rem 0; }
.programTxtBox .listTxt li { position:relative; margin:1rem 0; padding-left:1.2rem; font-size:1.8rem; font-weight:500; }
.programTxtBox .listTxt li::before { content:'·'; position:absolute; top:0; left:0; font-weight:700; }
@media screen and (max-width:1500px) { 
	.artplusArea .titBox .sTit { font-size:1.8rem; }
	.artplusArea .titBox .sTit br { display:none; }
	.artplusArea .listBox { width:70.3052%; }
	.artplusArea .perforList .item .thumb { height:30.7317vw; }
}
@media screen and (max-width:1200px) { 
	.artplusArea .titBox { padding-bottom:18rem; }
	.artplusArea .titBox .sTit { font-size:1.7rem; }
	.btnArtplus ul,
	.btnArtplus ul li.col2 { gap:.5rem; }
	.btnArtplus ul li a { padding:1.5rem 9.6%; }
	.btnArtplus ul li a span { font-size:1.8rem; }
}
@media screen and (max-width:1024px) { 
	.conArtPlus { background:none; }
    .conArtPlus .secTit { padding:0 6.3888%; }
	.artplusArea { flex-direction:column; margin-top:2.75rem; }
	.artplusArea .titBox { display:none; }
	.artplusArea .listBox { width:100%; }
	.artplusArea .perforList { margin:0; }
	.artplusArea .perforList .item { width:100%; padding:0; }
    .artplusArea .perforList .item .txt { display:block; }
    /* btn */
	.btnArtplus { position:static; width:100%; margin-top:3.75rem; padding:0 6.3888%; box-sizing:border-box; }
	.btnArtplus ul { flex-wrap:wrap; flex-direction:row; justify-content:space-between; gap:.625rem 0; }
	.btnArtplus ul li { width:49.36305%; }
	.btnArtplus ul li.col2 { width:100%; justify-content:space-between; gap:0; }
	.btnArtplus ul li.col2 p { flex:none; width:49.36305%; }
	.btnArtplus ul li a { padding:2rem 12.9032%; }
	.btnArtplus ul li a:focus,
	.btnArtplus ul li a:hover { background:var(--color1); }
	.btnArtplus ul li a span { 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(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; }
	.btnArtplus ul li a i { display:none; }
	.btnArtplus ul li a:focus span,
	.btnArtplus ul li a:hover span { 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; }
.conMedia .secTit .snsList .magazine { background-image:url(../images/main/icon_magazine.png); }
.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(../images/common/icon_instagram.svg); }
.mediaArea .listBox .facebook { background-image:url(../images/common/icon_facebook.svg); }
.mediaArea .listBox .blog { background-color:#39ad37; background-image:url(../images/common/icon_blog.svg); background-size:3.6rem; }
.mediaArea .listBox .kakaoch { background-color:#f9e000; background-image:url(../images/common/icon_kakaoch.svg); background-size:3.6rem; }
.mediaArea .listBox .magazine { background-image:url(../images/main/icon_magazine_s.png); background-size:contain; }
.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; }
	.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; }	
}