@charset "utf-8";

/* header */
header { position:absolute; top:0; left:0; width:100%; z-index:99; transition:top 0.4s ease; }
header .innerP50 { display:flex; justify-content:space-between; height:100%; }
header h1 { position:relative; z-index:9999; display:flex; align-items:center; }
header h1 a { display:block; }
header h1 a img { filter:brightness(0) invert(1); transition:all 0.3s; }
header.over h1 a img,
#wrap.on header h1 a img { filter:none; }
header.over_all { top:0; position:fixed; }
@media screen and (max-width:1024px){
	header { position:fixed; height:80px; }
	#wrap.on header.active { background:rgba(0, 0, 0, 0.1); }
	header.fix { top:-80px; }
	header.fix.nav-down { top:0; }
	header.over_all { top:0 !important; }
	header:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 1); opacity:0; transition:top 0.3s; }
	header.fix.nav-down:before { opacity:1; }
	header h1 img,
	header h1 svg { width:auto; height:30px; transition:top 0.3s; }
	header.fix.nav-down h1 a img { filter:none; }
	header.over_all { top:0; }
	header.over_all h1 a img { filter:brightness(0) invert(1) !important; }
}
@media screen and (max-width:640px){
	header { height:60px; }
	header.fix { top:-60px; }
	header h1 img,
	header h1 svg { height:26px; }
}

header #navi { position:relative; z-index:3; display:flex; justify-content:center; width:100%; }
header #navi #gnb > ul { display:flex; text-align:center; }
header #navi #gnb > ul > li { position:relative; transition:all 0.5s; }
header #navi #gnb > ul > li > a { position:relative; width:200px; height:100px; text-wrap:nowrap; display:flex; justify-content:center; align-items:center; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; transition:all 0.3s; }
header #navi #gnb > ul > li > a:before { content:''; display:block; position:absolute; top:77px; left:50%; transform:translateX(-50%); width:8px; height:8px; transition:all 0.3s; opacity:0; background:var(--mainColor); border-radius:8px; }
header #navi #gnb > ul > li.on > a:before { opacity:1; }
header.over #navi #gnb > ul > li > a,
#wrap.on #navi #gnb > ul > li > a { color:#111; }
header.over #navi #gnb > ul > li.on > a { color:var(--mainColor); }
header #navi #gnb > ul > li > .subDepth { z-index:-11; opacity:0; visibility:hidden; position:absolute; left:50%; transform:translateX(-50%); top:100px; padding-bottom:50px; width:100%; }
header.over #navi #gnb > ul > li > .subDepth { opacity:1; visibility:visible; z-index:3; } 
header #navi #gnb > ul > li > .subDepth > ul { position:relative; opacity:0; }
header.over  #navi #gnb > ul > li > .subDepth > ul { position:relative; animation:ani_5 0.7s 0.1s; animation-fill-mode:both; }
header #navi #gnb > ul > li > .subDepth > ul > li { padding:0 5px; }
header #navi #gnb > ul > li > .subDepth > ul > li:not(:last-child) { padding-bottom:12px; }
header #navi #gnb > ul > li > .subDepth > ul > li > a { position:relative; font-size:var(--font18); color:#333; font-weight:300; line-height:1.3; transition:all 0.3s; }
header #navi #gnb > ul > li > .subDepth > ul > li > a:hover,
header #navi #gnb > ul > li > .subDepth > ul > li.over > a { color:var(--mainColor); }
header .gnb_bg { visibility:hidden; height:0; opacity:0; position:absolute; top:0; left:0; width:100%; background:rgba(255, 255, 255, 1); transition:all 0.3s; z-index:1; }
header.over .gnb_bg { opacity:1; visibility:visible; z-index:1; height:100%; }
header .gnb_bg:before { content:''; display:block; visibility:hidden; height:1px; opacity:0; position:absolute; top:100px; left:0; width:100%; background:rgba(255, 255, 255, 0.10); transition:all 0.3s; z-index:1; }
header.over .gnb_bg:before { opacity:1; visibility:visible; z-index:2; }
@media screen and (max-width:1440px){
	header #navi #gnb > ul > li > a { width:180px; }
}
@media screen and (max-width:1280px){
	header #navi #gnb > ul > li > a { width:150px; }
}
@media screen and (max-width:1024px){
	header #navi { display:none }
}


header .top-menu { display:flex; align-items:center; gap:40px; }
header .top-menu .lang { position:relative; z-index:15; display:flex; align-items:center; gap:8px; color: rgba(255, 255, 255, 0.5); transition:all 0.3s; }
header .top-menu .lang a { position:relative; color:rgba(255, 255, 255, 0.5); font-size:var(--font16); font-weight:500; line-height:1.1; transition:all 0.3s; }
header .top-menu .lang a.on { color:#fff; }
header.over .top-menu .lang,
#wrap.on header .top-menu .lang,
header.over .top-menu .lang a,
#wrap.on header .top-menu .lang a { color:rgba(51, 51, 51, 0.5); }
header.over .top-menu .lang a.on,
#wrap.on header .top-menu .lang a.on { color:#333; }


header .allmenu { position:relative; z-index:20; opacity:1; }
header .allmenu a { position:relative; width:30px; height:30px; display:block; }
header .allmenu span { position:absolute; width:12px; height:12px; background:#fff; transition:all 0.3s; border-radius:12px; }
header .allmenu span:nth-child(1) { left:0; top:0; background:var(--mainColor); }
header .allmenu span:nth-child(2) { right:0; top:0; }
header .allmenu span:nth-child(3) { left:0; bottom:0; }
header .allmenu span:nth-child(4) { right:0; bottom:0; }
header .allmenu a:hover span:nth-child(1),
header .allmenu a:hover span:nth-child(2),
header .allmenu a:hover span:nth-child(3),
header.over .allmenu span:nth-child(1),
header.over .allmenu span:nth-child(2),
header.over .allmenu span:nth-child(3),
#wrap.on header .allmenu span:nth-child(1),
#wrap.on header .allmenu span:nth-child(2),
#wrap.on header .allmenu span:nth-child(3) { background:#333;}
header .allmenu a:hover span:nth-child(4),
header.over .allmenu span:nth-child(4),
#wrap.on header .allmenu span:nth-child(4) { background:var(--mainColor); }
header.fix.nav-down .allmenu span:nth-child(1),
header.fix.nav-down .allmenu span:nth-child(2),
header.fix.nav-down .allmenu span:nth-child(3) { background:#333;}
header.fix.nav-down .allmenu span:nth-child(4) { background:var(--mainColor); }
@media screen and (max-width:1024px){
	header .allmenu a { width:25px; height:25px; }
	header .allmenu span { width:9px; height:9px; }
}


#allmenuBox .btnClose { opacity:0; cursor:pointer; position:absolute; right:48px; top:35px; z-index:5; }
#allmenuBox.on .btnClose { opacity:1; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:url(/img/svg/close_icon.svg) center center no-repeat; }
#allmenuBox { position:fixed; opacity:0; visibility:hidden; z-index:-11; top:0; left:0; width:100%; height:100vh; transition:all 0.6s; overflow:hidden; }
#allmenuBox.on { z-index:999; opacity:1; visibility:visible; }
#allmenuBox .menuBox { position:relative; width:100%; display:flex; align-items:center; height:100vh; }
#allmenuBox .menuBox:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#0a0a0a; transition:all 0.6s; }
#allmenuBox.on .menuBox:before { height:100%; }
#allmenuBox .menuBox .mCont { position:relative; z-index:3; max-width:1600px; margin:0 auto; opacity:0; transition:all 0.6s 0.1s; }
#allmenuBox.on .menuBox .mCont { opacity:1; transition-delay:0.3s; }
#allmenuBox .menuBox .mCont,
#allmenuBox .menuBox .mCont > ul { width:100%; }
#allmenuBox .allBox { display:none }
.web #allmenuBox .menuBox .mCont,
.web #allmenuBox .menuBox .mCont > ul { display:flex; justify-content:center; text-align:center; }
.web #allmenuBox .menuBox .mCont > ul > li { position:relative; width:calc(100% / 4); }
.web #allmenuBox .menuBox .mCont > ul > li > a { position:relative; color:#fff; font-size:var(--font48); font-weight:700; line-height:1.3; letter-spacing:-0.04em; transition:all 0.3s; }
.web #allmenuBox .menuBox .mCont > ul > li > a:before { content:''; display:block; position:absolute; top:85px; left:50%; transform:translateX(-50%); width:8px; height:8px; background:var(--mainColor); border-radius:8px; }
.web #allmenuBox .menuBox .mCont > ul > li.hover a { color:var(--mainColor); }
.web #allmenuBox .menuBox .mCont > ul > li .subDepth { padding-top:68px; }
.web #allmenuBox .menuBox .mCont > ul > li .subDepth li:not(:last-child) { padding-bottom:12px; }
.web #allmenuBox .menuBox .mCont > ul > li .subDepth li a { color:rgba(255, 255, 255, 0.50); font-size:var(--font28); font-weight:500; line-height:1.3; transition:all 0.3s; }
.web #allmenuBox .menuBox .mCont > ul > li .subDepth li a:hover { color:#fff; }
@media screen and (max-width:1440px){
	#allmenuBox.on .btnClose { right:18px; }
	.web #allmenuBox .menuBox .mCont > ul > li > a:before { top:70px; }
}
@media screen and (max-width:1280px){
	.web #allmenuBox .menuBox .mCont > ul > li > a:before { width:6px; height:6px; top:68px; }
}
@media screen and (max-width:1024px){
	#allmenuBox .menuBox { align-items:flex-start; }
    #allmenuBox .menuBox .mCont { padding-top:18%; }
    #allmenuBox .menuBox .mCont > ul { position:relative; padding:0 20px; overflow:hidden; }
    #allmenuBox .menuBox .mCont > ul > li:not(:last-child) { padding-bottom:12px; }
	#allmenuBox .menuBox .mCont > ul > li > a { position:relative; color:#fff; font-size:var(--font48); font-weight:500; line-height:1.3; letter-spacing:-0.04em; display:block; margin-bottom:5px; }
    #allmenuBox .menuBox .mCont > ul > li > .subDepth { position:relative; display:none; width:100%; margin-bottom:10px; }
	#allmenuBox .menuBox .mCont > ul > li.hover .subDepth { display:block; }
	#allmenuBox .menuBox .mCont > ul > li .subDepth > ul { padding:10px 0 8px; display:flex; flex-wrap:wrap; gap:10px 20px; padding:20px; background:rgba(255, 255, 255, 0.20); border-radius:20px;}
	#allmenuBox .menuBox .mCont > ul > li .subDepth > ul > li { width:calc((100% - 20px) / 2); }
	#allmenuBox .menuBox .mCont > ul > li .subDepth > ul > li > a { color:rgba(255, 255, 255, 0.50); font-size:var(--font30); font-weight:500; line-height:1.3; }
	#allmenuBox.on .btnClose { top:24px; background-size:24px auto; }
}
@media screen and (max-width:640px){
    #allmenuBox .menuBox .mCont { padding-top:25%; }
	#allmenuBox.on .btnClose { top:18px; background-size:20px auto; }
}

footer { position:relative; background:#101010; }
footer .footer_box { position:relative; padding:80px 0; }
footer .l-box .top { display:flex; align-items:center; gap:24px; }
footer .l-box .top li a { padding:8px 20px 5px; display:flex; align-items:center; justify-content:center; color:#ddd; font-size:var(--font16); font-weight:500; line-height:1.5; background:#1b1b1b; border-radius:30px; }
footer .l-box .logo img { filter:brightness(0) invert(1); }
footer .l-box .address { margin-top:40px; }
footer .l-box .address ul { margin-top:12px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 25px; }
footer .l-box .address ul:first-child { margin-top:0; }
footer .l-box .address ul li { position:relative; color:#aaa; font-size:var(--font18); font-weight:300; line-height:1.3; }
footer .l-box .address ul li strong { color:#ddd; font-weight:500; }
footer .r-box { position:absolute; top:0; right:0; max-width:440px; width:100%; height:calc(100% - 50px); padding:0 48px; display:flex; align-items:center; justify-content:center; text-align:center; background:var(--mainColor); border-radius:0 0 var(--borderR40) var(--borderR40); }
footer .r-box .box .txt-1 { color:#fff; font-size:var(--font22); font-weight:500; line-height:1.3; margin-bottom:21px; padding-bottom:33px; border:1px solid rgba(255, 255, 255, 0.25); border-width:0 0 1px 0; }
footer .r-box .box .txt-2 { flex-shrink:0; color:#fff; font-size:var(--font48); font-weight:700; line-height:1.3; }
footer .copyright { margin-top:24px; color:#777; font-size:var(--font18); font-weight:300; line-height:1.3; }
@media screen and (max-width:1440px){
	footer .r-box { max-width:360px; padding:0 40px; }
}
@media screen and (max-width:1280px){
	footer .footer_box { padding:60px 0; }
	footer .r-box { max-width:260px; padding:0 20px; }
}
@media screen and (max-width:1024px){
	footer .footer_box { padding:100px 0 50px; }
	footer .footer_box { display:flex; }
	footer .l-box .top { gap:20px; }
	footer .l-box .logo img { height:30px; }
	footer .l-box .address { margin-top:25px; }
	footer .l-box .address ul { margin-top:10px; gap:10px 20px; }
	footer .copyright { margin-top:20px; }
	footer .r-box { width:calc(100% + 40px); max-width:calc(100% + 40px); padding:0 20px; height:60px; left:-20px; }
	footer .r-box .box { display:flex; align-items:center; justify-content:center; }
	footer .r-box .box .txt-1 { margin:-2px 15px 0 0; padding:0 15px 0 0; border-width:0 1px 0 0; }
}
@media screen and (max-width:640px){
	footer .footer_box { padding:80px 0 40px; }
	footer .l-box .logo img { height:26px; }
	footer .l-box .address { margin-top:20px; }
	footer .l-box .address ul { margin-top:8px; gap:8px 20px; }
	footer .copyright { margin-top:18px; }
	footer .r-box { height:55px; }
}

.quickMenu { position:sticky; right:50px; bottom:50px; margin:-298px 50px 48px 0; display:flex; justify-content:flex-end; z-index:50; pointer-events:none; }
.quickMenu * { pointer-events:auto; }
.quickMenu .quick { position:relative; border-radius:var(--borderR10); overflow:hidden; }
.quickMenu .quick ul { background:var(--subColor); }
.quickMenu .quick li:not(:last-child) { border-bottom:1px solid rgba(221, 221, 221, 0.20); }
.quickMenu .quick li a { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; text-align:center; width:100px; height:100px; color:#fff; font-size:var(--font14); font-weight:500; line-height:1.3; }
.quickMenu .btn_top a { width:100px; height:50px; display:flex; align-items:center; justify-content:center; background:var(--mainColor); }
.quickMenu.on .btn_top a img { transform:rotate(180deg); }
@media screen and (max-width:1440px){
	.quickMenu { margin:-210px 20px 10px 0; right:20px; bottom:20px; }
	.quickMenu .quick li a { gap:10px; width:80px; height:80px; }
	.quickMenu .btn_top a { width:80px; height:40px; }
	.quickMenu .btn_top a img { height:20px; }
}
@media screen and (max-width:1024px){
	.quickMenu { margin:0 0 -1px 0; right:0; bottom:0; }
	.quickMenu .quick { width:100%; max-width:330px; border-radius:var(--borderR10) var(--borderR10) 0 0; }
	.quickMenu.en .quick { max-width:240px; }
	.quickMenu .quick,
	.quickMenu .quick ul { display:flex; }
	.quickMenu .quick ul { width:calc(100% - 80px); }
	.quickMenu .quick li { width:calc(100% / 2); }
	.quickMenu .quick li:not(:last-child) { border-right:1px solid rgba(221, 221, 221, 0.20); border-bottom:none;}
	.quickMenu .quick li a { gap:10px; width:100%; height:80px; }
	.quickMenu .btn_top { width:80px; }
	.quickMenu .btn_top a { width:100%; height:80px; }
	.quickMenu .btn_top a img { height:20px; }
}
@media screen and (max-width:640px){
	.quickMenu .quick ul { width:calc(100% - 60px); }
	.quickMenu .quick li a { gap:5px; height:65px; }
	.quickMenu .quick li br { display:none; }
	.quickMenu .btn_top { width:60px; }
	.quickMenu .btn_top a { height:65px; }
	.quickMenu .btn_top a img { height:18px; }
}



#allmenuBox .os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(0, 0, 0, 0.05); width:3px; border-radius:3px; }
#allmenuBox .os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(0, 0, 0, 0.05); height:3px; border-radius:3px; }
#allmenuBox .os-theme-dark > .os-scrollbar-vertical, 
#allmenuBox .os-theme-light > .os-scrollbar-vertical { width:3px; }
#allmenuBox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#000; width:3px; height:3px; border-radius:3px; opacity:0.6 }
#allmenuBox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
#allmenuBox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
#allmenuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
#allmenuBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#000; border-radius:3px; opacity:1; }
#allmenuBox .privacy-box .os-theme-dark > .os-scrollbar-vertical,
#allmenuBox .privacy-box .os-theme-dark > .os-scrollbar-horizontal { background:rgba(255, 255, 255, 0.5) }



.popup_box{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.popup_box.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.popup_box .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.popup_box .pop_body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; width:100%; max-width:760px; border:none; }
.popup_box .pop_body .popCont { padding:0; }
.popup_box .pop_body .btn_close { position:absolute; right:-36px; top:0; z-index:5; width:24px; height:80px; cursor:pointer; background:url(/img/svg/close_btn.svg) center center no-repeat; }
@media screen and (max-width:1024px){
	.popup_box .pop_body .btn_close { right:-25px; background-size:20px; width:20px; height:70px; }
}

.popup_box.popup_video .pop_body { max-width:1200px; }
.popup_video .pop_body .video_box { width:100%; }
.popup_video .pop_body .video_box .mov { position:relative; overflow:hidden; width:100%; }
.popup_video .pop_body .video_box .mov:before { content:""; display:block; padding-bottom:56.25%; }
.popup_video .pop_body .video_box .mov video,
.popup_video .pop_body .video_box .mov iframe { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; border-radius:var(--borderR20); }
.popup_video .pop_body .video_box .mov .play { transition:all 0.3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100px; height:100px; border:2px solid rgba(255, 255, 255, 0.25); background:rgba(0, 0, 0, 0.50); border-radius:100px; display:flex; align-items:center; justify-content:center; }
.popup_video .pop_body .video_box .mov:hover .play { background:var(--mainColor); border-color:rgba(255, 255, 255, 0.25) }
@media screen and (max-width:1320px){
	.popup_box.popup_video .pop_body { left:40px; width:calc(100% - 80px); transform:translate(0, -50%); }
	.popup_box.popup_video .pop_body .btn_close { right:-30px; }
}
@media screen and (max-height:800px){
	.popup_video.popup_video .pop_body { max-width:1000px; }
}
@media screen and (max-height:700px){
	.popup_video.popup_video .pop_body { max-width:860px; }
}
@media screen and (max-height:500px){
	.popup_video.popup_video .pop_body { max-width:720px; }
}



.popup_box.popup_photo .pop_body { max-width:960px; }
.popup_box.popup_photo .p-view .slide-wrap { position:relative; width:100%; }
.popup_box.popup_photo .p-view .slide-wrap .main-swiper { position:relative; overflow:hidden; border-radius:var(--borderR20); }
.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; background:#f5f5f5; }
.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure { position:relative; width:100%; }
.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:75%; }
.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:80%; max-height:80%; object-fit:cover; }
.popup_box.popup_photo .p-view .slide-wrap .bottom { position:relative; margin-top:10px; padding:0 60px; width:100%; }
.popup_box.popup_photo .p-view .slide-wrap .sub-swiper { position:relative; overflow:hidden; width:100%; }
.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; cursor:pointer; border-radius:var(--borderR10); }
.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide:before { content:""; display:block; opacity:0; position:absolute; left:-1px; top:-1px; z-index:3; width:calc(100% + 2px); height:calc(100% + 2px); border:6px solid var(--mainColor); transition:all 0.4s; border-radius:var(--borderR10); overflow:hidden; }
.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide-thumb-active:before { opacity:1; }
.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide figure { position:relative; width:100%; background:#f5f5f5; }
.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:75%; }
.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:90%; max-height:90%; object-fit:cover; }
.popup_box.popup_photo .p-view .slide-wrap .btn-pn { transition:all 0.4s; position:absolute; left:0; top:0; opacity:1; outline:none; margin:0; padding:0; width:50px; height:100%; text-indent:-9999em; overflow:hidden; background:#f5f5f5 url(/img/svg/slide_btn.svg) center center no-repeat; border-radius:var(--borderR10); }
.popup_box.popup_photo .p-view .slide-wrap .swiper-button-next { transform:rotate(180deg); left:unset; right:0; }
.popup_box.popup_photo .p-view .slide-wrap .btn-pn:hover { background:var(--mainColor) url(/img/svg/slide_btn_on.svg) center center no-repeat; }
.popup_box.popup_photo .p-view .slide-wrap .btn-pn.swiper-button-disabled { background-image:url(/img/svg/slide_btn_off.svg); }
@media screen and (max-height:850px){
	.popup_box.popup_photo .pop_body { max-width:860px; }
	.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure:before { padding-bottom:70%; }
}
@media screen and (max-height:720px){
	.popup_box.popup_photo .pop_body { max-width:760px; }
	.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure:before { padding-bottom:65%; }
}
@media screen and (max-height:600px){
	.popup_box.popup_photo .pop_body { max-width:700px; }
	.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure:before { padding-bottom:60%; }
}
@media screen and (max-width:1440px){
	.popup_box.popup_photo .pop_body { max-width:860px; }
}
@media screen and (max-width:1024px){
	.popup_box.popup_photo .pop_body { left:40px; width:calc(100% - 80px); transform:translate(0, -50%); }
	.popup_box.popup_photo .p-view .slide-wrap .bottom { margin-top:5px; padding:0 40px; }
	.popup_box.popup_photo .p-view .slide-wrap .btn-pn { width:35px; }
	.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide:before { border-width:3px; left:0; top:0; width:100%; height:100%; }
}
@media screen and (max-width:640px){
	.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure:before { padding-bottom:80%; }
	.popup_box.popup_photo .p-view .slide-wrap .bottom { padding:0 30px; }
	.popup_box.popup_photo .p-view .slide-wrap .btn-pn { width:25px; }
	.popup_box.popup_photo .p-view .slide-wrap .btn-pn,
	.popup_box.popup_photo .p-view .slide-wrap .btn-pn.swiper-button-disabled,
	.popup_box.popup_photo .p-view .slide-wrap .btn-pn:hover { background-size:18px auto; }
	.popup_box.popup_photo .p-view .slide-wrap .sub-swiper .swiper-slide:before { border-width:3px; left:0; top:0; width:100%; height:100%; }
}
@media screen and (max-width:520px){
	.popup_box.popup_photo .p-view .slide-wrap .main-swiper .swiper-slide figure:before { padding-bottom:100%; }
}