@charset "utf-8";

.subtitleTop { z-index:10;}
.subtitleTop,
.subtitleTop .bg { position:relative; height:490px; background:rgba(16, 62, 102, 0.5); }
.subtitleTop .bg { overflow:hidden; }
.subtitleTop .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transform:scale(1.15);}
.subtitleTop.subTopCont1 .bg img {  }
.subtitleTop .subTitle { position:absolute; bottom:70px; left:0; z-index:5; width:100%; }
.subtitleTop .subTitle h2 { font-family:var(--engFont1); color:#fff; font-size:110px; font-weight:700; letter-spacing:-0.07em; line-height:1.3; }
.subtitleTop .subTitle h2 span { font-weight:700; }
.subtitleTop .location { margin-top:30px; }
.subtitleTop .location dl { display:flex; align-items:center; }
.subtitleTop .location dt { display:inline-block; width:21px; height:21px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/home_icon.png) center center no-repeat; }
.subtitleTop .location dd span,
.subtitleTop .location dd strong { position:relative; margin-left:25px; padding-left:25px; font-family:var(--engFont1); color:#fff; font-size:18px; font-weight:700; }
.subtitleTop .location dd span:before,
.subtitleTop .location dd strong:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:13px; background:url(/img/sub/location_arr.png) center center no-repeat; }
@media screen and (max-width:1560px){
	.subtitleTop,
	.subtitleTop .bg { height:440px; }
	.subtitleTop .subTitle h2 { font-size:90px; }
	.subtitleTop .subTitle h2 span > span { min-width:20px; }
	.subtitleTop .location { margin-top:25px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { margin-left:22px; padding-left:22px; font-size:18px; }
}
@media screen and (max-width:1280px){	
	.subtitleTop,
	.subtitleTop .bg { height:360px; }
	.subtitleTop .subTitle { bottom:60px; }
	.subtitleTop .subTitle h2 { font-size:70px; }
	.subtitleTop .location { margin-top:20px; }
	.subtitleTop .location dt { background-size:18px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { margin-left:20px; padding-left:20px; font-size:17px; }
	.subtitleTop .location dd span:before,
	.subtitleTop .location dd strong:before { background-size:6px auto; }
}
@media screen and (max-width:1024px){
	.subtitleTop,
	.subtitleTop .bg { height:320px; }
	.subtitleTop .subTitle { bottom:unset; top:calc(50% + 40px); transform:translateY(-50%); display:flex; align-items:center; flex-direction:column; }
	.subtitleTop .subTitle h2 { font-size:55px; }
	.subtitleTop .location { margin-top:15px; }
	.subtitleTop .location dt { background-size:16px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { margin-left:18px; padding-left:18px; font-size:16px; }
}
@media screen and (max-width:640px){
	.subtitleTop,
	.subtitleTop .bg { height:280px; }
	.subtitleTop .subTitle h2 { font-size:38px; }
}

/* animation */
.subtitleTop .subTitle h2 { overflow:hidden; display:block; }
.subtitleTop .subTitle h2 > span { opacity:0; display:inline-block; }
.subtitleTop .subTitle h2 > span { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.subtitleTop .bg img { animation:bgs5 2.5s; animation-fill-mode:both;}
@media screen and (max-width:1024px){
	.subtitleTop .subTitle h2 > span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
}

#lnb { border-bottom:2px solid #eee; }
#lnb > ul { position:relative; margin:0 auto; display:flex; justify-content:center; } 
#lnb > ul > li { position:relative; height:80px; width:100%; max-width:300px; }
#lnb > ul > li:before { content:""; display:block; width:1px; height:20px; background:#ddd; position:absolute; left:0; top:50%; transform:translateY(-50%); }
#lnb > ul > li:first-child:before { display:none }
#lnb > ul > li a { position:relative; height:100%; width:100%; display:flex; justify-content:center; align-items:center; text-align:center; color:#ccc; font-size:24px; font-weight:700; line-height:1.3; transition:all 0.3s; letter-spacing:-0.04em }
#lnb > ul > li a:before { content:""; display:block; width:0; height:2px; background:var(--subColor); position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); transition:all 0.3s; }
#lnb > ul > li a:hover:before,
#lnb > ul > li.on a:before { width:100%; }
#lnb > ul > li a:hover,
#lnb > ul > li.on a { color:var(--subColor); }
@media screen and (max-width:1024px){
	#lnb > ul > li { height:65px; max-width:250px; }
	#lnb > ul > li:before { height:16px; }
	#lnb > ul > li a { font-size:22px; }
}
@media screen and (max-width:640px){
	#lnb { border-bottom:1px solid #eee; }
	#lnb > ul { flex-wrap:wrap; justify-content:flex-start; }
	#lnb > ul > li { height:55px; max-width:100%; }
	#lnb > ul.m2 > li { width:50% }
	#lnb > ul.m3 > li,
	#lnb > ul.m4 > li,
	#lnb > ul.m5 > li,
	#lnb > ul.m6 > li { width:50% }
	#lnb > ul.m4:before,
	#lnb > ul.m5:before,
	#lnb > ul.m6:before { content:""; display:block; width:100%; height:1px; background:#eee; position:absolute; left:0; top:50%; transform:translateY(calc(-50% + 0.5px)); }
	#lnb > ul > li:before { height:14px; }
	#lnb > ul > li a { font-size:18px; }
	#lnb > ul > li a:before { height:1px; bottom:-1px; }
}

.lnbM4 { display:none; }

#contents { padding:190px 0 0; }
#contents.content1 { padding:0; }
@media screen and (max-width:1024px){	
	#contents { padding:120px 0 0; }
}
@media screen and (max-width:640px){	
	#contents { padding:80px 0 0; }
}


.subtitle { position:relative; margin-bottom:60px; }
.subtitle h3.stit { position:relative; font-family:var(--engFont1); color:#222; font-size:74px; font-weight:800; line-height:1.3; text-align:center; padding-top:38px; }
.subtitle h3.stit span { font-weight:800; font-family:var(--engFont1); }
.subtitle h3.stit:before { content:""; display:block; z-index:2; position:absolute; left:50%; top:0; transform:translateX(-50%); width:8px; height:8px; background:var(--subColor); }
.subtitle .txt { margin-top:30px; text-align:center; color:#111; font-size:18px; font-weight:300; line-height:1.65; }
.subtitle .txt span { font-weight:300; }
@media screen and (max-width:1280px){
	.subtitle h3.stit { font-size:55px; }
}
@media screen and (max-width:1024px){
	.subtitle { margin-bottom:45px; padding:0 20px; }
	.subtitle h3.stit { font-size:32px; }
	.subtitle .txt { margin-top:20px; font-size:16px; }
	.subtitle .txt br { display:none }
	.subtitle .txt .m_br { display:block }
}
@media screen and (max-width:640px){
	.subtitle { margin-bottom:30px; }
	.subtitle h3.stit { font-size:24px; }
	.subtitle .txt { margin-top:15px; font-size:15px; }
}

/* animation */
.subtitle h3.stit { overflow:hidden; }
.subtitle h3.stit span { opacity:0; display:block; }
.subtitle h3.stit span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.subtitle h3.stit:before { opacity:0; }
.subtitle h3.stit:before { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.subtitle .txt { overflow:hidden; }
.subtitle .txt span { opacity:0; display:block; }
.subtitle .txt span { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

#contents .btnbox { margin-top:70px; text-align:center; }
#contents .btnbox a,
#contents .btnbox button { display:inline-block; text-align:center; border:none; outline:none; background:none; margin:0 8px;  }
#contents .btnbox a span,
#contents .btnbox button span { transition:all 0.3s; border:1px solid var(--subColor); margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; outline:none; background-color:var(--subColor); min-width:280px; height:70px; font-family:var(--engFont1); color:#fff; font-size:20px; font-weight:400; border-radius:0; }
#contents .btnbox a.line span,
#contents .btnbox button.line span { background:#fff; color:#555; }
#contents .btnbox a:hover span,
#contents .btnbox button:hover span { color:var(--subColor); background:#fff; }
@media screen and (max-width:1024px){	
	#contents .btnbox a span,
	#contents .btnbox button span { height:58px; font-size:16px; min-width:220px; }
}
@media screen and (max-width:640px){	
    #contents .btnbox { margin-top:40px; }
    #contents .btnbox a,
    #contents .btnbox button { margin:0 3px; }
	#contents .btnbox a span,
	#contents .btnbox button span { height:50px; min-width:200px; }
}

/* aboutUs */
h4.title { position:relative; display:inline-block; font-family:var(--engFont1); color:#111; font-size:64px; font-weight:800; line-height:1.3; text-transform:uppercase; }
h4.title:before { content:""; display:block; z-index:2; position:absolute; left:0; top:-38px; width:8px; height:8px; background:var(--subColor); }
.aboutUs-box { overflow:hidden }
.aboutUs-box .txtCont dd { margin-top:30px; color:#333; font-size:18px; font-weight:300; line-height:1.65; }
.aboutUs-box .top { padding:0 0 210px; display:flex; flex-wrap:wrap; align-items:center; background:url(/img/sub/aboutUs_bg.png) right bottom no-repeat; }
.aboutUs-box .top picture { position:relative; width:49%; padding-right:55px; }
.aboutUs-box .top picture:after { content:""; display:block; z-index:2; position:absolute; left:-30px; bottom:-30px; width:150px; height:150px; background:var(--subColor); }
.aboutUs-box .top picture img { position:relative; max-width:100%; z-index:3; clip-path:polygon(82.5% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 0%); }
.aboutUs-box .top .txtCont { width:51%; padding-left:55px; }
@media screen and (max-width:1560px){
	h4.title { font-size:55px; }
	h4.title:before { top:-32px; }
	.aboutUs-box .top { padding:0 0 180px; background-size:400px auto; }
	.aboutUs-box .top picture { padding-right:45px; }
	.aboutUs-box .top picture:after { left:-25px; bottom:-25px; width:130px; height:130px; }
	.aboutUs-box .top .txtCont { padding-left:45px; }
}
@media screen and (max-width:1280px){
	h4.title { font-size:40px; }
	h4.title:before { top:-25px; width:6px; height:6px; }
	.aboutUs-box .txtCont dd { margin-top:25px; font-size:17px; }
	.aboutUs-box .top { padding:0 0 140px; background-size:320px auto; }
	.aboutUs-box .top picture { padding-right:25px; }
	.aboutUs-box .top picture:after { left:-20px; bottom:-20px; width:110px; height:110px; }
	.aboutUs-box .top .txtCont { padding-left:25px; }
}
@media screen and (max-width:1200px){
	.aboutUs-box .top { padding:0 0 140px; }
	.aboutUs-box .top picture:after { left:-10px; bottom:-10px; width:100px; height:100px; }
}
@media screen and (max-width:1024px){
	h4.title { font-size:32px; }
	.aboutUs-box .txtCont dd { margin-top:18px; font-size:16px; }
	.aboutUs-box .top { background-size:280px auto; }
	.aboutUs-box .top picture { width:55%; padding-right:20px; }
	.aboutUs-box .top .txtCont { width:45%; padding-left:20px; }
}
@media screen and (max-width:960px){
	.aboutUs-box .top picture { width:100%; padding-right:0;}
	.aboutUs-box .top picture:before { content:""; display:block; padding-bottom:60%; }
	.aboutUs-box .top picture img { max-width:auto; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
	.aboutUs-box .top .txtCont { width:100%; padding-left:0; margin-top:80px; }
}
@media screen and (max-width:640px){
	h4.title { font-size:26px; }
	h4.title:before { top:-18px; width:4px; height:4px; }
	.aboutUs-box .txtCont dd { margin-top:15px; font-size:15px; }
	.aboutUs-box .top { padding:0 0 100px; background-size:240px auto; }
	.aboutUs-box .top picture:after { width:80px; height:80px; }
	.aboutUs-box .top .txtCont { margin-top:60px; }
}

/* animation */
.aboutUs-box .txtCont dt,
.aboutUs-box .txtCont dd { opacity:0; }
.aboutUs-box .subOn .txtCont dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.aboutUs-box .subOn .txtCont dd { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.aboutUs-box .top picture:before { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:5 }
.aboutUs-box .top picture:before { animation:ani_w 1.5s 0.5s; animation-fill-mode:both; }
.aboutUs-box .top picture:after { opacity:0; }
.aboutUs-box .top picture:after { animation:ani_5 0.5s 2.0s; animation-fill-mode:both; }
.aboutUs-box .txtCont h4.title:before { opacity:0 }
.aboutUs-box .subOn .txtCont h4.title:before { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.aboutUs-box .top picture:before { content:""; display:block; padding-bottom:60%; position:relative; background:transparent; }
	.aboutUs-box .top picture:before,
	.aboutUs-box .top picture:after,
	.aboutUs-box .top picture:after { opacity:1; animation:none;}
	.aboutUs-box .top picture { opacity:0; }
	.aboutUs-box .top picture { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; }
}


.overview-box .professionals { padding:160px 0; display:flex; justify-content:flex-end; background:url(/img/sub/professionals_bg.jpg) no-repeat center / cover; }
.overview-box .professionals > div { display:flex; justify-content:flex-end; }
.overview-box .professionals .txtCont { width:55%; padding:150px 90px 114px; background:rgba(0, 0, 0, 0.15); backdrop-filter: blur(15px); clip-path:polygon(88% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 0%); }
.overview-box .professionals .txtCont dt h4.title { color:#fff }
.overview-box .professionals .txtCont dt h4.title:before { background:#fff; }
.overview-box .professionals .txtCont dd { color:rgba(255, 255, 255, 0.90); }
.overview-box .advisors { padding:220px 0 180px; }
.overview-box .advisors .tit { text-align:center; }
.overview-box .advisors .listbox { margin-top:80px; }
.overview-box .advisors .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; }
.overview-box .advisors .listbox > ul > li { width:calc((100% - 30px) / 2); display:flex; flex-wrap:wrap; padding:67px 80px; background:#f8f8f8; }
.overview-box .advisors .listbox > ul > li picture { width:220px; }
.overview-box .advisors .listbox > ul > li picture img { max-width:100%; border-radius:200px }
.overview-box .advisors .listbox > ul > li .txtbox { width:calc(100% - 220px); padding-left:60px; }
.overview-box .advisors .listbox > ul > li .txtbox dt strong { display:block; color:#111; font-size:28px; font-weight:600; line-height:1.3; }
.overview-box .advisors .listbox > ul > li .txtbox dt span { margin-top:14px; display:block; color:var(--subColor); font-size:18px; font-weight:500; line-height:1.3; }
.overview-box .advisors .listbox > ul > li .txtbox dd { margin-top:30px; text-align:justify; color:#333; font-size:18px; font-weight:300; line-height:1.6 ; }
.overview-box .organization { padding:220px 50px 180px; background:#f1f5f6 url(/img/sub/organization_bg.png) right top no-repeat; }
.overview-box .organization .tit { text-align:center; }
.overview-box .organization .org-list { margin-top:100px; text-align:center; }
.overview-box .organization .org-list img { max-width:100%;  }
@media screen and (max-width:1560px){
	.overview-box .professionals { padding:140px 0; }
	.overview-box .professionals .txtCont { padding:130px 70px 100px; }
	.overview-box .advisors { padding:190px 0 160px; }
	.overview-box .advisors .listbox { margin-top:70px; }
	.overview-box .advisors .listbox > ul { gap:25px; }
	.overview-box .advisors .listbox > ul > li { width:calc((100% - 25px) / 2); padding:45px 50px; }
	.overview-box .advisors .listbox > ul > li picture { width:200px; }
	.overview-box .advisors .listbox > ul > li .txtbox { width:calc(100% - 200px); padding-left:40px; }
	.overview-box .advisors .listbox > ul > li .txtbox dt strong { font-size:24px; }
	.overview-box .advisors .listbox > ul > li .txtbox dt span { margin-top:10px; font-size:18px; }
	.overview-box .advisors .listbox > ul > li .txtbox dd { margin-top:25px; font-size:18px; }
	.overview-box .organization { padding:190px 20px 160px; background-size:460px auto; }
	.overview-box .organization .org-list { margin-top:80px; }
}
@media screen and (max-width:1280px){
	.overview-box .professionals { padding:120px 0; }
	.overview-box .professionals .txtCont { padding:100px 50px 80px; }
	.overview-box .advisors { padding:150px 0 130px; }
	.overview-box .advisors .listbox { margin-top:50px; }
	.overview-box .advisors .listbox > ul { gap:20px; }
	.overview-box .advisors .listbox > ul > li { width:calc((100% - 20px) / 2); padding:35px 40px; }
	.overview-box .advisors .listbox > ul > li picture { width:160px; }
	.overview-box .advisors .listbox > ul > li .txtbox { width:calc(100% - 160px); padding-left:30px; }
	.overview-box .advisors .listbox > ul > li .txtbox dt strong { font-size:22px; }
	.overview-box .advisors .listbox > ul > li .txtbox dt span { margin-top:10px; font-size:17px; }
	.overview-box .advisors .listbox > ul > li .txtbox dd { margin-top:20px; font-size:17px; }
	.overview-box .organization { padding:150px 20px 130px; background-size:400px auto; }
	.overview-box .organization .org-list { margin-top:60px; }
}
@media screen and (max-width:1200px){
	.overview-box .professionals { padding:100px 0; }
	.overview-box .advisors { padding:150px 0 130px; }
	.overview-box .advisors .listbox > ul { gap:10px; }
	.overview-box .advisors .listbox > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:1024px){
	.overview-box .professionals { padding:80px 0; }
	.overview-box .professionals .txtCont { width:60%; padding:70px 40px 60px; }
	.overview-box .advisors { padding:120px 0 110px; }
	.overview-box .advisors .listbox { margin-top:40px; }
	.overview-box .advisors .listbox > ul > li { width:100%; padding:35px 40px; align-items:center; }
	.overview-box .advisors .listbox > ul > li .txtbox dt strong { font-size:21px; }
	.overview-box .advisors .listbox > ul > li .txtbox dt span { margin-top:8px; }
	.overview-box .advisors .listbox > ul > li .txtbox dd { margin-top:15px; }
	.overview-box .organization { padding:120px 20px 110px; background-size:280px auto; }
	.overview-box .organization .org-list { margin-top:30px; }
}
@media screen and (max-width:640px){
	.overview-box .professionals { padding:50px 0; }
	.overview-box .professionals .txtCont { width:100%; padding:40px 30px 30px; }
	.overview-box .advisors { padding:80px 0 70px; }
	.overview-box .advisors .listbox { margin-top:40px; }
	.overview-box .advisors .listbox > ul > li { width:100%; padding:35px 20px; display:block }
	.overview-box .advisors .listbox > ul > li picture { width:120px; float:left; padding:0 15px 0 0 }
	.overview-box .advisors .listbox > ul > li .txtbox { width:auto; padding-left:0; }
	.overview-box .advisors .listbox > ul > li .txtbox dt { padding-left:120px}
	.overview-box .advisors .listbox > ul > li .txtbox dt strong { font-size:19px; }
	.overview-box .advisors .listbox > ul > li .txtbox dt span { margin-top:5px; font-size:16px; }
	.overview-box .advisors .listbox > ul > li .txtbox dd { margin-top:12px; font-size:16px; }
	.overview-box .organization { padding:80px 20px 70px; background-size:180px auto; }
}
/* animation */
.overview-box .advisors .tit,
.overview-box .organization .tit { opacity:0; }
.overview-box .advisors.subOn .tit,
.overview-box .organization.subOn .tit { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.overview-box .advisors .tit h4.title:before,
.overview-box .organization .tit h4.title:before { opacity:0 }
.overview-box .advisors.subOn .tit h4.title:before,
.overview-box .organization.subOn .tit h4.title:before { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.overview-box .advisors .listbox { opacity:0; }
.overview-box .advisors.subOn .listbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.overview-box .organization .org-list { opacity:0; }
.overview-box .organization.subOn .org-list { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }

.partnership-box .immigration { padding:200px 0 160px; background:url(/img/sub/immigration_bg.jpg) no-repeat center / cover; }
.partnership-box .immigration .tit { text-align:center; }
.partnership-box .immigration .tit h4.title { color:#fff }
.partnership-box .immigration .tit h4.title:before { background:#fff; }
.partnership-box .immigration .listbox { position:relative; margin-top:80px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 198px; }
.partnership-box .immigration .listbox:before { content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:rgba(255, 255, 255, 0.30); }
.partnership-box .immigration .listbox .circle1 { position:relative; padding:5px; border:1px solid rgba(255, 255, 255, 0.70); backdrop-filter:blur(20px); border-radius:300px; }
.partnership-box .immigration .listbox .circle1 .c-box { width:306px; height:306px; border-radius:300px; background:rgba(255, 255, 255, 0.85); display:flex; align-items:center; justify-content:center; }
.partnership-box .immigration .listbox .circle1 .box { color:#333; font-size:18px; font-weight:700; line-height:1.3; width:185px; height:78px; background:rgba(217, 217, 217, 0.38); border-radius:9px; display:flex; align-items:center; justify-content:center; }
.partnership-box .immigration .listbox .circle2 .c2 { width:388px; height:388px; border-radius:300px; background:rgba(255, 255, 255, 1); display:flex; align-items:center; justify-content:center; backdrop-filter: blur(20px); }
.partnership-box .immigration .listbox .circle2 .c1 { padding:26px; border-radius:300px; background:rgba(255, 255, 255, 0.48); }
.partnership-box .immigration .listbox .circle2 { padding:26px; border-radius:300px; background:rgba(255, 255, 255, 0.29); }
.partnership-box .immigration .listbox .arr { position:absolute; left:-196px; top:50%; width:194px; height:2px; transform:translateY(-50%); background:#fff; }
.partnership-box .immigration .listbox > div:first-child .arr { left:unset; right:-196px; }
.partnership-box .immigration .listbox .arr:before { content:""; display:block; position:absolute; left:-2px; top:50%; transform:translateY(-50%) rotate(180deg); width:12px; height:19px; background:url(/img/sub/immigration_arr.svg) left center no-repeat; }
.partnership-box .immigration .listbox .arr:after { content:""; display:block; position:absolute; right:-2px; top:50%; transform:translateY(-50%); width:12px; height:19px; background:url(/img/sub/immigration_arr.svg) right center no-repeat; }
.partnership-box .corporate { padding:230px 0 0; background:url(/img/sub/corporate_circle.svg) right top no-repeat; }
.partnership-box .corporate .tit { text-align:center; }
.partnership-box .corporate .listbox { margin-top:80px; padding-bottom:175px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 166px; background:url(/img/sub/corporate_bg.png) center bottom no-repeat; background-size:cover; }
.partnership-box .corporate .listbox .circle .c2 { width:388px; height:388px; border-radius:300px; border:22px solid #4c7294; background:rgba(255, 255, 255, 1); display:flex; align-items:center; justify-content:center; backdrop-filter: blur(20px); }
.partnership-box .corporate .listbox .circle .c1 { padding:26px; border-radius:300px; background:#c4d4e2; }
.partnership-box .corporate .listbox .circle { padding:26px; border-radius:300px; background:#eef3f8; }
.partnership-box .corporate .listbox .r-box > ul { width:470px; }
.partnership-box .corporate .listbox .r-box > ul > li:not(:last-child) { margin-bottom:20px; }
.partnership-box .corporate .listbox .r-box > ul > li { position:relative; padding:8px; height:134px; background:linear-gradient(90deg, #4D7496 0%, #42607A 100%); box-shadow:0px 0px 30px 0px rgba(0, 68, 169, 0.10); }
.partnership-box .corporate .listbox .r-box > ul > li .box { border:1.5px solid transparent; border-image:linear-gradient(90deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.60) 100%); border-image-slice:1; width:100%; height:100%; color:#fff; font-size:18px; font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; }
.partnership-box .corporate .listbox .arr { opacity:0.6; position:absolute; left:-202px; top:50%; width:197px; height:2px; transform:translateY(-50%); background:#4d7496 } 
.partnership-box .corporate .listbox .r-box > ul > li:nth-child(2) .arr { left:-160px; width:153px; } 
.partnership-box .corporate .listbox .arr:before { content:""; display:block; position:absolute; left:-2px; top:50%; transform:translateY(-50%) rotate(180deg); width:12px; height:12px; background:url(/img/sub/corporate_arr.svg) left center no-repeat; }
.partnership-box .corporate .listbox .arr:after { content:""; display:block; position:absolute; right:-2px; top:50%; transform:translateY(-50%); width:12px; height:12px; background:url(/img/sub/corporate_arr.svg) right center no-repeat; }
@media screen and (max-width:1560px){
	.partnership-box .immigration { padding:180px 0 140px;}
	.partnership-box .immigration .listbox { margin-top:70px; gap:0 114px; }
	.partnership-box .immigration .listbox .circle1 .c-box { width:250px; height:250px; }
	.partnership-box .immigration .listbox .circle1 .box { width:175px; height:70px; }
	.partnership-box .immigration .listbox .circle2 .c2 { width:330px; height:330px; }
	.partnership-box .immigration .listbox .circle2 .c1 { padding:24px; }
	.partnership-box .immigration .listbox .circle2 { padding:24px; }
	.partnership-box .immigration .listbox .arr { left:-112px; width:110px; }
	.partnership-box .immigration .listbox > div:first-child .arr { right:-112px; }
	.partnership-box .corporate { padding:200px 0 0; background-size:240px auto; }
	.partnership-box .corporate .listbox { margin-top:70px; padding-bottom:160px; gap:0 150px; }
	.partnership-box .corporate .listbox .circle .c2 { width:350px; height:350px; border:20px solid #4c7294; }
	.partnership-box .corporate .listbox .circle .c1 { padding:24px; }
	.partnership-box .corporate .listbox .circle { padding:24px; }
	.partnership-box .corporate .listbox .r-box > ul { width:440px; }
	.partnership-box .corporate .listbox .r-box > ul > li:not(:last-child) { margin-bottom:20px; }
	.partnership-box .corporate .listbox .r-box > ul > li { padding:8px; height:125px; }
	.partnership-box .corporate .listbox .r-box > ul > li .box { font-size:18px; }
	.partnership-box .corporate .listbox .arr { width:186px; left:-192px; } 
	.partnership-box .corporate .listbox .r-box > ul > li:nth-child(2) .arr { left:-144px; width:137px; } 
}
@media screen and (max-width:1280px){
	.partnership-box .immigration { padding:140px 0 100px;}
	.partnership-box .immigration .listbox { margin-top:60px; gap:0 84px; }
	.partnership-box .immigration .listbox .circle1 { padding:5px; }
	.partnership-box .immigration .listbox .circle1 .c-box { width:200px; height:200px; }
	.partnership-box .immigration .listbox .circle1 .box { font-size:17px; width:155px; height:60px; border-radius:5px; }
	.partnership-box .immigration .listbox .circle2 .c2 { width:280px; height:280px; }
	.partnership-box .immigration .listbox .circle2 .c1 { padding:20px; }
	.partnership-box .immigration .listbox .circle2 { padding:20px; }
	.partnership-box .immigration .listbox .arr { left:-82px; width:80px; }
	.partnership-box .immigration .listbox > div:first-child .arr { right:-82px; }
	.partnership-box .corporate { padding:160px 0 0; background-size:200px auto; }
	.partnership-box .corporate .listbox { margin-top:60px; padding-bottom:140px; gap:0 130px; }
	.partnership-box .corporate .listbox .circle .c2 { width:310px; height:310px; border:18px solid #4c7294; }
	.partnership-box .corporate .listbox .circle .c1 { padding:20px; }
	.partnership-box .corporate .listbox .circle { padding:20px; }
	.partnership-box .corporate .listbox .r-box > ul { width:380px; }
	.partnership-box .corporate .listbox .r-box > ul > li:not(:last-child) { margin-bottom:20px; }
	.partnership-box .corporate .listbox .r-box > ul > li { padding:6px; height:100px; }
	.partnership-box .corporate .listbox .r-box > ul > li .box { font-size:17px; }
	.partnership-box .corporate .listbox .arr { width:160px; left:-166px; } 
	.partnership-box .corporate .listbox .r-box > ul > li:nth-child(2) .arr { left:-124px; width:117px; } 
}
@media screen and (max-width:960px){
	.partnership-box .immigration { padding:100px 0 80px;}
	.partnership-box .immigration .listbox { margin-top:50px; gap:44px; flex-direction:column; }
	.partnership-box .immigration .listbox .circle1 .box { font-size:16px; }
	.partnership-box .immigration .listbox .circle2 .c2 { width:260px; height:260px; }
	.partnership-box .immigration .listbox .circle2 .c2 figure img { width:130px; }
	.partnership-box .immigration .listbox .arr { left:50%; top:-23px; width:40px; transform:translate(-50%, -50%) rotate(90deg); }
	.partnership-box .immigration .listbox > div:first-child .arr { left:50%; right:unset; top:unset; bottom:-24px; }
	.partnership-box .immigration .listbox .arr:before,
	.partnership-box .immigration .listbox .arr:after { background-size:8px auto; }
	.partnership-box .immigration .listbox .arr:before { left:-6px; }
	.partnership-box .corporate { padding:120px 0 0; background-size:130px auto; }
	.partnership-box .corporate .listbox { margin-top:50px; padding-bottom:120px; gap:20px; flex-direction:column; }
	.partnership-box .corporate .listbox .circle .c2 { width:290px; height:290px; }
	.partnership-box .corporate .listbox .circle .c2 figure img { width:130px; }
	.partnership-box .corporate .listbox .r-box { margin-top:60px }
	.partnership-box .corporate .listbox .r-box,
	.partnership-box .corporate .listbox .r-box > ul { width:100%; max-width:300px; }
	.partnership-box .corporate .listbox .r-box > ul > li:not(:last-child) { margin-bottom:10px; }
	.partnership-box .corporate .listbox .r-box > ul > li { padding:5px; height:80px; }
	.partnership-box .corporate .listbox .r-box > ul > li .box { font-size:16px; }
	.partnership-box .corporate .listbox .arr { transform:translate(-50% , 0) rotate(90deg); } 
	.partnership-box .corporate .listbox .arr { width:90px; left:20%; top:-54px } 
	.partnership-box .corporate .listbox .r-box > ul > li:nth-child(2) .arr { left:50%; top:-131px; width:62px; } 
	.partnership-box .corporate .listbox .r-box > ul > li:nth-child(3) .arr { left:80%; top:-234px }
}
@media screen and (max-width:640px){
	.partnership-box .immigration { padding:80px 0 60px;}
	.partnership-box .corporate { padding:100px 0 0; background-size:110px auto; }
	.partnership-box .corporate .listbox { padding-bottom:100px; }
}

/* animation */
.partnership-box .immigration .tit,
.partnership-box .corporate .tit { opacity:0; }
.partnership-box .immigration.subOn .tit,
.partnership-box .corporate.subOn .tit { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.partnership-box .immigration .tit h4.title:before,
.partnership-box .corporate .tit h4.title:before { opacity:0 }
.partnership-box .immigration.subOn .tit h4.title:before,
.partnership-box .corporate.subOn .tit h4.title:before { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.partnership-box .immigration .listbox { opacity:0; }
.partnership-box .immigration.subOn .listbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.partnership-box .corporate .listbox { opacity:0; }
.partnership-box .corporate.subOn .listbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }

.overview-box .advisors .tit h4.title:before,
.overview-box .organization .tit h4.title:before,
.partnership-box .immigration .tit h4.title:before,
.partnership-box .corporate .tit h4.title:before { left:50%; margin-left:-4px; }

.subCont-b { padding:0 0 200px; }
@media screen and (max-width:1280px){
	.subCont-b { padding:0 0 160px; }
}
@media screen and (max-width:1024px){
	.subCont-b { padding:0 0 120px; }
}
@media screen and (max-width:640px){
	.subCont-b { padding:0 0 80px; }
}

/* immigration */
.immigration-box .top { overflow:hidden; padding:50px; min-height:400px; }
.immigration-box .top.bg1-1 { background:url(/img/sub/immigration_bg01_1.jpg) no-repeat center / cover; }
.immigration-box .top.bg1-2 { background:url(/img/sub/immigration_bg01_2.jpg) no-repeat center / cover; }
.immigration-box .top.bg2-1 { background:url(/img/sub/immigration_bg02_1.jpg) no-repeat center / cover; }
.immigration-box .top.bg2-2 { background:url(/img/sub/immigration_bg02_2.jpg) no-repeat center / cover; }
.immigration-box .top.bg2-3 { background:url(/img/sub/immigration_bg02_3.jpg) no-repeat center / cover; }
.immigration-box .top.bg2-4 { background:url(/img/sub/immigration_bg02_4.jpg) no-repeat center / cover; }
.immigration-box .top .txtCont { padding:50px; max-width:45%; background:rgba(255, 255, 255, 0.20); backdrop-filter:blur(20px); clip-path:polygon(89% 0%, 100% 25%, 100% 100%, 0% 100%, 0% 0%); }
.immigration-box .top .txtCont dt strong { color:#fff; font-size:20px; font-weight:700; line-height:1.3; }
.immigration-box .top .txtCont dd { margin-top:12px; color:#fff; font-size:18px; font-weight:300; line-height:1.65; }
.immigration-box .imCont { display:flex; flex-wrap:wrap; }
.immigration-box .imCont .left { width:353px; position:sticky; top:0; left:0; padding:75px 0; height:365px; }
.immigration-box .imCont .left li:not(:last-child) { margin-bottom:20px; }
.immigration-box .imCont .left li a { color:#ccc; font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.immigration-box .imCont .left li a strong { position:relative; font-weight:700; padding-left:12px; display:inline-block }
.immigration-box .imCont .left li a strong:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:6px; background:#ccc; } 
.immigration-box .imCont .left li a span { color:#bbb; font-size:15px; font-weight:400; }
.immigration-box .imCont .left li.active a,
.immigration-box .imCont .left li.active a span { color:var(--subColor); }
.immigration-box .imCont .left li.active a strong:before { background:var(--subColor); }
.immigration-box .imCont .in-contBox { width:calc(100% - 353px); padding:0 0 200px; }
.immigration-box .imCont .in-contBox > div { padding-top:65px; margin-top:45px }
.immigration-box .imCont .in-contBox > div:first-child { margin-top:0 }
.immigration-box .global-box2 { margin-top:110px; padding:80px 0; background:url(/img/sub/immigration_global.jpg) no-repeat center / cover; overflow:hidden }
.immigration-box .global-box2 > div { display:flex; justify-content:flex-end; }
.immigration-box .global-box2 .txtCont { padding:70px; max-width:53%; height:100%; background:rgba(255, 255, 255, 0.20); backdrop-filter:blur(20px); clip-path:polygon(88% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 0%); }
.immigration-box .global-box2 .txtCont dt { color:#fff; font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.immigration-box .global-box2 .txtCont dd { margin-top:20px; display:flex; flex-wrap:wrap; }
.immigration-box .global-box2 .txtCont dd > ul { width:50%; padding:0 11px; }
.immigration-box .global-box2 .txtCont dd li:not(:last-child) { margin-bottom:10px; }
.immigration-box .global-box2 .txtCont dd li { position:relative; padding-left:16px; color:#fff; font-size:17px; font-weight:300; line-height:1.5; }
.immigration-box .global-box2 .txtCont dd li:before { content:""; display:block; position:absolute; left:0; top:14px; width:3px; height:3px; background:#fff; border-radius:5px; } 
.immigration-box .global-box2 .txtCont .txt_b { margin-top:30px; color:#fff; font-size:18px; font-weight:300; line-height:1.6; }
.in-contBox { margin-top:85px; padding-top:65px; }
.in-contBox h4.tit { position:relative; padding-left:23px; color:#333; font-size:30px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.in-contBox h4.tit:before { content:""; display:block; position:absolute; left:0; top:17px; width:8px; height:8px; background:var(--subColor); } 
.in-contBox h4.tit1 { position:relative; padding-left:0; color:#111; font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.in-contBox h4.tit2 { padding-left:0; }
.in-contBox h4.tit1:before,
.in-contBox h4.tit2:before { display:none; }
.in-contBox h5.stit { position:relative; padding:0 0 30px 30px; color:var(--subColor); font-size:20px; font-weight:700; line-height:1.3; }
.in-contBox h5.stit:before { content:""; display:block; position:absolute; left:12px; top:10px; width:6px; height:6px; background:var(--subColor); border-radius:6px; } 
.in-contBox .stxt-1 { margin-top:20px; color:#111; font-size:18px; font-weight:300; line-height:1.65; }
.in-contBox .stxt-s { margin-top:60px; }
.in-contBox .box-1 { margin-top:30px; background:#f1f5f6; padding:60px; }
.in-contBox .box-1 h5 { color:var(--subColor); font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; margin-bottom:20px; }
.in-contBox .box-1 .sbox { display:flex; flex-wrap:wrap; }
.in-contBox .box-1 .sbox > ul { width:50%; padding:0 11px; }
.in-contBox .box-1 .sbox li:not(:last-child) { margin-bottom:10px; }
.in-contBox .box-1 .sbox li { position:relative; padding-left:16px; color:var(--subColor); font-size:17px; font-weight:300; line-height:1.5; }
.in-contBox .box-1 .sbox li:before { content:""; display:block; position:absolute; left:0; top:14px; width:3px; height:3px; background:var(--subColor); border-radius:5px; } 
.in-contBox .box-1.box-2 { margin-top:60px; }
.in-contBox .box-1.box-2 .sbox li { padding-left:32px; }
.in-contBox .box-1.box-2 .sbox li:before { content:""; display:block; position:absolute; left:4px; top:8px; width:15px; height:12px; background:url(/img/sub/immigration_ch1.svg) center center no-repeat; background-size:auto; } 
.in-contBox .listbox-1 { margin-top:40px; }
.in-contBox .listbox-1 ul { display:flex; flex-wrap:wrap; gap:20px; }
.in-contBox .listbox-1 ul li { width:calc((100% - 60px) / 4); border:1px solid var(--subColor); padding:0 5px; height:110px; display:flex; align-items:center; justify-content:center; text-align:center; }
.in-contBox .listbox-1 ul li strong { display:block; color:var(--subColor); font-size:20px; font-weight:700; line-height:1.3; }
.in-contBox .listbox-1 ul li span { margin-top:7px; display:block; color:#999; font-size:16px; font-weight:500; line-height:1.3; }
.in-contBox .boxList { display:flex; flex-wrap:wrap; gap:10px; margin-top:40px; }
.in-contBox .boxList .box { width:calc((100% - 10px) / 2); background:#f1f5f6; }
.in-contBox .boxList .box > p { height:70px; display:flex; align-items:center; justify-content:center; text-align:center; background:rgba(16, 62, 102, 0.2); color:var(--subColor); font-size:18px; font-weight:700; line-height:1.3; }
.in-contBox .boxList .box dl { min-height:227px; padding:60px 5px 60px; text-align:center; flex-direction:column; background:#f1f5f6; }
.in-contBox .boxList .box dt { margin-top:50px; color:#333; font-size:18px; font-weight:500; line-height:1.3; }
.in-contBox .boxList .box dt:nth-child(1) { margin-top:0; }
.in-contBox .boxList .box dd { margin-top:10px; color:#333; font-size:18px; font-weight:300; line-height:1.3; }
.in-contBox .boxList .box:nth-child(2) > p { color:#fff; background:var(--subColor); }
.in-contBox .boxList .box:nth-child(2) { border:1px solid var(--subColor); }
.in-contBox .tableBox { margin-top:80px; }
.in-contBox .tableBox table { border-top:2px solid var(--subColor); width:100%; }
.in-contBox .tableBox thead th,
.in-contBox .tableBox tbody th { text-align:center; height:80px; color:var(--subColor); font-size:18px; font-weight:700; line-height:1.3; border-bottom:1px solid var(--subColor); }
.in-contBox .tableBox tbody th.line { border-right:1px solid var(--subColor); border-bottom:1px solid #ccc; }
.in-contBox .tableBox tbody td { position:relative; text-align:center; height:84px; padding:5px; color:#222; font-size:18px; font-weight:400; line-height:1.5; border-bottom:1px solid #ccc; }
.in-contBox .tableBox tbody td:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:60%; background:#ccc; }
.in-contBox .tableBox tbody td:first-child:before { display:none }
.in-contBox .tableBox tbody td .list { display:flex; justify-content:center; text-align:left; padding:20px; }
.in-contBox .tableBox tbody td .list li { position:relative; padding-left:16px; color:#222; font-size:18px; font-weight:300; line-height:1.3; }
.in-contBox .tableBox tbody td .list li:not(:last-child) { margin-bottom:5px; }
.in-contBox .tableBox tbody td .list li:before { content:""; display:block; position:absolute; left:0; top:14px; width:3px; height:3px; background:#222; border-radius:5px; } 
.document-box .in-contBox .tableBox tbody td,
.sr-box .tableBox tbody td { font-weight:300; }
@media screen and (max-width:1560px){
	.in-contBox .boxList .box dd br { display:none }
}
@media screen and (max-width:1280px){
	.immigration-box .top { padding:40px; }
	.immigration-box .top .txtCont { padding:40px; }
	.immigration-box .top .txtCont dt strong { font-size:19px; }
	.immigration-box .top .txtCont dd { margin-top:10px; font-size:17px; }
	.immigration-box .imCont .left { width:330px; top:50px; padding:60px 0; }
	.immigration-box .imCont .left li:not(:last-child) { margin-bottom:15px; }
	.immigration-box .imCont .left li a { font-size:19px; }
	.immigration-box .imCont .left li a span { font-size:14px; }
	.immigration-box .imCont .in-contBox { width:calc(100% - 330px); padding:0 0 160px; }
	.immigration-box .imCont .in-contBox > div { padding-top:100px; margin-top:0 } 
	.immigration-box .global-box2 .txtCont { padding:60px; max-width:65%; }
	.immigration-box .global-box2 { margin-top:100px; padding:70px 0; }
	.immigration-box .global-box2 .txtCont dt { font-size:22px; }
	.immigration-box .global-box2 .txtCont dd { margin-top:15px; }
	.immigration-box .global-box2 .txtCont dd li { padding-left:15px; font-size:16px; }
	.immigration-box .global-box2 .txtCont dd li:before { top:13px; width:3px; height:3px; } 
	.immigration-box .global-box2 .txtCont .txt_b { margin-top:20px; font-size:17px; }
	.in-contBox { margin-top:0; padding-top:100px; }
	.in-contBox h4.tit { padding-left:20px; font-size:27px; }
	.in-contBox h4.tit:before { top:16px; } 
	.in-contBox h4.tit1 { padding-left:0; font-size:19px; }
	.in-contBox h4.tit2 { padding-left:0; }
	.in-contBox h5.stit { padding:0 0 25px 25px; font-size:19px; }
	.in-contBox h5.stit:before { left:10px; top:10px; width:5px; height:5px; } 
	.in-contBox .stxt-1 { margin-top:20px; font-size:18px; }
	.in-contBox .stxt-s { margin-top:50px; }
	.in-contBox .box-1 { margin-top:25px; padding:40px; }
	.in-contBox .box-1 h5 { font-size:22px; }
	.in-contBox .box-1 .sbox li { padding-left:15px; font-size:16px; }
	.in-contBox .box-1 .sbox li:before { top:13px; width:3px; height:3px; } 
	.in-contBox .listbox-1 ul { gap:15px; margin-top:20px; }
	.in-contBox .listbox-1 ul li { width:calc((100% - 45px) / 4); }
	.in-contBox .listbox-1 ul li strong { font-size:19px; }
	.in-contBox .listbox-1 ul li span { margin-top:6px; font-size:15px; }
	.in-contBox .boxList { margin-top:30px; }
	.in-contBox .boxList .box > p { height:65px; font-size:17px; }
	.in-contBox .boxList .box dl { min-height:200px; padding:40px 10px 40px; }
	.in-contBox .boxList .box dt { margin-top:40px; font-size:17px; }
	.in-contBox .boxList .box dd { font-size:17px; }
	.in-contBox .tableBox { margin-top:60px; }
	.in-contBox .tableBox thead th,
	.in-contBox .tableBox tbody th { height:70px; font-size:17px; }
	.in-contBox .tableBox tbody td { height:80px; font-size:17px; }
	.in-contBox .tableBox tbody td .list { padding:15px; }
	.in-contBox .tableBox tbody td .list li { padding-left:15px; font-size:17px; }
	.in-contBox .tableBox tbody td .list li:before { top:13px; width:3px; height:3px; }
}
@media screen and (max-width:1024px){
	.immigration-box .top { padding:30px; min-height:350px; }
	.immigration-box .top .txtCont { padding:30px; max-width:60%; }
	.immigration-box .top .txtCont dt strong { font-size:18px; }
	.immigration-box .top .txtCont dd { margin-top:8px; font-size:16px; }
	.immigration-box .imCont .left { width:calc(100% + 40px); height:auto; left:0; margin:0 -20px; top:80px; padding:20px; z-index:2; border-bottom:1px solid rgba(204, 204, 204, 0.2); backdrop-filter:blur(15px); background:rgba(255,255,255,0.3); }
	.immigration-box .imCont .left ul { display:flex; flex-wrap:wrap; gap:20px; }
	.immigration-box .imCont .left li { width:calc((100% - 40px) / 3); }
	.immigration-box .imCont .left li:not(:last-child) { margin-bottom:0; }
	.immigration-box .imCont .left li a { font-size:18px; }
	.immigration-box .imCont .left li a span { font-size:13px; }
	.immigration-box .imCont .left li a strong { padding-left:10px; }
	.immigration-box .imCont .left li a strong:before { width:4px; height:4px; } 
	.immigration-box .imCont .in-contBox { width:100%; padding:0 0 120px; }
	.immigration-box .imCont .in-contBox > div { padding-top:60px; }
	.immigration-box .imCont .in-contBox > div:first-child { margin-top:0 } 
	.immigration-box .global-box2 { margin-top:90px; padding:60px 0; }
	.immigration-box .global-box2 .txtCont { padding:40px; max-width:70%; }
	.immigration-box .global-box2 .txtCont dt { font-size:19px; }
	.immigration-box .global-box2 .txtCont dd { margin-top:10px; }
	.immigration-box .global-box2 .txtCont dd li { padding-left:13px; font-size:15px; }
	.immigration-box .global-box2 .txtCont dd li:before { width:2px; height:2px}  
	.immigration-box .global-box2 .txtCont .txt_b { margin-top:15px; font-size:16px; }
	.in-contBox { padding-top:60px; }
	.in-contBox h4.tit { padding-left:18px; font-size:22px; }
	.in-contBox h4.tit:before { top:14px; width:6px; height:6px; } 
	.in-contBox h4.tit1 { padding-left:0; font-size:19px; }
	.in-contBox h4.tit2 { padding-left:0; }
	.in-contBox h5.stit { padding:0 0 20px 20px; font-size:18px; }
	.in-contBox h5.stit:before { left:7px; top:10px; width:4px; height:4px; } 
	.in-contBox .stxt-1 { margin-top:15px; font-size:17px; }
	.in-contBox .stxt-s { margin-top:40px; }
	.in-contBox .box-1 { margin-top:25px; padding:30px; }
	.in-contBox .box-1 h5 { font-size:20px; margin-bottom:12px; }
	.in-contBox .box-1 .sbox li { padding-left:13px; font-size:15px; }
	.in-contBox .box-1 .sbox li:before { width:2px; height:2px }
	.in-contBox .box-1.box-2 { margin-top:50px; }
	.in-contBox .box-1.box-2 .sbox li { padding-left:28px; }
	.in-contBox .box-1.box-2 .sbox li:before { left:3px; top:7px; width:13px; background-size:13px auto; }
	.in-contBox .listbox-1 { margin-top:20px; }
	.in-contBox .listbox-1 ul { gap:10px; margin-top:15px; }
	.in-contBox .listbox-1 ul li { width:calc((100% - 30px) / 4); height:100px; }
	.in-contBox .listbox-1 ul li strong { font-size:18px; }
	.in-contBox .listbox-1 ul li span { margin-top:4px; font-size:14px; }
	.in-contBox .boxList { margin-top:20px; }
	.in-contBox .boxList .box > p { height:60px; font-size:16px; }
	.in-contBox .boxList .box dl { min-height:180px; padding:30px 10px 30px; }
	.in-contBox .boxList .box dt { margin-top:30px; font-size:16px; }
	.in-contBox .boxList .box dd { font-size:16px; }
	.in-contBox .tableBox { margin-top:40px; }
	.in-contBox .tableBox thead th,
	.in-contBox .tableBox tbody th { height:60px; font-size:16px; }
	.in-contBox .tableBox tbody td { height:70px; font-size:16px; }
	.in-contBox .tableBox tbody td img { width:20px; }
	.in-contBox .tableBox tbody td .list { padding:10px 12px; }
	.in-contBox .tableBox tbody td .list li { padding-left:13px; font-size:16px; }
	.in-contBox .tableBox tbody td .list li:before { top:11px; width:2px; height:2px; }
}
@media screen and (max-width:860px){
	.immigration-box .global-box2 .txtCont { max-width:100%; }
}
@media screen and (max-width:640px){
	.immigration-box .top { padding:20px; min-height:300px; }
	.immigration-box .top .txtCont { padding:20px; max-width:100%; }
	.immigration-box .imCont .left { top:70px; padding:30px 20px 20px; }
	.immigration-box .imCont .left ul { gap:10px; }
	.immigration-box .imCont .left li { width:calc(46% - 5px); }
	.immigration-box .imCont .left li:nth-child(2n) { width:calc(54% - 5px); }
	.immigration-box .imCont .left li a { font-size:17px; }
	.immigration-box .imCont .left li a span { font-size:13px; }
	.immigration-box .imCont .in-contBox { padding:0 0 80px; }
	.immigration-box .global-box2 { margin-top:80px; padding:50px 0; }
	.immigration-box .global-box2 .txtCont { padding:30px; }
	.immigration-box .global-box2 .txtCont dt { font-size:20px; }
	.immigration-box .global-box2 .txtCont dd { margin-top:10px; }
	.immigration-box .global-box2 .txtCont dd li:not(:last-child) { margin-bottom:6px; }
	.immigration-box .global-box2 .txtCont dd li { padding-left:13px; font-size:15px; }
	.immigration-box .global-box2 .txtCont dd li:before { width:2px; height:2px}  
	.immigration-box .global-box2 .txtCont .txt_b { margin-top:15px; font-size:16px; }
	.in-contBox .box-1 { padding:20px; }
	.in-contBox .box-1 h5 { font-size:18px; margin-bottom:8px; }
	.in-contBox .box-1 .sbox > ul { width:100%; }
	.in-contBox .box-1 .sbox > ul:not(:last-child) { margin-bottom:6px; }
	.in-contBox .box-1.box-2 { margin-top:40px; }
	.in-contBox .listbox-1 ul li { width:calc((100% - 10px) / 2); }
	.in-contBox .boxList .box > p { height:50px; }
	.in-contBox .boxList .box dl { min-height:160px; padding:20px 10px 20px; }
	.in-contBox .boxList .box dt { margin-top:20px; }
	.in-contBox .tableBox { margin-top:35px; }
	.in-contBox .tableBox thead th,
	.in-contBox .tableBox tbody th { height:55px; font-size:14px; }
	.in-contBox .tableBox tbody td { height:65px; font-size:14px; }
	.in-contBox .tableBox tbody td img { width:18px; }
	.in-contBox .tableBox tbody td .list li { font-size:13px; }
	.sr-box .tableBox .scroll-box { overflow:auto }
	.sr-box .tableBox .scroll-box table { width:860px; }
}

/* animation */
.immigration-box .top .txtCont dt,
.immigration-box .top .txtCont dd { opacity:0 }
.immigration-box .top.subOn .txtCont dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.immigration-box .top.subOn .txtCont dd { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.immigration-box .imCont .left,
.in-contBox > div { opacity:0 }
.immigration-box .imCont .left.subOn { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.in-contBox > div.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.immigration-box .global-box2 .txtCont dt,
.immigration-box .global-box2 .txtCont dd,
.immigration-box .global-box2 .txtCont .txt_b { opacity:0 }
.immigration-box .global-box2.subOn .txtCont dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.immigration-box .global-box2.subOn .txtCont dd { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.immigration-box .global-box2.subOn .txtCont .txt_b { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.immigration-box .imCont .left.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
}

.sr-box .os-theme-dark > .os-scrollbar, 
.sr-box .os-theme-light > .os-scrollbar { padding:0; }
.sr-box .os-theme-dark > .os-scrollbar-horizontal, 
.sr-box .os-theme-light > .os-scrollbar-horizontal { height:4px }
.sr-box .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:var(--subColor); height:4px; border-radius:4px; }
.sr-box .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.sr-box .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.sr-box .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.sr-box .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:var(--subColor); border-radius:4px; }


.ch-list { margin-top:30px; background:#f1f5f6; padding:60px; }
.ch-list h5 { color:var(--subColor); font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; margin-bottom:20px; }
.ch-list .sbox li:not(:last-child) { margin-bottom:10px; }
.ch-list .sbox li { position:relative; padding-left:32px; color:var(--subColor); font-size:17px; font-weight:300; line-height:1.5; }
.ch-list .sbox li:before { content:""; display:block; position:absolute; left:4px; top:8px; width:15px; height:12px; background:url(/img/sub/immigration_ch1.svg) center center no-repeat; background-size:auto; } 
@media screen and (max-width:1280px){
	.ch-list { margin-top:25px; padding:40px; }
	.ch-list h5 { font-size:22px; }
	.ch-list .sbox li { font-size:16px; }
}
@media screen and (max-width:1024px){
	.ch-list { margin-top:25px; padding:30px; }
	.ch-list h5 { font-size:20px; margin-bottom:12px; }
	.ch-list .sbox li { padding-left:28px; font-size:15px; }
	.ch-list .sbox li:before { left:3px; top:7px; width:13px; background-size:13px auto; } 
}
@media screen and (max-width:640px){
	.ch-list { padding:20px; }
	.ch-list h5 { font-size:18px; margin-bottom:8px; }
}

.document-box { overflow:hidden }
.document-box .txtCont dd { margin-top:30px; color:#333; font-size:18px; font-weight:300; line-height:1.65; }
.document-box .top { display:flex; flex-wrap:wrap; align-items:center; }
.document-box .top picture { position:relative; width:49%; padding-right:55px; }
.document-box .top picture:after { content:""; display:block; z-index:2; position:absolute; left:-30px; bottom:-30px; width:150px; height:150px; background:var(--subColor); }
.document-box .top picture img { position:relative; max-width:100%; z-index:3; clip-path:polygon(82.5% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 0%); }
.document-box .top .txtCont { width:51%; padding-left:55px; }
.document-box .in-contBox { margin-top:0; padding-top:70px; }
.document-box .in-contBox .box-1 { display:flex; flex-wrap:wrap; gap:20px; background:none; margin-top:0; padding:0; }
.document-box .in-contBox .box-1 .sbox { width:calc((100% - 20px) / 2); display:block; background:#f1f5f6; padding:60px; }
.document-box .in-contBox .box-1 .sbox > ul { width:100%; padding:0; }
@media screen and (max-width:1560px){
	.document-box .top picture { padding-right:45px; }
	.document-box .top picture:after { left:-25px; bottom:-25px; width:130px; height:130px; }
	.document-box .top .txtCont { padding-left:45px; }
}
@media screen and (max-width:1280px){
	.document-box .txtCont dd { margin-top:25px; font-size:17px; }
	.document-box .top picture { padding-right:25px; }
	.document-box .top picture:after { left:-20px; bottom:-20px; width:110px; height:110px; }
	.document-box .top .txtCont { padding-left:25px; }
	.document-box .in-contBox { margin-top:0; padding-top:50px; }
	.document-box .in-contBox .box-1 .sbox { padding:40px; }
}
@media screen and (max-width:1200px){
	.document-box .top picture:after { left:-10px; bottom:-10px; width:100px; height:100px; }
}
@media screen and (max-width:1024px){
	.document-box .txtCont dd { margin-top:18px; font-size:16px; }
	.document-box .top picture { width:55%; padding-right:20px; }
	.document-box .top .txtCont { width:45%; padding-left:20px; }
	.document-box .in-contBox { margin-top:0; padding-top:30px; }
	.document-box .in-contBox .box-1 { gap:10px; }
	.document-box .in-contBox .box-1 .sbox { width:calc((100% - 10px) / 2); padding:30px; }
}
@media screen and (max-width:960px){
	.document-box .top picture { width:100%; padding-right:0;}
	.document-box .top picture:before { content:""; display:block; padding-bottom:60%; }
	.document-box .top picture img { max-width:auto; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
	.document-box .top .txtCont { width:100%; padding-left:0; margin-top:80px; }
}
@media screen and (max-width:640px){
	.document-box .txtCont dd { margin-top:15px; font-size:15px; }
	.document-box .top picture:after { width:80px; height:80px; }
	.document-box .top .txtCont { margin-top:60px; }
	.document-box .in-contBox { margin-top:0; padding-top:10px; }
	.document-box .in-contBox .box-1 .sbox { width:100%; padding:20px; }
}

/* animation */
.aboudocument-boxtUs-box .txtCont dt,
.document-box .txtCont dt,
.document-box .txtCont dd { opacity:0; }
.document-box .txtCont dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.document-box .txtCont dd { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.document-box .top picture:before { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:5 }
.document-box .top picture:before { animation:ani_w 1.5s 0.5s; animation-fill-mode:both; }
.document-box .top picture:after { opacity:0; }
.document-box .top picture:after { animation:ani_5 0.5s 2.0s; animation-fill-mode:both; }
.document-box .txtCont h4.title:before { opacity:0 }
.document-box .txtCont h4.title:before { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.document-box .ch-list { opacity:0; }
.document-box .subOn .ch-list { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.document-box .top picture:before { content:""; display:block; padding-bottom:60%; position:relative; background:transparent; }
	.document-box .top picture:before,
	.document-box .top picture:after,
	.document-box .top picture:after { opacity:1; animation:none;}
	.document-box .top picture { opacity:0; }
	.document-box .top picture { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; }
	.document-box .subOn .ch-list { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}











.search-box { position:relative; display:flex; flex-wrap:wrap; padding-right:170px; margin-top:80px; }
.search-box select { width:350px; height:80px; line-height:80px; padding:0 40px; font-size:18px; color:#111; font-weight:400; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#f3f3f3 url(/img/sub/icon_select_down.png) right center no-repeat; }
.search-box select::-ms-expand { display:none; }
.search-box input { width:calc(100% - 350px - 10px); margin-left:10px; height:80px; padding:0 40px; font-size:18px; color:#111; font-weight:400; border:none; outline:none; background:#f3f3f3; border-radius:0; }
.search-box button { position:absolute; right:0; top:0; display:inline-block; text-align:center; border:none; outline:none; background:none; padding:0; }
.search-box button span { margin:0 auto; display:flex; justify-content:center; align-items:center; position:relative; text-align:center; background-color:#ff7b0f; min-width:170px; height:80px; color:#fff; font-size:18px; font-weight:600; }
@media screen and (max-width:1024px){	
    .search-box { margin-top:60px; }
    .search-box select { width:250px; height:70px; line-height:70px; padding:0 25px; font-size:16px; }
    .search-box input { width:calc(100% - 250px - 10px); margin-left:10px; height:70px; padding:0 25px; font-size:16px; }
    .search-box button span { min-width:170px; height:70px; font-size:16px; }
}
@media screen and (max-width:760px){	
    .search-box { padding-right:0; }
    .search-box select { width:100%; }
    .search-box input { width:100%; margin-left:0; margin-top:8px; padding:0 175px 0 25px; }
    .search-box button { top:unset; bottom:0; }
    .search-box button span { min-width:150px; }
}
@media screen and (max-width:640px){	
    .search-box { margin-top:40px; }
    .search-box select { padding:0 10px; height:60px; line-height:60px; }
    .search-box input { height:60px; padding:0 110px 0 10px; }
    .search-box button span { min-width:90px; height:60px; }
}



/* °³¹ßºÎºÐ site.css --> register-box */
.registerBox > ul { display:flex; flex-wrap:wrap; border-top:1px solid var(--subColor); }
.registerBox > ul > li { position:relative; display:flex; align-items:center; flex-wrap:wrap; width:100%; background:#f8f8f8; border-bottom:1px solid #ccc; }
.registerBox > ul > li.top { align-items:flex-start; }
.registerBox > ul > li.top > label  { padding-top:27px; }
.registerBox > ul > li > label { width:320px; font-size:18px; color:#222; font-weight:500; line-height:1.3; display:inline-block; text-align:left; padding-left:32px; }
.registerBox > ul > li > label > span { font-size:16px; font-weight:400; color:#aaa; }
.registerBox > ul > li .ipbox { width:calc(100% - 320px); padding:12px 0 12px 15px; min-height:60px; background:#fff; border-left:1px solid #ccc; font-size:18px; color:#222; font-weight:400; }
.registerBox > ul > li input[type="text"],
.registerBox > ul > li input[type="password"] { height:60px; padding:0 20px; max-width:710px; width:100%; font-size:18px; color:#222; font-weight:400; border:none; outline:none; background:#f6f6f6; border-radius:0; }
.registerBox > ul > li select { max-width:710px; width:100%; height:60px; line-height:60px; padding:0 50px 0 20px; font-size:18px; color:#222; font-weight:400; border:1px solid #dbdbdb; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.registerBox > ul > li select::-ms-expand { display: none; }
.registerBox > ul > li textarea { width:100%; height:175px; line-height:1.6; padding:20px; font-size:18px; color:#222; font-weight:400; border:none; outline:none; background:#f6f6f6; border-radius:0; }
.registerBox > ul > li input.ip02 { max-width:200px; width:100%; }
.registerBox > ul > li select.sel01 { width:500px; }
.registerBox > ul > li .stxt { font-size:18px; color:#111; font-weight:400; width:36px; display:inline-block; text-align:center; }
.registerBox > ul > li .ipbox .mt { padding-top:25px; }
.registerBox > ul > li .ipbox .ipcont { position:relative; display:none; align-items:center; margin-top:10px; }
.registerBox > ul > li .ipbox .ipcont .tit { width:150px; font-size:18px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:1.3; }
.registerBox > ul > li .ipbox .ipcont .upload-name { width:315px; height:55px; outline:none; border:none; padding:0 20px; font-size:18px; color:#333; background:#f8f8f8; border-radius:0; }
.registerBox > ul > li .ipbox .ipcont .upload-name.on { padding:4px 0 4px 45px; background:#f8f8f8 url(/img/sub/file_icon.png) 20px center no-repeat; }
.registerBox > ul > li .ipbox .ipcont .file { width:180px; height:55px; background:#222; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:0; }
.registerBox > ul > li .ipbox .ipcont .file span{ text-align:center; font-size:17px; color:#fff; font-weight:500; }
.registerBox > ul > li .ipbox .ipcont .file input{display:none}
.registerBox > ul > li .ipbox .sbox { margin:40px 0 10px; padding:0; display:none }
.registerBox > ul > li .ipbox .sbox .ch { margin:0; border-radius:10px; background:#f8f8f8; padding:20px 30px; display:inline-block }
.registerBox > ul > li .code-box { position:relative; }
.registerBox > ul > li .code-box .ip-code { display:flex; gap:5px; }
.registerBox > ul > li .code-box img { width:175px; height:60px}
.registerBox > ul > li .code-box .btn_refresh { cursor:pointer; width:60px; height:60px; border:1px solid #ccc; outline:none; background:url(/img/sub/btn_refresh.png) center center no-repeat; text-indent:-9999em; overflow:hidden }
.registerBox > ul > li .privacy-box { padding:20px 0; background:#f6f6f6; }
.registerBox > ul > li .privacy-box .privacy * { font-size:16px; }
.registerBox > ul > li .privacy-box .privacy > dl { margin-top:30px; }
.registerBox > ul > li .privacy-box .privacy > dl > dt { font-size:19px;}
.registerBox > ul > li .privacy-box .privacy > dl > dd { margin-top:15px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 { margin-top:8px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul,
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul { padding-left:10px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li,
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul > li { padding-left:14px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li:not(:last-child) { margin-bottom:5px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li:before,
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul > li:before { top:12px; width:2px; height:2px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li > ul > li { padding-left:12px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li > ul > li:not(:last-child) { margin-bottom:5px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li > ul > li:before { top:13px; width:5px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl { margin-top:20px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul { margin-top:10px; }
.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul > li:not(:last-child) { margin-bottom:20px; }
.registerBox > ul > li .privacy-box .scroll-box { padding:0 20px; height:135px; overflow:auto; }
.registerBox .ch { margin-top:25px; }
.registerBox .ch-box.right .ch { text-align:right }
.registerBox .ipbox .ch { margin-top:20px; }
.registerBox .ipbox .ch label:not(:last-child) { margin-right:80px; display:inline-block }
.registerBox .ipbox .ch-1 label:not(:last-child) { margin-right:40px; }
.registerBox .ch input[type="checkbox"],
.registerBox .ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.registerBox .ch input[type="checkbox"] + span,
.registerBox .ch input[type="radio"] + span { position:relative; padding:0 0 0 10px; font-weight:300; font-size:18px; line-height:1.4 !important; display:inline-block; color:#333; }
.registerBox .ch input[type="checkbox"] + span { padding:0 0 0 12px;}
.registerBox .ch input[type="checkbox"] + span:before  { content:''; display:block; width:16px; height:16px; vertical-align:middle; background:#fff; border:2px solid #ddd; border-radius:0 ; position:absolute; left:-15px; top:3px; }
.registerBox .ch input[type="radio"] + span:before { content:''; display:block; width:16px; height:16px; vertical-align:middle; background:none; border:1px solid #ddd; border-radius:50px; position:absolute; left:-15px; top:5px; }
.registerBox .ch input[type="checkbox"] + span:after { content:''; display:block; width:20px; height:20px; vertical-align:middle; background:none; border:none; border-radius:0; position:absolute; left:-15px; top:3px; }
.registerBox .ch input[type="radio"] + span:after { content:''; display:block; width:6px; height:6px; vertical-align:middle; background:none; border:none; border-radius:50px; position:absolute; left:-9px; top:11px; }
.registerBox .ch input[type="checkbox"]:checked + span:after { background:url(/img/sub/ch_on.png) center center no-repeat; }
.registerBox .ch input[type="radio"]:checked + span:after { background:#000; }
.registerBox .ch input[type="radio"]:checked + span:before { border:1px solid #000; }
.registerBox .attach { display:none }
.registerBox .txt_b { margin-top:70px; text-align:center; color:#000; font-size:18px; font-weight:300; line-height:1.65; }
/*
.registerBox ul > li .sel-focus:focus ~ .tit,
.registerBox ul > li.on label.tit { opacity:0; z-index:-1 }
*/
@media screen and (max-width:1280px){
    .registerBox > ul > li > label { width:300px; font-size:17px; }
    .registerBox > ul > li .ipbox { width:calc(100% - 300px); padding:10px 0 10px 10px; }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"],
    .registerBox > ul > li select,
    .registerBox > ul > li textarea,
    .registerBox > ul > li .stxt,
    .registerBox > ul > li .ipbox .ipcont .tit,
    .registerBox > ul > li .ipbox .ipcont .upload-name,
    .registerBox .ch input[type="checkbox"] + span,
    .registerBox .ch input[type="radio"] + span { font-size:17px; }
    .registerBox > ul > li .ipbox .ipcont.mt { margin-top:30px; }
    .registerBox > ul > li .ipbox .ipcont .file { width:160px; }
    .registerBox > ul > li .ipbox .ipcont .file span{ font-size:16px; }
    .registerBox > ul > li .ipbox .sbox { margin:30px 0 10px; }
    .registerBox > ul > li .ipbox .sbox .ch { padding:20px; }
    .registerBox .ipbox .ch { margin-top:18px; }
    .registerBox .ch input[type="checkbox"] + span:before  { top:1px; }
    .registerBox .ch input[type="radio"] + span:before { top:3px; }
    .registerBox .ch input[type="checkbox"] + span:after { top:1px; }
    .registerBox .ch input[type="radio"] + span:after { top:9px; }
	.registerBox > ul > li .code-box img { width:auto; height:55px }
	.registerBox > ul > li .code-box .btn_refresh { width:55px; height:55px; }
}
@media screen and (max-width:1024px){
    .registerBox > ul > li > label { width:250px; font-size:16px; padding-left:20px;  }
    .registerBox > ul > li .ipbox { width:calc(100% - 250px); padding:10px 0 10px 10px; min-height:50px; }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"],
    .registerBox > ul > li select,
    .registerBox > ul > li textarea,
    .registerBox > ul > li .stxt,
    .registerBox > ul > li .ipbox .ipcont .tit,
    .registerBox > ul > li .ipbox .ipcont .upload-name,
    .registerBox .ch input[type="checkbox"] + span,
    .registerBox .ch input[type="radio"] + span { font-size:16px; }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"] { height:50px; padding:0 10px; }
    .registerBox > ul > li select { height:50px; line-height:50px; padding:0 45px 0 10px; }
    .registerBox > ul > li textarea { padding:10px; } 
    .registerBox > ul > li input.ip02,
    .registerBox > ul > li select.sel01 { padding:0 10px; }
    .registerBox > ul > li .privacy-box { padding:10px 0; }
    .registerBox > ul > li .privacy-box .scroll-box { height:220px; }
    .registerBox > ul > li .ipbox .mt { padding-top:15px; }
    .registerBox > ul > li .ipbox .ipcont { margin-top:5px; }
    .registerBox > ul > li .ipbox .ipcont .tit { width:130px; }
    .registerBox > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 260px); height:50px; padding:0 10px; }
    .registerBox > ul > li .ipbox .ipcont .file { width:130px; height:50px; }
    .registerBox > ul > li .ipbox .ipcont .file span{ font-size:15px; }
    .registerBox > ul > li .ipbox .sbox { margin:20px 0 10px; }
    .registerBox > ul > li .ipbox .sbox .ch { padding:15px; }
    .registerBox > ul > li img.img { height:55px; }
	.registerBox > ul > li .code-box img { width:auto; height:55px}
    .registerBox .ipbox .ch { margin-top:18px; }
    .registerBox .ch input[type="radio"] + span:before { top:2px; }
    .registerBox .ch input[type="radio"] + span:after { top:8px; }
    .registerBox .ipbox .ch label:not(:last-child) { margin-right:60px; }
    .registerBox .ipbox .ch-1 label:not(:last-child) { margin-right:30px; }
    .registerBox .ipbox .sbox .ch-1 label { width:49% }
    .registerBox .ipbox .sbox .ch-1 label:not(:last-child) { margin:0 0 8px; }
	.registerBox .txt_b { margin-top:50px; font-size:16px; }
	.registerBox > ul > li .code-box img { height:50px }
	.registerBox > ul > li .code-box .btn_refresh { width:50px; height:50px; }
	.registerBox > ul > li .privacy-box .privacy * { font-size:15px; }
	.registerBox > ul > li .privacy-box .privacy > dl { margin-top:30px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dt { font-size:17px;}
	.registerBox > ul > li .privacy-box .privacy > dl > dd { margin-top:15px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 { margin-top:5px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul,
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul { padding-left:5px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li,
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul > li { padding-left:10px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li:not(:last-child) { margin-bottom:5px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li:before,
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul > li:before { top:11px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li > ul > li { padding-left:10px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > ul > li > ul > li:before { top:11px; width:4px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl { margin-top:12px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul { margin-top:5px; }
	.registerBox > ul > li .privacy-box .privacy > dl > dd .list-1 > dl > dd > ul > li:not(:last-child) { margin-bottom:12px; }
}
@media screen and (max-width:760px){
    .registerBox > ul > li input.ip02 { max-width:100%; width:calc(50% - 13px); }
} 
@media screen and (max-width:640px){
    .registerBox > ul > li { background:none; padding:0 10px 10px; }
	.registerBox > ul > li.top > label { padding-top:10px; }
    .registerBox > ul > li > label { width:100%; text-align:left; margin-bottom:5px; padding-top:10px; padding-left:0; }
    .registerBox > ul > li .ipbox { width:100%; padding:0; min-height:55px; border-left:none }
    .registerBox > ul > li textarea,
    .registerBox > ul > li .privacy-box .scroll-box { height:150px; }
    .registerBox > ul > li select.sel01 { width:100%; margin-top:5px; }
    .registerBox > ul > li .ipbox .ipcont:not(:last-child) { margin-bottom:15px; }
    .registerBox > ul > li .ipbox .ipcont { flex-wrap:wrap; }
    .registerBox > ul > li .ipbox .ipcont .tit { width:100%; padding:0 0 3px 10px; }
    .registerBox > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 100px); }
    .registerBox > ul > li .ipbox .ipcont .upload-name.on { padding:4px 0 4px 30px; background-position:10px 50%; }
    .registerBox > ul > li .ipbox .ipcont .file { width:100px; height:50px; }
    .registerBox > ul > li .ipbox .sbox { margin:20px 0 10px; }
    .registerBox > ul > li .ipbox .sbox .ch { padding:20px; display:block }
    .registerBox .ipbox .ch label:not(:last-child) { margin-right:40px; }
    .registerBox .ipbox .ch-1 label:not(:last-child) { margin-right:14px; }
	.registerBox .txt_b { margin-top:30px; font-size:15px; }
}

/* animation */
.registerBox { opacity:0; }
.registerBox.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.layerPopup { position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; z-index:-1; transition:all 0.5s; }
.layerPopup.on { opacity:1; visibility:visible; z-index:1000; }
.layerPopup .bg { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); }
.layerPopup .popbody { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:700px; background:#fff; border-radius:20px; padding:60px 20px; }
.layerPopup .popbody .txtbox { text-align:center; }
.layerPopup .popbody .txtbox .txt-1 { margin-top:10px; color:#222; font-size:28px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; }
.layerPopup .popbody .txtbox .txt-1 span { color:var(--subColor); }
.layerPopup .popbody .txtbox .txt-2 { margin-top:25px; color:#666; font-size:20px; font-weight:300; line-height:1.5; }
.layerPopup .popbody .txtbox .btnbox { margin:55px auto 0; }
.layerPopup .popbody .txtbox .btnbox a span { min-width:190px !important; }
.layerPopup .popbody .close { cursor:pointer; position:absolute; right:30px; top:30px; background:url(/img/sub/close_btn.png) center no-repeat; width:24px; height:24px; overflow:hidden; text-indent:-9999em; }
@media screen and (max-width:740px){
	.layerPopup .popbody { left:20px; transform:translate(0, -50%); width:calc(100% - 40px); border-radius:10px; padding:40px 20px; }
	.layerPopup .popbody .txtbox .txt-1 { margin-top:10px; font-size:24px; }
	.layerPopup .popbody .txtbox .txt-2 { margin-top:20px; font-size:18px; }
	.layerPopup .popbody .txtbox .btnbox { margin:40px auto 0; }
	.layerPopup .popbody .txtbox .btnbox a span { min-width:170px !important; }
	.layerPopup .popbody .close { right:20px; top:20px; }
}
@media screen and (max-width:540px){
	.layerPopup .popbody .txtbox .txt-1 { margin-top:10px; font-size:22px; }
	.layerPopup .popbody .txtbox .txt-2 { margin-top:20px; font-size:16px; }
	.layerPopup .popbody .txtbox .txt-2 br { display:none }
	.layerPopup .popbody .txtbox .btnbox { margin:30px auto 0; }
	.layerPopup .popbody .txtbox .btnbox a span { min-width:140px !important; }
}
.gallery-list > ul { display:flex; flex-wrap:wrap; gap:120px 38px; }
.gallery-list > ul > li { width:calc((100% - 76px) / 3); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; overflow:hidden; border-radius:20px; background:#ddd url(/img/sub/imgNo.jpg) no-repeat center / cover; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:80%; }
.gallery-list > ul > li .imgbox img { transition:all 0.3s; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.gallery-list > ul > li:hover .imgbox img { transform:scale(1.1); }
.gallery-list > ul > li .txtbox { margin-top:30px; }
.gallery-list > ul > li .txtbox strong { color:#111; letter-spacing:-0.02em; font-size:28px; font-weight:600; 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 { display:block; margin-top:20px; color:#aaa; letter-spacing:-0.02em; font-size:18px; font-weight:500; line-height:1.3; }
@media screen and (max-width:1280px){
    .gallery-list > ul { gap:100px 30px; }
    .gallery-list > ul > li { width:calc((100% - 60px) / 3); }
    .gallery-list > ul > li .txtbox strong { font-size:24px; min-height:28px; }
    .gallery-list > ul > li .txtbox .date { margin-top:20px; font-size:17px; }
}
@media screen and (max-width:1024px){
    .gallery-list > ul { gap:80px 20px; }
    .gallery-list > ul > li { width:calc((100% - 40px) / 3); }
    .gallery-list > ul > li .txtbox { margin-top:20px; }
    .gallery-list > ul > li .txtbox strong { font-size:20px; -webkit-line-clamp:2; }
    .gallery-list > ul > li .txtbox .date { margin-top:10px; font-size:16px; }
}
@media screen and (max-width:860px){
    .gallery-list > ul { gap:50px 20px; }
    .gallery-list > ul > li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
    .gallery-list > ul { gap:40px 10px; }
    .gallery-list > ul > li { width:calc((100% - 10px) / 2); }
    .gallery-list > ul > li .imgbox { border-radius:10px; }
    .gallery-list > ul > li .txtbox { margin-top:15px; }
    .gallery-list > ul > li .txtbox strong { font-size:18px; }
    .gallery-list > ul > li .txtbox .date { margin-top:5px; font-size:15px; }
}
@media screen and (max-width:520px){
    .gallery-list > ul { gap:30px 0; }
    .gallery-list > ul > li { width:100%; }
    .gallery-list > ul > li .imgbox:before {padding-bottom:58%; }
}


/* animation */
.gallery-list { opacity:0; }
.gallery-list.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


.board-list .listbox { margin-top:60px; }
.board-list .listbox .top { border-top:2px solid var(--subColor); border-bottom:1px solid #e0e0e0; display:flex; height:100px; background:#fff; }
.board-list .listbox .top > span { position:relative; display:flex; align-items:center; justify-content:center; height:100%; font-size:20px; font-weight:600; color:#111; line-height:1.3; }
.board-list .listbox .top > span:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#e0e0e0; }
.board-list .listbox .top > span:first-child:before  { display:none; }
.board-list .listbox .list li { border-bottom:1px solid #e0e0e0; }
.board-list .listbox .list li a { display:flex; transition:all 0.3s; }
.board-list .listbox .list li a > span { padding:0 10px; text-align:center; height:100px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:400; color:#666; line-height:1.3; }
.board-list .listbox .list li a > span .notice { margin:0 auto; display:inline-block; padding:6px 10px; border:1px solid #000; border-radius:30px; font-size:14px; font-weight:500; color:#000; background:#fff }
.board-list .listbox .list li a > .col-2 { word-break:break-word; text-align:left; padding-left:35px; font-size:17px; font-weight:400; color:#222; justify-content:flex-start;}
.board-list .listbox .list li a > .col-2 .txt { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.board-list .listbox .list li a:hover { background:#F1F5F6; }
.board-list .listbox .col-1 { width:135px; }
.board-list .listbox .col-2 { width:100%; }
.board-list .listbox .col-3,
.board-list .listbox .col-4 { width:230px; }
@media screen and (max-width:1280px){
	.board-list .listbox .top { height:80px; }
	.board-list .listbox .top > span { font-size:19px; }
	.board-list .listbox .top > span:before { height:15px; }
	.board-list .listbox .list li a > span { height:80px; font-size:16px; }
	.board-list .listbox .list li a > .col-2 { padding-left:25px; font-size:17px; }
	.board-list .listbox .col-1 { width:120px; }
	.board-list .listbox .col-3,
	.board-list .listbox .col-4 { width:200px; }
}
@media screen and (max-width:1024px){
	.board-list .listbox .top { height:70px; }
	.board-list .listbox .top > span { font-size:18px; }
	.board-list .listbox .top > span:before { height:12px; }
	.board-list .listbox .list li a > span { padding:0 8px; height:70px; font-size:15px; }
	.board-list .listbox .list li a > span .notice { padding:6px 10px; font-size:13px; }
	.board-list .listbox .list li a > .col-2 { padding-left:15px; font-size:16px; }
	.board-list .listbox .col-1 { width:100px; }
	.board-list .listbox .col-3,
	.board-list .listbox .col-4 { width:150px; }
}
@media screen and (max-width:860px){
	.board-list .listbox .top { height:70px; }
	.board-list .listbox .top > span { font-size:17px; }
	.board-list .listbox .top > span:before { height:12px; }
}
@media screen and (max-width:640px){
	.board-list .listbox .top { height:60px; }
	.board-list .listbox .top > span { font-size:16px; }
	.board-list .listbox .list li a > span { padding:0 5px; height:65px; font-size:14px; }
	.board-list .listbox .list li a > span .notice { padding:4px 8px; font-size:12px; }
	.board-list .listbox .list li a > .col-2 { padding-left:10px; font-size:15px; }
	.board-list .listbox .col-4 { display:none !important }
}

/* animation */
.board-list .listbox { opacity:0 }
.board-list .listbox.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.board-view .top-box { text-align:center; padding:60px 20px; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; }
.board-view .top-box .title { font-size:32px; font-weight:500; color:#222; line-height:1.3; letter-spacing:-0.05em; }
.board-view .top-box .info { display:flex; justify-content:center; margin-top:30px; }
.board-view .top-box .txt { font-size:16px; font-weight:300; color:#666; line-height:1.3; }
.board-view .top-box .txt strong { font-weight:600; color:#222; }
.board-view .top-box .txt:not(:last-child) { margin-right:40px; }
.board-view .viewCont .contents { min-height:180px; padding:60px 0; }
.board-view .viewCont .attach { margin-top:60px; padding:35px 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:16px; 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:#e0e0e0; } 
.board-view .viewCont .attach li a { transition:all 0.3s; position:relative; width:calc(100% - 130px - 20px); margin-left:20px; font-size:16px; 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(--subColor); }
.board-view .viewCont .attach li a span { position:absolute; right:30px; top:0; font-weight:300; }
.board-view .btn_pn { margin-top:50px; }
.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
.board-view .btn_pn dl { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; display:flex; background-color:#f8f8f8; }
.board-view .btn_pn dt { position:relative; width:130px; height:70px; 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:#e0e0e0; } 
.board-view .btn_pn dt span { font-size:16px; font-weight:400; color:#222; display:inline-block; padding-left:30px; }
.board-view .btn_pn dt span i { 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:16px; 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 .comment-box { margin-top:60px; }
.board-view .comment-box dl { display:flex; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; }
.board-view .comment-box dl dt { display:flex; justify-content:center; align-items:center; width:300px; background:#eee; font-size:20px; font-weight:700; color:#111; line-height:1.3 }
.board-view .comment-box dl dd { width:calc(100% - 300px); min-height:200px; padding:25px; font-size:20px; font-weight:400; color:#333; line-height:1.4 }
.board-view .caseCont li { display:flex; align-items:center; padding:40px 0; border-bottom:1px solid #e1e1e1;}
.board-view .caseCont li figure { width:187px; text-align:center; }
.board-view .caseCont li dl { width:calc(100% - 187px);  }
.board-view .caseCont li dt { font-size:18px; font-weight:700; color:var(--subColor); line-height:1.3; }
.board-view .caseCont li dd { margin-top:16px; font-size:18px; font-weight:300; color:#333; line-height:1.3; }
@media screen and (max-width:1280px){
	.board-view .top-box { padding:50px 20px; }
	.board-view .top-box .title { font-size:26px; }
	.board-view .top-box .info { margin-top:20px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:35px; }
	.board-view .viewCont .contents { padding:40px 0; }
	.board-view .viewCont .attach { margin-top:50px; padding:30px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
	.board-view .viewCont .attach li strong { width:120px; }
	.board-view .viewCont .attach li a { width:calc(100% - 120px - 20px); }
	.board-view .btn_pn { margin-top:40px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
	.board-view .btn_pn dt { width:120px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { padding-left:20px; }
	.board-view .btn_pn dt span i { margin-right:8px; }
	.board-view .btn_pn dd { width:calc(100% - 120px); padding:0 20px; }
}
@media screen and (max-width:1024px){
	.board-view .top-box { padding:40px 20px; }
	.board-view .top-box .title { font-size:22px; }
	.board-view .top-box .info { margin-top:15px; }
	.board-view .top-box .txt { font-size:15px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:25px; }
	.board-view .viewCont .contents { padding:30px 0; }
	.board-view .viewCont .attach { margin-top:40px; padding:25px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:15px; }
	.board-view .viewCont .attach li strong { width:100px; font-size:15px; }
	.board-view .viewCont .attach li a { width:calc(100% - 100px - 20px); font-size:15px; padding-right:110px; }
	.board-view .viewCont .attach li a i { font-size:15px; margin-right:5px; }
	.board-view .viewCont .attach li a > i { top:1px; }
	.board-view .viewCont .attach li a span { right:20px; }
	.board-view .btn_pn { margin-top:30px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:100px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { font-size:15px; padding-left:10px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 100px); padding:0 20px; }
	.board-view .btn_pn dd a { font-size:15px; min-height:21px; }	
	.board-view .comment-box { margin-top:40px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:200px; font-size:18px; }
	.board-view .comment-box dl dd { width:calc(100% - 200px); min-height:180px; padding:20px; font-size:18px; }
	.board-view .caseCont li { padding:30px 0; }
	.board-view .caseCont li figure { width:130px; }
	.board-view .caseCont li figure img { width:100px; }
	.board-view .caseCont li dl { width:calc(100% - 130px);  }
	.board-view .caseCont li dt { font-size:17px; }
	.board-view .caseCont li dd { margin-top:12px; font-size:17px; }
}
@media screen and (max-width:640px){
	.board-view { margin-top:40px; }
	.board-view .top-box { padding:30px 20px; }
	.board-view .top-box .title { font-size:20px; }
	.board-view .top-box .info { margin-top:8px; flex-wrap:wrap; }
	.board-view .top-box .txt { margin-top:5px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:20px; }
	.board-view .viewCont .contents { padding:20px 0; }
	.board-view .viewCont .attach { margin-top:30px; padding:20px 5px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li strong { display:none }
	.board-view .viewCont .attach li a { width:100%; padding-left:24px; margin-left:0; }
	.board-view .viewCont .attach li a > i { top:0; }
	.board-view .viewCont .attach li a span { right:0; }
	.board-view .btn_pn { margin-top:20px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:85px; height:60px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { padding-left:10px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 85px); padding:0 15px; }
	.board-view .btn_pn dd a { min-height:21px; }
	.board-view .comment-box { margin-top:20px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:120px; font-size:16px; }
	.board-view .comment-box dl dd { width:calc(100% - 120px); min-height:150px; padding:15px; font-size:16px; }
	.board-view .caseCont li { padding:20px 0; }
	.board-view .caseCont li figure { width:90px; }
	.board-view .caseCont li figure img { width:70px; }
 	.board-view .caseCont li dl { width:calc(100% - 90px);  }
	.board-view .caseCont li dt { font-size:16px; }
	.board-view .caseCont li dd { margin-top:10px; font-size:16px; }
}

/* animation */
.board-view { opacity:0; }
.board-view.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


/* page */
.page { margin:110px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:16px; line-height:30px; font-weight:400; color:#333; border:none; padding:0; min-width:30px; margin:0 10px; 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-color:var(--subColor); border:none; padding:0 4px; border-radius:50px; }
.page li:hover a,
.page li a:hover { border:none; }
.page li.on:hover a  { background-color:var(--subColor); }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:30px; padding:0; width:30px; 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:30px; padding:0; width:30px; 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:30px; padding:0; width:30px; margin-right:-10px; 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:30px; padding:0; width:30px; margin-left:-10px; 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:800; }

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

}


.corporate-box .consulting-box { padding-bottom:200px; }
.corporate-box .consulting-box .top { background:none; padding:0; }
.corporate-box .consulting-box .listbox { margin-top:150px; }
.corporate-box .consulting-box .listbox > div { margin:0; padding:0; }
.corporate-box .consulting-box .listbox > div:not(:last-child) { margin-bottom:120px; }
.corporate-box .consulting-box .listbox .tableBox { margin-top:40px; }
.corporate-box .consulting-box .listbox .in-contBox .tableBox tbody td { padding:40px 10px; height:auto; }
@media screen and (max-width:1024px){
	.corporate-box .consulting-box { padding-bottom:100px; }
	.corporate-box .consulting-box .listbox { margin-top:80px; }
	.corporate-box .consulting-box .listbox > div:not(:last-child) { margin-bottom:60px; }
	.corporate-box .consulting-box .listbox .in-contBox .tableBox tbody td { padding:30px 10px; }
	.corporate-box .consulting-box .listbox .in-contBox .tableBox tbody td br { display:none }
}
@media screen and (max-width:640px){
	.corporate-box .consulting-box { padding-bottom:50px; }
	.corporate-box .consulting-box .listbox { margin-top:40px; }
	.corporate-box .consulting-box .listbox > div:not(:last-child) { margin-bottom:30px; }
	.corporate-box .consulting-box .listbox .in-contBox .tableBox tbody td { padding:20px 10px; }
}