@charset "UTF-8";
:root {
    /** 색상 */
    --bs-primary: #00B734;
    --bs-secondary: #ffb718;
    --bs-gray: #b2b2b2;
    --bs-white: #fff;
    --bs-black: #000;
    --bs-gray-dark: #263238;
    --bs-gray-light: #f8f8f8;
    --bs-gray-light-border: #e6e6e6;
    --bs-input-border: #ddd;
    --bs-input-disabled-color: #b2b2b2;
    --bs-input-disabled-bg: #f8f8f8;
    --bs-input-disabled-border-color: #e6e6e6;
    /** 색상 End */

    --bs-radius: 3px;
    --bs-black: #565656;
}

/* guide css */
.gro{margin-top:80px;}

.gro.mgt-xs{margin-top:10px;}
.gro.mgt-sm{margin-top:20px;}
.gro.mgt-md{margin-top:30px;}
.gro.mgt-lg{margin-top:40px;}
.gro.mgt-xl{margin-top:80px;}
.gro.mgt-xxl{margin-top:100px;}


.row.mgt-xs{margin-top:6px;}
.row.mgt-sm{margin-top:10px;}
.row.mgt-md{margin-top:20px;}
.row.mgt-lg{margin-top:30px;}
.row.mgt-xl{margin-top:40px;}
.row.mgt-xxl{margin-top:50px;}

.ver.ver{flex-direction:column;}
.col.ver{flex-direction:column;}

.bold{font-weight:600 !important;}
.req{display:inline-block;margin-right:2px;color:#FF0000;}
.btn-gro{margin-top:70px;}
.btn-gro .col{justify-content:center;}

.form-col .forms{margin-right:14px;}
._ENABLED input[type="radio"] + label, html body .adp-radio[type="radio"] + label, ._ENABLED input[type="radio"] + label.md, html body .adp-radio-md[type="radio"] + label{background-position: 0 3px ;
    background-size: 18px;
    background-position:0 3px;
    height:24px;
    padding-left:21px;
}
._ENABLED input[type="radio"]:checked + label, html body .adp-radio[type="radio"]:checked + label, ._ENABLED input[type="radio"]:checked + label.md, html body .adp-radio-md[type="radio"]:checked + label{
    background-size: 18px;
    background-position:0 3px;
    height:24px;
    padding-left:21px;
}
._ENABLED input[type="checkbox"] + label, html body .adp-radio[type="checkbox"] + label, ._ENABLED input[type="checkbox"] + label.md, html body .adp-radio-md[type="checkbox"] + label{background-position: 0 3px ;
    background-size: 18px;
    background-position:0 3px;
    height:24px;
    padding-left:21px;
}
._ENABLED input[type="checkbox"]:checked + label, html body .adp-radio[type="checkbox"]:checked + label, ._ENABLED input[type="checkbox"]:checked + label.md, html body .adp-radio-md[type="checkbox"]:checked + label{
    background-size: 18px;
    background-position:0 3px;
    height:24px;
    padding-left:21px;
}

._ENABLED .btn-prev, ._ENABLED button.btn-prev, ._ENABLED input[type="button"].btn-prev, ._ENABLED input[type="submit"].btn-prev, html body .adp-btn-prev
{
    background: var(--bs-white);
    color: #000;
    border:1px solid #ddd;
}

._ENABLED .table table.th-white > tbody > tr > th,
.adp-table table.adp-th-white > tbody > tr > th{background:#fff !important;border:1px solid #DDDDDD;}

.table-header{font-size:18px;padding:0px 0 14px 0;font-weight:600;}

.box{width:100%;}
.box.bordered{border:1px solid #ddd;}

.form-gro.inline{width:auto;}

.empha{color:#00B734;font-weight:600;}
._ENABLED .tooltip > button.tooltip-trigger, .adp-tooltip > button.tooltip-trigger{background:url(/assets/addpulse/img/ico/ico-help.png) no-repeat;}
/* guide css End */

/* 공통 디자인 */
.box-style{width:718px;margin-left:auto;margin-right:auto;border:1px solid #ddd;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;}
.box-style.box-style-2{align-content:start;padding-left:60px;}
.box-style.box-style-2 > .row{width:100%;}
.box-style.box-style-2 .box-desc{display:block;width:100%;text-align:left;margin-top:30px}
.box-style .header{font-size:16px;font-weight:600;letter-spacing:-3px;}
.box-style .header.big{width:100%;font-size:28px;font-weight:600;text-align:left;}
.box-style .col{align-items:center;justify-content:center;text-align:left;}
.box-style .see-contract{margin-top:30px;}
.box-style .check-contract{margin-top:50px;}
/* 공통 디자인 End */

/* 단계 */
.step-wrapper{width:100%;text-align:center;margin-top:20px;}
/* 단계 End */

/* 회원 */
.member-top{}
.member-top .h1-wrapper{justify-content:center;}
.member-top h1{font-size:30px;font-weight:700;}
.member-top .sub-desc-wrapper{justify-content:center;margin-top:16px;}
.member-top .sub-desc{color:#5B5B5B;text-align:center;font-size:16px;letter-spacing: -1px;}
/* 회원 End */

/* 주소 */
._ENABLED .form-address input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]).first{width:246px;}
._ENABLED .form-address input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]).second{width:322px;}
/* 주소 End */

/* 로그인 */
.login-gro{width:450px;margin:0 auto;text-align:center;}
.login-gro .login-row{margin-top:75px;}
.login-gro .login-row .form-row{margin:0;}
.login-gro .login-row .login-link-etc{display:flex;margin-top:20px;}
.login-gro .login-row .login-link-etc > a{position:relative;flex:1;}
.login-gro .login-row .login-link-etc > .center:before{position:absolute;left:0;top:0;content:"";width:1px;height:19px;background:#ddd;}
.login-gro .login-row .login-link-etc > .center:after{position:absolute;right:0;top:0;content:"";width:1px;height:19px;background:#ddd;}
/* 로그인 End */

/* 진행단계 */
.step-wrapper{position:relative;margin-top:40px;}
.step-wrapper li{position:relative;display:inline-block;width:120px;margin-left:-3px;margin-right:-3px;text-align:center;}
.step-wrapper li:after{content:"";width:100%;height:2px;background:#ddd;position:absolute;left:0;top:24px;}
.step-wrapper li:nth-of-type(1):after{left:50%;}
.step-wrapper li:nth-last-of-type(1):after{left:auto;right:50%;}
.step-wrapper .step-ico{position:relative;z-index:1;font-size:14px;min-width:50px;height:50px}
.step-wrapper .step-name{margin-top:16px;font-size:14px;margin-top:16px;}
.step-wrapper li.info .step-ico{background:url(/assets/addpulse/img/ico/step-info.png) no-repeat center top;}
.step-wrapper li.info.on .step-ico{background:url(/assets/addpulse/img/ico/step-info-on.png) no-repeat center top;}
.step-wrapper li.contract .step-ico{background:url(/assets/addpulse/img/ico/step-contract.png) no-repeat center top;}
.step-wrapper li.contract.on .step-ico{background:url(/assets/addpulse/img/ico/step-contract-on.png) no-repeat center top;}
.step-wrapper li.done .step-ico{background:url(/assets/addpulse/img/ico/step-done.png) no-repeat center top;}
.step-wrapper li.done.on .step-ico{background:url(/assets/addpulse/img/ico/step-done-on.png) no-repeat center top;}
/* 진행단계 End */


/* Reset styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background: #f5f5f5;
}