@charset "utf-8";
/*공통바디부분 시작*/


/* PC */
#header { width:100%; z-index:99999;}
#header .topmenu { width:100%; height:39px; border-bottom:1px #e5e5e5 solid;}
#header .topmenu .wrapper{ max-width:1200px; margin:0 auto; padding:0 10px; overflow:hidden;}
#header .topmenu .wrapper .txt{ float:left; line-height:39px;}
#header .topmenu .wrapper .blog{ float:right; }
#header .topmenu .wrapper .blog a{ display:block; background:#4ec50d; height:39px; padding:0 15px; color:#fff; line-height:39px; text-align:center; }

#header .content { max-width:1200px; margin:0 auto; padding:20px 10px; overflow:hidden;}
#header .content .logo{ float:left; margin-top:13px; }
#header .content .logo img{ width:320px;}
#header .content .tel{ float:right; overflow:hidden; }
#header .content .tel ul{ float:left; display:table; margin-left:40px; }
#header .content .tel li{ display: table-cell; vertical-align:middle; font-size:1.1em; font-weight:500;}
#header .content .tel li img{ width:55px; margin-right:10px;}
#header .content .tel li.txt { font-size:1.1em; font-weight:500;}
#header .content .tel li.txt strong{ display:block; font-size:1.3em; font-weight:;}

#header #menu {  width:100%;}
#header #menu >.wrapper{ background:#42b7c0; width:; margin:0 auto;}

#footer { background:#132646; width:100%; margin-top:60px; padding:30px 0;}
#footer .wrapper { width:1200px; margin:0 auto; font-weight:200; color:#fff; text-align:center;}
#footer .wrapper a{ color:#fff; }
#footer .wrapper strong{ display:block; margin-bottom:10px; }






/*------------------------------------------------*/
		
@media ( max-width: 1023px )  /* 테블릿 */
{	
#header { background:#; width:100%; z-index:99999;}
#header .topmenu { width:100%; height:39px; border-bottom:1px #e5e5e5 solid;}
#header .topmenu .wrapper{ width:100%; margin:0 auto; padding:0; overflow:hidden;}
#header .topmenu .wrapper .txt{ float:left; line-height:39px; margin-left:2%;}
#header .topmenu .wrapper .blog{ float:right; }
#header .topmenu .wrapper .blog a{ display:block; background:#4ec50d; height:39px; padding:0 15px; color:#fff; line-height:39px; text-align:center; }

#header .content { width:96%; margin:0 auto; padding:20px 0; overflow:hidden;}
#header .content .logo{ float:left; margin-top:13px; }
#header .content .logo img{ width:320px;}
/*
#header .content .tel{ float:right; overflow:hidden; }
#header .content .tel ul{ float:left; display:table; margin-left:40px; }
#header .content .tel li{ display:table-cell; vertical-align:middle;}
#header .content .tel li img{ width:55px; margin-right:10px;}
#header .content .tel li.txt { display:; font-size:1.1em; font-weight:500;}
#header .content .tel li.txt strong{ display:block; font-size:1.3em; font-weight:;}
*/
#header .content .tel{ float:right; overflow:hidden; }
#header .content .tel ul{ float:left; display:; margin-left:10px; margin-top:7px; }
#header .content .tel li{ display:table-cell ; vertical-align:middle; font-size:1.1em; font-weight:500;}
#header .content .tel li img{ width:40px; margin-right:0;}
#header .content .tel li.txt { display:none; font-size:1.1em; font-weight:500;}
#header .content .tel li.txt strong{ display:block; font-size:1.3em; font-weight:;}

#header #menu { width:100%;}
#header #menu >.wrapper{ background:#42b7c0; width:; margin:0 auto;}

#footer { background:#132646; width:100%; margin-top:60px; padding:30px 0;}
#footer .wrapper { width:96%; margin:0 auto; font-weight:200; color:#fff; text-align:center;}
#footer .wrapper a{ color:#fff; }
#footer .wrapper strong{ display:block; margin-bottom:10px; }

}




/*------------------------------------------------*/

		
@media ( max-width: 767px )  /* 폰 */
{
#header { background:#; width:100%; z-index:99999;}
#header .topmenu { width:100%; height:39px; border-bottom:1px #e5e5e5 solid;}
#header .topmenu .wrapper{ width:100%; margin:0 auto; padding:0; overflow:hidden;}
#header .topmenu .wrapper .txt{ float:left; line-height:39px; margin-left:1%;}
#header .topmenu .wrapper .blog{ float:right; }
#header .topmenu .wrapper .blog a{ display:block; background:#4ec50d; height:39px; padding:0 10px; color:#fff; line-height:39px; text-align:center; }

#header .content { width:96%; margin:0 auto; padding:10px 0; overflow:hidden;}
#header .content .logo{ float:left; margin-top:7px; }
#header .content .logo img{ width:230px;}
#header .content .tel{ float:right; overflow:hidden; }
#header .content .tel ul{ float:left; display:; margin-top:0; margin-left:10px; }
#header .content .tel li{ display:table-cell ; vertical-align:middle; font-size:1.1em; font-weight:500;}
#header .content .tel li img{ width:40px; margin-right:0;}
#header .content .tel li.txt { display:none; font-size:1.1em; font-weight:500;}
#header .content .tel li.txt strong{ display:block; font-size:1.3em; font-weight:;}

#header #menu { width:100%;}
#header #menu >.wrapper{ background:#42b7c0; width:; margin:0 auto;}

#footer { background:#132646; width:100%; margin-top:45px; padding:30px 0;}
#footer .wrapper { width:96%; margin:0 auto; font-size:0.9em; font-weight:300; color:#fff; text-align:center;}
#footer .wrapper a{ color:#fff; }
#footer .wrapper strong{ display:block; margin-bottom:10px; }

}