@font-face{font-family:Neo-Sans;font-weight:300;src:url(../fonts/NeoSans/neo-sans-std-light.otf)}
@font-face{font-family:Neo-Sans;font-weight:400;src:url(../fonts/NeoSans/neo-sans-std.otf)}
@font-face{font-family:Neo-Sans;font-weight:600;src:url(../fonts/NeoSans/Neo_Sans_Medium.ttf)}
@font-face{font-family:Neo-Sans;font-weight:700;src:url(../fonts/NeoSans/neo-sans-std-bold.otf)}
@font-face{font-family:Neo-Sans;font-weight:900;src:url(../fonts/NeoSans/neo-sans-std-black.otf)}
main{position:relative}
section.content{padding-bottom:45px;min-height: 60vh}
a{text-decoration:none!important;cursor:pointer;display:inline-block;color:inherit}
a:hover{color:inherit}
.warp-desc{color: black;text-align: justify;line-height: 32px}
.warp-desc p{margin-bottom: 1rem}
.warp-desc p:last-child{margin-bottom: 0px}
.warp-desc a{color: #009bdf}
p,h1,h2,h3,h4,h5,h6{margin-bottom:.3rem}
h1,h2,h3,h4,h5,h6{font-weight:900}
b,strong{font-weight:700}
h4{color:#5F5F5F;font-size:1.4rem;line-height:35px}
.c-blue-link{color: #009bdf}
.pt-35{padding-top:35px}
.pt-60{padding-top:60px}
i.icon{line-height:0}
.c-flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}
.icon-warp{display:flex;align-items:center}
.icon-warp span{letter-spacing:.195em;color:#6D6E71;font-size:8.3pt;font-weight:600}
.icon-warp a{border:1px solid #fff;border-radius:50%;display:flex;width:25px;height:25px;align-items:center;justify-content:center;color:#fff;font-size:9pt}
.btn.focus,.btn:focus,button:focus{outline:none;box-shadow:none}
.btn{border-radius:0;font-weight:600;letter-spacing:.1em}
.btn.hblack-outline-btn{border:2px solid #272526;color:#272526}
.btn.blue-outline-btn{border:2px solid #009BDF;color:#009BDF}
.btn.blue-btn{background:#009BDF;color:#fff}
.btn.gray-btn{background:#D1D3D4;color:#fff}
.btn.dark-btn{background:#6D6E71;color:#fff}
.btn.dark-outline-btn{border:2px solid #6D6E71;color:#6D6E71}
.btn.bdark-btn{background:#454545;font-weight:400;color:#fff;border-radius:5px;padding:7px 30px;letter-spacing:normal}
.btn.bdark-outline-btn{border:1px solid #454545;color:#454545;border-radius:5px;padding:3px;font-weight:400}
.btn.brown-btn{background:#5F5F5F;color:#fff}
.btn.brown-btn:hover{background:#6D6E71}
.btn.bdark-btn:hover{color:#9f9f9f}
.btn.bdark-outline-btn:hover{color:#9f9f9f;border-color:#9f9f9f}
.btn.dark-outline-btn:hover{border-color:#009BDF;color:#009BDF}
.btn.dark-btn:hover{background:#5F5F5F}
.btn.btn-icon{width:180px;padding:7px}
.btn-icon .icon{font-size:15pt}
.btn-icon .text{font-size:12pt;margin-left:7px}
.btn.more-btn{background:#E6E6E8;color:#6D6E71;box-shadow:0 4px 4px rgba(0,0,0,0.25);padding:8px;text-transform:uppercase}
.btn.more-btn:hover{background:#A9A9A9;color:#fff}
.lane-white{width:51px;height:4px;background:#fff}
.lane-blue{width:55px;height:4px;background:#009BDF}
.lane-gray{background:#C8C8C8;width:55px;height:4px}
.lane-dark{background:#5F5F5F;width:30px;height:4px}
.lane-gdark{background:#6D6E71;width:30px;height:4px}
.lane-glight{background:#AAA;width:55px;height:4px}
.lane-gmlight{background:#DBDBDB;height:4px;width:40px}
.tab-1{border-top:3px solid #BFBFBF;border-bottom:1px solid #BFBFBF;padding:5px 0;margin-top:5px;margin-bottom:10px}
.tab-1 .nav-link{color:#BDBDBD;font-size:1.4rem;font-weight:900}
.tab-2 .nav-link{color:#C4C4C4;font-size:1.2rem;font-weight:900}
.tab-3 .nav-link{color:#A9A9A9;font-size:1rem;font-weight:400}
.tab-4 .nav-link{color:#A9A9A9;font-size:1.3rem;text-transform:uppercase;font-weight:900}
.tab-5 .nav-link{color:#5F5F5F;font-size:1.1rem;text-transform:uppercase;font-weight:900}
.tab-2,.tab-3,.tab-4,.tab-5{border-bottom:initial}
.nav-tabs .nav-item{margin-bottom:0}
.tab-1 .nav-link span,.tab-3 .nav-link span{font-weight:300;padding:0 12px;font-size:14pt;position:relative;top:-3.4px;color:#A5A5A5}
.tab-3 .nav-link span{font-size:10pt;color:#009BDF;top:-2px;font-weight:600}
.nav-tabs .nav-link{border:initial;border-top-left-radius:initial;border-top-right-radius:initial;padding:0}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover,.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#009BDF!important;background-color:initial;border-color:initial}
.tab-2 .lane-tabs,.tab-5 .lane-tabs,.tab-4 .lane-tabs{display:inline-block;width:4px;background:#009BDF;height:16px;margin:0 15px}
.tab-5 .lane-tabs{height:14px}
.tab-2 .lane-tabs{background:#595959;height:15px}
.cube-tab{border:none}
.cube-tab .nav-link{display:flex;align-items:center;justify-content:center;font-weight:900;color:#6D6E71}
.cube-tab .nav-item{margin-right:55px}
.cube-tab .nav-item:last-child{margin-right:0}
.cube-tab .ktk{background:#6D6E71;width:13px;height:13px;margin-right:8px}
.cube-tab .nav-item.show .ktk,.cube-tab .nav-link.active .ktk,.cube-tab .nav-link:hover .ktk{background:#009BDF!important}
.form-control{border:1px solid #6D6E71;border-radius:.1rem}
.form-control:focus{border-color:#009bdf}
.custom-file-input{cursor:pointer}
.custom-file-label{overflow:hidden;text-overflow:ellipsis}
.custom-checkbox .custom-control-label::before{border-radius:initial}
.custom-control-label{cursor:pointer}
.select2{width:100%!important}
.sub-ver1{width:68%}
.sub-ver1 h4{text-transform:uppercase;margin-bottom:0;line-height:28px;margin-top:3px}
.sub-ver1 hr{margin:7px 0}
.sub-ver1 .lane-gdark{margin:20px 0 5px}
.sub-ver1 .ket{text-align:justify}
.sub-ver1 .ket img{width: 100%;object-fit: contain}
.sub-ver1 .ket p{line-height:32px;padding-bottom:10px}
.sub-ver1 .ket p:last-child{padding-bottom:0}
#page-prev{position:relative;top:-3px;margin-right:9px;display:block}
#page-prev img{width:15px}
.df-pagprev{display:flex;text-transform:uppercase}
.warp-doc > a{color:#000;box-shadow:0 4px 4px rgba(0,0,0,0.25);width:100%;height:100%;transition:.2s ease-in;position:relative;display:block}
.warp-doc > a[href]:hover{border:3px solid #009BDF}
.warp-doc > a:not([href]):hover{cursor:default}
.warp-doc p{color:#bdbdc6;font-size:.9rem}
.warp-doc h5{font-weight:600;font-size:1rem}
.warp-doc .author{display:flex;align-items:center}
.warp-doc .author img{width:25px;padding-right:10px}
.warp-doc .author span{color:#29588e;font-size:.9rem}
.warp-doc .ket{padding:30px 20px}
.warp-doc .ket2{padding:15px!important}
.warp-doc .tgl{padding:10px}
.warp-doc .only-title{padding:10px;text-align:center}
.accordion .card{border:none;border-radius:0;margin-bottom:40px}
.accordion>.card>.card-header{padding:0;border:1px solid #A9A9A9;border-right:4px solid #6D6E71;margin-bottom:0;background:none;cursor:pointer}
.accordion .card-header h6{color:#6D6E71;line-height:28px;font-weight:600}
.accordion .card-header h4{line-height:28px;font-size:1.2rem}
.accordion .warp-title{display:flex}
.accordion .card .card-body{border:1px solid #A9A9A9;border-top:none;padding:30px 60px 20px}
.accordion .card .box{background:#A9A9A9;display:flex;align-items:center;justify-content:center;width:15%;padding:60px 0;transition:.3s ease-out}
.accordion .card .mini-title{display:flex;flex-direction:column;justify-content:center;width:85%;padding:15px 30px}
.accordion .card .box img{width:40px;transition:.2s ease-out}
.accordion .card-body a{color:#000;font-weight:600}
.accordion .card.active .box img{transform:rotate(180deg);transition:.3s ease-in}
.card-news{background:#FFF;box-shadow:0 1px 8px rgba(0,0,0,0.25);height:100%}
.card-news img, .card-event img, .warp-doc .img-report img{height:190px;object-fit:cover;object-position: center}
.card-news .ket{padding:20px;display:block;transition:.3s linear}
.card-news .ket h4{font-size:1.1rem;line-height:normal;transition:.3s linear}
.card-news .ket p{color:#6D6E71;font-size:.8rem}
.card-news .ket:hover h4{color:#009BDF}
.card-event{background:#FFF;box-shadow:0 1px 8px rgba(0,0,0,0.25);padding:10px;display:block;transition:.3s linear;height:100%}
.card-event h4{font-size:.95rem;line-height:normal;transition:.3s linear}
.card-event p{color:#6D6E71;font-size:8pt;font-weight:600}
.card-event .lane-glight{width:30px;margin-bottom:5px}
.card-event .img-card{margin-top:10px}
.card-event:hover{transform:scale(1.01)}
.card-event:hover h4{color:#009BDF}
.time-place{display:flex;margin-top:15px}
.time-place .tgl{text-transform:uppercase}
.time-place .info{display:flex;align-items:center;margin-right:25px}
.time-place .info img{margin-right:8px;width:18px}
.time-place .info span{color:#6D6E71;font-size:9pt}
.time-place .info:last-child{margin-right:0}
.color-event{padding:0;margin-bottom:0;list-style:none}
.color-event .event-aftech{display:flex;align-items:center;font-weight:900;}
.color-event .ktk{width:13px;height:13px;margin-right:8px}
.color-event .blue .ktk{background:#009BDF}
.color-event .gray .ktk{background:#6D6E71}
.color-event .blue{color:#009BDF}
.color-event .gray{color:#6D6E71}
@media only screen and (min-width: 1700px) {
.card-news img, .card-event img, .warp-doc .img-report img{height:210px}
}
@media only screen and (min-width: 768px) {
.pl-115{padding-left:35px}
.pr-115{padding-right:35px}
.pr-60{padding-right:18px}
.pl-60{padding-left:18px}
.px-60{padding-left:18px;padding-right:18px}
.px-115{padding-left:35px;padding-right:35px}
}
@media only screen and (min-width: 992px) {
.pl-115{padding-left:58px}
.pr-115{padding-right:58px}
.pr-60{padding-right:28px}
.pl-60{padding-left:28px}
.px-60{padding-left:28px;padding-right:28px}
.px-115{padding-left:58px;padding-right:58px}
}
@media only screen and (min-width: 1200px) {
.pl-115{padding-left:115px}
.pr-115{padding-right:115px}
.pr-60{padding-right:60px}
.pl-60{padding-left:60px}
.px-60{padding-left:60px;padding-right:60px}
.px-115{padding-left:115px;padding-right:115px}
}
@media only screen and (max-width:1300px){
    .color-event .event-aftech{font-size:.9rem!important}
}
@media only screen and (max-width: 1024px) {
.sub-ver1{width:75%}
.pt-35,.pt-60{padding-top:20px}
.card-news img, .card-event img, .warp-doc .img-report img{height:150px}
}
@media only screen and (max-width: 991px) {
.accordion .card .mini-title{padding:15px 20px}
h4{font-size:1.2rem;line-height:30px}
.btn{font-size:.9rem}
.accordion .card .box img{width:30px}
.time-place{display:block}
.time-place .info{margin-right:0;margin-bottom:10px}
.time-place .info:last-child{margin-bottom:0}
.time-place .info span{font-size:7pt}
.time-place .info img{width:14px}
.cube-tab .nav-link{font-size:.9rem}
.warp-desc{font-size:.9rem;line-height: 28px}
.card-news .ket p{font-size:.65rem}
.card-news .ket h4{font-size:.9rem}
.card-news .ket{padding:15px}
.card-event h4{font-size:.85rem}
.card-event p{font-size:7pt}
.card-event .lane-glight{width:20px}
.warp-doc h5{font-size:.9rem}
.warp-doc p,.warp-doc .author span{font-size:.8rem}
.warp-doc .ket{padding:20px 15px}
.icon-warp a{width:20px;height:20px;font-size:7pt}
.icon-warp span{font-size:7pt}
.sub-ver1 .ket p{line-height:24px;font-size:.92rem}
.checkmark{height:18px;width:18px}
.btn.btn-icon{width:160px}
}
@media only screen and (max-width: 794px) {
.sub-ver1{width:82%}
}
@media only screen and (max-width: 767px) {
.shadow-square{background:#FFF;padding:15px;box-shadow:1px 1px 4px rgba(0,0,0,0.25);border-radius:8px}
.sub-ver1{width:100%}
}
@media only screen and (max-width: 575px) {
.accordion .card .box{width:25%}
.accordion .card .card-body,.accordion .card .mini-title{padding:15px}
.accordion .card .mini-title{width:75%}
.accordion .card-header h6{font-size:.9rem}
.accordion .card-header h4{font-size:1rem}
.accordion .card-body{font-size:.85rem}
.card-news .ket p{font-size:.5rem}
.card-news .ket h4{font-size:.65rem}
.card-news img, .card-event img, .warp-doc .img-report img{height:100px}
.mobile-scroll{flex-wrap:nowrap;overflow:hidden;overflow-x:scroll}
.warp-doc .ket{padding:10px}
.warp-doc .ket2{padding:10px!important}
.warp-doc p,.warp-doc .author span{font-size:.5rem}
.warp-doc h5{font-size:.65rem}
.warp-doc .author img{width:20px;padding-right:8px}
.card-event h4{font-size:.6rem}
.card-event p{font-size:5.5pt}
 .color-event .event-aftech{font-size:.8rem!important}
}