/**************************** login.css **************************/

    /* NotoSansCJKkr font */
@font-face {
    font-family: "NotoSansKR";
    src:url('/my/en/resource/css/fonts/NotoSansKR-Bold.eot.eot');
    src:url('/my/en/resource/css/fonts/NotoSansKR-Bold.eot.eot?#iefix') format('embedded-opentype'),
    url('/my/en/resource/css/fonts/NotoSansKR-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "NotoSansKR";
    src:url('/my/en/resource/css/fonts/NotoSansKR-Medium.eot.eot');
    src:url('/my/en/resource/css/fonts/NotoSansKR-Medium.eot.eot?#iefix') format('embedded-opentype'),
    url('/my/en/resource/css/fonts/NotoSansKR-Medium.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "NotoSansKR";
    src:url('/my/en/resource/css/fonts/NotoSansKR-Regular.eot.eot');
    src:url('/my/en/resource/css/fonts/NotoSansKR-Regular.eot.eot?#iefix') format('embedded-opentype'),
    url('/my/en/resource/css/fonts/NotoSansKR-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "NotoSansKR";
    src:url('/my/en/resource/css/fonts/NotoSansKR-Light.eot.eot');
    src:url('/my/en/resource/css/fonts/NotoSansKR-Light.eot.eot?#iefix') format('embedded-opentype'),
    url('/my/en/resource/css/fonts/NotoSansKR-Light.woff') format('woff');
    font-style: normal;
    font-weight: 300;
}


        .login-wrapper {margin-bottom:60px;}
    .login-wrapper .com-image {margin:0 -15px;}
    .loginform {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e4e4e4;}
    .loginform-inp .mbsform-label label {padding-left:0;}
    .loginbtn {background-color:#8cd3ff; width:100%; padding:17px 0;}
    .loginbtn span {padding-top:33px; display:inline-block; background:url('/my/en/resource/img/components/membership/login-btnico.gif') no-repeat center top;}
    .login-linkwrap {padding-bottom:20px;}
    .login-link {padding-bottom:20px; text-align:center;}
    .login-link .com-link {padding-bottom:6px; }
    .login-warning {margin-top:-15px; padding-bottom:20px;}
    
    .tablet .login-wrapper {padding-left:78px; padding-right:78px;}
    .tablet .loginbox-left {padding-top:40px; background:url('/my/en/resource/img/components/membership/login-formbg.gif') no-repeat center top;}
    .tablet .loginform {position:relative; border-bottom:none; margin-bottom:0;}
    .tablet .loginform-inp {padding-right:112px;}
    .tablet .loginbtn {position:absolute; right:0; top:0; width:102px; height:102px;}
    .tablet .login-linkwrap {text-align:center;}
    .tablet .login-link {display:inline-block; padding-right:20px; padding-left:20px;}
    .tablet .login-wrapper .com-image {margin:0;}
    .tablet .login-warning {padding-bottom:0; padding-left:150px; margin-top:0;}
    
    .web .login-wrapper {padding-left:0; padding-right:0; position:relative;}
    .web .loginbox-left {width:52%; padding:0; position:absolute; height:100%; min-height:285px;}
    .web .loginbox-leftwrap {display:table; width:100%; height:100%;}
    .web .loginbox-leftwrap2 {display:table-cell; vertical-align:middle;}
    .web .loginbox-right {width:100%; padding-left:52%;}
    .web .loginform {padding-bottom:70px; margin-left:8%; margin-right:8%;}
    .web .login-wrapper .mbsform-input {padding-left:120px;}
    .web .login-linkwrap {padding-bottom:0; margin-bottom:-20px;}
    .web .login-warning {position:absolute; padding-left:120px;}
    
    
    @media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
        .loginbtn span {background-image:url('/my/en/resource/img/components/membership/login-btnico-X2.gif'); background-size:20px auto; }
    }
    
    /*20160712 re-send Email start*/
    .popup-overlay {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      opacity: 50;
      z-index: 900;
      display:none;
    }
    .popup-overlay:target {
      opacity: 1;
    }
    
    .popup {
      margin: 70px auto;
      padding: 20px;
      background: #fff;
      border-radius: 5px;
      width: 64%;
      position: relative;
      margin: 30% auto;
    }
    
    .popup h2 {
      margin-top: 0;
      color: #333;
      font-family: Tahoma, Arial, sans-serif;
    }
    .popup .close {
      position: absolute;
      top: 5px;
      right: 15px;
      font-size: 30px;
      font-weight: bold;
      text-decoration: none;
      color: #333;
    }
    .popup .close:hover {
      color: #06D85F;
    }
    .popup .content {
      max-height: 30%;
      overflow: auto;
      margin-top: 5%;
    }
    .popup .obj { height:200px; margin-top: 35px;}
    
    
    
    /* [2019-08-23] 신규 레이어팝업 추가 */
    .layerPopWrap {position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;text-align:center;}
    .layerPopWrap * {-webkit-word-break:keep-all;word-break:keep-all;word-wrap:break-word;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
    .layerPopWrap:after {display:inline-block;content:"";width:1px;height:100%;vertical-align:middle;}
    .layerPopWrap .blind {position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;font-size:0;line-height:0;} /* 영역 숨김 정의 */
    .layerPopArea {display:inline-block;background-color:#ffffff;border:1px solid #000000;font-size:16px;width:640px;min-height:320px;position:relative;vertical-align:middle;}
    .layerPopArea .layerPopContetns {padding:50px 70px;min-height:268px;}
    .layerPopArea .layerPopFooter {background-color:#000000;color:#ffffff;min-height:50px;padding-top:15px;}
    .layerPopArea .layerPopTit {color:#000000;font-size:40px;font-weight:400;margin-bottom:15px;}
    .layerPopArea .layerPopTxt {color:#555555;}
    .layerPopArea .closePopbtn {background-image:url("/my/en/resource/img/components/membership/btn_layerpopclose.png");background-repeat:no-repeat;background-position:center center;background-size:contenter;position:absolute;top:18px;right:18px;width:20px;height:20px;}
    .layerPopArea .labelcheckbox {cursor:pointer;}
    .layerPopArea .labelcheckbox:before {content:"";display:inline-block;background-image:url("/my/en/resource/img/components/membership/icon_labelcheckbox.png");background-repeat:no-repeat;background-position:center center;background-size:contenter;width:20px;height:20px;vertical-align:middle;margin-right:10px;;}
    .layerPopArea .inputCheckbox {position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;}
    .layerPopArea .inputCheckbox:checked + .labelcheckbox:before {background-image:url("/my/en/resource/img/components/membership/icon_labelcheckbox_active.png");}
    
    @media screen and (max-width: 700px){
        .layerPopArea {width:94%;}
    
    
    }
    @media only all and (max-width: 1260px){
        .popup .obj {height: 300px;margin-top: 10px; }
    }
    @media only all and (max-width: 1023px){
        .newissue-detail {padding:0;}
        .popup .obj {height: 130px;}
    }
    
    @media only all and (max-width: 1100px){
        .newissue-section{background-size:100%;}
        .popup .obj {height: 300px;}
    }
    @media only all and (max-width: 1023px){
        .newissue-cell{left:50%;}
    }
    
    @media only all and (max-width: 639px){
        .width1100 {background-image:none;}
        .newissue-cell {width: 100%;margin-left:0;}
        .newissue-detail {padding:0;}
        .pc_img {display:none;}
        .mobile_img {display:block;}
        .mtem {margin-top:-1.4em;}
        .link {width:46.5%;height:6%;}
        .newissue-cell{left:0;}
        .newissue-detail.addnew {background:#e8e7f2;}
    
        .f02 .detailBtn{top:33%; left:12%; width:26.5%; height:1.92%;}
        .f02 .detailBtn2{top:58.4%; left:57.68%; width:26.5%; height:1.6%;}
    
        .f04 .fb,.f04 .ig  {display:block;position: absolute; top:96.8%; left:82.68%; width:3.5%; height:1.4%; text-indent:-9999em;}
        .f04 .ig {left:88.10%;}
    
        .f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
        .f05 .register{display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}
    
        .f06 .store{display:block;position: absolute; top:72.5%; left:20.8%; width:10.5%; height:5%; text-indent:-9999em;}
    
        .f07 .FAQ{display:block;position: absolute; top:83.5%; left:33.8%; width:31.5%; height:5%; text-indent:-9999em;}
    
        .f08 .inquiry{display:block;position: absolute; top:76.5%; left:42%; width:16%; height:10.5%; text-indent:-9999em;}
    
        .m-register, .free {padding: 7px 20px;font-size: 13px;margin: 4px 10px;}
        .m-register {font-size: 14px;}
    
        .mobile_img .link01 {bottom:26%;left:50%; margin-left:-23.5%;}
        .mobile_img .link02 {bottom:6.37%;right:50%; margin-right:-23.5%;}
         .box{ width: 70%; }
        .popup {width: 90%;top: -55px;}
        .popup .obj {height: 420px;margin-top: 10px; }
        .loginform {padding-bottom: 5px;margin-bottom: 5px;}
    
    }
    /*20160712 new re-send Email end*/
    
    
    /* ----- 20201211 login page renewal ----- */
    .pc-only{display:block;}
    .tab-only{display:none;}
    .page.login.section{margin-top: 45px;font-family: "brandon-grotesque";}
    .page.login.section .subpagetit {text-align: center; font-weight:bold;}
    
    .login-wrapper .btn-link{display:block;}
    .login-wrapper .btn-link span{font-size: 16px;text-decoration: underline;}
    .login-wrapper .btn-bg{display:block;width:100%;height:55px;font-size: 18px;color:#fff;line-height: 55px;background-color: #7ba4db;text-align: center;}
    .subpage .subpagetit{font-size: 38px;font-weight: bold;}
    
    .page.login .login-wrapper{display:table;width:100%;margin-top: 160px;padding:0 30px;font-size: 0;}
    .page.login .login-wrapper > div{display: table-cell;vertical-align: top;width:50%;min-height:395px;padding:0 70px;box-sizing: border-box;}
    .page.login .loginbox-tit{font-size: 20px;color:#000;font-weight: bold;text-align: center;}
    
    .page.login .loginbox-left{position:static;background: none;}
    .page.login .loginbox-left .loginform-wrap{margin-top: 15px;}
    .page.login .loginbox-left .form-con + .form-con{margin-top: 10px;}
    .page.login .loginbox-left .form-con label{display:block;font-size: 18px;line-height: 30px;color:#000;letter-spacing: 0.025em;font-weight: bold;}
    .page.login .loginbox-left .form-con input{display:block;width:100%;border:0;box-sizing: border-box;font-size: 14px;color:#000;background-color: #f4f4f4;padding: 13px 10px;}
    .page.login .loginbox-left .form-con input:-ms-input-placeholder {color:#a1a0a0;}
    .page.login .loginbox-left .form-con .caution{height:31px;font-family: "NotoSansKR";}
    .page.login .loginbox-left .form-con .caution p{position:relative;padding-left:12px;font-size: 0;}
    .page.login .loginbox-left .form-con .caution p *{display:inline-block;vertical-align: middle;font-family: "NotoSansKR";}
    .page.login .loginbox-left .form-con .caution p i{position:absolute;top:3px;left:0;width: 9px;height: 9px;margin-right: 3px;background-color: #da1b56;border-radius:50%;text-align: center;font-size: 10px;color:#fff;}
    .page.login .loginbox-left .form-con .caution p span{font-size: 12px;color:#da1b56;}
    .page.login .loginbox-left .form-con .note{margin-top: 5px;font-size:12px;line-height:13px;font-family: "NotoSansKR";}
    .page.login .loginbox-left .btn-link{margin-top: 10px;color:#666;text-align: right;}
    .page.login .loginbox-left .link-password {display:block;margin-top:10px;font-size:16px;text-align:right;}
    .page.login .loginbox-left .link-password a {color:#666;text-decoration:underline;}
    .page.login .loginbox-left .btn-bg{margin-top: 35px;}
    
    .page.login .loginbox-right{position:relative;width:50%;padding-left: 0;text-align: center;background: url('/my/en/resource/img/components/membership/20201210_login_bg.jpg') repeat-y;}
    .page.login .loginbox-right p{margin-top: 70px;font-size: 20px;line-height: 30px;color:#666;}
    .page.login .loginbox-right p span{line-height: 44px;}
    .page.login .loginbox-right .btn-link{margin-top: 50px;text-align: center;}
    .page.login .loginbox-right .btn-bg{position:absolute;left:70px;right:70px;bottom:0;width:auto;}
    
    /* popup */
    .popup-wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index: 9999;}
    .popup-wrap .bg{position:absolute;width:100%;height: 100%;background-color: rgba(0,0,0,0.4);}
    .popup-wrap .popup-box{min-width:440px;padding:30px;text-align: center;box-sizing: border-box;background-color: #fff;border:1px solid #ccc;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);}
    .popup-wrap h3{font-size:30px;color:#010101;line-height:1;padding-bottom: 15px;border-bottom: 1px solid #ccc;letter-spacing: -0.02em;font-weight: bold;}
    .popup-wrap h3 img{max-width:143px;}
    .popup-wrap p{font-size: 18px;line-height: 28px;color:#767676;}
    .popup-wrap .btn-bg{display:block;width:100%;max-width:378px;margin-left:auto;margin-right:auto;height:60px;font-size: 18px;color:#fff;line-height: 60px;background-color: #7ba4db;text-align: center;}
    .popup-wrap .layer-close {position:absolute;top:30px;right:30px;display:block;width:21px;height:21px;background:url('/my/en/resource/img/components/membership/btn_layerclose.png') no-repeat left top;}
    .popup-wrap .layer-close span {position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
    
    /* 비밀번호 찾기 */
    .popup-find-pwd p{margin-top: 40px;}
    .popup-find-pwd form{margin-top: 30px;}
    .popup-find-pwd input{display:block;width:100%;border:0;box-sizing: border-box;font-size: 18px;color:#a1a0a0;background-color: #f4f4f4;padding: 13px 10px;}
    .popup-find-pwd .caution{height:20px;margin-top:6px;font-family: "NotoSansKR";text-align: left;}
    .popup-find-pwd .caution p{position:relative;margin-top:0;padding-left:12px;font-size: 0;line-height:14px;}
    .popup-find-pwd .caution p *{display:inline-block;vertical-align: middle;font-family: "NotoSansKR";}
    .popup-find-pwd .caution p i{position:absolute;top:3px;left:0;width: 9px;height: 9px;margin-right: 3px;background-color: #da1b56;border-radius:50%;font-size: 10px;color:#fff;line-height:9px;box-sizing: border-box;padding-left: 3px;}
    .popup-find-pwd .caution p span{font-size: 10px;line-height:14px;color:#da1b56;}
    .popup-find-pwd .btn-bg{margin-top: 50px;}
    
    /* 임시번호발급 */
    .popup-temporary .popup-box{width:562px;height:439px;}
    .popup-temporary p{margin:107px 0;}
    
    /* 비밀번호 5회이상 틀림 */
    .popup-pwd-wrong p{margin:49px 0;}
    
    /* 임시 비밀번호로 로그인시 */
    .popup-temporary-pwd p{margin:77px 0;}
    
    /* DB 일치정보1 ID값 셋팅 X, DB 일치정보2 */
    .popup-bef-member .popup-box > p,
    .popup-dup-member .popup-box > p {margin:60px 0;}
    
    /* tablet */
    @media all and (max-width:1000px){
        .pc-only{display: none;}
        .tab-only{display:block;}
    
        .login-wrapper .btn-link span{font-size: 22px;}
        .login-wrapper .btn-bg{height:85px;font-size: 24px;line-height: 85px;}
    
        .page.login .login-wrapper{display:block;margin-top: 45px;}
        .page.login .login-wrapper > div{display: block;width:calc(100% - 80px);min-height:1px;padding:0;margin:0 40px;}
        .page.login .loginbox-tit{font-size: 30px;}
    
        .page.login .loginbox-left .loginform-wrap{margin-top: 40px;}
        .page.login .loginbox-left .form-con{font-size: 0;}
        .page.login .loginbox-left .form-con > *{display: inline-block;vertical-align: top;}
        .page.login .loginbox-left .form-con label{display: inline-block;width:25%;font-size: 24px;line-height: 66px;}
        .page.login .loginbox-left .form-con .form-right{width:75%}
        .page.login .loginbox-left .form-con input{font-size: 22px;padding:19px 10px;}
        .page.login .loginbox-left .form-con .caution{height: 46px;}
        .page.login .loginbox-left .form-con .caution p {padding-left:17px;}
        .page.login .loginbox-left .form-con .caution p i{font-size: 10px;width:14px;height:14px;line-height: 14px;}
        .page.login .loginbox-left .form-con .caution p span{font-size: 18px;}
        .page.login .loginbox-left .form-con .note{font-size: 18px;line-height: 22px;}
        .page.login .loginbox-left .btn-link{margin-top: 35px;text-align: center;}
        .page.login .loginbox-left .link-password {font-size:22px;text-align:center;}
        .page.login .loginbox-left .btn-bg{margin-top: 55px;}
    
        .page.login .login-wrapper > .loginbox-right{width:calc(100% - 80px);margin-top: 70px;padding:60px 0 0;background: url('/my/en/resource/img/components/membership/20201210_login_bg.jpg') repeat-x;}
        .page.login .loginbox-right p{font-size: 28px;line-height: 34px;}
        .page.login .loginbox-right p span{line-height: 50px;}
        .page.login .loginbox-right .btn-link{margin-top: 40px;}
        .page.login .loginbox-right .btn-bg{position:static;margin-top: 50px;}
    
        /* 팝업 */
        .popup-wrap .popup-box{width:70%;min-height:500px;padding:40px;}
        .popup-wrap h3{font-size:32px;padding-bottom: 20px;}
        .popup-wrap h3 img{max-width:165px;}
        .popup-wrap p{font-size: 24px;line-height: 34px;}
        .popup-wrap .btn-bg{max-width:325px;height:68px;font-size: 22px;line-height: 68px;}
    
        /* 비밀번호 찾기 */
        .popup-find-pwd input{font-size: 22px;padding:19px 10px;}
        .popup-find-pwd .caution{height:40px;}
        .popup-find-pwd .caution p {padding-left:19px;line-height:22px;}
        .popup-find-pwd .caution p i{font-size: 10px;width:14px;height:14px;line-height: 14px;padding-left: 5px;}
        .popup-find-pwd .caution p span{font-size: 18px;line-height:22px;}
        .popup-find-pwd .btn-bg{margin-top: 50px;}
    
        /* 임시번호발급 */
        .popup-temporary p{margin:107px 0;}
    
        /* 비밀번호 5회이상 틀림 */
        .popup-pwd-wrong p{margin:80px 0;}
    
        /* 임시 비밀번호로 로그인시 */
        .popup-temporary-pwd p{margin:131px 0;}
    }
    
    /* mobile */
    @media all and (max-width:767px){
        .page.login.section{margin-top: 22px;}
        .subpage .subpagetit{font-size: 19px;padding:17px 0;}
        .page.login .login-wrapper{padding:0;}
    
        .login-wrapper .btn-link span{font-size: 11px;}
        .login-wrapper .btn-bg{height:42px;font-size: 12px;line-height: 42px;}
    
        .page.login .login-wrapper{margin-top: 22px;}
        .page.login .login-wrapper > div{display: block;width:calc(100% - 40px);margin:0 20px;}
        .page.login .loginbox-tit{font-size: 15px;}
    
        .page.login .loginbox-left .loginform-wrap{margin-top: 20px;}
        .page.login .loginbox-left .form-con label{width:22%;font-size: 12px;line-height: 33px;}
        .page.login .loginbox-left .form-con .form-right{width:78%}
        .page.login .loginbox-left .form-con input{font-size: 11px;padding:10px 5px;}
        .page.login .loginbox-left .form-con .caution{height: 22px;}
        .page.login .loginbox-left .form-con .caution p {position:relative;padding-left:13px;}
        .page.login .loginbox-left .form-con .caution p i{top:0;font-size: 10px;width:10px;height:10px;line-height: 10px;}
        .page.login .loginbox-left .form-con .caution p span{font-size: 10px;line-height:11px;}
        .page.login .loginbox-left .form-con .note{font-size: 10px;line-height: 11px;}
        .page.login .loginbox-left .btn-link{margin-top: 18px;}
        .page.login .loginbox-left .link-password {font-size:11px;}
        .page.login .loginbox-left .btn-bg{margin-top: 28px;}
    
        .page.login .login-wrapper > .loginbox-right{width:calc(100% - 40px);margin-top: 35px;padding:30px 0 0;}
        .page.login .loginbox-right p{margin-top: 35px;font-size: 14px;line-height: 17px;}
        .page.login .loginbox-right p span{line-height: 25px;}
        .page.login .loginbox-right .btn-link{margin-top: 20px;}
        .page.login .loginbox-right .btn-bg{margin-top: 25px;}
    
        /* 팝업 */
        .popup-wrap .popup-box{min-width:1px;min-height:1px;padding:20px;}
        .popup-wrap h3{font-size:16px;padding-bottom: 10px;}
        .popup-wrap h3 img{max-width:82px;}
        .popup-wrap p{font-size: 12px;line-height: 17px;}
        .popup-wrap .btn-bg{max-width:162px;height:34px;font-size: 11px;line-height: 34px;}
        .popup-wrap .layer-close {top:10px;right:10px;width:15px;height:15px;background:url('/my/en/resource/img/components/membership/btn_layerclose_m.png') no-repeat left top;background-size:100%;}
    
        /* 비밀번호 찾기 */
        .popup-find-pwd input{font-size: 11px;padding:10px 5px;}
        .popup-find-pwd .caution{height:20px;}
        .popup-find-pwd .caution p {padding-left:13px;line-height:inherit;}
        .popup-find-pwd .caution p i{top:1px;font-size: 10px;width:10px;height:10px;line-height: 10px;}
        .popup-find-pwd .caution p span{font-size: 10px;line-height:12px;}
        .popup-find-pwd .btn-bg{margin-top: 25px;}
    
        /* 임시번호발급 */
        .popup-temporary .popup-box{height:auto;}
        .popup-temporary p{margin:54px 0;}
    
        /* 비밀번호 5회이상 틀림 */
        .popup-pwd-wrong p{margin:46px 0;}
    
        /* 임시 비밀번호로 로그인시 */
        .popup-temporary-pwd p{margin:71px 0;}
    
        /* DB 일치정보1 ID값 셋팅 X, DB 일치정보2 */
        .popup-bef-member .popup-box > p,
        .popup-dup-member .popup-box > p {margin:12.5333vw 0;}
    }
    
    
    
    /* ----- 20201211 Find pw renewal ----- */
    .subpage .parsys .find-pwd .subpagetit{margin:0;padding:98px 0;font-size: 44px;color:#fff;font-family:"brandon-grotesque";font-weight:700;background: url('/my/en/resource/img/components/membership/new/register-tit-bg.jpg') no-repeat center top / cover;}
    .find-pwd .subpagedesc{height:40px;font-size: 14px;color:#000;line-height: 40px;text-align: right;background: url('/my/en/resource/img/components/membership/20201210_login_bg.jpg') repeat-x bottom;font-family:'brandon-grotesque';font-weight:400;}
    .find-pwd .subpagedesc span{font-size: 16px;color:#6ca3ff;}
    
    .find-pwd-form{width:535px;margin:35px auto 0;padding-bottom: 80px;}
    .find-pwd-form h3{font-size: 24px;font-family:"brandon-grotesque";font-weight:700;color:#000;text-align: center;}
    .find-pwd-form form{margin-top: 40px;}
    .find-pwd-form .form-con{font-size: 0;}
    .find-pwd-form .form-con + .form-con{margin-top: 10px;}
    .find-pwd-form .form-con > *{vertical-align: top;}
    .find-pwd-form .form-con label{display:inline-block;width:20%;padding:5px 0;font-size: 16px; font-family:"brandon-grotesque";font-weight:700; line-height: 18px;color:#000;letter-spacing: 0.025em;}
    .find-pwd-form .form-con:first-of-type label{padding:15px 0;}
    .find-pwd-form .form-con label span{color:#6ca3ff;}
    .find-pwd-form .form-con .form-right{display:inline-block;width:80%;}
    .find-pwd-form .form-con input{display:block;width:100%;border:0;box-sizing: border-box;font-size: 14px;color:#a1a0a0;background-color: #f4f4f4;padding: 13px 10px;font-family: "NotoSansKR";font-weight:400;}
    .find-pwd-form .form-con input[readonly]{color:#000;}
    .find-pwd-form .form-con .caution{height:20px;overflow:hidden;font-family: "NotoSansKR";}
    .find-pwd-form .form-con .caution p{font-size: 0;}
    .find-pwd-form .form-con .caution p *{display:inline-block;vertical-align: middle;font-family: "NotoSansKR";}
    .find-pwd-form .form-con .caution p i{width: 9px;height: 9px;margin-right: 3px;background-color: #da1b56;border-radius:50%;text-align: center;font-size: 10px;color:#fff;}
    .find-pwd-form .form-con .caution p span{font-size: 12px;line-height: 2;color:#da1b56;}
    .find-pwd-form .form-con .note{margin-top: 5px;font-size:12px;line-height:13px;font-family: "NotoSansKR";}
    .find-pwd-form .btn-bg{display:block;width:100%;max-width:390px;height:55px;margin-top: 35px;margin-left:auto;margin-right:auto;font-size: 18px;font-family:"brandon-grotesque";font-weight:400;color:#fff;line-height: 55px;background-color: #7ba4db;text-align: center;}
    
    @media all and (max-width:1000px){
        .subpage .parsys .find-pwd .subpagetit{padding:147px 0;font-size: 50px;color:#000;background: url('/my/en/resource/img/components/membership/new/register-tit-bg-mo.jpg') no-repeat center top / cover;}
        .find-pwd .subpagedesc{width:calc(100% - 100px);height:60px;margin: 30px 50px 0;font-size: 22px;line-height: 56px;}
        .find-pwd .subpagedesc span{font-size: 22px;}
    
        .find-pwd-form{width:calc(100% - 100px);margin:50px auto 0;}
        .find-pwd-form h3{font-size: 30px;}
        .find-pwd-form .form-con label{padding:5px 0;font-size: 24px;line-height: 1;}
        .find-pwd-form .form-con:first-of-type label{padding:15px 0;}
        .find-pwd-form .form-con input{font-size: 22px;}
        .find-pwd-form .form-con .caution{height:40px;}
        .find-pwd-form .form-con .caution p i{font-size: 10px;width:14px;height:14px;line-height: 14px;}
        .find-pwd-form .form-con .caution p span{font-size: 18px;}
        .find-pwd-form .form-con .note{font-size: 18px;line-height: 22px;}
        .find-pwd-form .btn-bg{width:100%;height:85px;margin-top: 45px;font-size: 24px;line-height: 85px;}
    }
    
    @media all and (max-width:767px){
        .subpage .parsys .find-pwd .subpagetit{padding:73px 0;font-size: 25px;}
        .find-pwd .subpagedesc{width:calc(100% - 50px);height:30px;margin: 15px 25px 0;font-size: 11px;line-height: 28px;}
        .find-pwd .subpagedesc span{font-size: 11px;}
    
        .find-pwd-form{width:calc(100% - 50px);margin:25px auto 0;padding-bottom: 40px;}
        .find-pwd-form h3{font-size: 15px;}
        .find-pwd-form form{margin-top: 20px;}
        .find-pwd-form .form-con + .form-con{margin-top: 5px;}
        .find-pwd-form .form-con label{padding:2px 0;font-size: 14px;font-size:3.73333vw;}
        .find-pwd-form .form-con:first-of-type label{padding:7px 0;}
        .find-pwd-form .form-con input{font-size: 12px;font-size:3.2vw;padding:7px 5px;}
        .find-pwd-form .form-con .caution{height:20px;}
        .find-pwd-form .form-con .caution p i{font-size: 10px;width:10px;height:10px;line-height: 10px;}
        .find-pwd-form .form-con .caution p span{font-size: 10px;}
        .find-pwd-form .form-con .note{font-size: 10px;line-height: 11px;letter-spacing: -0.05em;}
        .find-pwd-form .btn-bg{height:42px;margin-top: 27px;font-size: 12px;line-height: 42px;}
    }