@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,input {margin:0;padding:0;}
body,h1,h2,h3,h4,th,td,input, select, button {color:#010101;font-family:'Pretendard','Nanum Gothic','돋움',dotum,'굴림',gulim,sans-serif;font-size:12px;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

hr {display:none;}
img,fieldset {border:0;}
ul,ol,li {list-style:none;}
img,input,select,textarea {vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
abbr,acronym {border:0;}
strong {font-weight:bold;}
button {border:none;cursor:pointer;overflow:visible;}
textarea {resize:none;}

a, a:active, a:visited {color:#585858;text-decoration:none;}
a:hover {color:#585858;text-decoration:underline;}

.hidden {visibility:hidden;position:absolute;top:-9999em;left:-9999em;width:1px;height:1px;line-height:0;overflow:hidden;}
.txt_red {color:#db1017;}
.txt_blue {color:#108cdb;}
.txt_green {color:#26DC2F;}
.txt_emp {font-size:14px;font-weight:bold;}
.size {font-size:11px;}
.ir {display:block;background:url('/static/images/ir_common.png') no-repeat;text-indent:-1000em;overflow:hidden;}
.bar {color:#999; margin:0 5px;}
.box_green {background-color:#e0edc6; padding:5px 10px; display:inline-block;min-width:400px;}
.box_green em {color:#367DCD; font-size:12px; font-weight:bold; margin:0 2px 0 4px;}
.box_green .sub_tit {font-weight:bold; font-size:12px; margin-right:25px;}
span.box_green {margin:0 15px;}

.pd_top5 {padding-top:5px;}
.pd_top10 {padding-top:10px;}
.pd_top15 {padding-top:15px;}
.pd_top20 {padding-top:20px;}
.pd_bottom5 {padding-bottom:5px;}
.pd_bottom10 {padding-bottom:10px;}
.pd_bottom15 {padding-bottom:15px;}
.pd_bottom20 {padding-bottom:20px;}

.h100 {height: 100%;}
.w100 {width: 100%;}

/* layout */
body {padding:0 5px 0 5px;}
#wrap, #header, #container, #footer {width:100%;}

/*login*/

.login-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 4vw;
    /*padding-top: 5vw;*/
}

.login {
    /* max-width: 41rem; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-header {
    text-align: center;
    width: 400px;
}

.login-logo {
    width: 200px;
    margin-bottom: 50px;
}

.login-input {
    height: 50px;
    background-color: #F7F7F7;
    border-radius: 0px;
    border: 1px solid #f7f7f7;
    box-shadow: none;
}

.login-btn {
    background-image: url(/img/login_button.png);
    color: #fff;
    font-weight: bold;
    width: 100%;
    border-radius: 0px;
    padding: 10px 16px;
    font-size: 18px;
}

.login-pc{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-header h1{
    display: block;
    width: 6.4rem;
    height: 7.4rem;
    margin: 5.4rem auto 0 auto;
}

.login-header h2{
    font-weight: 700;
    font-size:2.4rem;
    margin-top: 5.4rem;
    color:#222
}

.login-header .desc-txt{
    font-size:1.5rem;
    /*text-transform: uppercase;*/
    margin-bottom: 2.5rem;
    color:#222;
    margin-top: 10px;
}

.login-addinfo{
    margin: 1.9rem 0 6rem;
}

.login-addinfo li{
    position: relative;
    padding:0 1.2rem
}

.login-addinfo li a{
    color:#666;
    font-size: 1.2rem;
}

.login-addinfo li:last-child:before{
    background-color: transparent;
}

.login-addinfo li:before{
    content:'';
    display: inline-block;
    width: 1px;
    height:1rem ;
    background-color: #ccc;
    position: absolute;
    top: 0.5rem;
    right: 0px;
}

.login-addinfo li.active a{
    color:#000;
    font-weight: 500;
}
body {
    /* iOS에서 가로/세로 모드 변경 시 폰트 크기가 제멋대로 변하는 것을 방지 */
    -webkit-text-size-adjust: none;

}