@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script');
* {font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;}

body, html{overflow-x:hidden;}

#wrap{min-width:100%;height:54px; background:#FFF; }
#header .body{width:100%; position:relative; z-index:99999;background:#FFF;}
#header .lnbWrap{ width:100%; height:54px; position:absolute; background:#FFF; overflow:hidden; border-bottom:solid 1px #EEE;}
#header .lnbWrap .inner{display:table; table-layout:fixed; border-collapse:collapse; border-spacing:0;background:#FFF;}
#header .inner { width:1200px; margin:auto; display:inline-block; position:relative;}
#header .lnb{display:table-row;}
#header .lnb>li{display:table-cell; font-size:15px; float:left; }
#header .lnb>li>a{font-size:17px; width:100%; line-height:54px; display:block; text-align:center; color:#000; background:#FFF; margin-left:-1px; position:relative;transition: all .2s ease ;}
#header .lnb>li>a:hover {font-weight:bold;font-size:20px;};
#header .lnb>li.active>a{color:#000;}

/*
#header .lnb li ul.ver1 li a{padding-left:10px;}
#header .lnb li ul.ver2 li a{padding-left:15px;}
#header .lnb li ul.ver3 li a{padding-left:10px;}
#header .lnb li ul.ver4 li a{padding-left:15px;}
#header .lnb li ul.ver5 li a{padding-left:12px;}
*/

#header .lnb li ul{padding-top:25px; height:140px;}
#header .lnb li ul li{font-size:12px; text-align:center;line-height:25px; padding:0px;}
#header .lnb li ul li a{padding:0px; color:#666; display:block;font-size:14px;transition: all .3s ease ;}
#header .lnb li ul li a:hover,#header .lnb li ul li.active a{background:#eee;  color:#666; }


.npen {
font-family: 'Nanum Pen Script', cursive; color:#5e6b51;
}

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; }

body td{
margin:0;
padding:0;
font-size:12px;
font-family:나눔고딕,Dotum, 굴림, Gulim, arial, Verdana, AppleGothic, sans-serif;
color:#707070;
} 

#mlnk:hover {
text-shadow: 1px 1px #ddd;
}

#mlnk2:hover {
text-shadow: 1px 1px #666;
}

#mlnk3:hover {
text-shadow: 1px 1px #bbb;
}

.mbtn {
float:left;
cursor:pointer;
}

.pdl {
padding-left:15px;
}

#btn_img:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#footer_contain #footer{
clear:both;
padding-top:30px;
}

#footer_contain #footer .f_inner{
position:relative;
width:1000px;
margin:0 auto}

.f_inner dl{

overflow:hidden}

.f_logo{
float:left;
margin-top:10px
}

.adcopy{
color:#eee;
padding-left:50px;
width:700px;
float:left;
text-align:left;
line-height:20px;
}

.add{margin-bottom:5px;line-height:15px;}

/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:0px 0 0 0; }
#msg_window	{ border:none; width:200px; height:60px; background:transparent; font:12px/1.4em 굴림체; color:#666; overflow:hidden; padding:0px;}
#msg_max	{ position:absolute; line-height:17px;left:0px; top:-15px; width:200px; height:60px; font-size:11px; color:#666; text-align:center; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#666; }
/* SMS */

img {
border:none;
}

#sub_visual img{
width:1000px;
margin:0 auto;
display:block

}



#contents_contain2{
width:1100px;
min-height:350px;
margin:0 auto 60px auto;

}


#left_con{
width:194px;
float:left
}

#left_con h2{ 
border:solid 10px #108bd1;
height:80px;
font-size:23px;
line-height:80px;
color:#108bd1;
text-align:center;
font-weight:bold;
}


#left_con ul{

font-size:15px;
text-align:left
}

#left_con ul li{
border-bottom:1px dashed #aaa;
padding:10px 0 10px 20px;
cursor:pointer;
}

#left_con ul li:hover{
background:#aaa;
color:#FFF;
font-weight:bold;
}

#left_con span img{
margin-top:80px}

#right_con{
width:830px;
float:left;
text-align:left;
margin-left:30px;
}

.right_con_inn{
height:60px;
border-bottom:1px dotted #b5b5b5;}

#right_con h3{
font-size:30px;
color:#333333;
font-weight:400;
margin-top:20px;
float:left;
line-height:30px;
}

.loacation{
float:right;
margin-top:28px;
}


div.polaroid {
  width: 96%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  transition: font-size 0.1s ease-out;
}

div.polaroid:hover {
  font-size:16px;
}

div.container {
  text-align: center;
}

div.container p {
	font-size:14px;
	line-height:40px;
}




/* 메인 슬라이드 이미지 */
@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:745px;
  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: 22s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 22s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 22s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 22s;
}

#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}

#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}

#cf4a img:nth-of-type(5) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}


#tbl th {
padding:5px;
color:#666;
font-weight:bold;
font-size:16px;
border:dashed 1px #aaa;
background:#4a6723;
color:#FFF;
}

#tbl td {
padding:5px;
line-height:25px;
font-size:14px;
text-align:center;
border:dashed 1px #aaa;
}

#tbl  {
width:100%;
}

.lbtn {
background:#333; padding:4px; border-radius:3px; color:#FFF; font-size:12px; font-weight:bold;
}