#subWrap { position:relative; }
#subWrap #sv { position:relative; height:450px; overflow:hidden; }
#subWrap #sv .bg { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover !important;}
#subWrap #sv .txtbox { position:absolute; top:50%; left:0; transform:translateY(-30%); width:100%; text-align:center; overflow:hidden; line-height:1.2; font-size:60px; font-weight:500; color:#fff; }
#subWrap #sv.sv01 .bg { background:url(/img/sub/subVisual_bg1.jpg); }
#subWrap #sv.sv02 .bg { background:url(/img/sub/subVisual_bg2.jpg); }
#subWrap #sv.sv03 .bg { background:url(/img/sub/subVisual_bg3.jpg); }
#subWrap #sv.sv04 .bg { background:url(/img/sub/subVisual_bg4.jpg); }
#subWrap #sv.sv05 .bg { background:url(/img/sub/subVisual_bg5.jpg); }
#subWrap #sv.sv010 .bg { background:url(/img/sub/subVisual_bg5.jpg); }

/* animation */
#subWrap #sv .txtbox span { display:block; }
#subWrap #sv .txtbox span  { opacity:0; }
#subWrap #sv .bg { animation:bgs1 1.5s 0.3s; animation-fill-mode:both; }
#subWrap #sv .txtbox span { animation:blur_txt 0.8s 0.8s; animation-fill-mode:both; }

@media screen and (max-width:1024px){	
	#subWrap #sv { height:380px; }
	#subWrap #sv .txtbox { font-size:40px; }
}
@media screen and (max-width:640px){	
	#subWrap #sv { height:280px; }
	#subWrap #sv .txtbox { font-size:28px; }
}


/* lnb */
#lnb { border-bottom:1px solid #eee; position:relative; z-index:5; }
#lnb p { display:none; }
#lnb .subDepth { max-width:1500px; margin:0 auto; display:flex; align-items:center; justify-content:center; width:100%; }
#lnb .subDepth li a { position:relative; display:flex; align-items:center; height:70px; padding:0 40px; font-size:16px; color:#111; font-weight:500; letter-spacing:-0.02em; }
#lnb .subDepth li.on a { color:#0098d3; }
#lnb .subDepth li ul { display:none; }
#lnb.lnbM4 { display:none }
@media screen and (max-width:1540px){	
	#lnb .subDepth { padding:0 20px; }
}
@media screen and (max-width:1280px){	
	#lnb .subDepth li a { height:55px; padding:0 20px; }
}
@media screen and (max-width:1024px){	
	#lnb .subDepth li a { padding:0 15px; font-size:15px; }
}
@media screen and (max-width:760px){	
	#lnb .subDepth { text-align:left; }
	#lnb { position:relative; z-index:22;}
	#lnb p { position:relative; z-index:2; cursor:pointer; width:100%; padding:0 20px; display:block; }
	#lnb p:after { content:"\e942"; display:block; position:absolute; right:10px; top:15px; color:#777; font-family:xeicon; font-size:16px; font-weight:300; transition:all 0.3s 0.1s ease-in-out; }
	#lnb p.ov:after { content:"\e945";}
	#lnb p span { font-size:16px; font-weight:600; color:#111; display:flex; align-items:center; height:50px; }
	#lnb .subDepth { display:none; position:absolute; top:51px; left:0; padding:10px 0; width:100%; background-color:#fff; border-bottom:1px solid #eee; z-index;555; }
	#lnb .subDepth li a { height:auto; display:block; font-size:14px; display:block; padding:8px 20px; color:#111; }
}



#subWrap #sv.sv02,
#subWrap #lnb.product-main { display:none }


.sub-title { text-align:center; }
.sub-title h3 { position:relative; font-size:30px; font-weight:900; color:#111; padding-bottom:22px; }
.sub-title h3 span { font-weight:900; }
.sub-title h3:after { content:""; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:30px; height:3px; background-color:#0098d3; }
@media screen and (max-width:1024px){	
	.sub-title h3 { font-size:26px; padding-bottom:15px; }
	.sub-title h3:after { width:26px; height:2px; }
}
@media screen and (max-width:640px){	
	.sub-title h3 { font-size:20px; padding-bottom:15px; }
	.sub-title h3:after { width:18px; height:1px; }
}

/* animation */
.sub-title h3 { overflow:hidden; }
.sub-title h3 span { display:block; }
.sub-title h3 span { opacity:0; }
.sub-title h3 span { animation:txtUp 0.8s 0.2s; animation-fill-mode:both; }


#subCont { padding-top:145px; }
@media screen and (max-width:1024px){	
	#subCont { padding-top:100px; }
}
@media screen and (max-width:640px){	
	#subCont { padding-top:70px; }
}
.navOn #subCont { padding-top:0; }

/* company */
.company-greetings { text-align:center; background:url(/img/sub/greetings_bg.jpg) center / cover;  }
.company-greetings .txtbox { padding:80px 0 160px;}
.company-greetings .txtbox p { font-size:17px; font-weight:200; color:#111; line-height:1.8; }
.company-greetings .txtbox p:not(:last-child) { margin-bottom:44px; }
.company-greetings .txtbox p:last-child { margin-top:100px; font-size:24px; }
.company-greetings .txtbox p:last-child strong { font-weight:600; }
@media screen and (max-width:1024px){	
	.company-greetings .txtbox { padding:60px 0 140px;}
	.company-greetings .txtbox p { font-size:16px; }
	.company-greetings .txtbox p:not(:last-child) { margin-bottom:25px; }
	.company-greetings .txtbox p:last-child { margin-top:80px; font-size:20px; }
}
@media screen and (max-width:860px){	
	.company-greetings .txtbox p br { display:none }
}
@media screen and (max-width:640px){	
	.company-greetings .txtbox { padding:40px 0 120px;}
}
/* animation */
.company-greetings .txtbox { opacity:0; }
.company-greetings .txtbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }


.company-history { }
.company-history .history-top { margin-top:90px; text-align:center; }
.company-history .history-top .txt-1 { color:#111; font-size:70px; font-weight:500; }
.company-history .history-top .txt-2 { padding-top:30px; color:#111; font-size:20px; font-weight:300; line-height:1.6; }
.company-history .history-list { position:relative; margin-top:220px; margin-bottom:270px; }
.company-history .history-list:before { content:''; display:block; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:30px; height:25px; background-color:#fff; z-index:3 }
.company-history .history-list .listbox { position:relative; }
.company-history .history-list .listbox > ul > li { position:relative; width:50%; margin-left:50%; text-align:left; padding-left:70px; z-index:8 }
.company-history .history-list .listbox > ul > li:not(:last-child) { margin-bottom:95px; }
.company-history .history-list .listbox > ul > li:before { transition:.3s; content:''; display:block; position:absolute; top:25px; right:-5px; width:9px; height:9px; background-color:#e1e1e1; border-radius:50%; }
.company-history .history-list .listbox > ul > li:nth-child(2n+1):before { left:-4px; right:unset; }
.company-history .history-list .listbox > ul > li.one-list:before { top:6px; }
.company-history .history-list .listbox > ul > li:nth-child(2n) { margin-left:0; text-align:right; padding-right:70px; }
.company-history .history-list .listbox > ul > li .imgbox { position:absolute; left:-600px; bottom:-20px; padding-right:250px; max-width:600px; width:100%; text-align:right;}
.company-history .history-list .listbox > ul > li:nth-child(2n) .imgbox { left:unset; right:-600px; padding-left:0; padding-left:250px; text-align:left; }
.company-history .history-list .listbox > ul > li dt { position:absolute; right:-300px; top:-5px; color:#111; text-align:left; padding-left:65px; font-size:70px; font-weight:400; letter-spacing:0.01em; width:300px;; }
.company-history .history-list .listbox > ul > li.one-list dt { top:-20px; }
.company-history .history-list .listbox > ul > li:nth-child(2n+1) dt { left:-300px; right:unset; text-align:right; padding-left:0;  padding-right:65px;}
.company-history .history-list .listbox > ul > li dd li { position:relative; padding-right:27px; }
.company-history .history-list .listbox > ul > li dd li:not(:last-child) { margin-bottom:5px; }
.company-history .history-list .listbox > ul > li dd li h4 { position:absolute; top:2px; left:0; font-family: 'Roboto Condensed', sans-serif; color:#0898e3; font-weight:400; font-size:15px; line-height:1.4 }
.company-history .history-list .listbox > ul > li dd li p { position:relative; padding-right:17px; color:#111; font-size:16px; font-weight:300; line-height:1.4}
.company-history .history-list .listbox > ul > li dd li p:not(:last-child) { margin-bottom:5px; }
.company-history .history-list .listbox > ul > li dd li p:before { content:''; display:block; position:absolute; top:10px; right:0; width:2px; height:2px; background-color:#111; border-radius:4px; }
.company-history .history-list .listbox > ul > li:nth-child(2n+1) dd li { padding-right:0; padding-left:27px; }
.company-history .history-list .listbox > ul > li:nth-child(2n) dd li h4 { left:unset; right:0; }
.company-history .history-list .listbox > ul > li:nth-child(2n+1) dd li p { padding-right:0; padding-left:17px; }
.company-history .history-list .listbox > ul > li:nth-child(2n+1) dd li p:before { left:0; right:unset; }
.company-history .history-list .listbox > ul > li.effect:before { background-color:#00a7ff; }
.company-history .history-list .listbox > ul > li:first-child:after { transition:.3s; background-color:rgba(8,152,227,0.2); content:''; display:block; position:absolute; top:29px; left:0; width:0; height:0; border-radius:50%; }
.company-history .history-list .listbox > ul > li:first-child.effect:after { top:14px; left:-14px; width:29px; height:29px;  }
.company-history .history-list .listbox > ul > li.one-list:first-child:after { top:10px; }
.company-history .history-list .listbox > ul > li.one-list.effect:first-child:after { top:-4px; }
.company-history .history-list .progressbar { position:absolute; top:0; left:50%; width:1px; height:calc(100% - 15px); background-color:#eee; overflow:hidden; }
.company-history .history-list .progress { position: absolute; left:0; top:0; width:1px; height:0; background:#0898e3; transition:.5s; }
.company-history .history-imgbox ul { display:flex; gap:0 10px; }
.company-history .history-imgbox li img { width:100%; }
@media screen and (max-width:1280px){
	.company-history .history-list .listbox {	background:none !important; }
	.company-history .history-list .listbox > ul > li .imgbox { left:-550px; padding-right:220px; max-width:550px; width:100%; }
	.company-history .history-list .listbox > ul > li .imgbox img { height:150px; }
	.company-history .history-list .listbox > ul > li:nth-child(2n) .imgbox { right:-550px; padding-left:220px; }
}
@media screen and (max-width:1024px){
	.company-history .history-top { margin-top:70px; }
	.company-history .history-top .txt-1 { font-size:45px; }
	.company-history .history-top .txt-2 { padding-top:20px; font-size:18px; }
	.company-history .history-list { margin-top:120px; margin-bottom:150px; }
	.company-history .history-list:before { height:20px; }
	.company-history .history-list .listbox { padding:0 20px; }
	.company-history .history-list .listbox > ul > li { padding-left:60px; }
	.company-history .history-list .listbox > ul > li:not(:last-child) { margin-bottom:60px; }
	.company-history .history-list .listbox > ul > li:before { top:10px; right:-5px; width:10px; height:10px; }
	.company-history .history-list .listbox > ul > li:nth-child(2n+1):before { left:-5px; }
	.company-history .history-list .listbox > ul > li:nth-child(2n) { padding-right:60px; }
	.company-history .history-list .listbox > ul > li dt { right:-200px; top:-8px; font-size:38px; width:200px; }
	.company-history .history-list .listbox > ul > li.one-list dt { top:-8px; }
	.company-history .history-list .listbox > ul > li:nth-child(2n+1) dt { left:-200px; }
	.company-history .history-list .listbox > ul > li dd li { padding-right:25px; }
	.company-history .history-list .listbox > ul > li dd li:not(:last-child),
	.company-history .history-list .listbox > ul > li dd li p:not(:last-child) { margin-bottom:4px; }
	.company-history .history-list .listbox > ul > li dd li:before { top:10px; width:3px; height:3px; }
	.company-history .history-list .listbox > ul > li:nth-child(2n+1) dd li { padding-left:25px; }
	.company-history .history-list .listbox > ul > li:first-child:after { top:10px;}
	.company-history .history-list .listbox > ul > li:first-child.effect:after { top:0px; }
	.company-history .history-list .listbox > ul > li .imgbox { left:-460px; bottom:0; padding-right:28%; max-width:460px; width:100%; }
	.company-history .history-list .listbox > ul > li:nth-child(2n) .imgbox { right:-460px; padding-left:28%; }
	.company-history .history-imgbox ul { gap:0 5px; }
}
@media screen and (max-width:860px){
	.company-history .history-list .listbox > ul > li .imgbox { padding-right:10%; }
	.company-history .history-list .listbox > ul > li .imgbox img { height:120px; }
	.company-history .history-list .listbox > ul > li:nth-child(2n) .imgbox { right:-460px; padding-left:10%; }
}
@media screen and (max-width:760px){
	.company-history .history-list .listbox > ul > li .imgbox { display:none }
}
@media screen and (max-width:640px){
	.company-history .history-top { margin-top:40px; }
	.company-history .history-top .txt-1 { font-size:24px; }
	.company-history .history-top .txt-2 { padding-top:15px; font-size:16px; }
	.company-history .history-top .txt-2 br { display:none; }
	.company-history .history-list { margin-top:80px; margin-bottom:110px; }
	.company-history .history-list:before { left:24px; height:5px; transform:translate(0, 0); }
	.company-history .history-list .listbox > ul { padding-left:20px; }
	.company-history .history-list .listbox > ul > li { width:100%; margin-left:0; padding-left:30px !important; text-align:left !important; }
	.company-history .history-list .listbox > ul > li:not(:last-child) { margin-bottom:40px; }
	.company-history .history-list .listbox > ul > li:before { top:0; left:-4px; right:unset; width:8px; height:8px; }
	.company-history .history-list .listbox > ul > li.one-list:before { top:0; }
	.company-history .history-list .listbox > ul > li:nth-child(2n+1):before { left:-4px; }
	.company-history .history-list .listbox > ul > li:nth-child(2n) { padding-right:50px; }
	.company-history .history-list .listbox > ul > li dt { left:0; top:-6px; font-size:24px; position:relative; text-align:left; padding:0; width:auto; }
	.company-history .history-list .listbox > ul > li:nth-child(2n+1) dt { left:0; text-align:left; width:auto; }
	.company-history .history-list .listbox > ul > li dd { margin-top:10px; }
	.company-history .history-list .listbox > ul > li dd li { padding-left:25px; padding-right:0;}
	.company-history .history-list .listbox > ul > li dd li p { padding-left:17px; padding-right:0; }
	.company-history .history-list .listbox > ul > li dd li p:before { left:0; right:unset; }
	.company-history .history-list .listbox > ul > li:nth-child(2n) dd li h4 { left:0; right:unset; }
	.company-history .history-list .listbox > ul > li:first-child:after { top:8px;}
	.company-history .history-list .listbox > ul > li:first-child.effect:after { top:-7px; left:-11px; width:23px; height:23px;  }
	.company-history .history-list .progressbar { left:39.5px;  height:calc(100% - 50px); }
	.company-history .history-imgbox ul { gap:0 2px; }
}
/* animation */
.company-history .history-top .txt-1,
.company-history .history-top .txt-2 { opacity:0; }
.company-history .history-top.subOn .txt-1 { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-history .history-top.subOn .txt-2 { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.company-history .history-imgbox ul li { opacity:0; position:relative; }
.company-history .history-imgbox ul li:nth-child(1) { z-index:1; }
.company-history .history-imgbox ul li:nth-child(2) { z-index:2; }
.company-history .history-imgbox ul li:nth-child(3) { z-index:3; }
.company-history .history-imgbox ul li:nth-child(4) { z-index:2; }
.company-history .history-imgbox ul li:nth-child(5) { z-index:1; }
.company-history .history-imgbox.subOn ul li:nth-child(1) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.company-history .history-imgbox.subOn ul li:nth-child(2) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.company-history .history-imgbox.subOn ul li:nth-child(3) { animation:ani_5 0.5s 0.2s; animation-fill-mode:both; }
.company-history .history-imgbox.subOn ul li:nth-child(4) { animation:ani_1 0.5s 0.4s; animation-fill-mode:both; }
.company-history .history-imgbox.subOn ul li:nth-child(5) { animation:ani_1 0.5s 0.6s; animation-fill-mode:both; }


/*
.company-vision { text-align:center; background:url(/img/sub/vision_bg.jpg) center / cover;}
.company-vision .inner { padding:100px 0 400px; }
.company-vision .txtbox { display:flex; flex-wrap:wrap; background:url(/img/sub/vision_line.png) center top repeat-y }
.company-vision .txtbox > div { position:relative; width:50%; padding:0 20px; }
.company-vision .txtbox .box dt { font-size:18px; color:#0098d3; font-weight:300; letter-spacing:0.03em; }
.company-vision .txtbox .box dd { margin-top:38px;  color:#111; font-weight:600; font-size:24px; line-height:1.6 }
@media screen and (max-width:1024px){	
	.company-vision .inner { padding:70px 20px 400px;}
	.company-vision .txtbox { background:none; }
	.company-vision .txtbox > div { width:100%; }
	.company-vision .txtbox .box:nth-child(2):before { content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80%; height:1px; background:url(/img/sub/vision_line1.png) center center repeat-x }
	.company-vision .txtbox .box dt { font-size:17px; }
	.company-vision .txtbox .box dd { margin-top:30px; font-size:20px; }
	.company-vision .txtbox .box dd br { display:none }
	.company-vision .txtbox .box:nth-child(2) { margin-top:50px; padding-top:40px; }
}
@media screen and (max-width:640px){	
	.company-vision .inner { padding:50px 20px 250px;}
	.company-vision .txtbox .box dt { font-size:16px; }
	.company-vision .txtbox .box dd { margin-top:20px; font-size:18px; }
}
*/

.company-vision { }
.company-vision .inner { padding-top:100px; padding-bottom:150px; }
.company-vision .vision-box { background:url(/img/sub/vision_box_bg.png) center top no-repeat; } 
.company-vision .vision-box h3 { display:flex; align-items:center; justify-content:center; height:180px; padding-top:60px; }
.company-vision .vision-box li { position:relative; padding:0 205px; text-align:center; display:flex; align-items:center; justify-content:center; height:130px; background:url(/img/sub/vision_line_p.png) left top repeat-x;}
.company-vision .vision-box li:last-child { height:190px; }
.company-vision .vision-box li .tit { position:absolute; left:0; top:0; color:#111; font-size:18px; font-weight:600; display:flex; align-items:center; justify-content:flex-end; width:205px; padding-right:80px; height:130px; }
.company-vision .vision-box li .txt { color:#fff; font-size:24px; font-weight:600; line-height:1.45 }
.company-vision .vision-box li .txt .circle-box { margin-top:5px; display:flex; align-items:center; justify-content:center; gap:0 126px; }
.company-vision .vision-box li .txt .circle-box .circle { position:relative; border:1px dashed #0098d3; border-radius:50%; display:flex; align-items:center; justify-content:center; width:182px; height:182px; color:#0098d3; font-size:24px; font-weight:600; line-height:1.4; }
.company-vision .vision-box li .txt .circle-box .circle:before { content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:-80px; width:35px; height:35px; background:url(/img/sub/vision_plus.png) center center  }
.company-vision .vision-box li .txt .circle-box .circle:first-child:before { display:none }
@media screen and (max-width:1400px){	
  .company-vision .vision-box { background-size:900px auto; }
  .company-vision .vision-box h3 { height:143px; padding-top:50px; }
  .company-vision .vision-box li { padding:0 160px; height:110px; }
  .company-vision .vision-box li:last-child { height:170px; }
  .company-vision .vision-box li .tit { font-size:17px; width:160px; padding-right:60px; height:110px; }
  .company-vision .vision-box li .txt { font-size:22px; }
  .company-vision .vision-box li .txt .circle-box { gap:0 100px; }
  .company-vision .vision-box li .txt .circle-box .circle { width:162px; height:162px; font-size:22px; }
  .company-vision .vision-box li .txt .circle-box .circle:before { left:-68px; width:30px; height:30px; }
}
@media screen and (max-width:1280px){	
  .company-vision .vision-box { background-size:700px auto; }
  .company-vision .vision-box h3 { height:120px; padding-top:50px; }
  .company-vision .vision-box h3 img { height:24px; }
  .company-vision .vision-box li { padding:0 120px; height:82px; }
  .company-vision .vision-box li:last-child { height:150px; }
  .company-vision .vision-box li .tit { font-size:16px; width:120px; padding-right:30px; height:82px; }
  .company-vision .vision-box li .txt { font-size:20px; }
  .company-vision .vision-box li .txt .circle-box { gap:0 100px; }
  .company-vision .vision-box li .txt .circle-box .circle { width:142px; height:142px; font-size:20px; }
}
@media screen and (max-width:960px){	
  .company-vision .inner { padding-top:60px; padding-bottom:100px; }
  .company-vision .vision-box { background-size:550px auto; }
  .company-vision .vision-box h3 { height:80px; padding-top:30px; }
  .company-vision .vision-box h3 img { height:18px; }
  .company-vision .vision-box li { padding:0 90px; height:71px; }
  .company-vision .vision-box li:last-child { height:130px; }
  .company-vision .vision-box li .tit { font-size:15px; width:90px; padding-right:10px; height:71px; }
  .company-vision .vision-box li .txt { font-size:17px; }
  .company-vision .vision-box li .txt .circle-box { gap:0 50px; }
  .company-vision .vision-box li .txt .circle-box .circle { width:120px; height:120px; font-size:17px; }
  .company-vision .vision-box li .txt .circle-box .circle:before { left:-38px; width:22px; height:22px; }
}
@media screen and (max-width:640px){	
  .company-vision .inner { padding-top:40px; padding-bottom:80px; }
  .company-vision .vision-box { background:url(/img/sub/vision_box_bg1.png) center top no-repeat;  background-size:340px auto; }
  .company-vision .vision-box h3 { height:90px; padding-top:30px; }
  .company-vision .vision-box h3 img { height:13px; }
  .company-vision .vision-box li { padding:0 90px; height:68px; }
  .company-vision .vision-box li:last-child { height:auto; }
  .company-vision .vision-box li .tit { font-size:13px; width:90px; padding-right:20px; height:68px; }
  .company-vision .vision-box li .txt { font-size:14px; max-width:180px; margin:0 auto; }
  .company-vision .vision-box li .txt br { display:none }
  .company-vision .vision-box li .txt .circle-box { gap:10px 20px; flex-wrap:wrap; }
  .company-vision .vision-box li .txt .circle-box .circle { width:80px; height:80px; font-size:14px; }
  .company-vision .vision-box li .txt .circle-box .circle:before { display:none}
  .company-vision .vision-box li .txt .circle-box .circle:first-child:before { display:block; left:78px; margin-top:28px; }
}

/* animation */
.company-vision .txtbox > div,
.company-vision .txtbox { opacity:0; }
.company-vision .txtbox.subOn .box:nth-child(1) { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.company-vision .txtbox.subOn .box:nth-child(2) { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.company-vision .txtbox.subOn { animation:ani_5 0.8s 0.2s; animation-fill-mode:both; }
@media screen and (max-width:1024px){	
	.company-vision .txtbox.subOn .box:nth-child(1) { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
	.company-vision .txtbox.subOn .box:nth-child(2) { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
}
.company-vision .vision-box h3,
.company-vision .vision-box li .tit,
.company-vision .vision-box li .txt { opacity:0; }
.company-vision .vision-box.subOn h3 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.company-vision .vision-box.subOn li:nth-child(1) .tit { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.company-vision .vision-box.subOn li:nth-child(1) .txt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-vision .vision-box.subOn li:nth-child(2) .tit { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.company-vision .vision-box.subOn li:nth-child(2) .txt { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.company-vision .vision-box.subOn li:nth-child(3) .tit { animation:ani_1 0.8s 0.9s; animation-fill-mode:both; }
.company-vision .vision-box.subOn li:nth-child(3) .txt { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }

.company-certificate { text-align:center; background:url(/img/sub/certificate_bg.jpg) center / cover;  }
.company-certificate .inner { padding:100px 0 80px; }
.company-certificate .imgbox ul { display:flex; flex-wrap:wrap; justify-content:center; gap:50px 90px; }
.company-certificate .txtbox { margin-top:100px; }
.company-certificate .txtbox .txt_1 { color:#111; font-weight:300; font-size:18px; line-height:1.6; }
.company-certificate .txtbox .txt_2 { margin-top:45px; color:#0098d3; font-weight:300; font-size:16px; line-height:1.6; }
.certificate-list { margin-top:100px; padding-bottom:150px; }
.certificate-list ul { display:flex; flex-wrap:wrap; gap:90px 20px; }
.certificate-list li { width:calc((100% - 60px) / 4); text-align:center; }
.certificate-list li .imgbox img { width:100%; border:1px solid #ddd; }
.certificate-list li .txtbox { margin-top:35px }
.certificate-list li .txtbox .txt { display:block; font-size:14px; font-weight:300; color:#111; }
.certificate-list li .txtbox .tit { margin-top:10px; display:block; font-size:20px; font-weight:700; color:#111; line-height:1.4; }
@media screen and (max-width:1280px){
  .certificate-list ul { gap:70px 15px; }
  .certificate-list li { width:calc((100% - 30px) / 3); }
}
@media screen and (max-width:1024px){
	.company-certificate .inner { padding:70px 20px 180px;}
	.company-certificate .imgbox ul { gap:50px 60px; }
	.company-certificate .txtbox { margin-top:80px; }
	.company-certificate .txtbox .txt_1 { font-size:17px; }
	.company-certificate .txtbox .txt_1 br { display:none }
	.company-certificate .txtbox .txt_2 { margin-top:35px; font-size:15px; }
  .certificate-list ul { gap:60px 10px; }
  .certificate-list li { width:calc((100% - 20px) / 3); }
  .certificate-list li .txtbox { margin-top:25px }
  .certificate-list li .txtbox .txt { font-size:14px; }
  .certificate-list li .txtbox .tit { margin-top:8px; font-size:18px; }
}
@media screen and (max-width:760px){
  .certificate-list ul { gap:50px 10px; }
  .certificate-list li { width:calc((100% - 10px) / 2); }
  .certificate-list li .txtbox { margin-top:15px }
  .certificate-list li .txtbox .txt { font-size:13px; }
  .certificate-list li .txtbox .tit { margin-top:5px; font-size:17px; }
}
@media screen and (max-width:640px){	
	.company-certificate .inner { padding:50px 20px 130px;}
	.company-certificate .txtbox { margin-top:60px; }
	.company-certificate .txtbox .txt_2 { margin-top:20px; }
}
/* animation */
.company-certificate .imgbox li { opacity:0; }
.company-certificate .imgbox.subOn li:nth-child(1) { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
/* .company-certificate .imgbox.subOn li:nth-child(2) { animation:ani_5 0.8s 0.2s; animation-fill-mode:both; } */
.company-certificate .imgbox.subOn li:nth-child(2) { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.company-certificate .txtbox .txt_1,
.company-certificate .txtbox .txt_2 { opacity:0; }
.company-certificate .txtbox.subOn .txt_1 { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
.company-certificate .txtbox.subOn .txt_2 { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.certificate-list { opacity:0; }
.certificate-list.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; } 


/* product */
.product-box { padding-bottom:120px; }
.product-box .main-list .topCont { padding-top:70px; text-align:center; }
.product-box .main-list .topCont img { max-width:100%; }
.product-box .main-list .sub-title { margin-top:80px; }
.product-box .main-list .listbox { margin-top:100px; }
.product-box .main-list .listbox ul { display:flex; flex-wrap:wrap; gap:30px 20px; }
.product-box .main-list .listbox li { width:calc((100% - 60px) / 4); }
.product-box .main-list .listbox li .box { position:relative; text-align:center; height:550px; background:url(/img/sub/product_main_bg.jpg) no-repeat center / cover; transition:all 0.3s; }
.product-box .main-list .listbox li a { display:flex; align-items:center; flex-direction:column; width:100%; height:100%; padding-bottom:100px; }
.product-box .main-list .listbox li .imgbox { transition:all 0s; }
.product-box .main-list .listbox li .imgbox,
.product-box .main-list .listbox li .imgbox img { width:100%; }
.product-box .main-list .listbox li strong { opacity:1; position:absolute; left:0; bottom:17%; width:100%; font-size:20px; color:#fff; font-weight:400; transition:all 0.4s 0.3s ease-in-out; }
.product-box .main-list .listbox li .txtbox { opacity:0; position:absolute; left:0; bottom:14%; width:100%; font-size:17px; color:#111; font-weight:300; line-height:1.6; transition:all 0.2s 0.1s ease-in-out; }
.product-box .main-list .listbox li .txtbox .link { margin:0 auto; margin-top:30px; width:140px; height:40px; background-color:#0098d3;  font-size:15px; color:#fff; font-weight:300; display:flex; align-items:center; justify-content:center; }
.product-box .main-list .listbox li:hover .box { background:#fff; }
.product-box .main-list .listbox li:hover .box .imgbox { transform:scale(0.7); margin-top:3%; transition:all 0.3s ease-in-out;  }
.product-box .main-list .listbox li:hover strong { opacity:0; }
.product-box .main-list .listbox li:hover .txtbox { opacity:1; }
.product-box .main-list .listbox li:hover strong { transition:all 0.3s 0.1s ease-in-out; }
.product-box .main-list .btn-view { text-align:center; margin-top:105px; width:auto; }
.product-box .main-list .btn-view a { display:inline-block; padding-right:35px; }
.product-box .main-list .btn-view a i { top:2px; }
.product-box .btn-view { width:170px; }
.product-box .btn-view a { position:relative; font-size:18px; color:#0098d3; font-weight:500; display:block; }
.product-box .btn-view a:after { content: ""; display:block; position:absolute; left:-1px; bottom:-8px; width:calc(100% + 2px); height:1px; background-color:#0098d3; transition:all 0.3s 0.1s ease-in-out; }
.product-box .btn-view a:hover:after { width:0; }
.product-box .btn-view a i { position:absolute; right:2px; top:-2px; font-size:14px; display:inline-block; margin-left:10px; }
.product-box .btn-down a { position:relative; font-size:18px; color:#0098d3; font-weight:500; display:block; }
.product-box .btn-down a:after { content: ""; display:block; position:absolute; left:-1px; bottom:-8px; width:calc(100% + 2px); height:1px; background-color:#0098d3; transition:all 0.3s 0.1s ease-in-out; }
.product-box .btn-down a:hover:after { width:0; }
.product-box .btn-down a i { position:absolute; right:2px; top:-2px; width:15px; height:16px; background:url(/img/sub/icon_down1.png) no-repeat center }
@media screen and (max-width:1280px){
	.product-box .main-list .listbox { margin-top:80px; }
	.product-box .main-list .listbox ul { gap:30px 15px; }
	.product-box .main-list .listbox li { width:calc((100% - 45px) / 4); }
	.product-box .main-list .listbox li .box { height:420px; }
	.product-box .main-list .btn-view { margin-top:80px; }
}
@media screen and (max-width:960px){
	.product-box .main-list .listbox ul { gap:15px 15px; }
	.product-box .main-list .listbox li { width:calc((100% - 15px) / 2); }
	.product-box .main-list .listbox li .box { height:400px; }
}
@media screen and (max-width:640px){
	.product-box .main-list .topCont { padding-top:40px; }
	.product-box .main-list .sub-title,
	.product-box .main-list .listbox { margin-top:40px; }
	.product-box .main-list .listbox ul { gap:10px 10px; }
	.product-box .main-list .listbox li { width:calc((100% - 10px) / 2); }
	.product-box .main-list .listbox li .box { height:290px; }
	.product-box .main-list .listbox li strong { bottom:17%; font-size:17px; }
	.product-box .main-list .listbox li a { padding-bottom:60px; }
	.product-box .main-list .btn-view { margin-top:60px; }
}
@media screen and (max-width:480px){
	.product-box .main-list .listbox li .box { height:240px; }
}

/* animation */
.product-box .main-list .listbox li { opacity:0; }
.product-box .main-list .listbox.subOn li:nth-child(1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.product-box .main-list .listbox.subOn li:nth-child(2) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.product-box .main-list .listbox.subOn li:nth-child(3) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.product-box .main-list .listbox.subOn li:nth-child(4) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }


.product-box .product-menu { background-color:#f5f5f5; }
.product-box .product-menu .menu-cont { position:relative; }
.product-box .product-menu .menu { position:relative; overflow:hidden; }
.product-box .product-menu ul { display:flex; justify-content:center; gap:0 130px; padding:35px 0 30px; white-space:nowrap; }
.product-box .product-menu li { position:relative; text-align:center; }
.product-box .product-menu li .imgbox { position:absolute; left:50%; top:0; transform:translateX(-50%); }
.product-box .product-menu li .txtbox { padding-top:150px; font-size:16px; color:#111; font-weight:700; line-height:1.3; }
.product-box .product-menu li.on .txtbox { color:#0098d3; }
.product-box.product-component .product-menu ul { gap:0 170px; }
.product-box.product-scanbody .product-menu ul { gap:0 230px; }
.product-box .product-menu .txt_b { font-size:14px; color:#111; font-weight:400; line-height:1.4; text-align:center; display:flex; align-items:center; justify-content:center; height:70px; padding:0 20px; background-color:#efefef; }
.product-box .product-menu .txt_b span { font-weight:400; }
.product-box .product-menu .btnBox { display:none; position:absolute; left:50%; bottom:10px; transform:translateX(-50%); z-index:3; }
.product-box .product-menu .btnBox:before { content:""; display:block; width:1px; height:1px; position:absolute; left:50%; margin:-4px 0 0 -3px; top:50%; transform:translateX(-5px); border:1px solid #0098d3; border-radius:50%; animation: scroll 1.5s 0.5s linear 9999 normal forwards; }
.product-box .product-menu .btnBox a { width:20px; height:20px; margin:0; display:inline-block; margin:0 3px; }
.product-box .product-menu .btnBox a i { font-size:14px; color:#111; }
.product-box .product-list { margin-top:140px; }
.product-box .product-list .info-box { display:flex; flex-wrap:wrap; }
.product-box .product-list .info-box > div { width:50%; }
.product-box .product-list .info-box .imgbox { display:flex; align-items:center; }
.product-box .product-list .info-box .txtbox dt > span { font-size:20px; color:#0098d3; font-weight:500; display:block; }
.product-box .product-list .info-box .txtbox dt h3 { margin-top:20px; font-size:70px; color:#111; font-weight:500; line-height:1.2; }
.product-box .product-list .info-box .txtbox dt h3 span { font-size:45px; display:block }
.product-box .product-list .info-box .txtbox dd { padding-top:70px; }
.product-box .product-list .info-box .txtbox dd li:not(:last-child) { margin-bottom:35px; }
.product-box.product-cad .product-list .info-box .txtbox dd li:not(:last-child) { margin-bottom:17px; }
.product-box .product-list .info-box .txtbox dd li { position:relative; padding-left:73px; font-size:16px; color:#111; font-weight:300; line-height:1.3 }
.product-box .product-list .info-box .txtbox dd li strong { font-size:20px; color:#111; font-weight:700; display:block; margin-bottom:7px;}
.product-box .product-list .info-box .txtbox dd li .icon { position:absolute; left:0; top:0; width:50px; display:flex; justify-content:center; }
.product-box .product-list .listbox { margin-top:115px; }
.product-box .product-list .listbox > ul > li { display:flex; flex-wrap:wrap; }
.product-box .product-list .listbox > ul > li:nth-child(2n+1) { flex-direction:row-reverse; }
.product-box .product-list .listbox > ul > li > div { position:relative; width:50%; height:350px; display:flex; justify-content:center; align-items:center; }
.product-box .product-list .listbox > ul > li .imgbox { position:relative; background-color:#f5f5f5; }
.product-box .product-list .listbox > ul > li .imgbox .stxt { position:absolute; left:0; bottom:9%; width:100%; text-align:center; font-size:14px; color:#111; font-weight:300; padding:0 10px; }
.product-box .product-list .listbox > ul > li .imgbox .stxt.right { padding-right:25px; text-align:right; font-size:16px; font-weight:700; }
.product-box .product-list .listbox > ul > li.nobg .imgbox { background:none; }
.product-box .product-list .listbox > ul > li .imgbox img { max-width:100%; }
.product-box .product-list .listbox > ul > li .txtbox { flex-direction:column; text-align:center; }
.product-box .product-list .listbox > ul > li .txtbox.left { text-align:left; align-items:flex-start; } 
.product-box .product-list .listbox > ul > li:nth-child(2n) .txtbox.left { padding-left:7%; }
.product-box .product-list .listbox > ul > li .txtbox .icon { display;block; margin-bottom:42px; }
.product-box .product-list .listbox > ul > li .txtbox .txt { display:block; font-size:18px; color:#111; font-weight:500; line-height:1.5; }
.product-box .product-list .listbox > ul > li .txtbox .txt:not(:last-child) { margin-bottom:4%; }
.product-box.product-cad .product-list .listbox > ul > li .txtbox .txt { font-weight:300; }
.product-box.product-cad .product-list .listbox > ul > li.down .txtbox .txt { font-weight:500; }
.product-box .product-list .listbox > ul > li .txtbox .txt strong {  display:block; margin:0 font-weight:700;  }
.product-box .product-list .listbox > ul > li .txtbox .btnbox { position:absolute; left:50%; bottom:5px; width:170px; transform:translateX(-50%); text-align:left; }
.product-box .product-list .listbox > ul > li .txtbox .btnbox a { font-size:14px; }
.product-box .product-list .listbox > ul > li .txtbox .btnbox div:not(:last-child) { margin-bottom:25px; }
.product-box .product-list .listbox > ul > li .txtbox .list li:not(:last-child) { margin-bottom:7%; }
.product-box .product-list .listbox > ul > li .txtbox .list li { position:relative; padding-left:24px; font-size:16px; color:#111; font-weight:400; }
.product-box .product-list .listbox > ul > li .txtbox .list li:before { content:""; display:block; position:absolute; left:0; top:6px; width:5px; height:5px; background-color:#111; border-radius:50%; }
.product-box .product-list .listbox > ul > li.gms { background:url(/img/sub/gms_bg1.png) no-repeat right bottom; }
.product-box .product-list .listbox > ul > li.left .imgbox { justify-content:flex-start;}
.product-box .product-list .listbox > ul > li.right .imgbox { justify-content:flex-end; }
.product-box .product-list .listbox.sc > ul > li .imgbox { width:64%; background:none; height:auto }
.product-box .product-list .listbox.sc > ul > li .txtbox { width:36%; height:auto }
.product-box .product-list .library-box { text-align:center; margin-top:130px; }
.product-box .product-list .library-box .icon { display:inline-block; vertical-align:middle; margin-right:10px; }
.product-box .product-list .library-box .txt { display:inline-block; font-size:16px; color:#111; font-weight:500; vertical-align:middle; margin-left:10px; }
.product-box .product-list .library-box .btnbox { margin-top:48px; }
.product-box .product-list .library-box .btnbox div {  width:170px; display:inline-block; margin:0 14px; text-align:left}
.product-box .product-list .library-box .btnbox .btn-down2 { width:290px; }
.product-box .product-list .library-box .btnbox a { font-size:14px; }
.product-box .product-list .library-box .btnbox div:not(:last-child) { margin-bottom:25px; }
.product-box .product-list .tableData { margin-top:165px; }
.product-box .product-list .tableData h3.tit { text-align:center; font-size:40px; color:#111; font-weight:500; }
.product-box .product-list .tableData h3.tit span { font-weight:500; }
.product-box .product-list .tableData .box { margin-top:50px; }
.product-box .product-list .tableData .box > ul { display:flex; justify-content:space-between; flex-wrap:wrap; border:1px solid #666; border-width:1px 0; gap:0; }
.product-box .product-list .tableData .box > ul > li { border-left:1px solid #e1e1e1; width:12%; padding:0 10px; }
.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(2) { width:35%;}
.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(3) { width:17%;}
.product-box .product-list .tableData .box > ul > li:first-child { border-left:none; }
.product-box .product-list .tableData .box > ul > li .imgbox { display:flex; align-items:flex-end; justify-content:center; height:190px; width:100%; }
.product-box .product-list .tableData .box > ul > li .imgbox img { max-width:100%; }
.product-box .product-list .tableData .box > ul > li .stxt { display:flex; align-items:center; justify-content:center; height:110px; text-align:center; font-size:16px; color:#111; font-weight:600; line-height:1.4; } 
.product-box .product-list .tableData .box:nth-child(2) > ul > li {  width:14.285%; }
.product-box .product-list .premill-list .title-box { text-align:center; }
.product-box .product-list .premill-list .title-box p { font-size:20px; color:#0098d3; font-weight:500; margin-bottom:15px;  }
.product-box .product-list .premill-list .title-box p span { font-weight:500; line-height:1.3 }
.product-box .product-list .premill-list .title-box h3 { font-size:50px; color:#111; font-weight:500; }
.product-box .product-list .premill-list .title-box h3 span { font-weight:500; line-height:1.3 }
.product-box .product-list .premill-list .p-listbox1 > ul { margin-top:80px; display:flex; flex-wrap:wrap;}
.product-box .product-list .premill-list .p-listbox1 > ul > li { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:50%; height:350px; }
.product-box .product-list .premill-list .p-listbox1 > ul > li .txtbox {  position:absolute; left:0; width:100%; bottom:40px; text-align:center; font-size:18px; color:#111; font-weight:500; margin-top:5px; }
.product-box .product-list .premill-list .p-listbox1 > ul > li:nth-child(1),
.product-box .product-list .premill-list .p-listbox1 > ul > li:nth-child(4) { background-color:#f5f5f5; }
.product-box .product-list .premill-list .listbox > ul { margin-top:80px; }
.product-box .product-list .premill-list .listbox > ul > li:nth-child(2n) { flex-direction:row-reverse; }
.product-box .product-list .premill-list .listbox > ul > li:nth-child(2n+1) { flex-direction:row }
.product-box .product-list .premill-list .p-list { margin-top:165px; }
.product-box .product-list .premill-list .driver-box > ul { margin-top:60px; display:flex; flex-wrap:wrap; border:1px solid #e0e0e0; border-left:none; }
.product-box .product-list .premill-list .driver-box > ul > li { width:25%; display:flex; flex-direction:column; align-items:center; text-align:center; border-left:1px solid #e0e0e0; padding:50px 10px 65px; }
.product-box .product-list .premill-list .driver-box > ul > li.full { width:100%; border-top:1px solid #e0e0e0; }
.product-box .product-list .premill-list .driver-box > ul > li .txtbox { margin-top:58px; font-size:16px; color:#111; font-weight:600; line-height:1.4; }
.product-box .product-list .premill-list .driver-box > ul > li.full .txtbox { margin-top:0; }
.product-box .product-list .premill-list .driver-box > ul > li .imgbox img { max-width:100%; }
.product-box .implant-list { margin-top:100px; }
.product-box .implant-list .listbox { margin-top:100px; }
.product-box .implant-list .listbox > ul { display:flex; flex-wrap:wrap;  }
.product-box .implant-list .listbox > ul > li { width:calc(25% + 1px); display:flex; flex-direction:column; align-items:center; text-align:center; border:1px solid #e0e0e0; margin:-1px 0 0 -1px; padding:85px 10px 40px; }
.product-box .implant-list .listbox > ul > li .txtbox { font-size:16px; color:#111; font-weight:500; line-height:1.3; margin-top:75px; height:50px; }
.product-box .implant-list .listbox > ul > li .imgbox img { max-width:100%; }
.product-box .implant-list .btn_more { margin-top:100px; text-align:center }
.product-box .implant-list .btn_more a { position:relative; font-size:18px; color:#0098d3; font-weight:500; display:inline-block; padding-right:35px; }
.product-box .implant-list .btn_more a:after { content: ""; display:block; position:absolute; left:-1px; bottom:-8px; width:calc(100% + 2px); height:1px; background-color:#0098d3; transition:all 0.3s 0.1s ease-in-out; }
.product-box .implant-list .btn_more a:hover:after { width:0; }
.product-box .implant-list .btn_more a i { position:absolute; right:2px; top:2px; font-size:14px; display:inline-block; margin-left:10px; }
@media screen and (max-width:1280px){
	.product-box .product-menu li .imgbox { position:relative; left:unset; top:unset; transform:translateX(0); }
	.product-box .product-menu li .txtbox { padding-top:5px; } 
	.product-box .product-menu ul,
	.product-box.product-component .product-menu ul,
	.product-box.product-scanbody .product-menu ul { gap:0 4%; }
	.product-box .product-list { margin-top:120px; }
	.product-box .product-list .info-box .imgbox img { max-width:100%; }
	.product-box .product-list .info-box .txtbox dt > span { font-size:18px; }
	.product-box .product-list .info-box .txtbox dt h3 { margin-top:15px; font-size:50px; }
	.product-box .product-list .info-box .txtbox dt h3 span { font-size:32px; }
	.product-box .product-list .info-box .txtbox dd { padding-top:50px; }
	.product-box .product-list .info-box .txtbox dd li:not(:last-child) { margin-bottom:25px; }
	.product-box.product-cad .product-list .info-box .txtbox dd li:not(:last-child) { margin-bottom:15px; }
	.product-box .product-list .info-box .txtbox dd li { padding-left:73px; font-size:16px; }
	.product-box .product-list .info-box .txtbox dd li strong { font-size:20px; margin-bottom:7px;}
	.product-box .product-list .info-box .txtbox dd li .icon { width:50px; }
	.product-box .product-list .listbox { margin-top:100px; }
	.product-box .product-list .listbox > ul > li:nth-child(2n) .txtbox.left { padding-left:5%; }
	.product-box .implant-list .listbox { margin-top:80px; }
	.product-box .implant-list .btn_more { margin-top:80px; }
}
@media screen and (max-width:1024px){
	.product-box .product-menu ul,
	.product-box.product-scanbody .product-menu ul { gap:0 3%; }
	.product-box .product-list { margin-top:90px; }
	.product-box .product-list .info-box .txtbox dd li br { display:none }
	.product-box .product-list .listbox { margin-top:80px; }
	.product-box .product-list .listbox > ul > li .txtbox .icon { margin-bottom:32px; }
	.product-box .product-list .listbox > ul > li .txtbox .txt { font-size:17px; }
	.product-box .product-list .listbox > ul > li .txtbox .btnbox div:not(:last-child) { margin-bottom:20px; }
	.product-box.product-cad .product-list .info-box .txtbox dd li:not(:last-child) { margin-bottom:12px; }
	.product-box .product-list .listbox > ul > li.gms { background:none }
	.product-box .product-list .listbox.sc > ul > li .imgbox { width:55%; }
	.product-box .product-list .listbox.sc > ul > li .txtbox { width:45%; }
	.product-box .product-list .listbox.sc > ul > li .imgbox,
	.product-box .product-list .listbox.sc > ul > li .txtbox { width:100%; }
	.product-box .product-list .listbox.sc > ul > li .txtbox .btnbox { position:relative; left:0; bottom:0; transform:translateX(0); margin-top:40px; }
	.product-box .product-list .listbox > ul > li .txtbox .list li { padding-left:20px; font-size:15px; }
	.product-box .product-list .listbox > ul > li .txtbox .list li:before { top:6px; width:4px; height:4px; }
	.product-box .product-list .tableData h3.tit { font-size:30px; }
	.product-box .product-list .tableData .box > ul > li {  width:33.333%; }
	.product-box .product-list .tableData .box > ul > li:nth-child(4) { border-left:none; }
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(1) { width:18%;}
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(2) { width:44%;}
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(3) { width:28%;}
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(n+3):nth-child(-n+6) { border-top:1px solid #e1e1e1; }
	.product-box .product-list .tableData .box > ul > li .imgbox { height:180px; padding-top:10px; }
	.product-box .product-list .tableData .box > ul > li .stxt {height:100px; font-size:15px; }
	.product-box .product-list .tableData .box:nth-child(2) > ul > li {  width:33.333%; }
	.product-box .product-list .tableData .box:nth-child(2) > ul > li:nth-child(n+4):nth-child(-n+7) { width:25%; border-top:1px solid #e1e1e1; }
	.product-box .product-list .premill-list .p-list { margin-top:140px; }
	.product-box .product-list .premill-list .title-box p { font-size:18px; }
	.product-box .product-list .premill-list .title-box h3 { font-size:35px; }
	.product-box .product-list .premill-list .p-listbox1 > ul,
	.product-box .product-list .premill-list .listbox > ul { margin-top:60px; }
	.product-box .product-list .premill-list .driver-box > ul > li { width:50%; padding:30px 10px 35px; }
	.product-box .product-list .premill-list .driver-box > ul > li:nth-child(3),
	.product-box .product-list .premill-list .driver-box > ul > li:nth-child(4) { border-top:1px solid #e0e0e0; }
	.product-box .product-list .premill-list .driver-box > ul > li .txtbox { margin-top:15px; }
}
@media screen and (max-width:960px){
	.product-box .product-menu ul,
	.product-box.product-scanbody .product-menu ul { gap:0; }
	.product-box .product-menu .menu { text-align:center;  }
	.product-box .product-menu ul { display:inline-block; white-space:nowrap; gap:0 !important; justify-content:flex-start; text-align:center; margin:0 -2px; padding:30px 0 40px; }
	.product-box .product-menu .menu-cont.active ul { padding:30px 0 50px; }
	.product-box .product-menu li { display:inline-block; padding:0; margin:0 -2px; }
	.product-box .product-menu li a { display:block; padding:0 20px; }
	.product-box.product-scanbody .product-menu ul li a { padding:0 8px; }
	.product-box .product-menu .menu-cont.active .btnBox { display:block; }
	.product-box .product-list .info-box > div { width:100%; }
	.product-box .product-list .info-box .imgbox { margin:0 auto; max-width:400px; }
	.product-box .product-list .info-box .txtbox { margin-top:30px; }
	.product-box .product-list .info-box .txtbox dt { text-align:center; }
	.product-box .product-list .info-box .txtbox dd { padding-top:35px; max-width:640px; margin:0 auto }
	.product-box .product-list .info-box .txtbox dt > span { font-size:17px; }
	.product-box .product-list .info-box .txtbox dt h3 { margin-top:12px; font-size:40px; }
	.product-box .product-list .info-box .txtbox dt h3 span { font-size:24px; }
	.product-box .product-list .listbox > ul > li > div { width:100%; height:auto; }
	.product-box .product-list .listbox > ul > li:nth-child(2n) .txtbox.left { padding-left:0%; }
	.product-box .product-list .listbox > ul > li .txtbox { padding:25px 0 45px; }
	.product-box .product-list .listbox > ul > li .txtbox .icon { margin-bottom:15px; }
	.product-box .product-list .listbox > ul > li .txtbox .txt { font-size:17px; }
	.product-box .product-list .listbox > ul > li .txtbox .btnbox { position:relative; left:0; bottom:0; transform:translateX(0); margin-top:40px; }
	.product-box .product-list .premill-list .p-listbox1 > ul > li { width:100%; }
	.product-box .product-list .premill-list .p-listbox1 > ul > li:nth-child(3) { background-color:#f5f5f5; }
	.product-box .product-list .premill-list .p-listbox1 > ul > li:nth-child(4) { background-color:#fff; }
	.product-box .product-list .premill-list .p-listbox1 > ul > li .txtbox { font-size:17px; }
	.product-box .implant-list { margin-top:80px; }
	.product-box .implant-list .listbox > ul > li { width:calc(33.333% + 1px); padding:60px 10px 30px; }
	.product-box .implant-list .listbox > ul > li .txtbox { margin-top:50px; }
}
@media screen and (max-width:640px){
	.product-box .product-menu ul,
	.product-box.product-scanbody .product-menu ul { gap:0; }
	.product-box .product-menu li .imgbox img { height:95px; }
	.product-box .product-menu li .txtbox { font-size:15px; }
	.product-box .product-list { margin-top:60px; }
	.product-box .product-list .info-box .txtbox dt h3 { margin-top:12px; font-size:28px; }
	.product-box .product-list .info-box .txtbox dt h3 span { font-size:18px; }
	.product-box .product-list .info-box .txtbox dd li { padding-left:65px; font-size:15px; }
	.product-box .product-list .info-box .txtbox dd li strong { font-size:18px; }
	.product-box .product-list .info-box .txtbox dd li .icon img { height:75% }
	.product-box .product-list .listbox { margin-top:60px; }
	.product-box .product-list .listbox.sc > ul > li .txtbox .btnbox { margin-top:0; }
	.product-box .product-list .listbox > ul > li .txtbox .txt br { display:none }
	.product-box .product-list .tableData h3.tit { font-size:20px; }
	.product-box .product-list .tableData .box > ul > li {  width:50%; }
	.product-box .product-list .tableData .box > ul > li:nth-child(3),
	.product-box .product-list .tableData .box > ul > li:nth-child(5) { border-left:none; }
	.product-box .product-list .tableData .box > ul > li:nth-child(4) { border-left:1px solid #e1e1e1; }
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(1) { width:50%;}
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(2) { width:50%;}
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(3) { width:50%;}
	.product-box .product-list .tableData .box:nth-child(1) > ul > li:nth-child(n+3):nth-child(-n+6) { border-top:1px solid #e1e1e1; }
	.product-box .product-list .tableData .box > ul > li .imgbox { height:180px; padding-top:10px; }
	.product-box .product-list .tableData .box > ul > li .stxt {height:100px; font-size:15px; }
	.product-box .product-list .tableData .box:nth-child(2) > ul > li {  width:50%; }
	.product-box .product-list .tableData .box:nth-child(2) > ul > li:nth-child(n+3):nth-child(-n+7) { width:50%; border-top:1px solid #e1e1e1; }
	.product-box .product-list .tableData .box:nth-child(2) > ul > li:nth-child(n+5):nth-child(-n+7) { width:33.33%; }
	.product-box .product-list .premill-list .p-list { margin-top:90px; }
	.product-box .product-list .premill-list .title-box p { font-size:17px; }
	.product-box .product-list .premill-list .title-box h3 { font-size:25px; }
	.product-box .product-list .premill-list .p-listbox1 > ul,
	.product-box .product-list .premill-list .listbox > ul { margin-top:40px; }
	.product-box .implant-list { margin-top:60px; }
	.product-box .implant-list .listbox { margin-top:40px; }
	.product-box .implant-list .listbox > ul > li { width:calc(50% + 1px); padding:40px 20px 15px; }
	.product-box .implant-list .listbox > ul > li .txtbox { margin-top:30px; }
	.product-box .implant-list .btn_more { margin-top:60px; }
}


/* animation */
.product-box .product-menu li { opacity:0; }
.product-box .product-menu.subOn li:nth-child(1) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.product-box .product-menu.subOn li:nth-child(2) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.product-box .product-menu.subOn li:nth-child(3) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.product-box .product-menu.subOn li:nth-child(4) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.product-box .product-menu.subOn li:nth-child(5) { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.product-box .product-menu.subOn li:nth-child(6) { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }
.product-box .product-menu.subOn li:nth-child(7) { animation:ani_2 0.5s 1.4s; animation-fill-mode:both; }
.product-box .product-menu.subOn li:nth-child(8) { animation:ani_2 0.5s 1.6s; animation-fill-mode:both; }
.product-box .product-menu .txt_b > div { overflow:hidden; }
.product-box .product-menu .txt_b > div span { opacity:0; display:block;}
.product-box .product-menu.subOn .txt_b > div span { animation:txtUp 0.8s 0.2s; animation-fill-mode:both; }
.product-box .product-list .info-box > div,
.product-box .product-list .info-box .txtbox dd li { opacity:0; }
.product-box .product-list .info-box.subOn .imgbox { animation:ani_1 0.5s 0.2s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(1) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(2) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(3) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(4) { animation:ani_2 0.5s 1.1s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(5) { animation:ani_2 0.5s 1.3s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(6) { animation:ani_2 0.5s 1.5s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(7) { animation:ani_2 0.5s 1.7s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(8) { animation:ani_2 0.5s 1.9s; animation-fill-mode:both; }
.product-box .product-list .info-box.subOn .txtbox dd li:nth-child(9) { animation:ani_2 0.5s 2.1s; animation-fill-mode:both; }
.product-box .product-list .listbox > ul > li > div { opacity:0; }
.product-box .product-list .listbox > ul > li.subOn .imgbox { animation:bgs4 0.5s 0.05s; animation-fill-mode:both; }
.product-box .product-list .listbox > ul > li.subOn .txtbox { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
.product-box .product-list .tableData h3.tit { overflow:hidden; }
.product-box .product-list .tableData h3.tit span { opacity:0; display:block;}
.product-box .product-list .tableData h3.tit.subOn span { animation:txtUp 0.8s 0.2s; animation-fill-mode:both; }
.product-box .product-list .tableData .box { opacity:0; }
.product-box .product-list .tableData .box.subOn { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.product-box .product-list .premill-list .title-box p,
.product-box .product-list .premill-list .title-box h3 { overflow:hidden; }
.product-box .product-list .premill-list .title-box p span,
.product-box .product-list .premill-list .title-box h3 span { opacity:0; display:block;}
.product-box .product-list .premill-list .title-box.subOn span { animation:txtUp 0.8s 0.2s; animation-fill-mode:both; }
.product-box .product-list .premill-list .p-listbox1 > ul > li { opacity:0; }
.product-box .product-list .premill-list .p-listbox1 > ul > li.subOn:nth-child(2n+1) { animation:ani_1 0.5s 0.05s; animation-fill-mode:both; }
.product-box .product-list .premill-list .p-listbox1 > ul > li.subOn:nth-child(2n) { animation:ani_2 0.5s 0.05s; animation-fill-mode:both; }
.product-box .product-list .premill-list .driver-box > ul { opacity:0; }
.product-box .product-list .premill-list .driver-box > ul.subOn { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
.product-box .implant-list .listbox > ul > li { opacity:0; }
.product-box .implant-list .listbox > ul > li.subOn:nth-child(4n-3) { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
.product-box .implant-list .listbox > ul > li.subOn:nth-child(4n-2) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.product-box .implant-list .listbox > ul > li.subOn:nth-child(4n-1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.product-box .implant-list .listbox > ul > li.subOn:nth-child(4n) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.product-box .product-list .premill-list .p-listbox1 > ul > li.subOn:nth-child(2n+1) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
	.product-box .product-list .premill-list .p-listbox1 > ul > li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
	.product-box .implant-list .listbox > ul > li.subOn:nth-child(3n-2) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
	.product-box .implant-list .listbox > ul > li.subOn:nth-child(3n-1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
	.product-box .implant-list .listbox > ul > li.subOn:nth-child(3n) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
}
@media screen and (max-width:640px){
	.product-box .implant-list .listbox > ul > li.subOn:nth-child(2n-1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
	.product-box .implant-list .listbox > ul > li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
} 


/* support */
.support-cad { padding-bottom:120px; }
.support-cad .cad-info { margin-top:100px; display:flex; flex-wrap:wrap; align-items:flex-end; }
.support-cad .cad-info > div { width:50%; }
.support-cad .cad-info .imgbox { height:692px; display:flex; align-items:center; justify-content:center; background-color:#f5f5f5; }
.support-cad .cad-info .txtbox { padding-left:96px; }
.support-cad .cad-info .txtbox h3 span { font-size:20px; color:#0098d3; font-weight:500; display:block; }
.support-cad .cad-info .txtbox h3 strong { margin:15px 0 0 -2px; font-size:70px; color:#111; font-weight:500; display:block; }
.support-cad .cad-info .txtbox p.txt { margin:25px 0 0 0; height:130px; font-size:20px; color:#111; font-weight:300; line-height:1.4; letter-spacing:0.03em; }
.support-cad .cad-info .txtbox > ul > li { border-bottom:1px solid #eee; }
.support-cad .cad-info .txtbox > ul > li dl { padding:30px 0; }
.support-cad .cad-info .txtbox > ul > li dt { font-size:18px; color:#111; font-weight:500; letter-spacing:0.03em; }
.support-cad .cad-info .txtbox > ul > li dt span { display:inline-block; vertical-align:middle; margin:-2px 5px 0 0; color:#0098d3; font-size:9px; font-family: 'Gulim'; }
.support-cad .cad-info .txtbox > ul > li dd { padding-top:20px; }
.support-cad .cad-info .txtbox > ul > li dd ul { display:flex;  }
.support-cad .cad-info .txtbox > ul > li dd ul.list1 { gap:30px 40px; justify-content:space-around; }
.support-cad .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 70px; }
.support-cad .cad-info .txtbox > ul > li dd li { text-align:center; }
.support-cad .cad-info .txtbox > ul > li dd li span { display:block; margin-top:5px; font-size:15px; color:#111; font-weight:300; line-height:1.4; }
.support-cad.support-cam .cad-info .txtbox p.txt { height:200px; }
.support-cad.support-cam .cad-info .txtbox > ul > li dl { display:flex; align-items:flex-start; }
.support-cad.support-cam .cad-info .txtbox > ul > li dt { width:290px; }
.support-cad.support-cam .cad-info .txtbox > ul > li dd { padding-top:0; }
.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list1 { justify-content:flex-start; gap:30px 80px;}
.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 80px; }
.support-cad .btnbox { margin-top:55px; text-align:right; }
.support-cad .btnbox a { display:inline-block; }
.support-cad .btnbox a > span { position:relative; padding-right:20px; display:flex; justify-content:center; align-items:center; background-color:#0098d3; color:#fff; letter-spacing:0.05em; width:182px; height:55px; font-size:15px; text-align:center; font-weight:600; border-radius:5px; }
.support-cad .btnbox a > span i { position:absolute; left:50%; transform:translateX(-50%); margin-left:35px; margin-top:-1px; font-size:12px; transition:all 0.3s 0.1s ease-in-out; }
.support-cad .btnbox a:hover > span i { margin-left:45px; }
.support-cad .btnbox button { display:inline-block; position:relative; text-align:center; border:none; outline:none; background-color:#0098d3; color:#fff; letter-spacing:0.05em; width:182px; height:55px; border-radius:5px; }
.support-cad .btnbox button span { padding:4px 29px 4px 0; font-size:15px; font-weight:600; display:inline-block; background:url(/img/sub/icon_down.png) no-repeat right 3px; }
@media screen and (max-width:1540px){
	.support-cad .cad-info .txtbox { padding-left:50px; }
	.support-cad .cad-info .txtbox > ul > li dd ul.list1 li img { height:90px; }
	.support-cad .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 60px; }
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list1,
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 80px; }
}
@media screen and (max-width:1280px){
	.support-cad .cad-info { margin-top:80px; }
	.support-cad .cad-info .txtbox { padding-left:50px; }
	.support-cad .cad-info .txtbox h3 span { font-size:18px;}
	.support-cad .cad-info .txtbox h3 strong { margin:15px 0 0 -2px; font-size:50px;}
	.support-cad .cad-info .txtbox p.txt { font-size:18px; }
	.support-cad .cad-info .txtbox > ul > li dd ul.list1 li img { height:65px; }
	.support-cad .cad-info .txtbox > ul > li dd ul.list2 li img { height:32px; }
	.support-cad .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 30px; }
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list1,
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 30px; }
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list1 li,
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list2 li { min-width:125px; }
 }
@media screen and (max-width:1024px){
	.support-cad .cad-info { margin-top:60px; }
	.support-cad .cad-info > div { width:100%; }
	.support-cad .cad-info .imgbox { height:auto; padding:40px 0; }
	.support-cad .cad-info .imgbox img { max-width:60%; }
	.support-cad .cad-info .txtbox { padding-left:0; padding-top:40px; }
	.support-cad .cad-info .txtbox p.txt,
	.support-cad.support-cam .cad-info .txtbox p.txt { margin:25px 0 40px 0; height:auto; }
	.support-cad .cad-info .txtbox p.txt br { display:none; }
	.support-cad.support-cam .cad-info .imgbox img { max-width:90%; }
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list1,
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 50px; }
}
@media screen and (max-width:760px){
	.support-cad .cad-info .txtbox h3 span { font-size:17px;}
	.support-cad .cad-info .txtbox h3 strong { margin:15px 0 0 -2px; font-size:32px;}
	.support-cad .cad-info .txtbox p.txt { margin:15px 0 30px 0; font-size:17px; } 
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list1,
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list2 { gap:30px 20px; }
}
@media screen and (max-width:640px){
	.support-cad .cad-info { margin-top:40px; }
	.support-cad .cad-info .txtbox > ul > li dd ul { display:flex; flex-wrap:wrap; justify-content:space-around; }
	.support-cad .cad-info .txtbox > ul > li dd ul.list1 li { width:calc((100% - 40px) / 2); }
	.support-cad .btnbox { margin-top:40px;  }
	.support-cad.support-cam .cad-info .txtbox > ul > li dl { flex-wrap:wrap; align-items:flex-start; }
	.support-cad.support-cam .cad-info .txtbox > ul > li dt { width:100%; }
	.support-cad.support-cam .cad-info .txtbox > ul > li dd { padding-top:20px; width:100%; }
	.support-cad.support-cam .cad-info .txtbox > ul > li dd ul.list1 { justify-content:space-around; }
}
@media screen and (max-width:480px){
	.support-cad .btnbox a { display:block; }
	.support-cad .btnbox span { width:100%; }
}
/* animation */
.support-cad .cad-info > div { opacity:0; }
.support-cad .cad-info .imgbox.subOn { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.support-cad .cad-info .txtbox.subOn { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.support-cad .cad-info .imgbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
	.support-cad .cad-info .txtbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
}


.support-guide { padding-bottom:120px; }
.support-guide .inner { max-width:1300px; }
.support-guide .guide-top { margin-top:75px; display:flex; flex-wrap:wrap; }
.support-guide .guide-top > div { width:50%; }
.support-guide .guide-top .txtbox { padding-top:80px; }
.support-guide .guide-top .txtbox dt { font-size:60px; color:#111; font-weight:500; line-height:1.3; letter-spacing:0.03em;  }
.support-guide .guide-top .txtbox dd { margin-top:30px; font-size:20px; color:#111; font-weight:300; line-height:1.4; letter-spacing:0.03em;}
.support-guide .listbox { margin-top:85px; }
.support-guide .listbox > ul { border-top:1px solid #111; }
.support-guide .listbox > ul > li { border-bottom:1px solid #ddd; padding:40px 100px 40px 55px; }
.support-guide .listbox > ul > li dl { display:flex; flex-wrap:wrap; align-items:center; }
.support-guide .listbox > ul > li dl dt { width:385px; }
.support-guide .listbox > ul > li dl dd { width:calc(100% - 385px); }
.support-guide .listbox > ul > li dl dd li { display:flex; align-items:center; padding:12px 0; font-size:18px; color:#111; font-weight:300; line-height:1.2; letter-spacing:0.03em; border-top:1px dashed #d5d5d5; }
.support-guide .listbox > ul > li dl dd li:first-child { border-top:none; }
.support-guide .listbox > ul > li dl dd li .icon { display:inline-block; width:55px; height:55px; border-radius:55px; background-color:#f5f5f5; margin-right:20px; transition:all 0.3s 0.1s ease-in-out; }
.support-guide .listbox > ul > li dl dd li .icon .cls-1{fill:#3a3637; transition:all 0.3s 0.1s ease-in-out; }
.support-guide .listbox > ul > li dl dd li .icon .cls-2{fill:none;}
.support-guide .listbox > ul > li dl dd li a { color:#111; }
.support-guide .listbox > ul > li dl dd li:hover .icon { background-color:#0098d3 }
.support-guide .listbox > ul > li dl dd li:hover .icon .cls-1{fill:#fff;}
@media screen and (max-width:1280px){
	.support-guide .guide-top { margin-top:75px; }
	.support-guide .guide-top .imgbox { padding-right:50px; }
	.support-guide .guide-top .imgbox img { max-width:100%; }
	.support-guide .guide-top .txtbox { padding-top:70px; }
	.support-guide .guide-top .txtbox dt { font-size:45px; }
	.support-guide .guide-top .txtbox dd { margin-top:25px; font-size:18px;}
	.support-guide .listbox { margin-top:60px; }
	.support-guide .listbox > ul > li { padding:35px 80px 35px 40px; }
	.support-guide .listbox > ul > li dl dd li { padding:10px 0; font-size:17px; }
}
@media screen and (max-width:1024px){
	.support-guide .guide-top { margin-top:55px; }
	.support-guide .guide-top > div { width:100%; text-align:center }
	.support-guide .guide-top .imgbox img { max-width:100%; margin:0 auto; }
	.support-guide .guide-top .txtbox { padding-top:50px; }
	.support-guide .guide-top .txtbox dt { font-size:35px; }
	.support-guide .guide-top .txtbox dt br { display:none }
	.support-guide .guide-top .txtbox dd { margin-top:20px; font-size:17px;}
	.support-guide .guide-top .txtbox dd br { display:none }
	.support-guide .listbox { margin-top:60px; }
	.support-guide .listbox > ul > li { padding:30px 70px 30px 30px; }
	.support-guide .listbox > ul > li dl dt { width:250px; }
	.support-guide .listbox > ul > li dl dt img { width:70%; }
	.support-guide .listbox > ul > li dl dd { width:calc(100% - 250px); }
	.support-guide .listbox > ul > li dl dd li { padding:10px 0; font-size:16px; }
	.support-guide .listbox > ul > li dl dd li .icon { width:50px; margin-right:17px; }
}
@media screen and (max-width:640px){
	.support-guide .guide-top { margin-top:40px; }
	.support-guide .guide-top .imgbox { padding:0 35px; }
	.support-guide .guide-top .txtbox { padding-top:40px; }
	.support-guide .guide-top .txtbox dt { font-size:24px; }
	.support-guide .guide-top .txtbox dd { margin-top:15px; font-size:16px;}
	.support-guide .listbox { margin-top:40px; }
	.support-guide .listbox > ul > li { padding:20px; }
	.support-guide .listbox > ul > li dl dt { width:120px;  margin:0 auto;}
	.support-guide .listbox > ul > li dl dt img { width:100%; }
	.support-guide .listbox > ul > li dl dd { width:100%; margin-top:10px; }
	.support-guide .listbox > ul > li dl dd li { padding:10px 0; font-size:16px; }
	.support-guide .listbox > ul > li dl dd li .icon { width:40px; margin-right:12px; }
	.support-guide .listbox > ul > li dl dd li:first-child { border-top:1px dashed #d5d5d5; }
}

/* animation */
.support-guide .guide-top > div { opacity:0; }
.support-guide .guide-top .imgbox.subOn { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.support-guide .guide-top .txtbox.subOn { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.support-guide .listbox > ul > li dl dt,
.support-guide .listbox > ul > li dl dd li { opacity:0; }
.support-guide .listbox > ul > li.subOn dl dt { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(1) { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(2) { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(3) { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(4) { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(5) { animation:ani_2 0.8s 1.2s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(6) { animation:ani_2 0.8s 1.4s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(7) { animation:ani_2 0.8s 1.6s; animation-fill-mode:both; }
.support-guide .listbox > ul > li.subOn dl dd li:nth-child(8) { animation:ani_2 0.8s 1.8s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.support-guide .guide-top .imgbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
	.support-guide .guide-top .txtbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
}


.support-download { padding-bottom:120px; }
.support-download .inner { max-width:1300px; }
.support-download .download-top { margin-top:75px; display:flex; flex-wrap:wrap; }
.support-download .download-top > div { width:50%; }
.support-download .download-top .txtbox { padding-top:80px; }
.support-download .download-top .txtbox dt { font-size:60px; color:#111; font-weight:500; line-height:1.3; letter-spacing:0.03em;  }
.support-download .download-top .txtbox dd { margin-top:30px; font-size:20px; color:#111; font-weight:300; line-height:1.4; letter-spacing:0.03em;}
.support-download .ipbox { max-width:860px; margin:0 auto; margin-top:80px; }
.support-download .ipbox > ul > li { display:flex; align-items:center; flex-wrap:wrap; padding:10px 0; }
.support-download .ipbox > ul > li .tit { width:260px; font-size:17px; color:#111; font-weight:600; letter-spacing:0.03em; }
.support-download .ipbox > ul > li .tit span { color:#0098d3; }
.support-download .ipbox > ul > li .ipCont { width:calc(100% - 260px); }
.support-download .ipbox > ul > li input[type="text"],
.support-download .ipbox > ul > li input[type="password"] { height:55px; padding:0 30px; width:100%; font-size:14px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; background:#f5f5f5; border-radius:5px; }
.support-download .ipbox > ul > li select { width:400px; height:55px; line-height:55px; padding:0 30px; font-size:14px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:5px; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.support-download .ipbox > ul > li select::-ms-expand { display: none; }
.support-download .ipbox > ul > li textarea { width:100%; height:200px; line-height:1.6; padding:25px 30px; font-size:14px; color:#111; font-weight:400; border:none; outline:none; background:#f5f5f5; border-radius:5px; }
.support-download .ipbox > ul > li ::placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-download .ipbox > ul > li .txtbox { width:100%; margin-top:20px; }
.support-download .ipbox > ul > li .txtbox .box { padding:20px 30px 20px 20px; font-size:16px; color:#111; font-weight:300; border:1px solid #ddd; height:350px; overflow:auto; background:#fff; border-radius:8px; }
.support-download .ipbox > ul > li .txtbox .box p { font-size:16px; font-weight:300; color:rgba(0,0,0,0.7); line-height:1.8; }
.support-download .ipbox > ul > li .txtbox .box p:not(:last-child) { margin-bottom:34px; }
.support-download .ipbox > ul > li .txtbox .box .privacy { padding:0; }
.support-download .ipbox > ul > li .txtbox .box .privacy .sTxt h3,
.support-download .ipbox > ul > li .txtbox .box .privacy > dl > dt,
.support-download .ipbox > ul > li .txtbox .box .privacy > dl > dd { font-size:14px; color: #555; font-weight:300; }
.support-download .ipbox > ul > li .txtbox .box p:nth-child(1) { margin-top:0; }
.support-download .ipbox > ul > li .txtbox .ch { margin-top:15px; display:block; }
.support-download .ipbox > ul > li .ch input[type="checkbox"],
.support-download .ipbox > ul > li .ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.support-download .ipbox > ul > li .ch input[type="checkbox"] + span,
.support-download .ipbox > ul > li .ch input[type="radio"] + span { position:relative; padding:0 0 0 16px; font-weight:300; font-size:14px; line-height:1.1 !important; display:inline-block; color:#111; }
.support-download .ipbox > ul > li .ch input[type="checkbox"] + span:after,
.support-download .ipbox > ul > li .ch input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 -15px; width:20px; height:20px; vertical-align:middle; background:none; border:1px solid #ccc; border-radius:3px; position:absolute; left:0; top:-2px; }
.support-download .ipbox > ul > li .ch input[type="checkbox"]:checked + span:after,
.support-download .ipbox > ul > li .ch input[type="radio"]:checked + span:after { background:#0098d3 url(/img/sub/icon_ch_on1.png) no-repeat center center; border:1px solid #0098d3; }
.support-download .ipbox > ul > li .chbox { display:flex; flex-wrap:wrap; gap:10px 30px; }
.support-download .ipbox > ul > li .chbox .ch input + span:after { top:3px; }
.support-download .ipbox .btnbox { margin-top:75px; text-align:center; }
.support-download .ipbox .btnbox button { display:inline-block; position:relative; text-align:center; border:none; outline:none; background-color:#0098d3; color:#fff; letter-spacing:0.05em; width:182px; height:55px; border-radius:5px; }
.support-download .ipbox .btnbox button span { padding:4px 29px 4px 0; font-size:15px; font-weight:600; display:inline-block; background:url(/img/sub/icon_down.png) no-repeat right 3px; }
.support-download .ipbox .sbox { padding:0 200px 0 0; position:relative; }
.support-download .ipbox .sbox .imgbox { position:absolute; right:60px; top:0; }
.support-download .ipbox .sbox .imgbox img { height:55px; width:135px; border-radius:5px; }
.support-download .ipbox .sbox button { position:absolute; right:0; top:0; width:55px; height:55px; color:#111; font-weight:400; border:1px solid #ddd; border-radius:5px; background:none; outline:none }
@media screen and (max-width:1280px){
	.support-download .download-top { margin-top:75px; }
	.support-download .download-top .imgbox { padding-right:50px; }
	.support-download .download-top .imgbox img { max-width:100%; }
	.support-download .download-top .txtbox { padding-top:70px; }
	.support-download .download-top .txtbox dt { font-size:45px; }
	.support-download .download-top .txtbox dd { margin-top:25px; font-size:18px;}
}
@media screen and (max-width:1024px){
	.support-download .download-top { margin-top:55px; }
	.support-download .download-top > div { width:100%; text-align:center }
	.support-download .download-top .imgbox img { max-width:100%; margin:0 auto; }
	.support-download .download-top .txtbox { padding-top:50px; }
	.support-download .download-top .txtbox dt { font-size:35px; }
	.support-download .download-top .txtbox dt br { display:none }
	.support-download .download-top .txtbox dd { margin-top:20px; font-size:17px;}
	.support-download .download-top .txtbox dd br { display:none }
	.support-download .ipbox { margin-top:60px; }
	.support-download .ipbox > ul > li .tit { width:210px; font-size:16px; }
	.support-download .ipbox > ul > li .ipCont { width:calc(100% - 210px); }
	.support-download .ipbox > ul > li .chbox { display:flex; gap:10px 25px; }
}
@media screen and (max-width:760px){
	.support-download .ipbox > ul > li .tit { width:100%; }
	.support-download .ipbox > ul > li .txtbox,
	.support-download .ipbox > ul > li .ipCont { width:100%; margin-top:10px; }
	.support-download .ipbox > ul > li input[type="text"],
	.support-download .ipbox > ul > li input[type="password"] { height:45px; padding:0 20px; }
	.support-download .ipbox > ul > li select { width:100%; height:45px; line-height:45px; padding:0 20px; }
	.support-download .ipbox > ul > li textarea { padding:20px; }
	.support-download .ipbox > ul > li .txtbox .box { height:250px }
	.support-download .ipbox > ul > li .txtbox .box p:not(:last-child) { margin-bottom:18px; }
	.support-download .ipbox .sbox { padding:0 180px 0 0; }
	.support-download .ipbox .sbox .imgbox { right:50px; }
	.support-download .ipbox .sbox .imgbox img { height:45px; width:125px; }
	.support-download .ipbox .sbox button { width:45px; height:45px; }
}
@media screen and (max-width:640px){
	.support-download .download-top { margin-top:40px; }
	.support-download .download-top .imgbox { padding:0 35px; }
	.support-download .download-top .txtbox { padding-top:40px; }
	.support-download .download-top .txtbox dt { font-size:24px; }
	.support-download .download-top .txtbox dd { margin-top:15px; font-size:16px;}
	.support-download .ipbox { margin-top:40px; }
	.support-download .ipbox > ul > li .chbox .ch img { height:22px; }
	.support-download .ipbox > ul > li .chbox .ch input + span:after { top:1px; }
	.support-download .ipbox .btnbox { margin-top:40px; }
}
@media screen and (max-width:480px){
	.support-download .ipbox .btnbox button { width:100%; }
}

/* animation */
.support-download .download-top > div,
.support-download .ipbox { opacity:0; }
.support-download .download-top .imgbox.subOn { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.support-download .download-top .txtbox.subOn { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.support-download .ipbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.support-download .download-top .imgbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
	.support-download .download-top .txtbox.subOn { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
}

.support-catalog { padding-bottom:120px; }
.support-catalog .listbox { margin-top:100px; }
.support-catalog .listbox ul { display:flex; gap:40px 20px; flex-wrap:wrap; }
.support-catalog .listbox ul li { position:relative; width:calc((100% - 60px) / 4);}
.support-catalog .listbox ul li .imgbox { opacity:1; transition:all 0.3s 0.1s ease-in-out; }
.support-catalog .listbox ul li .imgbox img { width:100%; box-shadow:5px 5px 10px rgba(0,0,0,0.2); }
.support-catalog .listbox ul li .over { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; opacity:0; transition:all 0.3s 0.1s ease-in-out; }
.support-catalog .listbox ul li .over .s-img { padding:0 40px; padding-top:50px; }
.support-catalog .listbox ul li .over .s-img img { max-width:100%; }
.support-catalog .listbox ul li .over .txtbox { margin-top:25px; }
.support-catalog .listbox ul li .over .txtbox .title { color:#111; font-size:17px; font-weight:400; }
.support-catalog .listbox ul li .over .txtbox .link { margin-top:42px;  }
.support-catalog .listbox ul li .over .txtbox .link a { color:#fff; font-size:15px; font-weight:300; display:flex; align-items:center; justify-content:center; width:140px; height:37px; margin:10px auto 0; background-color:#0098d3; }
.support-catalog .listbox ul li:hover .imgbox { opacity:0; }
.support-catalog .listbox ul li:hover .over { opacity:1; }
@media screen and (max-width:960px){
  .support-catalog .listbox { margin-top:60px; }
  .support-catalog .listbox ul li { width:calc((100% - 20px) / 2);}
  .support-catalog .listbox ul li .over .s-img { padding:0 15px; padding-top:60px; }
  .support-catalog .listbox ul li .over .txtbox { margin-top:20px; }
  .support-catalog .listbox ul li .over .txtbox .title { font-size:15px; }
  .support-catalog .listbox ul li .over .txtbox .link { margin-top:30px; }
  .support-catalog .listbox ul li .over .txtbox .link a { font-size:14px; width:120px; height:32px; margin:7px auto 0; }
}
@media screen and (max-width:640px){
  .support-catalog .listbox { margin-top:40px; }
  .support-catalog .listbox ul li .over .s-img { padding-top:15px; }
  .support-catalog .listbox ul li .over .txtbox { margin-top:15px; }
  .support-catalog .listbox ul li .over .txtbox .link { margin-top:24px; }
  .support-catalog .listbox ul li .over .txtbox .link a { font-size:14px; width:110px; height:30px; }
}


/* news */
.news-box .list,
.news-box .view { margin-top:100px; padding-bottom:120px; }
.news-box .list > ul { display:flex; flex-wrap:wrap; gap:80px 45px; }
.news-box .list > ul > li { width:calc((100% - 90px) / 3); }
.news-box .list > ul > li .imgbox { position:relative; overflow:hidden; }
.news-box .list > ul > li .imgbox:after { content: ""; display:block; padding-bottom:63.8%; }
.news-box .list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transform:scale(1); transition:all 0.3s 0.1s ease-in-out; }
.news-box .list > ul > li a:hover .imgbox img { transform:scale(1.15); }
.news-box .list > ul > li .txtbox { position:relative; margin-top:35px; height:100px; }
.news-box .list > ul > li .txtbox .txt { color:#111; font-size:17px; font-weight:300; line-height:1.6; letter-spacing:0.03em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news-box .list > ul > li .txtbox .date { position:absolute; left:0; bottom:0; color:#111; font-size:12px; font-weight:300; letter-spacing:0.03em; }
.news-box .list > ul > li .txtbox .date i { display:inline-block; vertical-align:middle; margin:0 5px 0 0; font-size:14px; }
.news-box .list .more-box { margin-top:90px; text-align:center; }
.news-box .list .more-box .total { color:#999; font-size:15px; font-weight:300; letter-spacing:0.04em;  }
.news-box .list .more-box .btnbox { margin-top:45px; width:250px; height:55px; display:inline-block; position:relative; }
.news-box .list .more-box .btnbox a { position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#111; font-size:15px; font-weight:300; letter-spacing:0.04em; border:1px solid #ccc; }
.news-box .list .more-box .btnbox a:after { content: ""; display:block; position:absolute; left:-1px; top:-1px; width:0; height:1px; background-color:#0098d3; transition:all 0.3s 0.1s ease-in-out; }
.news-box .list .more-box .btnbox a:before { content: ""; display:block; position:absolute; right:-1px; top:0; width:1px; height:0; background-color:#0098d3; transition:all 0.3s 0.2s ease-in-out; }
.news-box .list .more-box .btnbox:hover a:after { width:calc(100% + 2px); }
.news-box .list .more-box .btnbox:hover a:before { height:100%; }
.news-box .list .more-box .btnbox:after { content: ""; display:block; position:absolute; right:0; bottom:0; z-index:1; width:0; height:1px; background-color:#0098d3; transition:all 0.3s 0.1s ease-in-out; }
.news-box .list .more-box .btnbox:before { content: ""; display:block; position:absolute; left:0; bottom:0; z-index:1; width:1px; height:0; background-color:#0098d3; transition:all 0.3s 0.2s ease-in-out; }
.news-box .list .more-box .btnbox:hover:after { width:100%; }
.news-box .list .more-box .btnbox:hover:before { height:100%; }
.news-box .view { margin:0 auto; margin-top:100px; max-width:1200px; }
.news-box .view .title-box .tit { text-align:center; color:#111; font-size:30px; font-weight:400; letter-spacing:0.02em; line-height:1.4; }
.news-box .view .title-box .info { margin-top:80px; display:flex; justify-content:space-between; }
.news-box .view .title-box .info .date { color:#111; font-size:12px; font-weight:300; letter-spacing:0.03em; }
.news-box .view .title-box .info .date i { display:inline-block; vertical-align:middle; margin:0 5px 0 0; font-size:14px; }
.news-box .view .title-box .sns { display:flex; align-items:center;  }
.news-box .view .title-box .sns li { margin-left:18px; }
.news-box .view .title-box .sns li:first-child { margin-left:none }
.news-box .view .title-box .sns a { background:none; width:22px; height:22px; display:flex; align-items:center; justify-content:center; }
.news-box .view .title-box .sns a .svg { width:15px; }
.news-box .view .title-box .sns a .cls-1 {fill:#ccc; transition:all 0.3s ease-in-out; }
.news-box .view .title-box .sns a .cls-2 {fill:none;}
.news-box .view .viewCont { border-top:1px solid #999; border-bottom:1px solid #999; margin-top:18px; padding:100px 0; color:#111; font-size:16px; font-weight:300; letter-spacing:0.02em; line-height:1.6;}
.news-box .view .viewCont * { word-break:break-word; }
.news-box .view .viewCont img { max-width:100% !important; }
.news-box .view .btnbox { margin-top:48px; text-align:center; }
.news-box .view .btnbox a { display:inline-block; padding:2px 0 2px 40px; color:#111; font-size:12px; font-weight:300; letter-spacing:0.02em; background:url(/img/sub/icon_arr1.png) no-repeat left 3px;}
@media screen and (max-width:1280px){
	.news-box .list > ul { gap:60px 30px; }
	.news-box .list > ul > li { width:calc((100% - 60px) / 3) }
}
@media screen and (max-width:1024px){
	.news-box .list,
	.news-box .view { margin-top:60px; }
	.news-box .list > ul { gap:60px 25px; }
	.news-box .list > ul > li { width:calc((100% - 25px) / 2) }
	.news-box .list > ul > li .txtbox { margin-top:30px; height:80px; }
	.news-box .list > ul > li .txtbox .txt { font-size:16px; } 
	.news-box .view .title-box .tit { font-size:20px; }
	.news-box .view .title-box .info { margin-top:40px; }
	.news-box .view .viewCont { padding:80px 0; }
}
@media screen and (max-width:640px){
	.news-box .list,
	.news-box .view { margin-top:40px; }
	.news-box .list > ul { gap:40px 15px; }
	.news-box .list > ul > li { width:calc((100% - 15px) / 2) }
	.news-box .list > ul > li .txtbox { margin-top:20px; height:70px; }
	.news-box .view .title-box .tit { font-size:18px; }
	.news-box .view .viewCont { padding:50px 0; }
}
@media screen and (max-width:480px){
	.news-box .list .more-box .btnbox { margin-top:40px; width:100%; }
}

/* contact */
.contact-box { margin-top:100px; }
.contact-inquiries { padding-bottom:120px; }
.contact-inquiries .inner { max-width:1300px; }
.contact-inquiries .top_txt { text-align:center; font-size:17px; color:#111; font-weight:300; letter-spacing:0.03em; line-height:1.6; }
.contact-inquiries .ipbox { max-width:860px; margin:0 auto; margin-top:80px; }
.contact-inquiries .ipbox > ul > li { display:flex; align-items:center; flex-wrap:wrap; padding:10px 0; }
.contact-inquiries .ipbox > ul > li.top { align-items:flex-start; }
.contact-inquiries .ipbox > ul > li .tit { width:260px; font-size:17px; color:#111; font-weight:600; letter-spacing:0.03em; }
.contact-inquiries .ipbox > ul > li.top .tit { padding-top:15px; }
.contact-inquiries .ipbox > ul > li .tit span { color:#0098d3; }
.contact-inquiries .ipbox > ul > li .ipCont { width:calc(100% - 260px); }
.contact-inquiries .ipbox > ul > li input[type="text"],
.contact-inquiries .ipbox > ul > li input[type="password"] { height:55px; padding:0 30px; width:100%; font-size:14px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; background:#f5f5f5; border-radius:5px; }
.contact-inquiries .ipbox > ul > li select { width:400px; height:55px; line-height:55px; padding:0 30px; font-size:14px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:5px; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.contact-inquiries .ipbox > ul > li select::-ms-expand { display: none; }
.contact-inquiries .ipbox > ul > li textarea { width:100%; height:200px; line-height:1.6; padding:25px 30px; font-size:14px; color:#111; font-weight:400; border:none; outline:none; background:#f5f5f5; border-radius:5px; }
.contact-inquiries .ipbox > ul > li ::placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.contact-inquiries .ipbox > ul > li .txtbox { width:100%; margin-top:20px; }
.contact-inquiries .ipbox > ul > li .txtbox .box { padding:20px 30px 20px 20px; font-size:16px; color:#111; font-weight:300; border:1px solid #ddd; height:350px; overflow:auto; background:#fff; border-radius:8px; }
.contact-inquiries .ipbox > ul > li .txtbox .box p { font-size:16px; font-weight:300; color:rgba(0,0,0,0.7); line-height:1.8; }
.contact-inquiries .ipbox > ul > li .txtbox .box p:not(:last-child) { margin-bottom:34px; }
.contact-inquiries .ipbox > ul > li .txtbox .box .privacy { padding:0; }
.contact-inquiries .ipbox > ul > li .txtbox .box .privacy .sTxt h3,
.contact-inquiries .ipbox > ul > li .txtbox .box .privacy > dl > dt,
.contact-inquiries .ipbox > ul > li .txtbox .box .privacy > dl > dd { font-size:14px; color: #555; font-weight:300; }
.contact-inquiries .ipbox > ul > li .txtbox .box p:nth-child(1) { margin-top:0; }
.contact-inquiries .ipbox > ul > li .txtbox .ch { margin-top:15px; display:block; }
.contact-inquiries .ipbox > ul > li .ch input[type="checkbox"],
.contact-inquiries .ipbox > ul > li .ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.contact-inquiries .ipbox > ul > li .ch input[type="checkbox"] + span,
.contact-inquiries .ipbox > ul > li .ch input[type="radio"] + span { position:relative; padding:0 0 0 32px; font-weight:300; font-size:14px; line-height:1.4 !important; display:inline-block; color:#111; }
.contact-inquiries .ipbox > ul > li .ch input[type="checkbox"] + span:after,
.contact-inquiries .ipbox > ul > li .ch input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 0px; width:20px; height:20px; vertical-align:middle; background:none; border:1px solid #ccc; border-radius:3px; position:absolute; left:0; top:-2px; }
.contact-inquiries .ipbox > ul > li .ch input[type="checkbox"]:checked + span:after,
.contact-inquiries .ipbox > ul > li .ch input[type="radio"]:checked + span:after { background:#0098d3 url(/img/sub/icon_ch_on1.png) no-repeat center center; border:1px solid #0098d3; }
.contact-inquiries .ipbox > ul > li .chbox { display:flex; flex-wrap:wrap; gap:10px 30px; }
.contact-inquiries .ipbox > ul > li .chbox .ch input + span:after { top:3px; }
.contact-inquiries .ipbox .btnbox { margin-top:75px; margin-left:260px; width:calc(100% - 260px); text-align:center; }
.contact-inquiries .ipbox .btnbox button { display:inline-block; position:relative; text-align:center; border:none; outline:none; background-color:#0098d3; color:#fff; letter-spacing:0.05em; width:182px; height:55px; border-radius:5px; }
.contact-inquiries .ipbox .btnbox button span { padding:4px 0 4px 0; font-size:15px; font-weight:600; display:inline-block;}
.contact-inquiries .ipbox .sbox { padding:0 200px 0 0; position:relative; }
.contact-inquiries .ipbox .sbox .imgbox { position:absolute; right:60px; top:0; }
.contact-inquiries .ipbox .sbox .imgbox img { height:55px; width:135px; border-radius:5px; }
.contact-inquiries .ipbox .sbox button { position:absolute; right:0; top:0; width:55px; height:55px; color:#111; font-weight:400; border:1px solid #ddd; border-radius:5px; background:none; outline:none }
@media screen and (max-width:1024px){
	.contact-box { margin-top:60px; }
	.contact-inquiries .ipbox { margin-top:60px; }
	.contact-inquiries .ipbox > ul > li .tit { width:210px; font-size:16px; }
	.contact-inquiries .ipbox > ul > li .ipCont { width:calc(100% - 210px); }
	.contact-inquiries .ipbox > ul > li .chbox { display:flex; gap:10px 25px; }
	.contact-inquiries .ipbox .btnbox { margin-left:210px; width:calc(100% - 210px); }
}
@media screen and (max-width:760px){
	.contact-inquiries .ipbox > ul > li .tit { width:100%; }
	.contact-inquiries .ipbox > ul > li .txtbox,
	.contact-inquiries .ipbox > ul > li .ipCont { width:100%; margin-top:10px; }
	.contact-inquiries .ipbox > ul > li.top .tit { padding-top:0; }
	.contact-inquiries .ipbox > ul > li input[type="text"],
	.contact-inquiries .ipbox > ul > li input[type="password"] { height:45px; padding:0 20px; }
	.contact-inquiries .ipbox > ul > li select { width:100%; height:45px; line-height:45px; padding:0 20px; }
	.contact-inquiries .ipbox > ul > li textarea { padding:20px; }
	.contact-inquiries .ipbox > ul > li .txtbox .box { height:250px }
	.contact-inquiries .ipbox > ul > li .txtbox .box p:not(:last-child) { margin-bottom:18px; }
	.contact-inquiries .ipbox .btnbox { margin-left:0; width:100%; }
	.contact-inquiries .ipbox .sbox { padding:0 180px 0 0; }
	.contact-inquiries .ipbox .sbox .imgbox { right:50px; }
	.contact-inquiries .ipbox .sbox .imgbox img { height:45px; width:125px; }
	.contact-inquiries .ipbox .sbox button { width:45px; height:45px; }
}
@media screen and (max-width:640px){
	.contact-box { margin-top:40px; }
	.contact-inquiries .ipbox { margin-top:40px; }
	.contact-inquiries .ipbox > ul > li .chbox .ch img { height:22px; }
	.contact-inquiries .ipbox > ul > li .chbox .ch input + span:after { top:1px; }
	.contact-inquiries .ipbox .btnbox { margin-top:40px; }
}
@media screen and (max-width:480px){
	.contact-inquiries .ipbox .btnbox button { width:100%; }
}

.contact-network .top-txt { text-align:center; color:#111; font-size:18px; font-weight:300; line-height:1.6 }
.contact-network .map { margin-top:55px; }
.contact-network .map .cls-1 { fill:#eee; }
.contact-network .map .cls-2 { fill: #0098d3; }
.contact-network .map .cls-3 { fill: #49a8e2; }
.contact-network .map .cls-4 { fill: #00b7ff; }
.contact-network .map .cls-5 { fill: #18d6ea; }
.contact-network .map .cls-6 { fill: #00b8d6; }
.contact-network .map .pin { fill: #ff0000; stroke: #eee; }
.contact-network .land { cursor:pointer; }
.contact-network .listbox { margin:0 auto; margin-top:120px; max-width:1300px; padding-bottom:120px; }
.contact-network .listbox .list { margin-top:95px; }
.contact-network .listbox .list:first-child { margin-top:0; }
.contact-network .listbox .list h4 { color:#111; font-size:24px; font-weight:600; height:45px; border-bottom:1px solid #ddd; }
.contact-network .listbox .list > ul { display:flex; gap:40px 45px; flex-wrap:wrap; padding-top:20px; }
.contact-network .listbox .list > ul > li { width:calc((100% - 270px) / 7); text-align:center; }
.contact-network .listbox .list > ul > li img { width:100%; }
.contact-network .listbox .list > ul > li strong { margin-top:15px; display:block;  color:#111; font-size:16px; font-weight:500;}
@media screen and (max-width:1340px){
	.contact-network .listbox { padding:0 20px; padding-bottom:120px; }
	.contact-network .listbox .list > ul { display:flex; gap:40px 35px; }
	.contact-network .listbox .list > ul > li { width:calc((100% - 210px) / 7); }
}
@media screen and (max-width:1024px){
	.contact-network .top-txt { font-size:17px; }
	.contact-network .listbox { margin-top:70px; }
	.contact-network .listbox .list { margin-top:70px; }
	.contact-network .listbox .list h4 { color:#111; font-size:20px; height:4.px; }
	.contact-network .listbox .list > ul { display:flex; gap:30px 20px; }
	.contact-network .listbox .list > ul > li { width:calc((100% - 100px) / 6); }
}
@media screen and (max-width:860px){
	.contact-network .top-txt br { display:none }
	.contact-network .listbox .list > ul { display:flex; gap:30px 20px; }
	.contact-network .listbox .list > ul > li { width:calc((100% - 80px) / 5); }
}
@media screen and (max-width:640px){
	.contact-network .listbox { margin-top:40px; }
	.contact-network .listbox .list { margin-top:40px; }
	.contact-network .listbox .list > ul { display:flex; gap:30px 15px; }
	.contact-network .listbox .list > ul > li { width:calc((100% - 30px) / 3); }
}

/* animation */
.contact-network .top-txt,
.contact-network .map,
.contact-network .listbox .list { opacity:0; }
.contact-network .top-txt.subOn { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.contact-network .map.subOn { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.contact-network .listbox .list.subOn { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
/*
.contact-network .map.subOn .cls-2 { fill:#eee; animation: over_color1 .5s .6s; animation-fill-mode:both; }
.contact-network .map.subOn .cls-6 { fill:#eee; animation: over_color2 .5s 1.2s; animation-fill-mode:both; }
.contact-network .map.subOn .cls-5 { fill:#eee; animation: over_color3 .5s 1.8s; animation-fill-mode:both; }
.contact-network .map.subOn .cls-4 { fill:#eee; animation: over_color4 .5s 2.4s; animation-fill-mode:both; }
.contact-network .map.subOn .cls-3 { fill:#eee; animation: over_color5 .5s 3.0s; animation-fill-mode:both; }
*/
@keyframes over_color1{
	0% { fill:#eee; }	
	100% { fill:#0098d3; }
}
@keyframes over_color2{
	0% { fill:#eee; }	
	100% { fill:#00b8d6; }
}
@keyframes over_color3{
	0% { fill:#eee; }	
	100% { fill:#18d6ea; }
}
@keyframes over_color4{
	0% { fill:#eee; }	
	100% { fill:#00b7ff; }
}
@keyframes over_color5{
	0% { fill:#eee; }	
	100% { fill:#49a8e2; }
}


.contact-location { padding-bottom:120px; }
.contact-location .txt-info.bottom-info { margin-top:70px; }
.contact-location .txt-info ul { display:flex; justify-content:center; flex-wrap:wrap; gap:40px 135px; }
.contact-location .txt-info li { color:#111; font-size:18px; font-weight:300; line-height:1.4 }
.contact-location .txt-info li.mail { color:#0098d3; }
.contact-location .txt-info li strong { display:inline-block; margin-right:22px; font-weight:700; }
.contact-location .txt-info li i { font-weight:400; font-size:18px; display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-3px; }
.contact-location .map { margin-top:70px; }
@media screen and (max-width:1024px){
	.contact-location .txt-info ul { gap:40px 100px; }
	.contact-location .map iframe { height:500px !important; }
	.contact-location .map,
	.contact-location .txt-info.bottom-info { margin-top:60px; }
}
@media screen and (max-width:860px){
	.contact-location .txt-info.bottom-info { margin-top:50px; }
	.contact-location .txt-info ul { gap:40px 70px; }
	.contact-location .map iframe { height:400px !important; }
}
@media screen and (max-width:760px){
	.contact-location .map iframe { height:400px !important; }
}
@media screen and (max-width:640px){
	.contact-location .txt-info ul { gap:15px 10px; justify-content:flex-start; }
	.contact-location .txt-info li { width:100%; }
	.contact-location .txt-info li strong { margin-right:15px; font-size:17px; }
	.contact-location .txt-info.bottom-info li strong { display:block; margin-bottom:7px;  }
	.contact-location .map iframe { height:350px !important; }
	.contact-location .map,
	.contact-location .txt-info.bottom-info { margin-top:40px; }
}


/* animation */
.contact-location .txt-info li,
.contact-location .map { opacity:0; }
.contact-location .txt-info.subOn li:nth-child(1) { animation:ani_2 0.8s 0.2s; animation-fill-mode:both; }
.contact-location .txt-info.subOn li:nth-child(2) { animation:ani_2 0.8s 0.4s; animation-fill-mode:both; }
.contact-location .txt-info.subOn li:nth-child(3) { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
.contact-location .map.subOn  { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
@media screen and (max-width:760px){
	.contact-location .txt-info.subOn li:nth-child(1) { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
	.contact-location .txt-info.subOn li:nth-child(2) { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
	.contact-location .txt-info.subOn li:nth-child(3) { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
}