@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);

* { margin: 0px; padding: 0px; }
/* body { text-align: center; } */
body,
input,
textarea,
select,
table,
th,
td,
div,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nanum Gothic", sans-serif;
  font-size: 14px;
  color: #333333;
  line-height: 18px;
  }
a:link { 
  color: #333333;
  text-decoration: none;
  }
a:visited { 
  color: #333333;
  text-decoration: none;
  }
a:hover {
  color: #3b8ad1;
  background-color: transparent;
  }
ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#wrap {width:100%; max-width:1920px; overflow:hidden; margin:0 auto;}
#top_wrap {width:100%; max-width:1920px; margin: 0 auto; position:fixed; background-color:#fff;}
#foot_wrap {width: 980px; margin: 0 auto;}
#index_Menu { width: 980px;
           height: 80px;
           margin:0 auto;
           padding-top: 15px;
           text-align: center;
           background-color:#fff;
           vertical-align: bottom;
         }
#topMenu { width: 980px;
           height: 180px;
           margin: 0 auto;
           padding-top: 15px;
           text-align: center;
           background-color:#fff;
           vertical-align: bottom;
         }
#subMenu { position: fixed;
          width: 200px;
          margin: 0 auto;
          background-color:#fff;
        }
#main { padding-top: 250px;
        width: 980px;;
        min-height: 400px;
        margin: 0 auto;
        text-align: left;
      }
#main-img-text {width: 980px; height: 500px; margin:0 auto; padding-top: 100px;}
#main-img {width:100%; max-width:1920px; height: 500px; overflow:hidden; margin:0 auto; padding-top: 100px;}
#main-img-sub { height: 100px;
                width: 100%;
                margin: 0 auto;
                padding-top: 10px;
                text-align: center;
              }
#main-contents { padding: 0 250px;
        width: 100%;
        margin: auto;
        text-align: left;
      }
#foot { margin: 0 auto;
        padding: 30px 0;
        text-align: left;
        color: #5f5f5f;
        background-color: #f2f2f2;
        border-top:1px solid #dadee2;
        border-bottom:1px solid #dadee2;
      }

.center { text-align: center; }
.left { float: left; }
.right { float: right; }

li.m-menu { text-align: right;
            font-size: 14px;
            font-weight: 700;
            padding: 10px 30px 10px 0;
            text-decoration: none;
            display: block;
            border-right: 1px solid #e1e1e1;
            border-bottom: 1px solid #e1e1e1;
          }

li.h-logo { text-align: left;
            width: 220px;
            float: left;
            padding-left: 20px;
            display: inline;
          }
li.f-logo { text-align: left;
            width: 220px;
            float: left;
            padding-left: 20px;
          }
li.h-menu { font-family: "Jeju Gothic", sans-serif;
            font-size: 16px;
            padding: 40px 40px 0;
            float: left;
            display: inline;
            vertical-align: bottom;
          }
li.h-menu_e { font-family: "Jeju Gothic", sans-serif;
            font-size: 16px;
            padding: 40px 25px 0;
            float: left;
            display: inline;
            vertical-align: bottom;
          }
li.h-lang { font-family: "Jeju Gothic", sans-serif;
            font-size: 16px;
            padding: 40px 30px 0;

            float: left;
            display: inline;
            border: 1px solid #e1e1e1;
            background-color: #fafafa;
          }
.subject1 { font-family: "Jeju Gothic", sans-serif;
              font-size: 20px;
              color: #013a89;
              padding: 20px 0;
            }
.subject2 { font-size: 20px;
            font-weight: 700;
            color: #90ba00;
            text-align: left;
            padding: 5px 0;
          }
.subject3 { font-size: 20px;
            font-weight: 700;
            color: #333333;
            padding: 5px 0;
          }
.subject4 { font-size: 18px;
            font-weight: 800;
            color: #013a89;
            padding: 5px 0 5px 15px;
          }
.subject5 { font-family: sans-serif;
            font-size: 16px;
            font-weight: 900;
            text-align: left;
            padding: 10px 10px 10px 30px;
            background-color: #f4f4f4;
          }
.subject6 { text-align: left;
            padding-left: 10px;
            border-top: 1px solid #e4e4e4;
          }

.dropdown-content {
    display: none;
    position: absolute;
    border:1px solid #e1e1e1;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)
    }
.dropdown-content a {
    padding: 8px 20px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #013a89; color: #fff;}

.h-menu:hover .dropdown-content { display: block; }
.h-menu_e:hover .dropdown-content { display: block; }

.foot { padding: 5px 0; font-size: 12px; }

.dropbtn {
    display: block;
    text-decoration: none;
    padding-bottom: 10px;
}

.main-img-text1 { font-size: 35px; font-family: sans-serif;
                  font-weight: 900;
                  color: #9c1145;
                  padding: 50px 0 0 90px;
                }
.main-img-text2 { font-size: 35px; font-family: sans-serif;
                  font-weight: 900;
                  color: #196b9d;
                  padding: 30px 0 30px 130px;
                }
.tbl_1 {display:inline-block;overflow:hidden;width:100%;}
.tbl_1 table,.tbl_1 table th,.tbl_1 table td{border:0}
.tbl_1 table{width:100%; border-bottom:1px solid #c6c6c6}
.tbl_1 table th{padding:10px;background:#f5f5f5;text-align:center;}
.tbl_1 table td{text-align:left;border-top:1px solid #e4e4e4}
