@charset "utf-8";

/* 메뉴 */

#pc-nav { position:relative; background:#fff; border:1px solid #CDD1D5; border-left:0; border-right:0; z-index:1; }
#pc-nav::after { position:absolute; content:''; width:100%; height:.1rem; background:#CDD1D5; }

#pc-nav .depth2,
#pc-nav .depth3 { flex-direction:column; overflow:hidden; transition:.4s; }

#pc-nav .depth2 { position:absolute; top:calc(100% + .1rem); width:100%; height:0; border-right:.1rem solid #CDD1D5; }
#pc-nav ul li:first-child .depth2 { border-left:.1rem solid #CDD1D5; }
#pc-nav .inner > ul > li > a.on ~ .depth2 { background:#fafafa; }
#pc-nav .depth2 > li { padding:.2rem .8rem; }
#pc-nav .depth2 > li > a { padding:.1rem .6rem; }
#pc-nav .depth2 > li > a.on { color:#00796B; font-weight:700; }
#pc-nav .depth2 > li > a:hover,
#pc-nav .depth2 > li > a:focus { text-decoration:underline; }

#pc-nav .depth3 { display:none; }

#pc-nav .inner > ul { display:flex; }
#pc-nav .inner > ul > li { position:relative; flex-grow: 1; flex-shrink: 1; flex-basis: calc(100% / 9); z-index:3; }
#pc-nav .inner > ul > li.end { display:none; }
#pc-nav .inner > ul > li > a { position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:5.6rem; padding:0 1.2rem 0 1.6rem; font-size:1.9rem; font-weight:700; color:#464c53; letter-spacing:-1.5px; }

#pc-nav .inner > ul > li > a::before { position:absolute; bottom:0; left:50%; content:''; width:0; height:.4rem; background-color:#00796B; transform:translateX(-50%); transition:.4s; }

#pc-nav .inner > ul > li > a.on { color:#00796B; }
#pc-nav .inner > ul > li > a.on::before { width:100%; }
#pc-nav .inner > ul > li > a.on::after { transform:rotate(-180deg); }

/*
#pc-nav .gnb-main-trigger { position:relative; display:flex; align-items:flex-start; align-items:center; height:5.6rem; padding:0 1.2rem 0 1.6rem; font-size:1.9rem; font-weight:700; color:#464c53; }

#pc-nav .gnb-main-trigger::before { position:absolute; bottom:0; left:50%; content:''; width:0; height:.4rem; background-color:#00796B; transform:translateX(-50%); }
#pc-nav .gnb-main-trigger::after { content:''; width:2rem; height:2rem; background:url(/images/icon/ico_angle.svg) no-repeat center/contain; margin-left:.8rem; transition:.4s; }

#pc-nav .gnb-main-trigger.on { color:#00796B; }
#pc-nav .gnb-main-trigger.on::before { width:100%; }
#pc-nav .gnb-main-trigger.on::after { transform:rotate(-180deg); }
*/

#pc-nav .menubox { position:absolute; left:0; bottom:-1px; width:100%; height:0; background:#fff; border-bottom:1px solid #CDD1D5; transition:.4s; z-index:0; }

@media (min-width: 1280px) and (max-width: 1440px) {
	#pc-nav .gnb-main-trigger { font-size:1.8rem; }
}


@media (min-width: 1024px) and (max-width: 1279px) {
	#pc-nav .gnb-main-trigger { padding:0 .8rem; font-size:1.7rem; }
}

@media (max-width: 1023px) {
	#pc-nav { display:none; }
}


/* 메인 레이아웃 */
.main .inner { max-width:140rem; margin:0 auto; }

#cont1 { padding:6.4rem 0 15rem; background:linear-gradient(rgba(255,255,255,0.0) 50%, #E8F6F5); margin-bottom:16.4rem; overflow:hidden; }

#cont2 { padding:0 0 6.4rem; overflow:hidden; }
#cont3 { position:relative; overflow:hidden; }
#cont3 .inner { position:relative; padding-bottom:6.4rem; }
#cont3 .inner::before { position:absolute; left:calc((140rem - 100vh) / 2); bottom:0; z-index:-1; content:''; width:calc(100% + 14rem); height:24rem; border-radius:12rem 0 0 12rem; background:#F2F3F3; }
#cont4 { padding:6.4rem 0 6.4rem; }
#cont5 { position:relative; padding:6.4rem 0 10rem; background:url(/images/council/main/cont5_bg.png) no-repeat center/cover; }
#cont5::before { position:absolute; left:0; top:-20rem; content:''; width:20rem; height:20rem; background:url(/images/council/main/cont5_arc.png) no-repeat center/cover; z-index:-1; }

@media (min-width: 1280px) and (max-width: 1440px) {
	
}

@media (min-width: 1024px) and (max-width: 1279px) {

}

@media (max-width: 1023px) {
	#cont1 { padding:3.6rem 0 }
	#cont1 .inner.flex { flex-direction:column; }
}

@media (max-width:768px){
	#cont2 { padding:2.4rem 0 6.4rem; overflow:hidden; }
	#cont3 .inner.flex { flex-direction:column; padding-bottom:2.4rem; }
	#cont4 { padding:2.4rem 0 2.4rem; }
	#cont5 { padding:2.4rem 0; }
}

/* Leftmenu */
.leftmenu { width:28rem; margin-top:4rem; }
.leftmenu h2 { position:relative; left:-1.6rem; top:-1.6rem; display:flex; align-items:center; justify-content:flex-start; height:16rem; padding-left:4rem; box-shadow:0 0 1rem rgba(197,225,165,.5); background:linear-gradient(90deg,rgba(0,151,167,.7),rgba(197,225,165,.5)), url(/images/council/main/logo_white.png) no-repeat right 2.4rem bottom 2.4rem/5.6rem; border-radius:2rem 8rem 2rem 2rem; color:#fff; word-break:keep-all; }
.leftmenu h2::after { position:absolute; left:1.6rem; top:1.6rem; content:''; width:100%; height:100%; box-shadow:0 0 1rem rgba(0,150,136,.5); background:linear-gradient(90deg, rgba(0,150,136,1),rgba(0,121,107,1)); border-radius:2rem 8rem 2rem 2rem; z-index:-1; }

.leftmenu nav.sub-menu { margin-top:3.2rem; }
.leftmenu nav.sub-menu ul { display:flex; flex-direction:column; }

.leftmenu nav.sub-menu .depth2 > li { margin-bottom:.8rem; }
.leftmenu nav.sub-menu .depth2 > li > a { position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; min-height:5.6rem; padding:0 1.6rem; font-size:1.8rem; border-bottom:.1rem solid #CDD1D5; transition:.4s ease-in; }
.leftmenu nav.sub-menu .depth2 > li > a::before { position:absolute; left:0; bottom:-.1rem; content:''; width:0; height:.2rem; background:#00796B; transition:.4s ease-in; }

.leftmenu nav.sub-menu .depth2 > li:has(> ul) > a::after { position:relative; content:''; width:2.4rem; height:2.4rem; background:url(/images/icon/ico_angle.svg) no-repeat center/contain; }
.leftmenu nav.sub-menu .depth2 > li:has(> ul) > a.on::after { transform:rotate(180deg); }

.leftmenu nav.sub-menu .depth2 > li > a:hover { background:#E0F2F1; }
.leftmenu nav.sub-menu .depth2 > li > a:focus { background:#B2DFDB; }
.leftmenu nav.sub-menu .depth2 > li > a:hover::before,
.leftmenu nav.sub-menu .depth2 > li > a:active::before { width:100%; }

.leftmenu nav.sub-menu .depth3 { display:none; padding:1.2rem 2rem; background:#F3F8F8; border-radius:0 0 .8rem .8rem; }
.leftmenu nav.sub-menu .depth3 > li > a { position:relative; display:flex; align-items:center; min-height:4rem; font-size:1.7rem; }
.leftmenu nav.sub-menu .depth3 > li > a:hover,
.leftmenu nav.sub-menu .depth3 > li > a:focus { font-weight:700; }
.leftmenu nav.sub-menu .depth3 > li > a::before { display:block; content:''; width:.8rem; height:.1rem; background:#1E2124; margin-right:.8rem; }

.leftmenu nav.sub-menu .depth2 li > a.on { color:#00796B; font-weight:700; }
.leftmenu nav.sub-menu .depth2 > li > a.on::before { width:100%; }
.leftmenu nav.sub-menu .depth2 a.on + .depth3 { display:block; }

@media (max-width: 1023px) {
	.leftmenu { display:none; }
}

/* 서브 레이아웃 */
#container.sub > .flex { justify-content:space-between; }

.svisible { padding:1.6rem 0; background:linear-gradient(45deg, #FFFDE7,#E0F2F1); }

.path { text-align:right; font-weight:300; }

.sub #gocontent { max-width:calc(100% - 36rem); width:100%; word-break:keep-all; margin-top:4rem; }
.sub #gocontent table { word-break:break-all; }

.sub .page-title,
.sub .sns-list { position:relative; display:flex; }

.sub .page-title { align-items: flex-end; justify-content: space-between; margin-bottom:4rem; }
.sub .page-title::after { position:absolute; left:0; bottom:0; content:''; width:100%; height:.4rem; background:url(/images/common/dg_line.png) repeat-x; opacity:.2; }
.sub .page-title h3 { font-size:4rem; font-weight:700; margin-bottom:3.2rem; }

@media (max-width: 1023px) {
	.svisible { padding:1.2rem 0; }

	.sub #gocontent { max-width:none; margin-top:2.4rem; }

	.sub .page-title { margin-bottom:3.2rem; }
	.sub .page-title h3 { font-size:3.2rem; margin-bottom:2.4rem; }
}

@media (max-width: 768px) {
	.sub .page-title { position:relative; padding-top:4rem; }
}