@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/NanumGothic-Regular.eot');
  src: url('./fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/NanumGothic-Regular.woff2') format('woff2'),
       url('./fonts/NanumGothic-Regular.woff') format('woff'),
       url('./fonts/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/NanumGothic-Bold.eot');
  src: url('./fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/NanumGothic-Bold.woff2') format('woff2'),
       url('./fonts/NanumGothic-Bold.woff') format('woff'),
       url('./fonts/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/NanumGothic-ExtraBold.eot');
  src: url('./fonts/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/NanumGothic-ExtraBold.woff2') format('woff2'),
       url('./fonts/NanumGothic-ExtraBold.woff') format('woff'),
       url('./fonts/NanumGothic-ExtraBold.ttf') format('truetype');
}

/* Default Css */
* { padding: 0px; margin: 0px; font-family: 'Nanum Gothic', dotum; }
body { width:100%;min-width: 1300px; font-family: 'NanumGothic', sans-serif; background-color: #2D383E;  }
td, div, ul, li, ol, dt, dd, dl, input, select, textarea { font-size:10pt;font-family: 'Nanum Gothic', dotum; color:rgb(78, 78, 78);line-height:1.5;margin:0; padding:0; }
li {list-style:none;}

/* layout css */
p, ul, ol, li, h1, h2, h3, h4, h5, dl, dt, dd {margin:0; padding:0;}

.fl {float:left;}
.fr {float:right;}
.text_al_center {text-align:center;}
.clear {clear:both; font-size:1px; line-height:1px; }
.btn {background-color:#00a7af;color:#fff;padding:11px;text-align:center;outline:none;}


.login_input { width:100%;height:20px;}

.box { border:solid 1px #eee;padding:20px; }

.line { clear:both;width:100%;height:1px;background-color:#ddd;font-size:1px; line-height:1px;  }
.line12 { clear:both;width:1200px;height:1px;background-color:#ddd;font-size:1px; line-height:1px; margin:0 auto; }
.line_content { clear:both;width:100%;height:5px;background-color:#244d9d; margin:0 auto;text-align: center;background:url('./image/line.gif') repeat-x center; }
.btn {
       background-color:#00a7af;color:#fff;
       padding:10px 20px 10px 20px;text-align:center;outline:none;cursor:pointer;font-size:15px;
       margin-right:6px;
      }
.btn:hover {
       background-color:#0068b7;color:#fff;
       padding:10px 20px 10px 20px;text-align:center;outline:none;cursor:pointer;font-size:15px;
       margin-right:6px;
}      

#center {text-align:center;margin-height:0px;width:100%;min-width: 1300px;}

#container {width:100%; margin:0 auto;text-align:center;background-color: #fff;}

#header {margin:0 auto;text-align:center;}

#topmenu {width:1300px;margin:0 auto;text-align:center;}
#topmenu .top1 {font:11px;letter-spacing:-1;padding:5px 10px 5px 0;text-align:right;}
#topmenu .top1 a {color:#888;}
#top_logo { width:1300px;margin:0 auto; }
#top_logo ul li { float:left;font-size:1px; line-height:1px; overflow:hidden;}
#top_line { height:1px;width:1300px;line-height:1px;}
#menu { margin:0 auto;height:70px;}

/* 멤Ԥ²¤Î¤¦¤Ô¤§¤È¤² 곤Ԥ¸¤È¤¢¤Ô¤¸¤Ã¤¼ */
.jbTitle { text-align: center; }
.jbMenu { clear:both;text-align: center; width: 100%;height:69px;background-color:#fff;z-index: 2; }
.jbContent { background-color: #fff; }
.jbFixed { position: fixed; top: 0px;background-color: #e7f7f7;z-index: 3; }

/* #main_img { height:370px;text-align:center;padding-top:100px;margin:0 auto;background:url('./img/index_bg.jpg') repeat-x bottom center;} */
#main_img { width:1300px;height:200px;margin:0 auto;overflow:hidden;z-index: 1;}

#sub_img { width:100%;height:300px;text-align:center;}
#sub_img .sub {height:300px;padding-top:30px;color:#000;font-size:35px;text-shadow: 0 2px 0 rgba(255, 255, 255, .75); }

#index { padding:10px 0 0 0;margin:0 auto; }
#index_sns { margin:0 auto;background-color: #efefef; }
#index_contents { width:1300px;margin:0 auto;padding-left:10px;}
#index_contents li { width:430px;float:left;padding:10px 0 20px 0; }
#index_center { width:1300px;margin:0 auto;}
#index_title {font-size:17px;padding:0 0 10px 0;}

#contents { width:100%;margin:0 auto;background-color: #ffffff; }
#contents_wrap { width:1300px;table-layout:fixed;word-break:break-all;margin:0 auto;text-align:center;}
#contents_left { float:left; width:230px; valign:top; margin-top:30px;table-layout:fixed;word-break:break-all;background-color: #fff; }
#contents_center { float:right; width:1030px; vertical-align:top; text-align:justify; padding:20px 0 0 0;table-layout:fixed;word-break:break-all;background-color: #fff; }

#lefts {width:220px;}
#lefts .title { padding:15px 0 15px 0;text-align: center;font-size: 23px;font-weight:700;color:#fff;background-color: #0068b7;}
#lefts .title_small { text-align: center;font-size: 10px;color:#aaa;}
#lefts .left_menu { width:190px;padding:10px 0 10px 10px;text-align:left;font-size:15px ;background-color: #fff; }
#lefts .left_sub { width:175px;padding:15px 0 10px 15px;text-align:left;font-size:15px ;letter-spacing:-1px;line-height: 1.8px; }
#lefts .left_sub_over { width:190px;padding:15px 0 20px 15px;text-align:left;font-size:15px ;letter-spacing:-1px;line-height: 1.8px;cursor: pointer;background-color: #eee; }
#lefts .left_sub_last { width:190px;padding:12px 0 20px 15px;text-align:left;font-size:15px ;letter-spacing:-1px;line-height: 1.8px; }
#lefts .left_menu_over { width:210px;background-color:#0068b7;color:#fff;padding:10px 0 10px 10px;text-align:left;font-size:15px ;cursor: pointer; }
#lefts .blank { height:20px; }

#contents_wrap {width:1300px;table-layout:fixed;word-break:break-all;margin:0 auto;text-align:center;}
#contents_center .title { width:100%;height:30px;  font-size:35px; color:#2D383E;text-align:center;font-weight: bold;  }
#contents_center .s_title { width:100%;height:30px;  font-size:15px; color:#666666;padding-top:20px;text-align:center;  }
#contents_center .loc { text-align:right; color:#999999;font-size:12px; }
#contents_center .list { clear:both;width:100%;padding:30px 0 50px 0;margin:20px 0 50px 0;font-size:16px;min-height: 500px;}
#contents_center .list ul li { font-size:15px;}
.subtitle { font-size:24px;padding:0 0 20px 0; }
#contents_center .list dt { width:930px;padding:30px 0 5px 0;font-size:18px;color:#445866; }
#contents_center .list dd { width:930px;padding:5px 0 10px 15px;font-size:15px; }
.pagetitle { font-size: 20px;color:#0072BC; }
#contents_center .pagetitle_han { font-size: 24px;color:#445866;font-family: Nanum Myeongjo, georgia,dotum;  }
#contents_center .page_sub { font-size: 18px;color:rgb(12, 78, 82); }
#contents_center .page { line-height:1.6;text-align:justify;font-size:16px;padding:20px 0 30px 10px;word-break: normal;}

#footer {clear:both;width:100%;min-width:1300px;background-color: #2D383E;margin:0 auto;text-align:center;align:center;padding:20px 0 0 0;color:#fff;font-size: 13px;}
#footer .foot_left { width:100%;}

.text-stroke {
  -moz-text-stroke: 1px #fff;
  -webkit-text-stroke: 1px #fff;
}