@charset "utf-8";

/* Common */
body,p,hr,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div {margin:0;padding:0}
body,input,textarea,select,button,table {font-family:'Noto Sans KR','Nanum Gothic',Gulim, AppleGothic, sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;-ms-touch-action: manipulation;touch-action: manipulation}
img,fieldset{border:0;vertical-align:top}
input[type=image],
img{max-width:100%}
ul,li,ol{list-style:none;}
em,address {font-style:normal}
a {color:black;text-decoration:none}
a:hover,a:active,a:focus {text-decoration:underline}
.blind {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

*{box-sizing:border-box;}
/* // Common */

#page-login { background:url('../img/login-bg.jpg') center no-repeat; background-size:auto; height:100%;}
#page-login .login-box { width:366px; margin:280px auto;}
#page-login .login-box h3{margin-bottom:24px;text-align:center;}
#page-login .login-box h3 img{height:30px}
#page-login .login-box h4 { text-align:center; margin-bottom:15px; font-size:40px; font-weight:800; font-family:'Gotham'; color:#303030;}
#page-login .login-box input { width:366px; height:48px; border-radius:100px; outline:0; border:0; box-shadow:0px 1px 1px #bdbdbd; margin:8px 0; padding:0 20px;}
#page-login .login-box .btn-submit { /*background-color:#ff7200;*/ background:#ff7200 linear-gradient(180deg, rgba(255,132,0,1) 0%, rgba(255,114,0,1) 100%); width:366px; height:48px; border-radius:100px; outline:0; border:0; box-shadow:0px 2px 1px #bdbdbd; color:#fff; font-size:16px; cursor:pointer;}
#page-login .login_link { text-align: center; padding-top: 20px;  margin-top: 10px; }
#page-login .login_link a { margin: 0 10px;}

img {max-width:100%}
.radio-check-item { margin-right:7px;}
.radio-check-item label{cursor:pointer}
.radio-check-item label input[type="radio"],
.radio-check-item label input[type="checkbox"] {display:none;}
.radio-check-item label input[type="radio"] + em,
.radio-check-item label input[type="checkbox"] + em {display:inline-block; width:15px; height:15px; margin-right:0px; background:url('../img/radio-check-item-off.png') 0 0 no-repeat;vertical-align:middle;}
.radio-check-item label input[type="radio"]:checked + em,
.radio-check-item label input[type="checkbox"]:checked + em { background:url('/front/assets/img/radio-check-item-on.png') 0 0 no-repeat;}