@charset "utf-8";

.subtitleTop { position:relative; height:760px; overflow:hidden; }
.subtitleTop .innerP120 { position:absolute; top:0; left:0; padding-bottom:120px; z-index:1; width:100%; height:100%; display:flex; justify-content:space-between; align-items:flex-end; }
.subtitleTop .top-box {}
.subtitleTop .top-box .location dl { display:flex; align-items:center; gap:5px 34px; }
.subtitleTop .top-box .location dt { width:24px; height:24px; background:url(/img/svg/location_h.svg) center center no-repeat; text-indent:-9999em; overflow:hidden; }
.subtitleTop .top-box .location dd { display:flex; align-items:center; gap:5px 34px; }
.subtitleTop .top-box .location dd span,
.subtitleTop .top-box .location dd strong { color:#fff; font-size:var(--font19); font-weight:500; line-height:1.1; letter-spacing:-0.035em; }
.subtitleTop .top-box .location dd span,
.subtitleTop .top-box .location dd strong { position:relative; }
.subtitleTop .top-box .location dd span:before,
.subtitleTop .top-box .location dd strong:before { content:""; display:block; width:4px; height:4px; position:absolute; left:-15px; top:50%; transform:translateY(-50%); background:#fff; }
.subtitleTop .top-box .txtbox { margin-top:30px; }
.subtitleTop .top-box .txtbox h3 { color:#fff; font-size:var(--font80); font-weight:700; line-height:1.3; letter-spacing:-0.045em; }
.subtitleTop .top-box .txtbox h3 span { font-weight:700; }
.subtitleTop .top-box .txtbox .txt { margin-top:40px; color:rgba(255, 255, 255, 0.80); font-size:var(--font22); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }

.subTop { transform:scale(1.10); height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#111; }
.subTop_Bg1 { background-image:url(/img/sub/visualsub_bg1.jpg); }
.subTop_Bg2 { background-image:url(/img/sub/visualsub_bg2.jpg); }
.subTop_Bg3 { background-image:url(/img/sub/visualsub_bg3.jpg); }
.subTop_Bg4 { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTop_Bg5 { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTop_Bg6 { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTop_Bg7 { background-image:url(/img/sub/visualsub_bg7.jpg); }
.subTop_Bg10 { background-image:url(/img/sub/visualsub_bg10.jpg); }
.subTop_Bg11 { background-image:url(/img/sub/visualsub_bg11.jpg); }
@media screen and (max-width:1440px){
	.subtitleTop { height:700px; }
	.subtitleTop .innerP120 { padding-bottom:100px; }
}
@media screen and (max-width:1280px){
	.subtitleTop { height:580px; }
	.subtitleTop .innerP120 { padding-bottom:80px; }
}
@media screen and (max-width:1024px){
	.subtitleTop { height:460px; }
	.subtitleTop .innerP120 { padding-bottom:60px; }
	.subtitleTop .top-box .location dl,
	.subtitleTop .top-box .location dd { gap:5px 26px; }
	.subtitleTop .top-box .location dt { width:20px; height:20px; background-size:20px auto; }
	.subtitleTop .top-box .location dd span:before,
	.subtitleTop .top-box .location dd strong:before { width:2px; height:2px; left:-12px; }
	.subtitleTop .top-box .txtbox { margin-top:15px; }
	.subtitleTop .top-box .txtbox .txt { margin-top:20px; }
}
@media screen and (max-width:640px){
	.subtitleTop { height:320px; }
	.subtitleTop .innerP120 { padding-bottom:30px; }
	.subtitleTop .top-box .txtbox { margin-top:10px; }
	.subtitleTop .top-box .txtbox .txt { margin-top:15px; }
}

/* animation */
.subTop { animation:subTbg 1.5s 0.3s; animation-fill-mode:both;}
.subtitleTop h3 { overflow:hidden }
.subtitleTop h3 span { display:block; opacity:0; }
.subtitleTop h3 span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both;}
.subtitleTop .txt { overflow:hidden }
.subtitleTop .txt span { display:block; opacity:0; }
.subtitleTop .txt span { animation:ani_5 0.8s 0.8s; animation-fill-mode:both;}


@keyframes subTbg {
    0% { transform:scale(1.10); }
    100% { transform:scale(1.0); }
}

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }


#subContents > article { padding:160px 0 220px; min-height:300px; }
#subContents > article.subContT { padding-top:0; }
#subContents > article.subContB { padding-bottom:0; }
@media screen and (max-width:1024px){
	#subContents > article { padding:80px 0 110px; }
}
@media screen and (max-width:640px){
	#subContents > article { padding:40px 0 60px; }
}


h4.p-title { position:relative; padding-left:28px; color:#111; font-size:var(--font40); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
h4.p-title.font-p { font-family:var(--mainFont); }
h4.p-title:before { content:''; display:block; position:absolute; top:0; left:0; width:8px; height:8px; background:var(--mainColor); }
@media screen and (max-width:1024px){
	h4.p-title { padding-left:16px; }
	h4.p-title:before { width:4px; height:4px; }
}
@media screen and (max-width:640px){
	h4.p-title { padding-left:10px; }
	h4.p-title:before { width:3px; height:3px; }
}

.tabmenu ul { display:flex; }
.tabmenu ul li a { min-width:140px; height:60px; padding:0 30px; color:#999; font-size:var(--font20); font-weight:300; line-height:1.3; display:flex; align-items:center; justify-content:center; }
.tabmenu ul li.on a { color:#fff; font-weight:600; background:var(--mainColor); }
@media screen and (max-width:1024px){
	.tabmenu ul li a { min-width:100px; height:50px; padding:0 20px; }
}
@media screen and (max-width:640px){ 
	.tabmenu ul { flex-wrap:wrap; }
	.tabmenu ul li { width:calc(100% / 3); }
	.tabmenu ul li a { min-width:auto; width:100%; height:45px; }
}

/* company */
.company-box .greeting-box > div { display:flex; flex-wrap:wrap; }
.company-box .greeting-box > div > div { width:50%; }
.company-box .greeting-box .l-box { color:#111; font-size:var(--font54); font-weight:400; line-height:1.5; letter-spacing:-0.035em; padding-right:40px; }
.company-box .greeting-box .l-box strong { font-weight:600; }
.company-box .greeting-box .r-box p { color:#111; font-size:var(--font19); font-weight:300; line-height:1.7; letter-spacing:-0.025em; }
.company-box .greeting-box .r-box p strong { font-weight:600; }
.company-box .greeting-box .r-box p:not(:last-child) { margin-bottom:35px; }
.company-box .greeting-box .r-box .sign { margin-top:60px; display:flex; gap:0 35px; align-items:flex-end; color:#111; font-size:var(--font23); font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
@media screen and (max-width:1720px){
	.company-box .greeting-box .r-box br { display:none }
}
@media screen and (max-width:1024px){
	.company-box .greeting-box .r-box p:not(:last-child) { margin-bottom:20px; }
	.company-box .greeting-box .r-box .sign { margin-top:35px; gap:0 20px; }
	.company-box .greeting-box .r-box .sign img { height:54px; }
	.company-box .greeting-box br { display:none }
	.company-box .greeting-box span.m_br { display:block }
}
@media screen and (max-width:860px){
	.company-box .greeting-box > div > div { width:100%; }
	.company-box .greeting-box .r-box { margin-top:30px; }
}
@media screen and (max-width:640px){
	.company-box .greeting-box .r-box { margin-top:15px; }
	.company-box .greeting-box .r-box p:not(:last-child) { margin-bottom:15px; }
	.company-box .greeting-box .r-box .sign { margin-top:20px; }
}
/* animation */
.company-box .greeting-box > div > div { opacity:0; }
.company-box .greeting-box .l-box.subOn { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.company-box .greeting-box .r-box.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }


.company-box .brand-box .listbox ul li:not(:last-child) { margin-bottom:160px; }
.company-box .brand-box .listbox ul li { display:flex; flex-wrap:wrap; align-items:center; }
.company-box .brand-box .listbox ul li figure { width:50%; position:relative; overflow:hidden; }
.company-box .brand-box .listbox ul li figure:before { content:''; display:block; padding-bottom:64.3%; }
.company-box .brand-box .listbox ul li figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-box .brand-box .listbox ul li .txtbox { width:50%; padding-left:150px; }
.company-box .brand-box .listbox ul li .txtbox .icon { width:80px; height:80px; display:flex; align-items:center; justify-content:center; background:#f5f5f5; }
.company-box .brand-box .listbox ul li .txtbox .icon img { max-width:100%; }
.company-box .brand-box .listbox ul li dt { margin-top:40px; color:#000; font-size:var(--font40); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.company-box .brand-box .listbox ul li dd { margin-top:20px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.035em; }
.company-box .brand-box .listbox ul li dd strong { font-weight:600; }
.company-box .brand-box .listbox ul li:nth-child(2n) { flex-direction:row-reverse; }
.company-box .brand-box .listbox ul li:nth-child(2n) .txtbox { padding:0 150px 0 0; }
@media screen and (max-width:1780px){
	.company-box .brand-box .listbox ul li dd br { display:none; }
	.company-box .brand-box .listbox ul li dd span.m_br { display:block; }
}
@media screen and (max-width:1600px){
	.company-box .brand-box .listbox ul li .txtbox { padding-left:130px; }
	.company-box .brand-box .listbox ul li:nth-child(2n) .txtbox { padding:0 130px 0 0; }
}
@media screen and (max-width:1440px){
	.company-box .brand-box .listbox ul li:not(:last-child) { margin-bottom:140px; }
	.company-box .brand-box .listbox ul li .txtbox { padding-left:110px; }
	.company-box .brand-box .listbox ul li:nth-child(2n) .txtbox { padding:0 110px 0 0; }
}
@media screen and (max-width:1280px){
	.company-box .brand-box .listbox ul li:not(:last-child) { margin-bottom:110px; }
	.company-box .brand-box .listbox ul li .txtbox { padding-left:90px; }
	.company-box .brand-box .listbox ul li:nth-child(2n) .txtbox { padding:0 90px 0 0; }
	.company-box .brand-box .listbox ul li dt { margin-top:30px; }
	.company-box .brand-box .listbox ul li dd { margin-top:15px; }
}
@media screen and (max-width:1024px){
	.company-box .brand-box .listbox ul li:not(:last-child) { margin-bottom:80px; }
	.company-box .brand-box .listbox ul li .txtbox { padding-left:60px; }
	.company-box .brand-box .listbox ul li:nth-child(2n) .txtbox { padding:0 60px 0 0; }
	.company-box .brand-box .listbox ul li .txtbox .icon { width:60px; height:60px; }
	.company-box .brand-box .listbox ul li dt { margin-top:20px; }
	.company-box .brand-box .listbox ul li dd { margin-top:10px; }
}
@media screen and (max-width:860px){
	.company-box .brand-box .listbox ul li .txtbox { padding-left:30px; }
	.company-box .brand-box .listbox ul li:nth-child(2n) .txtbox { padding:0 30px 0 0; }
}
@media screen and (max-width:640px){
	.company-box .brand-box .listbox ul li figure,
	.company-box .brand-box .listbox ul li .txtbox { width:100%; }
	.company-box .brand-box .listbox ul li figure:before { padding-bottom:46%; }
	.company-box .brand-box .listbox ul li:not(:last-child) { margin-bottom:60px; }
	.company-box .brand-box .listbox ul li .txtbox { padding-left:0; margin-top:10px; }
	.company-box .brand-box .listbox ul li:nth-child(2n) .txtbox { padding:0; }
	.company-box .brand-box .listbox ul li .txtbox .icon { width:40px; height:40px; }
	.company-box .brand-box .listbox ul li dt { margin-top:15px; }
	.company-box .brand-box .listbox ul li dd { margin-top:5px; }
}

/* animation */
.company-box .brand-box .listbox ul li figure { position:relative; }
.company-box .brand-box .listbox ul li figure:after { content:""; background:rgba(0, 0, 0, 0.6); position:absolute; top:0; left:0; bottom:0; transition:all 1.2s 0.5s; width:100%; height:100%; }
.company-box .brand-box .listbox ul li.subOn figure:after { width:0; left:100%; opacity:0; }
.company-box .brand-box .listbox ul li:nth-child(2n) figure:after { left:unset; right:0; }
.company-box .brand-box .listbox ul li:nth-child(2n).subOn figure:after { right:100%; }
.company-box .brand-box .listbox ul li .txtbox .icon { opacity:0; }
.company-box .brand-box .listbox ul li.subOn .txtbox .icon { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.company-box .brand-box .listbox ul li dt,
.company-box .brand-box .listbox ul li dd { opacity:0; }
.company-box .brand-box .listbox ul li.subOn dt { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.company-box .brand-box .listbox ul li.subOn dd { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:640px){
	.company-box .brand-box .listbox ul li:nth-child(2n) figure:after { left:0; right:unset; }
	.company-box .brand-box .listbox ul li:nth-child(2n).subOn figure:after { left:100%; right:unset; }
}


.company-box .core .listbox { margin-top:80px; display:flex; flex-wrap:wrap; gap:20px; }
.company-box .core .listbox .box { position:relative; width:calc((100% - 60px) / 4); overflow:hidden; transition:all 0.4s; }
.company-box .core .listbox .box .c-box { width:100%; height:100%; border:1px solid #ddd; background:#fff; padding:40px; }
.company-box .core .listbox .box .c-box figure { transition:all 0.4s; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); opacity:0; }
.company-box .core .listbox .box .c-box figure img { width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-box .core .listbox .box .c-box .icon { position:relative; z-index:2; width:60px; height:60px; display:flex; align-items:center; justify-content:center; background:#f5f5f5; }
.company-box .core .listbox .box .c-box .icon img { max-width:100%; }
.company-box .core .listbox .box .c-box dl { position:relative; z-index:2; }
.company-box .core .listbox .box .c-box dt { margin:40px 0; color:#bbb; font-size:var(--font18); font-weight:500; line-height:1.3; transition:all 0.4s;}
.company-box .core .listbox .box .c-box dt strong { margin-bottom:10px; color:#000; font-size:var(--font28); font-weight:600; line-height:1.3; display:block; transition:all 0.4s; }
.company-box .core .listbox .box .c-box dd { color:#333; font-size:var(--font18); font-weight:300; line-height:1.7; transition:all 0.4s; }
.company-box .core .listbox .box:hover { transform:translateY(-20px); }
.company-box .core .listbox .box:hover .c-box figure { opacity:1; }
.company-box .core .listbox .box:hover .c-box dt strong,
.company-box .core .listbox .box:hover .c-box dd { color:#fff; }
.company-box .vision .box { margin-top:60px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; }
.company-box .vision .box > div { width:50%; }
.company-box .vision .box .imgbox { position:relative; }
.company-box .vision .box .imgbox figure { position:relative; overflow:hidden; }
.company-box .vision .box .imgbox figure:before { content:''; display:block; padding-bottom:86.2%; }
.company-box .vision .box .imgbox figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-box .vision .box .imgbox strong { position:absolute; left:0; bottom:0; z-index:2; padding:60px; color:#fff; font-size:var(--font40); font-weight:600; line-height:1.5; letter-spacing:-0.035em; }
.company-box .vision .box .txtbox { padding-left:160px; }
.company-box .vision .box .txtbox .txt-1 { color:#111; font-size:var(--font32); font-weight:400; line-height:1.6; letter-spacing:-0.030em; }
.company-box .vision .box .txtbox .txt-1 strong { font-weight:700; }
.company-box .vision .box .txtbox .txt-2 { margin-top:40px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.020em; }
.company-box .vision .box .txtbox .txt-2 strong { font-weight:600; }
@media screen and (max-width:1720px){
	.company-box .vision .box .txtbox { padding-left:100px; }
	.company-box .vision .box .txtbox br { display:none }
	.company-box .vision .box .txtbox span.m_br { display:block }
}
@media screen and (max-width:1440px){
	.company-box .core .listbox .box .c-box { padding:30px; }
	.company-box .core .listbox .box .c-box dt { margin:30px 0; }
	.company-box .vision .box .imgbox strong { padding:50px; }
	.company-box .vision .box .txtbox { padding-left:80px; }
	.company-box .vision .box .txtbox .txt-2 { margin-top:30px; }
}
@media screen and (max-width:1280px){
	.company-box .core .listbox { margin-top:60px; gap:15px; }
	.company-box .core .listbox .box { width:calc((100% - 45px) / 4); }
	.company-box .core .listbox .box .c-box dd br { display:none }
	.company-box .vision .box .imgbox strong { padding:40px; }
	.company-box .vision .box .txtbox { padding-left:60px; }
}
@media screen and (max-width:1024px){
	.company-box .core .listbox { margin-top:40px; gap:10px; }
	.company-box .core .listbox .box { width:calc((100% - 30px) / 4); }
	.company-box .core .listbox .box .c-box { padding:20px; }
	.company-box .core .listbox .box .c-box dt { margin:20px 0; }
	.company-box .core .listbox .box .c-box .icon { width:50px; height:50px; }
	.company-box .core .listbox .box:hover { transform:translateY(0); }
	.company-box .vision .box { margin-top:30px; }
	.company-box .vision .box .imgbox strong { padding:30px; }
	.company-box .vision .box .txtbox { padding-left:40px; }
	.company-box .vision .box .txtbox .txt-2 { margin-top:20px; }
}
@media screen and (max-width:960px){
	.company-box .core .listbox .box { width:calc((100% - 10px) / 2); }
	.company-box .vision .box > div { width:100%; }
	.company-box .vision .box .imgbox figure:before { padding-bottom:70%; }
	.company-box .vision .box .txtbox { padding-left:0; margin-top:30px; }
}
@media screen and (max-width:640px){
	.company-box .core .listbox .box .c-box { padding:15px; }
	.company-box .core .listbox .box .c-box dt { margin:10px 0; }
	.company-box .core .listbox .box .c-box .icon { width:40px; height:40px; }
	.company-box .vision .box { margin-top:20px; }
	.company-box .vision .box .imgbox strong { padding:20px; }
	.company-box .vision .box .imgbox figure:before { padding-bottom:60%; }
	.company-box .vision .box .txtbox { margin-top:20px; }
	.company-box .vision .box .txtbox .txt-2 { margin-top:10px; }
}

/* animation */
.company-box .core .listbox { opacity:0; }
.company-box .core .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .vision .box .imgbox { opacity:0; }
.company-box .vision .box.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.company-box .vision .box .txtbox { opacity:0; }
.company-box .vision .box.subOn .txtbox { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.company-box .vision .box.subOn .txtbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
}


.company-box .history-box .history-list { display:flex; }
.company-box .history-box .history-list .nav { width:356px; flex-shrink:0; position:sticky; top:160px; height:300px; margin-top:50px; }
.company-box .history-box .history-list .nav li { transition:all 0.4s; }
.company-box .history-box .history-list .nav li:not(:last-child) { margin-bottom:30px; }
.company-box .history-box .history-list .nav li.on { margin-bottom:40px; }
.company-box .history-box .history-list .nav li a { color:#aaa; font-size:var(--font24); font-weight:600; line-height:1.3; transition:all 0.4s; }
.company-box .history-box .history-list .nav li.on a { color:var(--mainColor); font-size:var(--font42); font-weight:600; line-height:1.5; }
.company-box .history-box .history-list .historyCont { position:relative; padding-left:180px; width:calc(100% - 356px); }
.company-box .history-box .history-list .historyCont .arrbox { position:absolute; left:-60px; top:0; width:120px; height:100%; }
.company-box .history-box .history-list .historyCont .arrbox:before { content:""; display:block; width:2px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#e5e5e5; }
.company-box .history-box .history-list .historyCont .arrbox .circle { position:sticky; top:50px; left:0; z-index:2; height:220px; display:block; }
.company-box .history-box .history-list .historyCont .arrbox .circle span { transition:all 0.3s;position:absolute; left:50%; transform:translateX(-50%); top:50px; width:50px; height:50px; margin:0 auto; display:flex; align-items:center; justify-content:center; border:2px solid var(--mainColor); background:#fff; border-radius:50%; filter:drop-shadow(0 0 20px rgba(177, 29, 26, 0.3)); }
.company-box .history-box .history-list .historyCont .arrbox .circle span:before { content:""; display:block; width:2px; height:213px; position:absolute; bottom:46px; left:50%; transform:translateX(-50%); background:var(--mainColor); }
.company-box .history-box .history-list .historyCont .arrbox .circle span:after { content:""; display:block; width:12px; height:12px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--mainColor); border-radius:10px; }
.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:115px; }
.company-box .history-box .history-list .historyCont .listbox dl:not(:last-child) { margin-bottom:0; }
.company-box .history-box .history-list .historyCont .listbox { border-top:2px solid #000; width:100%; padding:0; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:60px 40px; border-bottom:1px solid #e5e5e5; display:flex; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { flex-shrink:0; width:200px; color:#111; font-size:var(--font26); font-weight:500; line-height:1.3; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 200px); color:#333; font-size:var(--font20); font-weight:700; line-height:1.3; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd ul { margin-top:15px; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li:not(:last-child) { margin-bottom:15px; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li { color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; display:flex; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li strong { flex-shrink:0; width:50px; color:var(--mainColor); font-size:var(--font22); font-weight:500; line-height:1.3; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li span { position:relative; padding-left:19px; font-weight:300;}
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li span:before { content:""; display:block; width:4px; height:4px; position:absolute; top:11px; left:0; z-index:3; background:var(--mainColor); border-radius:4px; }
@media screen and (max-width:1440px){
	.company-box .history-box .history-list .nav { width:260px; height:250px; margin-top:40px; }
	.company-box .history-box .history-list .historyCont { padding-left:150px; width:calc(100% - 260px); }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:40px 30px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:160px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 160px); }
}
@media screen and (max-width:1280px){
	.company-box .history-box .history-list .nav { width:240px; height:200px; margin-top:30px; }
	.company-box .history-box .history-list .historyCont { padding-left:110px; width:calc(100% - 240px); }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:30px 20px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:120px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 120px); }
}
@media screen and (max-width:1200px){
	.company-box .history-box .history-list .nav { top:100px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle { top:0; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span { top:40px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:before { height:203px; }
	.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:100px; }
}
@media screen and (max-width:1024px){
	.company-box .history-box .history-list .nav { width:180px; top:100px; }
	.company-box .history-box .history-list .nav li:not(:last-child) { margin-bottom:15px; }
	.company-box .history-box .history-list .nav li.on { margin-bottom:20px; }
	.company-box .history-box .history-list .historyCont { padding-left:80px; width:calc(100% - 180px); }
	.company-box .history-box .history-list .historyCont .arrbox { width:100px; left:-50px; }
	.company-box .history-box .history-list .historyCont .arrbox:before { width:1px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle { height:180px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span { top:30px; width:40px; height:40px; border-width:2px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:before { width:1px; height:113px; bottom:36px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:after { width:6px; height:6px; }
	.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:90px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:90px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 90px); }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd ul { margin-top:10px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li:not(:last-child) { margin-bottom:10px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li strong { width:40px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li span { padding-left:12px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li span:before { width:2px; height:2px; top:9px; }
}
@media screen and (max-width:640px){
	.company-box .history-box .history-list .nav li a { font-size:var(--font20); }
	.company-box .history-box .history-list .nav li.on a { font-size:var(--font32); }	
	.company-box .history-box .history-list .nav { width:130px; top:60px; }
	.company-box .history-box .history-list .historyCont { padding-left:40px; width:calc(100% - 130px); }
	.company-box .history-box .history-list .historyCont .arrbox { width:70px; left:-35px; }
	.company-box .history-box .history-list .historyCont .arrbox:before { width:1px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle { height:180px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span { top:26px; width:22px; height:22px; border-width:1px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:before { width:1px; height:68px; bottom:20px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:after { width:4px; height:4px; }
	.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:70px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:20px 10px; flex-wrap:wrap; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:100%; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:100%; margin-top:10px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li strong { width:30px; }
}
@media screen and (max-width:520px){
	.company-box .history-box .history-list { flex-wrap:wrap; }
	.company-box .history-box .history-list .nav { transition:all 0.3s; border-bottom:2px solid #000; z-index:4; top:0; padding-top:0; margin-top:0; height:auto; display:flex; gap:20px; align-items:center; justify-content:center; background:#fff; width:100%; }
	.company-box .history-box .history-list .nav li a { height:40px; display:flex; align-items:center; justify-content:center;}
	.company-box .history-box .history-list .nav li:not(:last-child) { margin-bottom:0; }
	.company-box .history-box .history-list .nav li.on { margin-bottom:0; }
	.company-box .history-box .history-list.on .nav { padding-top:0; }
	#wrap.down .company-box .history-box .history-list.on .nav { padding-top:81px; }
	.company-box .history-box .history-list .historyCont { padding-left:30px; width:100%; }
	.company-box .history-box .history-list .historyCont .arrbox { width:60px; left:-18px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle { height:220px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span { top:60px; }
	.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:140px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:before { height:100px; }
	.company-box .history-box .history-list .historyCont .listbox { border:none; }
}

.company-box .organization-box .box { position:relative; }
.company-box .organization-box .box .sbox { color:#fff; font-size:var(--font24); font-weight:600; line-height:1.3; width:300px; height:100px; background:#111; letter-spacing:-0.03em; display:flex; align-items:center; justify-content:center; }
.company-box .organization-box .box .sbox.ceo { background:linear-gradient(180deg, #b11d1a 0%, #86120f 100%); margin:0 auto; }
.company-box .organization-box .box .sbox.qc { position:absolute; top:170px; left:50%; margin-left:150px; }
.company-box .organization-box .box .sbox.qc:before { content:''; display:block; width:150px; height:1px; background:#ddd; position:absolute; left:-150px; top:50%; }
.company-box .organization-box .box .sbox.qc:after { content:''; display:block; width:7px; height:7px; background:#ddd; position:absolute; left:-153px; top:50%; transform:translateY(-50%); }
.company-box .organization-box .box .list { position:relative; margin-top:262px; padding-top:60px; display:flex; gap:60px; }
.company-box .organization-box .box .list:before { content:''; display:block; width:1px; height:262px; background:#ddd; position:absolute; left:50%; top:-262px; }
.company-box .organization-box .box .list:after { content:''; display:block; width:calc(100% - ((100% - 180px) / 4)); height:1px; background:#ddd; position:absolute; left:50%; top:0; transform:translateX(-50%); }
.company-box .organization-box .box .list dl { position:relative; width:calc((100% - 180px) / 4); border:1px solid #ddd; }
.company-box .organization-box .box .list dl:before { content:''; display:block; width:1px; height:60px; background:#ddd; position:absolute; left:50%; top:-60px; }
.company-box .organization-box .box .list dl:after { content:''; display:block; width:7px; height:7px; background:#ddd; position:absolute; left:50%; top:-64px; transform:translateX(-50%); }
.company-box .organization-box .box .list dl dt { color:#555; font-size:var(--font22); font-weight:600; line-height:1.3; height:80px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; background:#f5f5f5; }
.company-box .organization-box .box .list dl dd { padding:30px 40px; }
.company-box .organization-box .box .list dl dd.a { padding:30px 0 30px 20px; }
.company-box .organization-box .box .list dl dd ul { display:flex; flex-wrap:wrap; }
.company-box .organization-box .box .list dl dd li:not(:last-child) { margin-bottom:10px; }
.company-box .organization-box .box .list dl dd li { position:relative; font-family:var(--mainFont); width:100%; padding-left:24px; color:#555; font-size:var(--font19); font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.company-box .organization-box .box .list dl dd li:before { content:''; display:block; width:4px; height:4px; background:#555; position:absolute; left:0; top:8px; }
.company-box .organization-box .box .list dl dd li.w50 { width:50%; }
.company-box .organization-box .box .list dl dd li span { font-size:var(--font14); }
.company-box .organization-box .box .list dl dd li.w33 { width:calc(100% / 3); }
.company-box .organization-box .box .list dl dd li.w66 { width:calc(100% - (100% / 3)); }
@media screen and (max-width:1840px){
.company-box .organization-box .box .list dl dd li.w33 { width:calc(100% / 2); }
.company-box .organization-box .box .list dl dd li.w66 { width:auto; }
}
@media screen and (max-width:1440px){
	.company-box .organization-box .box .sbox { width:260px; height:80px; }
	.company-box .organization-box .box .sbox.qc { margin-left:130px; }
	.company-box .organization-box .box .sbox.qc:before { width:130px; left:-130px; }
	.company-box .organization-box .box .sbox.qc:after { left:-133px; }
}
@media screen and (max-width:1280px){
	.company-box .organization-box .box .list { gap:40px; }
	.company-box .organization-box .box .list:after { width:calc(100% - ((100% - 120px) / 4)); }
	.company-box .organization-box .box .list dl { width:calc((100% - 120px) / 4); }
	.company-box .organization-box .box .list dl dd,
	.company-box .organization-box .box .list dl dd.a { padding:30px 40px; }
}
@media screen and (max-width:1024px){
	.company-box .organization-box .box .sbox { width:200px; height:60px; }
	.company-box .organization-box .box .sbox.qc { top:90px; margin-left:100px; }
	.company-box .organization-box .box .sbox.qc:before { width:100px; left:-100px; }
	.company-box .organization-box .box .sbox.qc:after { left:-102px; width:5px; height:5px; }
	.company-box .organization-box .box .list { margin-top:130px; padding-top:30px; gap:20px; }
	.company-box .organization-box .box .list:before { height:130px; top:-130px; }
	.company-box .organization-box .box .list:after { width:calc(100% - ((100% - 60px) / 4)); }
	.company-box .organization-box .box .list dl { width:calc((100% - 60px) / 4); }
	.company-box .organization-box .box .list dl:before { height:30px; top:-30px; }
	.company-box .organization-box .box .list dl:after { width:5px; height:5px; top:-33px; }
	.company-box .organization-box .box .list dl dt { height:60px; }
	.company-box .organization-box .box .list dl dd,
	.company-box .organization-box .box .list dl dd.a { padding:20px 20px; }
	.company-box .organization-box .box .list dl dd li:not(:last-child) { margin-bottom:5px; }
	.company-box .organization-box .box .list dl dd li { padding-left:14px; }
	.company-box .organization-box .box .list dl dd li:before { width:2px; height:2px; top:7px; }
}
@media screen and (max-width:760px){
	.company-box .organization-box .box .sbox { width:160px; height:50px; }
	.company-box .organization-box .box .sbox.ceo { margin:0; }
	.company-box .organization-box .box .sbox.qc { top:90px; margin-left:160px; left:0; }
	.company-box .organization-box .box .sbox.qc:before { width:80px; left:-80px; }
	.company-box .organization-box .box .sbox.qc:after { left:-82px; }
	.company-box .organization-box .box .list { margin-top:130px; padding:0 100px; gap:20px; flex-direction:column; }
	.company-box .organization-box .box .list:before { height:130px; top:-130px; left:80px; transform:translate(0); }
	.company-box .organization-box .box .list:after { width:1px; height:calc(100% - (var(--last-height) / 2)); left:80px; top:0; transform:translate(0); }
	.company-box .organization-box .box .list dl { width:100%; }
	.company-box .organization-box .box .list dl:before { width:20px; height:1px; left:-20px; top:50%; }
	.company-box .organization-box .box .list dl:after { left:-23px; top:50%; transform:translate(0, -50%); }
	.company-box .organization-box .box .list dl dt { height:60px; }
	.company-box .organization-box .box .list dl dd li:not(:last-child) { margin-bottom:5px; }
	.company-box .organization-box .box .list dl dd li { padding-left:14px; }
	.company-box .organization-box .box .list dl dd li:before { width:2px; height:2px; top:7px; }
	.company-box .organization-box .box .list dl dd li span { font-size:var(--font16); }
}
@media screen and (max-width:640px){
	.company-box .organization-box .box .list { padding:0 30px 0 100px; }
}

/* animation */
.company-box .organization-box .box { opacity:0; }
.company-box .organization-box .box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.company-box .certificate-box .listbox { display:flex; flex-wrap:wrap; gap:160px 80px; }
.company-box .certificate-box .listbox .box { width:calc((100% - 240px) / 4); }
.company-box .certificate-box .listbox .box figure { position:relative; width:100%; overflow:hidden; border:1px solid #ddd; }
.company-box .certificate-box .listbox .box figure:before { content:''; display:block; padding-bottom:141.5%; }
.company-box .certificate-box .listbox .box figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; -o-object-fit:cover; }
.company-box .certificate-box .listbox .box .txt { margin-top:25px; text-align:center; color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
@media screen and (max-width:1720px){
	.company-box .certificate-box .listbox {gap:120px 60px; }
	.company-box .certificate-box .listbox .box { width:calc((100% - 180px) / 4); }
}
@media screen and (max-width:1440px){
	.company-box .certificate-box .listbox {gap:100px 40px; }
	.company-box .certificate-box .listbox .box { width:calc((100% - 120px) / 4); }
	.company-box .certificate-box .listbox .box .txt { margin-top:20px; }
}
@media screen and (max-width:1024px){
	.company-box .certificate-box .listbox {gap:80px 20px; }
	.company-box .certificate-box .listbox .box { width:calc((100% - 80px) / 4); }
	.company-box .certificate-box .listbox .box .txt { margin-top:15px; }
}
@media screen and (max-width:860px){
	.company-box .certificate-box .listbox .box { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
	.company-box .certificate-box .listbox {gap:40px 5px; }
	.company-box .certificate-box .listbox .box { width:calc((100% - 10px) / 2); }
	.company-box .certificate-box .listbox .box .txt { margin-top:10px; }
}


.company-box .map-box > div { width:100% !important; border-bottom:1px solid #ddd; }
.company-box .map-box > div > div { height:600px !important; }
.company-box .map-box .cont { display:none }
.company-box .info-box { margin-top:30px; display:flex; flex-wrap:wrap; gap:20px; }
.company-box .info-box .box { padding:40px; display:flex; flex-direction:column; gap:38px; background:#f8f8f8; }
.company-box .info-box .box .top { display:flex; justify-content:space-between; }
.company-box .info-box .box .top .icon { background:#fff; }
.company-box .info-box .box .top .tit { color:var(--mainColor); font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.company-box .info-box .box .txt { color:#111; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.025em; }
.company-box .info-box .address { width:100%; }
.company-box .info-box .list { width:100%; display:flex; flex-wrap:wrap; gap:20px; }
.company-box .info-box .list .box { width:calc((100% - 60px) / 4); }
@media screen and (max-width:1280px){
	.company-box .map-box > div > div { height:500px !important; }
	.company-box .info-box .box { padding:30px; gap:30px; }
}
@media screen and (max-width:1024px){
	.company-box .map-box > div > div { height:400px !important; }
	.company-box .info-box { margin-top:15px; gap:10px; }
	.company-box .info-box .box { padding:20px; gap:20px; }
	.company-box .info-box .box .top .icon img { width:45px; }
	.company-box .info-box .list { gap:10px; }
	.company-box .info-box .list .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.company-box .map-box > div > div { height:260px !important; }
	.company-box .info-box { margin-top:8px; gap:5px; }
	.company-box .info-box .box { padding:15px; gap:15px; }
	.company-box .info-box .box .top .icon img { width:36px; }
	.company-box .info-box .list { gap:5px; }
	.company-box .info-box .list .box { width:calc((100% - 5px) / 2); }
}

/* animation */
.company-box .map-box { opacity:0; }
.company-box .map-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .info-box .box { opacity:0; }
.company-box .info-box.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }



/* yejin */
.yejin-box .different-box .listbox { margin-top:60px; display:flex; gap:20px; flex-wrap:wrap; }
.yejin-box .different-box .listbox .box { position:relative; width:calc((100% - 40px) / 3); overflow:hidden; }
.yejin-box .different-box .listbox .box .bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
.yejin-box .different-box .listbox .box .bg:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); transition:all 1.0s; }
.yejin-box .different-box .listbox .box .bg:after { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%); transition:all 1.0s; opacity:0; }
.yejin-box .different-box .listbox .box figure { position:relative; width:100%; overflow:hidden; }
.yejin-box .different-box .listbox .box:nth-child(2) { transform:translateY(40px);}
.yejin-box .different-box .listbox .box figure:before { content:''; display:block; padding-bottom:129.25%; }
.yejin-box .different-box .listbox .box figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.yejin-box .different-box .listbox .box .tit { position:absolute; left:50px; top:50px; z-index:3; color:#fff; font-size:var(--font20); font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.yejin-box .different-box .listbox .box .txtbox { position:absolute; left:0; bottom:0; z-index:3; padding:50px; }
.yejin-box .different-box .listbox .box .txtbox dt { color:#fff; font-size:var(--font32); font-weight:600; line-height:1.5; letter-spacing:-0.04em; }
.yejin-box .different-box .listbox .box .txtbox dd { height:0; margin-top:20px; transition:all 0.6s ease; }
.yejin-box .different-box .listbox .box .txtbox dd .txt { opacity:0; color:#fff; font-size:var(--font18); font-weight:300; line-height:1.7; letter-spacing:-0.02em; transition:all 1.0s ease; }
.yejin-box .different-box .listbox .box:hover .bg:before { opacity:0; }
.yejin-box .different-box .listbox .box:hover .bg:after { opacity:1; }
.yejin-box .different-box .listbox .box:hover .txtbox dd { opacity:1; }
.yejin-box .different-box .listbox .box:hover .txtbox dd .txt {opacity:1; }
.yejin-box .different-box .cont-1 figure { margin-top:60px; position:relative; width:100%; overflow:hidden; }
.yejin-box .different-box .cont-1 figure:before { content:''; display:block; padding-bottom:24.025%; }
.yejin-box .different-box .cont-1 figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.yejin-box .different-box .cont-1 .txt-1 { margin-top:60px; color:#111; font-size:var(--font32); font-weight:600; line-height:1.5; letter-spacing:-0.035em; }
.yejin-box .different-box .cont-1 .txt-2 { margin-top:40px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.025em; }
.yejin-box .different-box .cont-1 .txt-2 strong { font-weight:600; }
@media screen and (max-width:1440px){
	.yejin-box .different-box .listbox .box .tit { left:40px; top:40px; }
	.yejin-box .different-box .listbox .box .txtbox { padding:40px; }
}
@media screen and (max-width:1280px){
	.yejin-box .different-box .listbox .box .tit { left:30px; top:30px; }
	.yejin-box .different-box .listbox .box .txtbox { padding:30px; }
	.yejin-box .different-box .listbox .box .txtbox dt br { display:none; }
}
@media screen and (max-width:1024px){
	.yejin-box .different-box .listbox { margin-top:30px; gap:10px; }
	.yejin-box .different-box .listbox .box { width:calc((100% - 20px) / 3); }
	.yejin-box .different-box .listbox .box .tit { left:20px; top:20px; }
	.yejin-box .different-box .listbox .box .txtbox { padding:20px; }
	.yejin-box .different-box .listbox .box:nth-child(2) { transform:translateY(20px); }
	.yejin-box .different-box .listbox .box .txtbox dd { height:100%; margin-top:10px; }
	.yejin-box .different-box .listbox .box .txtbox dd .txt { opacity:1; }
	.yejin-box .different-box .listbox .box .bg:after { opacity:1; }
	.yejin-box .different-box .cont-1 figure,
	.yejin-box .different-box .cont-1 .txt-1 { margin-top:30px; }
	.yejin-box .different-box .cont-1 .txt-1 br { display:none; }
	.yejin-box .different-box .cont-1 .txt-2 { margin-top:20px; }
}
@media screen and (max-width:960px){
	.yejin-box .different-box .listbox .box { width:100%; }
	.yejin-box .different-box .listbox .box figure:before { padding-bottom:50%; }
	.yejin-box .different-box .listbox .box:nth-child(2) { transform:translateY(0); }
}
@media screen and (max-width:640px){
	.yejin-box .different-box .listbox .box figure:before { padding-bottom:82%; }
	.yejin-box .different-box .listbox .box .txtbox dd { margin-top:5px; }
	.yejin-box .different-box .cont-1 figure:before { padding-bottom:40%; }
	.yejin-box .different-box .cont-1 figure,
	.yejin-box .different-box .cont-1 .txt-1 { margin-top:20px; }
	.yejin-box .different-box .cont-1 .txt-2 { margin-top:15px; }
}

/* animation */
.yejin-box .different-box .listbox { opacity:0; }
.yejin-box .different-box .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.yejin-box .different-box .cont-1 figure { opacity:0; }
.yejin-box .different-box .cont-1.subOn figure { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.yejin-box .different-box .cont-1 .txt-1 { opacity:0; }
.yejin-box .different-box .cont-1.subOn .txt-1 { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.yejin-box .different-box .cont-1 .txt-2 { opacity:0; }
.yejin-box .different-box .cont-1.subOn .txt-2 { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }


.yejin-box .facility-box .listbox { margin-top:80px; display:flex; flex-wrap:wrap; }
.yejin-box .facility-box .listbox .imgbox { width:53%; position:relative; overflow:hidden; border:1px solid #ddd; background:#fff; }
.yejin-box .facility-box .listbox .imgbox:before {content:""; display:block; padding-bottom:56.5%; }
.yejin-box .facility-box .listbox .imgbox > img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; -o-object-fit:cover; }
.yejin-box .facility-box .listbox .imgbox iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
.yejin-box .facility-box .listbox .infobox { width:calc(100% - 53%); padding:20px 0 0 60px; }
.yejin-box .facility-box .listbox .infobox > div:not(:last-child) { margin-bottom:60px; }
.yejin-box .facility-box .listbox .infobox .tit { display:flex; gap:10px; align-items:flex-end; justify-content:space-between; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3;  }
.yejin-box .facility-box .listbox .infobox h5 { position:relative; padding-left:28px; color:#111; font-size:var(--font24); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.yejin-box .facility-box .listbox .infobox h5:before { content:''; display:block; position:absolute; top:0; left:0; width:8px; height:8px; background:var(--mainColor); }
.yejin-box .facility-box .listbox .infobox table { margin-top:20px; border-top:2px solid #000; }
.yejin-box .facility-box .listbox .infobox thead th { height:50px; text-align:center; color:#111; font-size:var(--font18); font-weight:600; line-height:1.3; border-bottom:1px solid #000; }
.yejin-box .facility-box .listbox .infobox tbody td { height:50px; text-align:center; color:#111; font-size:var(--font18); font-weight:300; line-height:1.3; border:1px solid #eee; border-width:0 0 1px 1px; }
.yejin-box .facility-box .listbox .infobox thead th.r-line,
.yejin-box .facility-box .listbox .infobox tbody td.r-line { position:relative; border-right:1px solid #000; }
.yejin-box .facility-box .listbox .infobox tbody td.r-line:before { content:""; display:block; position:absolute; top:-1px; right:-1px; width:1px; height:calc(100% +  1px); background:#000; z-index:2; }
.yejin-box .facility-box .listbox .infobox tbody td:first-child.r-line { border-left:none; }
.yejin-box .facility-box .listbox .infobox tbody tr:last-child td { border-bottom:1px solid #000; }
.yejin-box .facility-box .listbox .infobox .txt_b { margin-top:20px; color:#777; font-size:var(--font18); font-weight:300; line-height:1.3; }
@media screen and (max-width:1280px){
	.yejin-box .facility-box .listbox .infobox { padding:10px 0 0 40px; }
	.yejin-box .facility-box .listbox .infobox > div:not(:last-child) { margin-bottom:40px; }
}
@media screen and (max-width:1024px){
	.yejin-box .facility-box .listbox { margin-top:40px; }
	.yejin-box .facility-box .listbox .infobox { padding:5px 0 0 30px; }
	.yejin-box .facility-box .listbox .infobox > div:not(:last-child) { margin-bottom:30px; }
	.yejin-box .facility-box .listbox .infobox h5 { padding-left:16px; }
	.yejin-box .facility-box .listbox .infobox h5:before { width:4px; height:4px; }
	.yejin-box .facility-box .listbox .infobox table { margin-top:10px; }
	.yejin-box .facility-box .listbox .infobox thead th,
	.yejin-box .facility-box .listbox .infobox tbody td { height:40px; }
	.yejin-box .facility-box .listbox .infobox .txt_b { margin-top:10px; }
}
@media screen and (max-width:860px){
	.yejin-box .facility-box .listbox .imgbox { width:100%; }
	.yejin-box .facility-box .listbox .infobox { padding:0; width:100%; margin-top:20px; }
}
@media screen and (max-width:640px){
	.yejin-box .facility-box .listbox .infobox > div:not(:last-child) { margin-bottom:20px; }
	.yejin-box .facility-box .listbox .infobox h5 { padding-left:10px; }
	.yejin-box .facility-box .listbox .infobox h5:before { width:3px; height:3px; }
}

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

.yejin-box .client-box .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:40px; }
.yejin-box .client-box .listbox .box { width:calc((100% - 160px) / 5); height:120px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; padding:0 10px; }
.yejin-box .client-box .listbox .box img { max-width:100%; }
@media screen and (max-width:1720px){
	.yejin-box .client-box .listbox { gap:30px; }
	.yejin-box .client-box .listbox .box { width:calc((100% - 120px) / 5); }
}
@media screen and (max-width:1440px){
	.yejin-box .client-box .listbox { gap:20px; }
	.yejin-box .client-box .listbox .box { width:calc((100% - 80px) / 4); }
}
@media screen and (max-width:1024px){
	.yejin-box .client-box .listbox { gap:10px; }
	.yejin-box .client-box .listbox .box { width:calc((100% - 20px) / 3); height:110px; }
}
@media screen and (max-width:640px){
	.yejin-box .client-box .listbox { gap:5px; }
	.yejin-box .client-box .listbox .box { width:calc((100% - 5px) / 2); }
}

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


.yejin-box .arrangement-box .map-1 figure,
.yejin-box .arrangement-box .map-2 figure { margin-top:60px; }
.yejin-box .arrangement-box .map-2 figure { padding:100px 20px; background:#f5f5f5; text-align:center; }
.yejin-box .arrangement-box .map-1 figure img,
.yejin-box .arrangement-box .map-2 figure img { max-width:100%; }
@media screen and (max-width:1024px){
	.yejin-box .arrangement-box .map-1 figure,
	.yejin-box .arrangement-box .map-2 figure { margin-top:30px; }
}
@media screen and (max-width:640px){
	.yejin-box .arrangement-box .map-1 figure,
	.yejin-box .arrangement-box .map-2 figure { margin-top:15px; }
}

/* animation */
.yejin-box .arrangement-box .map-1 figure,
.yejin-box .arrangement-box .map-2 figure { opacity:0; }
.yejin-box .arrangement-box .map-1.subOn figure,
.yejin-box .arrangement-box .map-2.subOn figure { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.yejin-box .process-box .listbox { margin-top:60px; display:flex; gap:50px; }
.yejin-box .process-box .listbox .box { transition:all 0.3s; position:relative; flex-shrink:0; width:13.5%; height:300px; }
.yejin-box .process-box .listbox .box:before { content:''; display:block; position:absolute; left:-50px; top:50%; transform:translateY(-50%); width:50px; height:50px; background:url(/img/svg/process_arr.svg) center center no-repeat; }
.yejin-box .process-box .listbox .box:first-child:before { display:none; }
.yejin-box .process-box .listbox .box .sbox { transition:all 0.3s; width:100%; height:100%; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column; background:#f5f5f5; }
.yejin-box .process-box .listbox .box .sbox h5 { transition:all 0.3s; margin-top:20px; color:#222; font-size:var(--font20); font-weight:600; line-height:1.3; }
.yejin-box .process-box .listbox .box .sbox .icon img { transition:all 0.3s; }
.yejin-box .process-box .listbox .box-big { width:calc(100% - ((13.5% * 4) + (50px * 4))); }
.yejin-box .process-box .listbox .box-big .sbox { height:63%; border-bottom:1px solid #ddd; }
.yejin-box .process-box .listbox .box-big .txtbox { height:calc(100% - 63%); display:flex; align-items:center; justify-content:center; padding:0 8%; border:1px solid #ddd; border-width:0 1px 1px; }
.yejin-box .process-box .listbox .box-big .txtbox ul { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.yejin-box .process-box .listbox .box-big .txtbox ul li { position:relative; padding-left:14px; color:#222; font-size:var(--font19); font-weight:500; line-height:1.3; }
.yejin-box .process-box .listbox .box-big .txtbox ul li:before { content:''; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:#d9d9d9; border-radius:4px; }
.yejin-box .process-box .listbox .box-big .txtbox ul li span { color:#777; font-size:var(--font16); font-weight:300; line-height:1.3; }
.yejin-box .process-box .listbox .box.on .sbox { background:var(--mainColor); border:1px solid rgba(255, 255, 255, 0.30); }
.yejin-box .process-box .listbox .box.on .sbox h5 { color:#fff; }
.yejin-box .process-box .listbox .box.on .sbox .icon img { filter:brightness(0) invert(1); }
@media screen and (max-width:1620px){
	.yejin-box .process-box .listbox .box { height:250px; }
	.yejin-box .process-box .listbox .box-big .txtbox { padding:0 3%; }
	.yejin-box .process-box .listbox .box-big .txtbox ul { gap:15px; }
}
@media screen and (max-width:1440px){
	.yejin-box .process-box .listbox { gap:40px; }
	.yejin-box .process-box .listbox .box:before { left:-40px; width:40px; height:40px; }
	.yejin-box .process-box .listbox .box-big { width:calc(100% - ((13.5% * 4) + (40px * 4))); }
}
@media screen and (max-width:1280px){ 
	.yejin-box .process-box .listbox { flex-wrap:wrap; justify-content:center; }
	.yejin-box .process-box .listbox .box { height:250px; width:250px; }
	.yejin-box .process-box .listbox .box-big .txtbox { padding:0 3%; }
	.yejin-box .process-box .listbox .box-big .txtbox ul { gap:15px; }
	.yejin-box .process-box .listbox .box-big { width:450px; }
	.yejin-box .process-box .listbox .box .sbox h5 { margin-top:5px; }
}
@media screen and (max-width:1024px){ 
	.yejin-box .process-box .listbox .box { height:220px; width:200px; }
	.yejin-box .process-box .listbox .box .sbox .icon img { width:80px; }
	.yejin-box .process-box .listbox .box-big .txtbox { padding:0 10px; }
	.yejin-box .process-box .listbox .box-big .txtbox ul { gap:10px; }
	.yejin-box .process-box .listbox .box-big { width:380px; }
	.yejin-box .process-box .listbox .box-big .txtbox ul li { padding-left:10px; }
	.yejin-box .process-box .listbox .box-big .txtbox ul li:before { top:8px; width:3px; height:3px; }
}
@media screen and (max-width:760px){ 
	.yejin-box .process-box .listbox .box { height:auto; width:100%; }
	.yejin-box .process-box .listbox .box:before { left:50%; top:-36px; transform:translate(-50%, 0) rotate(90deg); width:26px; height:26px; background-size:18px auto; }
	.yejin-box .process-box .listbox .box .sbox { padding:5px 0 15px; }
	.yejin-box .process-box .listbox .box-big .txtbox { padding:15px 28px; }
	.yejin-box .process-box .listbox .box-big .txtbox ul { gap:5px 15px; }
	.yejin-box .process-box .listbox .box-big .sbox,
	.yejin-box .process-box .listbox .box-big .txtbox { height:auto; }
}
@media screen and (max-width:640px){ 
	.yejin-box .process-box .listbox .box .sbox .icon img { width:60px; }
	.yejin-box .process-box .listbox .box .sbox h5 { margin-top:0; }
}

/* animation */
.yejin-box .process-box .listbox .box { opacity:0; }
.yejin-box .process-box .listbox.subOn .box { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:760px){ 
	.yejin-box .process-box .listbox.subOn .box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}

/* portfolio */ 
.portfolio-box .search { width:100%; }
.portfolio-box .search .s-ipbox { width:100%; position:relative; display:flex; gap:0 25px; }
.portfolio-box .search .s-ipbox .sel-box { display:flex; gap:0 10px; }
.portfolio-box .search .s-ipbox .ipbtn { display:flex; gap:0 25px; width:100%; }
.portfolio-box .search .s-ipbox select { width:160px; height:60px; line-height:60px; padding:0 50px 0 20px; font-size:var(--font19); color:#000; font-weight:500; border:1px solid #000; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/svg/icon_select_down.svg) calc(100% - 20px) center no-repeat; }
.portfolio-box .search .s-ipbox select::-ms-expand { display:none; }
.portfolio-box .search .s-ipbox input { width:100%; height:60px; line-height:1.3; padding:0 30px; font-size:var(--font17); color:#000; font-weight:500; border:1px solid #000; border-radius:0; outline:none; background:none; }
.portfolio-box .search .s-ipbox button { width:60px; height:60px; overflow:hidden; text-align:center; border:none; outline:none; border-radius:0; padding:0; flex-shrink:0; display:flex; align-items:center; justify-content:center; gap:10px; background:#111 url(/img/svg/btn_search.svg) center no-repeat; overflow:hidden; text-indent:-9999em; }
.portfolio-box .search .s-ipbox button span { color:#fff; font-size:var(--font21); font-weight:500; line-height:1.3; }
.portfolio-box .search input::placeholder { color:#999; opacity:1; font-weight:300; }
.portfolio-box .listbox { display:flex; flex-wrap:wrap; gap:120px 60px; }
.portfolio-box .listbox .box { width:calc((100% - 120px) / 3); }
.portfolio-box .listbox .box .imgbox figure { width:100%; position:relative; overflow:hidden; }
.portfolio-box .listbox .box .imgbox figure:before {content:""; display:block; padding-bottom:72.0%; }
.portfolio-box .listbox .box .imgbox figure img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.portfolio-box .listbox .box a:hover .imgbox figure img { transform:translate(-50%, -50%) scale(1.05); }
.portfolio-box .listbox .box .txtbox { margin-top:30px; }
.portfolio-box .listbox .box .txtbox .type { display:flex; flex-wrap:wrap; gap:5px 10px; }
.portfolio-box .listbox .box .txtbox .type span { padding:0 10px; height:31px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.3; background:var(--mainColor); }
.portfolio-box .listbox .box .txtbox h4 { margin:30px 0 15px; color:#000; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.portfolio-box .listbox .box .txtbox .txt-1 { color:#999; font-size:var(--font18); font-weight:400; line-height:1.3; }
@media screen and (max-width:1440px){
	.portfolio-box .search .s-ipbox,
	.portfolio-box .search .s-ipbox .ipbtn { gap:0 15px; }
	.portfolio-box .listbox { gap:100px 40px; }
	.portfolio-box .listbox .box { width:calc((100% - 80px) / 3); }
}
@media screen and (max-width:1280px){
	.portfolio-box .search .s-ipbox .sel-box { gap:5px; }
	.portfolio-box .search .s-ipbox,
	.portfolio-box .search .s-ipbox .ipbtn { gap:0 10px; }
	.portfolio-box .search .s-ipbox select { width:140px; height:50px; line-height:50px; }
	.portfolio-box .search .s-ipbox input { height:50px; }
	.portfolio-box .search .s-ipbox button { width:50px; height:50px; }
	.portfolio-box .listbox { gap:80px 20px; }
	.portfolio-box .listbox .box { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){
	.portfolio-box .search .s-ipbox { flex-wrap:wrap; }
	.portfolio-box .search .s-ipbox,
	.portfolio-box .search .s-ipbox .ipbtn { gap:5px; }
	.portfolio-box .search .s-ipbox .sel-box { width:100%; }
	.portfolio-box .search .s-ipbox .ipbtn { width:100%; }
	.portfolio-box .search .s-ipbox select { width:100%; height:45px; line-height:45px; }
	.portfolio-box .search .s-ipbox input { height:45px; padding:0 20px; }
	.portfolio-box .search .s-ipbox button { width:45px; height:45px; background-size:18px auto; }
	.portfolio-box .listbox { gap:60px 10px; }
	.portfolio-box .listbox .box { width:calc((100% - 10px) / 2); }
	.portfolio-box .listbox .box .txtbox { margin-top:15px; }
	.portfolio-box .listbox .box .txtbox h4 { margin:15px 0 8px; }
	.portfolio-box .listbox .box .txtbox .type { gap:5px; }
	.portfolio-box .listbox .box .txtbox .type span { padding:0 8px; height:26px; }
}
@media screen and (max-width:640px){
	.portfolio-box .search .s-ipbox .sel-box { flex-wrap:wrap; }
	.portfolio-box .search .s-ipbox select { width:calc((100% - 5px) / 2); }
	.portfolio-box .listbox { gap:40px 5px; }
	.portfolio-box .listbox .box { width:calc((100% - 5px) / 2); }
	.portfolio-box .listbox .box .txtbox { margin-top:8px; }
	.portfolio-box .listbox .box .txtbox h4 { margin:8px 0 4px; }
	.portfolio-box .listbox .box .txtbox .type { gap:3px; }
	.portfolio-box .listbox .box .txtbox .type span { padding:0 6px; height:23px; }
}
@media screen and (max-width:520px){
}

.imglist-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.imglist-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.5s; }
.imglist-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.imglist-pop .pop-body { opacity:0; visibility:hidden; transition:all 0.5s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; max-width:1100px; width:100%; padding:0 130px; border:none; }
.imglist-pop.on .pop-body { opacity:1; visibility:visible; }
.imglist-pop .pop-body .popCont .img-list { width:100%; background:#fff; overflow:hidden; position:relative; }
.imglist-pop .pop-body .popCont .img-list .swiper-container { position:relative; }
.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex; background:#fff; }
.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide .imgbox { width:100%; position:relative; overflow:hidden; }
.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide .imgbox:before {content:""; display:block; padding-bottom:70.0%; }
.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide .imgbox img {  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; -o-object-fit:cover; }
.imglist-pop .pop-body .popCont .img-list .swiper-pagination { position:absolute; left:50%; bottom:30px; transform:translate(-50%, 0); display:flex; align-items:center; justify-content:center; gap:0 10px; }
.imglist-pop .pop-body .popCont .img-list .swiper-pagination .swiper-pagination-bullet { margin:0; width:8px; height:8px; border-radius:0; background:rgba(17, 17, 17, 0.10); opacity:1; outline:none; }
.imglist-pop .pop-body .popCont .img-list .swiper-pagination .swiper-pagination-bullet-active { background:#111; }
.imglist-pop .pop-body .popCont .info { text-align:center; }
.imglist-pop .pop-body .popCont .info h4 { margin:30px 0 15px; color:#fff; font-size:var(--font30); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.imglist-pop .pop-body .popCont .info .txt-1 { color:rgba(255, 255, 255, 0.80); font-size:var(--font18); font-weight:400; line-height:1.3; }
.imglist-pop .pop-body .swiper-pn { transition:all 0.4s; width:70px; height:70px; border:1px solid #111; transform:translateY(-50%); background:#fff; display:flex; align-items:center; justify-content:center; outline:none; }
.imglist-pop .pop-body .swiper-pn img { transition:all 0.4s; }
.imglist-pop .pop-body .swiper-pn:hover { background:#111; }
.imglist-pop .pop-body .swiper-pn:hover img { filter:grayscale(0) invert(1); }
.imglist-pop .btn_close { position:absolute; right:60px; top:60px; cursor:pointer; transition:all 0.5s; z-index:15; }
.imglist-pop .btn_close span { position:relative; width:40px; height:40px; display:block; background:url(/img/svg/btn_close.svg) center center no-repeat;  }
.imglist-pop .btn_close:hover { transform:rotate(-180deg); }
@media screen and (max-height:720px){
	.imglist-pop .pop-body { padding:0 110px; max-width:900px; }
	.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide .imgbox:before {padding-bottom:68.0%; }
	.imglist-pop .pop-body .popCont .img-list .swiper-pagination { bottom:20px; gap:0 8px; }
	.imglist-pop .pop-body .popCont .img-list .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; }
	.imglist-pop .pop-body .popCont .info h4 { margin:15px 0 8px; }
	.imglist-pop .pop-body .swiper-pn { width:58px; height:58px; }
	.imglist-pop .pop-body .swiper-pn img { height:17px; }
	.imglist-pop .btn_close { right:30px; top:30px; }
}
@media screen and (max-height:580px){
	.imglist-pop .pop-body { padding:0 110px; max-width:800px; }
	.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide .imgbox:before {padding-bottom:68.0%; }
}
@media screen and (max-width:1280px){
	.imglist-pop .pop-body { padding:0 110px; }
}
@media screen and (max-width:1024px){
	.imglist-pop .pop-body { padding:0 110px; }
	.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide .imgbox:before {padding-bottom:78.0%; }
	.imglist-pop .pop-body .popCont .img-list .swiper-pagination { bottom:20px; gap:0 8px; }
	.imglist-pop .pop-body .popCont .img-list .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; }
	.imglist-pop .pop-body .popCont .info h4 { margin:15px 0 8px; }
	.imglist-pop .pop-body .swiper-pn { width:58px; height:58px; }
	.imglist-pop .pop-body .swiper-pn img { height:17px; }
	.imglist-pop .btn_close { right:30px; top:30px; }
}
@media screen and (max-width:640px){
	.imglist-pop .pop-body { padding:0 68px; }
	.imglist-pop .pop-body .popCont .img-list .swiper-container .swiper-slide .imgbox:before {padding-bottom:78.0%; }
	.imglist-pop .pop-body .popCont .info h4 { margin:8px 0 4px; }
	.imglist-pop .pop-body .swiper-pn { width:48px; height:48px; }
}
@media screen and (max-width:480px){
	.imglist-pop .pop-body { padding:0 58px; }
	.imglist-pop .pop-body .swiper-pn { width:38px; height:38px; }
	.imglist-pop .pop-body .swiper-pn img { height:15px; }
}

/* career */
.career-box .talent-box .listbox .box:not(:last-child) { margin-bottom:20px; }
.career-box .talent-box .listbox .box { position:relative; }
.career-box .talent-box .listbox .box figure { position:relative; overflow:hidden; }
.career-box .talent-box .listbox .box figure:before { content:''; display:block; padding-bottom:23.8%; }
.career-box .talent-box .listbox .box figure:after { transition:all 0.3s; content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%); opacity:0; }
.career-box .talent-box .listbox .box figure img { transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.career-box .talent-box .listbox .box:hover figure img { transform:scale(1.03); }
.career-box .talent-box .listbox .box:hover figure:after { opacity:1; }
.career-box .talent-box .listbox .box .txtbox { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; padding:0 100px; display:flex; align-items:center; }
.career-box .talent-box .listbox .box .txtbox dl { display:flex; align-items:center; width:100%; }
.career-box .talent-box .listbox .box .txtbox dl dt { width:50%; color:#fff; font-size:var(--font50); font-weight:600; line-height:1.3; letter-spacing:-0.05em;  }
.career-box .talent-box .listbox .box .txtbox dl dd { width:50%; color:#fff; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.02em;  }
@media screen and (max-width:1440px){
	.career-box .talent-box .listbox .box .txtbox { padding:0 60px; }
	.career-box .talent-box .listbox .box .txtbox dd br { display:none }
	.career-box .talent-box .listbox .box .txtbox dd span.m_br { display:block }
}
@media screen and (max-width:1024px){
	.career-box .talent-box .listbox .box:not(:last-child) { margin-bottom:10px; }
	.career-box .talent-box .listbox .box figure:before { padding-bottom:28%; }
	.career-box .talent-box .listbox .box .txtbox { padding:0 20px; }
	.career-box .talent-box .listbox .box figure:after { opacity:1; }
}
@media screen and (max-width:640px){
	.career-box .talent-box .listbox .box:not(:last-child) { margin-bottom:5px; }
	.career-box .talent-box .listbox .box figure:before { padding-bottom:40%; }
	.career-box .talent-box .listbox .box .txtbox dl { flex-wrap:wrap; gap:10px; }
	.career-box .talent-box .listbox .box .txtbox dl dt,
	.career-box .talent-box .listbox .box .txtbox dl dd { width:100%; }
}
@media screen and (max-width:520px){
	.career-box .talent-box .listbox .box figure:before { padding-bottom:55%; }
}

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


.career-box .process-box .listbox { margin-top:60px; display:flex; gap:50px; justify-content:center; }
.career-box .process-box .listbox .box { position:relative; width:calc((100% - 200px) / 5); padding:50px 10px; text-align:center; background:#f5f5f5; }
.career-box .process-box .listbox .box:before { content:''; display:block; position:absolute; left:-50px; top:50%; transform:translateY(-50%); width:50px; height:50px; background:url(/img/svg/process_arr.svg) center center no-repeat; }
.career-box .process-box .listbox .box:first-child:before { display:none; }
.career-box .process-box .listbox .box .step { color:var(--mainColor); font-size:var(--font20); font-weight:600; line-height:1.3; }
.career-box .process-box .listbox .box .icon { margin:40px auto; }
.career-box .process-box .listbox .box .icon img { max-width:100%; background:#fff; }
.career-box .process-box .listbox .box .txt { color:#111; font-size:var(--font20); font-weight:600; line-height:1.5; }
.career-box .process-box .welfare .list { margin-top:60px; display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.career-box .process-box .welfare .box { position:relative; width:calc((100% - 60px) / 4);  }
.career-box .process-box .welfare .box:before { content:''; display:block; padding-bottom:99%; }
.career-box .process-box .welfare .box .w-box { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.career-box .process-box .welfare .box .w-box figure img { width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.career-box .process-box .welfare .box .w-box .icon { position:absolute; left:30px; top:30px; }
.career-box .process-box .welfare .box .w-box .icon img { max-width:100%; background:rgba(0, 0, 0, 0.60); }
.career-box .process-box .welfare .box .w-box h4 { position:absolute; left:30px; bottom:30px; color:#fff; font-size:var(--font26); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
@media screen and (max-width:1440px){
	.career-box .process-box { overflow:hidden; }
	.career-box .process-box .listbox { gap:40px; }
	.career-box .process-box .listbox .box { width:calc((100% - 160px) / 5); padding:40px 10px; }
	.career-box .process-box .listbox .box:before { left:-40px; width:40px; height:40px; }
}
@media screen and (max-width:1280px){
	.career-box .process-box .listbox { flex-wrap:wrap; }
	.career-box .process-box .listbox .box { width:calc((100% - 80px) / 3); }
	.career-box .process-box .welfare .box { width:calc((100% - 40px) / 3);  }
	.career-box .process-box .welfare .box .w-box .icon { left:20px; top:20px; }
	.career-box .process-box .welfare .box .w-box h4 { left:20px; bottom:20px; }
}
@media screen and (max-width:1024px){
	.career-box .process-box .listbox,
	.career-box .process-box .welfare .list { margin-top:30px; }
	.career-box .process-box .listbox .box { padding:30px 10px; }
	.career-box .process-box .listbox .box .icon { margin:20px auto; }
	.career-box .process-box .listbox .box .icon img { width:80px; }
	.career-box .process-box .welfare .list { gap:10px; }
	.career-box .process-box .welfare .box { width:calc((100% - 20px) / 3); }
	.career-box .process-box .welfare .box .w-box .icon img { width:50px; }
}
@media screen and (max-width:860px){
	.career-box .process-box .listbox .box { width:calc((100% - 40px) / 2); }
	.career-box .process-box .welfare .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.career-box .process-box .listbox,
	.career-box .process-box .welfare .list { margin-top:15px; }
	.career-box .process-box .listbox { gap:26px; }
	.career-box .process-box .listbox .box { width:calc((100% - 26px) / 2); padding:20px 10px; }
	.career-box .process-box .listbox .box:before { left:-26px; width:26px; height:26px; background-size:18px auto; }
	.career-box .process-box .listbox .box .icon { margin:10px auto; }
	.career-box .process-box .listbox .box .icon img { width:60px; }
	.career-box .process-box .welfare .list { gap:5px; }
	.career-box .process-box .welfare .box { width:calc((100% - 5px) / 2); }
	.career-box .process-box .welfare .box .w-box .icon img { width:40px; }
	.career-box .process-box .welfare .box .w-box .icon { left:15px; top:15px; }
	.career-box .process-box .welfare .box .w-box h4 { left:15px; bottom:15px; }
}

/* animation */
.career-box .process-box .listbox .box { opacity:0; }
.career-box .process-box .listbox.subOn .box { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.career-box .process-box .welfare .list .box { opacity:0; }
.career-box .process-box .welfare .list.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }


/* customer */
.customer-box .introduce-box h4 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.customer-box .introduce-box .box { text-align:center; margin-top:30px; border-top:1px solid #000; padding:120px 0 0;}
.customer-box .introduce-box .box figure img { max-width:900px; width:100%; border:1px solid #ddd;}
@media screen and (max-width:1280px){
	.customer-box .introduce-box .box { margin-top:20px; padding:80px 0 0;}
}
@media screen and (max-width:1024px){
	.customer-box .introduce-box .box { margin-top:15px; padding:60px 0 0;}
}
@media screen and (max-width:640px){
	.customer-box .introduce-box .box { margin-top:8px; padding:30px 0 0;}
}

/* animation */
.customer-box .introduce-box .box figure { opacity:0; }
.customer-box .introduce-box .box.subOn figure { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }




.tabM ul { display:flex; flex-wrap:wrap; gap:10px; }
.tabM ul li { width:calc((100% - (10px * (var(--tab-count) - 1))) / var(--tab-count)); }
.tabM ul li a { transition:all 0.4s; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; height:80px; border:1px solid #111; }
.tabM ul li.on a { color:#fff; border-color:var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1024px){
	.tabM ul { gap:5px; }
	.tabM ul li { width:calc((100% - (5px * (var(--tab-count) - 1))) / var(--tab-count)); }
	.tabM ul li a { height:65px; }
}
@media screen and (max-width:640px){
	.tabM ul { gap:5px; }
	.tabM ul li a { height:50px; }
}

.detail-tab .pageCont .detailCont { display:none; }
.detail-tab .pageCont .detailCont.on { display:block; }
.detail-tab .pageCont .detailCont .titbox { position:relative; }
.detail-tab .pageCont .detailCont .titbox .tit { position:relative; color:#111; font-size:var(--font22); font-weight:600; line-height:1.3; letter-spacing:-0.025em; margin-bottom:15px; }
.detail-tab .pageCont .detailCont .titbox .tit span { color:var(--mainColor); }
.detail-tab .pageCont .detailCont .titbox .stxt { position:absolute; right:0; top:0; color:#333; font-size:var(--font17); font-weight:300; line-height:1.3; }
.detail-tab .pageCont .detailCont .titbox .stxt span { color:var(--mainColor); }

.detail-tab .pageCont .detailCont .ch-box { display:flex; flex-wrap:wrap; gap:10px; }
.detail-tab .pageCont .detailCont .ch-box .d-ch { position:relative; width:calc((100% - 40px) / 5); }
.detail-tab .pageCont .detailCont .ch-box.ch4 .d-ch { width:calc((100% - 30px) / 4); }
.detail-tab .pageCont .detailCont .ch-box .d-ch:before { content:''; display:block; padding-bottom:300px; }
.detail-tab .pageCont .detailCont .ch-box .d-ch label { position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; }
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"],
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"] { opacity:0; height:auto; line-height:auto; position:absolute; }
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"] + span,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"] + span { position:relative; transition:all 0.3s; border:1px solid #111; width:100%; height:100%; padding-bottom:54px; display:flex; align-items:center; justify-content:center; flex-direction:column; } 
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"] + span svg path,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"] + span svg path { transition:all 0.3s; }
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"] + span strong,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"] + span strong { position:absolute; left:0; bottom:25px; width:100%; text-align:center; transition:all 0.3s; color:#000; font-size:var(--font22); font-weight:600; line-height:1.3; } 
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"]:disabled+span,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"]:disabled+span { cursor:not-allowed; }
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"]:checked + span,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"]:checked + span { border-color:var(--mainColor); background:#fff7f6; } 
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"]:checked + span strong,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"]:checked + span strong { color:var(--mainColor); } 
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"]:checked + span svg path,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"]:checked + span svg path { fill:var(--mainColor); stroke:var(--mainColor); } 
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="radio"]:checked + span svg.line path,
.detail-tab .pageCont .detailCont .ch-box .d-ch input[type="checkbox"]:checked + span svg.line path { fill:none; stroke:var(--mainColor); } 
@media screen and (max-width:1440px){
	.detail-tab .pageCont .detailCont .ch-box .d-ch { width:calc((100% - 30px) / 4); }
	.detail-tab .pageCont .detailCont .ch-box .d-ch:before { padding-bottom:280px; }
}
@media screen and (max-width:1280px){
	.detail-tab .pageCont .detailCont .ch-box { gap:5px; }
	.detail-tab .pageCont .detailCont .ch-box .d-ch,
	.detail-tab .pageCont .detailCont .ch-box.ch4 .d-ch { width:calc((100% - 15px) / 4); }
	.detail-tab .pageCont .detailCont .ch-box .d-ch:before { padding-bottom:265px; }
}
@media screen and (max-width:1024px){
	.detail-tab .pageCont .detailCont .titbox .tit { margin-bottom:8px; }
	.detail-tab .pageCont .detailCont .ch-box .d-ch,
	.detail-tab .pageCont .detailCont .ch-box.ch4 .d-ch { width:calc((100% - 10px) / 3); }
	.detail-tab .pageCont .detailCont .ch-box .d-ch:before { padding-bottom:250px; }
}
@media screen and (max-width:1024px){
	.detail-tab .pageCont .detailCont .ch-box .d-ch,
	.detail-tab .pageCont .detailCont .ch-box.ch4 .d-ch { width:calc((100% - 5px) / 2); }
	.detail-tab .pageCont .detailCont .ch-box .d-ch:before { padding-bottom:230px; }
}



.inquiry-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.inquiry-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.inquiry-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.inquiry-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; max-width:1600px; width:100%; padding:120px; background-color:#fff; border:none; }
.inquiry-pop .pop-body .scroll_box { height:100%; max-height:calc(100dvh - 320px); overflow:auto; }
.inquiry-pop .pop-body .methodCont { display:flex; align-items:center; }
.inquiry-pop .pop-body .methodCont .imgbox { width:47%; }
.inquiry-pop .pop-body .methodCont .imgbox img { max-width:100%; }
.inquiry-pop .pop-body .methodCont .txtbox { width:calc(100% - 47%); padding-left:100px; }
.inquiry-pop .pop-body .methodCont .txtbox dt h4 { color:#111; font-size:var(--font48); font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.inquiry-pop .pop-body .methodCont .txtbox dd { margin-top:60px; }
.inquiry-pop .pop-body .methodCont .txtbox dd li:not(:last-child) { margin-bottom:40px; }
.inquiry-pop .pop-body .methodCont .txtbox dd li { position:relative; color:#111; font-size:var(--font20); font-weight:300; line-height:1.5; padding-left:25px; }
.inquiry-pop .pop-body .methodCont .txtbox dd li:before { content:''; display:block; position:absolute; left:0; top:11px; width:5px; height:5px; background:#111; }
.inquiry-pop .pop-body .methodCont .txtbox dd li .sbox { display:flex; gap:15px; margin-top:15px; }
.inquiry-pop .pop-body .methodCont .txtbox dd li .sbox span { display:flex; align-items:center; justify-content:center; padding:0 5px; height:30px; border:1px solid #000; color:#000; font-size:var(--font17); font-weight:500; line-height:1.3; }
.inquiry-pop .pop-body .btn_close { position:absolute; right:50px; top:50px; cursor:pointer; }
.inquiry-pop .pop-body .btn_close span { position:relative; width:40px; height:40px; display:block; background:url(/img/svg/btn_close_bk.svg) center center no-repeat; }
@media screen and (max-width:1640px){
	.inquiry-pop .pop-body { left:20px; top:50%; transform:translate(0, -50%); width:calc(100% - 40px); padding:80px; }
	.inquiry-pop .pop-body .methodCont .txtbox { padding-left:80px; }
}
@media screen and (max-width:1440px){
	.inquiry-pop .pop-body { padding:40px; }
	.inquiry-pop .pop-body .methodCont .txtbox { padding-left:60px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd { margin-top:50px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li:not(:last-child) { margin-bottom:30px; }
	.inquiry-pop .pop-body .btn_close { right:30px; top:30px; }
}
@media screen and (max-width:1280px){
	.inquiry-pop .pop-body { padding:30px; }
	.inquiry-pop .pop-body .methodCont .txtbox { padding-left:40px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd { margin-top:40px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li:not(:last-child) { margin-bottom:20px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li { padding-left:18px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li:before { top:9px; width:3px; height:3px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li .sbox { gap:10px; margin-top:10px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li .sbox span { height:25px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li br { display:none; }
	.inquiry-pop .pop-body .btn_close { right:20px; top:20px; }
}
@media screen and (max-width:960px){
	.inquiry-pop .pop-body { padding:50px 20px 40px; }
	.inquiry-pop .pop-body .methodCont { flex-wrap:wrap; }
	.inquiry-pop .pop-body .methodCont .imgbox { width:100%; }
	.inquiry-pop .pop-body .methodCont .txtbox { width:100%; padding-left:0; margin-top:30px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd { margin-top:20px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li:not(:last-child) { margin-bottom:15px; }
	.inquiry-pop .pop-body .methodCont .txtbox dd li .sbox { margin-top:5px; }
	.inquiry-pop .pop-body .btn_close { right:15px; top:15px; }
	.inquiry-pop .pop-body .btn_close span { width:35px; height:35px; background-size:30px auto; }
}