td {font-size:9pt; font-family:±¼¸²; color:#333333}
.a1 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#333333 ;line-height:1.5}
.a2 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#ffffff ;line-height:1.5}
.a3 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#081CAD;line-height:1.5}
.a4 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#CD1A1A;line-height:1.5}
.a5 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#333333 ;line-height:1.5;text-align:justify}
.a6 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#333333 ;line-height:1.5}
.a7 {font-size:9pt ; font-family:±¼¸²; font-weight:bold ;color:#ed7e1b ;line-height:1.5}
.a8 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#087590 ;line-height:1.5}
.a9 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#087590 ;line-height:1.5; text-align:center}
.a10 {font-size:9pt ; font-family:±¼¸²; font-weight:normal ;color:#D2D2D2 ;line-height:1.5}

.input{color:#333333; font-family:"µ¸¿ò", "µ¸¿òü";font-size: 11px; background-color:#F5F5F5 ; border:1 solid #333333; line-height: 16px}
.input1{color:#000000 ; font-family:±¼¸²;font-size: 9pt; background-color:#ffffff ; border:1 solid #000000}
.button{color:#000000 ; font-family:"±¼¸²";font-size: 9pt; background-color:#BFBFBF ; border:1 solid; clip:         rect(   ); padding-top: 2px}
.h2 {
	FONT-SIZE: 9pt; LINE-HEIGHT: 185%; FONT-FAMILY: vernada,helvertica, ±¼¸²,±¼¸²Ã¼
}
.h3 {
	FONT-SIZE: 9pt; LINE-HEIGHT: 185%; FONT-FAMILY: vernada,helvertica, ±¼¸²,±¼¸²Ã¼
}
A.link1:hover {
	BACKGROUND-COLOR: #ede7a9; TEXT-DECORATION: underline
}
A.link2:hover {
	BACKGROUND-COLOR: #666666; TEXT-DECORATION: none color:#e01f24
}
A:link {font-size:9pt; font-family:"±¼¸²";color:#333333; text-decoration:none;}
A:visited {font-size:9pt; font-family:"±¼¸²";  text-decoration:none; color:#333333}
A:hover {font-size:9pt; font-family:"±¼¸²"; color:#FF3300}
 form {margin-left:0px;margin-bottom:0px ; font-family: "±¼¸²"; font-size: 10px; line-height: 16px}

/*input {width:12px; height:12px; margin:0;}*/
.ipt_code {height:15px; background:#F5F6F6; border:1px solid #D9DDDF; padding:5px 0 0 8px; font:11px 'dotum'; color:#191919;}
.iptRecp {height:16px; padding:3px 3px 0 0; border:1px solid #C8CBCC; text-align:right; font:bold 12px 'dotum'; color:#8B8D8E;}
.iptMod01 {height:17px; padding:5px 0 0 5px; border:2px solid #00AEBD; font:bold 14px 'dotum'; color:#191919;}
.iptMod02 {height:17px; padding:5px 0 0 5px; border:2px solid #CECECE; font:bold 14px 'dotum'; color:#191919;}
.iptMod03 {padding:5px 0 0 5px; border:1px solid #CECECE; font:bold 12px 'dotum'; color:#191919;}
.iptSms {height:15px; padding:3px 5px 0 5px; border:1px solid #C8CBCC; font:bold 11px 'dotum'; color:#2C2A1A; vertical-align:1px;}
.iptSms02 {height:15px; padding-top:3px; border:1px solid #C8CBCC; font:bold 11px 'dotum'; color:#8B8D8E; text-align:center;}
.iptRew {height:15px; padding:3px 5px 0 5px; border:1px solid #CECECE; font:11px 'dotum'; color:#191919;}
.iptRew02 {height:17px; padding:3px 0 0 5px; background:#Ffffff; border:1px solid #D9DDDF; font:11px 'dotum'; color:#191919;}



.linecolor {  background-color: #dadada}
.HEIGHT {  line-height: 44px}
.HEIGHT1 {  line-height: 22px}
.td1 {  color: #333333; line-height: 20px}
.shop {  text-decoration: underline}


dl,ul,ol,menu,li{list-style:none}
#gnb{position:relative;width:100%;padding:0;height:50px;z-index:200;}
#gnb .menu{padding:0 0 0 0;text-align:right;}
#gnb .submenu{background:none;}
#gnb .menu:after{content:"";display:block;clear:both;}
#gnb .menu > li{position:relative;display:inline-block;height:100%;vertical-align:top}
#gnb .menu > li > a{position:relative;display:inline-block;padding:0 28px 0;height:66px;line-height:40px;font-size:15px;color:#fff; letter-spacing:-1px;font-weight:bold;}
#gnb .submenu > li > a{position:relative;display:inline-block;padding:0 20px 0;height:66px;line-height:40px;font-size:15px;color:#fff; letter-spacing:-1px;font-weight:bold;}
#gnb .submenu > li > a {color:#333}
#gnb .menu > li > a:hover{color:#f77913;text-decoration:none;}
#gnb .submenu > li > a:hover{color:#fff;text-decoration:none;}
#gnb .menu > li:last-child > a{padding-right:20px;}
/* #gnb .menu > li > ul{display:none;position:absolute;left:0;top:40px;width:100%;z-index:2;text-align:center;background:#fff;border-top:3px solid #184e9a;padding:13px 0 0;} */
#gnb .menu > li > ul{display:none;position:absolute;left:0;top:40px;width:100%;z-index:2;text-align:center;background:#f77913;padding:10px 0 0;}
#gnb .submenu > li > ul{display:none;position:absolute;left:0;top:44px;width:100%;z-index:2;text-align:center;background:#f5f5f5;border-top:3px solid #1781cd;padding:13px 0 0;}
#gnb .menu > li > ul li{vertical-align:top;padding:0 0 10px;}
#gnb .menu > li > ul li a{display:block;font-size:12px;line-height:1.92;color:#fff;letter-spacing:-1px;}
#gnb .menu > li > ul li a:hover,#gnb .submenu > li > a:focus{color:#fff;text-decoration:none;font-weight:bold;letter-spacing:-0.05em;}
#gnb .submenu > li > ul li a:hover,#gnb .submenu > li > a:focus{color:#1781cd;text-decoration:none;font-weight:bold;letter-spacing:-0.05em;}
#gnb:after{/*transform: translate3d(0px, 0, 0); transition-duration: 0.3s;*/position:absolute;left:0;top:89px;z-index:10;width:100%;height:220px;z-index:-1;background:#000;opacity:0.85;}
#gnb.open:after{content:'';height:220px;/*transition: all .3s ease;transform: translate3d(0px, 56px, 0); transition-duration: 0.5s;*/z-index:-1;}
#gnb.open{height:216px;}
 








* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #000000;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}