@charset "utf-8";

.subtitleTop { position:relative; padding:220px 0 140px; }
.subtitleTop .top-box { display:flex; flex-wrap:wrap; overflow:hidden }
.subtitleTop .top-box .location { width:350px; }
.subtitleTop .top-box .location dl { display:flex; align-items:center; gap:5px 34px; }
.subtitleTop .top-box .location dt { color:#fff; font-size:1.5rem; font-weight:700; line-height:1.3; width:25px; height:25px; border-radius:5px; background:#010318; display:flex; align-items:center; justify-content:center; }
.subtitleTop .top-box .location dd { display:flex; align-items:center; gap:5px 34px; }
.subtitleTop .top-box .location dd strong { color:#000; font-size:1.8rem; font-weight:500; line-height:1.3; }
.subtitleTop .top-box .location dd span { color:#000; font-size:1.8rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.subtitleTop .top-box .location dd strong,
.subtitleTop .top-box .location dd span { position:relative; }
.subtitleTop .top-box .location dd strong:before,
.subtitleTop .top-box .location dd span:before { content:""; display:block; width:7px; height:15px; position:absolute; left:-20px; top:50%; transform:translateY(-50%); background:url(/img/svg/location_arr.svg) center center no-repeat; }
.subtitleTop .top-box .txtbox { width:calc(100% - 350px); }
.subtitleTop .top-box .txtbox dt { font-weight:600; color:#000;}
.subtitleTop .top-box .txtbox dd { margin-top:30px; }
.subtitleTop .top-box .txtbox dd p { color:#222; font-size:2.2rem; font-weight:300; line-height:1.6; letter-spacing:-0.03em; }
.subTopBg { position:relative; z-index:5; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.subTop_Bg1 { background-image:url(/img/sub/visualsub_bg1.jpg); }
.subTop_Bg1_bg1 { background-image:url(/img/sub/visualsub_bg1_bg1.jpg); }
.subTop_Bg1_bg2 { background-image:url(/img/sub/visualsub_bg1_bg2.jpg); }
.subTop_Bg1_bg3 { background-image:url(/img/sub/visualsub_bg1_bg3.jpg); }
.subTop_Bg1_bg4 { background-image:url(/img/sub/visualsub_bg1_bg4.jpg); }
.subTop_Bg1_bg5 { background-image:url(/img/sub/visualsub_bg1_bg5.jpg); }
.subTop_Bg1_bg6 { background-image:url(/img/sub/visualsub_bg1_bg6.jpg); }
.subTop_Bg1_bg7 { background-image:url(/img/sub/visualsub_bg1_bg7.jpg); }
.subTop_Bg2_bgM { background-image:url(/img/sub/visualsub_bg2_bgM.jpg); }
.subTop_Bg2_bg1 { background-image:url(/img/sub/visualsub_bg2_bg1.jpg); }
.subTop_Bg2_bg2 { background-image:url(/img/sub/visualsub_bg2_bg2.jpg); }
.subTop_Bg2_bg3 { background-image:url(/img/sub/visualsub_bg2_bg3.jpg?v=2); }
.subTop_Bg2_bg4 { background-image:url(/img/sub/visualsub_bg2_bg4.jpg); }
.subTop_Bg3_bg1 { background-image:url(/img/sub/visualsub_bg3_bg1.jpg); }
.subTop_Bg3_bg2 { background-image:url(/img/sub/visualsub_bg3_bg2.jpg); }
.subTop_Bg3_bg3 { background-image:url(/img/sub/visualsub_bg3_bg3.jpg); }
.subTop_Bg3_bg4 { background-image:url(/img/sub/visualsub_bg3_bg4.jpg); }
.subTop_Bg4 { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTop_Bg5 { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTop_Bg5_bg1 { background-image:url(/img/sub/visualsub_bg5_bg1.jpg); }
.subTop_Bg5_bg2 { background-image:url(/img/sub/visualsub_bg5_bg2.jpg); }
.subTop_Bg5_bg3 { background-image:url(/img/sub/visualsub_bg5_bg3.jpg); }
.subTop_Bg5_bg4 { background-image:url(/img/sub/visualsub_bg5_bg4.jpg); }
.subTop_Bg6 { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTop_Bg6_bg1 { background-image:url(/img/sub/visualsub_bg6_bg1.jpg); }
.subTop_Bg6_bg2 { background-image:url(/img/sub/visualsub_bg6_bg2.jpg); }
.subTop_Bg6_bg3 { background-image:url(/img/sub/visualsub_bg6_bg3.jpg); }
.subTop_Bg6_bg4 { background-image:url(/img/sub/visualsub_bg6_bg4.jpg); }
.subTop_Bg7 { background-image:url(/img/sub/visualsub_bg7.jpg); }
.subTop_Bg7_bg1 { background-image:url(/img/sub/visualsub_bg7_bg1.jpg); }
.subTop_Bg7_bg2 { background-image:url(/img/sub/visualsub_bg7_bg2.jpg); }
.subTop_Bg7_bg3 { background-image:url(/img/sub/visualsub_bg7_bg3.jpg); }
.subTop_Bg10 { background-image:url(/img/sub/visualsub_bg10.jpg); }
.scrolldown { position:absolute; left:50%; right:unset; transform:translateX(-50%); bottom:50px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid rgba(255,255,255,1); border-radius:8px; z-index:5; opacity:0; animation:ani_4 0.8s 0.2s forwards, scrollDown 2s 0.1s infinite; }
.scrolldown .txt { color:#fff; font-size:1.5rem; font-weight:600; line-height:1.3; transform:rotate(-90deg); }
@media screen and (max-width:1440px){
	.subtitleTop .top-box .txtbox dd { margin-top:25px; }
	.subtitleTop .top-box .txtbox dd p:not(:last-child) { margin-bottom:25px; }
	.subtitleTop .top-box .txtbox dd p { font-size:2.1rem; }
}
@media screen and (max-width:1280px){
	.subtitleTop .top-box .txtbox dd { margin-top:20px; }
	.subtitleTop .top-box .txtbox dd p:not(:last-child) { margin-bottom:20px; }
	.subtitleTop .top-box .txtbox dd p { font-size:2.0rem; }
}
@media screen and (max-width:1024px){
	.subtitleTop { padding:120px 0 70px; }
	.subtitleTop .top-box .location { width:100%; }
	.subtitleTop .top-box .location dl { gap:5px 27px; }
	.subtitleTop .top-box .location dt { font-size:1.4rem; width:20px; height:20px; border-radius:3px; }
	.subtitleTop .top-box .location dd { gap:5px 27px; }
	.subtitleTop .top-box .location dd strong { color:#000; font-size:1.8rem; font-weight:500; line-height:1.3; }
	.subtitleTop .top-box .location dd span { color:#000; font-size:1.8rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
	.subtitleTop .top-box .location dd strong,
	.subtitleTop .top-box .location dd span { position:relative; }
	.subtitleTop .top-box .location dd strong:before,
	.subtitleTop .top-box .location dd span:before { content:""; display:block; width:7px; height:15px; }
	.subtitleTop .top-box .txtbox { margin-top:30px; width:100%; }
	.subtitleTop .top-box .txtbox dd { margin-top:10px; }
	.subtitleTop .top-box .txtbox dd p:not(:last-child) { margin-bottom:10px; }
	.subtitleTop .top-box .txtbox dd p { font-size:1.8rem; }
	.subtitleTop .top-box .txtbox dd p br { display:none }
	.scrolldown {bottom:20px; width:35px; height:35px; border-radius:5px; }
}
@media screen and (max-width:640px){
	.subtitleTop { padding:90px 0 40px; }
}

/* animation */
.subTopBg { height:840px; transition:all 0.4s; }
.subbody .subTopBg { height:700px; animation:ani_topBg 1.2s 0.4s; animation-fill-mode:both; }
.subTopBg.active { animation:none; transform:translateY(0);}
.subTopBg:before { content:""; background:rgba(0, 0, 0, 0.3); position:absolute; bottom:0; right:0; width:100%; height:100%; }
.subbody .subTopBg:before { animation:ani_w100 0.5s 0.1s; animation-fill-mode:both; }
.subTopBg.active:before { animation:none; }
.subtitleTop .top-box { opacity:0; }
.subtitleTop .top-box { animation:ani_4 1.2s 0.5s; animation-fill-mode:both; }
.subtitleTop.on .top-box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1440px){
	.subTopBg { height:740px; }
	.subbody .subTopBg { height:600px; }
}
@media screen and (max-width:1280px){
	.subTopBg { height:600px; }
	.subbody .subTopBg { height:480px; }
}
@media screen and (max-width:1024px){
	.subTopBg { height:480px; }
	.subbody .subTopBg { height:360px; }
}
@media screen and (max-width:640px){
	.subTopBg { height:380px; }
	.subbody .subTopBg { height:260px; }
}

@keyframes scrollDown {
    0% { transform:translate(-50%, -10px); }
    50% { transform:translate(-50%, 10px); }
    100% { transform:translate(-50%, -10px); }
}


h2.sub-title { margin-bottom:100px; }
h2.sub-title span { color:#000; font-weight:600; line-height:1.3; letter-spacing:-0.05em;}
h3.sTitle span { color:#111; font-weight:500; line-height:1.3; letter-spacing:-0.05em;}
h3.sTitle span span { font-family:var(--subFont); }
@media screen and (max-width:1024px){
	h2.sub-title { margin-bottom:60px; }
}
@media screen and (max-width:640px){
	h2.sub-title { margin-bottom:30px; }
}

/* animation */
h2.sub-title { overflow:hidden }
h2.sub-title span { display:block; opacity:0; }
.subOn h2.sub-title span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
h3.sTitle { overflow:hidden }
h3.sTitle > span { display:block; opacity:0; }
.subOn h3.sTitle > span { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }

.subtitleTop .depthMenu { position:relative; z-index:10; display:none }
.subtitleTop .depthMenu .bg,
.subtitleTop .depthMenu .btnArr { display:none }

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

#subContents > article { padding:200px 0 250px; min-height:300px; }
#subContents > article.subContT { padding:0 0 250px; }
#subContents > article.subContB { padding:0; }
@media screen and (max-width:1024px){
	#subContents > article { padding:100px 0 180px; }
	#subContents > article.subContT { padding:0 0 180px; }
}
@media screen and (max-width:640px){
	#subContents > article { padding:50px 0 90px; }
	#subContents > article.subContT { padding:0 0 90px; }
}


/* tabmenu */
.subTab { transition:top 0.4s ease; position:sticky; top:0; z-index:3; margin-bottom:140px; }
.subTab ul { display:flex; padding:0 100px; background:#0891e0; }
.subTab li { width:calc(100% / 3); height:60px; }
.subTab li a { transition:all 0.3s; position:relative; color:rgba(255, 255, 255, 0.5); font-size:2.0rem; font-weight:600; line-height:1.3; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; }
.subTab li a.on { color:#fff; }
@media screen and (max-width:1280px){
	.subTab li a { font-size:1.9rem; }
}
@media screen and (max-width:1024px){
	.subTab { margin-bottom:80px; }
	#wrap.down .subTab { top:65px;}
	.subTab ul { padding:0 20px; }
	.subTab li { height:50px; }
	.subTab li a { font-size:1.8rem; }
}
@media screen and (max-width:640px){
	.subTab { margin-bottom:40px; }
}

/* animation */
.subTab ul { opacity:0; }
.subTab.subOn ul { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.leftmenu { position:sticky; left:30px; top:50%; transform:translateY(-50%); width:92px; z-index:5; }
.leftmenu li:not(:last-child) { margin-bottom:10px; }
.leftmenu li a { transition:all 0.3s; position:relative; color:rgba(255, 255, 255, 0.5); font-size:1.6rem; font-weight:300; line-height:1.3; width:100%; height:31px; letter-spacing:-0.04em; display:flex; align-items:center; padding-left:28px; border-radius:5px; background:#000; }
.leftmenu li a:before { content:""; display:block; width:6px; height:6px; position:absolute; left:10px; top:50%; transform:translateY(-50%); border-radius:2px; background:rgba(255, 255, 255, 0.5); }
.leftmenu li a.on { color:#fff; background:var(--mainColor); }
.leftmenu li a.on:before { background:#fff; }
@media screen and (max-width:1540px){
	.leftmenu { left:10px; }
}
@media screen and (max-width:1280px){
	.leftmenu { display:none }
}


/* common s */
.tabmenu { }

.pageCont { margin-top:150px; }
@media screen and (max-width:1440px){
	.pageCont { margin-top:120px; }
}
@media screen and (max-width:1024px){
	.pageCont { margin-top:80px; }
}
@media screen and (max-width:640px){
	.pageCont { margin-top:40px; }
}

.content-gap { padding-top:250px; }
@media screen and (max-width:1440px){
	.content-gap { padding-top:200px; }
}
@media screen and (max-width:1280px){
	.content-gap { padding-top:160px; }
}
@media screen and (max-width:1024px){
	.content-gap { padding-top:120px; }
}
@media screen and (max-width:640px){
	.content-gap { padding-top:60px; }
}

.txt-num { display:flex; gap:20px; color:#222; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.txt-num .num { color:#fff; font-size:1.6rem; font-weight:600; flex-shrink:0; width:30px; line-height:1.0; height:30px; display:flex; align-items:center; justify-content:center; background:#000; border-radius:5px; }
@media screen and (max-width:1024px){
	.txt-num { gap:15px; }
	.txt-num .num { width:24px; height:24px; border-radius:3px; }
}

h4.stit { margin-bottom:20px; font-family:var(--subFont); color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.txt-list1 > ul > li:not(:last-child) { margin-bottom:15px; }
.txt-list1 > ul > li { position:relative; padding-left:16px; font-family:var(--subFont); color:#333; font-size:2.2rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.txt-list1 > ul > li:before { content:""; display:block; width:6px; height:6px; background:#000; position:absolute; left:0; top:10px; border-radius:1px; }
.txt-list2 > ul > li:not(:last-child) { margin-bottom:15px; }
.txt-list2 > ul > li { position:relative; padding-left:16px; color:#666; font-size:2.0rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.txt-list2 > ul > li:before { content:""; display:block; width:6px; height:6px; background:#333; position:absolute; left:0; top:9px; border-radius:1px; }
.slist > li:not(:last-child) { margin-bottom:10px; }
.slist > li { position:relative; padding-left:13px; font-family:var(--subFont); color:#666; font-size:2.0rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.slist > li:before { content:""; display:block; width:7px; height:1px; background:#666; position:absolute; left:0; top:12px; }
@media screen and (max-width:1280px){
	h4.stit { margin-bottom:15px; font-size:1.9rem; }
	.txt-list1 > ul > li { font-size:2.0rem; }
	.txt-list1 > ul > li:before { top:8px; }
	.txt-list1 > ul > li:not(:last-child) { margin-bottom:12px; }
	.txt-list2 > ul > li { font-size:1.8rem; }
	.txt-list2 > ul > li:before { top:7px; }
	.txt-list2 > ul > li:not(:last-child) { margin-bottom:12px; }
	.slist > li:not(:last-child) { margin-bottom:8px; }
	.slist > li { position:relative; padding-left:13px; font-size:1.8rem; }
	.slist > li:before { top:9px; }
}
@media screen and (max-width:1024px){
	h4.stit { margin-bottom:10px; font-size:1.8rem; }
	.txt-list1 > ul > li { padding-left:13px; font-size:1.8rem; }
	.txt-list1 > ul > li:before { width:4px; height:4px; top:8px; }
	.txt-list1 > ul > li:not(:last-child) { margin-bottom:10px; }
	.txt-list2 > ul > li { padding-left:13px; font-size:1.7rem; }
	.txt-list2 > ul > li:before { width:4px; height:4px; top:6px; }
	.txt-list2 > ul > li:not(:last-child) { margin-bottom:10px; }
	.slist > li:not(:last-child) { margin-bottom:5px; }
	.slist > li { position:relative; padding-left:11px; font-size:1.7rem; }
	.slist > li:before { width:6px; top:8px; }
}

.zoom-box { position:relative; }
.zoom-box .btn-z { position:absolute; right:10px; bottom:10px; display:none; z-index:2; }
.zoom-box .btn-z a { text-indent:-9999em; overflow:hidden; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:30px; background:rgba(237, 108, 0, 0.7) url(/img/svg/search_icon.svg) center no-repeat; background-size:18px auto;}
@media screen and (max-width:1024px){
	.zoom-box .btn-z { display:block; }
}

.p-list1 li:not(:last-child) { margin-bottom:15px; }
.p-list1 li { position:relative; line-height:1.3; padding-left:16px; }
.p-list1 li:before { content:""; display:block; width:6px; height:6px; position:absolute; left:0; top:10px; border-radius:1px; background:#000; }
@media screen and (max-width:1024px){
	.p-list1 li:not(:last-child) { margin-bottom:8px; }
	.p-list1 li { padding-left:14px; }
	.p-list1 li:before { width:4px; height:4px; top:7px; }
}
@media screen and (max-width:640px){
	.p-list1 li { padding-left:12px; }
	.p-list1 li:before { width:3px; height:3px; top:6px; }
}

.table-list * { font-family:var(--subFont); }
.table-list table { border-collapse:separate; width:100%; }
.table-list thead th { height:60px; background:#ddd; color:#222; font-size:2.0rem; font-weight:500; line-height:1.3; text-align:center; }
.table-list thead th:first-child { border-radius:10px 0 0 10px; }
.table-list thead th:last-child { border-radius:0 10px 10px 0; }
.table-list tbody td { height:60px; color:#666; font-size:1.8rem; font-weight:300; line-height:1.3; text-align:center;  letter-spacing:-0.035em; border:1px solid #ddd; border-width:1px 0 1px 1px; }
.table-list.CL tbody td { border-width:1px 0 1px 0; padding:0 5px; }
.table-list tbody td:first-child { border-radius:10px 0 0 10px; border-left:1px solid #ddd; border-right:none }
.table-list tbody td:last-child { border-radius:0 10px 10px 0; border-right:1px solid #ddd; }
.table-list tbody .line td:first-child { border-radius:0; }
.table-list tbody td span { font-weight:300; color:#333; }
.table-list tbody td strong { font-weight:500; color:#333; }
.table-list tbody .h10 { height:10px !important; border:none !important; }
.table-list tbody .line td { border-width:0 0 1px 1px; }
.table-list tbody td.firstTL { border-radius:10px 0 0 0; }
.table-list tbody td.firstBL { border-radius:0 0 0 10px; }
.table-list tbody td.lastTL { border-radius:0 10px 0 0; }
.table-list tbody td.lastBL { border-width:0 1px 1px 1px; border-radius:0 0 10px 0; }
.table-list tbody td.firstAL { border-radius:10px 0 0 10px; }
.table-list tbody td.lastAL { border-radius:0 10px 10px 0; }
.table-list tbody tr.lineBk td { border-color:#000; }
.table-list tbody td.td_left { padding:0 20px; text-align:left; }
.table-list.bg thead th { color:#fff; background:#000; }
.table-list.noR thead th.line { border:1px solid #000; background:#fff }
.table-list.noR thead th.ALR { border-radius:10px; }
.table-list.noR tbody td { border-width:0 0 1px 1px; }
.table-list.noR tbody tr:nth-child(2) td { border-top:1px solid #ddd; }
.table-list.noR tbody td:first-child { border-radius:0; border-left:1px solid #ddd; border-right:none }
.table-list.noR tbody td:last-child { border-radius:0; border-right:1px solid #ddd; }
.table-list.noR tbody td:first-child.firstTL { border-radius:10px 0 0 0; }
.table-list.noR tbody td:first-child.firstBL { border-radius:0 0 0 10px; }
.table-list.noR tbody td:first-child.firstAL { border-radius:10px 0 0 10px; }
.table-list.noR tbody td:last-child.lastTL { border-radius:0 10px 0 0; }
.table-list.noR tbody td:last-child.lastBL { border-radius:0 0 10px 0; }
.table-list.noR tbody td:last-child.lastAL { border-radius:0 10px 10px 0; }
.table-list.noR tbody td.lastBLR { border-radius:0 0 10px 10px; }
.table-list tbody td.noLL:first-child,
.table-list.noR tbody td.noLL:first-child,
.table-list tbody td.noLL { border-left:none; }
.table-list tbody td.noRL:last-child,
.table-list.noR tbody td.noRL:last-child,
.table-list tbody td.noRL { border-right:none; }
@media screen and (max-width:1280px){
	.table-list thead th { height:50px; font-size:1.9rem; }
	.table-list tbody td { height:50px; font-size:1.7rem; }
}
@media screen and (max-width:1024px){
	.table-list thead th { font-size:1.8rem; }
	.table-list tbody td { font-size:1.6rem; }
	.table-list thead th:first-child,
	.table-list tbody td:first-child { border-radius:8px 0 0 8px; }
	.table-list thead th:last-child,
	.table-list tbody td:last-child { border-radius:0 8px 8px 0; }
	.table-list tbody td.firstTL { border-radius:8px 0 0 0; }
	.table-list tbody td.firstBL { border-radius:0 0 0 8px; }
	.table-list tbody td.lastTL { border-radius:0 8px 0 0; }
	.table-list tbody td.lastBL { border-radius:0 0 8px 0; }
	.table-list tbody td.firstAL { border-radius:8px 0 0 8px; }
	.table-list tbody td.lastAL { border-radius:0 8px 8px 0; }
	.table-list tbody td.td_left { padding:0 10px; }
	.table-list.noR thead th.ALR { border-radius:8px; }
	.table-list.noR tbody td:first-child.firstTL { border-radius:8px 0 0 0; }
	.table-list.noR tbody td:first-child.firstBL { border-radius:0 0 0 8px; }
	.table-list.noR tbody td:first-child.firstAL { border-radius:8px 0 0 8px; }
	.table-list.noR tbody td:last-child.lastTL { border-radius:0 8px 0 0; }
	.table-list.noR tbody td:last-child.lastBL { border-radius:0 0 8px 0; }
	.table-list.noR tbody td:last-child.lastAL { border-radius:0 8px 8px 0; }
}
@media screen and (max-width:860px){
	.table-list * { word-break:break-word; }
	.table-list tbody .h10 { height:5px !important; }
}
/* common e */


.overview-box .top { position:relative; display:flex; }
.overview-box .top .txtbox { position:relative; z-index:1; }
.overview-box .top .txtbox dt { color:#000; font-weight:600; line-height:1.3; }
.overview-box .top .txtbox dd { margin-top:20px; color:#222; font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.overview-box .top .logo_img { margin-left:-50px; }
.overview-box .top .txt { position:absolute; bottom:0; right:0; z-index:1; color:#222; font-weight:500; line-height:1.83; letter-spacing:-0.035em; text-align:right; }
.overview-box .overview-rolling { display:flex; gap:20px; overflow:hidden }
.overview-box .overview-rolling ul { display:flex; gap:20px; }
.overview-box .overview-rolling ul li { border-radius:10px; overflow:hidden } 
.overview-box .overview-info .txtbox p:not(:last-child) { margin-bottom:30px; }
.overview-box .overview-info .txtbox p { color:#333; font-size:2.2rem; font-weight:300; line-height:1.63; letter-spacing:-0.03em; }
.overview-box .overview-info .txtbox p span { color:#111; font-weight:400; line-height:1.3; }
.overview-box .overview-info .txtbox p strong { font-weight:500; }
.overview-box .overview-info .btnArr-txt { margin-top:80px; }
.overview-box .profile-box .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:20px; }
.overview-box .profile-box .listbox .box { display:flex; flex-wrap:wrap; gap:20px; width:calc((100% - 20px) / 2); }
.overview-box .profile-box .listbox .box .sbox { display:flex; flex-wrap:wrap; gap:20px; width:calc((100% - 20px) / 2); }
.overview-box .profile-box .listbox .box figure img { width:100%; border-radius:10px; }
.overview-box .profile-box .listbox .box dl { width:100%; padding:20px; display:flex; flex-direction:column; justify-content:space-between; border-radius:10px; border:1px solid #ddd; background:#fff; }
.overview-box .profile-box .listbox .box dl dt { display:flex; align-items:center; gap:10px; color:#111; font-size:1.8rem; font-weight:500; line-height:1.3; }
.overview-box .profile-box .listbox .box dl dt .icon { flex-shrink:0; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:#000; border-radius:5px; }
.overview-box .profile-box .listbox .box dl dd { padding:10px; color:#333; font-size:2.0rem; font-weight:300; letter-spacing:-0.03em; }
.overview-box .profile-box .listbox .box dl dd > p { line-height:1.7; }
@media screen and (max-width:1440px){
	.overview-box .top .logo_img { margin-left:-45px; }
	.overview-box .top .logo_img img { width:400px; }
	.overview-box .overview-rolling ul li img { height:320px; }
	.overview-box .overview-info .txtbox p:not(:last-child) { margin-bottom:20px; }
	.overview-box .overview-info .txtbox p { font-size:2.0rem; }
	.overview-box .overview-info .btnArr-txt { margin-top:60px; }
	.overview-box .profile-box .listbox { margin-top:40px; }
}
@media screen and (max-width:1280px){
	.overview-box .top .logo_img { margin-left:-30px; }
	.overview-box .top .logo_img img { width:320px; }
}
@media screen and (max-width:1024px){
	.overview-box .top { padding-bottom:5%; }
	.overview-box .top .logo_img { margin-left:-10px; }
	.overview-box .top .logo_img img { width:240px; }
	.overview-box .overview-rolling,
	.overview-box .overview-rolling ul { gap:10px; }
	.overview-box .overview-rolling ul li { border-radius:8px; } 
	.overview-box .overview-rolling ul li img { height:260px; }
	.overview-box .overview-info .txtbox p:not(:last-child) { margin-bottom:15px; }
	.overview-box .overview-info .txtbox p { font-size:1.8rem; }
	.overview-box .overview-info .txtbox br { display:none }
	.overview-box .overview-info .btnArr-txt { margin-top:40px; }
	.overview-box .profile-box .listbox { margin-top:20px; gap:10px; }
	.overview-box .profile-box .listbox .box,
	.overview-box .profile-box .listbox .box .sbox { gap:10px; width:calc((100% - 10px) / 2); }
	.overview-box .profile-box .listbox .box dl { padding:10px; border-radius:8px; }
	.overview-box .profile-box .listbox .box dl dt { gap:8px; font-size:1.6rem; }
	.overview-box .profile-box .listbox .box dl dt .icon { width:24px; height:24px; border-radius:3px; }
	.overview-box .profile-box .listbox .box dl dt .icon img { width:12px; }
	.overview-box .profile-box .listbox .box dl dd { padding:5px; font-size:1.8rem; }
	.overview-box .profile-box .listbox .box figure img { border-radius:8px; }
}
@media screen and (max-width:860px){
	.overview-box .profile-box .listbox .box { width:100%; }
	.overview-box .profile-box .listbox .box dl dd { padding-top:40px; }
}
@media screen and (max-width:640px){
	.overview-box .top { padding-bottom:12%; }
	.overview-box .top .logo_img { margin-left:0; }
	.overview-box .top .logo_img img { width:160px; }
	.overview-box .profile-box .listbox { margin-top:10px; gap:5px; }
	.overview-box .overview-rolling,
	.overview-box .overview-rolling ul { gap:5px; }
	.overview-box .overview-rolling ul li img { height:160px; }
	.overview-box .overview-info .btnArr-txt { margin-top:20px; }
	.overview-box .profile-box .listbox .box { gap:5px; }
	.overview-box .profile-box .listbox .box .sbox { gap:5px; width:calc((100% - 5px) / 2); }
	.overview-box .profile-box .listbox .box dl dd { padding-top:20px; }
}
@media screen and (max-width:480px){
	.overview-box .top { padding-bottom:30%; }
	.overview-box .top .logo_img img { width:130px; }
}

/* animation */
.overview-box .top .txtbox dt,
.overview-box .top .txtbox dd,
.overview-box .top .txt { opacity:0; }
.overview-box .top.subOn .txtbox dt { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.overview-box .top.subOn .txtbox dd { animation:ani_2 1.0s 0.3s; animation-fill-mode:both; }
.overview-box .top.subOn .txt { animation:ani_1 1.0s 0.6s; animation-fill-mode:both; }
.overview-box .overview-info .txtbox { opacity:0; }
.overview-box .overview-info.subOn .txtbox { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }
.overview-box .overview-rolling { opacity:0; }
.overview-box .overview-rolling.subOn { animation:bgs3 0.8s 0.1s; animation-fill-mode:both; }
.overview-box .overview-rolling.subOn ul { animation:txt_marquee 35s 0.7s infinite linear; }
.overview-box .profile-box .listbox .box { opacity:0; }
.overview-box .profile-box.subOn .listbox .box { animation:bgs3 0.8s 0.1s; animation-fill-mode:both; }


.ceo-box .box { display:flex; flex-wrap:wrap; justify-content:space-between;}
.ceo-box .box .txtbox .txt-1 { color:#111; font-weight:500; line-height:1.5; letter-spacing:-0.04em; }
.ceo-box .box .txtbox .txt-2 { margin-top:60px; color:#333; font-size:2.0rem; font-weight:300; line-height:1.7; letter-spacing:-0.03em; }
.ceo-box .box .txtbox .txt-2 p:not(:last-child) { margin-bottom:45px; }
.ceo-box .box .txtbox .txt-3 { display:flex; gap:20px; margin-top:60px; color:#222; font-size:2.0rem; font-weight:400; line-height:1.5; letter-spacing:-0.03em; }
.ceo-box .box .txtbox .txt-3 span { font-family:Tangerine; color:#222; font-weight:400; line-height:1.3; }
.ceo-box .box .imgbox img { border-radius:10px; }
@media screen and (max-width:1440px){
	.ceo-box .box .txtbox .txt-2 p:not(:last-child) { margin-bottom:35px; }
	.ceo-box .box .txtbox .txt-2,
	.ceo-box .box .txtbox .txt-3 { margin-top:50px; }
	.ceo-box .box .imgbox img { width:500px; }
}
@media screen and (max-width:1280px){
	.ceo-box .box .txtbox { width:65%; padding-right:30px; }
	.ceo-box .box .txtbox br { display:none }
	.ceo-box .box .txtbox span.m_br { display:block }
	.ceo-box .box .txtbox .txt-2 p:not(:last-child) { margin-bottom:30px; }
	.ceo-box .box .txtbox .txt-2,
	.ceo-box .box .txtbox .txt-3 { margin-top:40px; font-size:1.9rem; }
	.ceo-box .box .txtbox .txt-3 { gap:10px; }
	.ceo-box .box .imgbox { width:35% }
	.ceo-box .box .imgbox img { width:100%; border-radius:8px; }
}
@media screen and (max-width:1024px){
	.ceo-box .box .txtbox .txt-2 p:not(:last-child) { margin-bottom:20px; }
	.ceo-box .box .txtbox .txt-2,
	.ceo-box .box .txtbox .txt-3 { margin-top:30px; font-size:1.8rem; }
}
@media screen and (max-width:760px){
	.ceo-box .box { flex-direction:column-reverse; }
	.ceo-box .box .txtbox { width:100%; padding-right:0; margin-top:30px; }
	.ceo-box .box .imgbox { width:100%; position:relative; } 
	.ceo-box .box .imgbox:after{ content:""; display:block; padding-bottom:80%; }
	.ceo-box .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
}

/* animation */
.ceo-box .box .txtbox { opacity:0; }
.ceo-box .box.subOn .txtbox { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.ceo-box .box .imgbox { position:relative; overflow:hidden }
.ceo-box .box .imgbox:before { content:""; background:rgba(255, 255, 255, 1); position:absolute; bottom:0; right:0; width:100%; height:100%; }
.ceo-box .box.subOn .imgbox:before { animation:ani_w100 1.2s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:760px){
	.ceo-box .box.subOn .imgbox:before { animation:ani_h100 1.2s 0.5s; animation-fill-mode:both; }
}

.vision-box .listbox .box:not(:last-child) { margin-bottom:20px; }
.vision-box .listbox .box { position:relative;  }
.vision-box .listbox .box .imgbox { position:relative; overflow:hidden; border-radius:10px; border:1px solid rgba(255,255,255,0.3); } 
.vision-box .listbox .box .imgbox:before { content:""; display:block; padding-bottom:33.35%; }
.vision-box .listbox .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.vision-box .listbox .box .txtbox { border:1px solid rgba(255, 255, 255, 0.3); overflow:hidden; position:absolute; right:30px; bottom:30px; display:flex; justify-content:flex-end; align-items:flex-end; z-index:2; width:48%; height:62%; padding:20px 30px 30px; border-radius:10px; background:rgba(255, 255, 255, 0.20); backdrop-filter:blur(5px); } 
.vision-box .listbox .box .txtbox .txt { text-align:right; color:#fff; font-weight:300; line-height:1.45; letter-spacing:-0.035em;}
.vision-box .listbox .box .imgbox .tit { position:absolute; top:0; left:0;  color:rgba(255, 255, 255, 0.2); font-weight:800; line-height:1.3; text-transform:uppercase; width:100%; height:100%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; z-index:10; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.vision-box .listbox .box:nth-child(2n) .txtbox { right:unset; left:30px; justify-content:flex-start; }
.vision-box .listbox .box:nth-child(2n) .txtbox .txt { text-align:left; }
.vision-box .listbox .box:nth-child(1) .imgbox .tit { padding:11% 0 0 52.1%; }
.vision-box .listbox .box:nth-child(2) .imgbox .tit { padding:11% 52.1% 0 0; text-align:right; }
.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding:11% 0 0 52.1%; letter-spacing:-0.04em; }
.vision-box .field-box { position:relative; }
.vision-box .field-box .tit-box { position:relative; padding:100px 0 150px; display:flex; flex-direction:column; }
.vision-box .field-box .tit-box .bg { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:flex-start; justify-content:center; }
.vision-box .field-box .tit-box .bg:before,
.vision-box .field-box .tit-box .bg:after { content:""; display:block; position:absolute; top:calc(50% - 50px); left:50%; transform:translate(-50%, -50%); border:1px dashed #000; border-radius:1200px; }
.vision-box .field-box .tit-box .bg:before { width:800px; height:800px; opacity:0.2; }
.vision-box .field-box .tit-box .bg:after { width:1200px; height:1200px; opacity:0.15; }
.vision-box .field-box .tit-box .tit { color:#000; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.vision-box .field-box .tit-box .tit-2 { text-align:right; font-weight:500; color:var(--mainColor); letter-spacing:0; }
.vision-box .field-box .list { display:flex; justify-content:center; gap:0 30px; align-items:flex-start; }
.vision-box .field-box .list .box { width:calc((100% - 60px) / 3); padding:20px; border-radius:10px; background:var(--main2Color); }
.vision-box .field-box .list .box .imgbox { position:relative; }
.vision-box .field-box .list .box .imgbox figure img { border-radius:10px; border:1px solid #fff; width:100% }
.vision-box .field-box .list .box .imgbox .txt { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:2.2rem; font-weight:500; line-height:1.3; text-align:center; }
.vision-box .field-box .list .box .imgbox .txt strong { display:block; font-weight:600; letter-spacing:-0.035em; margin-bottom:10px; }
.vision-box .field-box .list .box .arr { position:absolute; left:50%; bottom:-15px; transform:translate(-50%, 0); width:30px; height:30px; border-radius:5px; display:flex; align-items:center; justify-content:center; background:#fff; }
.vision-box .field-box .list .box .txtbox { text-align:center; padding:60px 0 40px; color:#fff; font-size:2.2rem; font-weight:400; line-height:1.63; letter-spacing:-0.035em; }
.vision-box .field-box .list .box:nth-child(2) { margin-top:60px; }
.vision-box .field-box .list .box:nth-child(2) { background:var(--mainColor); }
.vision-box .field-box .list .box:nth-child(3) { background:#02234b; }
@media screen and (max-width:1440px){
	.vision-box .listbox .box .imgbox:before { padding-bottom:35%; }
	.vision-box .listbox .box:nth-child(1) .imgbox .tit,
	.vision-box .listbox .box:nth-child(2) .imgbox .tit,
	.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding-top:12%; }
}
@media screen and (max-width:1280px){
	.vision-box .listbox .box .imgbox:before { padding-bottom:42%; }
	.vision-box .listbox .box:nth-child(1) .imgbox .tit { padding:14% 0 0 46%; }
	.vision-box .listbox .box:nth-child(2) .imgbox .tit { padding:14% 46% 0 0; }
	.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding:14% 0 0 46%; }
	.vision-box .listbox .box .txtbox { width:54%; }
	.vision-box .field-box .list { gap:0 20px; }
	.vision-box .field-box .list .box { width:calc((100% - 40px) / 3); padding:20px; }
	.vision-box .field-box .list .box .imgbox .txt { font-size:2.0rem; }
	.vision-box .field-box .list .box .txtbox { padding:50px 0 30px; font-size:2.0rem; }
	.vision-box .field-box .list .box:nth-child(2) { margin-top:50px; }
}
@media screen and (max-width:1024px){
	.vision-box .listbox .box:not(:last-child) { margin-bottom:10px; }
	.vision-box .listbox .box .imgbox:before { padding-bottom:42%; }
	.vision-box .listbox .box .imgbox { border-radius:8px; }
	.vision-box .listbox .box:nth-child(1) .imgbox .tit { padding:15% 0 0 46%; }
	.vision-box .listbox .box:nth-child(2) .imgbox .tit { padding:15% 45% 0 0; }
	.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding:15% 0 0 46%; }
	.vision-box .listbox .box .txtbox { right:20px; bottom:20px; border-radius:8px; padding:20px; }
	.vision-box .listbox .box:nth-child(2n) .txtbox { right:unset; left:20px; }
	.vision-box .field-box .tit-box { padding:40px 0 80px; }
	.vision-box .field-box .tit-box .bg img { width:200px; height:auto; }
	.vision-box .field-box .tit-box .bg:before { width:400px; height:400px; }
	.vision-box .field-box .tit-box .bg:after { width:700px; height:700px; }
	.vision-box .field-box .tit-box .bg:before,
	.vision-box .field-box .tit-box .bg:after { top:calc(50% - 20px); }
	.vision-box .field-box .list { gap:0 10px; }
	.vision-box .field-box .list .box { width:calc((100% - 20px) / 3); padding:10px; border-radius:8px; }
	.vision-box .field-box .list .box .imgbox .txt { font-size:1.8rem; }
	.vision-box .field-box .list .box .imgbox .txt strong { margin-bottom:8px; }
	.vision-box .field-box .list .box .imgbox figure img { border-radius:8px; }
	.vision-box .field-box .list .box .arr { bottom:-15px; width:24px; height:24px; border-radius:3px; } 
	.vision-box .field-box .list .box .arr img { width:12px; }
	.vision-box .field-box .list .box .txtbox { padding:40px 0 20px; font-size:1.8rem; }
	.vision-box .field-box .list .box:nth-child(2) { margin-top:40px; }
}
@media screen and (max-width:860px){
	.vision-box .listbox .box .imgbox:before { padding-bottom:42%; }
	.vision-box .listbox .box:nth-child(1) .imgbox .tit,
	.vision-box .listbox .box:nth-child(2) .imgbox .tit,
	.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding:15% 0 0 40px; text-align:left; }
	.vision-box .listbox .box .txtbox { width:calc(100% - 40px); justify-content:flex-start; }
	.vision-box .listbox .box .txtbox .txt { text-align:left; }
}
@media screen and (max-width:760px){
	.vision-box .listbox .box .imgbox:before { padding-bottom:44%; }
	.vision-box .listbox .box .txtbox { height:70%; }
	.vision-box .listbox .box:nth-child(1) .imgbox .tit,
	.vision-box .listbox .box:nth-child(2) .imgbox .tit,
	.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding-top:12%; }
	.vision-box .field-box .list { gap:5px; flex-wrap:wrap; }
	.vision-box .field-box .list .box { width:100%; } 
	.vision-box .field-box .list .box:nth-child(2) { margin-top:0; }
	.vision-box .field-box .list figure { position:relative; }
	.vision-box .field-box .list figure:before { content:""; display:block; padding-bottom:35%; }
	.vision-box .field-box .list figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
}
@media screen and (max-width:640px){
	.vision-box .listbox .box:not(:last-child) { margin-bottom:5px; }
	.vision-box .field-box .tit-box { padding:20px 0 40px; }
	.vision-box .field-box .tit-box .bg img { width:120px; }
	.vision-box .field-box .tit-box .bg:before { width:200px; height:200px; }
	.vision-box .field-box .tit-box .bg:after { width:400px; height:400px; }
	.vision-box .field-box .tit-box .bg:before,
	.vision-box .field-box .tit-box .bg:after { top:calc(50% - 10px); }
	.vision-box .field-box .list figure:before { padding-bottom:50%; }
}
@media screen and (max-width:540px){
	.vision-box .listbox .box .txtbox { padding:10px 20px; }
	.vision-box .listbox .box:nth-child(3) .imgbox:before { padding-bottom:60%; }
	.vision-box .listbox .box:nth-child(3) .txtbox { padding:10px 20px; }
	.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding-top:17%; }
}
@media screen and (max-width:440px){
	.vision-box .listbox .box .imgbox:before { padding-bottom:52%; }
	.vision-box .listbox .box:nth-child(1) .imgbox .tit,
	.vision-box .listbox .box:nth-child(2) .imgbox .tit { padding-top:13%; }
	.vision-box .listbox .box:nth-child(3) .imgbox:before { padding-bottom:74%; }
	.vision-box .listbox .box:nth-child(3) .txtbox { padding:10px 20px; }
	.vision-box .listbox .box:nth-child(3) .imgbox .tit { padding-top:20%; }
}

/* animation */
.vision-box .listbox .box .imgbox .tit { opacity:0; }
.vision-box .listbox .box.subOn .imgbox .tit { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.vision-box .listbox .box:nth-child(2n).subOn .imgbox .tit { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.vision-box .listbox .box .txtbox .txt { opacity:0; }
.vision-box .listbox .box.subOn  .txtbox .txt { animation:ani_1 1.2s 0.5s; animation-fill-mode:both; }
.vision-box .listbox .box:nth-child(2n).subOn  .txtbox .txt{ animation:ani_2 1.2s 0.5s; animation-fill-mode:both; }
.vision-box .field-box .tit-box .tit { opacity:0; }
.vision-box .field-box .tit-box.subOn .tit-1 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.vision-box .field-box .tit-box.subOn .tit-2 { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.vision-box .field-box .list .box { opacity:0; }
.vision-box .field-box .list .box.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.vision-box .listbox .box:nth-child(2n).subOn .imgbox .tit { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
	.vision-box .listbox .box.subOn  .txtbox .txt { animation:ani_1 1.2s 0.5s; animation-fill-mode:both; }
}


.workplace-box .global-box { position:relative; background-color:rgb(9, 79, 163);}
.workplace-box .global-box svg { width:100%; height:auto; }
.workplace-box .global-box .txt-1 { color:#fff; fill:#fff; font-size:1.8rem; font-weight:500; }
.workplace-box .global-box .txt-2 { color:#fff; fill:#fff; font-size:2.0rem; font-weight:600; }
.workplace-box .global-box .line { opacity:0; }
.workplace-box .global-box .line rect { width:0; transition:all 0.5s 0.3s; }
.workplace-box .global-box .over .line { opacity:1; }
.workplace-box .global-box.subOn .over .line rect { width:600px; }
.workplace-box .global-popup { left:unset; right:8%; } 
.workplace-box .global-popup.over_2 { top:68%; left:unset; right:42%; } 
.workplace-box .partners-box .listbox { margin-top:60px; }
.workplace-box .partners-box .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.workplace-box .partners-box .listbox ul li { width:calc((100% - 60px) / 4); height:120px; border-radius:10px; padding:10px; display:flex; align-items:center; justify-content:center; background:#f5f5f5; }
.workplace-box .partners-box .listbox ul li img { max-width:100%; max-height:100%; }
@media screen and (max-width:1720px){
	.workplace-box .global-popup { right:4%; } 
	.workplace-box .global-popup.over_2 { right:40%; } 
}
@media screen and (max-width:1520px){
	.workplace-box .global-popup { right:2%; } 
	.workplace-box .global-popup.over_2 { right:38%; } 
}
@media screen and (max-width:1280px){
	.workplace-box .global-popup.over_2 { top:73%; } 
	.workplace-box .partners-box .listbox { margin-top:50px; }
	.workplace-box .partners-box .listbox ul li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){
	.workplace-box .global-box .over .line rect { width:0; }
	.workplace-box .global-box .txt-2 { font-size:4.0rem; transform:translate(-60px, 0) !important; }
	.workplace-box .global-box .line { display:none }
	.workplace-box .partners-box .listbox { margin-top:40px; }
	.workplace-box .partners-box .listbox ul { gap:10px; }
	.workplace-box .partners-box .listbox ul li { width:calc((100% - 20px) / 3); border-radius:8px; height:100px; }
}
@media screen and (max-width:640px){
	.workplace-box .global-box .txt-2 { font-size:6.0rem; transform:translate(-105px, 0) !important; }
	.workplace-box .partners-box .listbox { margin-top:20px; }
	.workplace-box .partners-box .listbox ul { gap:5px; }
	.workplace-box .partners-box .listbox ul li { width:calc((100% - 5px) / 2); }
}

/* animation */
.workplace-box .partners-box .listbox ul li { opacity:0; }
.workplace-box .partners-box.subOn .listbox ul li { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }


.history-box { position:relative; }
.history-box .history-list { position:relative; }
.history-box .history-list .tabCont:not(:last-child) { margin-bottom:250px; }
.history-box .history-list .listbox { position:relative; display:flex; }
.history-box .history-list .listbox .imgbox { width:50%; position:sticky; top:100px; height:460px; }
.history-box .history-list .listbox .imgbox figure { position:relative; display:inline-block; }
.history-box .history-list .listbox .imgbox figure img { border-radius:10px; }
.history-box .history-list .listbox .list { width:50%; padding-left:100px; }
.history-box .history-list .listbox .stxt { color:#ccc; font-size:2.2rem; font-weight:700; line-height:1.3; transition:.5s; }
.history-box .history-list .listbox.effect .stxt { color:var(--mainColor); }
.history-box .history-list .listbox h4 { margin:20px 0 60px; color:#000; font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.history-box .history-list .listbox dl { position:relative; display:flex; }
.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:20px; }
.history-box .history-list .listbox dl dt { position:relative; width:80px; color:#333; font-size:2.2rem; font-weight:500; line-height:1.3; }
.history-box .history-list .listbox dl dd { width:calc(100% - 80px); }
.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:10px; }
.history-box .history-list .listbox dl dd li { color:#666; font-size:2.0rem; font-weight:400; line-height:1.3; }
.history-box .history-list .progressbar { position:absolute; top:0; left:50%; width:2px; height:100%; background-color:#ddd; }
.history-box .history-list .progress { position: absolute; left:0; top:0; width:2px; height:0; background:var(--mainColor); transition:.5s; }
.history-box .history-list .arr { position:absolute; left:-6px; top:-7px; width:14px; height:14px; background:var(--mainColor); border:2px solid #fff; border-radius:20px; display:block; transition:.5s; }
.history-box .history-list .arr:before { content:""; background:var(--mainColor); opacity:0.3; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:30px; height:30px; border-radius:30px; z-index:-1 }
@media screen and (max-width:1720px){
	.history-box .history-list .listbox .imgbox { height:400px; }
	.history-box .history-list .listbox .imgbox figure { width:85%; }
	.history-box .history-list .listbox .imgbox figure:after { content:""; display:block; padding-bottom:70%; }
	.history-box .history-list .listbox .imgbox figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
}
@media screen and (max-width:1440px){
	.history-box .history-list .tabCont:not(:last-child) { margin-bottom:200px; }
	.history-box .history-list .listbox .imgbox { height:350px; }
	.history-box .history-list .listbox .list { padding-left:80px; }
	.history-box .history-list .listbox .stxt { font-size:2.1rem; }
	.history-box .history-list .listbox h4 { margin:10px 0 40px; }
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list .listbox dl dt { width:70px; font-size:2.1rem; }
	.history-box .history-list .listbox dl dd { width:calc(100% - 70px); }
	.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:8px; }
	.history-box .history-list .listbox dl dd li { font-size:1.9rem; }
}
@media screen and (max-width:1280px){
	.history-box .history-list .tabCont:not(:last-child) { margin-bottom:150px; }
	.history-box .history-list .listbox .imgbox { height:300px; }
	.history-box .history-list .listbox .list { padding-left:60px; }
	.history-box .history-list .listbox .stxt { font-size:2.0rem; }
	.history-box .history-list .listbox h4 { margin:5px 0 30px; }
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list .listbox dl dt { font-size:2.0rem; }
	.history-box .history-list .listbox dl dd li { font-size:1.8rem; }
}
@media screen and (max-width:1024px){
	.history-box .history-list .tabCont:not(:last-child) { margin-bottom:100px; }
	.history-box .history-list .listbox .imgbox { height:250px; }
	.history-box .history-list .listbox .list { padding-left:50px; }
	.history-box .history-list .listbox .stxt { font-size:1.8rem; }
	.history-box .history-list .listbox h4 { margin:5px 0 20px; }
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:12px; }
	.history-box .history-list .listbox dl dt { font-size:1.8rem; }
	.history-box .history-list .listbox dl dd li { font-size:1.7rem; }
	.history-box .history-list .progressbar,
	.history-box .history-list .progress { width:1px; }
	.history-box .history-list .arr { left:-5px; top:-6px; width:11px; height:11px; border-width:1px; }
	.history-box .history-list .arr:before { width:25px; height:25px; }
}
@media screen and (max-width:760px){
	.history-box .history-list .listbox .imgbox { height:200px; width:38%; }
	.history-box .history-list .listbox .list { width:calc(100% - 38%); }
	.history-box .history-list .progressbar { left:39%; }
}
@media screen and (max-width:640px){
	.history-box .history-list .tabCont:not(:last-child) { margin-bottom:50px; }
	.history-box .history-list .listbox { flex-wrap:wrap; overflow:hidden; }
	.history-box .history-list .listbox .imgbox { position:relative; top:0; height:auto; width:100%; padding-left:50px; }
	.history-box .history-list .listbox .imgbox figure { width:100%; }
	.history-box .history-list .listbox .imgbox figure:after { padding-bottom:60%; }
	.history-box .history-list .listbox .list { width:100%; margin-top:20px; }
	.history-box .history-list .progressbar { left:20px; }
}

/* animation */
.history-box .history-list .listbox .list { opacity:0; }
.history-box .history-list .listbox.subOn .list { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.history-box .history-list .listbox .imgbox figure:before { content:""; background:rgba(255, 255, 255, 0.5); position:absolute; bottom:0; right:0; width:100%; height:100%; }
.history-box .history-list .listbox.subOn .imgbox figure:before { animation:ani_w100 1.2s 0.1s; animation-fill-mode:both; }


.ci-box .top { position:relative; padding:105px 0 205px; display:flex; flex-direction:column; }
.ci-box .top .tit { color:#000; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.ci-box .top .tit span { color:var(--mainColor); }
.ci-box .top .tit-1 { font-weight:500; letter-spacing:0; }
.ci-box .top .tit-2 { text-align:right; }
.ci-box .top .bg { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:flex-start; justify-content:center; }
.ci-box .list-1 { display:flex; justify-content:center; gap:0 30px; align-items:flex-start; }
.ci-box .list-1 .box { width:calc((100% - 60px) / 3); padding:20px; border-radius:10px; }
.ci-box .list-1 .box h5 { margin-bottom:20px; color:#fff; font-size:2.0rem; font-weight:500; line-height:1.3; }
.ci-box .list-1 .box .imgbox { position:relative; width:100%; height:200px; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.ci-box .list-1 .box .txtbox { padding:20px 0 0; color:#fff; font-size:2.0rem; font-weight:400; line-height:1.7; letter-spacing:-0.035em; }
.ci-box .list-1 .box:nth-child(1) { background:var(--main2Color); }
.ci-box .list-1 .box:nth-child(2) { margin-top:60px; background:var(--mainColor); }
.ci-box .list-1 .box:nth-child(3) { background:#02234b; }
.ci-box .list-1 .box:nth-child(1) .imgbox { background:#fff; }
.ci-box .list-1 .box:nth-child(2) .imgbox,
.ci-box .list-1 .box:nth-child(3) .imgbox { border:1px solid rgba(255, 255, 255, 0.10); }
.ci-box .list-2 { display:flex; gap:20px; flex-wrap:wrap; margin-top:60px; }
.ci-box .list-2 .box { width:calc((100% - 60px) / 4); padding:20px; border-radius:10px; border:1px solid #ddd; }
.ci-box .list-2 .box .imgbox img { width:100%; }
.ci-box .list-2 .box .txtbox { margin-top:20px; text-align:center; color:#222; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.ci-box .btn { margin-top:30px; display:flex; justify-content:flex-end; }
@media screen and (max-width:1440px){
	.ci-box .top { padding:80px 0 160px; }
	.ci-box .top .bg img { height:400px; }
	.ci-box .list-2 { margin-top:50px; }
}
@media screen and (max-width:1280px){
	.ci-box .top .bg img { height:360px; }
	.ci-box .list-1 { gap:0 20px; }
	.ci-box .list-1 .box { width:calc((100% - 40px) / 3); padding:20px; }
	.ci-box .list-1 .box:nth-child(2) { margin-top:50px; }
	.ci-box .list-2 { margin-top:40px; }
}
@media screen and (max-width:1024px){
	.ci-box .top { padding:50px 0 80px; }
	.ci-box .top .bg img { height:250px; }
	.ci-box .list-1 { gap:0 10px; }
	.ci-box .list-1 .box { width:calc((100% - 20px) / 3); padding:10px; border-radius:8px; }
	.ci-box .list-1 .box:nth-child(2) { margin-top:40px; }
	.ci-box .list-1 .box h5,
	.ci-box .list-1 .box .txtbox { font-size:1.8rem; }
	.ci-box .list-1 .box h5 { margin-bottom:10px; }
	.ci-box .list-1 .box .txtbox { padding:10px 0 0; }
	.ci-box .list-1 .box .imgbox { height:150px; border-radius:8px; }
	.ci-box .list-2 { margin-top:30px; gap:10px; }
	.ci-box .list-2 .box { width:calc((100% - 30px) / 4); padding:10px; border-radius:8px; }
	.ci-box .list-2 .box .txtbox { margin-top:10px; font-size:1.8rem; }
	.ci-box .btn { margin-top:20px; }
}
@media screen and (max-width:760px){
	.ci-box .list-1 { gap:5px; flex-wrap:wrap; }
	.ci-box .list-1 .box { width:100%; } 
	.ci-box .list-1 .box:nth-child(2) { margin-top:0; }
	.ci-box .list-2 .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.ci-box .top { padding:40px 0 60px; }
	.ci-box .top .bg img { height:160px; }
	.ci-box .list-2 { margin-top:20px; gap:5px; }
	.ci-box .list-2 .box { width:calc((100% - 5px) / 2); }
}

/* animation */
.ci-box .list-1 .box { opacity:0; }
.ci-box .list-1 .box.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.ci-box .list-2 .box { opacity:0; }
.ci-box .list-2 .box.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.ci-box .top .tit { opacity:0; }
.ci-box .top.subOn .tit-1 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.ci-box .top.subOn .tit-2 { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }


.location-box .subTab { margin-bottom:60px; border-bottom:1px solid #ddd; background:#fff; position:relative; }
.location-box .subTab ul { display:flex; padding:0; background:#fff; max-width:1500px; margin:0 auto; }
.location-box .subTab li { width:calc(100% / 4); }
.location-box .subTab li a { color:#999; font-size:1.8rem; font-weight:500; }
.location-box .subTab li a:before { content:""; display:block; width:0; height:2px; background-color:#000; position:absolute; left:0; bottom:-1px; transition:all 0.3s; z-index:2; }
.location-box .subTab li.on a { color:#111; }
.location-box .subTab li.on a:before { width:100%; }
.location-box .esg-list .esg-top,
.location-box .tabCont:not(:last-child) { margin-bottom:250px; }
@media screen and (max-width:1540px){
	.location-box .esg-list { overflow:hidden; }
	.location-box .subTab ul { padding:0 20px; }
}
@media screen and (max-width:1440px){
	.location-box .esg-list .esg-top,
	.location-box .tabCont:not(:last-child) { margin-bottom:200px; }
}
@media screen and (max-width:1280px){
	.location-box .subTab li a { font-size:1.8rem; }
	.location-box .esg-list .esg-top,
	.location-box .tabCont:not(:last-child) { margin-bottom:150px; }
}
@media screen and (max-width:1024px){
	.location-box .subTab { margin-bottom:30px; top:0 !important; }
	.location-box .subTab li a { font-size:1.7rem; }
	.location-box .esg-list .esg-top,
	.location-box .tabCont:not(:last-child) { margin-bottom:100px; }
}
@media screen and (max-width:640px){
	.location-box .subTab { margin-bottom:15px; }
	.location-box .esg-list .esg-top,
	.location-box .tabCont:not(:last-child) { margin-bottom:50px; }
}
/* animation */
.location-box .subTab ul { opacity:1; }
.location-box .subTab.subOn ul { animation:none; }


.location-box .pageCont { margin:0; }
.location-box .mapCont { position:relative; }
.location-box .mapCont .map-box { position:relative; height:600px; overflow:hidden; border-radius:10px; }
.location-box .mapCont .map-box .google-map { position:relative; overflow:hidden;  }
.location-box .mapCont .map-box .google-map:after { content:''; display:block; padding-bottom:600px; }
.location-box .mapCont .map-box iframe { position:absolute; top:0; left:0; top:-170px; width:100%; height:calc(100% + 340px); }
.location-box .mapCont .tabmenu { position:absolute; top:20px; left:20px; z-index:5; }
.location-box .mapCont .tabmenu li:not(:last-child) { margin-bottom:10px; }
.location-box .mapCont .tabmenu li a { color:#666; font-size:1.6rem; font-weight:400; line-height:1.3; letter-spacing:-0.035em; padding:0 10px; height:31px; border-radius:5px; background:#fff; display:inline-flex; align-items:center; justify-content:center; transition:all 0.3s; }
.location-box .mapCont .tabmenu li.on a { color:#fff; background:#000; }
.location-box .mapCont .info-box { margin-top:30px; display:flex; gap:15px; }
.location-box .mapCont .info-box .tit-box { width:calc((100% - 15px) / 3); padding:40px; }
.location-box .mapCont .info-box .tit-box .stxt { color:var(--mainColor); font-size:2.2rem; font-weight:500; line-height:1.3; }
.location-box .mapCont .info-box .listbox { display:flex; gap:15px; width:calc(100% - ((100% - 15px) / 3)); }
.location-box .mapCont .info-box .listbox .box { width:100%; border-radius:10px; border:1px solid #ddd; background:#fff; }
.location-box .mapCont .info-box .listbox.m2 .box { width:calc((100% - 15px) / 2); }
.location-box .mapCont .info-box .listbox .box h4 { margin:-1px 0 0 -1px; width:calc(100% + 2px); color:#fff; font-size:2.0rem; font-weight:500; line-height:1.3; height:60px; border-radius:10px; text-align:center; background:var(--mainColor); display:flex; align-items:center; justify-content:center; }
.location-box .mapCont .info-box .listbox .box .list { padding:40px; }
.location-box .mapCont .info-box .listbox .box .list.list-1 { display:flex; flex-wrap:wrap; gap:10px 60px; }
.location-box .mapCont .info-box .listbox .box .list dl:not(:last-child) { margin-bottom:30px; }
.location-box .mapCont .info-box .listbox .box .list dt { display:flex; align-items:center; gap:15px; color:#222; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.location-box .mapCont .info-box .listbox .box .list dt .icon { color:#fff; font-size:1.6rem; font-weight:600; flex-shrink:0; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:#000; border-radius:5px; }
.location-box .mapCont .info-box .listbox .box .list dd { margin-top:20px; color:#666; font-size:2.0rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.location-box .mapCont .info-box .listbox .box:nth-child(2) h4 { border:1px solid #000; background:#fff; color:#222; }
@media screen and (max-width:1440px){
	.location-box .mapCont .map-box { height:500px; }
}
@media screen and (max-width:1280px){
	.location-box .mapCont .map-box { height:400px; }
	.location-box .mapCont .info-box { margin-top:20px; gap:10px; }
	.location-box .mapCont .info-box .tit-box { width:calc((100% - 10px) / 3); padding:30px; }
	.location-box .mapCont .info-box .listbox { gap:10px; width:calc(100% - ((100% - 10px) / 3)); }
	.location-box .mapCont .info-box .listbox.m2 .box { width:calc((100% - 10px) / 2); }
	.location-box .mapCont .info-box .listbox .box .list { padding:30px; }
	.location-box .mapCont .info-box .listbox .box h4,
	.location-box .mapCont .info-box .listbox .box .list dt,
	.location-box .mapCont .info-box .listbox .box .list dd { font-size:1.9rem; }
	.location-box .mapCont .info-box .listbox .box h4 { height:50px; }
	.location-box .mapCont .info-box .listbox .box .list dl:not(:last-child) { margin-bottom:25px; }
	.location-box .mapCont .info-box .listbox .box .list dt { gap:10px; }
}
@media screen and (max-width:1024px){
	.location-box .mapCont .map-box { border-radius:8px; }
	.location-box .mapCont .tabmenu { top:10px; left:10px; }
	.location-box .mapCont .tabmenu li:not(:last-child) { margin-bottom:8px; }
	.location-box .mapCont .info-box .tit-box { padding:0; border-radius:8px; }
	.location-box .mapCont .info-box .listbox .box { border-radius:8px; }
	.location-box .mapCont .info-box .listbox .box .list { padding:20px; }
	.location-box .mapCont .info-box .listbox .box .list.list-1 { gap:10px 40px; }
	.location-box .mapCont .info-box .listbox .box .list dt .icon { width:24px; height:24px; border-radius:3px; }
	.location-box .mapCont .info-box .listbox .box .list dt .icon img { width:12px; }
	.location-box .mapCont .info-box .listbox .box h4,
	.location-box .mapCont .info-box .listbox .box .list dt,
	.location-box .mapCont .info-box .listbox .box .list dd { font-size:1.8rem; }
	.location-box .mapCont .info-box .listbox .box h4 { height:45px; border-radius:8px; }
	.location-box .mapCont .info-box .listbox .box .list dl:not(:last-child) { margin-bottom:20px; }
	.location-box .mapCont .info-box .listbox .box .list dd { margin-top:10px; }
	.location-box .mapCont .info-box .listbox .box .list dd br { display:none }
}
@media screen and (max-width:960px){
	.location-box .mapCont .info-box { flex-wrap:wrap; }
	.location-box .mapCont .info-box .tit-box,
	.location-box .mapCont .info-box .listbox { width:100%; }
	.location-box .mapCont .info-box .listbox { gap:5px; }
	.location-box .mapCont .info-box .listbox.m2 .box { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:640px){
	.location-box .mapCont .info-box .listbox { flex-wrap:wrap; }
	.location-box .mapCont .info-box .listbox.m2 .box { width:100%; }
	.location-box .mapCont .info-box .listbox .box .list.list-1 { gap:5px 40px; }
}

/* animation */
.location-box .mapCont .info-box .listbox { opacity:0; }
.location-box .mapCont .info-box .listbox.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }


.business-box .main-box .subTab { margin:0; }
.business-box .main-box .subTab li { width:calc(100% / 4); }
.business-box .main-box .listbox .tabCont:not(:last-child) { margin-bottom:200px; }
.business-box .main-box .listbox .tit h4 { display:flex; align-items:center; gap:10px 101px; }
.business-box .main-box .listbox .tit h4 span { color:#333; font-size:2.0rem; font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.business-box .main-box .listbox .tit h4 strong { position:relative; color:#000; font-weight:500; line-height:1.3; }
.business-box .main-box .listbox .tit h4 strong:before { content:""; display:block; width:1px; height:20px; background-color:#ddd; position:absolute; left:-50px; top:50%; transform:translate(0, -50%); }
.business-box .main-box .listbox .imgbox { margin-top:30px; position:relative; }
.business-box .main-box .listbox .imgbox figure { position:relative; overflow:hidden; border-radius:10px;  }
.business-box .main-box .listbox .imgbox figure img { width:100%;  transition:all 0.4s ease-in-out; transform:scale(1); }
.business-box .main-box .listbox .imgbox a:hover figure img { transform:scale(1.05); }
.business-box .main-box .listbox .imgbox .btn { position:absolute; right:30px; bottom:30px; }
.business-box .main-box .listbox a:hover .btnArr-txt .atxt { color:#fff; }
.business-box .main-box .listbox a:hover .btnArr-txt:before { width:calc(100% + 2px); }
@media screen and (max-width:1280px){
	.business-box .main-box .subTab { margin-bottom:140px; }
	.business-box .main-box .listbox .tabCont:not(:last-child) { margin-bottom:130px; }
	.business-box .main-box .listbox .tit h4 { gap:5px 61px; }
	.business-box .main-box .listbox .tit h4 span { font-size:1.9rem; }
	.business-box .main-box .listbox .tit h4 strong:before { height:18px; left:-30px; }
}
@media screen and (max-width:1024px){
	.business-box .main-box .subTab { margin-bottom:80px; }
	.business-box .main-box .listbox .tabCont:not(:last-child) { margin-bottom:100px; }
	.business-box .main-box .listbox .tit h4 { gap:5px 41px; }
	.business-box .main-box .listbox .tit h4 span { font-size:1.8rem; }
	.business-box .main-box .listbox .tit h4 strong:before { height:15px; left:-20px; }
	.business-box .main-box .listbox .imgbox { margin-top:20px; }
	.business-box .main-box .listbox .imgbox figure { border-radius:8px; }
	.business-box .main-box .listbox .imgbox figure:after { content:""; display:block; padding-bottom:50%; }
	.business-box .main-box .listbox .imgbox figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
	.business-box .main-box .listbox .imgbox .btn { right:20px; bottom:20px; }
}
@media screen and (max-width:640px){
	.business-box .main-box .subTab { margin-bottom:40px; }
	.business-box .main-box .listbox .tabCont:not(:last-child) { margin-bottom:40px; }
	.business-box .main-box .listbox .tit h4 { gap:5px 31px; }
	.business-box .main-box .listbox .tit h4 strong:before { height:12px; left:-15px; }
	.business-box .main-box .listbox .imgbox { margin-top:10px; }
	.business-box .main-box .listbox .imgbox figure:after { padding-bottom:60%; }
	.business-box .main-box .listbox .imgbox .btn { right:10px; bottom:10px; }
}

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

.high-tech .tech-box1 .list-1 { margin-top:60px; }
.high-tech .tech-box1 .list-1 .imgbox { margin-top:40px; display:flex; gap:0 4%; align-items:center; justify-content:space-between; }
.high-tech .tech-box1 .list-1 .imgbox .l-box { order:1; }
.high-tech .tech-box1 .list-1 .imgbox > figure { order:2; }
.high-tech .tech-box1 .list-1 .imgbox > figure > img { max-width:100%; }
.high-tech .tech-box1 .list-1 .imgbox .r-box { order:3; }
.high-tech .tech-box1 .list-1 .imgbox .box li:not(:last-child) { margin-bottom:20px; }
.high-tech .tech-box1 .list-1 .imgbox .box li { width:300px; height:200px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:20px; border-radius:10px; border:1px solid #ddd; background:#fff; }
.high-tech .tech-box1 .list-1 .imgbox .box li span { margin-top:10px; display:block; color:#333; font-size:2.0rem; font-weight:400; line-height:1.3; }
.high-tech .tech-box1 .list-1 .imgbox .box li img { max-width:100%; }
.high-tech .tech-box1 .list-2 .listbox { margin-top:40px; display:flex; gap:15px; flex-wrap:wrap; }
.high-tech .tech-box1 .list-2 .listbox .box { width:calc((100% - 30px) / 3); text-align:center; padding:20px; border-radius:10px; border:1px solid #ddd; background:#fff; }
.high-tech .tech-box1 .list-2 .listbox .box img { max-width:100%; }
.high-tech .tech-box2 .list-1 .txt-num { margin-top:60px; }
.high-tech .tech-box2 .list-1 .box { margin-top:40px; padding:20px; border-radius:10px; border:1px solid #ddd; background:#fff; text-align:center; }
.high-tech .tech-box2 .list-1 .box figure { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:30px; border-radius:10px; background:#f5f5f5; padding:30px; }
.high-tech .tech-box2 .list-1.list-2 .box figure { gap:30px 100px; }
.high-tech .tech-box2 .list-1 .box figure img { mix-blend-mode:multiply; max-width:100%; }
@media screen and (max-width:1280px){
	.high-tech .tech-box1 .list-1 .imgbox .box li { width:250px; height:150px; }
	.high-tech .tech-box1 .list-1,
	.high-tech .tech-box2 .list-1 .txt-num { margin-top:40px; }
	.high-tech .tech-box1 .list-1 .imgbox .box li span { font-size:1.9rem; }
	.high-tech .tech-box1 .list-1 .imgbox .box li:not(:last-child) { margin-bottom:15px; }
}
@media screen and (max-width:1024px){
	.high-tech .tech-box1 .list-1 .imgbox .box li { width:200px; height:120px; padding:10px; border-radius:8px; }
	.high-tech .tech-box1 .list-1,
	.high-tech .tech-box2 .list-1 .txt-num { margin-top:30px; }
	.high-tech .tech-box1 .list-1 .imgbox .box li span { font-size:1.8rem; }
	.high-tech .tech-box1 .list-1 .imgbox .box li:not(:last-child) { margin-bottom:10px; }
	.high-tech .tech-box1 .list-2 .listbox { margin-top:20px; gap:10px; }
	.high-tech .tech-box1 .list-2 .listbox .box { width:calc((100% - 20px) / 3); padding:10px; border-radius:8px; }
	.high-tech .tech-box2 .list-1 .box { margin-top:20px; padding:10px; border-radius:8px; }
}
@media screen and (max-width:960px){
	.high-tech .tech-box1 .list-1 .imgbox { flex-direction:column; }
	.high-tech .tech-box1 .list-1 .imgbox .box ul { display:flex; gap:10px; max-width:640px; margin:0 auto; }
	.high-tech .tech-box1 .list-1 .imgbox .box li:not(:last-child) { margin-bottom:0; }
	.high-tech .tech-box1 .list-1 .imgbox .box li { width:calc((100% - 20px) / 3); }
	.high-tech .tech-box1 .list-1 .imgbox { gap:20px; }
	.high-tech .tech-box1 .list-1 .imgbox > figure { padding:0 10%; }
	.high-tech .tech-box1 .list-2 .listbox .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.high-tech .tech-box1 .list-1,
	.high-tech .tech-box2 .list-1 .txt-num { margin-top:15px; }
	.high-tech .tech-box1 .list-1 .imgbox .box ul { gap:5px; }
	.high-tech .tech-box1 .list-1 .imgbox .box li { width:calc((100% - 10px) / 3); height:110px; padding:10px 5px; }
	.high-tech .tech-box1 .list-2 .listbox { gap:5px; }
	.high-tech .tech-box1 .list-2 .listbox .box { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:480px){
	.high-tech .tech-box1 .list-2 .listbox .box { width:100%; }
}

/* animation */
.high-tech .list-1,
.high-tech .list-2 { opacity:0; }
.high-tech .list-1.subOn,
.high-tech .list-2.subOn  { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.defense img { max-width:100%; }
.defense .slist { margin-top:15px; }
.defense .txt-list1 { margin-top:30px; }
.defense .defense-box1 .imgbox { margin-top:60px; }
.defense .defense-box1 .img-list { border-radius:10px; border:1px solid #ddd; padding:60px; }
.defense .defense-box1 .img-list h5 { color:#222; font-size:2.2rem; font-weight:500; line-height:1.3; text-align:center; }
.defense .defense-box1 .img-list .list { margin-top:30px; display:flex; gap:10px; flex-wrap:wrap; }
.defense .defense-box1 .img-list .list figure { width:calc((100% - 40px) / 5); }
.defense .defense-box1 .img-list .list figure img { border-radius:10px; }
.defense .defense-box2 .imgbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:60px; }
.defense .defense-box2 .imgbox .box { width:calc((100% - 60px) / 2); display:flex; flex-wrap:wrap; gap:15px; text-align:center; }
.defense .defense-box2 .imgbox .box.big { align-items:center; justify-content:center; border-radius:10px; border:1px solid #ddd; padding:20px; }
.defense .defense-box2 .imgbox .sbox { width:calc((100% - 30px) / 3); padding:30px 10px 10px; border-radius:10px; background:#f5f5f5; }
.defense .defense-box2 .imgbox .sbox strong { display:block; margin-bottom:20px; color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.defense .defense-box2 .imgbox .sbox img { border-radius:10px; }
.defense .defense-box2 .imgbox .sbox.line { display:flex; align-items:center; justify-content:center; padding:10px; background:#ffff; border:1px solid #ddd; font-family:var(--subFont); color:#333; font-size:2.4rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.defense .defense-box3 .imgbox { margin-top:60px; padding:50px; border-radius:20px; border:1px solid #ddd; }
.defense .defense-box3 .imgbox .top { display:flex; gap:10px; }
.defense .defense-box3 .imgbox .box { position:relative; border-radius:10px; overflow:hidden }
.defense .defense-box3 .imgbox .top .box.line { border:1px solid #000; }
.defense .defense-box3 .imgbox .top .box span { position:absolute; left:10px; top:10px; color:#fff; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; height:45px; padding:0 15px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:#000; }
.defense .defense-box3 .imgbox .bottom { display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; }
.defense .defense-box3 .imgbox .bottom .box { width:calc((100% - 60px) / 4); padding:10px 10px 30px; border-radius:10px; background:#f5f5f5; text-align:center; }
.defense .defense-box3 .imgbox .bottom .box dt { margin-top:10px; color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; }
.defense .defense-box3 .imgbox .bottom .box dd { margin-top:10px; color:#666; font-size:1.8rem; font-weight:300; line-height:1.3; letter-spacing:-0.030em; }
.defense .defense-box3 .b-img { display:flex; flex-wrap:wrap; gap:30px; margin-top:30px; }
.defense .defense-box3 .b-img .box { width:calc((100% - 30px) / 2); border-radius:10px; overflow:hidden }
.defense .defense-box4 .list-1 .txt-num { margin-top:60px; }
.defense .defense-box4 .list-1 .imgbox { margin-top:40px; border-radius:10px; border:1px solid #ddd; padding:30px 20px 30px; text-align:center; }
.defense .defense-box4 .list-1 .imgbox .box { position:relative; }
.defense .defense-box4 .list-1 .imgbox .box span { position:absolute; color:#fff; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; height:45px; padding:0 15px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:#000; }
.defense .defense-box4 .list-1 .imgbox .box .p1 { bottom:10px; right:calc(50% + 20px); }
.defense .defense-box4 .list-1 .imgbox .box .p2 { bottom:10px; right:20px; }
.defense .defense-box4 .list-2 .imgbox .box span { top:calc(50% - 30px); left:2.8%; transform:translateY(-50%); }
.defense .defense-box5 .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:15px; }
.defense .defense-box5 .listbox .box { width:calc((100% - 30px) / 3); border-radius:10px; text-align:center; background:#f5f5f5; }
.defense .defense-box5 .listbox .box a { position:relative; display:block; width:100%; height:100%; padding:30px 30px 50px; }
.defense .defense-box5 .listbox .box img { mix-blend-mode:multiply; }
.defense .defense-box5 .listbox .box strong { margin-top:22px; display:block; color:#222; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.defense .defense-box5 .listbox .box .btnArr { position:absolute; right:20px; bottom:20px; }
@media screen and (max-width:1540px){
	.defense .defense-box4 .list-2 .imgbox .box span { top:calc(50% - 20px); left:10px; }
}
@media screen and (max-width:1440px){
	.defense .defense-box2 .imgbox { gap:40px; }
	.defense .defense-box2 .imgbox .box { width:calc((100% - 40px) / 2); }
}
@media screen and (max-width:1280px){
	.defense .defense-box1 .img-list,
	.defense .defense-box1 .imgbox,
	.defense .defense-box2 .imgbox,
	.defense .defense-box3 .imgbox,
	.defense .defense-box4 .list-1 .txt-num,
	.defense .defense-box5 .listbox { margin-top:40px; }
	.defense .defense-box1 .img-list { padding:40px; }
	.defense .defense-box1 .img-list h5 { font-size:2.0rem; }
	.defense .defense-box1 .img-list .list { margin-top:20px; }
	.defense .defense-box1 .img-list .list figure { width:calc((100% - 30px) / 4); }
	.defense .defense-box1 .img-list .list figure img { border-radius:10px; }
	.defense .defense-box2 .imgbox { gap:30px; }
	.defense .defense-box2 .imgbox .box { width:calc((100% - 30px) / 2); gap:10px; }
	.defense .defense-box2 .imgbox .sbox { padding:20px 10px 10px; width:calc((100% - 10px) / 2); }
	.defense .defense-box2 .imgbox .sbox strong { margin-bottom:15px; font-size:1.8rem; }
	.defense .defense-box2 .imgbox .sbox.line { font-size:2.2rem; }
	.defense .defense-box3 .imgbox .top .box span,
	.defense .defense-box4 .list-1 .imgbox .box span { font-size:1.8rem; height:43px; padding:0 12px; }
	.defense .defense-box3 .imgbox { padding:40px; }
	.defense .defense-box3 .imgbox .bottom .box dt { font-size:1.8rem; }
	.defense .defense-box3 .imgbox .bottom .box dd { font-size:1.7rem; }
	.defense .defense-box3 .b-img { gap:20px; margin-top:25px; }
	.defense .defense-box3 .b-img .box { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:1024px){
	.defense .slist { margin-top:10px; }
	.defense .txt-list1 { margin-top:20px; }
	.defense .defense-box1 .img-list,
	.defense .defense-box1 .imgbox,
	.defense .defense-box2 .imgbox,
	.defense .defense-box3 .imgbox,
	.defense .defense-box4 .list-1 .txt-num,
	.defense .defense-box5 .listbox { margin-top:30px; }
	.defense .defense-box1 .img-list { border-radius:5px; padding:30px; }
	.defense .defense-box1 .img-list h5 { font-size:1.9rem; }
	.defense .defense-box1 .img-list .list { margin-top:15px; gap:10px; }
	.defense .defense-box1 .img-list .list figure { width:calc((100% - 20px) / 3); }
	.defense .defense-box1 .img-list .list figure img { border-radius:5px; }
	.defense .defense-box2 .imgbox { gap:20px; }
	.defense .defense-box2 .imgbox .box { width:calc((100% - 20px) / 2); }
	.defense .defense-box2 .imgbox .sbox strong { margin-bottom:10px; font-size:1.7rem; }
	.defense .defense-box2 .imgbox .sbox.line { font-size:2.0rem; }
	.defense .defense-box3 .imgbox .top .box span,
	.defense .defense-box4 .list-1 .imgbox .box span { font-size:1.7rem; height:40px; padding:0 10px; }
	.defense .defense-box3 .imgbox { padding:30px; }
	.defense .defense-box3 .imgbox .bottom { gap:10px; margin-top:10px; }
	.defense .defense-box3 .imgbox .bottom .box { width:calc((100% - 30px) / 4); }
	.defense .defense-box3 .imgbox .bottom .box dt { font-size:1.7rem; }
	.defense .defense-box3 .imgbox .bottom .box dd { font-size:1.6rem; }
	.defense .defense-box3 .b-img { gap:10px; margin-top:20px; }
	.defense .defense-box3 .b-img .box { width:calc((100% - 10px) / 2); }
	.defense .defense-box4 .list-1 .imgbox { margin-top:20px; padding:20px; }
	.defense .defense-box5 .listbox { gap:10px; }
	.defense .defense-box5 .listbox .box { width:calc((100% - 20px) / 3); }
	.defense .defense-box5 .listbox .box a { padding:20px 20px 40px; }
	.defense .defense-box5 .listbox .box .btnArr { right:10px; bottom:10px; }
	.defense .defense-box2 .imgbox .box.big,
	.defense .defense-box2 .imgbox .sbox,
	.defense .defense-box2 .imgbox .sbox img,
	.defense .defense-box3 .imgbox .box,
	.defense .defense-box3 .imgbox .bottom .box,
	.defense .defense-box4 .list-1 .imgbox { border-radius:8px; }
	.defense .defense-box3 .imgbox { padding:20px; border-radius:10px; }
}
@media screen and (max-width:760px){
	.defense .defense-box2 .imgbox { gap:10px; }
	.defense .defense-box2 .imgbox .box { width:100%; }
	.defense .defense-box2 .imgbox .sbox { padding:15px 10px 10px; }
	.defense .defense-box3 .imgbox .top { flex-wrap:wrap; }
	.defense .defense-box3 .imgbox .bottom .box { width:calc((100% - 10px) / 2); }
	.defense .defense-box5 .listbox .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.defense .slist { margin-top:5px; }
	.defense .txt-list1 { margin-top:10px; }
	.defense .defense-box1 .img-list,
	.defense .defense-box1 .imgbox,
	.defense .defense-box2 .imgbox,
	.defense .defense-box3 .imgbox,
	.defense .defense-box4 .list-1 .txt-num,
	.defense .defense-box5 .listbox { margin-top:15px; }
	.defense .defense-box1 .img-list { padding:15px; }
	.defense .defense-box1 .img-list h5 { font-size:1.8rem; }
	.defense .defense-box1 .img-list .list { margin-top:10px; gap:5px; }
	.defense .defense-box1 .img-list .list figure { width:calc((100% - 5px) / 2); }
	.defense .defense-box2 .imgbox,
	.defense .defense-box2 .imgbox .box { gap:5px; }
	.defense .defense-box2 .imgbox .sbox { width:calc((100% - 5px) / 2); }
	.defense .defense-box2 .imgbox .box { width:100%; }
	.defense .defense-box2 .imgbox .sbox { padding:10px; }
	.defense .defense-box3 .imgbox { padding:10px; }
	.defense .defense-box3 .imgbox .top,
	.defense .defense-box3 .imgbox .bottom { gap:5px; }
	.defense .defense-box3 .imgbox .bottom { margin-top:5px; }
	.defense .defense-box3 .imgbox .bottom .box { width:calc((100% - 5px) / 2); }
	.defense .defense-box3 .b-img { gap:5px; margin-top:10px; }
	.defense .defense-box3 .b-img .box { width:calc((100% - 5px) / 2); }
	.defense .defense-box4 .list-1 .imgbox { padding:10px; }
	.defense .defense-box5 .listbox { gap:5px; }
	.defense .defense-box5 .listbox .box { width:calc((100% - 5px) / 2); }
}

/* animation */
.defense .txt-list1 { opacity:0; }
.defense .txt-list1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.defense .defense-box1 .imgbox,
.defense .defense-box2 .imgbox,
.defense .defense-box3 .imgbox,
.defense .defense-box3 .b-img,
.defense .defense-box1 .img-list,
.defense .defense-box4 .list-1 { opacity:0; }
.defense .defense-box1 .img-list.subOn,
.defense .defense-box1 .imgbox.subOn,
.defense .defense-box2 .imgbox.subOn,
.defense .defense-box3 .imgbox.subOn,
.defense .defense-box3 .b-img.subOn,
.defense .defense-box4 .list-1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.defense .defense-box5 .listbox .box { opacity:0; }
.defense .defense-box5 .listbox.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }



.product-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.product-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.product-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.product-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; max-width:1300px; width:100%; padding:100px 70px 100px 100px; background-color:#fff; border:none; border-radius:10px; border:1px solid #000; box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.10); }
.product-pop .pop-body .sCont { display:flex; flex-wrap:wrap; }
.product-pop .pop-body .info-box .left-img { position:relative; width:440px; position:sticky; top:0; height:440px; }
.product-pop .pop-body .info-box .left-img figure { width:100%; height:100%; padding:40px; position:relative; border-radius:10px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; }
.product-pop .pop-body .info-box .left-img figure img { max-width:100%; mix-blend-mode:multiply; }
.product-pop .pop-body .info-box .content-box { width:calc(100% - 440px); padding-left:100px; }
.product-pop .pop-body .info-box .content-box h4 { color:#000; font-weight:600; line-height:1.3; }
.product-pop .pop-body .info-box .content-box .popCont { margin-top:60px; }
.product-pop .pop-body .info-box .content-box .popCont h5 { margin-bottom:20px; color:#222; font-size:2.2rem; font-weight:600; line-height:1.3; }
.product-pop .pop-body .info-box .content-box .popCont .txt { margin-top:15px; }
.product-pop .pop-body .info-box .content-box .popCont .txt p { color:#333; font-size:2.0rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.product-pop .pop-body .info-box .content-box .popCont .txt p:not(:last-child) { margin-bottom:15px; }
.product-pop .pop-body .info-box .content-box .popCont .list-p { margin-top:15px; }
.product-pop .pop-body .info-box .content-box .popCont .list-p li:not(:last-child) { margin-bottom:10px; }
.product-pop .pop-body .info-box .content-box .popCont .list-p li { position:relative; padding-left:16px; color:#666; font-size:1.8rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.product-pop .pop-body .info-box .content-box .popCont .list-p li:before { content:""; display:block; width:5px; height:5px; background:#aaa; position:absolute; left:0; top:9px; border-radius:1px; }
.product-pop .pop-body .info-box .content-box .popCont .imgbox-list { display:flex; flex-wrap:wrap; gap:20px; }
.product-pop .pop-body .info-box .content-box .popCont .imgbox-list .box { position:relative; width:calc((100% - 20px) / 2); }
.product-pop .pop-body .info-box .content-box .popCont .imgbox-list .box img { max-width:100%; border-radius:10px; }
.product-pop .pop-body .info-box .content-box .popCont .imgbox-list .box span { position:absolute; left:10px; bottom:10px; color:#fff; font-size:1.8rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; height:35px; padding:0 15px; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; background:#000; }
.product-pop .pop-body .info-box .content-box .popCont .division .top { margin-bottom:10px; display:flex; border-radius:10px; background:#ddd; }
.product-pop .pop-body .info-box .content-box .popCont .division .top strong { color:#222; font-size:1.8rem; font-weight:300; line-height:1.3; letter-spacing:-0.03em; height:60px; display:flex; align-items:center; justify-content:center; text-align:center; }
.product-pop .pop-body .info-box .content-box .popCont .division .top strong { width:45%; }
.product-pop .pop-body .info-box .content-box .popCont .division .top strong:nth-child(2) { width:calc(100% - 45%); }
.product-pop .pop-body .info-box .content-box .popCont .division .dataTab { border-radius:10px; border:1px solid #ddd; overflow:hidden }
.product-pop .pop-body .info-box .content-box .popCont .division .dataTab table { margin:-1px 0 0 -1px; width:calc(100% + 1px); }
.product-pop .pop-body .info-box .content-box .popCont .division .dataTab table td { text-align:center; font-family:var(--subFont); color:#666; font-size:1.8rem; font-weight:300; line-height:1.3; letter-spacing:-0.03em; height:60px; border:1px solid #ddd; border-width:1px 0 0 1px; }
.product-pop .pop-body .scroll_box { height:100%; max-height:440px; overflow:auto; padding-right:30px; }
.product-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; }
.product-pop .pop-body .btn_close span { position:relative; width:36px; height:36px; display:block }
.product-pop .pop-body .btn_close span:before { content:""; display:block; width:22px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.product-pop .pop-body .btn_close span:after { content:""; display:block; width:22px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.product-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-width:1440px){
	.product-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
	.product-pop .pop-body .info-box .left-img { width:380px; height:380px; }
	.product-pop .pop-body .info-box .content-box { width:calc(100% - 380px); padding-left:60px; } 
	.product-pop .pop-body .info-box .content-box .popCont { margin-top:50px; }
}
@media screen and (max-width:1280px){
	.product-pop .pop-body .info-box .content-box .popCont { margin-top:40px; }
	.product-pop .pop-body .info-box .content-box .popCont h5 { margin-bottom:15px; font-size:2.1rem; }
	.product-pop .pop-body .info-box .content-box .popCont .txt { margin-top:10px; }
	.product-pop .pop-body .info-box .content-box .popCont .txt p { font-size:1.9rem; }
}
@media screen and (max-width:1040px){
	.product-pop .pop-body { padding:60px 30px 50px; border-radius:8px; }
	.product-pop .pop-body .btn_close { right:15px; top:15px; }
	.product-pop .pop-body .btn_close span:before,
	.product-pop .pop-body .btn_close span:after {  width:25px; height:2px; }
	.product-pop .pop-body .info-box .left-img { width:300px; height:300px; }
	.product-pop .pop-body .info-box .content-box { width:calc(100% - 300px); padding-left:30px; } 
	.product-pop .pop-body .info-box .content-box .popCont { margin-top:30px; }
	.product-pop .pop-body .info-box .content-box .popCont h5 { margin-bottom:10px; font-size:1.9rem; }
	.product-pop .pop-body .info-box .content-box .popCont .txt { margin-top:8px; }
	.product-pop .pop-body .info-box .content-box .popCont .txt p { font-size:1.8rem; }
	.product-pop .pop-body .info-box .content-box .popCont .list-p { margin-top:10px; }
	.product-pop .pop-body .info-box .content-box .popCont .list-p li:not(:last-child) { margin-bottom:8px; }
	.product-pop .pop-body .info-box .content-box .popCont .list-p li { padding-left:12px; font-size:1.6rem;}
	.product-pop .pop-body .info-box .content-box .popCont .list-p li:before { width:3px; height:3px; top:7px; }
	.product-pop .pop-body .info-box .content-box .popCont .imgbox-list { gap:10px; }
	.product-pop .pop-body .info-box .content-box .popCont .imgbox-list .box { width:calc((100% - 10px) / 2); }
	.product-pop .pop-body .info-box .content-box .popCont .imgbox-list .box img { border-radius:8px; }
	.product-pop .pop-body .info-box .content-box .popCont .imgbox-list .box span { left:5px; bottom:5px; font-size:1.6rem; height:30px; padding:0 10px; border-radius:3px; }
	.product-pop .pop-body .info-box .content-box .popCont .division .top { margin-bottom:5px; border-radius:8px; }
	.product-pop .pop-body .info-box .content-box .popCont .division .top strong { font-size:1.6rem; height:46px; }
	.product-pop .pop-body .info-box .content-box .popCont .division .dataTab { border-radius:8px; }
	.product-pop .pop-body .info-box .content-box .popCont .division .dataTab table td { font-size:1.6rem; }
	.product-pop .pop-body .scroll_box { max-height:480px; padding-right:15px; }
}
@media screen and (max-height:840px){
	.product-pop .pop-body { padding:60px 40px 40px; }
	.product-pop .pop-body .scroll_box { height:600px; } 
	.product-pop .pop-body .btn_close { right:15px; top:15px; }
}
@media screen and (max-height:710px){
	.product-pop .pop-body .scroll_box { height:480px; } 
}
@media screen and (max-height:610px){
	.product-pop .pop-body .scroll_box { height:400px; } 
}
@media screen and (max-height:520px){
	.product-pop .pop-body .scroll_box { height:320px; } 
}
@media screen and (max-width:760px){
	.product-pop .pop-body { padding:40px 20px; }
	.product-pop .pop-body .info-box .left-img { width:100%; height:auto; position:relative; }
	.product-pop .pop-body .info-box .left-img figure:before { padding-bottom:80%; }
	.product-pop .pop-body .info-box .content-box { width:100%; padding-left:0; margin-top:30px; } 
	.product-pop .pop-body .btn_close { right:3px; top:3px; }
}


.materials img { max-width:100%; }
.materials .imgbox-list { display:flex; align-items:center; gap:20px 100px; }
.materials .imgbox-list > div { width:calc((100% - 100px) / 2); }
.materials .imgbox-list.right { flex-direction:row-reverse; }
.materials .imgbox-list img { border-radius:10px; }
.materials .imgbox-list .imgbox { display:flex; gap:10px; }
.materials .txtCont { font-family:var(--subFont); color:#333; font-size:2.0rem; font-weight:300; line-height:1.7; letter-spacing:-0.035em; }
.materials .txt-list1,
.materials .list-6 .imgbox { margin-top:40px; }
.materials .txtCont,
.materials .list-1,
.materials .list-1 .txtbox dd { margin-top:30px; }
.materials .list-1 .txtbox dt { color:var(--mainColor); font-weight:500; line-height:1.3; }
.materials .list-1 .txtbox dd li:not(:last-child) { margin-bottom:10px; }
.materials .list-1 .txtbox dd li { padding:20px 30px; font-family:var(--subFont); color:#333; font-size:2.0rem; font-weight:400; line-height:1.3; letter-spacing:-0.035em; display:flex; align-items:center; gap:20px; border-radius:10px; border:1px solid #ddd; }
.materials .list-1 .txtbox dd li strong { color:#fff; font-size:1.8rem; font-weight:600; line-height:1.3; flex-shrink:0; display:flex; align-items:center; justify-content:center; width:80px; height:40px; border-radius:5px; background:var(--mainColor); }
.materials .list-4 { margin-top:100px; }
.materials .list-4 .imgbox figure:first-child img { border:1px solid #ddd; }
.materials .list-6 .imgbox { display:flex; gap:15px; }
.materials .list-6 .imgbox .box { width:calc((100% - 30px) / 3); border:1px solid #ddd; border-radius:10px; padding:30px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center; }
.materials .list-6 .imgbox .box span { color:#333; font-size:2.0rem; font-weight:400; line-height:1.3; }
.materials .btn { margin-top:60px; }
@media screen and (max-width:1440px){
	.materials .imgbox-list { gap:20px 80px; }
	.materials .imgbox-list > div { width:calc((100% - 80px) / 2); }
}
@media screen and (max-width:1280px){
	.materials .imgbox-list { gap:20px 60px; }
	.materials .imgbox-list > div { width:calc((100% - 60px) / 2); }
	.materials .txt-list1,
	.materials .list-6 .imgbox { margin-top:30px; }
	.materials .txtCont,
	.materials .list-1,
	.materials .list-1 .txtbox dd { margin-top:20px; }
	.materials .list-4 { margin-top:70px; }
	.materials .txtCont,
	.materials .list-1 .txtbox dd li,
	.materials .list-6 .imgbox .box span { font-size:1.8rem; }
	.materials .list-1 .txtbox dd li:not(:last-child) { margin-bottom:8px; }
	.materials .list-1 .txtbox dd li { padding:15px 25px; }
	.materials .list-1 .txtbox dd li strong { font-size:1.7rem; width:70px; height:35px; }
	.materials .btn { margin-top:40px; }
}
@media screen and (max-width:1024px){
	.materials .imgbox-list { gap:10px 40px; }
	.materials .imgbox-list > div { width:calc((100% - 40px) / 2); }
	.materials .txt-list1,
	.materials .list-6 .imgbox { margin-top:20px; }
	.materials .txtCont br { display:none }
	.materials .txtCont .m_br { display:block }
	.materials .txtCont,
	.materials .list-1,
	.materials .list-1 .txtbox dd { margin-top:15px; }
	.materials .list-4 { margin-top:50px; }
	.materials .txtCont,
	.materials .list-1 .txtbox dd li,
	.materials .list-6 .imgbox .box span { font-size:1.7rem; }
	.materials .list-1 .txtbox dd li:not(:last-child) { margin-bottom:5px; }
	.materials .list-1 .txtbox dd li { padding:10px 20px; gap:15px; }
	.materials .list-1 .txtbox dd li strong { font-size:1.6rem; width:60px; height:30px; }
	.materials .list-6 .imgbox { gap:10px; }
	.materials .list-6 .imgbox .box { width:calc((100% - 20px) / 3); padding:20px; }
	.materials .imgbox-list img,
	.materials .list-6 .imgbox .box { border-radius:8px; }
	.materials .btn { margin-top:30px; }
}
@media screen and (max-width:760px){
	.materials .imgbox-list { gap:10px; flex-wrap:wrap; }
	.materials .imgbox-list > div { width:100%; }
	.materials .imgbox-list .txtbox { margin-top:20px; }
	.materials .imgbox-list .imgbox { gap:5px; }
}
@media screen and (max-width:640px){
	.materials .txt-list1,
	.materials .list-6 .imgbox { margin-top:15px; }
	.materials .txtCont,
	.materials .list-1,
	.materials .list-1 .txtbox dd { margin-top:10px; }
	.materials .list-4 { margin-top:50px; }
	.materials .list-6 .imgbox { flex-wrap:wrap; }
	.materials .list-6 .imgbox .box { width:100%; }
	.materials .btn { margin-top:20px; }
}

/* animation */
.materials .list-1,
.materials .list-2,
.materials .list-2,
.materials .list-3,
.materials .list-4,
.materials .list-5,
.materials .list-6,
.materials .materials-box2 .txtCont { opacity:0; }
.materials .list-1.subOn,
.materials .list-2.subOn,
.materials .list-3.subOn,
.materials .list-4.subOn,
.materials .list-5.subOn,
.materials .list-6.subOn,
.materials .materials-box2.subOn .txtCont { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.space img { max-width:100%; }
.space .list-1,
.space .list-2 .info-box .l-box .img_b { margin-top:60px; }
.space .list-1 .imgbox-list,
.space .list-1 .imgbox-list .box .imgbox,
.space .list-2 .info-box,
.space .list-3 .imgbox,
.space .list-5 .imgbox,
.space .list-6 .imgbox,
.space .list-7 .info-box { margin-top:40px; }
.space .txt-list1,
.space .list-2 .info-box .l-box .txt,
.space .list-3 .imgbox .g-list { margin-top:30px; }
.space .list-1 .imgbox-list { display:flex; gap:15px; flex-wrap:wrap; }
.space .list-1 .imgbox-list .box { width:calc((100% - 30px) / 3); padding:20px; border-radius:10px; background:var(--main2Color); display:flex; flex-direction:column; justify-content:space-between; }
.space .list-1 .imgbox-list .box dl { padding-top:40px; text-align:center; }
.space .list-1 .imgbox-list .box dt { color:#fff; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.space .list-1 .imgbox-list .box dd { margin:20px -10px 0; width:calc(100% + 20px); color:#fff; font-size:1.9rem; font-weight:300; line-height:1.7; letter-spacing:-0.04em; }
.space .list-1 .imgbox-list .box .imgbox { position:relative; background:#fff; height:350px; border-radius:10px; padding:10px; display:flex; justify-content:center; flex-direction:column; }
.space .list-1 .imgbox-list .box .imgbox figure { width:100%; text-align:center;  }
.space .list-1 .imgbox-list .box .imgbox strong { position:absolute; left:0; top:0; display:block; padding:20px; color:#333; font-size:1.8rem; font-weight:500; line-height:1.3; }
.space .list-1 .imgbox-list .box:nth-child(1) { background:#bed7ee; }
.space .list-1 .imgbox-list .box:nth-child(3) { background:var(--mainColor); }
.space .list-2 .info-box { display:flex; gap:20px; flex-wrap:wrap; }
.space .list-2 .info-box > div { width:calc((100% - 20px) / 2); }
.space .list-2 .info-box .l-box { border-radius:10px; padding:30px; border:1px solid #ddd; }
.space .list-2 .info-box .l-box .sbox { display:flex; gap:28px; }
.space .list-2 .info-box .l-box .txt { color:#222; font-size:2.0rem; font-weight:500; line-height:1.3; }
.space .list-2 .info-box .l-box .list { width:58%; }
.space .list-2 .info-box .l-box .list .top { display:flex; border-radius:10px; background:#ddd; width:100%; }
.space .list-2 .info-box .l-box .list .top strong { width:50%; color:#222; font-size:1.8rem; font-weight:500; line-height:1.3; height:50px; display:flex; align-items:center; justify-content:center; }
.space .list-2 .info-box .l-box .list li { margin-top:10px; display:flex; align-items:center; border-radius:10px; border:1px solid #ddd; width:100%; }
.space .list-2 .info-box .l-box .list li strong,
.space .list-2 .info-box .l-box .list li span { width:50%; display:flex; align-items:center; justify-content:center; height:50px; }
.space .list-2 .info-box .l-box .list li strong { font-family:var(--subFont); color:#333; font-size:1.8rem; font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.space .list-2 .info-box .l-box .list li span { font-family:var(--subFont); color:#333; font-size:1.8rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.space .list-2 .info-box .l-box .img_b img { border-radius:10px;  }
.space .list-2 .info-box .r-box .box:not(:last-child) { margin-bottom:20px; }
.space .list-2 .info-box .r-box .box { border-radius:10px; border:1px solid #ddd; padding:42px 30px; text-align:center; }
.space .list-2 .info-box .r-box .box span { display:block; margin-top:7px; color:#333; font-size:1.8rem; font-weight:500; line-height:1.3; }
.space .list-3 .imgbox { border-radius:10px; border:1px solid #ddd; padding:50px; }
.space .list-4 .imgbox .i-box { display:flex; gap:30px; flex-wrap:wrap; }
.space .list-4 .imgbox .i-box .box { width:calc((100% - 30px) / 2); padding:30px 50px; border-radius:10px; background:#f5f5f5; text-align:center; }
.space .list-4 .imgbox .i-box .box strong { display:block; margin-bottom:20px; color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; }
.space .list-5 .imgbox { border-radius:10px; border:1px solid #ddd; padding:30px; text-align:center; }
.space .list-6 .imgbox { display:flex; gap:20px; flex-wrap:wrap; }
.space .list-6 .imgbox .box { width:calc((100% - 20px) / 2); }
.space .list-7 .info-box { display:flex; gap:60px; flex-wrap:wrap; }
.space .list-7 .info-box > div { width:calc((100% - 60px) / 2); }
.space .list-7 .info-box .l-box { display:flex; gap:15px; flex-wrap:wrap; }
.space .list-7 .info-box .l-box .box { width:calc((100% - 30px) / 3); padding:20px 10px 10px; background:#f5f5f5; border-radius:10px; text-align:center; }
.space .list-7 .info-box .l-box .box strong { color:#333; font-size:2.0rem; font-weight:400; line-height:1.3; }
.space .list-7 .info-box .l-box .box figure { margin-top:10px; }
.space .list-7 .info-box .l-box .box img { border-radius:10px; width:100%; }
.space .list-7 .info-box .r-box { display:flex; flex-direction:column; justify-content:space-between; gap:10px; }
.space .list-7 .info-box .r-box .txtbox h5 { height:50px; color:#fff; font-size:1.8rem; font-weight:500; line-height:1.3; border-radius:10px; background:var(--mainColor); display:flex; align-items:center; justify-content:center; text-align:center; }
.space .list-7 .info-box .r-box .txtbox li { margin-top:10px; display:flex; height:50px; border-radius:10px; border:1px solid #DDD; }
.space .list-7 .info-box .r-box .txtbox li strong { width:220px; display:flex; align-items:center; justify-content:center; color:#333; font-size:1.8rem; font-weight:400; line-height:1.3; }
.space .list-7 .info-box .r-box .txtbox li span { width:calc(100% - 220px); display:flex; align-items:center; justify-content:center; color:#333; font-size:1.8rem; font-weight:300; line-height:1.3; }
.space .list-7 .info-box .r-box .imgbox { display:flex; flex-direction:column; gap:10px; }
.space .list-7 .info-box .r-box .imgbox img { border-radius:10px; width:100%; }
@media screen and (max-width:1440px){
	.space .list-1,
	.space .list-2 .info-box .l-box .img_b { margin-top:50px; }
	.space .list-1 .imgbox-list,
	.space .list-1 .imgbox-list .box .imgbox,
	.space .list-2 .info-box,
	.space .list-3 .imgbox,
	.space .list-5 .imgbox,
	.space .list-6 .imgbox,
	.space .list-7 .info-box { margin-top:35px; }
	.space .txt-list1,
	.space .list-2 .info-box .l-box .txt,
	.space .list-3 .imgbox .g-list { margin-top:25px; }
	.space .list-7 .info-box { gap:40px; }
	.space .list-7 .info-box > div { width:calc((100% - 40px) / 2); }
}
@media screen and (max-width:1280px){
	.space .list-1 { margin-top:40px; }
	.space .list-1 .imgbox-list,
	.space .list-1 .imgbox-list .box .imgbox,
	.space .list-2 .info-box,
	.space .list-3 .imgbox,
	.space .list-5 .imgbox,
	.space .list-6 .imgbox,
	.space .list-7 .info-box { margin-top:30px; }
	.space .txt-list1,
	.space .list-2 .info-box .l-box .txt,
	.space .list-3 .imgbox .g-list { margin-top:20px; }
	.space .list-1 .imgbox-list { gap:10px; }
	.space .list-1 .imgbox-list .box { width:calc((100% - 20px) / 3); }
	.space .list-1 .imgbox-list .box dl { padding-top:30px; }
	.space .list-1 .imgbox-list .box dd { margin-top:15px; font-size:1.9rem; }
	.space .list-1 .imgbox-list .box .imgbox { height:350px; }
	.space .list-1 .imgbox-list .box .imgbox strong { padding:15px; font-size:1.7rem; }
	.space .list-2 .info-box { gap:20px; }
	.space .list-2 .info-box > div { width:calc((100% - 20px) / 2); }
	.space .list-2 .info-box .l-box { padding:20px; gap:25px; }
	.space .list-2 .info-box .l-box .txt { font-size:1.9rem; }
	.space .list-2 .info-box .l-box .list .top strong { font-size:1.7rem; height:45px; }
	.space .list-2 .info-box .l-box .list li strong,
	.space .list-2 .info-box .l-box .list li span { height:45px; }
	.space .list-2 .info-box .l-box .list li strong,
	.space .list-2 .info-box .l-box .list li span { font-size:1.7rem; }
	.space .list-2 .info-box .r-box .box:not(:last-child) { margin-bottom:15px; }
	.space .list-2 .info-box .r-box .box { padding:30px; }
	.space .list-2 .info-box .r-box .box span { margin-top:7px; font-size:1.7rem; }
	.space .list-3 .imgbox { padding:40px; }
	.space .list-4 .imgbox .i-box { gap:20px; }
	.space .list-4 .imgbox .i-box .box { width:calc((100% - 20px) / 2); padding:30px 40px; }
	.space .list-4 .imgbox .i-box .box strong { margin-bottom:15px; font-size:1.9rem;  }
	.space .list-6 .imgbox { gap:20px; }
	.space .list-6 .imgbox .box { width:calc((100% - 20px) / 2); }
	.space .list-7 .info-box { gap:20px; }
	.space .list-7 .info-box > div { width:calc((100% - 20px) / 2); }
	.space .list-7 .info-box .l-box { gap:10px; }
	.space .list-7 .info-box .l-box .box { width:calc((100% - 20px) / 3); padding:15px 10px 10px; }
	.space .list-7 .info-box .l-box .box strong { font-size:1.9rem; }
	.space .list-7 .info-box .l-box .box figure { margin-top:10px; }
	.space .list-7 .info-box .r-box .txtbox h5 { height:45px; font-size:1.7rem; }
	.space .list-7 .info-box .r-box .txtbox li { height:45px; }
	.space .list-7 .info-box .r-box .txtbox li strong { width:180px; font-size:1.7rem; }
	.space .list-7 .info-box .r-box .txtbox li span { width:calc(100% - 180px); font-size:1.7rem; }
}
@media screen and (max-width:1024px){
	.space .list-1,
	.space .list-2 .info-box .l-box .img_b { margin-top:30px; }
	.space .list-1 .imgbox-list,
	.space .list-1 .imgbox-list .box .imgbox,
	.space .list-2 .info-box,
	.space .list-3 .imgbox,
	.space .list-5 .imgbox,
	.space .list-6 .imgbox,
	.space .list-7 .info-box { margin-top:20px; }
	.space .txt-list1,
	.space .list-2 .info-box .l-box .txt,
	.space .list-3 .imgbox .g-list { margin-top:15px; }
	.space .list-1 .txt-num br { display:none }
	.space .list-1 .imgbox-list { gap:10px; }
	.space .list-1 .imgbox-list .box { width:calc((100% - 10px) / 2); }
	.space .list-1 .imgbox-list .box dl { padding-top:20px; }
	.space .list-1 .imgbox-list .box dd { margin-top:10px; font-size:1.8rem; }
	.space .list-1 .imgbox-list .box dd br { display:none }
	.space .list-1 .imgbox-list .box .imgbox { height:270px; padding:20px 10px; }
	.space .list-1 .imgbox-list .box .imgbox strong { padding:10px; margin-bottom:10px; font-size:1.6rem; }
	.space .list-2 .info-box { gap:10px; }
	.space .list-2 .info-box > div { width:calc((100% - 10px) / 2); }
	.space .list-2 .info-box .l-box { padding:20px; gap:20px; }
	.space .list-2 .info-box .l-box .txt { font-size:1.8rem; }
	.space .list-2 .info-box .l-box .list .top strong { font-size:1.6rem; height:40px; }
	.space .list-2 .info-box .l-box .list li strong,
	.space .list-2 .info-box .l-box .list li span { height:40px; }
	.space .list-2 .info-box .l-box .list li strong,
	.space .list-2 .info-box .l-box .list li span { font-size:1.6rem; }
	.space .list-2 .info-box .l-box .img_b img { border-radius:5px;  }
	.space .list-2 .info-box .r-box .box:not(:last-child) { margin-bottom:10px; }
	.space .list-2 .info-box .r-box .box { padding:20px; }
	.space .list-2 .info-box .r-box .box span { margin-top:5px; font-size:1.6rem; }
	.space .list-3 .imgbox { padding:30px; }
	.space .list-4 .imgbox .i-box { gap:10px; }
	.space .list-4 .imgbox .i-box .box { width:calc((100% - 10px) / 2); padding:20px; }
	.space .list-4 .imgbox .i-box .box strong { margin-bottom:10px; font-size:1.8rem; }
	.space .list-5 .imgbox { padding:20px; }
	.space .list-6 .imgbox { gap:10px; }
	.space .list-6 .imgbox .box { width:calc((100% - 10px) / 2); }
	.space .list-1 .imgbox-list .box,
	.space .list-1 .imgbox-list .box .imgbox,
	.space .list-2 .info-box .l-box,
	.space .list-2 .info-box .l-box .list .top,
	.space .list-2 .info-box .l-box .list li,
	.space .list-2 .info-box .r-box .box,
	.space .list-3 .imgbox,
	.space .list-4 .imgbox .i-box .box,
	.space .list-5 .imgbox { border-radius:8px; }
	.space .list-7 .info-box { gap:5px; }
	.space .list-7 .info-box > div { width:calc((100% - 5px) / 2); }
	.space .list-7 .info-box .l-box { gap:5px; }
	.space .list-7 .info-box .l-box .box { width:calc((100% - 15px) / 3); padding:10px 8px 8px; border-radius:8px; }
	.space .list-7 .info-box .l-box .box strong { font-size:1.7rem; }
	.space .list-7 .info-box .l-box .box figure { margin-top:8px; }
	.space .list-7 .info-box .r-box .txtbox h5 { height:40px; font-size:1.6rem; border-radius:8px; }
	.space .list-7 .info-box .r-box .txtbox li { margin-top:5px; border-radius:8px; }
	.space .list-7 .info-box .r-box .txtbox li { height:40px; }
	.space .list-7 .info-box .r-box .txtbox li strong { width:140px; font-size:1.6rem; }
	.space .list-7 .info-box .r-box .txtbox li span { width:calc(100% - 140px); font-size:1.6rem; }
	.space .list-7 .info-box .r-box .imgbox { gap:5px; }
	.space .list-7 .info-box .l-box .box img,
	.space .list-7 .info-box .r-box .imgbox img { border-radius:8px; }
}
@media screen and (max-width:860px){
	.space .list-1 .imgbox-list { gap:5px; }
	.space .list-1 .imgbox-list .box { width:100%; }
	.space .list-1 .imgbox-list .box dl { padding-top:0; }
	.space .list-1 .imgbox-list .box .imgbox { height:auto; }
	.space .list-2 .info-box { gap:5px; }
	.space .list-2 .info-box > div { width:100%; }
	.space .list-2 .info-box .l-box { padding:10px; gap:15px; }
	.space .list-2 .info-box .l-box .list li { margin-top:5px; }
	.space .list-2 .info-box .r-box .box:not(:last-child) { margin-bottom:5px; }
	.space .list-3 .imgbox { padding:10px; }
	.space .list-4 .imgbox .i-box { gap:5px; }
	.space .list-4 .imgbox .i-box .box { width:calc((100% - 5px) / 2); padding:10px; }
	.space .list-5 .imgbox { padding:10px; }
	.space .list-6 .imgbox { gap:5px; }
	.space .list-6 .imgbox .box { width:calc((100% - 5px) / 2); }
	.space .list-7 .info-box > div { width:100%; }
}
@media screen and (max-width:640px){
	.space .list-1,
	.space .list-2 .info-box .l-box .img_b { margin-top:25px; }
	.space .list-1 .imgbox-list,
	.space .list-1 .imgbox-list .box .imgbox,
	.space .list-2 .info-box,
	.space .list-3 .imgbox,
	.space .list-5 .imgbox,
	.space .list-6 .imgbox,
	.space .list-7 .info-box { margin-top:15px; }
	.space .txt-list1,
	.space .list-2 .info-box .l-box .txt,
	.space .list-3 .imgbox .g-list { margin-top:10px; }
	.space .list-2 .info-box .l-box { flex-wrap:wrap; gap:5px; }
	.space .list-2 .info-box .l-box .imgbox,
	.space .list-2 .info-box .l-box .list { width:100%; }
	.space .list-2 .info-box .l-box .imgbox br { display:none }
	.space .list-2 .info-box .l-box .imgbox .m_br { display:block }
	.space .list-2 .info-box .l-box .list { margin-top:10px; }
	.space .list-6 .imgbox .box { width:100%; }
	.space .list-7 .info-box .l-box .box { width:calc((100% - 5px) / 2); }
}
 
/* animation */
.space .list-1,
.space .list-2,
.space .list-2,
.space .list-3,
.space .list-4,
.space .list-5,
.space .list-6,
.space .list-7 { opacity:0; }
.space .list-1.subOn,
.space .list-2.subOn,
.space .list-3.subOn,
.space .list-4.subOn,
.space .list-5.subOn,
.space .list-6.subOn,
.space .list-7.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.technology-box .design .design-box1 .txt-list1 { margin-top:30px; }
.technology-box .design .design-box1 .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:15px; }
.technology-box .design .design-box1 .listbox .box { width:calc((100% - 30px) / 3); text-align:center; padding:20px; border-radius:10px; }
.technology-box .design .design-box1 .listbox .box dt { padding-top:40px; color:#fff; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.technology-box .design .design-box1 .listbox .box dd { margin-top:20px; font-family:var(--subFont); color:#fff; font-size:2.0rem; font-weight:300; line-height:1.7; letter-spacing:-0.035em; }
.technology-box .design .design-box1 .listbox .box .imgbox { position:relative; margin-top:40px; padding:15px 15px 60px; min-height:400px; background:#fff; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; } 
.technology-box .design .design-box1 .listbox .box .imgbox strong { display:block; position:absolute; left:0; bottom:30px; width:100%; font-family:var(--subFont); color:#333; font-size:1.8rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.technology-box .design .design-box1 .listbox .box .imgbox img { max-width:100%; }
.technology-box .design .design-box1 .listbox .box:nth-child(1) { background:var(--main2Color); }
.technology-box .design .design-box1 .listbox .box:nth-child(2) { background:var(--mainColor); }
.technology-box .design .design-box1 .listbox .box:nth-child(3) { background:#02234b; }
.technology-box .design .design-box1 .img-list { margin-top:60px; padding:30px; border-radius:10px; border:1px solid #ddd; text-align:center; } 
.technology-box .design .design-box1 .img-list .list { display:flex; flex-wrap:wrap; gap:30px; }
.technology-box .design .design-box1 .img-list .list .box { width:calc((100% - 60px) / 3); }
.technology-box .design .design-box1 .img-list .list .box img { border-radius:10px; max-width:100%; }
.technology-box .design .design-box1 .img-list strong { display:block; margin-top:20px; color:#666; font-size:2.0rem; font-weight:300; line-height:1.3; letter-spacing:-0.03em; }
@media screen and (max-width:1440px){
	.technology-box .design .design-box1 .listbox .box dd { font-size:1.9rem; }
	.technology-box .design .design-box1 .listbox .box dd br { display:none }
}
@media screen and (max-width:1280px){
	.technology-box .design .design-box1 .txt-list1 { margin-top:20px; }
	.technology-box .design .design-box1 .listbox { margin-top:40px; gap:10px; }
	.technology-box .design .design-box1 .listbox .box { width:calc((100% - 20px) / 3); padding:15px; }
	.technology-box .design .design-box1 .listbox .box dt { padding-top:30px; }
	.technology-box .design .design-box1 .img-list { margin-top:40px; padding:20px; } 
	.technology-box .design .design-box1 .img-list .list { gap:15px; }
	.technology-box .design .design-box1 .img-list .list .box { width:calc((100% - 30px) / 3); }
	.technology-box .design .design-box1 .img-list strong { margin-top:15px; font-size:1.9rem; }
}
@media screen and (max-width:1024px){
	.technology-box .design .design-box1 .txt-list1 { margin-top:15px; }
	.technology-box .design .design-box1 .listbox { margin-top:30px; gap:10px; }
	.technology-box .design .design-box1 .listbox .box { width:calc((100% - 10px) / 2); padding:10px; border-radius:8px; }
	.technology-box .design .design-box1 .listbox .box .imgbox { margin-top:20px; padding:10px 10px 60px; border-radius:8px; }
	.technology-box .design .design-box1 .listbox .box dt { padding-top:20px; }
	.technology-box .design .design-box1 .listbox .box dd { margin-top:10px; font-size:1.8rem; }
	.technology-box .design .design-box1 .listbox .box .imgbox strong { font-size:1.7rem; }
	.technology-box .design .design-box1 .img-list { margin-top:20px; padding:15px; border-radius:5px; } 
	.technology-box .design .design-box1 .img-list .list { gap:10px; }
	.technology-box .design .design-box1 .img-list .list .box { width:calc((100% - 20px) / 3); }
	.technology-box .design .design-box1 .img-list .list .box img { border-radius:5px; } 
	.technology-box .design .design-box1 .img-list strong { margin-top:10px; font-size:1.8rem; }
}
@media screen and (max-width:860px){
	.technology-box .design .design-box1 .listbox .box { width:100%; }
	.technology-box .design .design-box1 .listbox .box .imgbox { min-height:auto; padding:10px;  }
	.technology-box .design .design-box1 .listbox .box .imgbox strong { position:relative; bottom:0; margin-top:20px; } 
	.technology-box .design .design-box1 .img-list .list { gap:10px; }
	.technology-box .design .design-box1 .img-list .list .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.technology-box .design .design-box1 .txt-list1 { margin-top:10px; }
	.technology-box .design .design-box1 .listbox { margin-top:15px; }
	.technology-box .design .design-box1 .listbox .box dt { padding-top:10px; }
	.technology-box .design .design-box1 .listbox .box dd { margin-top:5px; }
	.technology-box .design .design-box1 .listbox .box .imgbox strong { margin-top:10px; } 
	.technology-box .design .design-box1 .img-list { margin-top:10px; padding:10px; } 
	.technology-box .design .design-box1 .img-list .list { gap:5px; }
	.technology-box .design .design-box1 .img-list .list .box { width:100%; }
}


/* animation */
.technology-box .design .design-box1 .txt-list1,
.technology-box .design .design-box1 .img-list { opacity:0; }
.technology-box .design .design-box1 .txt-list1.subOn,
.technology-box .design .design-box1 .img-list.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.technology-box .design .design-box1 .listbox .box { opacity:0; }
.technology-box .design .design-box1 .listbox.subOn .box:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.technology-box .design .design-box1 .listbox.subOn .box:nth-child(2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.technology-box .design .design-box1 .listbox.subOn .box:nth-child(3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.technology-box .design .design-box1 .listbox.subOn .box:nth-child(4) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }


.manufacture .arr { flex-shrink:0; width:35px; height:35px; display:flex; align-items:center; justify-content:center; border:1px solid var(--mainColor); border-radius:5px; background:#fff; filter: drop-shadow(0px 0px 20px rgba(9, 79, 163, 0.10));}
.manufacture img { max-width:100%; }
.manufacture .manufacture-box1,
.manufacture .manufacture-box2 .listbox,
.manufacture .manufacture-box3,
.manufacture .manufacture-box3 .table-list { margin-top:60px; }
.manufacture .txt-num { margin-bottom:40px; font-family:var(--subFont); }
.manufacture .manufacture-box1 .listbox { display:flex; flex-wrap:wrap; gap:15px; }
.manufacture .manufacture-box1 .listbox .box { display:flex; flex-direction:column; justify-content:space-between; width:calc((100% - 30px) / 3); text-align:center; padding:20px; border-radius:10px; background:#f5f5f5; }
.manufacture .manufacture-box1 .listbox .box dt { padding-top:40px; color:#222; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.manufacture .manufacture-box1 .listbox .box dd { margin:20px 0 35px; font-family:var(--subFont); color:#333; font-size:2.0rem; font-weight:300; line-height:1.7; letter-spacing:-0.035em; }
.manufacture .manufacture-box2 .listbox { display:flex; flex-wrap:wrap; gap:15px; }
.manufacture .manufacture-box2 .listbox .box { display:flex; flex-direction:column; justify-content:space-between; width:calc((100% - 30px) / 3); border:1px solid #ddd; border-radius:10px; }
.manufacture .manufacture-box2 .listbox .box dt { color:#fff; font-size:2.0rem; font-weight:500; line-height:1.3; margin:-1px 0 0 -1px; width:calc(100% + 2px); height:60px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--mainColor); text-align:center; }
.manufacture .manufacture-box2 .listbox .box dd { padding:30px 30px 0; height:100%; }
.manufacture .manufacture-box2 .listbox .box ul { margin-bottom:35px; }
.manufacture .manufacture-box2 .listbox .box ul li:not(:last-child) { margin-bottom:15px; }
.manufacture .manufacture-box2 .listbox .box ul li { display:flex; }
.manufacture .manufacture-box2 .listbox .box ul li strong { flex-shrink:0; width:160px; color:#333; font-size:1.8rem; font-weight:400; line-height:1.3; }
.manufacture .manufacture-box2 .listbox .box ul li span { color:#666; font-size:1.8rem; font-weight:400; line-height:1.3; }
.manufacture .manufacture-box2 .listbox .box .imgbox { padding:0 30px 30px; }
.manufacture .manufacture-box3 .listbox { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.manufacture .manufacture-box3 .listbox .box { width:calc((100% - 60px) / 4); border:1px solid #ddd; border-radius:10px; }
.manufacture .manufacture-box3 .listbox .box strong { color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; height:50px; display:flex; align-items:center; justify-content:center; }
.manufacture .manufacture-box3 .listbox .box figure { margin:-1px 0 0 -1px; width:calc(100% + 2px); display:block; border-radius:10px 10px 0 0; overflow:hidden }
.manufacture .manufacture-box3 .table-list { display:flex; flex-wrap:wrap; gap:60px; }
.manufacture .manufacture-box3 .table-list .list { width:calc((100% - 60px) / 2); }
.manufacture .manufacture-box3 .table-list .list tbody td strong { font-weight:400; }
.manufacture .manufacture-box4 .imgbox { border:1px solid #ddd; border-radius:10px; padding:50px; }
.manufacture .manufacture-box4 .imgbox .top { display:flex; flex-wrap:wrap; gap:25px; justify-content:center; }
.manufacture .manufacture-box4 .imgbox .top .box { width:calc((100% - 50px) / 3); position:relative; }
.manufacture .manufacture-box4 .imgbox .top .box figure { border-radius:10px; overflow:hidden; } 
.manufacture .manufacture-box4 .imgbox .top .box strong { position:absolute; left:10px; top:10px; height:40px; padding:0 15px; color:#fff; font-size:1.8rem; font-weight:500; line-height:1.3; border-radius:8px; background:#000; display:flex; align-items:center; justify-content:center; }
.manufacture .manufacture-box4 .imgbox .bottom { margin-top:50px; padding:50px; display:flex; gap:10px; align-items:center; justify-content:center; background:#f5f5f5; border-radius:10px; }
.manufacture .manufacture-box4 .imgbox .bottom .box figure { margin-top:-1px; padding:20px; border-radius:10px; overflow:hidden; background:#fff; } 
.manufacture .manufacture-box4 .imgbox .bottom .box { border-radius:10px; }
.manufacture .manufacture-box4 .imgbox .bottom .box.box1 { background:#000; }
.manufacture .manufacture-box4 .imgbox .bottom .box.box2 { background:var(--mainColor); }
.manufacture .manufacture-box4 .imgbox .bottom strong { color:#fff; font-size:2.0rem; font-weight:400; line-height:1.3; height:50px; letter-spacing:-0.035em; display:flex; align-items:center; justify-content:center; }
.manufacture .manufacture-box4 .p-list1 { margin-top:100px; }
.manufacture .manufacture-box4 .p-list1 li { display:flex;  color:#111; font-size:2.0rem; font-weight:400; }
.manufacture .manufacture-box4 .p-list1 li strong { width:110px; flex-shrink:0; color:#111; font-weight:400; line-height:1.3; }
.manufacture .manufacture-box4 .p-list1 li span { color:#666; font-weight:400; line-height:1.3; }
.manufacture .manufacture-box4 .listbox { margin-top:40px; border:1px solid #ddd; border-radius:10px; padding:50px; }
.manufacture .manufacture-box4 .listbox .top { display:flex; gap:10px; }
.manufacture .manufacture-box4 .listbox .top > div { border-radius:10px; background:#f5f5f5; }
.manufacture .manufacture-box4 .listbox .top .lbox { position:relative; display:flex; gap:8px; align-items:center; justify-content:center; padding:63px 50px 30px; text-align:center; }
.manufacture .manufacture-box4 .listbox .top .lbox img { border-radius:10px; }
.manufacture .manufacture-box4 .listbox .top .lbox p { position:absolute; top:30px; left:0; width:100%; color:var(--mainColor); font-size:1.8rem; font-weight:500; line-height:1.3; }
.manufacture .manufacture-box4 .listbox .top .lbox strong { display:block; margin-top:10px; color:#333; font-size:2.0rem; font-weight:400; line-height:1.3; }
.manufacture .manufacture-box4 .listbox .top .rbox { padding:40px 30px; }
.manufacture .manufacture-box4 .listbox .top .rbox img { mix-blend-mode:multiply; }
.manufacture .manufacture-box4 .listbox .bottom { margin-top:30px; display:flex; flex-wrap:wrap; gap:20px; }
.manufacture .manufacture-box4 .listbox .bottom .box { width:calc((100% - 40px) / 3); border-radius:10px; overflow:hidden; }
@media screen and (max-width:1440px){
	.manufacture .manufacture-box1 .listbox .box dd { font-size:1.9rem; }
	.manufacture .manufacture-box1 .listbox .box dd br { display:none }
	.manufacture .manufacture-box3 .table-list { gap:50px; }
	.manufacture .manufacture-box3 .table-list .list { width:calc((100% - 50px) / 2); }
}
@media screen and (max-width:1280px){
	.manufacture .manufacture-box1,
	.manufacture .manufacture-box2 .listbox,
	.manufacture .manufacture-box3,
	.manufacture .manufacture-box3 .table-list { margin-top:40px; }
	.manufacture .manufacture-box1 .listbox { margin-top:40px; gap:10px; }
	.manufacture .manufacture-box1 .listbox .box { width:calc((100% - 20px) / 3); padding:15px; }
	.manufacture .manufacture-box1 .listbox .box dt { padding-top:30px; }
	.manufacture .manufacture-box2 .listbox { gap:10px; }
	.manufacture .manufacture-box2 .listbox .box { width:calc((100% - 20px) / 3); }
	.manufacture .manufacture-box2 .listbox .box dt { font-size:1.9rem; height:55px; }
	.manufacture .manufacture-box2 .listbox .box dd { padding:20px 20px 0; }
	.manufacture .manufacture-box2 .listbox .box ul { margin-bottom:25px; }
	.manufacture .manufacture-box2 .listbox .box ul li:not(:last-child) { margin-bottom:12px; }
	.manufacture .manufacture-box2 .listbox .box ul li strong { width:140px; font-size:1.7rem; }
	.manufacture .manufacture-box2 .listbox .box ul li span { font-size:1.7rem; }
	.manufacture .manufacture-box2 .listbox .box .imgbox { padding:0 20px 20px; }
	.manufacture .manufacture-box3 .listbox { gap:15px; }
	.manufacture .manufacture-box3 .listbox .box { width:calc((100% - 45px) / 4); }
	.manufacture .manufacture-box3 .listbox .box strong { font-size:1.9rem; height:45px; }
	.manufacture .manufacture-box3 .table-list { gap:40px; }
	.manufacture .manufacture-box3 .table-list .list { width:calc((100% - 40px) / 2); }
	.manufacture .manufacture-box4 .imgbox { padding:40px; }
	.manufacture .manufacture-box4 .imgbox .top { gap:20px; }
	.manufacture .manufacture-box4 .imgbox .top .box { width:calc((100% - 40px) / 3); }
	.manufacture .manufacture-box4 .imgbox .top .box strong { height:35px; padding:0 12px; font-size:1.7rem; }
	.manufacture .manufacture-box4 .imgbox .bottom { margin-top:40px; padding:40px; gap:10px; }
	.manufacture .manufacture-box4 .imgbox .bottom .box figure { padding:20px; } 
	.manufacture .manufacture-box4 .imgbox .bottom strong { font-size:1.9rem; height:45px; }
	.manufacture .manufacture-box4 .p-list1 { margin-top:80px; }
	.manufacture .manufacture-box4 .p-list1 li { font-size:1.9rem; }
	.manufacture .manufacture-box4 .p-list1 li strong { width:100px; }
	.manufacture .manufacture-box4 .listbox { margin-top:30px; padding:40px; }
	.manufacture .manufacture-box4 .listbox .top { gap:10px; }
	.manufacture .manufacture-box4 .listbox .top .lbox { padding:58px 40px 20px; }
	.manufacture .manufacture-box4 .listbox .top .lbox p { top:20px; font-size:1.7rem; }
	.manufacture .manufacture-box4 .listbox .top .lbox strong {margin-top:8px; font-size:1.9rem; }
	.manufacture .manufacture-box4 .listbox .top .rbox { padding:30px 20px; }
	.manufacture .manufacture-box4 .listbox .bottom { margin-top:20px; gap:15px; }
	.manufacture .manufacture-box4 .listbox .bottom .box { width:calc((100% - 30px) / 3); }
}
@media screen and (max-width:1024px){
	.manufacture .arr { width:27px; height:27px; border-radius:3px; }
	.manufacture .arr img { width:10px; }
	.manufacture .manufacture-box1,
	.manufacture .manufacture-box2 .listbox,
	.manufacture .manufacture-box3,
	.manufacture .manufacture-box3 .table-list { margin-top:30px; }
	.manufacture .txt-num { margin-bottom:20px; }
	.manufacture .manufacture-box1 .listbox { gap:10px; }
	.manufacture .manufacture-box1 .listbox .box { width:calc((100% - 10px) / 2); padding:10px; border-radius:8px; }
	.manufacture .manufacture-box1 .listbox .box dt { padding-top:20px; }
	.manufacture .manufacture-box1 .listbox .box dd { margin:10px 0 20px; font-size:1.8rem; }
	.manufacture .manufacture-box2 .listbox { gap:10px; }
	.manufacture .manufacture-box2 .listbox .box { width:calc((100% - 10px) / 2); }
	.manufacture .manufacture-box2 .listbox .box dt { font-size:1.8rem; height:45px; }
	.manufacture .manufacture-box2 .listbox .box dd { padding:10px 10px 0; }
	.manufacture .manufacture-box2 .listbox .box ul { margin-bottom:20px; }
	.manufacture .manufacture-box2 .listbox .box ul li:not(:last-child) { margin-bottom:10px; }
	.manufacture .manufacture-box2 .listbox .box ul li strong { width:140px; font-size:1.6rem; }
	.manufacture .manufacture-box2 .listbox .box ul li span { font-size:1.6rem; }
	.manufacture .manufacture-box2 .listbox .box .imgbox { padding:0 10px 10px; }
	.manufacture .manufacture-box3 .listbox { gap:10px; }
	.manufacture .manufacture-box3 .listbox .box { width:calc((100% - 20px) / 3); }
	.manufacture .manufacture-box3 .listbox .box strong { font-size:1.8rem; height:40px; }
	.manufacture .manufacture-box3 .table-list { gap:30px; }
	.manufacture .manufacture-box3 .table-list .list { width:calc((100% - 30px) / 2); }
	.manufacture .manufacture-box4 .imgbox { padding:20px; }
	.manufacture .manufacture-box4 .imgbox .top { gap:10px; }
	.manufacture .manufacture-box4 .imgbox .top .box { width:calc((100% - 20px) / 3); }
	.manufacture .manufacture-box4 .imgbox .top .box strong { height:30px; padding:0 10px; font-size:1.6rem; }
	.manufacture .manufacture-box4 .imgbox .bottom { margin-top:30px; padding:30px; }
	.manufacture .manufacture-box4 .imgbox .bottom .box figure { padding:10px; } 
	.manufacture .manufacture-box4 .imgbox .bottom strong { font-size:1.8rem; height:40px; }
	.manufacture .manufacture-box4 .p-list1 { margin-top:50px; }
	.manufacture .manufacture-box4 .p-list1 li { font-size:1.8rem; }
	.manufacture .manufacture-box4 .p-list1 li strong { width:90px; }
	.manufacture .manufacture-box4 .listbox { margin-top:20px; padding:20px; }
	.manufacture .manufacture-box4 .listbox .top { gap:10px; }
	.manufacture .manufacture-box4 .listbox .top .lbox { padding:50px 20px 20px; }
	.manufacture .manufacture-box4 .listbox .top .lbox p { top:15px; font-size:1.6rem; }
	.manufacture .manufacture-box4 .listbox .top .lbox strong { font-size:1.8rem; }
	.manufacture .manufacture-box4 .listbox .top .rbox { padding:20px; }
	.manufacture .manufacture-box4 .listbox .bottom { margin-top:15px; gap:10px; }
	.manufacture .manufacture-box4 .listbox .bottom .box { width:calc((100% - 20px) / 3); }
	.manufacture .manufacture-box1 .listbox .box,
	.manufacture .manufacture-box2 .listbox .box,
	.manufacture .manufacture-box2 .listbox .box dt,
	.manufacture .manufacture-box3 .listbox .box,
	.manufacture .manufacture-box4 .imgbox,
	.manufacture .manufacture-box4 .imgbox .top .box figure,
	.manufacture .manufacture-box4 .imgbox .bottom,
	.manufacture .manufacture-box4 .imgbox .bottom .box figure,
	.manufacture .manufacture-box4 .imgbox .bottom .box,
	.manufacture .manufacture-box4 .listbox,
	.manufacture .manufacture-box4 .listbox .top > div,
	.manufacture .manufacture-box4 .listbox .top .lbox img,
	.manufacture .manufacture-box4 .listbox .bottom .box { border-radius:8px; }
	.manufacture .manufacture-box3 .listbox .box figure { border-radius:8px 8px 0 0; }
	.manufacture .manufacture-box4 .imgbox .top .box strong { border-radius:5px; }
}
@media screen and (max-width:860px){
	.manufacture .manufacture-box1 .listbox .box { width:100%; }
	.manufacture .manufacture-box3 .table-list { gap:10px; }
	.manufacture .manufacture-box3 .table-list .list { width:100%; }
}
@media screen and (max-width:760px){
	.manufacture .manufacture-box2 .listbox { gap:5px; }
	.manufacture .manufacture-box2 .listbox .box { width:100%; }
	.manufacture .manufacture-box3 .listbox { gap:5px; }
	.manufacture .manufacture-box3 .listbox .box { width:calc((100% - 5px) / 2); }
	.manufacture .manufacture-box4 .imgbox .top { gap:5px; }
	.manufacture .manufacture-box4 .imgbox .top .box { width:calc((100% - 10px) / 2); }
	.manufacture .manufacture-box4 .listbox .top { gap:5px; flex-wrap:wrap; justify-content:center; }
	.manufacture .manufacture-box4 .listbox .top > div { width:100%; text-align:center }
	.manufacture .manufacture-box4 .listbox .bottom { gap:5px; }
	.manufacture .manufacture-box4 .listbox .bottom .box { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:640px){
	.manufacture .manufacture-box1,
	.manufacture .manufacture-box2 .listbox,
	.manufacture .manufacture-box3,
	.manufacture .manufacture-box3 .table-list { margin-top:15px; }
	.manufacture .txt-num { margin-bottom:10px; }
	.manufacture .manufacture-box1 .listbox .box dt { padding-top:10px; }
	.manufacture .manufacture-box1 .listbox .box dd { margin:5px 0 10px; }
	.manufacture .manufacture-box4 .imgbox { padding:10px; }
	.manufacture .manufacture-box4 .imgbox .bottom { margin-top:20px; padding:10px; flex-direction:column; }
	.manufacture .manufacture-box4 .imgbox .bottom .arr { transform:rotate(90deg); }
	.manufacture .manufacture-box4 .p-list1 { margin-top:50px; }
	.manufacture .manufacture-box4 .listbox { padding:10px; }
	.manufacture .manufacture-box4 .listbox .top .lbox { padding:40px 10px 10px; }
	.manufacture .manufacture-box4 .listbox .top .rbox { padding:10px; }
}


/* animation */
.manufacture .txt-num { opacity:0; }
.manufacture .txt-num.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.manufacture .manufacture-box1 .listbox .box { opacity:0; }
.manufacture .manufacture-box1 .listbox.subOn .box:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.manufacture .manufacture-box1 .listbox.subOn .box:nth-child(2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.manufacture .manufacture-box1 .listbox.subOn .box:nth-child(3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.manufacture .manufacture-box1 .listbox.subOn .box:nth-child(4) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.manufacture .manufacture-box2 .txt-list1 { opacity:0; }
.manufacture .manufacture-box2 .txt-list1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.manufacture .manufacture-box2 .listbox .box { opacity:0; }
.manufacture .manufacture-box2 .listbox.subOn .box:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.manufacture .manufacture-box2 .listbox.subOn .box:nth-child(2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.manufacture .manufacture-box2 .listbox.subOn .box:nth-child(3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.manufacture .manufacture-box2 .listbox.subOn .box:nth-child(4) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.manufacture .manufacture-box3 .listbox .box { opacity:0; }
.manufacture .manufacture-box3 .listbox.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.manufacture .manufacture-box3 .table-list .list { opacity:0; }
.manufacture .manufacture-box3 .table-list .list.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.manufacture .manufacture-box4 .imgbox .top,
.manufacture .manufacture-box4 .imgbox .bottom,
.manufacture .manufacture-box4 .listbox .top,
.manufacture .manufacture-box4 .p-list1 { opacity:0; }
.manufacture .manufacture-box4 .imgbox .top.subOn,
.manufacture .manufacture-box4 .imgbox .bottom.subOn,
.manufacture .manufacture-box4 .listbox .top.subOn,
.manufacture .manufacture-box4 .p-list1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.manufacture .manufacture-box4 .listbox .bottom .box { opacity:0; }
.manufacture .manufacture-box4 .listbox .bottom.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }


.coating img { max-width:100%; }
.coating .txt-num { margin-bottom:40px; }
.coating .txt-list2 { margin-top:20px; }
.coating .txt-list2 * { font-family:var(--subFont); }
.coating .coating-box1 { margin-top:60px; }
.coating .coating-box1 .listbox .box:not(:last-child) { margin-bottom:10px; }
.coating .coating-box1 .listbox .box { position:relative; padding:40px 230px 40px 60px; min-height:180px; border:1px solid #ddd; border-radius:10px; background:#fff; }
.coating .coating-box1 .listbox .box .num { position:absolute; right:60px; top:50%; transform:translateY(-50%); color:#f5f5f5; font-weight:700; line-height:1; }
.coating .coating-box1 .listbox .box dl { display:flex; }
.coating .coating-box1 .listbox .box dt { width:350px; flex-shrink:0; color:#222; font-weight:500; line-height:1.3; }
.coating .coating-box2 .listbox { padding:50px; border:1px solid #ddd; border-radius:10px; }
.coating .coating-box2 .listbox p { margin-bottom:25px; color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; text-align:center; letter-spacing:-0.03em; }
.coating .coating-box2 .listbox .imgbox { display:flex; gap:20px; text-align:center; }
.coating .coating-box2 .listbox .imgbox strong { color:#333; font-family:var(--subFont); font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.coating .coating-box2 .listbox .imgbox .l-box { border-radius:10px; background:#f5f5f5; padding:20px; display:flex; gap:20px; flex-direction:column-reverse; }
.coating .coating-box2 .listbox .imgbox .r-box { display:flex; justify-content:space-between; flex-direction:column; gap:5px; }
.coating .coating-box2 .listbox .imgbox .r-box .sbox { border-radius:10px; background:#f5f5f5; padding:20px; display:flex; gap:20px; flex-direction:column-reverse; }
.coating .coating-box2 .simg { margin-top:20px; display:flex; gap:30px; }
.coating .coating-box2 .simg .box { position:relative; }
.coating .coating-box2 .simg .box img { border-radius:10px; max-width:100%; }
.coating .coating-box2 .simg .box strong { position:absolute; left:0; bottom:20px; width:100%; text-align:center; color:#fff; font-family:var(--subFont); font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.coating .coating-box2.coating-box5 .imgbox .box { width:calc((100% - 20px) / 2); }
.coating .coating-box2.coating-box5 .imgbox .box .table-list th,
.coating .coating-box2.coating-box5 .imgbox .box .table-list td { height:70px; }
.coating .coating-box2.coating-box5 .imgbox .box .table-list th { font-size:1.8rem; }
.coating .coating-box2.coating-box6 .imgbox { gap:50px; }
@media screen and (max-width:1280px){
	.coating .txt-num { margin-bottom:30px; }
	.coating .txt-list2 { margin-top:15px; }
	.coating .coating-box1 { margin-top:40px; }
	.coating .coating-box1 .listbox .box:not(:last-child) { margin-bottom:8px; }
	.coating .coating-box1 .listbox .box { padding:30px 200px 30px 50px; min-height:160px; }
	.coating .coating-box1 .listbox .box .num { right:50px; }
	.coating .coating-box1 .listbox .box dt { width:320px; }
	.coating .coating-box2 .listbox { padding:40px; }
	.coating .coating-box2 .listbox p { margin-bottom:20px; font-size:1.9rem; }
	.coating .coating-box2 .listbox .imgbox { gap:15px; }
	.coating .coating-box2 .listbox .imgbox strong { font-size:1.9rem; }
	.coating .coating-box2 .listbox .imgbox .l-box,
	.coating .coating-box2 .listbox .imgbox .r-box .sbox { padding:15px; gap:15px; }
	.coating .coating-box2.coating-box5 .imgbox .box { width:calc((100% - 15px) / 2); }
	.coating .coating-box2.coating-box5 .imgbox .box .table-list th,
	.coating .coating-box2.coating-box5 .imgbox .box .table-list td { height:60px; }
	.coating .coating-box2.coating-box5 .imgbox .box .table-list th { font-size:1.7rem; }
	.coating .coating-box2.coating-box6 .imgbox { gap:40px; }
}
@media screen and (max-width:1024px){
	.coating .txt-num { margin-bottom:20px; }
	.coating .txt-list2 { margin-top:10px; }
	.coating .coating-box1 { margin-top:30px; }
	.coating .coating-box1 .listbox .box:not(:last-child) { margin-bottom:5px; }
	.coating .coating-box1 .listbox .box { padding:20px 180px 20px 40px; min-height:160px; }
	.coating .coating-box1 .listbox .box .num { right:40px; }
	.coating .coating-box1 .listbox .box dt { width:280px; }
	.coating .coating-box2 .listbox { padding:30px; }
	.coating .coating-box2 .listbox p { margin-bottom:10px; font-size:1.8rem; }
	.coating .coating-box2 .listbox .imgbox { gap:10px; }
	.coating .coating-box2 .listbox .imgbox strong { font-size:1.8rem; }
	.coating .coating-box2 .listbox .imgbox .l-box,
	.coating .coating-box2 .listbox .imgbox .r-box .sbox { padding:10px; gap:10px; }
	.coating .coating-box2 .simg { margin-top:10px; gap:15px; }
	.coating .coating-box2 .simg .box img { border-radius:8px; }
	.coating .coating-box2 .simg .box strong { bottom:10px; font-size:1.8rem; }
	.coating .coating-box2.coating-box5 .imgbox { flex-wrap:wrap; }
	.coating .coating-box2.coating-box5 .imgbox .box { width:100%; }
	.coating .coating-box2.coating-box5 .imgbox .box .table-list th,
	.coating .coating-box2.coating-box5 .imgbox .box .table-list td { height:50px; }
	.coating .coating-box2.coating-box5 .imgbox .box .table-list th { font-size:1.6rem; }
	.coating .coating-box2.coating-box6 .imgbox { gap:20px; }
	.coating .coating-box1 .listbox .box,	
	.coating .coating-box2 .listbox,
	.coating .coating-box2 .listbox .imgbox .l-box,
	.coating .coating-box2 .listbox .imgbox .r-box .sbox { border-radius:8px; }
}
@media screen and (max-width:860px){
	.coating .coating-box1 .listbox .box { min-height:auto; }
	.coating .coating-box1 .listbox .box dl { flex-wrap:wrap; gap:10px; }
	.coating .coating-box1 .listbox .box dt,
	.coating .coating-box1 .listbox .box dd { width:100%; }
}
@media screen and (max-width:760px){
	.coating .coating-box2 .listbox .imgbox { flex-wrap:wrap; gap:5px; }
	.coating .coating-box2.coating-box3 .listbox .imgbox,
	.coating .coating-box2.coating-box6 .listbox .imgbox { flex-wrap:nowrap; }
}
@media screen and (max-width:640px){
	.coating .txt-num { margin-bottom:10px; }
	.coating .txt-list2 { margin-top:10px; }
	.coating .coating-box1 { margin-top:15px; }
	.coating .coating-box1 .listbox .box { padding:20px 80px 20px 20px; }
	.coating .coating-box1 .listbox .box .num { right:20px; }
	.coating .coating-box2 .listbox { padding:30px; }
	.coating .coating-box2 .listbox p { margin-bottom:10px; font-size:1.8rem; }
	.coating .coating-box2 .listbox { padding:10px; }
	.coating .coating-box2 .listbox .imgbox { gap:10px; }
	.coating .coating-box2 .listbox .imgbox strong { font-size:1.8rem; }
	.coating .coating-box2 .listbox .imgbox .l-box,
	.coating .coating-box2 .listbox .imgbox .r-box .sbox { padding:10px; gap:10px; }
	.coating .coating-box2 .simg { gap:10px; }
	.coating .coating-box2.coating-box5 .imgbox { flex-wrap:wrap; }
	.coating .coating-box2.coating-box5 .imgbox .box { width:100%; }
	.coating .coating-box2.coating-box6 .imgbox { gap:10px; }
}
@media screen and (max-width:520px){
	.coating .coating-box2 .simg { flex-wrap:wrap; gap:5px; }
	.coating .coating-box2 .simg .box { width:100%; }
}

/* animation */
.coating .txt-num { opacity:0; }
.coating .txt-num.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.coating .coating-box1 .listbox .box { opacity:0; }
.coating .coating-box1 .listbox .box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.coating .coating-box2 .listbox { opacity:0; }
.coating .coating-box2 .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.coating .coating-box2 .simg { opacity:0; }
.coating .coating-box2 .simg.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }



.analysis img { width:100%; border-radius:10px; }
.analysis .txt-num { margin-bottom:40px; }
.analysis .txt-num,
.analysis .analysis-box1 .listbox,
.analysis .analysis-box1 .line-box { margin-top:60px; }
.analysis .analysis-box1 .listbox { display:flex; gap:15px; }
.analysis .analysis-box1 .listbox h4 { margin-bottom:10px; color:#fff; font-size:2.2rem; font-weight:500; line-height:1.3; border-radius:10px; height:70px; display:flex; align-items:center; justify-content:center; background:var(--mainColor); }
.analysis .analysis-box1 .listbox .table-list { margin-top:10px; }
.analysis .analysis-box1 .listbox .table-list.noR tbody td.h180 { height:180px; }
.analysis .analysis-box1 .line-box { border:1px solid #ddd; border-radius:10px; padding:50px; }
.analysis .analysis-box1 .line-box .top { display:flex; gap:100px; align-items:center; }
.analysis .analysis-box1 .line-box .top > div { width:calc((100% - 100px) / 2); }
.analysis .analysis-box1 .line-box .bottom { margin-top:30px; display:flex; gap:25px; }
.analysis .analysis-box3 .listbox { gap:20px; }
.analysis .analysis-box3 .listbox .l-box { padding:50px 50px 30px; border-radius:10px; background:#F5F5F5; text-align:center; }
.analysis .analysis-box3 .listbox .l-box .box { display:flex; gap:30px; }
.analysis .analysis-box3 .listbox .l-box h5 { margin-top:20px; font-family:var(--subFont); color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.analysis .analysis-box4 .listbox .box:nth-child(2) img { border:1px solid #ddd; }
@media screen and (max-width:1280px){
	.analysis .txt-num { margin-bottom:30px; }
	.analysis .txt-num,
	.analysis .analysis-box1 .listbox,
	.analysis .analysis-box1 .line-box { margin-top:40px; }
	.analysis .analysis-box1 .listbox { gap:10px; }
	.analysis .analysis-box1 .listbox h4 { font-size:2.0rem; height:60px; }
	.analysis .analysis-box1 .listbox .table-list.noR tbody td.h180 { height:150px; }
	.analysis .analysis-box1 .line-box { padding:40px; }
	.analysis .analysis-box1 .line-box .top { gap:60px; }
	.analysis .analysis-box1 .line-box .top > div { width:calc((100% - 60px) / 2); }
	.analysis .analysis-box1 .line-box .bottom { margin-top:25px; gap:20px; }
	.analysis .analysis-box3 .listbox { gap:15px; }
	.analysis .analysis-box3 .listbox .l-box { padding:40px 40px 30px; }
	.analysis .analysis-box3 .listbox .l-box .box { gap:25px; }
	.analysis .analysis-box3 .listbox .l-box h5 { margin-top:15px; font-size:1.9rem; }
}
@media screen and (max-width:1024px){
	.analysis .txt-num { margin-bottom:20px; }
	.analysis .txt-num,
	.analysis .analysis-box1 .listbox,
	.analysis .analysis-box1 .line-box { margin-top:30px; }
	.analysis .analysis-box1 .listbox h4 { font-size:1.9rem; height:55px; }
	.analysis .analysis-box1 .line-box { padding:20px; }
	.analysis .analysis-box1 .line-box .top { gap:40px; }
	.analysis .analysis-box1 .line-box .top > div { width:calc((100% - 40px) / 2); }
	.analysis .analysis-box1 .line-box .bottom { margin-top:20px; gap:15px; }
	.analysis .analysis-box3 .listbox { gap:10px; }
	.analysis .analysis-box3 .listbox .l-box { padding:20px; }
	.analysis .analysis-box3 .listbox .l-box .box { gap:20px; }
	.analysis .analysis-box3 .listbox .l-box h5 { margin-top:15px; font-size:1.9rem; }
	.analysis img,
	.analysis .analysis-box1 .listbox h4,
	.analysis .analysis-box1 .line-box,
	.analysis .analysis-box3 .listbox .l-box { border-radius:8px; }
}
@media screen and (max-width:860px){
	.analysis .analysis-box1 .listbox { flex-wrap:wrap; }
	.analysis .analysis-box1 .listbox { gap:5px; }
	.analysis .analysis-box1 .listbox .box figure { text-align:center; }
	.analysis .analysis-box1 .listbox .box { width:calc((100% - 5px) / 2); }
	.analysis .analysis-box1 .line-box .top { gap:20px; }
	.analysis .analysis-box1 .line-box .top > div { width:calc((100% - 20px) / 2); }
	.analysis .analysis-box3 .listbox { justify-content:center; }
	.analysis .analysis-box3 .listbox > div { width:100%; }
	.analysis .analysis-box3 .listbox .l-box { padding:10px; }
	.analysis .analysis-box3 .listbox .l-box .box { gap:15px; justify-content:center; }
	.analysis .analysis-box3 .listbox .box { width:100%; }
}
@media screen and (max-width:760px){
	.analysis .analysis-box4 .listbox .box { width:100%; }
}
@media screen and (max-width:640px){
	.analysis .txt-num { margin-bottom:10px; }
	.analysis .txt-num,
	.analysis .analysis-box1 .listbox,
	.analysis .analysis-box1 .line-box { margin-top:15px; }
	.analysis .analysis-box1 .listbox { gap:5px; flex-wrap:wrap; }
	.analysis .analysis-box1 .listbox figure { text-align:center; }
	.analysis .analysis-box1 .listbox .box { width:100%; }
	.analysis .analysis-box1 .listbox .table-list.noR tbody td.h180 { height:auto; }
	.analysis .analysis-box1 .line-box,
	.analysis .analysis-box3 .listbox .l-box { padding:10px; }
	.analysis .analysis-box1 .line-box .top { gap:12px; flex-wrap:wrap; }
	.analysis .analysis-box1 .line-box .top > div { width:100%; }
	.analysis .analysis-box1 .line-box .bottom { margin-top:12px; gap:5px; }
}


/* animation */
.analysis .txt-num { opacity:0; }
.analysis .txt-num.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.analysis .analysis-box1 .index-list2 .box { opacity:0; }
.analysis .analysis-box1 .index-list2.subOn .box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.analysis .txt-list1 { opacity:0; }
.analysis .txt-list1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.analysis .analysis-box2 .line-box,
.analysis .analysis-box3 .listbox,
.analysis .analysis-box4 .listbox { opacity:0; }
.analysis .analysis-box2 .line-box.subOn,
.analysis .analysis-box3 .listbox.subOn,
.analysis .analysis-box4 .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* esg */
.esg-box .subTab { margin-bottom:150px; border-bottom:1px solid #ddd; background:#fff; }
.esg-box .subTab ul { display:flex; padding:0; background:#fff; max-width:1500px; margin:0 auto; }
.esg-box .subTab li { width:calc(100% / 6); }
.esg-box .subTab li a { color:#999; font-size:1.8rem; font-weight:500; }
.esg-box .subTab li a:before { content:""; display:block; width:0; height:2px; background-color:#000; position:absolute; left:0; bottom:-1px; transition:all 0.3s; z-index:2; }
.esg-box .subTab li a.on { color:#111; }
.esg-box .subTab li a.on:before { width:100%; }
.esg-box .esg-list .esg-top,
.esg-box .tabCont:not(:last-child) { margin-bottom:250px; }
@media screen and (max-width:1540px){
	.esg-box .esg-list { overflow:hidden; }
	.esg-box .subTab ul { padding:0 20px; }
}
@media screen and (max-width:1440px){
	.esg-box .esg-list .esg-top,
	.esg-box .tabCont:not(:last-child) { margin-bottom:200px; }
}
@media screen and (max-width:1280px){
	.esg-box .subTab li a { font-size:1.8rem; }
	.esg-box .esg-list .esg-top,
	.esg-box .tabCont:not(:last-child) { margin-bottom:150px; }
}
@media screen and (max-width:1024px){
	.esg-box .subTab { margin-bottom:80px; }
	.esg-box .subTab li a { font-size:1.7rem; }
	.esg-box .esg-list .esg-top,
	.esg-box .tabCont:not(:last-child) { margin-bottom:100px; }
}
@media screen and (max-width:640px){
	.esg-box .subTab { margin-bottom:40px; }
	.esg-box .subTab:before { content:''; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:#ddd; }
	.esg-box .subTab ul { flex-wrap:wrap; }
	.esg-box .subTab li { width:calc(100% / 3); }
	.esg-box .esg-list .esg-top,
	.esg-box .tabCont:not(:last-child) { margin-bottom:50px; }
}
/* animation */
.esg-box .subTab ul { opacity:1; }
.esg-box .subTab.subOn ul { animation:none; }


.esg-box img { max-width:100%; }
.esg-box .esg-list .esg-top .imgbox { display:flex; justify-content:space-between; gap:20px; }
.esg-box .esg-list .esg-top .imgbox img { border-radius:10px; }
.esg-box .esg-list .esg-top .txtbox { margin-top:120px; text-align:center; }
.esg-box .esg-list .esg-top .txtbox .txt-1 { font-family:var(--subFont); color:#222; font-weight:500; line-height:1.42; letter-spacing:-0.05em; }
.esg-box .esg-list .esg-top .txtbox .txt-2 { margin-top:40px; font-family:var(--subFont); color:#333; font-size:2.2rem; font-weight:300; line-height:1.63; letter-spacing:-0.035em; }
.esg-box .esg-list .esg-top .listbox .list { margin-top:40px; display:flex; flex-wrap:wrap; gap:15px; }
.esg-box .esg-list .esg-top .listbox .list .box { width:calc((100% - 30px) / 3); border:1px solid #ddd; border-radius:10px; padding:60px 20px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.esg-box .esg-list .esg-top .listbox .list .box dt { margin:30px 0 20px; color:#222; font-weight:600; line-height:1.3; }
@media screen and (max-width:1280px){
	.esg-box .esg-list .esg-top .txtbox { margin-top:100px; }
	.esg-box .esg-list .esg-top .txtbox .txt-2 { margin-top:30px; font-size:2.0rem; }
	.esg-box .esg-list .esg-top .txtbox .txt-2 br { display:none; }
	.esg-box .esg-list .esg-top .txtbox .txt-2 .m_br { display:block; }
	.esg-box .esg-list .esg-top .listbox .list { margin-top:30px; }
	.esg-box .esg-list .esg-top .listbox .list .box { width:calc((100% - 30px) / 3); padding:50px 20px; }
	.esg-box .esg-list .esg-top .listbox .list .box dt { margin:25px 0 15px; }
}
@media screen and (max-width:1024px){
	.esg-box .esg-list .esg-top .imgbox { gap:10px; }
	.esg-box .esg-list .esg-top .imgbox img { border-radius:8px; }
	.esg-box .esg-list .esg-top .txtbox { margin-top:80px; }
	.esg-box .esg-list .esg-top .txtbox .txt-2 { margin-top:20px; font-size:1.8rem; }
	.esg-box .esg-list .esg-top .listbox .list { margin-top:20px; gap:10px; }
	.esg-box .esg-list .esg-top .listbox .list .box { width:calc((100% - 20px) / 3); padding:30px 10px; }
	.esg-box .esg-list .esg-top .listbox .list .box .icon img { width:90px; }
	.esg-box .esg-list .esg-top .listbox .list .box dt { margin:20px 0 10px; }
}
@media screen and (max-width:640px){
	.esg-box .esg-list .esg-top .imgbox { gap:5px; }
	.esg-box .esg-list .esg-top .txtbox { margin-top:40px; } 
	.esg-box .esg-list .esg-top .txtbox .txt-1 br { display:none; }
	.esg-box .esg-list .esg-top .txtbox .txt-2 { margin-top:10px; }
	.esg-box .esg-list .esg-top .listbox .list { margin-top:10px; gap:5px; }
	.esg-box .esg-list .esg-top .listbox .list .box { width:calc((100% - 5px) / 2); padding:10px 10px 20px; }
	.esg-box .esg-list .esg-top .listbox .list .box .icon img { width:70px; }
	.esg-box .esg-list .esg-top .listbox .list .box dt { margin:10px 0 5px; }
}

/* animation */
.esg-box .esg-list .esg-top .imgbox figure { opacity:0; }
.esg-box .esg-list .esg-top .imgbox.subOn figure { animation:ani_2 1.0s 0.3s; animation-fill-mode:both; }
.esg-box .esg-list .esg-top .imgbox.subOn figure:nth-child(2) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.esg-box .esg-list .esg-top .txtbox .txt-1,
.esg-box .esg-list .esg-top .txtbox .txt-2 { opacity:0; }
.esg-box .esg-list .esg-top .txtbox.subOn .txt-1 { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .esg-list .esg-top .txtbox.subOn .txt-2 { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.esg-box .esg-list .esg-top .list .box { opacity:0; }
.esg-box .esg-list .esg-top .list.subOn .box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }


.esg-box .topTxt { font-family:var(--subFont); color:#111; font-weight:500; line-height:1.5; letter-spacing:-0.040em; }
.esg-box .topImg { position:relative; margin-top:60px; border-radius:10px; overflow:hidden }
.esg-box .txt-num { margin-bottom:40px; }
.esg-box .listCont .list { display:flex; flex-wrap:wrap; gap:15px; }
.esg-box .listCont .list .box { width:calc((100% - 30px) / 3); border:1px solid #ddd; border-radius:10px; padding:60px 20px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.esg-box .listCont .list .box dt { margin:30px 0 10px; color:#222; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.esg-box .listCont .list .box dd { color:#666; font-size:2.0rem; font-weight:300; line-height:1.6; letter-spacing:-0.035em; }
.esg-box .txt-list .list li:not(:last-child) { margin-bottom:10px; }
.esg-box .txt-list .list li { border-radius:10px; border:1px solid #ddd; background:#fff; padding:40px 80px; display:flex; gap:80px; align-items:center; }
.esg-box .txt-list .list li .num { color:#f5f5f5; font-weight:700; line-height:1.0; width:100px; text-align:center; flex-shrink:0; }
.esg-box .txt-list .list li dt { font-family:var(--subFont); color:#222; font-size:2.2rem; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.esg-box .txt-list .list li dd { margin-top:10px; font-family:var(--subFont); color:#666; font-size:2.0rem; font-weight:400; line-height:1.3; letter-spacing:-0.03em; }
.esg-box .txt-list .list li .txt { font-family:var(--subFont); color:#666; font-size:2.0rem; font-weight:400; line-height:1.3; letter-spacing:-0.03em; }
@media screen and (max-width:1280px){
	.esg-box .topTxt br { display:none }
	.esg-box .topTxt .m_br { display:block; }
	.esg-box .topImg { margin-top:40px; }
	.esg-box .txt-num { margin-bottom:30px; }
	.esg-box .listCont .list .box { width:calc((100% - 30px) / 3); padding:50px 20px; }
	.esg-box .listCont .list .box dt { margin:25px 0 15px; }
	.esg-box .listCont .list .box dd { font-size:1.8rem; }
	.esg-box .listCont .list .box dd br { display:none }
	.esg-box .txt-list .list li { padding:30px 60px; gap:60px; }
	.esg-box .txt-list .list li .num { width:80px; }
	.esg-box .txt-list .list li dt { font-size:2.0rem; }
	.esg-box .txt-list .list li dd { margin-top:10px; font-size:1.8rem; }
	.esg-box .txt-list .list li .txt { font-size:1.8rem; }
}
@media screen and (max-width:1024px){
	.esg-box .topImg { margin-top:30px; border-radius:8px; }
	.esg-box .txt-num { margin-bottom:20px; }
	.esg-box .listCont .list { gap:10px; }
	.esg-box .listCont .list .box { width:calc((100% - 20px) / 3); padding:30px 10px; }
	.esg-box .listCont .list .box .icon img { width:90px; }
	.esg-box .listCont .list .box dt { margin:20px 0 10px; }
	.esg-box .listCont .list .box dd { font-size:1.7rem; }
	.esg-box .txt-list .list li:not(:last-child) { margin-bottom:8px; }
	.esg-box .txt-list .list li { border-radius:8px; padding:20px 30px; gap:30px; }
	.esg-box .txt-list .list li .num { width:60px; }
	.esg-box .txt-list .list li dt { font-size:1.8rem; }
	.esg-box .txt-list .list li dd { margin-top:8px; font-size:1.7rem; }
	.esg-box .txt-list .list li .txt { font-size:1.7rem; }
}
@media screen and (max-width:640px){
	.esg-box .topImg { margin-top:15px; }
	.esg-box .topImg figure:after{ content:""; display:block; padding-bottom:45%; }
	.esg-box .topImg figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
	.esg-box .txt-num { margin-bottom:10px; }
	.esg-box .listCont .list { gap:5px; }
	.esg-box .listCont .list .box { width:calc((100% - 5px) / 2); padding:10px 10px 20px; }
	.esg-box .listCont .list .box .icon img { width:70px; }
	.esg-box .listCont .list .box dt { margin:10px 0 5px; }
	.esg-box .txt-list .list li { padding:20px 10px; gap:10px; }
	.esg-box .txt-list .list li .num { width:50px; }
}

/* animation */
.esg-box .txt-num,
.esg-box .topTxt { opacity:0; }
.esg-box .txt-num.subOn,
.esg-box .topTxt.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .topImg figure:before { content:""; background:rgba(0, 0, 0, 0.3); position:absolute; bottom:0; right:0; width:100%; height:100%; }
.esg-box .topImg.subOn figure:before { animation:ani_w100 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .listCont .list .box { opacity:0; }
.esg-box .listCont .list.subOn .box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .txt-list .list ul li { opacity:0; }
.esg-box .txt-list .list ul.subOn li { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.esg-box .esg-history { display:flex; flex-wrap:wrap; }
.esg-box .esg-history .txt-num { width:500px; }
.esg-box .esg-history .list { width:calc(100% - 500px); }
.esg-box .esg-history .list .box:not(:last-child) { margin-bottom:10px; }
.esg-box .esg-history .list .box dl { border-radius:10px; border:1px solid #ddd; background:#fff; padding:30px 60px; display:flex; gap:60px; align-items:center; }
.esg-box .esg-history .list .box dt { color:#fff; font-size:1.8rem; font-weight:600; line-height:1.3; background:var(--mainColor); border-radius:8px; width:80px; height:40px; display:flex; align-items:center; justify-content:center; }
.esg-box .certificate .tableCont { display:flex; flex-wrap:wrap; gap:100px; align-items:center; }
.esg-box .certificate .tableCont > div { width:calc((100% - 100px) / 2); }
.esg-box .certificate .tableCont .txtbox { font-family:var(--subFont); color:#333; font-size:2.0rem; font-weight:300; line-height:1.7; letter-spacing:-0.03em; }
.esg-box .ethical .listbox { margin-top:100px; }
.esg-box .ethical .listbox ul { display:flex; flex-wrap:wrap; gap:60px 20px; } 
.esg-box .ethical .listbox ul li { width:calc((100% - 60px) / 4); padding:20px 15px; border-radius:10px; background:#f5f5f5; }
.esg-box .ethical .listbox ul li a { display:flex; flex-direction:column; gap:20px; }
.esg-box .ethical .listbox ul li figure { position:relative; overflow:hidden; }
.esg-box .ethical .listbox ul li figure:after{ content:""; display:block; padding-bottom:132%; }
.esg-box .ethical .listbox ul li figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; border-radius:8px; }
.esg-box .ethical .listbox ul li .btxt { display:flex; justify-content:space-between; align-items:flex-end; }
.esg-box .ethical .listbox ul li .btxt .txt { width:calc(100% - 35px); }
.esg-box .ethical .listbox ul li .btxt .txt .stxt { color:#666; font-size:1.6rem; font-weight:400; line-height:1.3; }
.esg-box .ethical .listbox ul li .btxt .txt h5 { margin-top:10px; color:#333; font-weight:500; line-height:1.3; }
@media screen and (max-width:1280px){
	.esg-box .esg-history .txt-num { width:400px; }
	.esg-box .esg-history .list { width:calc(100% - 400px); }
	.esg-box .esg-history .list .box dl { padding:20px 50px; gap:50px; }
	.esg-box .esg-history .list .box dt { font-size:1.7rem; width:70px; height:35px; }
	.esg-box .certificate .tableCont { gap:70px; }
	.esg-box .certificate .tableCont > div { width:calc((100% - 70px) / 2); }
	.esg-box .certificate .tableCont .txtbox { font-size:1.8rem;}
	.esg-box .ethical .listbox { margin-top:80px; }
	.esg-box .ethical .listbox ul { gap:50px 15px; } 
	.esg-box .ethical .listbox ul li { width:calc((100% - 45px) / 4); padding:15px; }
	.esg-box .ethical .listbox ul li a { gap:15px; }
	.esg-box .ethical .listbox ul li .btxt .txt h5 { margin-top:8px; }
}
@media screen and (max-width:1024px){
	.esg-box .esg-history .txt-num { width:100%; }
	.esg-box .esg-history .list { width:100%; margin-top:20px; }
	.esg-box .esg-history .list .box dl { padding:20px 20px; gap:20px; }
	.esg-box .esg-history .list .box dt { font-size:1.6rem; width:65px; height:30px; }
	.esg-box .certificate .tableCont { gap:40px; }
	.esg-box .certificate .tableCont > div { width:calc((100% - 40px) / 2); }
	.esg-box .certificate .tableCont .txtbox { font-size:1.7rem;}
	.esg-box .ethical .listbox { margin-top:50px; }
	.esg-box .ethical .listbox ul { gap:40px 10px; } 
	.esg-box .ethical .listbox ul li { width:calc((100% - 20px) / 3); padding:15px; }
	.esg-box .esg-history .list .box dl,
	.esg-box .ethical .listbox ul li { border-radius:8px; }
	.esg-box .esg-history .list .box dt,
	.esg-box .ethical .listbox ul li figure img { border-radius:5px; }
}
@media screen and (max-width:860px){
	.esg-box .certificate .tableCont { gap:20px; }
	.esg-box .certificate .tableCont > div { width:100%; }
	.esg-box .ethical .listbox ul { gap:30px 5px; } 
	.esg-box .ethical .listbox ul li { width:calc((100% - 5px) / 2); }
	.esg-box .ethical .listbox ul li .btxt .txt h5 { margin-top:5px; }
}

/* animation */
.esg-box .esg-history .list .box { opacity:0; }
.esg-box .esg-history .list .box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .certificate .tableCont > div { opacity:0; }
.esg-box .certificate .tableCont.subOn .table-list { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .certificate .tableCont.subOn .txtbox { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.esg-box .ethical .listbox { opacity:0; }
.esg-box .ethical .listbox.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.esg-box .certificate .tableCont.subOn .table-list { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.esg-box .certificate .tableCont.subOn .txtbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}



.finance-box .table-list th { font-family:var(--mainFont); }
.finance-box .table-list { opacity:0; }
.finance-box .table-list.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.talent-box .listbox { display:flex; gap:15px; flex-wrap:wrap; }
.talent-box .listbox .box { position:relative; width:calc((100% - 30px) / 3); border-radius:10px; border:1px solid #ddd; }
.talent-box .listbox .box figure { margin-top:20px; overflow:hidden; border-radius:10px; }
.talent-box .listbox .box figure img { width:100%; }
.talent-box .listbox .box .sbox { padding:30px 30px 40px; height:567px; }
.talent-box .listbox .box .sbox > dl { display:flex; flex-direction:column; justify-content:space-between; height:100%; }
.talent-box .listbox .box .sbox > dl > dd { color:#666; font-size:2.0rem; font-weight:300; line-height:1.7; letter-spacing:-0.035em; }
.talent-box .listbox .box .sbox > dl > dd h5 { margin-bottom:20px; color:#111; font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.talent-box .listbox .box .sbox .tbox { display:flex; align-items:center; gap:10px; color:var(--mainColor); font-size:1.8rem; font-weight:500; line-height:1.3; }
.talent-box .listbox .box .sbox .tbox strong { color:#fff; font-size:2.4rem; font-weight:500; line-height:1.3; width:40px; height:40px; background:var(--mainColor); border-radius:5px; display:flex; align-items:center; justify-content:center; }
.talent-box .listbox .box .sbox .icon { position:absolute; right:30px; bottom:30px; }
.talent-box .listbox .box .b-box dl { text-align:right; }
.talent-box .listbox .box .b-box dt { color:#fff; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.talent-box .listbox .box .b-box dd { margin-top:10px; color:#fff; font-size:2.2rem; font-weight:300; line-height:1.63; letter-spacing:-0.035em; }
.talent-box .listbox .box.bg .sbox { background:var(--mainColor); border:1px solid var(--mainColor); }
.talent-box .listbox .box.bg .sbox .tbox { gap:5px; }
.talent-box .listbox .box.bg .sbox .tbox strong { background:#fff; color:var(--mainColor); font-weight:600; }
.talent-box .listbox .box.bg .b-box { display:flex; flex-direction:column; justify-content:space-between; height:100%; }
@media screen and (max-width:1440px){
	.talent-box .listbox .box .sbox { height:540px; }
}
@media screen and (max-width:1280px){
	.talent-box .listbox { gap:10px; }
	.talent-box .listbox .box { width:calc((100% - 20px) / 3); }
	.talent-box .listbox .box .sbox { padding:25px; height:500px; }
	.talent-box .listbox .box .sbox > dl > dd h5 { margin-bottom:15px; }
	.talent-box .listbox .box .sbox > dl > dd br { display:none }
	.talent-box .listbox .box .sbox > dl > dd { font-size:1.9rem; padding-right:80px; }
	.talent-box .listbox .box .sbox .tbox { font-size:1.7rem; }
	.talent-box .listbox .box .sbox .tbox strong { font-size:2.2rem; }
	.talent-box .listbox .box .sbox .icon { right:25px; bottom:25px; }
	.talent-box .listbox .box .b-box dd { margin-top:8px; font-size:2.0rem; }
}
@media screen and (max-width:1024px){
	.talent-box .listbox { gap:10px; }
	.talent-box .listbox .box figure { margin:10px 0 30px; border-radius:5px; }
	.talent-box .listbox .box { width:calc((100% - 10px) / 2); }
	.talent-box .listbox .box .sbox { padding:20px; border-radius:8px; height:100%; }
	.talent-box .listbox .box .sbox > dl > dd h5 { margin-bottom:10px; }
	.talent-box .listbox .box .sbox > dl > dd { font-size:1.8rem; }
	.talent-box .listbox .box .sbox .tbox { font-size:1.6rem; gap:8px;}
	.talent-box .listbox .box .sbox .tbox strong { font-size:2.0rem; width:32px; height:32px; border-radius:3px; }
	.talent-box .listbox .box .sbox .icon { right:20px; bottom:20px; }
	.talent-box .listbox .box .sbox .icon img { width:70px; }
	.talent-box .listbox .box .b-box dd { margin-top:5px; font-size:1.9rem; }
	.talent-box .listbox .box.bg .sbox .tbox { gap:3px; }
}
@media screen and (max-width:640px){
	.talent-box .listbox { gap:5px; }
	.talent-box .listbox .box { width:calc((100% - 5px) / 2); }
	.talent-box .listbox .box .sbox { padding:10px; }
	.talent-box .listbox .box .sbox .icon { right:10px; bottom:10px; }
	.talent-box .listbox .box .sbox .icon img { width:60px; }
	.talent-box .listbox .box .sbox > dl > dd h5 { margin-bottom:5px; }
	.talent-box .listbox .box .sbox > dl > dd { padding-right:60px; }
	.talent-box .listbox .box .sbox .tbox strong { font-size:1.9rem; width:28px; height:28px; }
	.talent-box .listbox .box .b-box dd { margin-top:5px; font-size:1.7rem; }
}
@media screen and (max-width:480px){
	.talent-box .listbox .box .sbox .icon img { width:50px; }
	.talent-box .listbox .box .sbox > dl > dd { padding-right:50px; }
}

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


.career-list { display:flex; justify-content:space-between; }
.career-list .txt-num { flex-direction:column; position:sticky; top:100px; height:240px; }
.career-list .txt-num h4 { color:#000; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.career-list .txt-num dd { margin-top:20px; color:#111; font-weight:300; line-height:1.58; letter-spacing:-0.035em; }
.career-list .img-list { width:100%; max-width:700px; }
.career-list .img-list .box figure img { width:100%; max-width:100%; border-radius:10px; }
@media screen and (max-width:1280px){
	.career-list .img-list { max-width:600px; }
}
@media screen and (max-width:1024px){
	.career-list .txt-num dd { margin-top:10px; }
	.career-list .img-list { max-width:500px; }
	.career-list .img-list .box figure img { border-radius:8px; }
}
@media screen and (max-width:860px){
	.career-list { flex-wrap:wrap; }
	.career-list .txt-num { position:relative; top:0; height:auto; width:100%; }
	.career-list .txt-num dd br { display:none; }
	.career-list .txt-num dd .m_br { display:block; }
	.career-list .img-list { max-width:100%; margin-top:20px; }
	.career-list .img-list .box figure:before { content:""; display:block; padding-bottom:50%; }
	.career-list .img-list .box figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
}
@media screen and (max-width:640px){
	.career-list .txt-num dd { margin-top:5px; }
	.career-list .img-list { margin-top:10px; }
}

/* animation */
.career-list .txt-num h4,
.career-list .txt-num dd { opacity:0; }
.career-list .txt-num.subOn h4 { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }
.career-list .txt-num.subOn dd { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.career-list .img-list .box { opacity:0; }
.career-list .img-list .box.subOn { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }


.personnel-box .listbox .img-list .box { position:relative; overflow:hidden; }
.personnel-box .listbox .img-list .box:not(:last-child) { margin-bottom:60px; }
.personnel-box .listbox .img-list .box dl,
.personnel-box .listbox .img-list .box .txt { position:absolute; left:0; bottom:0; padding:30px; }
.personnel-box .listbox .img-list .box dt,
.personnel-box .listbox .img-list .box .txt { color:#fff; font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.personnel-box .listbox .img-list .box dd,
.personnel-box .listbox .img-list .box .txt span { display:block; margin-top:10px; color:#fff; font-size:2.0rem; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.personnel-box .listbox .img-list .box .txt span { font-family:var(--subFont); }
@media screen and (max-width:1280px){
	.personnel-box .listbox .img-list .box:not(:last-child) { margin-bottom:40px; }
	.personnel-box .listbox .img-list .box dd,
	.personnel-box .listbox .img-list .box .txt span { font-size:1.9rem; }
}
@media screen and (max-width:1024px){
	.personnel-box .listbox .img-list .box:not(:last-child) { margin-bottom:30px; }
	.personnel-box .listbox .img-list .box dl,
	.personnel-box .listbox .img-list .box .txt { padding:20px; }
	.personnel-box .listbox .img-list .box dd,
	.personnel-box .listbox .img-list .box .txt span { margin-top:5px; font-size:1.8rem; }
}
@media screen and (max-width:640px){
	.personnel-box .listbox .img-list .box:not(:last-child) { margin-bottom:10px; }
	.personnel-box .listbox .img-list .box dl,
	.personnel-box .listbox .img-list .box .txt { padding:15px; }
}


.recruitment-box .img-list .box figure { position:relative; margin-bottom:20px; }
.recruitment-box .img-list .ch-list h5 { margin-bottom:30px; color:#111; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.recruitment-box .img-list .ch-list li:not(:last-child) { margin-bottom:10px; }
.recruitment-box .img-list .ch-list li { color:#333; font-size:2.0rem; font-weight:400; line-height:1.3; letter-spacing:-0.035em; border:1px solid #ddd; border-radius:10px; height:80px; padding:0 25px; display:flex; gap:25px; align-items:center; }
.recruitment-box .img-list .ch-list li .icon { background:var(--mainColor); width:30px; height:30px; border-radius:5px; display:flex; align-items:center; justify-content:center; }
.recruitment-box .img-list .table-list tbody td { height:80px; }
.recruitment-box .img-list .process { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; width:100%; }
.recruitment-box .img-list .process .p-box { position:relative; width:calc((100% - 40px) / 3); }
.recruitment-box .img-list .process .p-box:before { content:""; display:block; padding-bottom:100%; }
.recruitment-box .img-list .process .p-box:after { content:""; display:block; position:absolute; left:-20px; top:50%; transform:translateY(-50%); width:26px; height:12px; background-image:url('/img/svg/p_arr.svg');  }
.recruitment-box .img-list .process .p-box:first-child:after { display:none; }
.recruitment-box .img-list .process .p-box .sbox { position:absolute; left:0; top:0; width:100%; height:100%; padding:30px; border-radius:10px; background:#eee; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.recruitment-box .img-list .process .p-box .sbox .icon { margin:16px 0; }
.recruitment-box .img-list .process .p-box .sbox .stxt { color:rgba(0, 0, 0, 0.3); font-size:1.6rem; font-weight:500; line-height:1.3; }
.recruitment-box .img-list .process .p-box .sbox .txt { color:#333; font-size:2.0rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.recruitment-box .img-list .process .p-box:last-child .sbox { background:var(--mainColor); }
.recruitment-box .img-list .process .p-box:last-child .sbox .stxt,
.recruitment-box .img-list .process .p-box:last-child .sbox .txt { color:#fff; }
.recruitment-box .img-list .txt-1 { color:#111; font-weight:500; line-height:1.66; letter-spacing:-0.035em; }
@media screen and (max-width:1280px){
	.recruitment-box .img-list .box figure { margin-bottom:15px; }
	.recruitment-box .img-list .ch-list h5 { margin-bottom:25px; }
	.recruitment-box .img-list .ch-list li { font-size:1.9rem; height:70px; padding:0 20px; gap:20px; }
	.recruitment-box .img-list .process .p-box .sbox .icon { margin:14px 0; }
	.recruitment-box .img-list .process .p-box .sbox .icon img { width:70px; }
	.recruitment-box .img-list .process .p-box .sbox .txt { font-size:1.9rem; }
}
@media screen and (max-width:1024px){
	.recruitment-box .img-list .box figure { margin-bottom:10px; }
	.recruitment-box .img-list .ch-list h5 { margin-bottom:20px; }
	.recruitment-box .img-list .ch-list li:not(:last-child) { margin-bottom:5px; }
	.recruitment-box .img-list .ch-list li { font-size:1.8rem; height:60px; padding:0 15px; gap:15px; border-radius:8px; }
	.recruitment-box .img-list .ch-list li .icon { width:24px; height:24px; border-radius:3px; }
	.recruitment-box .img-list .ch-list li .icon img { width:12px; }
	.recruitment-box .img-list .table-list tbody td { height:70px; }
	.recruitment-box .img-list .process .p-box .sbox .icon { margin:10px 0; }
	.recruitment-box .img-list .process .p-box .sbox .icon img { width:60px; }
	.recruitment-box .img-list .process .p-box .sbox .stxt { font-size:1.5rem; }
	.recruitment-box .img-list .process .p-box .sbox .txt { font-size:1.8rem; }
}
@media screen and (max-width:640px){
	.recruitment-box .img-list .box figure { margin-bottom:5px; }
	.recruitment-box .img-list .ch-list h5 { margin-bottom:10px; }
	.recruitment-box .img-list .table-list tbody td { height:65px; }
	.recruitment-box .img-list .process .p-box .sbox .icon { margin:8px 0; }
	.recruitment-box .img-list .process .p-box .sbox .icon img { width:55px; }
}
@media screen and (max-width:540px){
	.recruitment-box .img-list .process .p-box { width:calc((100% - 20px) / 2); }
}


/* board */
.search-box { display:flex; flex-wrap:wrap; margin-bottom:30px; }
.search-box .s-ipbox { max-width:600px; position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 10px; }
.search-box .s-ipbox select { width:220px; height:60px ; line-height:60px; padding:0 50px 0 20px; font-size:1.8rem; color:#333; font-weight:500; border:1px solid #ddd; border-radius:10px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) calc(100% - 20px) center no-repeat; }
.search-box .s-ipbox select::-ms-expand { display:none; }
.search-box .s-ipbox input { width:calc(100% - 220px - 60px - 20px); height:60px; line-height:1.3; padding:0 20px; font-size:1.8rem; color:#222; font-weight:500; border:1px solid #ddd; border-radius:10px; outline:none; background:none; }
.search-box .s-ipbox button { width:60px; height:60px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; border-radius:10px; background:#000 url(/img/svg/search_icon_ov.svg) center center no-repeat; padding:0; }
.search-box input::placeholder { color:#ccc; opacity:1; font-weight:300; }
@media screen and (max-width:1024px){
	.search-box { margin-bottom:15px; }
	.search-box .s-ipbox select { width:180px; height:50px; line-height:50px; padding:0 45px 0 10px; background-position:calc(100% - 10px) center; }
	.search-box .s-ipbox input { height:50px; padding:0 10px; font-size:1.7rem; }
	.search-box .s-ipbox button { width:50px; height:50px; background-size:18px auto; }
	.search-box .s-ipbox input { width:calc(100% - 180px - 50px - 20px); }
	.search-box .s-ipbox select,
	.search-box .s-ipbox input,
	.search-box .s-ipbox button { border-radius:8px; }
}
@media screen and (max-width:640px){
	.search-box { margin-bottom:10px; }
	.search-box form { width:100%; }
	.search-box .s-ipbox select { height:40px; line-height:40px; }
	.search-box .s-ipbox input { height:40px; }
	.search-box .s-ipbox button { width:40px; height:40px; background-size:17px auto; }
	.search-box .s-ipbox { gap:5px; }
	.search-box .s-ipbox select { width:130px; }
	.search-box .s-ipbox input { width:calc(100% - 130px - 40px - 10px); }
}


.gallery-list > ul { display:flex; flex-wrap:wrap; gap:80px 30px; }
.gallery-list > ul > li { width:calc((100% - 60px) / 3); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; overflow:hidden; background:#f5f5f5; border-radius:10px; }
.gallery-list > ul > li .imgbox:after { content:""; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; opacity:0; background:rgba(0, 0, 0, 0.40); transition:all 0.4s }
.gallery-list > ul > li:hover .imgbox:after { opacity:0.5; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:66.6%; }
.gallery-list > ul > li .imgbox img { transition:all 0.3s ease-in-out; 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; display:flex; justify-content:space-between;}
.gallery-list > ul > li .txtbox h4 { width:calc(100% - 35px); color:#333; letter-spacing:-0.04em; font-size:2.2rem; font-weight:500; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .btnArr { margin-top:4px; }
@media screen and (max-width:1280px){
	.gallery-list > ul { gap:60px 20px; }
	.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
	.gallery-list > ul > li .txtbox h4 { font-size:2.1rem; }
}
@media screen and (max-width:1024px){
	.gallery-list > ul { gap:40px 10px; }
	.gallery-list > ul > li { width:calc((100% - 20px) / 3); }
	.gallery-list > ul > li .imgbox { border-radius:8px; }
	.gallery-list > ul > li .txtbox { margin-top:15px; }
	.gallery-list > ul > li .txtbox h4 { font-size:1.9rem; }
	.gallery-list > ul > li .txtbox { margin-top:15px; }
}
@media screen and (max-width:860px){
	.gallery-list > ul { gap:30px 10px; }
	.gallery-list > ul > li { width:calc((100% - 10px) / 2); }
	.gallery-list > ul > li .txtbox { padding-left:5px; }
}
@media screen and (max-width:640px){
	.gallery-list > ul { gap:20px 5px; }
	.gallery-list > ul > li { width:calc((100% - 5px) / 2); }
	.gallery-list > ul > li .txtbox { margin-top:10px; }
}


.board-list .col { display:flex; align-items:center; justify-content:center; height:80px; }
.board-list .num,
.board-list .date { flex-shrink:0; color:#aaa; font-size:1.8rem; font-weight:400; line-height:1.3; }
.board-list .num { width:200px; }
.board-list .date { width:250px; }
.board-list .txt { width:100%; justify-content:flex-start; }
.board-list .txt strong { font-family:var(--subFont); color:#222; font-size:2.0rem; font-weight:400; line-height:1.3; letter-spacing:-0.035em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-list > ul > li { margin-top:10px; }
.board-list .top,
.board-list > ul > li a { position:relative; border-radius:10px; border:1px solid #ddd; display:flex; align-items:center; }
.board-list .top { background:#000; border:none; }
.board-list .top .col { color:#fff; font-size:2.0rem; font-weight:500; }
.board-list .top .txt { justify-content:center; }
.board-list .col .notice { height:25px; padding:0 10px; color:#000; font-size:1.4rem; font-weight:400; line-height:1.3; border-radius:5px; border:1px solid #000; display:flex; align-items:center; justify-content:center;}
@media screen and (max-width:1280px){
	.board-list .num { width:180px; }
	.board-list .date { width:200px; }
}
@media screen and (max-width:1024px){
	.board-list .num { width:100px; }
	.board-list .date { width:160px; }
	.board-list .col { height:70px; }
	.board-list .num,
	.board-list .date { font-size:1.7rem; }
	.board-list .txt strong,
	.board-list .top .col { font-size:1.85rem; }
	.board-list > ul > li { margin-top:5px; }
	.board-list .top,
	.board-list > ul > li a { border-radius:8px; }
	.board-list .col .notice { height:20px; padding:0 5px; font-size:1.35rem; border-radius:3px; }
}
@media screen and (max-width:860px){
	.board-list .num { width:80px; }
	.board-list .date { width:140px; }
}
@media screen and (max-width:860px){
	.board-list .num { width:60px; }
	.board-list .date { width:110px; }
	.board-list .col { height:50px; }
}


.board-view .top-title { display:flex; justify-content:space-between; }
.board-view .top-title .title { width:70%; padding-right:10%; font-family:var(--subFont); font-weight:600; color:#000; line-height:1.3; letter-spacing:-0.05em; }
.board-view .top-title .info { width:30%; display:flex; gap:0 30px; justify-content:flex-end; padding-top:45px; }
.board-view .top-title .info .txt { position:relative; font-size:1.8rem; font-weight:400; color:#888; line-height:1.3; display:flex; gap:0 20px; }
.board-view .top-title .info .txt strong { font-weight:500; color:#666; }
.board-view .viewCont .contents { min-height:180px; padding:120px 150px 100px 150px; line-height:1.6; font-size:1.8rem; color:#333; }
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .contents,
.board-view .viewCont .contents * { font:initial; font-style:initial; font-weight:initial; font-size:initial; line-height:initial; letter-spacing:initial; color:initial; }
.board-view .viewCont .attach { padding:0 150px 150px; border-bottom:1px solid #ddd; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
.board-view .viewCont .attach li a { border-radius:10px; border:1px solid #ddd; display:flex; align-items:center; height:70px; font-size:1.8rem; font-weight:300; color:#666; letter-spacing:-0.025em; line-height:1.3; word-break:break-word !important; }
.board-view .viewCont .attach li a .txt { width:100%; display:flex; align-items:center; }
.board-view .viewCont .attach li a .tit,
.board-view .viewCont .attach li a .download { width:200px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.board-view .viewCont .attach li a .tit { color:#333; }
.board-view .viewCont .attach li a .download { color:#999; font-size:1.6rem; }
@media screen and (max-width:1540px){
	.board-view .viewCont .contents { padding:100px 100px 80px 100px; }
	.board-view .viewCont .attach { padding:0 100px 100px; }
}
@media screen and (max-width:1440px){
	.board-view .top-title .info { padding-top:40px; }
	.board-view .viewCont .contents { padding:80px 80px 70px 80px; }
	.board-view .viewCont .attach { padding:0 80px 80px; }
	.board-view .viewCont .attach li a .tit,
	.board-view .viewCont .attach li a .download { width:150px; }
}
@media screen and (max-width:1280px){
	.board-view .top-title .info { padding-top:30px; }
	.board-view .viewCont .contents { padding:80px 0 70px; }
	.board-view .viewCont .attach { padding:0 0 80px; }
}
@media screen and (max-width:1024px){
	.board-view .top-title .info { padding-top:24px; gap:0 20px; }
	.board-view .top-title .info .txt { font-size:1.7rem; gap:0 10px; }
	.board-view .viewCont .contents { padding:50px 0 50px; font-size:1.7rem; }
	.board-view .viewCont .attach { padding:0 0 50px; }
	.board-view .viewCont .attach li a { border-radius:8px; height:60px; }
	.board-view .viewCont .attach li a .tit,
	.board-view .viewCont .attach li a .download { width:100px; }
}
@media screen and (max-width:640px){
	.board-view .top-title { flex-direction:column; }
	.board-view .top-title .title { width:100%; padding-right:0; }
	.board-view .top-title .info { width:100%; padding-top:10px; }
	.board-view .viewCont .contents { padding:30px 0 30px; }
	.board-view .viewCont .attach { padding:0 0 30px; }
	.board-view .viewCont .attach li a { height:50px; }
	.board-view .viewCont .attach li a .tit { width:65px; }
	.board-view .viewCont .attach li a .download { width:80px; }
}


.registerBox ul.iplist { display:flex; flex-wrap:wrap; gap:10px; margin-top:100px; }
.registerBox ul.iplist > li { width:calc((100% - 10px) / 2); padding:10px 40px; position:relative; display:flex; align-items:center; border-radius:8px; background:#f5f5f5; }
.registerBox ul.iplist > li.top { align-items:flex-start; padding-top:25px; }
.registerBox ul.iplist > li.full { width:100%; }
.registerBox ul.iplist > li > label { width:158px; font-family:var(--subFont); font-size:2.0rem; color:#333; font-weight:500; line-height:1.3; display:block; }
.registerBox ul.iplist > li .ipbox { width:calc(100% - 158px); }
.registerBox ul.iplist > li .ipbox.ipflex { display:flex; gap:20px; align-items:center; }
.registerBox ul.iplist > li .ipbox.ipflex .ch { flex-shrink:0; }
.registerBox ul.iplist > li input[type="text"],
.registerBox ul.iplist > li input[type="password"] { height:50px; padding:0; width:100%; font-size:1.8rem; color:#333; font-weight:300; border:none; outline:none; background:none; border-radius:0; }
.registerBox ul.iplist > li select { width:100%; height:50px; line-height:50px; padding:0 80px 0 0; font-size:1.8rem; color:#333; font-weight:300; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:url(/img/sub/icon_select_down.png) calc(100% - 20px) center no-repeat; }
.registerBox ul.iplist > li select::-ms-expand { display:none; }
.registerBox ul.iplist > li textarea { width:100%; height:320px; line-height:1.6; padding:0; font-size:1.8rem; color:#333; font-weight:300; border:none; outline:none; background:none; border-radius:0; }
.registerBox ul.iplist > li input::placeholder,
.registerBox ul.iplist > li textarea::placeholder { color:#888; opacity:1; font-weight:300; }
.registerBox ul.iplist > li input.ip02 { width:300px; }
.registerBox ul.iplist > li .ipbox .file-box { width:100%; }
.registerBox ul.iplist > li .ipbox .ipcont { position:relative; display:flex; align-items:center; gap:10px; }
.registerBox ul.iplist > li .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
.registerBox ul.iplist > li .ipbox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:300px; height:50px; outline:none; border:1px solid #ccc; padding:0 20px; font-size:1.8rem; color:#222; background:none; border-radius:8px; }
.registerBox ul.iplist > li .ipbox .ipcont .upload-name.on { padding:0 0 0 40px; background:url(/img/svg/file_icon.svg) 15px center no-repeat; }
.registerBox ul.iplist > li .ipbox .ipcont .file { position:relative; width:50px; height:50px; background:#000; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:8px; }
.registerBox ul.iplist > li .ipbox .ipcont .file:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:16px; background:#fff; }
.registerBox ul.iplist > li .ipbox .ipcont .file:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:16px; height:2px; background:#fff; }
.registerBox ul.iplist > li .ipbox .ipcont .file span { text-align:center; font-size:1.8rem; color:#fff; font-weight:500; line-height:1.3; display:block; text-indent:-9999em; overflow:hidden }
.registerBox ul.iplist > li .ipbox .ipcont .file input {display:none}
.registerBox ul.iplist > li .kcaptcha_ip { width:100%; position:relative; display:flex; align-items:center; gap:10px; }
.registerBox ul.iplist > li .kcaptcha_ip img { width:115px; height:50px; border-radius:8px; }
.registerBox ul.iplist > li .kcaptcha_ip input { width:100%; max-width:240px; height:50px; border:1px solid #ccc; padding:0 20px; font-size:1.8rem; color:#222; background:none; border-radius:8px;  }
.registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { flex-shrink:0; height:50px; width:50px; border:none; outline:none; background:#000 url(/img/svg/btn_refresh.svg) center no-repeat; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:8px; }
.registerBox .privacy-box { margin-top:20px; padding:30px; border-radius:10px; background:#fff; border:1px solid #ddd; }
.registerBox .privacy-box .scroll-box { height:300px; padding-right:30px; }
.registerBox .privacy-box * { font-size:100% !important; }
.registerBox .privacy-box .privacy .p-list > dl { margin-top:40px; }
.registerBox .privacy-box .privacy .p-list > dl > dd { margin-top:10px; gap:20px; }
.registerBox .privacy-ch label { padding:0 30px; display:flex; align-items:center; height:70px; border-radius:10px; background:#fff; border:1px solid #ddd; transition:all 0.3s; }
.registerBox .privacy-ch label.checked { border:1px solid #000; background:#000; }
.registerBox .privacy-ch input[type="checkbox"] { opacity:0; height:auto; line-height:1; }
.registerBox .privacy-ch input[type="checkbox"] + span { position:relative; padding:0 0 0 24px; font-weight:500; font-size:2.0rem; line-height:1.4; display:inline-block; color:#000; }
.registerBox .privacy-ch input[type="checkbox"] + span:before { content:''; display:block; width:24px; height:24px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch_check.png) center center no-repeat; border:none; border-radius:0; position:absolute; left:-15px; top:2px; }
.registerBox .privacy-ch input[type="checkbox"]:checked + span:before { background:url(/img/sub/ch_check_on.png) center center no-repeat; }
.registerBox .privacy-ch input[type="checkbox"]:checked + span { color:#fff; }
.registerBox .btnArr-txt .atxt { width:98px; }
.registerBox .ch { position:relative; margin-left:10px; display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; min-height:50px; padding:10px 0; }
.registerBox .ch input[type="checkbox"],
.registerBox .ch input[type="radio"] { position:absolute; left:0; top:3px; opacity:0; height:auto; line-height:auto;}
.registerBox .ch input[type="checkbox"] + span,
.registerBox .ch input[type="radio"] + span { position:relative; padding:0 15px 0 20px; font-weight:400; font-size:1.8rem; line-height:1.3; display:inline-block; color:#333; }
.registerBox .ch input[type="checkbox"] + span:before,
.registerBox .ch input[type="radio"] + span:before  { content:''; display:block; width:25px; height:26px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch_off.png) no-repeat center/ cover; position:absolute; left:-15px; top:-2px; }
.registerBox .ch input[type="checkbox"]:checked + span:before,
.registerBox .ch input[type="radio"]:checked + span:before { background:url(/img/sub/ch_on.png) no-repeat center/ cover; }
@media screen and (max-width:1280px){
	.registerBox ul.iplist > li { width:100%; }
	.registerBox ul.iplist > li textarea { height:290px; }
}
@media screen and (max-width:1024px){
	.registerBox ul.iplist { margin-top:60px; }
	.registerBox ul.iplist > li { padding:10px 20px; border-radius:5px; }
	.registerBox ul.iplist > li.top { padding-top:20px; }
	.registerBox ul.iplist > li.full { width:100%; }
	.registerBox ul.iplist > li > label { width:130px; font-size:1.8rem; }
	.registerBox ul.iplist > li .ipbox { width:calc(100% - 130px); }
	.registerBox ul.iplist > li .ipbox.ipflex { gap:10px; }
	.registerBox ul.iplist > li input[type="text"],
	.registerBox ul.iplist > li input[type="password"] { height:40px; font-size:1.7rem; }
	.registerBox ul.iplist > li select { height:40px; line-height:40px; padding:0 70px 0 0; font-size:1.7rem; }
	.registerBox ul.iplist > li textarea { height:260px; font-size:1.7rem; }
	.registerBox ul.iplist > li input.ip02 { width:300px; }
	.registerBox ul.iplist > li .ipbox .ipcont { gap:10px; }
	.registerBox ul.iplist > li .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name { width:calc(100% - 50px); height:40px; padding:0 10px; font-size:1.7rem; border-radius:5px; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name.on { padding:0 0 0 35px; background:url(/img/svg/file_icon.svg) 10px center no-repeat; }
	.registerBox ul.iplist > li .ipbox .ipcont .file { width:40px; height:40px; border-radius:5px; }
	.registerBox ul.iplist > li .ipbox .ipcont .file:before { height:14px; }
	.registerBox ul.iplist > li .ipbox .ipcont .file:after { width:14px; }
	.registerBox ul.iplist > li .ipbox .ipcont .file span { font-size:1.7rem; }
	.registerBox ul.iplist > li .kcaptcha_ip { gap:10px; }
	.registerBox ul.iplist > li .kcaptcha_ip img { width:114px; height:40px; border-radius:5px; }
	.registerBox ul.iplist > li .kcaptcha_ip input { width:calc(100% - 40px - 114px - 20px); max-width:100%; height:40px; padding:0 10px; font-size:1.7rem; border-radius:5px; }
	.registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { height:40px; width:40px; background-size:17px auto; border-radius:5px; flex-shrink:0; }
	.registerBox .privacy-box { margin-top:10px; padding:20px 10px 20px 20px; border-radius:8px; }
	.registerBox .privacy-box .scroll-box { height:200px; padding-right:20px; }
	.registerBox .privacy-box .privacy .p-list > dl { margin-top:20px; }
	.registerBox .privacy-box .privacy .p-list > dl > dd { margin-top:5px; gap:10px; }
	.registerBox .privacy-ch label { padding:0 20px; height:60px; border-radius:8px; }
	.registerBox .privacy-ch input[type="checkbox"] + span { padding:0 0 0 24px; font-size:1.8rem; }
	.registerBox .privacy-ch input[type="checkbox"] + span:before { width:20px; height:20px; background-size:100% 100%; left:-15px; top:2px; }
	.registerBox .privacy-ch input[type="checkbox"]:checked + span:before { background-size:100% 100%; }
	.registerBox .btnArr-txt .atxt { width:90px; }
	.registerBox .ch { gap:10px 20px; min-height:40px; padding:5px 0; }
	.registerBox .ch input[type="checkbox"] + span,
	.registerBox .ch input[type="radio"] + span { padding:0 15px 0 15px; font-size:1.7rem; }
	.registerBox .ch input[type="checkbox"] + span:before,
	.registerBox .ch input[type="radio"] + span:before  { width:22px; height:23px; top:-1px; }
}
@media screen and (max-width:640px){
	.registerBox ul.iplist { margin-top:30px; gap:5px; }
	.registerBox ul.iplist > li { padding:10px 20px; flex-wrap:wrap; }
	.registerBox ul.iplist > li.top { padding-top:10px; }
	.registerBox ul.iplist > li.full { width:100%; }
	.registerBox ul.iplist > li > label { width:100%; margin-bottom:5px; }
	.registerBox ul.iplist > li textarea { height:180px; }
	.registerBox ul.iplist > li .ipbox { width:100%; }
	.registerBox ul.iplist > li .ipbox.ipflex { gap:5px; }
	.registerBox ul.iplist > li input.ip02 { width:100%; }
	.registerBox ul.iplist > li .ipbox .ipcont { gap:5px; }
	.registerBox ul.iplist > li .ipbox .ipcont:not(:last-child) { margin-bottom:5px; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name { width:calc(100% - 45px); } 
	.registerBox ul.iplist > li .kcaptcha_ip { gap:5px; }
	.registerBox ul.iplist > li .kcaptcha_ip input { width:calc(100% - 40px - 114px - 10px); }
	.registerBox .privacy-box { margin-top:5px; }
	.registerBox .privacy-box .scroll-box { height:180px; padding-right:10px; }
	.registerBox .privacy-ch label { height:50px; }
	.registerBox .privacy-ch input[type="checkbox"] + span { padding:0 0 0 16px; }
	.registerBox .privacy-ch input[type="checkbox"] + span:before { left:-12px; top:0; }
	.registerBox .ch input[type="checkbox"] + span:before,
	.registerBox .ch input[type="radio"] + span:before  { top:-2px; }
}

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


.inquiry-box { margin-top:100px; display:flex; gap:20px; }
.inquiry-box .imgbox { width:50%; }
.inquiry-box .imgbox figure { position:relative; width:100%; overflow:hidden; border-radius:10px; }
.inquiry-box .imgbox figure:before { content:""; display:block; padding-bottom:118%; }
.inquiry-box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.registerBox .inquiry-box .iplist { width:50%; margin:0; }
@media screen and (max-width:1440px){
	.inquiry-box .imgbox figure:before { padding-bottom:150%; }
}
@media screen and (max-width:1280px){
	.inquiry-box .imgbox { width:40%; }
	.registerBox .inquiry-box .iplist { width:60%; }
	.inquiry-box .imgbox figure:before { padding-bottom:180%; }
}
@media screen and (max-width:1200px){
	.inquiry-box .imgbox figure:before { padding-bottom:215%; }
}
@media screen and (max-width:1024px){
	.inquiry-box { margin-top:50px; flex-wrap:wrap; gap:10px; }
	.inquiry-box .imgbox,
	.registerBox .inquiry-box .iplist { width:100%; }
	.inquiry-box .imgbox figure { border-radius:8px; }
	.inquiry-box .imgbox figure:before { padding-bottom:40%; }
}
@media screen and (max-width:640px){
	.inquiry-box { margin-top:30px; gap:5px; }
	.inquiry-box .imgbox,
	.registerBox .inquiry-box .iplist { width:100%; }
	.inquiry-box .imgbox figure { border-radius:8px; }
	.inquiry-box .imgbox figure:before { padding-bottom:35%; }
}


/* search */
.search-result .subtitle-box { text-align:center }
.search-result .top-search form { width:100%; }
.search-result .top-search .ipbtn { position:relative; width:100%; max-width:900px; margin:0 auto; background:#fff; }
.search-result .top-search .ipbtn input[type="text"] { width:100%; border-radius:10px; border:1px solid #000; outline:none; color:#111; font-size:2.0rem; font-weight:500; padding:0 80px 0 30px; height:70px; line-height:70px; background:none }
.search-result .top-search .ipbtn input::placeholder{ color:#aaa; font-weight:500; }
.search-result .top-search .ipbtn .btn { position:absolute; right:10px; top:50%; transform:translateY(-50%); background:#000 url(/img/svg/search_icon_ov.svg) center center no-repeat; border-radius:8px; }
.search-result .top-search .ipbtn .btn button { border:none; outline:none; background:none; width:50px; height:50px; }
.search-result .top-search .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }
.search-result .listbox { margin-top:200px; }
.search-result .listbox > dl:not(:last-child) { margin-bottom:250px; }
.search-result .listbox > dl > dt { padding-bottom:60px; display:flex; gap:10px; }
.search-result .listbox > dl > dt strong { color:#000; font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.search-result .listbox > dl > dt span { background:var(--mainColor); color:#fff; font-size:1.6rem; font-weight:600; line-height:1.3; width:30px; height:30px; border-radius:5px; display:flex; align-items:center; justify-content:center; }
@media screen and (max-width:1024px){
	.search-result .top-search .ipbtn input[type="text"] { border-radius:8px; font-size:1.8rem; padding:0 70px 0 20px; height:60px; line-height:60px; }
	.search-result .top-search .ipbtn .btn { background-size:20px auto; border-radius:5px; }
	.search-result .top-search .ipbtn .btn button { width:40px; height:40px; }
	.search-result .listbox { margin-top:100px; }
	.search-result .listbox > dl:not(:last-child) { margin-bottom:120px; }
	.search-result .listbox > dl > dt { padding-bottom:30px; gap:5px; }
	.search-result .listbox > dl > dt span { font-size:1.5rem; width:24px; height:24px; border-radius:3px; }
}
@media screen and (max-width:640px){
	.search-result .subtitle-box { padding-top:40px; }
	.search-result .top-search .ipbtn input[type="text"] { padding:0 60px 0 15px; height:50px; line-height:50px; }
	.search-result .top-search .ipbtn .btn { background-size:18px auto; right:8px; }
	.search-result .top-search .ipbtn .btn button { width:36px; height:36px; }
	.search-result .top-search .txtbox { margin-top:20px; font-size:18px; }
	.search-result .listbox { margin-top:50px; }
	.search-result .listbox > dl:not(:last-child) { margin-bottom:60px; }
	.search-result .listbox > dl > dt { padding-bottom:15px; }
	.search-result .listbox > dl > dt span { font-size:17px; margin:2px 0 0 8px; }
}


/* page */
.page { margin-top:100px; text-align:center; padding:0; display:flex; align-items:center; justify-content:center; gap:10px; } 
.page a { transition:all 0.3s; position:relative; font-size:1.6rem; line-height:40px; height:40px; font-weight:500; color:#aaa; border:none; padding:0; min-width:40px; border-radius:6px; border:1px solid #ddd; display:inline-block; }
.page ul { display:flex; align-items:center; justify-content:center; gap:10px; }
.page li.on a { color:#fff; border-color:#000; background:#000; }
.page .btn_prev { background:url(/img/svg/btn_b_prev.svg) center center no-repeat; }
.page .btn_next { background:url(/img/svg/btn_b_next.svg) center center no-repeat; }
.page .btn_first { background:url(/img/svg/btn_b_first.svg) center center no-repeat; }
.page .btn_last { background:url(/img/svg/btn_b_last.svg) center center no-repeat; }
.page .btn_prev,
.page .btn_next,
.page .btn_first,
.page .btn_last { border:none; overflow:hidden; text-indent:-9999em; }

@media screen and (max-width:1024px){
	.page { margin-top:50px; } 
	.page,
	.page ul { gap:5px; }
	.page a { line-height:35px; height:35px; min-width:35px; border-radius:4px; }
}
@media screen and (max-width:640px){
	.page { margin-top:30px; } 
}

.btnCont { display:flex; justify-content:center; margin-top:100px; }
.btnCont.rbtn { margin-top:60px; justify-content:flex-end; }
@media screen and (max-width:1024px){
	.btnCont { margin-top:50px; }
	.btnCont.rbtn { margin-top:30px; }
}
@media screen and (max-width:640px){
	.btnCont { margin-top:30px; }
	.btnCont.rbtn { margin-top:20px; }
}