@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: #d91483;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.jewelry::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 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 b {}
.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; }
@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 #d91483;}
	.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: 9.75rem;}
	.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 */
.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 {}
.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;}
.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 {}
.perforList .item .btns li a {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 {border-top: 1px solid #8d76f2;}
.perforList .item .btns li a::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 { opacity:1; }
.perforList .item .btns li a span {display: block;position: relative;padding: 0 3rem;line-height: 2.3rem;color: #fff;background: no-repeat left center;}
.perforList .item .btns li a 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) {	
	.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:0; }
	.perforArea {flex-direction: column;gap: 2.25rem;}
	.perforArea .secTit h2 {font-size: 3.125rem;font-weight: 700;}
	.perforArea .secTit .sTit {display: none;}
	/* calendar */
	.perforArea .calBox {position: relative;width: 100%;min-width: auto;padding: 0 6.3888%;box-sizing: border-box;}
	.perforArea .filter {margin: 3.125rem 0;}
	.perforArea .radioSel {min-width: auto;}
	.perforArea .radioSel::before {height: 5.75rem;}
	.perforArea .radioSel li input + label {font-size: 1.875rem;line-height: 5.5rem;}
	.perforArea .selectbox::after {right: 1.75rem;width: 1.75rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M33.996,1.605 L16.999,18.985 L0.003,1.605 L1.567,0.005 L16.999,15.785 L32.431,0.005 L33.996,1.605 Z'/%3E%3C/svg%3E");}
	.perforArea .selectbox select {height: 6rem;padding: 0 1.75rem;font-size: 1.875rem;}
	.calendarBox { position:relative; }
	.moCalBtn { display: block;width: 100%;height: 6.625rem;padding: 0 2.5rem;text-align: left;border: 1px solid var(--color1);box-sizing: border-box;}
	.moCalBtn span {display: block;position: relative;font-size: 2rem;color: var(--color1);font-weight: 700;}
	.moCalBtn span::after {content: '';position: absolute;top: 0;right: 0;width: 2.125rem;height: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='20px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(75, 46, 198)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' fill='rgb(190, 32, 110)' d='M33.996,2.577 L16.999,19.986 L0.003,2.577 L1.567,0.974 L16.999,16.780 L32.431,0.974 L33.996,2.577 Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;transition: .2s;}
	.moCalBtn.active span::after {transform: rotate(180deg);}
	.calendarTbl {display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: 2.5rem;background: #fff;border: 1px solid var(--color1);border-top: none;box-sizing: border-box;z-index: 10;}
	.calendarTbl .calTop {}
	.calendarTbl .calTop h3 {width: 13rem;font-size: 2.25rem;background-size: 2.125rem auto;}
	.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;}
	.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.1000,15.997 L0.433,15.997 L0.433,15.222 L-0.012,14.793 L17.094,-0.016 L17.794,0.663 L1.185,15.038 L65.1000,15.038 L65.1000,15.997 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 {margin: 0;padding: 0;}
	.perforArea .perforList .item {width: 61.6666vw;padding: 0;transform: scale(.87);transition: .15s;}
	.perforArea .perforList .item:nth-child(odd),	
	.perforArea .perforList .item:nth-child(3n),
	.perforArea .perforList .item:nth-child(3n+1) {margin: 0;}
	.perforArea .perforList .item .thumb {height: 89.4444vw;}
	.perforArea .perforList .item .img {}
	.perforArea .perforList .item .txt {display: block;}
	.perforArea .perforList .item.swiper-slide-active {transform: scale(1);}
	.perforArea .perforList .item.swiper-slide-active .thumb {box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .2);}
}

/* 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 .swiper-slide {width: 33.33%;padding: .6134%;box-sizing: border-box;}
.eduSwiper .swiper-slide 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 .swiper-slide 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 .swiper-slide a:focus,
.eduSwiper .swiper-slide a:hover {color:#fff;}
.eduSwiper .swiper-slide a:focus::before,
.eduSwiper .swiper-slide a:hover::before {opacity:1;color:#fff;}
.eduSwiper .swiper-slide .tit {display: block;position: relative;}
.eduSwiper .swiper-slide .type {font-style:normal;}
.eduSwiper .swiper-slide strong {overflow: hidden;display: block;position: relative;margin-top: .7rem;font-size: 2.1rem;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;}
.eduSwiper .swiper-slide .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 {}
.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;}
	.welfareArea .banner .img1::before {}
}
@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 {}
	.eduArea .secTit .tabBtn::before {width: 10.375rem;}
	.eduArea .secTit .tabBtn.right::before {}
	.eduArea .secTit .tabBtn li {}
	.eduArea .secTit .tabBtn li a {width: 10.25rem;padding: .75rem 0;font-size: 1.5rem;}
	.eduArea .listBox {margin-top: 3.125rem;padding: 0 0 0 6.3888%;}
	.eduSwiper {overflow: hidden;display:none;margin: 0 -.625rem;}
	.eduSwiper.mo { display:block; }
	.eduSwiper .swiper-wrapper {flex-wrap: nowrap;}
	.eduSwiper .swiper-slide {display: flex;flex-direction: column;gap: 1.25rem;width: 76.9444vw;padding: 0 .625rem;}
	.eduSwiper .swiper-slide .item {height: 100%;box-sizing: border-box;}
	.eduSwiper .swiper-slide a {height: 21.25rem;padding: 3.75rem 11.8959%;}
	.eduSwiper .swiper-slide .type {font-size: 1.75rem;}
	.eduSwiper .swiper-slide strong {font-size: 2.125rem;}
	.eduSwiper .swiper-slide .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.1000,15.997 L0.433,15.997 L0.433,15.222 L-0.012,14.793 L17.094,-0.016 L17.794,0.663 L1.185,15.038 L65.1000,15.038 L65.1000,15.997 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: 12.5rem;}
	.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 {}
.stageSwiper .swiper-slide {width: 15.776%;height: 22.6rem;margin: 0 -.0699%;transition: .2s;}
.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%;}
	.conRental .secTit h2 {}
	/* stage */
	.stageArea {margin-top: 0;}
	.stageSwiper {overflow: hidden;height: 75vw;}
	.stageSwiper .swiper-wrapper {}
	.stageSwiper .swiper-slide,
	.stageSwiper .swiper-slide.active {width: 59.7222vw;height: 59.7222vw;margin: 0 -4.1666vw;box-shadow: none;z-index: 0;transform: scale(.85);transition: .15s;}
	.stageSwiper .swiper-slide .name,
	.stageSwiper .swiper-slide.active .name {top: 16.7441%;left: 12.09302%;font-size: 3rem;transform: none;}
	.stageSwiper .swiper-slide .name i,
	.stageSwiper .swiper-slide.active .name i {display: block;margin-bottom: .75rem;font-size: 1.75rem;}
	.stageSwiper .swiper-slide .more,
	.stageSwiper .swiper-slide.active .more {display: block;bottom: 10.2325%;right: 7.4418%;font-size: 1.375rem;}
	.stageSwiper .swiper-slide.swiper-slide-active {box-shadow: 0 8px 18px rgba(0, 0, 0, .29);transform: scale(1);z-index: 2;}
	.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.1000,15.997 L0.433,15.997 L0.433,15.222 L-0.012,14.793 L17.094,-0.016 L17.794,0.663 L1.185,15.038 L65.1000,15.038 L65.1000,15.997 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;/* background-size: 1.4rem 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%;margin:0; box-shadow:none; z-index:0; }
	.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 {padding: 5.5555% 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-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;max-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 {}
.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 (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: 100%;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:first-child a {}
	.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 {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 {width:100%;margin-top: 3.5rem;}
	.newsArea .notifyBox .areaTit {}
	.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 {}
	.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: space-between;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: 55.2447%;}
.ggadArea .perforList {margin: 3.6rem -1.3924% 0;}
.ggadArea .perforList .item {width:33.33%;padding: 0 1.3924%;}
/*.ggadArea .perforList .item:last-child {height: 0;visibility: hidden; }*/
.ggadArea .perforList .item .thumb {height: 36rem;}
.ggadArea .conBox {display: flex;flex-direction: column;justify-content: space-between;width: 33.2167%;}
.ggadArea .banner {}
.ggadArea .banner ul {display: flex;flex-direction: column;gap: 1rem;}
.ggadArea .banner ul li {}
.ggadArea .banner ul li a {display: flex;align-items: center;position:relative;height: 15rem;box-sizing: border-box;}
.ggadArea .banner img { position:relative; }
.ggadArea .banner .img1 {padding: 0 44.2105% 0 7.3684%;background: url(../images/main/img_gd_banner1_bg.png) no-repeat center / cover;}
.ggadArea .banner .img1::before {content:'';position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/main/img_gd_banner1_ai.png) no-repeat right center / auto 100%;}
.ggadArea .banner .img2 { justify-content: end;padding: 0 5.8947% 0 52.6315%;background:#e7f8f9;}
.ggadArea .banner .img2::before {content:'';position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/main/img_gd_banner2_ai.png) no-repeat left center / auto 100%;}
.ggadArea .board {position:relative;}
.ggadArea .board .list {margin-top: 2.2rem;}
.ggadArea .board .list li {margin-top: .8rem;}
.ggadArea .board .list li a {display: flex;align-items: center;gap: 4.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;}
@media screen and (max-width:1500px) {
	.ggadArea .listBox {width: 64.7548%;}	
	.ggadArea .perforList {margin: 3.2rem -.7352% 0;}
	.ggadArea .perforList .item {padding: 0 .7352%;}
	.ggadArea .perforList .item .thumb {height: 27.3105vw;}	
	.ggadArea .conBox { width: 31.4523%;}
}
@media screen and (max-width:1200px) {
	.ggadArea .banner ul li a {height: 13rem;}
	.ggadArea .board .list li {margin-top: .6rem;}
	.ggadArea .board .list li a { gap:3rem; }
	.ggadArea .board .list li strong {font-size: 1.6rem;}
}
@media screen and (max-width:1024px) {    
	.conGgad {background-image: url(../images/main/bg_ggad_mo.jpg);}
	.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 .more a:focus,
	.ggadArea .more a:hover {}
	.ggadArea .listBox {width: 100%;}
	.ggadArea .perforList {margin: 2rem 0 0;}
	.ggadArea .perforList .item {width: 61.6666vw;padding: 0;transform: scale(.87);transition: .15s;}
/*	.ggadArea .perforList .item:last-child {visibility: visible;height: 100%;}*/
	.ggadArea .perforList .item.swiper-slide-active {transform: scale(1);}
	.ggadArea .perforList .item.swiper-slide-active .thumb {box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .2);}
	.ggadArea .perforList .item .thumb {height: 89.4444vw;}
	.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.1000,15.997 L0.433,15.997 L0.433,15.222 L-0.012,14.793 L17.094,-0.016 L17.794,0.663 L1.185,15.038 L65.1000,15.038 L65.1000,15.997 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%;margin-top: 5rem;padding: 0 6.3888%;box-sizing: border-box;}
	.ggadArea .banner ul li a {height: 12.5rem;}
	.ggadArea .banner img {width: 17.25rem;}
	.ggadArea .banner .img1 {padding: 0 7.3248%;background-image: url(../images/main/img_gd_banner1_bg_mo.png);}
	.ggadArea .banner .img1::before {background-image: url(../images/main/img_gd_banner1_ai_mo.png);}
	.ggadArea .banner .img2 {padding: 0 6.0509%;}
	.ggadArea .banner .img2::before {background-image: url(../images/main/img_gd_banner2_ai_mo.png);}
	.ggadArea .board {margin-top: 4.75rem;}
	.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;}
}

/* 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:last-child {height: 0;visibility: hidden;}
.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 {}
.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;}
@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) {
    .conArtPlus .secTit { padding: 0 6.3888%;}
	.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;}
	.artplusArea {flex-direction: column;margin-top: 2.75rem;}
	.artplusArea .titBox {display: none;}
	.artplusArea .titBox .sTit {}
	.artplusArea .listBox {width: 100%;}
	.artplusArea .perforList {margin: 0;}
	.artplusArea .perforList .item {width: 61.6666vw;padding: 0;transform: scale(.87);transition: .15s;}
	.artplusArea .perforList .item:last-child {visibility: visible;height: 100%;}
	.artplusArea .perforList .item.swiper-slide-active {transform: scale(1);}
	.artplusArea .perforList .item.swiper-slide-active .thumb {box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .2);}
	.artplusArea .perforList .item .thumb {height: 89.4444vw;}
    .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");}
	.btnArtplus ul li a i::after {}
	.btnArtplus ul li a:focus i::after,
	.btnArtplus ul li a:hover i::after {}
}

/* 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(../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.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%;}
@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 strong {}
	.mediaArea .listBox .txt .icon { display:none; }
	.mediaArea .listBox .txt .id {}
	.mediaArea .videoBox {width: 100%;margin-top: 3.75rem;}
	.mediaArea .videoBox a {}
	.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;}	
}