@charset 'utf-8';
.body_hidden { overflow:hidden; touch-action:none;}

body { background-color:#000; }

#wrap { position:relative; overflow:hidden; }
.inner { position:relative; width:100%; max-width:1400px; margin:0 auto; }
.inner1200 { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.inner1920 { position:relative; width:100%; max-width:1920px; margin:0 auto; }
@media screen and (max-width:1440px){
	.inner { padding:0 20px; }
}
@media screen and (max-width:1240px){
	.inner1200 { padding:0 20px; }
}
:root {
	--color-orange:#f8921d;
	--color-red:#ed183c;
	--color-blue:#086db8;
}
.color-orange { color:var(--color-orange) !important; }

.txt-align-r { text-align:right; }

.txt-align-c { text-align:center; }
.hidden { overflow:hidden; }
.flexBox { display:flex; }
.flexBox.align-c { align-items:center; }

/* slideTxt */
.txtSlideInfo .txt { position:relative; }
.txtSlideInfo .txt p { overflow:hidden;  color:#fff; font-weight:900; white-space:nowrap; display:flex; }
.txtSlideInfo .txt p:nth-child(2) { margin:-0.15772em 0; position:relative; z-index:2; }
.txtSlideInfo span { display:block; }
.txtSlideInfo .img { position:absolute; width:100%; left:0; top:0; }
.txtSlideInfo .img img { max-width:100%; width:100%;  }

header { position:absolute; left:0; top:0; width:100%; z-index:999; transition:all 0.3s ease-in-out; }
header.fix { position:fixed;  background-color:rgba(0,0,0,0.9); height:100px; }
header h1 { position:absolute; left:0; top:38px; z-index:99999; transition:all 0.3s ease-in-out;}
header.fix h1 { top:18px; }
header h1 a { display:block; text-indent:-9999em; overflow:hidden; width:140px; height:46px; background:url(../img/common/img_logo.png) left center no-repeat; }
/*header.ov h1 a { background:url(../img/common/img_logo_on.png) left center no-repeat; } */
header .menuBtn { position:absolute; right:0; top:57px; z-index:99999; transition:all 0.3s ease-in-out; }
header.fix .menuBtn { top:40px; }
header .menuBtn button { background:none; padding:0; border:none; outline:none; width:40px; height:26px;  margin:0; display:flex; }
header .menuBtn span { position:absolute; right:0; top:0; background:#fff; display:block; height:4px; width:100%; margin:0 auto; }
header .menuBtn span:after { content:""; display:block; background:#fff; height:4px; width:30px; position:absolute; left:50%; top:10px; transform:translateX(-50%); }
header .menuBtn span:before { content:""; display:block; background:#fff; height:4px; width:100%; position:absolute; left:0; top:20px; }
header .menuBtn span,
header .menuBtn span:after,
header .menuBtn span:before { transition:all 0.5s 1.4s; ease-in-out; }

/*
header .menuBtn.active span,
header .menuBtn.active span:after,
header .menuBtn.active span:before { background:#000; transition:all 0.5s 0.5s ease-in-out; }
header .menuBtn.active span:after { width:0; }
header .menuBtn.active span { transform:rotate(45deg); margin-top:7px; }
header .menuBtn.active span:before { transform:rotate(-90deg); left:0; top:0; }
*/
#allmenuBox .allBtn { opacity:0; position:absolute; right:100px; top:45px; z-index:99; }/* 22.8.29 */
#allmenuBox .allBtn button { background:none; padding:0; border:none; outline:none; width:40px; height:26px;  margin:0; display:flex; }
#allmenuBox .allBtn span,
#allmenuBox .allBtn span:after,
#allmenuBox .allBtn span:before { content:""; display:block; height:4px; width:30px; background:#000; }
#allmenuBox .allBtn span:after { width:0; }
#allmenuBox .allBtn span { transform:rotate(35deg); margin-top:7px; position:absolute; right:0; top:0; background:#000; display:block; height:4px; width:100%; }
#allmenuBox .allBtn span:before {height:4px; width:100%;  transform:rotate(-70deg); left:0; top:0; }
#allmenuBox.on .allBtn { animation:ani_1 0.8s .5s; animation-fill-mode:both; }

@media screen and (max-width:1440px){
	header h1 { left:20px; }
	header .menuBtn { right:20px; }
}
@media screen and (max-width:1024px){
	header .menuBtn button { width:36px; }
	header .menuBtn span,
	header .menuBtn span:before  { height:3px; }
	header .menuBtn span:after { height:3px; width:26px; }
	#allmenuBox .allBtn { right:50px; }
}

#allmenuBox { opacity:0; visibility:hidden; z-index:-111; position:fixed; left:0; top:0; width:100%;  }
#allmenuBox .allCont { position:absolute; width:1020px; height:calc(100vh - 180px); right:50%; top:90px; margin-right:-700px; }
#allmenuBox.on { opacity:1; visibility:visible; z-index:10000;  }
/*
header.ov { position:fixed; }
header.ov h1 a { animation:ani_1 0.8s 1.0s; animation-fill-mode:both;  }
*/
#allmenuBox.off { animation:allBox_s 0.5s 1.0s; animation-fill-mode:both;  }
#allmenuBox.off .allCont:before { animation:allBox_off 0.5s 1.2s; animation-fill-mode:both; }
#allmenuBox.on .allCont:before { animation:allBox 0.5s 0.2s; animation-fill-mode:both; }

#allmenuBox .allCont:before{ content:''; display:block; width:100%; height:0; position:absolute; left:0; top:0; opacity:1; z-index:5; background:#fff; }
#allmenuBox.off .allCont:before {left:unset; right:0; }
#allmenuBox nav { position:relative; z-index:10; width:100%; height:100vh; text-align:right; display:flex; align-items:center; }
#allmenuBox nav > ul { padding-right:100px; padding-bottom:16%; }/* 22.8.29 */
#allmenuBox nav > ul > li { position:relative; }
#allmenuBox nav > ul > li:not(:last-child) { margin-bottom:6%; }/* 22.8.29 */
#allmenuBox nav > ul > li > a span { font-size:calc(100 / 1920 * 100vw); font-weight:900; color:#000; display:inline-block; line-height:1; transition:all 0.5s ease-in-out; }
#allmenuBox nav > ul > li > a:hover span,
#allmenuBox nav > ul > li.hover > a  span { /* color:var(--color-orange) */ }
#allmenuBox nav > ul > li .subDepth { padding-top:1.5%; display:none; position:absolute; top:calc(100 / 1920 * 100vw); right:0; z-index:5; padding-bottom:1%; }/* 22.8.29 */
#allmenuBox nav > ul > li .subDepth li { display:inline-block; margin-left:30px; }
#allmenuBox nav > ul > li .subDepth li:first-child { margin-left:0; }
#allmenuBox nav > ul > li .subDepth li a { font-size:calc(20 / 1920 * 100vw); font-weight:700; color:#000; line-height:1; text-transform:uppercase; transition:all 0.3s ease-in-out; }
#allmenuBox nav > ul > li .subDepth li a:hover { color:var(--color-orange) }
@media screen and (max-width:1440px){
	#allmenuBox .allCont { right:20px; margin-right:0; }
}
@media screen and (max-width:1024px){
	#allmenuBox .allCont { right:20px; margin-right:0; width:calc(100% - 40px); height:calc(100vh - 150px); }
	#allmenuBox nav > ul { padding-right:50px; padding-bottom:10%; }
	#allmenuBox nav {  display:block; }
	#allmenuBox nav > ul { padding-top:120px; }
	#allmenuBox nav > ul > li .subDepth { top:calc(80 / 1024 * 100vw); }
	#allmenuBox nav > ul > li .subDepth li { display:block; margin:12px 0 0 0; }
	#allmenuBox nav > ul > li .subDepth li:first-child { margin:5px 0 0 0; }
	#allmenuBox nav > ul > li > a span { font-size:calc(80 / 1024 * 100vw); }
	#allmenuBox nav > ul > li .subDepth li a { font-size:calc(18 / 1024 * 100vw); }
}
/* 22.8.29 */
@media screen and (max-width:640px){
	#allmenuBox .allCont {  height:calc(100vh - 120px); }
	#allmenuBox nav {  display:block; }
	#allmenuBox nav > ul { padding-top:120px; }
	#allmenuBox nav > ul > li .subDepth { top:unset; position:relative; padding:10px 0; }
	#allmenuBox nav > ul > li:not(:last-child) { margin-bottom:5%; }
	#allmenuBox nav > ul > li > a span { font-size:35px; }
	#allmenuBox nav > ul > li .subDepth li { display:block; margin:12px 0 0 0; }
	#allmenuBox nav > ul > li .subDepth li a { font-size:15px; }
}


/* animation */
#allmenuBox nav > ul > li span { display:block; opacity:0; }
#allmenuBox.on nav > ul > li:nth-child(1) span { animation:ani_1 1.0s 0.6s; animation-fill-mode:both; }
#allmenuBox.on nav > ul > li:nth-child(2) span { animation:ani_2 1.2s 0.8s; animation-fill-mode:both; }
#allmenuBox.on nav > ul > li:nth-child(3) span { animation:ani_1 1.4s 1.0s; animation-fill-mode:both; }
#allmenuBox.on nav > ul > li:nth-child(4) span { animation:ani_2 1.0s 1.2s; animation-fill-mode:both; }
#allmenuBox.off nav > ul > li:nth-child(1) span { animation:ani_off_1 0.5s 0.2s; animation-fill-mode:both; }
#allmenuBox.off nav > ul > li:nth-child(2) span { animation:ani_off_2 0.8s 0.4s; animation-fill-mode:both; }
#allmenuBox.off nav > ul > li:nth-child(3) span { animation:ani_off_1 1.0s 0.6s; animation-fill-mode:both; }
#allmenuBox.off nav > ul > li:nth-child(4) span { animation:ani_off_2 0.8s 0.8s; animation-fill-mode:both; }
#allmenuBox nav > ul > li.hover .subDepth li { overflow:hidden; }
#allmenuBox nav > ul > li.hover .subDepth li a { opacity:0; display:block }
#allmenuBox nav > ul > li.hover .subDepth li:nth-child(1) a { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
#allmenuBox nav > ul > li.hover .subDepth li:nth-child(2) a { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
#allmenuBox nav > ul > li.hover .subDepth li:nth-child(3) a { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
#allmenuBox nav > ul > li.hover .subDepth li:nth-child(4) a { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
#allmenuBox nav > ul > li.hover .subDepth li:nth-child(5) a { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
#allmenuBox nav > ul > li.hover .subDepth li:nth-child(6) a { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }


#allmenuBox nav > ul > li.p0 > a span { background-position:0%; }
#allmenuBox nav > ul > li.p100 > a span { background-position:-100%; background-image:linear-gradient(to right, #000, #000, #000, #000 50%, #000 50%); }
#allmenuBox nav > ul > li > a span { background-size:200% 100%; -webkit-background-clip:text; background-position:100%; transition:all 0.8s 0.01s cubic-bezier(0.05, 0.15, 0.05, 1); }
#allmenuBox nav > ul > li.on > a span,
#allmenuBox nav > ul > li.hover > a span,
#allmenuBox nav > ul > li.hover.off > a span { background-image:linear-gradient(to right, var(--color-orange), var(--color-orange), var(--color-orange), var(--color-orange) 50%, #000 50%); -webkit-text-fill-color: transparent; background-position:0%; }
#allmenuBox nav > ul > li.off > a span { background-image:linear-gradient(to right, var(--color-orange), var(--color-orange), var(--color-orange), var(--color-orange) 50%, #000 50%); -webkit-text-fill-color: transparent; background-position:100%; }



footer { position:relative; z-index:10; padding-bottom:70px; }
footer .person { position:relative; margin-bottom:68px; }
footer .person::after { content:""; width:100%; height:100px; display:block;  z-index:-1; background:var(--color-orange); }
footer .person .item { position:relative; z-index:4; }
footer .person .item.type1 { transform:translateY(100px); }
footer .person .item .txt { padding-top:90px; }
footer .person .item > div { display:flex; justify-content:center; }
footer .person .item p { font-size:calc(18 / 1920 * 100vw); color:#fff; line-height:1.4; }
footer .person .item p:not(:last-child) { margin-bottom:19px; }
footer .person .item.type2 { padding-top:70px; text-align:center; }
footer .person .item.type3 { padding-top:70px; text-align:center; }
footer .person .item.type4 { padding-top:70px; text-align:center; }
footer .person .item.type2 > div,
footer .person .item.type3 > div,
footer .person .item.type4 > div { align-items:center; }
footer .person .item.type2 img { position:absolute; left:40px; bottom:-5px; }
footer .person .item.type3 img { position:absolute; right:0; bottom:0; }
footer .person .item.type4 img { position:absolute; left:100px; bottom:0; }
footer .person .item.type1 .txt { margin-left:50px }
footer .person .item.type2 .txt { margin-bottom:80px; }
footer .person .item.type3 .txt { margin-bottom:80px; }
footer .person .item.type4 .txt { margin-bottom:80px; }
footer section:not(:last-child) { margin-bottom:80px; }
footer .ftTop { display:flex; justify-content:space-between; }
footer .ftTop .ftMenu { padding-top:70px; }
footer .ftTop .ftMenu ul { gap:35px 80px; display:flex; display:grid; grid-template-columns:repeat(2, 1fr); }
footer .ftTop .ftMenu a { color:#fff; font-size:calc(22 / 1920 * 100vw); }
footer .ftTop .img { text-align:right; }
footer .ftTop .img p:not(:last-child) { margin-bottom:12px; }
footer .ftTop .img p img { width:206px; }
footer .ftTop .img p:nth-child(2) img { width:306px; }
footer .sns-family { padding-top:10px; display:flex; }
footer .sns ul { display:flex; gap:20px; justify-content:flex-end; }
footer .sns img { width:39px; height:39px; }
footer .sns a { display:block; }
footer .family { position:relative; width:220px; background-color:#fff; margin-left:35px; text-align:left; z-index:2; }
footer .family > p { position:relative; padding:0 0 0 28px; height:43px; display:flex; align-items:center; margin:0 !important; color:#000; font-size:20px; font-weight:500; cursor:pointer; }
footer .family > p::after { content:""; display:block; width:13px; height:13px; position:absolute; right:25px; top:50%; margin-top:-6.5px; transform:rotate(0); background:url(../img/sub/icon_up1.png) center center no-repeat; transition:all 0.3s ease-in-out; }
footer .family.on > p::after { transform:rotate(180deg);}
footer .family ul { display:none; padding:6px 28px; border-top:1px solid #eee; position:absolute; left:0; bottom:43px; width:100%; z-index:2; background-color:#fff; }
footer .family li { margin:12px 0; }
footer .family li a { color:#000; font-size:16px; font-weight:500; }
footer .family.on ul { display:block; }
footer .copy { text-align:center; color:#fff; font-size:calc(22 / 1920 * 100vw); line-height:1.4; }
@media screen and (max-width:1540px){
}
@media screen and (max-width:1280px){
	footer .person .item p { font-size:calc(18 / 1280 * 100vw); }
	footer .ftTop .ftMenu a { font-size:calc(20 / 1280 * 100vw); }
}
@media screen and (max-width:1024px){
	footer .person::after { height:70px; }
	footer .person .item { text-align:left; }
	footer .person .item p { font-size:calc(18 / 1024 * 100vw); }
	footer .person .item p:first-child { padding-top:20px; }
	footer .person .item img { width:220px; height:283px; }
	footer .person .item.type1 { transform:translateY(70px); }
	footer .person .item.type2,
	footer .person .item.type3,
	footer .person .item.type4 { text-align:left; }
	footer .person .item.type2 img,
	footer .person .item.type3 img,
	footer .person .item.type4 img { position:relative; left:unset;  right:unset; bottom:unset; margin-bottom:-5px;}
	footer .person .item .txt { padding:60px 0 0 0 !important; }
	footer .person .item .txt br { display:none; }
	footer .ftTop .ftMenu a { font-size:calc(18 / 1024 * 100vw); }
	footer .ftTop .ftMenu ul { gap:35px 50px;  }
	footer .copy { font-size:calc(20 / 1024 * 100vw); }
}
@media screen and (max-width:760px){
	footer .person { margin-bottom:50px; }
	footer .person .item p { font-size:calc(16 / 760 * 100vw); }
	footer .person .item p:first-child { padding-top:10px; }
	footer .person .item p:not(:last-child) { margin-bottom:12px; }
	footer .person .item img { width:180px; height:232px; }
	footer .person .item .txt { padding:20px 0 0 10px !important; }
	footer .person .item.type2 .txt,
	footer .person .item.type3 .txt,
	footer .person .item.type4 .txt { margin-bottom:-40px; }
	footer .ftTop { display:block; }
	footer .ftTop .ftMenu { padding-top:0; text-align:center; }
	footer .ftTop .ftMenu ul { gap:25px 20px;  }
	footer .ftTop .ftMenu a {font-size:calc(26 / 760 * 100vw); }
	footer .ftTop .img { text-align:center; margin-top:40px; }
	footer .sns ul { display:flex; gap:0 20px; justify-content:center; }
	footer .copy { font-size:calc(22 / 760 * 100vw); }
	footer section:not(:last-child) { margin-bottom:50px; }
	
	footer .sns-family { justify-content:center; }
	footer .family { width:200px; margin-left:20px; }
	footer .family > p { padding:0 0 0 20px; height:43px; font-size:18px; }
	footer .family ul { padding:6px 20px; }
	footer .family li a { font-size:14px; }
}
@media screen and (max-width:640px){
	footer .person::after { height:40px; }
	footer .person .item.type1 { transform:translateY(40px); }
	footer .person .item img { width:155px; height:200px; margin-left:-20px; }
	footer .person .item .txt { padding:0 0 15px 0 !important; }
	footer .person .item p { font-size:12px; }
}

/* animation */
footer .person .item { overflow:hidden; }
footer .person .item img,
footer .person .item .txt p { opacity:0; }
footer .person::after { width:0; }
footer .person.subOn::after { animation:ani_w 0.5s 0.5s; animation-fill-mode:both; }
footer .person.subOn .item img { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
footer .person.subOn .item .txt p:nth-child(1) { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }
footer .person.subOn .item .txt p:nth-child(2) { animation:ani_2 0.8s 1.2s; animation-fill-mode:both; }
footer .person.subOn .item.type3 .txt p:nth-child(1) { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
footer .person.subOn .item.type3 .txt p:nth-child(2) { animation:ani_1 0.8s 1.2s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	footer .person.subOn .item.type3 .txt p:nth-child(1) { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }
	footer .person.subOn .item.type3 .txt p:nth-child(2) { animation:ani_2 0.8s 1.2s; animation-fill-mode:both; }
}



/* contact */
#contactUs { opacity:0; width:280px; height:75px; background:#000; border-radius:30px 30px 0 0; transform:rotate(90deg); position:fixed; left:0; top:50px; text-align:center; border:4px solid var(--color-orange); border-bottom:0; overflow:hidden; transform-origin:left bottom; z-index:99; }
#contactUs.quick { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
#contactUs a { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); align-items:center; justify-content:center; color:#fff; font-size:calc(26 / 1920 * 100vw); font-weight:900; width:100%; }
#contactUs a { background-size:200% 100%; -webkit-background-clip:text; -webkit-text-fill-color: transparent; background-position:100%;  }
#contactUs.quick a { transition:all 0.7s 0.7s cubic-bezier(0.6, 0.6, 0.3, 1); background-image:linear-gradient(to right, #fff, #fff, #fff, #fff 50%, var(--color-orange) 50%); background-position:0%; }
@media screen and (max-width:1540px){
	#contactUs { width:240px; height:60px; }
	#contactUs a { font-size:calc(22 / 1540 * 100vw); }
}
@media screen and (max-width:1280px){
	#contactUs { width:200px; height:55px; top:100px; }
	#contactUs a { font-size:calc(20 / 1280 * 100vw); }
}
@media screen and (max-width:1024px){
	#contactUs a { font-size:calc(18 / 1024 * 100vw); }
}
@media screen and (max-width:760px){
	#contactUs { width:150px; height:45px; border-radius:20px 20px 0 0; border-width:3px 3px 0 3px; }
	#contactUs a { font-size:16px; }
}
@media screen and (max-width:640px){
	#contactUs { width:120px; height:40px; }
	#contactUs a { font-size:14px; }
}



.tit_s1 { padding: 0 5vw; }
.tit_s1 p { font-size:calc(150 / 1920 * 100vw); color:#fff; font-weight:900; line-height:0.9; margin:0 0 0 -7px; }
.tit_s2 { font-size:calc(40 / 1920 * 100vw); font-weight:500; text-transform:uppercase; line-height:normal; }
.tit_s1 p { background-size:200% 100%; -webkit-background-clip:text; -webkit-text-fill-color: transparent; background-position:100%; transition:all 0.3s ease-in-out; }

.thumList .more_s1 { margin-top:2%; }
.thumList li { display:flex; align-items:flex-end;  align-items:center; }
.thumList li:nth-child(2n) { flex-direction:row-reverse; text-align:right; }
.thumList li:nth-child(2n) .txt { padding:0 2.5% 0 0; }
.thumList.center li { align-items:center; }
.thumList .img { width:54.2%; position:relative; }
.thumList .img:after { content: ""; display:block; padding-bottom:64.6%; }
.thumList .img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; width:100%; }
.thumList .txt { color:#fff; width:45.8%; padding:0 0 0 2.5%; }
.thumList .txt dt p { font-size:calc(50 / 1920 * 100vw); text-transform:uppercase; color:var(--color-orange); font-weight:500; }
.thumList .txt dd { margin-top:4%; font-size:calc(18 / 1920 * 100vw); line-height:1.6; letter-spacing:-0.01em; }
@media screen and (max-width:1280px){
	.thumList .txt dt p { font-size:calc(38 / 1280 * 100vw); }
	.thumList .txt dd { font-size:calc(18 / 1280 * 100vw); }
	.thumList .more_s1 { margin-top:4%; }
}
@media screen and (max-width:1024px){
	.thumList .txt dt p { font-size:calc(24 / 1024 * 100vw); }
	.thumList .txt dd { font-size:calc(16 / 1024 * 100vw); }
}
@media screen and (max-width:760px){
	.thumList .txt dt p { font-size:calc(20 / 760 * 100vw); }
	.thumList .txt dd { font-size:calc(14 / 760 * 100vw); }
}
@media screen and (max-width:860px){
	.thumList li { display:block; }
	.thumList .img { width:100%; }
	.thumList .txt,
	.thumList li:nth-child(2n) .txt { width:100%; padding:5% 0 0 0 !important; text-align:left; }
	.thumList .more_s1 { margin-top:3%; }
}
@media screen and (max-width:640px){
	.thumList .txt dt p { font-size:22px; }
	.thumList .txt dd { font-size:16px; }
}


.youtube-box { position:relative; max-width:1200px; margin:0 auto; }
.youtube-box .movbox { position:relative; position:relative; padding-top:56.24%; margin-top:10%; }
.youtube-box .movbox iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
.youtube-box .movbox video { position:absolute; left:0; top:0; width:100%; height:100%; }
.youtube-box .movbox .imgbox { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background-position:center; background-size:cover; }
.youtube-box .movbox .icon { cursor:pointer; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; text-align:center}
@media screen and (max-width:1024px){
	.youtube-box .movbox .icon img { width:80%; }
}
@media screen and (max-width:640px){
	.youtube-box .movbox .icon img { width:50%; }
}

.video-box { position:relative; max-width:1200px; margin:0 auto; }
.video-box .movbox { position:relative; position:relative; padding-top:56.24%; margin-top:10%; }
.video-box .movbox iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
.video-box .movbox video { position:absolute; left:0; top:0; width:100%; height:100%; }
.video-box .movbox .imgbox { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background-position:center; background-size:cover; }
.video-box .movbox .icon { cursor:pointer; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; text-align:center}
@media screen and (max-width:1024px){
	.video-box .movbox .icon img { width:80%; }
}
@media screen and (max-width:640px){
	.video-box .movbox .icon img { width:50%; }
}


/* more */
.more_s1 { }
.more_s1.more_c { text-align:center; }
.more_s1.more_r { text-align:right; }
.more_s1 a { position:relative; display:inline-block; padding-right:35px; }
.more_s1 a p { font-size:calc(28 / 1920 * 100vw); font-weight:700; color:#fff; text-transform:uppercase; line-height:0.82; }
.more_s1.more_s2 a p { font-size:calc(22 / 1920 * 100vw); color:#000; } /* 22.8.29 */
.more_s1 a span { position:absolute; right:20px; bottom:0; width:5px; height:4px; display:block; transition:height 0.5s 0.1s; background:var(--color-orange); }
.more_s1 a span:not(:last-child) { margin-right:4px; }
.more_s1 a span::after { content:""; display:block; width:5px; height:4px; position:absolute; left:9px; bottom:0; background:var(--color-red); transition:height 0.5s 0.2s; }
.more_s1 a span::before { content:""; display:block; width:5px; height:4px; position:absolute; left:17px; bottom:0; background:var(--color-blue); transition:height 0.5s 0.3s; }
.more_s1 a:hover span { height:calc(21 / 1920 * 100vw); }
.more_s1.more_s2 a:hover span { height:calc(17 / 1920 * 100vw); } /* 22.8.29 */
.more_s1 a:hover span::after,
.more_s1 a:hover span::before { height:100%; }
.more_s1.full { margin-top:56px; background:var(--color-orange); text-align:center; height:56px; display:flex; align-items: center; justify-content: center;}
.more_s1.full a p { color:#000; font-size:calc(35 / 1920 * 100vw); line-height:0.80; }
.more_s1.full a span { background:#000; }
.more_s1.full a:hover span { height:calc(26 / 1920 * 100vw); }
.more_s1.full.read { background:none; }
.more_s1.full.read a p { color:#fff; font-size:calc(40 / 1920 * 100vw);}
.more_s1.full.read a span { background:var(--color-orange); }
.more_s1.full.read a:hover span { height:calc(29 / 1920 * 100vw); }
@media screen and (max-width:640px){
	.more_s1 a { padding-right:32px; }
	.more_s1 a p { font-size:18px; }
	.more_s1.more_s2 a p { font-size:15px } /* 22.8.29 */
	.more_s1 a span { bottom:2px; width:4px; height:3px; }
	.more_s1 a span::after { width:4px; height:3px; left:7px; }
	.more_s1 a span::before { width:4px; height:3px; left:14px; }
	.more_s1 a:hover span { height:15px;}
	.more_s1.more_s2 a:hover span { height:10px; } /* 22.8.29 */
	.more_s1.full a p { font-size:24px; }
	.more_s1.full a:hover span { height:18px; }
	.more_s1.full.read a p { color:#fff; font-size:24px; line-height:1; }
	.more_s1.full.read a:hover span { height:18px; }
}

.more_s1.full { overflow:hidden; opacity:0; }
.more_s1.full a { opacity:0; }
.more_s1.full.subOn { animation:ani_w 0.5s 0.5s; animation-fill-mode:both; }
.more_s1.full.subOn a { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }



/* �밢�� ����*/
.patternLine { overflow:hidden; position:relative; }
.patternLine::after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:repeating-linear-gradient(-60deg, #333333, #333333 192px, #000000 0, #000000 384px); z-index:-1; }
@media screen and (max-width:1280px){
	.patternLine::after { background:repeating-linear-gradient(-60deg, #333333, #333333 140px, #000000 0, #000000 280px); z-index:-1; }
}
@media screen and (max-width:1024px){
	.patternLine::after { background:repeating-linear-gradient(-60deg, #333333, #333333 100px, #000000 0, #000000 200px); z-index:-1; }
}
@media screen and (max-width:640px){
	.patternLine::after { background:repeating-linear-gradient(-60deg, #333333, #333333 70px, #000000 0, #000000 140px); z-index:-1; }
}


#privacy { position:fixed; top:50%; left:50%; width:1200px; z-index:99999; display:none; transform:translate(-50%, -50%); padding:30px 0; background-color:#000; border:10px solid var(--color-orange); }
#privacy.w50 { width:600px; }
#privacy.on { display:block; }
#privacy > div { width:100%; height:600px; overflow:auto; }
#privacy .btn_close { cursor:pointer; position:absolute; top:-50px; right:-50px; width:100px; height:100px; border-radius:100px; background-color:#fff; }
#privacy .btn_close:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60px; height:60px; border-radius:80px; background:#fff; border:10px solid #000; }
#privacy .btn_close span { z-index:1; height:10px; width:40px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin:-4px 0 0 -20px; background:#000; display:block; }
#privacy .btn_close span:after { content:""; display:block; height:10px; width:40px; position:absolute; top:50%; left:50%; transform:rotate(-90deg); margin:-5px 0 0 -20px;background:#000; }
@media screen and (max-width:1290px){
	#privacy { width:calc(100% - 90px); left:45px; transform:translate(0, -50%); }
	#privacy.w50 { left:50%; top:50%; transform:translate(-50%, -50%); }
}
@media screen and (max-width:1280px){
	#privacy { border-width:8px; }
	#privacy > div { height:600px; }
	#privacy .btn_close { top:-40px; right:-40px; width:80px; height:80px; }
	#privacy .btn_close:after { width:42px; height:42px; border:8px solid #000; }
	#privacy .btn_close span { height:8px; width:32px;margin:-4px 0 0 -16px; }
	#privacy .btn_close span:after { height:8px; width:32px; margin:-4px 0 0 -16px; }
}
@media screen and (max-width:1024px){
	#privacy { border-width:5px; position:absolute; top:unset; bottom:150px; transform:translate(0); }
	#privacy.w50,
	#privacy.top { position:fixed; left:50%; top:50%; bottom:unset;  transform:translate(-50%, -50%); }
	#privacy > div { height:550px; }
	#privacy .btn_close { top:-30px; right:-30px; width:60px; height:60px; }
	#privacy .btn_close:after { width:36px; height:36px; border:4px solid #000; }
	#privacy .btn_close span { height:5px; width:26px;margin:-2px 0 0 -13px; }
	#privacy .btn_close span:after { height:5px; width:26px; margin:-3px 0 0 -13px; }
}
@media screen and (max-width:860px){
	#privacy > div { height:450px; }
	#privacy .btn_close { top:-25px; right:-25px; width:50px; height:50px; }
	#privacy .btn_close:after { width:30px; height:30px; border:4px solid #000; }
	#privacy .btn_close span { height:5px; width:22px;margin:-2px 0 0 -11px; }
	#privacy .btn_close span:after { height:5px; width:22px; margin:-3px 0 0 -11px; }
}
@media screen and (max-width:640px){
	#privacy.w50 { width:calc(100% - 90px); left:45px; transform:translate(0, -50%); }
}
@media screen and (max-height:760px){
	#privacy > div { height:450px; }
}
@media screen and (max-height:640px){
	#privacy > div { height:350px; }
}
@media screen and (max-height:550px){
	#privacy > div { height:280px; }
}
#privacy  { opacity:0; }
#privacy.on  { animation:ani_5 0.8s 0.01s; animation-fill-mode:both; }

#privacy > div > section { padding:0 30px; color:#fff;line-height:1.6  }
#privacy > div > section .b_border { border-bottom:solid 1px rgba(255,255,255,0.4); }
#privacy.w50 > div > section .b_border { border-bottom:none; }
#privacy *[data-text="tit"]{margin-bottom:60px; text-align:center; font-size:28px; font-weight:700;  }
#privacy *[data-text="txt"]{margin-bottom:20px;text-align:left;font-size:15px; }
#privacy *[data-text="txt"] span + span{display:block;}
#privacy *[data-text="txt"] em{ color:#fff;}
#privacy *[data-text="txt"]+*[data-text="txt"]{margin-top:10px;}
#privacy *[data-list="normal"] {width:100%;}
#privacy *[data-list="normal"] dt{margin:0 0 10px 0;font-size:17px;color:#fff;}
#privacy *[data-list="normal"] dd {margin:0 0 15px 0;font-size:14px;text-align:center;color:rgba(255,255,255,0.6);}
#privacy *[data-list="normal"]>dd>div+div{margin-left:50px;}
#privacy *[data-list="bullet"]{padding:0 0 0 40px; }
#privacy *[data-list="bullet"] > li{color:rgba(255,255,255,0.8);line-height:1.4;font-size:14px;}
#privacy *[data-footer="list1"]>li:nth-child(5) 
#privacy *[data-list="bullet"] > li+li{margin-top:30px;}
#privacy *[data-list="normal"] strong{display:inline-block;margin:0 0 10px 0;font-family:roboto;font-weight:normal;font-size:15px;color:#fff;}
#privacy *[data-list="normal"] dd{text-align:left;color:rgba(255,255,255,0.6);}
#privacy *[data-list="normal"] dd.t_center{display:flex;padding-left:30px;text-align:center;}
#privacy *[data-list="normal"].num{margin-bottom:20px;padding-left:40px;color:rgba(255,255,255,0.6);font-size:15px;}
#privacy *[data-list="normal"] li{display:block;}
#privacy *[data-list="normal"].num li+li{margin-top:7px;}
#privacy *[data-list="normal"]>dd>div{display:inline-block;max-width:280px;font-size:14px;line-height:21px;text-align:left;}
#privacy *[data-footer="list1"]>li:first-child{padding-top:50px;}
#privacy *[data-box="content"]{margin:auto;padding:20px 0 30px 0; }
#privacy *[data-list="normal"] a{text-decoration:underline;}
#privacy *[data-footer="list1"]{padding:50px 0 0 0 ;}
#privacy *[data-footer="list1"]:first-child{padding:0;}
#privacy *[data-footer="list1"]>li+li{margin-bottom:40px;}
#privacy *[data-footer="list1"]>li:nth-child(6) li+li{margin-top:20px;}
@media screen and (max-width:760px){
	#privacy *[data-text="tit"]{margin-bottom:50px;}
	#privacy *[data-list="normal"]>dd>div { display:block; }
	#privacy *[data-list="normal"]>dd>div+div{margin:25px 0 40px 0;}
	#privacy *[data-list="bullet"]{padding:0 0 0 15px; }
	#privacy *[data-list="normal"] dd.t_center{padding-left:15px;}
	#privacy *[data-list="normal"].num{padding-left:15px;}
	#privacy *[data-list="normal"] dd.t_center { display:block; }
	#privacy *[data-list="normal"]>dd>div{ max-width:100%; }
}

*[data-layer] .inner.b_none{padding:0;border:none;}
*[data-layer] .simul dl{display:table;width:100%;border-bottom:solid 1px #ccc;}
*[data-layer] .simul dt{display:table-cell;padding:15px 0;width:70%;line-height:15px;color:rgba(255,255,255,0.6);font-size:13px;vertical-align:middle;text-align:left;}
*[data-layer] .simul dd{padding:15px 0;line-height:15px;color:rgba(255,255,255,0.6);font-size:13px;text-align:left;}
*[data-layer] .simul .dl_h > *{color:#fff;font-weight:bold;}
*[data-layer] .simul.type1{border-top:solid 1px #ccc;}
*[data-layer] .simul.type1 dt{width:25%;font-weight:bold;font-size:14px;color:#fff;}
*[data-layer] .simul.type1 dd{line-height:21px;}
*[data-layer] .simul.type1 p{margin-top:10px;line-height:21px;font-size:14px;color:rgba(255,255,255,0.6);}

*[data-layer="type1"]{ height:initial;max-height:402px;}
*[data-layer="type1"] h1{margin-bottom:15px;line-height:39px;font-size:32px;}
*[data-layer="type1"] p{line-height:26px;font-size:18px;text-align:center;}


.layer-popup-box { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:500px; background-color:#fff; border:1px solid #ccc; border-top:none; z-index:999 }
.layer-popup-box .layer-body { position:relative; padding:40px 0 60px 0; text-align:center; border-top:3px solid #f8921d; }
.layer-popup-box .layer-body .txtbox { margin-top:35px; color:#333; font-size:20px; font-weight:700; }
.layer-popup-box .layer-body .img-1 { width:61px; height:46px; margin:0 auto; background:url(../img/sub/icon_ch_p.png) left center no-repeat; }
.layer-popup-box .layer-body .btn_close { cursor:pointer; position:absolute; top:10px; right:10px; width:25px; height:25px; }
.layer-popup-box .layer-body .btn_close span { z-index:1; height:3px; width:20px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin:-2px 0 0 -9px; background:#5a5a5a; display:block; }
.layer-popup-box .layer-body .btn_close span:after { content:""; display:block; height:3px; width:20px; position:absolute; top:50%; left:50%; transform:rotate(-90deg); margin:-2px 0 0 -10px;background:#5a5a5a; }

@media screen and (max-width:540px){
	.layer-popup-box { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
	.layer-popup-box .layer-body .txtbox { margin-top:30px; font-size:18px; }
}