@charset "utf-8";

*{font-family: 'Montserrat', sans-serif;}
/*
header:before { top:0; }
header:after { top:80px; }
header .search-box { top:20px; }
header .gnb_bg { top:80px; }
.allmenu { top:30px; }
*/

header h1 a svg { width:269px; height:auto }
header.over #navi #gnb > ul > li > a,
header.on #navi #gnb > ul > li > a,
header.fix #navi #gnb > ul > li > a { color:#000; }
@media screen and (max-width:1024px){
    header { height:80px; }
}
@media screen and (max-width:640px){
	header h1 a svg { width:220px; }
	.allmenu { top:18px; }
    header { height:60px; }
	header:after { top:60px; }
}
header #navi { padding-right:0; }
header #navi #gnb > ul > li { width:200px; }
header #navi #gnb > ul > li > .subDepth > ul > li > a { color:#666; font-weight:400; font-size:17px; }
@media screen and (max-width:1600px){
    header #navi #gnb > ul > li { width:180px; }
}
@media screen and (max-width:1400px){
    header #navi #gnb > ul > li { width:150px; }
	header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:16px; }
}

footer .footer_box .l_box .infobox li strong { width:150px; }
footer .footer_box .l_box .infobox li .txt { width:calc(100% - 150px) }
footer .footer_box .all-menu > ul > li .subDepth > ul > li a { color:#666; font-weight:400; }
@media screen and (max-width:1440px){
	footer .footer_box .award-logo { margin-top:30px; }
	footer .footer_box .award-logo > ul { gap:20px; justify-content:center; }
    footer .footer_box .f-box { justify-content:center; text-align:center; }
}
@media screen and (max-width:640px){
	footer .footer_box .l_box .infobox li strong,
	footer .footer_box .l_box .infobox li .txt { width:100%; }
}
/*
.main2 .factory-box { padding:130px 50px 50px; }
@media screen and (max-width:1400px){
    .main2 .factory-box { position:relative; padding:110px 30px 30px; }
}
@media screen and (max-width:1024px){
    .main2 { padding:0 }
}
*/


.subTopCont3 .bg { background-image:url(/img/sub/visualsub_bg3_en.png); }
.subTopCont4 .bg { background-image:url(/img/sub/visualsub_bg5.png); }

@media screen and (max-width:1440px){
	.subTitle-box .txt br { display:none }
}

.management-box .listbox ul > li .txtbox dd,
.page a,
.subtitleTop .submenu-box li a,
#subContents .location dd span,
footer .footer_box .l_box .infobox li,
footer .footer_box .l_box .infobox li span,
.greeting-box .txtbox dd p,
.organization-box .org-box .list dd li .sbox { font-weight:400; }
.business-box .listbox > ul > li .txtbox dd {  }

.greeting-box .txtbox dd p.stxt strong { margin-right:20px; }
.management-box .listbox ul > li .imgbox span.tit strong { font-size:26px; }
.management-box .listbox ul > li .txtbox dt strong { font-size:30px; }
.management-box .listbox ul > li .txtbox dt span { font-size:18px; }
.management-box .listbox ul > li .txtbox dd { font-size:18px; }
@media screen and (max-width:1440px){
	.management-box .listbox ul > li .imgbox span.tit strong { font-size:18px; }
	.management-box .listbox ul > li .txtbox dt strong { font-size:22px; }
	.management-box .listbox ul > li .txtbox dt span { font-size:16px; }
	.management-box .listbox ul > li .txtbox dd { font-size:16px; }
}
@media screen and (max-width:640px){
	.management-box .listbox ul > li .imgbox span.tit strong { font-size:16px; }
	.management-box .listbox ul > li .txtbox dt strong { font-size:20px; }
	.management-box .listbox ul > li .txtbox dt span { font-size:14px; }
	.management-box .listbox ul > li .txtbox dd { font-size:14px; }
}

.history-box .nav { top:80px; }
.history-box .history-list .leftNav .year { font-size:22px; }
.history-box .history-list .leftNav .txt { font-size:20px; }
.history-box .history-list .list dd ul li strong { width:110px; }
.history-box .history-list .list dd ul li span { width:calc(100% - 110px); }
@media screen and (max-width:1440px){
	.history-box .history-list .leftNav .year { font-size:21px; }
	.history-box .history-list .leftNav .txt { font-size:18px; }
	.history-box .history-list .list dd ul li strong { width:100px; }
	.history-box .history-list .list dd ul li span { width:calc(100% - 100px); }
}
@media screen and (max-width:1280px){
	.history-box .history-list .leftNav .year { font-size:19px; }
	.history-box .history-list .leftNav .txt { font-size:18px; }
}
@media screen and (max-width:1024px){
	.history-box .nav { top:80px; }
	.history-box .history-list .leftNav .year { font-size:21px; }
	.history-box .history-list .leftNav .txt { font-size:18px; }
	.history-box .history-list .list dd ul li strong { width:90px; }
	.history-box .history-list .list dd ul li span { width:calc(100% - 90px); }
}
@media screen and (max-width:640px){
	.history-box .nav { top:60px; }
	.history-box .history-list .leftNav .year { font-size:19px; }
	.history-box .history-list .leftNav .txt { font-size:18px; }
	.history-box .history-list .list dd ul li strong { width:80px; }
	.history-box .history-list .list dd ul li span { width:calc(100% - 80px); }
}







.product-detail { margin-top:80px; }
.product-detail .detail-top { display:flex; flex-wrap:wrap; align-items:center; }
.product-detail .detail-top .imgbox { width:45%; }
.product-detail .detail-top .swiper-container { width:100%; height:100%; }
.product-detail .detail-top .swiper-slide { position:relative; text-align:center; display:flex; justify-content:center; align-items:center; }
.product-detail .detail-top .swiper-slide:before { content:""; display:block; padding-bottom:75% }
.product-detail .detail-top .swiper-slide img { position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:cover; }
.product-detail .detail-top .p-mySwiper { position:relative; margin:10px 0 0; }
.product-detail .detail-top .p-mySwiper .swiper-slide { height:100%; cursor:pointer; }
.product-detail .detail-top .s-box { position:relative; padding:0 40px; }
.product-detail .detail-top .swiper-pagination { display:none }
.product-detail .detail-top .s-btn { position:absolute; top:50%; transform:translateY(-50%); width:11px; height:20px; cursor:pointer; z-index:2; }
.product-detail .detail-top .swiper-button-next-p { right:0; background:url(/img/sub/btn_swiper_next.png) center center no-repeat; }
.product-detail .detail-top .swiper-button-prev-p { left:0; background:url(/img/sub/btn_swiper_prev.png) center center no-repeat; }
.product-detail .detail-top .txtbox { width:55%; padding-left:80px; }
.product-detail .detail-top .txtbox p { color:#333; font-size:21px; font-weight:400; line-height:1.55; letter-spacing:-0.04em; }
.product-detail .detail-top .txtbox p:not(:last-child) { margin-bottom:50px; }
.product-detail .detail-table { margin-top:180px; }
.product-detail .detail-table .scroll-box { padding-bottom:1px; }
.product-detail .detail-table table { border-top:1px solid #000;  }
.product-detail .detail-table thead th { background:#f8f8f8; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; height:67px; text-align:center; color:#111; font-size:21px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.product-detail .detail-table thead th.noline-l { border-left:1px solid #e5e5e5 }
.product-detail .detail-table tbody td { padding:20px; background:#fff; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; color:#111; font-size:21px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.product-detail .detail-table tbody td.td-left { text-align:left; line-height:1.6; }
.product-detail .detail-table tbody td.noline-l { border-left:1px solid #e5e5e5 }
.product-detail .detail-table tbody td.td-left span { color:var(--mainColor); font-weight:400 }
@media screen and (max-width:1440px){
	.product-detail .detail-top .s-box { padding:0 30px; }
	.product-detail .detail-top .txtbox { padding-left:60px; }
	.product-detail .detail-top .txtbox p { font-size:19px; }
	.product-detail .detail-top .txtbox p:not(:last-child) { margin-bottom:40px; }
	.product-detail .detail-table { margin-top:160px; }
	.product-detail .detail-table thead th { height:60px; font-size:19px; }
	.product-detail .detail-table tbody td { padding:18px; font-size:19px; }
}
@media screen and (max-width:1280px){
	.product-detail .detail-top .txtbox { padding-left:40px; }
	.product-detail .detail-top .txtbox p { font-size:18px; }
	.product-detail .detail-top .txtbox p:not(:last-child) { margin-bottom:30px; }
	.product-detail .detail-table { margin-top:120px; }
	.product-detail .detail-table thead th { height:55px; font-size:18px; }
	.product-detail .detail-table tbody td { padding:15px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.product-detail { margin-top:60px; }
	.product-detail .detail-top .imgbox,
	.product-detail .detail-top .txtbox { width:100%; padding:0; }
	.product-detail .detail-top .txtbox { margin-top:30px; }
	.product-detail .detail-table { margin-top:80px; }
	.product-detail .detail-table .scroll-box { overflow:auto }
	.product-detail .detail-table .scroll-box table { width:1024px; }
}
@media screen and (max-width:640px){
	.product-detail { margin-top:40px; }
	.product-detail .detail-top .imgbox,
	.product-detail .detail-top .txtbox { width:100%; padding:0; }
	.product-detail .detail-top .txtbox { margin-top:30px; }
	.product-detail .detail-top .txtbox p { font-size:16px; }
	.product-detail .detail-top .txtbox p:not(:last-child) { margin-bottom:20px; }
	.product-detail .detail-table { margin-top:60px; }
	.product-detail .detail-table thead th { height:50px; font-size:16px; }
	.product-detail .detail-table tbody td { padding:12px; font-size:16px; }
}


/* animation */
.product-detail .detail-top,
.product-detail .detail-table { opacity:0; }
.product-detail .detail-top.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.product-detail .detail-table.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }


.product-detail .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.product-detail .os-theme-dark > .os-scrollbar-horizontal, 
.product-detail .os-theme-light > .os-scrollbar-horizontal { height:4px }
.product-detail .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:var(--mainColor); height:4px; border-radius:4px; }
.product-detail .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.product-detail .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.product-detail .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.product-detail .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:var(--mainColor); border-radius:4px; }


.download-box .d-list { margin-top:80px; }
.download-box .d-list ul { display:flex; flex-wrap:wrap; gap:100px 40px; }
.download-box .d-list ul li { width:calc((100% - 120px) / 4); }
.download-box .d-list ul li .imgbox { position:relative; background:#f8f8f8 url(/img/sub/download_bg.png) center center no-repeat; overflow:hidden; padding:10px; }
.download-box .d-list ul li .imgbox:before { content:""; display:block; padding-bottom:104% }
.download-box .d-list ul li .imgbox img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:100%; max-width:70%; height:auto; max-height:90%; object-fit:cover; -o-object-fit: cover; }
.download-box .d-list ul li .txtbox { margin-top:30px; display:flex; justify-content:space-between; align-items:center; }
.download-box .d-list ul li .txtbox dl { width:calc(100% - 70px);  }
.download-box .d-list ul li .txtbox dt { color:#222; font-size:26px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; /* text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;*/ }
.download-box .d-list ul li .txtbox dd { margin-top:20px; color:#666; font-size:23px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.download-box .d-list ul li .txtbox .icon { width:65px; height:65px; background:var(--mainColor) url(/img/sub/icon_down.png) center center no-repeat; border-radius:65px; }

@media screen and (max-width:1440px){
	.download-box .d-list ul { gap:90px 30px; }
	.download-box .d-list ul li { width:calc((100% - 90px) / 4); }
	.download-box .d-list ul li .txtbox { margin-top:25px; }
	.download-box .d-list ul li .txtbox dl { width:calc(100% - 70px);  }
	.download-box .d-list ul li .txtbox dt { font-size:24px; }
	.download-box .d-list ul li .txtbox dd { margin-top:15px; font-size:23px; }
	.download-box .d-list ul li .txtbox .icon { width:60px; height:60px; }
}
@media screen and (max-width:1280px){
	.download-box .d-list ul { gap:90px 30px; }
	.download-box .d-list ul li { width:calc((100% - 60px) / 3); }
	.download-box .d-list ul li .txtbox { margin-top:25px; }
	.download-box .d-list ul li .txtbox dl { width:calc(100% - 70px);  }
	.download-box .d-list ul li .txtbox dt { font-size:24px; }
	.download-box .d-list ul li .txtbox dd { margin-top:15px; font-size:23px; }
	.download-box .d-list ul li .txtbox .icon { width:60px; height:60px; }
}
@media screen and (max-width:1024px){
	.download-box .d-list ul li .txtbox { margin-top:20px; }
	.download-box .d-list ul li .txtbox dl { width:calc(100% - 65px);  }
	.download-box .d-list ul li .txtbox dt { font-size:21px; }
	.download-box .d-list ul li .txtbox dd { margin-top:12px; font-size:18px; }
	.download-box .d-list ul li .txtbox .icon { width:55px; height:55px; }
	.download-box .d-list ul li .imgbox img { width:calc(100% - 34%); height:calc(100% - 20%); }
}
@media screen and (max-width:960px){
	.download-box .d-list ul { gap:80px 20px; }
	.download-box .d-list ul li { width:calc((100% - 40px) / 2); }
}
@media screen and (max-width:640px){
	.download-box .d-list ul { gap:50px 15px; }
	.download-box .d-list ul li { width:calc((100% - 15px) / 2); }
	.download-box .d-list ul li .txtbox { margin-top:15px; }
	.download-box .d-list ul li .txtbox dl { width:calc(100% - 60px);  }
	.download-box .d-list ul li .txtbox dt { font-size:17px; }
	.download-box .d-list ul li .txtbox dd { margin-top:10px; font-size:15px; }
	.download-box .d-list ul li .txtbox .icon { width:50px; height:50px; background-size:18px auto }
}

/* animation */
.download-box .d-list { opacity:0; }
.download-box .d-list.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }

.contact-box .step-box { margin-top:80px; }
.contact-box .step-box ul { display:flex; justify-content:center; gap:0 100px; }
.contact-box .step-box li .circle-box { display:flex; align-items:center; flex-direction:column; justify-content:center; text-align:center; width:200px; height:200px; border-radius:200px; background:#f8f8f8; }
.contact-box .step-box li .circle-box strong { display:block; color:#ccc; font-size:23px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.contact-box .step-box li .circle-box span { margin-top:10px; display:block; color:#ccc; font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.contact-box .step-box li.on .circle-box { background:var(--mainColor); }
.contact-box .step-box li.on .circle-box strong,
.contact-box .step-box li.on .circle-box span { color:#fff; }
.contact-box .top-txt { margin-top:80px; text-align:center; color:#333; font-size:26px; font-weight:400; line-height:1.5; letter-spacing:-0.04em; }
@media screen and (max-width:1440px){
	.contact-box .step-box ul { gap:0 80px; }
	.contact-box .step-box li .circle-box { width:180px; height:180px; }
	.contact-box .step-box li .circle-box strong,
	.contact-box .step-box li .circle-box span { font-size:21px; }
	.contact-box .top-txt { font-size:24px; }
}
@media screen and (max-width:1280px){
	.contact-box .step-box ul { gap:0 60px; }
	.contact-box .step-box li .circle-box { width:160px; height:160px; }
	.contact-box .step-box li .circle-box strong,
	.contact-box .step-box li .circle-box span { font-size:19px; }
	.contact-box .top-txt { font-size:22px; }
}
@media screen and (max-width:1024px){
	.contact-box .step-box ul { gap:0 40px; }
	.contact-box .step-box li .circle-box { width:140px; height:140px; }
	.contact-box .step-box li .circle-box strong,
	.contact-box .step-box li .circle-box span { font-size:17px; }
	.contact-box .step-box li .circle-box span { margin-top:8px; }
	.contact-box .top-txt { margin-top:60px; font-size:20px; }
}
@media screen and (max-width:640px){
	.contact-box .step-box ul { gap:0 10px; }
	.contact-box .step-box li .circle-box { width:120px; height:120px; }
	.contact-box .step-box li .circle-box strong,
	.contact-box .step-box li .circle-box span { font-size:16px; }
	.contact-box .step-box li .circle-box span { margin-top:5px; }
	.contact-box .top-txt { margin-top:40px; font-size:19px; }
}

/* 개발부분 site.css --> register-box */
.registerBox { margin-top:80px; padding-top:80px; border-top:1px solid #000; }
.registerBox > ul { max-width:1280px; margin:0 auto; }
.registerBox > ul > li { position:relative; width:100%; display:flex; flex-wrap:wrap; align-items:center; }
.registerBox > ul > li:not(:last-child) { margin-bottom:10px; }
.registerBox > ul > li > label { font-size:23px; color:#111; font-weight:500; letter-spacing:-0.04em; line-height:1.3; width:360px; }
.registerBox > ul > li label span { font-weight:500; color:#f00; }
.registerBox > ul > li .ipbox { width:calc(100% - 360px); min-height:80px; display:flex; flex-wrap:wrap; align-items:center; font-size:21px; color:#555; font-weight:400; line-height:1.6; word-break:break-word; }
.registerBox > ul > li input[type="text"],
.registerBox > ul > li input[type="password"] { height:80px; padding:0 40px; width:100%; font-size:21px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.registerBox > ul > li select { width:100%; height:80px; line-height:80px; padding:0 75px 0 40px; font-size:21px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:10px; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.registerBox > ul > li select::-ms-expand { display:none; }
.registerBox > ul > li textarea { width:100%; height:320px; line-height:1.6; padding:40px; font-size:21px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.registerBox > ul > li .ipbox .file-box { position:relative;  }
.registerBox > ul > li .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
.registerBox > ul > li .ipbox .ipcont { position:relative; display:flex; }
.registerBox > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 250px - 10px); margin-right:10px; padding:0 20px; font-size:21px; color:#555; }
.registerBox > ul > li .ipbox .ipcont .upload-name.on { padding:4px 0 4px 45px; background:#fff url(/img/sub/file_icon.png) 20px center no-repeat; }
.registerBox > ul > li .ipbox .ipcont .file { width:250px; height:80px; background:#004; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:10px; }
.registerBox > ul > li .ipbox .ipcont .file span{ text-align:center; font-size:21px; color:#fff; font-weight:600; }
.registerBox > ul > li .ipbox .ipcont .file input{display:none}
.registerBox > ul > li .code-box { width:calc(100% - 250px - 10px); }
.registerBox > ul > li .code-box .ip-code { position:relative; width:100%; display:flex; flex-wrap:wrap; align-items:center; padding:0 0 0 260px; }
.registerBox > ul > li .code-box .ip-code input[type="text"] { width:100%; }
.registerBox > ul > li .code-box .ip-code #imgCaptcha { position:absolute; left:0; top:0; width:250px !important; height:80px; border-radius:10px; }
.registerBox > ul > li .code-box .ip-code .btn_refresh { cursor:pointer; position:absolute; right:0; top:0; width:80px; height:80px; background:url(/img/sub/refresh_icon.svg) center no-repeat; border-radius:10px; outline:none; border:none; overflow:hidden; text-indent:-9999em; }
.registerBox > ul > li .sbox { padding:5px 5px 5px 0; border:1px solid #ddd; border-radius:10px; background:#fff; width:100%; }
.registerBox > ul > li .sbox .scroll-box { overflow:auto; height:180px; padding:20px 25px 30px; }
.registerBox > ul > li .sbox * { color:#555; font-weight:400; line-height:1.5; }
.registerBox > ul > li .sbox { font-size:19px; }
.registerBox > ul > li .sbox h4 { font-size:95%; font-weight:500; margin-bottom:10px; }
.registerBox > ul > li .sbox dl { margin-top:10px }
.registerBox > ul > li .sbox dt { font-size:90%; font-weight:500; margin-bottom:10px; }
.registerBox > ul > li .sbox p { font-size:85%; font-weight:400; }
.registerBox > ul > li .sbox p:not(:last-child),
.registerBox > ul > li .sbox dl:not(:last-child) { margin-bottom:15px; }
.registerBox > ul > li .sbox dd p:not(:last-child),
.registerBox > ul > li .sbox dd dd:not(:last-child)  { margin-bottom:15px; }
.registerBox > ul > li .sbox dd dl { padding:5px 0 0 10px; font-size:85%; }
.registerBox > ul > li .sbox dd dl dt { font-size:100%; }
.registerBox > ul > li .sbox dd ul { margin:5px 0 10px; }
.registerBox > ul > li .sbox dd li:not(:last-child)  { margin-bottom:5px; }
.registerBox > ul > li .sbox dd .txt { font-size:80%; font-weight:400; }
.registerBox > ul > li input::placeholder,
.registerBox > ul > li textarea::placeholder { color:#888; opacity:1; font-weight:400; }
.registerBox .ch { margin-top:20px; position:relative; }
.registerBox .ipbox .ch { margin-top:30px; text-align:right; width:100% }
.registerBox .ch input[type="checkbox"],
.registerBox .ch input[type="radio"]{ opacity:0; height:auto; line-height:auto; position:absolute; left:4px; top:8px; z-index:-1}
.registerBox .ch input[type="radio"] + span { position:relative; padding:2px 0 0 34px; font-weight:400; font-size:19px; line-height:1.3; display:inline-block; color:#333; }
.registerBox .ch input[type="radio"] + span:before { content:''; display:block; width:25px; height:25px; vertical-align:middle; background:#fff; border:1px solid #d9d9d9; border-radius:50px; position:absolute; left:0; top:0; }
.registerBox .ch input[type="radio"] + span:after { content:''; display:block; width:10px; height:10px; vertical-align:middle; background:none; border:none; border-radius:50px; position:absolute; left:5px; top:6px; }
.registerBox .ch input[type="radio"]:checked + span:after { background:var(--mainColor); }
.registerBox .ch input[type="radio"]:checked + span:before { border:1px solid var(--mainColor); }
.registerBox .ch input[type="checkbox"] + span { position:relative; padding:2px 0 0 34px; font-weight:400; font-size:19px; line-height:1.3; display:inline-block; color:#333; }
.registerBox .ch input[type="checkbox"] + span:before  { content:''; display:block; width:25px; height:25px; border:1px solid #e5e5e5; border-radius:5px; vertical-align:middle; background:url(/img/sub/ch_off.svg) center center no-repeat; position:absolute; left:0; top:0; }
.registerBox .ch input[type="checkbox"]:checked + span:before { border:1px solid var(--mainColor); background:var(--mainColor) url(/img/sub/ch_on.svg) center center no-repeat; }
.registerBox .ch a { display:inline-block; margin-left:15px; font-size:15px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.registerBox input,
.registerBox select,
.registerBox textarea { font-family:var(--mainFont); }

.contact-box .btnCont { max-width:1280px; margin:0 auto; }
.contact-box .btn_r { padding-left:360px; margin-top:30px; }
.contact-box .btn_c { display:flex; justify-content:center; gap:0 10px; margin-top:120px; }
.contact-box .btnCont button { display:inline-block; text-align:center; border:none; outline:none; background:none; }
.contact-box .btnCont a,
.contact-box .btnCont span { width:100%; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; height:75px; color:#fff; font-size:21px; font-weight:500; line-height:1.3 }
.contact-box .btnCont span { background-color:var(--mainColor); }
.contact-box .btnCont a { background-color:#333; }
.contact-box .btn_r button { width:100%; }
.contact-box .btn_c a,
.contact-box .btn_c button { width:100%; max-width:450px; }
@media screen and (max-width:1440px){
	.registerBox > ul > li > label { font-size:21px; }
	.registerBox > ul > li .ipbox { min-height:70px; font-size:19px; }
	.registerBox > ul > li input[type="text"],
	.registerBox > ul > li input[type="password"] { height:70px; padding:0 30px; font-size:19px; }
	.registerBox > ul > li select { height:70px; line-height:70px; padding:0 75px 0 30px; font-size:19px; }
	.registerBox > ul > li textarea { height:280px; padding:30px; font-size:19px; }
}
@media screen and (max-width:1280px){
	.registerBox > ul > li > label { font-size:19px; width:300px; }
	.registerBox > ul > li .ipbox { width:calc(100% - 300px); font-size:18px; }
	.registerBox > ul > li input[type="text"],
	.registerBox > ul > li input[type="password"] { font-size:18px; }
	.registerBox > ul > li select { padding:0 75px 0 20px; font-size:18px; }
	.registerBox > ul > li textarea { height:220px; padding:20px; font-size:18px; }
	
	.contact-box .btn_r { padding-left:300px; }
	.contact-box .btn_c { margin-top:100px; }
	.contact-box .btnCont a,
	.contact-box .btnCont span { height:70px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.registerBox { margin-top:60px; padding-top:60px; }
	.registerBox > ul > li > label { font-size:19px; width:100%; }
	.registerBox > ul > li .ipbox { width:100%; margin-top:5px; min-height:60px; }
	.registerBox > ul > li:not(:last-child) { margin-bottom:20px; }
	.registerBox > ul > li input[type="text"],
	.registerBox > ul > li input[type="password"] { height:60px; padding:0 20px; font-size:18px; border-radius:5px; }
	.registerBox > ul > li select { height:60px; line-height:60px; padding:0 75px 0 20px; font-size:18px; border-radius:5px; }
	.registerBox > ul > li textarea { height:220px; padding:20px; font-size:18px; border-radius:5px; }
	.registerBox > ul > li .sbox { border-radius:5px; }
	.registerBox > ul > li .sbox .scroll-box { height:160px; padding:20px 15px; }
	.registerBox > ul > li .sbox { font-size:17px; }
	.registerBox > ul > li .sbox dl { margin-top:8px }
	.registerBox > ul > li .sbox p:not(:last-child),
	.registerBox > ul > li .sbox dl:not(:last-child) { margin-bottom:10px; }
	.registerBox > ul > li .sbox dd p:not(:last-child),
	.registerBox > ul > li .sbox dd dd:not(:last-child)  { margin-bottom:8px; }
	.registerBox > ul > li .sbox dd ul { margin-top:8px; }
	.registerBox .ch input[type="radio"] + span,
	.registerBox .ch input[type="checkbox"] + span { padding:2px 0 0 34px; font-size:17px; }
	
	.contact-box .btn_r { padding-left:0; }
	.contact-box .btn_c { margin-top:80px; }
	.contact-box .btnCont a,
	.contact-box .btnCont span { height:60px; font-size:18px; }
}
@media screen and (max-width:640px){
	.registerBox { margin-top:40px; padding-top:40px; }
	.registerBox > ul > li .ipbox { font-size:17px; }
	.registerBox > ul > li > label { font-size:18px; }
	.registerBox > ul > li:not(:last-child) { margin-bottom:15px; }
	.registerBox > ul > li input[type="text"],
	.registerBox > ul > li input[type="password"] { padding:0 15px; font-size:17px; }
	.registerBox > ul > li select { padding:0 75px 0 15px; font-size:17px; }
	.registerBox > ul > li textarea { height:180px; padding:15px; font-size:17px; }
	.registerBox .ch input[type="radio"] + span,
	.registerBox .ch input[type="checkbox"] + span { padding:2px 0 0 34px; font-size:17px; }
	
	.contact-box .btn_r { padding-left:0; }
	.contact-box .btn_c { gap:0 5px; margin-top:60px; }
	.contact-box .btnCont a,
	.contact-box .btnCont span { height:55px; font-size:17px; }
}

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


.contact-box .txtbox { text-align:center; margin:80px 0 0; }
.contact-box .txtbox dt { margin-top:60px; color:#111; font-size:32px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.contact-box .txtbox dd { margin-top:30px; color:#111; font-size:21px; font-weight:400; line-height:1.6; letter-spacing:-0.02em; margin-bottom:-40px; }
@media screen and (max-width:1280px){
	.contact-box .txtbox dt { margin-top:50px; font-size:26px; }
	.contact-box .txtbox dd { margin-top:20px; font-size:19px; margin-bottom:-30px; }
}
@media screen and (max-width:1024px){
	.contact-box .txtbox .icon img { width:90px; }
	.contact-box .txtbox dt { margin-top:40px; font-size:21px; }
	.contact-box .txtbox dd { margin-top:15px; font-size:17px; margin-bottom:-20px; }
}
@media screen and (max-width:640px){
	.contact-box .txtbox .icon img { width:70px; }
	.contact-box .txtbox dt { margin-top:30px; font-size:19px; }
	.contact-box .txtbox dd { margin-top:10px; font-size:16px; margin-bottom:-10px; }
}

.designCenter-box .imgtxt { position:relative; margin-top:80px; }
.designCenter-box .imgtxt img { max-width:100%; }
.designCenter-box .imgtxt strong { position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; text-align:center; color:#fff; font-size:74px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.designCenter-box .txt-1 { margin-top:180px; }
.designCenter-box .txt-1 h3 { color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; margin-bottom:20px; }
.designCenter-box .txt-1 h4 { position:relative; padding-left:30px; color:#111; font-size:48px; font-weight:500; line-height:1.3;  letter-spacing:-0.08em; }
.designCenter-box .txt-1 h4:before { content:''; display:block; width:5px; height:50px; position:absolute; left:0; top:50%; transform:translate(0, -50%); background:var(--mainColor); }
.designCenter-box .txt-1 .noB h4 { padding-left:0 }
.designCenter-box .txt-1 .noB h4:before { display:none }
.designCenter-box .txt-1 dd { margin-top:30px; color:#555; font-size:21px; font-weight:400; line-height:1.7;  letter-spacing:-0.02em; }
.designCenter-box .list-1 ul { display:flex; flex-wrap:wrap; }
.designCenter-box .list-1 ul li { width:25%; text-align:center; min-height:180px; border-left:1px solid #000; }
.designCenter-box .list-1 ul li:first-child { border-left:none }
.designCenter-box .list-1 ul li .stxt-1 strong { color:#111; font-size:54px; font-weight:400; line-height:1.5; letter-spacing:-0.1em; display:inline-block; vertical-align:top; }
.designCenter-box .list-1 ul li .stxt-1 span { color:#111; font-size:48px; font-weight:500; line-height:1.3; letter-spacing:-0.09em; display:inline-block; vertical-align:top; margin:0px 0 0 20px;}
.designCenter-box .list-1 ul li .stxt-2 { margin-top:20px; color:#111; font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.designCenter-box .list-1 ul li .stxt-3 { margin-top:10px; color:#111; font-size:17px; font-weight:400; line-height:1.3; letter-spacing:-0.03em; }
.designCenter-box .txt-2 h5 { color:#111; font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; margin-bottom:40px; }
.designCenter-box .imgbox-1 img,
.designCenter-box .txt-2 img { max-width:100%; }
.designCenter-box .txt-3 .imgbox { position:relative; margin-top:40px; }
.designCenter-box .txt-3 .imgbox:before { content:''; display:block; padding-bottom:26.3%; }
.designCenter-box .txt-3 .imgbox > img { position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:cover; }
.designCenter-box .txt-3 .imgbox .txtbox { position:absolute; left:0; padding:0 60px; bottom:40px; width:100%; display:flex; justify-content:center; gap:0 40px; }
.designCenter-box .txt-3 .imgbox .txtbox .txt { display:flex; justify-content:space-between; width:calc((100% - 40px) / 2); padding:30px 50px; border-radius:20px; border:2px rgba(255, 255, 255, 0.30); background:rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); }
.designCenter-box .txt-3 .imgbox .txtbox .txt dt { margin-top:9px; color:#fff; font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-0.04em;}
.designCenter-box .txt-3 .imgbox .txtbox .txt dd { margin-top:10px; color:#fff; font-size:15px; font-weight:400; line-height:1.3; letter-spacing:-0.04em;}
.designCenter-box .txt-3 .imgbox .txtbox .txt ul { display:flex; gap:0 20px; }
.designCenter-box .txt-3 .imgbox .txtbox .txt li { width:72px; text-align:center; }
.designCenter-box .txt-3 .imgbox .txtbox .txt li span { margin-top:10px; display:block; color:#fff; font-size:13px; font-weight:500; line-height:1.3; letter-spacing:-0.04em;}
.designCenter-box .num-txt .num { color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.designCenter-box .num-txt dt { margin-top:20px; color:#111; font-size:36px; font-weight:500; line-height:1.3; letter-spacing:-0.06em;}
.designCenter-box .num-txt dd { margin-top:20px; color:#555; font-size:21px; font-weight:400; line-height:1.7; letter-spacing:-0.06em;}
.designCenter-box .num-txt .img-list,
.designCenter-box .imgbox-2 { margin-top:40px; }
.designCenter-box .num-txt .img-list ul { display:flex; gap:0 20px; }
.designCenter-box .num-txt .img-list img { max-width:100%; }
.designCenter-box .num-txt .img-list.i-1 li { width:calc((100% - 60px) / 4); }
.designCenter-box .num-txt .img-list.i-3 li { width:calc((100% - 20px) / 2); }
.designCenter-box .imgbox-2 { display:flex; gap:0 20px; }
.designCenter-box .imgbox-2 img { max-width:100%; }

.designCenter-box .list-1,
.designCenter-box .txt-2,
.designCenter-box .imgbox-1,
.designCenter-box .num-txt .num,
.designCenter-box .imgtxt-1,
.designCenter-box .txt-3 { margin-top:120px; }
@media screen and (max-width:1440px){
	.designCenter-box .imgtxt strong { font-size:60px; }
	.designCenter-box .txt-1 { margin-top:150px; }
	.designCenter-box .txt-1 h3 { font-size:20px; margin-bottom:18px; }
	.designCenter-box .txt-1 h4 { padding-left:25px; font-size:42px; }
	.designCenter-box .txt-1 h4:before { width:5px; height:45px; }
	.designCenter-box .txt-1 dd { margin-top:25px; font-size:20px; }
	.designCenter-box .txt-1 dd br { display:none }
	.designCenter-box .txt-1 dd .m_br { display:block }
	.designCenter-box .list-1 ul li { min-height:150px; }
	.designCenter-box .list-1 ul li .stxt-1 strong { font-size:42px; }
	.designCenter-box .list-1 ul li .stxt-1 span { font-size:40px; margin:0px 0 0 15px;}
	.designCenter-box .list-1 ul li .stxt-2 { margin-top:15px; font-size:21px; }
	.designCenter-box .list-1 ul li .stxt-3 { margin-top:8px; font-size:16px; }
	.designCenter-box .txt-2 h5 { font-size:22px; margin-bottom:35px; }
	.designCenter-box .txt-3 .imgbox { margin-top:35px; }
	.designCenter-box .txt-3 .imgbox:before { padding-bottom:26.3%; }
	.designCenter-box .txt-3 .imgbox .txtbox { padding:0 40px; gap:0 30px; bottom:30px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt { width:calc((100% - 30px) / 2); padding:25px 30px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt dt { margin-top:5px; font-size:21px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt dd { margin-top:8px; font-size:14px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt ul { gap:0 10px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt li { width:65px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt li img { max-width:100%; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt li span { margin-top:8px; font-size:12px; }
	.designCenter-box .num-txt .num { font-size:20px; }
	.designCenter-box .num-txt dt { margin-top:15px; font-size:28px; }
	.designCenter-box .num-txt dd { margin-top:15px; font-size:19px; }
	.designCenter-box .num-txt .img-list,
	.designCenter-box .imgbox-2 { margin-top:35px; }
	.designCenter-box .num-txt .img-list ul { gap:0 15px; }
	.designCenter-box .num-txt .img-list.i-1 li { width:calc((100% - 45px) / 4); }
	.designCenter-box .num-txt .img-list.i-3 li { width:calc((100% - 15px) / 2); }
	.designCenter-box .imgbox-2 { gap:0 15px; }

	.designCenter-box .list-1,
	.designCenter-box .txt-2,
	.designCenter-box .imgbox-1,
	.designCenter-box .num-txt .num,
	.designCenter-box .imgtxt-1,
	.designCenter-box .txt-3 { margin-top:100px; }
}
@media screen and (max-width:1280px){
	.designCenter-box .imgtxt strong { font-size:45px; }
	.designCenter-box .txt-1 { margin-top:120px; }
	.designCenter-box .txt-1 h3 { font-size:18px; margin-bottom:18px; }
	.designCenter-box .txt-1 h4 { padding-left:20px; font-size:30px; }
	.designCenter-box .txt-1 h4:before { width:4px; height:32px; }
	.designCenter-box .txt-1 dd { margin-top:20px; font-size:18px; }
	.designCenter-box .list-1 ul li { min-height:120px; }
	.designCenter-box .list-1 ul li .stxt-1 strong { font-size:30px; }
	.designCenter-box .list-1 ul li .stxt-1 span { font-size:26px; margin:0px 0 0 10px;}
	.designCenter-box .list-1 ul li .stxt-2 { margin-top:12px; font-size:19px; }
	.designCenter-box .list-1 ul li .stxt-3 { margin-top:5px; font-size:15px; }
	.designCenter-box .txt-2 h5 { font-size:20px; margin-bottom:30px; }
	.designCenter-box .txt-3 .imgbox { margin-top:30px; }
	.designCenter-box .txt-3 .imgbox:before { padding-bottom:26.3%; }
	.designCenter-box .txt-3 .imgbox .txtbox { padding:0 20px; gap:0 20px; bottom:20px;  }
	.designCenter-box .txt-3 .imgbox .txtbox .txt { width:calc((100% - 20px) / 2); padding:20px 15px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt dt { margin-top:5px; font-size:18px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt dd { margin-top:8px; font-size:13px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt ul { gap:0 5px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt li { width:60px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt li span { margin-top:5px; }
	.designCenter-box .num-txt .num { font-size:18px; }
	.designCenter-box .num-txt dt { margin-top:10px; font-size:24px; }
	.designCenter-box .num-txt dd { margin-top:10px; font-size:17px; }
	.designCenter-box .num-txt .img-list,
	.designCenter-box .imgbox-2 { margin-top:30px; }
	.designCenter-box .num-txt .img-list ul { gap:10px; }
	.designCenter-box .num-txt .img-list.i-1 li { width:calc((100% - 30px) / 4); }
	.designCenter-box .num-txt .img-list.i-3 li { width:calc((100% - 10px) / 2); }
	.designCenter-box .imgbox-2 { gap:0 10px; }

	.designCenter-box .list-1,
	.designCenter-box .txt-2,
	.designCenter-box .imgbox-1,
	.designCenter-box .num-txt .num,
	.designCenter-box .imgtxt-1,
	.designCenter-box .txt-3 { margin-top:80px; }
}
@media screen and (max-width:1024px){
	.designCenter-box .imgtxt strong { font-size:30px; }
	.designCenter-box .txt-1 { margin-top:100px; }
	.designCenter-box .txt-1 h3 { font-size:16px; margin-bottom:12px; }
	.designCenter-box .txt-1 h4 { padding-left:18px; font-size:24px; }
	.designCenter-box .txt-1 h4:before { width:3px; height:26px; }
	.designCenter-box .txt-1 dd { margin-top:15px; font-size:17px; }
	.designCenter-box .list-1 ul { gap:40px 0 }
	.designCenter-box .list-1 ul li:nth-child(3) { border-left:none}
	.designCenter-box .list-1 ul li { min-height:100px; width:50% }
	.designCenter-box .txt-2 h5 { font-size:18px; margin-bottom:20px; }
	.designCenter-box .txt-3 .imgbox { margin-top:20px; }
	.designCenter-box .txt-3 .imgbox:before { padding-bottom:60%; }
	.designCenter-box .txt-3 .imgbox .txtbox { padding:0 20px; gap:10px; bottom:20px; flex-wrap:wrap; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt { width:100%; border-radius:10px; }
	.designCenter-box .num-txt .num { font-size:16px; }
	.designCenter-box .num-txt dt { margin-top:8px; font-size:22px; }
	.designCenter-box .num-txt dd { margin-top:8px; font-size:16px; }
	.designCenter-box .num-txt .img-list,
	.designCenter-box .imgbox-2 { margin-top:20px; }
	.designCenter-box .num-txt .img-list.i-1 ul { flex-wrap:wrap; }
	.designCenter-box .num-txt .img-list.i-1 li { width:calc((100% - 10px) / 2); }
	.designCenter-box .imgbox-2 { gap:0 10px; }

	.designCenter-box .list-1,
	.designCenter-box .txt-2,
	.designCenter-box .imgbox-1,
	.designCenter-box .num-txt .num,
	.designCenter-box .imgtxt-1,
	.designCenter-box .txt-3 { margin-top:60px; }
}
@media screen and (max-width:640px){
	.designCenter-box .imgtxt strong { font-size:24px; }
	.designCenter-box .txt-1 { margin-top:60px; }
	.designCenter-box .txt-1 h3 { font-size:15px; margin-bottom:10px; }
	.designCenter-box .txt-1 h4 { padding-left:15px; font-size:22px; }
	.designCenter-box .txt-1 h4:before { width:2px; height:24px; }
	.designCenter-box .txt-1 dd { margin-top:15px; font-size:17px; }
	.designCenter-box .list-1 ul { gap:40px 0 }
	.designCenter-box .list-1 ul li:nth-child(3) { border-left:none}
	.designCenter-box .list-1 ul li { min-height:100px; width:50% }
	.designCenter-box .list-1 ul li .stxt-1 strong { font-size:26px; }
	.designCenter-box .list-1 ul li .stxt-1 span { font-size:22px; margin:0px 0 0 8px;}
	.designCenter-box .list-1 ul li .stxt-2 { margin-top:10px; font-size:17px; }
	.designCenter-box .list-1 ul li .stxt-3 { margin-top:5px; font-size:13px; }
	.designCenter-box .txt-2 h5 { font-size:17px; margin-bottom:15px; }
	.designCenter-box .txt-3 .imgbox { margin-top:15px; }
	.designCenter-box .txt-3 .imgbox:before { padding-bottom:350px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt dl { width:40%;}
	.designCenter-box .txt-3 .imgbox .txtbox .txt ul { width:60%; flex-wrap:wrap; justify-content:flex-end; gap:10px 5px; }
	.designCenter-box .txt-3 .imgbox .txtbox .txt ul li { width:calc((100% - 10px) / 3); }
	.designCenter-box .num-txt .num { font-size:15px; }
	.designCenter-box .num-txt dt { margin-top:5px; font-size:20px; }
	.designCenter-box .num-txt dd { margin-top:5px; font-size:15px; }
	.designCenter-box .num-txt .img-list,
	.designCenter-box .imgbox-2 { margin-top:15px; }
	.designCenter-box .imgbox-2 { gap:10px; flex-wrap:wrap; }
	.designCenter-box .imgbox-2 .l-box,
	.designCenter-box .imgbox-2 .l-box { position:relative; width:100%; }
	.designCenter-box .imgbox-2 .l-box:after { content:''; display:block; padding-bottom:40%; }
	.designCenter-box .imgbox-2 .l-box img { position:absolute; top:0; left:0; display:block; object-fit:cover; }
	.designCenter-box .imgbox-2 img { width:100%; height:100%; }

	.designCenter-box .list-1,
	.designCenter-box .txt-2,
	.designCenter-box .imgbox-1,
	.designCenter-box .num-txt .num,
	.designCenter-box .imgtxt-1,
	.designCenter-box .txt-3 { margin-top:40px; }
}

/* animation */
.designCenter-box .ani { opacity:0; }
.designCenter-box .subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.designCenter-box .imgtxt strong { opacity:0; }
.designCenter-box .imgtxt.subOn strong { animation:bgs3_1 0.5s 0.9s; animation-fill-mode:both; }


.registerBox .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.registerBox .os-theme-dark > .os-scrollbar-vertical, 
.registerBox .os-theme-light > .os-scrollbar-vertical { width:4px }
.registerBox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:var(--mainColor); width:4px; border-radius:4px; }
.registerBox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.registerBox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.registerBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.registerBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:var(--mainColor); border-radius:4px; }



/* organization */
.organization-box .org-box .list .tit .txt { padding-left:15px; font-size:20px; }
.organization-box .org-box .list dd li .sbox { height:54px; font-size:18px; width:114%; }
.organization-box .org-box .list dd li li { padding-left:40px; }
.organization-box .org-box .list dd li li .sbox { font-size:16px; }
.organization-box .org-box .list.org-5 p { text-align:center; width:180px; height:50px; background:#004098; border-radius:70px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:19px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }

.organization-box .org-box .list.org-3 dd { display:flex; flex-direction:column; gap:20px 58px; padding:20px 0 0 30px; }
.organization-box .org-box .list.org-3 dd:before { content:""; display:block; position:absolute; left:0; top:20px; width:2px; height:calc(50% + 27px); background:#e5e5e5; }
.organization-box .org-box .list.org-5 dd:before { height:calc(50% + 100px); }
.organization-box .org-box .list.org-3 dd:after { display:none; }
.organization-box .org-box .list.org-3 dd .box { padding-top:0; position:relative; }
.organization-box .org-box .list.org-3 dd .box:before { content:""; display:block; position:absolute; left:-15px; top:25px; width:30px; height:2px; background:#e5e5e5; }
.organization-box .org-box .list.org-3 dd p { width:220px; font-size:19px; }
.organization-box .org-box .list.org-3 dd li { padding-left:45px; }
@media screen and (max-width:1440px){
	.organization-box .org-box .list .tit .txt { padding-left:10px; font-size:18px; }
	.organization-box .org-box .list dd li .sbox { font-size:17px; }
	.organization-box .org-box .list.org-3 dd p { font-size:18px; }
	.organization-box .org-box .list.org-3 .tit { width:200px; }
	.organization-box .org-box .list.org-3 dd { gap:20px;  }
}
@media screen and (max-width:1280px){
	.organization-box .org-box .list .tit { width:180px; }
	.organization-box .org-box .list .tit .txt { font-size:16px; }
	.organization-box .org-box .list dd li .sbox { font-size:16px; }
	.organization-box .org-box .list.org-3 dd p { width:190px;font-size:17px; }
	.organization-box .org-box .list.org-3 dd { gap:15px; }
}
@media screen and (max-width:1024px){
	.organization-box .org-box .list .tit { width:220px; }
	.organization-box .org-box .list .tit .txt { padding-left:10px; font-size:18px; }
	.organization-box .org-box .list dd li .sbox { font-size:18px; width:100%; }
	.organization-box .org-box .list.org-3 dd { gap:0 15px; flex-direction:row; padding:35px 0 0; }
	.organization-box .org-box .list.org-3 dd:before,
	.organization-box .org-box .list.org-5 dd:before { left:30%; top:0; height:35px; }
	.organization-box .org-box .list.org-3 dd:after { display:block; top:35px; width:calc(100% - 200px); }
	.organization-box .org-box .list.org-3 dd p { font-size:18px; height:50px; }
	.organization-box .org-box .list.org-3 dd .box { padding-top:35px; }
	.organization-box .org-box .list.org-3 dd .box:before { width:2px; height:35px; left:50%; top:0; transform:translate(-50%); }
}
@media screen and (max-width:640px){
	.organization-box .org-box .list .tit .txt { font-size:16px; }
	.organization-box .org-box .list dd li .sbox { font-size:16px; }
	.organization-box .org-box .list.org-3 dd p { font-size:16px; width:130px; height:60px; }
	.organization-box .org-box .list.org-3 dd:after { width:calc(100% - 150px); }
}


@media screen and (max-width:1440px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:640px){
}