@charset "utf-8";

html,body {width:100%;height:100%;}
html {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {overflow-y:scroll;overflow-x:hidden;background-color:#fff;font-size:14px;font-family:'Nanum Gothic',sans-serif;color:#272727;letter-spacing:-.05rem;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,videom,input,textarea {padding:0px;margin:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul li,dl dt dd,ol li {list-style:none;}
blockquote,q {quotes:none;}
blockquote::before,blockquote ::after,q::before,q::after {content:'';content:none;}

img {vertical-align:middle;border:none;position:relative;}
a {border:none;color:#272727;text-decoration:none;cursor:pointer;}

table {border-spacing:0;border-collapse:collapse;}

input[type="text"],input[type="password"],input[type="tel"],input[type="number"],select {width:100%;height:36px;vertical-align:middle;margin:3px 0;border:1px solid #ccc;padding:0px 8px;}
select {padding-right:25px !important;}
input[type="file"] {height:auto;vertical-align:middle;margin:2px 0;border:1px solid #ccc;background: #efefef;padding:4px;}
input[type="checkbox"],input[type="radio"] {display:inline-block;vertical-align:middle;}
input[type="text"]:disabled,input[type="password"]:disabled,input[type="tel"]:disabled,input[type="number"]:disabled,input[type="file"]:disabled,textarea:disabled,select:disabled {background-color:#eee;cursor:not-allowed;}
textarea {line-height:150%;border:1px solid #ccc;padding:8px;}

button {margin:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;background-color:transparent;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}

#wrap {display:block;position:relative;width:100%;height:auto;margin:0px;padding:0px;}
#wrap.login {height:100%;background:url(../../../images/front/bg_login.jpg) no-repeat;background-size:cover;background-position: center;}

/* login */
.wrap_login {display:block;position:absolute;top:50%;left:50%;width:420px;height:auto;transform:translate(-50%,-50%);}
.wrap_login .header_login {display:block;position:relative;width:100%;padding:2rem;}
.wrap_login .header_login h1.logo {display:block;position:absolute;top:0px;left:50%;width:327px;height:105px;margin-left:-163px;background:url(../../images/front/login_logo.png) no-repeat;text-indent:-9999px;}
.wrap_login .cont_login {width:100%;padding:2.5rem 2.5rem;background:rgba(0,0,0,.6)}
.wrap_login .cont_login .btn_login {display:block;width:100%;height:2.5rem;margin-top:20px;background:#4dc1ed;color:#fff;font-weight:700;font-size:18px;letter-spacing:-0.05rem;}
.wrap_login .cont_login .btn_other1 {display:inline-block;width:25%;height:2.5rem;margin-top:20px;background:rgba(0,0,0,0);color:#fff;letter-spacing:-0.05rem;border:solid 0.3px; vertical-align:middle;}
.wrap_login .cont_login .btn_other2 {display:inline-block;width:49%;height:2.5rem;margin-top:20px;background:rgba(0,0,0,0);color:#fff;letter-spacing:-0.05rem;border:solid 0.3px;}
.wrap_login .cont_login .btn_other3 {display:inline-block;width:32%;height:2.5rem;margin-top:20px;background:rgba(0,0,0,0);color:#fff;letter-spacing:-0.05rem;border:solid 0.3px;}
.box_login_check {width:100%;margin-top:20px;color:#fff;}
.box_login_input {width:100%;}
.box_login_title {width:100%; margin-bottom:1rem; color:#FFF; text-align:center; font-size: large;}
.box_login_input label {width:0px;height:0px;display:block;text-indent:-9999px;}
.box_login_input input {height:2.5rem;line-height:2.5rem;}
.box_login_input+.box_login_input{margin-top:15px;}