@charset "utf-8";


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

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; background:url(/images/common/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1400px; height:165px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:1400px; width:100%; z-index:2; }
	
	#cont1 { position:relative; width:100%; height:690px; background:#84ccc9 url(/images/child/main/visible_pc_img.png) no-repeat left top; overflow:hidden; transition:0.3s; }		
		.containerarea { position:relative; width:1400px; height:690px; margin:0 auto; }	
		
#bottom { width:100%; background:#fff; border-top:2px solid #ddd; z-index:4; }
	#bottomarea {position:relative; width:1400px; padding:35px 0 70px 0; margin:0 auto; z-index:5; }



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

	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; height:690px; background:#84ccc9 url(/images/child/main/visible_pc_img.png) no-repeat -120px top; overflow:hidden; }		
			.containerarea { position:relative; width:100%; height:690px; padding:0 15px; margin:0 auto; }	
			
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:35px 15px 70px 15px; margin:0 auto; z-index:5; }
}


@media (min-width:1025px) and (max-width:1280px){
	html, body, #gaonwrap { min-width:100%; width:100%; }		
	
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; }	
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; height:750px; padding:40px 30px; background:#84ccc9 url(/images/child/main/visible_pc_img2.png) no-repeat 50% -150px; overflow:hidden; }		
			.containerarea { position:relative; width:100%; height:750px; padding:0 15px; margin:0 auto; }
		
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:35px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { 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; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
	
		#cont1 { position:relative; width:100%; height:750px; padding:30px 30px; background:#84ccc9 url(/images/child/main/visible_pc_img2.png) no-repeat 50% 0px; background-size:contain; overflow:hidden; }
			.containerarea { width:100%; height:750px; margin:0 auto; }
				
		
	
		
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea {position:relative; width:100%; padding:35px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (max-width:768px){
	html, body, #gaonwrap { 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; }
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
	
		#cont1 { position:relative; width:100%; height:auto; padding:30px 15px;  background:#84ccc9 url(/images/child/main/visible_pc_img2.png) no-repeat 50% 0px; background-size:contain; overflow:hidden; }
			.containerarea { width:100%; height:auto; margin:0 auto; }
				
		
	
			
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea {position:relative; width:100%; padding:25px 15px 70px 15px; margin:0 auto; z-index:5; }
}







/* 타이틀 */
#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% - 130px); 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% - 86px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:40px; }
	
	.sidenav h1 img { height:40px; } 
}



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

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

#topMenu > li > a:link,
#topMenu > li > a:visited { height:120px; vertical-align:top; padding:0 50px; color:#222; font-size:125%; 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:#fd8922;  }


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

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

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

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


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






/* 슬로건 */
.mSlogan { position:absolute; right:120px; top:130px; }
.mSlogan .txt1 { color:#000; font-size:275%; font-family:esamanru-Medium, "이사만루 미디엄"; line-height:1.3; margin-bottom:15px; }
.mSlogan .txt1 strong { position:relative; color:#fff45c; }
.mSlogan .txt1 i { position:relative; color:#fff45c; font-style:normal; }

.mSlogan .txt1 strong:before { content:''; position:absolute; left:-20px; top:-15px; width:18px; height:20px; background:url(/images/child/main/slogan_icon1.png) no-repeat; }
.mSlogan .txt1 i:before { content:''; position:absolute; top:-20px; right:-30px; width:50px; height:30px; background:url(/images/child/main/slogan_icon2.png) no-repeat; }

.mSlogan .txt2 { color:black; }


@media (min-width:1025px) and (max-width:1280px){	
	.mSlogan { right:calc(50% - 245px); top:250px; }
}


@media (min-width:769px) and (max-width:1024px){
	.mSlogan { right:calc(50% - 245px); top:300px; }	
}


@media (max-width:768px){
	.mSlogan { position:static; margin:300px 0 30px 0;  }
	.mSlogan .txt1 { text-align:center;  }
	.mSlogan .txt2 { text-align:center; }
}


@media (max-width:540px){
	.mSlogan { margin:200px 0 30px 0;  }
	.mSlogan .txt1 { font-size:180%; }


}




/* 퀵메뉴 */
.mQuickmenu { position:absolute; right:0; top:400px; width:810px; }
.mQuickmenu ul {width:100%; 
                 display: flex;
                 justify-content: space-between;
                 flex-wrap: wrap; }
.mQuickmenu li {margin-right:10px; width:calc(20% - 20px); height:145px; margin-right:20px;  }
.mQuickmenu li:last-child{margin-right:0;}
.mQuickmenu li a:link,
.mQuickmenu li a:visited { width:100%; height:100%; background:rgba(255,255,255,0.6); color:#111; text-align:center; transition:0.3s; display:block; }
.mQuickmenu li a:active,
.mQuickmenu li a:focus,
.mQuickmenu li a:hover { background:rgba(255,255,255,1); color:#113d8e; box-shadow:2px 2px 10px rgba(0,0,0,0.5); }

.mQuickmenu li a span { width:100%; height:100%; padding-top:100px; display:block; }
.mQuickmenu li a.al1 span { background:url(/images/child/main/quickmenu_icon1.png) no-repeat 50% 30px; }
.mQuickmenu li a.al2 span { background:url(/images/child/main/quickmenu_icon2.png) no-repeat 50% 30px; }
.mQuickmenu li a.al3 span { background:url(/images/child/main/quickmenu_icon3.png) no-repeat 50% 30px; }
.mQuickmenu li a.al4 span { background:url(/images/child/main/quickmenu_icon4.png) no-repeat 50% 30px; }
.mQuickmenu li a.al5 span { background:url(/images/child/main/quickmenu_icon5.png) no-repeat 50% 30px; }


@media (min-width:1281px) and (max-width:1440px){
	.mQuickmenu { right:15px;  }
}

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

@media (min-width:769px) and (max-width:1024px){
     .mQuickmenu {width:100%; top:530px; }


}

@media (max-width:768px){
	 .mQuickmenu { position:static; width:100%;}
	 .mQuickmenu ul {width:100%; display: flex; justify-content: center; flex-wrap: wrap;}
	 .mQuickmenu li {width:calc(33.3% - 20px); margin-bottom:20px;}
	 .mQuickmenu li:nth-child(3){margin-right:0;}
	 .mQuickmenu li a span { font-size:90%; }
	  
}


	






/* 하단 */

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

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

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



@media (max-width:768px){
	#bottom #bottomarea address span { display:block; margin:0 0 3px 0; }
}

@media (max-width:425px){
	#bottom #bottomarea .bottomMenu ul li { margin-right:15px; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { font-size:90%; }
	
}



/* 상단 검색 */
.mobileTopBtn .mobileTopBtn3 { display:none !important; }