@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);	
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

/* 
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face{
 font-family:'Hankc';
 font-style:normal;
 font-weight:400;
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/hani/Hankc/Hankc.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/hani/Hankc/Hankc.woff') format('woff');
}

#main-navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    width: 140px;
    background: transparent;
}
@media all and (max-width:370px) {
    #main-navbar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        width: 82px;
        background: transparent;
    }
}
#toggle-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 90px;
}
#main-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    background: #e5e5e5;
}
#main-sidebar .close-sb {
    background: #b74d00;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #c11b00;
    font: 20px/70px Acme;
    color: #fff;
    cursor: pointer;
}
#main-sidebar ul li > a {
    display: block;
    padding: 0 0 0 20px;
    background: #e5e5e5;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #d4d4d4;
    font: 14px/48px NGBold;
    color: #555;
}
#main-sidebar ul li > a:hover {
    background: #333;
    border-top: 1px solid #010101;
    border-bottom: 1px solid #010101;
    color: #fff;
}
#main-sidebar ul li li > a {
    display: block;
    padding: 0 0 0 20px;
    background: #f7f7f7;
    border-bottom: 1px solid #dedee0;
    font: 12px/43px NGBold;
    color: #555;
}
/****¸ÞÀÎ**********************************/
ul.mm {
    border-right: 1px solid #a1a1a1;
    margin: 0 auto;
}
ul.mm li {
    color: #411723;
    width: 47%;
    font-size: 130%;
    text-align: center;
    float: left;
    margin: 1%;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #62a21d;
    border: 1px solid #00451d;
    font-weight: bold;
}
ul.mm li:hover {
    background-color: #00451d;
}
ul.mm li a {
    color: #fff;
    font-family: 'Jeju Gothic', serif;
}
/****ÀÎÆ®·Î**********************************/
.m01 {
    width: 100%;
    position: relative;
    height: 280px;
    background: url('/m/img/m01.jpg')no-repeat;
    background-size: 100%;
}
.m01 .btn1 {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
}
.m02 {
    width: 100%;
    position: relative;
    height: 280px;
    background: url('/m/img/m02.jpg')no-repeat;
    background-size: 100%;
}
.m02 .btn2 {
    width: 100%;
    height:60px;
    position: absolute;
    bottom: 0;
}
#map_canvas {
    margin: 0;
    padding: 0;
    height: 90%;
}
.txt1 {
    line-height: 180%;
    font-size: 15px;
    font-family: 'Hankc', serif;
    font-weight: bold;
    color: red;
}
.txt2 {
    line-height: 180%;
    font-size: 14px;
    color: #53761b;
	font-weight:bold;
}
.txt3 {
    line-height: 180%;
    font-size: 15px;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: bold;
}
.txt4 {
    line-height: 180%;
    font-size: 18px;
    font-weight: bold;
    font-family: "Nanum Gothic", sans-serif;
    color: #8a3000;
}
.txt5 {
    line-height: 180%;
    font-size: 15px;
}
.txt6 {
    line-height: 150%;
    font-size: 13px;
    color: red;
    font-weight: bold;
}
.ico_tit3 {
    background: url('/images/icon_tit3.png') left 0 no-repeat;
    background-size: 20px 20px;
    font-size: 22px;
    font-weight: bolder;
    margin-bottom: 13px;
    color: #e14f00;
    height: 70px;
    padding: 0 30px;
}
.sub_table {
    margin-top: 20px;
    width: 100%;
    text-align: left;
}
.sub_table {
    padding: 15px 0;
    border-bottom: 1px solid #c8c8c8;
}
.sub_table td {
    padding: 20px;
    border-bottom: 1px solid #c8c8c8;
    line-height: 180%;
}
.sub_table th {
    border-bottom: 0;
    padding-top: 30px;
}
.sub_table2 {
    border-top: 0 solid #bfbfbf;
    border-left: 0 solid #bfbfbf;
    margin: 10px 0 20px;
    width: 100%;
}
.sub_table2 th {
    padding: 10px 0;
    color: #525252;
    border-bottom: 1px solid #bfbfbf;
    border-right: 0 solid #bfbfbf;
}
.sub_table2 td {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #bfbfbf;
    border-right: 0 solid #bfbfbf;
    line-height: 35px;
}
.sub_table2 .color1 {
    background-color: #fff8e1;
}
.sub_table2 .color2 {
    background-color: #f0f1f7;
}
.sub_table2 .color3 {
    background-color: #f0f8e5;
}
.sub_table2 .color4 {
    background-color: #eaf2fb;
}
.sub_table3 {
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    margin: 10px 0;
    width: 100%;
    border-collapse: collapse;
}
.sub_table3 th {
    padding: 10px 0;
    background-color: #f7f7f7;
    color: #525252;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
}
.sub_table3 td {
    text-align: left;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    line-height: 20px;
}
.sub_table3 .color1 {
    background-color: #fff8e1;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}
.sub_table3 .color2 {
    background-color: #f0f1f7;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}
.home {
    position: relative;
    width: 100%;
}
.home h2 {
    top: 0;
    right: 90px;
    position: absolute;
}
.home h2 img {
    width: 67px;
    height: 20px;
}
.home h3 {
    top: 0;
    right: 10px;
    position: absolute;
}
.home h3 img {
    width: 67px;
    height: 20px;
}

ul.s_tab {
	width:100%;
	clear:both;
	display:block;
	height:20px;
}
ul.s_tab li {
	width:18%;
	margin-right:2px;
	float:left;
	border:1px solid gray;
	padding:2% 0;
	text-align:center;
	border-radius:5px;
}

ul.s_tab li.on {
	background-color:#53761b;
	color:#fff;
	font-weight:bold;
} 

.button {
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 5px;
  cursor: pointer;
  border-radius:5px;
  line-height:120%;
  font-family: 'Nanum Gothic';
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid #f44336;
}

.button4 {
  color: black;
  border: 2px solid #e7e7e7;
}

.button5 {
  background-color: #e5e5e5; 
  color: black;
  border: 1px solid #b6b6b6;
}