/*레이아웃*/
#cont1{padding:1.5rem 0;}

#cont2{padding-top:4rem; background:url('/images/council/main/cont1_bg.png') no-repeat top /cover, linear-gradient(141deg,rgba(237, 242, 246, 1) 0%, rgba(243, 237, 246, 1) 30%, rgba(250, 243, 240, 1) 61%, rgba(250, 248, 240, 1) 100%);}
	#cont2 .inner{position:relative;}
	
#cont3{padding-top:5rem;}
	#cont3 .inner{display:flex; justify-content:space-between; }
	
#cont4{padding:4rem 0;}
	#cont4 .inner{display:flex;}
	#cont4 .cont4-right{width:100%;}
	
#cont5{padding:4rem; max-width:100rem; width:100%; border-radius:1.25rem; background:url('/images/council/main/cont5_bg.png')no-repeat center/cover; margin:0 auto;}
	#cont5 .inner{max-width:100%;}
	
#cont6{padding:4rem 0; background:url('/images/council/main/cont6_bg.jpg') no-repeat center/cover;}
	#cont6 .inner{max-width:100%; padding:0;}

@media(max-width:1400px){
}

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

	#cont3 .inner{flex-direction:column;}
	#cont4 .inner{flex-direction:column;}
#cont5{padding:4rem 0;}
}

@media(max-width:768px){
#cont2 {padding-top:2rem;}
#cont4{padding:2rem 0}
}


/*섹션간 타이틀*/
section .title h2{font-size:2.5rem; color:#2A2F4F; margin-bottom:0 !important;}

section .more{position:relative; display:flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:2rem; background: linear-gradient(141deg,rgba(99, 103, 255, 1) 0%, rgba(69, 74, 87, 1) 100%); overflow:hidden;}
section .more::before{content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(255,255,255,0.2); opacity:0; transition:.3s;}
section .more:hover::before, section .more:focus::before, section .more:active::before{opacity:1;}

section .btns button {width:1.5rem; height:1.5rem; background:none; font-size:0;} section .btns .slick-prev{background:url('/images/council/main/slick-prev.svg') no-repeat center/contain;} section .btns .slick-next{background:url('/images/council/main/slick-next.svg') no-repeat center/contain;}

section .btns .slick-pause{background:url('/images/council/main/slick-pause.svg') no-repeat center/contain;}
section .btns .slick-pause.on{background:url('/images/council/main/slick-play.svg') no-repeat center/contain;}

@media(max-width:768px){
section .title h2{font-size:1.75rem;}
}


/* 메뉴 */
.btn-navi { display:inline-flex; align-items:center; min-height:2.5rem; padding:.25rem .75rem 0; background:transparent; border-radius:.6rem; font-size:1.0625rem; font-weight:700; color:#1e2124; transition:.4s; }
.btn-navi::before { display:flex; content:''; width:1.25rem; height:1.25rem; background:no-repeat center/cover;}
.btn-navi.search::before { background-image:url(/images/icon/ico_sch.svg); }
.btn-navi.all::before { background-image:url(/images/icon/ico_all.svg); }

#pc-nav { position:relative; background:#fff; border-top:0.0625rem solid #CDD1D5; z-index:10; }
#pc-nav::after { position:absolute; content:''; width:100%; height:0.0625rem; background:#CDD1D5; }

#pc-nav .gnb-menu > li:last-child { display:none; }

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

#pc-nav .depth2 { position:absolute; top:calc(100% + 0.0625rem); width:100%; height:0; border-right:0.0625rem solid #CDD1D5; }
#pc-nav ul li:first-child .depth2 { border-left:0.0625rem solid #CDD1D5; }
#pc-nav .inner > ul > li > a.on ~ .depth2 { background:#fafafa; }
#pc-nav .depth2 > li { padding:0.125rem 0.5rem; }
#pc-nav .depth2 > li > a { padding:0.0625rem 0.375rem; font-size:1rem; }
#pc-nav .depth2 > li > a.on { color:#645CAA; font-weight:700; }
#pc-nav .depth2 > li > a:hover,
#pc-nav .depth2 > li > a:focus { text-decoration:underline; color:#33363D; }

#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:3.5rem;	padding:0 0.75rem 0 1rem; font-size:1.1875rem; font-weight:700;	color:#464c53; letter-spacing:-0.09375rem; }

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

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

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

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

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

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



/* 타이틀 + 검색박스 */
.head-brand{width:100%; display:flex; justify-content:space-between; padding:1rem 0;}

/* 헤더 | Header */
.header-brand { display:flex; justify-content:space-between; padding:1rem 0; }

.header-menu { display:flex; align-items:center; }
.header-menu > button {display:none; margin-left:.5rem; }

@media (max-width: 1024px) {
	header { border-bottom:1px solid #CDD1D5; }
	.header-util { display:none; }
	.header-menu > button{display:block;}
	.header-menu > a.pc{display:none;}
}

/* 타이틀 */
#toparea .logo { height:3.25rem; padding:0 0 0 4rem; background:url(/images/inc/logo.png) no-repeat; background-size:auto 3.25rem; display:flex; flex-direction:column; word-break:keep-all; }
#toparea .logo span { position:relative; top:-1px; font-size:1.25rem; line-height:1.5rem;}
#toparea .logo strong{font-size:1.75rem;line-height:1.75rem;}


/* searchbox || 검색박스 */
.searchbox {display:flex; align-items:center; padding:0.25rem; border-radius:1.5rem .5rem; border: 4px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #134E5E, #71B280) border-box; margin-right:1.5rem;}
.searchbox input{min-width:15rem; height:100%; border:none !important; color:#333; font-weight:500;}
.searchbox input:focus{outline:none;}
.searchbox input::placeholder{letter-spacing:0;}

@media(max-width:1023px){
.searchbox{border:none; padding:0; background:none; margin-right:0;}
.searchbox input{display:none;}
}



/* 메인 메뉴 */
#menu { position:relative; width:100%; height:3rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; z-index:99;  }
#topMenu { position:relative; max-width:87.5rem; width:100%; overflow:visible !important; margin:0 auto; }

#topMenu > li { position:relative; float:left; width:calc(100% / 8); text-align:center; display:inline-block; }
#topMenu > li:last-child { display:none; }
#topMenu > li > a:link,
#topMenu > li > a:visited { position:relative; vertical-align:middle; height:3rem; color:#111; font-size:1.25rem; font-weight:700; letter-spacing:-1px; word-break:keep-all; display:flex; justify-content:center; align-items:center; z-index:1002;}
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#284394;  }

#topMenu > li > a:link::before,
#topMenu > li > a:visited::before { position:absolute; left:50%; bottom:0px; content:''; width:0; border-bottom:3px solid #284394; text-align:center; transition:0.3s; transform:translate(-50%, 0); display:block; z-index:100; }
#topMenu > li > a:active::before,
#topMenu > li > a:focus::before,
#topMenu > li > a:hover::before { width:100%; }

#topMenu > li > a:link > ul::before,
#topMenu > li > a:visited > ul::before { position:absolute; left:50%; bottom:0px; content:''; width:0; border-bottom:3px solid #284394; text-align:center; transition:0.3s; transform:translate(-50%, 0); display:block; z-index:100; }
#topMenu > li > a:active > ul::before,
#topMenu > li > a:focus > ul::before,
#topMenu > li > a:hover > ul::before { width:100%; }




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

@media (max-width:1024px){
	#menu { display:none; } 
}






/*서브페이지 레이아웃*/
#container.sub { position:relative; display:flex; max-width:87.5rem; width:100%; background:linear-gradient(180deg, rgba(245, 248, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 200px); margin:0 auto 100px; z-index:1; }

	#sLeft { width:260px; margin-right:40px;}
	#sRight {position:relative; width:calc(100% - 300px); }
		.sub #gocontent{ /* max-width:100%; */ }


@media (max-width:1400px){
	#container.sub {max-width:none; width:100%; padding:0 24px;}				
	#container.sub > .inner { padding:0; }

		#sLeft { width:240px; margin-right:50px; }
		#sRight { width:calc(100% - 290px); }
}

@media (max-width:1024px){
	#container.sub { background:none; margin:0 auto 75px; }		

		#sLeft { display:none; }
		#sRight {width:100%;}
}

@media (max-width:768px){
	#container.sub {padding:0; margin:0 auto 50px; }
	
			#content { width:100%; padding:0 16px; }
}


/* 좌측메뉴 */
.leftMenu > ul > li { display:none; }
.leftMenu > ul > li > a { display:none !important; }

.leftMenu { position:relative; top:3rem; width:100%; z-index:10; }

.leftMenu h2 { height:150px; border-radius:2.5rem 2.5rem 0 0; background:linear-gradient(120deg, #A18CD1, #FBC2EB); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.7); font-size:200%; font-weight:700; box-shadow: 0.25rem 0.25rem 1rem rgb(102, 56, 152, 0.5); display:flex; justify-content:center; align-items:center;
	animation : leftMenu 10s ease-in-out infinite;
}

.leftMenu > ul > li > ul { width:100%;}
.leftMenu > ul > li > ul > li { width:100%; border-bottom:1px solid #ddd; }
.leftMenu > ul > li > ul > li:last-child { border-bottom:none; }

.leftMenu > ul > li > ul > li > a:link,
.leftMenu > ul > li > ul > li > a:visited {display:block; width:100%; height:40px; line-height:40px; padding-left:15px; box-sizing:border-box; border-radius:0.5rem; color:#777; font-size:1.125rem; margin:0.5rem 0; }

.leftMenu > ul > li > ul > li:has(.mdepth3) > a:link, .leftMenu > ul > li > ul > li:has(.mdepth3) > a:visited {background:url(/images/common/leftMenu_blt1_off.svg) no-repeat right 1rem top 50%;}
.leftMenu > ul > li > ul > li:has(.mdepth3) > a:active, .leftMenu > ul > li > ul > li:has(.mdepth3) > a:focus, .leftMenu > ul > li > ul > li:has(.depth3) > a:hover{background:url(/images/common/leftMenu_blt1_off.svg) no-repeat right 1.6rem top 50%;}

.leftMenu > ul > li > ul > li > a:active,
.leftMenu > ul > li > ul > li > a:focus,
.leftMenu > ul > li > ul > li > a:hover { font-weight:bold; color:#3C287E; background:#F0EEF5; }
.leftMenu > ul > li > ul > li > a.select {  color:#3C287E; font-weight:700; background:#F0EEF5; }

.leftMenu > ul > li > ul > li:has(.mdepth3) > a.select {background:#F0EEF5 url(/images/common/leftMenu_blt1_off.svg) no-repeat right 1.6rem top 50%; color:#3C287E; font-weight:700;}

.leftMenu > ul > li > ul ul {  width:100%; padding:10px 0 10px 15px;  border-top:1px solid #ddd; box-sizing:border-box;background:#fafafa; display: none;}
.leftMenu > ul > li > ul ul li {  width:100%;  }

.leftMenu > ul > li > ul ul li a:link,
.leftMenu > ul > li > ul ul li a:visited { width:100%; height:2rem; line-height:2rem; padding-left:15px; box-sizing:border-box; color:#555; display:block;  }
.leftMenu > ul > li > ul ul li a:active,
.leftMenu > ul > li > ul ul li a:focus,
.leftMenu > ul > li > ul ul li a:hover { background:url(/images/common/leftMenu_blt2_on.svg) no-repeat 0px 50%; color:#2A2F4F; }
.leftMenu > ul > li > ul ul li a.select { background:url(/images/common/leftMenu_blt2_on.svg) no-repeat 0px 50%; color:#2A2F4F; font-weight:700;  }

.leftMenu > ul > li > ul > li.none { display:none; }

@keyframes leftMenu {
	0% { background-position:0 50%; }
	50% { background-position:100% 50%; }
	100% { background-position:0 50%; }
}



/* 패스바 */
.pathbar { position:absolute; left:0; top:-60px; width:100%; height:60px; background:#d80c18; z-index:3;  }
.pathbar > ul { height:60px; overflow:visible; }
.pathbar > ul > li { position:relative; float:left; width:281px; height:60px; line-height:60px; border-right:1px solid #b60a14; overflow:visible; }
.pathbar > ul > li.home { width:61px; }
.pathbar > ul > li.home.print { position:absolute; right:0; top:0; border-right:none; border-left:1px solid #b60a14; }
.pathbar > ul > li.home > a:link,
.pathbar > ul > li.home > a:visited { width:61px; padding-left:0px; text-align:center; display:block; }
.pathbar > ul > li.home > a:active,
.pathbar > ul > li.home > a:focus,
.pathbar > ul > li.home > a:hover { background:#c80a15; }

.pathbar > ul > li.depth > a:link,
.pathbar > ul > li.depth > a:visited { width:100%; padding-left:20px; background:url(/images/inc/pathbar_blt.gif) no-repeat right top; color:#eee; letter-spacing:-1px; display:block; }
.pathbar > ul > li.depth > a:active,
.pathbar > ul > li.depth > a:focus,
.pathbar > ul > li.depth > a:hover { color:#fff; } 



.pathbar ul li ul.ulMenu1 { position:absolute; left:-1px; top:60px; width:calc(100% + 2px); border:1px solid #ddd; border-top:none; background:#fff; box-shadow:1px 5px 8px rgba(0,0,0,0.05); display:none; overflow:visible; z-index:11; }
.pathbar ul li ul.ulMenu2 { position:absolute; left:-1px; top:60px; width:calc(100% + 2px); border:1px solid #ddd; border-top:none; background:#fff; box-shadow:1px 5px 8px rgba(0,0,0,0.05); display:none; z-index:12;  }


.pathbar ul li ul > li { width:100%; display:block;  }
.pathbar ul li ul a:link,
.pathbar ul li ul a:visited { width:100%; padding:8px 0 8px 20px; line-height:1.5; font-size:95%; transition:0.2s; display:block; }
.pathbar ul li ul a:active,
.pathbar ul li ul a:focus,
.pathbar ul li ul a:hover { background:#ff4a0c; color:#fff; }


/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:150px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:0; top:110px; font-size:90%; color:#888; word-spacing:5px; }
.pagetitle .path span { position:relative; top:0px; width:4px; height:7px; line-height:7px; background:url(/images/common/path_blt.png) no-repeat; text-indent:-9999em; display:inline-block; transform:rotate(1deg); margin:0 0.8rem; }
.pagetitle .path strong { color:#666; }

.pagetitle h2 { padding:3.5rem 0 0 0px; font-family:pgovb; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:absolute; right:0; bottom:15px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }
.pagetitle .snsbtn ul li.kakaostory { width:35px; height:35px; line-height:35px; background:#fcb700; border-radius:50%; text-align:center; }
.pagetitle .snsbtn ul li.kakaostory img { padding-top:5px; }


@media (min-width:1281px) and (max-width:1400px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.pagetitle .snsbtn { right:15px; }
}


@media (max-width:1024px){
	.pagetitle { height:120px; }
	
	.pagetitle .path { top:80px; }	
	.pagetitle h2 { padding:32px 0 0 0px; font-size:200%;  }
	
	.pagetitle .snsbtn { bottom:15px; }

	.pagetitle .snsbtn ul li { margin-left:5px; }
			
}

@media (max-width:768px){
	.pagetitle { height:110px; border:none;  }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; background:#5d5183; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; text-align:left;}	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h2 { padding:50px 15px 0 15px; font-size:200%; }
	
	.pagetitle .snsbtn { right:8px; top:4.5rem; }
	
	.pagetitle .snsbtn ul li { margin-left:8px; }
}