/* 공통 */
.f-lib, .f-lib *{font-family: var(--font-libre) !important;}
.f-out, .f-out *{font-family: var(--font-out) !important;}
.header.sub{border-bottom: 1px solid #E7E7E7;}
.header.sub .gnb > li > a{color: #000;}
.header.sub img{filter: invert(1);}
.header.sub:hover, .header.sub.fixed, .header.sub.active{border-color: transparent;}
.header.sub:hover .gnb > li > a, .header.sub.fixed .gnb > li > a, .header.sub.active .gnb > li > a{color: #fff;}
.header.sub:hover img, .header.sub.fixed img, .header.sub.active img{filter: invert(0);}
.sub_inner{max-width: 1600px; margin: 0 auto; width: 100%;}
.sub_visual_wrap, #sub_content{margin-top: 100px;}
.sub_visual{padding-top: 60px; position: relative;}
.sub_visual::after{content: 'Khalifa Gallery'; font-size: 60px; letter-spacing: -1.21px; opacity: 0.05; font-weight: 700; font-family: var(--font-libre); position: absolute; right: 0; bottom: 0;}
.sub_vis_loc{display: flex; align-items: center; gap: 15px;}
.sub_vis_loc .home img{width: 20px;}
.sub_vis_loc .line{width: 1px; height: 12px; background: #BEBEBE;}
.sub_vis_loc .txt{font-size: 15px; font-family: 'Outfit';}
.sub_vis_loc .dep3{position: relative;}
.sub_vis_loc .dep3 .tit{width: 130px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.sub_vis_loc .dep3 .tit .arrow{width: 8px;}
.sub_vis_loc .dep3 .tit.on .arrow{transform: rotate(-180deg);}
.sub_vis_loc .dep3 .menu{position: absolute; top: 30px; width: 165px; left: 50%; transform: translateX(-50%); border: 1px solid #E5E5E5; background: #FFF; padding: 15px; display: none;}
.sub_vis_loc .dep3 .menu a{font-size: 16px; letter-spacing: -0.4px; color: #333; display: block; line-height: 1.87; font-family: 'Outfit';}
.sub_vis_txt{margin-top: 50px;}
.sub_vis_txt h2{font-size: 50px; line-height: 1.2; font-family: var(--font-libre);}
.sub_vis_txt em{font-size: 18px; margin-top:10px; color: #8E8E8E; display: block; font-family: 'Outfit';}


/* ABOUT */
.about img{width: 100%;}
.about .sec1 .img{opacity: 1 !important; clip-path: inset(0 50% 0 50%); transition: clip-path 1.5s ease;}
.about .sec1 .img.aos-animate{clip-path: inset(0 0 0 0);}
.about .sec1 .txt{margin-top: 130px; padding-left: 185px; position: relative;}
.about .sec1 .txt::before{content: ''; display: block; width: 150px; height: 1px; background: #000; position: absolute; left: 0; top: 30px;}
.about .sec1 .txt .title{font-size: 50px;}
.about .sec1 .txt .cont{margin-top: 35px; display: flex; gap: 80px;}
.about .sec1 .txt .cont p{width: 600px; font-size: 18px; line-height: 1.5; color: #8E8E8E;}
.about .sec1 .txt > p{margin-top: 50px; font-size: 20px; font-weight: 500; line-height: 2; max-width: 1260px;}
.about .sec2{margin-top: 235px; position: relative;}
.about .sec2::before{content: 'Khalifa Gallery'; font-size: 150px; font-weight: 700; letter-spacing: -3.051px; font-family: var(--font-libre); -webkit-text-stroke: 1px #000; opacity: 0.1; position: absolute; left: -158px; top: -134px; color: transparent; z-index: -1;}
.about .sec2 .list{display: flex; gap: 40px;}
.about .sec2 .list li{width: calc((100% - (40px * 2)) / 3); position: relative;}
.about .sec2 .list li dl{position: absolute; left: 60px; top: 60px; color: #fff;}
.about .sec2 .list li dl dt{font-size: 30px; font-weight: 600; line-height: 1.2;}
.about .sec2 .list li dl dd{margin-top: 5px; font-size: 20px; line-height: 1.8;}




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

    /* 공통 */
    .sub_inner {max-width: 95.12vw;}
    .sub_visual_wrap, #sub_content{margin-top: 6.10vw;}
	.sub_visual{padding-top: 3.66vw;}
	.sub_visual::after{font-size: 3.66vw; letter-spacing: -0.07vw;}
	.sub_vis_loc{gap: 0.91vw;}
	.sub_vis_loc .home img{width: 1.22vw;}
	.sub_vis_loc .line{height: 0.73vw;}
	.sub_vis_loc .txt{font-size: 0.91vw;}
	.sub_vis_loc .dep3 .tit{width: 7.93vw;}
	.sub_vis_loc .dep3 .tit .arrow{width: 0.49vw;}
	.sub_vis_loc .dep3 .menu{top: 1.83vw; width: 9.15vw; padding: 0.91vw;}
	.sub_vis_loc .dep3 .menu a{font-size: 0.98vw; letter-spacing: -0.02vw;}
	.sub_vis_txt{margin-top: 3.05vw;}
	.sub_vis_txt h2{font-size: 3.05vw;}
	.sub_vis_txt em{font-size: 1.10vw; margin-top:0.61vw;}


	/* ABOUT */
	.about .sec1 .txt{margin-top: 7.93vw; padding-left: 11.28vw;}
	.about .sec1 .txt::before{width: 9.15vw; top: 1.83vw;}
	.about .sec1 .txt .title{font-size: 3.05vw;}
	.about .sec1 .txt .cont{margin-top: 2.13vw; gap: 4.88vw;}
	.about .sec1 .txt .cont p{width: 36.59vw; font-size: 1.10vw;}
	.about .sec1 .txt > p{margin-top: 3.05vw; font-size: 1.22vw; max-width: 76.83vw;}
	.about .sec2{margin-top: 12.33vw;}
	.about .sec2::before{font-size: 8.15vw; letter-spacing: -0.19vw; left: -2.63vw; top: -7.17vw;}
	.about .sec2 .list{gap: 2.44vw;}
	.about .sec2 .list li{width: calc((100% - (2.44vw * 2)) / 3);}
	.about .sec2 .list li dl{left: 3.66vw; top: 3.66vw;}
	.about .sec2 .list li dl dt{font-size: 1.83vw;}
	.about .sec2 .list li dl dd{margin-top: 0.30vw; font-size: 1.22vw;}
    

}



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

    /* 공통 */
    .sub_inner {max-width: 93.75vw;}
    .sub_visual_wrap, #sub_content{margin-top: 6.09vw;}
	.sub_visual{padding-top: 3.67vw;}
	.sub_visual::after{font-size: 3.67vw; letter-spacing: -0.08vw;}
	.sub_vis_loc{gap: 0.94vw;}
	.sub_vis_loc .home img{width: 1.25vw;}
	.sub_vis_loc .line{height: 0.70vw;}
	.sub_vis_loc .txt{font-size: 0.94vw;}
	.sub_vis_loc .dep3 .tit{width: 7.97vw;}
	.sub_vis_loc .dep3 .tit .arrow{width: 0.47vw;}
	.sub_vis_loc .dep3 .menu{top: 1.80vw; width: 9.14vw; padding: 0.94vw;}
	.sub_vis_loc .dep3 .menu a{font-size: 1.02vw; letter-spacing: -0.00vw;}
	.sub_vis_txt{margin-top: 3.05vw;}
	.sub_vis_txt h2{font-size: 3.05vw;}
	.sub_vis_txt em{font-size: 1.09vw; margin-top:0.63vw;}


	/* ABOUT */
	.about .sec1 .txt{margin-top: 7.97vw; padding-left: 11.25vw;}
	.about .sec1 .txt::before{width: 9.14vw; top: 1.80vw;}
	.about .sec1 .txt .title{font-size: 3.05vw;}
	.about .sec1 .txt .cont{margin-top: 2.11vw; gap: 4.84vw;}
	.about .sec1 .txt .cont p{width: 36.56vw; font-size: 1.09vw;}
	.about .sec1 .txt > p{margin-top: 3.05vw; font-size: 1.25vw; max-width: 76.30vw;}
	.about .sec2{margin-top: 12.30vw;}
	.about .sec2::before{font-size: 8.15vw; letter-spacing: -0.19vw; left: -2.63vw; top: -7.17vw;}
	.about .sec2 .list{gap: 2.42vw;}
	.about .sec2 .list li{width: calc((100% - (2.42vw * 2)) / 3);}
	.about .sec2 .list li dl{left: 3.67vw; top: 3.67vw;}
	.about .sec2 .list li dl dt{font-size: 1.80vw;}
	.about .sec2 .list li dl dd{margin-top: 0.31vw; font-size: 1.25vw;}
    
    

}



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

    /* 공통 */
    .sub_inner {max-width: 100%; padding: 0 5.21vw;}
    .sub_visual_wrap{margin-top: 18.23vw;}
    #sub_content{margin-top: 15.63vw;}
	.sub_visual{padding-top: 14.32vw;}
	.sub_visual::after{display: none;}
	.sub_vis_loc{gap: 2.60vw;}
	.sub_vis_loc .home img{width: 4.17vw;}
	.sub_vis_loc .line{height: 2.60vw;}
	.sub_vis_loc .txt{font-size: 3.65vw;}
	.sub_vis_loc .dep3 .tit{width: 29.93vw;}
	.sub_vis_loc .dep3 .tit .arrow{width: 2.04vw;}
	.sub_vis_loc .dep3 .menu{top: 6.51vw; width: 35.73vw; padding: 2.95vw 3.26vw;}
	.sub_vis_loc .dep3 .menu a{font-size: 3.65vw; letter-spacing: -0.05vw;}
	.sub_vis_txt{margin-top: 7.81vw;}
	.sub_vis_txt h2{font-size: 9.38vw;}
	.sub_vis_txt em{font-size: 3.65vw; margin-top: 2.08vw;}


	/* ABOUT */
	.about .sec1 .txt{margin-top: 14.32vw; padding-left: 0;}
	.about .sec1 .txt::before{display: none;}
	.about .sec1 .txt .title{font-size: 6.51vw;}
	.about .sec1 .txt .cont{margin-top: 6.51vw; gap: 6.21vw; flex-direction: column;}
	.about .sec1 .txt .cont p{width: 100%; font-size: 3.65vw;}
	.about .sec1 .txt > p{margin-top: 5.21vw; font-size: 4.17vw; text-align: left; max-width: 100%;}
	.about .sec2{margin-top: 24.48vw;}
	.about .sec2::before{font-size: 13.54vw; letter-spacing: -0.60vw; left: 50%; transform: translateX(-50%); top: -11.46vw; white-space: nowrap;}
	.about .sec2 .list{gap: 5.21vw; flex-direction: column;}
	.about .sec2 .list li{width: 100%;}
	.about .sec2 .list li dl{left: 7.81vw; top: 7.81vw;}
	.about .sec2 .list li dl dt{font-size: 5.73vw;}
	.about .sec2 .list li dl dd{margin-top: 1.30vw; font-size: 3.65vw;}

}


/* contact */
.contact_wrap {display: flex; align-items: center; justify-content: space-between;}
.contact_wrap .info .tit {display: flex; align-items: center; gap: 40px;}
.contact_wrap .info .tit h2 {font-size: 45px; font-weight: 400; letter-spacing: -1.21px; font-family: var(--font-libre);}
.contact_wrap .info .tit a {display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -.3px; font-family: var(--font-out); background: #000; width: 140px; height: 45px;}
.contact_wrap .info .tit a img {width: 10px;}
.contact_wrap .bot {margin-top: 60px; padding-top: 60px; position: relative;}
.contact_wrap .bot::before {content: ""; width: 100px; height: 1px; position: absolute; top: 0; left: 0; background: #BEBEBE;}
.contact_wrap .addr h3 {font-size: 30px; font-weight: 600; letter-spacing: -.6px;}
.contact_wrap .addr p {margin-top: 20px; font-size: 22px; font-weight: 400; letter-spacing: -.6px; color: #6D6D6D; font-family: var(--font-libre);}
.contact_wrap .contact {margin-top: 70px; display: flex; gap: 60px;}
.contact_wrap .contact li {display: flex; align-items: center; gap: 20px;}
.contact_wrap .contact li img {width: 55px;}
.contact_wrap .contact li strong {display: block; font-size: 20px; font-weight: 600; font-family: var(--font-out);}
.contact_wrap .contact li p {margin-top: 5px; font-size: 18px; font-weight: 400; font-family: var(--font-out); color: #6D6D6D;}
.contact_wrap .map {width: 800px; height: 550px;}
.contact_wrap .root_daum_roughmap_landing {width: 100% !important; height: 100%;}
.contact_wrap .root_daum_roughmap .wrap_map {height: 100% !important;}
.contact_wrap .root_daum_roughmap .cont,
.contact_wrap .root_daum_roughmap .wrap_controllers,
.contact_wrap .root_daum_roughmap .map_border {display: none;}
@media screen and (max-width:1640px){
    /* contact */
    .contact_wrap .info .tit {gap: 2.44vw;}
    .contact_wrap .info .tit h2 {font-size: 2.74vw; letter-spacing: -0.07vw;}
    .contact_wrap .info .tit a {gap: 0.61vw; font-size: 0.98vw; letter-spacing: -0.02vw; width: 8.54vw; height: 2.74vw;}
    .contact_wrap .info .tit a img {width: 0.61vw;}
    .contact_wrap .bot {margin-top: 3.66vw; padding-top: 3.66vw;}
    .contact_wrap .bot::before {width: 6.10vw;}
    .contact_wrap .addr h3 {font-size: 1.83vw; letter-spacing: -0.04vw;}
    .contact_wrap .addr p {margin-top: 1.22vw; font-size: 1.34vw; letter-spacing: -0.04vw;}
    .contact_wrap .contact {margin-top: 4.27vw; gap: 3.66vw;}
    .contact_wrap .contact li {gap: 1.22vw;}
    .contact_wrap .contact li img {width: 3.35vw;}
    .contact_wrap .contact li strong {font-size: 1.22vw;}
    .contact_wrap .contact li p {margin-top: 0.30vw; font-size: 1.10vw;}
    .contact_wrap .map {width: 48.78vw; height: 33.54vw;}
}
@media screen and (max-width:1280px){
    /* contact */
    .contact_wrap .info .tit {gap: 2.42vw;}
    .contact_wrap .info .tit h2 {font-size: 2.73vw; letter-spacing: -0.08vw;}
    .contact_wrap .info .tit a {gap: 0.63vw; font-size: 1.02vw; letter-spacing: -0.00vw; width: 8.52vw; height: 2.73vw;}
    .contact_wrap .info .tit a img {width: 0.63vw;}
    .contact_wrap .bot {margin-top: 3.67vw; padding-top: 3.67vw;}
    .contact_wrap .bot::before {width: 6.09vw;}
    .contact_wrap .addr h3 {font-size: 1.80vw; letter-spacing: -0.08vw;}
    .contact_wrap .addr p {margin-top: 1.25vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    .contact_wrap .contact {margin-top: 4.30vw; gap: 3.67vw;}
    .contact_wrap .contact li {gap: 1.25vw;}
    .contact_wrap .contact li img {width: 3.36vw;}
    .contact_wrap .contact li strong {font-size: 1.25vw;}
    .contact_wrap .contact li p {margin-top: 0.31vw; font-size: 1.09vw;}
    .contact_wrap .map {width: 48.75vw; height: 33.52vw;}
}
@media screen and (max-width:768px){
    /* contact */
    .contact_wrap {flex-direction: column; gap: 13.02vw;}
    .contact_wrap .info .tit {gap: 0; justify-content: space-between;}
    .contact_wrap .info .tit h2 {font-size: 6.77vw ; letter-spacing: -0.26vw;}
    .contact_wrap .info .tit a {gap: 2.08vw; font-size: 3.39vw; letter-spacing: -0.16vw; width: 30.73vw; height: 9.38vw;}
    .contact_wrap .info .tit a img {width: 2.86vw;}
    .contact_wrap .bot {margin-top: 10.42vw; padding-top: 10.42vw;}
    .contact_wrap .bot::before {width: 20.57vw;}
    .contact_wrap .addr h3 {font-size: 6.25vw; letter-spacing: -0.26vw;}
    .contact_wrap .addr p {margin-top: 3vw; font-size: 3.65vw; letter-spacing: -0.26vw; line-height: 1.4;}
    .contact_wrap .contact {margin-top: 10.42vw; gap: 9.72vw;}
    .contact_wrap .contact li {gap: 3vw;}
    .contact_wrap .contact li img {width: 9.11vw;}
    .contact_wrap .contact li strong {font-size: 3.65vw;}
    .contact_wrap .contact li p {margin-top: 1.30vw; font-size: 3.39vw;}
    .contact_wrap .map {width: 100vw; height: 91.15vw;}
}



/********** board **********/
/* cate */
#dpp_pic_list #dpp_ct_ul.dpp_ct_ul {gap: 15px;}
#dpp_pic_list #dpp_ct.dpp_ct {margin-bottom: 20px;}
#dpp_pic_list #dpp_ct.dpp_ct li {width: auto;}
#dpp_pic_list #dpp_ct.dpp_ct li a {width: 150px; height: 50px; border-radius: 50px; border: 1px solid #8E8E8E; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #8E8E8E; letter-spacing: -.8px; font-family: var(--font-out);}
#dpp_pic_list #dpp_ct.dpp_ct li a#bo_cate_on {background: #000; color: #fff; border-color: #000;}
/* total */
#dpp_pic_list .pro_tp {margin-bottom: 30px;}
#dpp_pic_list .pro_tp .total {font-size: 18px; font-weight: 400; color: #000;}
#dpp_pic_list .pro_tp .total strong {font-weight: 800;}
/* search */
#dpp_pic_list .pro_tp .pro_srh {height: 60px; max-width: none; gap: 30px;}
#dpp_pic_list .pro_tp .pro_srh input::placeholder,
#dpp_pic_list .pro_tp .pro_srh select,
#dpp_pic_list .pro_tp .pro_srh input {font-size: 18px; font-weight: 500; color: #BEBEBE;}
#dpp_pic_list .pro_tp .pro_srh select {width: 200px; background: none; background: url("/img/sub/sel_ic.svg") no-repeat right 12px center / 24px; color: #BEBEBE;}
#dpp_pic_list .pro_tp .pro_srh_input {width: 440px; background: none; position: relative;}
#dpp_pic_list .pro_tp .pro_srh_input input {background: none; color: #000; padding: 0 40px 0 0;}
#dpp_pic_list .pro_tp .pro_srh_input button {width: 22px; height: 22px; background: url("/img/sub/srh_btn.svg") no-repeat right center / contain; right: 0;}
/* list */
#dpp_pic_list .dpp_bd_wrap {border-bottom: 0; border-top: 1px solid #000;}
#dpp_pic_list .dpp_gal_list:after {display: none;}
#dpp_pic_list .dpp_gal_list {padding: 35px 0 0; margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 60px 27px;}
#dpp_pic_list .dpp_gal_list .dp_li {width: 100%; padding: 0;}
#dpp_pic_list .dpp_gal_in .dpp_imgArea {margin-bottom: 20px; height: 297px; overflow: hidden;}
#dpp_pic_list .dpp_gal_in .dpp_imgArea a {height: 100%;}
#dpp_pic_list .dpp_gal_in .dpp_imgArea img {object-position: center;}
#dpp_pic_list .dpp_pic_hf a.dpp_pic_ct {display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 15px; font-size: 14px; font-weight: 500; color: #000 !important; letter-spacing: -.6px; border-radius: 30px; border: 1px solid #000; font-family: var(--font-out); margin-bottom: 10px;}
#dpp_pic_list .dpp_pic_hf a {font-weight: 500; letter-spacing: -.577px;}
#dpp_pic_list .dpp_pic_hf .name_en a {font-size: 22px; line-height: 1.2;}
#dpp_pic_list .dpp_pic_hf .name_ko {margin-top: 10px; line-height: 1;}
#dpp_pic_list .dpp_pic_hf .name_ko a {font-size: 18px; line-height: 1;}
/* paging */
.dpp_page_wrap{text-align:center;font-size:0; margin: 60px 0 80px;}
.dpp_page_wrap a:hover{background-color:transparent}
.dpp_page_wrap a.pg_page.pg_prev{background:url("/img/board/p_prev.svg") no-repeat center / contain; width: 12px; height: 13px;}
.dpp_page_wrap a.pg_page.pg_next{background:url("/img/board/p_next.svg") no-repeat center / contain; width: 12px; height: 13px;}
.dpp_page_wrap strong.pg_current{color: #000; font-size:14px; display: inline-block;  position: relative;}
.dpp_page_wrap strong.pg_current:before{content: ''; display: block; width: 35px; height: 35px; border-radius:50%; background: #EDEDED; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: -1;}
.dpp_page_wrap a.pg_page.pg_start{background:url("/img/board/p_first.svg") no-repeat center / contain; width: 12px; height: 13px;}
.dpp_page_wrap a.pg_page.pg_end{background:url("/img/board/p_last.svg") no-repeat center / contain; width: 12px; height: 13px;}
/* no_data */
.no_data_wrap {padding: calc(100px - 35px) 0 100px;}
.no_data_wrap img {width: 60px;}
.no_data_wrap p {margin-top: 15px; color: #919191; font-size: 20px; font-weight: 300 }

@media screen and (max-width:1640px){
    /********** board **********/
    /* cate */
    #dpp_pic_list #dpp_ct_ul.dpp_ct_ul {gap: 0.91vw;}
    #dpp_pic_list #dpp_ct.dpp_ct {margin-bottom: 1.22vw;}
    #dpp_pic_list #dpp_ct.dpp_ct li a {width: 9.15vw; height: 3.05vw; border-radius: 3.05vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
    /* total */
    #dpp_pic_list .pro_tp {margin-bottom: 1.83vw;}
    #dpp_pic_list .pro_tp .total {font-size: 1.10vw;}
    /* search */
    #dpp_pic_list .pro_tp .pro_srh {height: 3.66vw; gap: 1.83vw;}
    #dpp_pic_list .pro_tp .pro_srh input::placeholder,
    #dpp_pic_list .pro_tp .pro_srh select,
    #dpp_pic_list .pro_tp .pro_srh input {font-size: 1.10vw;}
    #dpp_pic_list .pro_tp .pro_srh select {width: 12.20vw; background: url("/img/sub/sel_ic.svg") no-repeat right 0.73vw center / 1.46vw;}
    #dpp_pic_list .pro_tp .pro_srh_input {width: 26.83vw;}
    #dpp_pic_list .pro_tp .pro_srh_input input {padding: 0 2.44vw 0 0;}
    #dpp_pic_list .pro_tp .pro_srh_input button {width: 1.34vw; height: 1.34vw;}
    /* list */
    #dpp_pic_list .dpp_gal_list {padding: 2.13vw 0 0; gap: 3.66vw 1.65vw;}
    #dpp_pic_list .dpp_gal_in .dpp_imgArea {margin-bottom: 1.22vw; height: 18.11vw;}
    #dpp_pic_list .dpp_pic_hf a.dpp_pic_ct {height: 1.83vw; padding: 0 0.91vw; font-size: 0.85vw; letter-spacing: -0.04vw; border-radius: 1.83vw; margin-bottom: 0.61vw;}
    #dpp_pic_list .dpp_pic_hf a {letter-spacing: -0.04vw;}
    #dpp_pic_list .dpp_pic_hf .name_en a {font-size: 1.34vw;}
    #dpp_pic_list .dpp_pic_hf .name_ko {margin-top: 0.61vw;}
    #dpp_pic_list .dpp_pic_hf .name_ko a {font-size: 1.10vw;}
    /* paging */
    .dpp_page_wrap{margin: 3.66vw 0 4.88vw;}
    .dpp_page_wrap a.pg_page.pg_prev{width: 0.73vw; height: 0.79vw;}
    .dpp_page_wrap a.pg_page.pg_next{width: 0.73vw; height: 0.79vw;}
    .dpp_page_wrap strong.pg_current{font-size:0.85vw;}
    .dpp_page_wrap strong.pg_current:before{width: 2.13vw; height: 2.13vw;}
    .dpp_page_wrap a.pg_page.pg_start{width: 0.73vw; height: 0.79vw;}
    .dpp_page_wrap a.pg_page.pg_end{width: 0.73vw; height: 0.79vw;}
    /* no_data */
    .no_data_wrap {padding: calc(6.10vw - 2.13vw) 0 6.10vw;}
    .no_data_wrap img {width: 3.66vw;}
    .no_data_wrap p {margin-top: 0.91vw; font-size: 1.22vw;}
}
@media screen and (max-width:1280px){
    /********** board **********/
    /* cate */
    #dpp_pic_list #dpp_ct_ul.dpp_ct_ul {gap: 0.94vw;}
    #dpp_pic_list #dpp_ct.dpp_ct {margin-bottom: 1.25vw;}
    #dpp_pic_list #dpp_ct.dpp_ct li a {width: 9.14vw; height: 3.05vw; border-radius: 3.05vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    /* total */
    #dpp_pic_list .pro_tp {margin-bottom: 1.80vw;}
    #dpp_pic_list .pro_tp .total {font-size: 1.09vw;}
    /* search */
    #dpp_pic_list .pro_tp .pro_srh {height: 3.67vw; gap: 1.80vw;}
    #dpp_pic_list .pro_tp .pro_srh input::placeholder,
    #dpp_pic_list .pro_tp .pro_srh select,
    #dpp_pic_list .pro_tp .pro_srh input {font-size: 1.09vw;}
    #dpp_pic_list .pro_tp .pro_srh select {width: 12.19vw; background: url("/img/sub/sel_ic.svg") no-repeat right 0.70vw center / 1.48vw;}
    #dpp_pic_list .pro_tp .pro_srh_input {width: 26.80vw;}
    #dpp_pic_list .pro_tp .pro_srh_input input {padding: 0 2.42vw 0 0;}
    #dpp_pic_list .pro_tp .pro_srh_input button {width: 1.33vw; height: 1.33vw;}
    /* list */
    #dpp_pic_list .dpp_gal_list {padding: 2.11vw 0 0; gap: 3.67vw 1.64vw;}
    #dpp_pic_list .dpp_gal_in .dpp_imgArea {margin-bottom: 1.25vw; height: 18.13vw;}
    #dpp_pic_list .dpp_pic_hf a.dpp_pic_ct {height: 1.80vw; padding: 0 0.94vw; font-size: 0.86vw; letter-spacing: -0.08vw; border-radius: 1.80vw; margin-bottom: 0.63vw;}
    #dpp_pic_list .dpp_pic_hf a {letter-spacing: -0.08vw;}
    #dpp_pic_list .dpp_pic_hf .name_en a {font-size: 1.33vw;}
    #dpp_pic_list .dpp_pic_hf .name_ko {margin-top: 0.63vw;}
    #dpp_pic_list .dpp_pic_hf .name_ko a {font-size: 1.09vw;}
    /* paging */
    .dpp_page_wrap{margin: 3.67vw 0 4.84vw;}
    .dpp_page_wrap a.pg_page.pg_prev{width: 0.70vw; height: 0.78vw;}
    .dpp_page_wrap a.pg_page.pg_next{width: 0.70vw; height: 0.78vw;}
    .dpp_page_wrap strong.pg_current{font-size:0.86vw;}
    .dpp_page_wrap strong.pg_current:before{width: 2.11vw; height: 2.11vw;}
    .dpp_page_wrap a.pg_page.pg_start{width: 0.70vw; height: 0.78vw;}
    .dpp_page_wrap a.pg_page.pg_end{width: 0.70vw; height: 0.78vw;}
    /* no_data */
    .no_data_wrap {padding: calc(6.09vw - 2.11vw) 0 6.09vw;}
    .no_data_wrap img {width: 3.67vw;}
    .no_data_wrap p {margin-top: 0.94vw; font-size: 1.25vw;}
}
@media screen and (max-width:768px){
    /********** board **********/
    /* cate */
    #dpp_pic_list #dpp_ct_ul.dpp_ct_ul {gap: 2.60vw;}
    #dpp_pic_list #dpp_ct.dpp_ct {margin-bottom: 10.42vw;}
    #dpp_pic_list #dpp_ct.dpp_ct li a {width: 24.74vw; height: 8.72vw; border-radius: 7.81vw; font-size: 3.65vw; letter-spacing: -0.26vw;}
    /* total */
    #dpp_pic_list .pro_tp {gap: 10.42vw; margin-bottom: 5.21vw;}
    #dpp_pic_list .pro_tp .total {font-size: 3.65vw;}
    /* search */
    #dpp_pic_list .pro_tp .pro_srh {height: auto; gap: 2.60vw; flex-direction: column;}
    #dpp_pic_list .pro_tp .pro_srh input::placeholder,
    #dpp_pic_list .pro_tp .pro_srh select,
    #dpp_pic_list .pro_tp .pro_srh input {font-size: 3.65vw; height: 10.42vw;}
    #dpp_pic_list .pro_tp .pro_srh select {width: 100%; background: url("/img/sub/sel_ic.svg") no-repeat right 2.34vw center / 4.95vw;}
    #dpp_pic_list .pro_tp .pro_srh_input {width: 100%;}
    #dpp_pic_list .pro_tp .pro_srh_input input {padding: 0 8.20vw 0 0;}
    #dpp_pic_list .pro_tp .pro_srh_input button {width: 4.5vw; height: 4.5vw;}
    /* list */
    #dpp_pic_list .dpp_gal_list {padding: 6vw 0 0; gap: 13.02vw 0; grid-template-columns: repeat(1,1fr);}
    #dpp_pic_list .dpp_gal_list .dp_li {width: 100% !important;}
    #dpp_pic_list .dpp_gal_in .dpp_imgArea {margin-bottom: 6.81vw; height: 67.71vw;}
    #dpp_pic_list .dpp_pic_hf a.dpp_pic_ct {height: 7.81vw; padding: 0 5.21vw; font-size: 3.13vw; letter-spacing: -0.13vw; border-radius: 26.04vw; margin-bottom: 2.60vw;}
    #dpp_pic_list .dpp_pic_hf a {letter-spacing: -0.26vw;}
    #dpp_pic_list .dpp_pic_hf .name_en a {font-size: 5.5vw;}
    #dpp_pic_list .dpp_pic_hf .name_ko {margin-top: 2.60vw;}
    #dpp_pic_list .dpp_pic_hf .name_ko a {font-size: 3.7vw;}
    /* paging */
    .dpp_page_wrap{margin: 13.02vw 0 0;}
    .dpp_page_wrap a.pg_page.pg_prev{width: 2.34vw; height: 2.60vw;}
    .dpp_page_wrap a.pg_page.pg_next{width: 2.34vw; height: 2.60vw;}
    .dpp_page_wrap strong.pg_current{font-size:2.86vw;}
    .dpp_page_wrap strong.pg_current:before{width: 7.16vw; height: 7.16vw;}
    .dpp_page_wrap a.pg_page.pg_start{width: 2.34vw; height: 2.60vw;}
    .dpp_page_wrap a.pg_page.pg_end{width: 2.34vw; height: 2.60vw;}
    /* no_data */
    .no_data_wrap {padding: calc(19.53vw - 7.16vw) 0 19.53vw;}
    .no_data_wrap img {width: 9.77vw;}
    .no_data_wrap p {margin-top: 2.60vw; font-size: 3.39vw;}
}

/* bd_view */
.bd_view_wrap {margin-top: 200px; border-top: 2px solid #000;}
.bd_view .thumbCont {display: flex; justify-content: space-between; padding: 50px 50px 0;}
.bd_view .thumbCont .name {font-size: 50px; font-weight: 700; line-height: 1.2; position: relative;}
.bd_view .thumbCont .name::after {content: "ARTIST"; font-size: 200px; font-weight: 700; letter-spacing: -12.1px; opacity: .02; position: absolute; left: 0; bottom: -20px; font-family: var(--font-libre); line-height: 1; height: 172px;}
.bd_view .thumbCont .thumb {width: 595px;}
.bd_view .thumbCont .thumb img {width: 100%;}
.bd_view .content {margin-top: 137px;}
.bd_view .tabCont {height: 65px;}
.bd_view .tab.fixed {position: fixed; left: 50%; top: 100px; transform: translateX(-50%); width: 100%; height: 65px; background: #F5F3EC; z-index: 20;}
.bd_view .tab {display: flex; align-items: center; justify-content: center; height: 100%;}
.bd_view .tab a {display: flex; align-items: center; justify-content: center; width: 200px; height: 100%; font-size: 19px; font-weight: 500; color: #8E8E8E; font-family: var(--font-out);}
.bd_view .tab a.on {color: #000; font-weight: 600; border-bottom: 2px solid #000;}
.bd_view .section {padding: 100px 0;}
.bd_view .section  + .section {border-top: 1px solid #BEBEBE;}
.bd_view .section h3 {font-size: 40px; font-weight: 700; font-family: var(--font-out); line-height: 1.5; margin-bottom: 60px;}
.bd_view .section h5 {font-size: 22px; font-weight: 700; margin-bottom: 20px;}
.bd_view .section .list + .list {margin-top: 60px;}
.bd_view .section ul {max-height:400px; overflow: hidden; position: relative; transition: max-height 0.3s ease;}
.bd_view .section ul li {position: relative;}
.bd_view .section ul:not(.history) li {padding-left: 12px; text-indent: -12px;}
.bd_view .section ul:not(.history) li::before {content: "-"; margin-right: 5px;}
.bd_view .section ul li,
.bd_view .section ul li * {display: block; font-size: 18px; font-weight: 400; color: #6D6D6D; line-height: 1.5;}
.bd_view .section ul li + li {margin-top: 5px;}
.bd_view .section ul.history li {display: flex; align-items: baseline; gap: 10px;}
.bd_view .section ul.history li strong {width: 80px; font-weight: 600;}
.bd_view .section ul.viewMore {transition: max-height 0.3s ease;}
.bd_view .section ul.viewMore::after {content: ""; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(245, 243, 236, 0.00) 0%, #F5F3EC 100%); position: absolute; left: 0; bottom: 0; z-index: 1;}
.bd_view .section .moreBtn {margin-top: 30px; margin-left: 90px; display: flex; align-items: center; justify-content: center; width: 150px; height: 48px; border: 1px solid #6D6D6D; font-size: 18px; font-weight: 400; font-family: var(--font-out); letter-spacing: -.3px; cursor: pointer; transition: all .3s;}
.bd_view .section .moreBtn:hover {background: #000; border-color: #000; color: #fff; font-weight: 500;}
.bd_view #Work .top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 45px;}
.bd_view #Work h3 {margin-bottom: 0;}
.bd_view #Work .arrowBox {display: flex; align-items: center; gap: 10px;} 
.bd_view #Work .arrow {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; background: #000; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; user-select: none;}
.bd_view #Work .arrow::after {display: none;}
.bd_view #Work .arrow img {width: 20px;}
.bd_view #Work .swiper-slide {width: auto; margin-right: 40px; cursor: pointer;}
.bd_view #Work .swiper-slide .img {height: 470px;}
.bd_view #Work .swiper-slide .img img {height: 100%; object-position: center; object-fit: cover;}
.bd_view #Work .swiper-slide p {margin-top: 20px; font-size: 20px; font-weight: 500; color: #6D6D6D; word-break: keep-all; line-height: 1.4;}
/* popup */
.view_slidePopup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .8); z-index: 1600; align-items: center; justify-content: center;}
.view_slidePopup.show {display: flex;}
.view_slidePopup .close {position: absolute; top: 39px; right: 153px; cursor: pointer;}
.view_slidePopup .popInner {position: relative;}
.view_slidePopup .close img {width: 35px;}
.view_slidePopup .swiper {width: 1036px; overflow: hidden;}
.view_slidePopup .swiper .swiper-slide {overflow: hidden;}
.view_slidePopup .swiper .img {height: 713px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.view_slidePopup .swiper .img img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.view_slidePopup .swiper p {text-align: center; margin-top: 22px; font-size: 20px; font-weight: 500; color: #fff;}
.view_slidePopup .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 28px auto 0;}
.view_slidePopup .swiper-pagination * {letter-spacing: -.4px; font-family: var(--font-out);}
.view_slidePopup .swiper-pagination,
.view_slidePopup .swiper-pagination-total {font-size: 24px; color: #8E8E8E;}
.view_slidePopup .swiper-pagination-current {color: #BEBEBE; font-size: 40px;}
.view_slidePopup .arrowBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: space-between; width: 1439px;}
.view_slidePopup .arrowBox .arrow {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; border: 1px solid #fff; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; transition: all .3s; user-select: none;}
.view_slidePopup .arrowBox .arrow::after {display: none;}
.view_slidePopup .arrowBox .arrow img {width: 20px; transition: all .3s;}
.view_slidePopup .arrowBox .arrow:hover {background: #fff;}
.view_slidePopup .arrowBox .arrow:hover img {filter: invert(1);}
@media screen and (max-width:1640px){
    /* bd_view */
    .bd_view_wrap {margin-top: 12.20vw;}
    .bd_view .thumbCont {padding: 3.05vw 3.05vw 0;}
    .bd_view .thumbCont .name {font-size: 3.05vw;}
    .bd_view .thumbCont .name::after {font-size: 12.20vw; letter-spacing: -0.74vw; bottom: -1.22vw; height: 10.49vw;}
    .bd_view .thumbCont .thumb {width: 36.28vw;}
    .bd_view .content {margin-top: 8.35vw;}
    .bd_view .tabCont {height: 3.96vw;}
    .bd_view .tab.fixed {top: 6.10vw; height: 3.96vw;}
    .bd_view .tab a {width: 12.20vw; font-size: 1.16vw;}
    .bd_view .section {padding: 6.10vw 0;}
    .bd_view .section h3 {font-size: 2.44vw; margin-bottom: 3.66vw;}
    .bd_view .section h5 {font-size: 1.34vw; margin-bottom: 1.22vw;}
    .bd_view .section .list + .list {margin-top: 3.66vw;}
    .bd_view .section ul {max-height:24.39vw;}
    .bd_view .section ul:not(.history) li {padding-left: 0.73vw; text-indent: -0.73vw;}
    .bd_view .section ul:not(.history) li::before {margin-right: 0.30vw;}
    .bd_view .section ul li,
    .bd_view .section ul li * {font-size: 1.10vw;}
    .bd_view .section ul li + li {margin-top: 0.30vw;}
    .bd_view .section ul.history li {gap: 0.61vw;}
    .bd_view .section ul.history li strong {width: 4.88vw;}
    .bd_view .section ul.viewMore::after {height: 2.44vw;}
    .bd_view .section .moreBtn {margin-top: 1.83vw; margin-left: 5.49vw; width: 9.15vw; height: 2.93vw; font-size: 1.10vw; letter-spacing: -0.02vw;}
    .bd_view #Work .top {margin-bottom: 2.74vw;}
    .bd_view #Work h3 {margin-bottom: 0;}
    .bd_view #Work .arrowBox {gap: 0.61vw;} 
    .bd_view #Work .arrow {width: 4.88vw; height: 4.88vw;}
    .bd_view #Work .arrow img {width: 1.22vw;}
    .bd_view #Work .swiper-slide {margin-right: 2.44vw;}
    .bd_view #Work .swiper-slide .img {height: 28.66vw;}
    .bd_view #Work .swiper-slide p {margin-top: 1.22vw; font-size: 1.22vw;}
    /* popup */
    .view_slidePopup .close {top: 2.38vw; right: 9.33vw;}
    .view_slidePopup .close img {width: 2.13vw;}
    .view_slidePopup .swiper {width: 63.17vw;}
    .view_slidePopup .swiper .img {height: 43.48vw;}
    .view_slidePopup .swiper p {margin-top: 1.34vw; font-size: 1.22vw;}
    .view_slidePopup .swiper-pagination {margin: 1.71vw auto 0;}
    .view_slidePopup .swiper-pagination * {letter-spacing: -0.02vw;}
    .view_slidePopup .swiper-pagination,
    .view_slidePopup .swiper-pagination-total {font-size: 1.46vw;}
    .view_slidePopup .swiper-pagination-current {font-size: 2.44vw;}
    .view_slidePopup .arrowBox {width: 87.74vw;}
    .view_slidePopup .arrowBox .arrow {width: 4.88vw; height: 4.88vw;}
    .view_slidePopup .arrowBox .arrow img {width: 1.22vw;}
}
@media screen and (max-width:1280px){
    /* bd_view */
    .bd_view_wrap {margin-top: 12.18vw;}
    .bd_view .thumbCont {padding: 3.05vw 3.05vw 0;}
    .bd_view .thumbCont .name {font-size: 3.05vw;}
    .bd_view .thumbCont .name::after {font-size: 12.19vw; letter-spacing: -0.70vw; bottom: -1.25vw; height: 10.47vw;}
    .bd_view .thumbCont .thumb {width: 36.25vw;}
    .bd_view .content {margin-top: 8.36vw;}
    .bd_view .tabCont {height: 3.98vw;}
    .bd_view .tab.fixed {top: 6.09vw; height: 3.98vw;}
    .bd_view .tab a {width: 12.19vw; font-size: 1.17vw;}
    .bd_view .section {padding: 6.09vw 0;}
    .bd_view .section h3 {font-size: 2.42vw; margin-bottom: 3.67vw;}
    .bd_view .section h5 {font-size: 1.33vw; margin-bottom: 1.25vw;}
    .bd_view .section .list + .list {margin-top: 3.67vw;}
    .bd_view .section ul {max-height:24.38vw;}
    .bd_view .section ul:not(.history) li {padding-left: 0.70vw; text-indent: -0.70vw;}
    .bd_view .section ul:not(.history) li::before {margin-right: 0.31vw;}
    .bd_view .section ul li,
    .bd_view .section ul li * {font-size: 1.09vw;}
    .bd_view .section ul li + li {margin-top: 0.31vw;}
    .bd_view .section ul.history li {gap: 0.63vw;}
    .bd_view .section ul.history li strong {width: 4.84vw;}
    .bd_view .section ul.viewMore::after {height: 2.42vw;}
    .bd_view .section .moreBtn {margin-top: 1.80vw; margin-left: 5.47vw; width: 9.14vw; height: 2.97vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    .bd_view #Work .top {margin-bottom: 2.73vw;}
    .bd_view #Work h3 {margin-bottom: 0;}
    .bd_view #Work .arrowBox {gap: 0.63vw;} 
    .bd_view #Work .arrow {width: 4.84vw; height: 4.84vw;}
    .bd_view #Work .arrow img {width: 1.25vw;}
    .bd_view #Work .swiper-slide {margin-right: 2.42vw;}
    .bd_view #Work .swiper-slide .img {height: 28.67vw;}
    .bd_view #Work .swiper-slide p {margin-top: 1.25vw; font-size: 1.25vw;}
    /* popup */
    .view_slidePopup .close {top: 2.34vw; right: 9.30vw;}
    .view_slidePopup .close img {width: 2.11vw;}
    .view_slidePopup .swiper {width: 62vw;}
    .view_slidePopup .swiper .img {height: 43.52vw;}
    .view_slidePopup .swiper p {margin-top: 1.33vw; font-size: 1.25vw;}
    .view_slidePopup .swiper-pagination {margin: 1.72vw auto 0;}
    .view_slidePopup .swiper-pagination * {letter-spacing: -0.00vw;}
    .view_slidePopup .swiper-pagination,
    .view_slidePopup .swiper-pagination-total {font-size: 1.48vw;}
    .view_slidePopup .swiper-pagination-current {font-size: 2.42vw;}
    .view_slidePopup .arrowBox {width: 87.73vw;}
    .view_slidePopup .arrowBox .arrow {width: 4.84vw; height: 4.84vw;}
    .view_slidePopup .arrowBox .arrow img {width: 1.25vw;}
}
@media screen and (max-width:768px){
    /* bd_view */
    .bd_view_wrap {margin-top: 32.55vw;}
    .bd_view .thumbCont {padding: 10.42vw 0 0; flex-direction: column; align-items: flex-start; gap: 7.81vw;}
    .bd_view .thumbCont .name {font-size: 9.38vw;}
    .bd_view .thumbCont .name::after {display: none;}
    .bd_view .thumbCont .thumb {width: 100%;}
    .bd_view .content {margin-top: 15.63vw;}
    .bd_view .tabCont {height: 9.38vw;}
    .bd_view .tab.fixed {top: 18.23vw; height: 9.38vw; padding: 0 5.21vw;}
    .bd_view .tab a {width: 25%; font-size: 3.39vw;}
    .bd_view .section {padding: 11.63vw 0;}
    .bd_view .section h3 {font-size: 6.77vw; margin-bottom: 10.42vw;}
    .bd_view .section h5 {font-size: 5.73vw; margin-bottom: 3.91vw;}
    .bd_view .section .list + .list {margin-top: 13.02vw;}
    .bd_view .section ul {max-height:76.17vw;}
    .bd_view .section ul:not(.history) li {padding-left: 2.21vw; text-indent: -2.21vw;}
    .bd_view .section ul:not(.history) li::before {margin-right: 0.91vw;}
    .bd_view .section ul li,
    .bd_view .section ul li * {font-size: 3.39vw;}
    .bd_view .section ul li + li {margin-top: 1.33vw;}
    .bd_view .section ul.history li {gap: 1.30vw;}
    .bd_view .section ul.history li strong {width: 13.02vw;}
    .bd_view .section ul.history li span {width: calc(100% - 13.02vw - 1.30vw);}
    .bd_view .section ul.viewMore::after {height: 7.55vw;}
    .bd_view .section .moreBtn {margin-top: 5.21vw; margin-left: 14.32vw; width: 28.52vw; height: 9.38vw; font-size: 3.39vw; letter-spacing: -0.16vw;}
    .bd_view #Work .top {margin-bottom: 10.03vw;}
    .bd_view #Work h3 {margin-bottom: 0;}
    .bd_view #Work .arrowBox {gap: 1.14vw;} 
    .bd_view #Work .arrow {width: 9.11vw; height: 9.11vw;}
    .bd_view #Work .arrow img {width: 2.28vw;}
    .bd_view #Work .swiper {overflow: hidden;}
    .bd_view #Work .swiper-slide {margin-right: 3.91vw; width: 100% !important;}
    .bd_view #Work .swiper-slide .img {height: 73.59vw; display: flex; align-items: center; justify-content: center;}
    .bd_view #Work .swiper-slide .img img {max-width: 100%; max-height: 100%; height: auto;}
    .bd_view #Work .swiper-slide p {margin-top: 5.21vw; font-size: 3.65vw;}
    /* popup */
    .view_slidePopup .close {top: 18.51vw; right: 5.21vw;}
    .view_slidePopup .close img {width: 7vw;}
    .view_slidePopup .popInner {width: 100%;}
    .view_slidePopup .swiper {width: calc(100% - 10.42vw); margin: 0 auto;}
    .view_slidePopup .swiper .img {height: 61.85vw;}
    .view_slidePopup .swiper p {margin-top: 5.21vw; font-size: 3.65vw;}
    .view_slidePopup .swiper-pagination {margin: 3.91vw auto 0;}
    .view_slidePopup .swiper-pagination * {letter-spacing: -0.10vw;}
    .view_slidePopup .swiper-pagination,
    .view_slidePopup .swiper-pagination-total {font-size: 3.65vw;}
    .view_slidePopup .swiper-pagination-current {font-size: 4.17vw;}
    .view_slidePopup .arrowBox {width: auto; justify-content: center; gap: 1.74vw; position: relative; top: auto; left: auto; transform: none; margin: 5.21vw auto 0;}
    .view_slidePopup .arrowBox .arrow {width: 9.11vw; height: 9.11vw;}
    .view_slidePopup .arrowBox .arrow img {width: 2.28vw;}
}

/* artfair_view */
.artfair_view {padding: 70px 0 90px; border-bottom: 1px solid #BEBEBE;}
.artfair_view .bd_inner {position: relative; width: 1100px; margin: 0 auto;}
.artfair_view .bd_inner::before {content: "ART FAIR"; position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 200px; font-weight: 700; opacity: .02; letter-spacing: -1.21px; white-space: nowrap; line-height: 1; z-index: -1;}
.artfair_view h2 {text-align: center; font-size: 50px; font-weight: 700; line-height: 1.2; margin-bottom: 50px;}
.artfair_view .swiper_cont {position: relative;}
.artfair_view .mySwiper2 {overflow: hidden;}
.artfair_view .mySwiper2 .img {width: 100%; height: 700px; text-align: center;}
.artfair_view .mySwiper2 .img img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.artfair_view .mySwiper2 p {margin-top: 30px; font-size: 20px; font-weight: 500; text-align: center;}
.artfair_view .arrowBox {display: flex; align-items: center; justify-content: space-between; position: absolute; top: 38%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 1400px;}
.artfair_view .arrow {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; background: #000; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; user-select: none; cursor: pointer;}
.artfair_view .arrow::after {display: none;}
.artfair_view .arrow img {width: 20px;}
.artfair_view .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin-top: 15px;}
.artfair_view .swiper-pagination,
.artfair_view .swiper-pagination-total {font-size: 24px; font-weight: 500; color: #BEBEBE; letter-spacing: -.4px;}
.artfair_view .swiper-pagination-current {font-size: 40px; color: #000;}
.artfair_view .mySwiper {margin-top: 45px; overflow: hidden;}
.artfair_view .mySwiper .swiper-slide {position: relative; width: 200px; height: 135px; overflow: hidden; margin-right: 25px; cursor: pointer;}
.artfair_view .mySwiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.artfair_view .mySwiper .swiper-slide-thumb-active::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #000;}
@media screen and (max-width:1640px){
    /* artfair_view */
    .artfair_view {padding: 4.27vw 0 5.49vw;}
    .artfair_view .bd_inner {width: 67.07vw;}
    .artfair_view .bd_inner::before {font-size: 12.20vw; letter-spacing: -0.07vw;}
    .artfair_view h2 {font-size: 3.05vw; margin-bottom: 3.05vw;}
    .artfair_view .mySwiper2 .img {height: 42.68vw;}
    .artfair_view .mySwiper2 p {margin-top: 1.83vw; font-size: 1.22vw;}
    .artfair_view .arrowBox {width: 85.37vw;}
    .artfair_view .arrow {width: 4.88vw; height: 4.88vw;}
    .artfair_view .arrow img {width: 1.22vw;}
    .artfair_view .swiper-pagination {margin-top: 0.91vw;}
    .artfair_view .swiper-pagination,
    .artfair_view .swiper-pagination-total {font-size: 1.46vw; letter-spacing: -0.02vw;}
    .artfair_view .swiper-pagination-current {font-size: 2.44vw;}
    .artfair_view .mySwiper {margin-top: 2.74vw;}
    .artfair_view .mySwiper .swiper-slide {width: 12.20vw; height: 8.23vw; margin-right: 1.52vw;}
}
@media screen and (max-width:1280px){
    /* artfair_view */
    .artfair_view {padding: 4.30vw 0 5.47vw;}
    .artfair_view .bd_inner {width: 67.03vw;}
    .artfair_view .bd_inner::before {font-size: 12.19vw; letter-spacing: -0.08vw;}
    .artfair_view h2 {font-size: 3.05vw; margin-bottom: 3.05vw;}
    .artfair_view .mySwiper2 .img {height: 42.66vw;}
    .artfair_view .mySwiper2 p {margin-top: 1.80vw; font-size: 1.25vw;}
    .artfair_view .arrowBox {width: 85.39vw;}
    .artfair_view .arrow {width: 4.84vw; height: 4.84vw;}
    .artfair_view .arrow img {width: 1.25vw;}
    .artfair_view .swiper-pagination {margin-top: 0.94vw;}
    .artfair_view .swiper-pagination,
    .artfair_view .swiper-pagination-total {font-size: 1.48vw; letter-spacing: -0.00vw;}
    .artfair_view .swiper-pagination-current {font-size: 2.42vw;}
    .artfair_view .mySwiper {margin-top: 2.73vw;}
    .artfair_view .mySwiper .swiper-slide {width: 12.19vw; height: 8.20vw; margin-right: 1.48vw;}
}
@media screen and (max-width:768px){
    /* artfair_view */
    .artfair_view {padding: 10.42vw 0;}
    .artfair_view .bd_inner {width: 100%;}
    .artfair_view .bd_inner::before {font-size: 21.44vw; letter-spacing: -0.60vw;}
    .artfair_view h2 {font-size: 6.77vw; margin-bottom: 9.11vw;}
    .artfair_view .mySwiper2 .img {height: 89.60vw;}
    .artfair_view .mySwiper2 p {margin-top: 5.21vw; font-size: 3.65vw;}
    .artfair_view .arrowBox {width: 100%; justify-content: center; gap: 1.74vw; position: relative; top: auto; left: auto; transform: none; margin-top: 5.21vw;}
    .artfair_view .arrow {width: 9.11vw; height: 9.11vw;}
    .artfair_view .arrow img {width: 2.28vw;}
    .artfair_view .swiper-pagination {margin-top: 3.91vw;}
    .artfair_view .swiper-pagination,
    .artfair_view .swiper-pagination-total {font-size: 3.65vw; letter-spacing: -0.10vw;}
    .artfair_view .swiper-pagination-current {font-size: 4.17vw;}
    .artfair_view .mySwiper {margin-top: 10.42vw;}
    .artfair_view .mySwiper .swiper-slide {width: 43.32vw; height: 27.39vw; margin-right: 2.91vw;}
}

/* Search Results */
.search_result {padding-top: 160px;}
.search_result h2 {font-size: 50px; font-weight: 700; line-height: 1.2; margin-bottom: 70px; text-transform: uppercase; font-family: var(--font-libre);}
.search_result .listTit h3 {font-size: 26px; font-weight: 600; letter-spacing: -.8px; line-height: 1.07;}
.search_result .listTit a {display: flex; align-items: center; justify-content: center; width: 150px; height: 48px; border: 1px solid #6D6D6D; font-size: 18px; font-weight: 400; letter-spacing: -.3px; font-family: var(--font-out); transition: all .3s;}
.search_result .listTit a:hover {background: #000; color: #fff; border-color: #000;}
.search_result .listCont + .listCont {margin-top: 100px;}
.search_result .list {margin-top: 26px !important; border-top: 1px solid #000;}
.search_result .dpp_gal_list {padding-top: 35px !important;}
.search_result .dpp_basic_tbl .dpp_td_num {width: 112px;}
.search_result .dpp_basic_tbl .dpp_td_cate {width: 90px;}
.search_result .dpp_basic_tbl .dpp_td_tt {width: auto;}
.search_result .dpp_gal_list > li:hover .dpp_imgArea a:after,
.search_result .dpp_gal_list > li:hover .dpp_imgArea a::before {display: none;}
.search_result .noData {text-align: center; border-top: 2px solid #000; border-bottom: 1px solid #000; padding: 194px 0 174px;}
.search_result .noData img {width: 38px;}
.search_result .noData p {margin-top: 28px; font-size: 20px; font-weight: 500;}
@media screen and (max-width:1640px){
    /* Search Results */
    .search_result {padding-top: 9.76vw;}
    .search_result h2 {font-size: 3.05vw; margin-bottom: 4.27vw;}
    .search_result .listTit h3 {font-size: 1.59vw; letter-spacing: -0.05vw;}
    .search_result .listTit a {width: 9.15vw; height: 2.93vw; font-size: 1.10vw; letter-spacing: -0.02vw;}
    .search_result .listCont + .listCont {margin-top: 6.10vw;}
    .search_result .list {margin-top: 1.59vw !important;}
    .search_result .dpp_gal_list {padding-top: 2.13vw !important;}
    .search_result .dpp_basic_tbl .dpp_td_num {width: 6.83vw;}
    .search_result .dpp_basic_tbl .dpp_td_cate {width: 5.49vw;}
    .search_result .noData {padding: 11.83vw 0 10.61vw;}
    .search_result .noData img {width: 2.32vw;}
    .search_result .noData p {margin-top: 1.71vw; font-size: 1.22vw;}
}
@media screen and (max-width:1280px){
    /* Search Results */
    .search_result {padding-top: 9.77vw;}
    .search_result h2 {font-size: 3.05vw; margin-bottom: 4.30vw;}
    .search_result .listTit h3 {font-size: 1.56vw; letter-spacing: -0.08vw;}
    .search_result .listTit a {width: 9.14vw; height: 2.97vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    .search_result .listCont + .listCont {margin-top: 6.09vw;}
    .search_result .list {margin-top: 1.56vw !important;}
    .search_result .dpp_gal_list {padding-top: 2.11vw !important;}
    .search_result .dpp_basic_tbl .dpp_td_num {width: 6.80vw;}
    .search_result .dpp_basic_tbl .dpp_td_cate {width: 6.64vw;}
    .search_result .noData {padding: 11.80vw 0 10.63vw;}
    .search_result .noData img {width: 2.34vw;}
    .search_result .noData p {margin-top: 1.72vw; font-size: 1.25vw;}
}
@media screen and (max-width:768px){
    /* Search Results */
    .search_result {padding-top: 26.04vw;}
    .search_result h2 {font-size: 9.38vw; margin-bottom: 15.63vw;}
    .search_result .listTit h3 {font-size: 6.77vw; letter-spacing: -0.26vw;}
    .search_result .listTit a {width: 28.52vw; height: 9.38vw; font-size: 3.39vw; letter-spacing: -0.16vw;}
    .search_result .listCont + .listCont {margin-top: 15.63vw;}
    .search_result .list {margin-top: 7.81vw !important;}
    .search_result .dpp_gal_list {padding-top: 7.81vw !important;}
    .search_result .dpp_basic_tbl .dpp_td_tt {width: calc(100% - 2.60vw - 20.83vw);}
    .search_result .dpp_basic_tbl .dpp_td_num {width: 22.14vw;}
    .search_result .dpp_basic_tbl .dpp_td_cate {width: 21.61vw;}
    .search_result .noData {padding: 23.44vw 0 26.04vw;}
    .search_result .noData img {width: 7.16vw;}
    .search_result .noData p {margin-top: 3.91vw; font-size: 3.65vw;}
}