#pages_idpw {}

#pages_idpw h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0;border-bottom:#999999 solid 3px;}
#pages_idpw .msg {color:#1C5B8C;font-family:dotum;line-height:150%;padding:30px 0 30px 0;}

#pages_idpw .tab {height:28px;}
#pages_idpw .tab ul {position:relative;top:1px;padding:0;margin:0;}
#pages_idpw .tab li {float:left;width:125px;text-align:center;list-style-type:none;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;padding:7px 7px 7px 7px;background:#efefef;cursor:pointer;color:#666666;}
#pages_idpw .tab .selected {background:#ffffff;color:#000000;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#ffffff solid 1px;}
#pages_idpw .tab .lside {border-left:#dfdfdf solid 1px;}

#pages_idpw .agreebox {border:#dfdfdf solid 1px;padding:30px 30px 30px 30px;}
#pages_idpw .agreebox .tblbox {padding:15px;background:#efefef;}
#pages_idpw .agreebox table {width:100%;}
#pages_idpw .agreebox .key {width:75px;padding:10px 10px 10px 0;color:#666666;letter-spacing:-1px;text-align:right;}
#pages_idpw .agreebox .input {width:200px;}
#pages_idpw .agreebox .ques {font-weight:bold;color:#ff0000;}
#pages_idpw .agreebox .submitbox {padding:20px 0 0 108px;}
#pages_idpw .agreebox .submitbox .btngray {height:25px;}
#pages_idpw .agreebox .submitbox .btnblue {height:25px;}



.idpw-wrap{
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.idpw-wrap .title{
    float: left;
    width: 100%;
    height: 46px;
    padding: 13px 20px;
    font-size: 13px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    color: #333;
    background-color: #f5f5f5;
}
.idpw-wrap .box{
    float: left;
    width: 100%;
    padding: 16px 16px 0 16px;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
}
.idpw-wrap .box .label{
    width: 178px;
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

.idpw-wrap .box .input-wrap{
    width: calc(100% - 178px);
    display: table-cell;
    vertical-align: middle;
}
.idpw-wrap .box .input-wrap .question{
    float: left;
    width: 100%;
    font-size: 12px;
}

.idpw-wrap .box .input-wrap select{
    float: left;
    width: 50%;
    margin-right: 10px;
    padding: 7px 7px;
    border: 1px solid #dfdfdf;
}

.idpw-wrap .box .input{
    float: left;
    width: 150px;
    padding: 6px 8px;
    outline: none;
}
.idpw-wrap .box .input:hover,
.idpw-wrap .box .input:active{
    background: #fff;
}
.idpw-wrap .box .input.half{
    float: left;
    width: calc(50% - 18px);
    margin: 9px 0 0 0;
}
.idpw-wrap .box .caption{
    float: left;
    width: 100%;
    margin: 4px 0 0 4px;
    font-size: 12px;
    color: #b2b2b2;
}

.submitbox{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}
.submitbox .btn{
    padding: 4px 9px;
    margin: 0 2px;
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    cursor: pointer;
}
.submitbox .btn:hover{
    background-color: #f5f5f5;
}
.submitbox .btn:active{
    background-color: #f0f0f0;
}
.submitbox .btn.btn-cancel{

}
.submitbox .btn.btn-next{
    background-color: #6f6f6f;
    border: 1px solid #646464;
    color: #fff;
}
.submitbox .btn.btn-next:hover{
    background-color: #797878;
}
.submitbox .btn.btn-next:active{
    background-color: #636363;
}




@media (max-width: 850px){
    #pages_idpw{float: left;width: 100%;box-sizing: border-box;}
    .idpw-wrap .box .label{width: 30%;}
    .idpw-wrap .box .input-wrap{width: 70%;}
    #pwauth_step_1, #pwauth_step_2, #pwauth_step_3{padding: 0 10px 10px 10px;box-sizing: border-box;}
}