@charset "utf-8";




/* 상단배너 */
#top-ban { width:100%; height:32px; line-height:32px; background:#EEEEF7;  }
#top-ban .nuri { padding-left:31px; background:url(/images/common/icon_taegeukgi.gif) no-repeat 0 50%; font-size:1.6rem; }

@media (max-width:768px){
	#top-ban .nuri { font-size:1.4rem; }
}






/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; width:0; height:0; overflow:hidden;  }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; right:30px; top:18px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:84px; top:28px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:84px; top:28px; display:block;}

	.mobileTopBtn li.mobileTopBtn1 a { text-align:center; font-size:1.5rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
	.mobileTopBtn li.mobileTopBtn1 a img { width:34px; display:block; margin-bottom:5px; }
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; right:15px; top:15px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:47px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:47px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn1 img { width:22px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:22px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:22px; }

	.mobileTopBtn li.mobileTopBtn1 a { text-align:center; font-size:1.4rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
	.mobileTopBtn li.mobileTopBtn1 a img { width:22px; display:block; margin-bottom:5px; }
}




/* 외부 링크 */
.underLink { position:relative; display:flex; justify-content:space-between; margin-top:15px; }


.underLinkUl { display:flex; justify-content:space-between; }
.underLinkUl > li { position:relative; height:auto; min-height: 45px; padding:0 16px 0 15px; }
.underLinkUl > li:after { content:''; position:absolute; right:0; top:8px; width:3px; height:3px; background:#ddd; display:inline-block; }
.underLinkUl > li:first-child { padding-left:0; }
.underLinkUl > li:last-child::after { display:none; }

.underLinkUl > li > a:link,
.underLinkUl > li > a:visited { height:20px; line-height:20px; color:#666; font-size:1.6rem; text-align:center; display:block; }
.underLinkUl > li > a:active,
.underLinkUl > li > a:focus,
.underLinkUl > li > a:hover { color:#113d8e; }
.underLinkUl > li > a.select { font-weight:800; }

.underLinkUl > li:nth-child(2) > a,
.underLinkUl > li:nth-child(3) > a { padding-right:23px; background:url(/images/common/underLink_arrow.png) no-repeat right 50%; }

.underLinkUl > li > div { position:absolute; left:50%; top:20px; transform:translate(-50%,0); display:none; z-index:9999 !important; padding-top: 5px; }
.underLinkUl > li > div ul { display:flex; flex-wrap:wrap;  justify-content:flex-start; padding:1.6rem; border:1px solid #ddd; border-radius:2.0rem; background:#fafafa;margin-top: 5px; /* 약간의 여백이 필요하다면 */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 그림자를 주면 경계가 명확해짐 */ }



.underLinkUl > li > div ul li a:link,
.underLinkUl > li > div ul li a:visited { position:relative; color:#555; font-size:1.6rem;  }
.underLinkUl > li > div ul li a:active,
.underLinkUl > li > div ul li a:focus,
.underLinkUl > li > div ul li a:hover { color:#113d8e; }

.underLinkUl > li > div ul li a:link::before,
.underLinkUl > li > div ul li a:visited::before { content:''; position:absolute; left:50%; bottom:0; width:0; height:2px; background-color:#fff; text-align:center; transform:translate(-50%,0); transition:0.3s; }
.underLinkUl > li > div ul li a:active::before,
.underLinkUl > li > div ul li a:focus::before,
.underLinkUl > li > div ul li a:hover::before { width:110%; background-color:#06c; }




.memberList { width:24rem;   }
.memberList ul li { width:33.333%; text-align:center;  }



.committeeList { width:24rem; }
.committeeList ul li { width:100%; text-align:center;  }






.mUnderLink .memberList { width:100%;   }
.mUnderLink .memberList ul { display:flex; justify-content:flex-start; flex-wrap:wrap; padding:0.8rem 0; background:#131b2a;   }
.mUnderLink .memberList ul li { width:33.333%; text-align:center;  }
.mUnderLink .memberList ul li a:link,
.mUnderLink .memberList ul li a:visited { padding:0.8rem 0; color:#ccc; font-size:1.6rem; display:inline-block; }
.mUnderLink .memberList ul li a:active,
.mUnderLink .memberList ul li a:focus,
.mUnderLink .memberList ul li a:hover { color:#fff; }


.mUnderLink .committeeList { width:100%; }
.mUnderLink .committeeList ul { display:flex; justify-content:flex-start; flex-wrap:wrap;  width:100%; padding:0.8rem 0; background:#131b2a;  }
.mUnderLink .committeeList ul li { width:100%; text-align:center;  }
.mUnderLink .committeeList ul li a:link,
.mUnderLink .committeeList ul li a:visited { padding:0.8rem 0; color:#ccc; font-size:1.6rem; display:inline-block; }
.mUnderLink .committeeList ul li a:active,
.mUnderLink .committeeList ul li a:focus,
.mUnderLink .committeeList ul li a:hover { color:#fff; }


/* 폰트크기 */
.fontSetting { position:relative; }
.fontSetting .abtn_fontSize:link,
.fontSetting .abtn_fontSize:visited { position:relative; top:-3px; padding-left:15px; color:#555; padding-right:20px; background:url(/images/common/blt_arrowDown.png) no-repeat right 50%; font-size:1.6rem; }
.fontSetting .abtn_fontSize:active,
.fontSetting .abtn_fontSize:focus,
.fontSetting .abtn_fontSize:hover { color:#113d8e; }

.fontSetting .fontSizeCont { position:absolute; left:50%; top:35px; width:100px; padding:16px; border-radius:12px; border:1px solid #ddd; background:#fff; transform:translate(-50%, 0); box-shadow:0 3px 5px rgba(0,0,0,0.1); display:none; z-index:100;  }
.fontSetting .fontSizeCont:before { content: ''; position: absolute; left: 50%; bottom: 100%; width: 1.6rem; height: 1.6rem; background:#fff; border:1px solid #E6E8EA; border-top-color: transparent; border-left-color: transparent; transform: translateX(-50%) rotate(-135deg); margin-bottom:-.8rem;}


.fontSetting .fontSizeCont li a:link,
.fontSetting .fontSizeCont li a:visited { width:100%; padding:4px; font-size:90%; text-align:center; margin:2px 0; }
.fontSetting .fontSizeCont li a:active,
.fontSetting .fontSizeCont li a:focus,
.fontSetting .fontSizeCont li a:hover { border-radius:4px; background:#EEF2F7; color:#233479; }


@media (max-width:1024px){
	.underLink { display:none; }
}







/* 사이드메뉴 */
.sidemenu { display:flex; justify-content:flex-end; gap:5px; }
.sidemenu li a:link,
.sidemenu li a:visited { width:30px; height:30px; line-height:28px; border: 1px solid #BFBFBF; border-radius:5px; text-align:center; display:flex; justify-content:center; align-items:center; }
.sidemenu li a:active,
.sidemenu li a:focus,
.sidemenu li a:hover { border-color: #6e6e6e; background:#eef1fa; }


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

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