@charset "utf-8";

#wrap.subbody { width:calc(100% - 336px); }
@media screen and (max-width:1024px){
	#wrap.subbody { width:calc(100% - 250px); }
}
@media screen and (max-width:759px){
	#wrap.subbody { width:100%; }
}

.sub-common { padding:135px 92px; }
.sub-common .top-box { display:flex; margin-bottom:105px; }
.sub-common .top-box .subTitle { width:210px; }
.sub-common .top-box .subTitle h3 { font-family:var(--mainFont); color:#111; font-size:18px; font-weight:600; line-height:1.3; }
.sub-common .top-box .tabmenu { width:calc(100% - 210px); }
.sub-common .top-box .tabmenu ul { display:flex; flex-wrap:wrap; gap:10px 40px; }
.sub-common .top-box .tabmenu li a { position:relative; font-family:var(--mainFont); color:#aaa; font-size:13px; font-weight:400; line-height:1.3; text-transform:uppercase; }
.sub-common .top-box .tabmenu li.over a { color:#111; }
.sub-common .top-box .tabmenu li.over a:before { content:""; display:block; width:15px; height:1px; background-color:var(--mainColor); position:absolute; left:0; bottom:-8px;  }
.sub-common .stit h4 { margin-bottom:32px; font-family:var(--mainFont); color:#111; font-size:18px; font-weight:600; line-height:1.3; }
@media screen and (max-width:1720px){
	.sub-common .top-box .subTitle { width:180px; }
	.sub-common .top-box .tabmenu { width:calc(100% - 180px); }
}
@media screen and (max-width:1440px){
	.sub-common { padding:135px 60px; }
	.sub-common .top-box .subTitle { width:150px; }
	.sub-common .top-box .tabmenu { width:calc(100% - 150px); }
	.sub-common .top-box .tabmenu ul { gap:10px 30px; }
}
@media screen and (max-width:1024px){
	.sub-common { padding:100px 20px; }
	.sub-common .top-box { margin-bottom:60px; }
	.sub-common .top-box .subTitle h3 { font-size:16px; }
	.sub-common .top-box .tabmenu ul { gap:10px 25px; }
	.sub-common .top-box .tabmenu li a { font-size:12px; }
	.sub-common .top-box .tabmenu li.over a:before { bottom:-5px; }
	.sub-common .stit h4 { margin-bottom:20px; font-size:16px; }
}
@media screen and (max-width:640px){
	.sub-common .top-box { margin-bottom:40px; }
	.sub-common .top-box .subTitle { width:120px; }
	.sub-common .top-box .tabmenu { width:calc(100% - 120px); }
}

.tabM {}
.tabM ul { display:flex; flex-wrap:wrap; gap:10px 30px; }
.tabM li a { position:relative; font-family:var(--mainFont); color:#aaa; font-size:18px; font-weight:300; line-height:1.3; }
.tabM li.over a { color:#111; font-weight:600; }
.tabM li.over a:before { content:""; display:block; width:15px; height:1px; background-color:var(--mainColor); position:absolute; left:0; bottom:-8px;  }


/* about */
.overview-img { position:absolute; right:0; top:0; width:40.6%; height:100%; padding:0 70px; display:flex; align-items:center; justify-content:center; background:#fbb15c; }
.overview-img .txtbox { width:100%; }
.overview-img .txtbox dt { color:#111; font-size:27px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.overview-img .txtbox dd { margin-top:45px; color:#fff; font-size:13px; font-weight:500; line-height:1.6; }
.overview-img .txtbox dd p:not(:last-child) { margin-bottom:20px; }
.overview-img .txtbox dd p.en { font-weight:400; }
.overview-box { width:calc(100% - 40.6%); }
.overview-box .listbox > ul:not(:last-child) { margin-bottom:65px; }
.overview-box .listbox > ul > li:not(:last-child) { margin-bottom:10px; } 
.overview-box .listbox > ul.en * {  }
.overview-box .listbox > ul > li dl { display:flex; flex-wrap:wrap; }
.overview-box .listbox > ul > li.center dl { align-items:center; }
.overview-box .listbox > ul > li dl dt { position:relative; padding-left:19px; width:210px; color:#111; font-size:13px; font-weight:500; line-height:1.6; letter-spacing:-0.04em; }
.overview-box .listbox > ul > li dl dt:before { content:""; display:block; position:absolute; left:0; top:7px; width:10px; height:10px; background:url(/img/sub/icon_bullet.svg) left center no-repeat; }
.overview-box .listbox > ul > li dl dd { width:calc(100% - 210px); color:#555; font-size:13px; font-weight:300; line-height:1.6; }
.overview-box .listbox > ul > li dl dd li { position:relative; padding-left:68px; } 
.overview-box .listbox > ul > li dl dd li:not(:last-child) { margin-bottom:15px; } 
.overview-box .listbox > ul > li dl dd li.a { padding-left:106px; }
.overview-box .listbox > ul > li dl dd li span { position:absolute; left:0; width:58px; }
.overview-box .listbox > ul > li dl dd li.a span { width:98px; }
.overview-box .listbox > ul > li dl dd li span:before { content:""; display:block; width:1px; height:10px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:#ddd; }
.overview-box .listbox > ul > li dl dd .btn { transition:all 0.3s; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:3px solid #ddd; border-radius:40px; }
.overview-box .listbox > ul > li dl dd .btn:hover { border-color:var(--mainColor); }
@media screen and (max-width:1820px){
	.overview-img { width:38%; padding:0 3%; }
	.overview-box { width:calc(100% - 38%); }
	.overview-img .txtbox dd p br { display:none }
	.overview-img .txtbox dd p .m_br { display:block }
}
@media screen and (max-width:1720px){
	.overview-img { width:30%; }
	.overview-box { width:calc(100% - 30%); }
	.overview-box .listbox > ul > li dl dt { width:180px; }
	.overview-box .listbox > ul > li dl dd { width:calc(100% - 180px); }
}
@media screen and (max-width:1440px){
	.overview-box .listbox > ul > li dl dt { width:150px; }
	.overview-box .listbox > ul > li dl dd { width:calc(100% - 150px); }
}
@media screen and (max-width:1150px){
	.overview-img { position:relative; top:unset; bottom:0; width:calc(100% + 120px); padding:100px 60px; margin:60px -60px -135px -60px; } 
	.overview-img .txtbox dd p br { display:block }
	.overview-img .txtbox dd p .m_br { display:none }
	.overview-box { width:100%; }
	.overview-box .listbox > ul > li dl dd li br { display:none }
}
@media screen and (max-width:1024px){
	.overview-img { position:relative; top:unset; bottom:0; width:calc(100% + 40px); padding:40px 20px; margin:40px -20px -100px -20px; } 
	.overview-img .txtbox dt { font-size:23px; }
	.overview-img .txtbox dd { margin-top:20px; font-size:13px; }
	.overview-img .txtbox dd p:not(:last-child) { margin-bottom:15px; }
	.overview-box .listbox > ul:not(:last-child) { margin-bottom:50px; }
	.overview-box .listbox > ul > li:not(:last-child) { margin-bottom:10px; } 
	.overview-box .listbox > ul > li dl dt { padding-left:17px; font-size:12px; }
	.overview-box .listbox > ul > li dl dd { font-size:12px; }
	.overview-box .listbox > ul > li dl dd li:not(:last-child) { margin-bottom:10px; } 
	.overview-box .listbox > ul > li dl dd .btn { border-width:2px; }
}
@media screen and (max-width:640px){
	.overview-img { padding:30px 20px; margin-top:30px; } 
	.overview-img .txtbox dt { font-size:20px; }
	.overview-img .txtbox dd { margin-top:15px; font-size:12px; }
	.overview-img .txtbox dd p:not(:last-child) { margin-bottom:10px; }
	.overview-img .txtbox dd p br { display:none }
	.overview-img .txtbox dd p .m_br { display:block }
	.overview-box .listbox > ul > li.address dl dt,
	.overview-box .listbox > ul > li.address dl dd { width:100%; padding-left:15px; padding-top:5px; }
	.overview-box .listbox > ul > li dl dt { padding-left:15px; width:120px; }
	.overview-box .listbox > ul > li dl dd { width:calc(100% - 120px); }
}

.history-box .history-list { position:relative; display:flex; align-items:center; justify-content:space-between; text-align:center; padding:0 50px; }
.history-box .history-list:before { content:""; display:block; width:100%; height:1px; background:radial-gradient(circle, #aaa 50%, transparent 0); background-size:4px 1px; position:absolute; left:0; top:50%; overflow:hidden; transform:translate(0, -50%); }
.history-box .history-list .box { position:relative; margin:0 -20px; }
.history-box .history-list .box:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:8px; background:#999; border-radius:10px;}
.history-box .history-list .box:before { content:""; display:block; padding-bottom:100%; }
.history-box .history-list .box .circle-box { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:420px; }
.history-box .history-list .box.bg1 { width:16.15%; }
.history-box .history-list .box.bg2 { width:32%; }
.history-box .history-list .box.bg1 .circle-box { background:rgba(0,0,0,0.08); }
.history-box .history-list .box.p2 .circle-box { background:rgba(3, 110, 184, 0.30); }
.history-box .history-list .box.p4 .circle-box { background:rgba(255, 106, 19, 0.30); }
.history-box .history-list .box .txtbox { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; }
.history-box .history-list .box .txtbox .txt { position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; color:#111; font-size:13px; font-weight:400; line-height:1.3; padding-bottom:30%; }
.history-box .history-list .box .txtbox .year { position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; color:#111; font-size:22px; font-weight:600; line-height:1.3; padding-bottom:100%; }
.history-box .history-list .box.bg2 .txtbox .txt { padding-bottom:calc(30% / 1.9); }
.history-box .history-list .box.bg2 .txtbox .year { padding-bottom:calc(100% / 1.9); }
.history-box .partner-box { margin-top:65px; }
.history-box .partner-box dt { color:#111; font-size:18px; font-weight:600; line-height:1.3; }
.history-box .partner-box dt h4 { font-weight:600; }
.history-box .partner-box dd { margin-top:30px; text-align:center; }
.history-box .partner-box dd ul { display:flex; flex-wrap:wrap; gap:10px; }
.history-box .partner-box dd ul li { width:calc((100% - 40px) / 5); height:100px; border:1px solid #ddd; background:#fff; display:flex; align-items:center; justify-content:center; padding:0 5px; }
.history-box .partner-box dd ul li img { max-width:100%; }
@media screen and (max-width:1440px){
	.history-box .history-list { padding:0 30px; }
	.history-box .partner-box dd ul li { width:calc((100% - 30px) / 4); } 
}
@media screen and (max-width:1280px){
	.history-box .partner-box dd ul li { width:calc((100% - 20px) / 3); } 
}
@media screen and (max-width:1024px){
	.history-box .history-list .box .txtbox .txt { font-size:12px; }
	.history-box .history-list .box .txtbox .year { font-size:19px; padding-bottom:95%; }
	.history-box .history-list .box.bg2 .txtbox .year { padding-bottom:calc(95% / 1.9); }
	.history-box .partner-box { margin-top:40px; }
	.history-box .partner-box dt { font-size:16px; }
	.history-box .partner-box dd { margin-top:15px; }
	.history-box .partner-box dd ul { gap:5px; }
	.history-box .partner-box dd ul li { width:calc((100% - 15px) / 4); height:80px;  } 
}
@media screen and (max-width:860px){
	.history-box .partner-box dd ul li { width:calc((100% - 10px) / 3); } 
	.history-box .history-list { padding:20px 10px; flex-direction: column;}
	.history-box .history-list:before { width:1px; height:100%; background-size:1px 4px; position:absolute; left:50%; top:0; transform:translate(-50%, 0); }
	.history-box .history-list .box { margin:-10px 0; }
	.history-box .history-list .box.bg1 { width:32%; }
	.history-box .history-list .box.bg2 { width:56%; }
	.history-box .history-list .box .txtbox .year { padding-bottom:0; padding-top:30%; } 
	.history-box .history-list .box.bg2 .txtbox .year { padding-bottom:0; padding-top:calc(30% / 1.9); }
	.history-box .partner-box dd ul li { width:calc((100% - 5px) / 2); } 
}


.introduction-box .infoCont { margin-top:40px; }
.introduction-box .infoCont .imgbox { position:relative; }
.introduction-box .infoCont .imgbox:before { content:""; display:block; padding-bottom:30%; }
.introduction-box .infoCont .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.introduction-box .infoCont .txtbox { margin-top:40px; }
.introduction-box .infoCont .txtbox dl { display:flex; flex-wrap:wrap; }
.introduction-box .infoCont .txtbox dt { position:relative; padding-left:19px; width:307px; color:#111; font-size:13px; font-weight:500; line-height:1.3; }
.introduction-box .infoCont .txtbox dt:before { content:""; display:block; position:absolute; left:0; top:3px; width:10px; height:10px; background:url(/img/sub/icon_bullet.svg) left center no-repeat; }
.introduction-box .infoCont .txtbox dd { width:calc(100% - 307px); }
.introduction-box .infoCont .txtbox dd p { color:#555; font-size:13px; font-weight:300; line-height:1.4; }
.introduction-box .infoCont .txtbox dd p:not(:last-child) { margin-bottom:8px; }
@media screen and (max-width:1440px){
	.introduction-box .infoCont .txtbox dt { width:200px; }
	.introduction-box .infoCont .txtbox dd { width:calc(100% - 200px); }
}
@media screen and (max-width:1280px){
	.introduction-box .infoCont .txtbox dt { width:180px; }
	.introduction-box .infoCont .txtbox dd { width:calc(100% - 180px); }
}
@media screen and (max-width:1024px){
	.introduction-box .infoCont { margin-top:30px; }
	.introduction-box .infoCont .imgbox:before { padding-bottom:40%; }
	.introduction-box .infoCont .txtbox { margin-top:20px; }
	.introduction-box .infoCont .txtbox dt { width:140px; padding-left:17px; font-size:12px; }
	.introduction-box .infoCont .txtbox dd { width:calc(100% - 140px); }
	.introduction-box .infoCont .txtbox dd p { font-size:12px; }
}
@media screen and (max-width:640px){
	.introduction-box .infoCont .imgbox:before { padding-bottom:45%; }
	.introduction-box .infoCont .txtbox dt { width:100%; }
	.introduction-box .infoCont .txtbox dd { width:100%; margin-top:20px; }
}

.organization-box .org-box .top { position:relative; color:#fff; font-size:14px; font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; width:180px; height:180px; margin:0 auto; border-radius:180px; background:#ffb25b; }
.organization-box .org-box .top:before { content:""; display:block; position:absolute; left:50%; bottom:-30px; width:1px; height:30px; background:#000; }
.organization-box .org-box .listbox { position:relative; margin-top:60px; display:flex; flex-wrap:wrap; gap:60px; text-align:center; }
.organization-box .org-box .listbox:before { content:""; display:block; position:absolute; left:50%; top:-30px; width:calc(100% - ((100% - 180px) / 4)); transform:translateX(-50%); height:1px; background:#000; }
.organization-box .org-box .listbox > div { width:calc((100% - 180px) / 4); }
.organization-box .org-box .listbox .list { position:relative; }
.organization-box .org-box .listbox .list:before { content:""; display:block; position:absolute; left:50%; top:-30px; width:1px; height:30px; background:#000; }
.organization-box .org-box .listbox .list dt { position:relative; color:#fff; font-size:14px; font-weight:500; line-height:1.3; background:#333; height:60px; display:flex; align-items:center; justify-content:center; }
.organization-box .org-box .listbox .list dt:before { content:""; display:block; position:absolute; left:0; top:0; width:10px; height:10px; background:var(--mainColor); }
.organization-box .org-box .listbox .list dl li { margin-top:10px; height:60px; color:#333; font-size:13px; font-weight:400; line-height:1.3; display:flex; align-items:center; justify-content:center; border:1px solid #eee; background:#fff; }
@media screen and (max-width:1440px){
	.organization-box .org-box .listbox { gap:40px; }
	.organization-box .org-box .listbox:before { width:calc(100% - ((100% - 120px) / 4)); }
	.organization-box .org-box .listbox > div { width:calc((100% - 120px) / 4); }
}
@media screen and (max-width:1280px){
	.organization-box .org-box .listbox { gap:20px; }
	.organization-box .org-box .listbox:before { width:calc(100% - ((100% - 60px) / 4)); }
	.organization-box .org-box .listbox > div { width:calc((100% - 60px) / 4); }
}
@media screen and (max-width:1024px){
	.organization-box .org-box .top { font-size:13px; width:130px; height:130px; }
	.organization-box .org-box .top:before { bottom:-20px; height:20px; }
	.organization-box .org-box .listbox { margin-top:40px; }
	.organization-box .org-box .listbox:before { top:-20px; }
	.organization-box .org-box .listbox .list:before { top:-20px; height:20px; }
	.organization-box .org-box .listbox .list dt { font-size:13px; height:50px; }
	.organization-box .org-box .listbox .list dt:before { width:6px; height:6px; }
	.organization-box .org-box .listbox .list dl li { margin-top:8px; height:50px; font-size:12px; }
}
@media screen and (max-width:640px){
	.organization-box .org-box .listbox { gap:10px; }
	.organization-box .org-box .listbox:before { width:calc(100% - ((100% - 30px) / 4)); }
	.organization-box .org-box .listbox > div { width:calc((100% - 30px) / 4); }
}
@media screen and (max-width:480px){
	.organization-box .org-box .listbox { gap:5px; }
	.organization-box .org-box .listbox:before { width:calc(100% - ((100% - 15px) / 4)); }
	.organization-box .org-box .listbox > div { width:calc((100% - 15px) / 4); }
}

.license-box .listbox { overflow:hidden; background:#f5f5f5; padding:60px 60px 70px; }
.license-box .listbox .swiper-container { position:relative; width:100%; height:100%; overflow:hidden; }
.license-box .listbox .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex; flex-direction:column; z-index:1 }
.license-box .listbox .swiper-container .swiper-slide .imgbox { position:relative; }
.license-box .listbox .swiper-container .swiper-slide .imgbox:before { content:""; display:block; padding-bottom:138.5%; }
.license-box .listbox .swiper-container .swiper-slide .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.license-box .listbox .swiper-container .swiper-slide .txtbox { margin-top:15px; color:#111; font-size:13px; font-weight:500; line-height:1.3; text-align:center; }
.license-box .listbox .swiper-container .swiper-slide .txtbox strong { position:relative; font-weight:500; padding-left:19px; }
.license-box .listbox .swiper-container .swiper-slide .txtbox strong:before { content:""; display:block; position:absolute; left:0; top:7px; width:10px; height:10px; background:url(/img/sub/icon_bullet.svg) left center no-repeat; }
.license-box .control_box { position:relative; width:100%; margin-top:40px; z-index:20; display:flex; align-items:center; }
.license-box .control_box .swiper-btn { display:flex; align-items:center; height:50px; }
.license-box .control_box .swiper-btn > div { position:relative; left:unset; right:unset; top:unset; margin:0; width:50px; height:50px; border:2px solid rgba(0,0, 0, 0.1); border-radius:50px; transition:all 0.3s; }
.license-box .control_box .swiper-btn .swiper-button-prev { margin-right:10px; background:url(/img/sub/swiper-btn.svg) center center no-repeat; }
.license-box .control_box .swiper-btn .swiper-button-next { transform:rotate(180deg); background:url(/img/sub/swiper-btn.svg) center center no-repeat; }
.license-box .control_box .swiper-btn > div:hover { border:2px solid rgba(0,0, 0, 0.7); }
.license-box .control_box .box { position:relative; display:flex; align-items:center; gap:0 10px; margin-left:30px; }
.license-box .control_box .box .txt,
.license-box .control_box .box .txt * { color:#aaa; font-size:13px; font-weight:600; line-height:1.3; }
.license-box .control_box .box .txt strong { font-weight:600; }
.license-box .control_box .box .txt strong * { color:#111 }
.license-box .swiper-pagination { display:flex; position:relative; margin:0; padding:0; left:0; top:0; right:0; bottom:0; width:60px; height:5px; background-color:rgba(0,0,0,0.1); transition:all 0.3s; border-radius:5px; overflow:hidden; }
.license-box .swiper-pagination-bullet {position:relative;  display:flex; align-items:center; justify-content:center; text-align:left; border-radius:0; opacity:1; background-color:transparent; margin:0; width:0; height:5px; border-radius:5px; overflow:hidden; }
.license-box .swiper-pagination-progressbar-fill { background:#000; border-radius:5px; }

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }
@media screen and (max-width:1440px){
	.license-box .listbox { padding:40px 40px 50px; }
}
@media screen and (max-width:1024px){
	.license-box .listbox { padding:20px 20px 30px; }
	.license-box .listbox .swiper-container .swiper-slide .txtbox { margin-top:10px; font-size:12px; }
	.license-box .listbox .swiper-container .swiper-slide .txtbox strong { padding-left:17px; }
	.license-box .control_box { margin-top:20px; }
	.license-box .control_box .swiper-btn { height:40px; }
	.license-box .control_box .swiper-btn > div {width:40px; height:40px; border-width:1px; }
	.license-box .control_box .swiper-btn .swiper-button-prev { margin-right:7px; }
	.license-box .control_box .box { gap:0 8px; margin-left:20px; }
	.license-box .control_box .box .txt,
	.license-box .control_box .box .txt * { font-size:12px; }
	.license-box .swiper-pagination { width:50px; height:4px; }
}

.imglist-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.imglist-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.imglist-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.imglist-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; border:none; }
.imglist-pop .pop-body .txtbox { color:#111; font-size:24px; font-weight:700; line-height:1.3; text-align:center; }
.imglist-pop .pop-body .txtbox h4 { font-weight:700; }
.imglist-pop .pop-body .imgbox img { height:100vh; max-height:600px; }
.imglist-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; }
.imglist-pop .pop-body .btn_close span { position:relative; width:24px; height:24px; display:block }
.imglist-pop .pop-body .btn_close span:before { content:""; display:block; width:15px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.imglist-pop .pop-body .btn_close span:after { content:""; display:block; width:15px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.imglist-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-height:800px){
	.imglist-pop .pop-body .imgbox img { height:80vh; max-height:600px; max-width:100%; width:auto; }
}
@media screen and (max-height:720px){
	.imglist-pop .pop-body .txtbox { font-size:20px; }
	.imglist-pop .pop-body .imgbox img { max-width:100%; }
	.imglist-pop .pop-body .btn_close { right:20px; top:20px; }
}
@media screen and (max-width:860px) and (max-height:720px) {
	.imglist-pop .pop-body .imgbox img { height:80vh; max-height:600px; max-width:100%; width:auto; }
}
@media screen and (max-width:1280px){
	.imglist-pop .pop-body .imgbox img { max-height:510px; }
	.imglist-pop .pop-body .btn_close { right:20px; top:20px; }
}
@media screen and (max-width:759px){
	.imglist-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
	.imglist-pop .pop-body .txtbox { font-size:18px; }
	.imglist-pop .pop-body .imgbox { text-align:center; }
}

.location-box .info-box { margin-top:40px; }
.location-box .info-box > ul > li:not(:last-child) { margin-bottom:15px; } 
.location-box .info-box > ul > li dl { display:flex; flex-wrap:wrap; }
.location-box .info-box > ul > li dl dt { position:relative; padding-left:19px; width:210px; color:#111; font-size:13px; font-weight:500; line-height:1.6; letter-spacing:-0.04em; }
.location-box .info-box > ul > li dl dt:before { content:""; display:block; position:absolute; left:0; top:5px; width:10px; height:10px; background:url(/img/sub/icon_bullet.svg) left center no-repeat; }
.location-box .info-box > ul > li dl dd { width:calc(100% - 210px); color:#555; font-size:13px; font-weight:300; line-height:1.6; }
.location-box .map-box { margin-top:60px; border-bottom:1px solid rgba(0,0,0,0.1); }
.location-box .map-box > div,
.location-box .map-box > div > div { width:100% !important; height:400px !important;}
@media screen and (max-width:1720px){
	.location-box .info-box > ul > li dl dt { width:180px; }
	.location-box .info-box > ul > li dl dd { width:calc(100% - 180px); }
}
@media screen and (max-width:1440px){
	.location-box .info-box > ul > li dl dt { width:150px; }
	.location-box .info-box > ul > li dl dd { width:calc(100% - 150px); }
}
@media screen and (max-width:1150px){
	.location-box .info-box > ul > li dl dd li br { display:none }
}
@media screen and (max-width:1024px){
	.location-box .info-box { margin-top:30px; }
	.location-box .info-box > ul > li:not(:last-child) { margin-bottom:10px; } 
	.location-box .info-box > ul > li dl dt { padding-left:17px; font-size:12px; }
	.location-box .info-box > ul > li dl dd { font-size:12px; }
	.location-box .map-box { margin-top:40px; }
	.location-box .map-box > div,
	.location-box .map-box > div > div { height:300px !important;}
}
@media screen and (max-width:640px){
	.location-box .info-box > ul > li dl dt { padding-left:15px; width:120px; }
	.location-box .info-box > ul > li dl dd { width:calc(100% - 120px); }
}


.recruit-box .txt-top p { color:#555; font-size:13px; font-weight:300; line-height:1.4; }
.recruit-box .txt-top p:not(:last-child) { margin-bottom:8px; }
.recruit-box .listbox { margin-top:55px; display:flex; gap:0 140px; }
.recruit-box .listbox > ul > li:not(:last-child) { margin-bottom:40px; } 
.recruit-box .listbox > ul > li dl { display:flex; flex-wrap:wrap; }
.recruit-box .listbox > ul > li dl dt { position:relative; padding-left:19px; width:210px; color:#111; font-size:13px; font-weight:500; line-height:1.6; letter-spacing:-0.04em; }
.recruit-box .listbox > ul > li dl dt:before { content:""; display:block; position:absolute; left:0; top:5px; width:10px; height:10px; background:url(/img/sub/icon_bullet.svg) left center no-repeat; }
.recruit-box .listbox > ul > li dl dt.email:before { top:4px; width:14px; height:14px; background:url(/img/sub/icon_email.svg) left center no-repeat; }
.recruit-box .listbox > ul > li dl dt.tel:before { top:3px; width:16px; height:16px; background:url(/img/sub/icon_tel.svg) left center no-repeat; }
.recruit-box .listbox > ul > li dl dd { width:calc(100% - 210px); color:#555; font-size:13px; font-weight:300; line-height:1.6; }
.recruit-box .listbox > ul > li dl dd .list-1 ul { display:flex; flex-wrap:wrap; gap:20px;}
.recruit-box .listbox > ul > li dl dd .list-1 ul li { position:relative; width:140px; margin-top:32px; }
.recruit-box .listbox > ul > li dl dd .list-1 ul li:before { content:""; display:block; padding-bottom:100%; }
.recruit-box .listbox > ul > li dl dd .list-1 ul li .circle-box { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:140px; color:#111; font-size:13px; font-weight:300; line-height:1.5; border:2px solid #eee; display:flex; justify-content:center; align-items:center; text-align:center; }
.recruit-box .listbox > ul > li dl dd .list-1 ul li .txt { position:absolute; left:0; top:-32px; color:#333; font-size:13px; font-weight:500; line-height:1.3; }
.recruit-box .listbox > ul > li dl dd .list-1 ul li:last-child .circle-box { border-color:var(--mainColor); }
.recruit-box .listbox > ul > li dl dd .list-2 ul li:not(:last-child) { margin-bottom:15px; }
.recruit-box .listbox > ul > li dl dd .list-2 ul li { position:relative; padding-left:15px; color:#555; font-size:13px; font-weight:300; line-height:1.3; }
.recruit-box .listbox > ul > li dl dd .list-2 ul li:before { content:""; display:block; position:absolute; left:0; top:7px; width:3px; height:3px; background:#555; border-radius:5px; }
.recruit-box .listbox > ul > li dl dd .list-2.list-3 ul li { color:#777; }
.recruit-box .listbox > ul > li dl dd .list-2.list-3 ul li:before { background:#777; }
.recruit-box .listbox > ul > li dl dd .box h5 { padding-bottom:15px; color:#333; font-size:13px; font-weight:500; line-height:1.3; } 
.recruit-box .listbox > ul > li dl dd .boxList { display:flex; flex-wrap:wrap; gap:10px; }
.recruit-box .listbox > ul > li dl dd .boxList > div { width:calc((100% - 10px) / 2); }
@media screen and (max-width:1740px){
	.recruit-box .listbox { gap:0 80px; }
}
@media screen and (max-width:1720px){
	.recruit-box .listbox { gap:0 50px; }
	.recruit-box .listbox > ul > li dl dt { width:180px; }
	.recruit-box .listbox > ul > li dl dd { width:calc(100% - 180px); }
	.recruit-box .listbox > ul > li dl dd .list-2 ul li br { display:none }
}
@media screen and (max-width:1440px){
	.recruit-box .listbox { gap:40px; flex-wrap:wrap; }
	.recruit-box .listbox > ul > li dl dt { width:150px; }
	.recruit-box .listbox > ul > li dl dd { width:calc(100% - 150px); }
	.recruit-box .listbox > ul > li dl dd .list-1 ul { gap:10px;}
}
@media screen and (max-width:1024px){
	.recruit-box .txt-top p { font-size:12px; }
	.recruit-box .listbox { gap:30px; }
	.recruit-box .listbox > ul > li:not(:last-child) { margin-bottom:30px; } 
	.recruit-box .listbox > ul > li dl dt { padding-left:17px; font-size:12px; }
	.recruit-box .listbox > ul > li dl dd { font-size:12px; }
	.recruit-box .listbox > ul > li dl dd .list-1 ul li { width:120px; margin-top:28px; }
	.recruit-box .listbox > ul > li dl dd .list-1 ul li .circle-box { font-size:12px; border-width:1px; }
	.recruit-box .listbox > ul > li dl dd .list-1 ul li .txt { top:-28px; font-size:12px; }
	.recruit-box .listbox > ul > li dl dd .list-2 ul li:not(:last-child) { margin-bottom:10px; }
	.recruit-box .listbox > ul > li dl dd .list-2 ul li { padding-left:14px; font-size:12px; }
	.recruit-box .listbox > ul > li dl dd .list-2 ul li:before { top:8px; width:2px; height:2px; }
	.recruit-box .listbox > ul > li dl dd .box h5 { padding-bottom:10px; font-size:12px; } 
}
@media screen and (max-width:640px){
	.recruit-box .listbox > ul > li dl dt { padding-left:15px; width:120px; }
	.recruit-box .listbox > ul > li dl dd { width:calc(100% - 120px); }
	.recruit-box .listbox > ul > li dl dd .list-1 ul li { width:100px; }
	.recruit-box .listbox > ul > li dl dd .boxList { gap:5px; }
}

.search-box { margin-bottom:50px; }
.search-box .s-ipbox { position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 10px; }
.search-box .s-ipbox select { width:175px; height:70px; line-height:70px; padding:0 50px 0 30px; font-family:var(--mainFont); font-size:18px; color:#111; font-weight:500; border:1px solid #ccc; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.search-box .s-ipbox select::-ms-expand { display:none; }
.search-box .s-ipbox input { width:450px; height:70px; line-height:1.3; padding:0 120px 0 30px; font-family:var(--mainFont); font-size:18px; color:#111; font-weight:500; border:1px solid #ccc; border-radius:0; outline:none; background:#fff; }
.search-box .s-ipbox button { position:absolute; right:0; bottom:0; display:block; width:90px; height:70px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; background:url(/img/sub/search_icon.svg) center center no-repeat; padding:0; }
.search-box input::placeholder { color:#ccc; opacity:1; font-weight:300; }
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
	.search-box { margin-bottom:30px; }
	.search-box .s-ipbox select { width:170px; height:50px; line-height:50px; padding:0 50px 0 20px; font-size:16px; }
	.search-box .s-ipbox input { width:380px; height:50px; padding:0 80px 0 20px; font-size:16px; }
	.search-box .s-ipbox button { width:60px; height:50px; font-size:16px; background-size:18px auto; }
}
@media screen and (max-width:640px){
	.search-box { margin-bottom:20px; }
	.search-box .s-ipbox { gap:0 5px; }
	.search-box .s-ipbox select { background-position:calc(100% + 20px) center; }
	.search-box .s-ipbox select { width:150px; font-size:15px; padding:0 30px 0 10px; }
	.search-box .s-ipbox input { width:calc(100% - 150px - 5px); padding:0 80px 0 10px; font-size:15px; }
}
/* animation */
.recruit-box .search-box { opacity:0 }
.recruit-box .search-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.gallery-list > ul { display:flex; flex-wrap:wrap; gap:30px 25px; }
.gallery-list > ul > li { width:calc((100% - 50px) / 3); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:53.4%; }
.gallery-list > ul > li .imgbox:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 106, 19, 0); z-index:3;  transition:all 0.3s; }
.gallery-list > ul > li:hover .imgbox:after { background:rgba(255, 106, 19, 0.5); }
.gallery-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.gallery-list > ul > li .txtbox { margin-top:20px; }
.gallery-list > ul > li .txtbox .txt { color:#111; font-size:14px; font-weight:500; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .date { margin-top:10px; display:block; color:#666; font-size:13px; font-weight:400; line-height:1.3; }
@media screen and (max-width:1440px){
	.gallery-list > ul { gap:25px 20px; }
	.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){
	.gallery-list > ul { gap:20px 10px; }
	.gallery-list > ul > li { width:calc((100% - 20px) / 3); }
	.gallery-list > ul > li .txtbox { margin-top:10px; }
	.gallery-list > ul > li .txtbox .txt { font-size:13px;}
	.gallery-list > ul > li .txtbox .date { margin-top:5px; font-size:12px; }
}
@media screen and (max-width:860px){
	.gallery-list > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.gallery-list > ul { gap:15px 5px; }
	.gallery-list > ul > li { width:calc((100% - 5px) / 2); }
    .gallery-list > ul > li .txtbox { margin-top:12px; }
    .gallery-list > ul > li .txtbox .txt { font-size:17px; margin-top:8px; }
    .gallery-list > ul > li .txtbox .date { font-size:14px; }
	.gallery-list > ul > li .more { display:none }
}


.board-view .top-box { padding:0 0 30px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:flex-end;}
.board-view .top-box .title { font-size:18px; font-weight:500; color:#111; line-height:1.3; width:calc(100% - 200px); }
.board-view .top-box .info { display:flex; justify-content:flex-end; width:200px; }
.board-view .top-box .txt { position:relative; font-size:13px; font-weight:300; color:#666; line-height:1.3; }
.board-view .top-box .txt:not(:last-child) { margin-right:20px; padding-right:20px; }
.board-view .top-box .txt:not(:last-child):before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ccc; } 
.board-view .viewCont .contents { min-height:180px; padding:20px 0 30px; }
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .attach { padding:25px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:30px; }
.board-view .viewCont .attach li { display:flex; }
.board-view .viewCont .attach li strong { position:relative; width:130px; text-align:center; font-size:13px; font-weight:500; color:#222; line-height:1.3; }
.board-view .viewCont .attach li strong:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd; } 
.board-view .viewCont .attach li a { transition:all 0.3s; position:relative; width:calc(100% - 130px - 20px); margin-left:20px; font-size:13px; font-weight:400; color:#666; line-height:1.3; padding:0 150px 0 25px; word-break:break-word !important; }
.board-view .viewCont .attach li a i { font-size:16px; vertical-align:middle; margin-right:6px; }
.board-view .viewCont .attach li a > i { position:absolute; left:0; top:2px; }
.board-view .viewCont .attach li a:hover { color:var(--mainColor); }
.board-view .viewCont .attach li a span { position:absolute; right:30px; top:0; font-weight:300; }
.board-view .btn_pn { margin-top:30px; display:flex; gap:40px; }
.board-view .btn_pn dl { display:flex; width:calc((100% - 40px) / 2); background:#fff; border-radius:20px; border:1px solid #e0e0e0; transition:all 0.3s; }
.board-view .btn_pn dt { position:relative; width:130px; height:110px; display:flex; align-items:center; } 
.board-view .btn_pn dt:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd; } 
.board-view .btn_pn dt span { transition:all 0.3s; font-size:13px; font-weight:400; color:#333; display:inline-block; padding-left:30px; }
.board-view .btn_pn dt span i { transition:all 0.3s; display:inline-block; vertical-align:middle; margin-right:10px; }
.board-view .btn_pn dd { width:calc(100% - 130px); display:flex; align-items:center; padding:0 30px; }
.board-view .btn_pn dd a { font-size:13px; font-weight:300; color:#666; min-height:17px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.board-view .btn_pn dl:nth-child(2) { flex-direction:row-reverse; }
.board-view .btn_pn dl:nth-child(2) dd { flex-direction:row-reverse; }
.board-view .btn_pn dl:hover { border:1px solid var(--mainColor); }
.board-view .btn_pn dl:hover span { color:var(--mainColor); }
.board-view .btn_pn dl:hover span i { color:var(--mainColor); }
@media screen and (max-width:1440px){
	.board-view .top-box .title { width:calc(100% - 180px); }
	.board-view .top-box .info { width:180px; }
	.board-view .btn_pn { display:flex; gap:20px; }
	.board-view .btn_pn dl {  width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:1024px){
	.board-view .top-box .title { width:calc(100% - 100px); }
	.board-view .top-box .info { width:100px; }
	.board-view .top-box { padding:0 0 20px; }
	.board-view .top-box .title { font-size:16px; }
	.board-view .top-box .txt { font-size:12px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:10px; padding-right:10px; }
	.board-view .viewCont .attach { padding:20px 0;  }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
	.board-view .viewCont .attach li strong { position:relative; width:100px; font-size:12px; }
	.board-view .viewCont .attach li strong:before { height:16px; } 
	.board-view .viewCont .attach li a { width:calc(100% - 100px - 20px); margin-left:15px; font-size:12px; padding:0 130px 0 25px; word-break:break-word !important; }
	.board-view .viewCont .attach li a i { font-size:14px; }
	.board-view .viewCont .attach li a span { right:20px; }
	.board-view .btn_pn { margin-top:20px; flex-wrap:wrap; gap:10px; }
	.board-view .btn_pn dl { width:100%; border-radius:10px; }
	.board-view .btn_pn dt { width:100px; height:70px; } 
	.board-view .btn_pn dt:before { height:16px; } 
	.board-view .btn_pn dt span { font-size:12px; padding-left:20px; }
	.board-view .btn_pn dd { width:calc(100% - 100px); padding:0 20px; }
	.board-view .btn_pn dd a { font-size:12px; min-height:16px; }
	.board-view .btn_pn dl:nth-child(2) { flex-direction:row; }
	.board-view .btn_pn dl:nth-child(2) dd { flex-direction:row; }
}

.btnCont { margin-top:70px; display:flex; justify-content:center; align-items:center; gap:0 18px; }
.btnCont a,
.btnCont button { width:170px; height:60px; display:flex; justify-content:center; align-items:center; gap:0 13px; background:#fff; color:var(--mainColor); border:1px solid var(--mainColor); font-size:14px; font-weight:500; line-height:1.3; border-radius:55px;}
.btnCont .gline { color:#666; border-color:#666; }
@media screen and (max-width:1024px){
	.btnCont { margin-top:50px; gap:0 10px; }
	.btnCont a,
	.btnCont button { width:150px; height:50px; font-size:13px; }
}


/* page */
.page { margin:100px auto 0 auto; text-align:center; padding:0; } 
.page a { transition:all 0.3s; position:relative; font-size:14px; line-height:35px; font-weight:400; color:#333; border:none; padding:0; min-width:35px; margin:0; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:400; color:#fff; background:var(--mainColor); border:none; padding:0 4px; border-radius:50px; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; min-width:20px; width:20px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; min-width:20px; width:20px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; min-width:20px; width:20px; margin-right:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; min-width:20px; width:20px; margin-left:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#aaa; display:block; margin-top:-10px; font-weight:400; }
@media screen and (max-width:1280px){
	.page { margin:60px auto 0 auto; }
}

@media screen and (max-width:640px){
	.page .btn_prev { margin-right:0; }
	.page .btn_next { margin-left:0; }
}


.registerBox { width:100%; }
.registerBox table { border-top:1px solid #ccc; }
.registerBox tbody th { height:70px; text-align:center; color:#222; font-size:13px; font-weight:400; line-height:1.3; border-bottom:1px solid #ccc; }
.registerBox tbody td { border:1px solid #ccc; border-width:0 0 1px 1px; padding:10px 20px; font-size:13px; color:#999; font-weight:400; }
.registerBox tbody td input[type="text"],
.registerBox tbody td input[type="password"] { height:50px; padding:0 20px; width:100%; font-size:13px; color:#222; font-weight:400; border:1px solid #ddd; outline:none; background:none; transition:all 0.3s; }
.registerBox tbody td select { width:100%; height:50px; line-height:50px; padding:0 50px 0 20px; font-size:13px; color:#333; font-weight:400; border:1px solid #ddd; outline:none; transition:all 0.3s; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.registerBox tbody td select::-ms-expand { display: none; }
.registerBox tbody td textarea { width:100%; height:300px; line-height:1.6; padding:20px; font-size:13px; color:#333; font-weight:400; border:1px solid #ddd; outline:none; background:none; transition:all 0.3s; }
.registerBox tbody td input.ip01 { max-width:500px; width:100%; }
.registerBox tbody td input.ip02 { width:150px; }
.registerBox tbody td input.ip03 { width:240px; }
.registerBox tbody td select.sel01 { width:200px; }
.registerBox tbody td select.sel02 { max-width:500px; width:100%; }
.registerBox tbody td input[type="text"]:hover,
.registerBox tbody td input[type="password"]:hover, 
.registerBox tbody td select:hover,
.registerBox tbody td textarea:hover { border:1px solid var(--mainColor); background-color:#fff }
.registerBox tbody td input::placeholder,
.registerBox tbody td textarea::placeholder { color:#777; opacity:1; font-weight:400; }
.registerBox tbody td .bar1 { width:18px; display:inline-block; text-align:center; }
.registerBox .ipcont { position:relative; align-items:center; gap:0 10px;}
.registerBox .ipcont:not(:last-child) { margin-bottom:10px; }
.registerBox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:calc(100% - 210px); height:60px; outline:none; border:1px solid #ddd; padding:4px 30px; color:#777; font-size:16px; font-weight:500; line-height:1.3; background:none; border-radius:60px; }
.registerBox .ipcont .upload-name.on { color:#333;  }
.registerBox .ipcont .file { position:absolute; right:0; top:0; width:200px; height:60px; background:var(--mainColor); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;  }
.registerBox .ipcont .file span{ text-align:center; font-size:16px; color:#fff; font-weight:700; line-height:1.3; }
.registerBox .ipcont .file input{display:none}
.registerBox .code-box { display:flex; gap:5px; position:relative; width:100%; }
.registerBox .code-box .img { width:134px; border:none }
.registerBox .code-box input[type="text"] { width:300px; }
.registerBox .code-box .btn_refresh { height:50px; width:50px; border:none; outline:none; background:#eee url(/img/sub/btn_refresh.svg) center center no-repeat; }
.registerBox .scroll-box { height:150px; overflow:auto; padding-right:60px; border:1px solid #dbdbdb; }
.registerBox .scroll-box .top-box { display:none }
.registerBox .scroll-box .privacy { padding:10px 20px; }
.registerBox .scroll-box .os-content-glue { width:100% !important; }
.registerBox .ch { margin:20px 0 10px; display:flex; }
.registerBox .ch input[type="checkbox"] {opacity:0; height:auto; line-height:auto;}
.registerBox .ch input[type="checkbox"] + span { position:relative; padding:0 0 0 10px; font-weight:300; font-size:13px; line-height:1.4 !important; display:inline-block; color:#333; }
.registerBox .ch input[type="checkbox"] + span:before  { content:''; display:block; width:20px; height:20px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch_off.svg) no-repeat center/ cover; position:absolute; left:-15px; top:-2px; }
.registerBox .ch input[type="checkbox"]:checked + span:before { background:url(/img/sub/ch_on.svg) no-repeat center/ cover; }
@media screen and (max-width:1440px){
	.registerBox tbody td { padding:10px 15px; }
	.registerBox tbody td input.ip01 { max-width:320px; width:100%; }
	.registerBox tbody td input.ip02 { width:90px; }
	.registerBox tbody td input.ip03 { width:150px; }
	.registerBox tbody td select.sel01 { width:160px; }
	.registerBox tbody td select.sel02 { max-width:320px; width:100%; }
}
@media screen and (max-width:1024px){
	.registerBox .w1 { width:100px !important; }
	.registerBox tbody th { height:55px; }
	.registerBox tbody td { padding:5px 0 5px 10px; }
	.registerBox tbody td input[type="text"],
	.registerBox tbody td input[type="password"] { height:40px; padding:0 10px; font-size:12px; }
	.registerBox tbody td select { height:40px; line-height:40px; padding:0 45px 0 10px; font-size:12px; }
	.registerBox tbody td select::-ms-expand { display: none; }
	.registerBox tbody td textarea {  height:200px; padding:10px; font-size:12px; }
	.registerBox tbody td input.ip01 { max-width:100%; width:100%; }
	.registerBox tbody td input.ip02 { width:90px; }
	.registerBox tbody td input.ip03 { width:150px; }
	.registerBox tbody td select.sel01 { width:160px; }
	.registerBox tbody td select.sel02 { max-width:100%; width:100%; }
	.registerBox .scroll-box .privacy { padding:5px 10px; }
	.registerBox .code-box input[type="text"] { width:200px; }
	.registerBox .code-box .img { width:100px; }
	.registerBox .code-box .btn_refresh { height:40px; width:40px; }
	.registerBox .ch { margin:10px 0 5px; }
	.registerBox .ch input[type="checkbox"] + span { font-size:12px; }
	.registerBox .scroll-box { height:120px; }
}
@media screen and (max-width:640px){
	.registerBox .w1 { width:80px !important; }
	.registerBox tbody td input.ip02 { width:calc((100% - 38px) / 3); }
	.registerBox tbody td input.ip03 { width:calc((100% - 19px) / 2); }
	.registerBox tbody td .bar1,
	.registerBox tbody td .bar2 { width:12px; display:inline-block; }
	.registerBox tbody td select.sel01 { width:100%; margin-top:5px; }
	.registerBox .code-box input[type="text"] { width:calc(100% - 100px - 40px - 10px); }
}

.project-box { width:100%; transition:all 0.5s; }
.project-box.on {  }
.project-box > ul { display:flex; flex-wrap:wrap; position:relative; z-index:5; transition:all 0.5s; }
.project-box > ul > li { width:25%; position:relative; overflow:hidden; }
.project-box > ul > li .imgbox { position:relative; overflow:hidden; }
.project-box > ul > li .imgbox:before { content:""; display:block; padding-bottom:69.4%; }
.project-box > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.project-box > ul > li .over { position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; } 
.project-box > ul > li.on .over,
.project-box > ul > li:hover .over { } 
.project-box > ul > li .over dl {padding:40px; display:flex; flex-direction:column; justify-content:space-between; height:100%; width:100%; }
.project-box > ul > li .over > dl { display:none; }
.project-box > ul > li .over dt { position:relative; color:#fff; font-size:18px; font-weight:600; line-height:1.3; padding-right:40px; }
.project-box > ul > li .over dt:before { content:""; display:block; position:absolute; right:0; top:4px; width:10px; height:16px; background:url(/img/sub/project_arr.svg) center center no-repeat; }
.project-box > ul > li .over dd li:not(:last-child) { margin-bottom:5px; }
.project-box > ul > li .over dd li { color:#fff; font-size:14px; font-weight:400; line-height:1.3; }
.project-box > ul > li .over-box { transition: all 0.5s ease; position:absolute; width:100%; height:100%; border-radius:0; background:rgba(255, 178, 91, 0.75); transition:width 0.8s ease, height 0.8s ease, top 0.8s ease, left 0.8s ease; pointer-events:none; }
.project-box > ul > li .over-box dl { display:flex; }
.project-box > ul > li.on .over-box { width:100% !important; height:100% !important; border-radius:0; top:0 !important; left:0 !important; transform:translate(0, 0) !important; opacity:1 !important }
@media screen and (max-width:1440px){
	.project-box > ul > li .over dl { padding:30px; }
	.project-box > ul > li .over dt { font-size:17px; padding-right:35px; }
	.project-box > ul > li .over dt:before { top:4px; width:8px; height:16px; background-size:8px auto; }
	.project-box > ul > li .over dd li:not(:last-child) { margin-bottom:4px; }
	.project-box > ul > li .over dd li { font-size:14px;; }
}
@media screen and (max-width:1280px){
	.project-box > ul > li { width:calc(100% / 3); }
}
@media screen and (max-width:1024px){
	.project-box > ul > li .over dl { padding:15px; }
	.project-box > ul > li .over dt { font-size:14px; padding-right:20px; }
	.project-box > ul > li .over dd li:not(:last-child) { margin-bottom:3px; }
	.project-box > ul > li .over dd li { font-size:13px; }
}
@media screen and (max-width:640px){
	.project-box > ul > li .over dl { padding:10px; }
	.project-box > ul > li { width:calc(100% / 2); }
	.project-box > ul > li .over dt { font-size:14px; padding-right:15px; }
	.project-box > ul > li .over dt:before { top:3px; width:6px; height:14px; background-size:6px auto; }
	.project-box > ul > li .over dd li { font-size:12px; }
}
@media screen and (max-width:480px){
	.project-box > ul > li { width:100%; }
}

.pop_project { position:absolute; top:0; left:0; width:100%; z-index:3; }
.pop_project.off { display:none; }
.pop_project.on.off { display:block; }
.pop_project.on { display:block; }
.pop_project.on .bg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; }
.pop_project .pop_body { position:relative; z-index:3; background:#090909; }
.pop_project .pop_body .box { display:flex; flex-wrap:wrap; width:100%; }
.pop_project .pop_body .txtbox { width:39%; padding:50px 90px; display:flex; flex-direction:column; justify-content:space-between; background:var(--mainColor); }
.pop_project .pop_body .txtbox .top dt { color:#fff; font-size:35px; font-weight:600; line-height:1.3; }
.pop_project .pop_body .txtbox .top dd { margin-top:40px; color:#fff; font-size:13px; font-weight:400; line-height:1.7; }
.pop_project .pop_body .txtbox .txt_b ul { display:flex; gap:10px 30px; flex-wrap:wrap; }
.pop_project .pop_body .txtbox .txt_b li { color:#fff; font-size:14px; font-weight:400; line-height:1.3; }
.pop_project .pop_body .imgbox { width:calc(100% - 39%); }
.pop_project .pop_body .imgbox .swiper-container { position:relative; width:100%; height:100%; overflow:hidden; }
.pop_project .pop_body .imgbox .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex; z-index:1 }
.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox { position:relative; overflow:hidden; width:100%; }
.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox:before { content:""; display:block; padding-bottom:60%; }
.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.pop_project .pop_body .imgbox .swiper-btn > div { opacity:0.3; position:absolute; top:50%; transform:translateY(-50%); margin:0; height:60px; width:60px;  border:2px solid rgba(255, 255, 255, 1); border-radius:60px; transition:all 0.3s; }
.pop_project .pop_body .imgbox .swiper-btn .swiper-button-prev { left:42px; background:url(/img/main/swiper-btn.svg) center center no-repeat; }
.pop_project .pop_body .imgbox .swiper-btn .swiper-button-next { right:42px; transform:translateY(-50%) rotate(180deg); background:url(/img/main/swiper-btn.svg) center center no-repeat; }
.pop_project .pop_body .imgbox .swiper-btn > div:hover { opacity:1; }
.pop_project .btnClose { background:#090909; height:40px; display:flex; align-items:center; justify-content:center; }
.pop_project .btnClose a { width:40px; height:100%; display:flex; align-items:center; justify-content:center; }
@media screen and (max-width:1720px){
	.pop_project .pop_body .txtbox { min-height:55vh; max-height:60vh; }
	.pop_project .pop_body .txtbox { padding:40px 70px; }
}
@media screen and (max-width:1580px){
	.pop_project .pop_body .txtbox { width:41%; }
	.pop_project .pop_body .txtbox { padding:30px 60px; }
	.pop_project .pop_body .imgbox { width:calc(100% - 41%); }
}
@media screen and (max-width:1440px){
	.pop_project .pop_body .txtbox { width:45%; }
	.pop_project .pop_body .txtbox { padding:30px 40px; }
	.pop_project .pop_body .txtbox .top dt { font-size:32px; }
	.pop_project .pop_body .txtbox .top dd { margin-top:30px; }
	.pop_project .pop_body .txtbox .txt_b ul { gap:10px 20px; }
	.pop_project .pop_body .imgbox { width:calc(100% - 45%); }
	.pop_project .pop_body .imgbox .swiper-btn .swiper-button-prev { left:30px; }
	.pop_project .pop_body .imgbox .swiper-btn .swiper-button-next { right:30px; }
}
@media screen and (max-width:1280px){
	.pop_project .pop_body .txtbox { padding:30px 30px; }
}
@media screen and (max-width:1024px){
	.pop_project { width:100%; }
	.pop_project .pop_body .txtbox { width:45%; padding:30px; }
	.pop_project .pop_body .txtbox .top dt { font-size:24px; }
	.pop_project .pop_body .txtbox .top dd { margin-top:15px; font-size:12px; }
	.pop_project .pop_body .txtbox .txt_b ul { gap:5px 10px; }
	.pop_project .pop_body .txtbox .txt_b li { font-size:13px; }
	.pop_project .pop_body .imgbox { width:calc(100% - 45%); }
	.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox:before { padding-bottom:69%; }
	.pop_project .pop_body .imgbox .swiper-btn > div { height:50px; width:50px; }
	.pop_project .pop_body .imgbox .swiper-btn .swiper-button-prev { left:20px; }
	.pop_project .pop_body .imgbox .swiper-btn .swiper-button-next { right:20px; }
	.pop_project .btnClose { height:30px; }
	.pop_project .btnClose a { width:30px; }
}
@media screen and (max-width:1024px) and (max-height:560px) {
	.pop_project .pop_body { background:var(--mainColor);}
	.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox:before { padding-bottom:90%; }
	.pop_project .pop_body .txtbox { width:50%; padding:20px; min-height:180px; max-height:auto; }
	.pop_project .pop_body .imgbox { width:calc(100% - 50%); }
	.pop_project .pop_body .txtbox .top dt { font-size:22px; }
	.pop_project .pop_body .txtbox .top dd { margin-top:10px; }
	.pop_project .pop_body .txtbox .txt_b { display:none }
}
@media screen and (max-width:759px){
	.pop_project .pop_body .box { flex-direction:column-reverse; }
	.pop_project .pop_body .txtbox { width:100%; padding:20px; min-height:180px; max-height:auto; }
	.pop_project .pop_body .txtbox .top dt { font-size:22px; }
	.pop_project .pop_body .txtbox .top dd { margin-top:10px; }
	.pop_project .pop_body .txtbox .txt_b { display:none }
	.pop_project .pop_body .txtbox .txt_b ul { gap:5px 10px; }
	.pop_project .pop_body .imgbox { width:100%; }
	.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox:before { padding-bottom:45%; }
}
@media screen and (max-width:640px){
	.pop_project .pop_body .txtbox { width:100%; }
	.pop_project .pop_body .txtbox .top dt { font-size:22px; }
	/*.pop_project .pop_body .txtbox { min-height:270px; max-height:300px; }*/
	.pop_project .pop_body .imgbox .swiper-btn > div { height:35px; width:35px; border-width:1px; }
	.pop_project .pop_body .imgbox .swiper-btn .swiper-button-prev { left:10px; }
	.pop_project .pop_body .imgbox .swiper-btn .swiper-button-next { right:10px; }
	.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox:before { padding-bottom:55%; }
}
@media screen and (max-width:480px){
	.pop_project .pop_body .txtbox .top dd { margin-top:12px; }
	/*.pop_project .pop_body .txtbox { min-height:300px; max-height:320px; }*/
	.pop_project .pop_body .imgbox .swiper-container .swiper-slide .imgbox:before { padding-bottom:60%; }
}