@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;}

body, html{
overflow-x:hidden;
}

p, body, ul, li, dt, dl, h1, h2, h3, h4, h5,a{margin:0;
padding:0; list-style:none; text-decoration:none; border:0}
a:link { color: #323232; }
a:visited { color:#323232; }
a:hover { color:#6f3737; }
a:active { color:#323232; }

img {
border:none;
}

/* 반응형 CSS ---------------------------------------------------*/
	#m_mdl {
		float:left;text-align:center;width:33.33%;
	}

#mtitle { 
font-weight:bold;font-size:1.5em;padding-bottom:10px;color:#333;
}

#mt-dash {
font-weight:bold;font-size:1em;color:#3b5eba;
}

#jb-container {
width:2000px;position:absolute;left:50%;margin-left:-1000px;
}

#jb-header {
padding: 20px;
background:#3b5eba;
}

#jb-header > #hsub {
	width:990px;
	margin:auto;
	line-height:60px;
	height:60px;	
}


#jb-content {
	width: 1020px;
	margin:auto;
}

#jb-mid {
	margin:auto;
	width: 1020px;

}

#middle {
	clear:both;
}

#jb-left {
clear:both;
width: 600px;
float: left;
margin-bottom: 20px;
}

#jb-right {
width: 300px;
float: right;
margin-bottom: 20px;
}


#jb-footer {
clear: both;
padding: 20px;
font-size:12px;
line-height:20px;
background:#efefef;
color:#666;
height:60px;
}

#jb-footer > #fsub {
	clear:both;
	width:1000px;
	margin:auto;
	height:60px;
}

#jb-subcont {
width:960px;margin:auto;
}

#rent1_box {
width:960px;height:160px;background:#e9f3f1;text-align:center;border:solid 1px #eee;font-size:12px;
}
#rent1_cont {
	float:left;
	width:25%;
}

@media screen and (min-width:480px) {
	#hsub2 {
		display:none;
	}
	#contact {
		display:none;
	}
	#gbrd2 {
		display:none;
	}

}

#nav_l {
	float:left;
	font-weight:bold;
	color:#FFF;
	font-size:17px;
	padding-left:60px;
	cursor:pointer;
	text-align:right;
}

#nav_l:hover {
	color:#66ffff;
}

/* 반응형 CSS ---------------------------------------------------*/


/* 메인 슬라이드 이미지 =========================================*/
@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  width:2000px;
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}


/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:20px; }
#msg_window	{ border:none; width:463px; height:140px; background:transparent; font:12px/1.4em 굴림체; color:#000000; overflow:hidden; padding:0px; }
#msg_max	{ position:absolute; left:10px; top:0px; width:400px; height:140px; font-size:12px; color:#000000; text-align:center; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#000000; }
/* SMS */
