@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(/webfont/NotoSansKR-Thin.woff2) format('woff2'), url(/webfont/NotoSansKR-Thin.woff) format('woff'), url(/webfont/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/webfont/NotoSansKR-Light.woff2) format('woff2'), url(/webfont/NotoSansKR-Light.woff) format('woff'), url(/webfont/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/webfont/NotoSansKR-Regular.woff2) format('woff2'),  url(/webfont/NotoSansKR-Regular.woff) format('woff'),  url(/webfont/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/webfont/NotoSansKR-Medium.woff2) format('woff2'),  url(/webfont/NotoSansKR-Medium.woff) format('woff'),  url(/webfont/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/webfont/NotoSansKR-Bold.woff2) format('woff2'),  url(/webfont/NotoSansKR-Bold.woff) format('woff'),  url(/webfont/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/webfont/NotoSansKR-Black.woff2) format('woff2'),  url(/webfont/NotoSansKR-Black.woff) format('woff'),  url(/webfont/NotoSansKR-Black.otf) format('opentype');
 } 
 
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('※'),
    url('/webfont/Roboto-Regular.eot'),
    url('/webfont/Roboto-Regular.eot#iefix') format('embedded-opentype')
    url('/webfont/Roboto-Regular.woff') format('woff'),
    url('/webfont/Roboto-Regular.otf') format('opentype'),
    url('/webfont/Roboto-Regular.ttf') format('truetype');
    unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;
}
body { font-family: 'Noto Sans KR', sans-serif; }
/* Common Style Reset Area */

*{margin:0;padding:0;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
html, body { width: 100%, height: 100% }

body {}

li{list-style:none;}
a, a:link{color:#000; text-decoration:none;}
#wrap {width:100%; height:100%;font-size:16px; color:#000;background: url('/images/bg_intro.jpg') center center no-repeat; background-size:cover}
#container {width:100%; height:100%; position:relative}
#index {width:963px; }
#index > div.index_ci{width:500px;  height:546px;text-align:center;background:#0c2a58; color:#ccc; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400;padding-top:200px;position:relative }
#index > div.index_ci > p{position:absolute; bottom:20px; text-align:center; width:100% }
#index > div.login{width:490px; height:100%; background:#fff;box-shadow : 2px 2px 2px #ccc; padding:150px 40px 0px 40px}
#index > div.login h2{font-size:40px; color:#f4bd34; font-weight:500; margin-bottom:-10px}
#index > div.login p.login_title{font-size:60px; color:#4e7abc; font-weight:700;font-family: 'Roboto'; margin-bottom:10px}

div.login > ul > li{margin-bottom:10px; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:500;}
div.login > ul > li > div{float:right;}
div.login > ul > li > div a{color:#4e7abc}
div.login > ul > li input[type=text]{width:100%; height:50px; border:1px solid #ccc; font-size:16px; font-weight:500; padding:10px 10px 10px 70px;color:#4e7abc4;
background:#e3e7e9 url('/images/ico_login_01.png') 10px 10px no-repeat; color:#4e7abc;font-family: 'Roboto', sans-serif;}
div.login > ul > li input[type=password]{width:100%; height:50px; border:1px solid #ccc; background:#e3e7e9; font-size:16px; font-weight:500; padding:10px 10px 10px 70px;color:#4e7abc4;
background:#e3e7e9 url('/images/ico_login_02.png') 10px 10px no-repeat;font-family: 'Roboto', sans-serif;}
div.login > ul > li input[type=submit]{display:block; border:1px solid #ccc; background:#4e7abc; font-size:18px; font-weight:700; color:#fff; text-align:center; padding:20px 10px; width:100%; margin-top:30px}
div.login > ul > li input[type=checkbox]{margin-right:5px}

#intro {width:100%; height:100%; padding-top:100px; display:flex; flex-direction:column;  justify-content:center; align-items:center;}
#intro > div:nth-child(2){margin-top:0px;}
#intro > div:nth-child(2) > ul { display:flex;  }
#intro > div:nth-child(3) > ul { display:flex; margin-top:50px;}
#intro > div:nth-child(3) > ul > li { padding:20px; text-align:center; font-size:20px;}