/* login */
.bn-login01.type01 .b-login-zone{max-width:680px;margin:0 auto;}
.bn-login01.type01 .b-login-box{margin:0 auto;padding:65px 0;max-width:1200px;border:1px solid #ccc;border-top:3px solid #115286;box-sizing:border-box;}
.bn-login01.type01 .login-input-wrap{padding:0 0 15px;}
.bn-login01.type01 .login-input-wrap:after{content:'';display:block;clear:both;}
.bn-login01.type01 .login-input-wrap .login-input-box{float:left;width:calc(100% - 138px);box-sizing:border-box;}
.bn-login01.type01 .login-input-wrap .login-input-box > div{padding:0 0 10px;}
.bn-login01.type01 .login-input-wrap .login-input-box > div:last-of-type{padding:0;}
.bn-login01.type01 .login-input-wrap label{display:inline-block;width:120px;font-size:18px;color:#333;font-weight:400;box-sizing:border-box;vertical-align:middle;}
.bn-login01.type01 .login-input-wrap .b-input{padding:11px 10px 11px 25px;background:none;width:calc(100% - 124px);height:40px;border:1px solid #999;border-radius:0;font-family:inherit;font-size:14px;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.bn-login01.type01 .login-input-wrap .b-input:focus{border-color:#222;outline:0;}
.bn-login01.type01 .btn-login{float:right;padding:36.5px 32px;margin:0 0 0 10px;background-color:#0077a2;border:0;border-radius:4px;font-size:17px;line-height:1;color:#fff;font-weight:400;text-align:center;cursor:pointer;}
.bn-login01.type01 .login-etc-box{padding:0 0 35px;border-bottom:1px solid #e0e0e0;}
.bn-login01.type01 .login-etc-box:after{content:'';display:block;clear:both;}
.bn-login01.type01 .login-etc-box .login-etc-save{float:left;}
.bn-login01.type01 .login-etc-box .login-etc-save .b-chk{display:none;}
.bn-login01.type01 .login-etc-box .login-etc-save .b-chk + label{position:relative;padding:0 0 0 35px;font-size:16px;color:#5c5c5c;cursor:pointer;}
.bn-login01.type01 .login-etc-box .login-etc-save > .b-chk + label:before{content:'';display:block;position:absolute;top:50%;left:0;width:25px;height:25px;background-color:#fff;border:1px solid #ccc;border-radius:5px;transform:translateY(-50%);}
.bn-login01.type01 .login-etc-box .login-etc-save > .b-chk:checked + label:before{background:#fff url(/board/_res/img/board/ico-check02.png) no-repeat center center;background-size:12px;}
.bn-login01.type01 .login-etc-box ul{float:right;}
.bn-login01.type01 .login-etc-box ul li{display:inline-block;padding:0 15px 0 0;margin:0 -4px 0 0;}
.bn-login01.type01 .login-etc-box ul li:last-of-type{padding:0;margin:0;}
.bn-login01.type01 .login-etc-box ul li:after{content:'';display:inline-block;width:7px;height:11px;background:url(/board/_res/img/board/bg-login-etc.png)no-repeat 0 0/100%;}
.bn-login01.type01 .login-etc-box ul li:first-of-type:after{display:none;}
.bn-login01.type01 .login-etc-box ul li a{padding:0 5px 0 0;font-size:15px;}
.bn-login01.type01 .login-etc-box ul li.find a{padding:0;color:#999999;}
.bn-login01.type01 .login-sns-box{padding:25px 0 40px;}
.bn-login01.type01 .login-sns-box p{display:inline-block;width:120px;margin:0 -4px 0 0;font-size:18px;color:#333;font-weight:400;box-sizing:border-box;vertical-align:middle;}
.bn-login01.type01 .login-sns-box ul{display:inline-block;}
.bn-login01.type01 .login-sns-box ul li{position:relative;display:inline-block;min-width:180px;margin:0 6px 0 0;border-radius:5px;box-sizing:border-box;vertical-align:middle;}
.bn-login01.type01 .login-sns-box ul li:last-of-type{padding:0;margin:0;}
.bn-login01.type01 .login-sns-box ul li.facebook{background-color:#304b7f;}
.bn-login01.type01 .login-sns-box ul li.naver{background-color:#4fa547;}
.bn-login01.type01 .login-sns-box ul li.kakao{background-color:#eee338;}
.bn-login01.type01 .login-sns-box ul li a{display:inline-block;padding:7px 0 6px;color:#fff;font-size:15px;font-weight:400;}
.bn-login01.type01 .login-sns-box ul li.kakao a{color:#3d3137;}
.bn-login01.type01 .login-sns-box ul li a:before{content:'';display:inline-block;height:18px;padding:5px 15px 4px;margin:0 15px 0 0;vertical-align:middle;border-right:1px solid #fff;}
.bn-login01.type01 .login-sns-box ul li.facebook a:before{width:8px;background:url(/board/_res/img/board/ico-login-sns01.png)no-repeat center center;}
.bn-login01.type01 .login-sns-box ul li.naver a:before{width:17px;background:url(/board/_res/img/board/ico-login-sns02.png)no-repeat center center;}
.bn-login01.type01 .login-sns-box ul li.kakao a:before{width:20px;background:url(/board/_res/img/board/ico-login-sns03.png)no-repeat center center;}



@media screen and (max-width:768px) {
  
    /* 로그인 */
    .bn-login01.type01 .b-login-box{padding:25px 15px;}
    .bn-login01.type01 .login-input-wrap label{font-size:14px;}
    .bn-login01.type01 .login-input-wrap .login-input-box{width:calc(100% - 96px);}
    .bn-login01.type01 .login-input-wrap .b-input{padding:11px 10px;}
    .bn-login01.type01 .btn-login{padding:36px 15px;font-size:14px;}
    .bn-login01.type01 .login-etc-box{padding:0 0 25px;}
    .bn-login01.type01 .login-etc-box .login-etc-save .b-chk + label{padding:0 0 0 25px;font-size:14px;}
    .bn-login01.type01 .login-etc-box .login-etc-save > .b-chk + label:before{width:15px;height:15px;}
    .bn-login01.type01 .login-etc-box .login-etc-save > .b-chk:checked + label:before{background-size:9px;}
    .bn-login01.type01 .login-etc-box ul li a{font-size:14px;}
    .bn-login01.type01 .login-sns-box{padding:25px 0 20px;}
    .bn-login01.type01 .login-sns-box p{display:block;width:100%;padding:0 0 10px;font-size:14px;}
    .bn-login01.type01 .login-sns-box ul{display:block;}
    .bn-login01.type01 .login-sns-box ul li{display:block;width:100%;min-width:auto;margin:0 0 10px;}
    .bn-login01.type01 .login-sns-box ul li a{font-size:14px;}
    .bn-login01.type01 .login-sns-box ul li.facebook a:before{width:20px;}
    .bn-login01.type01 .login-sns-box ul li.naver a:before{width:20px;}
   
}


@media screen and (max-width:480px) {

     /* 로그인 */
    .bn-login01.type01 .b-login-box{padding:20px 10px;}
    .bn-login01.type01 .login-input-wrap{padding:0 0 10px;}
    .bn-login01.type01 .login-input-wrap .login-input-box{width:calc(100% - 68px);}
    .bn-login01.type01 .login-input-wrap label{display:none;}
    .bn-login01.type01 .login-input-wrap .b-input{width:100%;}
    .bn-login01.type01 .btn-login{padding:38px 5px;margin:0 0 0 5px;}
    .bn-login01.type01 .login-etc-box{padding:0 0 15px;}
    .bn-login01.type01 .login-etc-box ul{text-align:right;}
    .bn-login01.type01 .login-etc-box ul li.find{display:block;padding:0;margin:0;}
    .bn-login01.type01 .login-sns-box{padding:15px 0 20px;}
  
}