@charset "utf-8";

/* reset */
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,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;clear:both;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;}
a{display:inline-block;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#1a1a1a;background:transparent;}
a:active{outline:0;}
a:active{color:#3990e6;}
audio, canvas, progress, video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
svg:not(:root){overflow:hidden;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
code, kbd, pre, samp{font-family:monospace;font-size:16px;}
mark{background:#ff0;color:#1a1a1a;}
dfn{font-style:italic;}
table{width:100%;border-spacing:0;border-collapse:collapse; word-break:keep-all;}
caption{display:block;position:absolute;left:-9999px;}
button{overflow:hidden;background-color:transparent;cursor:pointer;}
button:-moz-focus-inner{border:0px;padding:0px;}
td{padding:0;} 
th{padding:0; font-weight:700;}
ul, ol{list-style:none outside none;}
em{font-style:normal;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
b, strong{font-weight:normal;}
fieldset, iframe{width:100%;}
legend{font-size:0;text-indent:-99999em;line-height:0}
img, a, frame, iframe, fieldset{border:0;}
button, input, optgroup, select, textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;border:0;}
button, select{text-transform:none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button:disabled,
html input:disabled{cursor:default;}
button:-moz-focus-inner,
input:-moz-focus-inner{border:0;padding:0;}
button:focus {outline:none;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]:-webkit-inner-spin-button,
input[type="number"]:-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type="search"]:-webkit-search-cancel-button,
input[type="search"]:-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;resize:none;outline:0;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
input::-ms-input-placeholder, textarea::-ms-textarea-placeholder{color:#999;}
input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder{color:#999;}
input::placeholder, textarea::placeholder {color:#999;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* Login */
body {background: #eee;font-size: 16px;color: #555555;font-family: "NotoSans", "Roboto", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", "Helvetica Neue", sans-serif;}
.content {position: relative;width: 960px;margin: 200px auto 0;}
.login_box_top {position: relative;margin-bottom: 10px;padding-left: 20px;}
.login_box_top a {position: absolute;bottom: 0px;right: 20px;padding: 8px 12px;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;letter-spacing: -0.09em;color: #555555;}
.login_box {position: relative;background-color: #fff;border: 1px solid #ddd;border-radius: 30px;padding: 80px 66px 56px;overflow: hidden;}
.form-area {position: relative;float: left;width: 380px;min-height: 360px;margin-bottom: 16px;}
p.ico-person {background: url(/images/login/ico_person.png) 0 0 no-repeat;padding-left: 30px;margin-bottom: 30px;}
img.login_banner {float: right;}
.input-box {margin-bottom: 10px;overflow: hidden;}
.input-box p {color: #ee0112;margin: 7px 0 18px;font-size: 13px;}
.input-box input  {border: 1px solid #cbcbcb;background-color: #fff;width: 250px;padding: 13px 0 13px 13px;color: #0d0d0d;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-block;}
.input-box button {min-width: 115px;text-align: center;color: #fff;background-color: #aeaeae;padding: 14px 0;float: right;}
.input-box button.btn-blue {background-color: #2f74d4;}
.info-area {position: absolute;bottom: 0;left: 0;width: 420px;clear: both;}
.info-area ul {overflow: hidden;margin-left: -14px;margin-bottom: 6px;}
.info-area ul li {float: left;position: relative;padding: 0 14px;font-size: 15px;}
.info-area ul li:after {content: '';position: absolute;display: block;width: 1px;height: 16px;background-color: #a9a9a9;top: 2px;left: 0;}
.info-area ul li:first-child:after {content: none;}
.login_box_bottom {padding: 15px 0 0;text-align: center;font-size: 15px;}
.form-area.v_otp {min-height: 410px;margin-bottom: 0;}
.style_chkbox {position: relative;float: right;margin-top: 12px;}
.style_chkbox [type="checkbox"]:not(:checked), 
.style_chkbox [type="checkbox"]:checked {position: absolute; left: -9999px; }
.style_chkbox [type="checkbox"]:not(:checked) + label,
.style_chkbox [type="checkbox"]:checked + label {position: relative; padding-left: 30px; cursor: pointer; }
.style_chkbox [type="checkbox"]:not(:checked) + label:before,
.style_chkbox [type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width: 19px; height: 19px; background: #fff;border: 2px solid #838383; border-radius: 50%;}
.style_chkbox [type="checkbox"]:checked + label:before {background: #838383; transition: all 0.2s ease; }
.style_chkbox [type="checkbox"]:not(:checked) + label:after,
.style_chkbox [type="checkbox"]:checked + label:after {content: '\2713\0020'; position: absolute; left: 5px; top: 1px; font-size: 17px; line-height: 1; color: #fff; transition: all .2s; }
.style_chkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0); }
.style_chkbox [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1); }