@charset "utf-8";

.subtitleTop { z-index:10;}
.subtitleTop,
.subtitleTop .bg { position:relative; height:580px; }
.subtitleTop .bg { overflow:hidden; border-radius:0 0 40px 40px; }
.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; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; }
.subtitleTop .subTitle h2 { color:#fff; font-size:120px; font-weight:600; }
.subtitleTop .subTitle h2 span { font-weight:600; }
.subtitleTop .location { position:absolute; bottom:120px; left:0; width:100%; display:flex; align-items:center; justify-content:center; }
.subtitleTop .location i { width:55px; height:55px; border-radius:55px; background:var(--mainColor); display:flex; align-items:center; justify-content:center; }
.subtitleTop .location .depthMenu { position:relative; width:240px; margin-left:15px; }
.subtitleTop .location .depthMenu:after { content:""; display:block; position:absolute; right:20px; top:50%;transform:translateY(-50%); width:12px; height:12px; background:url(/img/sub/arr_sublnb.png) center center no-repeat; transition:all 0.3s ease-in-out;  }
.subtitleTop .location .depthMenu.on:after { transform:rotate(-180deg); margin-top:-6px; }
.subtitleTop .location .depthMenu .stit { position:relative; font-weight:500; font-size:16px; color:#fff; cursor:pointer; padding:17px 30px; display:inline-block; width:100%; z-index:2; border-bottom:1px solid rgba(255, 255, 255, 0.20); }
.subtitleTop .location .submenu-box { display:none; position:absolute; left:0; top:50px; padding-top:25px; width:100%;}
.subtitleTop .location .submenu-box ul { padding:30px 0px 30px 30px;  background-color:#fff; border-radius:20px; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.10); }
.subtitleTop .location .submenu-box li:not(:last-child) { margin-bottom:10px; }
.subtitleTop .location .submenu-box li a { color:#aaa; letter-spacing:-0.02em; font-size:16px; font-weight:500; line-height:1.3; transition:all 0.3s ease-in-out }
.subtitleTop .location .submenu-box li.over a,
.subtitleTop .location .submenu-box li.on a,
.subtitleTop .location .submenu-box li a:hover { color:var(--mainColor); }
.subtitleTop .location .subm10 { display:none; height:0; width:0; }
.subtitleTop.subTopCont1,
.subtitleTop.subTopCont1 .bg { height:100vh; border-radius:0; }
.subtitleTop.subTopCont1 .location { display:none }
.subtitleTop .txt-scroll { position:absolute; bottom:0; left:50%; transform:translateX(calc(-50% - 0.5px)); }
.subtitleTop .txt-scroll .txt { text-align:center; font-family:var(--mainFont); color:#fff; font-size:15px; font-weight:600; letter-spacing:-0.02em;}
.subtitleTop .txt-scroll .line { position:relative; height:65px; width:1px; background:rgba(255,255,255,0.3); margin:15px auto 0; }
.subtitleTop .txt-scroll .line:after { content:""; display:block; position:absolute; left:0; top:0; width:1px; height:30%; background:#fff; animation:scrollDown 0.8s 0.6s forwards infinite; animation-fill-mode:both; animation-direction:alternate; }
@media screen and (max-width:1400px){
    .subtitleTop,
    .subtitleTop .bg { height:500px; }
    .subtitleTop .bg { overflow:hidden; border-radius:0 0 35px 35px; }
    .subtitleTop .subTitle h2 { font-size:100px; }
    .subtitleTop .location { bottom:110px; }
}
@media screen and (max-width:1024px){	
    .subtitleTop,
    .subtitleTop .bg { height:420px; }
    .subtitleTop .bg { overflow:hidden; border-radius:0 0 30px 30px; }
    .subtitleTop .subTitle h2 { font-size:80px; }
    .subtitleTop .location { bottom:80px; }
    .subtitleTop .location i { width:45px; height:45px; }
    .subtitleTop .location .submenu-box { top:45px; padding-top:20px; }
}
@media screen and (max-width:640px){	
    .subtitleTop,
    .subtitleTop .bg { height:320px; }
    .subtitleTop .bg { overflow:hidden; border-radius:0 0 20px 20px; }
    .subtitleTop .subTitle h2 { font-size:50px; }
    .subtitleTop .location { bottom:30px; }
    .subtitleTop .location i { width:40px; height:40px; }
    .subtitleTop .location i img { width:12px; }
    .subtitleTop .location .depthMenu:after { right:10px; }
    .subtitleTop .location .depthMenu .stit { padding:17px 20px; }
    .subtitleTop .location .depthMenu { width:calc(50% - 40px); margin-left:10px; }
    .subtitleTop .location .submenu-box { top:40px; padding-top:20px; }
    .subtitleTop .location .submenu-box ul { padding:30px 0px 30px 20px; border-radius:10px; }
    .subtitleTop .txt-scroll .txt { font-size:13px; }
    .subtitleTop .txt-scroll .line { height:40px; margin:10px auto 0; }
}


@keyframes scrollDown {
	0% { height:30% }
	100% { height:100% }
}

/* animation */
.subtitleTop .subTitle h2 { overflow:hidden; display:block; }
.subtitleTop .subTitle h2 span > span { opacity:0; display:inline-block; }
.subtitleTop .subTitle p { overflow:hidden; }
.subtitleTop .subTitle p span { opacity:0; display:block; }
.subtitleTop .subTitle h2 span > span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.subtitleTop .subTitle p span { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.subtitleTop .bg img { animation:bgs5 2.5s; animation-fill-mode:both;}

#contents { padding:150px 0 200px; }
#contents.content1 { padding:0; }
@media screen and (max-width:1280px){
    #contents { padding:100px 0 150px; }
}
@media screen and (max-width:1024px){	
	#contents { padding:60px 0 100px; }
}
@media screen and (max-width:640px){	
	#contents { padding:40px 0 80px; overflow:hidden; }
}


.subtitle { position:relative; margin-bottom:80px; }
.subtitle h3.stit { color:var(--mainColor); letter-spacing:-0.02em; font-size:20px; font-weight:400; line-height:1.2; }
.subtitle h3.stit span { font-weight:400; }
.subtitle .tit { margin-top:15px; }
.subtitle .tit h4 { color:#111; letter-spacing:-0.02em; font-size:64px; font-weight:700; line-height:1.3 }
.subtitle p.stxt { margin-top:80px; color:#333; letter-spacing:-0.02em; font-size:21px; font-weight:300; line-height:1.3; word-break:keep-all; }
.subtitle p.stxt span { font-weight:300; color:var(--mainColor); }
@media screen and (max-width:1400px){
    .subtitle .tit h4 { font-size:55px; }
}
@media screen and (max-width:1280px){
    .subtitle h3.stit { font-size:19px; }
    .subtitle .tit { margin-top:12px; }
    .subtitle .tit h4 { font-size:50px; }
    .subtitle p.stxt { margin-top:60px; font-size:19px; }
}
@media screen and (max-width:1024px){
    .subtitle { margin-bottom:60px; }
    .subtitle h3.stit { font-size:18px; }
    .subtitle .tit { margin-top:10px; }
    .subtitle .tit h4 { font-size:40px; }
    .subtitle p.stxt { margin-top:50px; font-size:18px; }
}
@media screen and (max-width:640px){
    .subtitle { margin-bottom:40px; text-align:center }
    .subtitle h3.stit { font-size:16px; }
    .subtitle .tit { margin-top:10px; }
    .subtitle .tit h4 { font-size:30px; }
    .subtitle p.stxt { margin-top:30px; font-size:16px; }
}

/* animation */
.subtitle h3.stit { overflow:hidden; }
.subtitle h3.stit span { opacity:0; display:block; }
.subtitle h3.stit span { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.subtitle .tit { overflow:hidden; }
.subtitle .tit h4 { opacity:0; }
.subtitle .tit h4 { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.subtitle p.stxt { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }


#contents .btnbox { margin-top:80px; 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 { margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; background-color:var(--mainColor); min-width:245px; height:65px; color:#fff; font-size:18px; font-weight:600; border-radius:10px; }
#contents .btnbox a.line span,
#contents .btnbox button.line span { border:1px solid #ddd; background:#fff; color:#555;}
@media screen and (max-width:1024px){	
	#contents .btnbox a span,
	#contents .btnbox button span { height:58px; font-size:16px; }
}
@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:160px; }
}

/* tabmenu */
.tabmenu > ul { display:flex; flex-wrap:wrap; gap:10px; }
.tabmenu > ul > li a { position:relative; padding:0 40px; display:flex; align-items:center; height:60px; border-radius:60px; border:1px solid #ddd; color:#ccc; font-size:20px; font-weight:600; letter-spacing:-0.02em; transition:all 0.3s }
.tabmenu > ul > li.on a { color:var(--mainColor); font-weight:700; border:1px solid var(--mainColor); background:var(--mainColor); color:#fff; }
@media screen and (max-width:1024px){
    .tabmenu > ul > li a { padding:0 30px; height:50px; font-size:18px; }
}
@media screen and (max-width:640px){
    .tabmenu > ul { gap:5px; }
    .tabmenu > ul > li a { padding:0 20px; height:40px; font-size:16px; }
}

/* about-box */
.about-box { overflow:hidden; }
.about-box .topTxt span { display:block; font-family:var(--mainFont); color:var(--mainColor); font-size:20px; font-weight:400; letter-spacing:-0.02em; margin-bottom:15px; }
.about-box .topTxt h3 { color:#fff; letter-spacing:-0.02em; font-size:64px; font-weight:700; line-height:1.3; }
.about-box .topTxt .txt { margin-top:40px; color:#333; letter-spacing:-0.02em; font-size:21px; font-weight:300; line-height:1.6; }
@media screen and (max-width:1400px){
    .about-box .topTxt span { font-size:18px; }
    .about-box .topTxt h3 { font-size:55px; }
    .about-box .topTxt .txt { font-size:19px; }
}
@media screen and (max-width:1024px){
    .about-box .topTxt span { font-size:16px; margin-bottom:10px; }
    .about-box .topTxt h3 { font-size:40px; }
    .about-box .topTxt .txt { margin-top:30px; font-size:17px; }
}
@media screen and (max-width:640px){
    .about-box .topTxt span { font-size:15px; margin-bottom:7px; }
    .about-box .topTxt h3 { font-size:32px; }
    .about-box .topTxt .txt { margin-top:20px; font-size:16px; }
}

.txt-scroll { }

.mission-box { background:url(/img/sub/mission_bg.png) no-repeat center / cover; }
.mission-box .topTxt h3 { color:#111; } 
.mission-box .motion-box { position:relative; height:100vh; }
.mission-box .motion-box .before-box { position:relative; z-index:3; height:100%; display:flex; align-items:center; flex-direction:column; }
.mission-box .topTxt { text-align:left; margin-bottom:36px; width:100%; padding-top:120px; }
.mission-box .missionCont { width:100%; }
.mission-box .missionCont .mission-top { text-align:center; }
.mission-box .missionCont .mission-top .txt-1 { color:#111; letter-spacing:-0.02em; font-size:64px; font-weight:700; line-height:1.3; }
.mission-box .missionCont .mission-top .txt-1 strong { font-weight:700; color:var(--mainColor); }
.mission-box .missionCont .mission-top .txt-2 { margin-top:30px; color:#333; letter-spacing:-0.02em; font-size:24px; font-weight:300; line-height:1.3; }
.mission-box .missionCont .mission-top .txt-2 span { font-weight:600; }
.mission-box .missionCont .listbox { margin-top:100px; overflow:hidden; }
.mission-box .missionCont .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.mission-box .missionCont .listbox li { opacity:0; width:calc((100% - 60px) / 4); transform:translateY(50%); }
.mission-box .missionCont .listbox li .box { width:100%; height:245px; padding-top:15%; display:flex; justify-content:center; text-align:center; border-radius:20px; background:linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.00) 100%); }
.mission-box .missionCont .listbox li .box dt .num { color:#ccc; letter-spacing:-0.02em; font-size:16px; font-weight:700; line-height:1.3; display:block; }
.mission-box .missionCont .listbox li .box dt strong { color:var(--mainColor); letter-spacing:-0.02em; font-size:24px; font-weight:700; line-height:1.3; display:block; margin-top:15px; }
.mission-box .missionCont .listbox li .box dd { color:#333; letter-spacing:-0.02em; font-size:19px; font-weight:300; line-height:1.3;  margin-top:15px; padding:0 10px; }
.mission-box .after-box { position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.mission-box .after-box .cover { position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/sub/mission_motion_bg.jpg) no-repeat center / cover; clip-path:circle(10% at 50% 140%); }
.mission-box .after-box .txtbox { overflow:hidden; position:relative; z-index:2; text-align:center; color:#fff; letter-spacing:-0.02em; font-size:52px; font-weight:700; line-height:1.5; }
.mission-box .after-box .txtbox strong { font-weight:700; color:var(--mainColor); }
.mission-box .after-box .txtbox .txt { transform:translateY(100%); opacity:0; }
@media screen and (max-width:1640px){
    .mission-box .topTxt { left:20px; }
}
@media screen and (max-width:1400px){
    .mission-box .missionCont .mission-top .txt-1 { font-size:50px; }
    .mission-box .missionCont .mission-top .txt-2 { margin-top:30px; font-size:21px; }
    .mission-box .missionCont .listbox { margin-top:100px; }
    .mission-box .missionCont .listbox li .box dt strong { font-size:24px; margin-top:15px; }
    .mission-box .missionCont .listbox li .box dd { font-size:18px; margin-top:15px; }
    .mission-box .after-box .txtbox { font-size:42px; }
}
@media screen and (max-width:1280px){
    .mission-box .missionCont .mission-top .txt-1 { font-size:40px; }
    .mission-box .missionCont .mission-top .txt-2 { margin-top:25px; font-size:19px; }
    .mission-box .missionCont .listbox { margin-top:100px; }
    .mission-box .missionCont .listbox li .box dt strong { font-size:22px; margin-top:12px; }
    .mission-box .missionCont .listbox li .box dd { font-size:17px; margin-top:12px; }
    .mission-box .after-box .txtbox { font-size:35px; }
}
@media screen and (max-width:1024px){
    .mission-box .motion-box { position:relative; height:auto; }
    .mission-box .motion-box .before-box { padding-bottom:50px; }
    .mission-box .missionCont .mission-top .txt-1 { font-size:28px; }
    .mission-box .missionCont .mission-top .txt-2 { margin-top:20px; font-size:18px; }
    .mission-box .missionCont .listbox { margin-top:80px; }
    .mission-box .missionCont .listbox ul { gap:10px; }
    .mission-box .missionCont .listbox li { width:calc((100% - 30px) / 4); }
    .mission-box .missionCont .listbox li .box { height:200px; }
    .mission-box .missionCont .listbox li .box dt .num { font-size:15px; }
    .mission-box .missionCont .listbox li .box dt strong { font-size:20px; margin-top:10px; }
    .mission-box .missionCont .listbox li .box dd { font-size:16px; margin-top:10px; }
    .mission-box .after-box { position:relative; height:460px; }
    .mission-box .after-box .txtbox { font-size:24px; }
    .mission-box .after-box .cover { background-position:60% center; }
    .mission-box .after-box .txtbox .txt { transform:translateY(0); }
}
@media screen and (max-width:860px){
    .mission-box .topTxt { margin-bottom:20px; padding-top:100px; }
    .mission-box .missionCont .listbox { margin-top:40px; }
    .mission-box .missionCont .listbox li { width:calc((100% - 10px) / 2); }
    .mission-box .missionCont .listbox li .box { height:180px; }
    .mission-box .after-box .txtbox .txt { padding:0 40px; }
    .mission-box .after-box .txtbox .txt br { display:none }
    .mission-box .after-box .cover { background-position:70% center; }
}
@media screen and (max-width:640px){
    .mission-box .missionCont .mission-top .txt-1 { font-size:22px; }
    .mission-box .missionCont .mission-top .txt-2 { margin-top:20px; font-size:16px; }
    .mission-box .missionCont .listbox { margin-top:20px; }
    .mission-box .missionCont .listbox li .box { height:auto; min-height:150px; padding:15px 5px; }
    .mission-box .missionCont .listbox li .box dt .num { font-size:14px; }
    .mission-box .missionCont .listbox li .box dt strong { font-size:17px; }
    .mission-box .missionCont .listbox li .box dd { font-size:15px; }
    .mission-box .after-box .txtbox { font-size:20px; }
}

/* animation */
.mission-box .missionCont .listbox.active li:nth-child(1) { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
.mission-box .missionCont .listbox.active li:nth-child(2) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.mission-box .missionCont .listbox.active li:nth-child(3) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.mission-box .missionCont .listbox.active li:nth-child(4) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .mission-box .missionCont .listbox.on li:nth-child(1) { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
    .mission-box .missionCont .listbox.on li:nth-child(2) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
    .mission-box .missionCont .listbox.on li:nth-child(3) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
    .mission-box .missionCont .listbox.on li:nth-child(4) { animation:ani_3 0.5s 1.3s; animation-fill-mode:both; }
    .mission-box .after-box.on .cover { animation:about_bg 4s 1s; animation-fill-mode:both; }
    .mission-box .after-box.on  .txtbox .txt  { animation:ani_3 0.8s 1.8s; animation-fill-mode:both; }
}

@keyframes about_bg {
	0% { clip-path:circle(17% at 50% 140%);}
	100% { clip-path:circle(200% at 50% 50%); }
}

.txtValue { padding:233px 0; background:url(/img/sub/txtValue_bg.jpg) no-repeat center / cover; }
.txtValue .motion-box { display:flex; align-items:center; width:100%; }
.txtValue .txt { text-align:center; color:#fff; letter-spacing:-0.02em; font-size:48px; font-weight:600; line-height:1.4; }
.txtValue .listbox { margin-top:102px; }
.txtValue .listbox ul { display:flex; flex-wrap:wrap; gap:32px; }
.txtValue .listbox li { width:calc((100% - 64px) / 3); }
.txtValue .listbox li .box { padding:0 5px; transition:all 0.3s ease-in-out; position:relative; height:240px; color:#fff; font-size:19px; font-weight:300; line-height:1.5; letter-spacing:-0.02em; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-radius:20px; border:1px solid rgba(255, 255, 255, 0.30); background:rgba(255, 255, 255, 0.10); backdrop-filter:blur(5px); }
.txtValue .listbox li .box .num { position:absolute; left:50%; top:-22px; transform:translateX(-50%); width:45px; height:45px; color:#333; font-size:19px; font-weight:600; line-height:1.5; letter-spacing:-0.02em; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-radius:45px; background:#fff; }
.txtValue .listbox li:hover .box { border:1px solid rgba(255, 255, 255, 0.30); background:rgba(0, 0, 0, 0.30); backdrop-filter:blur(5px); }
@media screen and (max-width:1400px){
    .txtValue .txt { font-size:36px; }
    .txtValue .listbox { margin-top:90px; }
    .txtValue .listbox ul { gap:20px; }
    .txtValue .listbox li { width:calc((100% - 40px) / 3); }
    .txtValue .listbox li .box { height:240px; font-size:18px; padding:10px; }
    .txtValue .listbox li .box .num { top:-21px; width:42px; height:42px; font-size:18px; }
    .txtValue .listbox li .box br { display:none }
}
@media screen and (max-width:1280px){
    .txtValue { padding:200px 0; }
    .txtValue .txt { font-size:30px; }
    .txtValue .listbox { margin-top:80px; }
}
@media screen and (max-width:1024px){
    .txtValue .txt { font-size:26px; }
    .txtValue .listbox { margin-top:70px; }
    .txtValue .listbox ul { gap:10px; }
    .txtValue .listbox li { width:calc((100% - 20px) / 3); }
    .txtValue .listbox li .box { font-size:17px; }
    .txtValue .listbox li .box .num { top:-19px; width:38px; height:38px; font-size:17px; }
}
@media screen and (max-width:760px){
    .txtValue { padding:100px 0; }
    .txtValue .listbox { margin-top:50px; }
    .txtValue .listbox ul { gap:25px 10px; justify-content:center; }
    .txtValue .listbox li { width:calc((100% - 10px) / 2); }
    .txtValue .listbox li .box { height:240px; }
}
@media screen and (max-width:640px){
    .txtValue { padding:0;  }
    .txtValue .motion-box { height:100vh; padding:50px 0; }
    .txtValue .txt { font-size:22px; }
    .txtValue .listbox { margin-top:40px; }
    .txtValue .listbox ul { gap:30px 10px; }
    .txtValue .listbox li { width:100%; }
    .txtValue .listbox li .box { font-size:16px; }
    .txtValue .listbox li .box .num { top:-16px; width:32px; height:32px; font-size:16px; }
    .txtValue .listbox li .box { height:auto; min-height:120px; padding:15px 10px;  }
}


/* animation */
.txtValue .txt { overflow:hidden }
.txtValue .txt > div { opacity:0; }
.txtValue .motion-box.active .txt > div { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.txtValue .listbox li { opacity:0; }
.txtValue .motion-box.active .listbox li:nth-child(1) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.txtValue .motion-box.active .listbox li:nth-child(2) { animation:ani_3 0.5s 0.0s; animation-fill-mode:both; }
.txtValue .motion-box.active .listbox li:nth-child(3) { animation:ani_1 0.5s 0.2s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .txtValue .txt { overflow:hidden }
    .txtValue .txt > div { opacity:0; }
    .txtValue.on .motion-box .txt > div { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
    .txtValue.on .motion-box .listbox li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
    .txtValue.on .motion-box .listbox li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
    .txtValue.on .motion-box .listbox li:nth-child(3) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
}

.vision-box { padding:120px 0 100px; overflow:hidden }
.vision-box > div { position:relative; }
.vision-box .topTxt { position:absolute; left:0; top:0; }
.vision-box .topTxt h3 { color:#111; }
.vision-box .visionCont { position:relative; padding-top:40px; }
.vision-box .visionCont .bg { opacity:0; position:absolute; left:50%; top:40px; transform:translate(-50%, 100px); width:1040px; height:655px; background:url(/img/sub/vision_arr.png) center top no-repeat; }
.vision-box .txtbox { position:relative; z-index:2; text-align:center; }
.vision-box .txtbox .txt-1 { opacity:0; transform:translateY(100px); padding-top:125px; font-family:var(--mainFont); color:var(--mainColor); font-size:54px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.vision-box .txtbox .txt-2 { opacity:0; transform:translateY(100px); margin:140px auto 0; display:flex; justify-content:center; align-items:center; font-family:var(--mainFont); color:#fff; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; max-width:1200px; height:150px; border-radius:150px; background:var(--mainColor); }
.vision-box .txtbox .txt-3 { opacity:0; transform:translateY(100px); margin:20px auto 0; display:flex; justify-content:center; align-items:center; color:#333; font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-0.02em; max-width:1200px; height:150px; background:#fff; border-radius:150px; border:4px solid #ddd;  }
.vision-box .txtbox .line { width:1px; height:60px; background:var(--mainColor); position:absolute; left:50%; top:235px; opacity:0; transform:translateY(100px); }
@media screen and (max-width:1640px){
    .vision-box .topTxt { left:20px; }
}
@media screen and (max-width:1400px){
    .vision-box .visionCont { padding-top:10px; }
    .vision-box .visionCont .bg { top:10px; height:580px; }
    .vision-box .txtbox .txt-1 { padding-top:60px; font-size:45px; }
    .vision-box .txtbox .txt-2 { margin:120px auto 0; font-size:22px; height:120px; }
    .vision-box .txtbox .txt-3 { font-size:22px; height:120px; }
    .vision-box .txtbox .line { height:50px; top:150px; }
}
@media screen and (max-width:1280px){
    .vision-box .visionCont .bg { height:480px; }
    .vision-box .txtbox .txt-1 { padding-top:50px; font-size:36px; }
    .vision-box .txtbox .txt-2 { margin:100px auto 0; font-size:21px; height:90px; }
    .vision-box .txtbox .txt-3 { font-size:21px; height:auto; padding:10px 20px; }
    .vision-box .txtbox .line { height:40px; top:120px; }
}
@media screen and (max-width:1024px){
    .vision-box > div { padding-top:100px; }
    .vision-box .visionCont .bg { height:300px; }
    .vision-box .txtbox .txt-1 { padding-top:50px; font-size:26px; }
    .vision-box .txtbox .txt-2 { margin:80px auto 0; font-size:19px; height:80px; padding:0 20px; }
    .vision-box .txtbox .txt-3 { font-size:19px; height:auto; padding:10px 20px; }
    .vision-box .txtbox .line { top:100px; }
}
@media screen and (max-width:640px){
    .vision-box .visionCont .bg { height:300px; }
    .vision-box .txtbox .txt-1 { padding-top:50px; font-size:26px; }
    .vision-box .txtbox .txt-2 {  font-size:17px; height:auto; min-height:70px; padding:10px 20px; }
    .vision-box .txtbox .txt-3 { font-size:17px; height:auto; min-height:70px; padding:10px 20px; }
    .vision-box .txtbox .line { top:100px; }
}

@media screen and (max-width:1024px){
    .vision-box .txtbox .txt-1,
    .vision-box .txtbox .txt-2,
    .vision-box .txtbox .txt-3,
    .vision-box .txtbox .line { transform:translateY(0); }
    .vision-box .visionCont .bg { transform:translate(-50%, 0); }
    .vision-box .txtbox .txt-1,
    .vision-box .txtbox .txt-2,
    .vision-box .txtbox .txt-3,
    .vision-box .visionCont .bg,
    .vision-box .txtbox .line { opacity:0; }
    .vision-box.on .txtbox .txt-1 { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
    .vision-box.on .txtbox .line { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
    .vision-box.on .txtbox .txt-2 { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
    .vision-box.on .txtbox .txt-3 { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
    .vision-box.on .visionCont .bg { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }
}

.value-box { padding:120px 0 110px; background:#222; }
.value-box .listbox { margin-top:80px; }
.value-box .listbox ul { display:flex; flex-wrap:wrap; gap:38px; }
.value-box .listbox li { width:calc((100% - 76px) / 3); }
.value-box .listbox li .imgbox { width:100%; position:relative; overflow:hidden; border-radius:20px; }
.value-box .listbox li .imgbox:before {content:""; display:block; padding-bottom:74.8%; }
.value-box .listbox li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:20px; transition:all 0.5s; transform:scale(1); }
.value-box .listbox li:hover .imgbox img { transform:scale(1.1); }
.value-box .listbox li .txtbox { margin-top:40px; text-align:center; }
.value-box .listbox li .txtbox dt { color:#fff; letter-spacing:-0.02em; font-size:28px; font-weight:600; line-height:1.3; }
.value-box .listbox li .txtbox dd { margin-top:18px; color:#ccc; letter-spacing:-0.02em; font-size:19px; font-weight:300; line-height:1.4; }
@media screen and (max-width:1400px){
    .value-box .listbox { margin-top:60px; }
    .value-box .listbox ul { gap:30px; }
    .value-box .listbox li { width:calc((100% - 60px) / 3); }
    .value-box .listbox li .txtbox { margin-top:35px; }
    .value-box .listbox li .txtbox dt { font-size:24px; }
    .value-box .listbox li .txtbox dd { margin-top:18px; font-size:18px; }
}
@media screen and (max-width:1280px){
    .value-box .listbox { margin-top:50px; }
    .value-box .listbox ul { gap:20px; }
    .value-box .listbox li { width:calc((100% - 40px) / 3); }
    .value-box .listbox li .txtbox { margin-top:30px; }
    .value-box .listbox li .txtbox dt { font-size:20px; }
    .value-box .listbox li .txtbox dd { margin-top:15px; font-size:17px; }
}
@media screen and (max-width:1024px){
    .value-box { padding:100px 0; }
    .value-box .listbox { margin-top:40px; }
    .value-box .listbox ul { gap:30px; }
    .value-box .listbox li { width:calc((100% - 30px) / 3); }
    .value-box .listbox li .imgbox,
    .value-box .listbox li .imgbox img { border-radius:10px; }
    .value-box .listbox li .txtbox { margin-top:20px; }
    .value-box .listbox li .txtbox dt { font-size:19px; }
    .value-box .listbox li .txtbox dd { margin-top:12px; font-size:16px; }
}
@media screen and (max-width:960px){
    .value-box .listbox li { display:flex; align-items:center; width:100%; }
    .value-box .listbox li:nth-child(2) { flex-direction:row-reverse;}
    .value-box .listbox li .imgbox { width:45% }
    .value-box .listbox li .txtbox { width:calc(100% - 45%); padding-left:20px; text-align:left; }
    .value-box .listbox li:nth-child(2) .txtbox { padding:0 20px 0 0 }
}
@media screen and (max-width:640px){
    .value-box { padding:100px 0; }
    .value-box .listbox { margin-top:30px; }
    .value-box .listbox li .txtbox { margin-top:15px; }
    .value-box .listbox li .txtbox dt { font-size:18px; }
    .value-box .listbox li .txtbox dd { margin-top:10px; font-size:15px; }
}

/* animation */
.value-box .listbox li { opacity:0; }
.value-box.on .listbox li:nth-child(1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.value-box.on .listbox li:nth-child(2) { animation:ani_4 0.5s 0.4s; animation-fill-mode:both; }
.value-box.on .listbox li:nth-child(3) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
@media screen and (max-width:960px){
    .value-box.on .listbox li:nth-child(2) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
}


.greetings-box { position:relative; padding:120px 0 110px; overflow:hidden }
.greetings-box .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.25); background:url(/img/sub/greetings_bg.jpg) no-repeat center / cover; }
.greetings-box .txtbox .box-1 { margin-top:60px; color:#fff; letter-spacing:-0.02em; font-size:42px; font-weight:300; line-height:1.4; }
.greetings-box .txtbox .box-1 strong { font-weight:700; }
.greetings-box .txtbox .box-1 strong span { color:var(--mainColor); }
.greetings-box .txtbox .box-2 { margin-top:60px; }
.greetings-box .txtbox .box-2 p:not(:last-child) { margin-bottom:40px; } 
.greetings-box .txtbox .box-2 p { color:#fff; letter-spacing:-0.02em; font-size:19px; font-weight:400; line-height:1.4; }
@media screen and (max-width:1400px){
    .greetings-box .txtbox .box-1 { margin-top:50px; font-size:38px; }
    .greetings-box .txtbox .box-2 { margin-top:50px; }
    .greetings-box .txtbox .box-2 p:not(:last-child) { margin-bottom:35px; } 
    .greetings-box .txtbox .box-2 p { font-size:19px; }
}
@media screen and (max-width:1280px){
    .greetings-box .txtbox .box-1 { margin-top:40px; font-size:30px; }
    .greetings-box .txtbox .box-2 { margin-top:40px; }
    .greetings-box .txtbox .box-2 p:not(:last-child) { margin-bottom:30px; } 
    .greetings-box .txtbox .box-2 p { font-size:18px; }
    .greetings-box .txtbox .box-1 br,
    .greetings-box .txtbox .box-2 p br { display:none }
}
@media screen and (max-width:1024px){
    .greetings-box { position:relative; padding:100px 0; }
    .greetings-box .txtbox .box-1 { margin-top:30px; font-size:24px; }
    .greetings-box .txtbox .box-2 { margin-top:30px; }
    .greetings-box .txtbox .box-2 p:not(:last-child) { margin-bottom:30px; } 
    .greetings-box .txtbox .box-2 p { font-size:16px; }
}
@media screen and (max-width:640px){
    .greetings-box .txtbox .box-1 { margin-top:30px; font-size:20px; }
    .greetings-box .txtbox .box-2 { margin-top:25px; }
    .greetings-box .txtbox .box-2 p:not(:last-child) { margin-bottom:25px; } 
    .greetings-box .txtbox .box-2 p { font-size:15px; }
}

/* animation */
.greetings-box .txtbox .box-1,
.greetings-box .txtbox .box-2 { opacity:0; }
.greetings-box.on .txtbox .box-1 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.greetings-box.on .txtbox .box-2 { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.greetings-box.on .bg { transform:scale(1); transition:transform 2.0s cubic-bezier(.36,.8,.42,.69); }

.business-box { padding:200px 0; }
.business-box .topTxt h3 { color:#111; }
.business-box .listbox { margin-top:180px; }
.business-box .listbox > dl { display:flex; flex-wrap:wrap; }
.business-box .listbox > dl:not(:last-child) { margin-bottom:180px; } 
.business-box .listbox > dl > dt { width:360px; }
.business-box .listbox > dl > dt h4 { color:#222; letter-spacing:-0.02em; font-size:36px; font-weight:600; line-height:1.3; }
.business-box .listbox > dl > dd { width:calc(100% - 360px); }
.business-box .listbox > dl > dd .box:not(:last-child) { margin-bottom:200px; } 
.business-box .listbox > dl > dd .txtbox dt { color:#111; letter-spacing:-0.02em; font-size:26px; font-weight:700; line-height:1.3; }
.business-box .listbox > dl > dd .txtbox dt sup { font-size:14px; }
.business-box .listbox > dl > dd .txtbox dd { margin-top:10px; color:#333; letter-spacing:-0.02em; font-size:19px; font-weight:300; line-height:1.3; }
.business-box .listbox > dl > dd .list { margin-top:35px; }
.business-box .listbox > dl > dd .list li:not(:last-child) { margin-bottom:30px; } 
.business-box .listbox > dl > dd .list li { display:flex; align-items:center;}
.business-box .listbox > dl > dd .list li .tit { padding:0 10px; text-align:center; color:var(--mainColor); letter-spacing:-0.02em; font-size:18px; font-weight:600; line-height:1.3; width:245px; height:65px; display:flex; justify-content:center; align-items:center; border:1px solid var(--mainColor); border-radius:65px; }
.business-box .listbox > dl > dd .list li .txt { width:calc(100% - 245px); padding-left:60px; color:#555; letter-spacing:-0.02em; font-size:19px; font-weight:300; line-height:1.6; }
.business-box .listbox > dl > dd .imgbox { margin-top:35px; }
.business-box .listbox > dl > dd .imgbox ul { display:flex; flex-wrap:wrap; }
.business-box .listbox > dl > dd .imgbox li span { display:block; margin-top:20px; text-align:center; color:#333; letter-spacing:-0.02em; font-size:19px; font-weight:600; line-height:1.3; }
.business-box .listbox > dl > dd .imgbox li .img-i { text-align:center; display:flex; justify-content:center; align-items:center; }
.business-box .listbox > dl > dd .imgbox.img-1 li .img-i,
.business-box .listbox > dl > dd .imgbox.img-2 li .img-i,
.business-box .listbox > dl > dd .imgbox.img-3 li .img-i { background:#f4f5f9; border-radius:20px; }
.business-box .listbox > dl > dd .imgbox.img-1 ul { gap:40px; }
.business-box .listbox > dl > dd .imgbox.img-1 li { width:calc((100% - 40px) / 2); }
.business-box .listbox > dl > dd .imgbox.img-1 li .img-i { height:300px; }
.business-box .listbox > dl > dd .imgbox.img-2 ul { gap:32px; }
.business-box .listbox > dl > dd .imgbox.img-2 li { width:calc((100% - 64px) / 3); }
.business-box .listbox > dl > dd .imgbox.img-2 li .img-i { height:280px; }
.business-box .listbox > dl > dd .imgbox.img-3 ul { gap:20px; }
.business-box .listbox > dl > dd .imgbox.img-3 li { width:calc((100% - 40px) / 3); }
.business-box .listbox > dl > dd .imgbox.img-3 li .img-i { height:240px; }
.business-box .listbox > dl > dd .imgbox.img-4 ul { display:flex; justify-content:center; align-items:flex-start; gap:0 120px; }
.business-box .listbox > dl > dd .imgbox.img-5 ul { display:flex; flex-wrap:wrap; gap:0 20px; }
.business-box .listbox > dl > dd .imgbox.img-5 li { width:calc((100% - 40px) / 3); }
.business-box .listbox > dl > dd .imgbox.img-5 li a { width:100%; height:85px; border:1px solid #ddd; border-radius:10px; display:flex; justify-content:center; align-items:center; }
.business-box .listbox > dl > dd .txt_b { margin-top:35px; }
.business-box .listbox > dl > dd .txt_b li:not(:last-child) { margin-bottom:8px; } 
.business-box .listbox > dl > dd .txt_b li { position:relative; padding-left:12px; color:#666; letter-spacing:-0.02em; font-size:17px; font-weight:300; line-height:1.4; }
.business-box .listbox > dl > dd .txt_b li span { position:absolute; left:0; top:2px; font-weight:300;}
.business-box .listbox > dl.blast > dd .box:not(:last-child) { margin-bottom:80px; } 
.business-box .listbox > dl.blast > dd .imgbox, 
.business-box .listbox > dl.blast > dd .link { margin-top:60px; }
.business-box .listbox > dl.blast > dd .link ul { display:flex; flex-wrap:wrap; gap:10px; }
.business-box .listbox > dl.blast > dd .link li { width:calc((100% - 20px) / 3); }
.business-box .listbox > dl.blast > dd .link li a { transition:all 0.3s; width:100%; height:60px; border:1px solid var(--mainColor); border-radius:60px; display:flex; justify-content:center; align-items:center; padding:0 20px; }
.business-box .listbox > dl.blast > dd .link li a span { transition:all 0.3s; color:var(--mainColor); letter-spacing:-0.02em; font-size:18px; font-weight:600; line-height:1.3; display:inline-block; padding:3px 25px 3px 0; background:url(/img/sub/icon_link.png) right center no-repeat; }
.business-box .listbox > dl.blast > dd .link li:hover a { background:var(--mainColor); }
.business-box .listbox > dl.blast > dd .link li:hover a span { color:#fff; background:url(/img/sub/icon_link1.png) right center no-repeat; }
@media screen and (max-width:1600px){
    .about-box .business-box .topTxt .txt br,
    .business-box .listbox > dl > dd .list li .txt br { display:none }
}
@media screen and (max-width:1400px){
    .business-box { padding:180px 0; }
    .business-box .listbox { margin-top:160px; }
    .business-box .listbox > dl:not(:last-child) { margin-bottom:160px; } 
    .business-box .listbox > dl > dt { width:280px; }
    .business-box .listbox > dl > dd { width:calc(100% - 280px); }
    .business-box .listbox > dl > dd .box:not(:last-child) { margin-bottom:170px; } 
}
@media screen and (max-width:1280px){
    .business-box { padding:150px 0; }
    .business-box .listbox > dl > dt h4 { font-size:30px; }
    .business-box .listbox { margin-top:120px; }
    .business-box .listbox > dl:not(:last-child) { margin-bottom:120px; } 
    .business-box .listbox > dl > dt { width:220px; }
    .business-box .listbox > dl > dd { width:calc(100% - 220px); }
    .business-box .listbox > dl > dd .box:not(:last-child) { margin-bottom:130px; } 
    .business-box .listbox > dl > dd .txtbox dt { font-size:22px; }
    .business-box .listbox > dl > dd .txtbox dd { margin-top:10px; font-size:18px; }
    .business-box .listbox > dl > dd .list { margin-top:30px; }
    .business-box .listbox > dl > dd .list li:not(:last-child) { margin-bottom:20px; } 
    .business-box .listbox > dl > dd .list li .tit { font-size:17px; width:250px; height:60px; }
    .business-box .listbox > dl > dd .list li .txt { width:calc(100% - 250px); padding-left:40px; font-size:18px; }
    .business-box .listbox > dl > dd .imgbox { margin-top:30px; }
    .business-box .listbox > dl > dd .imgbox li span { margin-top:15px; font-size:18px; }
    .business-box .listbox > dl > dd .imgbox.img-1 ul { gap:30px; }
    .business-box .listbox > dl > dd .imgbox.img-1 li { width:calc((100% - 30px) / 2); }
    .business-box .listbox > dl > dd .imgbox.img-2 ul { gap:25px; }
    .business-box .listbox > dl > dd .imgbox.img-2 li { width:calc((100% - 50px) / 3); }
    .business-box .listbox > dl > dd .imgbox.img-3 ul { gap:20px; }
    .business-box .listbox > dl > dd .imgbox.img-3 li { width:calc((100% - 40px) / 3); }
    .business-box .listbox > dl > dd .imgbox.img-4 ul { gap:0 80px; }
    .business-box .listbox > dl > dd .imgbox.img-5 ul { gap:0 20px; }
    .business-box .listbox > dl > dd .imgbox.img-5 li { width:calc((100% - 40px) / 3); }
    .business-box .listbox > dl > dd .txt_b { margin-top:30px; }
    .business-box .listbox > dl > dd .txt_b li:not(:last-child) { margin-bottom:8px; } 
    .business-box .listbox > dl > dd .txt_b li { padding-left:10px; font-size:16px; }
    .business-box .listbox > dl.blast > dd .box:not(:last-child) { margin-bottom:60px; } 
    .business-box .listbox > dl.blast > dd .imgbox, 
    .business-box .listbox > dl.blast > dd .link { margin-top:50px; }
}
@media screen and (max-width:1024px){
    .business-box { padding:110px 0; }
    .business-box .listbox > dl > dt h4 { font-size:26px; }
    .business-box .listbox { margin-top:90px; }
    .business-box .listbox > dl:not(:last-child) { margin-bottom:90px; } 
    .business-box .listbox > dl > dt { width:100%; text-align:center }
    .business-box .listbox > dl > dd { width:100%; margin-top:30px; }
    .business-box .listbox > dl > dd .box:not(:last-child) { margin-bottom:130px; } 
    .business-box .listbox > dl > dd .txtbox dt { font-size:20px; }
    .business-box .listbox > dl > dd .txtbox dt sup { font-size:12px; }
    .business-box .listbox > dl > dd .txtbox dd { margin-top:10px; font-size:16px; }
    .business-box .listbox > dl > dd .list li:not(:last-child) { margin-bottom:20px; } 
    .business-box .listbox > dl > dd .list li .tit { font-size:17px; width:250px; height:60px; }
    .business-box .listbox > dl > dd .list li .txt { width:calc(100% - 250px); padding-left:20px; font-size:16px; }
    .business-box .listbox > dl > dd .imgbox li span { margin-top:15px; font-size:18px; }
    .business-box .listbox > dl > dd .imgbox li .img-i img { max-width:100%; }
    .business-box .listbox > dl > dd .imgbox.img-1 ul,
    .business-box .listbox > dl > dd .imgbox.img-2 ul,
    .business-box .listbox > dl > dd .imgbox.img-3 ul,
    .business-box .listbox > dl > dd .imgbox.img-4 ul,
    .business-box .listbox > dl > dd .imgbox.img-5 ul { gap:20px; }
    .business-box .listbox > dl > dd .imgbox.img-1 li { width:calc((100% - 20px) / 2); }
    .business-box .listbox > dl > dd .imgbox.img-2 li,
    .business-box .listbox > dl > dd .imgbox.img-3 li,
    .business-box .listbox > dl > dd .imgbox.img-4 li,
    .business-box .listbox > dl > dd .imgbox.img-5 li { width:calc((100% - 40px) / 3); }
    .business-box .listbox > dl > dd .imgbox.img-4 li .img-i,
    .business-box .listbox > dl > dd .imgbox.img-5 li .img-i { padding:0 5px; }
    .business-box .listbox > dl > dd .imgbox.img-5 li .img-i a { padding:0 15px; }
    .business-box .listbox > dl > dd .imgbox.img-5 li a { height:80px;  }
    .business-box .listbox > dl > dd .txt_b { margin-top:30px; }
    .business-box .listbox > dl > dd .txt_b li:not(:last-child) { margin-bottom:8px; } 
    .business-box .listbox > dl > dd .txt_b li { padding-left:10px; font-size:16px; }
    .business-box .listbox > dl.blast > dd .box:not(:last-child) { margin-bottom:60px; } 
    .business-box .listbox > dl.blast > dd .imgbox, 
    .business-box .listbox > dl.blast > dd .link { margin-top:50px; }
    .business-box .listbox > dl.blast > dd .link ul { gap:10px; }
    .business-box .listbox > dl.blast > dd .link li { width:calc((100% - 20px) / 3); }
    .business-box .listbox > dl.blast > dd .link li a span { font-size:18px; }
    .business-box .listbox > dl > dd .imgbox.img-1 li .img-i,
    .business-box .listbox > dl > dd .imgbox.img-2 li .img-i,
    .business-box .listbox > dl > dd .imgbox.img-3 li .img-i { height:auto; padding:50px 15px; }
}
@media screen and (max-width:860px){
    .business-box .listbox > dl > dd .imgbox.img-1 ul,
    .business-box .listbox > dl > dd .imgbox.img-2 ul,
    .business-box .listbox > dl > dd .imgbox.img-3 ul,
    .business-box .listbox > dl > dd .imgbox.img-4 ul,
    .business-box .listbox > dl > dd .imgbox.img-5 ul { gap:15px; }
    .business-box .listbox > dl > dd .imgbox.img-1 li { width:calc((100% - 15px) / 2); }
    .business-box .listbox > dl > dd .imgbox.img-2 li,
    .business-box .listbox > dl > dd .imgbox.img-3 li,
    .business-box .listbox > dl > dd .imgbox.img-4 li,
    .business-box .listbox > dl > dd .imgbox.img-5 li { width:calc((100% - 30px) / 3); }
}
@media screen and (max-width:640px){
    .business-box { padding:80px 0; }
    .business-box .listbox > dl > dt h4 { font-size:24px; }
    .business-box .listbox { margin-top:50px; }
    .business-box .listbox > dl:not(:last-child) { margin-bottom:50px; } 
    .business-box .listbox > dl > dd { margin-top:20px; }
    .business-box .listbox > dl > dd .box:not(:last-child) { margin-bottom:80px; } 
    .business-box .listbox > dl > dd .txtbox dt { font-size:18px; }
    .business-box .listbox > dl > dd .txtbox dt sup { font-size:11px; }
    .business-box .listbox > dl > dd .txtbox dd { margin-top:5px; font-size:15px; }
    .business-box .listbox > dl > dd .list li:not(:last-child) { margin-bottom:20px; } 
    .business-box .listbox > dl > dd .list li { flex-wrap:wrap; }
    .business-box .listbox > dl > dd .list li .tit { font-size:16px; height:55px; width:250px; padding:0 20px; line-height:1.2; margin:0 auto }
    .business-box .listbox > dl > dd .list li .tit br { display:none }
    .business-box .listbox > dl > dd .list li .txt { width:100%; padding-left:0; margin-top:10px; font-size:16px; }
    .business-box .listbox > dl > dd .imgbox li span { margin-top:15px; font-size:18px; }
    .business-box .listbox > dl > dd .txt_b { margin-top:30px; }
    .business-box .listbox > dl > dd .txt_b li:not(:last-child) { margin-bottom:8px; } 
    .business-box .listbox > dl > dd .txt_b li { padding-left:10px; font-size:16px; }
    .business-box .listbox > dl.blast > dd .box:not(:last-child) { margin-bottom:60px; } 
    .business-box .listbox > dl.blast > dd .imgbox, 
    .business-box .listbox > dl.blast > dd .link { margin-top:50px; }
    .business-box .listbox > dl.blast > dd .link ul { gap:10px; }
    .business-box .listbox > dl.blast > dd .link li { width:100%; max-width:340px; margin:0 auto }
    .business-box .listbox > dl.blast > dd .link li a { height:55px; }
    .business-box .listbox > dl.blast > dd .link li a span { font-size:18px; }
    .business-box .listbox > dl > dd .imgbox.img-1 ul,
    .business-box .listbox > dl > dd .imgbox.img-2 ul,
    .business-box .listbox > dl > dd .imgbox.img-3 ul,
    .business-box .listbox > dl > dd .imgbox.img-4 ul,
    .business-box .listbox > dl > dd .imgbox.img-5 ul { gap:10px; }
    .business-box .listbox > dl > dd .imgbox.img-1 li { width:calc((100% - 10px) / 2); }
    .business-box .listbox > dl > dd .imgbox.img-2 li,
    .business-box .listbox > dl > dd .imgbox.img-3 li,
    .business-box .listbox > dl > dd .imgbox.img-4 li,
    .business-box .listbox > dl > dd .imgbox.img-5 li { width:calc((100% - 20px) / 3); }
    .business-box .listbox > dl > dd .imgbox.img-1 li .img-i,
    .business-box .listbox > dl > dd .imgbox.img-2 li .img-i,
    .business-box .listbox > dl > dd .imgbox.img-3 li .img-i { padding:40px 10px; }
    .business-box .listbox > dl > dd .imgbox.img-4 li .img-i,
    .business-box .listbox > dl > dd .imgbox.img-5 li .img-i { padding:0; }
    .business-box .listbox > dl > dd .imgbox.img-5 li .img-i a { padding:0 10px; }
    .business-box .listbox > dl > dd .imgbox.img-5 li a { height:70px;  }
}
@media screen and (max-width:520px){
    .business-box .listbox > dl > dd .imgbox.img-1 ul,
    .business-box .listbox > dl > dd .imgbox.img-2 ul,
    .business-box .listbox > dl > dd .imgbox.img-3 ul,
    .business-box .listbox > dl > dd .imgbox.img-4 ul,
    .business-box .listbox > dl > dd .imgbox.img-5 ul { gap:0; }
    .business-box .listbox > dl > dd .imgbox.img-1 li,
    .business-box .listbox > dl > dd .imgbox.img-2 li,
    .business-box .listbox > dl > dd .imgbox.img-3 li,
    .business-box .listbox > dl > dd .imgbox.img-4 li,
    .business-box .listbox > dl > dd .imgbox.img-5 li { width:100%; }
    .business-box .listbox > dl > dd .imgbox.img-5 li { max-width:340px; margin:0 auto }
    .business-box .listbox > dl > dd .imgbox.img-1 li:not(:last-child),
    .business-box .listbox > dl > dd .imgbox.img-2 li:not(:last-child),
    .business-box .listbox > dl > dd .imgbox.img-3 li:not(:last-child),
    .business-box .listbox > dl > dd .imgbox.img-4 li:not(:last-child),
    .business-box .listbox > dl > dd .imgbox.img-5 li:not(:last-child) { margin-bottom:20px; }
}

/* animation */
.about-box .business-box .topTxt .txt { opacity:0; }
.about-box .business-box .topTxt.on .txt { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.business-box .listbox > dl > dt h4 { opacity:0; }
.business-box .listbox > dl > dd .box { opacity:0; }
.business-box .listbox > dl > dt { overflow:hidden; }
.business-box .listbox > dl.on > dt h4 { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; } 
.business-box .listbox > dl > dd .box.on { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; } 
@media screen and (max-width:1024px){
    .business-box .listbox > dl.on > dt h4 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; } 
}



.about-map { background:#303030; }
.location-box { display:flex; flex-wrap:wrap; align-items:center; }
.location-box > div { width:50%; }
.location-box .map-box { overflow:hidden; }
.location-box .map-box > div,
.location-box .map-box .wrap_map { width:calc(100% + 2px) !important; }
.location-box .map-box iframe { width:100%; height:937px; }
.location-box .map-info .box { width:640px; padding-left:80px; }
.location-box .map-info dt { color:#fff; letter-spacing:-0.02em; font-size:42px; font-weight:600; line-height:1.3; margin-top:80px; }
.location-box .map-info dd { margin-top:20px; color:#ccc; letter-spacing:-0.02em; font-size:24px; font-weight:400; line-height:1.3; }
.location-box .map-info .list { margin-top:60px; padding-top:60px; border-top:1px solid rgba(255,255,255,0.1); }
.location-box .map-info .list li:not(:last-child) { margin-bottom:25px; }
.location-box .map-info .list li { display:flex; flex-wrap:wrap; }
.location-box .map-info .list li strong { width:172px; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:400; line-height:1.3; }
.location-box .map-info .list li strong img { vertical-align:middle; margin-right:10px; }
.location-box .map-info .list li span.stxt { width:calc(100% - 172px); color:#ccc; letter-spacing:-0.02em; font-size:20px; font-weight:300; line-height:1.3; }
.location-box .map-info .list li span.stxt a { color:#ccc; font-weight:300; }
@media screen and (max-width:1600px){
    .location-box .map-info .box { width:100%; padding:0 20px 0 60px; }
}
@media screen and (max-width:1400px){
	.location-box .map-box > div,
	.location-box .map-box .wrap_map,
    .location-box .map-box iframe { height:700px !important; }
    .location-box .map-info dt { font-size:38px; margin-top:70px; }
    .location-box .map-info dd { margin-top:20px; font-size:22px; }
    .location-box .map-info .list { margin-top:50px; padding-top:50px; }
    .location-box .map-info .list li:not(:last-child) { margin-bottom:20px; }
    .location-box .map-info .list li strong { width:150px; font-size:20px; }
    .location-box .map-info .list li strong img { margin-right:10px; }
    .location-box .map-info .list li span.stxt { width:calc(100% - 150px); font-size:20px; }
}
@media screen and (max-width:1280px){
    .location-box .map-info .box { padding:0 20px 0 40px; }
    .location-box .map-info dt { font-size:30px; margin-top:60px; }
    .location-box .map-info dd { margin-top:15px; font-size:20px; }
    .location-box .map-info .list { margin-top:40px; padding-top:40px; }
    .location-box .map-info .list li strong { width:120px; font-size:18px; }
    .location-box .map-info .list li span.stxt { width:calc(100% - 120px); font-size:18px; }
}
@media screen and (max-width:1024px){
	.location-box .map-box,
    .location-box .map-info { width:100%; }
	.location-box .map-box > div,
	.location-box .map-box .wrap_map,
    .location-box .map-box iframe { height:400px !important; }
    .location-box .map-info .box { padding:30px 20px 40px; }
    .location-box .map-info dt { font-size:26px; margin-top:40px; }
    .location-box .map-info dd { margin-top:10px; font-size:18px; }
    .location-box .map-info .list { margin-top:30px; padding-top:30px; }
    .location-box .map-info .list li:not(:last-child) { margin-bottom:20px; }
    .location-box .map-info .list li strong { width:120px; font-size:18px; }
    .location-box .map-info .list li span.stxt { width:calc(100% - 120px); font-size:18px; }
}
@media screen and (max-width:640px){
	.location-box .map-box > div,
	.location-box .map-box .wrap_map,
    .location-box .map-box iframe { height:300px !important; }
    .location-box .map-info dt { font-size:24px; margin-top:20px; }
    .location-box .map-info dd { font-size:16px; }
    .location-box .map-info .list { margin-top:20px; padding-top:20px; }
    .location-box .map-info .list li:not(:last-child) { margin-bottom:15px; }
    .location-box .map-info .list li strong { width:110px; font-size:16px; }
    .location-box .map-info .list li span.stxt { width:calc(100% - 110px); font-size:16px; }
}

/* animation */
.location-box .map-box,
.location-box .map-info dl,
.location-box .map-info .list li { opacity:0; }
.location-box.on .map-box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.location-box.on .map-info dl  { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.location-box.on .map-info .list li:nth-child(1) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.location-box.on .map-info .list li:nth-child(2) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.location-box.on .map-info .list li:nth-child(3) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.location-box.on .map-info .list li:nth-child(4) { animation:ani_2 0.5s 1.1s; animation-fill-mode:both; }
.location-box.on .map-info .list li:nth-child(5) { animation:ani_2 0.5s 1.3s; animation-fill-mode:both; }

/* story-box */
.social-box .listbox ul { border-top:1px solid #000; }
.social-box .listbox li { padding:55px 0; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:flex-start; }
.social-box .listbox li .imgbox { width:380px; position:relative; overflow:hidden; border-radius:20px; background:#ddd url(/img/sub/imgNo.jpg) no-repeat center / cover; }
.social-box .listbox li .imgbox:before {content:""; display:block; padding-bottom:64.5%; }
.social-box .listbox 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; }
.social-box .listbox li:hover .imgbox img { transform:scale(1.1); }
.social-box .listbox li .txtbox { width:calc(100% - 380px); padding:27px 0 0 80px; }
.social-box .listbox li .txtbox dt { color:#111; letter-spacing:-0.02em; font-size:32px; font-weight:600; line-height:1.3; }
.social-box .listbox li .txtbox dd { margin-top:40px; color:#666; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.6; min-height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.social-box .listbox li .txtbox .date { margin-top:40px; font-family:var(--mainFont); color:#aaa; letter-spacing:-0.02em; font-size:16px; font-weight:500; line-height:1.3; }
@media screen and (max-width:1280px){
    .social-box .listbox li { padding:40px 0; }
    .social-box .listbox li .txtbox { padding:20px 0 0 60px; }
    .social-box .listbox li .txtbox dt { font-size:28px; }
    .social-box .listbox li .txtbox dd { margin-top:35px; font-size:18px; min-height:70px; }
    .social-box .listbox li .txtbox .date { margin-top:35px; font-size:16px; }
}
@media screen and (max-width:1024px){
    .social-box .listbox li { padding:30px 0; }
    .social-box .listbox li .imgbox { width:300px; }
    .social-box .listbox li .txtbox { width:calc(100% - 300px); padding:15px 0 0 40px; }
    .social-box .listbox li .txtbox dt { font-size:24px; }
    .social-box .listbox li .txtbox dd { margin-top:25px; font-size:17px; min-height:70px; }
    .social-box .listbox li .txtbox .date { margin-top:25px; font-size:15px; }
}
@media screen and (max-width:760px){
    .social-box .listbox li { padding:30px 0; }
    .social-box .listbox li .imgbox { width:360px; margin:0 auto; }
    .social-box .listbox li .txtbox { width:100%; padding:20px 0 0 0; }
    .social-box .listbox li .txtbox dt { font-size:20px; }
    .social-box .listbox li .txtbox dd { margin-top:20px; font-size:16px; min-height:auto; }
    .social-box .listbox li .txtbox .date { margin-top:20px; font-size:15px; }
}
@media screen and (max-width:640px){
    .social-box .listbox li .imgbox { border-radius:10px; }
}
@media screen and (max-width:520px){
    .social-box .listbox li .imgbox:before { padding-bottom:55%; }
}

/* animation */
.social-box .listbox { opacity:0; }
.social-box .listbox.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }


.brand-box { margin-top:80px; }
.brand-box .listbox > ul > li h4 { font-size:32px; font-weight:500; letter-spacing:-0.02em; color:#111; line-height:1.3; }
.brand-box .listbox > ul > li:not(:last-child){ margin-bottom:180px; }
.brand-box .listbox > ul > li .txtbox { display:flex; justify-content:space-between; align-items:flex-end; margin-top:40px; }
.brand-box .listbox > ul > li .txtbox .l-box { width:calc(100% - 500px); }
.brand-box .listbox > ul > li .txtbox .l-box dt { font-size:24px; font-weight:500; letter-spacing:-0.02em; color:#333; line-height:1.3; }
.brand-box .listbox > ul > li .txtbox .l-box dd { margin-top:15px; font-size:19px; font-weight:300; letter-spacing:-0.02em; color:#555; line-height:1.6; }
.brand-box .listbox > ul > li .txtbox .l-box .stxt { font-size:19px; font-weight:300; letter-spacing:-0.02em; color:#555; line-height:1.6; }
.brand-box .listbox > ul > li .txtbox .l-box .stxt strong { font-weight:700; }
.brand-box .listbox > ul > li .txtbox .l-box .stxt strong.color { color:var(--mainColor); }
.brand-box .listbox > ul > li .txtbox .btn { width:500px; display:flex; justify-content:flex-end; margin-bottom:6px; }
.brand-box .listbox > ul > li .txtbox .btn a:not(:last-child){ margin-right:10px; }
.brand-box .listbox > ul > li .txtbox .btn a { transition:all 0.3s; display:flex; align-items:center; justify-content:center; border:1px solid var(--mainColor); width:245px; height:65px; border-radius:10px; }
.brand-box .listbox > ul > li .txtbox .btn a span { transition:all 0.3s; display:inline-block; padding:4px 25px 4px 0; font-size:18px; font-weight:600; letter-spacing:-0.02em; color:var(--mainColor); line-height:1.3; background:url(/img/sub/btn_down.png) right center no-repeat; }
.brand-box .listbox > ul > li .txtbox .btn a.color { background:var(--mainColor); }
.brand-box .listbox > ul > li .txtbox .btn a.color span { color:#fff; background:url(/img/sub/btn_down1.png) right center no-repeat; }
.brand-box .listbox > ul > li .txtbox .btn a:hover { background:var(--mainColor); }
.brand-box .listbox > ul > li .txtbox .btn a:hover span { color:#fff; background:url(/img/sub/btn_down1.png) right center no-repeat; }
.brand-box .listbox > ul > li .txtbox .btn a.color:hover { background:#fff; border:1px solid var(--mainColor); }
.brand-box .listbox > ul > li .txtbox .btn a.color:hover span { color:var(--mainColor); background:url(/img/sub/btn_down.png) right center no-repeat; }
.brand-box .listbox > ul > li .imgbox { margin-top:60px; overflow:hidden }
.brand-box .listbox > ul > li .imgbox > ul { display:flex; gap:40px; }
.brand-box .listbox > ul > li .imgbox > ul > li { width:calc(50% - 20px); }
.brand-box .listbox > ul > li .imgbox > ul > li .i-box { display:flex; align-items:center; justify-content:center; height:200px; border:1px solid #ddd; border-radius:20px; }
.brand-box .listbox > ul > li .imgbox.bi > ul > li .i-box { height:300px; }
.brand-box .listbox > ul > li .imgbox > ul > li strong { text-align:center; display:block; margin-top:20px; font-size:19px; font-weight:600; letter-spacing:-0.02em; color:#333; line-height:1.3; }
.brand-box .listbox > ul > li .imgbox.character > ul > li .i-box { height:300px; display:flex; justify-content:center; align-items:center; overflow:hidden }
.brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .c_img { width:300px; height:300px; background:#d9eb8a; border-right:1px solid #ddd; display:flex; justify-content:center; align-items:center; }
.brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .txt { width:calc(100% - 300px); padding:40px 60px 40px 40px; font-size:18px; font-weight:400; letter-spacing:-0.02em; color:#555; line-height:1.6; }
.brand-box .listbox > ul > li .imgbox.character > ul > li:nth-child(2) .i-box { background:#f8f8f8; }
.brand-box .listbox > ul > li .imgbox.character > ul > li:nth-child(2) .i-box .c_img { background:#00b5e1; }
@media screen and (max-width:1400px){
    .brand-box .listbox > ul > li .txtbox .l-box .stxt br { display:none }
    .brand-box .listbox > ul > li .txtbox .l-box .stxt .m_br { display:block }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .c_img { width:250px; }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .txt { width:calc(100% - 250px); padding:30px 20px; }
}
@media screen and (max-width:1280px){
    .brand-box .listbox > ul > li h4 { font-size:28px; }
    .brand-box .listbox > ul > li:not(:last-child){ margin-bottom:140px; }
    .brand-box .listbox > ul > li .txtbox { flex-wrap:wrap; justify-content:flex-start }
    .brand-box .listbox > ul > li .txtbox .l-box { width:100%; }
    .brand-box .listbox > ul > li .txtbox .l-box dt { font-size:22px; }
    .brand-box .listbox > ul > li .txtbox .l-box dd { margin-top:12px; font-size:18px; }
    .brand-box .listbox > ul > li .txtbox .l-box .stxt { font-size:18px; }
    .brand-box .listbox > ul > li .txtbox .btn { width:100%; margin-top:40px; justify-content:center; }
    .brand-box .listbox > ul > li .txtbox .btn a { width:240px; height:60px; }
    .brand-box .listbox > ul > li .txtbox .btn a span { font-size:17px; }
    .brand-box .listbox > ul > li .imgbox { margin-top:50px; }
    .brand-box .listbox > ul > li .imgbox > ul { gap:40px 30px; flex-wrap:wrap; }
    .brand-box .listbox > ul > li .imgbox > ul > li { width:calc(50% - 15px); }
    .brand-box .listbox > ul > li .imgbox.character > ul > li { width:100%; }
    .brand-box .listbox > ul > li .imgbox > ul > li strong { margin-top:20px; font-size:18px; }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .txt { font-size:17px; }
}
@media screen and (max-width:1024px){
    .brand-box { margin-top:60px; }
    .brand-box .listbox > ul > li h4 { font-size:24px; }
    .brand-box .listbox > ul > li:not(:last-child){ margin-bottom:100px; }
    .brand-box .listbox > ul > li .txtbox { margin-top:30px; }
    .brand-box .listbox > ul > li .txtbox .l-box dt { font-size:20px; }
    .brand-box .listbox > ul > li .txtbox .l-box dd { margin-top:10px; font-size:17px; }
    .brand-box .listbox > ul > li .txtbox .l-box .stxt { font-size:17px; }
    .brand-box .listbox > ul > li .txtbox .btn { margin-top:30px; }
    .brand-box .listbox > ul > li .txtbox .btn a { width:230px; height:55px; }
    .brand-box .listbox > ul > li .imgbox { margin-top:40px; }
    .brand-box .listbox > ul > li .imgbox > ul { gap:40px 20px; }
    .brand-box .listbox > ul > li .imgbox > ul > li { width:calc(50% - 10px); }
    .brand-box .listbox > ul > li .imgbox > ul > li strong { font-size:17px; }
    .brand-box .listbox > ul > li .imgbox.character > ul > li { width:100%; }
}
@media screen and (max-width:960px){
    .brand-box .listbox > ul > li .imgbox > ul > li { width:100%; max-width:640px; margin:0 auto; }
    .brand-box .listbox > ul > li .imgbox.character > ul > li { max-width:100%; }
}
@media screen and (max-width:640px){
    .brand-box { margin-top:40px; }
    .brand-box .listbox > ul > li h4 { font-size:22px; }
    .brand-box .listbox > ul > li:not(:last-child){ margin-bottom:80px; }
    .brand-box .listbox > ul > li .txtbox { margin-top:20px; }
    .brand-box .listbox > ul > li .txtbox .l-box dt { font-size:18px; }
    .brand-box .listbox > ul > li .txtbox .l-box dd { margin-top:8px; font-size:16px; }
    .brand-box .listbox > ul > li .txtbox .l-box .stxt { font-size:16px; }
    .brand-box .listbox > ul > li .txtbox .btn { margin-top:20px; }
    .brand-box .listbox > ul > li .txtbox .btn a { width:230px; height:50px; }
    .brand-box .listbox > ul > li .txtbox .btn a span { font-size:16px; }
    .brand-box .listbox > ul > li .imgbox { margin-top:30px; }
    .brand-box .listbox > ul > li .imgbox > ul { gap:30px 20px; }
    .brand-box .listbox > ul > li .imgbox > ul > li strong { margin-top:12px; font-size:16px; }
    .brand-box .listbox > ul > li .imgbox > ul > li .i-box { padding:0 10px; height:180px; }
    .brand-box .listbox > ul > li .imgbox > ul > li .i-box img { max-width:100%; }
    .brand-box .listbox > ul > li .imgbox.bi > ul > li .i-box { height:250px; }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box { padding:0 }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .txt { font-size:16px; }
}
@media screen and (max-width:520px){
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box { height:auto; flex-wrap:wrap; }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .c_img { width:100%; height:200px; padding:20px 0 }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .c_img img { height:100%; }
    .brand-box .listbox > ul > li .imgbox.character > ul > li .i-box .txt { width:100%; padding:30px 20px; font-size:16px; }
}


/* animation */
.brand-box .listbox > ul > li .txtbox { opacity:0; }
.brand-box .listbox > ul > li.subOn .txtbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.brand-box .listbox > ul > li .imgbox > ul > li { opacity:0; }
.brand-box .listbox > ul > li.subOn .imgbox > ul > li { animation:ani_1 .8s 0.6s; animation-fill-mode:both; }
.brand-box .listbox > ul > li.subOn .imgbox > ul > li:nth-child(2) { animation:ani_2 .8s 0.6s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .brand-box .listbox > ul > li.subOn .imgbox > ul > li { animation:ani_4 .8s 0.6s; animation-fill-mode:both; }
    .brand-box .listbox > ul > li.subOn .imgbox > ul > li:nth-child(2) { animation:ani_4 .8s 0.8s; animation-fill-mode:both; }
}


/* career-box */
.talent-box .top-txt { color:#333; letter-spacing:-0.02em; font-size:21px; font-weight:300; line-height:1.5; }
.talent-box .listbox { margin-top:120px; }
.talent-box .listbox > ul { display:flex; flex-wrap:wrap; gap:0 44px; }
.talent-box .listbox > ul > li { width:calc((100% - 88px) / 3 ); }
.talent-box .listbox > ul > li:nth-child(2) { margin-top:100px; }
.talent-box .listbox > ul > li .imgbox img { max-width:100%; border-radius:20px; }
.talent-box .listbox > ul > li .txtbox { text-align:center; margin-top:40px; }
.talent-box .listbox > ul > li .txtbox dt { color:#111; letter-spacing:-0.02em; font-size:36px; font-weight:700; line-height:1.3; }
.talent-box .listbox > ul > li .txtbox dd { margin-top:20px; color:#555; letter-spacing:-0.02em; font-size:21px; font-weight:300; line-height:1.4; }
@media screen and (max-width:1400px){
    .talent-box .listbox > ul { gap:0 30px; }
    .talent-box .listbox > ul > li { width:calc((100% - 60px) / 3 ); }
}
@media screen and (max-width:1280px){
    .talent-box .listbox > ul { gap:0 25px; }
    .talent-box .listbox > ul > li { width:calc((100% - 50px) / 3 ); }
    .talent-box .listbox > ul > li .txtbox { margin-top:30px; }
    .talent-box .listbox > ul > li .txtbox dt { font-size:32px; }
    .talent-box .listbox > ul > li .txtbox dd { margin-top:15px; font-size:20px; }
}
@media screen and (max-width:1024px){
    .talent-box .top-txt { font-size:19px; }
    .talent-box .listbox { margin-top:90px; }
    .talent-box .listbox > ul { gap:0 20px; }
    .talent-box .listbox > ul > li { width:calc((100% - 40px) / 3 ); }
    .talent-box .listbox > ul > li .imgbox img { border-radius:10px; }
    .talent-box .listbox > ul > li .txtbox { margin-top:20px; }
    .talent-box .listbox > ul > li .txtbox dt { font-size:26px; }
    .talent-box .listbox > ul > li .txtbox dd { margin-top:12px; font-size:18px; }
}
@media screen and (max-width:960px){
    .talent-box .listbox > ul { gap:20px; }
    .talent-box .listbox > ul > li { width:100%; display:flex; align-items:center; }
    .talent-box .listbox > ul > li .imgbox { position:relative; overflow:hidden; width:35%; }
    .talent-box .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:120%; }
    .talent-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
    .talent-box .listbox > ul > li .txtbox { margin-top:0; text-align:left; width:65%; padding:0 20px; }
    .talent-box .listbox > ul > li .txtbox dt { font-size:26px; }
    .talent-box .listbox > ul > li .txtbox dd { margin-top:12px; font-size:18px; }
    .talent-box .listbox > ul > li:nth-child(2) { margin-top:0; flex-direction:row-reverse; }
    .talent-box .listbox > ul > li:nth-child(2) .txtbox { padding:0 20px 0 0; }
}
@media screen and (max-width:640px){
    .talent-box .top-txt { font-size:17px; }
    .talent-box .listbox { margin-top:60px; }
    .talent-box .listbox > ul > li .txtbox { margin-top:12px; }
    .talent-box .listbox > ul > li .txtbox dt { font-size:20px; }
    .talent-box .listbox > ul > li .txtbox dd { margin-top:10px; font-size:16px; }
}

/* animation */
.talent-box .top-txt { opacity:0; }
.talent-box .top-txt.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.talent-box .listbox > ul > li { opacity:0; }
.talent-box .listbox.subOn > ul > li:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.talent-box .listbox > ul > li .txtbox { overflow:hidden }
.talent-box .listbox > ul > li .txtbox dt,
.talent-box .listbox > ul > li .txtbox dd { opacity:0; }
.talent-box .listbox.subOn > ul > li:nth-child(1) .txtbox dt { animation:blur_txt 0.8s 0.8s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(1) .txtbox dd { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(2) .txtbox dt { animation:blur_txt 0.8s 1.0s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(2) .txtbox dd { animation:ani_3 0.8s 1.1s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(3) .txtbox dt { animation:blur_txt 0.8s 1.2s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(3) .txtbox dd { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
@media screen and (max-width:960px){
    .talent-box .listbox.subOn > ul > li:nth-child(2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
    .talent-box .listbox.subOn > ul > li:nth-child(1) .txtbox dt,
    .talent-box .listbox.subOn > ul > li:nth-child(2) .txtbox dt,
    .talent-box .listbox.subOn > ul > li:nth-child(3) .txtbox dt { animation:blur_txt 0.8s 0.5s; animation-fill-mode:both; }
    .talent-box .listbox.subOn > ul > li:nth-child(1) .txtbox dd,
    .talent-box .listbox.subOn > ul > li:nth-child(2) .txtbox dd,
    .talent-box .listbox.subOn > ul > li:nth-child(3) .txtbox dd { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
}

.welfare-box .listbox > dl { display:flex; flex-wrap:wrap; }
.welfare-box .listbox > dl:not(:last-child) { margin-bottom:180px; }
.welfare-box .listbox > dl > dt { width:400px; color:#222; letter-spacing:-0.02em; font-size:42px; font-weight:700; line-height:1.3; }
.welfare-box .listbox > dl > dd { width:calc(100% - 400px); }
.welfare-box .listbox > dl > dd ul { display:flex; flex-wrap:wrap; }
.welfare-box .listbox > dl > dd li { overflow:hidden; text-align:center; width:33.333%; display:flex; align-items:center; flex-direction:column; border:1px solid #ddd; margin:-1px 0 0 -1px; padding:60px 20px; }
.welfare-box .listbox > dl > dd li:first-child { border-radius:20px 0 0 20px; }
.welfare-box .listbox > dl > dd li:last-child { border-radius:0 20px 20px 0; }
.welfare-box .listbox > dl > dd li .icon { background:rgba(234, 85, 4, 0.1); width:100px; height:100px; border-radius:100px; margin:0 auto; display:flex; align-items:center; justify-content:center; }
.welfare-box .listbox > dl > dd li .txtbox { margin-top:60px; }
.welfare-box .listbox > dl > dd li .txtbox dt { color:#333; letter-spacing:-0.02em; font-size:22px; font-weight:600; line-height:1.3; }
.welfare-box .listbox > dl > dd li .txtbox dd { margin-top:30px; color:#555; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.3; }
@media screen and (max-width:1600px){
    .welfare-box .listbox > dl > dt { width:350px; }
    .welfare-box .listbox > dl > dd { width:calc(100% - 350px); }
    .welfare-box .listbox > dl > dd li .txtbox dd br { display:none }
}
@media screen and (max-width:1400px){
    .welfare-box .listbox > dl:not(:last-child) { margin-bottom:120px; }
    .welfare-box .listbox > dl > dt { width:300px; font-size:40px; }
    .welfare-box .listbox > dl > dd { width:calc(100% - 300px); }
}
@media screen and (max-width:1280px){
    .welfare-box .listbox > dl:not(:last-child) { margin-bottom:100px; }
    .welfare-box .listbox > dl > dt { width:230px; font-size:36px; }
    .welfare-box .listbox > dl > dd { width:calc(100% - 230px); }
    .welfare-box .listbox > dl > dd li { height:400px; padding:50px 20px; }
    .welfare-box .listbox > dl > dd li .txtbox { margin-top:50px; }
    .welfare-box .listbox > dl > dd li .txtbox dt { font-size:20px; }
    .welfare-box .listbox > dl > dd li .txtbox dd { margin-top:25px; font-size:17px; }
}
@media screen and (max-width:1024px){
    .welfare-box .listbox > dl:not(:last-child) { margin-bottom:70px; }
    .welfare-box .listbox > dl > dt { width:100%; font-size:30px; }
    .welfare-box .listbox > dl > dt br { display:none }
    .welfare-box .listbox > dl > dd { width:100%; margin-top:25px; }
    .welfare-box .listbox > dl > dd li { height:360px; padding:40px 20px; }
    .welfare-box .listbox > dl > dd li:first-child { border-radius:20px 0 0 20px; }
    .welfare-box .listbox > dl > dd li:last-child { border-radius:0 20px 20px 0; }
    .welfare-box .listbox > dl > dd li .icon { width:100px; height:100px; }
    .welfare-box .listbox > dl > dd li .txtbox { margin-top:40px; }
    .welfare-box .listbox > dl > dd li .txtbox dt { font-size:19px; }
    .welfare-box .listbox > dl > dd li .txtbox dd { margin-top:20px; font-size:16px; }
}
@media screen and (max-width:760px){
    .welfare-box .listbox > dl:not(:last-child) { margin-bottom:40px; }
    .welfare-box .listbox > dl > dt { font-size:26px; }
    .welfare-box .listbox > dl > dd { margin-top:15px; }
    .welfare-box .listbox > dl > dd li { height:auto; padding:30px 20px; width:100%; }
    .welfare-box .listbox > dl > dd li:first-child { border-radius:20px 20px 0 0; }
    .welfare-box .listbox > dl > dd li:last-child { border-radius:0 0 20px 20px; }
    .welfare-box .listbox > dl > dd li .txtbox { margin-top:30px; }
    .welfare-box .listbox > dl > dd li .txtbox dt { font-size:19px; }
    .welfare-box .listbox > dl > dd li .txtbox dd { margin-top:20px; font-size:16px; }
}
@media screen and (max-width:640px){
    .welfare-box .listbox > dl:not(:last-child) { margin-bottom:30px; }
    .welfare-box .listbox > dl > dt { font-size:22px; text-align:center }
    .welfare-box .listbox > dl > dd li:first-child { border-radius:10px 10px 0 0; }
    .welfare-box .listbox > dl > dd li:last-child { border-radius:0 0 10px 10px; }
    .welfare-box .listbox > dl > dd li .icon { width:80px; height:80px; }
    .welfare-box .listbox > dl > dd li .icon img { max-width:45% }
}

/* animation */
.welfare-box .listbox > dl > dt { opacity:0; }
.welfare-box .listbox > dl.subOn > dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.welfare-box .listbox > dl > dd li,
.welfare-box .listbox > dl > dd li .icon,
.welfare-box .listbox > dl > dd li .txtbox dt,
.welfare-box .listbox > dl > dd li .txtbox dd  { opacity:0; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(1) { animation:ani_5 0.8s 0.1s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(2) { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(3) { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(4) { animation:ani_5 0.8s 0.7s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(2) .icon { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(3) .icon { animation:bgs4 0.8s 0.7s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(4) .icon { animation:bgs4 0.8s 0.9s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(1) .icon { animation:bgs4 0.8s 0.3s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(2) .icon { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(3) .icon { animation:bgs4 0.8s 0.7s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(4) .icon { animation:bgs4 0.8s 0.9s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(1) .txtbox dt { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(2) .txtbox dt { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(3) .txtbox dt { animation:ani_1 0.8s 0.9s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(4) .txtbox dt { animation:ani_1 0.8s 1.1s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(1) .txtbox dd { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(2) .txtbox dd { animation:ani_1 0.8s 0.9s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(3) .txtbox dd { animation:ani_1 0.8s 1.1s; animation-fill-mode:both; }
.welfare-box .listbox > dl.subOn  > dd li:nth-child(4) .txtbox dd { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }


.introduction-box .listbox { margin-top:120px; }
.introduction-box .listbox > ul > li:not(:last-child) { border-bottom:1px solid #ddd; padding-bottom:150px; margin-bottom:150px; }
.introduction-box .listbox > ul > li h4 { color:#111; letter-spacing:-0.02em; font-size:42px; font-weight:600; line-height:1.3; }
.introduction-box .listbox > ul > li .iTop { margin-top:40px; overflow:hidden; }
.introduction-box .listbox > ul > li .iTop .imgbox { border-radius:40px; position:relative; overflow:hidden; }
.introduction-box .listbox > ul > li .iTop .imgbox:before {content:""; display:block; padding-bottom:26.25%; }
.introduction-box .listbox > ul > li .iTop .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:43px;}
.introduction-box .listbox > ul > li .txtbox { margin-top:80px; color:#333; letter-spacing:-0.02em; font-size:32px; font-weight:400; line-height:1.3; }
.introduction-box .listbox > ul > li .txtbox strong { font-weight:600; color:#111; }
.introduction-box .listbox > ul > li .txtbox .stxt { margin-top:10px; }
.introduction-box .listbox > ul > li .list { margin-top:80px; }
.introduction-box .listbox > ul > li .list li:not(:last-child) { margin-bottom:15px; }
.introduction-box .listbox > ul > li .list li { display:flex; flex-wrap:wrap; align-items:center; }
.introduction-box .listbox > ul > li .list li strong { display:flex; align-items:center; justify-content:center; width:150px; height:55px; background:var(--mainColor); border-radius:55px; color:#fff; letter-spacing:-0.02em; font-size:19px; font-weight:600; line-height:1.3; }
.introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 150px); display:block; padding-left:60px; color:#555; letter-spacing:-0.02em; font-size:19px; font-weight:300; line-height:1.3; }
@media screen and (max-width:1400px){
    .introduction-box .listbox { margin-top:100px; }
    .introduction-box .listbox > ul > li:not(:last-child) { padding-bottom:130px; margin-bottom:130px; }
    .introduction-box .listbox > ul > li h4 { font-size:38px; }
    .introduction-box .listbox > ul > li .iTop { margin-top:35px; }
    .introduction-box .listbox > ul > li .txtbox { margin-top:70px; font-size:28px; }
    .introduction-box .listbox > ul > li .list { margin-top:70px; }
}
@media screen and (max-width:1280px){
    .introduction-box .listbox { margin-top:80px; }
    .introduction-box .listbox > ul > li:not(:last-child) { padding-bottom:100px; margin-bottom:100px; }
    .introduction-box .listbox > ul > li h4 { font-size:32px; }
    .introduction-box .listbox > ul > li .iTop { margin-top:35px; }
    .introduction-box .listbox > ul > li .iTop .imgbox:before { padding-bottom:30%; }
    .introduction-box .listbox > ul > li .txtbox { margin-top:60px; font-size:22px; }
    .introduction-box .listbox > ul > li .list { margin-top:60px; }
    .introduction-box .listbox > ul > li .list li:not(:last-child) { margin-bottom:12px; }
    .introduction-box .listbox > ul > li .list li strong { width:140px; height:50px; font-size:18px;}
    .introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 140px); padding-left:50px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .introduction-box .listbox { margin-top:60px; }
    .introduction-box .listbox > ul > li:not(:last-child) { padding-bottom:70px; margin-bottom:70px; }
    .introduction-box .listbox > ul > li h4 { font-size:28px; }
    .introduction-box .listbox > ul > li .iTop { margin-top:20px; }
    .introduction-box .listbox > ul > li .iTop .imgbox { border-radius:30px; }
    .introduction-box .listbox > ul > li .iTop .imgbox:before { padding-bottom:35%; }
    .introduction-box .listbox > ul > li .iTop .imgbox img { border-radius:33px;}
    .introduction-box .listbox > ul > li .txtbox { margin-top:40px; font-size:18px; }
    .introduction-box .listbox > ul > li .txtbox .stxt { margin-top:7px; }
    .introduction-box .listbox > ul > li .list { margin-top:40px; }
    .introduction-box .listbox > ul > li .list li:not(:last-child) { margin-bottom:12px; }
    .introduction-box .listbox > ul > li .list li strong { width:130px; height:45px; font-size:17px; }
    .introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 130px); padding-left:40px; font-size:17px; }
}
@media screen and (max-width:640px){
    .introduction-box .listbox { margin-top:40px; }
    .introduction-box .listbox > ul > li:not(:last-child) { padding-bottom:40px; margin-bottom:40px; }
    .introduction-box .listbox > ul > li h4 { font-size:22px; }
    .introduction-box .listbox > ul > li .iTop { margin-top:20px; }
    .introduction-box .listbox > ul > li .iTop .imgbox { border-radius:15px; }
    .introduction-box .listbox > ul > li .iTop .imgbox:before { padding-bottom:40%; }
    .introduction-box .listbox > ul > li .iTop .imgbox img { border-radius:18px;}
    .introduction-box .listbox > ul > li .txtbox { margin-top:25px; font-size:17px; }
    .introduction-box .listbox > ul > li .txtbox .stxt { margin-top:5px; }
    .introduction-box .listbox > ul > li .list { margin-top:25px; }
    .introduction-box .listbox > ul > li .list li:not(:last-child) { margin-bottom:10px; }
    .introduction-box .listbox > ul > li .list li strong { width:120px; height:40px; font-size:16px; }
    .introduction-box .listbox > ul > li .list li .stxt { width:calc(100% - 120px); padding-left:20px; font-size:16px; }
}
@media screen and (max-width:520px){
    .introduction-box .listbox > ul > li .list li:not(:last-child) { margin-bottom:20px; }
    .introduction-box .listbox > ul > li .list li strong { width:100px; }
    .introduction-box .listbox > ul > li .list li .stxt { width:100%; padding-left:0; padding-top:10px; font-size:16px; }
}


/* animation */
.introduction-box .listbox > ul > li .iTop { position:relative; }
.introduction-box .listbox > ul > li .iTop:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; }
.introduction-box .listbox > ul > li .iTop.subOn:after { animation:ani_w50 1.2s 0.3s; animation-fill-mode:both; }
.introduction-box .listbox > ul > li .iTop.subOn .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; }
.introduction-box .listbox > ul > li .iTop.subOn .imgbox:after { animation:ani_w50 1.2s 0.3s; animation-fill-mode:both; }
.introduction-box .listbox > ul > li .txtbox,
.introduction-box .listbox > ul > li .list li { opacity:0; }
.introduction-box .listbox > ul > li .txtbox.subOn { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.introduction-box .listbox > ul > li .list.subOn li:nth-child(1) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.introduction-box .listbox > ul > li .list.subOn li:nth-child(2) { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.introduction-box .listbox > ul > li .list.subOn li:nth-child(3) { animation:ani_2 0.8s 1.1s; animation-fill-mode:both; }
.introduction-box .listbox > ul > li .list.subOn li:nth-child(4) { animation:ani_2 0.8s 1.4s; animation-fill-mode:both; }
.introduction-box .listbox > ul > li .list.subOn li:nth-child(5) { animation:ani_2 0.8s 1.7s; animation-fill-mode:both; }
@media screen and (max-width:640px){
    .introduction-box .listbox > ul > li .iTop:after,
    .introduction-box .listbox > ul > li .iTop.subOn .imgbox:after { display:none; }
    .introduction-box .listbox > ul > li .iTop { overflow:hidden } 
    .introduction-box .listbox > ul > li .iTop .imgbox { opacity:0; transform:scale(1.15); }
    .introduction-box .listbox > ul > li .iTop.subOn .imgbox { animation:bgs5_1 0.8s 0.1s; animation-fill-mode:both; }
}


.job-box .listbox { margin-top:120px; }
.job-box .listbox > ul { display:flex; gap:20px; flex-wrap:wrap; }
.job-box .listbox > ul > li { position:relative; width:calc(50% - 10px); background:#fdfdfe; border-radius:20px; border:1px solid #eee; }
.job-box .listbox > ul > li:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border:2px solid var(--mainColor); transition:all 0.3s; border-radius:20px; opacity:0; }
.job-box .listbox > ul > li:hover:before { opacity:1; }
.job-box .listbox > ul > li .box { padding:40px 40px 155px; position:relative; z-index:2; }
.job-box .listbox > ul > li .box .stxt { background:#aaa; padding:6px 15px; border-radius:30px; display:inline-block; color:#fff; font-size:15px; font-weight:500; line-height:1.4; }
.job-box .listbox > ul > li .box .stxt.on { background:var(--mainColor); }
.job-box .listbox > ul > li .box .stxt.ex { background:#c2d95c; }
.job-box .listbox > ul > li .box dt { margin-top:20px; color:#333; letter-spacing:-0.02em; font-size:25px; font-weight:700; line-height:1.3; }
.job-box .listbox > ul > li .box dd { margin-top:15px; color:#555; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.3; }
.job-box .listbox > ul > li .btn { display:flex; justify-content:flex-end; position:absolute; right:40px; bottom:40px; z-index:3; }
.job-box .listbox > ul > li .btn a:not(:last-child) { margin-right:10px; }
.job-box .listbox > ul > li .btn a { display:flex; align-items:center; height:65px; padding:0 60px; border-radius:100px; border:1px solid #ddd; transition:all 0.3s; }
.job-box .listbox > ul > li .btn a span { transition:all 0.3s; display:inline-block; padding:4px 25px 4px 0; font-size:18px; font-weight:600; letter-spacing:-0.02em; color:#aaa; line-height:1.3; background:url(/img/sub/btn_link.png) right center no-repeat; }
.job-box .listbox > ul > li .btn a:hover { background:var(--mainColor); border:1px solid var(--mainColor); }
.job-box .listbox > ul > li .btn a:hover span { color:#fff; background:url(/img/sub/btn_link1.png) right center no-repeat; }
@media screen and (max-width:1400px){
    .job-box .listbox > ul > li .box .btn a { padding:0 50px; }
}
@media screen and (max-width:1280px){
    .job-box .listbox { margin-top:100px; }
    .job-box .listbox > ul > li .box { padding:30px 30px 150px; }
    .job-box .listbox > ul > li .box .stxt { font-size:15px; }
    .job-box .listbox > ul > li .box dt { margin-top:20px; font-size:22px; }
    .job-box .listbox > ul > li .box dd { margin-top:15px; font-size:17px; }
    .job-box .listbox > ul > li .btn { right:30px; bottom:30px; }
    .job-box .listbox > ul > li .btn a { height:60px; padding:0 40px; }
    .job-box .listbox > ul > li .btn a span { padding:4px 25px 4px 0; font-size:17px; }
}
@media screen and (max-width:1024px){
    .job-box .listbox { margin-top:80px; }
    .job-box .listbox > ul > li .box { padding:20px 20px 130px; }
    .job-box .listbox > ul > li .box .stxt { font-size:14px; }
    .job-box .listbox > ul > li .box dt { margin-top:15px; font-size:20px; }
    .job-box .listbox > ul > li .box dd { margin-top:10px; font-size:16px; }
    .job-box .listbox > ul > li .btn { right:20px; bottom:20px; }
    .job-box .listbox > ul > li .btn a:not(:last-child) { margin-right:5px; }
    .job-box .listbox > ul > li .btn a { height:55px; padding:0 25px; }
    .job-box .listbox > ul > li .btn a span { padding:4px 25px 4px 0; font-size:16px; }
}
@media screen and (max-width:860px){
    .job-box .listbox > ul > li { width:100%; }
}
@media screen and (max-width:640px){
    .job-box .listbox { margin-top:40px; }
    .job-box .listbox > ul > li { padding-bottom:20px; }
    .job-box .listbox > ul > li .box { padding:20px 20px 120px; }
    .job-box .listbox > ul > li .box dt { margin-top:13px; font-size:18px; }
    .job-box .listbox > ul > li .box dd { font-size:15px; }
    .job-box .listbox > ul > li .btn { position:relative; right:unset; bottom:unset; justify-content:center; }
    .job-box .listbox > ul > li .btn a { height:50px; padding:0 20px; }
    .job-box .listbox > ul > li .btn a span { font-size:15px; }
}

/* animation */
.job-box .listbox { opacity:0; }
.job-box .listbox.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


/* contact-box */
.inquiry-box { margin-top:120px; }
.inquiry-box .guide-box:not(:last-child) { margin-bottom:180px; }
.inquiry-box .guide-box h4 { font-size:36px; font-weight:600; letter-spacing:-0.02em; color:#222; line-height:1.3; }
.inquiry-box .guide-box h5 { font-size:32px; font-weight:500; letter-spacing:-0.02em; color:#111; line-height:1.3; }
.inquiry-box .guide-box p.txt { margin-top:20px; font-size:21px; font-weight:300; letter-spacing:-0.02em; color:#111; line-height:1.3; }
.inquiry-box .guide-box .circle-list { margin-top:40px; }
.inquiry-box .guide-box .circle-list > ul { display:flex; justify-content:space-between; }
.inquiry-box .guide-box .circle-list > ul > li { position:relative; width:22.6%; }
.inquiry-box .guide-box .circle-list > ul > li:after { content:""; display:block; z-index:2; position:absolute; left:0; top:50%; transform:translateY(-50%); width:calc(100% + 13.6%); height:100%; background:url(/img/sub/contact_circle2.svg) no-repeat center / cover; }
.inquiry-box .guide-box .circle-list > ul > li:first-child:after { background:url(/img/sub/contact_circle1.svg) no-repeat center / cover; width:calc(100% + 15.5%); }
.inquiry-box .guide-box .circle-list > ul > li:nth-child(3):after { background:url(/img/sub/contact_circle2_1.svg) no-repeat center / cover; }
.inquiry-box .guide-box .circle-list > ul > li:last-child:after { background:url(/img/sub/contact_circle3.svg) no-repeat center / cover; width:calc(100% - 1.5%); }
.inquiry-box .guide-box .circle-list > ul > li:before { content:""; display:block; padding-bottom:100%; }
.inquiry-box .guide-box .circle-list > ul > li .circle { position:absolute; left:0; top:0; width:100%; border-radius:50%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.inquiry-box .guide-box .circle-list > ul > li .circle .icon { padding-top:2% } 
.inquiry-box .guide-box .circle-list > ul > li .circle dt { margin-top:20px; color:#666; letter-spacing:-0.02em; font-size:16px; font-weight:400; line-height:1.3; }
.inquiry-box .guide-box .circle-list > ul > li .circle dd { margin-top:10px; color:#333; letter-spacing:-0.02em; font-size:22px; font-weight:500; line-height:1.3; min-height:58px; }
.inquiry-box .guide-box .txt_b { margin-top:80px; color:#666; letter-spacing:-0.02em; font-size:17px; font-weight:300; line-height:1.3; }
.inquiry-box .guide-box .table-box { margin-top:150px; }
.inquiry-box .guide-box .table-box .scroll-box { margin-top:40px; }
.inquiry-box .guide-box .table-box table { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.inquiry-box .guide-box .table-box thead th { height:85px; text-align:center; background:#f8f8f8; border-left:1px solid #ddd; font-size:18px; font-weight:600; letter-spacing:-0.02em; color:#111; line-height:1.3; }
.inquiry-box .guide-box .table-box thead th:first-child { border-left:none }
.inquiry-box .guide-box .table-box tbody th { height:85px; text-align:center; background:#f8f8f8; border-top:1px solid #ddd; font-size:18px; font-weight:600; letter-spacing:-0.02em; color:#111; line-height:1.3; }
.inquiry-box .guide-box .table-box tbody td { height:85px; text-align:center; padding:10px 20px; background:#fff; border-left:1px solid #ddd; border-top:1px solid #ddd; font-size:18px; font-weight:300; letter-spacing:-0.02em; color:#333; line-height:1.5; }
.inquiry-box .guide-box .table-box tbody td a { color:#111 }
.inquiry-box .guide-box .table-box tbody td.td-left { text-align:left; padding-left:30px; }
.inquiry-box .guide-box .table-box tbody td:first-child { border-left:none }
.inquiry-box .guide-box .table-box tbody td a.btn_map { transition:all 0.3s; margin:0 auto; display:flex; align-items:center; justify-content:center; width:138px; height:42px; background:var(--mainColor); font-size:17px; font-weight:600; letter-spacing:-0.02em; color:#fff; line-height:1.3; border-radius:50px; }
.inquiry-box .guide-box .table-box tbody td a.m { display:none }
.inquiry-box .guide-box .table-box tbody td a:hover.btn_map { border:1px solid var(--mainColor); background:#fff; color:var(--mainColor); }
.inquiry-box .guide-box .table-box tbody td ul.btn { display:flex; justify-content:center; gap:0 20px; }
.inquiry-box .guide-box .table-box tbody td ul.btn li a { transition:all 0.3s; display:flex; align-items:center; height:42px; background:#f8f8f8; border-radius:50px; padding:0 40px; }
.inquiry-box .guide-box .table-box tbody td ul.btn li a span { transition:all 0.3s; color:#aaa; letter-spacing:-0.02em; font-size:17px; font-weight:700; line-height:1.3; padding:2px 26px 2px 0; background:url(/img/sub/veiw_icon.png) right center no-repeat; }
.inquiry-box .guide-box .table-box tbody td ul.btn li a.down span { background:url(/img/sub/down_icon.png) right center no-repeat; }
.inquiry-box .guide-box .table-box tbody td ul.btn li a:hover { background:var(--mainColor); }
.inquiry-box .guide-box .table-box tbody td ul.btn li a:hover span { color:#fff; }
.inquiry-box .guide-box .table-box tbody td ul.btn li a:hover span { background:url(/img/sub/veiw_icon1.png) right center no-repeat; }
.inquiry-box .guide-box .table-box tbody td ul.btn li a:hover.down span { background:url(/img/sub/down_icon1.png) right center no-repeat; }
.inquiry-box .guide-box .table-box tbody td span.bar { color:#111; }
@media screen and (max-width:1400px){
    .inquiry-box .guide-box .circle-list > ul > li .circle dt { margin-top:20px; }
    .inquiry-box .guide-box .circle-list > ul > li .circle dd { margin-top:10px; font-size:21px; min-height:56px; }
    .inquiry-box .guide-box .txt_b { margin-top:60px; font-size:17px; }
    .inquiry-box .guide-box .table-box .scroll-box .w3 { width:320px !important }
}
@media screen and (max-width:1280px){
    .inquiry-box { margin-top:100px; }
    .inquiry-box .guide-box:not(:last-child) { margin-bottom:140px; }
    .inquiry-box .guide-box h4 { font-size:30px; }
    .inquiry-box .guide-box h5 { font-size:28px; }
    .inquiry-box .guide-box p.txt { font-size:20px; }
    .inquiry-box .guide-box .circle-list > ul > li .circle dt { margin-top:18px; font-size:15px; }
    .inquiry-box .guide-box .circle-list > ul > li .circle dd { margin-top:8px; font-size:20px; min-height:54px; }
    .inquiry-box .guide-box .txt_b { margin-top:50px; font-size:16px; }
    .inquiry-box .guide-box .table-box { margin-top:120px; }
    .inquiry-box .guide-box .table-box .scroll-box { margin-top:30px; }
    .inquiry-box .guide-box .table-box thead th,
    .inquiry-box .guide-box .table-box tbody th,
    .inquiry-box .guide-box .table-box tbody td { height:80px; font-size:17px; }
    .inquiry-box .guide-box .table-box tbody td.td-left { padding-left:20px; }
    .inquiry-box .guide-box .table-box tbody td a.btn_map { width:120px; height:40px; font-size:16px; } 
    .inquiry-box .guide-box .table-box tbody td ul.btn { gap:0 10px; }
    .inquiry-box .guide-box .table-box tbody td ul.btn li a { padding:0 25px; }
    .inquiry-box .guide-box .table-box .scroll-box .w3 { width:250px !important }
}
@media screen and (max-width:1024px){
    .inquiry-box { margin-top:80px; }
    .inquiry-box .guide-box:not(:last-child) { margin-bottom:100px; }
    .inquiry-box .guide-box h4 { font-size:26px; }
    .inquiry-box .guide-box h5 { font-size:24px; }
    .inquiry-box .guide-box p.txt { margin-top:15px; font-size:17px; }
    .inquiry-box .guide-box .circle-list > ul > li .circle dt { margin-top:12px; font-size:15px; }
    .inquiry-box .guide-box .circle-list > ul > li .circle dd { margin-top:5px; font-size:18px; min-height:52px; }
    .inquiry-box .guide-box .txt_b { margin-top:50px; font-size:16px; }
    .inquiry-box .guide-box .table-box { margin-top:80px; }
    .inquiry-box .guide-box .table-box .scroll-box { margin-top:20px; }
    .inquiry-box .guide-box .table-box thead th,
    .inquiry-box .guide-box .table-box tbody th,
    .inquiry-box .guide-box .table-box tbody td { height:75px; font-size:16px; }
    .inquiry-box .guide-box .table-box tbody td a.btn_map { width:110px; font-size:15px; }
    .inquiry-box .guide-box .table-box tbody td a.tel { display:block; margin:5px 0; }
    .inquiry-box .guide-box .table-box tbody td span.bar { display:none; }
    .inquiry-box .guide-box .table-box tbody td a.m { display:flex }
    .inquiry-box .guide-box .table-box tbody td a.pc { display:none }
}
@media screen and (max-width:960px){
    .inquiry-box .guide-box .circle-list > ul { flex-wrap:wrap; gap:30px; max-width:640px; margin:0 auto }
    .inquiry-box .guide-box .circle-list > ul > li { width:calc(50% - 15px);  border:2px solid #eee; border-radius:50%; }
    .inquiry-box .guide-box .circle-list > ul > li:after { display:none; }
    .inquiry-box .guide-box .txt_b { text-align:center }
    .inquiry-box .guide-box .table-box .scroll-box { overflow:auto; }
    .inquiry-box .guide-box .table-box .scroll-box table { width:960px;}
    .inquiry-box .guide-box .table-box .scroll-box .w1 { width:150px !important }
    .inquiry-box .guide-box .table-box .scroll-box .w2 { width:150px !important }
    .inquiry-box .guide-box .table-box .scroll-box .w3 { width:230px !important }
}
@media screen and (max-width:640px){
    .inquiry-box { margin-top:60px; }
    .inquiry-box .guide-box:not(:last-child) { margin-bottom:60px; }
    .inquiry-box .guide-box h4 { font-size:24px; }
    .inquiry-box .guide-box h5 { font-size:22px; }
    .inquiry-box .guide-box p.txt { margin-top:15px; font-size:16px; }
    .inquiry-box .guide-box .circle-list > ul { gap:10px; }
    .inquiry-box .guide-box .circle-list > ul > li { width:calc(50% - 5px); } 
    .inquiry-box .guide-box .circle-list > ul > li .circle dt { margin-top:10px; font-size:14px; }
    .inquiry-box .guide-box .circle-list > ul > li .circle dd { font-size:16px; min-height:48px; } 
    .inquiry-box .guide-box .table-box { margin-top:60px; }
    .inquiry-box .guide-box .table-box thead th,
    .inquiry-box .guide-box .table-box tbody th,
    .inquiry-box .guide-box .table-box tbody td { height:60px; }
}
/* animation */
.inquiry-box .guide-box .circle-list > ul > li { opacity:0; }
.inquiry-box .guide-box .circle-list.subOn > ul > li:nth-child(1) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.inquiry-box .guide-box .circle-list.subOn > ul > li:nth-child(2) { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.inquiry-box .guide-box .circle-list.subOn > ul > li:nth-child(3) { animation:ani_1 0.5s 0.7s; animation-fill-mode:both; }
.inquiry-box .guide-box .circle-list.subOn > ul > li:nth-child(4) { animation:ani_1 0.5s 0.9s; animation-fill-mode:both; }
.inquiry-box .guide-box .table-box { opacity:0; }
.inquiry-box .guide-box .table-box.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.inquiry-box .guide-box .txt_b { opacity:0; }
.inquiry-box .guide-box .txt_b.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }


.inquiry-box .complete-box { padding:120px 20px; border-radius:40px; background:#f8f8f8; }
.inquiry-box .complete-box .box { text-align:center }
.inquiry-box .complete-box .box .txt-1 { margin-top:60px; color:#333; letter-spacing:-0.02em; font-size:45px; font-weight:700; line-height:1.3; }
.inquiry-box .complete-box .box .txt-1 strong { font-weight:700; color:var(--mainColor); }
.inquiry-box .complete-box .box .txt-2 { margin-top:40px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:400; line-height:1.5; }
.inquiry-box .complete-box .box .txt-2 strong { font-weight:600; color:#111; }
.inquiry-box .complete-box .box .txt-3 { margin-top:40px; color:#333; letter-spacing:-0.02em; font-size:26px; font-weight:700; line-height:1.3; }
.inquiry-box .complete-box .box .txt-3 strong { font-weight:700; color:var(--mainColor); display:inline-block; margin-right:5px; }
.inquiry-box .complete-box .box .txt-3 span { position:relative; display:inline-block; font-weight:700; padding:2px 0 2px 35px; background:url(/img/sub/tel_icon.png) left 6px no-repeat; }
.inquiry-box .complete-box .box .txt-3 span.m_br { display:none;}
.inquiry-box .complete-box .box .txt-3 span:not(:last-child) { margin-right:20px; padding-right:20px; }
.inquiry-box .complete-box .box .txt-3 span:not(:last-child):before { content:""; display:block; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:16px; background:#aaa; }
.inquiry-box .complete-box .box .txt-3 span a { color:#333; }
@media screen and (max-width:1280px){
    .inquiry-box .complete-box { padding:100px 20px; }
    .inquiry-box .complete-box .box .txt-1 { margin-top:50px; font-size:40px; }
    .inquiry-box .complete-box .box .txt-2 { margin-top:30px; font-size:19px; }
    .inquiry-box .complete-box .box .txt-3 { margin-top:30px; font-size:24px; }
}
@media screen and (max-width:1024px){
    .inquiry-box .complete-box { padding:80px 20px; }
    .inquiry-box .complete-box .box .txt-1 { margin-top:40px; font-size:30px; }
    .inquiry-box .complete-box .box .txt-2 { margin-top:20px; font-size:18px; }
    .inquiry-box .complete-box .box .txt-3 { margin-top:20px; font-size:22px; }
}
@media screen and (max-width:760px){
    .inquiry-box .complete-box .box .txt-3 { max-width:400px; margin:20px auto 0; }
    .inquiry-box .complete-box .box .txt-3 span { background-position:left 4px; }
    .inquiry-box .complete-box .box .txt-3 span:not(:last-child) { margin-right:0; padding-right:0; margin-bottom:5px;}
    .inquiry-box .complete-box .box .txt-3 span:not(:last-child):before { display:none; }
    .inquiry-box .complete-box .box .txt-3 span.m_br { display:block; background:none;  margin:-2px 0 0 }
}
@media screen and (max-width:640px){
    .inquiry-box .complete-box { padding:60px 20px; }
    .inquiry-box .complete-box .box .txt-1 { margin-top:30px; font-size:24px; }
    .inquiry-box .complete-box .box .txt-2 { margin-top:20px; font-size:16px; }
    .inquiry-box .complete-box .box .txt-2 br { display:none }
    .inquiry-box .complete-box .box .txt-2 .m_br { display:block }
    .inquiry-box .complete-box .box .txt-3 { margin-top:20px; font-size:20px; }
}

/* animation */
.inquiry-box .complete-box { opacity:0; }
.inquiry-box .complete-box.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

.customer-box h4 { font-size:36px; font-weight:600; letter-spacing:-0.02em; color:#222; line-height:1.3; }
.customer-box .customer-cont.cont1 h4 { text-align:center }
.customer-box .customer-cont.cont2 { margin-top:180px; }
.customer-box .customer-cont.cont3 { margin-top:120px; }
.customer-box .customer-cont.cont1 { display:flex; flex-wrap:wrap; gap:32px; }
.customer-box .customer-cont .app { width:calc(75% - 16px);}
.customer-box .customer-cont .app ul { display:flex; gap:32px; margin-top:40px; }
.customer-box .customer-cont .app ul li { width:calc(33.33% - 16px); }
.customer-box .customer-cont .app ul li a { width:100%; height:150px; padding:0 10px; display:flex; align-items:center; justify-content:center; border-radius:20px; border:1px solid #ddd; background:#fff; }
.customer-box .customer-cont .app:last-child { width:calc(25% - 16px); }
.customer-box .customer-cont .app:last-child li { width:100%; }
.customer-box .customer-cont .box { margin-top:40px; display:flex; flex-wrap:wrap; align-items:center; padding:60px 80px; border-radius:20px; background:#f8f8f8; }
.customer-box .customer-cont .box .l-box { width:40%; padding-right:20px; }
.customer-box .customer-cont .box .l-box dl { padding-left:105px; background:url(/img/sub/customer_icon1.png) left 3px no-repeat; }
.customer-box .customer-cont .box .l-box dt { font-size:21px; font-weight:700; letter-spacing:-0.02em; color:#111; line-height:1.3; }
.customer-box .customer-cont .box .l-box dt strong { color:var(--mainColor); font-size:42px; display:block; margin-top:5px; }
.customer-box .customer-cont .box .l-box dd { padding-top:20px; }
.customer-box .customer-cont .box .l-box dd li:not(:last-child) { margin-bottom:5px; }
.customer-box .customer-cont .box .l-box dd li { font-size:17px; font-weight:300; letter-spacing:-0.02em; color:#555; line-height:1.3; }
.customer-box .customer-cont .box .l-box dd li strong { color:#333; font-weight:600; display:inline-block; margin-right:15px; }
.customer-box .customer-cont .box .r-box { width:60%; padding-left:80px; border-left:1px solid #ddd; }
.customer-box .customer-cont .box .r-box dl:not(:last-child) { margin-bottom:60px; }
.customer-box .customer-cont .box .r-box dt { font-size:21px; font-weight:700; letter-spacing:-0.02em; color:var(--mainColor); line-height:1.3;  padding-left:35px; background:url(/img/sub/customer_icon2.png) left center no-repeat; }
.customer-box .customer-cont .box .r-box dd { padding-top:20px; }
.customer-box .customer-cont .box .r-box dd li:not(:last-child) { margin-bottom:7px; }
.customer-box .customer-cont .box .r-box dd li { position:relative; font-size:18px; font-weight:300; letter-spacing:-0.02em; color:#555; line-height:1.3; padding-left:14px; }
.customer-box .customer-cont .box .r-box dd li:before { content:''; display:block; width:5px; height:1px; position:absolute; left:0; top:10px; background:#555; }
.customer-box .customer-cont.cont3 > dl { display:flex; flex-wrap:wrap; }
.customer-box .customer-cont.cont3 > dl > dt { width:360px; }
.customer-box .customer-cont.cont3 > dl > dd { width:calc(100% - 360px); display:flex; flex-wrap:wrap; gap:40px; }
.customer-box .customer-cont.cont3 > dl > dd .ars-box { border-radius:20px; border:1px solid #ddd; width:calc(50% - 20px) }
.customer-box .customer-cont.cont3 > dl > dd .ars-box dt { text-align:center; padding:32px 10px; border-bottom:1px solid #ddd; font-size:22px; font-weight:500; letter-spacing:-0.02em; color:#333; line-height:1.3; }
.customer-box .customer-cont.cont3 > dl > dd .ars-box dt strong { color:var(--mainColor); font-family:var(--mainFont); font-weight:600; font-size:36px; vertical-align:middle; display:inline-block; margin-right:5px; }
.customer-box .customer-cont.cont3 > dl > dd .ars-box dd { padding:35px 40px; }
.customer-box .customer-cont.cont3 > dl > dd .ars-box dd li:not(:last-child) { margin-bottom:22px; } 
.customer-box .customer-cont.cont3 > dl > dd .ars-box dd li { position:relative; font-size:18px; font-weight:300; letter-spacing:-0.02em; color:#555; line-height:1.3; padding-left:45px; } 
.customer-box .customer-cont.cont3 > dl > dd .ars-box dd li span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:30px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-family:var(--mainFont); font-size:15px; font-weight:500; letter-spacing:-0.02em; color:#555; line-height:1.3;  }
@media screen and (max-width:1400px){
    .customer-box .customer-cont.cont1 { gap:20px; }
    .customer-box .customer-cont .app { width:calc(75% - 10px); }
    .customer-box .customer-cont .app:last-child { width:calc(25% - 10px); }
    .customer-box .customer-cont .app ul { gap:20px; }
    .customer-box .customer-cont .app ul li { width:calc(33.33% - 10px); }
    .customer-box .customer-cont .box { padding:40px 50px; }
    .customer-box .customer-cont .box .l-box dl { padding-left:90px; }
    .customer-box .customer-cont .box .l-box { width:45%; }
    .customer-box .customer-cont .box .r-box { width:55%; padding-left:50px; }
}
@media screen and (max-width:1280px){
    .customer-box h4 { font-size:30px; }
    .customer-box .customer-cont.cont2 { margin-top:140px; }
    .customer-box .customer-cont.cont3 { margin-top:100px; }
    .customer-box .customer-cont .app ul,
    .customer-box .customer-cont .box { margin-top:30px; }
    .customer-box .customer-cont .app ul li a { height:140px; }
    .customer-box .customer-cont .app ul li a img { max-width:100%; }
    .customer-box .customer-cont .box .l-box,
    .customer-box .customer-cont .box .r-box { width:50%; }
    .customer-box .customer-cont .box .l-box dt { font-size:20px; }
    .customer-box .customer-cont .box .l-box dt strong { font-size:36px; margin-top:5px; }
    .customer-box .customer-cont .box .l-box dd { padding-top:18px; }
    .customer-box .customer-cont .box .l-box dd li:not(:last-child) { margin-bottom:5px; }
    .customer-box .customer-cont .box .l-box dd li { font-size:16px; }
    .customer-box .customer-cont .box .l-box dd li strong { margin-right:13px; }
    .customer-box .customer-cont .box .r-box dl:not(:last-child) { margin-bottom:50px; }
    .customer-box .customer-cont .box .r-box dt { font-size:20px; }
    .customer-box .customer-cont .box .r-box dd { padding-top:18px; }
    .customer-box .customer-cont .box .r-box dd li:not(:last-child) { margin-bottom:6px; }
    .customer-box .customer-cont .box .r-box dd li { font-size:17px; padding-left:14px; }
    .customer-box .customer-cont.cont3 > dl > dt { width:300px; }
    .customer-box .customer-cont.cont3 > dl > dd { width:calc(100% - 300px); gap:20px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box { width:calc(50% - 10px) }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dt { padding:25px 10px; font-size:21px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dt strong { font-size:32px; margin-right:3px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd { padding:30px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd li:not(:last-child) { margin-bottom:20px; } 
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd li { font-size:17px; padding-left:40px; } 
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd li span { width:28px; height:28px; font-size:15px; }
}
@media screen and (max-width:1024px){
    .customer-box h4 { font-size:26px; }
    .customer-box .customer-cont.cont1 h4 { text-align:left }
    .customer-box .customer-cont.cont2 { margin-top:100px; }
    .customer-box .customer-cont.cont3 { margin-top:80px; }
    .customer-box .customer-cont.cont1 { gap:30px 20px; }
    .customer-box .customer-cont .app { width:100%; }
    .customer-box .customer-cont .app:last-child { width:calc(33.33% - 10px); }
    .customer-box .customer-cont .app ul,
    .customer-box .customer-cont .box { margin-top:20px; }
    .customer-box .customer-cont .box { border-radius:10px; }
    .customer-box .customer-cont .app ul li a { height:120px; border-radius:10px;}
    .customer-box .customer-cont .box .l-box,
    .customer-box .customer-cont .box .r-box { width:100%; }
    .customer-box .customer-cont .box .l-box dl { display:flex; align-items:center; gap:40px;}
    .customer-box .customer-cont .box .l-box dt { font-size:18px; }
    .customer-box .customer-cont .box .l-box dt strong { font-size:32px; }
    .customer-box .customer-cont .box .l-box dd { padding-top:0; }
    .customer-box .customer-cont .box .r-box { padding:0; padding-top:30px; margin-top:20px; border:none }
    .customer-box .customer-cont .box .r-box dl:not(:last-child) { margin-bottom:30px; }
    .customer-box .customer-cont .box .r-box dt { font-size:19px; }
    .customer-box .customer-cont .box .r-box dd { padding-top:18px; }
    .customer-box .customer-cont .box .r-box dd li:not(:last-child) { margin-bottom:6px; }
    .customer-box .customer-cont .box .r-box dd li { font-size:16px; padding-left:14px; }
    .customer-box .customer-cont.cont3 > dl > dt { width:210px; }
    .customer-box .customer-cont.cont3 > dl > dd { width:calc(100% - 210px); gap:20px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box { width:calc(50% - 10px) }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dt { padding:18px 10px; font-size:20px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dt strong { font-size:28px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd { padding:20px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd li:not(:last-child) { margin-bottom:16px; } 
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd li { font-size:16px; padding-left:36px; } 
    .customer-box .customer-cont.cont3 > dl > dd .ars-box dd li span { width:26px; height:26px; font-size:14px; }
}
@media screen and (max-width:860px){
    .customer-box .customer-cont.cont3 > dl > dt { width:100%; }
    .customer-box .customer-cont.cont3 > dl > dd { width:100%; margin-top:20px; }
    .customer-box .customer-cont .box { padding:30px; }
    .customer-box .customer-cont .box .l-box dl { flex-wrap:wrap; gap:30px;}
    .customer-box .customer-cont .box .l-box dt { width:100%; }
    .customer-box .customer-cont .box .l-box dd { width:calc(100% + 80px); margin-left:-80px; }
}
@media screen and (max-width:760px){
    .customer-box .customer-cont .app ul { flex-wrap:wrap; } 
    .customer-box .customer-cont .app ul li { width:calc(50% - 10px); }
    .customer-box .customer-cont .app:last-child { width:calc(50% - 10px); }
}
@media screen and (max-width:640px){
    .customer-box h4 { font-size:24px; }
    .customer-box .customer-cont.cont2 { margin-top:70px; }
    .customer-box .customer-cont.cont3 { margin-top:50px; }
    .customer-box .customer-cont .app ul,
    .customer-box .customer-cont .box,
    .customer-box .customer-cont.cont3 > dl > dd { margin-top:15px; }
    .customer-box .customer-cont .app ul { gap:10px; } 
    .customer-box .customer-cont .app ul li { width:calc(50% - 5px); }
    .customer-box .customer-cont .app ul li a { padding:0 30px; }
    .customer-box .customer-cont .app:last-child { width:calc(50% - 5px); }
    .customer-box .customer-cont .box { padding:30px 20px; }
    .customer-box .customer-cont.cont3 > dl > dd { gap:10px; }
    .customer-box .customer-cont.cont3 > dl > dd .ars-box { width:100% }
}

/* animation */
.customer-box .customer-cont { opacity:0; }
.customer-box .customer-cont.subOn { animation:ani_4 0.5s 0.3s; 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 #000; }
.registerBox > ul > li { position:relative; display:flex; align-items:center; flex-wrap:wrap; width:100%; background:#f8f8f8; border-bottom:1px solid #ddd; }
.registerBox > ul > li > label { width:280px; font-size:20px; color:#111; font-weight:500; letter-spacing:-0.02em; line-height:1.3; display:inline-block; text-align:center; }
.registerBox > ul > li label span.s { font-weight:500; color:#e52828; }
.registerBox > ul > li label span.st { font-size:16px; font-weight:400; }
.registerBox > ul > li .ipbox { width:calc(100% - 280px); padding:10px 0 10px 30px; min-height:85px; background:#fff; }
.registerBox > ul > li input[type="text"],
.registerBox > ul > li input[type="password"] { height:65px; padding:0; width:100%; font-size:18px; color:#333; font-weight:300; border:none; outline:none; background:#; border-radius:10px; }
.registerBox > ul > li select { width:100%; height:65px; line-height:65px; padding:0 20px; font-size:18px; color:#333; font-weight:300; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:10px; background:#f8f8f8 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:220px; line-height:1.6; padding:20px 0; font-size:18px; color:#333; font-weight:300; border:none; outline:none; background:none; border-radius:10px; }
.registerBox > ul > li input.ip02 { width:300px; background:#f8f8f8; padding:0 20px; }
.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.ad { display:flex; }
.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:10px 0 0 10px; }
.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:0px 10px 10px 0px; }
.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 .kcaptcha_ip { background:#f3f3f3; position:relative; padding:0 50px 0 340px; width:600px; }
.registerBox > ul > li .kcaptcha_ip .imgbox { position:absolute; left:170px; top:0; }
.registerBox > ul > li .kcaptcha_ip .imgbox img { width:175px; }
.registerBox > ul > li .kcaptcha_ip input { border:none }
.registerBox > ul > li .kcaptcha_ip .btn { position:absolute; right:0; top:0; height:100%; width:50px; border:none; outline:none; background:none }
.registerBox > ul > li .kcaptcha_ip .btn i { color:#555; font-size:18px; }
.registerBox > ul > li img.img { height:65px; border-radius:10px; }
.registerBox > ul > li .privacy-box { background:none; padding:20px 0; }
.registerBox > ul > li .privacy-box .scroll-box { height:275px; 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 { display:inline-block }
.registerBox .ipbox .ch label:not(:last-child) { margin-right:80px; margin-bottom:6px; }
.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:20px; height:20px; vertical-align:middle; background:#eee url(/img/sub/ch_off.png) center center no-repeat; border:none; border-radius:4px; 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:4px; 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:#000 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 ul > li .sel-focus:focus ~ .tit,
.registerBox ul > li.on label.tit { opacity:0; z-index:-1 }
*/
@media screen and (max-width:1600px){
    .registerBox > ul > li input.ip02 { width:calc(30% - 22px); }
    .registerBox > ul > li select.sel01 { width:calc(40% - 5px); }
}
@media screen and (max-width:1280px){
    .registerBox > ul > li > label { width:220px; font-size:19px; }
    .registerBox > ul > li .ipbox { width:calc(100% - 220px); padding:10px 0 10px 20px; min-height:80px; }
    .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; }
}
@media screen and (max-width:1024px){
    .registerBox > ul > li > label { width:155px; font-size:18px; }
    .registerBox > ul > li label span.st { font-size:15px; }
    .registerBox > ul > li .ipbox { width:calc(100% - 155px); padding:10px 0 10px 20px; min-height:75px; }
    .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:55px; }
    .registerBox > ul > li select { height:55px; line-height:55px; }
    .registerBox > ul > li textarea { padding:10px 0; } 
    .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 .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; }
}
@media screen and (max-width:760px){
    .registerBox > ul > li { background:none; padding:0 10px 10px; }
    .registerBox > ul > li > label { width:100%; text-align:left; margin-bottom:5px; padding-top:20px; }
    .registerBox > ul > li > label br { display:none }
    .registerBox > ul > li .ipbox { width:100%; padding:0; min-height:55px; }
    .registerBox > ul > li textarea,
    .registerBox > ul > li .privacy-box .scroll-box { height:180px; }
    .registerBox > ul > li input.ip02 { width:calc(50% - 23px); }
    .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; }
}

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

.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-view .top-box { text-align:center; padding:0 20px; }
.board-view .top-box .title { font-size:48px; font-weight:600; color:#222; line-height:1.6; }
.board-view .top-box .info { margin-top:20px; display:flex; justify-content:center; }
.board-view .top-box .date { font-size:18px; font-weight:300; color:#333; line-height:1.3; padding-right:20px; }
.board-view .top-box .txt { position:relative; font-size:18px; font-weight:300; color:#333; line-height:1.3; padding-left:20px; }
.board-view .top-box .txt:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background-color:#aaa; }
.board-view .viewCont { margin-top:80px; border-top:1px solid #000; border-bottom:1px solid #ddd; }
.board-view .viewCont .attach { padding-top:20px; display:flex; justify-content:flex-end; }
.board-view .viewCont .attach ul { text-align:right; }
.board-view .viewCont .attach li { margin-top:10px; }
.board-view .viewCont .attach li a { font-size:15px; font-weight:300; color:#666; padding:4px 0 4px 22px; background:url(/img/sub/file_icon.png) left center no-repeat; display:inline-block}
.board-view .viewCont .contents { min-height:180px; padding:20px 200px 80px; line-height:1.6 }
.board-view .viewCont .contents img { max-width:100%; height:auto }
.board-view .btn_pn { border-top:1px solid #ddd; margin-top:80px; }
.board-view .btn_pn dl { border-bottom:1px solid #ddd; display:flex; }
.board-view .btn_pn dt { width:160px; height:69px; background-color:none; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:400; color:#666; } 
.board-view .btn_pn dd { width:calc(100% - 160px); display:flex; align-items:center; padding:0 20px; font-size:18px; font-weight:500; color:#333; }
.board-view .btn_pn dd a { font-size:18px; font-weight:500; color:#333; min-height:20px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
@media screen and (max-width:1400px){	
    .board-view .top-box .title { font-size:30px; }
    .board-view .viewCont .contents { padding:20px 100px 60px; }
}
@media screen and (max-width:1024px){	
    .board-view .top-box .title { font-size:30px; }
    .board-view .top-box .info { margin-top:10px; }
    .board-view .top-box .date,
    .board-view .top-box .txt { font-size:16px; }
    .board-view .viewCont { margin-top:60px; }
    .board-view .viewCont .attach li { margin-top:5px; }
    .board-view .viewCont .contents { min-height:160px; padding:20px 60px 80px; }
    .board-view .btn_pn { margin-top:60px; }
    .board-view .btn_pn dt { width:120px; height:62px; } 
    .board-view .btn_pn dd { width:calc(100% - 120px); font-size:17px; }
    .board-view .btn_pn dd a { font-size:17px; min-height:19px; }
}
@media screen and (max-width:640px){	
    .board-view .top-box .title { font-size:22px; }
    .board-view .top-box .date,
    .board-view .top-box .txt { font-size:16px; }
    .board-view .viewCont { margin-top:30px; }
    .board-view .viewCont .contents { padding:20px 0 50px; }
    .board-view .btn_pn dt { width:100px; height:60px; } 
    .board-view .btn_pn dd { width:calc(100% - 100px); font-size:16px; }
    .board-view .btn_pn dd a { font-size:16px; min-height:19px; }
}

/* animation */
.board-view { opacity:0; }
.board-view { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }


.faq_box { margin-top:100px; padding:150px 0; background-color:#f7f7f7; }
.faq_box .listbox { margin-top:100px; }
.faq_box .listbox > ul { border-top:1px solid #d6d6d6; }
.faq_box .listbox > ul > li { border-bottom:1px solid #d6d6d6; }
.faq_box .listbox > ul > li > p { position:relative; cursor:pointer; padding:35px 100px 35px 125px; min-height:136px; font-size:25px; color:#000; font-weight:700; line-height:1.4; display:flex; align-items:center; } 
.faq_box .listbox > ul > li > p:before { content:""; display:block; position:absolute; right:40px; top:50%; transform:translateY(-50%); width:14px; height:9px; background:url(/img/sub/faq_arr.png) center center no-repeat; }
.faq_box .listbox > ul > li.on > p:before { background:url(/img/sub/faq_arr_on.png) center center no-repeat; }
.faq_box .listbox > ul > li > p span.q { position:absolute; left:40px; top:42px; color:#fff; font-weight:700; font-size:30px; display:flex; justify-content:center; align-items:center; width:57px; height:57px; background-color:#ff7b0f; border-radius:50%; }
.faq_box .listbox > ul > li .contentBox { background-color:#fff; border-top:1px solid #d6d6d6; padding:35px 55px 70px; color:#000; font-size:18px; line-height:1.6 }
@media screen and (max-width:1024px){
    .faq_box { margin-top:80px; padding:120px 0; }
    .faq_box .listbox { margin-top:80px; }
    .faq_box .listbox > ul > li > p { padding:30px 100px 30px 110px; min-height:120px; font-size:22px; } 
    .faq_box .listbox > ul > li > p span.q { left:30px; top:35px; font-size:24px; width:52px; height:52px; }
    .faq_box .listbox > ul > li .contentBox { padding:30px 45px 60px; font-size:16px; }
}
@media screen and (max-width:640px){
    .faq_box { margin-top:50px; padding:80px 0; }
    .faq_box .listbox { margin-top:50px; }
    .faq_box .listbox > ul > li > p { padding:20px 50px 20px 65px; min-height:80px; font-size:17px; } 
    .faq_box .listbox > ul > li > p:before { right:20px; }
    .faq_box .listbox > ul > li > p span.q { left:10px; top:20px; font-size:19px; width:40px; height:40px; }
    .faq_box .listbox > ul > li .contentBox { padding:20px 20px 50px; font-size:16px; }
}

/* animation */
.faq_box .listbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }

/* page */
.page { margin:80px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:16px; line-height:45px; font-family:var(--mainFont); font-weight:500; color:#222; border:none; padding:0; min-width:45px; margin:0 -2px; 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:600; color:#fff; background-color:var(--mainColor); 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(--mainColor); }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:45px; padding:0; width:45px; 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:45px; padding:0; width:45px; 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:45px; padding:0; width:45px; margin-right:-4px; 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:45px; padding:0; width:45px; margin-left:-4px; 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:30px auto 0 auto; }
    .page a { font-size:15px; line-height:38px; min-width:38px; margin:0 -4px; }
    .page .btn_prev { height:38px; width:38px; margin-right:2px; }
    .page .btn_next { height:38px; width:38px; margin-left:2px; }
    .page .btn_first { height:38px; width:38px; }
    .page .btn_last { height:38px; width:38px; }

}


/* 사회공헌 게시판 상세 table */
.story-box table.table_s1 {width:100%;}
.story-box table.table_s1 th, .story-box table.table_s1 td {padding:15px 0;  border:1px solid #ddd;}
.story-box table.table_s1 th {border-color:#333; color:#fff; background:#333; font-weight:bold}
.story-box table.table_s1 td {border-bottom:1px solid #ddd; text-align:center;}