@charset "UTF-8";

/* SDS 수정 */
img{max-width: 100%;}
*{box-sizing: border-box;}





/* 헤더 */
.header-new{width: 100%; position: relative; z-index: 100;}
.header-new.main{position: absolute; left: 0; top: 0;}

.header-new .inner{width: 100%; max-width: 1540px; padding-left: 20px; padding-right: 20px; margin: 0 auto; display: flex; gap: 20px; min-height: 90px;}

.header-new .logo-box{margin-right: auto;}
.header-new .logo-box h1,
.header-new .logo-box h2{display: block; height: 100%;}
.header-new .logo-box .logo-top{display: block; height: 100%; width: 184px; overflow: hidden; text-indent: -9999px; background: url('../../img/gdpr/ver3/logo_header_color.svg') no-repeat center center / 100%; min-height: 51px;}

.header-new .gnb,
.header-new .sitemap-menu{flex: 1; max-width: 815px;}

.header-new .right-box{margin-left: 45px; align-self: center; display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
.header-new .right-box .btn-siteMap{margin-left: 30px;}
.header-new .right-box .btn-siteMap-close{margin-left: 30px;}

.a-homepage-normal{font-size: 14px; color: #777; min-height: 15px; background-repeat: no-repeat; background-position: left center; background-image: url('../../img/gdpr/ver3/ic_home_gray.svg'); padding-left: 20px; align-content: center;}
.a-homepage-normal:where(:hover, :focus){text-decoration: underline;}

.btn-siteMap{width: 30px; height: 25px; background-repeat: no-repeat; background-position: center center; background-image: url('../../img/gdpr/ver3/ic_hamburger_black.svg'); border: none; background-color: transparent;}


@media only screen and (max-width:1023px){
    .header-new .inner{padding-left: 20px; padding-right: 20px; gap: 0; min-height: auto; height: 60px;}

    .header-new .logo-box{margin: 0 auto; align-self: center; width: 100%; text-align: center;}
    .header-new .logo-box h1,
    .header-new .logo-box h2{display: block;}
    .header-new .logo-box .logo-top{width: 110px; overflow: hidden; text-indent: -9999px; background: url('../../img/gdpr/ver3/logo_header_color.svg') no-repeat center center / 100%; min-height: 60px; margin: 0 auto;}

    .header-new .gnb,
    .header-new .sitemap-menu{display: none;}

    .header-new .right-box{display: none;}


    .a-homepage-normal{display: none;}
    .btn-siteMap{display: none;}
}



/* 메뉴 */
.gnb > ul{display: flex; }
.gnb > ul > li{flex: 1; height: 90px; position: relative; text-align: center;}

.gnb > ul > li > a{display: block; height: 100%; align-content: center; font-size: 17px; color: #333; font-weight: 500; border-bottom: 1px solid transparent; transition: .2s;}
.gnb > ul > li > a:where(:hover, :focus, .click){background-color: #014FB1; color: white; font-weight: 500; border-bottom-color: #3271BF;}
.gnb > ul > li > a.active:not(:hover, :focus, .click){color: #014FB1; font-weight: 600;}

.gnb > ul > li .sub-depth-list{position: absolute; left: 0; top: 100%; width: 100%; z-index: 100; text-align: left; background-color: #014FB1; padding: 25px 25px; display: none;}
.gnb > ul > li .sub-depth-list > li{margin-top: 14px;}
.gnb > ul > li .sub-depth-list > li:first-child{margin-top: 0;}
.gnb > ul > li .sub-depth-list > li > a{font-size: 15px; color: white; font-weight: 300; letter-spacing: -0.05em; line-height: 1.2; word-break: keep-all; transition: .25s; display: block;}
.gnb > ul > li .sub-depth-list > li > a:where(:hover, :focus){font-weight: 500; color: #A8FF42;}
.gnb > ul > li .sub-depth-list > li > a.active{font-weight: 500; color: #A8FF42;}


@media only screen and (max-width:1023px){}




/* 사이트맵 */
.site-map-wrapper{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: none;}
.site-map-wrapper.show{display: block;}

.site-map-wrapper .header-new{z-index: 10; position: absolute; left: 0; top: 0; width: 100%; background-color: white;}

.sitemap-menu > ul{display: flex; }
.sitemap-menu > ul > li{flex: 1; height: 90px; position: relative; text-align: center;}
.sitemap-menu > ul > li > a{display: block; height: 100%; align-content: center; font-size: 17px; color: #333; font-weight: 500; border-bottom: 1px solid transparent; position: relative;}
.sitemap-menu > ul > li > a::before{content: ""; width: 100%; height: 1px; background-color: transparent; position: absolute; left: 0; bottom: -2px;}
.sitemap-menu > ul > li > a:where(:hover, :focus, .active){color: #014FB1;}
.sitemap-menu > ul > li > a:hover::before,
.sitemap-menu > ul > li > a:focus::before,
.sitemap-menu > ul > li > a.active::before {background-color: #014FB1;}
.sitemap-menu > ul > li:hover > a{color: #014FB1;}
.sitemap-menu > ul > li:hover > a::before {background-color: #014FB1;}

.sitemap-menu .sub-site-list{padding: 30px 10px; text-align: left;}
.sitemap-menu .sub-site-list > li{margin-top: 10px;}
.sitemap-menu .sub-site-list > li:first-of-type{margin-top: 0;}
.sitemap-menu .sub-site-list > li > a{font-size: 15px; color: #000; font-weight: 400; display: block;}
.sitemap-menu .sub-site-list > li > a:where(:hover, :focus){color: #014FB1; font-weight: 500;}
.sitemap-menu .sub-site-list > li > a.active{color: #014FB1; font-weight: 500;}


.btn-siteMap-close{background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22.9285' height='2.70184' transform='matrix(-0.707107 0.707107 0.707107 0.707107 16.3203 0)' fill='%23333333'/%3E%3Crect x='1.91016' width='22.9285' height='2.70184' transform='rotate(45 1.91016 0)' fill='%23333333'/%3E%3C/svg%3E%0A"); width: 30px; height: 25px; background-repeat: no-repeat; background-position: center center; border: none; background-color: transparent;}

.site-map-wrapper .menu-bg{width: 100%; height: 0; border-top: 1px solid #ddd; background-image: url('../../img/gdpr/ver3/site_map_bg.svg'); background-repeat: no-repeat; background-position: left 20px bottom 20px; box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}

.site-map-wrapper .site-map-black-bg{z-index: 5; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); backdrop-filter: blur(2px); animation: siteMenuFadeIn .25s forwards;}

@keyframes siteMenuFadeIn {
    0%{opacity: 0;}
    100%{opacity: 1;}
}


@media only screen and (max-width:1023px){}





/* 풋터 */
.footer-new{width: 100%; border-top: 1px solid #ddd; padding: 40px 0;}
.footer-new .inner{width: 100%; max-width: 1540px; padding: 0 20px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
.footer-new .inner .left-box{margin-right: auto; flex: 1;}
.footer-new .inner .left-box p{font-size: 14px; color: #444;}
.footer-new .inner .left-box .addr p{margin-top: 5px;}
.footer-new .inner .left-box .addr p b{font-weight: 500; color: #000;}
.footer-new .inner .left-box .addr p:first-child{margin-top: 0;}
.footer-new .inner .left-box .copyright{font-weight: 300; color: #666; margin-top: 20px; letter-spacing: 0; font-size: 13.5px;}
.footer-new .inner .right-box{margin-left: auto;}

@media only screen and (max-width:1023px){
    /* 풋터 */
    .footer-new .inner .left-box{width: 100%; flex: 1 0 100%;}
    .footer-new .inner .left-box p{font-size: 13px; color: #444;}
    .footer-new .inner .left-box .addr p{margin-top: 7px; word-break: keep-all;}
    .footer-new .inner .left-box .copyright{font-size: 13px;}
    .footer-new .inner .right-box{margin-left: auto; flex: 1 0 100%; margin-top: 15px;}
    .footer-new .inner .right-box .ft-logo{width: 90px;}
    .footer-new .inner .right-box .ft-logo img{width: 100%;}
}








/* MAIN CONTENTS (메인) */
.main-container{flex: 1; background: url('../../img/gdpr/ver3/img_main_visual_bg.jpg') no-repeat bottom center / cover; padding-top: 120px;}
.main-container .inner{width: 100%; display: flex; flex-direction: column;}

.main-visual-box{min-height: 522px; width: 100%; align-content: center; position: relative; margin-bottom: auto;}
.main-visual-box .img-box{position: absolute; right: -120px; top: 50%; width: 1270px; height: 540px; z-index: 0; transform-origin:center center; overflow: hidden; transform: translateY(-50%);}
.main-visual-box .img-box img{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.main-visual-box .text-box{position: relative; z-index: 2; padding-top: 32px;}
.main-visual-box .text-box h2{font-size: 37px; font-weight: 700; color: #080808; margin-bottom: 13px; text-shadow: 0 0 10px rgba(245, 250, 255, .8), 0 0 20px rgba(245, 250, 255, 1);}
.main-visual-box .text-box h3{font-size: 18px; font-weight: 400; color: #080808; margin-bottom: 15px; line-height: 1.5; text-shadow: 0 0 10px rgba(245, 250, 255, .8), 0 0 20px rgba(245, 250, 255, 1);}
.main-visual-box .text-box .logo-box{margin-top: 20px; display: flex; align-items: center; gap: 10px 13px;}

.main-notice-panel{margin-top: 0; margin-bottom: 40px; display: flex; gap: 10px; position: relative;}
.main-notice-panel .news-article{flex: 1; background-color: rgba(255, 255, 255, .8); padding: 40px; min-width: 0;}
.main-notice-panel .news-article .panel-title{width: 100%; display: flex; align-items: center; gap: 10px; margin-bottom: 24px;}
.main-notice-panel .news-article .panel-title h2{font-size: 22px; font-weight: 600; color: #333;}
.main-notice-panel .news-article .panel-title .btn-plus{margin-left: auto; display: block; width: 35px; height: 35px; background-color: #0088ff; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.447 8.5H8.49315V14.5H6.50853V8.5H0.554688V6.5H6.50853V0.5H8.49315V6.5H14.447V8.5Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; transition: .25s;}
.main-notice-panel .news-article .panel-title .btn-plus:where(:hover, :focus){background-color: #0164ba; box-shadow: 0 3px 5px rgba(58, 75, 171, 0.5);}

.main-notice-panel .news-article .list > li{margin-bottom: 10px; display: flex; gap: 5px 10px; padding-left: 20px; position: relative;}
.main-notice-panel .news-article .list > li::before{content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 10px; background-color: #0088ff;}
.main-notice-panel .news-article .list > li:last-of-type{margin-bottom: 0;}
.main-notice-panel .news-article .list > li > a{flex: 1; display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: 400; color: #333; max-width: 400px;}
.main-notice-panel .news-article .list > li > a:where(:focus, :hover){text-decoration: underline;}
.main-notice-panel .news-article .list > li > time{flex-shrink: 0; margin-left: auto; font-size: 15px; font-weight: 300; color: #333;}


/* animation */
.main-visual-box .img-box {animation: zoomOpen 1s forwards ease-in-out;}
.main-visual-box .img-box img{animation: colorChange 1.4s infinite alternate ease-in-out;}

.main-visual-box .text-box h2{animation: textAni3 1.0s forwards;}
.main-visual-box .text-box h3{animation: textAni3 1.3s forwards;}
.main-visual-box .text-box .logo-box{animation: textAni3 1.6s forwards;}

.main-notice-panel{animation: textAni3 1.8s forwards;}

@keyframes zoomOpen {
  from {opacity: 0.2; height: 0;}
  to {opacity: 1; height: 540px;}
}

@keyframes colorChange {
  from {filter: saturate(100%);}
  to {filter: saturate(125%);}
}

@keyframes textAni3 {
    0% {opacity: 0;}
    40% {opacity: 0; transform: translate3d(0, 50px ,0);}
}





@media only screen and (max-width:1500px){
    .main-visual-box{min-height: 480px;}
    .main-visual-box .img-box{width: 1170px; height: 540px; z-index: 0;}
    .main-visual-box .text-box h2{font-size: 35px;}
    .main-visual-box .text-box h3{font-size: 16px;}
    .main-visual-box .text-box .logo-box{margin-top: 15px;}
}

@media only screen and (max-width:1350px){
    .main-visual-box{min-height: 400px;}
    .main-visual-box .img-box{width: 1000px; height: 400px; z-index: 0;}
}


@media only screen and (max-width:1023px){
    .main-container{margin-bottom: 0 !important; padding-top: 90px;}

    .main-visual-box{min-height: auto;}
    .main-visual-box .img-box{position: relative; right: 0; top: 0; left: -6%; width: 120%; height: auto; transform: translateY(0); animation: textAni3 0.9s forwards;}
    .main-visual-box .img-box img{position: relative; left: 0; top: 0; transform: translateY(0);}
    .main-visual-box .text-box{position: relative; padding-top: 25px;}
    .main-visual-box .text-box h2{font-size: 21px; margin-bottom: 6px;}
    .main-visual-box .text-box h3{font-size: 15px; margin-bottom: 10px;}
    .main-visual-box .text-box h3 br{display: none; word-break: keep-all;}
    .main-visual-box .text-box .logo-box{margin-top: 15px;}
    .main-visual-box .text-box .logo-box img{width: 70px;}

    .main-notice-panel{margin-top: 50px; margin-bottom: 40px; flex-direction: column; gap: 15px;}
    .main-notice-panel .news-article{padding: 20px 20px;}
    .main-notice-panel .news-article .panel-title{margin-bottom: 18px;}
    .main-notice-panel .news-article .panel-title h2{font-size: 17px;}
    .main-notice-panel .news-article .panel-title .btn-plus{width: 28px; height: 28px; background-size: 11px;}

    .main-notice-panel .news-article .list > li{padding-left: 15px;}
    .main-notice-panel .news-article .list > li::before{width: 3px; height: 3px;}
    .main-notice-panel .news-article .list > li > a{font-size: 14px;}
    .main-notice-panel .news-article .list > li > time{font-size: 13px;}

    @keyframes textAni3 {
        0% {opacity: 0;}
        40% {opacity: 0; transform: translate3d(0, 40px ,0);}
    }
}




















/* SUB TOP VISUAL */
.sub-top-visual-wrapper{width: 100%; position: relative; z-index: 1; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub-top-visual-wrapper h2{position: relative; z-index: 5; color: white; font-size: 33px; font-weight: 700; text-shadow: 0 0 5px rgba(0, 0, 0, .1); animation: subTextUp .6s forwards;}
.sub-top-visual-wrapper .img-box{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.sub-top-visual-wrapper .img-box img{width: 100%; height: 100%; object-fit: cover; object-position: center center; animation: subImgBig .9s forwards;}

@keyframes subTextUp {
    0% {opacity: 0; transform: translateY(20px);}
    100% {opacity: 1; transform: translateY(0);}
}

@keyframes subImgBig {
    0% {transform: scale(1.1);}
    100% {transform: scale(1);}
}

@media only screen and (max-width:1023px){
    .sub-top-visual-wrapper{height: 90px;}
    .sub-top-visual-wrapper h2{font-size: 21px;}
}








/* SUB BREADCRUMB */
:root{
    --asideWidth: 260px;
    --leftGap: 60px;
}
.sub-breadcrumb{border-bottom: 1px solid #ddd; min-height: 60px; align-content: center;}
.sub-breadcrumb .inner{ padding: 15px 20px; width: 100%; max-width: 1540px; margin: 0 auto;}

.breadcrumb-list{margin-left: calc(var(--asideWidth) + var(--leftGap)); display: flex; align-items: center; flex-wrap: wrap; gap: 5px 0;}
.breadcrumb-list > li{display: flex; align-items: center;}
.breadcrumb-list > li:has(.home)::before{content: ""; display: block; width: 12px; height: 15px; background-repeat: no-repeat; background-position: center center; background-image: url('../../img/gdpr/ver3/ic_breadcrumb_home.svg'); margin-right: 10px;}
.breadcrumb-list > li::after{content: ""; display: block; width: 5px; height: 8px; background-repeat: no-repeat; background-position:  center center;  background-image: url('../../img/gdpr/ver3/ic_breadcrumb_arrow.svg'); margin: 0 15px;}
.breadcrumb-list > li:last-of-type:after{display: none;}
.breadcrumb-list > li > a{display: block; font-size: 14px; color: #666; font-weight: 400;}
.breadcrumb-list > li > a:where(:hover, :focus){text-decoration: underline;}
.breadcrumb-list > li:last-of-type > a{color: #000; font-weight: 500;}

@media only screen and (max-width:1250px){
    :root{
        --asideWidth: 220px;
        --leftGap: 40px;
    }   
}

@media only screen and (max-width:1025px){
    :root{
        --asideWidth: 0;
        --leftGap: 0;
    }

    .sub-breadcrumb{min-height: 45px;}
    .sub-breadcrumb .inner{padding: 14px 20px;}

    .breadcrumb-list > li::after{margin: 0 10px;}
    .breadcrumb-list > li > a{font-size: 14px;}
}






/* SUB container */
.sub-container{display: block;}
.sub-container .inner{display: flex; min-width: 0;}
.sub-container .layout-aside{flex-shrink: 0; width: calc(var(--asideWidth)); margin-right: var(--leftGap); margin-bottom: 50px;}
.sub-container .layout-aside nav{margin-top: -45px; width: 100%;}

.sub-container .layout-aside .aside-title{background-color: #2C3E55; border-radius: 10px 50px 0 0; min-height: 120px; align-content: center; padding: 0 20px; background-repeat: no-repeat; background-size: 95px; background-position: right -2px top 2px; background-image: url('../../img/gdpr/ver3/sub_menu_bg.svg'); }
.sub-container .layout-aside .aside-title h2{font-size: 24px; font-weight: 700; color: white;}

.lnb{border: 1px solid #ddd; border-radius: 0 0 10px 10px; overflow: hidden;}
.lnb > li{border-bottom: 1px solid #ddd;}
.lnb > li:last-of-type{border-bottom: none;}
.lnb > li > a{display: block; padding: 20px 15px; font-size: 15px; color: #333; cursor: pointer;}
.lnb > li > a:where(:hover, :focus){color: #014FB1; font-weight: 500; text-decoration: underline;}
.lnb > li > a.active{background-color: #2056AE; color: white; font-weight: 500; position: relative; padding-left: 22px;}
.lnb > li > a.active::before{content: ""; display: block; width: 5px; height: 8px; background-repeat: no-repeat; background-position: center center; background-image: url('../../img/gdpr/ver3/ic_sub_menu_arrow.svg'); position: absolute; left: 6px; top: calc(50% - 4px);}

.sub-container .layout-main{flex: 1; min-width: 0; padding-top: 60px; padding-bottom: 150px;}
.layout-main .main-title-box{margin:0 0 35px 0;}
.layout-main .main-title-box h2{position:relative; font-size:17px; font-weight:700; padding:0 0 0 25px; color:#3e5090;  letter-spacing: -.2px;}
.layout-main .main-title-box h2:before{content:""; display:block; position:absolute; top:7px; left:0px; width:14px; height:14px; box-sizing:border-box; border:3px solid #9da7cb; border-radius:7px;}



@media only screen and (max-width:1023px){
    .sub-container .layout-aside{display: none;}

    .sub-container .layout-main{flex: 1 0 100%; padding-top: 40px; padding-bottom: 60px;}
    .layout-main .main-title-box{margin:0 0 25px 0;}
}





/* CBPR - sub content 내용 */
.cbpr-standard-list{padding: 0 20px;}
.cbpr-standard-list > li{margin-bottom: 7px; background-color: #FAFAFA; display: flex; align-items: center; padding: 10px 30px;}
.cbpr-standard-list > li .number{width: 48px; height: 30px; line-height: 30px; text-align: center; padding-right: 12px; align-content: center; border-right: 1px solid #ddd; color: #3865A4; font-size: 24px; font-weight: 700;}
.cbpr-standard-list > li .cont{flex: 1; padding: 0 22px; font-size: 14px; font-weight: 500; color: #000;}
.cbpr-standard-list > li .list{flex: 0 0 200px; padding: 3px 10px; font-size: 14px; font-weight: 500; color: #000;}
.cbpr-standard-list > li .list p{font-size: 14px; margin-bottom: 6px; font-weight: 400; color: #555;}
.cbpr-standard-list > li .list p:last-of-type{margin-bottom: 0;}


@media only screen and (max-width:1023px){
    .cbpr-standard-list > li{flex-wrap: wrap; padding: 20px 30px 10px; gap: 0;}
    .cbpr-standard-list > li .number{width: 30px; height: 30px; line-height: 30px; text-align: center; padding-right: 12px; align-content: center; border-right: none; font-size: 24px;}
    .cbpr-standard-list > li .cont{padding: 0 10px; font-size: 14px; font-weight: 500; color: #000;}
    .cbpr-standard-list > li .list{flex: 0 0 100%; border-top: 1px solid #eee; width: 100%; padding: 15px 5px 10px; font-size: 14px; font-weight: 500; color: #000; margin-top: 10px;}
    .cbpr-standard-list > li .list p{font-size: 14px; margin-bottom: 6px; font-weight: 400; color: #555;}
    .cbpr-standard-list > li .list p:last-of-type{margin-bottom: 0;}
}


.cbpr-feature-list{display: flex; padding: 0 20px;}
.cbpr-feature-list > li{padding:0 25px; border-right: 1px dashed #ddd; flex: 1;}
.cbpr-feature-list > li:first-of-type{padding-left: 0;}
.cbpr-feature-list > li:last-of-type{padding-right: 0; border-right: none;}
.cbpr-feature-list > li .img-box{width: 100%; border-radius: 5px; background-color: #1d61bf; text-align: center; min-height: 130px; align-content: center; padding: 25px 0;}
.cbpr-feature-list > li:nth-of-type(2) .img-box{background-color: #188CB5;}
.cbpr-feature-list > li:nth-of-type(3) .img-box{background-color: #21AF82;}
.cbpr-feature-list > li .img-box .icon{display: inline-block; width: 43px; height: 43px; text-align: center; align-content: center;}
.cbpr-feature-list > li .img-box .tit{margin-top: 10px; color: white; font-size: 17px; font-weight: 500;}
.cbpr-feature-list > li .desc{max-width: 270px; width: 100%; margin: 25px auto 0; font-size: 14px; font-weight: 500; color: #333; line-height: 1.5; text-align: center; word-break: keep-all; display: block;} 



@media only screen and (max-width:1023px){
    .cbpr-feature-list{display: block; padding:0; }
    .cbpr-feature-list > li{padding: 25px 0; border-right: none; border-bottom: 1px dashed #ddd; width: 100%;}
    .cbpr-feature-list > li:first-of-type{padding-top: 0;}
    .cbpr-feature-list > li:last-of-type{padding-right: 0; border-bottom: none;}
    .cbpr-feature-list > li .img-box{min-height: 100px; padding: 20px 0;}
    .cbpr-feature-list > li .img-box .icon{width: 30px; height: 30px;}
    .cbpr-feature-list > li .img-box .icon img{width: 100%;}
    .cbpr-feature-list > li .img-box .tit{margin-top: 7px; font-size: 15px;}
    .cbpr-feature-list > li .desc{max-width: 100%; margin: 20px auto 0; padding: 0 30px;} 
}







/* 주요 정책 및 동향 */
.searchField.v02{background-color: #F3F4F8; margin-bottom: 40px; padding: 20px 30px;}
.searchField.v02 .inner-in{display: flex; flex-wrap: wrap; align-items: center; gap: 5px;}
.searchField.v02 .select-box{border: 1px solid #ddd; box-shadow: none;}
.searchField.v02 .select-box:hover,
.searchField.v02 .select-box:focus{box-shadow: 4px 4px 6px rgba(0, 0, 0, .2);}
.searchField.v02 .wide-text{flex: 1; box-shadow: none; border: 1px solid #aaa; min-width: 0; width: auto;}
.searchField.v02 .wide-text:hover,
.searchField.v02 .wide-text:focus{box-shadow: 4px 4px 6px rgba(0, 0, 0, .2);}

.table-scroll-box{width: 100%; overflow: auto; margin-bottom: 30px;}
.table-scroll-box > table{min-width: 500px; margin-bottom: 0;}

.bbsList-count{margin-bottom: 10px;}
.bbsList-count p{margin-bottom: 10px; font-size: 15px; font-weight: 400; color: #000;}
.bbsList-count p b{font-weight: 700; margin: 0 2px;}
.bbsList-count p .blue-bold{color: #2056ae;}


@media only screen and (max-width:1023px){
    .searchField.v02{margin-bottom: 25px; padding: 18px 15px;}
    .searchField.v02 .select-box{position: relative; top: 0; left: 0;}
    .searchField.v02 .wide-text{min-width: 100px;}
    .searchField.v02 .btnBasic{position: relative; top: 0; left: 0;}

    .table-scroll-box > table *{font-size: 12px;}

    .bbsList-count{margin-bottom: 8px;}
    .bbsList-count p{font-size: 14px;}

}








/* 게시판 - 상세 */
.board-detail{border-top: 2px solid #27419D;}

.board-detail .info-box{border-bottom: 1px solid #eee; padding: 30px 15px;}
.board-detail .info-box .number{font-size: 14px; font-weight: 300; color: #080808; margin-bottom: 6px;}
.board-detail .info-box .title{font-size: 20px; font-weight: 500; color: #080808; margin-bottom: 6px; line-height: 1.4;}
.board-detail .info-box .info-dl{display: flex; align-items: center; flex-wrap: wrap; gap: 5px 15px;}
.board-detail .info-box .info-dl > div{display: flex; align-items: center; font-size: 14px; font-weight: 300; color: #666; gap: 3px;}

.board-detail .attach-box{border-bottom: 1px solid #eee; padding: 20px 10px;}
.board-detail .attach-link{display: flex; align-items: center; width: 100%; padding: 5px 5px; font-size: 15px; font-weight: 400; color: #444;}
.board-detail .attach-link:where(:hover, :focus){text-decoration: underline;}
.board-detail .attach-link::before{content: ""; display: block; width: 14px; height: 14px; flex-shrink: 0; background: url(../../img/gdpr/ver3/ic_board_attach.svg) no-repeat center center; flex-shrink: 0; margin-right: 10px;}
.board-detail .attach-link .subject{max-width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-detail .attach-link .size{flex-shrink: 0; margin-left: 5px; color: #777; font-weight: 300;}

.board-detail .contents-box{padding: 50px 10px; border-bottom: 1px solid #d5d5d5; min-height: 350px;}
.board-detail .contents-box p{font-size: 15px; line-height: 1.7; color: #080808;}

.board-detail .post-nav{border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin-top: 60px;}
.board-detail .post-nav > ul > li{border-bottom: 1px solid #eee; display: flex;}
.board-detail .post-nav > ul > li:last-of-type{border-bottom: none;}
.board-detail .post-nav > ul > li .tit{flex-shrink: 0; width: 150px; align-content: center; padding: 20px 20px; text-align: center; background-color: #F7F8FA;}
.board-detail .post-nav > ul > li .tit p{font-size: 15px; color: #333; font-weight: 400;}
.board-detail .post-nav > ul > li .tit .ic::after{content: ""; display: inline-block; width: 13px; height: 12px; background-repeat: no-repeat; background-position: center center; background-image: url('../../img/gdpr/ver3/ic_board_arrow_up.svg'); margin-left: 30px;}
.board-detail .post-nav > ul > li .tit .ic.down::after{background-image: url('../../img/gdpr/ver3/ic_board_arrow_down.svg');}
.board-detail .post-nav > ul > li .cont{flex: 1; min-width: 0; padding: 20px 30px; align-content: center; font-size: 15px;}
.board-detail .post-nav > ul > li .cont a{display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-detail .post-nav > ul > li .cont a:where(:hover, :focus){text-decoration: underline;}

.board-detail .action-button{text-align: center; margin-top: 25px;}



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

    .board-detail .info-box{padding: 20px 15px;}
    .board-detail .info-box .number{font-size: 14px; margin-bottom: 6px;}
    .board-detail .info-box .title{font-size: 19px; margin-bottom: 6px;}
    .board-detail .info-box .info-dl{gap: 5px 12px;}
    .board-detail .info-box .info-dl > div{font-size: 14px;}

    .board-detail .attach-box{padding: 15px 10px;}
    .board-detail .attach-link{padding: 3px 0px; font-size: 13px;}
    .board-detail .attach-link::before{margin-right: 7px;}
    .board-detail .attach-link .size{font-size: 13px; margin-left: 3px;}

    .board-detail .contents-box{padding: 30px 10px; min-height: 200px;}
    .board-detail .contents-box p{font-size: 14px;}

    .board-detail .post-nav{margin-top: 30px;}
    .board-detail .post-nav > ul > li .tit{width: 100px; padding: 15px 10px;}
    .board-detail .post-nav > ul > li .tit p{font-size: 13px;}
    .board-detail .post-nav > ul > li .tit .ic::after{margin-left: 10px;}
    .board-detail .post-nav > ul > li .cont{padding: 10px 15px; font-size: 13px;}

    .board-detail .action-button{margin-top: 15px;}
}



/* CBPR - CBPR(ENG) */
.cbpr-list {display: flex;flex-direction: column;gap: 16px;margin: 0;padding: 0;}

.cbpr-item {background: #f9fbff;border: 1px solid #e1e7f5;border-radius: 12px;padding: 16px 20px;color: #333;font-size: 15px;line-height: 1.75;transition: box-shadow .2s ease, transform .06s ease;word-break: normal !important;overflow-wrap: normal !important;white-space: normal !important;hyphens: auto;}
.cbpr-item:hover { box-shadow: 0 6px 16px rgba(0,0,0,.06); }
.cbpr-item p { margin: 0 0 10px; }
.cbpr-item p:last-child { margin-bottom: 0; }

.note {font-size: 14px;color: #c75c5c;margin-top: 10px;padding: 10px 12px;background: #fff5f5;border-left: 3px solid #c75c5c;border-radius: 8px;word-break: normal !important;overflow-wrap: normal !important;white-space: normal !important;hyphens: auto;}
.note.directory {color: #223a70;background: #eef4ff;border-left: 4px solid #396aaf;}
.note.directory .note-title { font-weight: 700; color: #1d4ed8; }
.note.bottom {color: #2b4a8f;background: #f3f6ff;border-left-color: #7aa0ff;margin-top: 20px;}

.cbpr-item a, .note a {color: #396aaf;text-decoration: underline;text-underline-offset: 2px;overflow-wrap: anywhere !important;word-break: break-all !important;white-space: normal !important;}
.cbpr-item a:hover { text-decoration: none; }

.cbpr-sublist {list-style: disc;margin: 8px 0 0 20px;padding: 0;font-size: 14px;line-height: 1.6;word-break: normal !important;overflow-wrap: normal !important;}
.cbpr-sublist li { margin: 4px 0; }

.contact-line {margin-top: 10px;color: #374151;word-break: normal !important;overflow-wrap: normal !important;}
.contact-line b,
.contact-line a { font-weight: 700; }
.contact-line a { color: #1d4ed8; }

@media (max-width: 640px) {
  .cbpr-item { padding: 14px 16px; border-radius: 10px; }
  .note { padding: 9px 10px; }
}








/* SUB */

@media only screen and (max-width:1023px){}








/* SUB */

@media only screen and (max-width:1023px){}








/* SUB */

@media only screen and (max-width:1023px){}








/* SUB */

@media only screen and (max-width:1023px){}








/* SUB */

@media only screen and (max-width:1023px){}