@charset "utf-8";

/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../font/NotoSansKR-Thin.woff2) format('woff2'), url(../font/NotoSansKR-Thin.woff) format('woff'), url(../font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansKR-Light.woff2) format('woff2'), url(../font/NotoSansKR-Light.woff) format('woff'), url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansKR-Regular.woff2) format('woff2'), url(../font/NotoSansKR-Regular.woff) format('woff'), url(../font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansKR-Medium.woff2) format('woff2'), url(../font/NotoSansKR-Medium.woff) format('woff'), url(../font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../font/NotoSansKR-Bold.woff2) format('woff2'), url(../font/NotoSansKR-Bold.woff) format('woff'), url(../font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../font/NotoSansKR-Black.woff2) format('woff2'), url(../font/NotoSansKR-Black.woff) format('woff'), url(../font/NotoSansKR-Black.otf) format('opentype');
 }


html,body {height:100%; overflow:hidden;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,p,button {margin:0;padding:0; }
fieldset {border:0}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:keep-all}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%; line-height:1.4}
a {background:transparent; border:none; text-decoration:none; -webkit-tap-highlight-color:transparent}
img {BORDER:NONE;}
ul,ol,li {list-style:none}
i,em,address,optgroup {font-style:normal; font-weight:normal}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary {display:block; margin:0; padding:0}
[hidden],template {display:none}
table {border-collapse:collapse; border-spacing:0}
caption,legend {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0)}
button,input,select,textarea {font-family:inherit; font-size:100%}
::-ms-clear {display:none}
button,input {line-height:normal}
button,select {text-transform:none}
select::-ms-expand {display:none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; background:none; border:0; cursor:pointer}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0}
input[type="search"] {-webkit-appearance:textfield; box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0}
textarea {overflow:auto; vertical-align:top}
body {position:relative; word-break: break-all; }
/* custom */
*,*:after,*:before {box-sizing:border-box; outline:none}
html,button,input,select,textarea {color:#222}
html {font-size:1em; font-family:'Noto Sans KR', sans-serif;font-weight:400; direction:ltr}
audio,canvas,img,svg,video {vertical-align:middle}
::-moz-selection {background:#b3d4fc; text-shadow:none}
::selection {background:#b3d4fc; text-shadow:none}

.con_wrap {width:100%; height:100%; overflow:hidden}
.nav_wrap .nav_top {border-bottom:1px solid #d5d5d5; width:100%; padding:15px 0}
.nav_wrap .nav_top .nav_top_con {text-align:right; width:990px; margin:0 auto}
.nav_wrap .nav_top p, .nav_wrap .nav_top a {display:inline-block}
.nav_wrap .nav_top p {font-size:13px; color:#333; padding-right:15px; font-weight:400; border-right:1px solid #d5d5d5}
.nav_wrap .nav_top p:nth-child(2) {padding-right:0px; padding-left:10px; border-right:0}
.nav_wrap .nav_top a {color:#fff; background:#444; margin-left:10px; font-size:12px; border-radius:20px; padding:3px 20px}
.nav_wrap .nav_middle {border-bottom:1px solid #d5d5d5; width:100%; padding:10px 0}
.nav_wrap .nav_middle .nav_middle_con {text-align:right; width:970px; position:relative; margin:0 30px}
.nav_wrap .nav_middle .nav_middle_con:after {content:""; clear:both; display:block}
.nav_wrap .nav_middle .logo {float:left}
.con_wrap .content_wrap .nav_menu:after {content:""; clear:both; display:block}
.con_wrap .content_wrap .nav_menu {float:left;margin-top:15.5px;margin-left:0px;display:block}
.con_wrap .content_wrap .nav_menu li {width:100px;height:29px;}
.con_wrap .content_wrap .nav_menu li a {width:100px;height:35px;font-size:14px; color:#333; position:relative;padding:8px 20px; font-weight:500;border-bottom:1px solid #eee;display:block}
.con_wrap .content_wrap .nav_menu li a.active , .con_wrap .content_wrap .nav_menu li a:hover  {width:100px;padding:8px 20px;background-color:#4c8eff; color:#fff;}
.con_wrap .content_wrap .nav_menu li a img {display:none}
.con_wrap .content_wrap .nav_menu li a.active img, .nav_wrap .nav_middle .nav_menu li a:hover img {z-index:11; display:block; position:absolute; bottom:-10px; left:50%; margin-left:-10px}
.nav_wrap .nav_middle .admin_btn {float:right}
.nav_wrap .nav_middle .admin_btn a {border:2px solid #268bd3; border-radius:3px; color:#268bd3; font-size:15px; background:url('../img/admin.png') 126px center no-repeat; padding:6px 48px 6px 30px; font-weight:500; display:block}
.nav_wrap .nav_bottom {border-bottom:1px solid #d5d5d5;  position:relative; width:100%; padding:10px 0; background:#f6f6f6}
.nav_wrap .nav_bottom p  {text-align:left; font-size:16px; font-weight:500; width:970px; margin:0 30px}

.con_wrap .content_wrap {width:100%; height:100%;}
.con_wrap .content_wrap .con_inner {float:left;width:880px; height:100%; padding-top:15px}