@charset "utf-8";

 .all_bt_sr_addbt{
                            background: url("https://www.gg.go.kr/site/gg/common/img/main_all_bt_231017_38.png")no-repeat #fff;
                            color: black;
                            background-size: 15px 15px;
                            border: 0;
                            background-position: 7px 8px;
                            padding: 0 7px 0 23px;
                            border-radius: 30px;
                            font-size:0.9rem;
                            letter-spacing: -2px;
                            height: 30px;
                            margin-top: 4px;
                            display: flex;
                            align-items: center;
                            margin-left: 10px;
                        }
 .all_bt_sr_addbt_smalltype{
                            background-size: 10px 10px;
                            background-position: 5px 6px;
                            padding: 0 4px 0 16px;
                            height: 21px;
                            margin-top: 0px;
                            display: flex;
                            align-items: center;
                            margin-left: 10px;
                        }
                        .wrap-layer-popup {
                            display: none;
                            align-items: center;
                            justify-content: center;
                            position: fixed;
                            z-index: 991;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100%;
                        }
                        .wrap-layer-popup.popup-open {
                            display: flex;
                        }
                        .wrap-layer-popup.popup-open > .inner-layer-popup {
                            opacity: 1;
                        }
                        .wrap-layer-popup.prev-popup {
                            z-index: 989;
                        }
                        .wrap-layer-popup > .inner-layer-popup {
                            position: relative;
                            display: flex;
                            flex-wrap: wrap;
                            align-content: stretch;
                            width: 100%;
                            max-height: 100%;
                            height: auto;
                            opacity: 0;
                            border-radius: 5px;
                            overflow: hidden;
                            max-width:1200px;
                        }
                        .wrap-layer-popup .wrap-layer-popup-title {
                            width: 100%;
                            padding: 20px;
                            background-color: #3866b5;
                            color: #fff;
                        }
                        .wrap-layer-popup .wrap-layer-popup-title2 {
                            background-color: #1b9988;
                        }
                        .wrap-layer-popup .wrap-layer-popup-title h4 {
                            margin: 0;
                            font-size: 22px;
                            font-weight: 500;
                            line-height: 30px;
                            color: #fff;
                            background: url("https://www.gg.go.kr/site/gg/common/img/allbanner_back_top_231017.png") no-repeat 0 0;
                            padding-left: 40px;
                            background-size: 30px auto;
                            background-position: 0px 2px;
                            text-align: left;
                        }

                        .wrap-layer-popup .layer-popup-contents {
                            position: relative;
                            width: 100%;
                            height: 100%;
                            overflow-y: auto;
                            background-color: #fff;
                            max-height: 650px;
                        }
                        .wrap-layer-popup .layer-popup-contents > .inner {
                            /* max-height: calc(100% - 50px); */
                            box-sizing: border-box;
                            padding: 0px 20px 20px 20px;
                        }

                        .wrap-layer-popup .layer-popup-contents > .inner > ul{
                            margin: 0;
                            padding: 0;
                            display: flex;
                            flex-wrap:wrap;
                            list-style: none;
                        }
                        .wrap-layer-popup .layer-popup-contents > .inner > ul li{
                            width: calc(100% / 3 - 20px); margin-right: 30px; margin-bottom: 30px;
                        }
                        .wrap-layer-popup .layer-popup-contents > .inner > ul li:nth-child(3n+3){
                            margin-right: 0px;
                        }
                        .wrap-layer-popup .layer-popup-contents > .inner > ul li img{
                            width:100%;height:auto;transform:scale(1);transition:.3s linear;
                        }
                        .wrap-layer-popup .layer-popup-contents > .inner > ul li a:hover img{transform:scale(1.1);}
                        .wrap-layer-popup .layer-popup-contents > .inner > ul li a{
                            display: block;
                        }
                        .wrap-layer-popup .layer-popup-contents > .inner > ul li a:focus{
                            outline: 5px solid black;
                        }

                        .wrap-layer-popup .layer-popup-bottom {
                            display: flex;
                            width: 100%;
                        }
                        .wrap-layer-popup .layer-popup-bottom button {
                            width: 100%;
                            height: 40px;
                            border: 0;
                            background-color: #666;
                            color: #fff;
                            box-sizing: border-box;
                            border: 1px solid transparent;
                        }
                        .wrap-layer-popup .layer-popup-bottom button[popup-cancle] {
                            background-color: #fff;
                            color: #000;
                            border-top-color: #ccc;
                        }
                        .popup-dimmed {
                            position: fixed;
                            z-index: 990;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100%;
                            background-color: rgba(0,0,0,.7);
                            transition: opacity .2s;
                        }
                        .scroll-lock {
                            overflow: hidden;
                            height:100%;
                        }
                        .wrapper {
                            width: 900px;
                            margin: 0 auto;
                        }
                        .hidden_allbanner {
                            position: relative;
                            z-index: -1;
                            display: inline-block;
                            overflow: hidden;
                            height: 1px;
                            width: 1px;
                            border: 0;
                            clip: rect(1px,1px,1px,1px);
                            clip-path: inset(50%);
                            word-break: initial;
                            word-wrap: initial;
                        }

                        .btn-layer-close {
                            position: absolute;
                            right: 15px;
                            top: 20px;
                            width: 26px;
                            height: 26px;
                            padding: 0;
                            border: 0;
                            background: transparent;
                            border-radius: 0;
                        }
                        .btn-layer-close::before {
                            position: absolute;
                            content:"";
                            top: 50%;
                            left: 0px;
                            width: 27px;
                            height: 1px;
                            background-color: #fff;
                            transform: rotate(45deg);
                        }
                        .btn-layer-close::after {
                            position: absolute;
                            content:"";
                            top: 50%;
                            left: 0px;
                            width: 27px;
                            height: 1px;
                            background-color: #fff;
                            transform: rotate(-45deg);
                        }
                        button {
                            cursor: pointer;
                        }
                        .banner_title{background: #fff; padding: 0px 20px 0px 20px; font-weight: bold;color: black;}
                        .banner_title2{background: #fff; padding: 0px 20px 0px 20px; font-weight: bold;color: black; text-align: left;}
                        .layer-popup-contents .inner p{
                            padding:8px 10px;
                            color: black;
                            line-height: 1.3;
                            font-size: 16px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            background: #f0f5ff;
                        }
                        .banner_title span{
                            color: #bd2130;
                            font-size: 22px;
                        }
                        .banner_title2 span{
                            color: #bd2130;
                            font-size: 22px;
                        }
                        @media (max-width: 992px){
                            .wrap-layer-popup > .inner-layer-popup {
                                width: 95%;
                            }
                        }
                        @media (max-width: 768px){
                            .wrap-layer-popup .layer-popup-contents > .inner > ul li{
                                width: calc(100% / 2 - 10px); margin-right: 20px; margin-bottom: 20px;
                            }
                            .wrap-layer-popup .layer-popup-contents > .inner > ul li:nth-child(3n+3){
                                margin-right: 20px;
                            }
                            .wrap-layer-popup .layer-popup-contents > .inner > ul li:nth-child(2n+2){
                                margin-right: 0px;
                            }
                        }
                        @media (max-width: 480px){
                            .wrap-layer-popup .layer-popup-contents > .inner > ul li{
                                width: calc(100%); margin-right: 0px; margin-bottom: 10px;
                            }
                            .wrap-layer-popup .layer-popup-contents > .inner > ul li:nth-child(3n+3){
                                margin-right: 0px;
                            }
                            .wrap-layer-popup .layer-popup-contents > .inner > ul li:nth-child(2n+2){
                                margin-right: 0px;
                            }
                        }