@charset "UTF-8";

/* <!-- 240701 수정 --> */
#loginPopup{position:fixed;width:100%;height:100vh;background-color: rgba(0,0,0,.2);top:0;left:0;z-index:9999;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
#loginPopup .innerWrap{width:100%;max-width:600px;flex-shrink:0;background:#fff;}
#loginPopup .titWrap{background:#3849AC;padding:20px 24px;display:flex;justify-content: space-between;align-items:center;}
#loginPopup .titWrap > h3 {font-size:20px;font-weight:700;color:#fff;}
#loginPopup .login_popup_close{background:url(../images/mypg/ci_login_pp_close.svg)center center no-repeat;background-size:100%;width:45px;height:25px;font-size:0;transition:ease-out .5s;transform: rotate(0deg);cursor:pointer;}
#loginPopup .login_popup_close:hover, #loginPopup .login_popup_close:active, #loginPopup .login_popup_close:focus{transform: rotate(180deg);opacity:.5;}
#loginPopup .conWrap{display:flex;justify-content: space-between;padding:18px;}
#loginPopup .conWrap .tab{box-sizing:border-box;background:#FAFBFA;border:1px solid #E0E0E0;flex-basis:50%;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;padding:28px 20px;flex-direction:column;}
#loginPopup .conWrap .tab span{display:block;}
#loginPopup .conWrap .tab .img{background:url(../images/mypg/ci_login_pp1.svg) no-repeat;background-position:center;width:60px;height:70px;display:block;background-size:contain;font-size:0;}
#loginPopup .conWrap .tab .btn_wrap{width:100%;margin-top:10px;}
#loginPopup .conWrap .tab .btn_wrap > button{background:#255296;padding:0 10px;height:100px;font-size:20px;font-weight:700;text-align:center;color:#fff;width:100%;border-radius:10px;transition:all .3s;opacity:0.8;}
#loginPopup .conWrap .tab .btn_wrap > button:hover, #loginPopup .conWrap .tab .btn_wrap > button:active, #loginPopup .conWrap .tab .btn_wrap > button:focus{background:#002a6b;opacity:1;}
#loginPopup .conWrap .tab .btn_wrap .snsbtn_img{padding-top:10px;background:url(../images/mypg/ci_login_sns.svg)no-repeat;font-size:0;width:100%;height:24px;background-size:contain;background-position:center;margin-top:10px;}
#loginPopup .conWrap .tab .btn_wrap > p{font-size:12px;height:60px;color:#8F8F8F;text-align:center;word-break:keep-all;line-height:18px;padding:10px 0 0;}

#loginPopup .conWrap .tab1{border-right:0;}
#loginPopup .conWrap .tab2 .img{background-image:url(../images/mypg/ci_login_pp2.svg);width:70px;}
#loginPopup .conWrap .tab2 .btn_wrap > button{background:#1A9F81;}
#loginPopup .conWrap .tab2 .btn_wrap > button:hover, #loginPopup .conWrap .tab2 .btn_wrap > button:active, #loginPopup .conWrap .tab2 .btn_wrap > button:focus{background:#166b58;}

/* <!-- 240709수정 --> */
#content .content-attention .btnGov3{display:flex;align-items:center;justify-content:center;}
#content .content-attention .btnGov3 + .btnGov3{margin-top:12px;}
#content .content-attention .btnGov3 a{font-size:16px;color:#fff;font-weight:700;line-height:24px;background:#E2712B;max-width:330px;width:100%;min-height:60px;display:flex;align-items:center;justify-content:center;}
#content .content-attention .btnGov3 a:hover, #content .content-attention .btnGov3 a:active, #content .content-attention .btnGov3 a:focus{background:#d54920;}
#content .content-attention .btnGov3.btn_gov2 a{background:#029372;}
#content .content-attention .btnGov3.btn_gov2 a:hover, #content .content-attention .btnGov3.btn_gov2 a:active, #content .content-attention .btnGov3.btn_gov2 a:focus{background:#017d61;}
#content .content-attention .btnGov3.btn_gov3 a{background-color:#0042c7;}
#content .content-attention .btnGov3.btn_gov3 a:hover, #content .content-attention .btnGov3.btn_gov3 a:active, #content .content-attention .btnGov3.btn_gov3 a:focus{background:#0f0cda;}
#content .content-attention .btnGov3 a > span{position:relative;padding-left:50px;}
#content .content-attention .btnGov3 a > span::before{content:"";background:url(../images/mypg/ci_gov1.svg)0 0 no-repeat;background-position:center;width:44px;height:44px;position: absolute;top:50%;left:0;transform:translateY(-50%);}
#content .content-attention .btnGov3.btn_gov2 a span::before{background-image:url(../images/mypg/ci_gov2.svg);height:38px;}
#content .content-attention .btnGov3.btn_gov3 a span::before{background-image: url(../images/mypg/ci_gov3.svg);height:34px;}


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

    #content .content-attention ul.list{padding:0;}
    #content .content-attention .btn_gov_wrap{margin-top:24px;}
    #content .content-attention .btnGov3{justify-content:flex-start;}
}

@media screen and (max-width: 768px) {
    #loginPopup .innerWrap{height:auto;max-width:85%;}
    #loginPopup .titWrap{padding:10px;}
    #loginPopup .conWrap{flex-direction:column;padding:15px;}

    #loginPopup .conWrap .tab{height:auto;padding:20px;}
    #loginPopup .conWrap .tab .img{padding-bottom:14px;}
    #loginPopup .conWrap .tab .img > img{max-height:80px;}
    #loginPopup .conWrap .tab .btn_wrap > button{height:auto;min-height:80px;font-size:16px;}
    #loginPopup .conWrap .tab .btn_wrap > p{height:auto;}
    #loginPopup .conWrap .tab1{border-right:1px solid #E0E0E0;border-bottom:0;}
}

   
/* <!-- 240701 수정 --> */

.table-responsive{POSITION: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 60000;
    padding-top: 50%;}

.table-responsive1{POSITION: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 60000;
    padding-top: 30%;}
/* <!-- 240722 수정 --> */
.progress-bar {
    position:relative;
    width: 30%;
    height: 30px;
    background-color: #dedede;
    font-weight: 600;
    font-size: .8rem;
    margin-bottom: 1rem;
    border-radius:10px;
    margin: 0 auto;
}
.progress-text{
    position:absolute;
    left:0;
    line-height:30px;
    display:inline-block;
    width:100%;
    font-weight: bold;
    font-size: 12px;
    color:#3a393f;
}
.progress-bar .progress {
    width: 0;
    height: 30px;
    padding: 0;
    text-align: center;
    background-color: #fff;
    color: #000000;
    border-radius:10px;
}
.progress-alt{
    width: 100%;
    line-height: 20px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    color: #fdfdfd;
}
/* <!-- 240722 수정 --> */