@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');

.inner{position:relative;margin-left:auto;margin-right:auto;max-width: 1600px;width: 100%;}

#header{position: fixed;top:0;left:0;right:0;z-index: 1000;background: #ffffff;transition: all 0.5s;}
#header:after{content:'';position:absolute;bottom:0;left:0;right: 50%;height:1px;background:#e0e0e0;}
#header .inner{position:relative;z-index:10;}
#header .header-top{display:flex;align-items:center;height:70px;background:#ffffff;}
#header .header-top .util-wrap{margin-left:auto;display:flex;align-items:center;gap:10px;}
#header .header-top .util-wrap .search{position:relative;}
#header .header-top .util-wrap .search .search-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:45px;height:45px;border-radius:45px;background:#e8edfb;}
#header .header-top .util-wrap .search .search-btn i{width:20px;height:20px;background:url("../img/common/ic_search.svg") no-repeat center / contain;}
#header .header-top .util-wrap .language{position:relative;}
#header .header-top .util-wrap .language .language-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:45px;height:45px;border-radius:45px;background:#e8edfb;transition: all 0.5s;}
#header .header-top .util-wrap .language .language-btn i{width:20px;height:20px;background:url("../img/common/ic_globe.svg") no-repeat center / contain;}
#header .header-top .util-wrap .language .language-box{position:absolute;top:100%;left: 50%;width:100px;border-radius: 20px;background: #e8edfb;padding: 10px;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all 500ms;z-index: 5;}
#header .header-top .util-wrap .language .language-box>li{}
#header .header-top .util-wrap .language .language-box>li>a{display:block;line-height: 38px;font-size: 16px;font-weight: 500;color: #212121;text-align:center;border-radius:10px;}
#header .header-top .util-wrap .language .language-box>li>a:hover{}
#header .header-top .util-wrap .language .language-box>li.on>a{color:#102a79;text-decoration:underline;}
#header .header-top .util-wrap .language.active .language-btn{background:#102A79;}
#header .header-top .util-wrap .language.active .language-btn i{width:20px;height:20px;background:url("../img/common/ic_globe_w.svg") no-repeat center / contain;}
#header .header-top .util-wrap .language.active .language-box{top:calc(100% + 15px);opacity:1;visibility:visible;}
#header .header-top .util-wrap .started{position:relative;}
#header .header-top .util-wrap .started .started-btn{display:flex;align-items:center;justify-content:center;padding:0 20px;height:45px;border-radius:45px;border:1px solid #143597;font-size:16px;font-weight:500;color:#143597;transition: all 0.5s;}
#header .header-top .util-wrap .started .started-btn:hover{background:#102A79;color:#fff;}
#header .header-top .util-wrap .member{position:relative;}
#header .header-top .util-wrap .member .member-btn{position:relative;width: 45px;height: 45px;border-radius: 45px;display: flex;align-items: center;justify-content: center;background: #fff;border: 2px solid #32c19b;padding:3px;cursor: pointer;}
#header .header-top .util-wrap .member .member-btn img{width:100%;height:100%;object-fit:cover;border-radius:45px;}
#header .header-top .util-wrap .member .member-box{position:absolute;top:55px;left:50%;z-index:-1;transform:translateX(-50%);width:120px;border-radius:20px;background:#e6f7f3;padding:10px;opacity: 0;visibility: hidden;transition: all 0.3s;}
#header .header-top .util-wrap .member .member-box a{display:block;line-height:38px;font-size:16px;font-weight:600;color:#212121;text-align:center;}
#header .header-top .util-wrap .member .member-box a:hover{color:#03664c;text-decoration:underline;}
#header .header-top .util-wrap .member.show .member-box{opacity:1;visibility:visible; z-index:10;}
#header .header-top .util-wrap .kerc{position:relative;}
#header .header-top .util-wrap .kerc .kerc-btn{display:flex;align-items:center;justify-content:center;padding:0 20px;height:45px;border-radius:45px;font-size:16px;font-weight:700;color:#fff;background: linear-gradient(270deg, #2B579A 0%, #4F86D9 100%);transition:all 0.5s;}
#header .header-top .util-wrap .kerc .kerc-btn:hover{background: linear-gradient(to right, #047F5E, #28558A);}
#header .header-top .util-wrap .nrf .kerc-btn{display:flex;align-items:center;justify-content:center;padding:0 20px;height:45px;border-radius:45px;font-size:16px;font-weight:700;color:#fff;background: linear-gradient(270deg, #5C90CD 0%, #62CFB2 100%);transition:all 0.5s;}
#header .header-top .util-wrap .nrf .kerc-btn:hover{background: linear-gradient(to right, #047F5E, #28558A);}
#header .header-top .logo{}
#header .header-main{display: flex;align-items: center;justify-content:flex-end;height:70px;transition:all 0.5s;}
#header .header-main .nav{position: relative;display:flex;align-items:center;width:100%;}
#header .header-main .nav .dp1{display:flex;width:100%;}
#header .header-main .nav .dp1 .dl1{position: static;display:flex;align-items:center;justify-content:center;flex:auto;width: auto;transform: none !important;}
#header .header-main .nav .dp1 .dl1 .da1{position:relative;display: flex;align-items: center;justify-content: center;padding: 0 10px; width:100%; height: 70px;line-height: 1.2;font-size: 16px;font-weight: 500;color: #fff;text-align: center;transition:all 0.5s;}
#header .header-main .nav .dp1 .dl1.on .da1{background:#049871;}
#header .header-main .nav .dp1 .dl1.on .dp2{opacity:1;visibility:visible;}
#header .header-main .nav .dp2{position:absolute;top: 70px;left: 0;width: 100%;transition:all 0.5s;background: #049871;display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden; display:none;}
#header .header-main .nav .dp2 .dl2{display:flex;align-items:center;justify-content:center;flex: 0 0 auto;height: 70px;}
#header .header-main .nav .dp2 .dl2 .da2{position:relative;display: flex;align-items: center;justify-content: center;padding: 0 20px;line-height: 30px;font-size: 16px;font-weight: 500;color: #fff;text-align: center;transition:all 0.5s;}
#header .header-main .nav .dp2 .dl2 .da2:hover{text-decoration:underline;}
#header .header-main .nav .dp2 .dl2.on .da2{text-decoration:underline;}
.header-main-wrap{position:relative; z-index:2; background-color:#047F5E;}
#allmenu{position:fixed;inset:0;z-index:1002;background:#232f53;opacity:0;visibility:hidden;transition:all 0.3s;z-index: 1001;}
#allmenu.active{opacity:1;visibility:visible;}
#allmenu .head{display:flex;align-items: center;height:126px;padding:50px 50px 0;}
#allmenu .head .logo{width: 150px;height: 76px;margin: 0 auto 0 0;}
#allmenu .head .logo a{display:block;width:100%;height:100%;background:url("../img/common/logo.svg") no-repeat center / contain;}
#allmenu .head .language{display:flex;align-items:center;margin-left:20px;}
#allmenu .head .language a{display:flex;align-items:center;line-height:34px;font-size:16px;font-weight:400;color:#fff;}
#allmenu .head .language a:after{content:'';margin:0 10px;width:12px;height:1px;background:#bdbdbd;transform:rotate(-45deg);}
#allmenu .head .language a:last-of-type:after{display:none;}
#allmenu .head .close{margin-left:20px;display:flex;align-items:center;padding:0 20px;height:34px;cursor:pointer;font-size:18px;font-weight:400;color: #fff;border-radius:34px;border:1px solid rgb(255 255 255 / 0.5);transition:all 0.5s;}
#allmenu .head .close:hover{background:#fff;color:#232f53;}
#allmenu .body{height:calc(100dvh - 126px - 100px);padding:100px 20px;overflow-y: auto;}
#allmenu .body::-webkit-scrollbar {display: none;}
#allmenu .home{margin:0 auto;width:1490px;max-width:100%;margin-bottom:30px;}
#allmenu .home a{display:flex;align-items:center;line-height:55px;font-size:25px;font-weight:600;color:#fff;gap:10px;}
#allmenu .home a:before{content:'';width:40px;height:40px;background:url("../img/common/ic_back.svg") no-repeat center / contain;}
#allmenu .cont{margin:0 auto;width:1490px;max-width:100%;display:flex;align-items:flex-end;justify-content:space-between;}
#allmenu .cont{scrollbar-width: none;-ms-overflow-style: none;}
#allmenu .menu{flex: 1;width: 100%;}
#allmenu .menu .dp1{display: flex;flex-direction: column;gap: 10px;}
#allmenu .menu .dp1 .dl1{display:flex;align-items: flex-start;gap: 50px;}
#allmenu .menu .dp1 .dl1 .da1{position:relative;line-height: 65px;font-size: 55px;font-weight:700;color:#fff;font-family: "Poppins", sans-serif;}
#allmenu .menu .dp1 .dl1.on .da1:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;}
#allmenu .menu .dp2{flex: 1;display: flex;flex-wrap: wrap;text-align:center;gap: 15px;padding: 10px 0;}
#allmenu .menu .dp2 .dl2{}
#allmenu .menu .dp2 .dl2 .da2{display: flex;align-items: center;justify-content: center;padding: 0 22px;height: 44px;font-size:18px;font-weight:600;color: #fff;border: 1px solid rgb(255 255 255 / 0.5);border-radius: 44px;transition:all 0.5s;}
#allmenu .menu .dp2 .dl2 .da2:hover{background:#fff;border-color:#fff;color:#232f53;}
#allmenu .other{flex: 0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;}
#allmenu .other>.link{display: flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}
#allmenu .other>.link>a{display:flex;align-items: center;justify-content: flex-end;line-height:65px;font-size:55px;font-weight:700;color:#fff;white-space: nowrap;font-family: "Poppins", sans-serif;}
#allmenu .other>.link>a.blank{}
#allmenu .other>.link>a.blank:before{content:'';width:40px;height:40px;margin:7px 10px 0 0;flex:0 0 auto;background:url("../img/ic_blank.svg") no-repeat center / contain;}
#allmenu .other>.link>a.border{-webkit-text-stroke: 1px rgb(255 255 255 / 0.9);color: transparent;}
#allmenu .other>.cite{line-height:22px;font-size:15px;font-weight:400;color:rgb(255 255 255 / 0.4);}
#allmenu .bottom{height:100px;background:#1b2541;}

#contact{position: relative;background: #03664C;}
#contact:before{content: '';position: absolute;top: 0;left: 50%;width: 1600px;max-width: 100%;height: 100%;border-left: 1px solid rgb(255 255 255 / 20%);border-right: 1px solid rgb(255 255 255 / 20%);pointer-events: none;transform: translateX(-50%);}
#contact .inner{display:flex;}
#contact .title{display:flex;padding:60px 50px;line-height:50px;font-size:40px;font-weight:700;color:#fff;width:400px;border-right:1px solid rgb(255 255 255 / 20%);}
#contact .text{flex:1;padding:60px 50px;}
#contact .text .t1{display:flex;align-items:center;gap:10px;margin-bottom:20px;line-height:32px;font-size:30px;font-weight:600;color:#fafafa;}
#contact .text .t1 button{position:relative;color:#62cfb2;}
#contact .text .t1 button:before{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:#62cfb2;}
#contact .text .t2{line-height:24px;font-size:18px;font-weight:400;color:#eee;}

#newsletter{position: relative;background:url("../img/main/newsletter_bg.png") no-repeat center / cover;}
#newsletter .inner{display:flex;}
#newsletter .title{display:flex;padding:60px 50px;line-height:50px;font-size:40px;font-weight:700;color:#212121;width:400px;border-right:1px solid #e0e0e0;}
#newsletter .text{flex:1;padding:60px 50px;display: flex;align-items: center;gap:50px;}
#newsletter .text .txt{line-height:1;font-size:30px;font-weight:600;}
#newsletter .text .txt span{color:#3878C2;vertical-align: top;}
#newsletter .text .inp{width:365px;max-width:100%;padding:0 0 10px;border-bottom:1px solid #616161;display:flex;align-items:center;}
#newsletter .text .inp input{flex:1;width:100%;height:45px;border:0;}
#newsletter .text .inp button{border:1px solid #e0e0e0;width:45px;height:45px;background: url(../img/common/ic_arrow.svg) no-repeat center;}
#newsletter .text .inp button:hover{border-color:#9e9e9e;}

#footer{position:relative;border-top:1px solid #e0e0e0;}
#footer .inner{display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .logo{padding: 45px 25px;width: 400px;display: flex;align-items: center;justify-content: center;border-right:1px solid #e0e0e0;}
#footer .logo a{display:flex;align-items:center;width:350px;height:60px;filter:grayscale(1);}
#footer .cont{flex:1;padding:0 50px;display:flex;align-items:center;justify-content:space-between;}
#footer .cont .cite{display:flex;align-items:center;}
#footer .cont .cite span{display:flex;align-items:center;line-height:22px;font-size:15px;color:#757575;}
#footer .cont .cite span:after{content:'';margin:0 15px;width:1px;height:15px;background:#bdbdbd;}
#footer .cont .cite span:last-of-type:after{display:none;}
#footer .cont .social{display:flex;align-items:center;gap:15px;}
#footer .cont .social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #bdbdbd;}
#footer .cont .social a:hover{border-color:#212121;}

#container{position: relative;padding:140px 0 0 0;min-height: calc(100dvh - 380px);}
#container .ctt_admin{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:22;}
#container .ctt_admin .btn{display:flex;align-items:center;justify-content:flex-end;width:60px;height:50px;background:rgb(255 255 255 / 90%);box-shadow:0 0 16px rgb(215 25 33 / 20%);border-radius:0 10px 10px 0;}
#container .ctt_admin .btn i{display:flex;align-items:center;justify-content:center;color:#d71921;font-size:20px;width:30px;height:30px;}

.sub-wrap{}
.sub-wrap .svisual-wrap{position:relative;background: #fff;border-bottom:1px solid #e0e0e0;}
.sub-wrap .svisual-wrap:before{content: '';position: absolute;top: 0;left: 50%;width: 1600px;max-width: 100%;height: 100%;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;pointer-events: none;transform: translateX(-50%);}
.sub-wrap .svisual-wrap .inner{position:static;display: flex;height: 290px;}
.sub-wrap .svisual-wrap .cont{width:50%;padding: 50px;display: flex;flex-direction: column;justify-content: flex-end;}
.sub-wrap .svisual-wrap .title{position:relative;z-index:2;line-height: 50px;font-size: 40px;font-weight: 700;}
.sub-wrap .svisual-wrap .menu{position:relative;z-index:2;margin-top: 30px;color:#ffffff;display: flex;align-items: center;gap: 10px;}
.sub-wrap .svisual-wrap .menu .nv{position:relative;display:flex;align-items:center;line-height:24px;font-size:16px;font-weight:400;color:#424242;gap:6px;}
.sub-wrap .svisual-wrap .menu .nv0{}
.sub-wrap .svisual-wrap .menu .nv1{}
.sub-wrap .svisual-wrap .menu .nv1:before{content:'';width:24px;height:24px;background:url("../img/common/ic_navi_arrow.svg") no-repeat center / contain;}
.sub-wrap .svisual-wrap .background{width:50%;}
.sub-wrap .svisual-wrap .background img{width:100%;height:100%;object-fit:cover;}
.sub-wrap .stitle-wrap{margin: 100px 0 70px 0;}
.sub-wrap .stitle-wrap .inner{}
.sub-wrap .stitle-wrap .title{position:relative;padding:0 0 12px;line-height:65px;font-size:50px;font-weight:600;color:#3d5291;font-family: "Poppins", sans-serif;}
.sub-wrap .stitle-wrap .title:before{content:'';position:absolute;bottom:0;left:0;width:120px;height:2px;background:#3d5291;}
.sub-wrap .stab-wrap{position:relative;background:#fafafa;border-bottom:1px solid #e0e0e0;}
.sub-wrap .stab-wrap .tab{display:flex;align-items:center;justify-content:center;gap:30px;}
.sub-wrap .stab-wrap .tab .tab-item{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;height:60px;font-size:17px;font-weight:400;color:#616161;}
.sub-wrap .stab-wrap .tab .tab-item:hover,
.sub-wrap .stab-wrap .tab .tab-item.on{font-weight:600;color:#212121;}
.sub-wrap .stab-wrap .tab .tab-item.on:before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#212121;}

.main-wrap{}
.main-wrap .main-title-wrap{position:relative;border-bottom:1px solid #e0e0e0;}
.main-wrap .main-title-wrap .inner{display:flex;align-items:center;justify-content:space-between;padding: 0 0 70px;}
.main-wrap .main-title-wrap .title{line-height:50px;font-size:40px;font-weight:700;color:#212121;display:flex;align-items:center;justify-content:center;gap:10px;}
.main-wrap .main-title-wrap .title span{color:#03664c;vertical-align:top;}
.main-wrap .main-title-wrap .text{line-height:28px;font-size:20px;font-weight:500;color:#757575;}
.main-wrap .main-title-wrap .flex{display:flex;align-items:center;gap:20px;}
.main-wrap .main-title-wrap .bttn{display:flex;align-items:center;gap:10px}
.main-wrap .main-title-wrap .bttn button{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #e0e0e0;}
.main-wrap .main-title-wrap .bttn button.prev{background:url("../img/common/ic_arrow.svg") no-repeat center;transform:rotate(180deg);}
.main-wrap .main-title-wrap .bttn button.next{background:url("../img/common/ic_arrow.svg") no-repeat center;}
.main-wrap .main-title-wrap .bttn button:hover{border-color:#9e9e9e;}
.main-wrap .main-title-wrap .more{flex:0 0 auto;}
.main-wrap .main-title-wrap .more a{display:flex;align-items:center;justify-content:center;padding: 0 25px;height: 45px;border:1px solid #e0e0e0;;gap: 5px;font-size: 15px;font-weight:500;color: #212121;transition:all 0.5s;}
.main-wrap .main-title-wrap .more a:after{content:'';position:relative;left:0;width:25px;height:25px;background:url("../img/common/ic_more.svg") no-repeat center / contain;transition:all 0.5s;}
.main-wrap .main-title-wrap .more a:hover{background:#03664c;border-color:#03664c;color:#fff;}
.main-wrap .main-title-wrap .more a:hover:after{left:5px;background-image:url("../img/common/ic_more_w.svg");}
.main-wrap .sect-wrap{position:relative;}
.main-wrap .visual-wrap{position:relative;overflow:hidden;}
.main-wrap .visual-wrap .slider{position:relative;height: 480px;overflow:hidden;}
.main-wrap .visual-wrap .slider .swiper-slide{position:relative;z-index:2;}
.main-wrap .visual-wrap .slider .swiper-black .text .title{color:#212121;}
.main-wrap .visual-wrap .slider .swiper-black .text .desc{color:#212121;}
.main-wrap .visual-wrap .slider .text{position:absolute;top:50%;left:50%;padding:50px 20px; max-width:1480px; width: 100%;z-index:10;transform:translate(-50%, -50%);}
.main-wrap .visual-wrap .slider .text .inner{display:flex; gap:10px;}
.main-wrap .visual-wrap .slider .text .title{position:relative; padding-right:25px; font-size: 60px;font-weight: 700;color: #fff;word-break: break-word;}
.main-wrap .visual-wrap .slider .text .title strong{color:#32C19B; font-weight:inherit;}
.main-wrap .visual-wrap .slider .text .title span{display:block; font-family: "Abhaya Libre", serif;   font-weight: 800; font-size:4.375rem; }
.main-wrap .visual-wrap .slider .text .title:after{position:absolute; right:0; top:10px; width:16px; height:16px; background-color:#32C19B; border-radius:50%; display:block; content:"";}
.main-wrap .visual-wrap .slider .text .desc{margin-top:30px; font-size:20px; color:#fff; font-weight:500; }
.main-wrap .visual-wrap .slider .text .vs_name span{font-size:30px; font-weight:700; display:block; }
.main-wrap .visual-wrap .slider .text .vs_name strong{display:flex; font-size:65px; font-weight:700; gap:25px;  text-shadow: 4px 4px 20px rgba(97,97,97,0.3); line-height:1; flex-wrap:wrap;}
.main-wrap .visual-wrap .slider .text .vs_name strong i{font-size:inherit; font-weight:inherit; color:#049871; font-style:normal;}
.main-wrap .visual-wrap .slider .text p{margin-top:30px; display:block; font-size:22px; font-weight:22px; font-weight:500; color:#444;}
.main-wrap .visual-wrap .slider .background{position:absolute;inset:0;z-index:9;}
.main-wrap .visual-wrap .slider .background img{display:block;width:100%;height:100%;object-fit:cover;}
.main-wrap .visual-wrap .swiper-pagination{position:absolute;bottom:40px;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;}
.main-wrap .visual-wrap .swiper-pagination .swiper-pagination-bullet{margin:0;width:12px;height:12px;border-radius:12px;background:#fff;opacity:1;transition:all 0.3s;}
.main-wrap .visual-wrap .swiper-pagination .swiper-pagination-bullet-active{width:30px;background:#049871;}
.main-wrap .visual-wrap .swiper-button-prev{position:absolute;top:50%;left:100px;width:60px;height:60px;background: url("../img/common/ic_swiper_arrow.png") no-repeat center / contain;transform:rotate(180deg);}
.main-wrap .visual-wrap .swiper-button-prev:after{display:none;}
.main-wrap .visual-wrap .swiper-button-next{position:absolute;top:50%;right:100px;width:60px;height:60px;background: url("../img/common/ic_swiper_arrow.png") no-repeat center / contain;transform:rotate(0);}
.main-wrap .visual-wrap .swiper-button-next:after{display:none;}
.main-wrap .asked-wrap{position:relative;padding:120px 0;background:url("../img/main/asked_bg.png") no-repeat center / cover;}
.main-wrap .asked-wrap .title{margin: 0 0 40px;gap:10px;line-height:50px;font-size:40px;font-weight:700;color:#212121;text-align:center;display: flex;align-items: center;justify-content: center;}
.main-wrap .asked-wrap .title span{color:#047F5E;}
.main-wrap .asked-wrap .title:after{content:'';width:55px;height:50px;background:url("../img/main/asked_title.png") no-repeat center / contain;}
.main-wrap .asked-wrap .form{position:relative;margin: 0 auto;width: 900px;max-width: 100%;border-radius:70px;padding:2px;background: linear-gradient(180deg, #049871 0%, #5C90CD 100%);}
.main-wrap .asked-wrap .form .form-area{position:relative;background:#fff;display:flex;align-items:center;padding:10px;border-radius:70px;}
.main-wrap .asked-wrap .form .form-area.active{}
.main-wrap .asked-wrap .form .form-area.active .inp-area .txt{opacity:0;visibility:hidden;transform:scaleX(0);}
.main-wrap .asked-wrap .form .inp-area{position: relative;flex:1;}
.main-wrap .asked-wrap .form .inp-area .inp{}
.main-wrap .asked-wrap .form .inp-area .inp input{width:100%;height:50px;border:0;padding:0 20px;text-align: center;line-height: 50px;font-size: 20px;font-weight: 500;color: #424242;}
.main-wrap .asked-wrap .form .inp-area .txt{position: absolute;top: 50%;left: 0;width: 100%;height: 50px;border: 0;padding: 0 20px;transform: translateY(-50%);text-align: center;line-height: 50px;font-size: 20px;font-weight: 500;color: #424242;pointer-events: none;opacity:1;visibility:visible;transition:all 0.3s;}
.main-wrap .asked-wrap .form .inp-area .key{position: absolute;top: 50px;left: 50%;padding: 8px 15px;border-radius: 50px;box-shadow: 4px 4px 10px 2px #0465A926;transform: translateX(-50%);background: #3066A5;gap:5px;display:flex;align-items:center;}
.main-wrap .asked-wrap .form .inp-area .key .key-text{font-size: 14px;font-weight: 500;color: #fff;}
.main-wrap .asked-wrap .form .inp-area .key .key-close{flex: 0 0 auto;position:relative;width:15px;height:15px;background: url("../img/common/ic_close.svg") no-repeat center / contain;cursor: pointer;}
.main-wrap .asked-wrap .form .inp-area .key:before{content:'';position:absolute;top: -11px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-bottom: 8px solid #3066a5;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top:0;}
.main-wrap .asked-wrap .form .btn-area{flex: 0 0 auto;}
.main-wrap .asked-wrap .form .btn-area button{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: 50px;background: #e6f7f3;}
.main-wrap .post-wrap{position:relative;padding:120px 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(230, 247, 243, 1));}
.main-wrap .post-wrap .post{border-bottom:1px solid #e0e0e0;}
.main-wrap .post-wrap .post .post-swiper{overflow:hidden;}
.main-wrap .post-wrap .post li{border-right:1px solid #e0e0e0;}
.main-wrap .post-wrap .post .box{display:block;padding:30px;}
.main-wrap .post-wrap .post .box:hover .img img{transform:scale(1.1);}
.main-wrap .post-wrap .post .box:hover .subject{text-decoration:underline;}
.main-wrap .post-wrap .post .img{width:100%;height: 200px;overflow:hidden;}
.main-wrap .post-wrap .post .img>img{width:100%;height:100%;object-fit:cover;transition:all 0.5s;}
.main-wrap .post-wrap .post .con{position:relative;padding: 30px 0 0 0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;}
.main-wrap .post-wrap .post .category{margin-bottom:20px;display:flex;align-items:center;justify-content:center;height:32px;padding:0 8px;font-size:16px;font-weight:600;color:#fff;}
.main-wrap .post-wrap .post .category.category_1{background:#32c19b;border-color:#32c19b;color:#ffffff;}
.main-wrap .post-wrap .post .category.category_2{background:#456bdc;border-color:#456bdc;color:#ffffff;}
.main-wrap .post-wrap .post .category.category_3{background:#ffffff;border-color:#049871;color:#049871;}
.main-wrap .post-wrap .post .subject{margin-bottom: 30px;width:100%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 30px;font-size: 20px;font-weight: 500;color: #212121;overflow: hidden;}
.main-wrap .post-wrap .post .date{line-height:24px;font-size: 16px;font-weight: 400;color: #616161;}
.main-wrap .shortcut-wrap{position:relative;padding: 120px 20px 170px;background:url("../img/main/shortcut_bg.jpg") no-repeat center / cover;}
.main-wrap .shortcut-wrap .main-title-wrap{border-bottom:0;}
.main-wrap .shortcut-wrap .main-title-wrap .title{color:#fff;}
.main-wrap .shortcut-wrap .list{}
.main-wrap .shortcut-wrap .list ul{display:grid;grid-template-columns:repeat(4, 1fr);}
.main-wrap .shortcut-wrap .list li{position:relative;display: flex;flex-direction: column;overflow: hidden;}
.main-wrap .shortcut-wrap .list li:before{content:'';position:absolute;bottom: -69px;left: 21px;width: 520px;height: 260px;background:#000;opacity: 0.1;transform: rotate(-39deg);(FONT-VARIANT: JIS04);}
.main-wrap .shortcut-wrap .list li:nth-child(1),
.main-wrap .shortcut-wrap .list li:nth-child(3),
.main-wrap .shortcut-wrap .list li:nth-child(6),
.main-wrap .shortcut-wrap .list li:nth-child(8){background:#3878C2;}
.main-wrap .shortcut-wrap .list li:nth-child(1) .con:before,
.main-wrap .shortcut-wrap .list li:nth-child(3) .con:before,
.main-wrap .shortcut-wrap .list li:nth-child(6) .con:before,
.main-wrap .shortcut-wrap .list li:nth-child(8) .con:before{border-bottom: 25px solid #3878c2;}
.main-wrap .shortcut-wrap .list li:nth-child(1) .more a:hover,
.main-wrap .shortcut-wrap .list li:nth-child(3) .more a:hover,
.main-wrap .shortcut-wrap .list li:nth-child(6) .more a:hover,
.main-wrap .shortcut-wrap .list li:nth-child(8) .more a:hover{background:#28558a;color:#fff;}
.main-wrap .shortcut-wrap .list li:nth-child(2),
.main-wrap .shortcut-wrap .list li:nth-child(4),
.main-wrap .shortcut-wrap .list li:nth-child(5),
.main-wrap .shortcut-wrap .list li:nth-child(7){background:#05B385;}
.main-wrap .shortcut-wrap .list li:nth-child(2) .con:before,
.main-wrap .shortcut-wrap .list li:nth-child(4) .con:before,
.main-wrap .shortcut-wrap .list li:nth-child(5) .con:before,
.main-wrap .shortcut-wrap .list li:nth-child(7) .con:before{border-bottom: 25px solid #05b385;}
.main-wrap .shortcut-wrap .list li:nth-child(2) .more a:hover,
.main-wrap .shortcut-wrap .list li:nth-child(4) .more a:hover,
.main-wrap .shortcut-wrap .list li:nth-child(5) .more a:hover,
.main-wrap .shortcut-wrap .list li:nth-child(7) .more a:hover{background:#03664c;color:#fff;}
.main-wrap .shortcut-wrap .list li .img{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;}
.main-wrap .shortcut-wrap .list li .img img{width:100%;height:100%;display:block;object-fit:cover;}
.main-wrap .shortcut-wrap .list li .con{position:relative;padding:40px;display: flex;flex-direction: column;flex: 1;}
.main-wrap .shortcut-wrap .list li .con:before{content:'';position:absolute;top: -20px;left:40px;width:40px;height:25px;border-bottom: 25px solid #ffffff;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top:0;}
.main-wrap .shortcut-wrap .list li .subject{line-height: 30px;font-size: 28px;font-weight:600;color:#fff;}
.main-wrap .shortcut-wrap .list li .desc{margin-top: 20px;margin-bottom: auto;line-height: 28px;font-size: 20px;font-weight: 500;color: #fafafa;}
.main-wrap .shortcut-wrap .list li .more{margin-top:20px;display:flex;align-items:center;}
.main-wrap .shortcut-wrap .list li .more a{display:flex;align-items:center;justify-content:center;padding: 0 25px;height: 45px;gap: 5px;font-size: 15px;font-weight:500;color: #ffffff;background:rgb(255 255 255 / 20%);transition:all 0.5s;}
.main-wrap .shortcut-wrap .list li .more a:after{content:'';position:relative;left:0;width:25px;height:25px;background:url("../img/common/ic_more_w.svg") no-repeat center / contain;transition:all 0.5s;}
.main-wrap .shortcut-wrap .list li .more a:hover{background:#03664c;color:#fff;}
.main-wrap .shortcut-wrap .list li .more a:hover:after{left:5px;}



.registration-wrap{position:fixed;bottom:60px;right:50px;z-index:100;padding: 30px;width: 800px;max-width: 100%;border-radius: 20px;background: #fff;box-shadow: 0 0 12px rgb(51 51 51 / 15%);gap:40px;display: flex;}
.registration-wrap .icon{width:150px;display: flex;align-items: center;justify-content: center;}
.registration-wrap .icon:before{content:'';width:100px;height:100px;background:url("../img/common/ic_registration.svg") no-repeat center / contain;}
.registration-wrap .cont{flex:1}
.registration-wrap .tit{line-height:45px;font-size:35px;font-weight:600;color:#212121;margin-bottom:15px;}
.registration-wrap .txt{line-height:22px;font-size:16px;font-weight:400;color:#424242;margin-bottom:30px;}
.registration-wrap .check{}
.registration-wrap .check .checkbox{display:flex;align-items:center;cursor:pointer;gap: 15px;}
.registration-wrap .check .checkbox input{display:none;}
.registration-wrap .check .checkbox input ~ i{position:relative;width:20px;height:20px;border: 1px solid #9e9e9e;border-radius: 2px;flex: 0 0 auto;}
.registration-wrap .check .checkbox input ~ span{line-height:22px;font-size:16px;color:#424242;}
.registration-wrap .check .checkbox input:checked ~ i{border-color:#049871;}
.registration-wrap .check .checkbox input:checked ~ i:before{content:'';position:absolute;top:4px;left:3px;width:12px;height:7px;border-left:2px solid #049871;border-bottom:2px solid #3d5291;transform:rotate(-45deg);}
.registration-wrap .button{margin: 30px 0 0 0;display:flex;align-items:center;justify-content: flex-start;gap:20px;}
.registration-wrap .button > a,
.registration-wrap .button > button{display:flex;align-items:center;justify-content:center;text-align:center;width:190px;height:50px;border:1px solid transparent;font-size:16px;font-weight:600;color:#212121;}
.registration-wrap .button > .btn-cancel{border: 1px solid #04987180;background:#ffffff;color: #049871;}
.registration-wrap .button > .btn-next{border: 1px solid #05B385;background: #05B385;color:#ffffff;}
.registration-wrap .button > .btn-next.disabled{background:#999;border-color:#999;}

.cookie-wrap{position:fixed;bottom:0;left:0;width:100%;z-index:100;background: #02513C;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 50px;}
.cookie-wrap .title{line-height:26px;font-size:15px;font-weight:400;color:#fff;}
.cookie-wrap .button{display:flex;align-items:center;gap:20px;}
.cookie-wrap .button a{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 15px;height:38px;border-radius:5px;background:rgb(255 255 255 / 20%);font-size:15px;font-weight:500;color:#fff;}
.cookie-wrap .button a:hover{background:rgb(255 255 255 / 50%)}

.sub-title-box{margin-bottom: 20px;}
.sub-title-box .title{line-height:30px;font-size:26px;font-weight:600;color:#212121;display:flex;align-items:center;gap:15px;height: 40px;}
.sub-title-box .title:before{content:'';width:30px;height:30px;background:url("../img/sub/sub_title_icon.svg") no-repeat center / contain;}

.greeting-wrap{position:relative;padding:0 0 180px 0;}
.greeting-wrap .image{width: 100%;height: 420px;border-radius: 5px;overflow: hidden;}
.greeting-wrap .image img{display:block;width:100%;height:100%;object-fit:cover;}
.greeting-wrap .text{position: relative;padding: 70px 60px 150px;}
.greeting-wrap .text:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:300px;border-radius:5px;background:url("../img/sub/greeting_bg.png") no-repeat center / cover;}
.greeting-wrap .text .h3{position:relative;z-index:2;margin-bottom: 55px;line-height: 42px;font-size: 27px;font-weight: 500;color: #212121;}
.greeting-wrap .text .h3 strong{font-size:30px;font-weight:700;}
.greeting-wrap .text .txt{position:relative;z-index:2;margin-bottom:55px;line-height:27px;font-size:17px;font-weight:400;color:#424242;}
.greeting-wrap .text .txt>p{display:block;margin-bottom:27px;}
.greeting-wrap .text .txt>p.underline{text-decoration:underline;}
.greeting-wrap .text .txt>p:last-of-type{margin-bottom:0;}
.greeting-wrap .text .txt>p>span{color:#0075C9;}
.greeting-wrap .text .txt>p>strong{font-weight:700;}
.greeting-wrap .text .from{position:relative;z-index:2;display:flex;align-items: center;gap:20px;line-height:26px;font-size:17px;font-weight:500;color:#212121;}
.greeting-wrap .text .from strong{font-size:20px;font-weight:600;color:#212121; }
.greeting-wrap .text .img{position:absolute;z-index: 1;right:99px;bottom:184px;width:359px;height:auto;aspect-ratio:359/292;background:url("../img/sub/greeting_mascot.png") no-repeat center / cover;}

.introduce-wrap{position:relative;padding:0 0 180px 0;}
.introduce-wrap .function-box{position:relative;margin-bottom:100px;padding-bottom:100px;display: flex;flex-wrap: wrap;gap: 50px;align-items: flex-start;justify-content: flex-start;}
.introduce-wrap .function-box:after{content:'';position:absolute;bottom:0;left:0;width:100%;height: 2px;background: repeating-linear-gradient(90deg,#BDBDBD 0,#BDBDBD 6px,transparent 6px,transparent 12px),repeating-linear-gradient(180deg,#BDBDBD 0,#BDBDBD 0,transparent 0,transparent 12px);}
.introduce-wrap .function-box>.item{padding:40px 50px;border-radius:5px;background:#f5f5f5;display:flex;align-items:flex-start;gap:30px;width: calc(50% - 25px);}
.introduce-wrap .function-box>.item>.icon{width:100px;height:100px;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:Center;}
.introduce-wrap .function-box>.item>.text{flex:1;}
.introduce-wrap .function-box>.item>.text .t1{line-height:50px;font-size:18px;font-weight:600;color:#212121;}
.introduce-wrap .function-box>.item>.text .t2{position:relative;display:flex;align-items:center;gap:8px;line-height:42px;font-size:16px;font-weight:500;color:#424242;}
.introduce-wrap .function-box>.item>.text .t2:before{content:'';width:13px;height:13px;border-radius:13px;border:4px solid #63abdf;background:#fff;}
.introduce-wrap .system-box{}
.introduce-wrap .system-box>.image{margin:0 0 50px 0;padding:56px 0;display:flex;align-items:center;gap:40px;justify-content:center;}
.introduce-wrap .system-box>.table{padding:50px;border-radius:5px;border:1px solid #e0e0e0;}
.introduce-wrap .system-box>.table .tr{display:flex;gap:20px;margin-bottom:20px;}
.introduce-wrap .system-box>.table .tr .th{display:flex;align-items:center;width:300px;line-height:1.8;font-weight:600;}
.introduce-wrap .system-box>.table .tr .td{width:500px;}
.introduce-wrap .system-box>.table .head{}
.introduce-wrap .system-box>.table .head .tr{height:61px;}
.introduce-wrap .system-box>.table .head .th{width:500px;display:flex;align-items:center;justify-content:center;height:60px;border-radius:5px;background:#DEEEFA;font-size:18px;}
.introduce-wrap .system-box>.table .head .th:nth-child(1){width:300px;}
.introduce-wrap .system-box>.table .body .tr:last-of-type{margin-bottom:0;}
.introduce-wrap .system-box>.table .body .th{display:flex;flex-direction:column;justify-content:center;border:1px solid #f7fcff;background:#f7fcff;border-radius:5px;padding:20px;text-align:center;font-size:16px;}
.introduce-wrap .system-box>.table .body .th>span{line-height: 1.4;font-size: 16px;font-weight:500;color:#757575;display: block;word-break: keep-all;}
.introduce-wrap .system-box>.table .body .th>span>em{font-weight:900;font-size:20px;}
.introduce-wrap .system-box>.table .body .th>span>em.txt-blue{color:#0075C9;}
.introduce-wrap .system-box>.table .body .th>span>em.txt-yellow{color:#FECD07;}
.introduce-wrap .system-box>.table .body .th>span>em.txt-orange{color:#FF7F00;}
.introduce-wrap .system-box>.table .body .th>span>em.txt-green{color:#47B44C;}
.introduce-wrap .system-box>.table .body .th>span>em.txt-brown{color:#726658;}
.introduce-wrap .system-box>.table .body .td{display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;background:#ffffff;border-radius:5px;padding:20px;height:150px;}
.introduce-wrap .system-box>.table .body .td>p{position:relative;line-height:1.8;font-size:16px;font-weight:400;color:#424242;padding-left:16px;}
.introduce-wrap .system-box>.table .body .td>p:before{content:'';position:absolute;top:12px;left:6px;width:3px;height:3px;border-radius:3px;background:#424242;}

.ci-wrap{position:relative;padding:0 0 180px 0;}
.ci-wrap .tab-box{margin-bottom: 100px;display:flex;background: #F7FCFF;}
.ci-wrap .tab-box .tab-item{flex:1;height: 60px;font-size: 18px;font-weight: 400;color: #424242;border: 2px solid transparent;}
.ci-wrap .tab-box .tab-item.on{border-radius: 5px;border-color: #004679;box-shadow: 0 0 17px rgb(0 117 201 / 20%);color: #004679;font-weight: 600;background: #fff;}
.ci-wrap .tab-cont-box{display:none;}
.ci-wrap .tab-cont-box.on{display:block;}
.ci-wrap .image-box{margin-bottom:100px;position:relative;width:100%;height:380px;border:1px solid #e0e0e0;display: flex;align-items: center;justify-content: center;}
.ci-wrap .image-box:before{content:'';position:absolute;inset:0;background:url("../img/common/grid.png");opacity:0.05;}
.ci-wrap .image-box .img{position:relative;}
.ci-wrap .image-box .img img{position:relative;z-index:2;max-width:100%;}
.ci-wrap .image-box.char{}
.ci-wrap .image-box.char .img{}
.ci-wrap .image-box.char .img:before{content:'';position:absolute;top: 30px;left: -140px;width: 160px;height: auto;aspect-ratio: 160/144;background: url("../img/sub/ci_character_name1.png") no-repeat center / contain;z-index:2;}
.ci-wrap .image-box.char .img:after{content:'';position:absolute;top: 110px;left: 310px;width: 160px;height: auto;aspect-ratio: 160/144;background: url("../img/sub/ci_character_name2.png") no-repeat center / contain;z-index:2;}
.ci-wrap .ci-intro-box{margin-bottom:70px;}
.ci-wrap .ci-intro-box .desc{margin-bottom:70px;padding:18px 0;line-height:24px;font-size:18px;font-weight:600;color:#004679;}
.ci-wrap .ci-intro-box .download{display:flex;align-items:center;justify-content:center;gap:20px;}
.ci-wrap .ci-intro-box .download>a{display:flex;align-items:center;justify-content:space-between;padding:0 25px;width:250px;height:53px;border-radius:5px;border:1px solid #424242;transition:all 500ms;}
.ci-wrap .ci-intro-box .download>a:after{content:'';width:24px;height:24px;background:url("../img/icon/ic_download.svg") no-repeat center / contain;}
.ci-wrap .ci-intro-box .download>a:hover{box-shadow:0 5px 6px rgb(0 0 0 / 12%);text-decoration:underline;}
.ci-wrap .ci-symbol-box{margin-bottom:70px;}
.ci-wrap .ci-symbol-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
.ci-wrap .ci-symbol-box .text{padding:0 20px;}
.ci-wrap .ci-symbol-box .text>p{line-height:43px;font-size:16px;font-weight:500;color:#424242;gap:8px;display:flex;}
.ci-wrap .ci-symbol-box .text>p:before{content:'';width:13px;height:13px;border-radius:13px;border:4px solid #63abdf;margin:15px 0 0 0;}
.ci-wrap .ci-signature-box{margin-bottom:70px;}
.ci-wrap .ci-signature-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
.ci-wrap .ci-signature-box .cont{padding:0 20px;display:flex;gap:35px;}
.ci-wrap .ci-signature-box .cont dl{display:flex;flex-direction:column;gap:6px;flex:1;}
.ci-wrap .ci-signature-box .cont dl>dt{line-height:40px;font-size:16px;font-weight:500;color:#424242;}
.ci-wrap .ci-signature-box .cont dl>dd{position:relative;width:100%;height:200px;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:20px;}
.ci-wrap .ci-signature-box .cont dl>dd:before{content:'';position:absolute;inset:0;background:url("../img/common/grid.png");opacity:0.05;}
.ci-wrap .ci-signature-box .cont dl>dd img{position:relative;z-index:2;max-width:100%;}
.ci-wrap .ci-color-box{}
.ci-wrap .ci-color-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
.ci-wrap .ci-color-box .text{padding:10px 0;line-height:1.2;font-size:16px;font-weight:500;color:#424242;}
.ci-wrap .ci-color-box .color{padding:20px;}
.ci-wrap .ci-color-box .color dl{display:flex;margin:0 0 10px 0;padding:8px 0;align-items:center;gap:10px;}
.ci-wrap .ci-color-box .color dl>dt{display:flex;align-items:center;gap:10px;line-height:1.2;font-size:16px;font-weight:500;color:#424242;}
.ci-wrap .ci-color-box .color dl>dt em{width:25px;height:25px;border-radius:25px;}
.ci-wrap .ci-color-box .color dl>dt em.color-blue{background:#0075C9;}
.ci-wrap .ci-color-box .color dl>dt em.color-yellow{background:#FFB800;}
.ci-wrap .ci-color-box .color dl>dt em.color-pink{background:#F80052;}
.ci-wrap .ci-color-box .color dl>dt em.color-green{background:#47B44C;}
.ci-wrap .ci-color-box .color dl>dd{line-height:1.2;font-size:15px;font-weight:400;color:#424242;}
.ci-wrap .char-box{margin-bottom:70px;}
.ci-wrap .char-box>.title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
.ci-wrap .char-box .text{margin-bottom:70px;padding: 0 20px;line-height:30px;font-size:15px;font-weight:400;color:#424242;}
.ci-wrap .char-box .text>p{margin-bottom:12px;}
.ci-wrap .char-box .text>p:last-of-type{margin-bottom:0;}
.ci-wrap .char-box .desc{margin-bottom: 40px;padding:18px 0;line-height:24px;font-size:18px;font-weight:600;color:#004679;}
.ci-wrap .char-box .download{display:flex;align-items:center;justify-content:center;gap:20px;}
.ci-wrap .char-box .download>a{display:flex;align-items:center;justify-content:space-between;padding:0 25px;width:250px;height:53px;border-radius:5px;border:1px solid #424242;transition:all 500ms;}
.ci-wrap .char-box .download>a:after{content:'';width:24px;height:24px;background:url("../img/icon/ic_download.svg") no-repeat center / contain;}
.ci-wrap .char-box .download>a:hover{box-shadow:0 5px 6px rgb(0 0 0 / 12%);text-decoration:underline;}
.ci-wrap .char-img-box{margin-bottom:70px;}
.ci-wrap .char-img-box ul{display:flex;align-items:center;justify-content:center;gap:10px 60px;}
.ci-wrap .char-img-box ul>li{flex:1;display:flex;align-items:center;justify-content:center;}
.ci-wrap .char-img-box ul>li>img{max-width:100%;height:auto;}
.ci-wrap .char-intro-box{margin-bottom:70px;}
.ci-wrap .char-intro-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
.ci-wrap .char-intro-box .text{margin-bottom:70px;padding:0 20px;}
.ci-wrap .char-intro-box .text>p{line-height:43px;font-size:16px;font-weight:500;color:#424242;gap:8px;display:flex;}
.ci-wrap .char-intro-box .text>p:before{content:'';width:13px;height:13px;border-radius:13px;border:4px solid #63abdf;margin:15px 0 0 0;}
.ci-wrap .char-rule-box{}
.ci-wrap .char-rule-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
.ci-wrap .char-rule-box .cont{padding:0 20px;display:flex;gap:35px;}
.ci-wrap .char-rule-box .cont dl{display:flex;flex-direction:column;gap:6px;flex:1;}
.ci-wrap .char-rule-box .cont dl>dt{line-height:40px;font-size:16px;font-weight:500;color:#424242;}
.ci-wrap .char-rule-box .cont dl>dd{position:relative;width:100%;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:20px;}
.ci-wrap .char-rule-box .cont dl>dd:before{content:'';position:absolute;inset:0;background:url("../img/common/grid.png");opacity:0.05;}
.ci-wrap .char-rule-box .cont dl>dd img{position:relative;z-index:2;max-width:100%;}

.organization-wrap{position:relative;padding:0 0 180px 0;}
.organization-wrap .orga-box>.table{padding:50px;border-radius:5px;border:1px solid #e0e0e0;}
.organization-wrap .orga-box>.table .tr{display:flex;gap:20px;margin-bottom:20px;}
.organization-wrap .orga-box>.table .tr .th{flex:1;display:flex;align-items:center;line-height:1.8;font-weight:600;}
.organization-wrap .orga-box>.table .tr .td{flex:1;}
.organization-wrap .orga-box>.table .head{}
.organization-wrap .orga-box>.table .head .tr{height:61px;}
.organization-wrap .orga-box>.table .head .th{display:flex;align-items:center;justify-content:center;height:60px;border-radius:5px;background:#DEEEFA;font-size:18px;}
.organization-wrap .orga-box>.table .body .th{display:flex;flex-direction:column;justify-content:center;border:1px solid #f7fcff;background:#f7fcff;border-radius:5px;padding:20px;text-align:center;font-size:16px;}
.organization-wrap .orga-box>.table .body .td{display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;background:#ffffff;border-radius:5px;padding:20px;height:150px;}
.organization-wrap .orga-box>.table .body .td>p{position:relative;line-height:1.8;font-size:16px;font-weight:400;color:#424242;padding-left:16px;}
.organization-wrap .orga-box>.table .body .td>p:before{content:'';position:absolute;top:12px;left:6px;width:3px;height:3px;border-radius:3px;background:#424242;}

.location-wrap{position:relative;padding:0 0 180px 0;}
.location-wrap .map-box{margin-bottom: 40px;display:flex;align-items:center;justify-content:center;width:100%;height:600px;overflow:hidden;}
.location-wrap .map-box img{width:100%;height:100%;object-fit:cover;}
.location-wrap .link-box{margin-bottom: 100px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.location-wrap .link-box a{display:flex;align-items:center;justify-content:center;width:200px;max-width:100%;height: 70px;border-radius: 10px;border:1px solid #e0e0e0;background:#fff;gap:12px;font-size:16px;font-weight:500;color:#424242;}
.location-wrap .info-box{}
.location-wrap .info-box .inner{}
.location-wrap .info-box .info{}
.location-wrap .info-box .info dl{display: flex;align-items: center;padding: 20px 50px;background: #F7FCFF;border-radius: 5px;margin: 0 0 20px;}
.location-wrap .info-box .info dl dt{max-width: 100%;width: 180px;display: flex;align-items: center;line-height: 30px;font-size: 20px;font-weight: 600;color: #212121;gap: 10px;}
.location-wrap .info-box .info dl dt img{width: 50px;height: 50px;object-fit: contain;flex: 0 0 auto;}
.location-wrap .info-box .info dl dd{line-height: 21px;font-size: 18px;font-weight: 500;color: #757575;flex: 1;}
.location-wrap .info-box .info dl dd+dt{padding-left:50px;border-left:1px solid #e0e0e0;}
.location-wrap .info-box .transport{}
.location-wrap .info-box .transport ul{}
.location-wrap .info-box .transport li{display: flex;padding: 30px 80px;background: #f5f5f5;margin-bottom: 20px;}
.location-wrap .info-box .transport li:last-of-type{margin-bottom:0;}
.location-wrap .info-box .transport .ico{width:90px;height:90px;flex:0 0 auto;border-radius:90px;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:30px;}
.location-wrap .info-box .transport .ico.bus:before{content:'';width:40px;height:auto;aspect-ratio:40/43;background:url("../img/sub/location_icon_bus.svg") no-repeat center / contain;}
.location-wrap .info-box .transport .ico.subway:before{content:'';width:40px;height:auto;aspect-ratio:40/51;background:url("../img/sub/location_icon_subway.svg") no-repeat center / contain;}
.location-wrap .info-box .transport .tit{width: 180px;max-width: 100%;line-height: 90px;font-size: 22px;font-weight: 600;color:#222;margin-right:50px;}
.location-wrap .info-box .transport .con{flex:1;display: flex;flex-direction: column;justify-content: center;}
.location-wrap .info-box .transport .con .subway{display: flex;align-items: center;line-height: 30px;font-size: 17px;font-weight: 500;color: #424242;gap: 0 25px;}
.location-wrap .info-box .transport .con .subway .line{display: flex;align-items: center;justify-content: center;height: 32px;padding: 0 8px;border-radius: 5px;background: #eee;color: #212121;font-size: 16px;}
.location-wrap .info-box .transport .con .subway .line.blue{background:#2673f2;border-radius:5px;color: #fff;}
.location-wrap .info-box .transport .con .subway .num{display: flex;align-items: center;justify-content: center;width: 25px;height: 25px;border-radius: 25px;background: #FFD45E;color: #424242;font-size: 17px;font-weight: 500;}
.location-wrap .info-box .transport .con .bus{display: flex;gap: 25px;line-height: 30px;font-size: 18px;font-weight: 400;color: #424242;margin: 0 30px 0 0;}
.location-wrap .info-box .transport .con .bus:last-of-type{margin-bottom:0;}
.location-wrap .info-box .transport .con .bus .type{display: flex;align-items: center;justify-content: center;height: 32px;padding: 0 8px;border-radius: 5px;background: #eee;color: #212121;font-size: 16px;}
.location-wrap .info-box .transport .con .bus .type.type01{background: #87C700;color: #fff;}


@media all and (max-width:768px){


    .inner{}

    #header{}
    #header:before{display:none;}
    #header:after{display:none;}
    #header .inner{position:relative;z-index:10;}
    #header .header-top{height: 50px;}
	#header .header-top .logo{padding-left:20px;}
	#header .header-top .logo img{width:200px;}
    #header .header-top .util-wrap{gap: 5px;padding: 0 20px 0 0;}
    #header .header-top .util-wrap .search .search-btn{width: 30px;height: 30px;}
    #header .header-top .util-wrap .search .search-btn i{width:16px;height:16px;}
	#header .header-top .util-wrap .member .member-btn,
    #header .header-top .util-wrap .language .language-btn{width: 30px;height: 30px;}
    #header .header-top .util-wrap .language .language-btn i{width:16px;height:16px;}
    #header .header-top .util-wrap .language .language-box{border-radius:10px;width: 70px;}
    #header .header-top .util-wrap .language .language-box>li>a{line-height:2;font-size:14px;}
    #header .header-top .util-wrap .language.active .language-btn i{width:16px;height:16px;}
    #header .header-top .util-wrap .started .started-btn{padding: 0 8px;height: 35px;font-size: 12px;}
	#header .header-top .util-wrap .nrf .kerc-btn,
    #header .header-top .util-wrap .kerc .kerc-btn{padding: 0 8px;height: 35px;font-size: 12px;}
    #header .header-main{height: 50px;}
    #header .header-main .logo{width: 40%;height: 50px;padding: 10px 10px 10px 20px;}
    #header .header-main .nav{padding-left: 0;padding: 0 20px;width:100%;}
    #header .header-main .nav .dp1{position: static;padding:0;}
    #header .header-main .nav .dp1 .dl1{position: static;flex: 0 0 auto;}
    #header .header-main .nav .dp1 .dl1 .da1{padding: 0;height:50px;font-size:12px;line-height:1.5;white-space: nowrap;}
    #header .header-main .nav .dp1 .dl1.active .dp2{opacity:1;visibility:visible;}
    #header .header-main .nav .dp2{top: 50px;left: -20px;right: -20px;width: auto;}
    #header .header-main .nav .dp2 .dl2{height: 50px;}
    #header .header-main .nav .dp2 .dl2 .da2{padding: 0 10px;line-height: 1.5;font-size: 12px;}
    #header .header-main .nav .dp2 .dl2 .da2:hover{text-decoration:underline;}
    #header .header-main .nav .dp2 .dl2.on .da2{text-decoration:underline;}

    #allmenu{position:fixed;inset:0;z-index:1002;background:#232f53;opacity:0;visibility:hidden;transition:all 0.3s;z-index: 1001;}
    #allmenu.active{opacity:1;visibility:visible;}
    #allmenu .head{display:flex;align-items: center;height:126px;padding:50px 50px 0;}
    #allmenu .head .logo{width: 150px;height: 76px;margin: 0 auto 0 0;}
    #allmenu .head .logo a{display:block;width:100%;height:100%;background:url("../img/common/logo.svg") no-repeat center / contain;}
    #allmenu .head .language{display:flex;align-items:center;margin-left:20px;}
    #allmenu .head .language a{display:flex;align-items:center;line-height:34px;font-size:16px;font-weight:400;color:#fff;}
    #allmenu .head .language a:after{content:'';margin:0 10px;width:12px;height:1px;background:#bdbdbd;transform:rotate(-45deg);}
    #allmenu .head .language a:last-of-type:after{display:none;}
    #allmenu .head .close{margin-left:20px;display:flex;align-items:center;padding:0 20px;height:34px;cursor:pointer;font-size:18px;font-weight:400;color: #fff;border-radius:34px;border:1px solid rgb(255 255 255 / 0.5);transition:all 0.5s;}
    #allmenu .head .close:hover{background:#fff;color:#232f53;}
    #allmenu .body{height:calc(100dvh - 126px - 100px);padding:100px 20px;overflow-y: auto;}
    #allmenu .body::-webkit-scrollbar {display: none;}
    #allmenu .home{margin:0 auto;width:1490px;max-width:100%;margin-bottom:30px;}
    #allmenu .home a{display:flex;align-items:center;line-height:55px;font-size:25px;font-weight:600;color:#fff;gap:10px;}
    #allmenu .home a:before{content:'';width:40px;height:40px;background:url("../img/common/ic_back.svg") no-repeat center / contain;}
    #allmenu .cont{margin:0 auto;width:1490px;max-width:100%;display:flex;align-items:flex-end;justify-content:space-between;}
    #allmenu .cont{scrollbar-width: none;-ms-overflow-style: none;}
    #allmenu .menu{flex: 1;width: 100%;}
    #allmenu .menu .dp1{display: flex;flex-direction: column;gap: 10px;}
    #allmenu .menu .dp1 .dl1{display:flex;align-items: flex-start;gap: 50px;}
    #allmenu .menu .dp1 .dl1 .da1{position:relative;line-height: 65px;font-size: 55px;font-weight:700;color:#fff;font-family: "Poppins", sans-serif;}
    #allmenu .menu .dp1 .dl1.on .da1:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;}
    #allmenu .menu .dp2{flex: 1;display: flex;flex-wrap: wrap;text-align:center;gap: 15px;padding: 10px 0;}
    #allmenu .menu .dp2 .dl2{}
    #allmenu .menu .dp2 .dl2 .da2{display: flex;align-items: center;justify-content: center;padding: 0 22px;height: 44px;font-size:18px;font-weight:600;color: #fff;border: 1px solid rgb(255 255 255 / 0.5);border-radius: 44px;transition:all 0.5s;}
    #allmenu .menu .dp2 .dl2 .da2:hover{background:#fff;border-color:#fff;color:#232f53;}
    #allmenu .other{flex: 0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;}
    #allmenu .other>.link{display: flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}
    #allmenu .other>.link>a{display:flex;align-items: center;justify-content: flex-end;line-height:65px;font-size:55px;font-weight:700;color:#fff;white-space: nowrap;font-family: "Poppins", sans-serif;}
    #allmenu .other>.link>a.blank{}
    #allmenu .other>.link>a.blank:before{content:'';width:40px;height:40px;margin:7px 10px 0 0;flex:0 0 auto;background:url("../img/ic_blank.svg") no-repeat center / contain;}
    #allmenu .other>.link>a.border{-webkit-text-stroke: 1px rgb(255 255 255 / 0.9);color: transparent;}
    #allmenu .other>.cite{line-height:22px;font-size:15px;font-weight:400;color:rgb(255 255 255 / 0.4);}
    #allmenu .bottom{height:100px;background:#1b2541;}

    #contact{}
    #contact:before{display:none;content: '';position: absolute;top: 0;left: 50%;width: 1600px;max-width: 100%;height: 100%;border-left: 1px solid rgb(255 255 255 / 20%);border-right: 1px solid rgb(255 255 255 / 20%);pointer-events: none;transform: translateX(-50%);}
    #contact .inner{flex-wrap: wrap;}
    #contact .title{padding: 20px;line-height: 1.5;font-size: 28px;width: 100%;border: 0;border-bottom: 1px solid rgb(255 255 255 / 20%);}
    #contact .text{padding: 20px;}
    #contact .text .t1{dmargin-bottom:10px;line-height:1.5;font-size:24px;}
    #contact .text .t1 a{}
    #contact .text .t2{line-height:1.4;font-size:14px;}
    #contact .text .t2 br{display:none;}

    #newsletter{}
    #newsletter .inner{flex-wrap:wrap;}
    #newsletter .title{padding: 20px;line-height: 1.5;font-size: 28px;width: 100%;border: 0;border-bottom: 1px solid rgb(0 0 0 / 20%);}
    #newsletter .text{padding: 20px;gap:20px;flex-direction:column;align-items:stretch;}
    #newsletter .text .txt{line-height:1;font-size:20px;}
    #newsletter .text .inp{width:100%;padding:0 0 5px;}
    #newsletter .text .inp input{height:40px;}
    #newsletter .text .inp button{width:35px;height:35px;}

    #footer{position:relative;}
    #footer:before{display:none;}
    #footer .inner{gap: 0;}
    #footer .logo{padding: 20px;width: 100%;border-right: 0;border-bottom: 1px solid #e0e0e0;justify-content: flex-start;}
    #footer .logo a{width: 200px;height: auto;aspect-ratio: 35/6;}
    #footer .cont{padding: 20px;flex-wrap: wrap;align-items: center;justify-content: stretch;gap: 20px 0;}
    #footer .cont .cite{flex-wrap: wrap;gap: 6px;}
    #footer .cont .cite span{line-height: 1.5;font-size: 13px;}
    #footer .cont .cite span:after{content:'';margin:0 15px;width:1px;height:15px;background:#bdbdbd;}
    #footer .cont .cite span:last-of-type:after{display:none;}
    #footer .cont .social{display:flex;align-items:center;gap:15px;}
    #footer .cont .social a{width: 35px;height: 35px;padding: 8px;}
    #footer .cont .social a:hover{border-color:#212121;}

    #container{padding: 100px 0 0 0;}
    #container .ctt_admin{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:22;}
    #container .ctt_admin .btn{display:flex;align-items:center;justify-content:flex-end;width:60px;height:50px;background:rgb(255 255 255 / 90%);box-shadow:0 0 16px rgb(215 25 33 / 20%);border-radius:0 10px 10px 0;}
    #container .ctt_admin .btn i{display:flex;align-items:center;justify-content:center;color:#d71921;font-size:20px;width:30px;height:30px;}

    .sub-wrap{}
    .sub-wrap .svisual-wrap{position:relative;background: #fff;border-bottom:1px solid #e0e0e0;}
    .sub-wrap .svisual-wrap:before{content: '';position: absolute;top: 0;left: 50%;width: 1600px;max-width: 100%;height: 100%;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;pointer-events: none;transform: translateX(-50%);}
    .sub-wrap .svisual-wrap .inner{height:180px;}
	.sub-wrap .svisual-wrap .background{width:100%; }
    .sub-wrap .svisual-wrap .cont{position:absolute; left:0; top:0; width:100%; height:100%; padding: 20px; box-sizing:border-box; background:rgba(0,0,0,0.7);}
    .sub-wrap .svisual-wrap .title{line-height: 1.5;font-size: 30px; color:#fff;}
    .sub-wrap .svisual-wrap .menu{margin-top: 20px;}
    .sub-wrap .svisual-wrap .menu .nv{line-height: 20px;font-size: 14px;}
    .sub-wrap .svisual-wrap .menu .nv0{}
    .sub-wrap .svisual-wrap .menu .nv0 img{width:24px;height:24px;}
    .sub-wrap .svisual-wrap .menu .nv1{ color:#fff;}
    .sub-wrap .svisual-wrap .menu .nv1:before{width: 20px;height: 20px;}
    .sub-wrap .stitle-wrap{margin: 100px 0 70px 0;}
    .sub-wrap .stitle-wrap .inner{}
    .sub-wrap .stitle-wrap .title{position:relative;padding:0 0 12px;line-height:65px;font-size:50px;font-weight:600;color:#3d5291;font-family: "Poppins", sans-serif;}
    .sub-wrap .stitle-wrap .title:before{content:'';position:absolute;bottom:0;left:0;width:120px;height:2px;background:#3d5291;}
    .sub-wrap .stab-wrap{position:relative;background:#fafafa;border-bottom:1px solid #e0e0e0;}
    .sub-wrap .stab-wrap .tab{gap: 10px;padding: 0 20px;}
    .sub-wrap .stab-wrap .tab .tab-item{font-size:14px;height:50px;}
    .sub-wrap .stab-wrap .tab .tab-item.on{font-weight:600;color:#212121;}
    .sub-wrap .stab-wrap .tab .tab-item.on:before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#212121;}

    .main-wrap{}
    .main-wrap .main-title-wrap{position:relative;border-bottom:1px solid #e0e0e0;}
    .main-wrap .main-title-wrap .inner{flex-wrap: wrap;padding: 0 0 50px;gap: 20px 0;}
    .main-wrap .main-title-wrap .title{line-height: 36px;font-size: 28px;}
    .main-wrap .main-title-wrap .title span{color:#03664c;vertical-align:top;}
    .main-wrap .main-title-wrap .text{line-height:28px;font-size:20px;font-weight:500;color:#757575;}
    .main-wrap .main-title-wrap .flex{justify-content: space-between;width: 100%;}
    .main-wrap .main-title-wrap .bttn{display:flex;align-items:center;gap:10px}
    .main-wrap .main-title-wrap .bttn button{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #e0e0e0;}
    .main-wrap .main-title-wrap .bttn button.prev{background:url("../img/common/ic_arrow.svg") no-repeat center;transform:rotate(180deg);}
    .main-wrap .main-title-wrap .bttn button.next{background:url("../img/common/ic_arrow.svg") no-repeat center;}
    .main-wrap .main-title-wrap .bttn button:hover{border-color:#9e9e9e;}
    .main-wrap .main-title-wrap .more{flex:0 0 auto;}
    .main-wrap .main-title-wrap .more a{display:flex;align-items:center;justify-content:center;padding: 0 25px;height: 45px;border:1px solid #e0e0e0;;gap: 5px;font-size: 15px;font-weight:500;color: #212121;transition:all 0.5s;}
    .main-wrap .main-title-wrap .more a:after{content:'';position:relative;left:0;width:25px;height:25px;background:url("../img/common/ic_more.svg") no-repeat center / contain;transition:all 0.5s;}
    .main-wrap .main-title-wrap .more a:hover{background:#03664c;border-color:#03664c;color:#fff;}
    .main-wrap .main-title-wrap .more a:hover:after{left:5px;background-image:url("../img/common/ic_more_w.svg");}
    .main-wrap .sect-wrap{}
    .main-wrap .visual-wrap{}
    .main-wrap .visual-wrap .slider{height:60vh;}
	.main-wrap .visual-wrap .slider .text .vs_name span{font-size:5vw; text-align:left;}
	.main-wrap .visual-wrap .slider .text .vs_name strong{font-size:11vw; gap:1vw;}
	.main-wrap .visual-wrap .slider .text p{font-size:3vw; text-align:left; word-break:keep-all;}
    .main-wrap .visual-wrap .slider .swiper-slide{text-align: center;}
    .main-wrap .visual-wrap .slider .text{padding: 20px 10%;}
	.main-wrap .visual-wrap .slider .inner{flex-direction: column; gap:0;}
	.main-wrap .visual-wrap .slider .text .title{padding-right:0;}
	.main-wrap .visual-wrap .slider .text .title span{font-size:26px;}
    .main-wrap .visual-wrap .slider .text .title{line-height: 1.5;font-size: 30px;margin-bottom: 20px;}
    .main-wrap .visual-wrap .slider .text .desc{margin-top:0; line-height: 1.5;font-size: 18px;}
	.main-wrap .visual-wrap .slider .text .title:after{display:none;l}
    .main-wrap .visual-wrap .swiper-pagination{bottom: 20px;gap: 10px;}
    .main-wrap .visual-wrap .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
    .main-wrap .visual-wrap .swiper-pagination .swiper-pagination-bullet-active{width:20px;}
    .main-wrap .visual-wrap .swiper-button-prev{left: 20px;width: 40px;height: 40px;}
    .main-wrap .visual-wrap .swiper-button-next{right: 20px;width: 40px;height: 40px;}
    .main-wrap .asked-wrap{padding: 60px 20px;}
    .main-wrap .asked-wrap .title{margin: 0 0 20px;flex-direction: column;line-height: 1.5;font-size: 24px;color:#212121;gap: 0;}
    .main-wrap .asked-wrap .title span{color:#047F5E;}
    .main-wrap .asked-wrap .title:after{width: 40px;height: auto;aspect-ratio: 11/10;}
    .main-wrap .asked-wrap .form{}
    .main-wrap .asked-wrap .form .form-area{}
    .main-wrap .asked-wrap .form .form-area.active{}
    .main-wrap .asked-wrap .form .form-area.active .inp-area .txt{opacity:0;visibility:hidden;transform:scaleX(0);}
    .main-wrap .asked-wrap .form .inp-area{position: relative;flex:1;}
    .main-wrap .asked-wrap .form .inp-area .inp{}
    .main-wrap .asked-wrap .form .inp-area .inp input{height: 40px;padding: 0 10px;line-height: 40px;font-size: 15px;}
    .main-wrap .asked-wrap .form .inp-area .txt{height:40px;line-height:40px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .main-wrap .asked-wrap .form .inp-area .key{position: absolute;top: 50px;left: 50%;padding: 8px 15px;border-radius: 50px;box-shadow: 4px 4px 10px 2px #0465A926;transform: translateX(-50%);background: #3066A5;gap:5px;display:flex;align-items:center;}
    .main-wrap .asked-wrap .form .inp-area .key .key-text{font-size: 12px;white-space: nowrap;}
    .main-wrap .asked-wrap .form .inp-area .key .key-close{flex: 0 0 auto;position:relative;width:15px;height:15px;background: url("../img/common/ic_close.svg") no-repeat center / contain;cursor: pointer;}
    .main-wrap .asked-wrap .form .inp-area .key:before{content:'';position:absolute;top: -11px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-bottom: 8px solid #3066a5;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top:0;}
    .main-wrap .asked-wrap .form .btn-area{flex: 0 0 auto;}
    .main-wrap .asked-wrap .form .btn-area button{width: 40px;height: 40px;padding: 12px;}
    .main-wrap .post-wrap{padding: 60px 20px 60px;}
    .main-wrap .post-wrap .post{border-bottom:1px solid #e0e0e0;}
    .main-wrap .post-wrap .post-swiper .swiper-slide{}
    .main-wrap .post-wrap .post .box{padding: 15px;}
    .main-wrap .post-wrap .post .img{}
    .main-wrap .post-wrap .post .con{padding:20px 0 0 0;}
    .main-wrap .post-wrap .post .category{margin-bottom:10px;height:26px;padding:0 6px;font-size:14px;}
    .main-wrap .post-wrap .post .subject{margin-bottom: 10px;line-height:24px;font-size:16px;}
    .main-wrap .post-wrap .post .date{line-height:18px;font-size: 12px;}
    .main-wrap .shortcut-wrap{padding:60px 20px;}
    .main-wrap .shortcut-wrap .list{}
    .main-wrap .shortcut-wrap .list ul{grid-template-columns:repeat(2, 1fr);}
    .main-wrap .shortcut-wrap .list li{}
    .main-wrap .shortcut-wrap .list li:before{content:'';position:absolute;bottom: -69px;left: 21px;width: 520px;height: 260px;background:#000;opacity: 0.1;transform: rotate(-39deg);(FONT-VARIANT: JIS04);}
    .main-wrap .shortcut-wrap .list li:nth-child(1),
    .main-wrap .shortcut-wrap .list li:nth-child(3),
    .main-wrap .shortcut-wrap .list li:nth-child(6),
    .main-wrap .shortcut-wrap .list li:nth-child(8){background:#3878C2;}
    .main-wrap .shortcut-wrap .list li:nth-child(1) .con:before,
    .main-wrap .shortcut-wrap .list li:nth-child(3) .con:before,
    .main-wrap .shortcut-wrap .list li:nth-child(6) .con:before,
    .main-wrap .shortcut-wrap .list li:nth-child(8) .con:before{border-bottom: 25px solid #3878c2;}
    .main-wrap .shortcut-wrap .list li:nth-child(1) .more a:hover,
    .main-wrap .shortcut-wrap .list li:nth-child(3) .more a:hover,
    .main-wrap .shortcut-wrap .list li:nth-child(6) .more a:hover,
    .main-wrap .shortcut-wrap .list li:nth-child(8) .more a:hover{background:#28558a;color:#fff;}
    .main-wrap .shortcut-wrap .list li:nth-child(2),
    .main-wrap .shortcut-wrap .list li:nth-child(4),
    .main-wrap .shortcut-wrap .list li:nth-child(5),
    .main-wrap .shortcut-wrap .list li:nth-child(7){background:#05B385;}
    .main-wrap .shortcut-wrap .list li:nth-child(2) .con:before,
    .main-wrap .shortcut-wrap .list li:nth-child(4) .con:before,
    .main-wrap .shortcut-wrap .list li:nth-child(5) .con:before,
    .main-wrap .shortcut-wrap .list li:nth-child(7) .con:before{border-bottom: 25px solid #05b385;}
    .main-wrap .shortcut-wrap .list li:nth-child(2) .more a:hover,
    .main-wrap .shortcut-wrap .list li:nth-child(4) .more a:hover,
    .main-wrap .shortcut-wrap .list li:nth-child(5) .more a:hover,
    .main-wrap .shortcut-wrap .list li:nth-child(7) .more a:hover{background:#03664c;color:#fff;}
    .main-wrap .shortcut-wrap .list li .img{width:100%;height:auto;aspect-ratio:4/6;overflow:hidden;}
    .main-wrap .shortcut-wrap .list li .img img{width:100%;height:100%;display:block;object-fit:cover;}
    .main-wrap .shortcut-wrap .list li .con{padding:15px;}
    .main-wrap .shortcut-wrap .list li .con:before{content:'';position:absolute;top: -20px;left:40px;width:40px;height:25px;border-bottom: 25px solid #ffffff;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top:0;}
    .main-wrap .shortcut-wrap .list li .subject{line-height: 1.4;font-size: 16px;}
    .main-wrap .shortcut-wrap .list li .desc{margin-top: 10px;line-height: 18px;font-size: 12px;}
    .main-wrap .shortcut-wrap .list li .more{margin-top: 20px;}
    .main-wrap .shortcut-wrap .list li .more a{width:100%; padding:0; font-size:12px;}

    .registration-wrap{bottom: 20px;right: 20px;left: 20px;border-radius: 16px;padding: 20px;width: auto;}
    .registration-wrap .icon{width:60px;}
    .registration-wrap .icon:before{width:60px;height:60px;}
    .registration-wrap .cont{flex:1}
    .registration-wrap .tit{line-height:1.5;font-size:20px;margin-bottom:10px;}
    .registration-wrap .txt{line-height:1.25;font-size:14px;margin-bottom:10px;}
    .registration-wrap .check{}
    .registration-wrap .check .checkbox{gap:10px;}
    .registration-wrap .check .checkbox input ~ span{line-height:1.5;font-size:13px;}
    .registration-wrap .button{margin:15px 0 0 0;gap:10px;}
    .registration-wrap .button > a,
    .registration-wrap .button > button{flex:1;height:36px;width:100%;font-size:14px;}

    .cookie-wrap{padding: 15px 20px;flex-direction:column;gap:10px;height:auto;align-items: stretch;}
    .cookie-wrap .title{line-height:20px;font-size: 13px;}
    .cookie-wrap .button{gap:10px;justify-content:flex-end;}
    .cookie-wrap .button a{padding:0 10px;font-size:12px;height: 30px;}

    .sub-title-box{margin-bottom: 20px;}
    .sub-title-box .title{line-height:30px;font-size:26px;font-weight:600;color:#212121;display:flex;align-items:center;gap:15px;height: 40px;}
    .sub-title-box .title:before{content:'';width:30px;height:30px;background:url("../img/sub/sub_title_icon.svg") no-repeat center / contain;}

    .greeting-wrap{position:relative;padding:0 0 180px 0;}
    .greeting-wrap .image{width: 100%;height: 420px;border-radius: 5px;overflow: hidden;}
    .greeting-wrap .image img{display:block;width:100%;height:100%;object-fit:cover;}
    .greeting-wrap .text{position: relative;padding: 70px 60px 150px;}
    .greeting-wrap .text:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:300px;border-radius:5px;background:url("../img/sub/greeting_bg.png") no-repeat center / cover;}
    .greeting-wrap .text .h3{position:relative;z-index:2;margin-bottom: 55px;line-height: 42px;font-size: 27px;font-weight: 500;color: #212121;}
    .greeting-wrap .text .h3 strong{font-size:30px;font-weight:700;}
    .greeting-wrap .text .txt{position:relative;z-index:2;margin-bottom:55px;line-height:27px;font-size:17px;font-weight:400;color:#424242;}
    .greeting-wrap .text .txt>p{display:block;margin-bottom:27px;}
    .greeting-wrap .text .txt>p.underline{text-decoration:underline;}
    .greeting-wrap .text .txt>p:last-of-type{margin-bottom:0;}
    .greeting-wrap .text .txt>p>span{color:#0075C9;}
    .greeting-wrap .text .txt>p>strong{font-weight:700;}
    .greeting-wrap .text .from{position:relative;z-index:2;display:flex;align-items: center;gap:20px;line-height:26px;font-size:17px;font-weight:500;color:#212121;}
    .greeting-wrap .text .from strong{font-size:20px;font-weight:600;color:#212121; }
    .greeting-wrap .text .img{position:absolute;z-index: 1;right:99px;bottom:184px;width:359px;height:auto;aspect-ratio:359/292;background:url("../img/sub/greeting_mascot.png") no-repeat center / cover;}

    .introduce-wrap{position:relative;padding:0 0 180px 0;}
    .introduce-wrap .function-box{position:relative;margin-bottom:100px;padding-bottom:100px;display: flex;flex-wrap: wrap;gap: 50px;align-items: flex-start;justify-content: flex-start;}
    .introduce-wrap .function-box:after{content:'';position:absolute;bottom:0;left:0;width:100%;height: 2px;background: repeating-linear-gradient(90deg,#BDBDBD 0,#BDBDBD 6px,transparent 6px,transparent 12px),repeating-linear-gradient(180deg,#BDBDBD 0,#BDBDBD 0,transparent 0,transparent 12px);}
    .introduce-wrap .function-box>.item{padding:40px 50px;border-radius:5px;background:#f5f5f5;display:flex;align-items:flex-start;gap:30px;width: calc(50% - 25px);}
    .introduce-wrap .function-box>.item>.icon{width:100px;height:100px;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:Center;}
    .introduce-wrap .function-box>.item>.text{flex:1;}
    .introduce-wrap .function-box>.item>.text .t1{line-height:50px;font-size:18px;font-weight:600;color:#212121;}
    .introduce-wrap .function-box>.item>.text .t2{position:relative;display:flex;align-items:center;gap:8px;line-height:42px;font-size:16px;font-weight:500;color:#424242;}
    .introduce-wrap .function-box>.item>.text .t2:before{content:'';width:13px;height:13px;border-radius:13px;border:4px solid #63abdf;background:#fff;}
    .introduce-wrap .system-box{}
    .introduce-wrap .system-box>.image{margin:0 0 50px 0;padding:56px 0;display:flex;align-items:center;gap:40px;justify-content:center;}
    .introduce-wrap .system-box>.table{padding:50px;border-radius:5px;border:1px solid #e0e0e0;}
    .introduce-wrap .system-box>.table .tr{display:flex;gap:20px;margin-bottom:20px;}
    .introduce-wrap .system-box>.table .tr .th{display:flex;align-items:center;width:300px;line-height:1.8;font-weight:600;}
    .introduce-wrap .system-box>.table .tr .td{width:500px;}
    .introduce-wrap .system-box>.table .head{}
    .introduce-wrap .system-box>.table .head .tr{height:61px;}
    .introduce-wrap .system-box>.table .head .th{width:500px;display:flex;align-items:center;justify-content:center;height:60px;border-radius:5px;background:#DEEEFA;font-size:18px;}
    .introduce-wrap .system-box>.table .head .th:nth-child(1){width:300px;}
    .introduce-wrap .system-box>.table .body .tr:last-of-type{margin-bottom:0;}
    .introduce-wrap .system-box>.table .body .th{display:flex;flex-direction:column;justify-content:center;border:1px solid #f7fcff;background:#f7fcff;border-radius:5px;padding:20px;text-align:center;font-size:16px;}
    .introduce-wrap .system-box>.table .body .th>span{line-height: 1.4;font-size: 16px;font-weight:500;color:#757575;display: block;word-break: keep-all;}
    .introduce-wrap .system-box>.table .body .th>span>em{font-weight:900;font-size:20px;}
    .introduce-wrap .system-box>.table .body .th>span>em.txt-blue{color:#0075C9;}
    .introduce-wrap .system-box>.table .body .th>span>em.txt-yellow{color:#FECD07;}
    .introduce-wrap .system-box>.table .body .th>span>em.txt-orange{color:#FF7F00;}
    .introduce-wrap .system-box>.table .body .th>span>em.txt-green{color:#47B44C;}
    .introduce-wrap .system-box>.table .body .th>span>em.txt-brown{color:#726658;}
    .introduce-wrap .system-box>.table .body .td{display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;background:#ffffff;border-radius:5px;padding:20px;height:150px;}
    .introduce-wrap .system-box>.table .body .td>p{position:relative;line-height:1.8;font-size:16px;font-weight:400;color:#424242;padding-left:16px;}
    .introduce-wrap .system-box>.table .body .td>p:before{content:'';position:absolute;top:12px;left:6px;width:3px;height:3px;border-radius:3px;background:#424242;}

    .ci-wrap{position:relative;padding:0 0 180px 0;}
    .ci-wrap .tab-box{margin-bottom: 100px;display:flex;background: #F7FCFF;}
    .ci-wrap .tab-box .tab-item{flex:1;height: 60px;font-size: 18px;font-weight: 400;color: #424242;border: 2px solid transparent;}
    .ci-wrap .tab-box .tab-item.on{border-radius: 5px;border-color: #004679;box-shadow: 0 0 17px rgb(0 117 201 / 20%);color: #004679;font-weight: 600;background: #fff;}
    .ci-wrap .tab-cont-box{display:none;}
    .ci-wrap .tab-cont-box.on{display:block;}
    .ci-wrap .image-box{margin-bottom:100px;position:relative;width:100%;height:380px;border:1px solid #e0e0e0;display: flex;align-items: center;justify-content: center;}
    .ci-wrap .image-box:before{content:'';position:absolute;inset:0;background:url("../img/common/grid.png");opacity:0.05;}
    .ci-wrap .image-box .img{position:relative;}
    .ci-wrap .image-box .img img{position:relative;z-index:2;max-width:100%;}
    .ci-wrap .image-box.char{}
    .ci-wrap .image-box.char .img{}
    .ci-wrap .image-box.char .img:before{content:'';position:absolute;top: 30px;left: -140px;width: 160px;height: auto;aspect-ratio: 160/144;background: url("../img/sub/ci_character_name1.png") no-repeat center / contain;z-index:2;}
    .ci-wrap .image-box.char .img:after{content:'';position:absolute;top: 110px;left: 310px;width: 160px;height: auto;aspect-ratio: 160/144;background: url("../img/sub/ci_character_name2.png") no-repeat center / contain;z-index:2;}
    .ci-wrap .ci-intro-box{margin-bottom:70px;}
    .ci-wrap .ci-intro-box .desc{margin-bottom:70px;padding:18px 0;line-height:24px;font-size:18px;font-weight:600;color:#004679;}
    .ci-wrap .ci-intro-box .download{display:flex;align-items:center;justify-content:center;gap:20px;}
    .ci-wrap .ci-intro-box .download>a{display:flex;align-items:center;justify-content:space-between;padding:0 25px;width:250px;height:53px;border-radius:5px;border:1px solid #424242;transition:all 500ms;}
    .ci-wrap .ci-intro-box .download>a:after{content:'';width:24px;height:24px;background:url("../img/icon/ic_download.svg") no-repeat center / contain;}
    .ci-wrap .ci-intro-box .download>a:hover{box-shadow:0 5px 6px rgb(0 0 0 / 12%);text-decoration:underline;}
    .ci-wrap .ci-symbol-box{margin-bottom:70px;}
    .ci-wrap .ci-symbol-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
    .ci-wrap .ci-symbol-box .text{padding:0 20px;}
    .ci-wrap .ci-symbol-box .text>p{line-height:43px;font-size:16px;font-weight:500;color:#424242;gap:8px;display:flex;}
    .ci-wrap .ci-symbol-box .text>p:before{content:'';width:13px;height:13px;border-radius:13px;border:4px solid #63abdf;margin:15px 0 0 0;}
    .ci-wrap .ci-signature-box{margin-bottom:70px;}
    .ci-wrap .ci-signature-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
    .ci-wrap .ci-signature-box .cont{padding:0 20px;display:flex;gap:35px;}
    .ci-wrap .ci-signature-box .cont dl{display:flex;flex-direction:column;gap:6px;flex:1;}
    .ci-wrap .ci-signature-box .cont dl>dt{line-height:40px;font-size:16px;font-weight:500;color:#424242;}
    .ci-wrap .ci-signature-box .cont dl>dd{position:relative;width:100%;height:200px;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:20px;}
    .ci-wrap .ci-signature-box .cont dl>dd:before{content:'';position:absolute;inset:0;background:url("../img/common/grid.png");opacity:0.05;}
    .ci-wrap .ci-signature-box .cont dl>dd img{position:relative;z-index:2;max-width:100%;}
    .ci-wrap .ci-color-box{}
    .ci-wrap .ci-color-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
    .ci-wrap .ci-color-box .text{padding:10px 0;line-height:1.2;font-size:16px;font-weight:500;color:#424242;}
    .ci-wrap .ci-color-box .color{padding:20px;}
    .ci-wrap .ci-color-box .color dl{display:flex;margin:0 0 10px 0;padding:8px 0;align-items:center;gap:10px;}
    .ci-wrap .ci-color-box .color dl>dt{display:flex;align-items:center;gap:10px;line-height:1.2;font-size:16px;font-weight:500;color:#424242;}
    .ci-wrap .ci-color-box .color dl>dt em{width:25px;height:25px;border-radius:25px;}
    .ci-wrap .ci-color-box .color dl>dt em.color-blue{background:#0075C9;}
    .ci-wrap .ci-color-box .color dl>dt em.color-yellow{background:#FFB800;}
    .ci-wrap .ci-color-box .color dl>dt em.color-pink{background:#F80052;}
    .ci-wrap .ci-color-box .color dl>dt em.color-green{background:#47B44C;}
    .ci-wrap .ci-color-box .color dl>dd{line-height:1.2;font-size:15px;font-weight:400;color:#424242;}
    .ci-wrap .char-box{margin-bottom:70px;}
    .ci-wrap .char-box>.title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
    .ci-wrap .char-box .text{margin-bottom:70px;padding: 0 20px;line-height:30px;font-size:15px;font-weight:400;color:#424242;}
    .ci-wrap .char-box .text>p{margin-bottom:12px;}
    .ci-wrap .char-box .text>p:last-of-type{margin-bottom:0;}
    .ci-wrap .char-box .desc{margin-bottom: 40px;padding:18px 0;line-height:24px;font-size:18px;font-weight:600;color:#004679;}
    .ci-wrap .char-box .download{display:flex;align-items:center;justify-content:center;gap:20px;}
    .ci-wrap .char-box .download>a{display:flex;align-items:center;justify-content:space-between;padding:0 25px;width:250px;height:53px;border-radius:5px;border:1px solid #424242;transition:all 500ms;}
    .ci-wrap .char-box .download>a:after{content:'';width:24px;height:24px;background:url("../img/icon/ic_download.svg") no-repeat center / contain;}
    .ci-wrap .char-box .download>a:hover{box-shadow:0 5px 6px rgb(0 0 0 / 12%);text-decoration:underline;}
    .ci-wrap .char-img-box{margin-bottom:70px;}
    .ci-wrap .char-img-box ul{display:flex;align-items:center;justify-content:center;gap:10px 60px;}
    .ci-wrap .char-img-box ul>li{flex:1;display:flex;align-items:center;justify-content:center;}
    .ci-wrap .char-img-box ul>li>img{max-width:100%;height:auto;}
    .ci-wrap .char-intro-box{margin-bottom:70px;}
    .ci-wrap .char-intro-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
    .ci-wrap .char-intro-box .text{margin-bottom:70px;padding:0 20px;}
    .ci-wrap .char-intro-box .text>p{line-height:43px;font-size:16px;font-weight:500;color:#424242;gap:8px;display:flex;}
    .ci-wrap .char-intro-box .text>p:before{content:'';width:13px;height:13px;border-radius:13px;border:4px solid #63abdf;margin:15px 0 0 0;}
    .ci-wrap .char-rule-box{}
    .ci-wrap .char-rule-box .title{padding-left:10px;border-left:3px solid #004679;line-height:1;font-size:18px;font-weight:600;color:#212121;margin-bottom:18px;}
    .ci-wrap .char-rule-box .cont{padding:0 20px;display:flex;gap:35px;}
    .ci-wrap .char-rule-box .cont dl{display:flex;flex-direction:column;gap:6px;flex:1;}
    .ci-wrap .char-rule-box .cont dl>dt{line-height:40px;font-size:16px;font-weight:500;color:#424242;}
    .ci-wrap .char-rule-box .cont dl>dd{position:relative;width:100%;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:20px;}
    .ci-wrap .char-rule-box .cont dl>dd:before{content:'';position:absolute;inset:0;background:url("../img/common/grid.png");opacity:0.05;}
    .ci-wrap .char-rule-box .cont dl>dd img{position:relative;z-index:2;max-width:100%;}

    .organization-wrap{position:relative;padding:0 0 180px 0;}
    .organization-wrap .orga-box>.table{padding:50px;border-radius:5px;border:1px solid #e0e0e0;}
    .organization-wrap .orga-box>.table .tr{display:flex;gap:20px;margin-bottom:20px;}
    .organization-wrap .orga-box>.table .tr .th{flex:1;display:flex;align-items:center;line-height:1.8;font-weight:600;}
    .organization-wrap .orga-box>.table .tr .td{flex:1;}
    .organization-wrap .orga-box>.table .head{}
    .organization-wrap .orga-box>.table .head .tr{height:61px;}
    .organization-wrap .orga-box>.table .head .th{display:flex;align-items:center;justify-content:center;height:60px;border-radius:5px;background:#DEEEFA;font-size:18px;}
    .organization-wrap .orga-box>.table .body .th{display:flex;flex-direction:column;justify-content:center;border:1px solid #f7fcff;background:#f7fcff;border-radius:5px;padding:20px;text-align:center;font-size:16px;}
    .organization-wrap .orga-box>.table .body .td{display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;background:#ffffff;border-radius:5px;padding:20px;height:150px;}
    .organization-wrap .orga-box>.table .body .td>p{position:relative;line-height:1.8;font-size:16px;font-weight:400;color:#424242;padding-left:16px;}
    .organization-wrap .orga-box>.table .body .td>p:before{content:'';position:absolute;top:12px;left:6px;width:3px;height:3px;border-radius:3px;background:#424242;}

    .location-wrap{position:relative;padding:0 0 180px 0;}
    .location-wrap .map-box{margin-bottom: 40px;display:flex;align-items:center;justify-content:center;width:100%;height:600px;overflow:hidden;}
    .location-wrap .map-box img{width:100%;height:100%;object-fit:cover;}
    .location-wrap .link-box{margin-bottom: 100px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
    .location-wrap .link-box a{display:flex;align-items:center;justify-content:center;width:200px;max-width:100%;height: 70px;border-radius: 10px;border:1px solid #e0e0e0;background:#fff;gap:12px;font-size:16px;font-weight:500;color:#424242;}
    .location-wrap .info-box{}
    .location-wrap .info-box .inner{}
    .location-wrap .info-box .info{}
    .location-wrap .info-box .info dl{display: flex;align-items: center;padding: 20px 50px;background: #F7FCFF;border-radius: 5px;margin: 0 0 20px;}
    .location-wrap .info-box .info dl dt{max-width: 100%;width: 180px;display: flex;align-items: center;line-height: 30px;font-size: 20px;font-weight: 600;color: #212121;gap: 10px;}
    .location-wrap .info-box .info dl dt img{width: 50px;height: 50px;object-fit: contain;flex: 0 0 auto;}
    .location-wrap .info-box .info dl dd{line-height: 21px;font-size: 18px;font-weight: 500;color: #757575;flex: 1;}
    .location-wrap .info-box .info dl dd+dt{padding-left:50px;border-left:1px solid #e0e0e0;}
    .location-wrap .info-box .transport{}
    .location-wrap .info-box .transport ul{}
    .location-wrap .info-box .transport li{display: flex;padding: 30px 80px;background: #f5f5f5;margin-bottom: 20px;}
    .location-wrap .info-box .transport li:last-of-type{margin-bottom:0;}
    .location-wrap .info-box .transport .ico{width:90px;height:90px;flex:0 0 auto;border-radius:90px;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:30px;}
    .location-wrap .info-box .transport .ico.bus:before{content:'';width:40px;height:auto;aspect-ratio:40/43;background:url("../img/sub/location_icon_bus.svg") no-repeat center / contain;}
    .location-wrap .info-box .transport .ico.subway:before{content:'';width:40px;height:auto;aspect-ratio:40/51;background:url("../img/sub/location_icon_subway.svg") no-repeat center / contain;}
    .location-wrap .info-box .transport .tit{width: 180px;max-width: 100%;line-height: 90px;font-size: 22px;font-weight: 600;color:#222;margin-right:50px;}
    .location-wrap .info-box .transport .con{flex:1;display: flex;flex-direction: column;justify-content: center;}
    .location-wrap .info-box .transport .con .subway{display: flex;align-items: center;line-height: 30px;font-size: 17px;font-weight: 500;color: #424242;gap: 0 25px;}
    .location-wrap .info-box .transport .con .subway .line{display: flex;align-items: center;justify-content: center;height: 32px;padding: 0 8px;border-radius: 5px;background: #eee;color: #212121;font-size: 16px;}
    .location-wrap .info-box .transport .con .subway .line.blue{background:#2673f2;border-radius:5px;color: #fff;}
    .location-wrap .info-box .transport .con .subway .num{display: flex;align-items: center;justify-content: center;width: 25px;height: 25px;border-radius: 25px;background: #FFD45E;color: #424242;font-size: 17px;font-weight: 500;}
    .location-wrap .info-box .transport .con .bus{display: flex;gap: 25px;line-height: 30px;font-size: 18px;font-weight: 400;color: #424242;margin: 0 30px 0 0;}
    .location-wrap .info-box .transport .con .bus:last-of-type{margin-bottom:0;}
    .location-wrap .info-box .transport .con .bus .type{display: flex;align-items: center;justify-content: center;height: 32px;padding: 0 8px;border-radius: 5px;background: #eee;color: #212121;font-size: 16px;}
    .location-wrap .info-box .transport .con .bus .type.type01{background: #87C700;color: #fff;}

}


@media screen and (max-width: 1200px){
.main-wrap .post-wrap .post .box{padding:20px;}
}

@media screen and (max-width: 1024px){
#newsletter .title{padding:30px 20px 10px; border-right:none;}
#newsletter .inner{flex-direction: column; }
#newsletter .text{padding:10px 20px 30px;}

}

@media screen and (max-width: 960px){
.main-wrap .shortcut-wrap .list ul{grid-template-columns:repeat(2, 1fr)}


}

@media screen and (max-width: 768px){