@charset "UTF-8";
/* 메인팝업영역 */
/* 인기검색어 */
.keyword-list {
    overflow: hidden;
    width: calc(100% - 52px);
}
.keyword-list li {
    float: left; 
    margin-left:20px;
}
.keyword-list li a {
    color: #fff; 
    font-size: .9375rem;
}
.keyword-list li a.em {
    color:#fbc541;
}
.keyword-btn {
    float: left;
    position:absolute;
    bottom: 3px;
    right: 10px;
}
.keyword-btn .slick-arrow {
    display: inline-block; 
    width: 12px; 
    height: 18px;
}
.slick-arrow:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #80a8d2;
}
.slick-arrow.fb-prev:before {
    content: "\f137";
}
.slick-arrow.fb-next:before {
    content: "\f138";
}

@media (max-width: 767px){
    .keyword-btn {
        bottom:4px;
    }
}

/* 이벤트팝업 */
.m-s-popup {
    position:relative;
    box-sizing: border-box;
    margin-bottom: 1.275rem;
}
.popup-list {
    overflow: hidden;
}
.popup-list li {
    float: left;
    overflow: hidden;
}
.popup-list li a {
    color: #fff;
    font-size: 1.222em;
}
.m-s-popup .popup-btn {
    position: relative;
    display: flex;
    justify-content: flex-end;
    min-width: 118px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    color: #000;
}
.m-s-popup .slick-control2{
    cursor:pointer;
    border:0;
    display:block;
    width:23px;
    height:28px;
    z-index:10;
    overflow:hidden;
    background: transparent;
    float: left;
    vertical-align: top;
}
.m-s-popup .slick-control2:before,
.slick-arrow2:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #000;
}
.m-s-popup .slick-control2:before {
    content: "\f28b";
}
.m-s-popup .slick-control2.paused:before {
    content:"\f144";
}
.m-s-popup .slick-arrow2 {
    display: inline-block; 
    width:18px; 
    vertical-align: top;
    border:0;
    background:transparent;
}
.slick-arrow2.fb-prev2:before {
    content: "\f137";
}
.slick-arrow2.fb-next2:before {
    content: "\f138";
}
.m-s-popup #slick-log2 {
    float:left;
}
.m-s-popup .slick-slide img {
    width:100%;
    min-height: 464px;
}

@media (max-width: 992px){
    .m-s-popup .slick-slide img {
        min-height: auto;
    }
}

/* 공지사항 */
.m-s-notice { 
    overflow: hidden; 
    position: relative; 
    background-color:#fff;
    border: 1px solid #e4e5eb;
    border-radius: 10px;
}
.m-s-notice div { 
    position:relative; 
    display:inline-block; 
    font-size:14px; 
    padding:20px; 
    vertical-align:top; 
    margin-top:55px; 
    box-sizing:border-box; 
    z-index:0;     
    width: 100%;
    min-height:200px;
}
.m-s-notice div h3 { 
    position:absolute; 
    left:0; 
    top:-56px; 
    margin: 0;
    float: left;
    width: 23%;
    height:55px;
    line-height: 55px;
    background: #f7f7f7;
    color:#676767;
    font-size:1.2rem; 
    font-weight:300;
    text-align: center;
    cursor:pointer;
    border-bottom: 1px solid #e4e5eb;
    border-right: 1px solid #e4e5eb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-s-notice div > ul,
.m-s-notice div > .more { 
    display:none; 
}
.m-s-notice div.on { 
    z-index:2 
}
.m-s-notice div.on h3.tab {     
    color: #0d73bd;
    background: #fff;
}
.m-s-notice div.on > ul { 
    display:block; 
} 
.m-s-notice div > ul > li {
    color:#666; 
    white-space:nowrap; 
    width:100%; 
    line-height: 1.63rem;
    line-height: 26px;
    text-overflow:ellipsis; 
    overflow:hidden; 
}
.m-s-notice div > ul > li a {
    display: inline-block;
    position: relative;
    width:70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.95rem;
    color: #666;
}
.m-s-notice div > ul > li .date {
    display: block;
    float: right;
    color: #999;
    font-size: .875rem;
}
.m-s-notice div.news,
.m-s-notice div.notice,
.m-s-notice div.notice2,
.m-s-notice div.notice3{ 
    position: absolute; 
    z-index: 0; 
    left: 0; 
    top: 0; 
}
.m-s-notice div.news.on { 
    position: relative;
    z-index:2;
}
.m-s-notice div .more {
    display: inline-block;
    position: absolute;
    top: -56px;
    left: 92%;
    width: 8%;
    height: 55px;
    line-height: 55px;
    color: #676767;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #e4e5eb;
}

.m-s-notice div .more:after {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    color: #888;
    font-size: .875rem;
    display: inline-block;
}

.m-s-notice div.notice.on,
.m-s-notice div.notice2.on,
.m-s-notice div.notice3.on{
    position:relative; 
    left:0; 
    top:0;
    z-index:2 
}
.m-s-notice div.notice h3 { 
    left:23%;
}

.m-s-notice div.notice2 h3 { 
    left:46%; 
}

.m-s-notice div.notice3 h3 { 
    left:69%; 
}

@media (min-width: 768px) {
    .m-s-notice div > ul > li a {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .m-s-notice div h3,
    .m-s-notice div .more { 
        font-size:1rem;
    }
}


/* 배너영역2 */
.m-s-banner2 a {
    display:block;
}
.m-s-banner2 a img {
    width:100%;
}

/* 도민과 함께하는 SNS */
.widget-tab-social {
    clear:both;
    position:relative;
    width:100%;
    /* background-color:#eaeaea; */
    background-color:#f7f7f7;
    border:1px solid #ddd;
}
html[lang|=ko] .widget-tab-social{
    letter-spacing:-.05em;
}
.widget-tab-social .title {
    position:absolute;
    z-index:2;
    top: 0;
    /* width: 22.5%;
    left: 22.5%; */
    width: 30%;
    left: 30%;
}

.widget-tab-social .title.sns_youtube {
    left: 0;
}

/*
.widget-tab-social .title.sns_instagram {
    left: 45%;
} */
.widget-tab-social .title.sns_instagram {
    left: 30%;
}

.widget-tab-social .title a {
    display:block;
    color:#0051a3;
    background-color: #f7f7f7;
    font-size:0.9375rem;
    text-align:center;
    padding:6px 0;
    width:55px;
    height:55px;
    line-height: 45px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.widget-tab-social .title a span {
    display:none;
}
.widget-tab-social .title.on a {
    position:relative;
    color: #000;
    width:auto;
    padding:6px 20px;
    background-color:#eaeaea;
}

/*
.widget-tab-social .title.sns_kakao {
    left: 67.5%;
} */
.widget-tab-social .title.sns_kakao {
    left: 60%;
}

.widget-tab-social p.ptype_kakao_onebanner{
    display: flex;
    flex-flow: wrap;
    /*padding: 82px 12px 10px; */
    padding: 28px 12px 19px;
    margin: 55px 0 0 0;
    background: #eaeaea;
    justify-content: center;
}


.widget-tab-social .btn_more {
    display:none;
    position:absolute;
    right:0;
    top:0;
    width:10%;
    height:55px;
    line-height: 45px;
    display:block;
    color:#888;
    font-size:90%;
    text-align:center;
    z-index: 111;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ececec;
}
.widget-tab-social .btn_more:after {
    content:"\f067";
    font-family:"Font Awesome 5 Pro";
    color:#888;
    font-size:1rem;
    margin-top: 4px;
    display: inline-block;
}
.widget-tab-social .tab-contents.on,
.widget-tab-social .on a.btn_more {
    display:block;
}
.widget-tab-social .btn_more span {
    display:inline-block;
    text-indent:-9999px;
}
.widget-tab-social .tab-contents {
    display:none;
}
.widget-tab-social ul.tab-list {
    border-top:0;
    margin-right: -2.4%;
}
.widget-tab-social ul.tab-list li {
    height: auto;
    margin-right: 2.4%;
    width: calc(50% - 2.4%);
    margin-bottom: 2%;
}

.widget-tab-social ul li.basic-list a, 
.widget-tab-social ul.basic-list li a {
    width:100%;
}
.widget-tab-social ul.tab-list li a .thum {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.widget-tab-social ul.tab-list li a .thum img {
    display: block;
    width: auto;
    height: 128px;
    object-fit: cover;
    margin: auto;
}
.widget-tab-social ul li.basic-list a:after,
.widget-tab-social ul.basic-list li a:after {
    content:"";
}
.widget-tab-social ul.basic-list li a .summary {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:.875rem;
    font-weight: 300;
    white-space: nowrap;
    display:inline-block;
}
/* Basic List */
ul.tab-list {
    position:relative;
    z-index:1;
    /*width:100%;*/
    padding:35px 20px;
    margin:0;
    border-top:2px solid #0d73bd;
}
ul li.basic-list,
ul.basic-list li {
    line-height:32px;
    height:32px;
    margin:0;
}
ul li.basic-list a,
ul.basic-list li a {
    overflow:hidden;
    position:relative;
    display:block;
    color:#666;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
ul li.basic-list a:after,
ul.basic-list li a:after {
    position:absolute;
    top:2px;
    left:0;
    color:#333;
    font-size:10px;
    font-weight:700;
    /* font-family:"FontAwesome";
    content:"\f111"; */
    content:"ㆍ";
}
ul li.basic-list .date,
ul.basic-list li .date {
    float:right;
    text-align:right;
    width:21%;
    letter-spacing:.0em;
    color:#999;
}

.widget-tab .tab_contents.content_1 .btn_more {
    left: 10%;
}

@media (min-width: 830px) {
    .widget-tab-social ul.tab-list li:nth-child(2n) {
        margin-right:0;
    }
}


@media (max-width: 992px) {
    .widget-tab-social ul.tab-list li a .thum img {
        height: 180px;
    }
}

@media (max-width: 550px) {
    .widget-tab-social ul.tab-list {
        padding-top:25px;
    }
}

@media (max-width: 480px) {
    .widget-tab-social ul.tab-list li a .thum img {
        height: 100px;
    }
}

/* 주요포탈바로가기 */
.m-p-link ul {
    padding: 0;
    overflow: hidden;
    list-style: none;
    font-size: .875rem;
    font-size: .935rem;
    letter-spacing: -.2px;
}
.m-p-link ul li {
    float: left;
    width:25%;
    text-align: center;
    margin: 1em 0;
}
.m-p-link ul li a {
    color:#666;
}
.m-p-link ul li a i,
.m-p-link ul li i.ico-p-link9 {
    display: block;
    margin: 0 auto;
    width: 85px;
    height: 85px;
    border-radius: 85px;
    background-color: #f1f6fa;
    background-repeat:no-repeat;
    background-position:center;
    border:1px solid #d9dfe7;
    line-height: 85px;
    color: #fff;
}
.m-p-link ul li a:hover i {
    background-color: #0051a3;
    border:1px solid #0051a3;
}
.m-p-link ul li a i.ico-p-link1 {
    background-image:url(../assets/themes/main/images/ico-link-img1.png);
}
.m-p-link ul li a i.ico-p-link2 {
    background-image:url(../assets/themes/main/images/ico-link-img2.png);
}
.m-p-link ul li a i.ico-p-link3 {
    background-image:url(../assets/themes/main/images/ico-link-img3.png);
}
.m-p-link ul li a i.ico-p-link4 {
    background-image:url(../assets/themes/main/images/ico-link-img4.png);
}
.m-p-link ul li a i.ico-p-link5 {
    background-image:url(../assets/themes/main/images/ico-link-img5.png);
}
.m-p-link ul li a i.ico-p-link6 {
    background-image:url(../assets/themes/main/images/ico-link-img6.png);
}
.m-p-link ul li a i.ico-p-link7 {
    background-image:url(../assets/themes/main/images/ico-link-img7.png);
}
.m-p-link ul li a i.ico-p-link8 {
    background-image:url(../assets/themes/main/images/ico-link-img8.png);
}
.m-p-link ul li i.ico-p-link9 {
    display:none;
    background-image:url(../assets/themes/main/images/ico-link-img9.png);
}
@media (max-width: 992px) {
    .m-p-link ul li {
        width: 33.3333%;
    }
    .m-p-link ul li a i,
    .m-p-link ul li i.ico-p-link9 {
        width: 68px;
        height: 68px;
        border-radius: 68px;
        line-height: 68px;
        background-size: 40px;
    }
    .m-p-link ul li a i.ico-p-link1,
    .m-p-link ul li a i.ico-p-link7 {
        background-size: 32px;
    }
    .m-p-link ul li i.ico-p-link9 {
        display:block;
        border-color:#f1f6fa;
        background-size: 57px;
    }
}

@media all and (max-width:1024px) {
    .news-list .slick-prev{margin-left:-365px;}
    .news-list .slick-next{margin-right:-365px;}
}
@media all and (max-width:768px) {
    .news-list.slick-slider .slick-list{width:100%;}
    .news-list div.item{background-size:cover;margin:0 30px;}
    .slick-slide img {width:100%;}
}
@media all and (max-width:640px) {
    .m-s-news{margin:20px 0 0;}
    .news-list div.item{margin:0 10px;}
    .news-list .slick-arrow{top:100px;width:46px;height:33px;background-size:cover !important;}
}


/* main 상단 코로나 팝업 css 추가 */

/* 모바일 버전 */
#banner-floating-5 .container{background-color: #feeaeb}
#banner-floating-5 .content_box{padding: 6px 5px;background-color: #feeaeb}
#banner-floating-5 .content_box table{table-layout: fixed;position: relative;width: 100%;margin: 0px auto;background: transparent;border: 2px solid #fff;border-radius:0 0 10px 10px;border-collapse: inherit;z-index: 1}
#banner-floating-5 .content_box table tbody tr{background-color: #fff}
#banner-floating-5 .content_box table tbody tr th{background-color: #d0e8f4;color: #014268}
#banner-floating-5 .content_box table tbody tr:first-child th{border-top: 1px solid #98c2d4;}
#banner-floating-5 .content_box table tbody tr:first-child th:last-child{border-top-right-radius: 0px}
#banner-floating-5 .content_box table tbody tr th,
#banner-floating-5 .content_box table tbody tr td{border-right: 1px solid #98c2d4;line-height: 25px}
#banner-floating-5 .content_box table tbody tr th:last-child,
#banner-floating-5 .content_box table tbody tr td:last-child{border-right: 0}
#banner-floating-5 .content_box table tbody tr td{border-bottom: 1px solid #98c2d4;font-weight: 600;color: #444}
#banner-floating-5 .content_box table tbody tr:last-child td{border-bottom: 0}
#banner-floating-5 .content_box table tbody tr:last-child td:first-child{border-bottom-left-radius: 6px}
#banner-floating-5 .content_box table tbody tr:last-child td:last-child{border-bottom-right-radius: 6px}
#banner-floating-5 .corona_time{font-size: 0.85rem}
#banner-floating-5 .corona_time img{margin-right: 5px;vertical-align: -0.2em}
.corona_title_m{padding: 0 0px;}
.corona_title_m > div{background: #fff; border-radius: 10px 10px 0 0; position: relative; padding: 6px 0;}
.corona_title_m .title_tt{font-size: 18px; font-weight: 700; color: #333;  letter-spacing: -1px;}
.corona_title_m .title_tt span{color: #a83300; }


/* pc버전 */
#banner-floating-3 .content_box{background-color: #feeaeb;padding: 8px 0 10px; position: relative; padding-top: 38px;}
#banner-floating-3 .content_box > div:first-child{margin-bottom: 0px}
/* #banner-floating-3 .content_box > div:nth-child(2){padding: 0 65px} */
#banner-floating-3 .content_box table{table-layout: fixed;position: relative;max-width: 1080px;width: 100%;margin: 0 auto;border: 2px solid #fff;border-radius: 0 0 10px 10px;border-collapse: inherit;background: transparent;z-index: 1}
#banner-floating-3 .content_box table:before{content: ' ';position: absolute;display: block;top: 5px;left: -65px;width: 78px;height: 95px;background-image: url('/uploads/BOARD/2020/03/20200312154630_it928R8sD5TdOvzRo.png');background-repeat: no-repeat;z-index: -1}
#banner-floating-3 .content_box table:after{content: ' ';position: absolute;display: block;top: 0;right: -60px;width: 72px;height: 101px;background-image: url('/uploads/BOARD/2020/03/20200312154630_4lZM0t0oJ.png');background-repeat: no-repeat;z-index: -1}
#banner-floating-3 .content_box table tbody tr{background-color: #fff}
#banner-floating-3 .content_box table tbody tr th{background-color: #d0e8f4;color: #014268 ;}
#banner-floating-3 .content_box table tbody tr:first-child th{border-top: 1px solid #98c2d4;}
#banner-floating-3 .content_box table tbody tr:first-child th:last-child{border-top-right-radius: 0px}
#banner-floating-3 .content_box table tbody tr th,
#banner-floating-3 .content_box table tbody tr td{border-right: 1px solid #98c2d4;line-height: 25px}
#banner-floating-3 .content_box table tbody tr th:last-child,
#banner-floating-3 .content_box table tbody tr td:last-child{border-right: 0}
#banner-floating-3 .content_box table tbody tr td{border-bottom: 1px solid #98c2d4;font-weight: 600;color: #444}
#banner-floating-3 .content_box table tbody tr:last-child td{border-bottom: 0}
#banner-floating-3 .content_box table tbody tr:last-child td:first-child{border-bottom-left-radius: 6px}
#banner-floating-3 .content_box table tbody tr:last-child td:last-child{border-bottom-right-radius: 6px;}
/* #banner-floating-3 .corona_time{position: absolute;  top: 15px; right: 10px;} */
/* #banner-floating-3 .corona_time p{display: flex;margin: 0;line-height: 15px;align-items: center} */
#banner-floating-3 .corona_time p{padding: 0 3% 4px 0}
#banner-floating-3 .corona_time p img{margin-right: 5px}
/* #banner-floating-3 .container .buttons{top: 0;bottom: auto;padding: 4px 6% 0 0} */
#banner-floating-3 .container .buttons{bottom: 0;padding: 4px 6% 0 0}

.corona_title{padding: 0 65px;}
.corona_title > div{background: #fff; border-radius: 10px 10px 0 0; position: relative; padding: 3px 0;}
.corona_title .title_tt{font-size: 20px; font-weight: 700; color: #333;  letter-spacing: 0px;}
.corona_title .title_tt span{color: #a83300; }
.coviddate{margin-left:3px;}
@media (max-width: 980px) {
    .coviddate{margin-left:0px;}
}



.un_float{overflow:hidden}
.un_float a:nth-child(1){float:left;}
.un_float a:nth-child(2){float:right;}
.un_float a:nth-child(1) em{color:black;}  /* 왼쪽 굵은 텍스트 컬러 */
.un_float a:nth-child(2) em{color:#9c0202;}  /* 오른쪽 굵은 텍스트 컬러 */
.un_float a:nth-child(1) span{color:black; border: 1px solid black;} /* 왼쪽 신청 텍스트 컬러 */
.un_float a:nth-child(2) span{color:#9c0202; border: 1px solid #9c0202;}  /* 오른쪽 신청 텍스트 컬러 */

.btype a:nth-child(1) em{color:#0050a3;}  /* 왼쪽 굵은 텍스트 컬러 */
.btype a:nth-child(2) em{color:#0050a3;}  /* 오른쪽 굵은 텍스트 컬러 */
.btype a:nth-child(1) span{color:#0050a3; border: 1px solid #0050a3;} /* 왼쪽 신청 텍스트 컬러 */
.btype a:nth-child(2) span{color:#0050a3; border: 1px solid #0050a3;;}  /* 오른쪽 신청 텍스트 컬러 */

@media (max-width: 520px) {
    .un_float a:nth-child(1){float:none;}
    .un_float a:nth-child(2){float:none;}
}
.new_governor{background: url("/site/gg/common/assets/themes/main/images/vog_main_background1025.jpg") no-repeat center; background-size: cover; padding: 8px;}
.new_governor section.vos_new{border-radius: 10px; background: url("/site/gg/common/assets/themes/main/images/vog_main_back_patten.png") no-repeat center #eef6f9;  padding: 0px; height: 250px;  position: relative;}
.new_governor section.vos_new::after{content: ""; display: block; position: absolute; bottom: 0px; right: 0px; background: url("/site/gg/common/assets/themes/main/images/vog_main_icon_02_1025.png") no-repeat; width: 232px; height: 203px; z-index: 9;}
.vos_new > div{/*background: url("/site/gg/common/assets/themes/main/images/vog_main_icon_02_1025.png") no-repeat right bottom;*/  padding: 25px 20px 22px 20px; }
.vos_new > div h1{position: relative; background: #181e38; padding: 8px 20px; font-size: 1.5rem; color: #fff; border-radius: 10px; display: inline-block;  margin-bottom: 13px; position: relative; font-weight: 500; z-index: 11;}
/*.vos_new > div h1::after{content: ""; position: absolute; background:url("/site/gg/common/assets/themes/main/images/vog_main_icon_01_1025.png") no-repeat 0px; width: 69px; height: 53px; right: -69px; top: -18px; }*/
.vos_new > div ul{padding-right: 0px;  position: relative; z-index: 10; width: 310px;}
.vos_new > div li{position: relative; background: #fff; padding: 5px 9px; font-size: 1.1rem; color: #333; border-radius: 10px; display: inline-block; margin-bottom: 9px; margin-right: 8px; width: 145px; font-weight: 500; border: 1px solid #afafaf; text-align: center;}
.vos_new > div li:first-child:before{content: ""; display: block; position: absolute; width: 25px;
    height: 25px; background: url("/site/gg/common/assets/themes/main/images/vog_main_icon_left_1025.png") no-repeat 0px; top: -12px; left: -17px;}
    .vos_new > div li:last-child:before{content: ""; display: block; position: absolute; width: 25px;
        height: 25px; background: url("/site/gg/common/assets/themes/main/images/vog_main_icon_right_1025.png") no-repeat 0px; top: -12px; right: -17px;}
        .vos_new > div li:nth-child(5){margin-bottom: 0px;}
        .vos_new > div li:last-child{margin-bottom: 0px;}

        @media (max-width: 520px) {
            .vos_new > div li{max-width: 130px;}
            .new_governor section.vos_new::after{display: none;}
        }
        @media (max-width: 355px) {
            .new_governor section.vos_new{ height: auto; }
            .vos_new > div ul{width: auto;}
            .vos_new > div li:nth-child(5){margin-bottom: 9px;}
            .vos_new > div li:last-child{margin-bottom: 0px;}
        }



        /*  1122 도지사실 관련 css  */
        .new_vog_wrap .new_vog {
            padding: 0;
        }

        .new_vog_wrap .new_vog > div {
            position: relative;
            display: flex;
            padding: 10px;
            align-items: center;
        }

        .new_vog_wrap .new_vog > div.t_vog {
            background-color: #cbe1ff;
            margin-bottom: 10px;
        }

        .new_vog_wrap .new_vog > div.t_vog:before {
            content: ' ';
            position: absolute;
            background-image: url('/site/gg/common/img/T_bg_patten_01.png');
            background-repeat: no-repeat;
            bottom: 0;
            left: 0;
            width: 121px;
            height: 66px;
        }

        .new_vog_wrap .new_vog > div.t_vog:after {
            content: ' ';
            position: absolute;
            background-image: url('/site/gg/common/img/T_bg_patten_02.png');
            background-repeat: no-repeat;
            top: 0;
            right: 0;
            width: 121px;
            height: 59px;
        }

        .new_vog_wrap .new_vog > div.b_vog {
            background-color: #d3eae3;
        }

        .new_vog_wrap .new_vog > div.b_vog:before {
            content: ' ';
            position: absolute;
            background-image: url('/site/gg/common/img/B_bg_patten_01.png');
            background-repeat: no-repeat;
            bottom: 0;
            left: 0;
            width: 121px;
            height: 66px;
        }

        .new_vog_wrap .new_vog > div.b_vog:after {
            content: ' ';
            position: absolute;
            background-image: url('/site/gg/common/img/B_bg_patten_02.png');
            background-repeat: no-repeat;
            top: 0;
            right: 0;
            width: 121px;
            height: 59px;
        }

        .new_vog_wrap .new_vog > div div {
            margin-right: 20px;
            width: 100%;
            max-width: 150px;
            min-width: 150px;
            z-index: 10;
        }

        .new_vog_wrap .new_vog > div div h1 {
            font-size: 22px;
            font-weight: bold;
        }

        .new_vog_wrap .new_vog > div.t_vog div h1 {
            color: #0c409a;
        }

        .new_vog_wrap .new_vog > div.t_vog div h1 span {
            color: #3f77bd;
        }

        .new_vog_wrap .new_vog > div.b_vog div h1 {
            color:  #125944;
        }

        .new_vog_wrap .new_vog > div.b_vog div h1 span {
            color: #2b9978;
        }

        .new_vog_wrap .new_vog > div div a {
            position: relative;
            font-size: 12px;
            font-weight: bold;
            color: #333;
        }

        .new_vog_wrap .new_vog > div div a img {
            position: absolute;
            bottom: -4px;
            right: -38px;
        }

        .new_vog_wrap .new_vog > div ul {
            display: flex;
            width: 100%;
            padding: 15px;
            background-color: rgba(255, 255, 255, .3);
            border-radius: 10px;
            z-index: 10;
        }

        .new_vog_wrap .new_vog > div ul li {
            width: 100%;
        }

        .new_vog_wrap .new_vog > div ul li a {
            display: block;
            width: 100%;
            text-align: center;
            font-size: 12px;
        }

        .new_vog_wrap .new_vog > div ul li a img {
            display: block;
            margin: auto;
        }

        @media (max-width: 600px) {
            .new_vog_wrap .new_vog > div {
                flex-direction: column;
            }

            .new_vog_wrap .new_vog > div div {
                margin-right: 0;
                width: 100%;
                max-width: 100%;
                margin-bottom: 10px;
                z-index: 10;
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
            }

            .new_vog_wrap .new_vog > div div a {
                right: 40px;
            }

            .new_vog_wrap .new_vog > div div a img {
                bottom: -2px;
            }
        }

        @media (max-width: 450px) {
            .new_vog_wrap .new_vog > div ul {
                flex-flow: wrap;
            }

            .new_vog_wrap .new_vog > div ul li {
                width: 50%;
            }
        }

        /*  1122 도지사실 관련 css 끝  */

        /*  임시 팝업 배너 관련 css  */
        #popupWrap {
            display: none;
            position:absolute;
            top:380px;
            right:100px;
            z-index:999999;
            list-style: none;
            padding: 0;
            box-sizing: border-box;
        }

        .popup_box {
            max-width: 505px;
            width: 100%;
        }

        .popup_content_wrap img {
            width: 100%;
        }

        .popup_footer_wrap {
            position: relative;
            background:#000;
            height:30px;
        }

        .popup_footer_wrap button {
            position: absolute;
            right: 5px;
            top: 0;
            padding: 0;
            border: 0;
            background: transparent;
            color: #fff;
        }

        @media (max-width: 768px){
            #popupWrap {
                top: 50px;
                right:0;
                padding: 0 10px;
            }
        }

        /*  임시 팝업 배너 관련 css 끝  */