@charset "utf-8";

.subtitleTop { z-index:10; }
.subtitleTop,
.subtitleTop .topBG { position:relative; height:720px; }
.subtitleTop .topBG { overflow:hidden; }
.subtitleTop .inner1600 { position:absolute; left:50%; bottom:60px; transform:translateX(-50%); }
.subtitleTop h2.tit { color:#fff; font-size:var(--font84); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.subtitleTop h2.tit span { font-weight:600; }
.subtitleTop .topdepM { display:flex; align-items:center; gap:10px; margin-top:40px; }
.subtitleTop .home a { width:65px; height:65px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:var(--mainColor); border-radius:70px; }
.subtitleTop .depthMenu { position:relative; height:65px; min-width:250px; border-radius:100px; border:1px solid rgba(255, 255, 255, 0.30); }
.subtitleTop .depthMenu span.stit { position:relative; cursor:pointer; padding:0 50px 0 30px; height:65px; color:#fff; font-size:var(--font17); font-weight:500; line-height:1.3; display:flex; align-items:center; }
.subtitleTop .depthMenu span.stit:before { transition:all 0.4s; content:''; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:12px; height:12px; background:url(/img/svg/sub_depth_arr.svg) center center no-repeat; }
.subtitleTop .depthMenu span.stit.ov:before { transform:translateY(-50%) rotate(180deg);}
.subtitleTop .depthMenu .submenu-box { display:none; z-index:3; position:absolute; left:0; top:70px; width:100%; border-radius:var(--borderR10); border:1px solid var(--mainColor); background:rgba(19, 34, 166, 0.80); backdrop-filter: blur(7.5px);}
.subtitleTop .depthMenu ul { padding:20px; }
.subtitleTop .depthMenu ul li:not(:last-child) { margin-bottom:15px; }
.subtitleTop .depthMenu ul li a { transition:all 0.4s; color:rgba(255, 255, 255, 0.5); font-size:var(--font17); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.subtitleTop .depthMenu ul li a:hover,
.subtitleTop .depthMenu ul li.hover a,
.subtitleTop .depthMenu ul li.over a,
.subtitleTop .depthMenu ul li.on a { color:#fff; }
.dep3Menu { display:none; }
.dep3Menu.tabmenu { display:flex; align-items:center; justify-content:center; margin-top:40px; }
.dep3Menu.tabmenu span.stit { display:none; }
.dep3Menu.tabmenu ul { display:flex; align-items:center; justify-content:center; gap:0 41px; }
.dep3Menu.tabmenu ul li { position:relative; }
.dep3Menu.tabmenu ul li:before { content:""; display:block; position:absolute; right:-21px; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#e5e5e5; } 
.dep3Menu.tabmenu ul li:last-child:before { display:none; }
.dep3Menu.tabmenu ul li a { color:#aaa; font-size:var(--font20); font-weight:600; line-height:1.3; }
.dep3Menu.tabmenu ul li.on a { color:var(--mainColor); }

.subTop { transform:scale(1.10); height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#111; }
.subTop_Bg1 { background-image:url(/img/sub/visualsub_bg1.jpg); }
.subTop_Bg2 { background-image:url(/img/sub/visualsub_bg2.jpg); }
.subTop_Bg3 { background-image:url(/img/sub/visualsub_bg3.jpg); }
.subTop_Bg4 { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTop_Bg5 { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTop_Bg6 { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTop_Bg7 { background-image:url(/img/sub/visualsub_bg7.jpg); }
.subTop_Bg10 { background-image:url(/img/sub/visualsub_bg10.jpg); }
.subTop_Bg11 { background-image:url(/img/sub/visualsub_bg11.jpg); }
@media screen and (max-width:1440px){
	.subtitleTop,
	.subtitleTop .topBG { height:560px; }
}
@media screen and (max-width:1280px){
	.subtitleTop,
	.subtitleTop .topBG { height:480px; }
	.subtitleTop .depthMenu { min-width:220px; }
}
@media screen and (max-width:1024px){
	.subtitleTop,
	.subtitleTop .topBG { height:380px; }
	.subtitleTop .inner1600 { bottom:30px; }
	.subtitleTop .topdepM { gap:5px; margin-top:20px; }
	.subtitleTop .home a { width:50px; height:50px; }
	.subtitleTop .home a img { width:14px; }
	.subtitleTop .depthMenu { height:50px; }
	.subtitleTop .depthMenu span.stit { height:50px; padding:0 30px 0 20px; }
	.subtitleTop .depthMenu .submenu-box { top:55px; }
	.dep3Menu.tabmenu { margin-top:20px; }
	.dep3Menu.tabmenu ul { gap:10px 21px; }
	.dep3Menu.tabmenu ul li:before { right:-11px; height:12px; }
}
@media screen and (max-width:760px){
	.subtitleTop .topdepM { flex-wrap:wrap; }
	.subtitleTop .depthMenu { min-width:auto; width:calc((100% - 10px - 50px) / 2); }
	.subtitleTop .depthMenu.dep03 { width:100%; }
}
@media screen and (max-width:640px){
	.subtitleTop,
	.subtitleTop .topBG { height:320px; }
	.subtitleTop .topdepM { flex-wrap:wrap; }
	.subtitleTop .home { display:none }
	.subtitleTop .home a { width:40px; height:40px; }
	.subtitleTop .depthMenu { min-width:auto; width:calc((100% - 6px) / 2); height:40px; }
	.subtitleTop .depthMenu span.stit { height:40px; padding:0 20px 0 15px; }
	.subtitleTop .depthMenu span.stit:before { right:15px; background-size:9px auto; }
	.subtitleTop .depthMenu .submenu-box { top:43px; }
	.subtitleTop .depthMenu ul { padding:10px 15px; }
	.subtitleTop .depthMenu ul li:not(:last-child) { margin-bottom:10px; }
	.dep3Menu.tabmenu { margin-top:10px; }
}


/* animation */
#wrap .subTop { animation:subTbg 1.5s 0.3s; animation-fill-mode:both;}
.subtitleTop h2.tit { overflow:hidden }
.subtitleTop h2.tit span { display:block; opacity:0; }
#wrap .subtitleTop h2.tit span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both;}


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

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

#subContents > article { padding:100px 0 200px; min-height:300px; }
#subContents > article.policy-box { padding-top:200px; }
#subContents > article.subContT { padding-top:0; }
#subContents > article.subContB { padding-bottom:0; }
@media screen and (max-width:1024px){
	#subContents > article { padding:50px 0 100px; }
	#subContents > article.policy-box { padding-top:150px; }
}
@media screen and (max-width:640px){
	#subContents > article { padding:30px 0 60px; }
	#subContents > article.policy-box { padding-top:100px; }
}

.pageTitle { text-align:center; }
.pageTitle h3 { color:#111; font-size:var(--font64); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.pageTitle h3 > span { font-weight:600; }
.pageTitle h3 .stxt { font-size:var(--font32); display:block; }
.pageTitle .stit { margin-top:20px; color:var(--mainColor); font-size:var(--font26); font-weight:600; line-height:1.3; letter-spacing:-0.03em;}
.pageTitle .txt { margin-top:60px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.8; }
.pageTitle .txt.txt1 { margin-top:20px; }
@media screen and (max-width:1024px){
	.pageTitle { padding:0 20px; }
	.pageTitle .stit { margin-top:10px; }
	.pageTitle .txt { margin-top:30px; }
	.pageTitle .txt.txt1 { margin-top:10px; }
}
@media screen and (max-width:860px){
	.pageTitle .txt br { display:none; }
	.pageTitle .txt span.m_br { display:block; }
}
@media screen and (max-width:640px){
	.pageTitle .stit { margin-top:5px; }
	.pageTitle .txt { margin-top:15px; }
	.pageTitle .txt.txt1 { margin-top:5px; }
}

/* animation */
.pageTitle { overflow:hidden; position:relative; z-index:5; }
.pageTitle h3 { overflow:hidden; }
.pageTitle h3 > span { opacity:0; display:block; }
.pageTitle h3 > span { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.pageTitle .stit { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.pageTitle .txt { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }

.policy-box .pageTitle { text-align:left; margin-bottom:0; }
.policy-box .pageTitle h3 { color:#111; font-size:var(--font56); font-weight:500; line-height:1.3; letter-spacing:-0.035em; margin-bottom:40px; }
@media screen and (max-width:1024px){
	.policy-box h3 { margin-bottom:20px; }
}
@media screen and (max-width:640px){
	.policy-box h3 { margin-bottom:10px; }
}

h4.stitle { color:#111; font-size:var(--font42); font-weight:600; line-height:1.3; letter-spacing:-0.03em; overflow:hidden; }

.cont_bg { background:#f8f8f8; }
.cont_bg_bk { background:#101220; }

/* product */
.product-box .p-list .box:not(:last-child) { margin-bottom:60px; }
.product-box .p-list .box { display:flex; gap:0 160px; align-items:center; }
.product-box .p-list .box > div { width:calc((100% - 160px) / 2); }
.product-box .p-list .box .imgbox { border-radius:var(--borderR10); overflow:hidden; }
.product-box .p-list .box .imgbox img { max-width:100%; }
.product-box .p-list .box .imgbox.line { border:1px solid #e5e5e5; }
.product-box .p-list .box .imgbox.mov { position:relative; }
.product-box .p-list .box .imgbox.mov:before { content:""; display:block; padding-bottom:62.35%; }
.product-box .p-list .box .imgbox.mov video,
.product-box .p-list .box .imgbox.mov iframe { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-box .p-list .box .txtbox .txt { color:#111; font-size:var(--font36); font-weight:500; line-height:1.6; letter-spacing:-0.035em; }
.product-box .p-list .box .txtbox .txt strong { color:var(--mainColor); font-size:var(--font36); font-weight:600; letter-spacing:-0.045em; }
.product-box .p-list .box .txtbox .stxt { margin-top:30px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.8; }
.product-box .p-list .box:nth-child(2n) { flex-direction:row-reverse; }
.product-box .hand_list { display:flex; flex-wrap:wrap; gap:20px; }
.product-box .hand_list .box { width:calc((100% - 60px) / 4); }
.product-box .hand_list .box .imgbox { border-radius:var(--borderR10); overflow:hidden; }
.product-box .hand_list .box .imgbox img { max-width:100%; }
.product-box .hand_list .box h4 { margin-top:25px; text-align:center; color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
@media screen and (max-width:1560px){
	.product-box .p-list .box .txtbox .txt br { display:none; }
	.product-box .p-list .box .txtbox .txt span.m_br { display:block; }
}
@media screen and (max-width:1440px){
	.product-box .p-list .box { gap:0 120px; }
	.product-box .p-list .box > div { width:calc((100% - 120px) / 2); }
}
@media screen and (max-width:1280px){
	.product-box .p-list .box { gap:0 90px; }
	.product-box .p-list .box > div { width:calc((100% - 90px) / 2); }
	.product-box .p-list .box .txtbox .stxt br { display:none; }
	.product-box .p-list .box .txtbox .stxt span.m_br { display:block; }
}
@media screen and (max-width:1024px){
	.product-box .p-list .box:not(:last-child) { margin-bottom:30px; }
	.product-box .p-list .box { gap:0 50px; }
	.product-box .p-list .box > div { width:calc((100% - 50px) / 2); }
	.product-box .p-list .box .txtbox .stxt { margin-top:15px; }
	.product-box .hand_list { gap:10px; }
	.product-box .hand_list .box { width:calc((100% - 30px) / 4); }
	.product-box .hand_list .box h4 { margin-top:10px; }
}
@media screen and (max-width:860px){
	.product-box .p-list .box { flex-wrap:wrap; gap:20px; }
	.product-box .p-list .box > div { width:100%; }
	.product-box .hand_list { gap:15px 10px; }
	.product-box .hand_list .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.product-box .p-list .box:not(:last-child) { margin-bottom:20px; }
	.product-box .p-list .box { gap:10px; }
	.product-box .p-list .box .txtbox .stxt { margin-top:8px; }
	.product-box .hand_list { gap:15px 5px; }
	.product-box .hand_list .box { width:calc((100% - 5px) / 2); }
	.product-box .hand_list .box h4 { margin-top:5px; }
}

/* animation */
.product-box .p-list .box .imgbox { opacity:0; }
.product-box .p-list .box.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.product-box .p-list .box .txtbox { opacity:0; }
.product-box .p-list .box.subOn .txtbox { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.product-box .p-list .box.subOn:nth-child(2n) .txtbox { animation:ani_1 0.8s 0.1s; animation-fill-mode:both; }
.product-box .hand_list .box { opacity:0; }
.product-box .hand_list.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.product-box .p-list .box.subOn .txtbox,
	.product-box .p-list .box.subOn:nth-child(2n) .txtbox { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }
}


.product-box .tab_box { position:relative; }
.product-box .tab_box .tab { position:sticky; top:0; z-index:1; background:var(--mainColor); }
.product-box .tab_box .tab ul { display:flex; justify-content:center; width:100%; }
.product-box .tab_box .tab ul li { width:300px; }
.product-box .tab_box .tab ul li a { position:relative; transition:all 0.4s; height:80px; width:100%; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; display:flex; align-items:center; justify-content:center; gap:10px; }
.product-box .tab_box .tab ul li a img { transition:all 0.2s; }
.product-box .tab_box .tab ul li.on a { color:var(--mainColor); background:#f8f8f8; }
.product-box .tab_box .tab ul li.on a img { filter:brightness(0) invert(1); }
.product-box .tab_box .tab_view { padding:120px 0 0; }
.product-box .tab_box .tabCont { display:none; }
.product-box .tab_box .tabCont.on { display:block; }
.product-box .tab_box .tabCont img { max-width:100%; height:auto; }
.product-box .tab_box .tabCont .pd-list { display:flex; flex-wrap:wrap; gap:50px; padding:0; }
.product-box .tab_box .tabCont .pd-list .box { width:calc((100% - 100px) / 3); }
.product-box .tab_box .tabCont .pd-list .box .imgbox { position:relative; transition:all 0.4s; }
.product-box .tab_box .tabCont .pd-list .box .imgbox img { max-width:100%; border-radius:var(--borderR10); }
.product-box .tab_box .tabCont .pd-list .box .imgbox:before { transition:all 0.4s; opacity:0; content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border:2px solid var(--mainColor); border-radius:var(--borderR10); }
.product-box .tab_box .tabCont .pd-list .box h4 { transition:all 0.4s; margin-top:25px; text-align:center; color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.product-box .tab_box .tabCont .pd-list .box a:hover h4 { color:var(--mainColor); }
.product-box .tab_box .tabCont .pd-list .box a:hover .imgbox img { box-shadow:0 0 20px 0 rgba(11, 39, 117, 0.10); }
.product-box .tab_box .tabCont .pd-list .box a:hover .imgbox:before { opacity:1; }
@media screen and (max-width:1024px){
	.product-box .tab_box .tab ul li { width:250px; }
	.product-box .tab_box .tab ul li a { height:70px; }
	.product-box .tab_box .tab_view { padding:60px 0 0; }
	.product-box .tab_box .tabCont .pd-list { gap:20px; }
	.product-box .tab_box .tabCont .pd-list .box { width:calc((100% - 40px) / 3); }
	.product-box .tab_box .tabCont .pd-list .box h4 { margin-top:10px; }
}
@media screen and (max-width:860px){
	.product-box .tab_boxox .tab ul li { width:calc(100% / 4); }
	.product-box .tab_boxox .tabCont .pd-list { gap:20px 10px; }
	.product-box .tab_boxox .tabCont .pd-list .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.product-box .tab_box .tab ul { flex-wrap:wrap; justify-content:flex-start; }
	.product-box .tab_box .tab ul li { width:calc(100% / 2); }
	.product-box .tab_box .tab ul li a { height:55px; }
	.product-box .tab_box .tab_view { padding:30px 0 0; }
	.product-box .tab_box .tabCont .pd-list { gap:15px 5px; }
	.product-box .tab_box .tabCont .pd-list .box { width:calc((100% - 5px) / 2); }
	.product-box .tab_box .tabCont .pd-list .box h4 { margin-top:5px; }
}


.product-box .detail_view .top { display:flex; flex-wrap:wrap; gap:40px; }
.product-box .detail_view .top > div { width:calc((100% - 40px) / 2); }
.product-box .detail_view .top .info_box { padding:50px; border-radius:var(--borderR20); background:#f8f8f8; display:flex; flex-direction:column; justify-content:space-between; }
.product-box .detail_view .top .info_box h3 { color:#111; font-size:var(--font42); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.product-box .detail_view .top .info_box dl { margin-top:65px; }
.product-box .detail_view .top .info_box dt { display:flex; align-items:center; gap:10px; color:var(--mainColor); font-size:var(--font18); font-weight:600; line-height:1.3; }
.product-box .detail_view .top .info_box dd { margin-top:20px; }
.product-box .detail_view .top .info_box dd li:not(:last-child) { margin-bottom:10px; }
.product-box .detail_view .top .info_box dd li { position:relative; padding-left:13px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.3; }
.product-box .detail_view .top .info_box dd li:before {content:""; display:block; position:absolute; left:1px; top:11px; background:#333; width:6px; height:1px; }
.product-box .detail_view .top .info_box .list { margin-top:40px; }
.product-box .detail_view .top .info_box .list ul { display:flex; gap:10px; flex-wrap:wrap; }
.product-box .detail_view .top .info_box .list li { width:calc((100% - 20px) / 3); border-radius:var(--borderR10); background:#fff; padding:30px; display:flex; align-items:center; gap:20px; }
.product-box .detail_view .top .info_box .list li .icon { flex-shrink:0; }
.product-box .detail_view .top .info_box .list li .txt { color:#333; font-size:var(--font17); font-weight:300; line-height:1.3; }
.product-box .detail_view .top .info_box .list li .txt strong { display:block; margin-bottom:5px; color:#111; font-size:var(--font18); font-weight:600; }
.product-box .detail_view .top .imgbox { position:relative; border-radius:var(--borderR20); border:1px solid #e5e5e5; overflow:hidden; }
.product-box .detail_view .top .imgbox:before {content:""; display:block; padding-bottom:68%; }
.product-box .detail_view .top .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:calc(100% - 20px); max-height:calc(100% - 20px); object-fit:cover; -o-object-fit:cover; }
.product-box .detail_view .tab_box .tab { position:sticky; top:0; z-index:1; background:#fff; border:1px solid #e5e5e5; border-width:1px 0; }
.product-box .detail_view .tab_box .tab ul { display:flex; justify-content:center; width:100%; }
.product-box .detail_view .tab_box .tab ul li { width:300px; }
.product-box .detail_view .tab_box .tab ul li a { margin:0 0 -1px; position:relative; transition:all 0.4s; height:80px; width:100%; color:#ccc; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; display:flex; align-items:center; justify-content:center; gap:10px; }
.product-box .detail_view .tab_box .tab ul li a img { transition:all 0.2s; filter:brightness(0) invert(0.7);}
.product-box .detail_view .tab_box .tab ul li.on a { color:#111; background:#f8f8f8;  border:1px solid #e5e5e5; border-width:0 1px;}
.product-box .detail_view .tab_box .tab ul li.on a img { filter:none; }
.product-box .detail_view .tab_view { padding:120px 0; }
.product-box .detail_view .dataTable .scroll-box { padding-bottom:3px; }
.product-box .detail_view .dataTable table thead th { background:var(--mainColor); height:86px; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; }
.product-box .detail_view .dataTable table thead tr:first-child th:first-child { border-radius:var(--borderR5) 0 0 var(--borderR5); }
.product-box .detail_view .dataTable table thead tr:first-child th:last-child { border-radius:0 var(--borderR5) var(--borderR5) 0; }
.product-box .detail_view .dataTable table tbody th { padding:10px; text-align:center; color:#333; font-size:var(--font18); font-weight:500; line-height:1.3; }
.product-box .detail_view .dataTable table tbody td { padding:20px; text-align:center; color:#333; font-size:var(--font18); font-weight:300; line-height:1.3; border:1px solid #e5e5e5; border-width:0 0 1px 1px; }
.product-box .detail_view .dataTable .line { border:none; border-bottom:1px solid #000; padding:0; }
@media screen and (max-width:1440px){
	.product-box .detail_view .top { gap:30px; }
	.product-box .detail_view .top > div { width:calc((100% - 30px) / 2); }
	.product-box .detail_view .top .info_box { padding:40px; }
	.product-box .detail_view .top .info_box .list li { padding:20px; }
}
@media screen and (max-width:1280px){
	.product-box .detail_view .top { gap:20px; }
	.product-box .detail_view .top > div { width:calc((100% - 20px) / 2); }
	.product-box .detail_view .top .info_box { padding:30px; }
	.product-box .detail_view .top .info_box dl { margin-top:50px; }
	.product-box .detail_view .top .info_box .list { margin-top:30px; }
	.product-box .detail_view .top .info_box .list li { padding:15px; gap:15px; }
}
@media screen and (max-width:1024px){
	.product-box .detail_view .top { gap:10px; }
	.product-box .detail_view .top > div { width:calc((100% - 10px) / 2); }
	.product-box .detail_view .top .info_box { padding:20px; }
	.product-box .detail_view .top .info_box dl { margin-top:30px; }
	.product-box .detail_view .top .info_box dd { margin-top:10px; }
	.product-box .detail_view .top .info_box dd li:not(:last-child) { margin-bottom:5px; }
	.product-box .detail_view .top .info_box .list { margin-top:20px; }
	.product-box .detail_view .top .info_box .list ul { gap:5px; }
	.product-box .detail_view .top .info_box .list li { padding:10px; }
	.product-box .detail_view .top .info_box .list li { width:calc((100% - 10px) / 3); }
	.product-box .detail_view .top .info_box .list li .txt strong { margin-bottom:3px; } 
	.product-box .detail_view .tab_box .tab ul li { width:50%; }
	.product-box .detail_view .tab_box .tab ul li a { height:60px; gap:8px; }
	.product-box .detail_view .tab_box .tab ul li img { height:20px; }
	.product-box .detail_view .tab_view { padding:60px 0; }
	.product-box .detail_view .dataTable table thead th { height:65px; }
	.product-box .detail_view .dataTable table tbody td { padding:15px; }
}
@media screen and (max-width:760px){
	.product-box .detail_view .top { gap:10px; flex-wrap:wrap; flex-direction:column-reverse; }
	.product-box .detail_view .top > div { width:100%; }
	.product-box .detail_view .top .imgbox:before {padding-bottom:50%; }
}
@media screen and (max-width:640px){
	.product-box .detail_view .top .imgbox:before {padding-bottom:80%; }
	.product-box .detail_view .top .info_box dl { margin-top:15px; }
	.product-box .detail_view .top .info_box .list li { padding:10px; gap:10px; }
	.product-box .detail_view .top .info_box .list li .txt strong { margin-bottom:0; } 
	.product-box .detail_view .tab_box .tab ul li a { height:50px; }
	.product-box .detail_view .tab_box .tab ul li img { height:18px; }
	.product-box .detail_view .tab_view { padding:30px 0; }
	.product-box .detail_view .dataTable table { width:700px; }
	.product-box .detail_view .dataTable table thead th { height:50px; }
	.product-box .detail_view .dataTable table tbody td { padding:13px 10px; }
}
@media screen and (max-width:520px){
	.product-box .detail_view .top .info_box .list li { width:calc((100% - 5px) / 2); }
}

.product-box .video-box .listbox { position:relative; margin-top:40px; }
.product-box .video-box .listbox .swiper-container { position:relative; width:100%; overflow:hidden; }
.product-box .video-box .listbox .swiper-container .swiper-slide { position:relative; width:100%; }
.product-box .video-box .listbox .swiper-container .swiper-slide a { position:relative; display:block; width:100%; height:100%; }
.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box { position:relative; overflow:hidden; border-radius:var(--borderR10); }
.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box:before { content:""; display:block; padding-bottom:56.35%; }
.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box video { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box .bg { z-index:2; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; }
.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box .bg img { width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box .play { z-index:3; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:60px; height:60px; border-radius:var(--borderR10); background:rgba(11, 39, 117, 0.50); backdrop-filter:blur(7.5px);  display:flex; align-items:center; justify-content:center; }
.product-box .video-box .listbox .swiper-container .swiper-slide .title { text-align:center; margin-top:20px; }
.product-box .video-box .listbox .swiper-container .swiper-slide .title h4 { color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; }
.product-box .video-box .listbox .swiper-pagination { display:none; position:absolute; left:50%; top:unset; bottom:0; transform:translate(-50%, 0); max-width:1600px; width:100%; }
.product-box .video-box .listbox .swiper-pagination .swiper-pagination-bullet-active { background:var(--mainColor); }
.product-box .video-box .listbox .swiper-pn { display:flex; align-items:center; gap:0 30px; position:absolute; top:-40px; right:0; }
.product-box .video-box .listbox .swiper-pn > div { position:relative; padding:0; margin:0; width:auto; height:auto; left:unset; top:unset; right:unset; bottom:unset; transform:translate(0); }
.product-box .video-box .listbox .swiper-pn .swiper-button-next:before { content:""; display:block; width:1px; height:15px; position:absolute; left:-16px; top:50%; transform:translate(0, -50%); background:#000; }
@media screen and (max-width:1024px){
	.product-box .video-box .listbox { margin-top:20px; }
	.product-box .video-box .listbox .swiper-pn { top:-30px; }
	.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box .play { width:50px; height:50px; }
	.product-box .video-box .listbox .swiper-container .swiper-slide .title { margin-top:10px; }
}
@media screen and (max-width:640px){
	.product-box .video-box .listbox { margin-top:10px; }
	.product-box .video-box .listbox .swiper-pn { top:-25px; }
	.product-box .video-box .listbox .swiper-container .swiper-slide .mov-box .play { width:45px; height:45px; }
}

.product-box .humanoid-box .top { position:relative; }
.product-box .humanoid-box .top .imgbox { text-align:center; }
.product-box .humanoid-box .top .imgbox img { max-width:100%; }
.product-box .humanoid-box .top .box { position:absolute; width:345px; padding:30px; border-radius:var(--borderR10); border:1px solid rgba(19, 34, 166, 0.50); background:rgba(19, 34, 166, 0.05); }
.product-box .humanoid-box .top .box .txt { color:#333; font-size:var(--font18); font-weight:300; line-height:1.7; }
.product-box .humanoid-box .top .box .txt strong { color:var(--mainColor); font-weight:600; }
.product-box .humanoid-box .top .box:before { z-index:2; content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); background:var(--mainColor); width:5px; height:5px; border-radius:5px; }
.product-box .humanoid-box .top .box:after { content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); width:200px; height:1px; border:1px dashed #e5e5e5; }
.product-box .humanoid-box .top .box .circle { position:absolute; top:50%; transform:translateY(-50%); width:55px; height:55px; border-radius:55px; border:2px solid var(--mainColor); background:#fff; }
.product-box .humanoid-box .top .box .circle:before { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--mainColor); width:5px; height:5px; border-radius:5px; }
.product-box .humanoid-box .top .p1 { top:60px; right:0; }
.product-box .humanoid-box .top .p2 { bottom:60px; right:0; }
.product-box .humanoid-box .top .p3 { top:50%; left:0; transform:translateY(-50%); }
.product-box .humanoid-box .top .p1:before,
.product-box .humanoid-box .top .p2:before { left:-15px; }
.product-box .humanoid-box .top .p3:before { right:-15px; }
.product-box .humanoid-box .top .p1:after,
.product-box .humanoid-box .top .p2:after { left:calc(-15px - 200px); }
.product-box .humanoid-box .top .p3:after { right:calc(-15px - 200px); }
.product-box .humanoid-box .top .p1 .circle,
.product-box .humanoid-box .top .p2 .circle { left:calc(-15px - 200px - 55px); }
.product-box .humanoid-box .top .p3 .circle { right:calc(-15px - 200px - 55px); }
.product-box .humanoid-box .spec-table table { border-top:1px solid #ddd; }
.product-box .humanoid-box .spec-table table th { background:var(--mainColor); height:63px; text-align:center; color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3; border-bottom:1px solid rgba(255, 255, 255, 0.10); }
.product-box .humanoid-box .spec-table table tr:first-child th { border-radius:var(--borderR5) var(--borderR5) 0 0; }
.product-box .humanoid-box .spec-table table tr:last-child th { border-radius:0 0 var(--borderR5) var(--borderR5); border-bottom:none; }
.product-box .humanoid-box .spec-table table td { background:#fff; padding:10px; text-align:center; color:#333; font-size:var(--font18); font-weight:300; line-height:1.3; border-bottom:1px solid #e5e5e5; }
.product-box .humanoid-box .spec .txt_b { margin-top:20px; text-align:right; color:#f21010; font-size:var(--font16); font-weight:300; line-height:1.3; }
@media screen and (max-width:1600px){
	.product-box .humanoid-box .top .box:after { width:120px; }
	.product-box .humanoid-box .top .p1:after,
	.product-box .humanoid-box .top .p2:after { left:calc(-15px - 120px); }
	.product-box .humanoid-box .top .p3:after { right:calc(-15px - 120px); }
	.product-box .humanoid-box .top .p1 .circle,
	.product-box .humanoid-box .top .p2 .circle { left:calc(-15px - 120px - 55px); }
	.product-box .humanoid-box .top .p3 .circle { right:calc(-15px - 120px - 55px); }
}
@media screen and (max-width:1440px){
	.product-box .humanoid-box .top .box { width:300px; padding:30px; }
}
@media screen and (max-width:1280px){
	.product-box .humanoid-box .top .box:after { width:80px; }
	.product-box .humanoid-box .top .p1:after,
	.product-box .humanoid-box .top .p2:after { left:calc(-15px - 80px); }
	.product-box .humanoid-box .top .p3:after { right:calc(-15px - 80px); }
	.product-box .humanoid-box .top .p1 .circle,
	.product-box .humanoid-box .top .p2 .circle { left:calc(-15px - 80px - 45px); }
	.product-box .humanoid-box .top .p3 .circle { right:calc(-15px - 80px - 45px); }
	.product-box .humanoid-box .top .box { width:240px; padding:20px; }
	.product-box .humanoid-box .top .box .txt br { display:none; }
	.product-box .humanoid-box .top .box .circle { width:45px; height:45px; }
}
@media screen and (max-width:1024px){
	.product-box .humanoid-box .top { display:flex; align-items:center; justify-content:center; gap:0 150px; }
	.product-box .humanoid-box .top .imgbox { text-align:left; }
	.product-box .humanoid-box .top .txtbox { display:flex; gap:20px; flex-direction:column; }
	.product-box .humanoid-box .top .box { position:relative; }
	.product-box .humanoid-box .top .p1 { top:unset; right:unset; }
	.product-box .humanoid-box .top .p2 { bottom:unset; right:unset; }
	.product-box .humanoid-box .top .p3 { top:unset; left:unset; transform:translateY(0); }
	.product-box .humanoid-box .top .p3:before { left:-15px; right:unset; }
	.product-box .humanoid-box .top .p3:after { left:calc(-15px - 80px); right:unset; }
	.product-box .humanoid-box .top .p3 .circle { left:calc(-15px - 80px - 45px); right:unset; }
	.product-box .humanoid-box .spec-table table th { height:55px; }
	.product-box .humanoid-box .spec-table table td { padding:8px 10px; }
	.product-box .humanoid-box .spec .txt_b { margin-top:10px; }
}
@media screen and (max-width:640px){
	.product-box .humanoid-box .top { gap:20px 60px; }
	.product-box .humanoid-box .top .txtbox { width:65%; gap:10px; }
	.product-box .humanoid-box .top .box { width:100%; padding:10px; }
	.product-box .humanoid-box .top .box:after { width:25px; }
	.product-box .humanoid-box .top .box:before { width:3px; height:3px; }
	.product-box .humanoid-box .top .p1:before,
	.product-box .humanoid-box .top .p2:before,
	.product-box .humanoid-box .top .p3:before { left:-10px; }
	.product-box .humanoid-box .top .p1:after,
	.product-box .humanoid-box .top .p2:after,
	.product-box .humanoid-box .top .p3:after { left:calc(-10px - 23px); }
	.product-box .humanoid-box .top .p1 .circle,
	.product-box .humanoid-box .top .p2 .circle,
	.product-box .humanoid-box .top .p3 .circle { left:calc(-10px - 25px - 23px); }
	.product-box .humanoid-box .top .box .circle { width:23px; height:23px; border-width:1px; }
	.product-box .humanoid-box .top .box .circle:before { width:3px; height:3px; }
	.product-box .humanoid-box .spec-table table th { height:45px; }
	.product-box .humanoid-box .spec-table table td { padding:6px 10px; }
}
@media screen and (max-width:460px){
	.product-box .humanoid-box .top { flex-direction:column; }
	.product-box .humanoid-box .top .box:after,
	.product-box .humanoid-box .top .box:before,
	.product-box .humanoid-box .top .circle { display:none }
	.product-box .humanoid-box .top .box { padding:20px; }
	.product-box .humanoid-box .top .txtbox { width:100%; }
}


/* animation */
.product-box .humanoid-box .top .imgbox { opacity:0; }
.product-box .humanoid-box .top.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.product-box .humanoid-box .top .box { opacity:0; }
.product-box .humanoid-box .top.subOn .p1 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.product-box .humanoid-box .top.subOn .p2 { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.product-box .humanoid-box .top.subOn .p3 { animation:ani_1_p 0.8s 1.1s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.product-box .humanoid-box .top.subOn .p3 { animation:ani_2 0.8s 1.1s; animation-fill-mode:both; }
}
@media screen and (max-width:460px){
	.product-box .humanoid-box .top.subOn .p1 { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
	.product-box .humanoid-box .top.subOn .p2 { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }
	.product-box .humanoid-box .top.subOn .p3 { animation:ani_4 0.8s 1.1s; animation-fill-mode:both; }
}

@keyframes ani_1_p {
	0% { transform:translateX(-100px) translateY(-50%); opacity:0;}
	100% { transform:translateX(0) translateY(-50%); opacity:1;}
}

.product-box .acs-box .top ul { padding:50px; border-radius:var(--borderR20); border:2px solid #e5e5e5; display:flex; align-items:center; }
.product-box .acs-box .top ul li { width:calc(100% / 4); } 
.product-box .acs-box .top ul li { display:flex; align-items:center; gap:33px; }
.product-box .acs-box .top ul li .icon { flex-shrink:0; width:100px; height:100px; border-radius:100px; background:var(--mainColor); display:flex; align-items:center; justify-content:center; }
.product-box .acs-box .top ul li .txt { color:#222; font-size:var(--font18); font-weight:500; line-height:1.5; }
.product-box .acs-box .acs_list li:not(:last-child) { margin-bottom:60px; }
.product-box .acs-box .acs_list li { display:flex; align-items:center; gap:20px 160px; }
.product-box .acs-box .acs_list li:nth-child(2n) { flex-direction:row-reverse; }
.product-box .acs-box .acs_list li > div { width:calc((100% - 160px) / 2); }
.product-box .acs-box .acs_list li .imgbox { position:relative; overflow:hidden; border-radius:var(--borderR10); background:#fff; }
.product-box .acs-box .acs_list li .imgbox:before { content:""; display:block; padding-bottom:56.35%; }
.product-box .acs-box .acs_list li .imgbox .m { position:absolute; top:0; left:0; width:100%; height:100%; }
.product-box .acs-box .acs_list li .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-box .acs-box .acs_list li .txtbox dt { color:#111; font-size:var(--font36); font-weight:600; line-height:1.6; letter-spacing:-0.04em; }
.product-box .acs-box .acs_list li .txtbox dd { margin-top:30px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.8; letter-spacing:-0.02em; }
.product-box .acs-box .acs_list_c { display:flex; flex-wrap:wrap; gap:50px; }
.product-box .acs-box .acs_list_c .box { width:calc((100% - 100px) / 3); }
.product-box .acs-box .acs_list_c .box .imgbox { border-radius:var(--borderR10); overflow:hidden; }
.product-box .acs-box .acs_list_c .box .imgbox img { width:100%; }
.product-box .acs-box .acs_list_c .box .txtbox dt { margin-top:40px; color:#111; font-size:var(--font26); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.product-box .acs-box .acs_list_c .box .txtbox dd { margin-top:20px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.8; letter-spacing:-0.020em; }
.product-box .acs-box .acs_list_b .box { display:flex; align-items:center; flex-wrap:wrap; gap:50px 160px; }
.product-box .acs-box .acs_list_b .box > div { width:calc((100% - 160px) / 2); }
.product-box .acs-box .acs_list_b .box .txtbox dt { color:#fff; font-size:var(--font36); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.product-box .acs-box .acs_list_b .box .txtbox dd { margin-top:30px; color:#fff; font-size:var(--font20); font-weight:300; line-height:1.8; letter-spacing:-0.02em; }
.product-box .acs-box .acs_list_b .box .imgbox { position:relative; overflow:hidden; border-radius:var(--borderR10); background:#fff; }
.product-box .acs-box .acs_list_b .box .imgbox:before { content:""; display:block; padding-bottom:102%; }
.product-box .acs-box .acs_list_b .box .imgbox .m { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3 }
.product-box .acs-box .acs_list_b .box .imgbox .m6 { z-index:1 }
.product-box .acs-box .acs_list_b .box .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
@media screen and (max-width:1640px){
	.product-box .acs-box .acs_list li .txtbox dd br,
	.product-box .acs-box .acs_list_b .box .txtbox dd br { display:none; }
	.product-box .acs-box .acs_list li .txtbox dd span.m_br,
	.product-box .acs-box .acs_list_b .box .txtbox dd span.m_br { display:block; }
	
}
@media screen and (max-width:1440px){
	.product-box .acs-box .top ul { padding:40px; } 
	.product-box .acs-box .top ul li { gap:25px; }
	.product-box .acs-box .acs_list li:not(:last-child) { margin-bottom:50px; }
	.product-box .acs-box .acs_list li { gap:20px 120px; }
	.product-box .acs-box .acs_list li > div { width:calc((100% - 120px) / 2); }
	.product-box .acs-box .acs_list_c { gap:40px; }
	.product-box .acs-box .acs_list_c .box { width:calc((100% - 80px) / 3); }
	.product-box .acs-box .acs_list_b .box { gap:50px 120px; }
	.product-box .acs-box .acs_list_b .box > div { width:calc((100% - 120px) / 2); }
}
@media screen and (max-width:1280px){
	.product-box .acs-box .top ul { padding:30px; } 
	.product-box .acs-box .top ul li { gap:20px; }
	.product-box .acs-box .top ul li .icon { width:80px; height:80px; }
	.product-box .acs-box .top ul li .icon img { max-width:32px; }
	.product-box .acs-box .top ul li:last-child .icon img { max-width:50px; }
	.product-box .acs-box .acs_list li:not(:last-child) { margin-bottom:40px; }
	.product-box .acs-box .acs_list li { gap:20px 80px; }
	.product-box .acs-box .acs_list li > div { width:calc((100% - 80px) / 2); }
	.product-box .acs-box .acs_list li .txtbox dd { margin-top:20px; }
	.product-box .acs-box .acs_list_c { gap:30px; }
	.product-box .acs-box .acs_list_c .box { width:calc((100% - 60px) / 3); }
	.product-box .acs-box .acs_list_c .box .txtbox dt { margin-top:30px; }
	.product-box .acs-box .acs_list_c .box .txtbox dd { margin-top:15px; }
	.product-box .acs-box .acs_list_b .box { gap:20px 80px; }
	.product-box .acs-box .acs_list_b .box > div { width:calc((100% - 80px) / 2); }
	.product-box .acs-box .acs_list_b .box .txtbox dd { margin-top:20px; }
}
@media screen and (max-width:1024px){
	.product-box .acs-box .top ul { padding:20px; } 
	.product-box .acs-box .top ul li { gap:10px; }
	.product-box .acs-box .top ul li .icon { width:60px; height:60px; }
	.product-box .acs-box .top ul li .icon img { max-width:25px; }
	.product-box .acs-box .top ul li:last-child .icon img { max-width:44px; }
	.product-box .acs-box .acs_list li:not(:last-child) { margin-bottom:30px; }
	.product-box .acs-box .acs_list li { gap:20px 40px; }
	.product-box .acs-box .acs_list li > div { width:calc((100% - 40px) / 2); }
	.product-box .acs-box .acs_list li .txtbox dd { margin-top:15px; }
	.product-box .acs-box .acs_list_c { gap:30px; }
	.product-box .acs-box .acs_list_c .box { width:calc((100% - 60px) / 3); }
	.product-box .acs-box .acs_list_c .box .txtbox dt { margin-top:20px; }
	.product-box .acs-box .acs_list_c .box .txtbox dd { margin-top:10px; }
	.product-box .acs-box .acs_list_b .box { gap:20px 40px; }
	.product-box .acs-box .acs_list_b .box > div { width:calc((100% - 40px) / 2); }
	.product-box .acs-box .acs_list_b .box .txtbox dd { margin-top:15px; }
}
@media screen and (max-width:860px){
	.product-box .acs-box .top ul { padding:20px; flex-wrap:wrap; gap:20px 10px; border-width:1px; }
	.product-box .acs-box .top ul li { width:calc((100% - 20px) / 2); }
	.product-box .acs-box .acs_list li { flex-wrap:wrap; }
	.product-box .acs-box .acs_list li > div { width:100%; }
	.product-box .acs-box .acs_list li .txtbox dt br { display:none }
	.product-box .acs-box .acs_list_c { gap:20px; flex-wrap:wrap; }
	.product-box .acs-box .acs_list_c .box { width:100%; }
	.product-box .acs-box .acs_list_b .box { gap:20px; flex-wrap:wrap; flex-direction:column-reverse; }
	.product-box .acs-box .acs_list_b .box > div { width:100%; }
}
@media screen and (max-width:640px){
	.product-box .acs-box .top ul { gap:15px 10px; }
	.product-box .acs-box .acs_list li:not(:last-child) { margin-bottom:20px; }
	.product-box .acs-box .acs_list li .txtbox dd { margin-top:10px; }
}
@media screen and (max-width:480px){
	.product-box .acs-box .top ul li { width:100%; }
	.product-box .acs-box .top ul li .txt br { display:none }
}

/* motion */
.product-box .acs-box .acs_list li .imgbox .m { opacity:0; }
.product-box .acs-box .acs_list_b .box .imgbox .m { opacity:0; }
.acs-box .acs_list li.subOn .motion1 .m1 { animation:motion1_01 0.5s 0.3s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion1 .m2 { animation:motion1_01 0.5s 0.8s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion2 .m1 { animation:motion1_02 0.5s 0.3s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion2 .m2 { animation:motion1_02 0.5s 0.9s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion2 .m3 { animation:motion1_02 0.5s 1.5s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion2 .m4 { animation:motion1_02 0.5s 2.1s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion3 .m1 { animation:motion1_03 0.5s 0.3s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion3 .m2 { animation:motion1_03 0.5s 0.9s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion3 .m3 { animation:motion1_03 0.5s 1.5s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion3 .m4 { animation:motion1_03 0.5s 2.1s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list li.subOn .motion4 .m1 { animation:motion1_04 0.5s 0.3s cubic-bezier(.41,.4,.58,.59); animation-fill-mode:both; }
.acs-box .acs_list_b .box.subOn .motion5 .m1 { opacity:1; }
.acs-box .acs_list_b .box.subOn .motion5 .m2 { animation:motion1_04 0.8s 0.1s; animation-fill-mode:both; }
.acs-box .acs_list_b .box.subOn .motion5 .m3 { animation:motion1_04 0.8s 0.4s; animation-fill-mode:both; }
.acs-box .acs_list_b .box.subOn .motion5 .m4 { animation:motion1_04 0.8s 0.7s; animation-fill-mode:both; }
.acs-box .acs_list_b .box.subOn .motion5 .m5 { animation:motion1_04 0.8s 1.0s; animation-fill-mode:both; }
.acs-box .acs_list_b .box.subOn .motion5 .m6 { animation:motion1_02 1.0s 1.4s; animation-fill-mode:both; }

@keyframes motion1_01 {
	0% { transform:translateY(50px) ; opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@keyframes motion1_02 {
	0% { transform:translateY(-50px) ; opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@keyframes motion1_03 {
	0% { transform:translateY(-50px) ; opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@keyframes motion1_04 {
	0% { transform:translateX(-50px) ; opacity:0; }
	100% { transform:translateX(0); opacity:1; }
}

/* animation */
.product-box .acs-box .top ul li { opacity:0; }
.product-box .acs-box .top.subOn ul li { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.product-box .acs-box .acs_list li .txtbox { opacity:0; }
.product-box .acs-box .acs_list li.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.product-box .acs-box .acs_list li.subOn:nth-child(2n) .txtbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.product-box .acs-box .acs_list_c .box { opacity:0; }
.product-box .acs-box .acs_list_c .box.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.product-box .acs-box .acs_list_b .box .txtbox { opacity:0; }
.product-box .acs-box .acs_list_b .box.subOn .txtbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.product-box .acs-box .acs_list li.subOn .txtbox,
	.product-box .acs-box .acs_list li.subOn:nth-child(2n) .txtbox,
	.product-box .acs-box .acs_list_b .box.subOn .txtbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}


h4.ptitle { position:relative; padding-top:20px; color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
h4.ptitle:before { content:""; display:block; position:absolute; top:0; left:0; background:var(--mainColor); width:40px; height:3px; }
@media screen and (max-width:1024px){
	h4.ptitle { padding-top:15px; }
	h4.ptitle:before { width:30px; height:2px; }
}
@media screen and (max-width:1024px){
	h4.ptitle { padding-top:10px; }
	h4.ptitle:before { width:20px; }
}

.listCont { display:flex; flex-wrap:wrap; }
.listCont .stit_box { width:520px; }
.listCont .cont_box { width:calc(100% - 520px); }
@media screen and (max-width:1440px){
	.listCont .stit_box { width:450px; }
	.listCont .cont_box { width:calc(100% - 460px); }
}
@media screen and (max-width:1280px){
	.listCont .stit_box { width:360px; }
	.listCont .cont_box { width:calc(100% - 360px); }
}
@media screen and (max-width:1024px){
	.listCont { overflow:hidden; }
	.listCont .stit_box { width:100%; }
	.listCont .cont_box { width:100%; margin-top:20px; }
}

/* animation */
.listCont .stit_box { opacity:0; }
.listCont .stit_box.subOn { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.listCont .stit_box h4.ptitle:before { width:0; transition:all 0.4s 1.0s; }
.listCont .stit_box.subOn h4.ptitle:before { width:40px; }
.listCont .cont_box { opacity:0; }
.listCont .cont_box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.listCont .stit_box.subOn h4.ptitle:before { width:30px; }
}
@media screen and (max-width:1024px){
	.listCont .stit_box.subOn h4.ptitle:before { width:20px; }
}



/* application */
.application-box .solution-box .listbox { position:relative; overflow:hidden; }
.application-box .solution-box .listbox .swiper-container { position:relative; width:100%; padding-bottom:60px; overflow:hidden; }
.application-box .solution-box .listbox .swiper-container .swiper-wrapper { display:flex; }
.application-box .solution-box .listbox .swiper-container .swiper-slide { display:flex; }
.application-box .solution-box .listbox .swiper-container .swiper-slide a { transition:all 0.3s; width:100%; height:100%; display:block; border-radius:var(--borderR10); }
.application-box .solution-box .listbox .swiper-container .swiper-slide .imgbox { position:relative; width:100%; background:#fff; border-radius:var(--borderR10); overflow:hidden; }
.application-box .solution-box .listbox .swiper-container .swiper-slide .imgbox:before { content:""; display:block; padding-bottom:75%; }
.application-box .solution-box .listbox .swiper-container .swiper-slide .imgbox img { transition:all 0.3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.application-box .solution-box .listbox .swiper-pagination-progressbar { position:absolute; left:0; top:unset; bottom:0; width:100%; height:2px; background:#eee; }
.application-box .solution-box .listbox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--mainColor); }
.application-box .solution-box .video_box { position:relative; width:100%; height:100%; }
.application-box .solution-box .video_box a { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; display:block; border-radius:var(--borderR10); overflow:hidden; }
.application-box .solution-box .video_box .bg { position:relative; width:100%; }
.application-box .solution-box .video_box .bg:before { content:""; display:block; padding-bottom:56.20%; }
.application-box .solution-box .video_box .bg img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.application-box .solution-box .video_box .play { z-index:3; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:60px; height:60px; border-radius:var(--borderR10); background:rgba(11, 39, 117, 0.50); backdrop-filter:blur(7.5px);  display:flex; align-items:center; justify-content:center; }
.application-box .solution-box .video_box .mov { position:relative; left:0; top:0; width:100%; border-radius:var(--borderR10); overflow:hidden; }
.application-box .solution-box .video_box .mov:before { content:""; display:block; padding-bottom:56.35%; }
.application-box .solution-box .video_box .mov .youtube { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
@media screen and (max-width:1024px){
	.application-box .solution-box .listbox .swiper-container { padding-bottom:30px; }
	.application-box .solution-box .video_box .play { width:50px; height:50px; }
}
@media screen and (max-width:640px){
	.application-box .solution-box .listbox .swiper-pagination-bullet { background:#000; }
	.application-box .solution-box .listbox .swiper-pagination-bullet-active { background:var(--mainColor); }
	.application-box .solution-box .video_box .play { width:45px; height:45px; }
}


.robotAutomation-box .txtbox-1 p:not(:last-child) { margin-bottom:30px; }
.robotAutomation-box .txtbox-1 p { color:#111; font-size:var(--font20); font-weight:300; line-height:1.7 }
.robotAutomation-box .txtlist { display:flex; flex-wrap:wrap; gap:20px; }
.robotAutomation-box .txtlist .box { width:calc((100% - 20px) / 2); padding:40px; background:#f8f8f8; border-radius:var(--borderR15); display:flex; align-items:center; gap:40px; }
.robotAutomation-box .txtlist .box .icon { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:100px; height:100px; border-radius:100px; background:#fff; }
.robotAutomation-box .txtlist .box .icon img { width:100%; }
.robotAutomation-box .txtlist .box dt { color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; }
.robotAutomation-box .txtlist .box dd { margin-top:10px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
.robotAutomation-box .imglist-1 { display:flex; flex-wrap:wrap; gap:60px 20px; }
.robotAutomation-box .imglist-1 .box { width:calc((100% - 20px) / 2); }
.robotAutomation-box .imglist-1 .box .imgbox { position:relative; border-radius:var(--borderR10); overflow:hidden; }
.robotAutomation-box .imglist-1 .box .imgbox:before { content:""; display:block; padding-bottom:60.35%; }
.robotAutomation-box .imglist-1 .box .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.robotAutomation-box .imglist-1 .box dt { margin-top:30px; color:#111; font-size:var(--font20); font-weight:600; line-height:1.3; }
.robotAutomation-box .imglist-1 .box dd { margin-top:10px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.7; }
.robotAutomation-box .imglist-2 .box:not(:last-child) { margin-bottom:20px; }
.robotAutomation-box .imglist-2 .box { display:flex; flex-wrap:wrap; gap:20px; align-items:center; }
.robotAutomation-box .imglist-2 .box .imgbox,
.robotAutomation-box .imglist-2 .box dl { width:calc((100% - 20px) / 2); }
.robotAutomation-box .imglist-2 .box .imgbox { position:relative; border-radius:var(--borderR10); overflow:hidden; }
.robotAutomation-box .imglist-2 .box .imgbox:before { content:""; display:block; padding-bottom:55.5%; }
.robotAutomation-box .imglist-2 .box .imgbox > img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.robotAutomation-box .imglist-2 .box dl { padding-left:40px; }
.robotAutomation-box .imglist-2 .box dt { color:#111; font-size:var(--font20); font-weight:600; line-height:1.3; }
.robotAutomation-box .imglist-2 .box dd { margin-top:20px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.7; }
.robotAutomation-box .imglist-2 .box .imgbox .play { cursor:pointer; z-index:3; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:60px; height:60px; border-radius:var(--borderR10); background:rgba(11, 39, 117, 0.50); backdrop-filter:blur(7.5px);  display:flex; align-items:center; justify-content:center; }
.robotAutomation-box .imglist-2 .box:nth-child(2n) { flex-direction:row-reverse; }
.robotAutomation-box .imglist-2 .box:nth-child(2n) dl { padding-left:0; }
@media screen and (max-width:1440px){
	.robotAutomation-box .txtbox-1 p br,
	.robotAutomation-box .imglist-2 .box dd br { display:none; }
	.robotAutomation-box .txtbox-1 p span.m_br,
	.robotAutomation-box .imglist-2 .box dd span.m_br { display:block; }
}
@media screen and (max-width:1024px){
	.robotAutomation-box .txtbox-1 p:not(:last-child) { margin-bottom:15px; }
	.robotAutomation-box .txtlist { gap:10px; }
	.robotAutomation-box .txtlist .box { width:calc((100% - 10px) / 2); padding:20px; gap:20px; }
	.robotAutomation-box .txtlist .box .icon {width:80px; height:80px; }
	.robotAutomation-box .imglist-1 { gap:30px 10px; }
	.robotAutomation-box .imglist-1 .box { width:calc((100% - 10px) / 2); }
	.robotAutomation-box .imglist-1 .box dt { margin-top:15px;}
	.robotAutomation-box .imglist-1 .box dd { margin-top:8px; }
	.robotAutomation-box .imglist-2 .box:not(:last-child) { margin-bottom:10px; }
	.robotAutomation-box .imglist-2 .box { gap:10px; }
	.robotAutomation-box .imglist-2 .box .imgbox,
	.robotAutomation-box .imglist-2 .box dl { width:calc((100% - 10px) / 2); }
	.robotAutomation-box .imglist-2 .box dl { padding-left:20px; }
	.robotAutomation-box .imglist-2 .box dd { margin-top:10px; }
	.robotAutomation-box .imglist-2 .box .imgbox .play { width:50px; height:50px; }
}
@media screen and (max-width:640px){
	.robotAutomation-box .txtlist { gap:5px; }
	.robotAutomation-box .txtlist .box { width:100%; gap:15px; }
	.robotAutomation-box .txtlist .box .icon {width:60px; height:60px; }
	.robotAutomation-box .imglist-1 { gap:15px 10px; }
	.robotAutomation-box .imglist-1 .box { width:100%; }
	.robotAutomation-box .imglist-2 .box:not(:last-child) { margin-bottom:15px; }
	.robotAutomation-box .imglist-2 .box { gap:10px; }
	.robotAutomation-box .imglist-2 .box .imgbox,
	.robotAutomation-box .imglist-2 .box dl { width:100%; }
	.robotAutomation-box .imglist-2 .box dl { padding-left:0; }
	.robotAutomation-box .imglist-2 .box .imgbox .play { width:45px; height:45px; }
}

/* animation */
.robotAutomation-box .listCont .cont_box,
.robotAutomation-box .listCont .cont_box.subOn { animation:none; opacity:1; }
.robotAutomation-box .txtlist .box { opacity:0; }
.robotAutomation-box .txtlist.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.robotAutomation-box .imglist-1 .box { opacity:0; }
.robotAutomation-box .imglist-1.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.robotAutomation-box .imglist-2 .box { opacity:0; }
.robotAutomation-box .imglist-2.subOn .box  { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* company */
.company-box .overview-box .top { display:flex; align-items:center; justify-content:center; overflow:hidden; }
.company-box .overview-box .top .imgbox { width:45%; }
.company-box .overview-box .top .imgbox:before { content:""; display:block; padding-bottom:72.5%; }
.company-box .overview-box .top .imgbox img { position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); object-fit:cover; -o-object-fit:cover; border-radius:var(--borderR10); overflow:hidden; }
.company-box .overview-box .top .txtbox { width:calc(100% - 45%); padding-left:120px; }
.company-box .overview-box .top .txtbox dt h4 { color:#111; font-size:var(--font36); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.company-box .overview-box .top .txtbox dt h4 strong { color:var(--mainColor); font-weight:600; }
.company-box .overview-box .top .txtbox dd { margin-top:30px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.8; letter-spacing:-0.02em; }
.company-box .overview-box .ideology { background:url(/img/sub/company/overview_bg.png) no-repeat center top / cover; }
.company-box .overview-box .ideology > div:not(:last-child) { margin-bottom:120px; }
.company-box .overview-box .ideology h5 { margin:0 auto; color:#fff; font-size:var(--font20); font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; width:300px; height:60px; border-radius:30px; background:var(--mainColor); }
.company-box .overview-box .ideology .txt { text-align:center; margin-top:60px; color:#111; font-size:var(--font24); font-weight:500; line-height:1.3; }
.company-box .overview-box .ideology .keyword { margin-top:30px; display:flex; justify-content:center; gap:0 10px; } 
.company-box .overview-box .ideology .keyword .kbox { padding:0 30px; height:43px; color:#aaa; font-size:var(--font18); font-weight:600; line-height:1.1; display:inline-flex; align-items:center; justify-content:center; border-radius:100px; border:1px solid #e5e5e5; background:#f8f8f8; }
.company-box .overview-box .value { display:flex; gap:15px; }
.company-box .overview-box .value .box { width:calc((100% - 30px) / 3); }
.company-box .overview-box .value .box .imgbox { position:relative; border-radius:var(--borderR10); overflow:hidden; }
.company-box .overview-box .value .box .imgbox:before { content:""; display:block; padding-bottom:115.35%; }
.company-box .overview-box .value .box .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-box .overview-box .value .box .imgbox .txt { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3; text-align:center; }
.company-box .overview-box .value .box .imgbox .txt strong { display:block; margin-bottom:5px; font-size:var(--font32); font-weight:700; }
.company-box .overview-box .value .box .txtbox { text-align:center; margin-top:30px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.6; } 
.company-box .overview-box .way_box .txt { color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; }
.company-box .overview-box .way_box .chart { margin-top:120px; display:flex; justify-content:center; gap:0 60px; }
.company-box .overview-box .way_box .chart .txt_c { position:relative; }
.company-box .overview-box .way_box .chart .txt_c img { max-width:100%; }
.company-box .overview-box .way_box .chart .txt_c strong { position:absolute; left:50%; bottom:30%; transform:translate(-50%, 0); z-index:1; color:var(--mainColor); font-size:var(--font24); font-weight:600; line-height:1.3; }
.company-box .overview-box .way_box .txtbox { position:relative; text-align:center; z-index:3; }
.company-box .overview-box .way_box .txtbox .stxt1 { color:#ddd; font-size:var(--font18); font-weight:700; line-height:1.3; }
.company-box .overview-box .way_box .txtbox.t2 .stxt1 { color:var(--mainColor); }
.company-box .overview-box .way_box .txtbox .stxt2 { color:#333; font-size:var(--font20); font-weight:500; line-height:1.3; }
.company-box .overview-box .way_box .txtbox h5 { margin:20px 0; color:#111; font-size:var(--font32); font-weight:700; line-height:1.3; letter-spacing:-0.035em; }
.company-box .overview-box .way_box .txtbox:before { content:""; display:block; width:117px; height:59px; position:absolute; top:8px; right:-138px; z-index:3; background:url(/img/sub/company/overview_line01.png) no-repeat center center / cover; }
.company-box .overview-box .way_box .txtbox.t2:before { left:-138px; right:unset; background-image:url(/img/sub/company/overview_line02.png); }
.company-box .overview-box .creed_box { display:flex; flex-wrap:wrap; gap:20px; }
.company-box .overview-box .creed_box .box { position:relative; width:calc((100% - 60px) / 4); padding:30px; border-radius:var(--borderR10); border:1px solid #e5e5e5; }
.company-box .overview-box .creed_box .box .num { color:var(--mainColor); font-size:var(--font18); font-weight:600; line-height:1.3; }
.company-box .overview-box .creed_box .box .icon { margin:35px 0; }
.company-box .overview-box .creed_box .box .txt { color:#111; font-size:var(--font18); font-weight:500; line-height:1.5; }
@media screen and (max-width:1440px){
	.company-box .overview-box .top .txtbox { padding-left:90px; }
	.company-box .overview-box .creed_box .box .icon { margin:28px 0; }
}
@media screen and (max-width:1280px){
	.company-box .overview-box .top .txtbox { padding-left:50px; }
	.company-box .overview-box .top .txtbox dd { margin-top:20px; }
	.company-box .overview-box .creed_box { gap:15px; }
	.company-box .overview-box .creed_box .box { width:calc((100% - 45px) / 4); padding:20px; }
	.company-box .overview-box .creed_box .box .icon { margin:20px 0; }
}
@media screen and (max-width:1024px){
	.company-box .overview-box .top .txtbox { padding-left:30px; }
	.company-box .overview-box .top .txtbox dd { margin-top:15px; }
	.company-box .overview-box .ideology > div:not(:last-child) { margin-bottom:60px; }
	.company-box .overview-box .ideology h5 { width:220px; height:50px; }
	.company-box .overview-box .ideology .txt { margin-top:30px; }
	.company-box .overview-box .ideology .keyword { margin-top:15px; } 
	.company-box .overview-box .ideology .keyword .kbox { padding:0 20px; height:40px; }
	.company-box .overview-box .value { gap:10px; }
	.company-box .overview-box .value .box { width:calc((100% - 20px) / 3); }
	.company-box .overview-box .value .box .txtbox { margin-top:15px; }
	.company-box .overview-box .way_box .chart { margin-top:60px; gap:0 80px; }
	.company-box .overview-box .way_box .chart .txt_c { width:380px; }
	.company-box .overview-box .way_box .txtbox h5 { margin:10px 0; } 
	.company-box .overview-box .creed_box { gap:10px; }
	.company-box .overview-box .creed_box .box { width:calc((100% - 20px) / 3);}
	.company-box .overview-box .creed_box .box .icon { margin:15px 0; }
	.company-box .overview-box .creed_box .box .icon img { height:32px; }
}
@media screen and (max-width:860px){ 
	.company-box .overview-box .top { flex-wrap:wrap; }
	.company-box .overview-box .top .imgbox { width:100%; }
	.company-box .overview-box .top .txtbox { width:100%; padding-left:0; margin-top:20px; }
	.company-box .overview-box .value .box .txtbox br { display:none; }
	.company-box .overview-box .way_box .chart { margin-top:60px; gap:0 65px; }
	.company-box .overview-box .way_box .chart .txt_c { width:300px; }
	.company-box .overview-box .way_box .txtbox:before { width:90px; height:45px; right:-110px; }
	.company-box .overview-box .way_box .txtbox.t2:before { left:-110px; right:unset; }
}
@media screen and (max-width:640px){
	.company-box .overview-box .top .txtbox dd { margin-top:8px; }
	.company-box .overview-box .ideology > div:not(:last-child) { margin-bottom:30px; }
	.company-box .overview-box .ideology h5 { width:180px; height:40px; }
	.company-box .overview-box .ideology .txt { margin-top:15px; }
	.company-box .overview-box .ideology .keyword { margin-top:8px; } 
	.company-box .overview-box .ideology .keyword .kbox { padding:0 15px; height:35px; }
	.company-box .overview-box .value { flex-wrap:wrap; gap:20px; }
	.company-box .overview-box .value .box { width:100%; }
	.company-box .overview-box .value .box .txtbox { margin-top:8px; }
	.company-box .overview-box .way_box .chart { padding-top:100px; margin-top:0; }
	.company-box .overview-box .way_box .chart .txt_c { width:70%; }
	.company-box .overview-box .way_box .txtbox { position:absolute; top:80px; }
	.company-box .overview-box .way_box .txtbox:before { display:none }
	.company-box .overview-box .way_box .txtbox.t1 { left:0; }
	.company-box .overview-box .way_box .txtbox.t2 { right:0; }
	.company-box .overview-box .way_box .txtbox h5 { margin:5px 0; } 
	.company-box .overview-box .creed_box .box { width:calc((100% - 10px) / 2); }
}

/* animation */
.company-box .overview-box .top .imgbox { position:relative; }
.company-box .overview-box .top .imgbox:after { content:''; display:block; background:#fff; position:absolute; right:0; top:0; width:100%; height:100%; transition:all 1.2s; }
.company-box .overview-box .top.subOn .imgbox:after { width:0; }
.company-box .overview-box .top .txtbox { opacity:0; }
.company-box .overview-box .top.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-box .overview-box .listCont .cont_box,
.company-box .overview-box .listCont .cont_box.subOn { animation:none; opacity:1; }
.company-box .overview-box .cont_box .ideology { opacity:0; }
.company-box .overview-box .cont_box.subOn .ideology { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overview-box .value .box { opacity:0; }
.company-box .overview-box .value.subOn .box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overview-box .value .box .imgbox .txt { opacity:0; }
.company-box .overview-box .value.subOn .box .imgbox .txt { animation:ani_5 1.2s 0.4s; animation-fill-mode:both; }
.company-box .overview-box .value.subOn .box:nth-child(2) .imgbox .txt { animation:ani_5 1.2s 0.7s; animation-fill-mode:both; }
.company-box .overview-box .value.subOn .box:nth-child(3) .imgbox .txt { animation:ani_5 1.2s 1.0s; animation-fill-mode:both; }
.company-box .overview-box .value.subOn .box:nth-child(4) .imgbox .txt { animation:ani_5 1.2s 0.3s; animation-fill-mode:both; }
.company-box .overview-box .cont_box .way_box { opacity:0; }
.company-box .overview-box .cont_box.subOn .way_box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overview-box .creed_box .box { opacity:0; }
.company-box .overview-box .creed_box.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.company-box .overview-box .top .imgbox:after { right:0; top:unset; bottom:0; width:100%; height:100%; transition:all 1.2s; }
	.company-box .overview-box .top.subOn .imgbox:after { height:0; width:100%; }
}

.company-box .history-box .history-list { display:flex; }
.company-box .history-box .history-list .nav { width:320px; flex-shrink:0; position:sticky; top:160px; height:300px; margin-top:50px; }
.company-box .history-box .history-list .nav li { margin:7px 0 8px; transition:all 0.4s; }
.company-box .history-box .history-list .nav li.on { }
.company-box .history-box .history-list .nav li a { color:#ccc; font-size:var(--font22); font-weight:600; line-height:1.3; letter-spacing:-0.02em; transition:all 0.4s; }
.company-box .history-box .history-list .nav li.on a { color:var(--mainColor); font-size:var(--font40); font-weight:600; line-height:1.5; letter-spacing:-0.02em; }
.company-box .history-box .history-list .historyCont { position:relative; padding-left:200px; width:calc(100% - 320px); }
.company-box .history-box .history-list .historyCont .arrbox { position:absolute; left:0; top:0; width:50px; height:100%; }
.company-box .history-box .history-list .historyCont .arrbox:before { content:""; display:block; width:2px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#e5e5e5; }
.company-box .history-box .history-list .historyCont .arrbox .circle { position:sticky; top:0; left:0; z-index:2; overflow:hidden; height:220px; display:block; }
.company-box .history-box .history-list .historyCont .arrbox .circle span { transition:all 0.3s;position:absolute; left:0; top:50px; width:50px; height:50px; margin:0 auto; display:flex; align-items:center; justify-content:center; border:4px solid var(--mainColor); background:#fff; border-radius:40px; }
.company-box .history-box .history-list .historyCont .arrbox .circle span:before { content:""; display:block; width:2px; height:170px; position:absolute; bottom:46px; left:50%; transform:translateX(-50%); background:var(--mainColor); }
.company-box .history-box .history-list .historyCont .arrbox .circle span:after { content:""; display:block; width:10px; height:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--mainColor); border-radius:10px; }
.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:165px; transition:all 0.2s; }
.company-box .history-box .history-list .historyCont .listbox { border-top:2px solid #000; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:60px 40px; border-bottom:1px solid #e5e5e5; display:flex; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { flex-shrink:0; width:200px; color:#111; font-size:var(--font24); font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 200px); }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li:not(:last-child) { margin-bottom:15px; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li { position:relative; padding-left:14px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.02em; }
.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li:before { content:""; display:block; width:4px; height:4px; position:absolute; top:13px; left:0; z-index:3; background:var(--mainColor); }
@media screen and (max-width:1440px){
	.company-box .history-box .history-list .nav { width:260px; height:250px; margin-top:40px; }
	.company-box .history-box .history-list .historyCont { padding-left:150px; width:calc(100% - 260px); }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:40px 30px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:160px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 160px); }
}
@media screen and (max-width:1280px){
	.company-box .history-box .history-list .nav { width:240px; height:200px; margin-top:30px; }
	.company-box .history-box .history-list .historyCont { padding-left:110px; width:calc(100% - 240px); }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:30px 20px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:120px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 120px); }
}
@media screen and (max-width:1024px){
	.company-box .history-box .history-list .nav { width:180px; top:100px; }
	.company-box .history-box .history-list .historyCont { padding-left:80px; width:calc(100% - 180px); }
	.company-box .history-box .history-list .historyCont .arrbox { width:40px; }
	.company-box .history-box .history-list .historyCont .arrbox:before { width:1px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle { height:180px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span { top:40px; width:40px; height:40px; border-width:2px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:before { width:1px; height:140px; bottom:36px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:after { width:6px; height:6px; }
	.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:120px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:90px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:calc(100% - 90px); }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li:not(:last-child) { margin-bottom:10px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li { padding-left:10px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd li:before { width:2px; height:2px; top:10px; }
}
@media screen and (max-width:640px){
	.company-box .history-box .history-list .nav li a { font-size:var(--font20); }
	.company-box .history-box .history-list .nav li.on a { font-size:var(--font32); }	
	.company-box .history-box .history-list .nav { width:130px; top:60px; }
	.company-box .history-box .history-list .historyCont { padding-left:35px; width:calc(100% - 130px); }
	.company-box .history-box .history-list .historyCont .arrbox { width:22px; }
	.company-box .history-box .history-list .historyCont .arrbox:before { width:1px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle { height:180px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span { top:26px; width:22px; height:22px; border-width:1px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:before { width:1px; height:100px; bottom:20px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:after { width:4px; height:4px; }
	.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:70px; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl { padding:20px 10px; flex-wrap:wrap; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dt { width:100%; }
	.company-box .history-box .history-list .historyCont .listbox .tabCont dl dd { width:100%; margin-top:20px; }
}
@media screen and (max-width:520px){
	.company-box .history-box .history-list { flex-wrap:wrap; }
	.company-box .history-box .history-list .nav { border-bottom:2px solid #000; z-index:4; top:0; padding-top:50px; margin-top:0; height:auto; display:flex; gap:20px; align-items:center; justify-content:center; background:#fff; width:100%;  margin-top:-50px;}
	.company-box .history-box .history-list .nav li a { height:40px; display:flex; align-items:center; justify-content:center;}
	.company-box .history-box .history-list.on .nav { }
	.company-box .history-box .history-list .historyCont { padding-left:30px; width:100%; }
	.company-box .history-box .history-list .historyCont .arrbox { width:22px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle { height:220px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span { top:60px; }
	.company-box .history-box .history-list.on .historyCont .arrbox .circle span { top:140px; }
	.company-box .history-box .history-list .historyCont .arrbox .circle span:before { height:140px; }
	.company-box .history-box .history-list .historyCont .listbox { border:none; }
}

.company-box .ci-box .logo_box .logo { height:240px; padding:0 20px; display:flex; align-items:center; justify-content:center; border-radius:var(--borderR10); background:#f8f8f8; }
.company-box .ci-box .logo_box .logo img { max-width:100%; }
.company-box .ci-box .logo_box .txt { margin-top:30px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.8; }
.company-box .ci-box .color-box .listbox:not(:last-child) { margin-bottom:80px; }
.company-box .ci-box .color-box .listbox h5 { color:#111; font-size:var(--font22); font-weight:600; line-height:1.3; }
.company-box .ci-box .color-box .listbox .list { margin-top:30px; display:flex; flex-wrap:wrap; gap:20px; }
.company-box .ci-box .color-box .listbox .list2 { gap:15px; }
.company-box .ci-box .color-box .listbox .list .box { border-radius:var(--borderR10); padding:0 20px; }
.company-box .ci-box .color-box .listbox .list .box.logo { width:calc((100% - 20px) / 2); height:240px; display:flex; align-items:center; justify-content:center; }
.company-box .ci-box .color-box .listbox .list .bg1_1,
.company-box .ci-box .color-box .listbox .list .bg1_2 { background:#f8f8f8; }
.company-box .ci-box .color-box .listbox .list .bg2_1 { background:#0b2775; }
.company-box .ci-box .color-box .listbox .list .bg2_2 { background:#000; }
.company-box .ci-box .color-box .listbox .list .bg3_1 { background:#0b2775; }
.company-box .ci-box .color-box .listbox .list .bg3_2 { background:#9e9e9e; }
.company-box .ci-box .color-box .listbox .list .bg3_3 { background:#363636; }
.company-box .ci-box .color-box .listbox .list .box.cbox { width:calc((100% - 30px) / 3); height:190px; display:flex; padding:30px; }
.company-box .ci-box .color-box .listbox .list .box.cbox dl { display:flex; flex-direction:column; justify-content:space-between;}
.company-box .ci-box .color-box .listbox .list .box.cbox dt { color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3; }
.company-box .ci-box .color-box .listbox .list .box.cbox dd li { display:flex; color:rgba(255, 255, 255, 0.7); font-size:var(--font16); font-weight:300; line-height:1.3; }
.company-box .ci-box .color-box .listbox .list .box.cbox dd li strong { flex-shrink:0; font-weight:300; line-height:1.3; width:100px; }
.company-box .ci-box .color-box .listbox .list .box.cbox dd li:not(:last-child) { margin-bottom:5px; }
.company-box .ci-box .color-box .listbox .list .box img { max-width:100%; }
@media screen and (max-width:1280px){
	.company-box .ci-box .logo_box .logo,
	.company-box .ci-box .color-box .listbox .list .box.logo { height:220px; }
	.company-box .ci-box .color-box .listbox .list .box.cbox { height:170px; padding:20px; }
	.company-box .ci-box .color-box .listbox .list .box.cbox dd li strong { width:80px; }
}
@media screen and (max-width:1024px){
	.company-box .ci-box .color-box .listbox:not(:last-child) { margin-bottom:40px; }
	.company-box .ci-box .logo_box .logo,
	.company-box .ci-box .color-box .listbox .list .box.logo { height:200px; }
	.company-box .ci-box .color-box .listbox .list .box.cbox { height:160px; width:calc((100% - 20px) / 3); }
	.company-box .ci-box .color-box .listbox .list .box.logo { width:calc((100% - 10px) / 2); }
	.company-box .ci-box .logo_box .txt { margin-top:15px; }
	.company-box .ci-box .color-box .listbox .list { margin-top:15px; gap:10px; }
	.company-box .ci-box .color-box .listbox .list2 { gap:10px; }
}
@media screen and (max-width:760px){
	.company-box .ci-box .logo_box .logo,
	.company-box .ci-box .color-box .listbox .list .box.logo { height:160px; }
	.company-box .ci-box .color-box .listbox .list .box.logo { width:100%; }
	.company-box .ci-box .color-box .listbox .list .box.cbox { height:140px; }
}
@media screen and (max-width:640px){
	.company-box .ci-box .color-box .listbox:not(:last-child) { margin-bottom:20px; }
	.company-box .ci-box .logo_box .logo,
	.company-box .ci-box .color-box .listbox .list .box.logo { height:140px; }
	.company-box .ci-box .color-box .listbox .list .box.cbox { height:130px; width:100%; }
	.company-box .ci-box .logo_box .txt { margin-top:10px; }
	.company-box .ci-box .color-box .listbox .list { margin-top:10px; gap:5px; }
}

.company-box .certification-box .listbox > ul { display:flex; gap:120px 20px; flex-wrap:wrap; }
.company-box .certification-box .listbox > ul > li { width:calc((100% - 80px) / 5); cursor:pointer; }
.company-box .certification-box .listbox > ul > li .imgbox { position:relative; border-radius:var(--borderR10); background:#f8f8f8; }
.company-box .certification-box .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:140%; }
.company-box .certification-box .listbox > ul > li .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; }
.company-box .certification-box .listbox > ul > li .txtbox { padding-top:30px; text-align:center; }
.company-box .certification-box .listbox > ul > li .txtbox span { color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; word-break:break-word; /* overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; */ }
@media screen and (max-width:1440px){
	.company-box .certification-box .listbox > ul { gap:100px 15px; }
	.company-box .certification-box .listbox > ul > li { width:calc((100% - 60px) / 5); }
}
@media screen and (max-width:1280px){
	.company-box .certification-box .listbox > ul { gap:80px 10px; }
	.company-box .certification-box .listbox > ul > li { width:calc((100% - 30px) / 4); }
}
@media screen and (max-width:1024px){
	.company-box .certification-box .listbox > ul { gap:60px 10px; }
	.company-box .certification-box .listbox > ul > li .txtbox { padding-top:15px; }
}
@media screen and (max-width:760px){
	.company-box .certification-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:760px){
	.company-box .certification-box .listbox > ul { gap:40px 5px; }
	.company-box .certification-box .listbox > ul > li { width:calc((100% - 5px) / 2); }
	.company-box .certification-box .listbox > ul > li .txtbox { padding-top:8px; }
}


.cer-popupbox { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.cer-popupbox.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.cer-popupbox .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.cer-popupbox .pop_body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; padding:30px; background-color:#fff; border-radius:var(--borderR10); }
.cer-popupbox .pop_body .imgbox img { height:100vh; max-height:550px; }
.cer-popupbox .pop_body .txtbox { text-align:center; margin-top:20px; color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; }
.cer-popupbox .pop_body .btn_close { position:absolute; right:-40px; top:-40px; cursor:pointer; transition:all 0.5s; }
.cer-popupbox .pop_body .btn_close span { position:relative; width:36px; height:36px; display:block }
.cer-popupbox .pop_body .btn_close span:before { content:""; display:block; width:24px; height:2px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.cer-popupbox .pop_body .btn_close span:after { content:""; display:block; width:24px; height:2px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.cer-popupbox .pop_body .btn_close:hover { transform:rotate(-180deg); }
@media screen and (max-height:800px){
	.cer-popupbox .pop_body { padding:20px; }
	.cer-popupbox .pop_body .imgbox img {  height:auto; max-height:100%; max-width:400px; }
}
@media screen and (max-height:720px){
	.cer-popupbox .pop_body { padding:15px; }
	.cer-popupbox .pop_body .imgbox img { max-width:300px; }
	.cer-popupbox .pop_body .txtbox { margin-top:10px; }
	.cer-popupbox .pop_body .btn_close { right:-10px; top:-35px; }
}
@media screen and (max-width:1024px){
	.cer-popupbox .pop_body { padding:20px; }
	.cer-popupbox .pop_body .txtbox { margin-top:10px; }
	.cer-popupbox .pop_body .btn_close span:before,
	.cer-popupbox .pop_body .btn_close span:after { width:20px; }
	.cer-popupbox .pop_body .btn_close { right:-35px; top:-35px; }
}
@media screen and (max-width:860px){
	.cer-popupbox .pop_body .btn_close { right:-10px; }
}
@media screen and (max-width:640px){
	.cer-popupbox .pop_body { padding:15px; margin:0 auto; max-width:400px; width:100%; }
	.cer-popupbox .pop_body .imgbox img { height:auto; max-height:100%; max-width:100%; width:100%; }
	.cer-popupbox .pop_body .btn_close { right:-10px; }
}
@media screen and (max-width:480px){
	.cer-popupbox .pop_body { max-width:100%; width:calc(100% - 60px); }
}


.company-box .location-box .mapCont:not(:last-child) { margin-bottom:120px; padding-bottom:120px; border-bottom:1px solid #e5e5e5; }
.company-box .location-box .mapCont { display:flex; flex-wrap:wrap; align-items:center; }
.company-box .location-box .mapCont .info_box { width:calc(100% - 42%); padding-right:40px; }
.company-box .location-box .mapCont .info_box dt { display:flex; align-items:center; gap:25px; }
.company-box .location-box .mapCont .info_box dt h4 { color:#111; font-size:var(--font50); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.company-box .location-box .mapCont .info_box dd .txt { margin-top:30px; color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.company-box .location-box .mapCont .info_box dd ul { margin-top:60px; }
.company-box .location-box .mapCont .info_box dd li:not(:last-child) { margin-bottom:15px; }
.company-box .location-box .mapCont .info_box dd li { display:flex; align-items:center; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.02em; }
.company-box .location-box .mapCont .info_box dd li strong { width:130px; flex-shrink:0; color:#111; font-weight:600; }
.company-box .location-box .mapCont .info_box .btn { margin-top:60px; display:flex; align-items:center; gap:10px; }
.company-box .location-box .mapCont .info_box .btn a { width:180px; height:55px; display:flex; align-items:center; justify-content:center; background:#f9e000; border-radius:var(--borderR10); }
.company-box .location-box .mapCont .info_box .btn a:nth-child(2) { background:#03c75a; }
.company-box .location-box .mapCont .map_box { width:42%; border-radius:var(--borderR20); overflow:hidden; border:none; }
.company-box .location-box .mapCont .map_box > div { width:101% !important; border:none !important; margin:-1px 0 0 -1px; }
.company-box .location-box .mapCont .map_box .wrap_map,
.company-box .location-box .mapCont .map_box > div { height:480px !important; }
.company-box .location-box .mapCont .map_box .cont { display:none }
.company-box .location-box .mapCont .map_box .google-map { position:relative; overflow:hidden;  }
.company-box .location-box .mapCont .map_box .google-map:after { content:''; display:block; padding-bottom:480px; }
.company-box .location-box .mapCont .map_box iframe { position:absolute; top:0; left:0; top:-170px; width:100%; height:calc(100% + 340px); }
@media screen and (max-width:1440px){
	.company-box .location-box .mapCont .info_box { width:calc(100% - 48%); }
	.company-box .location-box .mapCont .map_box { width:48%; }
}
@media screen and (max-width:1280px){
	.company-box .location-box .mapCont:not(:last-child) { margin-bottom:90px; padding-bottom:90px; }
	.company-box .location-box .mapCont .info_box dt { gap:20px; }
	.company-box .location-box .mapCont .info_box dt img { height:40px; }
	.company-box .location-box .mapCont .info_box dd .txt { margin-top:20px; }
	.company-box .location-box .mapCont .info_box dd ul { margin-top:40px; }
	.company-box .location-box .mapCont .info_box dd li strong { width:110px; }
	.company-box .location-box .mapCont .info_box .btn { margin-top:40px; }
	.company-box .location-box .mapCont .map_box .wrap_map,
	.company-box .location-box .mapCont .map_box > div { height:420px !important; }
	.company-box .location-box .mapCont .map_box .google-map:after { padding-bottom:420px; }
}
@media screen and (max-width:1024px){
	.company-box .location-box .mapCont:not(:last-child) { margin-bottom:60px; padding-bottom:60px; }
	.company-box .location-box .mapCont .info_box dt { gap:15px; }
	.company-box .location-box .mapCont .info_box dt img { height:35px; }
	.company-box .location-box .mapCont .info_box dd .txt { margin-top:15px; }
	.company-box .location-box .mapCont .info_box dd ul { margin-top:30px; }
	.company-box .location-box .mapCont .info_box dd li strong { width:100px; }
	.company-box .location-box .mapCont .info_box dd li:not(:last-child) { margin-bottom:8px; }
	.company-box .location-box .mapCont .info_box .btn { margin-top:30px; }
	.company-box .location-box .mapCont .info_box .btn a { width:160px; height:50px; }
	.company-box .location-box .mapCont .map_box .wrap_map,
	.company-box .location-box .mapCont .map_box > div { height:380px !important; }
	.company-box .location-box .mapCont .map_box .google-map:after { padding-bottom:380px; }
}
@media screen and (max-width:860px){
	.company-box .location-box .mapCont { flex-direction:column-reverse; }
	.company-box .location-box .mapCont .map_box { width:100%; }
	.company-box .location-box .mapCont .map_box .wrap_map,
	.company-box .location-box .mapCont .map_box > div { height:320px !important; }
	.company-box .location-box .mapCont .map_box .google-map:after { padding-bottom:320px; }
	.company-box .location-box .mapCont .info_box { width:100%; margin-top:20px; }
}
@media screen and (max-width:640px){
	.company-box .location-box .mapCont:not(:last-child) { margin-bottom:30px; padding-bottom:30px; }
	.company-box .location-box .mapCont .info_box dt { gap:10px; }
	.company-box .location-box .mapCont .info_box dt img { height:24px; }
	.company-box .location-box .mapCont .info_box dd .txt { margin-top:10px; }
	.company-box .location-box .mapCont .info_box dd ul { margin-top:15px; }
	.company-box .location-box .mapCont .info_box dd li strong { width:90px; }
	.company-box .location-box .mapCont .info_box .btn { margin-top:15px; gap:0 5px; }
	.company-box .location-box .mapCont .info_box .btn a { width:140px; height:45px; }
	.company-box .location-box .mapCont .info_box .btn a img { height:22px; }
	.company-box .location-box .mapCont .info_box .btn a:nth-child(2) img { height:16px; }
	.company-box .location-box .mapCont .map_box .wrap_map,
	.company-box .location-box .mapCont .map_box > div { height:280px !important; }
	.company-box .location-box .mapCont .map_box .google-map:after { padding-bottom:280px; }
}

/* animation */
.company-box .location-box .mapCont .info_box { opacity:0; }
.company-box .location-box .mapCont .info_box.subOn { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.company-box .location-box .mapCont .map_box { opacity:0; }
.company-box .location-box .mapCont .map_box.subOn { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.company-box .location-box .mapCont .map_box.subOn { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
	.company-box .location-box .mapCont .info_box.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
}

/* pr */
.pr-box .finance-box .select_box { position:relative; display:flex; justify-content:flex-end; }
.pr-box .finance-box .select_box .selbox { border-radius:100px; background:#f8f8f8; }
.pr-box .finance-box .select_box .selectric { width:210px; }
.pr-box .finance-box .dataTable { margin-top:40px; }
.pr-box .finance-box .dataTable .listbox:not(:last-child) { margin-bottom:120px; }
.pr-box .finance-box .dataTable .listbox .titbox { display:flex; justify-content:space-between; align-items:flex-end; }
.pr-box .finance-box .dataTable .listbox .titbox h4 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.pr-box .finance-box .dataTable .listbox table { margin-top:20px; border-top:2px solid #000; }
.pr-box .finance-box .dataTable .listbox thead th { border-bottom:1px solid #000; height:83px; text-align:center; color:#111; font-size:var(--font18); font-weight:500; line-height:1.3; }
.pr-box .finance-box .dataTable .listbox tbody td { border-bottom:1px solid #e5e5e5; height:73px; padding:0 5px; text-align:center; color:#555; font-size:var(--font18); font-weight:300; line-height:1.3; }
.pr-box .finance-box .dataTable .listbox tbody tr.bg td { background:#f8f8f8; font-weight:500; }
@media screen and (max-width:1024px){
	.pr-box .finance-box .select_box .selectric { width:180px; }
	.pr-box .finance-box .dataTable { margin-top:20px; }
	.pr-box .finance-box .dataTable .listbox:not(:last-child) { margin-bottom:60px; }
	.pr-box .finance-box .dataTable .listbox table { margin-top:10px; }
	.pr-box .finance-box .dataTable .listbox thead th { height:65px; }
	.pr-box .finance-box .dataTable .listbox tbody td { height:60px; }
}
@media screen and (max-width:640px){
	.pr-box .finance-box .select_box .selectric { width:140px; }
	.pr-box .finance-box .dataTable { margin-top:15px; }
	.pr-box .finance-box .dataTable .listbox:not(:last-child) { margin-bottom:30px; }
	.pr-box .finance-box .dataTable .listbox table { margin-top:5px; }
	.pr-box .finance-box .dataTable .listbox thead th { height:50px; }
	.pr-box .finance-box .dataTable .listbox tbody td { height:45px; }
}

/* management */
.management-box .compliance-box .listbox .imgbox { width:100%; position:relative; overflow:hidden; background:#f8f8f8; border-radius:var(--borderR20); }
.management-box .compliance-box .listbox .imgbox:before {content:""; display:block; padding-bottom:28%; }
.management-box .compliance-box .listbox .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.management-box .compliance-box .listbox .txtbox dt { margin-top:60px; color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.management-box .compliance-box .listbox .txtbox dd { margin-top:30px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.035em; }
@media screen and (max-width:1024px){
	.management-box .compliance-box .listbox .imgbox:before { padding-bottom:35%; }
	.management-box .compliance-box .listbox .txtbox dt { margin-top:30px; }
	.management-box .compliance-box .listbox .txtbox dd { margin-top:15px; }
}
@media screen and (max-width:640px){
	.management-box .compliance-box .listbox .imgbox:before { padding-bottom:42%; }
	.management-box .compliance-box .listbox .txtbox dt { margin-top:15px; }
	.management-box .compliance-box .listbox .txtbox dd { margin-top:8px; }
}

/* animation */
.management-box .compliance-box .listbox .txtbox { opacity:0; }
.management-box .compliance-box .listbox.subOn .txtbox { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }
.management-box .compliance-box .listbox .anibox { position:relative; width:100%; }
.management-box .compliance-box .listbox .anibox:before { content:''; display:block; background:#fff; z-index:2; position:absolute; left:0; bottom:0; width:100%; height:100%; transition:all 1.0s; }
.management-box .compliance-box .listbox .anibox .imgbox:after { content:''; display:block; background:rgba(255, 255, 255, 0.3); z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; transition:all 1.2s 1.0s; }
.management-box .compliance-box .listbox.subOn .anibox:before { height:0; }
.management-box .compliance-box .listbox.subOn .anibox .imgbox:after { height:0; }

.management-box .ethical-box h4 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.035em; border-bottom:1px solid #000; margin-bottom:60px; padding-bottom:40px; }
.management-box .ethical-box h5 { color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.management-box .ethical-box .txt { margin-top:30px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.7; letter-spacing:-0.030em; }
.management-box .ethical-box .sbox { margin-top:60px; padding:80px; background:#f8f8f8; border-radius:var(--borderR10); }
.management-box .ethical-box .sbox dl:not(:last-child) { margin-bottom:60px; }
.management-box .ethical-box .sbox dt { color:#111; font-size:var(--font20); font-weight:600; line-height:1.3; }
.management-box .ethical-box .sbox dd { margin-top:20px; }
.management-box .ethical-box .sbox dd > ul > li:not(:last-child) { margin-bottom:20px; }
.management-box .ethical-box .sbox dd ul li { color:#333; font-size:var(--font18); font-weight:300; line-height:1.6; }
.management-box .ethical-box .sbox dd > ul > li > ul { padding-top:10px; }
.management-box .ethical-box .sbox dd > ul > li > ul > li:not(:last-child) { margin-bottom:10px; }
.management-box .ethical-box .sbox dd ul.list > li:not(:last-child) { margin-bottom:10px; }
.management-box .ethical-box .sbox dd ul.list li { display:flex; }
.management-box .ethical-box .sbox dd ul.list li span { flex-shrink:0; width:12px; }
@media screen and (max-width:1024px){
	.management-box .ethical-box h4 { margin-bottom:30px; padding-bottom:20px; }
	.management-box .ethical-box .txt { margin-top:15px; }
	.management-box .ethical-box .sbox { margin-top:30px; padding:40px; }
	.management-box .ethical-box .sbox dl:not(:last-child) { margin-bottom:30px; }
	.management-box .ethical-box .sbox dd { margin-top:10px; }
	.management-box .ethical-box .sbox dd > ul > li:not(:last-child) { margin-bottom:10px; }
	.management-box .ethical-box .sbox dd > ul > li > ul { padding-top:5px; }
	.management-box .ethical-box .sbox dd > ul > li > ul > li:not(:last-child) { margin-bottom:5px; }
	.management-box .ethical-box .sbox dd ul.list > li:not(:last-child) { margin-bottom:5px; }
	.management-box .ethical-box .sbox dd ul.list li span { width:10px; }
}
@media screen and (max-width:640px){
	.management-box .ethical-box h4 { margin-bottom:15px; padding-bottom:10px; }
	.management-box .ethical-box .txt { margin-top:8px; }
	.management-box .ethical-box .sbox { margin-top:30px; padding:20px; }
	.management-box .ethical-box .sbox dl:not(:last-child) { margin-bottom:15px; }
	.management-box .ethical-box .sbox dd { margin-top:8px; }
	.management-box .ethical-box .sbox dd > ul > li:not(:last-child) { margin-bottom:8px; }
	.management-box .ethical-box .sbox dd > ul > li > ul { padding-top:5px; }
	.management-box .ethical-box .sbox dd > ul > li > ul > li:not(:last-child) { margin-bottom:5px; }
	.management-box .ethical-box .sbox dd ul.list > li:not(:last-child) { margin-bottom:5px; }
}

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

.recruit-box .talent-box .top { text-align:center; }
.recruit-box .talent-box .top .tit { color:#111; font-size:var(--font36); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.recruit-box .talent-box .top .txt { margin-top:20px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.03em; }
.recruit-box .talent-box .listbox { margin-top:80px; }
.recruit-box .talent-box .listbox .box:not(:last-child) { margin-bottom:60px; }
.recruit-box .talent-box .listbox .box { display:flex; flex-wrap:wrap; align-items:center; gap:40px 160px; }
.recruit-box .talent-box .listbox .box > div { width:calc((100% - 160px) / 2); }
.recruit-box .talent-box .listbox .box .imgbox { position:relative; overflow:hidden; background:#f8f8f8; border-radius:var(--borderR10); }
.recruit-box .talent-box .listbox .box .imgbox:before {content:""; display:block; padding-bottom:58.4%; }
.recruit-box .talent-box .listbox .box .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.recruit-box .talent-box .listbox .box .imgbox dt { margin-top:60px; color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.recruit-box .talent-box .listbox .box .txtbox dt h5 { color:#111; font-size:var(--font36); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.recruit-box .talent-box .listbox .box .txtbox dd .txt-1 { margin:30px 0; color:var(--mainColor); font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.recruit-box .talent-box .listbox .box .txtbox dd .txt-2 { color:#333; font-size:var(--font20); font-weight:300; line-height:1.5; letter-spacing:-0.02em; }
.recruit-box .talent-box .listbox .box:nth-child(2n) { flex-direction:row-reverse; }
@media screen and (max-width:1440px){
	.recruit-box .talent-box .listbox .box { gap:40px 120px; }
	.recruit-box .talent-box .listbox .box > div { width:calc((100% - 120px) / 2); }
}
@media screen and (max-width:1280px){
	.recruit-box .talent-box .listbox .box { gap:40px 80px; }
	.recruit-box .talent-box .listbox .box > div { width:calc((100% - 80px) / 2); }
}
@media screen and (max-width:1024px){
	.recruit-box .talent-box .top .txt { margin-top:10px; }
	.recruit-box .talent-box .listbox { margin-top:40px; }
	.recruit-box .talent-box .listbox .box { gap:40px; }
	.recruit-box .talent-box .listbox .box:not(:last-child) { margin-bottom:30px; }
	.recruit-box .talent-box .listbox .box > div { width:calc((100% - 40px) / 2); }
	.recruit-box .talent-box .listbox .box .imgbox dt { margin-top:30px; }
	.recruit-box .talent-box .listbox .box .txtbox dd .txt-1 { margin:15px 0; }
}
@media screen and (max-width:860px){
	.recruit-box .talent-box .listbox .box { gap:20px; }
	.recruit-box .talent-box .listbox .box > div { width:100%; }
}
@media screen and (max-width:640px){
	.recruit-box .talent-box .top .txt { margin-top:5px; }
	.recruit-box .talent-box .listbox { margin-top:20px; }
	.recruit-box .talent-box .listbox .box:not(:last-child) { margin-bottom:15px; }
	.recruit-box .talent-box .listbox .box .imgbox dt { margin-top:15px; }
	.recruit-box .talent-box .listbox .box .txtbox dd .txt-1 { margin:8px 0; }
}

/* animation */
.recruit-box .talent-box .listbox .box .imgbox { opacity:0; }
.recruit-box .talent-box .listbox .box.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.recruit-box .talent-box .listbox .box .txtbox { opacity:0; }
.recruit-box .talent-box .listbox .box.subOn .txtbox { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.recruit-box .talent-box .listbox .box.subOn:nth-child(2n) .txtbox { animation:ani_1 0.8s 0.1s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.recruit-box .talent-box .listbox .box.subOn .txtbox,
	.recruit-box .talent-box .listbox .box.subOn:nth-child(2n) .txtbox { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }
}


.recruit-box .welfare-box { overflow:hidden; }
.recruit-box .welfare-box dl { display:flex; flex-wrap:wrap; }
.recruit-box .welfare-box dt { width:520px; flex-shrink:0; }
.recruit-box .welfare-box dt h4 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.recruit-box .welfare-box dd { width:calc(100% - 520px); }
.recruit-box .welfare-box dd .listbox { display:flex; flex-wrap:wrap; gap:30px; }
.recruit-box .welfare-box dd .listbox .box { width:calc((100% - 60px) / 3); padding:45px 20px; text-align:center; background:#f8f8f8; border-radius:var(--borderR10); }
.recruit-box .welfare-box dd .listbox .box .txtbox { margin-top:30px; text-align:center; color:#111; font-size:var(--font20); font-weight:500; line-height:1.5; }
@media screen and (max-width:1440px){
	.recruit-box .welfare-box dt { width:460px; }
	.recruit-box .welfare-box dd { width:calc(100% - 460px); }
}
@media screen and (max-width:1280px){
	.recruit-box .welfare-box dt { width:360px; }
	.recruit-box .welfare-box dd { width:calc(100% - 360px); }
	.recruit-box .welfare-box dd .listbox { gap:20px; }
	.recruit-box .welfare-box dd .listbox .box { width:calc((100% - 40px) / 3); padding:40px 20px; }
}
@media screen and (max-width:1024px){
	.recruit-box .welfare-box dt { width:280px; }
	.recruit-box .welfare-box dd { width:calc(100% - 280px); }
	.recruit-box .welfare-box dd .listbox { gap:10px; }
	.recruit-box .welfare-box dd .listbox .box { width:calc((100% - 20px) / 3); padding:30px 20px; }
	.recruit-box .welfare-box dd .listbox .box .icon img { height:36px; }
	.recruit-box .welfare-box dd .listbox .box .txtbox { margin-top:15px; }
}
@media screen and (max-width:960px){
	.recruit-box .welfare-box dt { width:100%; }
	.recruit-box .welfare-box dd { width:100%; margin-top:20px; }
	.recruit-box .welfare-box dd .listbox { gap:10px; }
}
@media screen and (max-width:640px){
	.recruit-box .welfare-box dd { margin-top:10px; }
	.recruit-box .welfare-box dd .listbox { gap:5px; }
	.recruit-box .welfare-box dd .listbox .box { width:calc((100% - 5px) / 2); padding:20px 10px; }
	.recruit-box .welfare-box dd .listbox .box .icon img { height:30px; }
	.recruit-box .welfare-box dd .listbox .box .txtbox { margin-top:8px; }
}

/* animation */
.recruit-box .welfare-box dl dt h4 { opacity:0; }
.recruit-box .welfare-box dl.subOn dt h4 { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.recruit-box .welfare-box dd .listbox .box { opacity:0; }
.recruit-box .welfare-box dd .listbox.subOn .box { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }

.recruit-box .guide-box { overflow:hidden; }
.recruit-box .guide-box .process { display:flex; flex-wrap:wrap; justify-content:center; gap:0 100px; }
.recruit-box .guide-box .process .box { width:calc((100% - 400px) / 5); position:relative; }
.recruit-box .guide-box .process .box:before { content:""; display:block; padding-bottom:100%; }
.recruit-box .guide-box .process .box:after { content:""; display:block; position:absolute; right:calc((-100px - 14px) / 2); top:50%; transform:translateY(-50%); width:10px; height:15px; background:url(/img/svg/process_arr01_1.svg) no-repeat center top}
.recruit-box .guide-box .process .box:nth-child(1):after { opacity:0.1; }
.recruit-box .guide-box .process .box:nth-child(2):after { opacity:0.3; }
.recruit-box .guide-box .process .box:nth-child(3):after { opacity:0.6; }
.recruit-box .guide-box .process .box:nth-child(4):after { background-image:url(/img/svg/process_arr01_2.svg); }
.recruit-box .guide-box .process .box:nth-child(5):after { display:none; }
.recruit-box .guide-box .process .box:nth-child(3) { z-index:4; }
.recruit-box .guide-box .process .box:nth-child(4) { z-index:3; }
.recruit-box .guide-box .process .box .line { position:absolute; left:0; top:0; width:100%; height:100%; padding:8px; border:2px solid #e5e5e5; background:#fff; border-radius:600px; }
.recruit-box .guide-box .process .box .line .circle { width:100%; height:100%; text-align:center; display:flex; gap:15px; align-items:center; justify-content:center; flex-direction:column; background:#f8f8f8; border-radius:600px; }
.recruit-box .guide-box .process .box .line .circle .num { color:var(--mainColor); font-size:var(--font18); font-weight:600; line-height:1.3; }
.recruit-box .guide-box .process .box .line .circle strong { color:#111; font-size:var(--font20); font-weight:600; line-height:1.3; }
.recruit-box .guide-box .process .box:last-child .line { border:2px dashed var(--mainColor); }
.recruit-box .guide-box .process .box:last-child .line .circle { background:linear-gradient(135deg, #1322A6 0%, #000955 100%); }
.recruit-box .guide-box .process .box:last-child .line .circle .num,
.recruit-box .guide-box .process .box:last-child .line .circle strong { color:#fff; }
.recruit-box .guide-box .process .box .stxt { position:absolute; left:calc(-100px - 50px); top:calc(100% - 50px); width:calc(100px + (50px * 2)); color:#555; font-size:var(--font16); font-weight:300; line-height:1.3; text-align:center; }
.recruit-box .guide-box .process .box .stxt strong { display:block; margin-bottom:5px; color:var(--mainColor); font-size:var(--font17); font-weight:600; }
.recruit-box .guide-box .guide_list { background:#f8f8f8; border-radius:var(--borderR20); padding:60px; }
.recruit-box .guide-box .guide_list dt { color:#111; font-size:var(--font22); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.recruit-box .guide-box .guide_list dd { margin-top:30px; }
.recruit-box .guide-box .guide_list dd li:not(:last-child) { margin-bottom:10px; }
.recruit-box .guide-box .guide_list dd li { display:flex; color:#111; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.025em; }
.recruit-box .guide-box .guide_list dd li span { flex-shrink:0; width:13px; }
@media screen and (max-width:1440px){
	.recruit-box .guide-box .process { gap:60px; }
	.recruit-box .guide-box .process .box { width:calc((100% - 240px) / 5); }
	.recruit-box .guide-box .process .box:after { right:calc((-60px - 14px) / 2); }
	.recruit-box .guide-box .process .box .stxt { right:calc(-60px - 50px); width:calc(60px + (50px * 2)); }
}
@media screen and (max-width:1280px){
	.recruit-box .guide-box .process { gap:40px; }
	.recruit-box .guide-box .process .box { width:calc((100% - 160px) / 5); }
	.recruit-box .guide-box .process .box:after { right:calc((-40px - 14px) / 2); }
	.recruit-box .guide-box .process .box .stxt { top:calc(100% - 30px); left:calc(-40px - 50px); width:calc(40px + (50px * 2)); }
	.recruit-box .guide-box .process .box .stxt strong { margin-bottom:3px; }
	.recruit-box .guide-box .process .box .line .circle { gap:8px; }
}
@media screen and (max-width:960px){
	.recruit-box .guide-box .process .box { width:calc((100% - 80px) / 3); }
	.recruit-box .guide-box .process .box:nth-child(4) { order:5; }
	.recruit-box .guide-box .process .box .stxt { right:calc(-40px - 50px); left:unset; }
	.recruit-box .guide-box .process .box:nth-child(3):after { left:50%; top:unset; bottom:calc(-40px + 14px); right:unset; transform:translate(-50%, 0) rotate(90deg); }
	.recruit-box .guide-box .process .box:nth-child(4):after { left:calc((-40px - 14px) / 2); right:unset; transform:translateY(-50%) rotate(180deg); }
	.recruit-box .guide-box .guide_list { padding:30px; }
	.recruit-box .guide-box .guide_list dd { margin-top:15px; }	
	.recruit-box .guide-box .guide_list dd li:not(:last-child) { margin-bottom:8px; }
}
@media screen and (max-width:640px){
	.recruit-box .guide-box .process .box { width:calc((100% - 40px) / 2); }
	.recruit-box .guide-box .process .box:nth-child(3) { order:4; }
	.recruit-box .guide-box .process .box:nth-child(4) { order:3; }
	.recruit-box .guide-box .process .box:nth-child(5) { order:5; }
	.recruit-box .guide-box .process .box:nth-child(4) .stxt { right:calc(-40px - 50px); left:unset; }
	.recruit-box .guide-box .process .box .stxt { left:calc(-40px - 50px); right:unset; }
	.recruit-box .guide-box .process .box:nth-child(3):after { left:calc(-40px + 20px); top:50%; bottom:unset; right:unset; transform:translate(-50%, 0) rotate(180deg); }
	.recruit-box .guide-box .process .box:nth-child(2):after,
	.recruit-box .guide-box .process .box:nth-child(4):after { left:50%; top:unset; bottom:calc(-40px + 14px); right:unset; transform:translate(-50%, 0) rotate(90deg);}
	.recruit-box .guide-box .guide_list { padding:20px; }
	.recruit-box .guide-box .guide_list dd { margin-top:8px; }	
}

/* animation */
.recruit-box .guide-box .process .box { opacity:0; }
.recruit-box .guide-box .process.subOn .box { animation:ani_1 0.8s 0.1s; animation-fill-mode:both; }
.recruit-box .guide-box .guide_list { opacity:0; }
.recruit-box .guide-box .guide_list.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }








.policy-box .sitemap { border-top:2px solid #000; }
.policy-box .sitemap > ul > li { display:flex; flex-wrap:wrap; padding:40px; border-bottom:1px solid #e5e5e5; }
.policy-box .sitemap > ul > li > a { color:#111; font-size:var(--font26); font-weight:600; line-height:1.3; width:360px; flex-shrink:0; }
.policy-box .sitemap > ul > li .subDepth { width:calc(100% - 360px); }
.policy-box .sitemap > ul > li .subDepth > ul { display:flex; flex-wrap:wrap; gap:10px 0; }
.policy-box .sitemap > ul > li .subDepth > ul > li { width:200px; }
.policy-box .sitemap > ul > li .subDepth > ul > li a { color:#111; font-size:var(--font19); font-weight:400; line-height:1.3; }
.policy-box .sitemap > ul > li .subDepth > ul > li ul { padding-top:20px; }
.policy-box .sitemap > ul > li .subDepth > ul > li ul li:not(:last-child) { margin-bottom:10px; }
.policy-box .sitemap > ul > li .subDepth > ul > li ul li a { color:#555; font-size:var(--font17); font-weight:300; line-height:1.3; }
@media screen and (max-width:1760px){
	.policy-box .sitemap > ul > li > a { width:260px; }
	.policy-box .sitemap > ul > li .subDepth { width:calc(100% - 260px); }
	.policy-box .sitemap > ul > li .subDepth > ul { flex-wrap:wrap; width:100%; gap:30px; }
	.policy-box .sitemap > ul > li .subDepth > ul > li { width:calc((100% - 120px) / 5); }
}
@media screen and (max-width:1440px){
	.policy-box .sitemap > ul > li > a { width:160px; }
	.policy-box .sitemap > ul > li .subDepth { width:calc(100% - 160px); }
	.policy-box .sitemap > ul > li .subDepth > ul { gap:10px 20px; }
	.policy-box .sitemap > ul > li .subDepth > ul > li { width:calc((100% - 60px) / 4); }
	.policy-box .sitemap > ul > li .subDepth > ul > li ul { padding-top:10px; }
}
@media screen and (max-width:1024px){
	.policy-box .sitemap > ul > li .subDepth { width:100%; }
	.policy-box .sitemap > ul > li { flex-wrap:wrap; gap:20px 0; padding:20px; }
	.policy-box .sitemap > ul > li > a { width:100%; }
	.policy-box .sitemap > ul > li .subDepth > ul { gap:10px 20px; }
	.policy-box .sitemap > ul > li .subDepth > ul > li { width:calc((100% - 60px) / 4); }
}
@media screen and (max-width:640px){
	.policy-box .sitemap > ul > li { gap:10px 0; }
	.policy-box .sitemap > ul > li .subDepth > ul { gap:8px 20px; }
	.policy-box .sitemap > ul > li .subDepth > ul > li { width:calc((100% - 20px) / 2); }
}