@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "나눔고딕", "Dotum", "굴림";
  font-size: 12px;
  line-height: 140%;
}
ul,
ol,
dl,
dd,
dt,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
img {
  border: 0;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
p {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: none;
  color: #2a7cc8;
}
hr {
  clear: both;
  display: none;
}
caption {
  display: none;
}
form {
  padding: 0;
  margin: 0;
}

input,
textarea,
select,
button,
box {
  font-size: 12px;
  font-family: "돋움", "Dotum", "굴림", Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  text-decoration: none;
  margin-top: 2px;
  margin-bottom: 2px;
}

/*legend, label 	{ padding:0; margin:0; overflow : hidden ; visibility : hidden; display:none;} */
input,
img,
select,
li {
  vertical-align: middle;
}
input[type="text"] {
  color: #333;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
  padding: 3px;
  margin-bottom: 1px;
}
input[type="password"] {
  color: #333;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
  padding: 3px;
  margin-bottom: 1px;
}
input[type="file"] {
  color: #333;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
  padding: 3px;
  margin-bottom: 1px;
}
textarea {
  color: #333;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
  padding: 3px;
  line-height: 100%;
}
input[type="image"] {
  border: 0 none;
  vertical-align: middle;
  background: none;
}
input[type="hidden"] {
  padding: 0;
  margin: 0;
}
input[type="radio"] {
  border: none;
  background: none;
}

/****************************** WEB FONT ******************************/
/* 나눔고딕 */
@font-face {
  font-family: "Nanum";
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix)
      format("embedded-opentype"),
    url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2)
      format("woff2"),
    url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff)
      format("woff"),
    url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf)
      format("truetype");
}
/* 나눔고딕 Bold */
@font-face {
  font-family: "NanumBold";
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix)
      format("embedded-opentype"),
    url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2)
      format("woff2"),
    url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff)
      format("woff"),
    url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf)
      format("truetype");
}
@font-face {
  font-family: "NanumExbold";
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix)
      format("embedded-opentype"),
    url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2)
      format("woff2"),
    url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff)
      format("woff"),
    url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf)
      format("truetype");
}
/* Nunito Light */
@font-face {
  font-family: "NunitoLight";
  font-style: normal;
  font-weight: 300;
  src: url(/static/fonts/Nunito-Light.eot);
  src: url(/static/fonts/Nunito-Light.eot?#iefix) format("embedded-opentype"),
    url(http://fonts.gstatic.com/s/nunito/v6/1TiHc9yag0wq3lDO9cw0vltXRa8TVwTICgirnJhmVJw.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* Nunito Regular */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url(/static/fonts/Nunito-Regular.eot);
  src: url(/static/fonts/Nunito-Regular.eot?#iefix) format("embedded-opentype"),
    url(http://fonts.gstatic.com/s/nunito/v6/cSNs3NwpEgPVRQzvkh3NeQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* Nunito Bold */
@font-face {
  font-family: "NunitoBold";
  font-style: normal;
  font-weight: 700;
  src: url(/static/fonts/Nunito-Bold.eot);
  src: url(/static/fonts/Nunito-Bold.eot?#iefix) format("embedded-opentype"),
    url(http://fonts.gstatic.com/s/nunito/v6/TttUCfJ272GBgSKaOaD7KltXRa8TVwTICgirnJhmVJw.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/****************************** tag Setting ******************************/
h1 {
  font-size: 21px;
}
h2 {
  font-size: 16px;
  line-height: 22px;
  font-family: "Nunito", "Nanum", sans-serif;
}
h3 {
  font-size: 30px;
  line-height: 24px;
  font-family: "NanumBold", "NunitoBold", sans-serif;
  color: #333333;
}
h4 {
  font-size: 20px;
  line-height: 24px;
  color: #1d326c;
}
h5 {
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
h6 {
  font-size: 12px;
  line-height: 14px;
  color: #333333;
}

input,
textarea {
  border: 1px solid #cccccc;
  margin: 0;
}
input[type="text"],
input[type="password"],
textarea {
  padding: 3px 5px;
  font-size: 12px;
}
select {
  height: 22px;
  border: 1px solid #cccccc;
  color: #666666;
}
hr {
  margin: 0;
}

#wrap {
  width: 100%;
  min-width: 1000px;
  background: url("../img/bg.gif") repeat-x;
  overflow: hidden;
}

.header {
  width: 100%;
  min-width: 1000px;
}
.global_wrap {
  width: 1000px;
  margin: 0 auto;
  height: 120px;
}
.global {
  float: right;
  padding-top: 3px;
}
.global li {
  float: left;
}
h1 {
  text-align: center;
  padding-top: 46px;
}

.nav_wrap {
  width: 100%;
}
.mainmenu {
  width: 100%;
  background: url("/img/menubg.png") repeat left 0;
  z-index: 999;
  position: absolute;
  min-width: 1000px;
}
.mainmenu div {
  width: 100%;
}
.mainmenu div .clearfix {
  width: 889px;
  margin: 0 auto;
}
.mainmenu ul li {
  float: left;
  position: relative;
  background: url("/img/line.png") no-repeat left 35px;
}
.mainmenu ul li a {
  vertical-align: middle;
  color: #fff;
  line-height: 35px;
  height: 35px;
  display: block;
}
.mainmenu ul li ul {
  position: relative;
  height: 190px;
  display: none;
  padding: 10px 0;
}
.mainmenu ul li ul li {
  float: none;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
}
.mainmenu ul li ul li a {
  text-align: left;
  height: auto;
  line-height: 21px;
  font-family: "Nanum", sans-serif;
}
.mainmenu ul li .sub1 li a {
  width: 162px;
  padding-left: 20px;
}
.mainmenu ul li .sub2 li a {
  width: 149px;
  padding-left: 20px;
}
.mainmenu ul li .sub3 li a {
  width: 154px;
  padding-left: 20px;
}
.mainmenu ul li .sub4 li a {
  width: 165px;
  padding-left: 20px;
}
.mainmenu ul li .sub5 li a {
  width: 159px;
  padding-left: 20px;
}
.mainmenu ul li ul li .active,
.mainmenu ul li ul li a:hover,
.mainmenu ul li ul li a:focus {
  color: #12a89d;
}

.main_content_wrap {
  width: 100%;
}
.main_content {
  width: 100%;
  background: url("/img/visualbg.jpg") repeat-x;
  overflow: hidden;
}

.main_content_sub {
  width: 100%;
  background: #b5b5b5;
  overflow: hidden;
  padding: 35px 0 0 0;
}
.content {
  width: 1000px;
  margin: 0 auto;
}
.visual {
  overflow: hidden;
  position: relative;
}
.quickmenu {
  clear: both;
}
.quickmenu li {
  float: left;
}

.index_con {
  overflow: hidden;
  clear: both;
  padding-bottom: 40px;
  padding-top: 27px;
}
.banner_con {
  width: 606px;
  float: left;
}
.banner_con li {
  float: left;
  padding-right: 6px;
}

.notice_con {
  border: 1px solid #e7e7e7;
  width: 392px;
  float: right;
  padding: 15px 0;
}
.notice_con .latest {
  margin: 0 auto;
  width: 350px;
  position: relative;
}
.notice_con .latest dt {
  height: 30px;
  border-bottom: 1px solid #8f9296;
  margin-bottom: 11px;
}
.notice_con .latest dd.more {
  position: absolute;
  top: 5px;
  left: 330px;
}
.notice_con .latest li {
  background: url("/img/ico_bul.gif") no-repeat 0 50%;
  padding-left: 8px;
  line-height: 20px;
  color: #666;
}
.notice_con .latest li a {
  color: #333;
}
.notice_con .latest li span.date {
  display: inline-block;
  float: right;
}

.footer_wrap {
  width: 100%;
}
.footer {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  height: 115px;
  overflow: hidden;
  background: url("/img/copyright.gif") no-repeat left 30px;
  border-top: 1px solid #cfcfcf;
}
.footer .f_con {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.footer .f_con ul {
  position: absolute;
  top: 18px;
  left: 188px;
}
.footer .f_con ul li {
  float: left;
  padding-top: 10px;
}

.sub_content_wrap {
  width: 100%;
}
.sub_content_wrap_board {
  width: 100%;
  padding: 35px 0 0 0;
}
.sub_content {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.f_con > ul > li:last-child() {
  display: none;
}

div[style="position:fixed; right:0; z-index:100000;"] > ul > li:nth-child(4) {
  display: none;
}