@import url(./basic.css);/*font-family: 'Nanum Brush Script', cursive;*/




/*--------------------------------------------------------------------------------------
                                   ¸ÞÀÎ1  320 + 20 + 320 + 20 + 320
-----------------------------------------------------------------------------------------*/

	/*¹è°æ*/

	#bannerArea {position:absolute;top:0;left:0;width:100%;height:auto;z-index:0;}
	#bannerArea img{width:100%;height:auto;}
	.swipe { overflow: hidden; position: relative; width: 100%; height: auto; }
	.swipe-wrap { overflow: hidden; position: relative; }
	.swipe-wrap > div { float: left; width: 100%;position: relative; }
	.swipe-wrap > div span{display:block;width: 100%;height:400px;}
	.swipe .nav { position: absolute; width: 40px; height: 35px; z-index: 5; text-align: center; line-height: 40px; display: inline-block; color: #000; top: 40%; cursor: pointer; background-color: rgba(255,255,255,0.8) }
	.swipe .nav.next { right: 0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
	.swipe .nav.prev { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }



	#contentWrap {position:relative; padding:0;font-size:13px; font-weight:400;width:1000px;margin: 0 auto;line-height:16px;z-index:1;margin-top:250px;}


/*ÄÁÅÙÃ÷ ·¹À̾ƿô*/
.main_post {margin-bottom:40px;}
.main_post .left_post{float:left;width:660px;margin:0 20px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main_post .right_post{float:right;width:320px;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.main_post .left_post .Cbox div{position:relative;float:left;border:1px solid #e5e5e5;width:320px;height:310px;margin-bottom:20px;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main_post .left_post .Cbox .two,
.main_post .left_post .Cbox .fou{float:right;margin-left:20px;}
.main_post .left_post .Cbox .one{background:#fff url(/image/mainD/mainBox_bg_01.jpg) no-repeat 0 0;}
.main_post .left_post .Cbox .two{background:#fff url(/image/mainD/mainBox_bg_02.jpg) no-repeat 0 0;}
.main_post .left_post .Cbox .thr{background:#fff url(/image/mainD/mainBox_bg_03.jpg) no-repeat 0 0;}
.main_post .left_post .Cbox .fou{background:#fff url(/image/mainD/mainBox_bg_04.jpg) no-repeat 0 0;}

.main_post .left_post .Cbox  h3{font-size:1.2em;line-height:1.4em;padding:30px 20px 0 100px;height:65px;}
.main_post .left_post .Cbox .one h3{background:url(/image/mainD/label_01.png) no-repeat 20px 0;}
.main_post .left_post .Cbox .two h3{background:url(/image/mainD/label_02.png) no-repeat 20px 0;}
.main_post .left_post .Cbox .thr h3{background:url(/image/mainD/label_03.png) no-repeat 20px 0;}
.main_post .left_post .Cbox .fou h3{background:url(/image/mainD/label_04.png) no-repeat 20px 0;}
.main_post .left_post .Cbox .fou ul {margin-left:20px;}
.main_post .left_post .Cbox .fou ul li{background: url('/image/subD/dotA.gif') no-repeat 0 10px;padding-left:10px;line-height:24px;font-size:13px;}

.main_post .left_post .tel {border:1px solid #e5e5e5;background-color:#fff;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px 20px 20px 30px;}

.main_post .right_post .news   {position:relative;background-color:#fff;border:1px solid #e5e5e5;border-bottom:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main_post .right_post .news h3  {border:none;}
		#nbm{width:100%;padding-bottom:17px;}
		#nbm .bs1,#nbm .bs2,#nbm .bs3{width:100%;height:auto}
		#nbm .tb{height:33px;}
		#nbm .tb .off,#nbm .tb .on{text-align:center;padding:15px 0;text-decoration:none;font-size: 14px;font-weight:bold;display:block;float:left;cursor:pointer;}
		#nbm .tb .off a,#nbm .tb .on a{font-size: 14px;font-weight:bold;}
		#nbm .tb .off{color:#a2a2a2;width:159px;background-color:#efefef;}
		#nbm .tb .on{color:#3d3d3d;width:159px;}
		#nbm .stc{clear:both;padding:15px 25px 0 25px;height:auto;}
		#nbm .stc table tr td{padding-bottom:5px;border:none;}


.main_post .right_post .photo {width:100%;background-color:#fff;border:1px solid #e5e5e5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main_post .right_post .photo h3{padding:25px;font-size: 14px;color:#3d3d3d;font-weight:bold;}
.main_post .right_post .photo h3 a{font-size: 14px;color:#3d3d3d;font-weight:bold;}
.main_post .right_post .photo div{padding:0 0 26px 15px;height: 180px;}
.main_post .right_post .photo div img {float:left;padding:0 0 10px 10px;}

.main_post .right_post .family {clear:both;background-color:#fff;margin-top:20px;border:1px solid #e5e5e5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main_post .right_post .family .link{padding:20px 25px;text-align:center;}






/* ****************** for mobile ***************** */

@media screen and (max-width : 979px) {
	.mobile_hide {display:none;}
	/*---top¸Þ´º---*/
	#headerWrap {margin-top:0;}

	#headerWrap #topMenu {display:none;}
	
	/* header */
	#header #btnGnb { display:block; }
	#headerWrap {height:85px;}
	#header { width:100%;height:50px; }
	#header h1{ float:none; display:block; margin:0 0 0 15px; padding-top:10px;  }
	#header h1 img{width:auto;height:60px; margin-top:0; }
	#gnb { display:none; }

	#mGnb { float:none;  display:block; position:fixed; top:0; right:-100%; z-index:5000;  width:300px; padding:0 0 5px 0; height:100%; overflow-y:scroll; background-color:#32394a; border-left:1px solid #3e4559;  }
	#mGnb ul li  { float:none; padding:0; margin:0; }
	#mGnb ul li a { display:block; overflow:hidden; color:#fff; padding:15px 10px 15px 15px; font-size:1.1em;  }
	#mGnb ul li a.topDepth { color:#ddd;  text-shadow: 0 -1px 2px #222;background:#222;font-weight:bold; }
	#mGnb ul li a.topDepth:hover, #mGnb ul li a.topDepth:focus, #mGnb ul li a.topDepth:active, #mGnb ul li a.topDepth.on { background:#292f3d; color:#fff; border:0;border-bottom:1px solid #161922;}
	#mGnb ul li ul { margin:0; background:#32394a; }
	#mGnb ul li ul.gnbSub { display:none; padding:0; background:#32394a; }
	#mGnb ul li ul li {display:inline-block;width:138px;padding:0; border-bottom:1px solid #3e4559;font-size:0.85em; }
	#mGnb ul li ul li.first{width:100%;border-right:none;} 
	#mGnb ul li ul li ul { padding:0;  }
	#mGnb ul li ul li ul li { padding:0; border:0; border-bottom:1px solid #3e4559; }
	#mGnb ul li ul li ul li:last-child { border:0; }
	#closeGnb { display:none; position:fixed; top:0; right:300px; z-index:6000; width:50px; height:65px; background:url('./images/closeBtn.png') center center no-repeat #000; font-size:0; text-indent:-1000px; opacity:0.6  }
	#btnGnb.fix { position:fixed !important; opacity:0.6; }
	#btnGnb.fix:hover { opacity:1; }

	/* submenu */
	#subMenuWrap { display:block; margin:10px 0 0 0; }
	#subMenu ul { padding:0 5px 10px 5px; } 		

	/*·Î±×ÀÎ*/
	#header #gnb #ViewLogin {display:block;}

	/* content */
	#contentWrap { padding:0; margin:0;font-size:1em; font-weight:400;width:100%; }
	#contentWrap .main_post{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;padding:10px;}
					
	/*ǪÅÍ*/
	.linkList ul li{width:50%;}
	.linkList ul li.even{border-right:1px solid #ddd;}
	.linkList ul li:nth-child(2){border-right:none !important;}

	/* footer */
	#footerWrap_mo {display:block;}
	#footerWrap_pc {display:none;} 

}

@media screen and (max-width : 699px) {	
	.mobile_hide {display:none;}
	
	#headerWrap #topMenu {display:none;}
	#headerWrap {margin-top:0;}
	#header { width:100%;height:50px; }

	#header h1{ float:none; display:block; margin:0 0 0 15px; padding-top:10px;  }
	#header h1 img{width:auto;height:60px; margin-top:0; }

	/* submenu */
	#subMenuWrap { display:none; height:auto; margin:5px 0 0 0; }
	#subMenu ul { padding-bottom:10px;  }
	#subMenu ul li { float:none; margin:0 1px 1px 0; }
	#subMenu ul li a { display:block; padding:10px; background-color:#222; color:#ddd; border-radius:2px; }
	#subMenu ul li a:hover, #subMenu ul li a:focus, #subMenu ul li :active { background:#d28a23; color:#fff;	 }
	#subMenu ul li ul { position:static; display:block !important; margin:3px 10px 2px 10px; padding:0; }
	#subMenu ul li ul li { margin:0 0 1px 0; }
	#subMenu ul li ul li a { padding:10px; background:#ddd; color:#222; border-left:10px solid #222; }

	/*·Î±×ÀÎ*/
	#header #gnb #ViewLogin {display:block;}

	/* content */
	#contentWrap { margin:0;width:100%; }
					
	/*ǪÅÍ*/
	.linkList ul li{width:50%;}
	.linkList ul li.even{border-right:1px solid #ddd;}
	.linkList ul li:nth-child(2){border-right:none !important;}

	/* footer */
	#footerWrap_mo {display:block;}
	#footerWrap_pc {display:none;} 

}




/*-----------------------------------------------------------------------------------*/
/*  ÀÏ¹Ý Å×ºí¸´
/*-----------------------------------------------------------------------------------*/


@media only screen and (min-width: 940px) and (max-width: 1100px) {
	



}



/*-----------------------------------------------------------------------------------*/
/*  ÀÛÀº µð¹ÙÀ̽º
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1280px) {
	


	

}

/*-----------------------------------------------------------------------------------*/
/*  ÀÏ¹Ý ¸ð¹ÙÀÏ
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width:320px) and (max-width:960px) {


	/*»ó´ÜÄÁÅÙÃ÷ ·¹À̾ƿô*/
	#bannerArea {position:static;}


		/*ÄÁÅÙÃ÷ ·¹À̾ƿô*/
		.main_post .left_post{float:none;width:100%;margin:10px 0;}
		.main_post .right_post{float:none;width:100%;margin:10px 0;}
					
		.main_post .left_post .Cbox div{width:47.5%;height:310px;}
		.main_post .left_post .Cbox .two,
		.main_post .left_post .Cbox .fou{float:right;margin-left:5%;}
		
		.main_post .left_post .Cbox .one,
		.main_post .left_post .Cbox .two,
		.main_post .left_post .Cbox .thr,
		.main_post .left_post .Cbox .fou{background-size:cover;background-position:0 bottom;}
		
		#nbm .tb .off,#nbm .tb .on{width:50%;}
		#nbm .stc{height:auto;}

}



/*-----------------------------------------------------------------------------------*/
/*  ÀÛÀº ¸ð¹ÙÀÏ
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 480px) {
	

	/*»ó´ÜÄÁÅÙÃ÷ ·¹À̾ƿô*/
	#bannerArea {position:static;}

		/*ÄÁÅÙÃ÷ ·¹À̾ƿô*/
		.main_post .left_post{float:none;width:100%;margin:10px 0;}
		.main_post .right_post{float:none;width:100%;margin:10px 0;}

		.main_post .left_post .Cbox div{float:none;width:100%;height:310px;}
		.main_post .left_post .Cbox .two,
		.main_post .left_post .Cbox .fou{float:none;margin-left:0;width:100%;}

		.main_post .left_post .Cbox .one,
		.main_post .left_post .Cbox .two,
		.main_post .left_post .Cbox .thr,
		.main_post .left_post .Cbox .fou{background-size:cover;background-position:0 bottom;}
		
		#nbm .tb .off,#nbm .tb .on{width:50%;}
		#nbm .stc{height:auto;}
	

}



/* ****************** ie ***************** */

.ie6 caption { display:none; }
.ie6 #header #gnb  { width:660px; }
.ie6 #footer #footCopyright { padding-top:5px; }

#subMenuWrap { display:none !important; }

#loading { width: 100%;   height: 100%;   top: 0px; left: 0px; position: fixed;   display: block;   opacity: 0.7;   background-color: #fff;   z-index: 99;   text-align: center; }  
#loading-image {   position: absolute;   top: 50%; left: 50%;  z-index: 100; }