@charset "utf-8";

#wrapper{position:relative;background:#f1f1f1;}

#wrap{position:relative;margin:0 auto;width:500px;max-width:100%;min-height:100vh;background:#ffffff;}
#wrap .btn_01{background-color:#74acd1 !important;color:#ffffff !important;border-color:#74acd1 !important;}
#wrap .btn_02{background-color:#ff6600 !important;color:#ffffff !important;border-color:#ff6600 !important;}
#wrap .btn_03{background-color:#eaeaea !important;color:#333333 !important;border-color:#eaeaea !important;}
#wrap .btn_disabled{background-color:#cccccc !important;color:#999999 !important;border-color:#cccccc !important;pointer-events:none;}
#wrap .wrap{margin:0 auto;width:1240px;max-width:100%;}
#wrap.main{width:100%;}
#wrap.main #header{display:block;}

#main .visual{position:relative;background:lightblue;transition:150ms;}

#main .visual .slider{width:100%;overflow:hidden;}
#main .visual .slider .inner{position:relative;margin:0 auto;padding:0 100px;width:1240px;max-width:100%;height:470px;}
#main .visual .slider .inner:before{content:'';position:absolute;top:0;right:-40px;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;opacity:0;}
#main .visual .slider .title{position:relative;left:50%;padding:146px 0 15px 0;line-height:1.35;font-size:4.2rem;font-weight:700;color:#333333;opacity:0;}
#main .visual .slider .text{position:relative;left:50%;line-height:3rem;font-size:2rem;font-weight:700;color:#333333;opacity:0;}
#main .visual .slider .swiper-slide01 .inner:before{background:url("../images/visual1.png") no-repeat right bottom / auto 100%;}
#main .visual .slider .swiper-slide02 .inner:before{background:url("../images/visual2.png") no-repeat right bottom / auto 100%;}
#main .visual .slider .swiper-slide03 .inner:before{background:url("../images/visual3.png") no-repeat right bottom / auto 100%;}
#main .visual .slider .swiper-slide04 .inner:before{background:url("../images/visual4.png") no-repeat right bottom / auto 100%;}
#main .visual .slider .swiper-slide05 .inner:before{background:url("../images/visual5.png") no-repeat right bottom / auto 100%;}
#main .visual .slider .swiper-slide-active .inner:before{opacity:1;right:0;transition:all 450ms;transition-delay:0.35s;}
#main .visual .slider .swiper-slide-active .title{opacity:1;left:0;transition:all 650ms;}
#main .visual .slider .swiper-slide-active .text{opacity:1;left:0;transition:all 650ms;}
#main .visual .button{position:absolute;z-index:10;top:0;left:50%;margin:0 auto;width:1240px;max-width:100%;height:100%;pointer-events:none;transform:translateX(-50%);}
#main .visual .button .prev{position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:all;z-index:10;}
#main .visual .button .prev svg{width:36px;height:36px;display:block;}
#main .visual .button .next{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:all;z-index:10;}
#main .visual .button .next svg{width:36px;height:36px;display:block;}
#main .visual .dots{position:absolute;z-index:10;bottom:0;left:50%;width:1240px;max-width:100%;padding:0 100px 20px;transform:translateX(-50%);display:flex;gap:10px;}
#main .visual .dots .swiper-pagination-bullet{margin:0;width:6px;height:6px;border-radius:5px;background:#333333;opacity:0.35;cursor:pointer;}
#main .visual .dots .swiper-pagination-bullet-active{opacity:1;color:#000000;}
#main .category{position:relative;}
#main .category .title{margin:30px 0;line-height:24px;font-size:2rem;font-weight:700;color:#333333;}
#main .category .list{position:relative;padding-bottom:128px;}
#main .category .list:hover .button{opacity:1;}
#main .category .slider{overflow:hidden;}
#main .category .slider .swiper-slide{}
#main .category .slider .swiper-slide a{display:block;}
#main .category .slider .swiper-slide .img{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#eeeff1;}
#main .category .slider .swiper-slide .img img{display:block;width:100%;height:100%;transform: scale(.51);}
#main .category .slider .swiper-slide .txt{margin-top:15px;text-align:center;line-height:2.4rem;font-size:1.4rem;font-weight:700;color:#333333}
#main .category .button{position:absolute;z-index:10;top:0;left:50%;margin:0 auto;width:1240px;max-width:100%;height:100%;pointer-events:none;transform:translateX(-50%);opacity:0;transition:all 300ms;}
#main .category .button .prev{position:absolute;top:50%;left:-20px;transform:translateY(-50%);pointer-events:all;z-index:10;width:48px;height:48px;border-radius:48px;background:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow: 0 2px 6px #00000029;}
#main .category .button .prev svg{width:24px;height:24px;display:block;}
#main .category .button .next{position:absolute;top:50%;right:-20px;transform:translateY(-50%);pointer-events:all;z-index:10;width:48px;height:48px;border-radius:48px;background:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow: 0 2px 6px #00000029;}
#main .category .button .next svg{width:24px;height:24px;display:block;}
#main .school{position:relative;min-height:auto;}
#main .school .wrap{position:relative;}
#main .school .title{margin:30px 0 30px 0;line-height:24px;font-size:2rem;font-weight:700;color:#333333;}
#main .school .list{position:relative;padding-bottom:68px;}
#main .school .list{}
#main .school .list ul{display:flex;flex-wrap:wrap;gap:10px;}

/*#main .school .list li{width:calc(16.66% - 16.66px);}*/
#main .school .list li{width:calc(25% - 16.66px);}

#main .school .list li .image{width:100%;aspect-ratio:16 / 10}
#main .school .list li .image img{width:100%;height:100%;object-fit:cover;border-radius:6px;}
#main .school .list li .text{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;margin-top: 0.6rem;line-height: 2.4rem;font-size: 1.4rem;;font-weight: 400;color: rgb(47, 52, 56);word-break: keep-all;overflow-wrap: break-word;}
#main .school .list li .text span{color: rgb(53, 197, 240);font-weight: 600;}
#main .school .more{position:absolute;top:30px;right:0;}
#main .school .more a{display:block;line-height:24px;font-size:14px;color:#999999;}
#main .download{position:relative;background:aliceblue;overflow:hidden;text-align:left;}
#main .download .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;padding:104px 0;min-height:360px;}
#main .download .tit{line-height:5.6rem;font-size:4.2rem;font-weight:700;color:#333333;margin-bottom:12px;}
#main .download .sub{line-height:4.2rem;font-size:3.2rem;font-weight:800;color:#74acd1} /* darkturquoise */ 
#main .download .act{display:flex;flex-wrap:wrap;gap:10px;}
#main .download .act a{display:flex;}
#main .download .act img{width:120px;height:40px;aspect-ratio:120 / 40;}
#main .download .img{position:absolute;top:-77px;right:0;max-width:560px;}
#main .download .img img{width:100%;height:auto;}

#header{display:none;}
#header .header{}
#header .header .wrap{display:flex;padding:15px 0;}
#header .header .logo{flex:0 0 auto;}
#header .header .logo img{width:107px;height:32px;aspect-ratio:64/31;}
#header .header .menu{flex:1;display:flex;align-items:center;justify-content:center;}
#header .header .menu .dp1{display:flex;align-items:center;justify-content:center;}
#header .header .menu .dl1{width:auto;padding:10px 15px;}
#header .header .menu .da1{line-height:18px;font-size:16px;font-weight:700;color:#333333;}
#header .header .down{ display:flex;gap:20px;/*flex:0 0 auto;*/}
#header .header .down a{display:flex;align-items:center;justify-content:center;height:32px;padding:0 15px;background:#74ACD1;border-radius:5px;font-size:14px;font-weight:500;color:#fff;}
#header .search{padding-top:8px;}
#header .search .wrap{display:flex;align-items:flex-start;}
#header .search .area{flex:0 0 auto;margin:0 15px 0 0;width: 100px;}
#header .search .area .area_toggle{display:flex;align-items:center;justify-content:flex-start;height:42px;padding:0 15px;background:#eeeeee;color:#ffffff;border-radius:42px;min-width:100px;width:100%;}
#header .search .area .area_toggle svg{flex:0 0 auto;margin:0 4px 0 0;width:16px;height:16px;}
#header .search .area .area_toggle span{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:#333333;}
#header .search .area .area_toggle span:after{content:'';width:16px;height:16px;background:url("../images/dropdown.png") no-repeat 50% 50% / contain;}
#header .search .area .area_menu{position:fixed;z-index:1002;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;height:560px;max-width:100%;border-radius:10px;background:#ffffff;display:none;flex-direction:column;}
#header .search .area .area_menu .title{flex:0 0 auto;padding:15px;line-height:3rem;font-size:2rem;font-weight:700;color:#333333;}
#header .search .area .area_menu .close{margin:15px;position:absolute;top:0;right:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#header .search .area .area_menu .close:before{content:'';width:24px;height:24px;background:url("../images/close.png") no-repeat 50% 50% / contain;}
#header .search .area .area_menu .cont{flex:1 1 ;padding:15px;border-top:1px solid #dddddd;display:flex;flex-direction:column;max-height:calc(100% - 60px);}
#header .search .area .area_menu .input{flex:0 0 auto;margin-bottom:15px;display:flex;border-radius:5px;border:1px solid #dddddd;padding:6px 10px;}
#header .search .area .area_menu .input input{flex:1;height:30px;font-size:16px;}
#header .search .area .area_menu .input button{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
#header .search .area .area_menu .input button img{display:block;width:20px;height:20px;object-fit:contain;}
#header .search .area .area_menu .button{flex:0 0 auto;margin-bottom:15px;}
#header .search .area .area_menu .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;font-size:1.5rem;font-weight:700;border-radius:5px;gap:5px;}
#header .search .area .area_menu .button .btn:before{content:'';width:24px;height:24px;background:url("../images/location.png") no-repeat 50% 50% / contain;}
#header .search .area .area_menu .list{flex:1 1;padding:0 0 15px 0;overflow-y:auto;}
#header .search .area .area_menu .list ul{}
#header .search .area .area_menu .list li{border-bottom:1px solid #dddddd;}
#header .search .area .area_menu .list li a{display:flex;align-items:center;padding:12px 0;line-height:30px;font-size:1.6rem;font-weight:400;color:#666666;}
#header .search .area.show .area_menu{display:flex;}
#header .search .flex{flex:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;}
#header .search .flex .form{width: 100%;display:flex;align-items:center;border-radius:5px;border:1px solid #dddddd;background:#ffffff;}
#header .search .flex .form .select{flex:0 0 auto;position:relative;padding:0 10px;min-width:82px;}
#header .search .flex .form .select .select_toggle{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:#333333;width:100%;height:42px;}
#header .search .flex .form .select .select_toggle svg{margin:0 0 0 5px;}
#header .search .flex .form .select .select_menu{display:none;}
#header .search .flex .form .select:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:16px;background:#dddddd;}
#header .search .flex .form .input{flex:1;display:flex;align-items:center;height:42px;}
#header .search .flex .form .input input{flex:1;padding:0 10px;width:100%;height:42px;min-width:100px;background:transparent}
#header .search .flex .form .input button{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;}
#header .search .flex .form .input button img{display:block;width:18px;height:18px;}
#header .popular{display:flex;width:100%;}
#header .popular dl{display:flex;align-items:center;height:50px;}
#header .popular dt{flex:0 0 auto;margin:0 15px 0 0;line-height:40px;font-size:14px;font-weight:500;color:#333333;width: 65px;}
#header .popular dd{flex:1;overflow:hidden;overflow-x:auto;max-width:calc(100%);}
#header .popular dd::-webkit-scrollbar {display: none;}
#header .popular dd{-ms-overflow-style: none;}
#header .popular dd::-webkit-scrollbar{display:none;}
#header .popular dd ul{display:flex;align-items:center;gap:10px;}
#header .popular dd li{flex:0 0 auto;}
#header .popular dd a{font-size:14px;font-weight:500;color:#bbbbbb;}
#header .popular dd a:hover{color:#333333;}

#container{}

#appbar{position:sticky;z-index:1001;bottom:0;padding:0 20px;background:#ffffff;}
#appbar ul{display:flex;align-items:center;height:75px;}
#appbar li{flex:1;}
#appbar li a{display:flex;flex-direction:column;align-items:center;justify-content:center;}
#appbar li a i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:5px;font-size:20px;color:#999;}
#appbar li a span{line-height:1.5rem;font-size:1.2rem;font-weight:400;color:#777777;}
#appbar li a.zido{}
#appbar li a.zido i{width:50px;height:50px;border-radius:50%;background:#cccccc;}

#footer{position:relative;padding:64px 0;}
#footer .footer{display:flex;}
#footer .footer .desc{flex:1;display:flex;flex-direction:column;}
#footer .footer .logo{margin-bottom:24px;}
#footer .footer .logo img{width:52px;height:25px;object-fit:contain;aspect-ratio:52/25;}
#footer .footer .social{display:flex;}
#footer .footer .social a{flex:0 0 auto;margin:0 16px 0 0;width:}
#footer .footer .menu{display:flex;gap:16px;flex-wrap:wrap;max-width:688px;}
#footer .footer .menu dl{width:160px;}
#footer .footer .menu dt{line-height:2.4rem;margin-bottom:16px;font-size:1.6rem;font-weight:700;color:#333333;}
#footer .footer .menu dd{}
#footer .footer .menu dd a{display:block;margin-bottom:8px;line-height:2rem;font-size:1.4rem;font-weight:400;color:#333333;}
#footer .bottom{/* border-top:1px solid #dddddd; *//* padding:40px 0 0 0; *//* margin:40px 0 0 0; */}
#footer .bottom .address{display:flex;flex-wrap:wrap;width:100%;max-width:320px;gap:4px 10px;}
#footer .bottom .address dl{line-height:20px;font-size:14px;display:flex;gap:5px;white-space:nowrap;}
#footer .bottom .address dt{font-weight:600;color:#999999;}
#footer .bottom .address dd{font-weight:400;color:#999999;}
#footer .bottom .link{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px 20px;}
#footer .bottom .link a{display:block;line-height:2rem;font-size:1.4rem;font-weight:500;color:#999999;}

#dimmed{position:fixed;z-index:1001;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);display:none;}
#dimmed.show{display:block;}

#head{position:sticky;top:0;z-index:1001;padding:0 50px;display:flex;align-items:center;justify-content:center;height:50px;background:#ffffff;}
#head .close{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:50px;height:50px;}
#head .close a{display:block;width:24px;height:24px;text-indent:-9999em;overflow:hidden;background:url("../images/close.png") no-repeat 50% 50% / contain;}
#head .prev{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:50px;height:50px;}
#head .prev a{display:block;width:24px;height:24px;text-indent:-9999em;overflow:hidden;background:url("../images/prev.png") no-repeat 50% 50% / contain;}
#head .tool{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;height:50px;padding:0 20px;}
#head .tool a{font-size:1.3rem;color:#666666;}
#head .title{flex:1 1;line-height:1.5;font-size:1.6rem;font-weight:700;color:#333333;}
#head .search{flex:1 1;}
#head .search input[type="text"]{display:block;padding:10px;width:100%;height:40px;border-radius:5px;background:#eeeeee;line-height:1.5;font-size:1.5rem;font-weight:400;color:#333333;}

#intro{position:relative;padding:0 0 125px 0;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#intro .image{margin-bottom:10px;}
#intro .image img{display:block;margin:0 auto;width:auto;max-width:250px;}
#intro .text{line-height:1.5;font-size:1.6rem;font-weight:400;color:#666666;text-align:center;}
#intro .button{position:fixed;bottom:0;padding:20px;width:500px;max-width:100%;display:flex;flex-direction:column;align-items:center;}
#intro .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:5px;box-shadow:0 4px 4px rgba(0 0 0 / 25%);}
#intro .button .log{margin-top:20px;text-align:center;font-size:1.4rem;color:#666666;}
#intro .button .log span{font-weight:500;color:darkorange}

#auth{position:relative;padding:20px;width:100%;min-height:100vh;display:flex;flex-direction:column;}
#auth .text{margin-top:60px;margin-bottom:60px;text-align:left;}
#auth .text .tit{line-height:1.5;font-size:2rem;font-weight:700;color:#333333;}
#auth .text .txt{margin-top:10px;line-height:1.5;font-size:1.4rem;font-weight:400;color:#666666;}
#auth .image{}
#auth .image img{display:block;margin:0 auto;width:auto;max-width:250px;}
#auth .form{margin-top:30px;margin-bottom:30px;}
#auth .form dl{}
#auth .form dt{}
#auth .form dd{}
#auth .form dd + dd{margin-top:10px;}
#auth .form .tit{margin-bottom:15px;line-height:1.5;font-size:2rem;font-weight:700;color:#333333;}
#auth .form .txt{line-height:1.5;font-size:1.2rem;font-weight:400;color:#999999;}
#auth .form .txt .error{margin-top:10px;font-size:1.4rem;font-weight:700;color:#f82626;}
#auth .form .txt .correct{margin-top:10px;font-size:1.4rem;font-weight:700;color:#00b64c;}
#auth .form .inp{padding:10px;width:100%;height:50px;border-radius:5px;border:1px solid #999999;display:flex;align-items:center;}
#auth .form .inp input[type="text"]{display:block;width:100%;height:30px;font-size:1.5rem;color:#333333;}
#auth .form .inp input[type="number"].one_word{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
#auth .form .inp input[type="number"].one_word.on ~ p em{color:#333333;}
#auth .form .inp p.birth{flex:1 1;white-space:nowrap;line-height:30px;font-size:8rem;color:#333333;text-align:center;}
#auth .form .inp p.birth em{color:#999999;}
#auth .form .inp p.time{font-size:1.4rem;white-space:nowrap;}
#auth .form .spc{flex:0 0 25px;width:25px;text-align:center;font-size:1.6rem;color:#999999;}
#auth .form .row{position:relative;display:flex;flex:1;align-items:center;}
#auth .dropdown{flex:0 0 auto;}
#auth .dropdown .dropdown-toggle{display:flex;align-items:center;margin:0 10px 0 0;height:30px;font-size:1.5rem;line-height:30px;}
#auth .dropdown .dropdown-toggle:after{content:'';flex:0 0 auto;margin:0 0 0 10px;width:20px;height:20px;background:url("../images/dropdown.png") no-repeat 50% 50% / contain;}
#auth .dropdown .dropdown-menu{position:fixed;z-index:1002;bottom:0;left:50%;width:500px;max-width:100%;transform:translateX(-50%);border-radius:10px 10px 0 0;background:#ffffff;display:none;max-height:calc(100vh - 50px);overflow-y:auto;}
#auth .dropdown .dropdown-menu .dropdown-title{position:sticky;top:0;padding:15px 15px 10px 15px;line-height:30px;font-size:1.8rem;font-weight:700;background:#ffffff;}
#auth .dropdown .dropdown-menu .dropdown-select{display:flex;flex-direction:column;padding:10px 15px;}
#auth .dropdown .dropdown-menu .dropdown-select a{display:flex;align-items:center;height:40px;font-size:1.5rem;font-weight:400;color:#333333;}
#auth .dropdown .dropdown-menu .dropdown-select a.on{}
#auth .dropdown .dropdown-dimmed{}
#auth .dropdown.show .dropdown-menu{display:block;}
#auth .dropdown.show .dropdown-dimmed{display:block;}
#auth .button{position:fixed;bottom:0;left:50%;width:500px;max-width:100%;display:flex;align-items:center;justify-content:center;transform:translateX(-50%);}
#auth .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;font-size:1.7rem;font-weight:700;}

#location{padding:20px;}
#location .location{}
#location .location .button{margin-bottom:20px;}
#location .location .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;font-size:1.5rem;font-weight:700;border-radius:5px;gap:5px;}
#location .location .button .btn:before{content:'';width:24px;height:24px;background:url("../images/location.png") no-repeat 50% 50% / contain;}
#location .location .list{}
#location .location .list ul{}
#location .location .list li{}
#location .location .list li + li{margin-top:10px;}
#location .location .list li a{display:flex;align-items:center;line-height:30px;font-size:1.4rem;font-weight:500;color:#333333;}
#location .agree{position:fixed;z-index:1002;bottom:0;left:50%;width:500px;max-width:100%;transform:translateX(-50%);border-radius:10px 10px 0 0;background:#ffffff;display:none;max-height:calc(100vh - 50px);overflow-y:auto;}
#location .agree.show{display:block;}
#location .agree .tit{position:sticky;top:0;padding:15px 15px 10px 15px;line-height:30px;font-size:1.8rem;font-weight:700;background:#ffffff;}
#location .agree .con{padding:10px 15px;}
#location .agree .con ul{display:flex;flex-direction:column;}
#location .agree .con li{margin-bottom:10px;display:flex;align-items:flex-start;}
#location .agree .con li .checkbox{flex:1 1;display:flex;cursor:pointer;}
#location .agree .con li .checkbox input{display:none;}
#location .agree .con li .checkbox input ~ i{flex:0 0 auto;margin:0 5px 0 0;width:20px;height:20px;background:url("../images/checkbox.png") no-repeat 50% 50% / contain;filter:grayscale(1);opacity:0.5;}
#location .agree .con li .checkbox input ~ span{font-size:1.4rem;font-weight:400;color:#333333;}
#location .agree .con li .checkbox input:checked ~ i{opacity:1;filter:grayscale(0);}
#location .agree .con li a.more{flex:0 0 auto;width:20px;height:20px;background:url("../images/more.png") no-repeat 50% 50% / contain;opacity:0.35;}
#location .agree .con li button.more{flex:0 0 auto;width:20px;height:20px;background:url("../images/dropdown.png") no-repeat 50% 50% / contain;opacity:0.35;}
#location .agree .con li.all{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dddddd;}
#location .agree .con li.all .checkbox{}
#location .agree .con li.all .checkbox input{display:none;}
#location .agree .con li.all .checkbox input ~ i{width:24px;height:24px;border-radius:24px;background:#999999 url("../images/checkbox2.png") no-repeat 50% 50% / 16px auto}
#location .agree .con li.all .checkbox input ~ span{}
#location .agree .con li.all .checkbox input ~ span strong{display:block;font-size:1.6rem;}
#location .agree .con li.all .checkbox input ~ span p{display:block;margin-top:10px;line-height:1.5;font-size:1.2rem;color:#666666;}
#location .agree .con li.all .checkbox input:checked ~ i{background-color:#ff6600}
#location .agree .act{padding:10px 15px 35px;}
#location .agree .act .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;font-size:1.7rem;font-weight:700;border-radius:5px;box-shadow:0 4px 4px rgba(0 0 0 / 25%);}
#location .address{position:fixed;z-index:1002;bottom:0;left:50%;width:500px;max-width:100%;transform:translateX(-50%);border-radius:10px 10px 0 0;background:#ffffff;display:none;height:100vh;overflow-y:auto;}
#location .address.show{display:block;}
#location .address .head{position:sticky;top:0;z-index:1001;padding:0 50px;display:flex;align-items:center;justify-content:center;height:50px;background:#ffffff;}
#location .address .head .close{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:50px;height:50px;}
#location .address .head .close button{display:block;width:24px;height:24px;text-indent:-9999em;overflow:hidden;background:url("../images/close.png") no-repeat 50% 50% / contain;}
#location .address .cont{padding:0 20px 30px;}
#location .address .step{position:relative;margin-bottom:15px;width:100%;height:2px;background:#eeeeee;}
#location .address .step i{display:block;width:auto;height:2px;background:#999999;}
#location .address .title{line-height:1.5;font-size:2rem;font-weight:700;margin-bottom:5px;}
#location .address .text{line-height:1.5;font-size:1.4rem;font-weight:400;margin-bottom:10px;color:#666666;}
#location .address .text span{color:#ff6600}
#location .address .form{margin-bottom:20px;}
#location .address .form .tit{margin-bottom:5px;line-height:1.5;font-size:1.4rem;font-weight:700;color:#333333;}
#location .address .form .txt{margin-bottom:10px;line-height:1.5;font-size:1.2rem;font-weight:400;color:#666666;}
#location .address .form .inp{padding:10px;width:100%;height:50px;border-radius:5px;border:1px solid #999999;display:flex;align-items:center;}
#location .address .form .inp input[type="text"]{display:block;width:100%;height:30px;font-size:1.5rem;color:#333333;}
#location .address .form .inp button[type="button"]{flex:0 0 auto;width:20px;height:20px;}
#location .address .form .inp button[type="button"] img{max-width:100%;height:auto;}
#location .address .form .desc{margin-top:10px;padding:20px;line-height:1.5;font-size:1.2rem;color:#333333;background:#f6f8f9;border-radius:5px;}
#location .address .form .desc p{display:flex;gap:5px;align-items:center;}
#location .address .form .desc p + p{margin-top:4px;}
#location .address .form .desc em{padding:2px 3px;font-size:1rem;font-weight:500;background:#fff;border-radius:2px;border:1px solid #eee}
#location .address .button{display:flex;padding:0 20px 20px;align-items:center;gap:10px;}
#location .address .button .btn{flex:1 1;display:flex;align-items:center;justify-content:center;height:50px;border-radius:5px;text-align:center;}
#location .address .button .btn_agree{flex:0 0 80px;width:80px;white-space:nowrap}
#location .address .button .btn_next{box-shadow:0 4px 4px rgba(0 0 0 / 25%);}

#bo_head{position:sticky;top:0;z-index:1001;display:flex;align-items:flex-start;justify-content:space-between;padding:10px 20px;background:#ffffff;}
#bo_head .title{display:flex;flex-direction:column;}
#bo_head .title .area{line-height:2.2rem;font-size:1.8rem;font-weight:700;color:#333333;}
#bo_head .title .area:before{content:'🟢';}
#bo_head .title .addr{margin-top:5px;line-height:1.5rem;font-size:1.2rem;font-weight:400;color:#333333;}
#bo_head .tool{display:flex;align-items:center;gap:10px}
#bo_head .tool a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;}
#bo_head .tool a img{display:block;max-width:100%;height:auto;}

#success{position:relative;padding:0 0 125px 0;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#success .image{margin-bottom:10px;}
#success .image img{display:block;margin:0 auto;width:auto;max-width:250px;}
#success .text{line-height:1.5;font-size:2rem;font-weight:700;color:#333333;text-align:center;}
#success .button{position:fixed;bottom:0;padding:20px;width:500px;max-width:100%;display:flex;flex-direction:column;align-items:center;}
#success .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:5px;box-shadow:0 4px 4px rgba(0 0 0 / 25%);}

#register{position:relative;width:100%;min-height: calc(100vh - 62px - 75px);display:flex;flex-direction:column;}
#register .category{padding:10px 20px;display:flex;gap:10px;border-bottom:1px solid #dedede;}
#register .category button{display:flex;flex:1;align-items:center;justify-content:center;height:32px;font-size:1.2rem;font-weight:700;color:#fff;border-radius:5px;background:#74acd1;}
#register .category button.on{}
#register .button{position:fixed;z-index:10;left:50%;bottom:120px;width:500px;max-width:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px;transform:translateX(-50%);padding:0 20px;}
#register .button .dropdown-toggle{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;background:#74acd1;box-shadow:0 4px 4px rgba(0 0 0 / 25%);}
#register .button .dropdown-toggle img{width:24px;height:auto;filter:brightness(100) grayscale(1);}
#register .button .dropdown-menu{position:absolute;bottom:55px;right:20px;display:flex;flex-direction:column;border:1px solid #74acd1;background:#74acd1;display:none;}
#register .button .dropdown-menu a{display:flex;align-items:center;justify-content:center;min-width:100px;height:25px;font-size:1.2em;color:#ffffff;white-space:nowrap;text-align:center;width:100%;}
#register .button.show .dropdown-menu{display:block;}
#register .list{flex:1;display:flex;flex-direction:column;}
#register .list form{flex:1;display:flex;flex-direction:column;}
#register .list ul{display:flex;/*flex-direction:column;*/height:100%;flex:1;}
#register .list li{position:relative;padding:10px;border-bottom:1px solid #dddddd;}
#register .list li .flex{display:flex;}
#register .list li .flex + .flex{margin-top:5px;}
#register .list li .flex .image{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#dddddd;}
#register .list li .flex .image img{display:block;width:100%;height:100%;object-fit:cover}
#register .list li .flex .cont{flex:1;padding:0 0 0 15px;display:flex;flex-direction:column;gap:5px;}
#register .list li .flex .cont .subject{line-height:2rem;font-size:1.5rem;font-weight:500;color:#333333;}
#register .list li .flex .cont .care{line-height:1.5rem;font-size:10px;font-weight:500;color:#333333;}
#register .list li .flex .cont .care.on{}
#register .list li .flex .cont .care.on:before{content:'🟢';}
#register .list li .flex .cont .contents{line-height:2rem;font-size:1.5rem;font-weight:500;color:#333333;}
#register .list li .flex .user{display:flex;align-items:center;gap:5px;}
#register .list li .flex .user .icon{width:25px;height:25px;}
#register .list li .flex .user .icon img{display:block;width:100%;height:100%;object-fit:cover}
#register .list li .flex .user .name{font-size:1.2rem;font-weight:500;color:#333333;}
#register .list li .flex .info{display:flex;align-items:center;gap:10px;margin-left:auto;}
#register .list li .flex .info .info_s{font-size:1.5rem;font-weight:500;color:#333333;}
#register .list li .flex .info .info_s:before{content:'⭐';}
#register .list li .flex .info .info_v{font-size:1.5rem;font-weight:500;color:#333333;}
#register .list li .flex .info .info_v:before{content:'👨';}
#register .list li .menu{position:absolute;top:10px;right:20px;}
#register .list li .dropdown{}
#register .list li .dropdown .dropdown-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:url("../images/dots.png") no-repeat 50% 50% / contain;}
#register .list li .dropdown .dropdown-menu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;border:1px solid #74acd1;background:#74acd1;display:none;}
#register .list li .dropdown .dropdown-menu button{display:flex;align-items:center;justify-content:center;min-width:80px;height:25px;font-size:1.2em;color:#ffffff;white-space:nowrap;text-align:center;width:100%;}
#register .list li .dropdown.show .dropdown-menu{display:block;}
#register .list li.empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.4rem;font-weight:500;color:#999999;}
#register .caution{display:flex;align-items:center;justify-content:center;height:25px;font-size:1rem;font-weight:500;color:#ffffff;background:#74acd1;}

#register_form{padding:20px;border-top:1px solid #dddddd;}
#register_form .write_dl{margin-bottom:12px;}
#register_form .write_dl dt{line-height:3rem;font-size:1.6rem;font-weight:700;color:#333333;}
#register_form .write_dl dd{}
#register_form .write_dl dd + dd{margin-top:10px;}
#register_form .write_dl dd .flex{display:flex;align-items:center;}
#register_form .write_dl dd .flex + .flex{margin-top:10px;}
#register_form .write_dl dd .con{display:flex;align-items:center;}
#register_form .write_dl dd .lab{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;}
#register_form .write_dl dd .lab.w75{width:75px;flex:0 0 75px;}
#register_form .write_dl dd .inp{padding:5px 10px;width:100%;min-height:45px;border-radius:5px;border:2px solid #E8E9EB;display:flex;align-items:center;}
#register_form .write_dl dd .inp input[type="text"]{display:block;padding:0;width:100%;height:30px;font-size:1.5rem;color:#333333;border:0;box-shadow:none;background:none !important;}
#register_form .write_dl dd .inp button{height:30px;font-size:1.2rem;}
#register_form .write_dl dd .inp textarea{padding:5px 0;display:block;width:100%;height:100px;font-size:1.5rem;color:#333333;border:0;box-shadow:none;background:none !important;}
#register_form .write_dl dd .txt{margin-top:5px;line-height:1.4rem;font-size:1rem;color:#a4a4a4;}
#register_form .write_dl dd .price{gap:5px;}
#register_form .write_dl dd .price .lab{border-radius:5px;height:35px;background:#74acd1;color:#ffffff;}
#register_form .write_dl dd .price .con{height:35px;}
#register_form .write_dl dd .price .inp{min-height:35px;padding:0 10px;}
#register_form .write_dl dd .price .inp input[type="text"]{font-size:1.2rem;height:35px}
#register_form .write_dl dd .price .unit{font-size:1.5rem;font-weight:500;flex:0 0 20px;width:20px;}
#register_form .write_dl dd .time{gap:5px;}
#register_form .write_dl dd .time .lab{margin-right:10px;}
#register_form .write_dl dd .time .lab .checkbox{cursor:pointer;}
#register_form .write_dl dd .time .lab .checkbox input{display:none;}
#register_form .write_dl dd .time .lab .checkbox input ~ span{width:38px;height:35px;border-radius:5px;border:1px solid #969696;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.2rem;color:#747474}
#register_form .write_dl dd .time .lab .checkbox input:checked ~ span{color:#ffffff;background:#74acd1;border-color:#74acd1;}
#register_form .write_dl dd .time .con{font-size:1.2rem;color:#777777;}
#register_form .write_dl dd .time .inp{min-height:33px;padding:0 10px;}
#register_form .write_dl dd .time .inp input[type="text"]{flex:1;min-width:10px;width:30px;max-width:100%;font-size:1.2rem;height:31px;text-align:center;}
#register_form .write_dl dd .time .unit{width:16px;flex:0 0 16px;text-align:center;font-size:1.2rem;}
#register_form .write_dl dd .time .spc{width:30px;flex:0 0 30px;text-align:center;font-size:1.2rem;}
#register_form .write_dl dd .chk{}
#register_form .write_dl dd .chk .checkbox{display:flex;align-items:center;cursor:pointer;}
#register_form .write_dl dd .chk .checkbox input{display:none;}
#register_form .write_dl dd .chk .checkbox input ~ i{content:'';flex:0 0 auto;position:relative;width:18px;height:18px;border-radius:5px;border:2px solid #e8e9eb;margin:0 9px 0 0;}
#register_form .write_dl dd .chk .checkbox input ~ span{font-size:1.2rem;font-weight:500;color:#777777;}
#register_form .write_dl dd .chk .checkbox input:checked ~ i{border-color:#74acd1;background:#74acd1;}
#register_form .write_dl dd .chk .checkbox input:checked ~ i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:url("../images/checkbox2.png") no-repeat 50% 50% / contain;}
#register_form .write_dl dd .tag{margin:12px 0 ;display:flex;flex-wrap:wrap;gap:12px 8px;}
#register_form .write_dl dd .tag .tagBtn{width:calc(25% - 6px);display:flex;align-items:center;justify-content:center;height:34px;border-radius:3px;border:2px solid #e8e9eb;}
#register_form .write_dl dd .tag .tagBtn.on{color:#ffffff;border-color:#74acd1;background:#74acd1;}
#register_form .write_req{}
#register_form .write_req dt{}
#register_form .write_req dt:before{content:'*';color:red;}
#register_form .button{display:flex;gap:10px;}
#register_form .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:5px;font-size:1.7rem;}
#register_form .button .btn_cancel{flex:0 0 100px;}

#register_detail{position:relative;padding:0 0 61px 0;}
#register_detail .visual{position:relative;}
#register_detail .visual .big{position:relative;overflow:hidden;width:100%;height:auto;aspect-ratio:1/1;background:rgb(116 172 209 / 20%);}
#register_detail .visual .big .fraction{position:absolute;bottom:10px;left:unset;right:10px;z-index:2;background:rgb(0 0 0 / 50%);border-radius:25px;min-width:42px;width:auto;height:20px;font-size:1rem;color:#ffffff;display:flex;align-items:center;justify-content:center;letter-spacing:1px;}
#register_detail .visual .big .swiper-slide{}
#register_detail .visual .small{position:relative;padding:10px 15px;overflow:hidden;}
#register_detail .visual .small .swiper-slide{width:100%;height:auto;aspect-ratio:1/1;background:rgb(116 172 209 / 20%);}
#register_detail .visual img{width:100%;height:100%;object-fit:cover;}
#register_detail .school{position:relative;padding:10px 15px;display:flex;align-items:center;border-bottom:1px solid #dddddd;}
#register_detail .school .icon{width:35px;height:35px;border-radius:35px;overflow:hidden;flex:0 0 auto;}
#register_detail .school .icon img{width:100%;height:100%;object-fit:cover;}
#register_detail .school .cont{flex:1;padding-left:10px;}
#register_detail .school .cont .name{line-height:2.4rem;font-size:1.5rem;font-weight:700;color:#333333;}
#register_detail .school .cont .addr{line-height:1.8rem;font-size:1.2rem;font-weight:400;color:#666666;}
#register_detail .school .menu{position:absolute;top:10px;right:20px;}
#register_detail .school .dropdown{}
#register_detail .school .dropdown .dropdown-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:url("../images/dots.png") no-repeat 50% 50% / contain;}
#register_detail .school .dropdown .dropdown-menu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;border:1px solid #74acd1;background:#74acd1;display:none;}
#register_detail .school .dropdown .dropdown-menu button{display:flex;align-items:center;justify-content:center;min-width:80px;height:25px;font-size:1.2em;color:#ffffff;white-space:nowrap;text-align:center;width:100%;}
#register_detail .school .dropdown.show .dropdown-menu{display:block;}
#register_detail .worktime{padding:15px;border-bottom:1px solid #dddddd;}
#register_detail .worktime ul{display:flex;gap:10px;}
#register_detail .worktime li{flex:1;display:flex;flex-direction:column;align-items:center;}
#register_detail .worktime li .label{display:flex;align-items:center;justify-content:center;width:36px;height:auto;aspect-ratio:1/1;border-radius:3px;border:1px solid #969696;font-size:1.2rem;color:#9c9c9c;}
#register_detail .worktime li .text{margin-top:10px;line-height:10px;font-size:1rem;font-weight:500;color:#a5a5a5;text-align:center;}
#register_detail .worktime li.on{}
#register_detail .worktime li.on .label{background:#74ACD1;color:#ffffff;border-color:#74ACD1;}
#register_detail .worktime li.on .text{color:#777777;}
#register_detail .worktime li.off{}
#register_detail .worktime li.off .label{background:#ffffff;color:#333333;border-color:#969696;}
#register_detail .worktime li.off .text{color:#a5a5a5;}
#register_detail .type{padding:15px 15px;display:flex;gap:12px;flex-wrap:wrap;}
#register_detail .type span{display:flex;align-items:center;justify-content:center;width:calc(25% - 9px);height:35px;border-radius:3px;background:#eaeaea;color:#666666;border:#eaeaea;font-size:1.2rem;font-weight:700;}
#register_detail .type span.on{background:#74acd1;color:#ffffff;}
#register_detail .contents{padding:20px 15px;line-height:1.5;font-size:1.4rem;font-weight:500;color:#333333;text-align:center;}
#register_detail .contents strong{line-height:1.5;font-size:2rem;font-weight:700;color:#333333;}
#register_detail .banned{padding:15px 15px;display:flex;gap:12px;flex-wrap:wrap;}
#register_detail .banned span{display:flex;align-items:center;justify-content:center;width:calc(25% - 9px);height:35px;border-radius:3px;background:#eaeaea;color:#666666;border:#eaeaea;font-size:1.2rem;font-weight:700;}
#register_detail .banned span.on{background:#FE4022;color:#ffffff;}
#register_detail .expense{padding:20px 15px;line-height:1.5;font-size:1.4rem;font-weight:500;color:#333333;text-align:left;}
#register_detail .expense .tit{line-height:3rem;font-size:2rem;font-weight:700;color:#333;margin-bottom:10px;}
#register_detail .expense .txt{line-height: 1.5;font-size: 1.4rem;font-weight: 500;color: #333333;}
#register_detail .review{position:relative;padding:20px 15px;line-height:1.5;font-size:1.4rem;font-weight:500;color:#333333;}
#register_detail .review .tit{line-height:3rem;font-size:2rem;font-weight:700;color:#333;margin-bottom:10px;}
#register_detail .review .act{position:absolute;z-index:2;top:20px;right:15px;}
#register_detail .review .act a{display:block;width:3rem;height:3rem;background:url("../images/more.png") no-repeat 50% 50% / 2rem auto;}
#register_detail .review .con{}
#register_detail .review .con ul{display:flex;flex-wrap:wrap;gap:12px 18px;}
#register_detail .review .con li{width:calc(50% - 9px);}
#register_detail .review .con li .inr{display:block;}
#register_detail .review .con li .img{display:block;width:100%;height:auto;aspect-ratio:173/129;border-radius:3px;overflow:hidden;background: rgb(116 172 209 / 20%);}
#register_detail .review .con li .img img{width:100%;height:100%;object-fit:cover;}
#register_detail .review .con li .box{text-align:left;}
#register_detail .review .con li .uppr{line-height:30px;font-size:12px;font-weight:700;color:#000;}
#register_detail .review .con li .text{line-height:20px;font-size:10px;font-weight:400;color:#666;}
#register_detail .review .con li .star{display:flex;justify-content:flex-end;}
#register_detail .bottom{position:fixed;z-index:1000;bottom:0;left:50%;width:500px;max-width:100%;transform:translateX(-50%);border-top:1px solid #dddddd;background:#ffffff;display:flex;}
#register_detail .bottom .like{width:60px;flex:0 0 auto;}
#register_detail .bottom .like a{position:relative;display:flex;width:100%;height:auto;aspect-ratio:1/1;align-items:center;justify-content:center;opacity:0.5;}
#register_detail .bottom .like a:before{content:'';width:24px;height:24px;background:url("../images/like.png") no-repeat 50% 50% / contain;}
#register_detail .bottom .like a.on{opacity:1;}
#register_detail .bottom .like a.on:before{background:url("../images/like_on.png") no-repeat 50% 50% / contain;}
#register_detail .bottom .price{position:relative;display:flex;flex-direction:column;padding:10px 10px 10px 20px;;flex:1;}
#register_detail .bottom .price:before{content:'';position:absolute;top:20px;left:0;bottom:20px;width:1px;background:#dddddd;}
#register_detail .bottom .price dl{display:flex;align-items:center;line-height:2rem;font-size:1.2rem;font-weight:700;}
#register_detail .bottom .price dt{min-width:40px;}
#register_detail .bottom .price dd{}
#register_detail .bottom .talk{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0 15px;}
#register_detail .bottom .talk a{display:flex;align-items:center;justify-content:center;width:100px;height:40px;border-radius:5px;font-size:1.4rem;background:#74ACD1;color:#ffffff;}
#register_detail .comment{padding:0 15px;}
#register_detail .comment .total{margin-bottom: 10px;line-height: 3rem;font-size: 1.6rem;}
#register_detail .comment .total b{line-height: 3rem;font-size: 2rem;font-weight: 700;color: #333;}
#register_detail .comment #bo_vc{font-size:1.4rem;}

#animal_form{padding:20px;border-top:1px solid #dddddd;}
#animal_form .write_dl{display:flex;align-items:flex-start;margin-bottom:12px;}
#animal_form .write_dl dt{flex:0 0 auto;margin:0 10px 0 0;min-width:60px;font-size:1.6rem;font-weight:700;color:#333333;line-height:4.5rem;}
#animal_form .write_dl dd{flex:1;display:flex;flex-direction:column;gap:10px;width:100%;}
#animal_form .write_dl dd + dd{margin-top:10px;}
#animal_form .write_dl dd .flex{display:flex;align-items:center;}
#animal_form .write_dl dd .flex + .flex{margin-top:10px;}
#animal_form .write_dl dd .inp{padding:5px 10px;width:100%;min-height:45px;border-radius:5px;border:2px solid #E8E9EB;display:flex;align-items:center;}
#animal_form .write_dl dd .inp input[type="text"]{display:block;padding:0;width:100%;height:30px;font-size:1.5rem;color:#333333;border:0;box-shadow:none;background:none !important;}
#animal_form .write_dl dd .inp button{height:30px;font-size:1.2rem;}
#animal_form .write_dl dd .inp textarea{padding:5px 0;display:block;width:100%;height:100px;font-size:1.5rem;color:#333333;border:0;box-shadow:none;background:none !important;}
#animal_form .write_dl dd .txt{margin-top:5px;line-height:1.4rem;font-size:1rem;color:#a4a4a4;}
#animal_form .write_dl dd .chk{}
#animal_form .write_dl dd .chk .checkbox{display:flex;align-items:center;cursor:pointer;}
#animal_form .write_dl dd .chk .checkbox input{display:none;}
#animal_form .write_dl dd .chk .checkbox input ~ em{font-size:1.6rem;color:red;flex:0 0 auto;}
#animal_form .write_dl dd .chk .checkbox input ~ i{content:'';flex:0 0 auto;position:relative;width:18px;height:18px;border-radius:5px;border:2px solid #e8e9eb;margin:0 9px 0 0;}
#animal_form .write_dl dd .chk .checkbox input ~ span{font-size:1.2rem;font-weight:500;color:#777777;}
#animal_form .write_dl dd .chk .checkbox input:checked ~ i{border-color:#74acd1;background:#74acd1;}
#animal_form .write_dl dd .chk .checkbox input:checked ~ i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:url("../images/checkbox2.png") no-repeat 50% 50% / contain;}
#animal_form .write_dl dd .radio{display:flex;gap:5px;align-items:center;height: 45px;}
#animal_form .write_dl dd .radio .radiobox{display:flex;align-items:center;cursor:pointer;}
#animal_form .write_dl dd .radio .radiobox input{display:none;}
#animal_form .write_dl dd .radio .radiobox input ~ em{display:flex;align-items:center;justify-content:center;border-radius:5px;border:2px solid #e8e9eb;width:45px;height:45px;}
#animal_form .write_dl dd .radio .radiobox input:checked ~ em{border-color:#74acd1;}
#animal_form .write_dl dd .radio .radiobox input ~ i{content:'';flex:0 0 auto;position:relative;width:18px;height:18px;border-radius:5px;border:2px solid #e8e9eb;margin:0 9px 0 0;}
#animal_form .write_dl dd .radio .radiobox input ~ span{font-size:1.2rem;font-weight:500;color:#777777;}
#animal_form .write_dl dd .radio .radiobox input:checked ~ i{border-color:#74acd1;background:#74acd1;}
#animal_form .write_dl dd .radio .radiobox input:checked ~ i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:url("../images/checkbox2.png") no-repeat 50% 50% / contain;}
#animal_form .write_dl dd .radio + .chk{margin-left:15px;}
#animal_form .write_dl dd .unit {font-size: 1.5rem;font-weight: 500;flex: 0 0 30px;width: 30px;color:#777777;text-align:center;}
#animal_form .write_dl dd .birth{}
#animal_form .write_dl dd .birth .inp{width:40px;min-width:40px;}
#animal_form .write_dl dd .birth .inp.w75{width:75px;}
#animal_form .write_dl dd .weight{}
#animal_form .write_dl dd .weight .inp{width:75px;min-width:75px;}
#animal_form .write_col{flex-direction:column;}
#animal_form .write_req{}
#animal_form .write_req dt{}
#animal_form .write_req dt:before{content:'*';color:red;}
#animal_form .button{display:flex;gap:10px;}
#animal_form .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:5px;font-size:1.7rem;}
#animal_form .button .btn_cancel{flex:0 0 100px;}

#animal_detail{padding:20px;}
#animal_detail .animal{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 40px;}
#animal_detail .animal .image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 20px;}
#animal_detail .animal .name{line-height:24px;font-size:16px;font-weight:700;color:#333333;}
#animal_detail .animal .info{text-align:left;width:100%;line-height:1.5;font-size:14px;font-weight:500;color:#333333;}
#animal_detail .review{}
#animal_detail .review .title{margin:0 0 20px;line-height:24px;font-size:16px;font-weight:600;color:#000000;}
#animal_detail .review .list{}
#animal_detail .review .list ul{}
#animal_detail .review .list li{position:relative;border-bottom:1px solid #a4a4a4;margin-bottom:25px;padding-bottom:25px;}
#animal_detail .review .list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
#animal_detail .review .list .name{display:flex;align-items:center;line-height:20px;font-size:15px;font-weight:600;color:#333333;margin-bottom:10px;}
#animal_detail .review .list .text{line-height:1.5;font-size:12px;font-weight:400;color:#666666;}
#animal_detail .review .list .comm{margin:20px 0 0 0;padding:10px;border-radius:10px;background:rgb(116 172 209 / 29%);box-shadow:0 4px 4px rgb(0 0 0 / 25%)}
#animal_detail .review .list .comm .tit{line-height:1.5;font-size:14px;font-weight:700;color:#333333;margin:0 0 10px;}
#animal_detail .review .list .comm .txt{line-height:1.45;font-size:13px;font-weight:400;color:#666666;}
#animal_detail .review .list .menu{position:absolute;top:0;right:0;}
#animal_detail .review .list .dropdown{}
#animal_detail .review .list .dropdown .dropdown-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:url("../images/dots.png") no-repeat 50% 50% / contain;}
#animal_detail .review .list .dropdown .dropdown-menu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;border:1px solid #74acd1;background:#74acd1;display:none;}
#animal_detail .review .list .dropdown .dropdown-menu button{display:flex;align-items:center;justify-content:center;min-width:80px;height:25px;font-size:1.2em;color:#ffffff;white-space:nowrap;text-align:center;width:100%;}
#animal_detail .review .list .dropdown.show .dropdown-menu{display:block;}
#mypage{position:relative;width:100%;min-height: calc(100dvh - 75px);display:flex;flex-direction:column;padding:20px;background:#F3F4F5;}
#mypage .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
#mypage .header .title{line-height:2.7rem;font-size:2.2rem;font-weight:700;color:#333;}
#mypage .header .tool{display:flex;gap:10px;}
#mypage .header .tool a{width:20px;height:20px;}
#mypage .header .tool a.tool_s{background:url("../images/cog.png") no-repeat 50% 50% / contain;}
#mypage .header .tool a.tool_c{background:url("../images/calendar.png") no-repeat 50% 50% / contain;}
#mypage .content{}
#mypage .content .inner{position:relative;border-radius:10px;background:#ffffff;margin-bottom:15px;}
#mypage .content .myinfo{position:sticky;top:0;z-index:10;}
#mypage .content .myinfo .user{padding:15px;border-bottom:1px solid #F3F4F5;}
#mypage .content .myinfo .user a{display:flex;align-items:center;}
#mypage .content .myinfo .user .icon{width:36px;height:36px;border-radius:36px;overflow:hidden;flex:0 0 auto;}
#mypage .content .myinfo .user .icon img{display:block;width:100%;height:100%;object-fit:cover;}
#mypage .content .myinfo .user .name{flex:1;padding:0 10px;font-size:1.6rem;font-weight:700;color:#333333;}
#mypage .content .myinfo .user .arrow{width:20px;height:20px;background:url("../images/more.png") no-repeat 50% 50% / contain;}
#mypage .content .myinfo .payment{padding:15px;}
#mypage .content .myinfo .payment .money{margin-bottom:10px;}
#mypage .content .myinfo .payment .money dl{display:flex;align-items:center;justify-content:space-between;}
#mypage .content .myinfo .payment .money dt{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#74acd1;gap:5px;}
#mypage .content .myinfo .payment .money dd{display:flex;align-items:center;}
#mypage .content .myinfo .payment .money dd a{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#333333;gap:5px;}
#mypage .content .myinfo .payment .money dd a:after{content:'';width:16px;height:16px;background:url("../images/more.png") no-repeat 50% 50% / contain;}
#mypage .content .myinfo .payment .button{display:flex;gap:10px;}
#mypage .content .myinfo .payment .button a{flex:1;height:35px;border-radius:5px;background:#F3F4F5;color:#333;font-size:1.4rem;font-weight:700; text-align: center}
#mypage .content .school{}
#mypage .content .school .title{padding:10px 15px;line-height:2.5rem;font-size:1.6rem;font-weight:bold;}
#mypage .content .school .flex{position:relative;display:flex;padding:0 15px 20px;}
#mypage .content .school .flex .image{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#dddddd;}
#mypage .content .school .flex .image img{display:block;width:100%;height:100%;object-fit:cover}
#mypage .content .school .flex .cont{flex:1;padding: 0 0 0 15px;display:flex;flex-direction:column;gap:5px;}
#mypage .content .school .flex .cont .subject{line-height:2rem;font-size:1.5rem;font-weight:500;color:#333333;padding: 0 30px 0 0;}
#mypage .content .school .flex .cont .care{line-height:1.5rem;font-size:10px;font-weight:500;color:#333333;}
#mypage .content .school .flex .cont .care.on{}
#mypage .content .school .flex .cont .care.on:before{content:'🟢';}
#mypage .content .school .flex .cont .contents{line-height:2rem;font-size:1.5rem;font-weight:500;color:#333333;}
#mypage .content .school .flex .info{display:flex;align-items:center;gap:10px;margin-left:auto;}
#mypage .content .school .flex .info .info_s{font-size:1.5rem;font-weight:500;color:#333333;}
#mypage .content .school .flex .info .info_s:before{content:'⭐';}
#mypage .content .school .flex .info .info_v{font-size:1.5rem;font-weight:500;color:#333333;}
#mypage .content .school .flex .info .info_v:before{content:'👨';}
#mypage .content .school .menu{position:absolute;top:45px;right:20px;}
#mypage .content .school .dropdown{}
#mypage .content .school .dropdown .dropdown-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:url("../images/dots.png") no-repeat 50% 50% / contain;}
#mypage .content .school .dropdown .dropdown-menu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;border:1px solid #74acd1;background:#74acd1;display:none;}
#mypage .content .school .dropdown .dropdown-menu button{display:flex;align-items:center;justify-content:center;min-width:80px;height:25px;font-size:1.2em;color:#ffffff;white-space:nowrap;text-align:center;width:100%;}
#mypage .content .school .dropdown.show .dropdown-menu{display:block;}
#mypage .content .school .empty{padding:20px 0;text-align:center;font-size:1.2rem;color:#999;}
#mypage .content .school .edit{border-top:1px solid #F3F4F5;}
#mypage .content .school .edit a{display:flex;align-items:center;justify-content:center;height:50px;font-size:1.4rem;font-weight:500;color:#333333;}
#mypage .content .animal{}
#mypage .content .animal .title{padding:10px 15px;line-height:2.5rem;font-size:1.6rem;font-weight:bold;}
#mypage .content .animal .flex{position:relative;display:flex;padding:0 15px 20px;}
#mypage .content .animal .flex .image{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#dddddd;}
#mypage .content .animal .flex .image img{display:block;width:100%;height:100%;object-fit:cover}
#mypage .content .animal .flex .cont{flex:1;padding:0 0 0 15px;display:flex;flex-direction:column;gap:5px;}
#mypage .content .animal .flex .cont .subject{line-height:2rem;font-size:1.5rem;font-weight:500;color:#333333;}
#mypage .content .animal .flex .type{width:30%;text-align:left;padding-right:50px;}
#mypage .content .animal .flex .type .care{line-height:1.5rem;font-size:10px;font-weight:500;color:#333333;}
#mypage .content .animal .flex .type .care.on{}
#mypage .content .animal .flex .type .care.on:before{content:'🟢';}
#mypage .content .animal .flex .cont .contents{line-height:2rem;font-size:1.5rem;font-weight:500;color:#333333;}
#mypage .content .animal .menu{position:absolute;top:45px;right:20px;}
#mypage .content .animal .dropdown{}
#mypage .content .animal .dropdown .dropdown-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:url("../images/dots.png") no-repeat 50% 50% / contain;}
#mypage .content .animal .dropdown .dropdown-menu{position:absolute;top:100%;right:0;display:flex;flex-direction:column;border:1px solid #74acd1;background:#74acd1;display:none;}
#mypage .content .animal .dropdown .dropdown-menu button{display:flex;align-items:center;justify-content:center;min-width:80px;height:25px;font-size:1.2em;color:#ffffff;white-space:nowrap;text-align:center;width:100%;}
#mypage .content .animal .dropdown.show .dropdown-menu{display:block;}
#mypage .content .animal .empty{padding:20px 0;text-align:center;font-size:1.2rem;color:#999;}
#mypage .content .animal .edit{border-top:1px solid #F3F4F5;}
#mypage .content .animal .edit a{display:flex;align-items:center;justify-content:center;height:50px;font-size:1.4rem;font-weight:500;color:#333333;}
#mypage .added{}
#mypage .added a{display:flex;align-items:center;justify-content:center;height:53px;border-radius:5px;background:#ffffff;font-size:1.4rem;font-weight:700;color:#333333;}

#getinfo{}
#getinfo .info{padding:50px 20px;text-align:center;}
#getinfo .info .image{margin:0 auto 10px;width:85px;height:auto;aspect-ratio:1/1;overflow:hidden;}
#getinfo .info .image img{display:block;width:100%;height:100%;object-fit:cover;}
#getinfo .info .name{line-height:3rem;font-size:2rem;font-weight:700;}
#getinfo .info .addr{line-height:1.5rem;font-size:1.2rem;font-weight:400;margin-top:10px;}
#getinfo .form{padding:20px;}
#getinfo .form dl{}
#getinfo .form dl + dl{margin-top:20px;}
#getinfo .form dl.bar{padding:0;width:100%;height:1px;background:#bebebe;}
#getinfo .form dt{margin-bottom:10px;line-height:2rem;font-size:1.5rem;font-weight:600;color:#333333;}
#getinfo .form dd{display:flex;gap:10px;}
#getinfo .form dd + dd{margin-top:7px;}
#getinfo .form dd .chk{display:flex;flex:1;gap:10px}
#getinfo .form dd .chk label{flex: 0 0 calc(25% - 7.5px);display:flex;align-items:center;justify-content:center;}
#getinfo .form dd .chk label input{display:none;}
#getinfo .form dd .chk label input ~ span{display:flex;align-items:center;justify-content:center;width:100%;height:35px;border-radius:3px;background:rgb(116 172 209 / 18%);color:#999999;border:#eaeaea;font-size:1.2rem;font-weight:700;}
#getinfo .form dd .chk label input:checked ~ span{background:#74acd1;color:#ffffff;}
#getinfo .form dd .chk-full label{width:100%;flex:1;}
#getinfo .form dd .chk ~ .inp{flex:0 0 auto;}
#getinfo .form dd .chk ~ .inp input{width:100px;height:35px;border-radius:5px;border:1px solid #a8a8a8;padding:0 6px;font-size:1.2rem;}
#getinfo .form dd .txt{line-height:1.5rem;font-size:1.2rem;font-weight:300;color:#333333;width:100%;}
#getinfo .form dd .txt textarea{display:block;padding:10px;width:100%;height:120px;font-size:1.2rem;border:1px solid #e8e9eb;border-radius:5px;background:#ffffff}
#getinfo .form dd .date{}
#getinfo .form dd .date .date_button{display:flex;align-items:center;justify-content:center;width:100%;height:35px;color:#666666;border:#eaeaea;font-size:1.2rem;font-weight:500;}
#getinfo .form dd .timer{}
#getinfo .form dd .timer .timer_button{display:flex;align-items:center;justify-content:center;width:100%;height:35px;color:#666666;border:#eaeaea;font-size:1.2rem;font-weight:500;}
#getinfo .form dd .days{display:flex;gap:8px;align-items:flex-start;}
#getinfo .form dd .days .day{display:flex;flex-direction:column;}
#getinfo .form dd .days .lab{}
#getinfo .form dd .days .lab .checkbox{cursor:pointer;}
#getinfo .form dd .days .lab .checkbox input{display:none;}
#getinfo .form dd .days .lab .checkbox input ~ span{width:38px;height:35px;border-radius:5px;border:1px solid #969696;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1rem;color:#747474}
#getinfo .form dd .days .lab .checkbox input:checked ~ span{color:#ffffff;background:#74acd1;border-color:#74acd1;font-size:1.4rem}
#getinfo .form dd .days .con{padding:5px 0 0;line-height:1.5rem;font-size:1.2rem;font-weight:400;color:#666;text-align:center;min-height:4.5rem;}
#getinfo .form dd .days .con .dropdown-toggle{line-height:1.5rem;font-size:1.2rem;font-weight:400;color:#333;}
#getinfo .dropdown{}
#getinfo .dropdown .dropdown-toggle{}
#getinfo .dropdown .dropdown-menu{display:none;}
#getinfo .dropdown.show .dropdown-menu{display:block;}
#getinfo .date_box{position:fixed;z-index:1002;bottom:0;left:50%;width:500px;max-width:100%;transform:translateX(-50%);padding:30px 20px 20px;border-radius:10px 10px 0 0;background:#ffffff;}
#getinfo .date_box .date_tit{margin-bottom:10px;line-height:2.4rem;font-size:1.6rem;font-weight:500;}
#getinfo .date_box .date_btn{position:absolute;top:30px;right:20px;display:flex;align-items:center;gap:10px;}
#getinfo .date_box .date_btn a{}
#getinfo .date_box .date_btn a.prev{}
#getinfo .date_box .date_btn a.next{}
#getinfo .date_box .date_cal{text-align:center;}
#getinfo .date_box .date_cal .cal_hd{display:flex;flex-wrap:wrap;}
#getinfo .date_box .date_cal .cal_hd li{width:14.28%;line-height:1.6rem;font-size:1rem;color:#999999;}
#getinfo .date_box .date_cal .cal_bd{display:flex;flex-wrap:wrap;gap:10px;}
#getinfo .date_box .date_cal .cal_bd li{width:calc(14.28% - 9px);height:auto;aspect-ratio:1/1;}
#getinfo .date_box .date_cal .cal_bd li{position:relative;display:flex;align-items:center;justify-content:center;font-size:1.4rem;}
#getinfo .date_box .date_cal .cal_bd li.day{font-weight:500;color:#333333;cursor:pointer;}
#getinfo .date_box .date_cal .cal_bd li.dis{font-weight:400;color:#999999;pointer-events:none;}
#getinfo .date_box .date_cal .cal_bd li.today{font-weight:500;color:#ff6600;cursor:pointer;}
#getinfo .date_box .date_cal .cal_bd li.selected{font-weight:700;color:#ff6600;}
#getinfo .date_box .date_cal .cal_bd li.selected:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;border-radius:50%;background:#74ACD1;z-index:-1;}
#getinfo .date_box .date_act{margin-top:20px;}
#getinfo .date_box .date_act .btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:5px;font-size:1.6rem;}
#getinfo .timer_box{position:fixed;z-index:1002;bottom:0;left:50%;width:500px;max-width:100%;transform:translateX(-50%);padding:30px 20px 20px;border-radius:10px 10px 0 0;background:#ffffff;}
#getinfo .timer_box .timer_con{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0 50px;}
#getinfo .timer_box .timer_con:before{content:'';position:absolute;top:50%;left:0;right:0;width:100%;height:30px;border-radius:8px;background:#f1f1f1;transform:translateY(-50%);}
#getinfo .timer_box .timer_con .time{flex:1;width:33.33%;height:150px;overflow:hidden;}
#getinfo .timer_box .timer_con .time .swiper-slide{width:100%;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#999999;}
#getinfo .timer_box .timer_con .time .swiper-slide-active{color:#333333;}
#getinfo .timer_box .timer_act{margin-top:20px;}
#getinfo .timer_box .timer_act .btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:5px;font-size:1.6rem;}
#getinfo .button{display:flex;gap:10px;padding:0 20px 20px;}
#getinfo .button .btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:5px;font-size:1.7rem;}
#getinfo .button .btn_cancel{flex:0 0 100px;}

#getchat{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 50px);overflow:hidden;border-top:1px solid #fafafa;background:#ffffff;}
#getchat .info{padding:20px 20px 10px 20px;display:flex;flex:0 0 auto;}
#getchat .info .image{width:50px;height:50px;aspect-ratio:1/1;overflow:hidden;}
#getchat .info .image img{display:block;width:100%;height:100%;object-fit:cover;}
#getchat .info .cont{display:flex;flex-direction:column;padding-left:10px;}
#getchat .info .name{line-height:3rem;font-size:1.5rem;font-weight:700;color:#333333;}
#getchat .info .addr{line-height:1.5rem;font-size:1.2rem;font-weight:400;color:#666666;}
#getchat .tool{padding:0 20px 20px;display:flex;align-items:center;gap:10px;flex:0 0 auto;}
#getchat .tool a{display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid #e0e0e0;height:35px;padding:0 10px;font-size:1.2rem;font-weight:600;color:#000;}
#getchat .tool a:before{content:'';flex:0 0 auto;width:15px;height:15px;margin:0 5px 0 0;}
#getchat .tool a.tool_1:before{background:url("../images/tool_1.png") no-repeat 50% 50% / contain;}
#getchat .tool a.tool_2:before{background:url("../images/tool_2.png") no-repeat 50% 50% / contain;}
#getchat .tool a.tool_3:before{background:url("../images/tool_3.png") no-repeat 50% 50% / contain;}
#getchat .chat{flex:1;overflow-y:auto;border-top:1px solid #fafafa;}
#getchat .chat::-webkit-scrollbar {display: none;}
#getchat .chat::-webkit-scrollbar {display: none;}
#getchat .chat{-ms-overflow-style: none; /* 인터넷 익스플로러 */scrollbar-width: none; /* 파이어폭스 */}
#getchat .chat ul{display:flex;flex-direction:column;padding:10px 20px;gap:15px;}
#getchat .chat li{position:relative;}
#getchat .chat li.caution{padding:5px 6px;border-radius:5px;border:1px solid #ececec;text-align:center;line-height:1.5rem;font-size:1.1rem;font-weight:400;color:#8e8e8e;}
#getchat .chat li.date{text-align:center;line-height:1.5rem;font-size:1.1rem;font-weight:400;color:#8e8e8e;}
#getchat .chat li.send{display:flex;align-items:flex-start;flex-direction:row;gap:10px;}
#getchat .chat li.send .text{background:#f3f1f1;}
#getchat .chat li.recv{display:flex;align-items:flex-start;flex-direction:row-reverse;gap:10px;}
#getchat .chat li.recv .text{background:#CCE1EE;}
#getchat .chat li .icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;overflow:hidden;}
#getchat .chat li .icon img{display:block;width:100%;height:100%;object-fit:cover;}
#getchat .chat li .text{flex:1;max-width:65vw;padding:6px 10px;border-radius:5px;line-height:1.5rem;font-size:1.2rem;font-weight:300;color:#000000;}
#getchat .chat li .time{margin:auto 0 0 0;font-size:1rem;color:#999;}
#getchat .bottom{flex:0 0 auto;padding:10px;display:flex;width:100%;}
#getchat .bottom .file{flex:0 0 auto;margin:0 5px 0 0;}
#getchat .bottom .file button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;}
#getchat .bottom .file button:before{content:'';width:32px;height:32px;background:#f3f1f1 url("../images/file.png") no-repeat 50% 50% / 24px auto;border-radius:50%;}
#getchat .bottom .file button.active:Before{content:'';background:url("../images/close.png") no-repeat 50% 50% / 22px auto;}
#getchat .bottom .form{flex:1 1;display:flex;width:100%;}
#getchat .bottom .form form{display:flex;width:100%;}
#getchat .bottom .form .box{flex:1;display:flex;height:38px;border-radius:38px;background:#f3f1f1;}
#getchat .bottom .form .box .inp{flex:1;}
#getchat .bottom .form .box .inp input,
#getchat .bottom .form .box .inp textarea{line-height:28px;height:38px;width:100%;padding:5px 12px;background:transparent;font-size:1.3rem;}
#getchat .bottom .form .box .imoji{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#getchat .bottom .form .box .imoji:before{content:'';width:20px;height:20px;background:url("../images/imoji.png") no-repeat 50% 50% / contain;}
#getchat .bottom .form .btn{padding:0;flex:0 0 auto;margin:0 0 0 5px;}
#getchat .bottom .form .btn button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;}
#getchat .bottom .form .btn button:before{content:'';width:24px;height:24px;background:url("../images/send.png") no-repeat 50% 50% / contain;}
#getchat .attach{flex:0 0 auto;padding:20px 20px;display:none;}
#getchat .attach.show{display:block;}
#getchat .attach ul{display:flex;flex-wrap:wrap;gap:30px 0;}
#getchat .attach li{width:25%;display:flex;justify-content:center;}
#getchat .attach li button{display:flex;flex-direction:column;justify-content:flex-start;}
#getchat .attach li button i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:42px;background:#eeeeee;}
#getchat .attach li button img{max-width:24px;height:auto;}
#getchat .attach li button span{margin-top:9px;line-height:10px;font-size:1.2rem;color:#666666;}
#getchat .attach li button.at_album i{background:#90979F;}
#getchat .attach li button.at_camera i{background:#fA7A26;}
#getchat .attach li button.at_contact i{background:#B27B6E;}
#getchat .attach li button.at_place i{background:#00BF4A;}
#getchat .attach li button.at_promise i{background:#0090FF;}
#getchat .attach li button.at_pay i{background:#F4AB00;}

#calendar{}
#calendar #bo_list{}
#calendar table{}
#calendar table tr{height: 30px;}
#calendar table th{position:relative;background:#f0f0f0;font-size:11px;font-weight:400;text-align:center;}
#calendar table td{position:relative;background:#ffffff;font-size:11px;font-weight:400;text-align:center;height:auto;}
#calendar table td a{display:flex;width:100%;height:auto;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:16px;color:#333;}
#calendar table td.today{}
#calendar table td.today a{}
#calendar table td.today a span{background:#333;color:#fff;border-radius:4px;width:20px;height:16px;}
#calendar table td[bgcolor="#DEFADE"]{}
#calendar table td[bgcolor="#DEFADE"] a{}
#calendar table td[bgcolor="#DEFADE"] a span{background:#333;color:#fff;border-radius:4px;width:20px;height:16px;}
#calendar table td .lunar{position:absolute;top:0;left:0;font-size:8px;color:#999;padding:2px;}
#calendar table td .holi{position:absolute;top:0;right:0;font-size:8px;color:red;padding:2px;}
#calendar .bo_text{padding:20px;line-height:18px;font-size:12px;color:#666;}

@media (max-width:768px){
    #header .header .wrap{padding:0;flex-direction:column;}
    #header .header .logo{padding:0 16px;width:100%;height:50px;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #e0e0e0;}
    #header .header .menu{border-bottom:1px solid #e0e0e0;}
    #header .header .menu .da1{font-size:13px;}
    #header .header .down{position:absolute;top:12px;right:16px;}
    #header .header .down a{font-size:12px;height:26px;padding:0 6px;}

    #header .search{padding:8px 16px;overflow:hidden;}
    #header .search .wrap{position:relative;flex-direction:column;}
    #header .search .area{position: absolute;top: 0;left: 0;width:90px;}
    #header .search .area .area_toggle{min-width:90px;height:42px;}
    #header .search .area .area_toggle svg{width:13px;height:13px;}
    #header .search .area .area_toggle span{font-size:12px;}
    #header .search .area .area_toggle span:after{margin-left:6px;}
    #header .search .flex .form{width:calc(100% - 100px);margin-left:100px;}

    #main .visual .slider .inner{height:360px;padding:20px;}
    #main .visual .slider .title{padding:20px 0;font-size:2.4rem;}
    #main .visual .slider .text{font-size:1.6rem;}
    #main .visual .slider .swiper-slide01 .inner:before{background:url("../images/visual1.png") no-repeat right bottom / 100% auto;}
    #main .visual .slider .swiper-slide02 .inner:before{background:url("../images/visual2.png") no-repeat right bottom / 100% auto;}
    #main .visual .slider .swiper-slide03 .inner:before{background:url("../images/visual3.png") no-repeat right bottom / 100% auto;}
    #main .visual .slider .swiper-slide04 .inner:before{background:url("../images/visual4.png") no-repeat right bottom / 100% auto;}
    #main .visual .slider .swiper-slide05 .inner:before{background:url("../images/visual5.png") no-repeat right bottom / 100% auto;}
    #main .visual .prev{display:none;}
    #main .visual .next{display:none;}
    #main .school{padding:0 16px;}
    #main .school .list{}
    #main .school .list ul{display:flex;flex-wrap:wrap;}
    #main .school .list li{width: calc(50% - 5px);}
    #main .download{padding:0 16px;text-align:left;}
    #main .download .wrap{padding:40px 0 300px 0;}
    #main .download .lt{width:100%;}
    #main .download .tit{line-height:3rem;font-size:2.4rem;}
    #main .download .sub{line-height:2rem;font-size:1.8rem;}
    #main .download .act{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
    #main .download .img{position:absolute;bottom:0;left:0;width:100%;top:unset;}

    #footer{padding:40px 16px;}
    #footer .bottom{}
    #footer .bottom .address{}
    #footer .bottom .address dl{white-space:wrap;}
}