@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
 --filer-white: brightness(0) invert(1); 
 --font-out: 'Outfit'; 
 --font-pre: 'pretendard'; 
 --font-nun: "Nunito Sans", serif; 
 --font-libre: "Libre Baskerville", serif;
 --font-pop: "Poppins", serif;
 --color1: #2F35ED; 
 --color2: #2AA738; 
}

/* 공통 */
p, dd {word-break: keep-all;}
.pc {display: block !important;}
.mob {display: none !important;}
.inner {max-width: 1600px; margin: 0 auto; width: 100%;}
body {background: #F5F3EC;}
body * {font-family: var(--font-pre);}

.ta-c {text-align: center;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.flex {display: flex; align-items: center;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}


/* HEADER */
.header {position: fixed; top: 0; z-index: 1500; width: 100%; transition: all .3s;}
.header .inner {display: flex; align-items: center; justify-content: space-between; height: 100px;}
.header h1 a img {width: 193px; display: block;}
.header .right {display: flex; align-items: center; justify-content: flex-end; gap: 50px;}
.header .gnb_wrap {height: 100%; position: relative;}
.header .gnb_wrap .gnb_bar {position: absolute; bottom: 24px; width: 75px; display: block; height: 2px; background: #fff;}
.header .gnb {display: flex; gap: 50px; height: 100%;}
.header .gnb > li {position: relative; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a {font-size: 16px; font-weight: 600; line-height: 1.5; color: #fff; position: relative; line-height: 100px; font-family: var(--font-out);}
.header .bg {position: absolute; top: 100%; left: 0; width: 100%; height: 0; background: #000000CC; border-top: 1px solid #6d6d6d; transition: all .3s; opacity: 0; transition: 1000ms cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; overflow: hidden;}
.header .bg::after {content: ""; width: 935px; height: 122px; background: url('/img/main/headBg_bg.png') no-repeat center/cover; position: absolute; left: 0; bottom: -23px;}
.header .gnb_2depth {height: 150px; visibility: hidden; padding-top: 29px; position: absolute; top: 100%; left: 0; width: max-content; z-index: 1; opacity: 0; transition-delay: .1s; transition: all .3s;}
.header .gnb_2depth li + li {margin-top: 10px;}
.header .gnb_2depth li a {font-size: 16px; color: #8E8E8E; display: block; line-height: 1.6; font-family: var(--font-pre);}
.header .gnb_2depth li a:hover {color: #fff; text-decoration: underline; text-underline-offset: 3px;}
/* .header.on,
.header.fixed,
.header:hover {background: #000000CC;} */
.header.on,
.header.fixed,
.header:hover,
.header.active {background: #000;}
.header .gnb > li:hover > .gnb_2depth {opacity: 1; visibility: visible;}
.header .head_rt {display: flex; align-items: center; gap: 20px;}
.header .search_btn img {width: 26px; cursor: pointer;}
.header .allMenu_btn img {width: 20px; cursor: pointer;}

/* search */
.hd_search {position: fixed; top: 100px; left: 0; width: 100%; background: #000; padding: 62px 0; z-index: 10; visibility: hidden; transform: translateY(-100%); transition: all .5s; opacity: 0;}
.hd_search.on {visibility: inherit; transform: translateY(0); opacity: 1; z-index: 1600;}
.hd_search .search_close {position: absolute; top: 26px; right: 155px; cursor: pointer;}
.hd_search .search_close img {width: 14.58px;}
.hd_search .cont {width: 700px; margin: 0 auto;}
.hd_search .search {position: relative;}
.hd_search .search input {padding: 0 30px 0 0; width: 700px; height: 55px; border: 0; border-bottom: 1px solid #fff; font-size: 18px; font-weight: 400; color: #fff; font-family: var(--font-pre); background: transparent; outline: none;}
.hd_search .search input::placeholder {color: #BEBEBE;}
.hd_search .search_btn {position: absolute; right: 6px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.hd_search .search_btn img {width: 20px;}

/*site map*/
.siteMap {display: none; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #151515; z-index: 2000; padding: 34px 0 0;}
.siteMap::after {content: ""; width: 100%; height: 183px; position: absolute; left: 0; bottom: 0; background: url('/img/main/siteMap_bg.png') no-repeat center/cover; z-index: -1;}
.siteMap .inner {position: relative;}
.siteMap_top {display: flex; align-items: flex-end; justify-content: space-between;}
.siteMap_logo img {width: 193px;}
.siteMap_close img {width: 35px; cursor: pointer;}
.siteMap_listWrap {margin-top: 75px; padding-left: 350px;}
.siteMap_listWrap .link,
.siteMap_listWrap .link a {font-size: 60px; font-weight: 700; color: #fff; font-family: var(--font-libre); cursor: pointer; transition: all .3s;}
.siteMap_listWrap .link:hover {opacity: .6;}
.siteMap_list {display: flex; align-items: center; gap: 100px; overflow: hidden;}
.siteMap_list + .siteMap_list {margin-top: 40px;}
.siteMap_list .link {transition: all .7s; transform: translate3d(0px, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 8deg); transform-style: transform-style;}
.siteMap_list .submenu {display: flex; align-items: center; gap: 60px; opacity: 0; transition: all .3s;}
.siteMap_list:hover .submenu {opacity: 1;}
.siteMap_list .submenu a {font-size: 20px; font-weight: 500; color: #fff; opacity: .6; transition: all .3s; font-family: var(--font-pop);}
.siteMap_list .submenu a:hover {text-decoration: underline; text-underline-offset: 3px;}

/* quick btn */
.quick {position: fixed; right: 60px; bottom: 50px; z-index: 100;}
.quick a {width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #4D4D4D; box-shadow: 0px 7px 29px 0px #64646F33;}
.quick a + a {margin-top: 10px;}
.quick a img {width: 24px;}
.quick a:nth-child(3) img {width: 26px;}
.quick .top_btn {background: #FAFAFA;}
.quick .top_btn img {width: 19.2px;}

/* footer */
.footer {background: #303030; padding: 70px 0 74px; margin-top: 130px;}
.footer .inner {display: flex; align-items: flex-end; justify-content: space-between;}
.footer .logo {width: 193px;}
.footer .info {margin-top: 37px;}
.footer .info p {display: flex; align-items: center; gap: 20px;}
.footer .info p + p {margin-top: 6px;}
.footer .info p span {font-family: var(--font-pre); color: #BEBEBE; font-size: 16px; font-weight: 400; letter-spacing: -.6px; line-height: 1.6;}
.footer .copy {margin-top: 38px; font-size: 16px; font-weight: 400; font-family: var(--font-pre); letter-spacing: -.6px; line-height: 1.25; color: #fff;}
.footer .use {display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
.footer .use a {font-size: 16px; font-weight: 400; color: #BEBEBE; letter-spacing: -.4px; line-height: 1.25; font-family: var(--font-pre);}
.footer .use a strong {font-weight: 400; color: #fff;}
.footer .sns {margin-top: 36px; display: flex; align-items: center; justify-content: flex-end; gap: 15px;}
.footer .sns img {width: 40px;}


/********* main *********/
/* common */
/* cursor */
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index: 1000;}
.cursor{opacity: 0; display:flex; justify-content:center; align-items:center; flex-direction: column; border-radius:100%; background:#fff; gap:10px; transition:all 0.3s; transform: translate(-50%, -50%) scale(0); width: 176px; height: 176px;}
.cursor.on{opacity: 1; transform: translate(-50%, -50%) scale(1); cursor: none;}
.cursor span{font-size: 16px; font-weight: 500; letter-spacing: -0.6px; font-family: var(--font-out); color: #000;}
.cursor img{width:23.33px; transition:all 0.3s;}
/* sec_tit */
#main .sec_tit h2 {font-size: 50px; font-weight: 700; letter-spacing: -1px; font-family: var(--font-libre);}
#main .sec_tit .desc {margin-top: 20px; font-size: 20px; font-weight: 500; line-height: 1.2; color: #8E8E8E; letter-spacing: -.6px;}
/* viewBtn */
#main .viewBtn {display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 400; color: #6D6D6D; letter-spacing: -.6px; border: 1px solid #6D6D6D; width: 151px; height: 44px; transition: 0.3s; border-radius: 30px;}
#main .viewBtn img {width: 14px; transition: all .3s;}
#main .viewBtn:hover {background: #000; border-color: #000; color: #fff;}
#main .viewBtn:hover img {filter: brightness(0) invert(1);}
/* viewBtn */
#main .viewBtn02 {margin-top: 60px; display:flex; justify-content:center; align-items:center; flex-direction: column; border-radius:100%; gap:10px; width: 180px; height: 180px; border: 1px solid #fff; transition: transform 0.2s ease-out; font-family: var(--font-out); font-size: 16px; font-weight: 500;}
#main .viewBtn02 img {width: 23.33px;}
/* noData */
#main .noData {border-top: 2px solid #000; border-bottom: 1px solid #000; padding: 194px 0 178px; text-align: center;}
#main .noData img {width: 38px;}
#main .noData p {margin-top: 28px; font-size: 20px; font-weight: 500;}

/* visual */
#main .visual {width: 100%; height: 950px; position: relative;}
#main .visual .swiper-wrapper,
#main .visual .swiper-slide {height: 100%;}
#main .visual .swiper-slide a {display: block; width: 100%; height: 100%;}
#main .visual .swiper-slide a img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .visual .txtwrap {position: absolute; left: 50%; transform: translateX(-50%); bottom: 315px; color: #fff;}
#main .visual .subTit {font-size: 20px; font-weight: 700; font-family: var(--font-libre);}
#main .visual .tit {margin-top: 12px; font-size: 80px; font-weight: 700; font-family: var(--font-libre); letter-spacing: -1px;}
#main .visual .desc {margin-top: 12px; font-size: 22px; font-weight: 400; letter-spacing: -1px;}
#main .visual .bot {position: absolute; left: 50%; transform: translateX(-50%); bottom: 157px; display: flex; align-items: center; gap: 40px; z-index: 1;}
#main .visual .arrowBox {display: flex; align-items: center; gap: 10px;}
#main .visual .arrow {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%; border: 1px solid #fff; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0 !important;}
#main .visual .arrow::after {display: none;}
#main .visual .arrow::before {content: ""; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); background: #fff; border-radius: 100%; transition: all .3s;}
#main .visual .arrow:hover::before {transform: translate(-50%,-50%) scale(1);}
#main .visual .arrow img {width: 15px; transition: all .3s;}
#main .visual .arrow:hover img {filter: grayscale(100%) brightness(0);}
#main .visual .paginatio_cont {position: relative; margin: 0 15px; width: 166px;}
#main .visual .swiper-pagination-progressbar {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 2px; background: #FFFFFF50;}
#main .visual .swiper-pagination-progressbar span {background: #FFFFFF;}
#main .visual .swiper-pagination-fraction {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 0;}
#main .visual .swiper-pagination-fraction span {font-size: 21px; font-weight: 700; color: #fff; letter-spacing: -.8px; font-family: var(--font-libre);}

/* sec01 */
#main .sec01 {margin-top: 120px;}
#main .sec01 .sec_tit {margin-bottom: 60px;}
#main .sec01 .slideCont {position: relative; margin: 0 auto; width: 1250px;}
#main .sec01 .text_slide {position: absolute; top: 0; left: 0; height: 100%; width: calc(1250px / 2.5);}
#main .sec01 .text_slide .swiper-slide {background: #F5F3EC; padding-top: 111px;}
#main .sec01 .text_slide .swiper-slide.swiper-slide-active {opacity: 1 !important;}
#main .sec01 .text_slide .cate {display: inline-flex; align-items: center; justify-content: center; height: 43px; border: 1px solid #000; border-radius: 30px; padding: 0 20px; font-size: 18px; font-weight: 600; font-family: var(--font-out); letter-spacing: -1px;}
#main .sec01 .text_slide h3 {margin-top: 30px; font-size: 40px; font-weight: 500; letter-spacing: -1px; line-height: 1.2;}
#main .sec01 .text_slide p {margin-top: 30px; font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #8E8E8E;}
#main .sec01 .pagination_num {width: auto; position: absolute; top: auto; right: auto; bottom: 111px; left: 0; text-align: left; font-size: 24px; font-weight: 500; font-family: var(--font-out); color: #8E8E8E; letter-spacing: -.4px;}
#main .sec01 .pagination_num .swiper-pagination-current {color: #000; font-size: 40px;}
#main .sec01 .pagination_progress {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 60px auto 0; height: 3px;}
#main .sec01 .pagination_progress .swiper-pagination-bullet {width: 100%; height: 100%; border-radius: 0; position: relative; overflow: hidden; margin: 0 !important; opacity: 1; background: #D9D9D9; display: none;}
#main .sec01 .pagination_progress .swiper-pagination-bullet::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s;}
#main .sec01 .pagination_progress .swiper-pagination-bullet-active {display: block;}
#main .sec01 .pagination_progress .swiper-pagination-bullet-active::before {background-color: #000; animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
@keyframes slide-progress {
    0% {  
        transform: translateX(-100%); 
    } 
    100% {  
        transform: translateX(0); 
    }
}
#main .sec01 .img_slide {position: relative; z-index: 2;}
#main .sec01 .img_slide .swiper-slide {margin: 0 55px;}
#main .sec01 .img_slide .swiper-slide-next,
#main .sec01 .img_slide .swiper-slide-prev {opacity: .2;}
#main .sec01 .img_slide .swiper-slide a {display: flex; justify-content: flex-end;}
#main .sec01 .img_slide .swiper-slide.swiper-slide-next a {justify-content: flex-start;}
#main .sec01 .img_slide .swiper-slide img {width: 700px;}
#main .sec01 .arrow2 {width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #000; top: 50%; transform: translateY(-50%); bottom: auto;}
#main .sec01 .arrow2.swiper-button-prev {left: -150px;}
#main .sec01 .arrow2.swiper-button-next {right: -40px;}
#main .sec01 .arrow2::after {display: none;}
#main .sec01 .arrow2 img {width: 20px;}
#main .sec01 .hiddenArrow {display: none;}
/* sec02 */
#main .sec02 {margin-top: 150px;}
#main .sec02 .sec_tit {align-items: flex-start;}
#main .sec02 .sec_tit h2 br {display: none;}
#main .sec02 .viewBtn {margin-top: 20px;}
#main .sec02 .desc {margin-top: 0; width: 1040px;}
#main .sec02 .img {margin: 60px auto 0; width: 1600px; height: 600px; background: url('/img/main/sec02_img.jpg') no-repeat center/cover;}
/* sec03 */
#main .sec03 {padding-top: 150px; margin-top: 180px; background: url('/img/main/sec03_bg.jpg') no-repeat center/cover; height: 920px; overflow: hidden;}
#main .sec03 .sec_tit .desc {font-size: 18px;}
#main .sec03 .inner {display: flex; justify-content: space-between;}
#main .sec03 .sec_tit {margin-top: 97px;}
#main .sec03 .sec_tit * {color: #fff;}
#main .sec03 .sec_tit img {filter: brightness(0) invert(1);}
#main .sec03 .list li {width: 780px;}
#main .sec03 .list li + li {margin-top: 80px;}
#main .sec03 .list .img {display: block; width: 100%;}
#main .sec03 .list .img img {width: 100%;}
#main .sec03 .list .txt {margin-top: 41px;}
#main .sec03 .list .txt h3 {font-size: 40px; font-weight: 500; color: #fff; letter-spacing: -1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#main .sec03 .list .txt p {margin-top: 20px; font-size: 20px; font-weight: 500; color: #fff; letter-spacing: -1px;}
#main .sec03 .viewBtn02:hover {background: #fff; color: #000;}
#main .sec03 .viewBtn02:hover img {filter: grayscale(100%) brightness(0);}
/* sec04 */
#main .sec04 .flow_text {display: flex; align-items: center; white-space: nowrap; position: relative; z-index: 1;}
#main .sec04 .flow_text span {line-height: 1; font-size: 80px; font-weight: 700; font-family: var(--font-libre); animation: marqueeXup linear 50s infinite; display: block; color: #000; opacity: .05;}
@keyframes marqueeXup {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
#main .sec04 .inner {margin: 100px auto 126px; display: flex; justify-content: space-between;}
#main .sec04 .sec_tit .desc {font-size: 18px; margin-top: 12px;}
#main .sec04 .viewBtn02 {border-color: #000;}
#main .sec04 .viewBtn02 img {filter: grayscale(100%) brightness(0);}
#main .sec04 .viewBtn02:hover {background: #000; color: #fff;}
#main .sec04 .viewBtn02:hover img {filter: none;}
#main .sec04 .list,
#main .sec04 .noData {width: 949px;}
#main .sec04 .list a {display: flex; align-items: center; justify-content: space-between; padding: 25px 0; border-bottom: 1px solid #BEBEBE;}
#main .sec04 .list .cate {display: flex; align-items: center; justify-content: center; height: 42px; width: 101px; border-radius: 100px; font-size: 14px; font-weight: 600; font-family: var(--font-out); border: 1px solid #303030; background: #303030; color: #fff;}
#main .sec04 .list .cate[rel="PROJECT"] {background: transparent; color: #000; border-color: #000;}
#main .sec04 .list div {display: flex; align-items: center; gap: 18px; width: 80%;}
#main .sec04 .list .tit {font-size: 20px; font-weight: 500; letter-spacing: -.5px; width: calc(100% - 101px - 18px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#main .sec04 .list .date {font-size: 18px; font-weight: 400; letter-spacing: -.5px; opacity: .7;}
#main .sec04 .noData {padding: 140px 0;}
#main .sec04 .noData img {width: 35px;}
#main .sec04 .noData p {font-size: 20px; margin-top: 20px;}


@media screen and (max-width: 1640px) {
    /* 공통 */
    .inner {max-width: 95.12vw;}

    /* HEADER */
    .header .inner {height: 6.10vw;}
    .header h1 a img {width: 11.77vw;}
    .header .right {gap: 3.05vw;}
    .header .gnb_wrap .gnb_bar {bottom: 1.46vw; width: 4.57vw; height: 0.12vw;}
    .header .gnb {gap: 3.05vw;}
    .header .gnb > li > a {font-size: 0.98vw; line-height: 6.10vw;}
    .header .bg::after {width: 57.01vw; height: 7.44vw; bottom: -1.40vw;}
    .header .gnb_2depth {height: 9.15vw; padding-top: 1.77vw;}
    .header .gnb_2depth li + li {margin-top: 0.61vw;}
    .header .gnb_2depth li a {font-size: 0.98vw;}
    .header .gnb_2depth li a:hover {text-underline-offset: 0.18vw;}
    .header .head_rt {gap: 1.22vw;}
    .header .search_btn img {width: 1.59vw;}
    .header .allMenu_btn img {width: 1.22vw;}
    
    /* search */
    .hd_search {top: 6.10vw; left: 0; padding: 3.78vw 0;}
    .hd_search .search_close {top: 1.59vw; right: 9.45vw;}
    .hd_search .search_close img {width: 0.89vw;}
    .hd_search .cont {width: 42.68vw;}
    .hd_search .search input {padding: 0 1.83vw 0 0; width: 42.68vw; height: 3.35vw; font-size: 1.10vw;}
    .hd_search .search_btn {right: 0.37vw;}
    .hd_search .search_btn img {width: 1.22vw;}
    
    /*site map*/
    .siteMap {padding: 2.07vw 0 0;}
    .siteMap::after {height: 11.16vw;}
    .siteMap_logo img {width: 11.77vw;}
    .siteMap_close img {width: 2.13vw;}
    .siteMap_listWrap {margin-top: 2.6vw; padding-left: 21.34vw;}
    .siteMap_listWrap .link,
    .siteMap_listWrap .link a {font-size: 3.66vw;}
    .siteMap_list {gap: 6.10vw;}
    .siteMap_list + .siteMap_list {margin-top: 2.74vw;}
    /* .siteMap_list .link {transform: translate3d(0.00vw, 150%, 0.00vw) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 8deg);} */
    .siteMap_list .submenu {gap: 3.66vw;}
    .siteMap_list .submenu a {font-size: 1.22vw;}
    .siteMap_list .submenu a:hover {text-underline-offset: 0.18vw;}
    
    /* quick btn */
    .quick {right: 2vw; bottom: 11.05vw;}
    .quick a {width: 3.66vw; height: 3.66vw; box-shadow: 0.00vw 0.43vw 1.77vw 0.00vw #64646F33;}
    .quick a + a {margin-top: 0.61vw;}
    .quick a img {width: 1.46vw;}
    .quick a:nth-child(3) img {width: 1.59vw;}
    .quick .top_btn img {width: 1.17vw;}
    
    /* footer */
    .footer {padding: 4.27vw 0 4.51vw; margin-top: 7.93vw;}
    .footer .logo {width: 11.77vw;}
    .footer .info {margin-top: 2.26vw;}
    .footer .info p {gap: 1.22vw;}
    .footer .info p + p {margin-top: 0.37vw;}
    .footer .info p span {font-size: 0.98vw; letter-spacing: -0.04vw;}
    .footer .copy {margin-top: 2.32vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    .footer .use {gap: 1.22vw;}
    .footer .use a {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .footer .sns {margin-top: 2.20vw; gap: 0.91vw;}
    .footer .sns img {width: 2.44vw;}
    
    
    /********* main *********/
    /* common */
    /* cursor */
    .cursor{ gap:0.61vw; width: 10.73vw; height: 10.73vw;}
    .cursor span{font-size: 0.98vw; letter-spacing: -0.04vw;}
    .cursor img{width:1.42vw;}
    /* sec_tit */
    #main .sec_tit h2 {font-size: 3.05vw; letter-spacing: -0.06vw;}
    #main .sec_tit .desc {margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    /* viewBtn */
    #main .viewBtn {gap: 0.49vw; font-size: 0.85vw; letter-spacing: -0.04vw; width: 9.21vw; height: 2.68vw; border-radius: 1.83vw;}
    #main .viewBtn img {width: 0.85vw;}
    /* viewBtn */
    #main .viewBtn02 {margin-top: 3.66vw; gap:0.61vw; width: 10.98vw; height: 10.98vw; font-size: 0.98vw;}
    #main .viewBtn02 img {width: 1.42vw;}
    /* noData */
    #main .noData {padding: 11.83vw 0 10.85vw;}
    #main .noData img {width: 2.32vw;}
    #main .noData p {margin-top: 1.71vw; font-size: 1.22vw;}
    
    /* visual */
    #main .visual {height: 57.93vw;}
    #main .visual .txtwrap {bottom: 19.21vw;}
    #main .visual .subTit {font-size: 1.22vw;}
    #main .visual .tit {margin-top: 0.73vw; font-size: 4.88vw; letter-spacing: -0.06vw;}
    #main .visual .desc {margin-top: 0.73vw; font-size: 1.34vw; letter-spacing: -0.06vw;}
    #main .visual .bot {bottom: 9.57vw; gap: 2.44vw;}
    #main .visual .arrowBox {gap: 0.61vw;}
    #main .visual .arrow {width: 3.66vw; height: 3.66vw;}
    #main .visual .arrow img {width: 0.91vw;}
    #main .visual .paginatio_cont {margin: 0 0.91vw; width: 10.12vw;}
    #main .visual .swiper-pagination-progressbar {width: 4.88vw; height: 0.12vw;}
    #main .visual .swiper-pagination-fraction span {font-size: 1.28vw; letter-spacing: -0.05vw;}
    
    /* sec01 */
    #main .sec01 {margin-top: 7.32vw;}
    #main .sec01 .sec_tit {margin-bottom: 3.66vw;}
    #main .sec01 .slideCont {width: 76.22vw;}
    #main .sec01 .text_slide { width: calc(76.22vw / 2.5);}
    #main .sec01 .text_slide .swiper-slide {padding-top: 6.77vw;}
    #main .sec01 .text_slide .cate {height: 2.62vw; border-radius: 1.83vw; padding: 0 1.22vw; font-size: 1.10vw; letter-spacing: -0.06vw;}
    #main .sec01 .text_slide h3 {margin-top: 1.83vw; font-size: 2.44vw; letter-spacing: -0.06vw;}
    #main .sec01 .text_slide p {margin-top: 1.83vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
    #main .sec01 .pagination_num {bottom: 6.77vw; left: 0; font-size: 1.46vw; letter-spacing: -0.02vw;}
    #main .sec01 .pagination_num .swiper-pagination-current {font-size: 2.44vw;}
    #main .sec01 .pagination_progress {margin: 3.66vw auto 0; height: 0.18vw;}
    #main .sec01 .img_slide .swiper-slide {margin: 0 3.35vw;}
    #main .sec01 .img_slide .swiper-slide img {width: 42.68vw;}
    #main .sec01 .arrow2 {width: 4.88vw; height: 4.88vw;}
    #main .sec01 .arrow2.swiper-button-prev {left: -9.15vw;}
    #main .sec01 .arrow2.swiper-button-next {right: -2.44vw;}
    #main .sec01 .arrow2 img {width: 1.22vw;}
    /* sec02 */
    #main .sec02 {margin-top: 9.15vw;}
    #main .sec02 .viewBtn {margin-top: 1.22vw;}
    #main .sec02 .desc {margin-top: 0; width: 63.41vw;}
    #main .sec02 .img {margin: 3.66vw auto 0; width: 97.56vw; height: 36.59vw;}
    /* sec03 */
    #main .sec03 {padding-top: 9.15vw; margin-top: 10.98vw; height: 56.10vw;}
    #main .sec03 .sec_tit .desc {font-size: 1.10vw;}
    #main .sec03 .sec_tit {margin-top: 5.91vw;}
    #main .sec03 .list li {width: 47.56vw;}
    #main .sec03 .list li + li {margin-top: 4.88vw;}
    #main .sec03 .list .txt {margin-top: 2.50vw;}
    #main .sec03 .list .txt h3 {font-size: 2.44vw; letter-spacing: -0.06vw;}
    #main .sec03 .list .txt p {margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
    /* sec04 */
    #main .sec04 .flow_text span {line-height: 1; font-size: 4.88vw;}
    #main .sec04 .inner {margin: 6.10vw auto 7.68vw;}
    #main .sec04 .sec_tit .desc {font-size: 1.10vw; margin-top: 0.73vw;}
    #main .sec04 .list,
    #main .sec04 .noData {width: 57.87vw;}
    #main .sec04 .list a {padding: 1.52vw 0;}
    #main .sec04 .list .cate {height: 2.56vw; width: 6.16vw; border-radius: 6.10vw; font-size: 0.85vw;}
    #main .sec04 .list div {gap: 1.10vw;}
    #main .sec04 .list .tit {font-size: 1.22vw; letter-spacing: -0.03vw; width: calc(100% - 6.16vw - 1.10vw);}
    #main .sec04 .list .date {font-size: 1.10vw; letter-spacing: -0.03vw;}
    #main .sec04 .noData {padding: 8.54vw 0;}
    #main .sec04 .noData img {width: 2.13vw;}
    #main .sec04 .noData p {font-size: 1.22vw; margin-top: 1.22vw;}
}
@media screen and (max-width: 1280px) {
    /* 공통 */
    .inner {max-width: 93.75vw;}

    /* HEADER */
    .header .inner {height: 6.09vw;}
    .header h1 a img {width: 11.80vw;}
    .header .right {gap: 3.05vw;}
    .header .gnb_wrap .gnb_bar {bottom: 1.48vw; width: 4.53vw; height: 0.16vw;}
    .header .gnb {gap: 3.05vw;}
    .header .gnb > li > a {font-size: 1.02vw; line-height: 6.09vw;}
    .header .bg::after {width: 57.03vw; height: 7.42vw; bottom: -1.41vw;}
    .header .gnb_2depth {height: 9.14vw; padding-top: 1.80vw;}
    .header .gnb_2depth li + li {margin-top: 0.63vw;}
    .header .gnb_2depth li a {font-size: 1.02vw;}
    .header .gnb_2depth li a:hover {text-underline-offset: 0.16vw;}
    .header .head_rt {gap: 1.25vw;}
    .header .search_btn img {width: 1.56vw;}
    .header .allMenu_btn img {width: 1.25vw;}
    
    /* search */
    .hd_search {top: 6.09vw; left: 0; padding: 3.75vw 0;}
    .hd_search .search_close {top: 1.56vw; right: 9.45vw;}
    .hd_search .search_close img {width: 1.86vw;}
    .hd_search .cont {width: 42.66vw;}
    .hd_search .search input {padding: 0 1.80vw 0 0; width: 42.66vw; height: 3.36vw; font-size: 1.09vw;}
    .hd_search .search_btn {right: 0.39vw;}
    .hd_search .search_btn img {width: 1.25vw;}
    
    /*site map*/
    .siteMap {padding: 2.03vw 0 0;}
    .siteMap::after {height: 11.17vw;}
    .siteMap_logo img {width: 11.80vw;}
    .siteMap_close img {width: 2.11vw;}
    .siteMap_listWrap {margin-top: 6vw; padding-left: 18.33vw;}
    .siteMap_listWrap .link,
    .siteMap_listWrap .link a {font-size: 3.67vw;}
    .siteMap_list {gap: 6.09vw;}
    .siteMap_list + .siteMap_list {margin-top: 2.73vw;}
    /* .siteMap_list .link {transform: translate3d(0.00vw, 150%, 0.00vw) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 8deg);} */
    .siteMap_list .submenu {gap: 3.67vw;}
    .siteMap_list .submenu a {font-size: 1.25vw;}
    .siteMap_list .submenu a:hover {text-underline-offset: 0.16vw;}
    
    /* quick btn */
    .quick {right: 2.03vw; bottom: 11.02vw;}
    .quick a {width: 3.67vw; height: 3.67vw; box-shadow: 0.00vw 0.47vw 1.80vw 0.00vw #64646F33;}
    .quick a + a {margin-top: 0.63vw;}
    .quick a img {width: 1.48vw;}
    .quick a:nth-child(3) img {width: 1.56vw;}
    .quick .top_btn img {width: 1.17vw;}
    
    /* footer */
    .footer {padding: 4.30vw 0 4.53vw; margin-top: 10.16vw;}
    .footer .logo {width: 11.80vw;}
    .footer .info {margin-top: 2.27vw;}
    .footer .info p {gap: 1.25vw;}
    .footer .info p + p {margin-top: 0.39vw;}
    .footer .info p span {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .copy {margin-top: 2.34vw; font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .use {gap: 1.25vw;}
    .footer .use a {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .footer .sns {margin-top: 2.19vw; gap: 0.94vw;}
    .footer .sns img {width: 2.42vw;}
    
    
    /********* main *********/
    /* common */
    /* cursor */
    .cursor{ gap:0.63vw; width: 10.70vw; height: 10.70vw;}
    .cursor span{font-size: 1.02vw; letter-spacing: -0.08vw;}
    .cursor img{width:1.41vw;}
    /* sec_tit */
    #main .sec_tit h2 {font-size: 3.05vw; letter-spacing: -0.08vw;}
    #main .sec_tit .desc {margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    /* viewBtn */
    #main .viewBtn {gap: 0.47vw; font-size: 0.86vw; letter-spacing: -0.04vw; width: 9.22vw; height: 2.66vw; border-radius: 1.80vw;}
    #main .viewBtn img {width: 0.86vw;}
    /* viewBtn */
    #main .viewBtn02 {margin-top: 3.52vw; gap: 0.59vw; width: 10.31vw; height: 10.31vw; font-size: 0.94vw;}
    #main .viewBtn02 img {width: 1.37vw;}
    /* noData */
    #main .noData {padding: 11.80vw 0 10.86vw;}
    #main .noData img {width: 2.34vw;}
    #main .noData p {margin-top: 1.72vw; font-size: 1.25vw;}
    
    /* visual */
    #main .visual {height: 57.97vw;}
    #main .visual .txtwrap {bottom: 19.22vw;}
    #main .visual .subTit {font-size: 1.25vw;}
    #main .visual .tit {margin-top: 0.70vw; font-size: 4.69vw; letter-spacing: -0.06vw;}
    #main .visual .desc {margin-top: 0.70vw; font-size: 1.25vw; letter-spacing: 0;}
    #main .visual .bot {bottom: 9.53vw; gap: 2.42vw;}
    #main .visual .arrowBox {gap: 0.63vw;}
    #main .visual .arrow {width: 3.67vw; height: 3.67vw;}
    #main .visual .arrow img {width: 0.94vw;}
    #main .visual .paginatio_cont {margin: 0 0.94vw; width: 10.16vw;}
    #main .visual .swiper-pagination-progressbar {width: 4.84vw; height: 0.16vw;}
    #main .visual .swiper-pagination-fraction span {font-size: 1.25vw; letter-spacing: -0.08vw;}
    
    /* sec01 */
    #main .sec01 {margin-top: 7.34vw;}
    #main .sec01 .sec_tit {margin-bottom: 3.67vw;}
    #main .sec01 .slideCont {width: 76.25vw;}
    #main .sec01 .text_slide {width: calc(76.25vw / 2.5);}
    #main .sec01 .text_slide .swiper-slide {padding-top: 6.80vw;}
    #main .sec01 .text_slide .cate {height: 2.66vw; border-radius: 1.80vw; padding: 0 1.25vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    #main .sec01 .text_slide h3 {margin-top: 1.80vw; font-size: 2.42vw; letter-spacing: -0.08vw;}
    #main .sec01 .text_slide p {margin-top: 1.80vw; font-size: 1.25vw; letter-spacing: 0.06vw;}
    #main .sec01 .pagination_num {bottom: 6.80vw; left: 0; font-size: 1.48vw; letter-spacing: -0.00vw;}
    #main .sec01 .pagination_num .swiper-pagination-current {font-size: 2.42vw;}
    #main .sec01 .pagination_progress {margin: 3.67vw auto 0; height: 0.16vw;}
    #main .sec01 .img_slide .swiper-slide {margin: 0 3.36vw;}
    #main .sec01 .img_slide .swiper-slide img {width: 42.66vw;}
    #main .sec01 .arrow2 {width: 4.84vw; height: 4.84vw;}
    #main .sec01 .arrow2.swiper-button-prev {left: -9.14vw;}
    #main .sec01 .arrow2.swiper-button-next {right: -2.42vw;}
    #main .sec01 .arrow2 img {width: 1.25vw;}
    /* sec02 */
    #main .sec02 {margin-top: 9.14vw;}
    #main .sec02 .sec_tit h2 br {display: block;}
    #main .sec02 .viewBtn {margin-top: 1.25vw;}
    #main .sec02 .desc {margin-top: 0; width: 60.94vw; letter-spacing: -0.04vw;}
    #main .sec02 .img {margin: 3.67vw auto 0; width: 97.58vw; height: 36.56vw;}
    /* sec03 */
    #main .sec03 {padding-top: 9.14vw; margin-top: 11.02vw; height: 56.09vw;}
    #main .sec03 .sec_tit .desc {font-size: 1.09vw; letter-spacing: 0;}
    #main .sec03 .sec_tit {margin-top: 5.94vw;}
    #main .sec03 .list li {width: 45.70vw;}
    #main .sec03 .list li + li {margin-top: 4.69vw;}
    #main .sec03 .list .txt {margin-top: 2.34vw;}
    #main .sec03 .list .txt h3 {font-size: 2.34vw; letter-spacing: -0.06vw;}
    #main .sec03 .list .txt p {margin-top: 1.17vw; font-size: 1.17vw; letter-spacing: -0.06vw;}
    /* sec04 */
    #main .sec04 .flow_text span {font-size: 4.69vw;}
    #main .sec04 .inner {margin: 6.09vw auto 7.66vw;}
    #main .sec04 .sec_tit .desc {font-size: 1.09vw; margin-top: 0.70vw; letter-spacing: -0.04vw;}
    #main .sec04 .list,
    #main .sec04 .noData {width: 57.89vw;}
    #main .sec04 .list a {padding: 1.48vw 0;}
    #main .sec04 .list .cate {height: 2.58vw; width: 6.17vw; border-radius: 6.09vw; font-size: 0.86vw;}
    #main .sec04 .list div {gap: 1.09vw;}
    #main .sec04 .list .tit {font-size: 1.25vw; letter-spacing: -0.00vw; width: calc(100% - 6.17vw - 1.09vw);}
    #main .sec04 .list .date {font-size: 1.09vw; letter-spacing: -0.00vw;}
    #main .sec04 .noData {padding: 8.52vw 0;}
    #main .sec04 .noData img {width: 2.11vw;}
    #main .sec04 .noData p {font-size: 1.25vw; margin-top: 1.25vw;}
}



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

	/* 공통 */
	.pc {display: none !important;}
	.mob {display: block !important;}
    .inner {max-width: 100%; padding-left: 5.21vw; padding-right: 5.21vw;}

    /* sideMenu */
    .siteMap {display: none;}
    .head_bg {display: none !important; position: fixed; right: 0; top: 0; z-index: 10000; background: #000; width: 100%; height: 100vh;}
    .head_bg.on {display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #000; padding: 19.14vw 5.21vw 13.02vw; width: 100%; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 6.64vw; right: 5.86vw;}
    .head_bg .head_bg_close img {width: 4.17vw;}
    .head_bg .head_bg_logo a {display: block;}
    .head_bg .head_bg_logo img {width: 40.10vw;}
    .head_bg .accordion_wrap {margin-top: 21.35vw; max-height: 80%; overflow-y: auto; padding-right: 1.95vw; margin-right: -1.95vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar {width: 0.26vw; /* 스크롤바의 너비 */ border-radius: 0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-thumb {height: 30%; background: #fff;}
    .head_bg .accordion_wrap::-webkit-scrollbar-track {background: #A8A8A8;}
    .head_bg #accordion li:first-child .link a {padding-top: 0;}
    .head_bg #accordion li .link a {font-size: 8.33vw; font-weight: 700; color: #fff; font-family: var(--font-libre); padding: 4.17vw 0; display: block;}
    .head_bg .submenu {display: none; padding: 1.43vw 0 0;}
    .head_bg .submenu ul {display: flex; align-items: center; gap: 5.73vw;}
    .head_bg .submenu a {font-size: 3.89vw; font-weight: 500; color: #fff; opacity: .6; font-family: var(--font-pop);}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 1.30vw;}
    .head_bg #accordion li.on > div {color: var(--color1);}

    /* HEADER */
    .header .inner {height: 18.23vw;}
    .header h1 a img {width: 40.10vw; margin-top: 1vw;}
    .header .gnb_wrap {display: none;}
    .header .head_rt {gap: 5.21vw;}
    .header .search_btn img {width: 6.77vw;}
    .header .mob_allMenu_btn img {width: 5.21vw;}
    
    /* search */
    .hd_search {top: 18.23vw; left: 0; padding: 1.30vw 5.21vw 7.81vw;}
    .hd_search .search_close {top: 1.30vw; right: 5.21vw;}
    .hd_search .search_close img {width: 5.34vw;}
    .hd_search .cont {width: 100%;}
    .hd_search .search input {padding: 0 7.81vw 0 0; width: 100%; height: 10.42vw; font-size: 3.26vw;}
    .hd_search .search_btn {right: 1.17vw;}
    .hd_search .search_btn img {width: 5.21vw;}
    
    /* quick btn */
    .quick {right: 5.21vw; bottom: 5.21vw;}
    .quick a {width: 10.42vw; height: 10.42vw; box-shadow: 0.00vw 1.30vw 5.21vw 0.00vw #64646F33;}
    .quick a + a {margin-top: 2.60vw;}
    .quick a img {width: 4.30vw;}
    .quick a:nth-child(3) img {width: 4.43vw;}
    .quick .top_btn img {width: 3.39vw;}
    
    /* footer */
    .footer {padding: 14.32vw 0 12.76vw; margin-top: 23.05vw;}
    .footer .inner {flex-direction: column; align-items: flex-start;}
    .footer .logo {width: 40.10vw;}
    .footer .info {margin-top: 6.90vw;}
    .footer .info p {gap: 0.78vw; flex-wrap: wrap;}
    .footer .info p + p {margin-top: 0.78vw;}
    .footer .info p span {font-size: 3.65vw; letter-spacing: -0.07vw; line-height: 1.57; width: 100%;}
    .footer .info p span.addr {line-height: 1.2;}
    .footer .copy {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
    .footer .ft_right {margin-top: 7.81vw; padding-top: 7.81vw; border-top: 0.13vw solid #FFFFFF4D; width: 100%;}
    .footer .use {gap: 3.52vw; justify-content: flex-start;}
    .footer .use a {font-size: 3.65vw; letter-spacing: -0.07vw;}
    .footer .sns {margin-top: 5.08vw; gap: 2.99vw; justify-content: flex-start;}
    .footer .sns img {width: 7.81vw;}
    
    
    /********* main *********/
    /* common */
    /* cursor */
    #cursor_div {display: none;}
    /* sec_tit */
    #main .sec_tit h2 {font-size: 6.77vw; letter-spacing: -0.26vw;}
    #main .sec_tit .desc {margin-top: 0; font-size: 5.21vw; letter-spacing: -0.16vw;}
    /* viewBtn */
    #main .viewBtn {gap: 2.08vw; font-size: 3.39vw; letter-spacing: -0.16vw; width: 30.73vw; height: 9.38vw; border-radius: 7.81vw;}
    #main .viewBtn img {width: 3.65vw;}
    /* viewBtn */
    #main .viewBtn02 {margin-top: 10.42vw; gap: 1.82vw; width: 31.25vw; height: 31.25vw; font-size: 3.13vw;}
    #main .viewBtn02 img {width: 4.14vw;}
    /* noData */
    #main .noData {padding: 13.67vw 0 15.63vw;}
    #main .noData img {width: 5.99vw;}
    #main .noData p {margin-top: 4.56vw; font-size: 3.65vw;}
    
    /* visual */
    #main .visual {height: 143.23vw;}
    #main .visual .txtwrap {bottom: 35.81vw;}
    #main .visual .subTit {font-size: 3.65vw;}
    #main .visual .tit {margin-top: 3.13vw; font-size: 9.38vw; letter-spacing: -0.26vw;}
    #main .visual .desc {margin-top: 3.13vw; font-size: 3.65vw; letter-spacing: 0;}
    #main .visual .bot {bottom: 11.72vw; gap: 5.21vw;}
    #main .visual .arrowBox {gap: 1.69vw;}
    #main .visual .arrow {width: 10.42vw; height: 10.42vw;}
    #main .visual .arrow img {width: 2.60vw;}
    #main .visual .paginatio_cont {margin: 0 3.91vw; width: 37.76vw;}
    #main .visual .swiper-pagination-progressbar {width: 20.83vw; height: 0.42vw;}
    #main .visual .swiper-pagination-fraction span {font-size: 3.65vw; letter-spacing: -0.21vw;}
    
    /* sec01 */
    #main .sec01 {margin-top: 23.44vw;}
    #main .sec01 .sec_tit {margin-bottom: 10.42vw;}
    #main .sec01 .noData {width: calc(100% - 10.42vw); margin: 0 auto;}
    #main .sec01 .slideCont {width: calc(100% - 10.42vw); margin: 0 auto; display: flex; flex-direction: column-reverse; align-items: flex-start; padding: 0 0 11.20vw; gap: 10.42vw; overflow: hidden;}
    #main .sec01 .text_slide {position: relative; top: auto; left: auto; width: 100%;}
    #main .sec01 .text_slide .swiper-slide {padding-top: 0; min-height: 48.44vw;}
    #main .sec01 .text_slide .cate {height: 8.72vw; border-radius: 7.81vw; padding: 0 5.21vw; font-size: 3.65vw; letter-spacing: -0.26vw;}
    #main .sec01 .text_slide h3 {margin-top: 5.21vw; font-size: 6.77vw; letter-spacing: -0.26vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    #main .sec01 .text_slide p {margin-top: 5.21vw; font-size: 4.17vw; letter-spacing: -0.26vw;}
    #main .sec01 .pagination_num {bottom: 0; left: 0; font-size: 3.65vw; letter-spacing: -0.10vw;}
    #main .sec01 .pagination_num .swiper-pagination-current {font-size: 4.17vw;}
    #main .sec01 .pagination_progress {position: absolute; left: 0; bottom: 0; margin: 0 auto; height: 0.78vw; width: 100%;}
    #main .sec01 .slide02 {width: 100%;}
    #main .sec01 .img_slide .swiper-slide {margin: 0;}
    #main .sec01 .img_slide .swiper-slide img {width: 100%;}
    #main .sec01 .arrowBox.mob {display: flex !important; align-items: center; gap: 1.17vw; justify-content: flex-end;}
    #main .sec01 .arrow2 {width: 9.11vw; height: 9.11vw; position: relative; top: auto; right: auto; bottom: auto; left: auto; transform: none; margin: 0;}
    #main .sec01 .arrow2.swiper-button-prev {left: auto;}
    #main .sec01 .arrow2.swiper-button-next {right: auto;}
    #main .sec01 .arrow2 img {width: 2.28vw;}
    /* sec02 */
    #main .sec02 {margin-top: 20.96vw;}
    #main .sec02 .sec_tit {flex-direction: column; align-items: flex-start; gap: 7.81vw;}
    #main .sec02 .sec_tit h2 br {display: none;}
    #main .sec02 .viewBtn {margin-top: 5.21vw;}
    #main .sec02 .desc {margin-top: 0; width: 100%; letter-spacing: -0.16vw; font-size: 3.65vw; line-height: 1.25;}
    #main .sec02 .img {margin: 15.63vw auto 0; width: 100%; height: 91.15vw; background: url('/img/main/m_sec02_img.jpg') no-repeat center/cover;}
    /* sec03 */
    #main .sec03 {padding: 20.83vw 0 25.65vw; margin-top: 20.83vw; height: auto;}
    #main .sec03 .inner {flex-direction: column; align-items: flex-start; gap: 15.76vw;}
    #main .sec03 .sec_tit {margin-top: 0; text-align: center; width: 100%;}
    #main .sec03 .sec_tit .desc {font-size: 3.65vw; letter-spacing: 0; /* letter-spacing: -0.26vw; */ margin-top: 5.21vw;}
    #main .sec03 .viewBtn02 {margin: 10.42vw auto 0;}
    #main .sec03 .list {width: 100%;}
    #main .sec03 .list li {width: 100%;}
    #main .sec03 .list li + li {margin-top: 13.02vw;}
    #main .sec03 .list .txt {margin-top: 7.81vw;}
    #main .sec03 .list .txt h3 {font-size: 6.25vw; letter-spacing: -0.26vw;}
    #main .sec03 .list .txt p {margin-top: 5.21vw; font-size: 3.65vw; /* letter-spacing: -0.26vw; */ letter-spacing: 0;}
    /* sec04 */
    #main .sec04 .flow_text span {font-size: 13.02vw; letter-spacing: 0.26vw;}
    #main .sec04 .inner {margin: 15.63vw auto 23.05vw; flex-direction: column; gap: 15.63vw;}
    #main .sec04 .sec_tit {text-align: center;}
    #main .sec04 .sec_tit .desc {font-size: 3.65vw; margin-top: 3.13vw; /* letter-spacing: -0.16vw; */ letter-spacing: 0;}
    #main .sec04 .viewBtn02 {margin: 10.42vw auto 0;}
    #main .sec04 .list,
    #main .sec04 .noData {width: 100%;}
    #main .sec04 .list a {padding: 3.91vw 0;}
    #main .sec04 .list .cate {height: 7.94vw; width: 20.83vw; border-radius: 26.04vw; font-size: 3.13vw; letter-spacing: -0.13vw;}
    #main .sec04 .list div {gap: 2.60vw; width: 75%;}
    #main .sec04 .list .tit {font-size: 3.65vw; letter-spacing: -0.13vw; width: calc(100% - 20.83vw - 2.60vw);}
    #main .sec04 .list .date {font-size: 3.39vw; letter-spacing: -0.13vw;}
    #main .sec04 .noData {padding: 13.67vw 0 15.63vw;}
    #main .sec04 .noData img {width: 5.99vw;}
    #main .sec04 .noData p {font-size: 3.65vw; margin-top: 4.56vw;}
}

/* board */
.dpp_v_cate.news,
.dpp_basic_tbl > li > .dpp_td_cate.news a {display: inline-flex; align-items: center; justify-content: center; border-radius: 100px; border: 1px solid #303030; width: 90px; height: 34px; font-size: 14px; font-weight: 600; font-family: var(--font-out); padding-bottom: 1px; background: #303030; color: #fff;}
.dpp_v_cate.news[rel="PROJECT"],
.dpp_basic_tbl > li > .dpp_td_cate.news a[rel="PROJECT"] {background: transparent; color: #000; border-color: #000 }
.dpp_v_cate.news {padding: 0; margin-bottom: 0; margin-right: 10px;}
.dpp_v_cate.news::after {display: none;}
@media screen and (max-width: 1640px) {
    .dpp_v_cate.news,
    .dpp_basic_tbl > li > .dpp_td_cate.news a {border-radius: 6.10vw; width: 5.49vw; height: 2.07vw; font-size: 13px; padding: 1px 0 0;}
}
@media screen and (max-width: 1280px) {
    .dpp_v_cate.news,
    .dpp_basic_tbl > li > .dpp_td_cate.news a {border-radius: 6.09vw; width: 6.64vw; height: 2.73vw; font-size: 1.02vw; padding: 0 0 0.04vw;}
}
@media screen and (max-width: 768px) {
    .dpp_basic_tbl > li.dpp_tbl_td {padding: 3.91vw 0; display: flex; align-items: center; gap: 2.60vw;}
    .dpp_v_cate.news,
    .dpp_basic_tbl > li > .dpp_td_cate.news a {border-radius: 26.04vw; width: 20.83vw; height: 7.94vw; font-size: 3.13vw; padding: 0 0 0.07vw;}
    .dpp_basic_tbl > li > div.dpp_td_tt {padding: 0; width: calc(100% - 2.60vw - 20.83vw);}
    .dpp_basic_tbl > li > div.dpp_td_tt a {font-size: 3.65vw; letter-spacing: -0.13vw; line-height: 1.3; font-weight: 500;}
    .dpp_basic_tbl > li > div.dpp_td_cate {margin: 0;}
    .dpp_v_cate.news {margin-bottom: 10px;}
}