/* 공통 */
.sub_visual_wrap{position: fixed; top: 100px; width: 100%;}
.sub_visual{width:100%; height: 500px; position:relative;}
.sub_visual img{width:100%; height: 100%; object-fit: cover; position: absolute; z-index: -1;}
.sub_visual.bg01{background:url(/img/sub/sub_vis01.jpg) no-repeat center / cover;}
.sub_visual.bg02{background:url(/img/sub/sub_vis02.jpg) no-repeat center / cover;}
.sub_visual.bg03{background:url(/img/sub/sub_vis03.jpg) no-repeat center / cover;}
.sub_visual.bg04{background:url(/img/sub/sub_vis04.jpg) no-repeat center / cover;}
.sub_visual.bg05{background:url(/img/sub/sub_vis05.jpg) no-repeat center / cover;}
.sub_visual.bg06{background:url(/img/sub/sub_vis06.jpg) no-repeat center / cover;}
.sub_visual.bg07{background:url(/img/sub/sub_vis07.jpg) no-repeat center / cover;}
.sub_vis_txt{display: flex; flex-direction: column; justify-content: center; height: 100%; gap: 12px; padding: 0 100px; color:#fff;}
.sub_vis_txt h2{font-size: 60px; font-weight: 400; letter-spacing: -3px; line-height: 1; font-family: var(--font-wix);}
.sub_vis_txt p{font-size: 20px; font-weight: 500;}
#sub_content{padding: 100px 0 130px; margin-top: calc(100px + 500px); position: relative; z-index: 1; background: #fff; overflow: hidden;}
.sub_inner{max-width: 1600px; margin: 0 auto;}

/* ABOUT US */
.about{display: flex; flex-direction: column; gap: 70px;}
.about .title{position: relative;}
.about .title h3{font-size: 60px; letter-spacing: -1.4px;}
.about .title p{margin-top: 20px; font-size: 32px; letter-spacing: -1.4px; font-weight: 500;}
.about .title::before{content: 'GALLERY GRIMSON'; font-size: 107px; letter-spacing: -1.4px; font-weight: 700; opacity: 0.03; font-family: var(--font-wix); position: absolute; right: -166px; bottom: -133px; white-space: nowrap;}
.about .wrap{display: flex; flex-direction: column; align-items: flex-end;}
.about .wrap .txt{font-size: 28px; letter-spacing: -1px; font-weight: 500; line-height: 1.21; width: 100%;}
.about .wrap .cont{margin-top: 40px; display: flex; gap: 30px;}
.about .wrap .cont p{width: 420px; font-size: 20px; letter-spacing: -1px; font-weight: 500; color: #8E8E8E; line-height: 1.5;}
.about .line{height: 1px; background: #BEBEBE;}
.about .eng dt{font-size: 28px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.21;}
.about .eng dd{margin-top: 30px; font-size: 16px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E;}
.about .img img{width: 100%;}

/* list */
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.grimson_top{display: flex; align-items: center; justify-content: space-between; opacity: 0.1;}
.grimson_top strong{font-size: 30px; letter-spacing: -1.4px; font-family: var(--font-wix);}
.grimson_top .line{width: 1280px; height: 1px; background: #000; display: block;}
.bd_list_wrap .category{display: flex;}
.bd_list_wrap .category a{width: 33.33%; padding: 16px 0px; font-size: 20px; letter-spacing: -1px; color: rgba(142, 142, 142, 0.70); font-weight: 500; line-height: 1.5; border: 1px solid rgba(172, 172, 172, 0.30); text-align: center; display: block; font-family: var(--font-wix);}
.bd_list_wrap .category a + a{border-left: none;}
.bd_list_wrap .category a.on{background: #000; color: #fff; border-color: #000;}
.ex_year_tab{width: 100%; overflow-x: auto; border-bottom: 1px solid rgba(172, 172, 172, 0.30);}
.ex_year_tab::-webkit-scrollbar{display: none;}
.ex_year_tab ul{display: flex; width: max-content;}
.ex_year_tab ul li{width: 100px; text-align: center;}
.ex_year_tab ul li a{width: 100%; padding: 16px 0px; font-size: 20px; letter-spacing: -1px; font-weight: 500; color: rgba(142, 142, 142, 0.70); line-height: 1.5; font-family: 'Poppins'; display: block;}
.ex_year_tab ul li a.on{color: #000; border-bottom: 2px solid #000;}
.bd_top{display: flex; align-items: center; justify-content: space-between;}
.bd_top .total{font-size: 18px; letter-spacing: -1.4px; font-weight: 500;}
.bd_top .search{height: 60px; display: flex; gap: 30px;}
.bd_top .search .srh_sel{width: 200px; padding: 0 16px; border: none; border-bottom: 1px solid #E3E3E3; font-size: 18px; font-weight: 500; color: #AAA; outline: none !important; background: #fff url(/img/sub/sel_ic.svg) no-repeat right 12px center / 24px;}
.bd_top .search .srh_input{width: 440px; height: 100%; border-bottom: 1px solid #E3E3E3; position: relative;}
.bd_top .search .srh_input input{font-size: 18px; font-weight: 500; border: none; width: 100%; height: 100%; padding-right: 35px;}
.bd_top .search .srh_input input::placeholder{color: #AAA;}
.bd_top .search .srh_input button{width: 22px; background: none; border: none; -webkit-appearance: none; appearance: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.bd_top .search .srh_input button img{width: 100%;}
.bd_list_wrap .gal_list{display: flex; flex-wrap: wrap;}
.bd_list_wrap .gal_list li a{display: block;}
.bd_list_wrap .gal_list li .img{display: block; aspect-ratio: 1/1; /* aspect-ratio: 370 / 275; */ border: 1px solid #E3E3E3;}
/* .bd_list_wrap.art_fair .gal_list li .img{aspect-ratio: 3 / 2;} */
.bd_list_wrap.art_fair .gal_list li .img{aspect-ratio: 1/1;}
.bd_list_wrap .gal_list li .img img{width: 100%; height: 100%; object-fit: contain;}
.bd_list_wrap .gal_list li .txt{margin-top: 30px; display: flex; flex-direction: column; gap: 10px;}
.bd_list_wrap .gal_list li .txt .tit{font-size: 20px; letter-spacing: -0.4px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bd_list_wrap .gal_list li .txt .date{font-size: 16px; letter-spacing: -0.6px; font-weight: 500; color: #8E8E8E; font-family: var(--font-wix); display: block; min-height: 20px;}
.bd_list_wrap .gal_list.gal-3{gap: 55px 35px;}
.bd_list_wrap .gal_list.gal-4{gap: 60px 40px;}
.bd_list_wrap .gal_list.gal-3 li{width: calc((100% - (35px * 2)) / 3);}
.bd_list_wrap .gal_list.gal-4 li{width: calc((100% - (40px * 3)) / 4);}
.pagination{margin-top: 40px; display: flex; align-items: center; justify-content: center; gap: 24px;}
.pagination .arrow{width: 20px; display: block;}
.pagination .arrow img{width: 100%;}
.paging{display: flex; align-items: center; justify-content: center; gap: 24px;}
.paging a{font-size: 18px; color: #999;}
.paging a.on{width: 37px; height: 37px; border-radius: 100%; background: #000; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600;}
.bd_list_wrap .art_shop_name{font-size: 40px; letter-spacing: -0.4px; font-weight: 600;}

/* view */
.bd_view_wrap .info{display: flex; align-items: center; gap: 100px;}
.bd_view_wrap .info .thumb{width: 500px; /* aspect-ratio: 370 / 275; */}
.bd_view_wrap .info .thumb img{width: 100%; height: 100%; object-fit: cover;}
.bd_view_wrap .info .txt{width: calc(100% - 100px - 500px); letter-spacing: -0.4px;}
.bd_view_wrap .info .txt .title{display: flex; flex-direction: column; gap: 10px;}
.bd_view_wrap .info .txt .title span{font-size: 14px; font-weight: 500;}
.bd_view_wrap .info .txt .title h3{font-size: 40px; letter-spacing: -0.4px; font-weight: 500;}
.bd_view_wrap .info .txt .title h3.en{font-weight: 600;}
.bd_view_wrap .info .txt .title span.name{font-size: 24px; letter-spacing: -0.6px; color: #8E8E8E;}
.bd_view_wrap .info .txt p{margin-top: 20px; font-size: 16px; font-weight: 500;}
.bd_view_wrap .info .txt p.en{letter-spacing: -0.6px; color: #8E8E8E;}
.bd_view_wrap.exhibition .info .txt h3{font-size: 25px !important;}
.bd_view_wrap .tabnav{margin-top: 80px; border-bottom: 1px solid #E3E3E3; background: #fff; position: sticky; top: 100px; left: 0; right: 0; z-index: 100;}
.bd_view_wrap .tabnav ul{display: flex; justify-content: center;}
.bd_view_wrap .tabnav ul li a{width: 200px; padding: 16px 0px; font-size: 20px; letter-spacing: -1px; color: rgba(142, 142, 142, 0.70); font-weight: 500; line-height: 1.5; font-family: var(--font-wix); text-align: center; display: block; border-bottom: 2px solid transparent; transition: color 0.3s ease, border-bottom 0.3s ease;}
.bd_view_wrap .tabnav ul li a.on{border-bottom: 2px solid #000; color: #000;}
.bd_view_wrap .tabcont .sec1{padding-top: 80px;}
.bd_view_wrap .tabcont .section + .section{padding-top: 120px; margin-top: 120px; border-top: 1px solid rgba(0,0,0,0.2);}
.bd_view_wrap .tabcont .section h4{margin-bottom: 50px; font-size: 32px; letter-spacing: -1.4px; font-weight: 500; font-family: var(--font-wix);}
.bd_view_wrap .tabcont .cont{font-size: 18px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E; line-height: 1.55;}
.bd_view_wrap .tabcont .sec1 .cont img{max-width: 100%; display: block; margin: 0 auto;}
.bd_view_wrap .tabcont .sec2 .cont,
.bd_view_wrap .tabcont .sec4 .cont{max-height: 450px; position: relative; overflow: hidden; transition: max-height 0.3s ease-in-out;}
.bd_view_wrap .tabcont .sec2 .cont::after,
.bd_view_wrap .tabcont .sec4 .cont::after{content: ''; display: block; width: 100%; height: 37px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 90%); position: absolute; left: 0; bottom: 0; z-index: 5;}
.bd_view_wrap .tabcont .sec2 .cont.open::after,
.bd_view_wrap .tabcont .sec4 .cont.open::after{display: none;}
.bd_view_wrap .tabcont .sec2 .item + .item{margin-top: 80px;}
.bd_view_wrap .tabcont .sec2 .item dl + dl{margin-top: 20px;}
.bd_view_wrap .tabcont .sec2 .item dl.top + dl{margin-top: 30px;}
.bd_view_wrap .tabcont .sec2 .item dl dt{margin-bottom: 10px; font-size: 20px; letter-spacing: -0.4px; font-weight: 600; line-height: 1.5; color: #000;}
.bd_view_wrap .tabcont .sec2 .item dl.top dt{display: flex; align-items: flex-end; gap: 10px;}
.bd_view_wrap .tabcont .sec2 .item dl.top dt strong{font-size: 28px; font-weight: 600; line-height: normal;}
.bd_view_wrap .tabcont .sec2 .item dl.top dt span{font-size: 16px; letter-spacing: -0.6px; font-weight: 500; color: #8E8E8E;}
.bd_view_wrap .tabcont .sec2 .item dl dd{line-height: 1.33;}
.bd_view_wrap .tabcont .sec3 .work_list{display: flex; flex-wrap: wrap;}
.bd_view_wrap .tabcont .sec3 .work_list.gal-3{gap: 55px 35px;}
.bd_view_wrap .tabcont .sec3 .work_list.gal-4{gap: 60px 40px;}
.bd_view_wrap .tabcont .sec3 .work_list.gal-3 li{width: calc((100% - (35px * 2)) / 3);}
.bd_view_wrap .tabcont .sec3 .work_list.gal-4 li{width: calc((100% - (40px * 3)) / 4);}
.bd_view_wrap .tabcont .sec3 .work_list li a{display: block;}
/* .bd_view_wrap .tabcont .sec3 .work_list li a .img{display: block; aspect-ratio: 1/1;} */
.bd_view_wrap .tabcont .sec3 .work_list li a .img{display: block; border: 1px solid #E3E3E3;}
.bd_view_wrap .tabcont .sec3 .work_list.gal-3 li a .img{aspect-ratio: 510/380;}
.bd_view_wrap .tabcont .sec3 .work_list.gal-4 li a .img{aspect-ratio: 370/275;}
.bd_view_wrap .tabcont .sec3 .work_list li a .img img{width: 100%; height: 100%; object-fit: contain;}
.bd_view_wrap .tabcont .sec3 .work_list li a .txt{display: block; font-size: 16px; margin-top: 30px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E; line-height: normal;}
.bd_view_wrap .tabcont .sec3 .btn_wrap{text-align: center;}
.bd_view_wrap .tabcont .sec4 .cont .title{display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px;}
.bd_view_wrap .tabcont .sec4 .cont .title h5{font-size: 28px; letter-spacing: -0.4px; font-weight: 600; color: #000; line-height: normal;}
.bd_view_wrap .tabcont .sec4 .cont dl dt{font-weight: 600; color: #000; line-height: 1.66; margin-bottom: 10px;}
.bd_view_wrap .tabcont .more_btn{margin-top: 30px; font-size: 14px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.7; display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #000; cursor: pointer; font-family: 'Rubik';}
.bd_view_wrap .tabcont .more_btn i{width: 16px; aspect-ratio: 1/1; background: url(/img/sub/more_arrow.svg) no-repeat center / contain; display: inline-block; vertical-align: middle; margin-left: 8px;}
.bd_view_wrap .tabcont .more_btn.open i{background-image: url(/img/sub/more_close.svg);}

/* popup */
.popup{background: #FFF; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding-top: 80px; z-index: 30000; display: none;}
.popup .pop_close{width: 35px; right: 30px; top: 30px; cursor: pointer; position: absolute;}
.popup .pop_close img{width: 100%;}
.popup .pop_cont{max-width: 900px; margin: 0 auto; width: 100%;}
.popup .pop_cont .txt{text-align: center;}
.popup .pop_cont .txt dt{font-size: 24px; font-weight: 500; line-height: 1; font-family: var(--font-wix);}
.popup .pop_cont .txt dd{margin-top: 15px; font-size: 16px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E; min-height: 20px;}
.popup .pop_swiper_wrap{margin-top: 12px;}
.popup .pop_swiper_wrap .arrow div{width: 50px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.popup .pop_swiper_wrap .arrow div img{width: 100%;}
.popup .pop_swiper_wrap .arrow .prev{left: 30px;}
.popup .pop_swiper_wrap .arrow .next{right: 30px;}
.popup .pop_swiper_wrap .top{display: flex; justify-content: flex-end; align-items: center; gap: 30px;}
.popup .pop_swiper_wrap .page{font-size: 12px; color: rgba(0,0,0,0.2); width: auto; display: flex; align-items: center; gap: 10px;}
.popup .pop_swiper_wrap .page span{font-size: 16px; font-family: var(--font-wix); font-weight: 500; color: #8E8E8E;}
.popup .pop_swiper_wrap .page .swiper-pagination-current{font-weight: 800; color: #000;}
.popup .pop_swiper{overflow: hidden; margin-top: 15px;}
.popup .pop_swiper .swiper-slide{aspect-ratio: 370 / 275;}
.popup.art_fair .pop_swiper .swiper-slide{aspect-ratio: 3 / 2;}
.popup .pop_swiper .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
.popup.art_shop .pop_cont{max-width: 1000px;}
.popup.art_shop .pop_swiper .swiper-slide{aspect-ratio: 36/23;}
.popup.art_shop .pop_swiper{margin-top: 20px;}
.popup.art_shop .pop_swiper_wrap .top .inq_btn{padding: 8px 20px; font-size: 14px; letter-spacing: -0.4px; font-weight: 600; background: #000; color: #fff; display: inline-block;}

/* INQUIRY */
.inquiry h3{font-size: 32px; letter-spacing: -1.4px; font-weight: 500;}
.inquiry .cont{display: flex; align-items: flex-start; gap: 110px;}
.inquiry .cont .form_wrap{width: 960px;}
.inquiry .cont .form{display: flex; flex-wrap: wrap; gap: 20px;}
.inquiry .cont dl{width: 100%;}
.inquiry .cont dl.half{width: calc(50% - (20px / 2));}
.inquiry .cont dl dt{font-size: 14px; margin-bottom: 10px; letter-spacing: -0.42px; font-weight: 600; font-family: var(--font-wix);}
.inquiry .cont dl dd .rd_txt{margin-top: 10px; font-size: 12px; color: #F00;}
.inquiry .cont .form .agree label{font-size: 14px; font-weight: 500;}
.inquiry .cont .form .agree label .req{font-size: 12px; color: #DD3131; display: inline-block; vertical-align: middle;}
.inquiry .cont .form .agree .view{display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 12px; font-weight: 500; color: #777; padding: 4px 16px; border: 1px solid #E8E8E8; background: #FFF; cursor: pointer;}
.inquiry .cont .btn_wrap{margin-top: 30px; text-align: center;}
.inquiry .cont .btn_wrap .en{font-size: 14px; font-weight: 600; color: #FFF; width: 215px; padding: 14px 0; background: #000; display: inline-block; border: none;} 
.input{width: 100%; height: 40px; padding: 0 15px; display: block; border: 1px solid #E3E3E3; background: #FFF; font-size: 13px; font-weight: 500;}
.input[disabled]{color: #ACACAC; background: #FAFAFA;}
.textarea, .inquiry textarea{width: 100%; height: 200px; padding: 15px; display: block; border: 1px solid #E3E3E3; background: #FFF; resize: none; font-size: 13px; font-weight: 500;}
.checkbox{width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.10); background: #FFF url(/img/sub/chk_ic.svg) no-repeat center / 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 10px;}
.checkbox:checked{background-color: #000; background-image: url(/img/sub/chk_ic_on.svg);}
.inquiry .cont .info{width: calc(100% - 110px - 960px);}
.inquiry .cont .info dl dd .img{aspect-ratio: 1/1;}
.inquiry .cont .info dl dd .img img{width: 100%; height: 100%; object-fit: cover;}
.inquiry .cont .info dl dd p{margin-top: 20px; font-size: 16px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E;}
.filebox{display: flex; gap: 10px;}
.filebox + .filebox{margin-top: 10px;}
.filebox .input{width: calc(100% - 10px - 120px) !important; max-width: 100%; text-overflow: ellipsis;}
.filebox label {display: block; cursor: pointer; width: 120px; line-height: 40px; font-size: 13px; background: #000; color: #fff; text-align: center; font-weight: 700;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* complete */
.complete{padding: 130px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center;}
.complete .icon{width: 48px;}
.complete dl{margin: 24px auto 30px;}
.complete dl dt{font-size: 26px; letter-spacing: -1px; font-weight: 700;}
.complete dl dd{margin-top: 10px; font-size: 18px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E;}
.complete a{font-size: 14px; padding: 14px 50px; background: #000; font-weight: 600; color: #FFF; display: inline-block;}

/* contact */
.contact {display: flex; gap: 140px; align-items: center;}
.contact .wix {font-family: var(--font-wix);}
.contact .infoCont {width: calc(100% - 1000px - 140px);}
.contact .infoCont .logo {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #E3E3E3;}
.contact .infoCont .logo img {width: 220px;}
.contact .infoCont .info > div + div {margin-top: 40px;}
.contact .infoCont .info .flex {display: flex; gap: 60px;}
.contact .infoCont .info .tit {font-size: 16px; font-weight: 700; letter-spacing: -.4px; line-height: 1.5; margin-bottom: 10px; text-transform: uppercase; font-family: var(--font-wix);}
.contact .infoCont .info .cont p {font-size: 16px; font-weight: 500; color: #8E8E8E; letter-spacing: -.4px; line-height: 1.5;}
.contact .infoCont .info .cont p + p {margin-top: 5px;}
.contact .infoCont .email p span {color: #000; font-family: var(--font-pre);}
.contact .infoCont .email .cont ul {margin-top: 20px;}
.contact .infoCont .email .cont li div,
.contact .infoCont .email .cont li {display: flex; align-items: center; gap: 15px;}
.contact .infoCont .email .cont li + li {margin-top: 10px;}
.contact .infoCont .email .cont li > span {display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--font-wix); font-size: 14px; font-weight: 600; letter-spacing: -.4px; width: 80px; height: 28px; background: #000;}
.contact .infoCont .email .cont li p {font-size: 14px; font-weight: 500; letter-spacing: -.4px; line-height: 1.5; font-family: var(--font-wix);}
.contact .infoCont .email .cont li p + p {margin-top: 0;}
.contact .infoCont .email .cont li p:nth-of-type(1) {display: flex; align-items: center; gap: 10px;}
.contact .infoCont .email .cont li p:nth-of-type(2) span {font-family: var(--font-wix);}
.contact .mapCont {width: 1000px; position: relative;}
.contact .mapCont {height: 700px;}
.contact .mapCont .root_daum_roughmap_landing {width: 100%; height: 100%;}
.contact .mapCont .root_daum_roughmap .wrap_map {height: 100%;}
.contact .mapCont .root_daum_roughmap .wrap_controllers,
.contact .mapCont .root_daum_roughmap .cont,
.contact .mapCont .root_daum_roughmap .map_border {display: none;}
.contact .mapCont .moveMap {position: absolute; right: 20px; bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -.3px; width: 140px; height: 45px; background: #000; z-index: 10; font-family: var(--font-wix);}
.contact .mapCont .moveMap img {width: 10px;}





@media screen and (max-width:1640px){
    
	/* 공통 */
	.sub_visual_wrap{top: 6.10vw;}
	.sub_visual{height: 30.49vw;}
	.sub_vis_txt{gap: 0.73vw; padding: 0 2.34vw;}
	.sub_vis_txt h2{font-size: 3.66vw; letter-spacing: -0.18vw;}
	.sub_vis_txt p{font-size: 1.22vw;}
	#sub_content{margin-top: calc(6.10vw + 30.49vw); padding: 6.10vw 0 7.93vw;}
	.sub_inner{max-width: 100%; padding: 0 2.44vw;}

	/* ABOUT US */
	.about{gap: 4.27vw;}
	.about .title h3{font-size: 3.66vw; letter-spacing: -0.09vw;}
	.about .title p{margin-top: 1.22vw; font-size: 1.95vw; letter-spacing: -0.09vw;}
	.about .title::before{ font-size: 6.52vw; letter-spacing: -0.09vw; right: -9.72vw; bottom: -8.11vw;}
	.about .wrap .txt{font-size: 1.71vw; letter-spacing: -0.06vw;}
	.about .wrap .cont{margin-top: 2.44vw; gap: 1.83vw;}
	.about .wrap .cont p{width: 25.61vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
	.about .eng dt{font-size: 1.71vw; letter-spacing: -0.05vw;}
	.about .eng dd{margin-top: 1.83vw; font-size: 0.98vw; letter-spacing: -0.02vw;}

	/* list */
	.mt20{margin-top: 1.22vw;}
	.mt25{margin-top: 1.52vw;}
	.mt30{margin-top: 1.83vw;}
	.mt35{margin-top: 2.13vw;}
	.mt40{margin-top: 2.44vw;}
	.mt45{margin-top: 2.74vw;}
	.mt50{margin-top: 3.05vw;}
	.mt55{margin-top: 3.35vw;}
	.mt60{margin-top: 3.66vw;}
	.grimson_top strong{font-size: 1.83vw; letter-spacing: -0.09vw;}
	.grimson_top .line{width: 75.05vw;}
	.bd_list_wrap .category a{padding: 0.98vw 0.00vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
	.ex_year_tab ul li{width: 5.885vw;}
	.ex_year_tab ul li a{padding: 0.98vw 0.00vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
	.bd_top .total{font-size: 1.10vw; letter-spacing: -0.09vw;}
	.bd_top .search{height: 3.66vw; gap: 1.83vw;}
	.bd_top .search .srh_sel{width: 12.20vw; padding: 0 0.98vw; font-size: 1.10vw; background: #fff url(/img/sub/sel_ic.svg) no-repeat right 0.73vw center / 1.46vw;}
	.bd_top .search .srh_input{width: 26.83vw;}
	.bd_top .search .srh_input input{font-size: 1.10vw; padding-right: 2.13vw;}
	.bd_top .search .srh_input button{width: 1.34vw;}
	.bd_list_wrap .gal_list li .txt{margin-top: 1.83vw; gap: 0.61vw;}
	.bd_list_wrap .gal_list li .txt .tit{font-size: 1.22vw; letter-spacing: -0.02vw;}
	.bd_list_wrap .gal_list li .txt .date{font-size: 0.98vw; letter-spacing: -0.04vw; min-height: 1.25vw;}
	.bd_list_wrap .gal_list.gal-3{gap: 3.82vw 2.43vw;}
	.bd_list_wrap .gal_list.gal-4{gap: 4.17vw 2.78vw;}
	.bd_list_wrap .gal_list.gal-3 li{width: calc((100% - (2.43vw * 2)) / 3);}
	.bd_list_wrap .gal_list.gal-4 li{width: calc((100% - (2.78vw * 3)) / 4);}
	.pagination{margin-top: 2.44vw; gap: 1.46vw;}
	.pagination .arrow{width: 1.22vw;}
	.paging{gap: 1.46vw;}
	.paging a{font-size: 1.10vw;}
	.paging a.on{width: 2.26vw; height: 2.26vw;}
	.bd_list_wrap .art_shop_name{font-size: 2.44vw; letter-spacing: -0.02vw;}
	
	/* view */
	.bd_view_wrap .info{gap: 6.10vw;}
	.bd_view_wrap .info .thumb{width: 30.49vw;}
	.bd_view_wrap .info .txt{width: calc(100% - 6.10vw - 30.49vw); letter-spacing: -0.02vw;}
	.bd_view_wrap .info .txt .title{gap: 0.61vw;}
	.bd_view_wrap .info .txt .title span{font-size: 0.85vw;}
	.bd_view_wrap .info .txt .title h3{font-size: 2.44vw; letter-spacing: -0.02vw;}
	.bd_view_wrap.exhibition .info .txt h3{font-size: 1.52vw !important;}
	.bd_view_wrap .info .txt .title span.name{font-size: 1.67vw; letter-spacing: -0.04vw;}
	.bd_view_wrap .info .txt p{margin-top: 1.22vw; font-size: 0.98vw;}
	.bd_view_wrap .info .txt p.en{letter-spacing: -0.04vw;}
	.bd_view_wrap .tabnav{margin-top: 4.88vw; top: 6.10vw;}
	.bd_view_wrap .tabnav ul li a{width: 12.20vw; padding: 0.98vw 0.00vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
	.bd_view_wrap .tabcont .sec1{padding-top: 4.88vw;}
	.bd_view_wrap .tabcont .section + .section{padding-top: 7.32vw; margin-top: 7.32vw;}
	.bd_view_wrap .tabcont .section h4{margin-bottom: 3.05vw; font-size: 1.95vw; letter-spacing: -0.09vw;}
	.bd_view_wrap .tabcont .cont{font-size: 1.10vw; letter-spacing: -0.02vw;}
	.bd_view_wrap .tabcont .sec2 .cont,
	.bd_view_wrap .tabcont .sec4 .cont{max-height: 31.25vw;}
	.bd_view_wrap .tabcont .sec2 .cont::after,
	.bd_view_wrap .tabcont .sec4 .cont::after{height: 2.26vw;}
	.bd_view_wrap .tabcont .sec2 .item + .item{margin-top: 4.88vw;}
	.bd_view_wrap .tabcont .sec2 .item dl + dl{margin-top: 1.22vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top + dl{margin-top: 1.83vw;}
	.bd_view_wrap .tabcont .sec2 .item dl dt{margin-bottom: 0.61vw; font-size: 1.22vw; letter-spacing: -0.02vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt{gap: 0.61vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt strong{font-size: 1.71vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt span{font-size: 0.98vw; letter-spacing: -0.04vw;}
	.bd_view_wrap .tabcont .sec2 .item dl dd{line-height: 1.33;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-3{gap: 3.35vw 2.13vw;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-4{gap: 3.66vw 2.44vw;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-3 li{width: calc((100% - (2.13vw * 2)) / 3);}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-4 li{width: calc((100% - (2.44vw * 3)) / 4);}
	.bd_view_wrap .tabcont .sec3 .work_list li a .txt{font-size: 0.98vw; margin-top: 1.83vw; letter-spacing: -0.02vw;}
	.bd_view_wrap .tabcont .sec4 .cont .title{gap: 0.69vw; margin-bottom: 2.08vw;}
	.bd_view_wrap .tabcont .sec4 .cont .title h5{font-size: 1.94vw; letter-spacing: -0.03vw;}
	.bd_view_wrap .tabcont .sec4 .cont dl dt{margin-bottom: 0.69vw;}
	.bd_view_wrap .tabcont .more_btn{margin-top: 1.83vw; font-size: 0.85vw; letter-spacing: -0.02vw; padding-bottom: 0.30vw;}
	.bd_view_wrap .tabcont .more_btn i{width: 0.98vw; margin-left: 0.49vw;}

	/* popup */
	.popup{padding-top: 4.88vw;}
	.popup .pop_close{width: 2.13vw; right: 1.83vw; top: 1.83vw;}
	.popup .pop_cont{max-width: 54.88vw;}
	.popup .pop_cont .txt dt{font-size: 1.46vw;}
	.popup .pop_cont .txt dd{margin-top: 0.91vw; font-size: 0.98vw; letter-spacing: -0.02vw; min-height: 1.25vw;}
	.popup .pop_swiper_wrap{margin-top: 0.73vw;}
	.popup .pop_swiper_wrap .arrow div{width: 3.05vw;}
	.popup .pop_swiper_wrap .arrow .prev{left: 1.83vw;}
	.popup .pop_swiper_wrap .arrow .next{right: 1.83vw;}
	.popup .pop_swiper_wrap .top{gap: 1.83vw;}
	.popup .pop_swiper_wrap .page{font-size: 0.73vw; gap: 0.61vw;}
	.popup .pop_swiper_wrap .page span{font-size: 0.98vw;}
	.popup .pop_swiper{margin-top: 0.91vw;}
	.popup.art_shop .pop_cont{max-width: 69.44vw;}
	.popup.art_shop .pop_swiper{margin-top: 1.39vw;}
	.popup.art_shop .pop_swiper_wrap .top .inq_btn{padding: 0.56vw 1.39vw; font-size: 0.97vw; letter-spacing: -0.03vw;}

	/* INQUIRY */
	.inquiry h3{font-size: 1.95vw; letter-spacing: -0.06vw;}
	.inquiry .cont{gap: 6.71vw;}
	.inquiry .cont .form_wrap{width: 58.54vw;}
	.inquiry .cont .form{gap: 1.22vw;}
	.inquiry .cont dl.half{width: calc(50% - (1.22vw / 2));}
	.inquiry .cont dl dt{font-size: 0.85vw; margin-bottom: 0.61vw; letter-spacing: -0.00vw;}
	.inquiry .cont dl dd .rd_txt{margin-top: 0.61vw; font-size: 0.73vw;}
	.inquiry .cont .form .agree label{font-size: 0.85vw;}
	.inquiry .cont .form .agree label .req{font-size: 0.73vw;}
	.inquiry .cont .form .agree .view{margin-left: 0.91vw; font-size: 0.73vw; padding: 0.24vw 0.98vw;}
	.inquiry .cont .btn_wrap{margin-top: 1.83vw;}
	.inquiry .cont .btn_wrap .en{font-size: 0.85vw; width: 13.11vw; padding: 0.85vw 0;} 
	.input{height: 2.44vw; padding: 0 0.91vw; font-size: 0.79vw;}
	.textarea, .inquiry textarea{height: 12.20vw; padding: 0.91vw; font-size: 0.79vw;}
	.checkbox{width: 1.22vw; height: 1.22vw; background-size: 0.98vw; margin-right: 0.61vw;}
	.inquiry .cont .info{width: calc(100% - 6.71vw - 58.54vw);}
	.inquiry .cont .info dl dd p{margin-top: 1.22vw; font-size: 0.98vw; letter-spacing: -0.00vw;}
	.filebox{gap: 0.69vw;}
	.filebox + .filebox{margin-top: 0.69vw;}
	.filebox .input{width: calc(100% - 0.69vw - 8.33vw) !important;}
	.filebox label {width: 8.33vw; line-height: 2.78vw; font-size: 0.90vw;}

	/* complete */
	.complete{padding: 9.03vw 0;}
	.complete .icon{width: 3.33vw;}
	.complete dl{margin: 1.67vw auto 2.08vw;}
	.complete dl dt{font-size: 1.81vw; letter-spacing: -0.07vw;}
	.complete dl dd{margin-top: 0.69vw; font-size: 1.25vw; letter-spacing: -0.03vw;}
	.complete a{font-size: 0.97vw; padding: 0.97vw 3.47vw;}
    
    /* contact */
    .contact {gap: 7.54vw;}
    .contact .infoCont {width: calc(100% - 60.98vw - 7.54vw);}
    .contact .infoCont .logo {margin-bottom: 3.05vw; padding-bottom: 3.05vw;}
    .contact .infoCont .logo img {width: 13.41vw;}
    .contact .infoCont .info > div + div {margin-top: 2.44vw;}
    .contact .infoCont .info .flex {gap: 3.66vw;}
    .contact .infoCont .info .tit {font-size: 0.98vw; letter-spacing: -0.02vw; margin-bottom: 0.61vw;}
    .contact .infoCont .info .cont p {font-size: 0.98vw; letter-spacing: -0.02vw;}
    .contact .infoCont .info .cont p + p {margin-top: 0.30vw;}
    .contact .infoCont .email .cont ul {margin-top: 1.22vw;}
	.contact .infoCont .email .cont li div,
    .contact .infoCont .email .cont li {gap: 0.91vw;}
    .contact .infoCont .email .cont li + li {margin-top: 0.61vw;}
    .contact .infoCont .email .cont li > span {font-size: 0.85vw; letter-spacing: -0.02vw; width: 4.88vw; height: 1.71vw;}
    .contact .infoCont .email .cont li p {font-size: 0.85vw; letter-spacing: -0.02vw;}
    .contact .infoCont .email .cont li p:nth-of-type(1) {gap: 0.61vw;}
    .contact .mapCont {width: 60.98vw;}
    .contact .mapCont {height: 42.68vw;}
    .contact .mapCont .moveMap {right: 1.22vw; bottom: 1.22vw; gap: 0.61vw; font-size: 0.98vw; letter-spacing: -0.02vw; width: 8.54vw; height: 2.74vw;}
    .contact .mapCont .moveMap img {width: 0.61vw;}

}



@media screen and (max-width:1280px){
    
	/* 공통 */
	.sub_visual_wrap{top: 6.09vw;}
	.sub_visual{height: 30.47vw;}
	.sub_vis_txt{gap: 0.70vw; padding: 0 2.34vw;}
	.sub_vis_txt h2{font-size: 3.67vw; letter-spacing: -0.16vw;}
	.sub_vis_txt p{font-size: 1.25vw;}
	#sub_content{margin-top: calc(6.09vw + 30.47vw); padding: 6.09vw 0 7.97vw;}
	.sub_inner{max-width: 100%; padding: 0 2.42vw;}

	/* ABOUT US */
	.about{gap: 4.30vw;}
	.about .title h3{font-size: 3.67vw; letter-spacing: -0.08vw;}
	.about .title p{margin-top: 1.25vw; font-size: 1.95vw; letter-spacing: -0.08vw;}
	.about .title::before{ font-size: 6.48vw; letter-spacing: -0.08vw; right: -9.66vw; bottom: -8.13vw;}
	.about .wrap .txt{font-size: 1.72vw; letter-spacing: -0.08vw;}
	.about .wrap .cont{margin-top: 2.42vw; gap: 1.80vw;}
	.about .wrap .cont p{width: 25.63vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.about .eng dt{font-size: 1.72vw; letter-spacing: -0.08vw;}
	.about .eng dd{margin-top: 1.80vw; font-size: 1.02vw; letter-spacing: -0.00vw;}

	/* list */
	.mt20{margin-top: 1.25vw;}
	.mt25{margin-top: 1.48vw;}
	.mt30{margin-top: 1.80vw;}
	.mt35{margin-top: 2.11vw;}
	.mt40{margin-top: 2.42vw;}
	.mt45{margin-top: 2.73vw;}
	.mt50{margin-top: 3.05vw;}
	.mt55{margin-top: 3.36vw;}
	.mt60{margin-top: 3.67vw;}
	.grimson_top strong{font-size: 1.80vw; letter-spacing: -0.08vw;}
	.grimson_top .line{width: 75.05vw;}
	.bd_list_wrap .category a{padding: 1.02vw 0; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.ex_year_tab ul li{width: 5.86vw;}
	.ex_year_tab ul li a{padding: 1.02vw 0.00vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.bd_top .total{font-size: 1.09vw; letter-spacing: -0.08vw;}
	.bd_top .search{height: 3.67vw; gap: 1.80vw;}
	.bd_top .search .srh_sel{width: 12.19vw; padding: 0 1.02vw; font-size: 1.09vw; background: #fff url(/img/sub/sel_ic.svg) no-repeat right 0.70vw center / 1.48vw;}
	.bd_top .search .srh_input{width: 26.80vw;}
	.bd_top .search .srh_input input{font-size: 1.09vw; padding-right: 2.11vw;}
	.bd_top .search .srh_input button{width: 1.33vw;}
	.bd_list_wrap .gal_list li .txt{margin-top: 1.80vw; gap: 0.63vw;}
	.bd_list_wrap .gal_list li .txt .tit{font-size: 1.25vw; letter-spacing: -0.00vw;}
	.bd_list_wrap .gal_list li .txt .date{font-size: 1.02vw; letter-spacing: -0.08vw; min-height: 1.27vw;}
	.bd_list_wrap .gal_list.gal-3{gap: 3.83vw 2.42vw;}
	.bd_list_wrap .gal_list.gal-4{gap: 4.14vw 2.81vw;}
	.bd_list_wrap .gal_list.gal-3 li{width: calc((100% - (2.42vw * 2)) / 3);}
	.bd_list_wrap .gal_list.gal-4 li{width: calc((100% - (2.81vw * 3)) / 4);}
	.pagination{margin-top: 2.42vw; gap: 1.48vw;}
	.pagination .arrow{width: 1.25vw;}
	.paging{gap: 1.48vw;}
	.paging a{font-size: 1.09vw;}
	.paging a.on{width: 2.27vw; height: 2.27vw;}
	.bd_list_wrap .art_shop_name{font-size: 2.42vw; letter-spacing: -0.02vw;}
	
	/* view */
	.bd_view_wrap .info{gap: 6.09vw;}
	.bd_view_wrap .info .thumb{width: 30.47vw;}
	.bd_view_wrap .info .txt{width: calc(100% - 6.09vw - 30.47vw); letter-spacing: -0.00vw;}
	.bd_view_wrap .info .txt .title{gap: 0.63vw;}
	.bd_view_wrap .info .txt .title span{font-size: 0.86vw;}
	.bd_view_wrap .info .txt .title h3{font-size: 2.42vw; letter-spacing: -0.02vw;}
	.bd_view_wrap.exhibition .info .txt h3{font-size: 1.48vw !important;}
	.bd_view_wrap .info .txt .title span.name{font-size: 1.64vw; letter-spacing: -0.08vw;}
	.bd_view_wrap .info .txt p{margin-top: 1.25vw; font-size: 1.02vw;}
	.bd_view_wrap .info .txt p.en{letter-spacing: -0.08vw;}
	.bd_view_wrap .tabnav{margin-top: 4.84vw; top: 6.09vw;}
	.bd_view_wrap .tabnav ul li a{width: 12.19vw; padding: 1.02vw 0.00vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
	.bd_view_wrap .tabcont .sec1{padding-top: 4.84vw;}
	.bd_view_wrap .tabcont .section + .section{padding-top: 7.34vw; margin-top: 7.34vw;}
	.bd_view_wrap .tabcont .section h4{margin-bottom: 3.05vw; font-size: 1.95vw; letter-spacing: -0.08vw;}
	.bd_view_wrap .tabcont .cont{font-size: 1.09vw; letter-spacing: -0.02vw;}
	.bd_view_wrap .tabcont .sec2 .cont,
	.bd_view_wrap .tabcont .sec4 .cont{max-height: 31.25vw;}
	.bd_view_wrap .tabcont .sec2 .cont::after,
	.bd_view_wrap .tabcont .sec4 .cont::after{height: 2.27vw;}
	.bd_view_wrap .tabcont .sec2 .item + .item{margin-top: 4.84vw;}
	.bd_view_wrap .tabcont .sec2 .item dl + dl{margin-top: 1.25vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top + dl{margin-top: 1.80vw;}
	.bd_view_wrap .tabcont .sec2 .item dl dt{margin-bottom: 0.63vw; font-size: 1.25vw; letter-spacing: -0.02vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt{gap: 0.63vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt strong{font-size: 1.72vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt span{font-size: 1.02vw; letter-spacing: -0.08vw;}
	.bd_view_wrap .tabcont .sec2 .item dl dd{line-height: 1.33;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-3{gap: 3.36vw 2.11vw;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-4{gap: 3.67vw 2.42vw;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-3 li{width: calc((100% - (2.11vw * 2)) / 3);}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-4 li{width: calc((100% - (2.42vw * 3)) / 4);}
	.bd_view_wrap .tabcont .sec3 .work_list li a .txt{font-size: 1.02vw; margin-top: 1.80vw; letter-spacing: -0.02vw;}
	.bd_view_wrap .tabcont .sec4 .cont .title{gap: 0.70vw; margin-bottom: 2.11vw;}
	.bd_view_wrap .tabcont .sec4 .cont .title h5{font-size: 1.95vw; letter-spacing: -0.02vw;}
	.bd_view_wrap .tabcont .sec4 .cont dl dt{margin-bottom: 0.70vw;}
	.bd_view_wrap .tabcont .more_btn{margin-top: 1.80vw; font-size: 0.86vw; letter-spacing: -0.00vw; padding-bottom: 0.31vw;}
	.bd_view_wrap .tabcont .more_btn i{width: 1.02vw; margin-left: 0.47vw;}

	/* popup */
	.popup{padding-top: 4.84vw;}
	.popup .pop_close{width: 2.11vw; right: 1.80vw; top: 1.80vw;}
	.popup .pop_cont{max-width: 54.84vw;}
	.popup .pop_cont .txt dt{font-size: 1.48vw;}
	.popup .pop_cont .txt dd{margin-top: 0.94vw; font-size: 1.02vw; letter-spacing: -0.00vw; min-height: 1.27vw;}
	.popup .pop_swiper_wrap{margin-top: 0.70vw;}
	.popup .pop_swiper_wrap .arrow div{width: 3.05vw;}
	.popup .pop_swiper_wrap .arrow .prev{left: 1.80vw;}
	.popup .pop_swiper_wrap .arrow .next{right: 1.80vw;}
	.popup .pop_swiper_wrap .top{gap: 1.80vw;}
	.popup .pop_swiper_wrap .page{font-size: 0.70vw; gap: 0.63vw;}
	.popup .pop_swiper_wrap .page span{font-size: 1.02vw;}
	.popup .pop_swiper{margin-top: 0.94vw;}
	.popup.art_shop .pop_cont{max-width: 69.45vw;}
	.popup.art_shop .pop_swiper{margin-top: 1.41vw;}
	.popup.art_shop .pop_swiper_wrap .top .inq_btn{padding: 0.55vw 1.41vw; font-size: 0.94vw; letter-spacing: -0.00vw;}

	/* INQUIRY */
	.inquiry h3{font-size: 1.95vw; letter-spacing: -0.08vw;}
	.inquiry .cont{gap: 6.72vw;}
	.inquiry .cont .form_wrap{width: 58.52vw;}
	.inquiry .cont .form{gap: 1.25vw;}
	.inquiry .cont dl.half{width: calc(50% - (1.25vw / 2));}
	.inquiry .cont dl dt{font-size: 1.22vw; margin-bottom: 0.63vw; letter-spacing: -0.00vw;}
	.inquiry .cont dl dd .rd_txt{margin-top: 0.63vw; font-size: 0.98vw;}
	.inquiry .cont .form .agree label{font-size: 1.12vw;}
	.inquiry .cont .form .agree label .req{font-size: 0.92vw;}
	.inquiry .cont .form .agree .view{margin-left: 0.94vw; font-size: 0.98vw; padding: 0.23vw 1.02vw;}
	.inquiry .cont .btn_wrap{margin-top: 1.80vw;}
	.inquiry .cont .btn_wrap .en{font-size: 1.02vw; width: 13.13vw; padding: 0.86vw 0;} 
	.input{height: 2.81vw; padding: 0 1.02vw; font-size: 1.02vw;}
	.textarea, .inquiry textarea{height: 12.19vw; padding: 1.02vw; font-size: 1.02vw;}
	.checkbox{width: 1.25vw; height: 1.25vw; background-size: 1.02vw; margin-right: 0.63vw;}
	.inquiry .cont .info{width: calc(100% - 6.72vw - 58.52vw);}
	.inquiry .cont .info dl dd p{margin-top: 1.25vw; font-size: 1.02vw; letter-spacing: -0.01vw;}
	.filebox{gap: 0.70vw;}
	.filebox + .filebox{margin-top: 0.70vw;}
	.filebox .input{width: calc(100% - 0.70vw - 8.36vw) !important;}
	.filebox label {width: 8.36vw; line-height: 2.81vw; font-size: 1.02vw;}

	/* complete */
	.complete{padding: 9.06vw 0;}
	.complete .icon{width: 3.36vw;}
	.complete dl{margin: 1.64vw auto 2.11vw;}
	.complete dl dt{font-size: 1.80vw; letter-spacing: -0.08vw;}
	.complete dl dd{margin-top: 0.70vw; font-size: 1.25vw; letter-spacing: -0.00vw;}
	.complete a{font-size: 0.94vw; padding: 0.94vw 3.44vw;}
    
    /* contact */
    .contact {gap: 7.58vw;}
    .contact .infoCont {width: calc(100% - 58.02vw - 7.58vw);}
    .contact .infoCont .logo {margin-bottom: 3.05vw; padding-bottom: 3.05vw;}
    .contact .infoCont .logo img {width: 13.44vw;}
    .contact .infoCont .info > div + div {margin-top: 2.42vw;}
    .contact .infoCont .info .flex {gap: 3.67vw;}
    .contact .infoCont .info .tit {font-size: 1.02vw; letter-spacing: -0.00vw; margin-bottom: 0.63vw;}
    .contact .infoCont .info .cont p {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .contact .infoCont .info .cont p + p {margin-top: 0.31vw;}
    .contact .infoCont .email .cont ul {margin-top: 1.25vw;}
	.contact .infoCont .email .cont li div,
    .contact .infoCont .email .cont li {gap: 0.94vw;}
    .contact .infoCont .email .cont li + li {margin-top: 0.63vw;}
    .contact .infoCont .email .cont li > span {font-size: 0.86vw; letter-spacing: -0.00vw; width: 4.84vw; height: 1.72vw;}
    .contact .infoCont .email .cont li p {font-size: 0.86vw; letter-spacing: -0.00vw;}
    .contact .infoCont .email .cont li p:nth-of-type(1) {gap: 0.63vw;}
    .contact .mapCont {width: 58.02vw;}
    .contact .mapCont {height: 42.66vw;}
    .contact .mapCont .moveMap {right: 1.25vw; bottom: 1.25vw; gap: 0.63vw; font-size: 1.02vw; letter-spacing: -0.00vw; width: 8.52vw; height: 2.73vw;}
    .contact .mapCont .moveMap img {width: 0.63vw;}

}



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

	/* 공통 */
	.sub_visual_wrap{top: 18.23vw;}
	.sub_visual_wrap .inner2{padding: 0 !important;}
	.sub_visual{height: 85.94vw;}
	.sub_visual.bg01{background-image:url(/img/sub/sub_vis01_m.jpg);}
	.sub_visual.bg02{background-image:url(/img/sub/sub_vis02_m.jpg);}
	.sub_visual.bg03{background-image:url(/img/sub/sub_vis03_m.jpg);}
	.sub_visual.bg04{background-image:url(/img/sub/sub_vis04_m.jpg);}
	.sub_visual.bg05{background-image:url(/img/sub/sub_vis05_m.jpg);}
	.sub_visual.bg06{background-image:url(/img/sub/sub_vis06_m.jpg);}
	.sub_visual.bg07{background-image:url(/img/sub/sub_vis07_m.jpg);}
	.sub_vis_txt{gap: 2.60vw; padding: 0 5.21vw;}
	.sub_vis_txt h2{font-size: 9.38vw; letter-spacing: -0.78vw; line-height: 1.16;}
	.sub_vis_txt p{font-size: 3.65vw;}
	#sub_content{margin-top: calc(18.23vw + 85.94vw); padding: 18.23vw 0 19.53vw;}
	.sub_inner{padding: 0 5.21vw;}

	/* sub_menu */
	.sub_menu{margin-top: 7.16vw;}
	.sub_menu > ul{display: flex; align-items: center;}
	.sub_menu > ul > li{position: relative;}
	.sub_menu > ul > li > a {display: flex; align-items: center; height: 10.42vw; padding: 0 6.51vw 0 3.13vw; font-size: 3.65vw; font-weight: 500; letter-spacing: -0.18vw; font-family: var(--font-wix);}
	.sub_menu > ul > li:not(.home)::before {content: ''; display: block; width: 0.13vw; height: 3.60vw; background: rgba(0, 0, 0, 0.20); position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
	.sub_menu > ul > li.home{width: calc(100% - (39.20vw * 2));}
	.sub_menu > ul > li.home a {padding: 0;}
	.sub_menu > ul > li.home img {width: 5.34vw;}
	.sub_menu > ul > li.menu_btn {width: 39.20vw; background: url(/img/sub/sub_menu_arrow.svg) no-repeat right 3.13vw center / 3.39vw;}
	.sub_menu > ul > li.menu_btn.on {background-image: url(/img/sub/sub_menu_arrow_on.svg); background-color: #151515;}
	.sub_menu > ul > li.menu_btn.on > a{color: #fff;}
	.sub_menu > ul > li:last-child{}
	.sub_menu_txt {display: none; position: absolute; top: 10.42vw; left: 0; width: 100%; z-index: 100; background: #303030;}
	.sub_menu_txt li {height: 10.42vw;}
	.sub_menu_txt li + li {border-top: 0.13vw solid #4F4F4F;}
	.sub_menu_txt li a {display: flex; align-items: center; padding: 0 3.13vw; font-size: 3.39vw; font-weight: 500; color: #8E8E8E; height: 100%; font-family: var(--font-wix);}
	.sub_menu_txt li a:hover{color: #fff; background: #464646;}
	.sub_menu_txt li:last-child{border-bottom:none;}

	/* ABOUT US */
	.about{gap: 10.42vw;}
	.about .title h3{font-size: 8.33vw; letter-spacing: -0.36vw;}
	.about .title p{margin-top: 2.60vw; font-size: 6.25vw; letter-spacing: -0.36vw;}
	.about .title::before{display: none;}
	.about .wrap{align-items: flex-start;}
	.about .wrap .txt{font-size: 5.21vw; letter-spacing: -0.26vw;}
	.about .wrap .cont{margin-top: 7.81vw; gap: 5.21vw; flex-direction: column;}
	.about .wrap .cont p{width: 100%; font-size: 3.65vw; letter-spacing: -0.26vw;}
	.about .eng dt{font-size: 5.21vw; letter-spacing: -0.21vw;}
	.about .eng dd{margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.10vw;}

	/* list */
	.mt20{margin-top: 2.60vw;}
	.mt25{margin-top: 3.26vw;}
	.mt30{margin-top: 5.21vw;}
	.mt35{margin-top: 5.86vw;}
	.mt40{margin-top: 6.51vw;}
	.mt45{margin-top: 7.16vw;}
	.mt50{margin-top: 7.81vw;}
	.mt55{margin-top: 8.46vw;}
	.mt60{margin-top: 9.11vw;}
	.grimson_top strong{font-size: 5.21vw; letter-spacing: -0.18vw;}
	.grimson_top .line{width: 32.67vw;}
	.bd_list_wrap .category a{padding: 2.60vw 0; font-size: 3.65vw; letter-spacing: -0.13vw;}
	.ex_year_tab ul li{width: 17.85vw;}
	.ex_year_tab ul li a{padding: 2.08vw 0; font-size: 3.65vw; letter-spacing: -0.13vw;}
	.bd_top{flex-direction: column-reverse; align-items: flex-start; gap: 9.11vw;}
	.bd_top .total{font-size: 3.39vw; letter-spacing: -0.18vw;}
	.bd_top .search{height: auto; gap: 3.91vw;}
	.bd_top .search .srh_sel{width: 26.04vw; height: 10.42vw; padding: 0 2.08vw; font-size: 3.39vw; background: #fff url(/img/sub/sel_ic.svg) no-repeat right 1.56vw center / 4.21vw;}
	.bd_top .search .srh_input{width: 57.29vw;}
	.bd_top .search .srh_input input{font-size: 3.39vw; height: 10.42vw; padding-right: 5.21vw;}
	.bd_top .search .srh_input button{width: 3.65vw;}
	.bd_list_wrap .gal_list li .txt{margin-top: 3.91vw; gap: 2.60vw;}
	.bd_list_wrap .gal_list.gal-3 li .txt{margin-top: 5.21vw;}
	.bd_list_wrap .gal_list li .txt .tit{font-size: 3.91vw; letter-spacing: -0.10vw;}
	.bd_list_wrap .gal_list li .txt .date{font-size: 3.13vw; letter-spacing: -0.16vw; min-height: 4.20vw;}
	.bd_list_wrap .gal_list.gal-3{gap: 9.11vw;}
	.bd_list_wrap .gal_list.gal-4{gap: 4.17vw 3.65vw;}
	.bd_list_wrap .gal_list.gal-3 li{width: 100%;}
	.bd_list_wrap .gal_list.gal-4 li{width: calc((100% - 3.65vw) / 2);}
	.pagination{margin-top: 7.81vw; gap: 4.69vw;}
	.pagination .arrow{width: 3.65vw;}
	.paging{gap: 4.69vw;}
	.paging a{font-size: 3.65vw;}
	.paging a.on{width: 6.51vw; height: 6.51vw;}
	.bd_list_wrap .art_shop_name{font-size: 6.51vw; letter-spacing: -0.05vw;}
	
	/* view */
	.bd_view_wrap .info{gap: 10.42vw; flex-direction: column; align-items: flex-start;}
	.bd_view_wrap .info .thumb{width: 100%;}
	.bd_view_wrap .info .txt{width: 100%; letter-spacing: -0.05vw;}
	.bd_view_wrap .info .txt .title{gap: 2.60vw;}
	.bd_view_wrap .info .txt .title span{font-size: 3.13vw;}
	.bd_view_wrap .info .txt .title h3{font-size: 6.51vw; letter-spacing: -0.05vw;}
	.bd_view_wrap.exhibition .info .txt h3{font-size: 4.69vw !important;}
	.bd_view_wrap .info .txt .title span.name{font-size: 3.65vw; letter-spacing: -0.08vw;}
	.bd_view_wrap .info .txt p{margin-top: 3.65vw; font-size: 3.65vw; line-height: 1.4;}
	.bd_view_wrap .info .txt p.en{letter-spacing: -0.08vw;}
	.bd_view_wrap .tabnav{margin-top: 13.02vw; top: 18.10vw; overflow: hidden;}
	/* .bd_view_wrap .tabnav::before{content: ''; display: block; width: 120%; height: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; background: #fff;} */
	.bd_view_wrap .tabnav ul li{width: 33.33%;}
	.bd_view_wrap.artist .tabnav ul li{width: 25%;}
	.bd_view_wrap .tabnav ul li a{width: 100%; padding: 2.08vw 0; font-size: 3.65vw; letter-spacing: -0.13vw;}
	.bd_view_wrap .tabcont .sec1{padding-top: 15.63vw;}
	.bd_view_wrap .tabcont .section + .section{padding-top: 15.63vw; margin-top: 15.63vw;}
	.bd_view_wrap .tabcont .section h4{margin-bottom: 7.81vw; font-size: 5.95vw; letter-spacing: -0.18vw;}
	.bd_view_wrap .tabcont .cont{font-size: 3.65vw; letter-spacing: -0.05vw;}
	.bd_view_wrap .tabcont .sec2 .cont,
	.bd_view_wrap .tabcont .sec4 .cont{max-height: 114.08vw;}
	.bd_view_wrap .tabcont .sec2 .cont::after,
	.bd_view_wrap .tabcont .sec4 .cont::after{height: 4.82vw;}
	.bd_view_wrap .tabcont .sec2 .item + .item{margin-top: 13.02vw;}
	.bd_view_wrap .tabcont .sec2 .item dl + dl{margin-top: 3.65vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top + dl{margin-top: 3.91vw;}
	.bd_view_wrap .tabcont .sec2 .item dl dt{margin-bottom: 1.95vw; font-size: 3.91vw; letter-spacing: -0.05vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt{gap: 2.60vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt strong{font-size: 5.21vw;}
	.bd_view_wrap .tabcont .sec2 .item dl.top dt span{font-size: 3.39vw; letter-spacing: -0.08vw;}
	.bd_view_wrap .tabcont .sec2 .item dl dd{line-height: 1.33;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-3{gap: 9.11vw;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-4{gap: 7.81vw 3.65vw;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-3 li{width: 100%;}
	.bd_view_wrap .tabcont .sec3 .work_list.gal-4 li{width: calc((100% - 3.65vw) / 2);}
	.bd_view_wrap .tabcont .sec3 .work_list li a .txt{font-size: 3.39vw; margin-top: 3.91vw; letter-spacing: -0.05vw;}
	.bd_view_wrap .tabcont .sec4 .cont .title{gap: 1.30vw; margin-bottom: 3.52vw;}
	.bd_view_wrap .tabcont .sec4 .cont .title h5{font-size: 5.21vw; letter-spacing: -0.10vw;}
	.bd_view_wrap .tabcont .sec4 .cont dl dt{margin-bottom: 1.30vw;}
	.bd_view_wrap .tabcont .more_btn{margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.05vw; padding-bottom: 1.30vw;}
	.bd_view_wrap .tabcont .more_btn i{width: 3.65vw; margin-left: 1.95vw;}

	/* popup */
	.popup{padding-top: 10.42vw;}
	.popup .pop_close{width: 5.21vw; right: 3.91vw; top: 3.91vw;}
	.popup .pop_cont{max-width: 100% !important; padding: 0 5.21vw; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
	.popup .pop_cont .txt dt{font-size: 5.21vw;}
	.popup .pop_cont .txt dd{margin-top: 3.26vw; font-size: 3.65vw; letter-spacing: -0.05vw; min-height: 4.20vw;}
	.popup .pop_swiper_wrap{margin-top: 6.51vw;}
	.popup .pop_swiper_wrap .arrow{display: flex; justify-content: center; align-items: center; gap: 3.91vw; margin-top: 9.11vw;}
	.popup .pop_swiper_wrap .arrow div{width: 5.95vw; position: initial;}
	.popup .pop_swiper_wrap .arrow .prev{left: 2.60vw;}
	.popup .pop_swiper_wrap .arrow .next{right: 2.60vw;}
	.popup .pop_swiper_wrap .top{gap: 5.21vw;}
	.popup .pop_swiper_wrap .page{font-size: 2.86vw; gap: 2.60vw;}
	.popup .pop_swiper_wrap .page span{font-size: 3.39vw;}
	.popup .pop_swiper{margin-top: 3.26vw;}
	.popup.art_shop .pop_swiper{margin-top: 3.65vw;}
	.popup.art_shop .pop_swiper_wrap .top .inq_btn{padding: 1.95vw 3.91vw; font-size: 3.39vw; letter-spacing: -0.05vw;}

	/* INQUIRY */
	.inquiry h3{font-size: 6.51vw; letter-spacing: -0.18vw;}
	.inquiry .cont{gap: 13.02vw; flex-direction: column-reverse;}
	.inquiry .cont .form_wrap{width: 100%;}
	.inquiry .cont .form{gap: 6.51vw;}
	.inquiry .cont dl.half{width: 100%;}
	.inquiry .cont dl dt{font-size: 4.17vw; margin-bottom: 3.39vw; letter-spacing: -0.10vw;}
	.inquiry .cont dl dd .rd_txt{margin-top: 3.13vw; font-size: 3.13vw;}
	.inquiry .cont .form .agree label{font-size: 3.65vw;}
	.inquiry .cont .form .agree label .req{font-size: 3.13vw;}
	.inquiry .cont .form .agree .view{margin-left: 2.60vw; font-size: 3.13vw; padding: 1.30vw 4.17vw;}
	.inquiry .cont .btn_wrap{margin-top: 13.02vw;}
	.inquiry .cont .btn_wrap .en{font-size: 3.65vw; width: 100%; padding: 3.26vw 0;} 
	.input{height: 10.42vw; padding: 0 3.91vw; font-size: 3.65vw;}
	.textarea, .inquiry textarea{height: 36.04vw; padding: 3.91vw; font-size: 3.65vw;}
	.checkbox{width: 4.69vw; height: 4.69vw; background-size: 3.65vw; margin-right: 1.95vw;}
	.inquiry .cont .info{width: 100%;}
	.inquiry .cont .info dl dd p{margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
	.filebox{gap: 2.60vw;}
	.filebox + .filebox{margin-top: 1.30vw;}
	.filebox .input{width: calc(100% - 2.60vw - 20.63vw) !important;}
	.filebox label {width: 20.63vw; line-height: 10.42vw; font-size: 3.39vw;}

	/* complete */
	.complete{padding: 20.63vw 0;}
	.complete .icon{width: 10.42vw;}
	.complete dl{margin: 5.21vw auto 7.81vw;}
	.complete dl dt{font-size: 5.21vw; letter-spacing: -0.26vw;}
	.complete dl dd{margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
	.complete a{font-size: 3.39vw; padding: 3.26vw 10.42vw;}
    
    /* contact */
    .contact {gap: 10.72vw; flex-direction: column-reverse;}
    .contact .infoCont {width: 100%;}
    .contact .infoCont .logo {margin-bottom: 8.42vw; padding-bottom: 8.42vw;}
    .contact .infoCont .logo img {width: 36.46vw;}
    .contact .infoCont .info > div + div {margin-top: 7.81vw;}
    .contact .infoCont .info .flex {gap: 10.42vw;}
    .contact .infoCont .info .tit {font-size: 3.91vw; letter-spacing: -0.10vw; margin-bottom: 2.60vw;}
    .contact .infoCont .info .cont p {font-size: 3.39vw; letter-spacing: -0.16vw;}
    .contact .infoCont .info .cont p + p {margin-top: 1.30vw;}
    .contact .infoCont .email .cont ul {margin-top: 5.21vw;}
	.contact .infoCont .email .cont li div {gap: 2.60vw;}
    .contact .infoCont .email .cont li {gap: 1.95vw; flex-direction: column; align-items: flex-start;}
    .contact .infoCont .email .cont li + li {margin-top: 4.56vw;}
    .contact .infoCont .email .cont li > span {font-size: 3.13vw; letter-spacing: -0.16vw; width: 16.93vw; height: 6.51vw;}
    .contact .infoCont .email .cont li p {font-size: 3.39vw; letter-spacing: -0.16vw;}
    .contact .infoCont .email .cont li p:nth-of-type(1) {gap: 2.60vw;}
    .contact .mapCont {width: 100%;}
    .contact .mapCont {height: 78.13vw;}
    .contact .mapCont .moveMap {right: 3.91vw; bottom: 3.91vw; gap: 1.95vw; font-size: 3.13vw; letter-spacing: -0.16vw; width: 27.34vw; height: 8.46vw;}
    .contact .mapCont .moveMap img {width: 1.95vw;}

}