/*로그인*/

@charset "utf-8";

/* reset */
html,body { height:100%; }
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button,input { margin:0; padding:0; }
body,h1,h2,h3,h4,input,button { font-size:17px; }
ul,li,ol { list-style:none; }
img,fieldset,iframe { border:0; }
img { vertical-align:top; }
table { border-collapse:collapse; }



/* base */
body { 
   font:18px; 
   font-family: 'Noto Sans KR', sans-serif;
   color: #000; 
   background:#f6f6f6;   
}
a { text-decoration: none; color: #000; }
::selection { background:#f2df11; color: #000; }

.skip_nav a { position:absolute; top:-9999px; font-size:0;}
.skip_nav a:focus { position:absolute; left:0px; top:0px; z-index:1000; padding:5px; font-size:18px; background-color:#0099ff; }
.blind { position:absolute; top:-9999px; font-size:0;}

.clear { clear:both;  }

#header { position:fixed; z-index:1000; width:100%; }
#header .inner { position:relative; width:1280px; margin:0 auto; height:100px; /*border:1px solid red;*/ box-sizing:border-box; }
#header .inner .logo { position:absolute; left:0px; top:50%; margin-top:-40px; height:80px; }
#header .inner .logo img {  height:100%; }



.typo_area { position:absolute; z-index:1000; width:100%; top:30%; text-align:center; color:#fff; font-size:46px; }
.typo_area .typo1 { font-size:42px; font-weight:300; }
.typo_area .typo2 { font-size:26px; margin-top:10px; font-weight:400; }



#login_area { position:absolute; z-index:1000; top:55%; left:0; width:100%; background-color:rgba(0,0,0,.7); padding:70px 0px; /*border:1px solid red;*/ box-sizing:border-box; color:#fff; }
#login_area .inner { margin:0 auto; width:450px; /*border:1px solid red; */}
#login_area .inner:after { content:''; display:block; clear:both; }


#login_area .notice { width:100%; padding-bottom:40px;  font-size:20px; color:#fff; font-weight:bold; line-height:1.4em; text-align:center; margin:0 auto; /*border:1px solid red;*/  }

#login_area .inner .login { float:left;  }
#login_area .inner .login .row { margin-bottom:10px; /*border:1px solid red; */}
#login_area .inner .login .row:after { content:''; display:block; clear:both; }
#login_area .inner .login .row label { float:left; line-height:35px; margin-right:30px; }
#login_area .inner .login .row input { float:right; background:rgba(255,255,255,.1); border:1px solid #fff; padding:5px; height:25px; color:#fff; }

#login_area .inner .but { float:left; margin-left:20px; border:1px solid #fff; }
#login_area .inner .but button { display:block; color:#fff; font-weight:bold; cursor: pointer; padding:28px 15px;  }




#bg .intro_gallery { overflow:hidden; width:100%; height:100%; /*border:1px solid red;*/ box-sizing:border-box; }
#bg .intro_gallery:after { content:""; display:block; clear:both; }
#bg .intro_gallery .swiper-slide { width:100%; height:auto; float:left; }
#bg .intro_gallery .swiper-slide img { width:100%; height:auto; border-radius:3px; margin-top:0px; object-fit:cover; object-position:0px center; }



/*푸터*/
#footer { width:100%; background:#666; /*border:1px solid red;*/ }
#footer .inner { position:relative; width:1024px; height:130px; margin:0 auto; color:#fff; }
#footer .inner a { color:#fff; }
#footer .inner:after { content:""; display:block; clear:both; }
#footer .inner .logo { position:absolute; left:40px; top:50%; margin-top:-35px; height:70px;  margin-right:50px; }
#footer .inner .logo img { height:100%; }
#footer .inner .doc { position:absolute; left:300px; top:20px; font-size:11px; line-height:16px; }
#footer .inner .copy_text { display:block; }
#footer .inner .copyright {  padding-top:10px; font-size:9px; line-height:12px;}
#footer .inner .bank { position:absolute; right:0px; top:20px; font-size:14px; line-height:20px;}
#footer .inner .bank span {  font-size:20px; font-weight:600; line-height:40px;}