.header .gnb > li > a {color: #000;}
.all_menu_btn img {filter: brightness(1) invert(1);}
.header.fixed .all_menu_btn img {filter: brightness(1) invert(0);}
.intro_logo {display: none;}

/* 공통 */
.sub_visual_wrap {margin-top: 180px;}
/* navi */
.sub_visual_wrap .sub_navi ul {display: flex; align-items: center; gap: 0 8px;}
.sub_visual_wrap .sub_navi .dep1 img {width: 20px;}
.sub_visual_wrap .sub_navi .arrow img {width: 18px;}
.sub_visual_wrap .sub_navi a {font-size: 18px; font-weight: 500; line-height: 1.2; font-family: var(--font-mont);}
.sub_visual_wrap .sub_navi .dep2 a {color: #6D6D6D;}
.sub_visual_wrap .sub_navi .dep3 a {color: #000000;}

/* 탭메뉴 */
.sub_visual_wrap .sub_menu_cont {margin-top: 25px; display: flex; align-items: center; justify-content: space-between;}
.sub_visual_wrap .sub_menu_cont h2 {font-size: 80px; font-weight: 700; line-height: 1.2; color: #000; letter-spacing: -1px; font-family: var(--font-mont);}
.sub_visual_wrap .sub_menu_cont .sub_menu ul {display: flex; align-items: center; justify-content: flex-end; gap: 0 45px;}
.sub_visual_wrap .sub_menu_cont .sub_menu ul a {font-size: 22px; font-weight: 700; color: #BEBEBE; font-family: var(--font-mont);}
.sub_visual_wrap .sub_menu_cont .sub_menu ul li.on a {position: relative; color: #000;}
.sub_visual_wrap .sub_menu_cont .sub_menu ul li.on a::before {content: ""; width: 8px; height: 8px; border-radius: 100%; background: #000; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -16px;}

#sub_content{padding:100px 0 0;}


/* ABOUT OI */
.sub_wrap .sub_vis {position: relative; width: 1600px; height: 700px; margin: 0 auto;}
.sub_wrap .sub_vis .txt_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}

.sub_wrap.about {position: relative; padding-bottom: 40px;}
.sub_wrap.about .sub_vis {background: url(/img/sub/about_img.jpg) no-repeat center/cover;}
.sub_wrap.about .sub_vis .txt_box {width: 100%;}
.sub_wrap.about .sub_vis .txt_box .logo {display: block; text-align: center;}
.sub_wrap.about .sub_vis .txt_box .logo img {width: 280px;}
.sub_wrap.about .sub_vis .txt_box .line {margin: 60px auto; width: 80px; height: 1px; background: #fff; display: block;}
.sub_wrap.about .sub_vis .txt_box .txt {text-align: center;}
.sub_wrap.about .sub_vis .txt_box .txt > div {display: inline-block; margin: 0 5px; letter-spacing: -1px;}
.sub_wrap.about .sub_vis .txt_box .txt span {/* font-size: 25px; */ font-size: 30px; font-weight: 700; color: #fff; opacity: .5; line-height: 1.5; font-family: var(--font-rg);}
.sub_wrap.about .info {margin-top: 100px; margin-left: 400px;}
.sub_wrap.about .info p {font-size: 20px; font-weight: 400; color: #6D6D6D; line-height: 1.5;}
.sub_wrap.about .info p + p {margin-top: 25px;}
.sub_wrap.about .info p strong {font-weight: 700;}
.sub_wrap.about .circle {position: absolute; bottom: -275px; left: -60px; z-index: -1; animation: rotate_image 15s linear infinite; transform-origin: 50% 50%;}
.sub_wrap.about .circle img {width: 500px;}

/* SURVICE */
.sub_wrap.service {position: relative;}
.sub_wrap.service .sub_vis {background: url(/img/sub/service_img.jpg) no-repeat center/cover;}
.sub_wrap.service .txt_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100vw;}
.sub_wrap.service .txt {text-align: center;}
.sub_wrap.service .txt p {display: inline-block; letter-spacing: -1px;}
.sub_wrap.service .txt p + p {margin: 0 5px;}
.sub_wrap.service .txt div + div {margin-top: 35px;}
.sub_wrap.service .txt span {/* font-size: 25px; */ font-size: 30px; font-weight: 700; color: #fff; opacity: .5; line-height: 1.4; font-family: var(--font-rg);}
.sub_wrap.service .sec_tit h2 {font-size: 70px; font-weight: 600; color: #000; letter-spacing: -1px; line-height: 1.2; font-family: var(--font-mont);}
.sub_wrap.service .sec_tit p {font-size: 22px; font-weight: 400; color: #6D6D6D; line-height: 2; letter-spacing: -.5px;}
.sub_wrap.service .sec1 {margin-top: 150px;}
.sub_wrap.service .sec1 .sec_tit {display: flex; align-items: flex-end; gap: 0 50px;}
.sub_wrap.service .sec1 ul {margin-top: 60px; display: flex; align-items: flex-start; gap: 50px; flex-wrap: wrap;}
.sub_wrap.service .sec1 ul li {width: calc(100%/3 - 34px);}
.sub_wrap.service .sec1 ul li .img {width: 100%;}
.sub_wrap.service .sec1 ul li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_wrap.service .sec1 ul li .txt {margin-top: 50px; text-align: center;}
.sub_wrap.service .sec1 ul li .txt strong {display: block; font-size: 30px; font-weight: 700; color: #000; letter-spacing: -.5px; line-height: 1.2;}
.sub_wrap.service .sec1 ul li .txt p {margin-top: 25px; font-size: 18px; font-weight: 400; letter-spacing: -.5px; line-height: 1.5; color: #6D6D6D;}
.sub_wrap.service .sec2 {margin-top: 150px; background: url(/img/sub/service_img2.jpg) no-repeat center/cover; height: 100vh;}
.sub_wrap.service .sec2 .inner {position: relative; display: flex; justify-content: flex-end;}
.sub_wrap.service .sec2 .left {position: absolute; top: 211px; left: 0;}
.sub_wrap.service .sec2 .left h2 {color: #fff;}
.sub_wrap.service .sec2 .left p {color: #fff; margin-top: 20px;}
.sub_wrap.service .sec2 .list_cont {width: calc(100% + 320px); height: 100vh; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: flex-end; overflow: hidden; padding: 0 160px;}
.sub_wrap.service .sec2 .list {padding: 120px 0 230px; width: 1000px; height: calc(100vh + 5px); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 100px;}
.sub_wrap.service .sec2 .list .item {width: calc(50% - 50px); background: #FFFFFF33; padding: 70px 39px; display: flex; flex-direction: column; justify-content: space-between; gap: 115px 0; backdrop-filter: blur(8px);}
.sub_wrap.service .sec2 .list .item:nth-child(odd) {transform: translateY(161px);}
.sub_wrap.service .sec2 .list .item img {width: 90px;}
.sub_wrap.service .sec2 .list .item .txt {text-align: left;}
.sub_wrap.service .sec2 .list .item h2 {font-size: 60px; font-weight: 800; color: #fff; line-height: 1.2; opacity: .3;}
.sub_wrap.service .sec2 .list .item strong {display: block; margin-top: 9px; font-size: 35px; font-weight: 700; letter-spacing: -.5px; color: #fff; line-height: 1.2;}
.sub_wrap.service .sec2 .list .item p {margin-top: 25px; font-size: 18px; font-weight: 400; letter-spacing: -.5px; color: #fff; line-height: 1.5;}

/* CONSORTIUM */
.sub_wrap.consortium .sec1 .inner {display: flex; align-items: flex-end; justify-content: space-between; height: 610px;}
.sub_wrap.consortium .sec1 .img img {width: 380px;}
.sub_wrap.consortium .sec1 .left {display: flex; align-items: flex-start; height: 100%;}
.sub_wrap.consortium .sec1 .txt {text-align: center;}
.sub_wrap.consortium .sec1 .txt p {font-size: 20px; font-weight: 400; color: #6D6D6D; line-height: 1.5;}
.sub_wrap.consortium .sec1 .txt p strong {font-weight: 700;}
.sub_wrap.consortium .sec1 .txt p + p {margin-top: 25px;}
.sub_wrap.consortium .sec1 .mid img {margin-top: 50px; width: 670px;}
.sub_wrap.consortium .sec2 {/* margin-top: 150px; */ background: url(/img/sub/consortium_img3.jpg) no-repeat center/cover; padding: 133px 0 147px;}
.sub_wrap.consortium .sec2 h2 {font-size: 70px; font-weight: 600; letter-spacing: -1px; line-height: 1.2; font-family: var(--font-mont);}
.sub_wrap.consortium .sec2 h2 p {font-size: 22px; font-weight: 400; color: #333; letter-spacing: -.5px; line-height: 1.4; font-family: var(--font-pre); margin-top: 25px;}
.sub_wrap.consortium .sec2 ul {margin-top: 55px; display: flex; align-items: center; gap: 0 40px;}
.sub_wrap.consortium .sec2 ul li {position: relative; width: calc(100%/4 - 30px); background: #ffffff20; backdrop-filter: blur(8px); padding: 50px 30px 44px;}
.sub_wrap.consortium .sec2 ul li + li::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -40px; display: block; width: 45px; height: 10px; background: url(/img/sub/consortium_line.svg) center/contain;}
.sub_wrap.consortium .sec2 ul li h3 {font-size: 50px; font-weight: 800; color: #000; opacity: .15; line-height: 1.2;}
.sub_wrap.consortium .sec2 ul li strong {display: block; margin-top: 30px; font-size: 22px; font-weight: 700; letter-spacing: -.5px; line-height: 1.4;}
.sub_wrap.consortium .sec2 ul li p {font-size: 20px; font-weight: 500; color: #6D6D6D; letter-spacing: -.5px; line-height: 1.6;}
.sub_wrap.consortium .sec2 .info {margin-top: 80px; display: flex; align-items: flex-end; justify-content: space-between;}
.sub_wrap.consortium .sec2 .info p {font-size: 20px; font-weight: 400; color: #333; line-height: 1.5;}
.sub_wrap.consortium .sec2 .info p + p {margin-top: 25px;}
.sub_wrap.consortium .sec2 .info p strong {font-weight: 700;}
.sub_wrap.consortium .sec2 .info a {width: 140px; height: 140px; border-radius: 100%; background: #000; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.sub_wrap.consortium .sec2 .info a .circle {width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub_wrap.consortium .sec2 .info a .circle img {width: 100%; height: 100%; animation: rotate_image 8s linear infinite; transform-origin: 50% 50%;}
.sub_wrap.consortium .sec2 .info a .text {font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -.5px; line-height: 1.2; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 13px;}
.sub_wrap.consortium .sec2 .info a .text img {width: 25px; margin-top: 5px;}

/* PEOPLE */
.sub_wrap.people .box {transition: all .3s;}
.sub_wrap.people .box .top {padding-bottom: 30px; border-bottom: 1px solid #ffffff50;}
.sub_wrap.people .box .top h2 {font-size: 30px; font-weight: 700; letter-spacing: -1px; line-height: 1.2; display: flex; align-items: flex-end; gap: 0 20px;}
.sub_wrap.people .box .top h2 span {font-size: 20px; font-weight: 400; letter-spacing: -.6px; line-height: 1.2;}
.sub_wrap.people .box .top h2 + p {margin-top: 20px; display: flex; align-items: center; gap: 0 20px; opacity: .5;}
.sub_wrap.people .box .top h2 + p strong {font-size: 20px; font-weight: 600; letter-spacing: -1px; line-height: 1.2; font-family: var(--font-mont);}
.sub_wrap.people .box .top h2 + p span {font-size: 16px; font-weight: 600; letter-spacing: -.5px; font-family: var(--font-mont);}
.sub_wrap.people .box .bot {margin-top: 40px;}
.sub_wrap.people .box .bot li {position: relative; font-size: 18px; font-weight: 400; letter-spacing: -.5px; line-height: 1.7; padding-left: 15px;}
.sub_wrap.people .box .bot li::before {content: ""; width: 5px; height: 5px; border-radius: 100%; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.sub_wrap.people .box .bot.flex {display: flex; align-items: flex-start; gap: 0 37px;}
.sub_wrap.people .sec1 {background: url(/img/sub/people_img1.jpg) no-repeat center/cover; padding: 125px 0;}
.sub_wrap.people .sec1 .inner {display: flex; align-items: center; justify-content: space-between; gap: 0 50px;}
.sub_wrap.people .sec1 .box {width: 775px; height: 500px; padding: 70px 50px 56px; background: #00000020; backdrop-filter: blur(8px); border: 1px solid transparent;}
.sub_wrap.people .sec1 .box:first-child {transition: all .1s;}
.sub_wrap.people .sec1 .box.box:hover {border: 1px solid #fff;}
.sub_wrap.people .sec1 .box.showcursor {cursor: pointer;}
.sub_wrap.people .sec1 .box * {color: #fff;}
.sub_wrap.people .sec1 .box .top {display: flex; align-items: center; justify-content: space-between;}
.sub_wrap.people .sec1 .box .right {font-size: 20px; font-weight: 700; letter-spacing: -.5px; line-height: 1.6; margin-right: 58px;}
.sub_wrap.people .sec2 {padding: 120px 0;}
.sub_wrap.people .sec2 .inner {display: flex; align-items: flex-start; justify-content: space-between;}
.sub_wrap.people .sec2 .box {/* width: 500px; */ width: calc(50% - 20px); height: 560px; border: 1px solid #00000033; padding: 60px 41px 52px; background: #fff;}
.sub_wrap.people .sec2 .box:hover {border-color: #000;}
.sub_wrap.people .sec2 .box .top {border-bottom: 1px solid #00000033;}
.sub_wrap.people .sec2 .box .bot li {color: #6D6D6D;}
.sub_wrap.people .sec2 .box .bot li::before {background: #6D6D6D;}
.people_popup_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #00000099; z-index: 1000;}
.people_popup_wrap .close {position: absolute; top: 50px; right: 60px; cursor: pointer;}
.people_popup_wrap .close img {width: 40px;}
.people_popup_wrap .cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1100px; height: 800px;}
.people_popup_wrap .cont .mySwiper {width: 800px; margin: 0 auto;}
.people_popup_wrap .cont .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.people_popup_wrap .cont .arrow {width: 80px; margin: 0; top: 50% !important; transform: translateY(-50%); top: auto; right: auto; bottom: auto; left: auto;}
.people_popup_wrap .cont .arrow.swiper-button-prev {left: 0;}
.people_popup_wrap .cont .arrow.swiper-button-next {right: 0;}
.people_popup_wrap .cont .arrow::after {display: none;}

/* 오시는길 */
.sub_wrap.map {padding-bottom: 50px;}
.sub_wrap.map #map,
.sub_wrap.map #map .wrap_map {width: 100% !important; height: 700px;}
.sub_wrap.map #map .wrap_controllers,
.sub_wrap.map #map .map_border {display: none;}
.sub_wrap.map .info_cont {position: relative; width: 1400px; margin: -88px auto 0; background: #fff; border: 1px solid #00000033; padding: 52px 88px; display: flex; align-items: center; gap: 0 75px; z-index: 1;}
.sub_wrap.map .info_cont .line {width: 1px; height: 71px; background: #00000033;}
.sub_wrap.map .info_cont .logo img {width: 250px;}
.sub_wrap.map .info_cont .info {display: flex; align-items: flex-start; gap: 0 72px;}
.sub_wrap.map .info_cont .info p {display: flex; align-items: center; gap: 0 20px;}
.sub_wrap.map .info_cont .info p strong {display: flex; align-items: center; gap: 0 10px; font-size: 20px; font-weight: 600; letter-spacing: -.5px; line-height: 1.2; font-family: var(--font-mont);}
.sub_wrap.map .info_cont .info p strong img {width: 26px;}
.sub_wrap.map .info_cont .info .flex {margin-top: 20px; display: flex; align-items: center; gap: 0 50px;}
.sub_wrap.map .info_cont .info span {font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.5px; line-height: 1.16;}
.sub_wrap.map .info_cont .view_map {display: flex; align-items: center; justify-content: center; gap: 0 14px; width: 154px; height: 44px; background: #000; font-size: 16px; font-weight: 400; color: #fff; font-family: var(--font-mont);}
.sub_wrap.map .info_cont .view_map img {width: 10px; filter: var(--filter-white);}

/* 갤러리게시판 */
#sub_content .dpp_bd_wrap {border: 0;}
#sub_content .dpp_gal_list {padding-top: 0; display: flex; flex-wrap: wrap; gap: 50px; margin: 0;}
#sub_content .dpp_gal_list .num-3 {padding: 0; width: calc(100%/3 - 34px);}
#sub_content .dpp_gal_list .dpp_imgArea {padding-top: 350px; margin-bottom: 25px;}
#sub_content .dpp_gal_list .dpp_imgArea img {height: 100%; object-fit: cover; object-position: center;}
#sub_content .dpp_gal_list dt,
#sub_content .dpp_gal_list .dpp_pic_hf {margin: 0;}
#sub_content .dpp_gal_list .dpp_pic_hf a {font-size: 20px; font-weight: 500; color: #000; letter-spacing: -.5px; line-height: 1.2;}









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

    /* 공통 */
    .sub_visual_wrap {margin-top: 10.98vw;}
    /* navi */
    .sub_visual_wrap .sub_navi ul { gap: 0 0.49vw;}
    .sub_visual_wrap .sub_navi .dep1 img {width: 1.22vw;}
    .sub_visual_wrap .sub_navi .arrow img {width: 1.10vw;}
    .sub_visual_wrap .sub_navi a {font-size: 1.10vw;}
    /* 탭메뉴 */
    .sub_visual_wrap .sub_menu_cont {margin-top: 1.52vw;}
    .sub_visual_wrap .sub_menu_cont h2 {font-size: 4.88vw;  letter-spacing: -0.06vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul {gap: 0 2.74vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul a {font-size: 1.34vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul li.on a::before {width: 0.49vw; height: 0.49vw; top: -0.98vw;}
    
    #sub_content{padding:6.10vw 0 0;}

    /* ABOUT OI */
    .sub_wrap .sub_vis {width: 97.56vw; height: 42.68vw;}

    .sub_wrap.about {padding-bottom: 2.44vw;}
    .sub_wrap.about .sub_vis .txt_box .logo img {width: 17.07vw;}
    .sub_wrap.about .sub_vis .txt_box .line {margin: 3.66vw auto; width: 4.88vw; height: 0.06vw;}
    .sub_wrap.about .sub_vis .txt_box .txt > div {margin: 0 0.30vw;}
    .sub_wrap.about .sub_vis .txt_box .txt span {/* font-size: 1.52vw; */ font-size: 1.82vw;}
    .sub_wrap.about .info {margin-top: 6.10vw; margin-left: 24.39vw;}
    .sub_wrap.about .info p {font-size: 1.22vw;}
    .sub_wrap.about .info p + p {margin-top: 1.52vw;}
    .sub_wrap.about .circle {bottom: -16.77vw; left: -3.66vw;}
    .sub_wrap.about .circle img {width: 30.49vw;}

    /* SURVICE */
    .sub_wrap.service .txt p + p {margin: 0 .3vw;}
    .sub_wrap.service .txt div + div {margin-top: 2.13vw;}
    .sub_wrap.service .txt span {/* font-size: 1.52vw; */ font-size: 1.82vw;}
    .sub_wrap.service .sec_tit h2 {font-size: 4.27vw; letter-spacing: -0.06vw;}
    .sub_wrap.service .sec_tit p {font-size: 1.34vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec1 {margin-top: 9.15vw;}
    .sub_wrap.service .sec1 .sec_tit {gap: 0 3.05vw;}
    .sub_wrap.service .sec1 ul {margin-top: 3.66vw; gap: 3.05vw;}
    .sub_wrap.service .sec1 ul li {width: calc(100%/3 - 2.01vw);}
    .sub_wrap.service .sec1 ul li .txt {margin-top: 3.05vw;}
    .sub_wrap.service .sec1 ul li .txt strong {font-size: 1.83vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec1 ul li .txt p {margin-top: 1.52vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec2 {margin-top: 9.15vw;}
    .sub_wrap.service .sec2 .left {top: 12.87vw; left: 0;}
    .sub_wrap.service .sec2 .left p {margin-top: 1.22vw;}
    .sub_wrap.service .sec2 .list_cont {width: calc(100% + 19.51vw); height: 100vh; padding: 0 9.76vw;}
    .sub_wrap.service .sec2 .list {padding: 7.32vw 0 14.02vw; width: 60.98vw; height: calc(100vh + 0.30vw); gap: 6.10vw;}
    .sub_wrap.service .sec2 .list .item {width: calc(50% - 3.05vw); padding: 4.27vw 2.3vw; gap: 7.01vw 0;}
    .sub_wrap.service .sec2 .list .item:nth-child(odd) {transform: translateY(9.82vw);}
    .sub_wrap.service .sec2 .list .item img {width: 5.49vw;}
    .sub_wrap.service .sec2 .list .item h2 {font-size: 3.66vw;}
    .sub_wrap.service .sec2 .list .item strong {margin-top: 0.55vw; font-size: 2.13vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec2 .list .item p {margin-top: 1.52vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    
    /* CONSORTIUM */
    .sub_wrap.consortium .sec1 .inner {height: 37.20vw;}
    .sub_wrap.consortium .sec1 .img img {width: 23.17vw;}
    .sub_wrap.consortium .sec1 .txt p {font-size: 1.22vw;}
    .sub_wrap.consortium .sec1 .txt p + p {margin-top: 1.52vw;}
    .sub_wrap.consortium .sec1 .mid img {margin-top: 3.05vw; width: 40.85vw;}
    .sub_wrap.consortium .sec2 {/* margin-top: 9.15vw; */ padding: 8.11vw 0 8.96vw;}
    .sub_wrap.consortium .sec2 h2 {font-size: 4.27vw; letter-spacing: -0.06vw;}
    .sub_wrap.consortium .sec2 h2 p {font-size: 1.34vw; letter-spacing: -0.03vw; margin-top: 1.52vw;}
    .sub_wrap.consortium .sec2 ul {margin-top: 3.35vw; gap: 0 2.44vw;}
    .sub_wrap.consortium .sec2 ul li {width: calc(100%/4 - 1.83vw); padding: 3.05vw 1.83vw 2.68vw;}
    .sub_wrap.consortium .sec2 ul li + li::before {left: -2.44vw; width: 2.74vw; height: 0.61vw;}
    .sub_wrap.consortium .sec2 ul li h3 {font-size: 3.05vw;}
    .sub_wrap.consortium .sec2 ul li strong {margin-top: 1.83vw; font-size: 1.34vw; letter-spacing: -0.03vw;}
    .sub_wrap.consortium .sec2 ul li p {font-size: 1.22vw; letter-spacing: -0.03vw;}
    .sub_wrap.consortium .sec2 .info {margin-top: 4.88vw;}
    .sub_wrap.consortium .sec2 .info p {font-size: 1.22vw;}
    .sub_wrap.consortium .sec2 .info p + p {margin-top: 1.52vw;}
    .sub_wrap.consortium .sec2 .info a {width: 8.54vw; height: 8.54vw; }
    .sub_wrap.consortium .sec2 .info a .circle {width: calc(100% - 1.22vw); height: calc(100% - 1.22vw);}
    .sub_wrap.consortium .sec2 .info a .text {font-size: 1.10vw; letter-spacing: -0.03vw; margin-top: 0.79vw;}
    .sub_wrap.consortium .sec2 .info a .text img {width: 1.52vw; margin-top: 0.30vw;}

    /* PEOPLE */
    .sub_wrap.people .box .top {padding-bottom: 1.83vw;}
    .sub_wrap.people .box .top h2 {font-size: 1.83vw; letter-spacing: -0.06vw; gap: 0 1.22vw;}
    .sub_wrap.people .box .top h2 span {font-size: 1.22vw; letter-spacing: -0.04vw;}
    .sub_wrap.people .box .top h2 + p {margin-top: 1.22vw; gap: 0 1.22vw;}
    .sub_wrap.people .box .top h2 + p strong {font-size: 1.22vw; letter-spacing: -0.06vw;}
    .sub_wrap.people .box .top h2 + p span {font-size: 0.98vw; letter-spacing: -0.03vw;}
    .sub_wrap.people .box .bot {margin-top: 2.44vw;}
    .sub_wrap.people .box .bot li {font-size: 1.10vw; letter-spacing: -0.03vw; padding-left: 0.91vw;}
    .sub_wrap.people .box .bot li::before {width: 0.30vw; height: 0.30vw;}
    .sub_wrap.people .box .bot.flex {gap: 0 2.26vw;}
    .sub_wrap.people .sec1 {padding: 7.62vw 0;}
    .sub_wrap.people .sec1 .inner { gap: 0 3.05vw;}
    .sub_wrap.people .sec1 .box {width: 47.26vw; height: 30.49vw; padding: 4.27vw 3.05vw 3.41vw;}
    .sub_wrap.people .sec1 .box .right {font-size: 1.22vw; letter-spacing: -0.03vw; margin-right: 3.54vw;}
    .sub_wrap.people .sec2 {padding: 7.32vw 0;}
    .sub_wrap.people .sec2 .box {width: 48vw; height: 34.15vw; padding: 3.66vw 2.50vw 3.17vw;}
    .people_popup_wrap .close {top: 3.05vw; right: 3.66vw;}
    .people_popup_wrap .close img {width: 2.44vw;}
    .people_popup_wrap .cont { width: 67.07vw; height: 48.78vw;}
    .people_popup_wrap .cont .mySwiper {width: 48.78vw;}
    .people_popup_wrap .cont .arrow {width: 4.88vw;}

    /* 오시는길 */
    .sub_wrap.map {padding-bottom: 3.05vw;}
    .sub_wrap.map #map,
    .sub_wrap.map #map .wrap_map {height: 42.68vw;}
    .sub_wrap.map .info_cont {width: 85.37vw; margin: -5.37vw auto 0; padding: 3.17vw 5.37vw; gap: 0 4.57vw;}
    .sub_wrap.map .info_cont .line {width: 0.06vw; height: 4.33vw;}
    .sub_wrap.map .info_cont .logo img {width: 15.24vw;}
    .sub_wrap.map .info_cont .info {gap: 0 4vw;}
    .sub_wrap.map .info_cont .info p {gap: 0 1.22vw;}
    .sub_wrap.map .info_cont .info p strong {gap: 0 0.61vw; font-size: 1.22vw; letter-spacing: -0.03vw;}
    .sub_wrap.map .info_cont .info p strong img {width: 1.59vw;}
    .sub_wrap.map .info_cont .info .flex {margin-top: 1.22vw; gap: 0 3.05vw;}
    .sub_wrap.map .info_cont .info span {font-size: 1.10vw; letter-spacing: -0.03vw;}
    .sub_wrap.map .info_cont .view_map {gap: 0 0.85vw; width: 9.39vw; height: 2.68vw; font-size: 0.98vw;}
    .sub_wrap.map .info_cont .view_map img {width: 0.61vw;}

    /* 갤러리게시판 */
    #sub_content .dpp_gal_list {gap: 3.05vw;}
    #sub_content .dpp_gal_list .num-3 {width: calc(100%/3 - 2.07vw);}
    #sub_content .dpp_gal_list .dpp_imgArea {padding-top: 21.34vw; margin-bottom: 1.52vw;}
    #sub_content .dpp_gal_list .dpp_pic_hf a {font-size: 1.22vw; letter-spacing: -0.03vw;}

}



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

    /* 공통 */
    .sub_visual_wrap {margin-top: 9.38vw;}
    /* navi */
    .sub_visual_wrap .sub_navi ul { gap: 0 0.39vw;}
    .sub_visual_wrap .sub_navi .dep1 img {width: 1.17vw;}
    .sub_visual_wrap .sub_navi .arrow img {width: 1.09vw;}
    .sub_visual_wrap .sub_navi a {font-size: 1.09vw;}
    /* 탭메뉴 */
    .sub_visual_wrap .sub_menu_cont {margin-top: 1.56vw;}
    .sub_visual_wrap .sub_menu_cont h2 {font-size: 4.30vw;  letter-spacing: -0.05vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul {gap: 0 2.34vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul a {font-size: 1.25vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul li.on a::before {width: 0.47vw; height: 0.47vw; top: -0.86vw;}
    
    #sub_content{padding:7.81vw 0 0;}

    /* ABOUT OI */
    .sub_wrap .sub_vis {width: 93.75vw; height: 41.02vw;}

    .sub_wrap.about {padding-bottom: 2.42vw;}
    .sub_wrap.about .sub_vis .txt_box .logo img {width: 17.03vw;}
    .sub_wrap.about .sub_vis .txt_box .line {margin: 3.67vw auto; width: 4.84vw; height: 0.08vw;}
    .sub_wrap.about .sub_vis .txt_box .txt > div {margin: 0 0.31vw;}
    .sub_wrap.about .sub_vis .txt_box .txt span {/* font-size: 1.41vw; */ font-size: 1.81vw;}
    .sub_wrap.about .info {margin-top: 6.09vw; margin-left: 27.34vw;}
    .sub_wrap.about .info p {font-size: 1.25vw;}
    .sub_wrap.about .info p + p {margin-top: 1.80vw;}
    .sub_wrap.about .circle {bottom: -16.80vw; left: -3.67vw;}
    .sub_wrap.about .circle img {width: 30.47vw;}

    /* SURVICE */
    .sub_wrap.service .txt p + p {margin: 0 .31vw;}
    .sub_wrap.service .txt div + div {margin-top: 1.80vw;}
    .sub_wrap.service .txt span {/* font-size: 1.41vw; */ font-size: 1.81vw;}
    .sub_wrap.service .sec_tit h2 {font-size: 3.75vw; letter-spacing: -0.05vw;}
    .sub_wrap.service .sec_tit p {font-size: 1.25vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec1 {margin-top: 7.81vw;}
    .sub_wrap.service .sec1 .sec_tit {gap: 0 2.58vw;}
    .sub_wrap.service .sec1 ul {margin-top: 3.13vw; gap: 2.97vw;}
    .sub_wrap.service .sec1 ul li {width: calc(100%/3 - 2.03vw);}
    .sub_wrap.service .sec1 ul li .txt {margin-top: 2.73vw;}
    .sub_wrap.service .sec1 ul li .txt strong {font-size: 1.56vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec1 ul li .txt p {margin-top: 1.33vw; font-size: 1.09vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec2 {margin-top: 4.45vw;}
    .sub_wrap.service .sec2 .left {top: 11.02vw; left: 0;}
    .sub_wrap.service .sec2 .left p {margin-top: 1.02vw;}
    .sub_wrap.service .sec2 .list_cont {width: calc(100% + 16.72vw); padding: 0 8.36vw; height: 100vh;}
    .sub_wrap.service .sec2 .list {padding: 6.25vw 0 13.98vw; width: 52.19vw; gap: 5.23vw;}
    .sub_wrap.service .sec2 .list .item {width: calc(50% - 2.66vw); padding: 3.67vw 2.11vw; gap: 3.67vw 0;}
    .sub_wrap.service .sec2 .list .item:nth-child(odd) {transform: translateY(8.36vw);}
    .sub_wrap.service .sec2 .list .item img {width: 4.69vw;}
    .sub_wrap.service .sec2 .list .item h2 {font-size: 3.13vw;}
    .sub_wrap.service .sec2 .list .item strong {margin-top: 0.63vw; font-size: 1.80vw; letter-spacing: -0.03vw;}
    .sub_wrap.service .sec2 .list .item p {margin-top: 1.33vw; font-size: 1.06vw; letter-spacing: -0.03vw;}

    /* CONSORTIUM */
    .sub_wrap.consortium .sec1 .inner {height: 37.19vw;}
    .sub_wrap.consortium .sec1 .img img {width: 23.20vw;}
    .sub_wrap.consortium .sec1 .txt p {font-size: 1.25vw;}
    .sub_wrap.consortium .sec1 .txt p + p {margin-top: 1.80vw;}
    .sub_wrap.consortium .sec1 .mid img {margin-top: 3.05vw; width: 40.86vw;}
    .sub_wrap.consortium .sec2 {/* margin-top: 9.14vw; */ padding: 8.13vw 0 8.98vw;}
    .sub_wrap.consortium .sec2 h2 {font-size: 3.75vw; letter-spacing: -0.05vw;}
    .sub_wrap.consortium .sec2 h2 p {font-size: 1.25vw; letter-spacing: -0.03vw; margin-top: 1.8vw;}
    .sub_wrap.consortium .sec2 ul {margin-top: 3.36vw; gap: 0 2.42vw;}
    .sub_wrap.consortium .sec2 ul li {width: calc(100%/4 - 1.80vw); padding: 3.05vw 1.80vw 2.66vw;}
    .sub_wrap.consortium .sec2 ul li + li::before {left: -2.42vw; width: 2.73vw; height: 0.63vw;}
    .sub_wrap.consortium .sec2 ul li h3 {font-size: 3.05vw;}
    .sub_wrap.consortium .sec2 ul li strong {margin-top: 1.80vw; font-size: 1.33vw; letter-spacing: -0.00vw;}
    .sub_wrap.consortium .sec2 ul li p {font-size: 1.25vw; letter-spacing: -0.00vw;}
    .sub_wrap.consortium .sec2 .info {margin-top: 4.84vw;}
    .sub_wrap.consortium .sec2 .info p {font-size: 1.25vw;}
    .sub_wrap.consortium .sec2 .info p + p {margin-top: 1.80vw;}
    .sub_wrap.consortium .sec2 .info a {width: 8.52vw; height: 8.52vw; }
    .sub_wrap.consortium .sec2 .info a .circle {width: calc(100% - 1.25vw); height: calc(100% - 1.25vw);}
    .sub_wrap.consortium .sec2 .info a .text {font-size: 1.09vw; letter-spacing: -0.00vw; margin-top: 0.78vw;}
    .sub_wrap.consortium .sec2 .info a .text img {width: 1.48vw; margin-top: 0.31vw;}

    /* PEOPLE */
    .sub_wrap.people .box .top {padding-bottom: 1.80vw;}
    .sub_wrap.people .box .top h2 {font-size: 1.80vw; letter-spacing: -0.08vw; gap: 0 1.25vw;}
    .sub_wrap.people .box .top h2 span {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .sub_wrap.people .box .top h2 + p {margin-top: 1.25vw; gap: 0 1.25vw;}
    .sub_wrap.people .box .top h2 + p strong {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .sub_wrap.people .box .top h2 + p span {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .sub_wrap.people .box .bot {margin-top: 2.42vw;}
    .sub_wrap.people .box .bot li {font-size: 1.09vw; letter-spacing: -0.00vw; padding-left: 0.94vw;}
    .sub_wrap.people .box .bot li::before {width: 0.31vw; height: 0.31vw;}
    .sub_wrap.people .box .bot.flex {gap: 0 2.27vw;}
    .sub_wrap.people .sec1 {padding: 7.66vw 0;}
    .sub_wrap.people .sec1 .inner { gap: 0 3.91vw;}
    .sub_wrap.people .sec1 .box {width: 47.27vw; height: 33.47vw; padding: 4.30vw 3.05vw 3.44vw;}
    .sub_wrap.people .sec1 .box .right {font-size: 1.25vw; letter-spacing: -0.00vw; margin-right: 3.52vw;}
    .sub_wrap.people .sec2 {padding: 7.34vw 0;}
    .sub_wrap.people .sec2 .box {width: calc(50% - 1.2vw); height: 34.14vw; padding: 3.67vw 2.50vw 3.20vw;}
    .people_popup_wrap .close {top: 3.05vw; right: 3.67vw;}
    .people_popup_wrap .close img {width: 2.42vw;}
    .people_popup_wrap .cont { width: 66.03vw; height: 47.66vw;}
    .people_popup_wrap .cont .mySwiper {width: 47.66vw;}
    .people_popup_wrap .cont .arrow {width: 4.84vw;}

    /* 오시는길 */
    .sub_wrap.map {padding-bottom: 3.05vw;}
    .sub_wrap.map #map,
    .sub_wrap.map #map .wrap_map {height: 42.66vw;}
    .sub_wrap.map .info_cont {width: 85.39vw; margin: -5.39vw auto 0; padding: 3.20vw 4.69vw; gap: 0 4.53vw;}
    .sub_wrap.map .info_cont .line {width: 0.08vw; height: 4.30vw;}
    .sub_wrap.map .info_cont .logo img {width: 15.23vw;}
    .sub_wrap.map .info_cont .info {gap: 0 4vw;}
    .sub_wrap.map .info_cont .info p {gap: 0 1.25vw;}
    .sub_wrap.map .info_cont .info p strong {gap: 0 0.63vw; font-size: 1.25vw; letter-spacing: -0.00vw;}
    .sub_wrap.map .info_cont .info p strong img {width: 1.56vw;}
    .sub_wrap.map .info_cont .info .flex {margin-top: 1.25vw; gap: 0 3.05vw;}
    .sub_wrap.map .info_cont .info span {font-size: 1.09vw; letter-spacing: -0.00vw;}
    .sub_wrap.map .info_cont .view_map {gap: 0 0.86vw; width: 9.38vw; height: 2.66vw; font-size: 1.02vw;}
    .sub_wrap.map .info_cont .view_map img {width: 0.63vw;}

    /* 갤러리게시판 */
    #sub_content .dpp_gal_list {gap: 3.05vw;}
    #sub_content .dpp_gal_list .num-3 {width: calc(100%/3 - 2.04vw);}
    #sub_content .dpp_gal_list .dpp_imgArea {padding-top: 21.33vw; margin-bottom: 1.48vw;}
    #sub_content .dpp_gal_list .dpp_pic_hf a {font-size: 1.25vw; letter-spacing: -0.00vw;}

}



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

    /* 공통 */
    .sub_visual_wrap {margin-top: 31.25vw;}
    /* navi */
    .sub_visual_wrap .sub_navi ul { gap: 0 1.43vw;}
    .sub_visual_wrap .sub_navi .dep1 img {width: 3.91vw;}
    .sub_visual_wrap .sub_navi .arrow img {width: 3.65vw;}
    .sub_visual_wrap .sub_navi a {font-size: 3.65vw;}
    /* 탭메뉴 */
    .sub_visual_wrap .sub_menu_cont {margin-top: 5.21vw; flex-direction: column; align-items: flex-start; gap: 12.76vw 0;}
    .sub_visual_wrap .sub_menu_cont h2 {/* font-size: 14.32vw; */ font-size: 11.32vw; letter-spacing: -0.17vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu {overflow-x: scroll; width: calc(100% + 6.25vw); margin-left: -3.13vw; -ms-overflow-style: none; scrollbar-width: none;}
    .sub_visual_wrap .sub_menu_cont .sub_menu::-webkit-scrollbar {display: none;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul {justify-content: flex-start; gap: 0 7.81vw; white-space: nowrap; overflow: hidden; overflow-x: scroll; padding:2.86vw 3.13vw 0; -ms-overflow-style: none; scrollbar-width: none;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul::-webkit-scrollbar {display: none;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul a {font-size: 4.17vw;}
    .sub_visual_wrap .sub_menu_cont .sub_menu ul li.on a::before {width: 1.56vw; height: 1.56vw; top: -2.86vw;}
    
    #sub_content {padding: 20.96vw 0 0;}

    /* ABOUT OI */
    .sub_wrap .sub_vis {width: 100%; height: 156.25vw;}

    .sub_wrap.about {padding-bottom: 20.96vw;}
    .sub_wrap.about .sub_vis .txt_box .logo img {width: 56.51vw;}
    .sub_wrap.about .sub_vis .txt_box .line {margin: 12.24vw auto; width: 16.02vw; height: 0.26vw;}
    .sub_wrap.about .sub_vis .txt_box .txt {width: 100vw;}
    .sub_wrap.about .sub_vis .txt_box .txt > div {margin: 0 .85vw;}
    .sub_wrap.about .sub_vis .txt_box .txt span {/* font-size: 4.69vw; */ font-size: 5.5vw;}
    .sub_wrap.about .info {margin-top: 20.18vw; margin-left: 0;}
    .sub_wrap.about .info p {font-size: 4.17vw;}
    .sub_wrap.about .info p + p {margin-top: 5.99vw;}
    .sub_wrap.about .circle {bottom: -74.22vw; left: -16.93vw;}
    .sub_wrap.about .circle img {width: 91.15vw;}

    /* SURVICE */
    .sub_wrap.service .sub_vis {background: url(/img/sub/m_service_img.jpg) no-repeat center/cover;}
    .sub_wrap.service .txt {width: 100%;}
    .sub_wrap.service .txt p + p {margin: 0 .85vw;}
    .sub_wrap.service .txt div + div {margin-top: 5.99vw;}
    .sub_wrap.service .txt span {/* font-size: 4.69vw; */ font-size: 5.5vw;}
    .sub_wrap.service .sec_tit h2 {font-size: 11.72vw; letter-spacing: -0.17vw;}
    .sub_wrap.service .sec_tit p {font-size: 4.17vw; letter-spacing: -0.09vw;}
    .sub_wrap.service .sec1 {margin-top: 20.83vw;}
    .sub_wrap.service .sec1 .sec_tit {gap: 0 8.59vw;}
    .sub_wrap.service .sec1 ul {margin-top: 10.42vw; flex-direction: column; gap: 11.72vw;}
    .sub_wrap.service .sec1 ul li {width: 100%;}
    .sub_wrap.service .sec1 ul li .txt {margin-top: 7.81vw;}
    .sub_wrap.service .sec1 ul li .txt strong {font-size: 5.21vw; letter-spacing: -0.09vw;}
    .sub_wrap.service .sec1 ul li .txt p {margin-top: 4.30vw; font-size: 3.65vw; letter-spacing: -0.09vw;}
    .sub_wrap.service .sec2 {margin-top: 20.83vw; height: auto; padding-bottom: 21.35vw;}
    .sub_wrap.service .sec2 .inner {display: revert; padding: 0;}
    .sub_wrap.service .sec2 .left {position: relative; top: auto; left: auto; padding: 22.40vw 0 0 3.13vw;}
    .sub_wrap.service .sec2 .left p {margin-top: 3.39vw;}
    .sub_wrap.service .sec2 .list_cont {width: 100%; padding: 0; height: auto; margin-top: 13.93vw; position: relative; top: auto; left: auto; transform: none; display: revert; overflow: hidden;}
    .sub_wrap.service .sec2 .list {padding: 0; width: 100%; gap: 0; flex-wrap: nowrap; margin-left: 3.13vw; height: 93.75vw;}
    .sub_wrap.service .sec2 .list .item {width: 70.31vw; padding: 12.24vw 6.90vw; gap: 11.98vw 0;}
    .sub_wrap.service .sec2 .list .item + .item {margin-left:7.81vw;}
    .sub_wrap.service .sec2 .list .item:nth-child(odd) {transform: translateY(0);}
    .sub_wrap.service .sec2 .list .item img {width: 15.63vw;}
    .sub_wrap.service .sec2 .list .item h2 {font-size: 10.42vw;}
    .sub_wrap.service .sec2 .list .item strong {margin-top: 2.08vw; font-size: 5.99vw; letter-spacing: -0.13vw;}
    .sub_wrap.service .sec2 .list .item p {margin-top: 4.30vw; font-size: 3.65vw; letter-spacing: -0.09vw;}
    .sub_wrap.service .sec2 .list .item p br:not(.none) {display: none;}
    .sub_wrap.service .sec2 .arrow_box {display: flex; align-items: center; gap: 0 2.60vw; margin: 9.11vw 0 0; height: 11.72vw; padding: 0 3.13vw;}
    .sub_wrap.service .sec2 .arrow {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto;}
    .sub_wrap.service .sec2 .arrow::after {display: none;}
    .sub_wrap.service .sec2 .arrow img {width: 11.72vw;}

    /* CONSORTIUM */
    .sub_wrap.consortium .sec1 .inner {height: auto; display: revert;}
    .sub_wrap.consortium .sec1 .img img {width: 100%;}
    .sub_wrap.consortium .sec1 .mid {margin: 16.93vw auto;}
    .sub_wrap.consortium .sec1 .txt p {font-size: 4.69vw;}
    .sub_wrap.consortium .sec1 .txt p + p {margin-top: 5.99vw;}
    .sub_wrap.consortium .sec1 .mid img {margin-top: 10.42vw; width: 100%;}
    .sub_wrap.consortium .sec2 {/* margin-top: 20.83vw; */ padding: 22.14vw 0;}
    .sub_wrap.consortium .sec2 h2 {font-size: 11.72vw; letter-spacing: -0.17vw; display: revert; line-height: 1.2;}
    .sub_wrap.consortium .sec2 h2 p {display: block; margin-top: 5.99vw; font-size: 4.17vw; letter-spacing: -0.13vw; line-height: 1.8;}
    .sub_wrap.consortium .sec2 h2 p + p {margin-top: 3.52vw;}
    .sub_wrap.consortium .sec2 h2 p br {display: none;}
    .sub_wrap.consortium .sec2 ul {margin-top: 13.93vw; display: revert;}
    .sub_wrap.consortium .sec2 ul li {width: 100%; padding: 6vw 5.71vw;}
    .sub_wrap.consortium .sec2 ul li + li {margin-top: 11.72vw;} 
    .sub_wrap.consortium .sec2 ul li + li::before {left: 50%; transform: translateX(-50%) rotate(90deg); top: -6.90vw; width: 12.37vw; height: 2.73vw;}
    .sub_wrap.consortium .sec2 ul li h3 {font-size: 10.42vw;}
    .sub_wrap.consortium .sec2 ul li strong {margin-top: 4.77vw; font-size: 5.60vw; letter-spacing: -0.09vw;}
    .sub_wrap.consortium .sec2 ul li p {font-size: 5.21vw; letter-spacing: -0.09vw;}
    .sub_wrap.consortium .sec2 .info {margin-top: 13.02vw; display: revert; text-align: right;}
    .sub_wrap.consortium .sec2 .info p {font-size: 4.69vw; text-align: left;}
    .sub_wrap.consortium .sec2 .info p + p {margin-top: 5.99vw;}
    .sub_wrap.consortium .sec2 .info p br {display: none;}
    .sub_wrap.consortium .sec2 .info a {width: 35.55vw; height: 35.55vw; margin-top: 11.72vw; display: inline-flex;}
    .sub_wrap.consortium .sec2 .info a .circle {width: calc(100% - 5.21vw); height: calc(100% - 5.21vw);}
    .sub_wrap.consortium .sec2 .info a .text {font-size: 4.56vw; letter-spacing: -0.09vw; margin-top: 3.26vw;}
    .sub_wrap.consortium .sec2 .info a .text img {width: 6.12vw; margin-top: 1.30vw;}

    /* PEOPLE */
    .sub_wrap.people .box .top {padding-bottom: 7.55vw;}
    .sub_wrap.people .box .top h2 {font-size: 7.55vw; letter-spacing: -0.39vw; gap: 0 4.69vw;}
    .sub_wrap.people .box .top h2 span {font-size: 4.69vw; letter-spacing: -0.39vw;}
    .sub_wrap.people .box .top h2 + p {margin-top: 4.69vw; gap: 0 4.69vw;}
    .sub_wrap.people .box .top h2 + p strong {font-size: 4.69vw; letter-spacing: -0.39vw;}
    .sub_wrap.people .box .top h2 + p span {font-size: 4.30vw; letter-spacing: -0.09vw;}
    .sub_wrap.people .box .bot {margin-top: 10.03vw;}
    .sub_wrap.people .box .bot li {font-size: 3.65vw; letter-spacing: -0.00vw; padding-left: 3.91vw;}
    .sub_wrap.people .box .bot li::before {width: 1.30vw; height: 1.30vw; top: 3.39vw; transform: none;}
    .sub_wrap.people .box .bot.flex {display: revert;}
    .sub_wrap.people .sec1 {padding: 31.90vw 0;}
    .sub_wrap.people .sec1 .inner {flex-direction: column; gap: 11.72vw 0;}
    .sub_wrap.people .sec1 .box {width: 100%; height: auto; padding: 12.24vw 6.51vw;}
    .sub_wrap.people .sec1 .box .top {flex-direction: column; justify-content: flex-start; gap: 4.69vw 0; align-items: flex-start;}
    .sub_wrap.people .sec1 .box .right {font-size: 4.69vw; letter-spacing: -0.09vw; margin-right: 0;}
    .sub_wrap.people .sec2 {padding: 22.14vw 0;}
    .sub_wrap.people .sec2 .inner {flex-direction: column; gap: 7.81vw 0;}
    .sub_wrap.people .sec2 .box {width: 100%; height: auto; padding: 12.24vw 6.51vw;}
    .people_popup_wrap .close {top: 1.56vw; right: 1.56vw;}
    .people_popup_wrap .close img {width: 7.81vw;}
    .people_popup_wrap .cont { width: calc(100% - 6.25vw); height: auto;}
    .people_popup_wrap .cont .mySwiper {width: 100%;}
    .people_popup_wrap .cont .arrow.swiper-button-prev {left: -1.95vw;}
    .people_popup_wrap .cont .arrow.swiper-button-next {right: -1.95vw;}
    .people_popup_wrap .cont .arrow {width: 10.42vw;}

    /* 오시는길 */
    .sub_wrap.map {padding-bottom: 12.76vw;}
    .sub_wrap.map #map,
    .sub_wrap.map #map .wrap_map {height: 78.13vw;}
    .sub_wrap.map #map img[role="presentation"] {width: 25.34vw !important; height: 11.1vw !important;}
    .sub_wrap.map .info_cont {width: 100%; margin: 7.81vw auto 0; padding: 6.51vw; display: revert;}
    .sub_wrap.map .info_cont .line {width: 100%; height: 0.13vw; display: block; margin: 7.81vw 0;}
    .sub_wrap.map .info_cont .logo img {width: 37.57vw;}
    .sub_wrap.map .info_cont .info {flex-direction: column; gap: 7.81vw 0;}
    .sub_wrap.map .info_cont .info p {flex-direction: column; gap: 2.60vw 0; align-items: flex-start;}
    .sub_wrap.map .info_cont .info p strong {gap: 0 2.60vw; font-size: 4.69vw; letter-spacing: -0.00vw;}
    .sub_wrap.map .info_cont .info p strong img {width: 5.73vw;}
    .sub_wrap.map .info_cont .info .flex {margin-top: 5.21vw; flex-direction: column; gap: 5.21vw 0; align-items: flex-start;}
    .sub_wrap.map .info_cont .info span {font-size: 3.65vw; letter-spacing: -0.09vw; line-height: 1.4;}
    .sub_wrap.map .info_cont .view_map {gap: 0 2.47vw; width: 28.91vw; height: 8.98vw; font-size: 3.13vw;}
    .sub_wrap.map .info_cont .view_map img {width: 2.08vw;}

    /* 갤러리게시판 */
    #sub_content .dpp_gal_list {gap: 12.76vw;}
    #sub_content .dpp_gal_list .num-3 {width: 100%;}
    #sub_content .dpp_gal_list .dpp_imgArea {padding-top: 88.93vw; margin-bottom: 6.12vw;}
    #sub_content .dpp_gal_list .dpp_pic_hf a {font-size: 5.21vw; letter-spacing: -0.00vw;}


}


@media screen and (max-width:420px) {
    .sub_wrap.map #map img[role="presentation"] {width: 58.34vw !important; height: 16.1vw !important;}
}