.s_inner{max-width: 1600px; margin: 0 auto;}

/* work */
.work_list_wrap{max-width: 1600px; margin: 0 auto;}
.work_title{text-align: center;}
.work_title span{font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #8E8E8E;}
.work_title span em{color: #000; margin-left: 10px;}
.work_title h2{font-size: 45px; font-weight: 500; letter-spacing: -2px; color: #000; margin: 10px 0; line-height: 1.2; word-break: initial; font-family: 'Pretendard';}
.work_title p{font-size: 18px; color: #8E8E8E; line-height: 1.5; font-family: 'Pretendard';}

.work_list{margin:-32.5px; padding-top: 70px; display: flex; flex-wrap: wrap;}
.work_list:after{content: ''; display: block; clear: both;}
.work_list li{padding:32.5px; font-size:0; position:relative; width: 33.33%; height: fit-content;}
.work_list li a{display: block; height: 100%; position: relative;}
.work_list li a img{width:100%; display: block;}
.work_list li a:before{content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 35, 155, 0.00) 0%, #000 100%); position: absolute; opacity: 0; /* transition:opacity 0.3s; */ z-index: 10;}
.work_list li a .ov_txt{position: absolute; bottom: 25px; left: 40px; right: 40px; font-size: 24px; font-family: 'Montserrat'; letter-spacing: -0.72px; color: #FFF; z-index: 10; /* transition:opacity 0.3s; */ opacity: 0;}
.work_list li a .ov_txt span{display: inline-block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.work_list li a .ov_txt i{display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url("/img/main/ov_txt_arrow.svg") no-repeat center / 100%; margin: -5px 0 0 5px;}
.work_list li a .video_btn{width: 70px; height: 70px; background: url("/img/icon/video_btn.svg") no-repeat center / 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.work_list li a:hover:before, .work_list li a:hover .ov_txt{opacity: 1;}

.slide-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; z-index:10000;}
.slide_pop_inner{position:relative; width:1070px; max-height: 980px; margin:0 auto; height: 100%; top: 50%; transform: translateY(-50%);}
.pop_slide_wrap {position: absolute; width: 800px; max-height: 980px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.pop_slide {position: relative; left: 0; width: 900%; align-items: center; display:flex;}
.pop_slide li{width: 800px;}
.pop_slide li img{width: 100%;}
.pop_slide li .video_iframe{height: 450px;}
.pop_arrow > div {position: absolute; width: 60px; height: 60px; cursor: pointer; top: 50%; transform: translateY(-50%); z-index: 9;}
.pop_arrow .prev{left:0;}
.pop_arrow .next{right:0;}
.slide_pop_close{position:absolute; top:40px; right:40px; z-index: 100; width: 20px; cursor: pointer;}

/* about */
.about .inner{display: flex; justify-content: space-between; align-items: center;}
.about_tit{font-size: 24px; letter-spacing: -0.72px; font-family: 'GmarketSansBold';}
.about_sec1{padding: 360px 0; position: relative; color: #000;}
.about_sec1 .txt{text-align: right; line-height: 1.3;}
.about_sec1 .txt strong{font-family: 'GmarketSansBold'; font-size: 37px;}
.about_sec1 .txt p{margin-top: 20px; font-size: 27px;}
.about_sec1 .bt_txt{position: absolute; width: 100%; left: 0; right: 0; bottom: 30px; text-align: center; font-size: 0.73vw; letter-spacing: -0.2px; font-family: 'GmarketSansLight';}
.about_sec2{color: #fff; background: #222; padding: 93px 0 80px;}
.about_sec2 .cont{width: 1265px; font-size: 15px; line-height: 1.5;}
.about_sec2 .circle{display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 50%; background: rgba(255,255,255,0.05);}
.about_sec2 .circle_list1{display: flex; margin: 0 5px 40px;}
.about_sec2 .circle_list1 li{width: 25%; text-align: center; margin: 0 -5px;}
.about_sec2 .circle_list1 li .circle{height: 80px;}
.about_sec2 .circle_list1 li p{margin-top: 35px; letter-spacing: -0.45px; font-family: 'GmarketSansBold';}
.about_sec2 .circle_list2{display: flex; justify-content: space-between; margin: 30px 0;}
.about_sec2 .circle_list2 .item{width: 48.5%; display: flex; align-items: center; justify-content: space-between;}
.about_sec2 .circle_list2 .item .b_circle{width: 250px; height: 250px;}
.about_sec2 .circle_list2 .item .m_circle{width: 215px; height: 215px;}
.about_sec2 .circle_list2 .item .s_circle .circle{width: 125px; height: 125px;}
.about_sec2 .circle_list2 .item .s_circle .circle + .circle{margin-top: -15px;}
.about_sec2 .line_txt{text-align: center; padding: 28px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

/* contact */
.contact{padding-top: 100px; font-family: 'Montserrat';}
.cont_tit{font-size: 80px; font-weight: 300; color: #000;}
.cont_info{margin-top: 50px;}
.cont_info li{font-size: 20px; font-weight: 700; line-height: 2.5; color: #000; text-transform: uppercase;}
.cont_form_wrap{display: flex; justify-content: flex-end; margin-top: -30px;}
.cont_form_inner{width: 914px;}
.cont_form li + li{margin-top: 15px;}
.cont_form li input{width: 100%; height: 80px; border: none; border-bottom: 2px solid #000; font-size: 20px; font-family: 'Montserrat'; color: #000; padding: 0 20px; outline: none !important;}
.cont_form li input::placeholder{color: #000;}
.cont_form li textarea{font-family: 'Montserrat'; height: 200px !important; color: #000; padding: 25px 20px; font-size: 20px; border: none; border-bottom: 2px solid #000; resize:none;}
.cont_form li textarea::placeholder{color: #000;}
.cont_form_wrap .form_bt{display: flex; justify-content: space-between; margin-top: 30px;}
.cont_form_wrap .dpp_captha{margin-top: 0 !important;}
.cont_form_wrap .dpp_captha #captcha_info{display: block !important; font-family: 'Pretendard';}
.cont_form_wrap .btn_wrap input{font-size: 18px; font-weight: 700; font-family: 'Montserrat'; color: #fff; display: inline-block; width: 170px; line-height: 55px; text-align: center; background:#000; border: none;}

/* gallery list */
#bd_gallery_wrap .dpp_gal_list {padding-top: 0; margin-top: 0;}
#bd_gallery_wrap .dpp_bd_wrap {border: 0;}
#bd_gallery_wrap .dpp_gal_list {gap: 5px;}
#bd_gallery_wrap .dpp_gal_list > li {padding: 0; width: calc(50% - 2.5px);}
#bd_gallery_wrap .dpp_gal_list > li > a {display: block;}
#bd_gallery_wrap .dpp_gal_in .dpp_imgArea {height: 26.7708vw; margin: 0; padding: 0;}
#bd_gallery_wrap .dpp_gal_in .dpp_imgArea img {position: relative; top: auto; right: auto; bottom: auto; left: auto; object-fit: cover; object-position: center;}
#bd_gallery_wrap .dpp_gal_list > li .dpp_imgArea a:before,
#bd_gallery_wrap .dpp_gal_list > li .dpp_imgArea a:after {display: none;}
#bd_gallery_wrap .dpp_gal_list > li .dpp_pic_cn {position: relative;}
#bd_gallery_wrap .dpp_gal_list > li .dpp_pic_hf {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; background: rgba(17, 17, 17, 0.9); margin: 0; opacity: 0; transition: all .3s;}
#bd_gallery_wrap .dpp_gal_list > li:hover .dpp_pic_hf {opacity: 1;}
#bd_gallery_wrap .dpp_gal_list > li .subject {font-size: 24px; font-weight: 400; color: #fff;}
#bd_gallery_wrap .dpp_gal_list > li .date {font-size: 16px; font-weight: 400; color: #999999;}
/* gallery view */
#bd_gallery_view .dpp_view_tt {border: 0;}
#bd_gallery_view .dpp_view_tt .dpp_vtt {text-align: center; padding: 30px 0 80px; border: 0;}
#bd_gallery_view .dpp_view_tt .dpp_vtt h3 {font-size: 30px; font-weight: 400; line-height: 1;}
#bd_gallery_view .dpp_view_con {padding: 0; text-align: center; border: 0; width: 100%; /* max-width: 1400px;  */margin: 0 auto;}
#bd_gallery_view .dpp_view_con * {width: 100%;}
#bd_gallery_view .dpp_list_btn {font-weight: 400; line-height: 56px; height: 52px;}
#bd_gallery_view .dp_youtube {padding-bottom: 54.52%;}



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

	/* about */
	.about_tit{font-size: 1.33vw; letter-spacing: -0.04vw;}
	.about_sec1{padding: 13.06vw 0;}
	.about_sec1 .txt strong{font-size: 2.06vw;}
	.about_sec1 .txt p{margin-top: 1.11vw; font-size: 1.50vw;}
	.about_sec1 .bt_txt{bottom: 1.67vw; font-size: 0.71vw;}
	.about_sec2{padding: 5.17vw 0 4.44vw;}
	.about_sec2 .cont{width: 70.28vw; font-size: 0.83vw;}
	.about_sec2 .circle_list1{margin: 0 0.28vw 2.22vw;}
	.about_sec2 .circle_list1 li{margin: 0 -0.28vw;}
	.about_sec2 .circle_list1 li .circle{height: 4.44vw;}
	.about_sec2 .circle_list1 li p{margin-top: 1.94vw; letter-spacing: -0.03vw;}
	.about_sec2 .circle_list2{margin: 1.67vw 0;}
	.about_sec2 .circle_list2 .item{width: 48.5%;}
	.about_sec2 .circle_list2 .item .b_circle{width: 13.89vw; height: 13.89vw;}
	.about_sec2 .circle_list2 .item .m_circle{width: 11.94vw; height: 11.94vw;}
	.about_sec2 .circle_list2 .item .s_circle .circle{width: 6.94vw; height: 6.94vw;}
	.about_sec2 .circle_list2 .item .s_circle .circle + .circle{margin-top: -0.83vw;}
	.about_sec2 .line_txt{padding: 1.56vw 0;}

    /* gallery list */
    #bd_gallery_wrap .dpp_gal_list {gap: 0.28vw;}
    #bd_gallery_wrap .dpp_gal_list > li {width: calc(50% - 0.14vw);}
    #bd_gallery_wrap .dpp_gal_in .dpp_imgArea {height: 27vw;}
    #bd_gallery_wrap .dpp_gal_list > li .dpp_pic_hf {gap: 0.56vw;}
    #bd_gallery_wrap .dpp_gal_list > li .subject {font-size: 1.33vw;}
    #bd_gallery_wrap .dpp_gal_list > li .date {font-size: 0.89vw;}
    /* gallery view */
    #bd_gallery_view .dpp_view_tt .dpp_vtt {padding: 1.67vw 0 4.44vw;}
    #bd_gallery_view .dpp_view_tt .dpp_vtt h3 {font-size: 1.67vw;}
    /* #bd_gallery_view .dpp_view_con img {max-width: 77.78vw;} */
    #bd_gallery_view .dpp_list_btn {line-height: 3.4vw; height: 3.2vw;}

}


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

	.s_inner{max-width: 100%; padding:0 2.50vw;}

	/* work */
	.work_list_wrap{max-width: 100%; padding:0 2.50vw;}
	.work_title span{font-size: 1.25vw; letter-spacing: -0.06vw;}
	.work_title span em{margin-left: 0.63vw;}
	.work_title h2{font-size: 2.81vw; letter-spacing: -0.13vw; margin: 0.63vw 0;}
	.work_title p{font-size: 1.13vw;}

	.work_list{margin:-2.03vw; padding-top: 4.38vw;}
	.work_list li{padding:2.03vw; width: 33.33%;}
	.work_list li a .ov_txt{bottom: 1.56vw; left: 2.50vw; right: 2.50vw; font-size: 1.50vw; letter-spacing: -0.04vw;}
	.work_list li a .ov_txt i{width: 1.50vw; height: 1.50vw; margin: -0.31vw 0 0 0.31vw;}
	.work_list li a .video_btn{width: 4.38vw; height: 4.38vw;}

	.slide_pop_inner{width:66.88vw; max-height: 61.25vw;}
	.pop_slide_wrap {width: 50.00vw; max-height: 61.25vw;}
	.pop_slide li{width: 50.00vw;}
	.pop_slide li .video_iframe{height: 28.13vw;}
	.pop_arrow > div {width: 3.75vw; height: 3.75vw;}
	.slide_pop_close{top:2.50vw; right:2.50vw; width: 1.25vw;}

	/* about */
	.about_tit{font-size: 1.50vw; letter-spacing: -0.04vw;}
	.about_sec1{padding: 14.69vw 0;}
	.about_sec1 .txt strong{font-size: 2.21vw;}
	.about_sec1 .txt p{margin-top: 1.25vw; font-size: 1.61vw;}
	.about_sec1 .bt_txt{bottom: 1.88vw; font-size: 0.71vw;}
	.about_sec2 .cont{width: 75.06vw; font-size: 0.94vw;}
	.about_sec2 .circle_list1{margin: 0 0.31vw 2.50vw;}
	.about_sec2 .circle_list1 li{margin: 0 -0.31vw;}
	.about_sec2 .circle_list1 li .circle{height: 5.00vw;}
	.about_sec2 .circle_list1 li p{margin-top: 2.19vw; letter-spacing: -0.03vw;}
	.about_sec2 .circle_list2{margin: 1.88vw 0;}
	.about_sec2 .circle_list2 .item{width: 48.5%;}
	.about_sec2 .circle_list2 .item .b_circle{width: 14.63vw; height: 14.63vw;}
	.about_sec2 .circle_list2 .item .m_circle{width: 12.44vw; height: 12.44vw;}
	.about_sec2 .circle_list2 .item .s_circle .circle{width: 7.81vw; height: 7.81vw;}
	.about_sec2 .circle_list2 .item .s_circle .circle + .circle{margin-top: -0.94vw;}
	.about_sec2 .line_txt{padding: 1.75vw 0;}

	/* contact */
	.contact{padding-top: 6.25vw;}
	.cont_tit{font-size: 5.00vw;}
	.cont_info{margin-top: 3.13vw;}
	.cont_info li{font-size: 1.25vw;}
	.cont_form_wrap{margin-top: -1.88vw;}
	.cont_form_inner{width: 57.13vw;}
	.cont_form li + li{margin-top: 0.94vw;}
	.cont_form li input{height: 5.00vw; font-size: 1.25vw; padding: 0 1.25vw;}
	.cont_form li textarea{height: 12.50vw !important; padding: 1.56vw 1.25vw; font-size: 1.25vw;}
	.cont_form_wrap .form_bt{margin-top: 1.88vw;}
	.cont_form_wrap .btn_wrap input{font-size: 1.13vw; width: 10.63vw; line-height: 3.44vw;}
    
    /* gallery list */
    #bd_gallery_wrap .dpp_gal_list {gap: 0.25vw;}
    #bd_gallery_wrap .dpp_gal_list > li {width: calc(50% - 0.13vw);}
    #bd_gallery_wrap .dpp_gal_in .dpp_imgArea {height: 27vw;}
    #bd_gallery_wrap .dpp_gal_list > li .dpp_pic_hf {gap: 0.56vw;}
    #bd_gallery_wrap .dpp_gal_list > li .subject {font-size: 1.31vw;}
    #bd_gallery_wrap .dpp_gal_list > li .date {font-size: 0.88vw;}
    /* gallery view */
    #bd_gallery_view .dpp_view_tt .dpp_vtt {padding: 1.69vw 0 4.44vw;}
    #bd_gallery_view .dpp_view_tt .dpp_vtt h3 {font-size: 1.69vw;}
    /* #bd_gallery_view .dpp_view_con img {max-width: 77.75vw;} */
    #bd_gallery_view .dpp_list_btn {line-height: 4.38vw; height: 4vw;}

}



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

	.s_inner{padding:0 3.13vw;}

	/* work */
	.work_list_wrap{padding:0 3.13vw;}
	.work_title span{font-size: 1.36vw; letter-spacing: -0.08vw;}
	.work_title span em{margin-left: 0.78vw;}
	.work_title h2{font-size: 3.02vw; letter-spacing: -0.16vw; margin: 0.78vw 0;}
	.work_title p{font-size: 1.25vw;}

	.work_list{margin:-1.04vw; padding-top: 5.47vw;}
	.work_list li{padding:1.04vw; width: 33.33%;}
	.work_list li a .ov_txt{bottom: 1.25vw; left: 2.13vw; right: 2.13vw; font-size: 1.25vw; letter-spacing: -0.06vw;}
	.work_list li a .ov_txt i{width: 1.25vw; height: 1.25vw; margin: -0.29vw 0 0 0.39vw;}
	.work_list li a .video_btn{width: 5.47vw; height: 5.47vw;}

	.slide_pop_inner{width:83.59vw; max-height: 76.56vw;}
	.pop_slide_wrap {width: 62.50vw; max-height: 76.56vw;}
	.pop_slide li{width: 62.50vw;}
	.pop_slide li .video_iframe{height: 35.16vw;}
	.pop_arrow > div {width: 4.69vw; height: 4.69vw;}
	.slide_pop_close{top:3.13vw; right:3.13vw; width: 1.56vw;}

	/* contact */
	.contact{padding-top: 8.81vw;}
	.cont_tit{font-size: 4.55vw;}
	.cont_info{margin-top: 3.1vw;}
	.cont_info li{font-size: 1.25vw;}
	.cont_form_wrap{margin-top: -2.34vw;}
	.cont_form_inner{width: 52.41vw;}
	.cont_form li + li{margin-top: 1.17vw;}
	.cont_form li input{height: 5.25vw; font-size: 1.25vw; padding: 0 1.56vw;}
	.cont_form li textarea{height: 12.63vw !important; padding: 1.95vw 1.56vw; font-size: 1.25vw;}
	.cont_form_wrap .form_bt{margin-top: 2.34vw;}
	.cont_form_wrap .btn_wrap input{font-size: 1.21vw; width: 13.28vw; line-height: 4.30vw;}
    
    /* gallery list */
    #bd_gallery_wrap .dpp_gal_list {gap: 0.23vw;}
    #bd_gallery_wrap .dpp_gal_list > li {width: calc(50% - 0.16vw);}
    #bd_gallery_wrap .dpp_gal_in .dpp_imgArea {height: 26.75vw;}
    #bd_gallery_wrap .dpp_gal_list > li .dpp_pic_hf {gap: 0.55vw;}
    #bd_gallery_wrap .dpp_gal_list > li .subject {font-size: 1.33vw;}
    #bd_gallery_wrap .dpp_gal_list > li .date {font-size: 0.86vw;}
    /* gallery view */
    #bd_gallery_view .dpp_view_tt .dpp_vtt {padding: 1.72vw 0 4.45vw;}
    #bd_gallery_view .dpp_view_tt .dpp_vtt h3 {font-size: 1.72vw;}
    /* #bd_gallery_view .dpp_view_con img {max-width: 77.73vw;} */
    #bd_gallery_view .dpp_list_btn {line-height: 5.48vw; height: 5vw;}

}



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

	/* work */
	.work_list_wrap{padding:6.51vw 3.13vw 0;}
	.work_title span{font-size: 3.65vw; letter-spacing: -0.13vw;}
	.work_title span em{margin-left: 1.30vw;}
	.work_title h2{font-size: 7.81vw; letter-spacing: -0.26vw; margin: 2.30vw 0 3vw;}
	.work_title p{font-size: 3.34vw;}

	.work_list{margin:0; padding-top: 9.11vw; display: block;}
	.work_list li{padding:0; width: 100%;}
	.work_list li + li{margin-top: 5.21vw;}
	.work_list li a .ov_txt{bottom: 4.92vw; left: 5.21vw; right: 5.21vw; font-size: 5.21vw; letter-spacing: -0.16vw;}
	.work_list li a .ov_txt span{max-width: 89%;}
	.work_list li a .ov_txt i{width: 5.30vw; height: 5.30vw; margin: -0.6vw 0 0 1.5vw;}
	.work_list li a .video_btn{width: 15.11vw; height: 15.11vw;}

	.slide_pop_inner{width:90%; max-height:125.14vw;}
	.pop_slide_wrap {width: 100%; max-height: 125.14vw;}
	.pop_slide li{width: 11.15%;}
	.pop_slide li .video_iframe{height: 49.09vw;}
	.pop_arrow > div {width: 7.29vw; height: 7.29vw;}
	.pop_arrow .prev{left: 3vw;}
	.pop_arrow .next{right: 3vw;}
	.slide_pop_close{top:3.91vw; right:3.91vw; width: 2.83vw;}

	/* about */
	.about .inner{display: block;}
	.about_tit{font-size: 4.69vw; letter-spacing: -0.06vw;}
	.about_sec1{padding: 13.02vw 0 64.58vw;}
	.about_sec1 .txt{margin-top: 25.78vw; line-height: 1.7; text-align: center;}
	.about_sec1 .txt strong{font-size: 4.17vw; margin-top: 25.78vw; line-height: 1.7;}
	.about_sec1 .txt p{margin-top: 2.60vw; font-size: 3.52vw;}
	.about_sec1 .bt_txt{bottom: 2.86vw; font-size: 3.65vw; letter-spacing: -0.27vw; left: 3.13vw; right: initial; white-space: nowrap;}
	.about_sec2{padding: 13.11vw 0 18.42vw;}
	.about_sec2 .cont{width: 100%; margin-top: 13.02vw; font-size: 3.65vw;}
	.about_sec2 .circle_list1{margin: 0 1.95vw 10.42vw; flex-wrap: wrap; justify-content: center; gap:9.77vw 0;}
	.about_sec2 .circle_list1 li{width: 54.3%; margin: 0 -1.95vw;}
	.about_sec2 .circle_list1 li .circle{height: 13.42vw;}
	.about_sec2 .circle_list1 li p{margin-top: 6.21vw; letter-spacing: -0.09vw;}
	.about_sec2 .circle_list2{margin: 10.42vw 0; display: block;}
	.about_sec2 .circle_list2 .item{width: 100%; flex-direction: column; gap:2.60vw 0;}
	.about_sec2 .circle_list2 .item + .item{margin-top: 8.07vw;}
	.about_sec2 .circle_list2 .item .b_circle{width: 46.88vw; height: 46.88vw;}
	.about_sec2 .circle_list2 .item .m_circle{width: 44.44vw; height: 44.44vw;}
	.about_sec2 .circle_list2 .item .s_circle{display: flex;}
	.about_sec2 .circle_list2 .item .s_circle .circle{width: 33.85vw; height: 33.85vw; margin: 0 -1.95vw;}
	.about_sec2 .circle_list2 .item .s_circle .circle + .circle{margin-top: 0;}
	.about_sec2 .line_txt{padding: 4.56vw 0;}

	/* contact */
	.contact{padding-top: 13.02vw;}
	.cont_tit{font-size: 7.81vw;}
	.cont_info{margin-top: 6.51vw;}
	.cont_info li{font-size: 3.65vw; line-height: 2.2;}
	.cont_form_wrap{margin-top: 7.91vw;}
	.cont_form_inner{width: 100%;}
	.cont_form li + li{margin-top: 1.95vw;}
	.cont_form li input{height: 12.42vw; font-size: 3.65vw; padding: 0 2.60vw;}
	.cont_form li textarea{height: 26.04vw !important; padding: 3.26vw 2.60vw; font-size: 3.65vw;}
	.cont_form_wrap .form_bt{margin-top: 3.91vw; display: block;}
	.cont_form_wrap .dpp_captha{text-align: left !important;}
	.cont_form_wrap .btn_wrap{text-align: center; margin-top: 6vw;}
	.cont_form_wrap .btn_wrap input{font-size: 3.34vw; width: 30.14vw; line-height: 10.16vw;}
    
    /* gallery list */
    #bd_gallery_wrap .dpp_gal_list {gap: 0.65vw;}
    #bd_gallery_wrap .dpp_gal_list > li {width: 100%;}
    #bd_gallery_wrap .dpp_gal_in .dpp_imgArea {height: 54.17vw;}
    #bd_gallery_wrap .dpp_gal_list > li .dpp_pic_hf {gap: 1.43vw;}
    #bd_gallery_wrap .dpp_gal_list > li .subject {font-size: 3.52vw;}
    #bd_gallery_wrap .dpp_gal_list > li .date {font-size: 2.21vw;}
    /* gallery view */
    #bd_gallery_view .dpp_view_tt .dpp_vtt {padding: 6.51vw 0 7.81vw;}
    #bd_gallery_view .dpp_view_tt .dpp_vtt h3 {font-size: 2.86vw;}
    /* #bd_gallery_view .dpp_view_con img {max-width: 100%;} */
    #bd_gallery_view .dpp_list_btn {line-height: 8.20vw; height: 7.55vw;}

}