@charset "utf-8";

.subtitleTop { z-index:10;}
.subtitleTop,
.subtitleTop .bg { position:relative; height:680px; }
.subtitleTop .bg { overflow:hidden; }
.subtitleTop .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transform:scale(1.15);}
.subtitleTop.subTopCont1 .bg img {  }
.subtitleTop .subTitle {position:absolute; top:58%; left:0; transform:translateY(-50%); z-index:5; width:100%; text-align:center }
.subtitleTop .subTitle h2 { font-family:var(--engFont1); color:#fff; font-size:94px; font-weight:700; letter-spacing:-0.06em; line-height:1.3; text-transform:uppercase; }
.subtitleTop .subTitle h2 span { font-weight:600; }
.subtitleTop .subTitle h2 span > span { min-width:20px; }
.subtitleTop .location { margin-top:30px; display:flex; justify-content:center; }
.subtitleTop .location dl { display:flex; justify-content:center; align-items:center; }
.subtitleTop .location dt { display:inline-block; width:20px; height:20px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/home_icon.png) center center no-repeat; }
.subtitleTop .location dd span,
.subtitleTop .location dd strong { position:relative; margin-left:15px; padding-left:15px; font-family:var(--engFont1); color:#fff; font-size:18px; font-weight:500; }
.subtitleTop .location dd span:before,
.subtitleTop .location dd strong:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:3px; background:#fff; border-radius:5px;  }
.subtitleTop .location dd br { display:none }
@media screen and (max-width:1640px){
	.subtitleTop,
	.subtitleTop .bg { height:600px; }
	.subtitleTop .subTitle h2 { font-size:80px; }
}
@media screen and (max-width:1280px){	
	.subtitleTop,
	.subtitleTop .bg { height:500px; }
	.subtitleTop .subTitle h2 { font-size:60px; }
	.subtitleTop .subTitle h2 span > span { min-width:16px; }
}
@media screen and (max-width:1024px){	
	.subtitleTop,
	.subtitleTop .bg { height:420px; }
	.subtitleTop .subTitle h2 { font-size:40px; }
	.subtitleTop .subTitle h2 span > span { min-width:12px; }
	.subtitleTop .location { margin-top:20px; }
	.subtitleTop .location dt { background-size:14px auto; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { margin-left:13px; padding-left:13px; font-size:16px; }
}
@media screen and (max-width:640px){
	.subtitleTop,
	.subtitleTop .bg { height:280px; }
	.subtitleTop .subTitle h2 { font-size:28px; }
	.subtitleTop .subTitle h2 span > span { min-width:9px; }
	.subtitleTop .location dt { background-size:12px auto; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { margin-left:11px; padding-left:11px; font-size:15px; }
}

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

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

.subtitle { position:relative; margin-bottom:80px; }
.subtitle h3.stit { font-family:var(--engFont1); color:#111; font-size:54px; font-weight:700; line-height:1.3; text-align:center }
.subtitle h3.stit span { font-family:var(--engFont1); font-weight:700; }
.subtitle h3.stit span .stxt { font-family:var(--engFont1); color:#ccc; display:inline-block; font-size:42px; }
.subtitle .txt { margin-top:30px; text-align:center; color:#333; font-size:19px; font-weight:300; line-height:1.6; padding:0 20px; }
.subtitle .txt span { font-weight:300; }
@media screen and (max-width:1280px){
	.subtitle h3.stit { font-size:40px; }
	.subtitle h3.stit span .stxt { font-size:32px; }
	.subtitle .txt { margin-top:25px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.subtitle { margin-bottom:70px; }
	.subtitle h3.stit { font-size:28px; }
	.subtitle h3.stit span .stxt { font-size:22px; }
	.subtitle .txt { margin-top:20px; font-size:17px; }
}
@media screen and (max-width:640px){
	.subtitle { margin-bottom:40px; }
	.subtitle h3.stit { font-size:22px; }
	.subtitle h3.stit span .stxt { font-size:17px; }
	.subtitle .txt { margin-top:15px; font-size:16px; }
}

/* animation */
.subtitle h3.stit { overflow:hidden; }
.subtitle h3.stit span { opacity:0; display:block; }
.subtitle.aniNo h3.stit span,
.subtitle.subOn h3.stit span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.subtitle .txt { overflow:hidden; }
.subtitle .txt span { opacity:0; display:block; }
.subtitle.aniNo .txt span,
.subtitle.subOn .txt span { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

.subTabMenu { margin-bottom:120px; padding:0 60px; }
.subTabMenu ul { display:none }
.subTabMenu > ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; }
.subTabMenu > ul > li { position:relative; overflow:hidden; border-radius:100px; background:#f8f8f8; }
.subTabMenu > ul > li a { position:relative; z-index:5; transition:all 0.3s; color:#ccc; font-size:21px; font-weight:600; line-height:1.3; padding:0 60px; letter-spacing:-0.03em; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:67px; }
.subTabMenu > ul > li.on { background:var(--mainColor); }
.subTabMenu > ul > li a:hover,
.subTabMenu > ul > li.on a { color:#fff; }
.subTabMenu .circle { position:absolute; width:0; height:0; border-radius:500px; background:var(--mainColor); transition:width 0.8s ease, height 0.8s ease, top 0.8s ease, left 0.8s ease; pointer-events:none; }
@media screen and (max-width:1640px){	
	.subTabMenu { padding:0; }
}
@media screen and (max-width:1024px){	
	.subTabMenu > ul > li a { font-size:18px; padding:0 40px; height:60px; }
}
@media screen and (max-width:1024px){	
	.subTabMenu { margin-bottom:100px; }
	.subTabMenu > ul { gap:5px; }
	.subTabMenu > ul > li a { font-size:16px; padding:0 20px; height:50px; }
}
@media screen and (max-width:640px){	
	.subTabMenu { margin-bottom:60px; }
	.subTabMenu > ul > li { width:calc((100% - 5px) / 2)}
	.subTabMenu > ul > li a { padding:0 5px; }
}
@media screen and (max-width:480px){
	.subTabMenu.subTabM3 > ul > li:last-child { width:100% }
}

/* animation */
.subTabMenu { opacity:0; }
.subTabMenu { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }

#contents .btnbox { margin-top:80px; text-align:center; }
#contents .btnbox a,
#contents .btnbox button { display:inline-block; text-align:center; border:none; outline:none; background:none; margin:0 8px;  }
#contents .btnbox a span,
#contents .btnbox button span { margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; background-color:var(--mainColor); min-width:300px; height:85px; color:#fff; font-size:22px; font-weight:600; border-radius:80px; }
#contents .btnbox a.line span,
#contents .btnbox button.line span { border:1px solid #ddd; background:#fff; color:#555;}
@media screen and (max-width:1024px){	
	#contents .btnbox a span,
	#contents .btnbox button span { min-width:250px; height:70px; font-size:20px; }
}
@media screen and (max-width:640px){	
    #contents .btnbox { margin-top:40px; }
    #contents .btnbox a,
    #contents .btnbox button { margin:0 3px; }
	#contents .btnbox a span,
	#contents .btnbox button span { height:60px; min-width:200px; font-size:18px; }
}


/* company */
.company-box .overview-box h4.tit span { font-family:var(--engFont1); color:#111; font-size:38px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.company-box .overview-box .topbox dt { color:var(--mainColor); font-size:42px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.company-box .overview-box .topbox dd { margin-top:40px; }
.company-box .overview-box .topbox dd p { color:#555; font-size:19px; font-weight:300; line-height:1.7; }
.company-box .overview-box .topbox dd p:not(:last-child) { margin-bottom:20px; }
.company-box .overview-box .imgbox-bg { margin-top:80px; position:relative; overflow:hidden; max-height:540px; }
.company-box .overview-box .imgbox-bg:before {content:""; display:block; padding-bottom:28.40%; }
.company-box .overview-box .imgbox-bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-box .overview-box .info-box { overflow:hidden }
.company-box .overview-box .info-box .box { margin-top:150px; display:flex; flex-wrap:wrap; gap:80px; align-items:center; }
.company-box .overview-box .info-box .box > div { width:calc((100% - 80px) / 2); }
.company-box .overview-box .info-box .box .imgbox img { border-radius:20px; max-width:100%; }
.company-box .overview-box .info-box .box .txtbox ul { border-top:1px solid #000; }
.company-box .overview-box .info-box .box .txtbox li { display:flex; align-items:center; height:65px; border:1px solid #e5e5e5; border-width:0 1px 1px; }
.company-box .overview-box .info-box .box .txtbox li strong { display:flex; align-items:center; justify-content:center; width:150px; height:100%; color:#111; font-size:19px; font-weight:600; line-height:1.3;background:#f2f8ff; border-right:1px solid #e5e5e5;}
.company-box .overview-box .info-box .box .txtbox li strong sup { font-size:70%; margin:-4% 5px 0 0; }
.company-box .overview-box .info-box .box .txtbox li span { display:inline-block; width:calc(100% - 150px); padding-left:30px; color:#555; font-size:17px; font-weight:300; line-height:1.3; }
.company-box .overview-box .partners-box { margin-top:150px; }
.company-box .overview-box .partners-box ul { margin-top:60px; display:flex; flex-wrap:wrap; gap:20px; }
.company-box .overview-box .partners-box ul li { width:calc((100% - 60px) / 4); padding:10px; height:150px; border-radius:20px; border:1px solid #e5e5e5; display:flex; align-items:center; justify-content:center; text-align:center; }
.company-box .overview-box .partners-box ul li img { max-width:100%; }
@media screen and (max-width:1440px){
	.company-box .overview-box h4.tit span { font-size:30px; }
	.company-box .overview-box .topbox dt { font-size:34px; }
	.company-box .overview-box .topbox dd { margin-top:30px; }
	.company-box .overview-box .topbox dd p { font-size:18px; }
	.company-box .overview-box .topbox dd p:not(:last-child) { margin-bottom:15px; }
	.company-box .overview-box .imgbox-bg { margin-top:60px; }
	.company-box .overview-box .imgbox-bg:before { padding-bottom:35%; }
	.company-box .overview-box .info-box .box { margin-top:120px; gap:60px; }
	.company-box .overview-box .info-box .box > div { width:calc((100% - 60px) / 2); }
	.company-box .overview-box .info-box .box .txtbox li { height:60px; }
	.company-box .overview-box .info-box .box .txtbox li strong { width:130px; font-size:18px; }
	.company-box .overview-box .info-box .box .txtbox li span { width:calc(100% - 130px); padding-left:20px; font-size:16px; }
	.company-box .overview-box .partners-box { margin-top:120px; }
	.company-box .overview-box .partners-box ul { margin-top:50px; gap:15px; }
	.company-box .overview-box .partners-box ul li { width:calc((100% - 45px) / 4); height:140px; }
}
@media screen and (max-width:1024px){
	.company-box .overview-box h4.tit span { font-size:22px; }
	.company-box .overview-box .topbox dt { font-size:26px; }
	.company-box .overview-box .topbox dd { margin-top:20px; }
	.company-box .overview-box .topbox dd p { font-size:18px; }
	.company-box .overview-box .topbox dd p:not(:last-child) { margin-bottom:10px; }
	.company-box .overview-box .imgbox-bg { margin-top:40px; }
	.company-box .overview-box .imgbox-bg:before { padding-bottom:40%; }
	.company-box .overview-box .info-box .box { margin-top:90px; gap:30px; }
	.company-box .overview-box .info-box .box > div { width:calc((100% - 30px) / 2); }
	.company-box .overview-box .info-box .box .imgbox img { border-radius:10px; }
	.company-box .overview-box .info-box .box .txtbox li { height:50px; }
	.company-box .overview-box .info-box .box .txtbox li strong { font-size:17px; }
	.company-box .overview-box .info-box .box .txtbox li span { padding-left:15px; font-size:15px; }
	.company-box .overview-box .partners-box { margin-top:90px; }
	.company-box .overview-box .partners-box ul { margin-top:40px; gap:10px; }
	.company-box .overview-box .partners-box ul li { width:calc((100% - 20px) / 3); height:130px; border-radius:10px; }
}
@media screen and (max-width:860px){
	.company-box .overview-box .info-box .box { gap:20px; }
	.company-box .overview-box .info-box .box > div { width:100%; }
	.company-box .overview-box .info-box .box .txtbox li strong { width:150px; }
	.company-box .overview-box .info-box .box .txtbox li span { width:calc(100% - 150px); }
	.company-box .overview-box .partners-box ul li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.company-box .overview-box h4.tit span { font-size:20px; }
	.company-box .overview-box .topbox dt { font-size:24px; }
	.company-box .overview-box .topbox dd { margin-top:15px; }
	.company-box .overview-box .topbox dd p { font-size:17px; }
	.company-box .overview-box .imgbox-bg { margin-top:30px; }
	.company-box .overview-box .imgbox-bg:before { padding-bottom:45%; }
	.company-box .overview-box .info-box .box,
	.company-box .overview-box .partners-box { margin-top:60px; }
	.company-box .overview-box .partners-box ul { margin-top:20px; }
	.company-box .overview-box .partners-box ul li { height:100px; max-height:100%; }
}

/* animation */
.company-box .overview-box .topbox dt,
.company-box .overview-box .topbox dd { opacity:0; }
.company-box .overview-box .topbox.subOn dt { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overview-box .topbox.subOn dd { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.company-box .overview-box .imgbox-bg:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.company-box .overview-box .imgbox-bg.subOn:after { animation:ani_w100 0.8s 0.5s; animation-fill-mode:both; }
.company-box .overview-box .info-box .box .imgbox,
.company-box .overview-box .info-box .box .txtbox { opacity:0; }
.company-box .overview-box .info-box .box.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overview-box .info-box .box.subOn .txtbox { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
.company-box .overview-box h4.tit { overflow:hidden }
.company-box .overview-box h4.tit span { opacity:0; display:block; }
.company-box .overview-box .subOn h4.tit span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overview-box .partners-box ul { opacity:0; }
.company-box .overview-box .partners-box.subOn ul { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.company-box .overview-box .imgbox-bg.subOn:after { animation:ani_h100 0.8s 0.5s; animation-fill-mode:both; }
}


.company-box .management-box .listbox > ul { display:flex; flex-wrap:wrap; gap:120px 60px; }
.company-box .management-box .listbox > ul > li { width:calc((100% - 180px) / 4); }
.company-box .management-box .listbox > ul > li .imgbox { display:flex; align-items:flex-end; justify-content:center; padding:10px 10px 0; width:100%; height:380px; border:1px solid #e5e5e5; border-radius:20px; background:#F8F8F8 url(/img/sub/company_management_bg.png) center top no-repeat; background-size:cover }
.company-box .management-box .listbox > ul > li .imgbox img { max-width:100%; }
.company-box .management-box .listbox > ul > li .txtbox * { word-break:break-word;}
.company-box .management-box .listbox > ul > li .txtbox dt { margin-top:30px; }
.company-box .management-box .listbox > ul > li .txtbox dt strong { color:#ccc; font-size:17px; font-weight:600; line-height:1.3; display:block }
.company-box .management-box .listbox > ul > li .txtbox dt span { color:#111; font-size:28px; font-weight:600; line-height:1.3; display:block; margin-top:5px; }
.company-box .management-box .listbox > ul > li .txtbox dd { margin-top:20px; color:#555; font-size:17px; font-weight:300; line-height:1.5; }
@media screen and (max-width:1440px){
	.company-box .management-box .listbox > ul { gap:100px 30px; }
	.company-box .management-box .listbox > ul > li { width:calc((100% - 90px) / 4); }
	.company-box .management-box .listbox > ul > li .txtbox dt { margin-top:20px; }
	.company-box .management-box .listbox > ul > li .txtbox dt strong { font-size:16px; }
	.company-box .management-box .listbox > ul > li .txtbox dt span { font-size:26px; margin-top:5px; }
	.company-box .management-box .listbox > ul > li .txtbox dd { margin-top:15px; font-size:16px;}
}
@media screen and (max-width:1280px){
	.company-box .management-box .listbox > ul { gap:80px 20px; }
	.company-box .management-box .listbox > ul > li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){
	.company-box .management-box .listbox > ul > li .imgbox { border-radius:10px; height:360px;}
	.company-box .management-box .listbox > ul > li .txtbox dt { margin-top:15px; }
	.company-box .management-box .listbox > ul > li .txtbox dt strong { font-size:15px; }
	.company-box .management-box .listbox > ul > li .txtbox dt span { font-size:24px; margin-top:3px; }
	.company-box .management-box .listbox > ul > li .txtbox dd { margin-top:10px; font-size:15px;}
}
@media screen and (max-width:960px){
	.company-box .management-box .listbox > ul > li .imgbox img { width:auto; max-height:100%; }
	.company-box .management-box .listbox > ul { gap:60px 10px; }
	.company-box .management-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.company-box .management-box .listbox > ul > li .imgbox { height:340px;}
	.company-box .management-box .listbox > ul > li .txtbox dt span { font-size:22px; }
	.company-box .management-box .listbox > ul > li .txtbox dd { margin-top:5px; font-size:15px;}
}
@media screen and (max-width:520px){
	.company-box .management-box .listbox > ul { gap:50px 10px; }
	.company-box .management-box .listbox > ul > li { width:100%; }
}

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

.catalog-box .listbox > ul { display:flex; flex-wrap:wrap; gap:120px 20px; }
.catalog-box .listbox > ul > li { width:calc((100% - 60px) / 4); }
.catalog-box .listbox > ul > li .imgbox { position:relative; overflow:hidden; width:100%; border-radius:20px; }
.catalog-box .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:124.8%; }
.catalog-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.catalog-box .listbox > ul > li .txtbox { margin-top:30px; color:#111; font-size:23px; font-weight:500; line-height:1.3; }
@media screen and (max-width:1440px){
	.catalog-box .listbox > ul { gap:100px 10px; }
	.catalog-box .listbox > ul > li { width:calc((100% - 30px) / 4); }
	.catalog-box .listbox > ul > li .txtbox { margin-top:25px; font-size:22px; }
}
@media screen and (max-width:1280px){
	.catalog-box .listbox > ul > li { width:calc((100% - 20px) / 3); }
	.catalog-box .listbox > ul > li .txtbox { margin-top:20px; font-size:21px; }
}
@media screen and (max-width:1024px){
	.catalog-box .listbox > ul { gap:60px 10px; }
	.catalog-box .listbox > ul > li .txtbox { margin-top:15px; font-size:20px; }
	.catalog-box .listbox > ul > li .imgbox { border-radius:10px; }
}
@media screen and (max-width:860px){
	.catalog-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.catalog-box .listbox > ul { gap:40px 5px; }
	.catalog-box .listbox > ul > li { width:calc((100% - 5px) / 2); }
	.catalog-box .listbox > ul > li .txtbox { font-size:18px; }
}

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

.catalog-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.catalog-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.catalog-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.catalog-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; padding:60px; width:100%; max-width:1280px; background-color:#fff; border:none; }
.catalog-pop .pop-body .ipbox > ul { display:flex; flex-wrap:wrap; gap:20px 40px; }
.catalog-pop .pop-body .ipbox > ul > li { width:calc((100% - 40px) / 2); display:flex; flex-wrap:wrap; align-items:center; }
.catalog-pop .pop-body .ipbox > ul > li.full { width:100%; }
.catalog-pop .pop-body .ipbox > ul > li label { width:115px; color:#111; font-size:19px; font-weight:600; line-height:1.3; }
.catalog-pop .pop-body .ipbox > ul > li label span { color:#fd0000; font-weight:600; }
.catalog-pop .pop-body .ipbox > ul > li .sbox { width:calc(100% - 115px); }
.catalog-pop .pop-body .ipbox > ul > li input[type="text"],
.catalog-pop .pop-body .ipbox > ul > li input[type="password"] { height:60px; padding:0 20px; width:100%; font-size:17px; color:#111; font-weight:400; border:1px solid #e5e5e5; outline:none; background:#fff; border-radius:5px; }
.catalog-pop .pop-body .ipbox > ul > li select { width:100%; height:60px; line-height:60px; padding:0 50px 0 20px; font-size:17px; color:#111; font-weight:400; border:1px solid #e5e5e5; 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; }
.catalog-pop .pop-body .ipbox > ul > li select::-ms-expand { display:none; }
.catalog-pop .pop-body .ipbox > ul > li textarea { width:100%; height:180px; line-height:1.6; padding:20px; font-size:17px; color:#111; font-weight:400; border:1px solid #e5e5e5; outline:none; background:#fff; border-radius:5px; }
.catalog-pop .pop-body .ipbox > ul > li input::placeholder { color:#aaa; opacity:1; font-weight:300; }
.catalog-pop .pop-body .ipbox > ul > li .sb-1 { display:flex; align-items:center; gap:0 10px;}
.catalog-pop .pop-body .ipbox > ul > li .stxt { color:#333; font-size:17px; font-weight:300; line-height:1.3; }
.catalog-pop .pop-body .ipbox > ul > li .ip-code img { height:60px; border-radius:5px; }
.catalog-pop .pop-body .ipbox > ul > li .ip-code .btn_refresh { cursor:pointer; text-indent:-9999em; overflow:hidden; margin:0; padding:0; outline:none; width:80px; height:60px; border:none; border-radius:5px; background:#222 url(/img/sub/icon_refresh.svg) center center no-repeat;}
.catalog-pop .pop-body .ch { margin-top:20px; }
.catalog-pop .pop-body .ch label { position:relative; margin:0; padding:0 0 0 34px; }
.catalog-pop .pop-body .ch input[type="checkbox"] { opacity:0; position:absolute; left:0; top:0; }
.catalog-pop .pop-body .ch input[type="checkbox"] + span { font-weight:600; font-size:19px; line-height:1.4 !important; color:#111; }
.catalog-pop .pop-body .ch input[type="checkbox"] + span:before { content:''; display:block; width:25px; height:25px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch.svg) no-repeat center/ cover; border-radius:25px; position:absolute; left:0; top:-4px; }
.catalog-pop .pop-body .ch input[type="checkbox"]:checked + span:before { background:url(/img/sub/ch_on.svg) no-repeat center/ cover; }
.catalog-pop .pop-body .privacy-box .scroll-box { margin-top:10px; height:160px; padding:30px; border:1px solid #e5e5e5; background:#fff; border-radius:5px; overflow:auto }
.catalog-pop .pop-body .btnCont { margin-top:20px; text-align:center; display:flex; justify-content:center; gap:10px; }
.catalog-pop .pop-body .btnCont a { width:280px; height:70px; display:flex; justify-content:center; align-items:center; background:#222; border-radius:70px; }
.catalog-pop .pop-body .btnCont a.btn_down { background:var(--mainColor); }
.catalog-pop .pop-body .btnCont a span { color:#fff; font-size:19px; font-weight:700; line-height:1.3; }
@media screen and (max-height:720px){
	.catalog-pop .pop-body { padding:30px 15px 30px 30px; }
	.catalog-pop .pop-body .box { overflow:auto; height:500px; padding-right:15px; }
	.catalog-pop .pop-body .ipbox > ul { gap:10px 20px; }
	.catalog-pop .pop-body .ipbox > ul > i { width:calc((100% - 20px) / 2); }
	.catalog-pop .pop-body .ipbox > ul > i label { width:104px; font-size:17px; }
	.catalog-pop .pop-body .ipbox > ul > i .sbox { width:calc(100% - 104px); }
	.catalog-pop .pop-body .ipbox > ul > i input[type="text"],
	.catalog-pop .pop-body .ipbox > ul > i input[type="password"] { height:50px; padding:0 10px; font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > i select { height:50px; line-height:50px; padding:0 50px 0 10px; font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > i textarea { height:130px; padding:10px; font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > i .sb-1 { gap:0 5px;}
	.catalog-pop .pop-body .ipbox > ul > i .stxt { font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > i .ip-code img { height:50px; }
	.catalog-pop .pop-body .ipbox > ul > i .ip-code .btn_refresh { width:85px; height:50px; }
	.catalog-pop .pop-body .ch { margin-top:20px; }
	.catalog-pop .pop-body .ch label { padding:0 0 0 34px; }
	.catalog-pop .pop-body .ch input[type="checkbox"] + span { font-size:18px; }
	.catalog-pop .pop-body .ch input[type="checkbox"] + span:before { width:25px; height:25px; top:-4px; }
	.catalog-pop .pop-body .privacy-box .scroll-box { margin-top:10px; height:130px; padding:15px; }
	.catalog-pop .pop-body .btnCont { margin-top:15px; gap:5px; }
	.catalog-pop .pop-body .btnCont a { width:220px; height:60px; }
	.catalog-pop .pop-body .btnCont a span { font-size:17px; }
}
@media screen and (max-width:1280px){
	.catalog-pop .pop-body { left:20px; transform:translate(0, -50%); padding:40px; width:calc(100% - 40px); }
	.catalog-pop .pop-body .ipbox > ul { gap:15px 30px; }
	.catalog-pop .pop-body .ipbox > ul > li { width:calc((100% - 30px) / 2); }
	.catalog-pop .pop-body .ipbox > ul > li label { width:108px; font-size:18px; }
	.catalog-pop .pop-body .ipbox > ul > li .sbox { width:calc(100% - 108px); }
	.catalog-pop .pop-body .ipbox > ul > li input[type="text"],
	.catalog-pop .pop-body .ipbox > ul > li input[type="password"] { height:55px; padding:0 20px; font-size:17px; }
	.catalog-pop .pop-body .ipbox > ul > li select { height:55px; line-height:55px; padding:0 50px 0 20px; font-size:17px; }
	.catalog-pop .pop-body .ipbox > ul > li textarea { height:180px; padding:20px; font-size:17px; }
	.catalog-pop .pop-body .ipbox > ul > li .sb-1 { gap:0 10px;}
	.catalog-pop .pop-body .ipbox > ul > li .stxt { font-size:17px; }
	.catalog-pop .pop-body .ipbox > ul > li .ip-code img { height:55px; }
	.catalog-pop .pop-body .ipbox > ul > li .ip-code .btn_refresh { width:75px; height:55px; }
	.catalog-pop .pop-body .ch { margin-top:20px; }
	.catalog-pop .pop-body .ch label { padding:0 0 0 34px; }
	.catalog-pop .pop-body .ch input[type="checkbox"] + span { font-size:18px; }
	.catalog-pop .pop-body .ch input[type="checkbox"] + span:before { width:25px; height:25px; top:-4px; }
	.catalog-pop .pop-body .privacy-box .scroll-box { margin-top:10px; height:160px; padding:25px; }
	.catalog-pop .pop-body .btnCont { margin-top:20px; gap:10px; }
	.catalog-pop .pop-body .btnCont a { width:260px; height:65px; }
	.catalog-pop .pop-body .btnCont a span { font-size:18px; }
}
@media screen and (max-width:1024px){
	.catalog-pop .pop-body { padding:30px; }
	.catalog-pop .pop-body .ipbox > ul { gap:10px 20px; }
	.catalog-pop .pop-body .ipbox > ul > li { width:calc((100% - 20px) / 2); }
	.catalog-pop .pop-body .ipbox > ul > li label { width:104px; font-size:17px; }
	.catalog-pop .pop-body .ipbox > ul > li .sbox { width:calc(100% - 104px); }
	.catalog-pop .pop-body .ipbox > ul > li input[type="text"],
	.catalog-pop .pop-body .ipbox > ul > li input[type="password"] { height:50px; padding:0 10px; font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > li select { height:50px; line-height:50px; padding:0 50px 0 10px; font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > li textarea { height:130px; padding:10px; font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > li .sb-1 { gap:0 5px;}
	.catalog-pop .pop-body .ipbox > ul > li .stxt { font-size:16px; }
	.catalog-pop .pop-body .ipbox > ul > li .ip-code img { height:50px; }
	.catalog-pop .pop-body .ipbox > ul > li .ip-code .btn_refresh { width:85px; height:50px; }
	.catalog-pop .pop-body .ch { margin-top:20px; }
	.catalog-pop .pop-body .ch label { padding:0 0 0 34px; }
	.catalog-pop .pop-body .ch input[type="checkbox"] + span { font-size:18px; }
	.catalog-pop .pop-body .ch input[type="checkbox"] + span:before { width:25px; height:25px; top:-4px; }
	.catalog-pop .pop-body .privacy-box .scroll-box { margin-top:10px; height:130px; padding:15px; }
	.catalog-pop .pop-body .btnCont { margin-top:15px; gap:5px; }
	.catalog-pop .pop-body .btnCont a { width:220px; height:60px; }
	.catalog-pop .pop-body .btnCont a span { font-size:17px; }
}
@media screen and (max-width:640px){
	.catalog-pop .pop-body { left:10px; padding:20px 10px 20px 20px; width:calc(100% - 20px); }
	.catalog-pop .pop-body .box { overflow:auto; height:500px; padding-right:10px; }
	.catalog-pop .pop-body .ipbox > ul { gap:10px 20px; }
	.catalog-pop .pop-body .ipbox > ul > li,
	.catalog-pop .pop-body .ipbox > ul > li label,
	.catalog-pop .pop-body .ipbox > ul > li .sbox { width:100%; }
	.catalog-pop .pop-body .ipbox > ul > li .sbox { margin-top:5px; }
	.catalog-pop .pop-body .ch { margin-top:15px; }
	.catalog-pop .pop-body .privacy-box .scroll-box { margin-top:5px; height:100px; }
	.catalog-pop .pop-body .btnCont { margin-top:10px; }
}


.history-box .listbox > ul { display:flex; flex-wrap:wrap; border-top:1px solid #000; border-bottom:1px solid #e5e5e5; }
.history-box .listbox > ul > li { width:50%; padding:50px 40px 50px 80px; border-bottom:1px solid #e5e5e5; display:flex; align-items:center; margin-bottom:-1px; }
.history-box .listbox > ul > li:nth-child(2n) { padding:50px 80px 50px 40px; }
.history-box .listbox > ul > li .year { width:200px; font-family:var(--engFont1); color:#111; font-size:32px; font-weight:700; line-height:1.3; }
.history-box .listbox > ul > li .list { width:calc(100% - 200px); }
.history-box .listbox > ul > li .list dl { display:flex; align-items:center; }
.history-box .listbox > ul > li .list dl:not(:last-child) { margin-bottom:15px; }
.history-box .listbox > ul > li .list dl dt { font-family:var(--engFont1); width:80px; color:#ccc; font-size:19px; font-weight:700; line-height:1.5; }
.history-box .listbox > ul > li .list dl dd { width:calc(100% - 80px); color:#333; font-size:19px; font-weight:300; line-height:1.5; }
@media screen and (max-width:1440px){
	.history-box .listbox > ul > li { padding:40px 30px 40px 60px; }
	.history-box .listbox > ul > li:nth-child(2n) { padding:40px 60px 40px 30px; }
	.history-box .listbox > ul > li .year { width:130px; font-size:28px; }
	.history-box .listbox > ul > li .list { width:calc(100% - 130px); }
	.history-box .listbox > ul > li .list dl:not(:last-child) { margin-bottom:15px; }
	.history-box .listbox > ul > li .list dl dt { width:70px; font-size:18px; }
	.history-box .listbox > ul > li .list dl dd { width:calc(100% - 70px); font-size:18px; }
}
@media screen and (max-width:1280px){
	.history-box .listbox > ul > li { padding:30px 20px 30px 40px; }
	.history-box .listbox > ul > li:nth-child(2n) { padding:30px 40px 30px 20px; }
	.history-box .listbox > ul > li .year { width:110px; font-size:22px; }
	.history-box .listbox > ul > li .list { width:calc(100% - 110px); }
	.history-box .listbox > ul > li .list dl:not(:last-child) { margin-bottom:12px; }
	.history-box .listbox > ul > li .list dl dt { width:70px; font-size:17px; }
	.history-box .listbox > ul > li .list dl dd { width:calc(100% - 70px); font-size:17px; }
}
@media screen and (max-width:1024px){
	.history-box .listbox > ul > li .year { width:100px; font-size:20px; }
	.history-box .listbox > ul > li .list { width:calc(100% - 100px); }
	.history-box .listbox > ul > li .list dl:not(:last-child) { margin-bottom:10px; }
	.history-box .listbox > ul > li .list dl dt { width:60px; font-size:16px; }
	.history-box .listbox > ul > li .list dl dd { width:calc(100% - 60px); font-size:16px; }
}
@media screen and (max-width:960px){
	.history-box .listbox > ul > li { width:100%; }
	.history-box .listbox > ul > li,
	.history-box .listbox > ul > li:nth-child(2n) { padding:25px 30px; }
}
@media screen and (max-width:640px){
	.history-box .listbox > ul > li,
	.history-box .listbox > ul > li:nth-child(2n) { padding:20px 20px; }
	.history-box .listbox > ul > li .year { width:70px; font-size:20px; }
	.history-box .listbox > ul > li .list { width:calc(100% - 70px); }
	.history-box .listbox > ul > li .list dl:not(:last-child) { margin-bottom:8px; }
	.history-box .listbox > ul > li .list dl dt { width:50px; font-size:15px; }
	.history-box .listbox > ul > li .list dl dd { width:calc(100% - 50px); font-size:15px; }
}


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


.location-box .listbox > ul > li:not(:last-child) { margin-bottom:150px; }
.location-box .listbox > ul > li dl { display:flex; justify-content:space-between; border-bottom:1px solid #000; align-items:flex-end; padding-bottom:30px; }
.location-box .listbox > ul > li dt { color:#111; font-size:48px; font-weight:600; line-height:1.3; }
.location-box .listbox > ul > li dt sup { font-size:70%; margin:-4% 5px 0 0; }
.location-box .listbox > ul > li dd { color:#222; font-size:25px; font-weight:500; line-height:1.3; }
.location-box .listbox > ul > li .box { display:flex; flex-wrap:wrap; margin-top:60px; gap:20px; }
.location-box .listbox > ul > li .box > div { width:calc((100% - 20px) / 2); }
.location-box .listbox > ul > li .box .imgbox img { border-radius:20px; max-width:100%; }
.location-box .listbox > ul > li .box .map-box { position:relative; overflow:hidden; }
.location-box .listbox > ul > li .box .map-box > div { position:absolute; left:-1px; top:-1px; width:calc(100% + 2px) !important; height:calc(100% + 2px) !important; border:none !important; border-radius:20px;}
.location-box .listbox > ul > li .box .map-box > div > div { height:100% !important; border:none !important; }
.location-box .listbox > ul > li .box .map-box iframe { position:absolute; left:-1px; top:-1px; width:calc(100% + 2px) !important; height:calc(100% + 2px) !important; border:none !important; border-radius:20px;}
@media screen and (max-width:1440px){
	.location-box .listbox > ul > li:not(:last-child) { margin-bottom:120px; }
	.location-box .listbox > ul > li dl { padding-bottom:25px; }
	.location-box .listbox > ul > li dt { font-size:40px; }
	.location-box .listbox > ul > li dd { font-size:22px; }
	.location-box .listbox > ul > li .box { margin-top:50px; }
}
@media screen and (max-width:1024px){
	.location-box .listbox > ul > li:not(:last-child) { margin-bottom:90px; }
	.location-box .listbox > ul > li dl { padding-bottom:20px; }
	.location-box .listbox > ul > li dt { font-size:34px; }
	.location-box .listbox > ul > li dd { font-size:19px; }
	.location-box .listbox > ul > li .box { margin-top:30px; gap:10px; }
	.location-box .listbox > ul > li .box > div { width:calc((100% - 10px) / 2); }
	.location-box .listbox > ul > li .box .imgbox img { border-radius:10px; }
	.location-box .listbox > ul > li .box .map-box > div { border-radius:10px;}
}
@media screen and (max-width:960px){
	.location-box .listbox > ul > li .box > div { width:100%; }
	.location-box .listbox > ul > li .box .imgbox { position:relative; overflow:hidden; }
	.location-box .listbox > ul > li .box .imgbox:before {content:""; display:block; padding-bottom:50%; }
	.location-box .listbox > ul > li .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; max-width:auto; }
	.location-box .listbox > ul > li .box .map-box:before {content:""; display:block; padding-bottom:50%; }
}
@media screen and (max-width:640px){
	.location-box .listbox > ul > li:not(:last-child) { margin-bottom:60px; }
	.location-box .listbox > ul > li dl { padding-bottom:15px; }
	.location-box .listbox > ul > li dt { font-size:24px; }
	.location-box .listbox > ul > li dd { font-size:17px; }
	.location-box .listbox > ul > li .box { margin-top:20px; }
}


/* animation */
.location-box .listbox > ul > li{ opacity:0; }
.location-box .listbox > ul > li.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* products */
.products-box h4.tit span { font-family:var(--engFont1); color:var(--mainColor); font-size:38px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.products-box h4.tit-1 { margin-bottom:20px; }
.products-box h4.tit-1 span { font-family:var(--engFont1); color:#111; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.products-box .top-box .imgbox { margin-top:20px; min-height:480px; padding:40px 20px; display:flex; justify-content:center; align-items:center; border-radius:20px; background:#f8f8f8; }
.products-box .top-box .imgbox img { mix-blend-mode:darken; }
.products-box .top-box .imgbox.img-2 { gap:30px; }
.products-box .top-box .imgbox.img-3 { gap:80px; }
.products-box .top-box .imgbox.img-4 { gap:80px; }
.products-box .top-box .imgbox.img-5 { gap:70px; }
.products-box .top-box .imgbox.img-6 { gap:100px; }
.products-box .top-box .imgbox.img-7 { gap:40px; }
.products-box .top-box .imgbox.img-8 { gap:60px; }
.products-box .top-box .imgbox.img-8 img:nth-child(1) { margin-right:-30px; }
.products-box .top-box .imgbox.img-8 img:nth-child(2) { margin-left:-28px; mix-blend-mode:inherit; }
.products-box .top-box .imgbox.img-9 img { margin:0 -10px; }
.products-box .top-box .imgbox.img-10 { gap:60px; align-items:flex-start; }
.products-box .top-box .imgbox.img-11 { gap:135px; }
.products-box .top-box .imgbox.img-12 { gap:200px; }
.products-box .top-box .imgbox.img-13 { gap:180px; }
.products-box .top-box .txtbox { margin-top:30px; }
.products-box .top-box .txtbox li:not(:last-child) { margin-bottom:10px; }
.products-box .top-box .txtbox li { color:#555; font-size:19px; font-weight:300; line-height:1.3; }
.products-box .top-box .txtbox li strong { color:#111; font-weight:500; }
.products-box .top-box .list { margin-top:30px; display:flex; flex-wrap:wrap; }
.products-box .top-box .list > ul { width:50%; }
.products-box .top-box .list > ul.full { width:100%; }
.products-box .top-box .list > ul > li:not(:last-child) { margin-bottom:15px; }
.products-box .top-box .list > ul > li { position:relative; padding-left:14px; color:#333; font-size:17px; font-weight:500; line-height:1.3; }
.products-box .top-box .list > ul > li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; background:var(--mainColor); border-radius:5px; }
.products-box .top-box .list-1 > ul > li:not(:last-child) { margin-bottom:10px; }
.products-box .top-box .list-1 > ul > li { color:#555; }
.products-box .top-box .list-1 > ul > li:before { top:10px; width:6px; height:1px; background:#555; border-radius:0; }
.products-box .top-box.top-1 { margin-top:150px; }
.products-box .dataTable { margin-top:80px; }
.products-box .dataTable table { border-top:1px solid #000; }
.products-box .dataTable thead th { height:50px; color:#111; font-size:17px; font-weight:500; line-height:1.3; text-align:center; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f2f8ff; }
.products-box .dataTable thead th.noL { border-left:none; }
.products-box .dataTable tbody td { height:50px; color:#555; font-size:17px; font-weight:300; line-height:1.3; text-align:center; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff; }
.products-box .dataTable tbody td.noL { border-left:none; }
.products-box .dataTable tbody td.line { border-width:1px; }
.products-box .dataTable .txt_b { margin-top:20px; color:#999; font-size:16px; font-weight:400; line-height:1.3; }
.products-box .features-box { margin-top:150px; }
.products-box .features-box .listbox { margin-top:20px; display:flex; flex-wrap:wrap; gap:20px 40px; }
.products-box .features-box .listbox > .box { width:calc((100% - 40px) / 2); padding:40px; border-radius:20px; border:1px solid rgba(11, 49, 143, 0.10); background:#f2f8ff; }
.products-box .features-box .listbox h5 { color:#111; font-size:21px; font-weight:600; line-height:1.3; }
.products-box .features-box .listbox h5 strong { font-weight:600; }
.products-box .features-box .listbox h5 span { color:#555; font-size:19px; font-weight:300; line-height:1.3; display:block }
.products-box .features-box .listbox .list li:not(:last-child) { margin-bottom:18px; }
.products-box .features-box .listbox .list li { padding:2px 0 2px 40px; color:#333; font-size:19px; font-weight:300; line-height:1.3; background:url(/img/sub/icon_ch_p.svg) left 0 no-repeat; }
.products-box .features-box .listbox .imgbox { display:flex; justify-content:center; align-items:center; margin-top:30px; }
.products-box .features-box .listbox .imgbox.img-2 { margin-top:55px; }
.products-box .features-box .listbox .imgbox > img { max-width:100%; } 
.products-box .features-box .listbox .imgbox ul { padding-left:40px; }
.products-box .features-box .listbox .imgbox li:not(:last-child) { margin-bottom:10px; }
.products-box .features-box .listbox .imgbox li { padding:0 0 0 22px; color:#333; font-size:17px; font-weight:300; line-height:1.3; background:url(/img/sub/HHDM_arr.png) left center no-repeat;}
.products-box .applications-box { margin-top:150px; }
.products-box .applications-box .imgbox { margin-top:20px; height:480px; display:flex; justify-content:center; align-items:center; border-radius:20px; background:#f8f8f8; }
.products-box .applications-box .imgbox.img-2 { width:50%; }
.products-box .applications-box .imgbox img { mix-blend-mode:darken; }
.products-box .applications-box .imgbox.img-1 { gap:80px; }
.products-box .applications-box .list { margin-top:20px; display:flex; flex-wrap:wrap; }
.products-box .applications-box .list ul { width:50%; }
.products-box .applications-box .list li:not(:last-child) { margin-bottom:15px; }
.products-box .applications-box .list li { position:relative; padding-left:14px; color:#333; font-size:17px; font-weight:500; line-height:1.3; }
.products-box .applications-box .list li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; background:var(--mainColor); border-radius:5px;  }
.products-box .graph-box { margin-top:150px; }
.products-box .graph-box .box { border-radius:20px; padding:40px 10px; background:#fff; border:1px solid #e5e5e5; }
.products-box .graph-box .box .txt ul { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 30px; }
.products-box .graph-box .box .txt li { position:relative; padding-left:27px; color:#0c3388; font-size:16px; font-weight:400; line-height:1.3; }
.products-box .graph-box .box .txt li:before { content:""; display:block; position:absolute; left:0; top:48%; width:19px; height:1px; background:#0c3388; }
.products-box .graph-box .box .txt li:nth-child(2) { color:#007fab; }
.products-box .graph-box .box .txt li:nth-child(2):before { background:#007fab; }
.products-box .graph-box .box .txt li:nth-child(3) { color:#d0121b; }
.products-box .graph-box .box .txt li:nth-child(3 ):before { background:#d0121b; }
.products-box .graph-box .box .imgbox { margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:20px 108px; }
.products-box .graph-box .box .imgbox img { max-width:100%; }
.products-box .graph-box .txt_b { margin-top:30px; }
.products-box .graph-box .txt_b li:not(:last-child) { margin-bottom:10px; }
.products-box .graph-box .txt_b li { color:#555; font-size:19px; font-weight:300; line-height:1.3; }
.products-box .graph-box .txt_b li strong { font-weight:600; }
.products-box .ceramic-box { display:flex; flex-wrap:wrap; gap:20px 40px; }
.products-box .ceramic-box .box { position:relative; width:calc((100% - 40px) / 2); padding:97px 10px 40px; border-radius:20px; border:1px solid rgba(11, 49, 143, 0.10); background:#f2f8ff; display:flex; gap:20px 120px; flex-wrap:wrap; justify-content:center; align-items:center; }
.products-box .ceramic-box .box img { max-width:100%; }
.products-box .ceramic-box .box.full { width:100%; }
.products-box .ceramic-box .box:nth-child(2),
.products-box .ceramic-box .box:nth-child(3) { background:#f8f8f8; border:1px solid #e5e5e5; }
.products-box .ceramic-box .box h5 { position:absolute; left:40px; top:40px; font-family:var(--engFont1); color:#111; font-size:21px; font-weight:700; line-height:1.3; }
@media screen and (max-width:1600px){
	.products-box .top-box .imgbox.img-2 { gap:20px; }
	.products-box .top-box .imgbox.img-2 img { height:150px; }
	.products-box .top-box .imgbox.img-3 { gap:50px; }
	.products-box .top-box .imgbox.img-3 img { height:170px; }
	.products-box .top-box .imgbox.img-4 { gap:60px; }
	.products-box .top-box .imgbox.img-4 img { height:170px; }
	.products-box .top-box .imgbox.img-5 { gap:50px; }
	.products-box .top-box .imgbox.img-5 img { height:250px; }
	.products-box .top-box .imgbox.img-6 { gap:70px; }
	.products-box .top-box .imgbox.img-6 img { height:120px; }
	.products-box .top-box .imgbox.img-7 { gap:20px; }
	.products-box .top-box .imgbox.img-7 img { height:250px; }
	.products-box .top-box .imgbox.img-8 { gap:30px; }
	.products-box .top-box .imgbox.img-8 img { height:300px; }
	.products-box .top-box .imgbox.img-8 img:nth-child(1) { margin-right:-15px; }
	.products-box .top-box .imgbox.img-8 img:nth-child(2) { margin-left:-15px; }
	.products-box .top-box .imgbox.img-10 { gap:10px; }
	.products-box .top-box .imgbox.img-11 { gap:40px; }
	.products-box .top-box .imgbox.img-12 { gap:100px; }
	.products-box .top-box .imgbox.img-13 { gap:120px; }
	.products-box .applications-box .imgbox.img-1 { gap:50px; }
	.products-box .applications-box .imgbox.img-1 img { height:170px; }
}
@media screen and (max-width:1440px){
	.products-box h4.tit span { font-size:30px; }
	.products-box h4.tit-1 { margin-bottom:15px; }
	.products-box h4.tit-1 span { font-size:22px; }
	.products-box .top-box.top-1 { margin-top:120px; }
	.products-box .top-box .imgbox { margin-top:15px; }
	.products-box .top-box .txtbox { margin-top:25px; }
	.products-box .top-box .txtbox li { font-size:18px; }
	.products-box .top-box .list { margin-top:25px; }
	.products-box .dataTable { margin-top:60px; }
	.products-box .dataTable thead th,
	.products-box .dataTable tbody td { height:45px; font-size:16px; }
	.products-box .dataTable .txt_b { margin-top:15px; font-size:15px; }
	.products-box .features-box { margin-top:120px; }
	.products-box .features-box .listbox { margin-top:15px; gap:15px 30px; }
	.products-box .features-box .listbox > .box { width:calc((100% - 30px) / 2); padding:30px; }
	.products-box .features-box .listbox h5 { font-size:20px; }
	.products-box .features-box .listbox h5 span { font-size:18px; }
	.products-box .features-box .listbox .list li:not(:last-child) { margin-bottom:14px; }
	.products-box .features-box .listbox .list li { padding:2px 0 2px 35px; font-size:18px; }
	.products-box .features-box .listbox .imgbox { margin-top:25px; }
	.products-box .features-box .listbox .imgbox.img-1 img { max-width:40%  }
	.products-box .features-box .listbox .imgbox.img-2 { margin-top:50px; }
	.products-box .features-box .listbox .imgbox ul { padding-left:30px; }
	.products-box .features-box .listbox .imgbox li:not(:last-child) { margin-bottom:8px; }
	.products-box .features-box .listbox .imgbox li { padding:0 0 0 20px; font-size:16px; }
	.products-box .applications-box .imgbox { margin-top:15px; }
	.products-box .applications-box { margin-top:120px; }
	.products-box .applications-box .list { margin-top:15px; }
	.products-box .graph-box { margin-top:120px; }
	.products-box .graph-box .box .txt ul { gap:10px 25px; }
	.products-box .graph-box .box .txt li { padding-left:25px; font-size:16px; }
	.products-box .graph-box .box .txt li:before { width:17px; }
	.products-box .graph-box .box .imgbox { margin-top:30px; }
	.products-box .graph-box .txt_b { margin-top:25px; }
	.products-box .graph-box .txt_b li { font-size:18px; }
	.products-box .ceramic-box { gap:20px 30px; }
	.products-box .ceramic-box .box { width:calc((100% - 30px) / 2); padding:85px 10px 35px; gap:20px 100px; }
	.products-box .ceramic-box .box h5 { left:30px; top:30px; font-size:20px; }
}
@media screen and (max-width:1280px){
	.products-box .top-box .imgbox { min-height:auto; }
	.products-box .top-box .imgbox.img-2,
	.products-box .top-box .imgbox.img-3,
	.products-box .top-box .imgbox.img-4,
	.products-box .top-box .imgbox.img-5,
	.products-box .top-box .imgbox.img-6,
	.products-box .top-box .imgbox.img-7,
	.products-box .top-box .imgbox.img-8,
	.products-box .top-box .imgbox.img-9,
	.products-box .top-box .imgbox.img-10,
	.products-box .top-box .imgbox.img-11,
	.products-box .top-box .imgbox.img-12,
	.products-box .top-box .imgbox.img-13 { flex-wrap:wrap; }
	.products-box .top-box .imgbox.img-2 img { height:120px; }
	.products-box .top-box .imgbox.img-4 img { height:140px; }
	.products-box .top-box .imgbox.img-5 img { height:200px; }
	.products-box .top-box .imgbox.img-7 img { height:200px; }
	.products-box .top-box .imgbox.img-8 img { height:240px; }
	.products-box .top-box .imgbox.img-8 img:nth-child(1),
	.products-box .top-box .imgbox.img-8 img:nth-child(2) { margin:0; }
	.products-box .top-box .imgbox.img-9 img { margin:0; }
	.products-box .applications-box .imgbox.img-1 { flex-wrap:wrap; }
	.products-box .applications-box .imgbox.img-1 img { height:140px; }
	.products-box .applications-box .imgbox.img-2 { width:100%; }
}
@media screen and (max-width:1024px){
	.products-box h4.tit span { font-size:24px; }
	.products-box h4.tit-1 { margin-bottom:10px; }
	.products-box h4.tit-1 span { font-size:19px; }
	.products-box .top-box.top-1 { margin-top:90px; }
	.products-box .top-box .imgbox { margin-top:10px; height:auto; padding:50px 20px; border-radius:10px; }
	.products-box .top-box .imgbox img { max-width:100%; }
	.products-box .top-box .txtbox { margin-top:20px; }
	.products-box .top-box .txtbox li:not(:last-child) { margin-bottom:8px; }
	.products-box .top-box .txtbox li { font-size:17px; }
	.products-box .top-box .list { margin-top:0; }
	.products-box .top-box .list > ul { width:100%; margin-top:12px; }
	.products-box .top-box .list > ul > li:not(:last-child) { margin-bottom:12px; }
	.products-box .top-box .list > ul > li { padding-left:10px; font-size:16px; }
	.products-box .top-box .list > ul > li br { display:none }
	.products-box .top-box .list > ul > li:before { top:10px; width:3px; height:3px; }
	.products-box .top-box .list-1 > ul > li:not(:last-child) { margin-bottom:8px; }
	.products-box .top-box .list-1 > ul > li:before { top:8px; width:4px; height:1px; }
	.products-box .dataTable { margin-top:40px; }
	.products-box .dataTable .scroll-box { overflow:auto; }
	.products-box .dataTable table { width:1000px; }
	.products-box .dataTable thead th,
	.products-box .dataTable tbody td { height:40px; font-size:15px; }
	.products-box .dataTable .txt_b { margin-top:10px; font-size:14px; }
	.products-box .features-box { margin-top:90px; }
	.products-box .features-box .listbox { margin-top:10px; gap:10px 20px; }
	.products-box .features-box .listbox > .box { width:100%; padding:20px; border-radius:10px; }
	.products-box .features-box .listbox h5 { font-size:19px; }
	.products-box .features-box .listbox h5 span { font-size:17px; }
	.products-box .features-box .listbox .list li:not(:last-child) { margin-bottom:10px; }
	.products-box .features-box .listbox .list li { padding:2px 0 2px 35px; font-size:17px; }
	.products-box .features-box .listbox .imgbox { margin-top:20px; }
	.products-box .features-box .listbox .imgbox.img-2 { margin-top:40px; }
	.products-box .features-box .listbox .imgbox ul { padding-left:30px; }
	.products-box .features-box .listbox .imgbox li { padding:0 0 0 20px; font-size:15px; }
	.products-box .applications-box { margin-top:90px; }
	.products-box .applications-box .imgbox { margin-top:10px; height:auto; padding:50px 20px; border-radius:10px; }
	.products-box .applications-box .imgbox img { max-width:100%; }
	.products-box .applications-box .list { margin-top:0; }
	.products-box .applications-box .list ul { width:100%; margin-top:12px; }
	.products-box .applications-box .list li:not(:last-child) { margin-bottom:12px; }
	.products-box .applications-box .list li { padding-left:10px; font-size:16px; }
	.products-box .applications-box .list li:before { top:10px; width:3px; height:3px; }
	.products-box .graph-box { margin-top:90px; }
	.products-box .graph-box .box { padding:20px 10px; border-radius:10px; }
	.products-box .graph-box .box .txt ul { gap:5px 20px; }
	.products-box .graph-box .box .imgbox { margin-top:25px; }
	.products-box .graph-box .txt_b { margin-top:20px; }
	.products-box .graph-box .txt_b li:not(:last-child) { margin-bottom:8px; }
	.products-box .graph-box .txt_b li { font-size:17px; }
	.products-box .ceramic-box { gap:15px 20px; }
	.products-box .ceramic-box .box { width:calc((100% - 20px) / 2); padding:75px 10px 30px; gap:20px 70px; border-radius:10px; }
	.products-box .ceramic-box .box h5 { left:20px; top:20px; font-size:19px; }
}
@media screen and (max-width:640px){
	.products-box h4.tit span { font-size:23px; }
	.products-box h4.tit-1 span { font-size:18px; }
	.products-box .top-box.top-1 { margin-top:60px; }
	.products-box .top-box .list > ul { margin-top:10px; }
	.products-box .top-box .list > ul > li:not(:last-child) { margin-bottom:10px; }
	.products-box .top-box .list > ul > li { padding-left:7px; font-size:15px; }
	.products-box .top-box .list > ul > li:before { top:8px; }
	.products-box .top-box .list-1 > ul > li:not(:last-child) { margin-bottom:6px; }
	.products-box .top-box .imgbox.img-5 img:nth-child(2) { height:auto }
	.products-box .top-box .imgbox.img-2,
	.products-box .top-box .imgbox.img-3,
	.products-box .top-box .imgbox.img-4,
	.products-box .top-box .imgbox.img-5,
	.products-box .top-box .imgbox.img-6,
	.products-box .top-box .imgbox.img-7,
	.products-box .top-box .imgbox.img-8,
	.products-box .top-box .imgbox.img-9,
	.products-box .top-box .imgbox.img-10,
	.products-box .top-box .imgbox.img-11,
	.products-box .top-box .imgbox.img-12,
	.products-box .top-box .imgbox.img-13,
	.products-box .applications-box .imgbox.img-1 { gap:20px;}
	.products-box .dataTable { margin-top:30px; }
	.products-box .features-box { margin-top:60px; }
	.products-box .features-box .listbox .imgbox.img-1 { flex-wrap:wrap; gap:15px; }
	.products-box .features-box .listbox .imgbox.img-1 img { max-width:100%; }
	.products-box .features-box .listbox .imgbox.img-2 { margin-top:30px; }
	.products-box .features-box .listbox .imgbox ul { width:100%; padding:0; display:flex; flex-wrap:wrap; justify-content:center; }
	.products-box .features-box .listbox .imgbox li { padding:0 0 0 20px; font-size:15px; }
	.products-box .applications-box { margin-top:60px; }
	.products-box .applications-box .list ul { margin-top:10px; }
	.products-box .applications-box .list li:not(:last-child) { margin-bottom:10px; }
	.products-box .applications-box .list li { padding-left:7px; font-size:15px; }
	.products-box .applications-box .list li:before { top:8px; }
	.products-box .graph-box { margin-top:60px; }
	.products-box .ceramic-box { gap:15px; }
	.products-box .ceramic-box .box { width:100%; padding:75px 10px 30px; gap:20px 50px; }
	.products-box .ceramic-box .box h5 { left:20px; top:20px; font-size:19px; }
	.products-box .ceramic-box .box:nth-child(3) { border:1px solid rgba(11, 49, 143, 0.10); background:#f2f8ff; }
	.products-box .ceramic-box .box:nth-child(4) { background:#f8f8f8; border:1px solid #e5e5e5; }
}

/* animation */
.products-box .top-box { opacity:0; }
.products-box .top-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.products-box .dataTable { opacity:0; }
.products-box .dataTable.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.products-box .features-box { opacity:0; }
.products-box .features-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.products-box .applications-box { opacity:0; }
.products-box .applications-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.products-box .graph-box { opacity:0; }
.products-box .graph-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.products-box .ceramic-box { opacity:0; }
.products-box .ceramic-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }



/* technologies */
.technologies-box .overview-box h4.boxTit { display:inline-block }
.technologies-box .overview-box h4.boxTit span { padding:0 40px; height:47px; font-family:var(--engFont1); color:#fff; font-size:21px; font-weight:700; line-height:1.3; display:flex; justify-content:center; align-items:center; background:var(--mainColor); border-radius:50px; }
.technologies-box h4.Tit span { font-family:var(--engFont1); color:#111; font-size:38px; font-weight:700; line-height:1.3; }
.technologies-box .imgCont { display:flex; flex-wrap:wrap; }
.technologies-box .imgCont .imgbox { width:600px; }
.technologies-box .imgCont .imgbox img { max-width:100%; border-radius:40px; background:#fff; box-shadow:20px 20px 40px 0px rgba(11, 49, 143, 0.07); }
.technologies-box .imgCont .txtbox { padding:110px 0 0 120px; width:calc(100% - 600px); }
.technologies-box .imgCont .txtbox .txtlist p { margin-top:20px; color:#555; font-size:19px; font-weight:300; line-height:1.7; }
.technologies-box .imgCont .txtbox .txtlist p:first-child { margin-top:50px; }
.technologies-box .contBg { margin-top:150px; padding:150px 0; background:#f8f8f8; }
.technologies-box .listbox { margin-top:60px; }
.technologies-box .list li:not(:last-child) { margin-bottom:15px; }
.technologies-box .list li { position:relative; padding-left:10px; color:#333; font-size:17px; font-weight:500; line-height:1.3; letter-spacing:-0.03em;}
.technologies-box .list li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; background:var(--mainColor); border-radius:5px;  }
.technologies-box .list.list-1 { margin-top:50px;  }
.technologies-box .list.list-1 > ul { display:flex; flex-wrap:wrap; }
.technologies-box .list.list-1 > ul > li { width:50%; }
.technologies-box .features-box .imgbox { margin-top:40px; }
.technologies-box .features-box .imgbox.bg { background:#fff; padding:40px; }
.technologies-box .features-box .imgbox > ul { display:flex; align-items:center; gap:40px; }
.technologies-box .features-box .imgbox.img-c > ul { justify-content:center; }
.technologies-box .features-box .imgbox img { max-width:100%; border-radius:20px; }
.technologies-box .features-box .imgbox.bg > ul { gap:100px; }
.technologies-box .features-box .imgbox .sbox { display:flex; justify-content:center; align-items:center; text-align:center; gap:40px; padding:40px 80px; border-radius:20px; border:1px solid rgba(11, 49, 143, 0.10); background:#f2f8ff; }
.technologies-box .features-box .imgbox .sbox .txt { font-family:var(--engFont1); color:#f50c0c; font-size:17px; font-weight:700; line-height:1.3; letter-spacing:-0.04em }
.technologies-box .features-box .imgbox .sbox p { font-family:var(--engFont1); color:#111; font-size:17px; font-weight:600; line-height:1.4; }
.technologies-box .features-box .imgbox .sbox .stxt { margin:20px auto 0; width:180px; height:45px; color:#999; font-size:17px; font-weight:600; line-height:1.1; background:#ddd; border-radius:20px; display:flex; justify-content:center; align-items:center; }
.technologies-box .features-box .imgbox .sbox .stxt.bg { color:#fff; background:var(--mainColor); }
.technologies-box .features-box .imgbox .sbox img { margin-top:20px; border-radius:10px; }
.technologies-box .features-box .imgbox.img-1 > ul > li { position:relative; width:calc((100% - 10px) / 2); display:flex; justify-content:center; align-items:center; background:#fff; border-radius:20px; }
.technologies-box .features-box .imgbox.img-1 > ul > li:before { content:''; display:block; padding-bottom:56.5%; }
.technologies-box .features-box .imgbox.img-1 > ul > li img { border-radius:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; }
.technologies-box .features-box .imgbox.img-2 > ul { gap:166px; justify-content:center; text-align:center; background:#fff; padding:40px; border-radius:20px; }
.technologies-box .features-box .imgbox.img-2 > ul > li strong { color:var(--mainColor); font-size:20px; font-weight:700; line-height:1.3; margin-bottom:30px; display:block; }
.technologies-box .features-box .imgbox.img-2 > ul > li img { border-radius:0; }
.technologies-box .video-box { margin-top:150px; }
.technologies-box .video-box .video { margin-top:40px; position:relative; }
.technologies-box .video-box .video:before { content:''; display:block; padding-bottom:45%; }
.technologies-box .video-box .video video,
.technologies-box .video-box .video iframe,
.technologies-box .video-box .video img { position:absolute; top:0; left:0; width:100%; height:100%; border:0; border-radius:20px;}
@media screen and (max-width:1640px){
	.technologies-box .imgCont .txtbox { padding:80px 0 0 100px; }
	.technologies-box .imgCont .txtbox .txtlist p br { display:none }
	.technologies-box .contBg { margin-top:130px; padding:130px 0; }
	.technologies-box .features-box .imgbox.bg > ul { gap:80px; }
	.technologies-box .video-box { margin-top:120px; }
}
@media screen and (max-width:1280px){
	.technologies-box .overview-box h4.boxTit span { padding:0 30px; height:42px; font-size:18px; }
	.technologies-box h4.Tit span { font-size:34px; }
	.technologies-box .imgCont .imgbox { width:500px; }
	.technologies-box .imgCont .txtbox { padding:40px 0 0 60px; width:calc(100% - 500px); }
	.technologies-box .imgCont .txtbox .txtlist p { margin-top:15px; font-size:18px; }
	.technologies-box .imgCont .txtbox .txtlist p:first-child { margin-top:35px; }
	.technologies-box .contBg { margin-top:120px; padding:120px 0; }
	.technologies-box .listbox { margin-top:50px; }
	.technologies-box .list li:not(:last-child) { margin-bottom:15px; }
	.technologies-box .list li { font-size:17px; }
	.technologies-box .list li:before { top:10px; width:4px; height:4px; }
	.technologies-box .features-box .imgbox { margin-top:30px; }
	.technologies-box .features-box .imgbox.bg { padding:20px; }
	.technologies-box .features-box .imgbox > ul { gap:20px; }
	.technologies-box .features-box .imgbox.bg > ul { gap:20px; }
	.technologies-box .features-box .imgbox .sbox { gap:20px; padding:20px; }
	.technologies-box .features-box .imgbox .sbox .txt { font-size:16px; }
	.technologies-box .features-box .imgbox .sbox p { font-size:16px; }
	.technologies-box .features-box .imgbox .sbox .stxt { margin:15px auto 0; width:174px; height:42px; font-size:16px; }
	.technologies-box .features-box .imgbox .sbox img { margin-top:20px; }
	.technologies-box .features-box .imgbox.img-2 > ul { gap:80px; }
	.technologies-box .features-box .imgbox.img-2 > ul > li strong { font-size:19px; margin-bottom:25px; }
	.technologies-box .video-box .video { margin-top:30px; }
}
@media screen and (max-width:1024px){
	.technologies-box .overview-box h4.boxTit span { padding:0 30px; height:42px; font-size:18px; }
	.technologies-box h4.Tit span { font-size:34px; }
	.technologies-box .imgCont .imgbox { width:500px; margin:0 auto }
	.technologies-box .imgCont .imgbox img { border-radius:20px; }
	.technologies-box .imgCont .txtbox { padding:40px 0 0 0; width:100%; }
	.technologies-box .imgCont .txtbox .txtlist p { margin-top:15px; font-size:18px; }
	.technologies-box .imgCont .txtbox .txtlist p:first-child { margin-top:35px; }
	.technologies-box .contBg { margin-top:90px; padding:90px 0; }
	.technologies-box .listbox { margin-top:40px; }
	.technologies-box .list li:not(:last-child) { margin-bottom:12px; }
	.technologies-box .list li { padding-left:10px; font-size:16px; }
	.technologies-box .list li:before { top:10px; width:3px; height:3px; }
	.technologies-box .list.list-1 > ul > li { width:100%; }
	.technologies-box .features-box .imgbox { margin-top:20px; }
	.technologies-box .features-box .imgbox.bg { padding:20px; border-radius:10px; }
	.technologies-box .features-box .imgbox img { border-radius:10px; }
	.technologies-box .features-box .imgbox > ul { flex-wrap:wrap; }
	.technologies-box .features-box .imgbox > ul { gap:20px; }
	.technologies-box .features-box .imgbox.bg > ul { gap:20px; }
	.technologies-box .features-box .imgbox .sbox { gap:10px; padding:20px; border-radius:10px; }
	.technologies-box .features-box .imgbox .sbox .txt { font-size:15px; }
	.technologies-box .features-box .imgbox .sbox p { font-size:15px; }
	.technologies-box .features-box .imgbox .sbox .stxt { margin:12px auto 0; width:170px; height:40px; font-size:15px; }
	.technologies-box .features-box .imgbox .sbox img { margin-top:15px; border-radius:5px; }
	.technologies-box .features-box .imgbox.img-1 > ul > li { width:100%; height:auto; padding:20px; border-radius:10px; }
	.technologies-box .features-box .imgbox.img-1 > ul > li:before { display:none; }
	.technologies-box .features-box .imgbox.img-1 > ul > li img { position:relative; top:unset; left:unset; transform:translate(0, 0); max-height:auto; }
	.technologies-box .features-box .imgbox.img-2 > ul { gap:40px; padding:30px; border-radius:10px; }
	.technologies-box .features-box .imgbox.img-2 > ul > li strong { font-size:18px; margin-bottom:20px; }
	.technologies-box .video-box { margin-top:90px; }
	.technologies-box .video-box .video { margin-top:20px; }
	.technologies-box .video-box .video video,
	.technologies-box .video-box .video iframe,
	.technologies-box .video-box .video img { border-radius:10px;}
}
@media screen and (max-width:640px){
	.technologies-box .overview-box h4.boxTit span { padding:0 25px; height:40px; font-size:17px; }
	.technologies-box h4.Tit span { font-size:34px; }
	.technologies-box .imgCont .txtbox { padding:30px 0 0 0; }
	.technologies-box .imgCont .txtbox .txtlist p { margin-top:10px; font-size:16px; }
	.technologies-box .imgCont .txtbox .txtlist p:first-child { margin-top:25px; }
	.technologies-box .contBg { margin-top:60px; padding:60px 0; }
	.technologies-box .listbox { margin-top:25px; }
	.technologies-box .list li:not(:last-child) { margin-bottom:10px; }
	.technologies-box .list li { padding-left:7px; font-size:15px; }
	.technologies-box .list li:before { top:8px; }
	.technologies-box .features-box .imgbox > ul { gap:10px; }
	.technologies-box .features-box .imgbox.bg { padding:20px 10px; }
	.technologies-box .features-box .imgbox .sbox {padding:10px; }
	.technologies-box .features-box .imgbox .sbox .stxt { margin:10px auto 0; width:100%; height:36px; }
	.technologies-box .features-box .imgbox.img-2 > ul { gap:20px; padding:30px 20px; }
	.technologies-box .features-box .imgbox.img-2 > ul > li strong { font-size:17px; margin-bottom:10px; }
	.technologies-box .video-box { margin-top:60px; }
}
@media screen and (max-width:450px){    
	.technologies-box .features-box .imgbox .sbox { align-items:flex-end; }
	.technologies-box .features-box .imgbox .sbox .txt { padding-bottom:27% }
	.technologies-box .features-box .imgbox .sbox .txt,
	.technologies-box .features-box .imgbox .sbox p,
	.technologies-box .features-box .imgbox .sbox .stxt { font-size:14px; }
}

/* animation */
.technologies-box .imgCont .imgbox,
.technologies-box .imgCont .txtbox { opacity:0; }
.technologies-box .imgCont.subOn .imgbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.technologies-box .imgCont.subOn .txtbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.technologies-box .features-box .imgbox { opacity:0; }
.technologies-box .features-box .imgbox.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.technologies-box .video-box .video { opacity:0; }
.technologies-box .video-box .video.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.technologies-box .list { opacity:0; }
.technologies-box .subOn .list { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.technologies-box h4.Tit { overflow:hidden }
.technologies-box h4.Tit span { opacity:0; display:block; }
.technologies-box h4.Tit.subOn span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.technologies-box .imgCont.subOn .imgbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
	.technologies-box .imgCont.subOn .txtbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}

.esg-box h4.tit { color:#111; font-size:32px; font-weight:700; line-height:1.3; }
.esg-box h4.tit span { font-weight:700; }
dl.esg-list { display:flex; flex-wrap:wrap; }
dl.esg-list:not(:last-child) { margin-bottom:150px; }
dl.esg-list > dt { width:480px; }
dl.esg-list > dd { width:calc(100% - 480px); }
@media screen and (max-width:1440px){
	.esg-box h4.tit { font-size:28px; }
	dl.esg-list:not(:last-child) { margin-bottom:120px; }
	dl.esg-list > dt { width:380px; }
	dl.esg-list > dd { width:calc(100% - 380px); }
}
@media screen and (max-width:1280px){
	.esg-box h4.tit { font-size:24px; }
	dl.esg-list > dt { width:300px; }
	dl.esg-list > dd { width:calc(100% - 300px); }
}
@media screen and (max-width:1024px){
	.esg-box h4.tit { font-size:21px; }
	dl.esg-list:not(:last-child) { margin-bottom:90px; }
	dl.esg-list > dt { width:100%; }
	dl.esg-list > dd { width:100%; margin-top:20px; }
}
@media screen and (max-width:640px){
	.esg-box h4.tit { font-size:20px; }
	dl.esg-list:not(:last-child) { margin-bottom:60px; }
	dl.esg-list > dd { margin-top:10px; }
}


/* animation */
dl.esg-list > dt h4 { overflow:hidden }
dl.esg-list > dt span { opacity:0; display:block }
dl.esg-list.subOn > dt span { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
dl.esg-list > dd { opacity:0; }
dl.esg-list.subOn > dd { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	dl.esg-list.subOn > dt span { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
	dl.esg-list.subOn > dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
}

.sustainability-box { margin-top:150px; overflow:hidden }
.sustainability-box .box ul { display:flex; align-items:center; }
.sustainability-box .box li { margin:0 -10px; }
.sustainability-box .box li .circle-box { position:relative; width:300px; height:300px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.sustainability-box .box li .circle-box .txt { margin-top:30px; color:#111; font-size:21px; font-weight:600; line-height:1.3; }
.sustainability-box .box li .circle-box:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.sustainability-box .box li:nth-child(1) .circle-box:before { background-image:url(/img/sub/sustainability_line01.svg); }
.sustainability-box .box li:nth-child(2) .circle-box:before { background-image:url(/img/sub/sustainability_line02.svg); }
.sustainability-box .box li:nth-child(3) .circle-box:before { background-image:url(/img/sub/sustainability_line03.svg); }
.sustainability-box .list ul { display:flex; flex-wrap:wrap; gap:0 20px; }
.sustainability-box .list li:not(:last-child) { margin-bottom:15px; }
.sustainability-box .list li { position:relative; width:calc((100% - 40px) / 3); padding-left:10px; color:#333; font-size:17px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.sustainability-box .list li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; background:var(--mainColor); border-radius:5px; }
@media screen and (max-width:1440px){
	.sustainability-box > dl > dd .list li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:1280px){
	.sustainability-box { margin-top:120px; }
	.sustainability-box > dl > dd .box li { margin:0 -8px; }
	.sustainability-box > dl > dd .box li .circle-box { width:240px; height:240px; }
	.sustainability-box > dl > dd .box li .circle-box .icon img { height:55px; }
	.sustainability-box > dl > dd .box li .circle-box .txt { margin-top:25px; font-size:20px; }
}
@media screen and (max-width:1024px){
	.sustainability-box { margin-top:90px; }
	.sustainability-box > dl > dd .box ul { justify-content:center; }
	.sustainability-box > dl > dd .box li { margin:0 -5px; }
	.sustainability-box > dl > dd .box li .circle-box { width:200px; height:200px; }
	.sustainability-box > dl > dd .box li .circle-box .icon img { height:48px; }
	.sustainability-box > dl > dd .box li .circle-box .txt { margin-top:20px; font-size:19px; }
	.sustainability-box > dl > dd .list ul { gap:0 10px; }
	.sustainability-box > dl > dd .list li:not(:last-child) { margin-bottom:12px; }
	.sustainability-box > dl > dd .list li { padding-left:10px; font-size:16px; width:calc((100% - 10px) / 2); }
	.sustainability-box > dl > dd .list li:before { top:10px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.sustainability-box { margin-top:60px; }
	.sustainability-box > dl > dd .box li { margin:0 -4px; }
	.sustainability-box > dl > dd .box li .circle-box { width:150px; height:150px; }
	.sustainability-box > dl > dd .box li .circle-box .icon img { height:42px; }
	.sustainability-box > dl > dd .box li .circle-box .txt { margin-top:15px; font-size:18px; }
	.sustainability-box > dl > dd .list li:not(:last-child) { margin-bottom:10px; }
	.sustainability-box > dl > dd .list li { padding-left:7px; font-size:15px; }
	.sustainability-box > dl > dd .list li:before { top:8px; }
}
@media screen and (max-width:520px){
	.sustainability-box > dl > dd .list li { width:100%; }
}
@media screen and (max-width:480px){
	.sustainability-box > dl > dd .box ul { flex-direction:column; }
	.sustainability-box > dl > dd .box li { margin:-4px 0; }
	.sustainability-box > dl > dd .box li .circle-box:before { transform:rotate(90deg); }
}

.environmental-box .bg { margin-top:150px; padding:150px 0; background:#f8f8f8; }
.environmental-box .listbox dl:not(:last-child) { margin-bottom:40px; }
.environmental-box .listbox dl dt { position:relative; padding-left:17px; color:var(--mainColor); font-size:21px; font-weight:500; line-height:1.3; }
.environmental-box .listbox dl dt:before { content:""; display:block; position:absolute; left:0; top:4px; width:2px; height:20px; background:var(--mainColor); }
.environmental-box .listbox dl dd { margin-top:12px; color:#555; font-size:17px; font-weight:300; line-height:1.6; }
.environmental-box .listbox h5 { color:#111; font-size:23px; font-weight:700; line-height:1.3; margin-bottom:40px; }
@media screen and (max-width:1750px){
	.environmental-box .listbox dl dd br { display:none }
}
@media screen and (max-width:1280px){
	.environmental-box .bg { margin-top:120px; padding:120px 0; }
	.environmental-box .listbox dl:not(:last-child) { margin-bottom:30px; }
	.environmental-box .listbox dl dt { padding-left:15px; font-size:21px; }
	.environmental-box .listbox dl dt:before { top:4px; width:2px; height:20px; }
	.environmental-box .listbox dl dd { margin-top:10px; font-size:16px; }
	.environmental-box .listbox h5 { font-size:22px; margin-bottom:30px; }
}
@media screen and (max-width:1024px){
	.environmental-box .bg { margin-top:90px; padding:90px 0; }
	.environmental-box .listbox dl:not(:last-child) { margin-bottom:20px; }
	.environmental-box .listbox dl dt { padding-left:12px; font-size:20px; }
	.environmental-box .listbox dl dt:before { top:5px; width:1px; height:16px; }
	.environmental-box .listbox dl dd { margin-top:10px; font-size:15px; }
	.environmental-box .listbox h5 { font-size:21px; margin-bottom:20px; }
}
@media screen and (max-width:640px){
	.environmental-box .bg { margin-top:60px; padding:60px 0; }
	.environmental-box .listbox dl:not(:last-child) { margin-bottom:15px; }
	.environmental-box .listbox dl dt { font-size:19px; }
	.environmental-box .listbox dl dt:before { top:4px; height:14px; }
	.environmental-box .listbox dl dd { margin-top:6px; }
	.environmental-box .listbox h5 { font-size:20px; margin-bottom:15px; }
}

.governance-box h4.tit { margin-bottom:40px; }
.governance-box .top { margin-bottom:150px; }
.governance-box .top .box { padding:40px 60px; border-radius:10px; background:#f8f8f8; }
.governance-box .top .box li:not(:last-child) { margin-bottom:15px; }
.governance-box .top .box li { position:relative; padding-left:14px; color:#555; font-size:17px; font-weight:300; line-height:1.3; letter-spacing:-0.03em; }
.governance-box .top .box li:before { content:""; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background:var(--mainColor); border-radius:5px; }
@media screen and (max-width:1280px){
	.governance-box h4.tit { margin-bottom:30px; }
	.governance-box .top { margin-bottom:120px; }
	.governance-box .top .box { padding:30px 50px; }
}
@media screen and (max-width:1024px){
	.governance-box h4.tit { margin-bottom:20px; }
	.governance-box .top { margin-bottom:90px; }
	.governance-box .top .box { padding:20px 40px; border-radius:5px; }
	.governance-box .top .box li:not(:last-child) { margin-bottom:12px; }
	.governance-box .top .box li { padding-left:10px; font-size:16px; }
	.governance-box .top .box li:before { top:10px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.governance-box h4.tit { margin-bottom:15px; }
	.governance-box .top { margin-bottom:60px; }
	.governance-box .top .box { padding:20px; }
	.governance-box .top .box li:not(:last-child) { margin-bottom:10px; }
	.governance-box .top .box li { padding-left:7px; font-size:15px; }
	.governance-box .top .box li:before { top:8px; }
}

/* animation */
.governance-box .top{ opacity:0; }
.governance-box .top.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.quality-box .txt dl:not(:last-child) { margin-bottom:120px; }
.quality-box .txt dd { margin-top:40px; color:#555; font-size:19px; font-weight:300; line-height:1.7; } 
.quality-box .listbox { margin-top:120px; }
.quality-box .listbox li:not(:last-child) { margin-bottom:20px; }
.quality-box .listbox li { padding:40px 60px; border-radius:10px; background:#f8f8f8; display:flex; flex-wrap:wrap; gap:80px; align-items:center;}
.quality-box .listbox li .icon { width:100px; height:100px; background:#fff; display:flex; justify-content:center; align-items:center; border-radius:100px; }
.quality-box .listbox li .txtbox { position:relative; width:calc(100% - 100px - 80px); color:#222; font-size:19px; font-weight:300; line-height:1.3; }
.quality-box .listbox li .txtbox:before { content:""; display:block; position:absolute; left:-40px; top:50%; transform:translateY(-50%); width:1px; height:60px; background:#e5e5e5; }
@media screen and (max-width:1280px){
	.quality-box .txt dl:not(:last-child) { margin-bottom:100px; }
	.quality-box .txt dd { margin-top:30px; font-size:18px; } 
	.quality-box .listbox { margin-top:100px; }
	.quality-box .listbox li:not(:last-child) { margin-bottom:15px; }
	.quality-box .listbox li { padding:30px 40px; gap:60px; }
	.quality-box .listbox li .icon { width:80px; height:80px; }
	.quality-box .listbox li .txtbox { width:calc(100% - 80px - 60px); font-size:18px; }
	.quality-box .listbox li .txtbox:before { left:-30px; height:50px; }
}
@media screen and (max-width:1024px){
	.quality-box .txt dl:not(:last-child) { margin-bottom:70px; }
	.quality-box .txt dd { margin-top:20px; font-size:17px; } 
	.quality-box .listbox { margin-top:70px; }
	.quality-box .listbox li:not(:last-child) { margin-bottom:12px; }
	.quality-box .listbox li { padding:20px 30px; gap:40px; border-radius:5px; }
	.quality-box .listbox li .icon { width:60px; height:60px; }
	.quality-box .listbox li .icon img { max-width:30px; max-height:30px; }
	.quality-box .listbox li .txtbox { width:calc(100% - 80px - 40px); font-size:17px; }
	.quality-box .listbox li .txtbox:before { left:-20px; height:40px; }
}
@media screen and (max-width:640px){
	.quality-box .txt dl:not(:last-child) { margin-bottom:40px; }
	.quality-box .txt dd { margin-top:15px; font-size:16px; } 
	.quality-box .listbox { margin-top:40px; }
	.quality-box .listbox li:not(:last-child) { margin-bottom:12px; }
	.quality-box .listbox li { padding:20px; }
	.quality-box .listbox li .txtbox { font-size:16px; }
}


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



.search-box { position:relative; margin-bottom:40px; }
.search-box .s-ipbox { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.search-box select { position:relative; width:200px; height:65px; line-height:65px; padding:0 40px 0 20px; font-size:19px; color:#111; font-weight:600; border:none; border-bottom:2px solid #e5e5e5; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff url(/img/sub/icon_select.svg) calc(100% - 20px) center no-repeat;}
.search-box select::-ms-expand { display:none; }
.search-box input { width:400px; height:65px; padding:0 20px; font-size:19px; color:#111; font-weight:600; border:none; border-bottom:2px solid #e5e5e5; outline:none; background:#fff; border-radius:0; }
.search-box button { text-align:center; border:none; outline:none; background:none; padding:0; }
.search-box button span { text-indent:-9999em; overflow:hidden; display:flex; justify-content:center; align-items:center; text-align:center; background:var(--mainColor) url(/img/sub/icon_search.svg) center center no-repeat; width:65px; height:65px; border-radius:10px; }
@media screen and (max-width:1024px){	
    .search-box { margin-bottom:20px; }
    .search-box select { width:200px; height:60px; line-height:60px; padding:0 40px 0 15px; font-size:17px; }
    .search-box input { width:calc(100% - 200px - 60px - 20px); height:60px; padding:0 15px; font-size:17px; }
    .search-box button span { width:60px; height:60px; border-radius:5px; }
}
@media screen and (max-width:640px){	
	.search-box .s-ipbox { gap:5px; }
    .search-box select { width:120px; height:50px; line-height:50px; padding:0 40px 0 10px; font-size:16px; }
    .search-box input { width:calc(100% - 120px - 50px - 20px); height:50px; padding:0 10px; font-size:16px; }
    .search-box button span { width:50px; height:50px; }
}
/* animation */
.search-box { opacity:0; }
.search-box.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* °³¹ßºÎºÐ site.css --> register-box */
.registerBox .ipbox > ul { display:flex; flex-wrap:wrap; gap:40px 80px; }
.registerBox .ipbox > ul > li { width:calc((100% - 80px) / 2); display:flex; flex-wrap:wrap; align-items:center; }
.registerBox .ipbox > ul > li.full { width:100%; }
.registerBox .ipbox > ul > li label { width:100%; color:#111; font-size:21px; font-weight:600; line-height:1.3; }
.registerBox .ipbox > ul > li label span { color:#fd0000; font-weight:600; }
.registerBox .ipbox > ul > li .sbox { width:100%; margin-top:10px;}
.registerBox .ipbox > ul > li input[type="text"],
.registerBox .ipbox > ul > li input[type="password"] { height:60px; padding:0 20px; width:100%; font-size:17px; color:#111; font-weight:400; border:1px solid #e5e5e5; outline:none; background:#fff; border-radius:5px; }
.registerBox .ipbox > ul > li select { width:100%; height:60px; line-height:60px; padding:0 50px 0 20px; font-size:17px; color:#111; font-weight:400; border:1px solid #e5e5e5; 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; }
.registerBox .ipbox > ul > li select::-ms-expand { display:none; }
.registerBox .ipbox > ul > li textarea { width:100%; height:240px; line-height:1.6; padding:20px; font-size:17px; color:#111; font-weight:400; border:1px solid #e5e5e5; outline:none; background:#fff; border-radius:5px; }
.registerBox .ipbox > ul > li input::placeholder { color:#aaa; opacity:1; font-weight:300; }
.registerBox .ipbox > ul > li .sb-1 { display:flex; align-items:center; gap:0 10px;}
.registerBox .ipbox > ul > li .stxt { color:#333; font-size:17px; font-weight:300; line-height:1.3; }
.registerBox .ipbox > ul > li .ip-code img { height:60px; border-radius:5px; }
.registerBox .ipbox > ul > li .ip-code .btn_refresh { cursor:pointer; text-indent:-9999em; overflow:hidden; margin:0; padding:0; outline:none; width:90px; height:60px; border:none; border-radius:5px; background:#222 url(/img/sub/icon_refresh.svg) center center no-repeat;}
.registerBox .ipbox > ul > li .file-box { width:100%; }
.registerBox .ipbox > ul > li .ipcont { position:relative; display:flex; align-items:center; width:100%; gap:5px; }
.registerBox .ipbox > ul > li .ipcont .upload-name { width:calc(100% - 5px - 200px); border:1px solid #e5e5e5; background:#f8f8f8; }
.registerBox .ipbox > ul > li .ipcont .file { width:200px; height:60px; background:#222; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:5px; }
.registerBox .ipbox > ul > li .ipcont .file span{ text-align:center; font-size:17px; color:#fff; font-weight:500; }
.registerBox .ipbox > ul > li .ipcont .file input{display:none}
.registerBox .ch { margin-top:20px; }
.registerBox .ch label { position:relative; margin:0; padding:0 0 0 34px; }
.registerBox .ch input[type="checkbox"] { opacity:0; position:absolute; left:0; top:0; }
.registerBox .ch input[type="checkbox"] + span { font-weight:600; font-size:21px; line-height:1.4 !important; color:#111; }
.registerBox .ch input[type="checkbox"] + span:before { content:''; display:block; width:25px; height:25px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch.svg) no-repeat center/ cover; border-radius:25px; position:absolute; left:0; top:-4px; }
.registerBox .ch input[type="checkbox"]:checked + span:before { background:url(/img/sub/ch_on.svg) no-repeat center/ cover; }
.registerBox .privacy-box .scroll-box { margin-top:10px; height:240px; padding:30px; border:1px solid #e5e5e5; background:#fff; border-radius:5px; overflow:auto; }
@media screen and (max-width:1280px){
	.registerBox .ipbox > ul { gap:25px 50px; }
	.registerBox .ipbox > ul > li { width:calc((100% - 50px) / 2); }
	.registerBox .ipbox > ul > li label { font-size:20px; }
	.registerBox .ipbox > ul > li input[type="text"],
	.registerBox .ipbox > ul > li input[type="password"] { height:55px; padding:0 20px; font-size:17px; }
	.registerBox .ipbox > ul > li select { height:55px; line-height:55px; padding:0 50px 0 20px; font-size:17px; }
	.registerBox .ipbox > ul > li textarea { height:200px; padding:20px; font-size:17px; }
	.registerBox .ipbox > ul > li .sb-1 { gap:0 10px;}
	.registerBox .ipbox > ul > li .stxt { font-size:17px; }
	.registerBox .ipbox > ul > li .ip-code img { height:55px; }
	.registerBox .ipbox > ul > li .ip-code .btn_refresh { width:85px; height:55px; }
	.registerBox .ipbox > ul > li .ipcont .upload-name { width:calc(100% - 5px - 180px); }
	.registerBox .ipbox > ul > li .ipcont .file { width:180px; height:55px; }
	.registerBox .ch { margin-top:20px; }
	.registerBox .ch label { padding:0 0 0 34px; }
	.registerBox .ch input[type="checkbox"] + span { font-size:18px; }
	.registerBox .ch input[type="checkbox"] + span:before { width:25px; height:25px; top:-4px; }
	.registerBox .privacy-box .scroll-box { margin-top:10px; height:200px; padding:25px; }
}
@media screen and (max-width:1024px){
	.registerBox .ipbox > ul { gap:15px 20px; }
	.registerBox .ipbox > ul > li { width:calc((100% - 20px) / 2); }
	.registerBox .ipbox > ul > li label { font-size:19px; }
	.registerBox .ipbox > ul > li .sbox { margin-top:5px; }
	.registerBox .ipbox > ul > li input[type="text"],
	.registerBox .ipbox > ul > li input[type="password"] { height:50px; padding:0 10px; font-size:16px; }
	.registerBox .ipbox > ul > li select { height:50px; line-height:50px; padding:0 50px 0 10px; font-size:16px; }
	.registerBox .ipbox > ul > li textarea { height:160px; padding:10px; font-size:16px; }
	.registerBox .ipbox > ul > li .sb-1 { gap:0 5px;}
	.registerBox .ipbox > ul > li .stxt { font-size:16px; }
	.registerBox .ipbox > ul > li .ip-code img { height:50px; }
	.registerBox .ipbox > ul > li .ip-code .btn_refresh { width:95px; height:50px; }
	.registerBox .ipbox > ul > li .ipcont .upload-name { width:calc(100% - 5px - 140px); }
	.registerBox .ipbox > ul > li .ipcont .file { width:140px; height:50px; }
	.registerBox .ipbox > ul > li .ipcont .file span{ font-size:16px; }
	.registerBox .ch { margin-top:20px; }
	.registerBox .ch label { padding:0 0 0 34px; }
	.registerBox .ch input[type="checkbox"] + span { font-size:18px; }
	.registerBox .ch input[type="checkbox"] + span:before { width:25px; height:25px; top:-4px; }
	.registerBox .privacy-box .scroll-box { margin-top:10px; height:160px; padding:15px; }
}
@media screen and (max-width:760px){
	.registerBox .box { overflow:auto; height:500px; padding-right:10px; }
	.registerBox .ipbox > ul { gap:10px 20px; }
	.registerBox .ipbox > ul > li,
	.registerBox .ipbox > ul > li .sbox { width:100%; }
	.registerBox .ipbox > ul > li label { font-size:17px; }
	.registerBox .ipbox > ul > li .ip-code .btn_refresh { width:80px; }
	.registerBox .ipbox > ul > li .ipcont .upload-name { width:calc(100% - 5px - 80px); }
	.registerBox .ipbox > ul > li .ipcont .file { width:80px; }
	.registerBox .ch { margin-top:15px; }
	.registerBox .privacy-box .scroll-box { margin-top:5px; }
}
@media screen and (max-width:640px){
	.registerBox .ipbox > ul > li .ip-code .btn_refresh { width:85px; }
}

@media screen and (max-width:500px){
	.registerBox .ipbox > ul > li .ip-code .btn_refresh { width:115px; }
}

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


.board-list > ul { border-top:2px solid #000;}
.board-list > ul > li { border-bottom:1px solid #e5e5e5; }
.board-list > ul > li a { position:relative; padding:40px 220px 40px 140px; display:flex; flex-wrap:wrap; align-items:center; }
.board-list > ul > li .num { position:absolute; left:40px; top:50%; transform:translateY(-50%); color:#ccc; font-size:15px; font-weight:700; line-height:1.3; display:flex; align-items:center; justify-content:center; width:60px; height:30px; border-radius:30px; border:1px solid #e5e5e5; }
.board-list > ul > li .num.notice { color:#fff; border:1px solid var(--mainColor); background:var(--mainColor); }
.board-list > ul > li strong { color:#222; font-size:23px; font-weight:500; line-height:1.3; width:100%; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-list > ul > li .info { margin-top:15px; }
.board-list > ul > li .info span { font-family:var(--engFont1); color:#ccc; font-size:17px; font-weight:600; line-height:1.3; }
.board-list > ul > li .info span b { font-weight:700; display:inline-block; margin-right:5px; }
.board-list > ul > li .info span:not(:last-child) { margin-right:20px; }
.board-list > ul > li .more { position:absolute; right:40px; top:50%; font-family:var(--engFont1); color:#ccc; font-size:14px; font-weight:700; line-height:1.3; text-transform:uppercase; }
@media screen and (max-width:1280px){
	.board-list > ul > li a { padding:30px 200px 30px 120px; }
	.board-list > ul > li .num { left:30px; }
	.board-list > ul > li strong { font-size:21px; }
}
@media screen and (max-width:1024px){
	.board-list > ul > li a { padding:20px 0 20px 100px; }
	.board-list > ul > li .num { left:20px; }
	.board-list > ul > li strong { font-size:20px; }
	.board-list > ul > li .info { margin-top:10px; }
	.board-list > ul > li .info span { font-size:16px; }
	.board-list > ul > li .info span:not(:last-child) { margin-right:10px; }
	.board-list > ul > li .more { display:none }
}
@media screen and (max-width:640px){
	.board-list > ul > li a { padding:15px 0 15px 70px; }
	.board-list > ul > li .num { left:10px; font-size:14px; width:50px; height:27px; }
	.board-list > ul > li strong { font-size:18px; }
	.board-list > ul > li .info span { font-size:15px; }
}
/* animation */
.board-list { opacity:0; }
.board-list.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.gallery-list > ul { display:flex; flex-wrap:wrap; gap:120px 38px; }
.gallery-list > ul > li { width:calc((100% - 76px) / 3); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; overflow:hidden; border-radius:20px; background:#ddd url(/img/sub/imgNo.jpg) no-repeat center / cover; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:80%; }
.gallery-list > ul > li .imgbox img { transition:all 0.3s; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.gallery-list > ul > li:hover .imgbox img { transform:scale(1.1); }
.gallery-list > ul > li .txtbox { margin-top:30px; }
.gallery-list > ul > li .txtbox strong { color:#111; letter-spacing:-0.02em; font-size:28px; font-weight:600; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .date { display:block; margin-top:20px; color:#aaa; letter-spacing:-0.02em; font-size:18px; font-weight:500; line-height:1.3; }
@media screen and (max-width:1280px){
    .gallery-list > ul { gap:100px 30px; }
    .gallery-list > ul > li { width:calc((100% - 60px) / 3); }
    .gallery-list > ul > li .txtbox strong { font-size:24px; min-height:28px; }
    .gallery-list > ul > li .txtbox .date { margin-top:20px; font-size:17px; }
}
@media screen and (max-width:1024px){
    .gallery-list > ul { gap:80px 20px; }
    .gallery-list > ul > li { width:calc((100% - 40px) / 3); }
    .gallery-list > ul > li .txtbox { margin-top:20px; }
    .gallery-list > ul > li .txtbox strong { font-size:20px; -webkit-line-clamp:2; }
    .gallery-list > ul > li .txtbox .date { margin-top:10px; font-size:16px; }
}
@media screen and (max-width:860px){
    .gallery-list > ul { gap:50px 20px; }
    .gallery-list > ul > li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
    .gallery-list > ul { gap:40px 10px; }
    .gallery-list > ul > li { width:calc((100% - 10px) / 2); }
    .gallery-list > ul > li .imgbox { border-radius:10px; }
    .gallery-list > ul > li .txtbox { margin-top:15px; }
    .gallery-list > ul > li .txtbox strong { font-size:18px; }
    .gallery-list > ul > li .txtbox .date { margin-top:5px; font-size:15px; }
}
@media screen and (max-width:520px){
    .gallery-list > ul { gap:30px 0; }
    .gallery-list > ul > li { width:100%; }
    .gallery-list > ul > li .imgbox:before {padding-bottom:58%; }
}


/* animation */
.gallery-list { opacity:0; }
.gallery-list.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.board-view .top-box { padding:0 0 40px; border-bottom:1px solid #000; display:flex; flex-wrap:wrap; align-items:flex-end; }
.board-view .top-box .title { width:calc(100% - 300px); font-size:48px; font-weight:500; color:#222; line-height:1.6; }
.board-view .top-box .info { width:300px; display:flex; gap:0 20px; justify-content:flex-end; }
.board-view .top-box .txt { position:relative; font-family:var(--engFont1); font-size:17px; font-weight:600; color:#ccc; line-height:1.3; }
.board-view .top-box .txt strong { font-weight:700; display:inline-block; margin-right:5px; }
.board-view .viewCont .attach { padding:26px 0; display:flex; justify-content:flex-end; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
.board-view .viewCont .attach li a { font-size:16px; font-weight:5 00; color:#888; padding:4px 0 4px 25px; background:url(/img/sub/file_icon.svg) left center no-repeat; display:inline-block}
.board-view .viewCont .contents { min-height:180px; line-height:1.6; padding:20px 0 }
.board-view .viewCont .contents img { max-width:100%; height:auto }
.board-view .btn_pn { margin-top:80px; display:flex; gap:40px; flex-wrap:wrap; }
.board-view .btn_pn dl { width:calc((100% - 40px) / 2); border:1px solid #e5e5e5; border-width:1px 0; padding:40px 20px; }
.board-view .btn_pn dt { color:#ccc; font-size:17px; font-weight:600; line-height:1.3; } 
.board-view .btn_pn dd { margin-top:10px; color:#333; font-size:23px; font-weight:500; line-height:1.3; }
.board-view .btn_pn dd a { font-weight:500; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
@media screen and (max-width:1440px){
	.board-view .top-box { padding:0 0 30px; }
	.board-view .top-box .title { font-size:42px; }
	.board-view .btn_pn { margin-top:60px; gap:30px; }
	.board-view .btn_pn dl { width:calc((100% - 30px) / 2); padding:30px 20px; }
	.board-view .btn_pn dd { font-size:21px; }
}
@media screen and (max-width:1024px){
	.board-view .top-box { padding:0 0 20px; }
	.board-view .top-box .title { width:calc(100% - 300px); font-size:34px; }
	.board-view .top-box .info { width:300px; gap:0 20px; }
	.board-view .top-box .txt { font-size:16px; }
	.board-view .viewCont .attach { padding:20px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li a { font-size:16px; padding:4px 0 4px 22px; }
	.board-view .viewCont .contents { min-height:140px; }
	.board-view .btn_pn { margin-top:40px; gap:20px; }
	.board-view .btn_pn dl { width:calc((100% - 20px) / 2); padding:20px 15px; }
	.board-view .btn_pn dt { font-size:16px; } 
	.board-view .btn_pn dd { margin-top:8px; font-size:19px; }
}
@media screen and (max-width:960px){
	.board-view .top-box .title { width:100%; }
	.board-view .top-box .info { width:100%; margin-top:10px;}
	.board-view .btn_pn { gap:0; }
	.board-view .btn_pn dl { width:100%; padding:15px; margin-top:-1px; }
}
@media screen and (max-width:640px){
	.board-view .top-box { padding:0 0 10px; }
	.board-view .top-box .title { font-size:22px; }
	.board-view .top-box .info { gap:0 15px; }
	.board-view .top-box .txt { font-size:15px; }
	.board-view .viewCont .attach { padding:15px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:7px; }
	.board-view .viewCont .contents { min-height:120px; }
	.board-view .btn_pn { margin-top:20px; }
	.board-view .btn_pn dl { padding:15px 10px; }
	.board-view .btn_pn dt { font-size:15px; } 
	.board-view .btn_pn dd { margin-top:5px; font-size:17px; }	
}

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


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

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

/* page */
.page { margin:150px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:16px; line-height:45px; font-family:var(--engFont1); font-weight:700; color:#ccc; border:none; padding:0; min-width:35px; margin:0 5px; display:inline-block; }
.page li.on a:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:700; color:#111; border:none; padding:0; }
.page li:hover a,
.page li a:hover { border:none; }
.page li.on:hover a  { }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:-4px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:-4px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:-12px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:-12px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#aaa; display:block; margin-top:-10px; font-weight:800; }
@media screen and (max-width:1024px){
	.page { margin:80px auto 0 auto; }
}

@media screen and (max-width:640px){
	.page { margin:40px auto 0 auto; }
    .page a { font-size:15px; line-height:30px; min-width:30px; margin:0; }
    .page .btn_prev { height:30px; width:30px; margin-right:2px; }
    .page .btn_next { height:30px; width:30px; margin-left:2px; }
    .page .btn_first { height:30px; width:30px; }
    .page .btn_last { height:30px; width:30px; }

}





.os-theme-dark > .os-scrollbar, 
.os-theme-light > .os-scrollbar { padding:0; width:4px; background:#fff; border-radius:4px; }
.os-theme-dark > .os-scrollbar-vertical, 
.os-theme-light > .os-scrollbar-vertical { width:4px }
.os-theme-dark > .os-scrollbar-horizontal, 
.os-theme-light > .os-scrollbar-horizontal { width:100%; height:4px; background:#dbdbdb; }
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#dbdbdb; width:4px; border-radius:4px; }
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-track > .os-scrollbar-handle, 
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-track > .os-scrollbar-handle{ background:#222 !important; }
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#222; border-radius:4px; opacity:1}

.search-result { padding-top:120px; }
.search-result .top-search form { width:100%; }
.search-result .top-search .ipbtn { position:relative; width:100%; max-width:860px; margin:0 auto; background:#fff; }
.search-result .top-search .ipbtn input[type="text"] { width:100%; border-radius:80px; border:4px solid var(--mainColor); outline:none; color:#111; font-size:18px; font-weight:600; padding:0 100px 0 40px; height:80px; line-height:80px; background:none }
.search-result .top-search .ipbtn input::placeholder{ color:#d4d4d4; font-weight:400; }
.search-result .top-search .ipbtn .btn { position:absolute; right:10px; top:0; background:url(/img/sub/btn_search_r.svg) center center no-repeat}
.search-result .top-search .ipbtn .btn button { border:none; outline:none; background:none; width:80px; height:80px; }
.search-result .top-search .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }
.search-result .top-search .txtbox { margin-top:40px; text-align:center; color:#111; font-size:20px; font-weight:300; line-height:1.3; }
.search-result .top-search .txtbox strong { color:var(--mainColor); font-weight:600; }
.search-result .listbox > dl { margin-top:120px; }
.search-result .listbox > dl > dt { color:#111; font-size:36px; font-weight:600; line-height:1.3; margin-bottom:20px; }
.search-result .listbox > dl > dt span { color:var(--mainColor); font-size:24px; font-weight:600; line-height:1.3; vertical-align:top; margin-left:5px; }
@media screen and (max-width:1024px){
	.search-result { padding-top:90px; }
	.search-result .top-search .ipbtn input[type="text"] { border-width:2px; font-size:17px; padding:0 100px 0 40px; height:70px; line-height:70px; }
	.search-result .top-search .ipbtn .btn { background-size:28px auto; }
	.search-result .top-search .ipbtn .btn button { width:70px; height:70px; }
	.search-result .top-search .txtbox { margin-top:30px; font-size:19px; }
	.search-result .listbox > dl { margin-top:90px; }
	.search-result .listbox > dl > dt { font-size:30px; margin-bottom:15px; }
	.search-result .listbox > dl > dt span { font-size:22px; }
}
@media screen and (max-width:640px){
	.search-result { padding-top:60px; }
	.search-result .top-search .ipbtn input[type="text"] { font-size:16px; padding:0 60px 0 30px; height:60px; line-height:60px; }
	.search-result .top-search .ipbtn .btn { background-size:25px auto; }
	.search-result .top-search .ipbtn .btn button { width:60px; height:60px; }
	.search-result .top-search .txtbox { margin-top:20px; font-size:18px; }
	.search-result .listbox > dl { margin-top:60px; }
	.search-result .listbox > dl > dt { font-size:26px; margin-bottom:10px; }
	.search-result .listbox > dl > dt span { font-size:19px; }
}
/* animation */
.search-result { opacity:0; }
.search-result { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.search-result .board-list { opacity:0; }
.search-result .board-list { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.disclosure-box { display:flex; justify-content:center; }