@charset "utf-8";


/* 레이아웃 */

#gaonwrap { min-width:140rem; width:100%; }

#top { position:relative; min-width:140rem; width:100%; height:15.9rem; border-bottom:1px solid #ddd; z-index:100; }
	#toparea { position:relative; width:140rem; margin:0 auto; display:flex; justify-content:space-between; align-items:center;  }
	
#container { position:relative; min-width:100%; width:100%; z-index:1; }	
	.inner { position:relative; width:140rem; margin:0 auto;  }
	
        #cont1 { position:relative; width:100%; padding:5.2rem 0 7.2rem; background:#082e2e url(/mnts/images/main/cont1_bg1.png); overflow:hidden; z-index:1; }
		#cont1:after { content:''; position:absolute; right:0; top:50%; width:100%; height:100%; background:url(/mnts/images/main/cont1_bg2.png) no-repeat right 50% / contain; display:inline-block; transform:translate(0, -50%); z-index:-1; }
        #cont2 { position:relative; width:100%; padding:7.2rem 0 10rem; background:#f4f4f4 url(/mnts/images/main/cont2_bg1.png) no-repeat 0 50%; }
		#cont2:before { content:''; position:absolute; right:0; top:0; width:100%; height:100%; background:url(/mnts/images/main/cont2_bg2.png) no-repeat right 50%; display:block; }
	
#bottom { position:relative; width:100%; background:#444c57; z-index:2; }	



@media (min-width:1281px) and (max-width:1400px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:15.9rem; border-bottom:1px solid #ddd; z-index:100; }
		#toparea { position:relative; width:100%; padding:0 2.4rem; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%; padding:0 2.4rem; margin:0 auto; }
		
            #cont1 { position:relative; width:100%; padding:5.2rem 0 7.2rem; background:#082e2e url(/mnts/images/main/cont1_bg1.png); overflow:hidden; z-index:1; }
			#cont1:after { content:''; position:absolute; right:0; top:50%; width:100%; height:100%; background:url(/mnts/images/main/cont1_bg2.png) no-repeat right 50% / contain; display:inline-block; transform:translate(0, -50%); z-index:-1; }
		    #cont2 { position:relative; width:100%; padding:7.2rem 0 10rem; background:#f4f4f4 url(/mnts/images/main/cont2_bg1.png) no-repeat 0 50%; }
			#cont2:before { content:''; position:absolute; right:0; top:0; width:100%; height:100%; background:url(/mnts/images/main/cont2_bg2.png) no-repeat right 50%; display:block; }


}


@media (min-width:1025px) and (max-width:1280px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:15.9rem; border-bottom:1px solid #ddd; z-index:100; }
		#toparea { position:relative; width:100%; padding:0 2.4rem; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%; padding:0 2.4rem; margin:0 auto; }
		
            #cont1 { position:relative; width:100%; padding:5.2rem 0 7.2rem; background:#082e2e url(/mnts/images/main/cont1_bg1.png); overflow:hidden; z-index:1; }
			#cont1:after { content:''; position:absolute; right:0; top:50%; width:100%; height:100%; background:url(/mnts/images/main/cont1_bg2.png) no-repeat right 50% / contain; display:inline-block; transform:translate(0, -50%); z-index:-1; }
		    #cont2 { position:relative; width:100%; padding:7.2rem 0 10rem; background:#f4f4f4 url(/mnts/images/main/cont2_bg1.png) no-repeat 0 50%; }
			#cont2:before { content:''; position:absolute; right:0; top:0; width:100%; height:100%; background:url(/mnts/images/main/cont2_bg2.png) no-repeat right 50%; display:block; }
			

}


@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:12.5rem; border-bottom:1px solid #ddd; z-index:100; }
		#toparea { position:relative; width:100%; padding:0 2.4rem; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%;  padding:0 2.4rem; margin:0 auto; }
		
            #cont1 { position:relative; width:100%; padding:4.8rem 0 6.4rem; background:#082e2e url(/mnts/images/main/cont1_bg1.png); overflow:hidden; z-index:1; }
			#cont1:after { display:none; }
		    #cont2 { position:relative; width:100%; padding:6.4rem 0 6.4rem; background:#f4f4f4 url(/mnts/images/main/cont2_bg1.png) no-repeat 0 50%; }
			#cont2:before { content:''; position:absolute; right:0; top:0; width:100%; height:100%; background:url(/mnts/images/main/cont2_bg2.png) no-repeat right 50%; display:block; }
			

}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:10.5rem; border-bottom:1px solid #ddd; z-index:100; }
		#toparea { position:relative; width:100%; padding:0 1.6rem; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%; padding:0 1.6rem; margin:0 auto; }
		
            #cont1 { position:relative; width:100%; padding:4rem 0 5.6rem; background:#082e2e url(/mnts/images/main/cont1_bg1.png); overflow:hidden; z-index:1; }
			#cont1:after { display:none; }
		    #cont2 { position:relative; width:100%; padding:5.6rem 0 5.6rem; background:#f4f4f4 url(/mnts/images/main/cont2_bg1.png) no-repeat 0 50%; }
			#cont2:before { content:''; position:absolute; right:0; top:0; width:100%; height:100%; background:url(/mnts/images/main/cont2_bg2.png) no-repeat right 50%; display:block; }
}



/* 건너뛰기 */   
.skipNav { position:absolute; left:0; right:0; top:-2px; width:100%; text-align:center; z-index:10000;}
.skipNav a { display:block; color:#fff; height:1px; overflow:hidden;}
.skipNav a:focus,
.skipNav a:active { height:30px; line-height:30px; background:#da131a; color:#fff !important; font-size:110%; }
.rotate>* {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}




/* 상단배너 */
#top-ban { width:100%; height:5rem; line-height:5rem; background:#eef1f6; }
#top-ban > .inner { display:flex; justify-content:space-between; height:100%; }
#top-ban .nuri { padding-left:3.1rem; background:url(/mnts/images/common/icon_taegeukgi.gif) no-repeat 0 50%; font-size:1.6rem; }

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

@media (max-width:1024px){
	#top-ban { height:3.2rem; line-height:3.2rem; }
	#top-ban .nuri { font-size:1.5rem; }
}

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




/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { position:absolute; right:3rem; top:5rem; text-align:center; font-size:1.5rem; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#333; }
	.mobileTopBtn img { width:3.4rem; display:block; margin-bottom:0; }
}


@media (max-width:768px){
	
	.mobileTopBtn { position:absolute; right:1.6rem; top:4.6rem; text-align:center; font-size:1.4rem; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#333; }
	.mobileTopBtn img { width:2.2rem; display:block; margin-bottom:-0.2rem; }
}




/* 외부 링크 */
.underLink { position:relative; float:right; z-index:100; display:flex; }
.underLink .underLinkUl { display:flex; justify-content:space-between; }
.underLink .underLinkUl > li { position:relative; width:12rem; padding-top:0.5rem; }

.underLink .underLinkUl > li > a:link,
.underLink .underLinkUl > li > a:visited { height:4.5rem; line-height:4.5rem; color:#555; font-size:1.6rem; text-align:center; display:block; }
.underLink .underLinkUl > li > a:active,
.underLink .underLinkUl > li > a:focus,
.underLink .underLinkUl > li > a:hover { color:#14938a; }
.underLink .underLinkUl > li > a.select { border-radius:0.4rem 0.4rem 0 0; background:#fff; color:#333; font-weight:700; }

.underLink .underLinkUl > li a svg { color:#14938a; }

.underLink .underLinkUl > li:nth-child(2) > a {  background:#fff; color:#000; font-weight:700; }


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





/* 사이드메뉴 */
.sidemenu { float:left; position:relative; display:flex; justify-content:flex-start; gap:0.5rem; margin:1rem 0 0 2rem; }
.sidemenu li {  }
.sidemenu li a:link,
.sidemenu li a:visited { width:3rem; height:3rem; line-height:3rem; border-radius:0.4rem; background:#999; text-align:center; display:block; }
.sidemenu li a:active,
.sidemenu li a:focus,
.sidemenu li a:hover { background:#14938a;  }


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

}

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





/* 타이틀 */
#top h1.title { height:6rem; margin-top:0rem; }
#top h1.title a { width:100%; height:60px; padding:0 0 0 7.2rem; background:url(/mnts/images/common/mark.png) no-repeat; background-size:auto 6rem; color:#000; display:inline-block; word-break:keep-all; }
#top h1.title a span { padding-left:1px; font-size:2.0rem; font-weight:700; display:block; margin:-1px 0 -1px 0; }
#top h1.title a strong { font-size:3.5rem; font-weight:700; } 

@media (min-width:769px) and (max-width:1024px){
	#top h1.title { margin-top:1.6rem; }	
}

@media (max-width:768px){
	#top h1.title { margin-top:1.6rem; }
	#top h1.title a { height:4rem; padding:0 0 0 50px; background-size:auto 4rem; }
	#top h1.title a span { font-size:1.3rem; margin:-1px 0 1px 1px; }
	#top h1.title a strong { position:relative; top:-11px; font-size:2.2rem; }
}





/* 메인 메뉴 */
#menu { z-index:99; }
#topMenu { position:relative; max-width:1400px; width:100%; overflow:visible !important; margin:0 auto; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; }

#topMenu > li > a:link,
#topMenu > li > a:visited { position:relative; padding:0 6rem; vertical-align:middle; line-height:10.9rem; color:#111; font-size:2.3rem; font-weight:700; letter-spacing:-1px; word-break:keep-all; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#14938a;  }



@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { position:relative; padding:0 5rem; }
}



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


/* 서브메뉴 표시 */
#topMenu > li:hover > ul { background:#fafafa; }
#topMenu > li > ul { position:absolute; left:0; top:10.8rem; width:100%; height:22.7rem; padding:10px 0 0 0px; border-top:1px solid #ddd; border-left: 1px solid #eee; background:#fff; display:none; clear:both; z-index:1003;   }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px;  text-align:left; display:block; }
#topMenu > li > ul.end { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { height:auto; padding:0; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-size:1.5rem; 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:#2268bd; }

#topMenu > li > ul > li > ul.mdepth3 { width:0; height:0; font-size:0; display:none; }

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

.menubox { position:absolute; left:0; top:15.8rem; width:100%; height:23.0rem; border-top:1px solid #ddd; border-bottom:3px solid #14938a; background:#fff; display:none; z-index:10; }


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







/* 하단 */
#bottom > .inner { padding:4rem 0 7.4rem; color:#ccc; word-break:keep-all; }
#bottom .inner h2 { height:6rem; line-height:5.4rem; padding:0 0 0 7.3rem; background:url(/mnts/images/common/mark.png) no-repeat; color:#ccc; font-size:4rem; display:inline-block; margin-bottom:3rem; }

#bottom .addArea { padding-bottom:4rem; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:4rem; }
#bottom .addArea ul { display:flex; justify-content:flex-start; flex-direction:column; gap:0.5rem; }
#bottom .copyArea { }
#bottom .copyArea p { font-size:90%; font-weight:100; }

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


@media (max-width:1400px) {
	#bottom > .inner { padding:4rem 2.4rem 7.4rem; color:#ccc; }
}

@media (max-width:768px) {
	#bottom > .inner { padding:4rem 1.6rem 7.4rem; color:#ccc; }
	#bottom .addArea, 
	#bottom .copyArea { font-size:1.5rem; }
}









/* 서브레이아웃 */
#sContainer { width:140rem; padding:4rem 0 10rem; margin:0 auto; z-index:1; display:flex; justify-content:space-between; }
	#sLeft { width:28rem; margin-right:6rem; }
	#sRight { width:calc(100% - 34rem); }
		#content { width:100%; }


@media (min-width:1281px) and (max-width:1400px){
	#sContainer { width:100%; padding:4rem 2.4rem 10rem; background:linear-gradient(180deg, rgba(245, 248, 255, 0.7) 0%, rgba(255, 255, 255, 0.4) 60%); margin:0 auto 100px; z-index:1; }				
	#sContainer > .inner { padding:0 ; }

		#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:4rem 2.4rem 10rem; background:linear-gradient(180deg, rgba(245, 248, 255, 0.7) 0%, rgba(255, 255, 255, 0.4) 60%); margin:0 auto 100px; z-index:1; }		
	#sContainer > .inner { padding:0; }

		#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:0 0 7.2rem; background:none; }		
	#sContainer > .inner { padding:0; }

		#sLeft { display:none; }
		#sRight { float:none; position:relative; width:100%; padding:0 24px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#sContainer { width:100%; padding:0rem 0 5.2rem; background:none; }
	#sContainer > .inner { padding:0; }

		#sLeft { display:none; }
		#sRight { float:none; position:relative; width:100%;  }
			#content { width:100%; padding:0 16px; }
}





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



.leftMenu { position:relative; width:100%; margin-bottom:3rem; }
.leftMenu h2 { height:12rem; padding-top:2.8rem; border-radius:1rem 4rem 1rem 1rem; background:linear-gradient(120deg, #14938a, #465aa3, #573099); background-size:200%; color:#fff; text-align:center; text-shadow:0.2rem 0.2rem 0.5rem rgba(0,0,0,0.4); margin-bottom:1rem; font-size:3.3rem; font-weight:700; overflow:hidden;
	animation : leftMenu 10s ease-in-out infinite; 
}
.leftMenu h2:after { content:'검단구의회'; width:80%; font-size:1.8rem; font-weight:normal; text-shadow:none; text-align:center; opacity:0.8; display:block; margin:0.8rem auto 0; }

.leftMenu > ul > li > ul { width:100%; overflow:visible; } /* 2뎁스 메뉴들 */
.leftMenu > ul > li > ul > li { width:100%;  }
.leftMenu > ul > li > ul > li > a:link,
.leftMenu > ul > li > ul > li > a:visited { width:100%; height:5rem; line-height:4.8rem; padding-left:1.6rem; border:1px solid #ddd; border-radius:0.4rem; background:url(/mnts/images/common/leftMenu_blt1_off.gif) no-repeat right 1rem top 50%; font-size:1.8rem; display:block; margin-bottom:0.7rem; }
.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:700; background:#f3f5fd url(/mnts/images/common/leftMenu_blt1_on.gif) no-repeat right 1rem top 50%; color:#4b5eab; box-shadow:0 0 0.8rem rgba(75,94,171,0.2); }

.leftMenu > ul > li > ul ul {  width:100%; padding:1rem 1.6rem; border-bottom:1px solid #ddd; background:#fafafa; display:none; margin-top:-0.7rem; margin-bottom:0.8rem; }  /* 3뎁스 메뉴들 */
.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%; line-height:1.3; padding:0.4rem 1.6rem; background:url(/mnts/images/common/leftMenu_blt2_off.gif) no-repeat 0 1.2rem; color:#666; font-size:1.6rem; 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/common/leftMenu_blt2_on.gif) no-repeat 0 1.2rem; color:#1d6c17; }
.leftMenu > ul > li > ul ul li a.select { background:url(/mnts/images/common/leftMenu_blt2_on.gif) no-repeat 0 1.2rem; color:#1d6c17; font-weight:700;  }



@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(/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:12rem; border-bottom:1px solid #ddd; margin-bottom:5rem; }

.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; }
}