@CHARSET "UTF-8";
<!-- 기타 CSS -->

/* 본인이증 추가 */

#verify-list{list-style: none;margin: 20px 0;padding: 0;}
#verify-list li{margin: 0;padding: 0;}
#verify-list li::after{display: none;}
#verify-list li > a{display: block;padding: 20px 25px;text-decoration: none;color: #555; background-image: url("https://www.gg.go.kr/cms/assets/gg_special_cop/img/verify-listimg_01_01.jpg");  height:170px; box-sizing: border-box; display:flex; align-items: center; justify-content: center;}
#verify-list li > a:hover{background-image: url("https://www.gg.go.kr/cms/assets/gg_special_cop/img/verify-listimg_hover_02.jpg")}
#verify-list li > a:hover dt{color: #FFF}
#verify-list li > a:hover dd{color: #FFF}
#verify-list li > a dd span.col-red{color: red}
#verify-list li > a:hover dd span{color: #F9FF4A}
#verify-list dl{display: inline-block;margin: 0;vertical-align: middle; margin-left: 1.2rem;}
#verify-list dt{
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    color: #323232;
}
#verify-list dd{margin: 0;font-size: 1.1em;line-height: 1.5em}
#verify-list dd span{display: inline-block}
#verify-list .login-icon{
    display: inline-block;
    width: 82px;
    height: 82px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}
#verify-list .login-icon.effect03{background-image: url("https://www.gg.go.kr/cms/assets/gg_special_cop/img/verify-list_icon.png");
    width:130px; height:100%; background-color:#fff; border-radius: 50%;
}

.sns_verify_wrap{display: block;padding: 35px 15px;text-decoration: none;color: #555; background-image: url("https://www.gg.go.kr/cms/assets/gg_special_cop/img/verify-listimg_01_01.jpg");  height:230px; box-sizing: border-box;  align-items: center; justify-content: center;}
.sns_verify_wrap dl dd, .sns_verify_wrap dl dt{ text-align: center;}
.sns_verify_wrap:hover{background-image: url("https://www.gg.go.kr/cms/assets/gg_special_cop/img/verify-listimg_hover_02.jpg")}
.sns_verify_wrap:hover dl dd, .sns_verify_wrap:hover dl dt{color: #FFF !important;}
.sns_verify_wrap dl{display:block !important;}
.sns_verify_wrap dl dd, .sneris_vfy_wrap dl dt{text-align:center;}
.sns_naver_iconwrap{background: #fff; height:60px; display:inline-block; border-radius:40px; position:relative; width:280px;}
.sns_naver_iconwrap:before{content:""; background: url('http://27.101.100.89/humanrights/cmmn/download.do?idx=49224')no-repeat 23px 15px #1dc800; position:absolute; width:70px; height:60px; border-top-left-radius:40px 40px;  border-bottom-left-radius:40px 40px;}
.sns_naver_iconwrap span{display:flex; height:60px; justify-content:center; align-items:center; font-size:1rem; color:#000; font-weight:bold; padding-left: 50px;}
.sns_naver_iconwrap:hover{background: #1dc800;}
.sns_naver_iconwrap:hover span{color:#fff;}

.sns_verify_wrap > div{display:flex; justify-content:space-evenly; margin-top: 15px;}

.sns_kakao_iconwrap:before{background: url('http://27.101.100.89/humanrights/cmmn/download.do?idx=49225')no-repeat 23px 15px #ffcd00;}
.sns_kakao_iconwrap:hover{background: #ffcd00;}
.sns_kakao_iconwrap:hover span{color:#000;}

.sns_meta_iconwrap:before{background: url('http://27.101.100.89/humanrights/cmmn/download.do?idx=49226')no-repeat 23px 15px #0055a2;}
.sns_meta_iconwrap:hover{background: #0055a2;}



@media screen and (max-width: 768px){
    #verify-list li > a{display: block; background-image: url("https://www.gg.go.kr/cms/assets/gg_special_cop/img/verify-listimg_01.jpg");  height:auto; box-sizing: border-box; text-align:center; background-size: cover; }
    #verify-list .login-icon.effect03{
        height:130px; background-color:#fff; background-repeat: no-repeat; background-position:20px 22px;
    }
    #verify-list li > a:hover{background-image: url("https://www.gg.go.kr/cms/assets/gg_special_cop/img/verify-listimg_hover_01.jpg");}
    #verify-list .login-icon{display:inline-block;}
    #verify-list dl{display:block; margin-left: 0px;}
    .sns_verify_wrap{ height: auto;}
    .sns_verify_wrap > div{display:block;}
    .sns_verify_wrap > div > a{display:block; width:100%; margin-bottom: 10px;}
}