@charset "EUC-KR";
@import url("sub.css");
@font-face {    
  font-family: 'NanumGothic';    
  src: url('../fonts/NanumGothic.eot'); /* IE9 Compat Modes */    
  src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
  url('../fonts/NanumGothic.woff') format('woff'), /* Modern Browsers */        
  url('../fonts/NanumGothic.ttf')  format('truetype'), /* Safari, Android, iOS */        
  url('../fonts/NanumGothic.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
}

/* ¸ð¹ÙÀÏ ÄÚµù Çʼö °øÅ뿵¿ª */
* { margin:0; padding:0; -webkit-text-size-adjust:none; }
body {background:#ffffff; color:#666; font-size:14px; font-family:NanumGothic, NanumGothicWeb, NanumGothic, ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, AppleGothic;}
body, input, textarea, select, button, table{ font:12px NanumGothic, NanumGothicWeb, NanumGothic, ±¼¸², Gulim, µ¸¿ò, Dotum, Arial, Sans-serif; color:#6f6f6f; line-height:18px;}
img, fieldset { border:0; padding:0; margin:0;}
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
hr { display:none; }
a { color:inherit; }
a, a:link {color:#333; text-decoration:none; }
a:visited { color:#333; }
a:hover, a:active { color:#333; text-decoration:none; }
em, i, address { font-style:normal; font-weight:normal; }
legend, caption { display:none; clear:both; }
input,  select, button, table { font-size:inherit; font-family:inherit; line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block; background:#fff;/*¹è°æÄ÷¯*/}
textarea, input { background:; -webkit-border-radius:1px; -webkit-apprearance:none; }
textarea { resize:none; } /* resize:none;*/
label { cursor:pointer; }
img{width:100%; height:auto;}
.helv { font-family:NanumGothic, NanumGothicWeb, NanumGothic, HelveticaNeue, Dotum, ±¼¸², Gulim, Apple-Gothic; }
.verd { font-family:NanumGothic, NanumGothicWeb, NanumGothic, µ¸¿ò, HelveticaNeue, Dotum, ±¼¸², Gulim, Apple-Gothic, verdana,; }
.bold { font-weight:bold; }


/*·¹À̾ƿô*/
#contents{float:left;width:100%;position:relative;}
#rolling{float:left;position:relative;width:100%;}
#section-1{float:left;position:absolute;top:0;left:0;width:100%;}
#menu{float:left;width:100%;position:relative;}
#footer{float:left;width:100%;background:#373c40;position:relative;height:auto;}


/*»ó´Ü·Î°í*/
#wrap_head {background:#f2efea; text-align:left;float:left;width:100%;}
#logo {margin:3% 0 4% 2%; display:block;float:left;}
#topmenu{float:left;margin-right:2%;margin-top:6%;}
#topmenu ul li{float:left;}
#topmenu ul li a{display:block;}
#sns{float:left;margin-right:2%;margin-top:5.5%;}
#sns ul li{float:right;margin-right:1%;}
#mainmenu{margin-top:4%;}
/**/
#menubox{background-color:#f2f2f2;width:100%;float:left;height:0;overflow:hidden;position:absolute;top:100%;z-index:1000;}
#menubox .closebar {background-color:#2753ad;text-align:right;height:30px;}
#menubox .closebar img {width:30px;margin-right:5px;}
#menubox .category {padding:20px;border-bottom:1px solid #d9d9d9;}
#menubox .category h2 {font-size:1rem;color:#2753ac;font-weight:bold;margin-bottom:10px;}
#menubox .category ul {}
#menubox .category ul li {width:48%;display:inline-block;margin-bottom:5px;margin-right:1%;vertical-align: middle;}
#menubox .category ul li a {font-size:0.8rem;color:#444;}

/*¸ÞÀÎ ¸Þ´º*/
#menu0 ul li{float:left;width:50%;line-height:0;}
#menu0 ul li a{display:block;line-height:0;}
#menu{float:left;width:100%;}
#menu1 ul li{float:left;width:33.33%;line-height:0;}
#menu1 ul li a{display:block;}
#menu2 ul li{float:left;width:50%;line-height:0;}
#menu2 ul li a{display:block;}
#menu5 ul li{float:left;width:33.33%;line-height:0;}
#menu5 ul li a{display:block;}

/*¸ÞÀηѸµ*/
.flex-control-paging{position:absolute;bottom:5%;left:44%;}
.flex-control-paging li{width:100px;margin:0 auto;line-height:0;}
.flex-control-paging li a {
  width: 9px;
  height: 9px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  float:left;
margin-right:3px;}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
/* footer */
#footer .link {width:100%;margin:20px auto;text-align:center;}
#footer .link li {display:inline-block;width:32%;text-align:center;color:#999;}
#footer .link li:nth-child(2) {border-left:1px solid #55595c;border-right:1px solid #55595c;}
#footer .link li a {color:#999;font-size:0.75rem;}
#footer > img {width:55%;margin-left:4%;}
#footer .info {margin:20px 4%;}
#footer .info li {font-size:0.75rem;color:#999;}
#footer .info li span {color:#fff;}
#footer p {color:#666;font-size:0.7rem;text-align:left;width:96%;padding-left:4%;padding-bottom:20px;height:auto;}
/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
#infopop{position:fixed;top:50%;left:0.5%;margin-top:-289px;z-index:9999;width:99%;height:578px;display:none;}
#usepop{position:fixed;top:50%;left:0.5%;margin-top:-289px;z-index:9999;width:99%;height:578px;display:none;}
#black{display:none;background:url(/images/main/black.png);width:100%; height:100%;position:fixed;top:0;left:0;}
#closeBtn2{position: absolute;top:35px;right:35px;}
#closeBtn3{position: absolute;top:35px;right:35px;}
.agreement{padding:20px 0 30px 0;}
.agreement .readbox{height:100px; border:1px solid #f3f3f3; padding:15px 10px 15px 10px; overflow:auto;}
.agreement .readbox p{font-size:11px; color:#999; line-height:14px; padding:10px 0 10px 0;}
.agreement .readbox2{height:578px; border:1px solid #f3f3f3; padding:15px 10px 15px 10px; overflow:auto;background:#fff;box-sizing: border-box;}
.agreement .readbox2 p{font-size:11px; color:#999; line-height:14px; padding:10px 0 10px 0;}
.agreement .labelck{padding:5px 0 0 12px;}
.agreement .labelck input, .agreement .labelck label{vertical-align:middle;}
.agreement .labelck label{color:#777; font-size:11px;}
.agreement .alignr{text-align:right;}

#divpop { margin:0; padding:0; color:#666666; font-family: 'nanum'; font-size:12px; line-height:15px;position:absolute; z-index: 3; margin:0px auto; top:7.5%; width:95%; padding-left: 2.5%; display:none;}
/* ¸ÞÀÎ »çÀÌÆ®¸Ê */

.siteMap {font-family: 'nanum';  color:#fff; font-size:20px; font-weight:bold; padding:20px 10px 10px 10px; vertical-align:middle;}
.siteMap span {font-family: 'nanum';  float:right; font-size:20px; color:#fff; }
.siteMap a:hover {text-decoration:none; color:#fff;}
.siteMap a:visited {text-decoration:none; color#fff;}
.siteMap a:link {text-decoration:none; color:#fff;}
.siteMap_tit01 {font-family: 'nanum';  font-size:17px; font-weight:bold; color:#69b4e2; line-height:20px; padding:0 0 5px 0;}
.siteMap_tit01 a:link {font-family: 'nanum';  text-decoration:none; font-size:17px; font-weight:bold; color:#2753ac; line-height:20px; padding:0 0 5px 0;}
.siteMap_tit01 a:visited {font-family: 'nanum';  text-decoration:none; font-size:17px; font-weight:bold; color:#2753ac; line-height:20px; padding:0 0 5px 0;}
.siteMap_tit01 a:hover {font-family: 'nanum';  text-decoration:none; font-size:17px; font-weight:bold; color:#2753ac; line-height:20px; padding:0 0 5px 0;}
.siteMap_tit02 {font-family: 'nanum';  font-size:14px; font-weight:bold; color:#69b4e2; line-height:20px; padding:0 0 5px 3px; letter-spacing:-1.1px;}
.siteMap_tit02 a:link {font-family: 'nanum';  text-decoration:none; font-size:14px; font-weight:bold; color:#69b4e2; line-height:20px; padding:0 0 5px 0; letter-spacing:-1.1px;}
.siteMap_tit02 a:visited {font-family: 'nanum';  text-decoration:none; font-size:14px; font-weight:bold; color:#69b4e2; line-height:20px; padding:0 0 5px 0; letter-spacing:-1.1px;}
.siteMap_tit02 a:hover {font-family: 'nanum'; text-decoration:none; font-size:14px; font-weight:bold; color:#69b4e2; line-height:20px; padding:0 0 5px 0; letter-spacing:-1.1px;}
.siteMap_t01{color:#666666; font-size:12px; line-height:22px;}
.siteMap_t01 li{color:#666666;  font-size:12px; line-height:22px;}
.siteMap_t01 a:link {text-decoration:none;  font-size:12px; line-height:22px;}
.siteMap_t01 a:visited {text-decoration:none;  font-size:12px; line-height:22px;}
.siteMap_t01 a:hover {text-decoration:none;  font-size:12px; line-height:22px;}