@charset "utf-8";

/* login */
.login_wrap{width:100%;height: 100%;padding: 70px 0 100px;}
.login_wrap .txt_wrap{padding: 30px}
.login_wrap h4{width:100%;margin-bottom: 30px;font-family: 'G-sans', "sans-serif";text-align: center;font-weight: 500;font-size:2.813rem ;}
.login_wrap .icon_login{display: block;margin: 0 auto;margin-bottom: 30px;}
.login_wrap input{vertical-align: middle;width: 100%; height: 60px;margin-bottom: 20px;padding-left:65px;border: 1px solid #e8e8e8; border-radius: 30px;font-size: 1.125rem;background-position: 30px 50%;background-repeat: no-repeat;}
.login_wrap input::placeholder{font-family:'N-sans', "sans-serif";}
.login_wrap input:focus{border: 2px solid #333;}
.login_wrap input{background-image: url(../image/login/icon_login_id.png);}
.login_wrap .pass_box input{margin-bottom:0; background-image: url(../image/login/icon_login_pw.png);}
.login_wrap .text_login.day{background-image: url(../image/login/icon_login_day.png);}
.login_wrap .text_login.phone{background-image: url(../image/login/icon_login_phone.png);background-position: 33px;}
.login_wrap input::placeholder {color: #b7b7b7;font-size: 1.125rem; margin-top: 10px;}
.login_wrap .btn_basic.one{display: block;width: 100%;height: 60px;line-height: 60px;font-size: 1.25rem;border-radius: 30px;font-weight: 900; cursor:pointer;}
.login_wrap .btn_basic.two{display: inline-block;width: 265px;height: 60px;line-height: 60px;font-size: 1.25rem;border-radius: 30px;font-weight: 900;}
.login_wrap .group li > *:not(div > input){float:left;}
.login_wrap .group input[type="text"],
.login_wrap .group .confirm{width:calc(100% - 150px); margin-right:10px;}
.login_wrap .group .confirm{position:relative;}
.login_wrap .group .confirm input{width:100%; margin-bottom:0;}
.login_wrap .group .confirm p{position:absolute; right:20px; top:50%; margin-top:-10px; color:#1a54cd; font-size:14px; letter-spacing:1px;}
.login_wrap .group button{height:60px; width:140px; color:#fff; font-size:16px; font-weight:900; line-height:60px; border-radius:50px; background:#1a54cd; cursor:pointer;}
.login_wrap .group button.white{border:1px solid #ccc; color:#333; background:#fff; box-sizing:border-box;}
.login_wrap .group li:after{content:''; display:block; clear:both;}
.login_wrap .text_login.tel{background-image:url(../image/login/icon_pw_tel.png);}
.login_wrap .text_login.num{background-image:url(../image/login/icon_pw_num.png);}
.login_wrap .ez_logindate {color: red; font-weight:100; }
/* login bottom area */
.login_wrap .login_bottom{width: 100%; margin: 30px 0;padding: 0 20px;}
.login_wrap .login_bottom .join_box{float: right;}
.login_wrap .login_bottom .join_box a{margin-left: 12px;}
.login_wrap .login_bottom .join_box a::before{content: '';display:inline-block;width:1px;height: 14px;background-color: #e8e8e8;margin-right: 12px;}
.login_wrap .login_bottom .join_box a:first-of-type::before{display: none}
/* sns login btn */
.login_wrap .sns_login_wrap{display:flex; justify-content:center; align-items:center; width: 100%;padding: 30px 0;border: 1px solid #e8e8e8;border-right: 0;border-left: 0;}
.login_wrap .sns_login_wrap li{flex:1; border-right: 1px solid #e8e8e8;}
.login_wrap .sns_login_wrap li:last-of-type{border-right: 0}
.login_wrap .sns_login_wrap a{display: block;text-align: center;}
.login_wrap .sns_login_wrap a img{display: block;margin: 0 auto;}
.login_wrap .sns_login_wrap a p{display: block;text-align: center;}
.login_wrap .sub_txt p{color:red; font-size:17px;}
/*SNS로그인숨김*/
.login_wrap .sns_login_wrap{display:none;}

/* find ID */
.login_wrap .gray_round_box.find_id{padding:50px 20px;}
.login_wrap .gray_round_box.find_id p.title{margin-bottom: 24px;;text-align: center;font-size: 1.625rem;font-weight: 600;}
.login_wrap .gray_round_box.find_id p.desc{color:#666;text-align: center;font-size: 1.125rem;}

/* find PW */
.certification_wrap.vertical{width: 100%;padding: 0;border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.certification_wrap.vertical ul{width: 100%;}
.certification_wrap.vertical ul li{display: block;width:100%;padding: 30px 10px;border-bottom: 1px solid #e8e8e8;border-right:0}
.certification_wrap.vertical ul li:last-of-type{border-bottom: 0;}
.certification_wrap.vertical ul li a{display: inline-block;}
.certification_wrap.vertical ul li .cert_icon{display: inline-block;vertical-align: middle;width: 72px; height: 72px;border-radius: 50%;background-position: 50% 50%; background-repeat: no-repeat;}
.certification_wrap.vertical ul li .cert_txt{display: inline-block;vertical-align: middle;width: auto;min-height: 0;max-width:400px;margin:0 auto;margin-left:30px;text-align: left;}
.certification_wrap.vertical ul li .cert_txt span.title{display: block;margin-bottom: 5px;font-size: 1.125rem;color:#333;}
.certification_wrap.vertical ul li .cert_txt p{color:#999;font-size: 0.875rem;word-break: keep-all;}
.certification_wrap.vertical ul li .btn_basic_small{ float: right; display: inline-block;width: 110px;text-align: center;color:#fff;font-size: 0.938rem;margin-top: 13px;}


/* login media */
@media screen and (max-width: 800px) {
    .login_wrap{width:100%;height: 100%;padding: 45px 15px 50px; position: relative;}
    .login_wrap h4{width:100%;margin-bottom: 20px;font-family: 'N-sans', "sans-serif";text-align: center;font-weight: 800;font-size:1.75rem ;}
    .login_wrap h4 p{font-size: 0.813rem; color: #333; font-weight: 500; margin-top: 5px; display: block !important;}
    .login_wrap .txt_wrap{padding: 10px}
    .login_wrap .icon_login{width: 80px;}
    .login_wrap input{width: calc(100% - 40px); height: 40px;padding-left:45px;border: 1px solid #e8e8e8; border-radius: 30px;font-size: 0.813rem;background-position: 20px 50%;background-repeat: no-repeat; display: block; margin: 0 auto; margin-bottom: 10px; background-image: url(../image/login/icon_login_id.png); background-size: 16px;}
    .login_wrap .login_wrap .pass_box input{background-image: url(../image/login/icon_login_pw.png); background-size: 16px ;}
    .login_wrap .text_login.day{background-image: url(../image/login/icon_login_day.png); background-size: 17px;}
    .login_wrap .text_login.phone{background-image: url(../image/login/icon_login_phone.png); background-size: 13px; background-position: 22px;}
    .login_wrap input::placeholder {color: #b7b7b7;font-size: 0.813rem; margin-top: 10px;}

    .login_wrap .btn_basic.one{width: calc(100% - 40px); height: 42px;line-height: 40px;font-size: 1rem;border-radius: 30px;font-weight: 900; display: block; margin: 0 auto; margin-top: 0px;}
    .login_wrap .btn_basic.two{display: inline-block;width: 50%;height: 44px;line-height: 44px;font-size: 1rem;border-radius: 30px;font-weight: 900;}
    .btn_wrap2  .btn_basic.two{display: inline-block;width: 45%;height: 40px;line-height: 40px;font-size: 1rem;border-radius: 30px;font-weight: 900; margin: 0 2px;}
    .login_wrap .login_bottom{width: 100%; margin: 15px 0;padding: 0 35px;}
    .login_wrap .login_bottom .join_box{text-align: center;float:left;width:100%;display: block;margin: 25px 0 10px; font-size: 0.813rem;}
    .login_wrap .login_bottom .join_box a{margin-left: 9px;}
    .login_wrap .login_bottom .join_box a::before{content: '';display:inline-block;width:1px;height: 10px;background-color: #e8e8e8;margin-right: 9px;}

    .login_wrap .sns_login_wrap{width: 100%;padding: 16px 0;}
    .login_wrap .sns_login_wrap a img{display: block;margin: 0 auto;width: 30px;}
    .login_wrap .sns_login_wrap a p{display: block;text-align: center; font-size: 0.813rem;}

    /* find ID */
    .login_wrap .gray_round_box.find_id{width: calc(100% - 40px); display: block; margin: 0 auto; padding:20px 10px;}
    .login_wrap .gray_round_box.find_id p.title{margin-bottom: 10px;;text-align: center;font-size: 1rem;font-weight: 600;}
    .login_wrap .gray_round_box.find_id p.desc{color:#666;text-align: center;font-size: 0.75rem;}

    /* find PW */
    .certification_wrap.vertical ul li{padding: 20px 10px;}
    .certification_wrap.vertical ul li a{display: block;}
    .certification_wrap.vertical ul li .cert_txt{width: calc(100% - 100px);margin-left:20px;}
    .certification_wrap.vertical ul li .btn_basic_small{display: none;}
    .login_wrap .group{width:calc(100% - 40px); margin:0 auto;}
    .login_wrap .group button.white{width:120px; height:40px; font-size:14px; line-height:40px;}
    .login_wrap .group input[type="text"],
    .login_wrap .group .confirm{width:calc(100% - 130px);}

    .login_wrap .sub_txt p{font-size:14px;}
}


/* join */
.login_wrap .step_wrap{width: 100%; margin-bottom: 60px;}
.login_wrap .step_wrap ul{width: 100%;}
.login_wrap .step_wrap ul li.step_box{position: relative;overflow: hidden;float: left;width: 20.5%;max-width:200px;min-width: 150px;height:85px;padding:7px;border-radius: 80px;background-color: #fff;border: 1px solid #e8e8e8;}
.login_wrap .step_wrap ul li.step_box .icon_round_box{float: left;margin-right: 20px;font-size: 0;background-color: #fbfbfb;width: 70px;height: 70px;border-radius: 50%;background-position: 50% 50%; background-repeat: no-repeat;;}
.login_wrap .step_wrap ul li.step_box .icon_round_box.step01{background-image: url(../image/login/icon_step01_off.png);}
.login_wrap .step_wrap ul li.step_box .icon_round_box.step02{background-image: url(../image/login/icon_step02_off.png);}
.login_wrap .step_wrap ul li.step_box .icon_round_box.step03{background-image: url(../image/login/icon_step03_off.png);}
.login_wrap .step_wrap ul li.step_box .icon_round_box.step04{background-image: url(../image/login/icon_step04_off.png);}
.login_wrap .step_wrap ul li.step_box .text_box{float: left;padding:14px 0;text-align: center;}
.login_wrap .step_wrap ul li.step_box .text_box .step{font-size: 1rem;color: #ccc;font-family: 'G-sans', "sans-serif";}
.login_wrap .step_wrap ul li.step_box .text_box .desc{font-size: 0.938rem;}
.login_wrap .step_wrap ul li.arrow{font-size: 0;float: left;width: 6%;max-width: 65px;min-width:35px;height:85px;background: url(../image/login/step_arr.png) 50% 50% no-repeat;}

.login_wrap .step_wrap ul li.step_box.on{background-color: #1a54cb;color: #fff;}
.login_wrap .step_wrap ul li.step_box.on .icon_round_box{background-color: #fff;}
.login_wrap .step_wrap ul li.step_box.on .text_box .step{color:rgba(255,255,255,0.7)}

/* step 01 */
.certification_wrap.horizontal{width: 100%;padding: 30px 0;border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.certification_wrap.horizontal ul{width: 100%;}
.certification_wrap.horizontal ul li{float: left;width: 50%;border-right: 1px solid #e8e8e8;}
.certification_wrap.horizontal ul li:last-of-type{border-right: 0;}
.certification_wrap.horizontal ul li a{display: block;}
.certification_wrap.horizontal ul li .cert_icon{width: 100px; height: 100px;margin: 0 auto; border-radius: 50%;background-position: 50% 50%; background-repeat: no-repeat;}
.certification_wrap.horizontal ul li .cert_txt{width: 100%;max-width: 220px; min-height: 100px;  margin:0 auto;margin-top: 10px;text-align: center;}
.certification_wrap.horizontal ul li .cert_txt span.title{display: block;margin-bottom: 5px;font-size: 1.125rem;color:#333;}
.certification_wrap.horizontal ul li .cert_txt p{color:#999;font-size: 0.938rem;word-break: keep-all;}
.certification_wrap.horizontal ul li .cert_txt p i{display: block;font-style: normal}
.certification_wrap.horizontal ul li .btn_cert{width: 100%;max-width: 160px;margin:0 auto;margin-top: 30px;text-align: center;color:#fff;font-size: 1.063rem;}
.certification_wrap.horizontal ul li .cert_txt.min_h { min-height: 0 ;}

.login_agree_inner {position: relative; width: 100%;}


/* step 02 */
.scroll_box.step02{height: 240px;line-height: 30px;color: #666;padding-right: 10px;}
.scroll_box.step02 .bold{color: #333;}

/* step 03 */
/* step03 regist*/
.login_wrap table.regist{width: 100%;}
.login_wrap table.regist tr{border-bottom: 1px solid #e8e8e8;}
.login_wrap table.regist tr:last-of-type{border-bottom: 0}
.login_wrap table.regist td.th{vertical-align: top;text-align: left;line-height: 42px;padding-top: 15px;font-size:1.125rem;color:#222;font-weight: 500;padding-left: 30px;}
.login_wrap table.regist td.th.point{background-image: url(../image/sub/icon_point.png);background-repeat: no-repeat;background-position: top 26px left 15px;}
.login_wrap table.regist td.th.point.type{ display: block; padding-bottom: 0;}
.login_wrap table.regist td{padding:15px 30px 15px 0;}
.login_wrap table.regist td.type02{padding:0px 30px 15px 30px; display: block;}
.login_wrap table.regist td input::placeholder  {color: #999;font-size: 1rem;}
.login_wrap table.regist td input:read-only {color: #222;font-size: 1rem;}
.login_wrap table.regist td.ph_222 input::placeholder {color: #222 !important;}

.login_wrap table.regist td .txt_btn_wrap .text{width: calc(100% - 125px);float: left;}
.login_wrap table.regist td .upload-name{color:#666;}
.login_wrap table.regist td .upload-hidden{position: absolute;width: 0;height: 0;padding: 0;margin: -1px;overflow: hidden; border: 0;}




.agree_box{width: 100%;margin-bottom: 30px;}
.agree_box .agree_title{font-size: 1.25rem;color: #222;margin-bottom: 16px;margin-top: 10px;}
.agree_box .agree_title span{width: 32px; height: 32px; display: inline-block;color: #fff; font-family:'N-sans', "sans-serif"; font-weight: bold;border-radius: 50%;text-align: center;margin-right: 10px;}
.agree_box .agree_desc{font-size: 1.063rem;color: #888;margin-bottom: 40px;;}
.agree_box .agree_desc p{margin-bottom: 10px;padding-left: 55px;background: url(../image/login/bullet_gray_dot.png) 40px 50% no-repeat;}
.agree_box .agree_desc p.txt{margin-bottom: 0px;color:#333;font-size:1.063rem ;}
.agree_box .agree_desc p.sub_txt{margin-bottom: 0px;color: #666;font-size: 0.938rem;background: none;}

/* step 04 */
.login_wrap .gray_round_box.step04{padding:80px 0;text-align: center;font-size: 1rem;}
.login_wrap .gray_round_box.step04 img{margin-bottom: 50px;}
.login_wrap .gray_round_box.step04 p.title{margin-bottom: 24px;;text-align: center;font-size: 1.625rem;font-weight: 600;}
.login_wrap .gray_round_box.step04 p.desc{color:#666;text-align: center;font-size: 1.125rem;}


/* 2022.12.08 휴면 계정 안내 */
.dormancy_wrap{width:100%; height:100%; padding:70px 0 30px;}
.dormancy_wrap h4{width:100%; margin-bottom:40px; text-align:center; font-family:'G-sans', "sans-serif"; font-weight:500; font-size:2.813rem;}
.dormancy_wrap .txt p{color:#999; font-size:0.938rem; line-height:1.5em;}
.dormancy_wrap .txt p span{font-weight:700;}
.dormancy_wrap .gray_box{margin-top:20px; padding:20px 30px; background:#f6faf8; box-sizing:border-box;}
.dormancy_wrap .gray_box li{margin-bottom:0;}
.dormancy_wrap .gray_box span{display:inline-block; font-size:0.938rem; vertical-align:middle;}
.dormancy_wrap .gray_box em{display:inline-block; font-size:0.938rem; font-style:normal; font-weight:700; vertical-align:middle;}


/* join media */
@media screen and (max-width: 800px) {

    /* join */
    .login_wrap .step_wrap{margin-bottom: 20px;}
    .login_wrap .step_wrap ul li.step_box .text_box .step{font-size: 0.687rem; letter-spacing: 0; color: #ccc;font-family: 'G-sans', "sans-serif";}
    .login_wrap .step_wrap ul li.step_box .text_box .desc{font-size: 0.813rem;}


    /* step 02 */
    .scroll_box.step02{height: 250px;line-height: 30px;color: #666;padding:10px 15px; font-size: 0.75rem; line-height: 1.2rem;}
    .login_wrap.join_step02 .btn_wrap .btn_red{display: none;}
    .login_wrap.join_step02 .mb60 {margin-bottom: 30px !important;}
    .login_wrap.join_step02 .mb20 {margin-bottom: 10px !important;}
    .login_wrap.join_step02 .pt20 {padding-top: 10px !important;}
    .login_wrap:not(.step04) .btn_wrap .btn_basic{float: right;}


    /* step03 regist*/

     .login_wrap table.regist td.type02{padding:0px 15px 15px; display: block;}
    .login_wrap table.regist td.th{padding-top: 20px;padding-left: 0px;display: block;font-size: 0.875rem;height: auto;line-height: 1;}
    .login_wrap table.regist td{padding:0 15px 15px;display: block;}
    .login_wrap table.regist td input::placeholder  {color: #999;font-size: 0.875rem;}
    .login_wrap table.regist td input:read-only {color: #222;font-size: 0.875rem;}

    .agree_box{width: 100%;margin-bottom: 15px;}
    .agree_box .agree_title{font-size: 0.938rem;color: #222;margin-bottom: 0px;margin-top: 0px; padding: 12px 15px;}
    .agree_box .agree_title span{width: 20px; height: 20px; line-height: 18px; display: inline-block;color: #fff;font-weight: bold;border-radius: 50%;text-align: center;margin-right: 5px;}
    .agree_box .agree_desc{font-size: 0.937rem;color: #888;margin-bottom: 20px; padding: 0 15px;}
    .agree_box .agree_desc p{margin-bottom: 10px;padding-left: 34px;background: url(../image/login/bullet_gray_dot.png) 28px 10px no-repeat;}
    .agree_box .agree_desc p.txt{margin-bottom: 0px;color:#333;font-size:0.937rem ;}
    .agree_box .agree_desc p.sub_txt{margin-bottom: 0px;color: #666;font-size: 0.875rem;background: none;}

    /* font */
    .regist .basic_txt span{display: block; font-size: 0.75rem;}

    /* .login_wrap table.regist td.th.point{background-position: top 21px left 0px;} */

    .login_wrap table.regist td.th{padding: 12px 15px;}
    .login_wrap table.regist td.th.point{background:0}
    .login_wrap table.regist td.th.point::after{ content: '*'; display: inline-block; margin-left: 2px; vertical-align: middle; color: #f92d3c;}


    .login_wrap table.regist td.point p:first-of-type:after{content: '*';display: inline-block;margin-left: 2px;vertical-align: middle;color:#f92d3c;}
    .login_wrap .step_wrap ul li.step_box{position: relative;overflow: hidden;float: left;width: 20.5%; min-width: 0;height:50px;padding:0;border-radius: 80px;background-color: #fff;border: 1px solid #e8e8e8;}
    .login_wrap .step_wrap ul li.arrow{float: left;width: 6%;max-width: none;min-width:auto;height:50px;background: url(../image/login/step_arr.png) 50% 50% no-repeat; background-size: 10px;}
    .login_wrap .step_wrap ul li.step_box .icon_round_box{display: none;}
    .login_wrap .step_wrap ul li.step_box .text_box{float: none;display:block;padding:10px 0;margin:0 auto;text-align: center;}
    .login_wrap table.regist td .text{border-radius: 6px;}
    .login_wrap table.regist td .txt_btn_wrap .text{width: calc(100% - 90px);}
    .login_wrap table.regist td .txt_btn_wrap .btn_gray{width: 80px}

    .certification_wrap.horizontal{width: 100%;padding: 0px 0px;margin-top: 10px; border-bottom: 0;}
    .certification_wrap.horizontal ul li{float: none;display: block;width: 100%;padding: 20px 10px;border-right: 0;border-bottom: 1px solid #e8e8e8;}
    .certification_wrap.horizontal ul li:last-of-type{border-bottom: 0;}
    .certification_wrap.horizontal ul li a.btn_basic_small{display: inline-flex; justify-content: center; position: absolute; right: 1rem; top: 0.7rem; margin: 0px !important; width: auto; font-size: 1rem; border-radius: 5px; padding: 0 12px;}
    .certification_wrap.horizontal ul li .cert_icon{display: inline-block;vertical-align: middle;width:65px;height:65px;margin-right: 10px;}
    .certification_wrap.horizontal ul li .cert_txt{display: inline-block;vertical-align: middle;width: calc(100% - 120px);min-height:0;max-width: none;margin-top: 0px;text-align: left;}

    .certification_wrap.horizontal ul li .cert_txt p{width:60%; color:#999;font-size: 0.813rem;word-break: keep-all;}
    .certification_wrap.horizontal ul li .cert_txt p i{display: inline;}


    .certification_wrap.horizontal.type02{width: calc(100% - 40px); margin: 0 auto; padding: 20px 0px;margin-top: 10px}
    .certification_wrap.horizontal.type02 ul li{float: left;display: block;width: 50%;padding-top: 20px;border-right: 0;border-bottom: 1px solid #e8e8e8;}
    .certification_wrap.horizontal.type02 ul li:nth-of-type(1) {border-right: 1px solid #e8e8e8; padding-top: 0; }
    .certification_wrap.horizontal.type02 ul li:nth-of-type(2) {padding-top: 0;}
    .certification_wrap.horizontal.type02 ul li:nth-of-type(3) {border-right: 1px solid #e8e8e8; border-bottom: 0; padding-bottom: 0;}
    .certification_wrap.horizontal.type02 ul li:nth-of-type(4) { padding-bottom: 0;}
    .certification_wrap.horizontal.type02 ul li:last-of-type{border-bottom: 0;}
    .certification_wrap.horizontal.type02 ul li a.btn_basic_small{display: none;}
    .certification_wrap.horizontal.type02 ul li .cert_icon{display: block;vertical-align: middle;width:45px;height:45px;margin-right: 10px; text-align: center; margin: 0 auto;}
    .certification_wrap.horizontal.type02 ul li .cert_txt{display: block;vertical-align: middle;width:100%;min-height:0;max-width: none;margin-top: 10px;text-align: center;}
    .certification_wrap.horizontal.type02 ul li .cert_txt p i{display: inline;}
    .certification_wrap.horizontal.type02 ul li .cert_txt span.title{display: block;margin-bottom: 0px;font-size: 0.875rem;color:#333;}


    /* step04 */
    .login_wrap .gray_round_box.step04{padding:30px 0;text-align: center;font-size: 1rem;}
    .login_wrap .gray_round_box.step04 img{max-width: 420px; margin-bottom: 30px;}
    .login_wrap .gray_round_box.step04 p.title{font-size: 1.125rem; margin-bottom: 20px;}
    .login_wrap .gray_round_box.step04 p.desc{font-size: 0.813rem;}
    /* .login_wrap.step04 .btn_wrap{width: 100%;text-align: center;} */
    /* .login_wrap.step04 .btn_basic{display: inline-block;vertical-align: middle;width: auto;min-width: 200px;height: 45px; line-height: 42px;text-align: center;padding: 0 7px;font-size: 1rem;color: #fff;border-radius: 30px;font-weight: 800;margin-right: 10px;} */

    .dormancy_wrap{padding:45px 15px 50px;}
    .dormancy_wrap h4{margin-bottom:20px; font-family:'N-sans', "sans-serif"; font-size:1.75rem; font-weight:800;}

}

@media screen and (max-width: 400px){
	.dormancy_wrap .txt p{word-break:keep-all;}
	.dormancy_wrap .txt p br{display:none;}
}


/* 2022.08.03 ssj - 추가 */
.mA_0{margin:0 auto;}

/* templete_flat 적용 */
.templete_flat .login_wrap .text_login,
.templete_flat .login_wrap .btn_basic.one,
.templete_flat .login_wrap .step_wrap ul li.step_box,
.templete_flat .btn_basic_small,
.templete_flat .login_wrap .step_wrap ul li.step_box .icon_round_box,
.templete_flat .login_wrap .group button.white,
.templete_flat .certification_wrap.horizontal ul li .cert_icon{border-radius:0;}

/*20250120 비밀번호 ON*/
.pass_box{position:relative;}
.pass_box input.text_login.pw{margin-bottom:0 !important;}
.pass_box .btn_pass{position:absolute; right:30px; top:50%; width:23px; height:17px; padding:0; background:none; border-radius:0; transform:translateY(-50%); overflow:hidden; text-indent:100%; font-size:0; cursor:pointer;}
.pass_box .btn_pass:before{content:''; display:block; width:23px; height:17px; background-image:url(../image/login/ico_pw_off.png); background-repeat:no-repeat; background-position:0 50%; background-size:100%;}
.pass_box .btn_pass.on:before{background-image:url(../image/login/ico_pw_on.png);}

/*유의사항*/
.important_notes{margin-bottom:40px; padding:35px 40px 35px 0; border:1px solid #eef1f6; border-radius:20px; box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.05); box-sizing:border-box;}
.important_notes .agree_box{display:flex; justify-content:space-between; align-items:center; margin:0;}
.important_notes .agree_box .agree_title{position:relative; width:200px; margin:0; padding-top:115px; color:#1a54cd; font-family:'G-sans'; font-size:20px; font-weight:700; text-align:center;}
.important_notes .agree_box .agree_title:before{content:''; display:block; position:absolute; left:50%; top:0; width:93px; height:112px; margin-left:-46.5px; background:url(/resource/image/login/ico_important_notes.png) no-repeat;}
.important_notes .agree_box .agree_desc{width:calc(100% - 200px); margin:0;}
.important_notes .agree_box .agree_desc p{padding-left:0; margin:0; color:#333; font-family:'G-sans'; font-size:15px; font-weight:500; background:none;}
.important_notes .agree_box .agree_desc ul{margin-top:15px; padding:20px; border-radius:12px; background:#f0f4fa; box-sizing:border-box;}
.important_notes .agree_box .agree_desc li{position:relative; margin-top:5px; padding-left:8px; color:#333; font-family:'Pretendard'; font-size:15px; font-weight:500; line-height:1.3rem;}
.important_notes .agree_box .agree_desc li:first-child{margin-top:0;}
.important_notes .agree_box .agree_desc li:before{content:''; display:block; position:absolute; left:0; top:8px; width:2px; height:2px; border-radius:50%; background:#506da8;}
.important_notes .agree_box .dip_bl{margin-top:10px; font-family:'G-sans'; font-size:15px; font-weight:500;}
.important_notes .agree_box .dip_bl .custom_checkbox{display:flex; align-items:center; gap:2px; color:#555; font-size:15px;}
.important_notes .agree_box .dip_bl .custom_checkbox input[type="checkbox"] + span{width:16px; height:16px; background-color:#ccc;}
.important_notes .agree_box .dip_bl .custom_checkbox input[type="checkbox"]:checked + span{background-color:#1a54cb;}
.important_notes .agree_box .dip_bl .custom_checkbox input[type="checkbox"] + span:focus-visible,
.important_notes .agree_box .dip_bl .custom_checkbox input[type="checkbox"]:focus + span,
.important_notes .agree_box .dip_bl .custom_checkbox input[type="checkbox"]:focus-visible{outline:none !important; border:0;}
.important_notes .agree_box .dip_bl .custom_checkbox span::after{background-size:70%;}

@media screen and (max-width:940px){
	.important_notes .agree_box .agree_title{width:180px;}
	.important_notes .agree_box .agree_desc{width:calc(100% - 180px);}
}
@media screen and (max-width:800px){
	.important_notes{padding:35px 30px 35px 0;}
	.agree_box .agree_title{padding:0;}
	.important_notes .agree_box .agree_desc{padding:0;}
	.important_notes .agree_box .dip_bl{padding:0;}
	.important_notes .agree_box .dip_bl .custom_checkbox input[type="checkbox"] + span{margin-right:5px;}
}
@media screen and (max-width:640px){
	.important_notes{padding:25px;}
	.important_notes .agree_box{flex-wrap:wrap;}
	.important_notes .agree_box .agree_title{width:100%; font-size:18px;}
	.important_notes .agree_box .agree_desc{width:100%; margin-top:15px;}
	.important_notes .agree_box .agree_desc p{font-size:14px; text-align:center;}
	.important_notes .agree_box .dip_bl .custom_checkbox{justify-content:center;}
}