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

@font-face {
    font-family: 'GmarketMiddle';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketMiddle.woff') format('woff');
    font-weight: 300;
}

* {font-family: 'GmarketMiddle',sans-serif; }

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

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


#wrap{
width:100%; 
height:100%; 
position:relative;
margin:0 auto;
padding:0}

#header_contain{
width:1000px;
position:relative; 
margin:0 auto;
padding:0;}

#header{
width:100%;
height:120px;
background:url('../../images/main/navi_bg.jpg') no-repeat center 0;
}

#header h1{
width:205px;
height:37px;
float:left;
margin:20px 900px 0 800px;
position:absolute
}

#header #gnb{
position:relative;
float:right;
margin-right:1000px;
margin-top:120px;
font:돋음;
}

#gnb li a{
margin-left:15px;
font-size:18px;
font-weight:bold}


#gnb li{
display:inline;
}



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

#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:#000;
padding-left:40px;
width:700px;
float:left;
text-align:left
}

.add{margin-bottom:5px;}

/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:0px 0 0 0; }
#msg_window	{ border:none; width:164px; height:101px; background:transparent; font:12px/1.4em 굴림체; color:#000000; overflow:hidden; padding:0px; }
#msg_max	{ position:absolute; left:34px; top:10px; width:103px; height:63px; font-size:11px; color:#000000; text-align:center; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#000000; }
/* SMS */

img {
border:none;
}

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

}



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

}


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

#left_con h2{ 
 background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwSURBVBhXY4xc/eQ/AxCYynAynH7yHcRkYAKTQAATAAG4IEglDGBXiawCBExlOBkAcLkMS6iGPCIAAAAASUVORK5CYII=
)
repeat;

height:80px;
font-size:23px;
line-height:80px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}


#left_con ul{
border-left:1px solid #cdd2d7;
border-right:1px solid #cdd2d7;
font-size:15px;
text-align:left
}

#left_con ul li{
border-bottom:1px solid #cdd2d7;
padding:10px 0 10px 20px;
}

#left_con ul li a{
color:#003366;
}

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

#right_con{
width:756px;
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;
}


/* 메인 슬라이드 백그라운드 */
#mwrap:after {
	background:url(/images/bg.jpg);
    content : "";
    display: block;
    position: absolute;
    top: 95;
    left: 0;
    width: 100%;
	height:570px;
    opacity : 0.5;
    z-index: -1;
	background-repeat:repeat-y:	
}


/* 메인 슬라이드 이미지 */
@-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:570px;
  width:1000px;
  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;
}