@charset "utf-8";


/* 레이아웃 */
#sjclwrap { min-width:1400px; width:100%; }

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1400px; height:170px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:1400px; width:100%; z-index:2;    }

	#cont1 { position:relative; width:100%; overflow:hidden; margin:0 auto; }
    #cont2 { position:relative; width:100%; background:url(/images/child/main/cont2_bg.jpg) no-repeat 50% top; margin:0 auto;}
		.containerarea { width:1400px; margin:0 auto;  }

 #bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
	#bottomarea { position:relative; width:1400px; padding:32px 0 70px 0; margin:0 auto; z-index:5; }
		


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

	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:170px; margin:0 auto; overflow:visible; z-index:1005; } 

	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%; overflow:hidden; margin:0 auto; }
		#cont2 { position:relative; width:100%; padding:0 15px; background:url(/images/child/main/cont2_bg.jpg) no-repeat 50% top; margin:0 auto;}
			.containerarea { width:100%; margin:0 auto;  }

	#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; z-index:5; }
}	


@media (min-width:1025px) and (max-width:1280px){
	html, body, #sjclwrap { min-width:100%; width:100%; }		
	
	#top {  position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:170px; margin:0 auto; overflow:visible; z-index:1005; }	
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%; overflow:hidden; margin:0 auto; }
		#cont2 { position:relative; width:100%; padding:0 15px; background:url(/images/child/main/cont2_bg.jpg) no-repeat 50% top; margin:0 auto;}
			.containerarea { width:100%; margin:0 auto;  }
	
		
#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (min-width:769px) and (max-width:1024px){
	html, body, #sjclwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; z-index:1005; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%; overflow:hidden; margin:0 auto; }
		#cont2 { position:relative; width:100%; padding:30px 30px; background:#bad7f6 url(/images/child/main/cont2_bg.jpg) 50% top; margin:0 auto;}
			.containerarea { width:100%; margin:0 auto;  }
	
		
	#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 30px 70px 30px; margin:0 auto; z-index:5; }
}

@media (max-width:768px){
	html, body, #sjclwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; z-index:1005; }
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%; overflow:hidden; margin:0 auto; }
		#cont2 { position:relative; width:100%; padding:15px 15px; background:#bad7f6 url(/images/child/main/cont2_bg.jpg) no-repeat 50% top; margin:0 auto;}
			.containerarea { width:100%; margin:0 auto;  }
	
			
	#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; font-size:90%; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; z-index:5; }
}



/* 사이드메뉴 숨기기 */
.mobileTopBtn li.mobileTopBtn3 { display:none; }
.sidemenu ul li:nth-child(1),
.sidemenu ul li:nth-child(2),
.sidemenu ul li:nth-child(3),
.sidemenu ul li:nth-child(4) { display:none; }






/* 타이틀 */
#top h1.title { position:absolute; left:0; top:75px;  }


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


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



@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:calc(50% - 90px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:60px; }

	.sidenav h1 img { height:40px; }
	
}


@media (max-width:768px){
	#top h1.title { left:calc(50% - 65px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:40px; }

	.sidenav h1 img { height:40px; } 
}



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

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

.pagetitle h1 { padding:41px 0 0 0px; font-family:esamanru-Medium, "이사만루 미디엄"; 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; }


@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; box-sizing:border-box; background:#10186b; 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; }
}












/* locl 메뉴 */
#menu { position:absolute; right:0px; top:100px; }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; }
#topMenu > li:last-child span { position:relative; top:-5px; }

#topMenu > li > a:link,
#topMenu > li > a:visited { height:75px; vertical-align:top; padding:0 70px; color:#222; font-size:145%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#e82172; }


@media (min-width:1025px) and (max-width:1152px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 60px;  }
}


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




/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:70px; width:100%; height:126px; 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 { width:100%; height:auto; padding:0; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:90%; 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:#2a8e9d; font-weight:bold; }

#topMenu > li > ul > li > a.st { letter-spacing:-2px; }

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

.menubox { position:absolute; left:0; top:170px; width:100%; height:129px; border-top:1px solid #ddd; border-bottom:3px solid #ff5244; 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; }
}	
	





/* 메인비주얼 */
.mVisible { position:relative; width:100%; height:auto; }
.mVisible .mText { position:absolute; left:0; right:0; top:40px;  text-align:center; }
.mVisible .mText .txt1 { color:#0c3b6f; font-size:245%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:5px;  }
.mVisible .mText .txt2 { color:#000; font-size:150%;   }
.mVisible img { width:100%; }

@media (min-width:1281px) and (max-width:1400px){
	.mVisible { padding-top:180px; background:#edeef2; }
	.mVisible .mText { top:50px; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mVisible { padding-top:180px; background:#edeef2; }
	.mVisible .mText { top:50px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mVisible { padding-top:160px; background:#edeef2; }
	.mVisible .mText { top:40px; }
	.mVisible .mText .txt1 { font-size:220%; }
}

@media (max-width:768px){
	.mVisible { padding-top:140px; background:#edeef2; }
	.mVisible .mText { top:25px; padding:0 15px;  word-break:keep-all; }
	.mVisible .mText .txt1 { font-size:160%; }
	.mVisible .mText .txt2 { font-size:130%;   }
	
}

@media (max-width:500px){
	.mVisible { padding-top:170px; }
	.mVisible .mText { top:25px; }	
}






/* 퀵메뉴 */
.mQuick { position:relative; top:-90px; background:#fff; padding:30px 0; border-radius:30px; margin:0 auto; }
.mQuick ul { width:1200px; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto;}
.mQuick ul li {  width:170px; }

.mQuick ul li a:link,
.mQuick ul li a:visited { width:100%; height:170px; padding-top:20px; border-radius:25px; background:#ddeefe; color:#000; font-size:110%; text-align:center; letter-spacing:-1px; transition:0.2s; display:block; }
.mQuick ul li a:active,
.mQuick ul li a:focus,
.mQuick ul li a:hover,
.mQuick ul li a.select { background:#ffb3b3; color:#fff; }

.mQuick ul li i { display:block; margin-bottom:5px; }


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

}

@media (min-width:1025px) and (max-width:1280px){
	.mQuick ul { width:100%; padding:0 15px; }
	.mQuick ul li {  width:160px; }
}


@media (min-width:769px) and (max-width:1024px){
	.mQuick { top:0px; }
	.mQuick ul { width:100%; padding:0 30px; justify-content:center; }
	.mQuick ul li {  width:calc(33.333% - 40px); margin:0 20px 40px 20px; }

	.mQuick ul li:nth-child(4),
	.mQuick ul li:nth-child(5) { margin:0 20px 0 20px; }
}


@media (max-width:768px){
	.mQuick { top:0;  }
	.mQuick ul { width:100%; padding:0 15px; justify-content:center; }
	.mQuick ul li {  width:calc(33.333% - 20px); margin:0 10px 20px 10px; }

	.mQuick ul li a:link,
	.mQuick ul li a:visited { height:130px; font-size:100%; }

	.mQuick ul li i img { height:60px; }

	.mQuick ul li:nth-child(4),
	.mQuick ul li:nth-child(5) { margin:0 10px 0 10px; }
	
}


@media (max-width:425px){
	.mQuick ul { padding:0 10px; }
	.mQuick ul li {  width:calc(33.333% - 10px); margin:0 5px 20px 5px; }

	.mQuick ul li:nth-child(4),
	.mQuick ul li:nth-child(5) { margin:0 5px 0 5px; }

}

	



/* 하단 */
#bottom:before { content:''; position:absolute; left:0; right:0; top:-60px; width:100%; height:60px; background:url(/images/common/bottom_bg.png) no-repeat 50% top; }

#bottom #bottomarea .bottomMenu { margin-bottom:20px; }
#bottom #bottomarea .bottomMenu ul li { float:left; padding:0; margin-right:30px; }
#bottom #bottomarea .bottomMenu ul li:last-child { margin-right:0px; }


#bottom #bottomarea .bottomMenu ul li a:link,
#bottom #bottomarea .bottomMenu ul li a:visited { color:#ccc; }
#bottom #bottomarea .bottomMenu ul li a:active,
#bottom #bottomarea .bottomMenu ul li a:focus,
#bottom #bottomarea .bottomMenu ul li a:hover { color:#fff; }

#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:link,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:visited { color:#fcd700; }
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:active,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:focus,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:hover { color:#ffa646; }


#bottom #bottomarea address { margin:0 0 10px 0; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { line-height:1.5; font-size:90%; font-family:Arial, Helvetica, sans-serif; } 

#bottom .topbtn { position:absolute; right:0; bottom:0px; z-index:100001; }


@media (max-width:768px){
	.mbottom:before { background:#e9e9e9 url(/images/common/bottom_bg.png) no-repeat 50% top !important; }
	
	#bottom #bottomarea .bottomMenu ul li { margin-right:10px; }
	#bottom #bottomarea .bottomMenu ul li:nth-child(3) { margin-right:0; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { line-height:26px; }
	

}