/* BASIC css start */
.login-wrap{
    padding-top:63px;
    padding-bottom:180px;
}
.login-wrap h2.title{
    line-height:69px;
    color:#333;
    font-size:40px;
    padding-bottom:40px;
}
.login-wrap .page-tab{
    padding-bottom:31px;
}
.login-wrap .page-tab ul{
    font-size:0px;
}
.login-wrap .page-tab ul li{
    display:inline-block;
    width:50%;
    
}
.login-wrap .page-tab ul li a{
    position:relative;
    display:block;
    border-top:2px solid transparent;
    line-height:60px;
    height:60px;
    color:#b2b2b2;
    font-size:16px;
    text-align:center;
    border-bottom:1px solid #333;
}
.login-wrap .page-tab ul li a.active{
    border-bottom:1px solid transparent;
    border-top:2px solid #333;
    color:#333;
    font-weight:bold;
}
.login-wrap .page-tab ul li a.active.first{
    border-left:1px solid #333;
}
.login-wrap .page-tab ul li a.active.second{
    border-right:1px solid #333;
}
.login-wrap .page-tab ul li a.first:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    width:1px;
    height:61px;
    background:#333;
}
.login-wrap .input-wrap{
    padding-bottom:10px;
}
.login-wrap .input-wrap input{
    width:100%;
    height:60px;
    line-height:60px;
    color:#333;
    font-size:16px;
    background:#f7f7f7;
    padding:0px 20px;
    border:0px !important;
    box-sizing:border-box;
}
.login-wrap .input-wrap input::placeholder{
    color:#b2b2b2;
}
.login-wrap .login-etc{
    position:relative;
    height:39px;
    line-height:39px;
    padding-bottom:29px;
}
.login-wrap .login-etc label {
    display:inline-block;
    color:#333;
    font-size:14px;
    text-align:left;
    line-height:39px;
    cursor:pointer;
}
.login-wrap .login-etc label input {
    display:none;
}
.login-wrap .login-etc label input + span {
    display:inline-block;
    width:18px;
    height:18px;
    margin-top:10px;
    margin-right:9px;
    background:url('/design/huit8/img/pc/check_off.png') no-repeat center center;
    vertical-align:top;
    
}
.login-wrap .login-etc label input:checked + span {
    background:url('/design/huit8/img/pc/check_on.png') no-repeat center center;
}
.login-wrap .login-etc .find-id-pw{
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    height:39px;
    line-height:39px;
}
.login-wrap .login-etc .find-id-pw a{
    display:inline-block;
    color:#333;
    font-size:14px;
}
.login-wrap .btn-wrap.main{
    padding-bottom:23px;
}
.login-wrap .btn-wrap a{
    display:block;
    width:100%;
    height:60px;
    line-height:60px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    background:#333;
    text-align:center;
    margin-bottom:10px;
    box-sizing:border-box;
}
.login-wrap .btn-wrap.sub p{
    line-height:33px;
    color:#333;
    font-size:14px;
    padding-bottom:10px;
}
.login-wrap .btn-wrap.sub a.btn-join{
    border:1px solid #333;
    color:#333;
    background:#fff;
}
.login-wrap .btn-wrap.sub a.btn-guest{
    background:#d2a7a3;
}
.sns-login-wrap{
    padding-top:20px;
}
.sns-login-wrap ul{
    font-size:0px;
}
.sns-login-wrap ul li{
    display:inline-block;
    width:245px;
    height:50px;
    line-height:50px;
    border:1px solid #e5e5e5;
    vertical-align:middle;
    margin-left:10px;
    box-sizing:border-box;
}
.sns-login-wrap ul li:first-child{
    margin-left:0px;
}
.sns-login-wrap ul li a{
    display:block;
    font-size:0px;
}
.sns-login-wrap ul li a span{
    display:inline-block;
    vertical-align:top;
}
.sns-login-wrap ul li a span.icon{
    position:relative;
    width:48px;
    height:48px;
    line-height:48px;
    padding-left:1px;
}
.sns-login-wrap ul li a span.icon:after{
    content:"";
    width:1px;
    height:28px;
    background:#e5e5e5;
    position:absolute;
    top:10px;
    right:-1px;
}
.sns-login-wrap ul li a span.txt{
    font-size:16px;
    color:#333;
    padding-left:16px;
    height:48px;
    line-height:48px;
}
/*¸ÞÀÎ ¹ÙÅÒ ¹è³Ê*/
.main-bottom-banner{
    border-top:1px solid #e5e5e5;
    padding:95px 0px;
}
.main-bottom-banner ul{
    font-size:0px;
}
.main-bottom-banner ul li{
    display:inline-block;
    vertical-align:top;
    width:33.333%;
}
.main-bottom-banner ul li a{
    display:block;
    font-size:0px;
}
.main-bottom-banner ul li a > div{
    display:inline-block;
    vertical-align:middle;
    height:58px;
    line-height:58px;
}
.main-bottom-banner ul li a .img{
    width:36px;
    text-align:center;
}
.main-bottom-banner ul li a .txt{
    padding-left:30px;
}
.main-bottom-banner ul li a .txt h5{
    line-height:31px;
    color:#333;
    font-size:20px;
    font-weight:bold;
}
.main-bottom-banner ul li a .txt p{
    line-height:27px;
    color:#333;
    font-size:16px;
}



#keepgrowLogin .snsLoginBox li.btn_naver a{text-align:center !important;}
/* BASIC css end */