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

/* palette */
:root { 
	--color1:#4b2ec6; 
	--color1-2:#eae8f7; 
	--color2:#2246cd; 
	--color2-2:#eff2ff; 
	--color3:#be206e; 
	--color3-2:#fff0f7; 
	--color4:#232323; 
	--color4-2:#f0f0f0; 
	--color5:#dcdcdc; 
	--color6:#6b6b6b; 
	--color7:#929292; 
}
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-thumb { background:var(--color4); border-radius:2rem; }
::-webkit-scrollbar-track { background:var(--color4-2); border-radius:2rem; } 
::-webkit-scrollbar-corner { background:var(--color4-2); }

/* header */
.btnMoGnb { display:none; }
.header { overflow:hidden; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:50; }
.header .quickWrap { position:relative; text-align:center; }
.header .quickWrap::before { content:''; position:absolute; top:0; left:0; width:100%; height:.6rem; background:linear-gradient(90deg,#2246cd 0%, #591aa0 100%); }
.header .quickWrap ul { display:inline-flex; justify-content:center; align-items:center; position:relative; padding:0 1.8rem; z-index:1; }
.header .quickWrap ul::before { content:''; position:absolute; top:0; left:50%; width:100%; height:0; border:20px solid transparent; border-top:4rem solid var(--color1); transform:translateX(-50%); z-index:-1; }
.header .quickWrap ul li { position:relative; padding:0 1.125em; }
.header .quickWrap ul li::before { content:'·'; position:absolute; top:0; left:-.1rem; line-height:4rem; color:#fff; }
.header .quickWrap ul li:first-child::before { display:none; }
.header .quickWrap ul li a { display:block; letter-spacing:-.025em; line-height:4rem; color:#fff; }
.header .headWrap { position:relative; height:9rem; }
.header .headWrap::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#d8d8d8; }
.header .logo { position:absolute; top:0; left:2.0833%; height:100%; }
.header .logo a { display:block; width:29.5rem; height:100%; background:url(../images/common/logo.png) no-repeat center; background-size:contain; text-indent:-9999em; }
.header .headUtil { display:flex; align-items:center; gap:1.875em; position:absolute; top:0; right:1.6666%; height:100%; z-index:1; }
.header .headUtil ul { display:flex; align-items:center; height:100%; margin:0 -.6875em; }
.header .headUtil ul li { position:relative; padding:0 .6875em; }
.header .headUtil ul li::before { content:'·'; position:absolute; top:0; left:-.2rem; line-height:2; font-weight:600; color:#8c8c8c; }
.header .headUtil ul li:first-child::before { display:none; }
.header .headUtil ul li a,
.header .headUtil ul li button { display:flex; align-items:center; line-height:2; }
.header .headUtil ul li i { width:1.8rem; height:1.8rem; margin-right:.5em; background:no-repeat center; background-size:contain; }
.header .headUtil ul li i.login { background-image:url(/ggac/images/common/icon_login.png); }
.header .headUtil ul li i.join { background-image:url(/ggac/images/common/icon_join.png); }
.header .headUtil ul li span { font-weight:300; }
.header .btnSitemap button { display:flex; align-items:center; line-height:2; }
.header .btnSitemap button i { width:1.8rem; height:1.8rem; margin-right:.5em; background:url(/ggac/images/common/icon_sitemap.png) no-repeat center; background-size:contain; }
.header .btnSitemap button span { font-weight:300; }
.gnb .moTopArea { display:none; }
.gnb .gnbList { display:flex; justify-content:center; }
.gnb .gnbList>li { position:relative; }
.gnb .gnbList>li>a { display:block; padding:0 1.8rem; font-size:1.8rem; font-weight:700; letter-spacing:-.025em; }
.gnb .gnbList>li>a span { display:block; padding:3.3rem 0; transition:.2s; }
.gnb .gnbList>li>a span::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background:linear-gradient(90deg,#4c7aff 0%, #4d3ac3 50%, #5e19cf 100%); transform:scaleX(0); transition:.2s ease-in-out; }
.gnb .gnbList>li.hover>a span { color:var(--color1); }
.gnb .gnbList>li.hover>a span::after { transform:scaleX(1); }
.gnb .gnbList>li>div { display:none; position:absolute; top:100%; left:0; width:100%; padding:2rem 0; box-sizing:border-box; }
.gnb .gnbList>li>div>ul { position:relative; }
.gnb .gnbList>li>div>ul>li { position:relative; box-sizing:border-box; }
.gnb .gnbList>li>div>ul>li>a { display:block; position:relative; padding:.8rem 0 .8rem 1.8rem; font-size:1.7rem; font-weight:500; letter-spacing:-.025em;/ }
.gnb .gnbList>li>div>ul>li:focus>a, 
.gnb .gnbList>li>div>ul>li:hover>a { font-weight:700; color:#2b4fbe; }
.gnb .gnbList>li>div>ul>li>a[target="_blank"] span { padding-right:2rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M14.000,15.000 L1.000,15.000 L-0.000,15.000 L-0.000,14.000 L-0.000,1.000 L-0.000,-0.000 L1.000,-0.000 L7.000,-0.000 L7.000,1.000 L1.000,1.000 L1.000,14.000 L14.000,14.000 L14.000,8.000 L15.000,8.000 L15.000,14.000 L15.000,15.000 L14.000,15.000 ZM14.000,2.000 L13.000,2.000 L13.000,1.000 L9.000,1.000 L9.000,-0.000 L14.000,-0.000 L15.000,-0.000 L15.000,1.000 L15.000,6.000 L14.000,6.000 L14.000,2.000 ZM12.000,3.000 L12.000,2.000 L13.000,2.000 L13.000,3.000 L12.000,3.000 ZM11.000,4.000 L11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 ZM10.000,5.000 L10.000,4.000 L11.000,4.000 L11.000,5.000 L10.000,5.000 ZM9.000,6.000 L9.000,5.000 L10.000,5.000 L10.000,6.000 L9.000,6.000 ZM8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,7.000 L8.000,7.000 ZM7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,8.000 L7.000,8.000 ZM6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,9.000 L6.000,9.000 Z'/%3E%3C/svg%3E") no-repeat right center; background-size:1.5rem auto; }
.gnb .gnbList>li>div>ul>li>div { display:none; }
.gnb .quickLink { display:none; }
.header.active { height:44rem; background:#fff; }
.header.active .gnb .gnbList>li>a { padding-right:8rem; }
.overlayBg { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:9; }
.overlayBg.active { display:block; }
@media screen and (max-width:1200px) { 	
	.header .logo a { width:23rem; }
	.header .headUtil { flex-direction:column; align-items:flex-end; gap:0; height:auto; }
	.gnb .gnbList { margin-left:10rem; }
}
@media screen and (max-width:1024px) { 
	html { font-size:56.25%; }	
	.btnMoGnb { display:block; height:100%; }
	.btnMoGnb button { display:block; width:2.5rem; height:100%; }
	.btnMoGnb button i { display:block; position:relative; width:100%; height:2px; background:#000; text-indent:-999em; }
	.btnMoGnb button i::before, 
	.btnMoGnb button i::after { content:''; position:absolute; top:-1rem; left:0; width:100%; height:2px; background:#000; }
	.btnMoGnb button i::after { top:auto; bottom:-1rem; }
	.header.active { height:auto; }
	.header.active::before { content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:10; }
	.header .quickWrap,
	.header .btnSitemap { display:none; }
	.header .headWrap { height:7.5rem; padding:0 6.3888%; }
	.header .headWrap::before { display:none; }
	.header .logo { position:static; }
	.header .logo a { width:24.5rem; background-image:url(../images/common/logo_mo.png); }
	.header .headUtil { right:6.3888%; flex-direction:row; align-items:center; gap:1.6rem; height:100%; }	
	.header .headUtil ul { display:none; }
	.overlayBg.active { display:none; }	
	.gnbWrap { display:none; overflow-y:auto; position:fixed; right:0; top:0; bottom:0; width:100%; height:100%; max-width:600px; padding:0; z-index:210; background:#fff; transition:none; }
	.gnbWrap::-webkit-scrollbar { display:none; }
	.gnb { position:relative; height:100%; padding-top:15.25rem; box-sizing:border-box; }
	.gnb .moTopArea { display:block; }
	.gnb .btnGnbClose button i { display:block; 
    position:relative; 
     width:2.625rem; height:2.625rem; text-indent:-9999em; }
	.gnb .btnGnbClose button i::before, 
	.gnb .btnGnbClose button i::after { content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#000; border-radius:2em; transform:rotate(45deg); }
	.gnb .btnGnbClose button i::after { transform:rotate(135deg); }
	.gnb .moTopArea { display:block; position:absolute; top:0; left:0; width:100%; height:15.25rem; padding:0 6.3888%; background:#fff; box-sizing:border-box; }
	.gnb .moTopArea h2 { padding:3.5rem 0 2.5rem; font-size:2.25rem; }
	.gnb .btnGnbClose { position:absolute; top:3.5rem; right:6.3888%; }
	.gnb .moGnbUtil { display:flex; justify-content:space-between; width:100%; padding:2.25rem 0; border-top:1px solid var(--color5); }
	.gnb .moGnbUtil li { flex:auto; position:relative; }
	.gnb .moGnbUtil li::before { content:''; position:absolute; top:50%; left:0; width:1px; height:1.5rem; background:var(--color5); transform:translateY(-50%); }
	.gnb .moGnbUtil li:first-child::before { display:none; }
	.gnb .moGnbUtil li a { display:flex; align-items:center; justify-content:center; }
	.gnb .moGnbUtil li i { width:1.875rem; height:1.75rem; margin-right:.5rem; background:no-repeat center; background-size:contain; }
	.gnb .moGnbUtil li i.home { background-image:url(/ggac/images/common/icon_home_mo.png); }
	.gnb .moGnbUtil li i.login { background-image:url(/ggac/images/common/icon_login_mo.png); }
	.gnb .moGnbUtil li i.join { background-image:url(/ggac/images/common/icon_join_mo.png); }
	.gnb .moGnbUtil li span { font-size:1.625rem; line-height:1.75rem; }
	.sitemapArea { position:relative; height:100%; min-height:43rem; padding:0; box-sizing:border-box; }
	.sitemapArea::before,
	.sitemapArea::after { content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:var(--color4); z-index:2; }
	.sitemapArea::after { left:auto; right:55%; width:1px; height:100%; }
	.sitemapArea .gnbList { display:block; margin:0; }
	.sitemapArea .gnbList>li { position:static; margin-top:0; padding-top:0; border-top:none; }
	.sitemapArea .gnbList>li>a { display:block; padding:1.875rem 6.3888%; font-size:2rem; font-weight:500; color:var(--color4); text-align:left; }
	.sitemapArea .gnbList>li>a span { display:inline-block; width:38.8535%; padding:0; transition:none; }
	.sitemapArea .gnbList>li.open { border:1px solid var(--color4); border-width:1px 0; }
	.sitemapArea .gnbList>li.open>a { background:#f7f7f7; font-weight:700; }
	.sitemapArea .gnbList>li.open>a span { 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='29px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M2.393,28.155 L0.728,26.490 L12.937,14.281 L0.728,2.072 L2.393,0.407 L16.267,14.281 L2.393,28.155 Z'/%3E%3C/svg%3E") no-repeat right center / .875rem auto; }
	.sitemapArea .gnbList .gnbCont { display:none; overflow-y:auto; position:absolute; top:0; left:auto; right:0; width:55%; height:100%; margin:0; padding:0; background:#fff; z-index:1; }
	.sitemapArea .gnbList .gnbCont::-webkit-scrollbar { display:none; }
	.sitemapArea .gnbList .gnbCont>ul { display:block; }
	.sitemapArea .gnbList .gnbCont>ul>li>a { display:block; padding:2.0625rem 10.10101%; font-size:1.875rem; text-align:left; }
	.sitemapArea .gnbList>li>div>ul>li:focus>a,
	.sitemapArea .gnbList>li>div>ul>li:hover>a { font-weight:500; color:var(--color4); }
	.sitemapArea .gnbList .gnbCont>ul>li>a span { display:block; position:relative; }
	.sitemapArea .gnbList .gnbCont>ul>li.opNav>a span::before,
	.sitemapArea .gnbList .gnbCont>ul>li.opNav>a span::after { content:''; position:absolute; top:50%; right:0; width:1.625rem; height:1px; margin:-.0625rem 0 0 -.8125rem; background:var(--color4); transition:.2s; }
	.sitemapArea .gnbList .gnbCont>ul>li>a span::after { transform:rotate(90deg); }	
	.sitemapArea .gnbList .gnbCont>ul>li.opNav.open>a span::after { transform:none; }
	.sitemapArea .gnbList .gnbCont2 { display:none; margin-top:0; padding:0 10.10101%; }
	.sitemapArea .gnbList .gnbCont2>ul { padding:1rem 0; border:1px solid var(--color5); border-width:1px 0; }
	.sitemapArea .gnbList .gnbCont>ul>li:last-child .gnbCont2>ul { border-bottom:none; }
	.sitemapArea .gnbList .gnbCont2>ul>li { margin:0; }
	.sitemapArea .gnbList .gnbCont2>ul>li>a { display:block; padding:.875rem 0; font-size:1.625rem; }
	.sitemapArea .quickLink { display:block; padding:0 6.3888%; box-sizing:border-box; }
	.sitemapArea .quickLink ul { display:inline-block; width:38.8535%; padding:.75rem 0; border-top:1px solid var(--color5); }
	.sitemapArea .quickLink ul li a { display:block; font+size:1.75rem; padding:.75rem 0; font-size:1.75rem; font-weight:500; color:#351ba3; letter-spacing:-.025em; }
	.header.active .gnb .gnbList>li>a { padding:1.875rem 6.3888%; }
}
@media screen and (max-width:960px) { 	
	body { min-width:320px; }	
}
@media all and (max-width:720px) { 
    html { font-size:50%; }
}

/* footer */
.footer { position:relative; padding:10rem 3% 8rem; box-sizing:border-box; background:#353840; }
.footer .inner { display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; max-width:1230px; margin:0 auto; }
.footer address { margin-top:2.5rem; font-size:1.3rem; color:rgba(255, 255, 255, .5); }
.footer address span { display:block; margin-top:.4rem; }
.footer address i { font-style:normal; margin-right:1rem; }
.footer .utilBox { display:flex; align-items:center; gap:3rem; padding-top:.5rem; }
.footer .link { display:flex; gap:2.4rem; }
.footer .link li { margin:.2rem 0; }
.footer .link li a { display:block; color:rgba(255, 255, 255, .7); }
.footer .link li a b { font-weight:400; color:rgba(255, 246, 0, .7); }
.footer .link li a:focus,
.footer .link li a:hover { text-decoration:underline; }
.footer .familySite { position:relative; }
.footer .familySite>button { width:16.8rem; height:4.5rem; padding:0 2rem; text-align:left; border:1px solid #77797e; box-sizing:border-box; }
.footer .familySite>button span { display:block; position:relative; font-size:1.5rem; color:rgba(255, 255, 255, .5); letter-spacing:-.025em; transition:.15s; }
.footer .familySite>button.active span { color:#fff; }
.footer .familySite>button span::after { content:''; position:absolute; top:0; right:0; width:1.2rem; 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='12px' height='7px'%3E%3Cpath fill-rule='evenodd' opacity='0.49' fill='rgb(255, 255, 255)' d='M6.292,6.789 L0.701,0.453 L11.882,0.453 L6.292,6.789 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:.15s; }
.footer .familySite>button.active span::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='7px'%3E%3Cpath fill-rule='evenodd' opacity='1' fill='rgb(255, 255, 255)' d='M6.292,6.789 L0.701,0.453 L11.882,0.453 L6.292,6.789 Z'/%3E%3C/svg%3E"); transform:rotate(180deg); 
}
.footer .familySite .siteList { display:none; position:absolute; bottom:100%; width:100%; padding:1rem 0; background:#353840; border:1px solid #77797e; border-bottom:none; box-sizing:border-box; }
.footer .familySite .siteList ul li a { display:block; padding:.6rem 2rem; }
.footer .familySite .siteList ul li a span { font-size:1.5rem; color:rgba(255, 255, 255, .5); letter-spacing:-.025em; transition:.15s; }
.footer .familySite .siteList ul li a:focus span,
.footer .familySite .siteList ul li a:hover span { color:#fff; text-decoration:underline; }
.footer .snsBox { padding-top:1.8rem; }
.footer .follow { font-weight:700; color:#fff; }
.footer .snsList { gap:1rem; margin-top:2.4rem; }
.footer .snsList i { width:3.8rem; height:3.8rem; }
.btnTop { position:fixed; bottom:3%; right:2%; z-index:20; }
.btnTop button { display:block; position:relative; width:10rem; height:10rem; border-radius:50%; }
.btnTop button:focus { outline:none; }
.btnTop svg { width:100%; height:100%; }
.btnTop svg .rotating { animation:rotate 20s linear infinite; transform-origin:center; }
.btnTop svg text { font-size:15px; fill:#fff; }
@media screen and (max-width:1200px) { 
	.footer .utilBox { flex-direction:column; align-items:flex-start; gap:2rem; }
	.footer .link { flex-direction:column; gap:1.5rem; }
}
@media screen and (max-width:1024px) { 
	.footer { padding:5rem 6.3888% 11rem; }
	.footer .inner { flex-direction:column-reverse; }
	.footer .logoBox { width:100%; margin-top:3.125rem; padding-top:3.875rem; border-top:1px solid #4f5158; }
	.footer .logo { width:28.375rem; }
	.footer address { margin-top:3.25rem; font-size:1.625rem; }
	.footer address .copy { margin-top:1.875rem; font-size:1.5rem; color:#939599; }
	.footer .utilBox { flex-direction:row; justify-content:space-between; align-items:center; gap:0; width:100%; margin-top:4rem; padding:0; }
	.footer .link { flex-direction:row-reverse; }	
	.footer .link li { margin:0; }
	.footer .link li a { font-size:1.75rem; }
	.footer .familySite>button { width:21.75rem; height:5.25rem; padding:0 2.25rem; }	
	.footer .familySite>button span { font-size:1.625rem; }	
	.footer .familySite>button span::after { width:1.375rem; }
	.footer .familySite .siteList ul li a { padding:.75rem 2.25rem; }	
	.footer .familySite .siteList ul li a span { font-size:1.625rem; }
	.footer .snsBox { display:flex; align-items:center; justify-content:space-between; width:100%; padding:0; }
	.footer .follow { width:19.1082%; font-size:2rem; }
	.footer .snsList { margin-top:0; }
	.footer .snsList i { width:4.5rem; height:4.5rem; }
	.btnTop { bottom:1%; right:1%; }
}
@media screen and (max-width:767px) { 
	.footer .link { flex-direction:column-reverse; }
}

/* layerPopuo */
.layerPopup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; align-items:center; justify-content:center; background:rgba(0, 0, 0, .6); z-index:60; }
.layerPopup.active { display:flex; }
.layerPopup .popInner { display:flex; gap:1rem; }
/* popupWrap */
.popupWrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0 3%; align-items:center; justify-content:center; background:rgba(0, 0, 0, .5); box-sizing:border-box; z-index:60; }
.popupWrap.active { display:flex; }
.popupWrap .popTit { display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; }
.popupWrap .popTit h2 { font-size:2.4rem; font-weight:500; letter-spacing:-.025em; }
.popupWrap .popTit .btnPopClose button { display:block; }
.popupWrap .popTit .btnPopClose button i { display:block; position:relative; width:2.4rem; height:2.4rem; text-indent:-9999em; }
.popupWrap .popTit .btnPopClose button i::before, 
.popupWrap .popTit .btnPopClose button i::after { content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:#000; border-radius:2em; transform:rotate(45deg); }
.popupWrap .popTit .btnPopClose button i::after { transform:rotate(135deg); }
.popupWrap .popInner { overflow-x:hidden; overflow-y:auto; position:relative; width:100%; min-width:300px; max-width:720px; max-height:80%; background:#fff; }
.popupWrap .popContent { padding:4rem 5rem 0; box-sizing:border-box; }
.popupWrap .popContent .tableStyle { border-top:none; }
.popupWrap .popContent .tableStyle td { text-align:left; padding:1.6rem 3rem; }
.popupWrap .popBtn { display:flex; margin-top:4rem; }
.popupWrap .popBtn a,
.popupWrap .popBtn button { flex:1; padding:2.2rem 0; background:var(--color4); font-size:1.125em; font-weight:500; color:#fff; }
.popupWrap .popBtn .col2 { background:var(--color1); }
@media screen and (max-width:1024px) { 	
	/* popupWrap */
	.popupWrap .popTit h2 { font-size:2.5rem; }
	.popupWrap .popTit .btnPopClose button i { width:2.75rem; height:2.75rem; }
	.popupWrap .popContent { padding:3rem 5% 0; }
    .popupWrap .popContent .tableStyle td { padding:1.5rem; }
	.popupWrap .popBtn { margin-top:3rem; }
	.popupWrap .popBtn a,
	.popupWrap .popBtn button { padding:2rem 0; font-size:1.875rem; }
}

/* sns */
.snsList { display:flex; }
.snsList a { display:block; }
.snsList i { display:block; text-indent:-999em; background:no-repeat center; background-size:contain; }
.snsList .facebook { background-image:url(/ggac/images/common/icon_facebook.svg); }
.snsList .kakaoch { background-image:url(/ggac/images/common/icon_kakaoch.svg); }
.snsList .blog { background-image:url(/ggac/images/common/icon_blog.svg); }
.snsList .youtube { background-image:url(/ggac/images/common/icon_youtube.svg); }
.snsList .instagram { background-image:url(/ggac/images/common/icon_instagram.svg); }