@charset "utf-8";

html, body { width:100%; overflow-x:hidden; overflow-y:auto; }

/* 레이아웃 */
#top { position:relative; width:100%; background:linear-gradient(180deg, #eaeaea 0%, #eaeaea 50px, #fff 50px); z-index:3; }
	#toparea { position:relative; width:1400px; height:219px; margin:0 auto; }

#container { position:relative; min-width:100%; width:100%; padding:56px 0 100px; background:#edf5fe; z-index:1; }
	#mcon1 { width:100%; margin-bottom:50px; }
	#mcon2 { width:100%; display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:40px;}
	
	.containerarer { width:1400px; margin:0 auto; }

#bottom { position:relative; width:100%; padding-top:40px; background:#444c57; color:#ccc; z-index:2; }


@media (min-width:1281px) and (max-width:1400px){
	#top { position:relative; width:100%; background:linear-gradient(180deg, #eaeaea 0%, #eaeaea 50px, #fff 50px); z-index:3; }
		#toparea { position:relative; width:100%; height:219px; padding:0 15px; margin:0 auto; }

	#container { position:relative; min-width:100%; width:100%; padding:56px 15px 100px; background:#edf5fe; z-index:1; }
		#mcon1 { width:100%; margin-bottom:50px; }
		#mcon2 { width:100%; display:flex; flex-wrap:nowrap; justify-content:flex-start; }	
		
		.containerarer { width:100%; margin:0 auto; }

	#bottom { position:relative; width:100%; padding:40px 30px 0 30px; background:#444c57; color:#ccc; z-index:2; }
}


@media (min-width:1025px) and (max-width:1280px){
	#top { position:relative; width:100%; background:linear-gradient(180deg, #eaeaea 0%, #eaeaea 50px, #fff 50px); z-index:3; }
		#toparea { position:relative; width:100%; height:219px; padding:0 15px; margin:0 auto; }

	#container { position:relative; min-width:100%; width:100%; padding:56px 15px 100px; background:#edf5fe; z-index:1; }
		#mcon1 { width:100%; margin-bottom:50px; }
		#mcon2 { width:100%; display:flex; flex-wrap:nowrap; justify-content:flex-start; }			
		
		.containerarer { width:100%; margin:0 auto; }

	#bottom { position:relative; width:100%; padding:40px 30px 0 30px; background:#444c57; color:#ccc; z-index:2; }
}


@media (min-width:769px) and (max-width:1024px){
	#top { position:relative; width:100%; border-bottom:1px solid #ddd; background:#fff; z-index:3; }
		#toparea { position:relative; width:100%; height:91px;margin:0 auto; }

	#container { position:relative; min-width:100%; width:100%; padding:46px 30px 75px; background:#edf5fe; z-index:1; }
		#mcon1 { width:100%; margin-bottom:50px; }
		#mcon2 { width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; }
					
		.containerarer { width:100%; margin:0 auto; }

	#bottom { position:relative; width:100%; padding:40px 30px 0 30px; background:#444c57; color:#ccc; z-index:2; }
}


@media (max-width:768px){
	#top { width:100%;  border-bottom:1px solid #ddd; background:#fff; z-index:3; }
		#toparea { position:relative; width:100%; height:71px; margin:0 auto; }

	#container { position:relative; min-width:100%; width:100%; padding:46px 15px 50px; background:#edf5fe; z-index:1; }
		
		.main { display:flex; flex-wrap:wrap; }
		#mcon1 { width:100%; margin-bottom:0px; order:2; }
		#mcon2 { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; oredr:1; }			
		
		.containerarer { width:100%; margin:0 auto; }

	#bottom { position:relative; width:100%; padding:40px 15px 0 15px; background:#444c57; color:#ccc; z-index:2; }
}



.inner { position:relative; max-width:1400px; margin:0 auto; overflow:hidden; }

@media (max-width:1400px){
	.inner { max-width:100%; }
}







/* 서브레이아웃 */
/* 서브레이아웃 */
/* 서브레이아웃 */
#scontainer { width:1400px; padding-top:50px; margin:0 auto 100px; }
	#sleft { float:left; width:280px; margin-right:60px; }
	#sright { float:left; position:relative; width:calc(100% - 340px); }
		#content { width:100%; }


@media (min-width:1281px) and (max-width:1400px){
	#scontainer { width:100%; padding:50px 15px 0; margin:0 auto 100px; }				
		#sleft { float:left; width:250px; margin-right:50px; }
		#sright { float:left; position:relative; width:calc(100% - 300px); }
			#content { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; padding:50px 15px 0; margin:0 auto 100px; }		
		#sleft { float:left; width:220px; margin-right:30px; }
		#sright { float:left; position:relative; width:calc(100% - 250px); }
			#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; padding-top:0; margin:0 auto 75px; }		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#scontainer { width:100%; padding-top:0; margin:0 auto 50px; }		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%;  }
			#content { width:100%; padding:0 15px; }
}













/* 타이틀 */
#top h1.title { position:absolute; left:0; top:75px; }
#top h1.title a { width:100%; height:60px; padding:9px 0 0 73px; background:url(/mnts/images/common/mark.png) no-repeat; color:#000; font-size:105%; display:inline-block; }

@media (min-width:1025px) and (max-width:1400px){
	#top h1.title { left:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:50%; top:15px; transform:translate(-50%, 0);}
}

@media (max-width:768px){
	#top h1.title { left:50%; top:15px; transform:translate(-50%, 0); }
	#top h1.title a { height:40px; line-height:40px; padding:0px 0 0 50px; background:url(/mnts/images/common/mark.png) no-repeat; background-size:auto 40px; font-size:75%; white-space:nowrap; }
}


/* 사이드바 타이틀 */
@media (max-width:1024px){
	.sidenav h1 { height:60px; line-height:60px; padding:0 0 0 50px; background:url(/mnts/images/common/mark.png) no-repeat 0 10px; background-size:auto 40px; color:#fff; font-weight:700; font-size:120%; letter-spacing:-1px; display:block; margin-left:15px; }
}







/* 슬로건 */
.slogan { position:absolute; top:82px; color:#123a5e; font-size:180%; font-weight:800; opacity:0;
	animation-name:sMove;
	animation-duration:8.0s; /* 걸리는 시간 */
	animation-fill-mode:forwards;
	animation-delay:0.5s;
	animation-timing-function:ease;
	animation-iteration-count:infinite; /* 반복횟수 */
	animation-direction:normal; /* 진행방향 alternate : 순방향 -> 역방향*/ 
}

.slogan span { color:#8e2f19; }


@keyframes sMove {
	0% { right:-100px; opacity:0; }
	20% { right:-100px; opacity:0; }
	40% { right:0px; opacity:1; }
	65% { right:0px; opacity:1; }
	90% { right:100px; opacity:0; }
	100% { right:100px; opacity:0; }
}	



@media (max-width:1400px){
	@keyframes sMove {
		0% { right:-100px; opacity:0; }
		20% { right:-100px; opacity:0; }
		40% { right:15px; opacity:1; }
		65% { right:15px; opacity:1; }
		90% { right:100px; opacity:0; }
		100% { right:100px; opacity:0; }
	}
}


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







/* 메인 메뉴 */
#menu { position:absolute; right:0px; bottom:0px; width:100%; height:59px; background:url(/mnts/images/inc/menubar.gif); }
#menu > .inner { overflow:visible; }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; width:auto; display:inline-block; }

#topMenu > li.li1 { position:absolute; left:0; top:0px; }
#topMenu > li.li2 { position:absolute; right:0; top:0px;  width:180px; display:flex; flex-direction:row-reverse; justify-content:flex-start; }

#topMenu > li.li2 > a > span { width:180px; height:59px; line-height:59px; background:#b22f37; text-align:center; display:inline-block; }
#topMenu > li.li1 > a > span { width:180px; height:59px; line-height:59px; background:#313575; text-align:center; display:inline-block; }

#topMenu > li.on { width:calc(100% - 180px); } 
#topMenu > li.on + li > ul { } 

#topMenu > li > a:link,
#topMenu > li > a:visited { width:auto; height:85px; vertical-align:top; color:#ccc; font-size:143%; font-weight:700; letter-spacing:-1px; display:inline-block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover { color:#fff;  }
#topMenu > li > a.on { color:#fff;  }



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

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

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


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



/* 서브메뉴 표시 */
#topMenu > li.li1 > ul { display:none; }
#topMenu > li.li2 > ul { display:none; }
#topMenu > li.li1.on > ul { display:block; margin-left:20px; }
#topMenu > li.li2.on > ul { display:block; position:absolute; right:180px; top:15px; width:auto; display:flex; flex-wrap:nowrap; justify-content:flex-end; }


#topMenu > li > ul { position:absolute; left:200px; top:16px; width:auto; clear:both; overflow:visible; display:flex; flex-wrap:nowrap; justify-content:flex-start; }
#topMenu > li > ul > li { float:left; position:relative; width:120px; display:inline-block; }


#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { height:auto; padding:0; background:none; color:#ccc; border:0; line-height:1.3; text-decoration:none; font-weight:600; font-size:110%; margin:0; letter-spacing:-1px;  }
#topMenu > li > ul > li > a:active,
#topMenu > li > ul > li > a:hover,
#topMenu > li > ul > li > a:focus,
#topMenu > li > ul > li > a.select { clear:both; color:#fff; }


#topMenu > li > ul > li > ul { display:none; overflow:visible; margin-top:30px; }

#topMenu > li > ul > li > ul > li > a:link,
#topMenu > li > ul > li > ul > li > a:visited { width:100%; height:auto; padding:0; color:#555; border:0; line-height:1.3; text-decoration:none; font-weight:normal; font-size:95%; letter-spacing:-1px; display:block; margin:7px 0; }
#topMenu > li > ul > li > ul > li > a:active,
#topMenu > li > ul > li > ul > li > a:hover,
#topMenu > li > ul > li > ul > li > a:focus,
#topMenu > li > ul > li > ul > li > a.select { clear:both; color:#06c; }






.submenu { display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:219px; width:100%; height:133px; border-top:1px solid #ddd; border-bottom:3px solid #ff5244; background:#fff; display:none; z-index:-1; pointer-events: none; }


@media (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
	.menubox { width:0; height:0; border:0; line-height:0; }
}	















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



.leftmenu { position:relative; width:100%; margin-bottom:30px; }
.leftmenu h1 { height:120px; padding-top:30px; border-radius:10px 30px 10px 10px; background:linear-gradient(120deg, #73a9c8, #313575, #53237d); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); margin-bottom:10px; font-size:200%; font-weight:800;
	animation : leftmenu 10s ease-in-out infinite;
}
.leftmenu h1:after { content:'울릉군의회 회의록'; font-size:50%; font-weight:normal; text-shadow:none; opacity:0.8; display:block; margin-top:5px; }

.leftmenu > ul > li > ul { width:100%; overflow:visible; }
.leftmenu > ul > li > ul > li { width:100%;  }
.leftmenu > ul > li > ul > li > a:link,
.leftmenu > ul > li > ul > li > a:visited { width:100%; height:50px; line-height:48px; padding-left:15px; border:1px solid #ddd; border-radius:3px; background:url(/mnts/images/inc/leftmenu_blt1_off.gif) no-repeat right top; font-size:105%; display:block; margin-bottom:7px; }
.leftmenu > ul > li > ul > li > a:active,
.leftmenu > ul > li > ul > li > a:focus,
.leftmenu > ul > li > ul > li > a:hover,
.leftmenu > ul > li > ul > li > a.select { border:1px solid #4b5eab; font-weight:bold; background:#f3f5fd url(/mnts/images/inc/leftmenu_blt1_on.gif) no-repeat right top; color:#4b5eab; box-shadow:0px 0px 8px rgba(75,94,171,0.2);}

.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:30px; line-height:30px; padding-left:15px; box-sizing:border-box; background:url(/mnts/images/inc/leftmenu_blt2_off.gif) no-repeat 0px 12px; color:#666; font-size:95%; font-family: pgovm; 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(/mnts/images/inc/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#415bc0; }
.leftmenu > ul > li > ul ul li a.select { background:url(/mnts/images/inc/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#415bc0; font-weight:700;  }



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





.vodLeft .leftmenu h1 { background:linear-gradient(120deg, #d63974, #b22f37, #714b2f); background-size:200%;  }


.vodLeft .leftmenu > ul > li > ul > li > a:active,
.vodLeft .leftmenu > ul > li > ul > li > a:focus,
.vodLeft .leftmenu > ul > li > ul > li > a:hover,
.vodLeft .leftmenu > ul > li > ul > li > a.select { border:1px solid #8e1b1f; background:#fdf3f3 url(/mnts/images/inc/leftmenu_blt1_on2.gif) no-repeat right top; color:#8e1b1f; box-shadow:0px 0px 8px rgba(75,94,171,0.2);}


.vodLeft .leftmenu > ul > li > ul ul li a:active,
.vodLeft .leftmenu > ul > li > ul ul li a:focus,
.vodLeft .leftmenu > ul > li > ul ul li a:hover { background:url(/mnts/images/inc/leftmenu_blt2_on2.gif) no-repeat 0px 13px; color:#8e1b1f; }
.vodLeft .leftmenu > ul > li > ul ul li a.select { background:url(/mnts/images/inc/leftmenu_blt2_on2.gif) no-repeat 0px 13px; color:#8e1b1f; font-weight:700;  }









/* 패스바 */
.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(/mnts/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; }





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

}


@media (max-width:768px){
	.pathbar { top:0; height:50px; }
	.pathbar > ul { height:50px; overflow:visible; }
	.pathbar > ul > li { width:calc(50% - 51px); height:50px; line-height:50px; }
	.pathbar > ul > li.home { width:51px; }
	.pathbar > ul > li.home.print { border-left:none; }

	
	
	.pathbar > ul > li.home > a:link,
	.pathbar > ul > li.home > a:visited { width:51px; }
	
	.pathbar > ul > li.home a img { position:relative; top:-5px; left:-5px;}
	
	.pathbar > ul > li.depth > a:link,
	.pathbar > ul > li.depth > a:visited { padding-left:5px; letter-spacing:-1.5px; background-position:103% -5px; }

	.pathbar ul li ul.ulMenu1 { top:50px; }
	.pathbar ul li ul.ulMenu2 { top:50px; }
	
	.pathbar ul li ul a:link,
	.pathbar ul li ul a:visited { padding:8px 0 8px 5px; letter-spacing:-1.5px; }
}






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

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

.pagetitle h1 { padding:20px 0 0 0px; font-weight:800; font-size:250%; 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 (min-width:769px) and (max-width:1024px){
	.pagetitle { height:120px; }
	
	.pagetitle .path { top:80px; }	
	.pagetitle h1 { padding:32px 0 0 0px; font-size:200%;  }
	
	.pagetitle .snsbtn { bottom:15px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.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; border-bottom:1px solid #1d276a; box-sizing:border-box; background:#2f4672; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h1 { padding:40px 15px 0 15px; font-size:200%; }

	.pagetitle .snsbtn { right:8px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:8px; }
}









/* 홈페이지 공용 부분 */
/* 홈페이지 공용 부분 */
/* 홈페이지 공용 부분 */


/* 모바일용 상단 버튼 */
.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; left:30px; top:28px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:30px; top:28px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:84px; top:28px; display:block;}
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:15px; 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; }
}



/* 모바일용 외부 링크 */
.mobileLink { display:none; width:0; height:0; overflow:hidden; }

@media (max-width:1024px){
	.mobileLink { position:absolute; left:0; top:90px; width:100%; height:auto; border-bottom:2px solid #ff5244; background:#fafafa; overflow:visible; z-index:10; }
	.mobileLink ul { width:100%; padding:1px 0 0 1px; overflow:hidden; display:flex; justify-content:space-between; }
	.mobileLink ul li { float:left; width:calc(100% + 1px); height:40px; line-height:38px; border:1px solid #ddd; text-align:center; font-size:90%; letter-spacing:-0.5px; margin:-1px 0 0 -1px; }
	.mobileLink ul li:first-child { border-left:none; }
	.mobileLink ul li:last-child { border-right:none; }
    	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; background:#fff; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { color:#0a72a7; }
}


@media (max-width:768px){
	.mobileLink { top:70px; }
}




/* 외부 링크 */
.underLink { position:relative; float:left; z-index:100; }
.underLink p { padding-left:34px; background:url(/mnts/images/common/icon_taegeukgi.gif) no-repeat 0 50%; color:#333; line-height:50px; font-size:90%;}



@media (min-width:1025px) and (max-width:1400px){
	.underLink > ul { margin-left:0; }
	.underLink > ul > li:first-child { border-left:none; }
}

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





/* 사이드메뉴 */
.sidemenu { float:right; }

.sidemenu ul { float:left; position:relative; width:auto; margin-top:10px; }
.sidemenu ul li { position:relative; float:left; margin-left:5px; }

.sidemenu ul li a:link,
.sidemenu ul li a:visited { width:30px; height:30px; line-height:30px; background:#999999; text-align:center; transition:0.3s; display:block; }
.sidemenu ul li a:active,
.sidemenu ul li a:focus,
.sidemenu ul li a:hover { background:#334488; }

.sidemenu ul li:first-child { margin-right:20px; }
.sidemenu ul li:first-child a:link,


.sidemenu ul li:first-child a:visited { width:auto; background:none; color:#555; font-size:90%; text-align:left; }
.sidemenu ul li:first-child a:active,
.sidemenu ul li:first-child a:focus,
.sidemenu ul li:first-child a:hover { color:#334488; }

@media (min-width:1025px) and (max-width:1400px){
	.sidemenu ul li:last-child { border-right:none; }
}



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


















/* 바로가기 */
.skip-nav { position:fixed; top:0; left:0; width:100%; z-index:99999999; }
.skip-nav a { position:absolute; top:0; left:0; width:0; height:0; font-size:0; }
.skip-nav a:focus { display:flex; justify-content:center; align-items:center; width:100%; height:3.2rem; background:#000; font-size:1.7rem; color:#fff; }















/* 상단 누리집지도 버튼 */
.sitemapBtn { position:absolute; right:50px; top:90px; }


@media (min-width:1281px) and (max-width:1400px){
	.sitemapBtn { right:30px; }
}


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

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











/* 공식 배너 */
#top-ban { background-color: #EEF2F7; }
#top-ban .inner { padding:0.4rem 0; }
#top-ban .nuri { display:flex; align-items:center; font-size:1.6rem; }
#top-ban .nuri::before { display:inline-flex; content:''; width:2.4rem; height:1.6rem; background:url(/mnts/images/common/ico_flag.svg) no-repeat center/cover; margin-right:0.8rem; }

@media (max-width: 1440px) {
	#top-ban .inner { padding:0.4rem 2.4rem; }
}

@media (max-width: 768px) {
	#top-ban .inner { padding:0.4rem 1.6rem; }
	#top-ban .nuri { font-size:1.5rem; }
}




/* 상단모바일 */
.mobileArea { display:none; }

@media (max-width: 1024px) {
	.mobileArea { display:block; }
}







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





/* 하단 */
#bottom .inner h1 { width:100%; height:60px; padding:9px 0 0 73px; background:url(/mnts/images/common/mark.png) no-repeat; color:#ccc; font-size:210%; display:inline-block; margin-bottom:30px; }

#bottom .addArea { padding-bottom:34px; border-bottom:1px solid #757a80; margin-bottom:34px; }
#bottom .copyArea { padding-bottom:80px; }
#bottom .copyArea p { font-size:90%; font-weight:100; }

#bottom .abtnTop { position:absolute; right:0; bottom:0;  }


@media (max-width: 1024px) {
	#bottom .inner h1 { height:50px; padding:5px 0 0 63px; background-size:auto 50px; font-size:180%; }

	#bottom .addArea { font-size:90%; }
	#bottom .copyArea { font-size:90%; }
}