@charset "utf-8";

/* 서브일때 헤더 */

#content{padding-bottom:70px;}
#content > .inr{max-width:1600px; margin:0 auto; padding-top:200px;}
#content > .inr h2.tit{margin-bottom:80px; font-size:40px; font-family:'Arita-buri-SemiBold'; font-weight:normal; color:#1e1e1e; text-align:center; text-transform:uppercase;}
#content > .inr h2.tit.ko{font-family:'SUIT-Bold'; font-weight:600;}
#content > .inr h2.tit.none{display:none;}
#content > .inr p{font-size:16px; color:#444; line-height:1.8em; word-break:keep-all; font-family:'SUIT-Regular';}
 
/* 서브 전시회 , 뉴스 리스트 */
.list.sub li{margin-right:20px; width:calc(100% / 4 - 15px); -webkit-width:calc(100% / 4 - 15px);}
.list.sub li:nth-child(4n){margin-right:0;}
.list.sub .list_txt{margin-bottom:40px;}
.list.sub li:hover .list_txt i.date{border-bottom:0;}
.list.sub .list_txt:after{bottom:10px;}

/* 탭스타일 */
.tab_wrap .tab_btn{display:block; position:relative; margin:7px 0 0 0px; float:left; width:calc(100% / 1 - 300px); -webkit-width:calc(100% / 1 - 300px);}
.tab_wrap .tab_btn li{display:inline-block;}
.tab_wrap .tab_btn .all{position:absolute; left:0; top:50%; transform:translateY(-50%);}
.tab_wrap .tab_btn .all li{border:1px solid #999; padding:6px 0; width:50px;}
.tab_wrap .tab_btn .all_list{padding-left:70px;}
.tab_wrap .tab_btn .all_list .name_ko li a{font-size:16px;}
.tab_wrap .tab_btn .all_list li{margin-right:12px; width:20px;}
.area_exhibition .tab_btn .all_list li{width:42px;}
.tab_wrap .tab_btn li a{display:block; height:100%; text-align:center; font-size:15px; color:#999; cursor:pointer;}
.tab_wrap .tab_btn .all li.active{border-color:#222;}
.tab_wrap .tab_btn li.active a{color:#222; font-weight:600;}
/* 검색바 */
.top{overflow:hidden; padding-bottom:30px;}
.search_wrap{float:right;}
.search_wrap .button{height:33px; line-height:33px;}

/* 아티스트 */
.prl_item.sub li{margin-right:20px; width:calc(100% / 4 - 15px); -webkit-width:calc(100% / 4 - 15px);}
.prl_item.sub li:nth-child(4n){margin-right:0;}
.artist_list .thumb{padding-top:60%;}

/* login */
.area_shopLogin .title:after{background:#ccc096;}
.area_shopLogin ul{border-color:#ccc096;}

/* 갤러리보드 뷰페이지 */
.area_gallery_view{margin:-50px auto 0; width:1200px; overflow:hidden;}
.area_gallery_view .view_thumb{float:left; width:30%;}
.area_gallery_view .thumb_img{position:relative; padding-top:65%; width:100%; overflow:hidden;}
.area_gallery_view .swiper-button-next, 
.area_gallery_view .swiper-button-prev{margin-top:-19px; transform:translateY(-50%); color:#333;}
.area_gallery_view .swiper-button-next:after, 
.area_gallery_view .swiper-button-prev:after{font-size:25px;}
.area_gallery_view .swiper-button-next, 
.area_gallery_view .swiper-rtl .swiper-button-prev{right:0}
.area_gallery_view .swiper-button-prev, 
.area_gallery_view .swiper-rtl .swiper-button-next{left:0}
.area_gallery_view .swiper-pagination{display:none;}
.area_gallery_view .swiper-pagination-bullet-active{background:#333;}
.area_gallery_view .thumb_img img{position:absolute; top:0; left:0; width:100%;}
.area_gallery_view .txt_box{margin-top:20px;}
.area_gallery_view .txt_box .title{font-size:16px; color:#222; font-family: 'SUIT-SemiBold';}
.area_gallery_view .txt_box .title em{display:inline-block; margin-left:8px;}
.area_gallery_view .txt_box .name{margin:10px 0 5px; font-size:15px; color:#444; font-weight:400;}
.area_gallery_view .txt_box .date{display:block; font-size:12px; color:#777; font-weight:300;}
.area_gallery_view .cont_box{float:right; padding-right:15px; width:65%; height:78vh; overflow-y:scroll;}
.area_gallery_view .cont_box .cont_tit{margin:50px 0 20px; font-size:24px; color:#222; font-family: 'SUIT-Bold';}
.area_gallery_view .cont_box .cont_tit:first-child{margin-top:0;}
.area_gallery_view .cont_box p{margin-bottom:20px;}
.area_gallery_view .cont_box img{width:60%;}
.area_gallery_view .cont_box::-webkit-scrollbar{width:4px;} 
.area_gallery_view .cont_box::-webkit-scrollbar-track{background-color: #f5f5f5; border-radius:5px;} 
.area_gallery_view .cont_box::-webkit-scrollbar-thumb{background-color: #ccc096;  border-radius:30px;} 

.view_btn_wrap{margin:50px auto 0; width:1200px;}
.view_btn_wrap .btn_area{text-align:end;}

/* 갤러리보드 쓰기화면 */
.area_write{margin:auto; width:1200px;}

/* 갤러리소개 */
.area_about{ margin:auto; width:1200px;}
.area_about h3{font-size:18px; font-family:'Arita-buri-SemiBold'; font-weight:normal;}
.about{position:relative; padding:100px 0; width:100%;}
.about:after{content:""; display:block; position:absolute; bottom:0; width:100%; height:2px; background:linear-gradient(45deg,#fff,#e0d5ae, #ccc096);}
.about .about_tit{display:block; font-size:50%; font-size:60px; font-family:'Arita-buri-SemiBold'; font-weight:normal; color:#222; opacity:0.1; transform-origin:0;}
.about.introduction{overflow:hidden; margin:auto; padding-top:0 !important; width:1200px;}
.about.introduction:after{right:0}
.about.introduction .about_tit{position:absolute; top:150px; left:56%; transform:rotate(90deg);}
.about.introduction .img_box{float:left; position:relative; width:450px;}
.about.introduction .img_box img{width:100%;}
.about.introduction .txt_box{float:right; margin-top:200px;}
.about.introduction .txt_box h3{color:#ccc096; margin-bottom:30px;}
.about.introduction .txt_box h2{font-size:30px; color:#111; font-weight:bold; font-family: 'SUIT-SemiBold';}
/* 고객센터 및 오시는길 */
.about.contact{padding-top:0 !important;}
.about.contact:after{background:linear-gradient(225deg,#fff,#e0d5ae,#ccc096);}
.about.contact .about_tit{margin-bottom:50px;}
.about.contact .txt_box{padding:50px; box-sizing:border-box; background:#f9f9f6; width:60%;}
.about.contact .txt_box ul li+li{margin-top:20px;}
.about.contact .txt_box ul li h3{color:#ccc096;}
.about.contact .map_wrap{position:absolute; top:0; right:0; width:58%; box-shadow:0 10px 40px rgba(0,0,0,0.15);}
.about.contact .root_daum_roughmap{width:100% !important;}
.root_daum_roughmap .wrap_map{height:500px !important;}
.root_daum_roughmap .map_border, .root_daum_roughmap .wrap_controllers{display:none;}
.about.contact .kakao a{display:block; position:relative; margin-top:6px; padding:0 40px; height:40px; width:200px; background:#fae100; border-radius:5px; color:#fff; font-size:15px; font-weight:600; line-height:40px; box-sizing:border-box;}
.about.contact .kakao a img{display:inline-block; vertical-align:middle; margin:-3px 8px 0 0;}

/* 보증서 인쇄 */
.subpage.page_print,
.page_print{ width:21cm; min-height:29.7cm; padding:0; margin:0 auto; background:transparent;}
.subpage{position:relative; width:100%; height:100%;}
.subpage.certificate .bg{width:100%; position:absolute; top:0; left:0; right:0; z-index:-1;}
.subpage.certificate .work_img{position:absolute; top:62.5mm; left:50%; transform:translateX(-50%); height:77mm;}
.subpage.certificate .work_img img{height:100%;}
.subpage.certificate p{position:absolute; font-size:9pt; color:#444;}
.subpage.certificate p.artist{top:155mm; left:64.5mm; letter-spacing:4pt;}
.subpage.certificate p.tit{left:64.5mm; top:161.7mm; width:38mm; height:9mm;}
.subpage.certificate p.tit em{position:absolute; left:0; top:50%; transform:translateY(-50%);}
.subpage.certificate p.medium{left:64.5mm; top:173mm}
.subpage.certificate p.year{top:155mm; left:130.5mm;}
.subpage.certificate p.size{left:130.5mm; top:163.8mm;}
.subpage.certificate p.date{top:236mm; width:10mm; text-align:center;}
.subpage.certificate p.date.date_y{left:88mm;}
.subpage.certificate p.date.date_m{left:101mm;}
.subpage.certificate p.date.date_d{left:112mm;}
.subpage.certificate p.code{top:285mm; left:157mm;}

/* 라벨 인쇄 */
.subpage.label ul{display:flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 3mm 4mm; padding: 10mm 0 0; box-sizing: border-box; }
.subpage.label ul li{display:inline-block;}
/* #printArea .subpage.label ul li{width:32%;} */
.subpage.label .wrap{position:relative; width:64mm; height:37mm; border:1px solid #555; box-sizing:border-box; border-radius:3mm; padding:3mm 2.6mm;}
/* .subpage.label ul li:nth-child(n+4) .wrap,
.labelArea.subpage.label ul li:nth-child(n+3) .label_inn{margin-top:3mm !important;} */
#printArea .subpage.label ul li:nth-child(23n){ break-before: page; }
.subpage.label .wrap .bg{width:100%; opacity:0.5;}
.subpage.label .tit{color:#000; font-weight:600; font-size:10pt; width:40mm; height:9mm; line-height:4.5mm;}
.subpage.label .artist{margin-top:1.5mm; padding-bottom:1mm;  text-align:end; border-bottom:1.5pt solid #ccc096;}
.subpage.label .artist em{display:inline-block; color:#666; text-transform:uppercase; font-weight:600; font-size:9pt; letter-spacing:-0.1mm; margin-right:1.5mm;}
.subpage.label .artist h3{display:inline-block; margin-right:-0.4mm; color:#222; font-size:11pt; letter-spacing:1pt; font-family:'SUIT-SemiBold';}
.subpage.label .info{margin-top:1.5mm; /* padding-left: 20mm; */ text-align:end;}
.subpage.label .info p{color:#333; font-size:8pt; line-height:normal;}
.subpage.label .number{position:absolute; bottom:3mm; left:2.6mm; color:#000; font-size:7.5pt; letter-spacing:0.2px;font-weight:bold;}
.subpage.label .number em{display:block; letter-spacing:-0.4px;}
/* .subpage.label .wrap .tit{color:#000; font-weight:600; font-size:10pt; width:40mm; height:9mm; line-height:4.5mm;}
.subpage.label .wrap .artist{margin-top:1.5mm; padding-bottom:1mm;  text-align:end; border-bottom:1.5pt solid #ccc096;}
.subpage.label .wrap .artist em{display:inline-block; color:#666; text-transform:uppercase; font-weight:600; font-size:9pt; letter-spacing:-0.1mm; margin-right:1.5mm;}
.subpage.label .wrap .artist h3{display:inline-block; margin-right:-0.4mm; color:#222; font-size:11pt; letter-spacing:1pt; font-family:'SUIT-SemiBold';}
.subpage.label .wrap .info{margin-top:1.5mm; padding-left20mm; text-align:end;}
.subpage.label .wrap .info p{color:#333; font-size:8pt; line-height:normal;}
.subpage.label .wrap .number{position:absolute; bottom:3mm; left:2.6mm; color:#000; font-size:7.5pt; letter-spacing:0.2px;font-weight:bold;}
.subpage.label .wrap .number em{display:block; letter-spacing:-0.4px;} */

/* 배송용 라벨출력 */
.labelArea.subpage.label ul{ gap: 10mm; }
.labelArea.subpage.label ul li {width:9cm;}
.labelArea.subpage.label ul li:nth-child(13n){ break-before: page; }
.label_inn {display: flex; border: 1px solid #555;box-sizing: border-box;border-radius: 3mm;padding: 3mm 2.6mm;}
.label_inn .img_group { max-width: 118px; height: 118px; object-fit: contain; padding-right: 5mm;}
.label_inn .txt_group {flex: 1;position: relative;}
.label_inn .number {bottom: 0 !important;}
.labelArea.subpage.label .number{ bottom:0; left:0; }

.img_group img {width: 100%;height: 100%;object-fit: contain;object-position: center;}
.align_col {display: flex;}

/* 인보이스 */
.invoice_inn {padding: 50px 50px 0;box-sizing: border-box;}
.invoice_inn .hd_group .align_col {justify-content: space-between;align-items: center;}
.invoice_inn > div:not(:first-child) {margin-top: 30px;}
.invoice_inn .tit_wrap {border-bottom: 2px solid #000;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 10px;padding-bottom: 3px;}
.invoice_inn .hd_group .tit_wrap{ justify-content: center; margin: 30px 0 20px; border: 0; }
.invoice_inn .tit_wrap h4 {font-size: 26px;color: #000;font-weight: bold;}
.invoice_inn .tit_wrap h5 {font-size: 18px;color: #000;}
.invoice_inn .tit_wrap h5 > i {font-size: 14px;text-transform: uppercase;}
.invoice_inn li{padding: 2px 0;}
/* .invoice_inn .price {text-align: right;} */
.invoice_inn .price p { display: flex; gap: 5px; position: relative; font-size: 13px;}
.invoice_inn .price p:nth-of-type(2)::before{ content: '-'; position: absolute; right: 100%;  }
/* .invoice_inn .price p > span {margin-left: 5px;} */
.invoice_inn .price p > span{ flex: 1; text-align: right; }

.invoice_inn dt {float: left;width: 328px;}
.invoice_inn dt, .invoice_inn dd {padding-bottom: 4px;}
.invoice_inn dt > i, .invoice_inn dd > i {font-size: 13px;}

.artlist_group .align_col {justify-content: space-between;align-items: center;border-bottom: 1px solid #000;padding-bottom: 10px;margin-bottom: 10px;}
.artlist_group .align_col .img_group img {max-width: 180px; height: 120px; object-fit: contain;}

.artlist_group .align_col > div:not(:first-child) {padding-left: 20px;box-sizing: border-box;}
.artlist_group .align_col > div:nth-child(2) {flex: 1;}
.artlist_group .total_wrap {display: flex;justify-content: space-between;align-items: flex-start;}
.artlist_group .total_wrap + .total_wrap { align-items: center; font-weight: bold;}
.artlist_group .total_wrap > div:first-child {padding-top: 6px;}

.payment_group .align_col {justify-content: space-between;align-items: center;}
.payment_group .align_col > div:first-child {width: 20%;}
.payment_group .align_col .price {text-align: center;}
.payment_group .align_col .date{ min-width: 80px; }

.bank_group .tit_wrap + div {position: relative;}
.bank_group .align_col { align-items: center; position: absolute; left: 0;bottom: -130px;font-size: 12px;}
.bank_group .align_col > div:first-child > * {display: block; padding-right: 0px;}
.bank_group .align_col > div:first-child span:nth-of-type(2){ letter-spacing: 0.49em; }
.bank_group .align_col > div:nth-of-type(2){margin-left:-15px; line-height:1.70em;}
.bank_group .align_col i {color: #777;}
.bank_group .align_col strong {font-size: 25px;padding-top: 0px; line-height: 1.05; }
.bank_group .align_col strong > span:nth-child(1){letter-spacing:29px;}
.bank_group .align_col b{ position: relative; }
.bank_group .align_col b::after{ content: '.'; }

@page{size:A4; margin:0;}
@media print{
    * {-webkit-print-color-adjust: exact; /*print-color-adjust: exact;*/}
    html,body{width:210mm; height:297mm; margin:0; padding:0;}
    .page{margin:0; border:initial; width:initial; min-height:initial; box-shadow:initial; background:initial; page-break-after:always;}

    .no-print, .no-print * {display: none !important;}
}



@media screen and (max-width:1700px){
    #content > .inr{width:96%;}
}

@media screen and (max-width:1250px){
    .area_gallery_view{width:100%;}
    .view_btn_wrap{width:100%;}

    .area_about{width:100%;}
    .about.introduction{width:100%;}

    .area_write{width:100%;} 
}

@media screen and (max-width:1200px){
    .list.sub li{margin-right:10px; width:calc(100% / 3 - 7px); -webkit-width:calc(100% / 3 - 7px);}
    .list.sub li:nth-child(4n){margin-right:10px;}
    .list.sub li:nth-child(3n){margin-right:0;}

    .prl_item.sub li{margin-right:10px; width:calc(100% / 3 - 7px); -webkit-width:calc(100% / 3 - 7px);}
    .prl_item.sub li:nth-child(4n){margin-right:10px;}
    .prl_item.sub li:nth-child(3n){margin-right:0;} 

}


@media screen and (max-width:1024px){
	#content > .inr{padding-top:150px;}
    #content > .inr h2.tit{font-size:30px;}
    #content > .inr p{font-size:15px;}

    .top{padding-bottom:20px; overflow:visible;}
    /* .tab_wrap .tab_btn_wrap i{display:block; font-size:12px; color:#999; text-align:center;} */
    .tab_wrap .tab_btn{float:none; margin-left:0; width:100%; -webkit-width:100%;}
    .tab_wrap .tab_btn .all{top:0px; transform:none;}
    .tab_wrap .tab_btn .all li{padding:3px 0; width:45px;}
    .tab_wrap .tab_btn .all_list{padding-left:60px;}
    .tab_wrap .tab_btn .all_list li{}
    .area_exhibition .tab_btn .all_list li{width:37px;}
    .tab_wrap .tab_btn li a{font-size:13px;}
    .tab_wrap .tab_btn .all_list .name_ko li a{font-size:14px;}
    .search_wrap{float:none; text-align:center; margin-bottom:20px;}
    .search_wrap .button{min-width:70px;}
    .search_wrap input[type="text"]{width:200px;}

    .area_gallery_view .txt_box .title{font-size:15px;}
    .area_gallery_view .txt_box .name{font-size:14px;}
    .area_gallery_view .cont_box .cont_tit{font-size:22px;}

    .about.introduction{width:700px; margin:auto;}
    .area_about h3{font-size:17px;} 
    .about{padding:80px 0;}
    .about .about_tit{display:none;}
    .about.introduction .about_tit{position:static; transform:none;}
    .about.introduction .img_box{float:none; margin:auto; width:70%;}
    .about.introduction .txt_box{float:none; margin-top:50px; text-align:center;}
    .about.introduction .txt_box h2{font-size:26px;}

    .about.contact .map_wrap{position:relative; margin:auto; width:80%;}
    .root_daum_roughmap .wrap_map{height:300px !important;}
    .about.contact .txt_box{margin-top:-100px; padding:140px 10px 40px; width:100%; text-align:center;}
    .about.contact .kakao a{margin:6px auto 0;}
    
    
}

@media screen and (max-width:767px){
    #content > .inr{padding-top:100px;}
    #content > .inr h2.tit{margin-bottom:40px; font-size:24px;}
    #content > .inr p{font-size:14px;}

    .list.sub li{margin-bottom:20px; width:calc(100% / 2 - 5px) !important; -webkit-width:calc(100% / 2 - 5px) !important;}
    .list.sub li:nth-child(2n){margin-right:0 !important;}
    .list.sub li:nth-child(2n+1){margin-right:10px !important;}
    .list.sub .list_txt{margin-bottom:0;}


    /* .area_artist.tab_wrap .tab_btn_wrap i{display:none !important;} */

    .area_gallery_view{margin-top:0;}
    .area_gallery_view .view_thumb{float:none; margin:0 auto 40px; width:60%;}
    .area_gallery_view .cont_box{font:none; padding:40px 0 0; width:100%; height:auto; overflow-y:visible; border-top:1px solid #ddd;}
    .area_gallery_view .txt_box{margin-top:40px; text-align:center;}
    .area_gallery_view .cont_box .cont_tit{font-size:20px;}
    .area_gallery_view .cont_box img{width:100%;}
    .area_gallery_view .swiper-button-next, 
    .area_gallery_view .swiper-button-prev{display:none;}
    .area_gallery_view .swiper-pagination{display:block;}
    .area_gallery_view .swiper-horizontal>.swiper-pagination-bullets{bottom:30px;}

    .view_btn_wrap{margin-top:30px;}
    .view_btn_wrap .btn_area{text-align:center;}

    .about.introduction{width:100%;}
    .area_about h3{font-size:16px;}
    .about{padding:60px 0;}
    .about .about_tit{margin-bottom:30px !important; font-size:24px;} 
    .about.introduction .txt_box h3{margin-bottom:20px;} 
    .about.introduction .txt_box h2{font-size:22px;}
    .about.location .txt_box ul li+li{margin-top:15px;}
}

@media screen and (max-width:480px){
    .area_gallery_view .view_thumb{width:100%;}

    .about.introduction .img_box{width:80%;}
}

/* @media screen and (max-width:680px){
    .certification_area ul li{width:49%;}
    .certification_area ul li:nth-child(2){margin-right:0;}
}



@media screen and (max-width:420px){
	#content{padding-bottom:40px;}
	#content h2{margin-top:30px;}    
}

@media screen and (max-width:370px){
	#content h2{font-size:25px;}
	
	.area_about .box_img{float:none; width:100%; padding-top:40.54054054054054vw;}	
	.area_about .box_img{margin-right:0;}
} */