.copylink{position:relative}.copylink.clicked:after{position:fixed;content:"Website link copied. Please open the internet browser, paste the link and proceed to the website.";background-color:#fcce00;color:#000;display:block;padding:7px 14px;border-radius:20px;left:50%;transform:translate(-50%);bottom:10%;font-size:.75rem;line-height:125%;width:78vw;text-align:center;font-weight:700;z-index:9999}h2.ico{display:flex;align-items:center;margin-bottom:16px;position:relative}h2.ico img{max-width:24px;margin-right:8px}h2.ico .label{color:#275473;font-size:1.1em}h2.ico a{position:absolute;right:0;top:1px;font-weight:400;font-size:.9em}section#announcement .list .item{display:flex;background-color:#f2f2f2;border-radius:16px;padding:15px 10px;font-size:.9em}section#announcement .list .item:not(:last-child){margin-bottom:15px}section#announcement .list .item .color.dot{min-width:8px;height:8px;margin:5px 10px 5px 0;border-radius:10px}section#announcement .list .item .info{line-height:120%}section#announcement .list .item .info .title{font-weight:700;font-size:1.1em;color:#000;margin-bottom:8px}section#announcement .list .item .info .desc{font-size:.9em}section#class .list .item{display:flex;background-color:#f2f2f2;border-radius:16px;padding:15px 10px;font-size:.9em}section#class .list .item:not(:last-child){margin-bottom:15px}section#class .list .item .color{min-width:5px;margin:5px 10px 5px 0;border-radius:10px}section#class .list .item .info{line-height:120%}section#class .list .item .info .code-yr-name{font-weight:700;font-size:1.1em}section#class .list .item .info .location-time{margin:8px 0}section#class .list .item .info .desc{font-size:.9em}section#news .list .item{background-color:#f2f2f2;border-radius:16px;padding:15px 10px;font-size:.9em;display:block}section#news .list .item .title{font-weight:700;font-size:1.1em;color:#000}section#news .list .item .date-author{color:#275473;margin:4px 0}section#news .list .item .desc{color:#000;font-size:.9em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}section#events .list .item{background-color:#f2f2f2;border-radius:16px;padding:15px 10px;font-size:.9em;display:block;position:relative}section#events .list .item:not(:last-child){margin-bottom:20px}section#events .list .item .status{position:absolute;font-size:.9em;background-color:#fff;border-radius:15px;padding:4px 8px;line-height:100%;right:10px;top:-10px;box-shadow:0 2px 6px #0000001a}section#events .list .item .status.onwaiting{background-color:#fff;color:#666}section#events .list .item .status.successful{background-color:#36d498;color:#fff}section#events .list .item .status.unsuccessful{background-color:#9e6d79;color:#fff}section#events .list .item .pic{margin-bottom:16px}section#events .list .item .pic img{border-radius:10px}section#events .list .item .name{font-weight:700;font-size:1.1em;color:#000}section#events .list .item .deadline{margin:8px 0;color:#275473}section#events .list .item .desc{font-size:.9em;color:#000}.btn{display:block;color:#fff;padding:12px;border-radius:12px;font-weight:700;width:100%;text-align:center}.btn.sty1{background-color:#43d1e1}.btn.sty2{background-color:#275473}.btn.sty3{border:solid 1px #FFF}.btn:hover{box-shadow:0 5px 15px #0006}section#form .fields{margin:24px 0}section#form fieldset{margin-bottom:16px}section#form .btns>*{margin:10px 0}section#form .btns a{display:block;text-align:center;color:#275473}section#form .btns button{background-color:#275473;color:#fff;width:100%;padding:16px;text-align:center;border:none;font-weight:700;border-radius:16px;font-size:1em}input[type=text],input[type=email],input[type=password],input[type=tel]{width:100%;background-color:#eee;border:none;border-radius:12px;padding:12px;font-size:.9em}.com-select>select{padding:10px;font-size:1rem;width:100%;border-radius:4px;border:solid 1px rgba(0,0,0,.2);background-color:#fff}.com-video{padding-top:56.25%;position:relative}.com-video>*{position:absolute;left:0;top:0;width:100%;height:100%}.com-tab .com-tab-nav{margin-bottom:20px;font-size:.9em}.com-tab .com-tab-nav .wrap{background-color:#f2f2f2;border-radius:12px;display:flex;justify-content:space-between;padding:4px}.com-tab .com-tab-nav .wrap a{display:block;text-align:center;color:#000;padding:8px;border-radius:12px;width:33%}.com-tab .com-tab-nav .wrap a.current{background-color:#fff;font-weight:700;color:#275473}.com-tab .com-tab-body .tab-item{display:none}.com-tab .com-tab-body .tab-item.current{display:block}.com-toggle .com-toggle-item{margin-bottom:24px;background-color:#fff;border-radius:16px}.com-toggle .com-toggle-item .com-toggle-head{display:flex;justify-content:space-between;align-items:center;padding:20px;line-height:120%}.com-toggle .com-toggle-item .com-toggle-head:after{width:20px;min-width:20px;height:20px;margin-left:10px;display:block;content:"";background-image:url(../images/ico_add.svg)}.com-toggle .com-toggle-item .com-toggle-body{padding:0 20px 20px}.com-toggle .com-toggle-item.open .com-toggle-head:after{background-image:url(../images/ico_sub.svg)}.com-toggle .com-toggle-item.open .com-toggle-body{display:block}.com-toggle .com-toggle-item.disabled .com-toggle-head{cursor:default}.com-toggle .com-toggle-item.disabled .com-toggle-head:after{display:none}.com-pagin{display:flex;justify-content:center;align-items:center;margin:40px 0}.com-pagin a{padding:8px;border-radius:8px;color:#000;margin:0 2px}.com-pagin a.current{background-color:#275473;color:#fff}.com-pagin a.btn-prev,.com-pagin a.btn-next{font-size:1.4em;padding-bottom:12px}.com-pagin a:hover{text-decoration:underline}.swiper-wrapper{align-items:center!important}.swiper-slide{background-color:#f2f2f2}.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px}.swiper-pagination .swiper-pagination-bullet-active{background-color:#275473}.mfp-figure{margin-top:-4vh;position:relative}.mfp-figure img.mfp-img{max-height:92vh!important}.mfp-figure .mfp-bottom-bar{margin-top:-28px}.checkbox{display:block;position:relative;padding-left:32px;cursor:pointer;font-size:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:1em}.checkbox input{position:absolute;opacity:0;cursor:pointer;left:0;top:0;z-index:1}.checkbox .ico{position:absolute;top:0;left:0;height:16px;width:32px;max-width:none!important;background-color:#eee;border-radius:50px}.checkbox:hover input~.ico{background-color:#ccc}.checkbox input:checked~.ico{background-color:#275473}.checkbox .ico:after{content:"";position:absolute;display:block;width:20px;height:20px;border-radius:50%;background-color:#fff;left:-5px;top:-2px;border:solid 1px #CCC}.checkbox input:checked~.ico:after{display:block;left:15px;box-shadow:0 2px 4px #0003}
