/* 공통 */
/* html,body {overflow-x:hidden;} */
html.full {height:100%; padding:0; display: flex;flex-direction: column;align-items: center;}
body.full {background:url('../images/bg2.webp') no-repeat center / cover; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
* {letter-spacing:-0.5px;}
*:not(html,body)::-webkit-scrollbar {width:10px; height:4px; background:rgba(136, 136, 136, 0.4); border-radius:30px;}
*:not(html,body)::-webkit-scrollbar-thumb {background:#888; height:4px; border-radius:30px;}
/* body,input,select,textarea,button,pre{
    font-family:"Hevetica Neue","Helvetica","apple gothic","san-serif","tahoma","verdana";
} */
@keyframes popupOpen {
	from {opacity:0; display:none; top:45%;}
	to {opacity:1; display:block; top:50%;}
}
@keyframes popupClose {
	from {opacity:1; display:block; top:50%;}
	to {opacity:0; display:none; top:45%;}
}    

.basic_style{
    font-family: 'Helvetica Neue';
    max-width: 1920px;
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items: center;
}
.b-700{
    font-weight:700;
}
/* 컨테이너 */
.container {max-width:1920px; padding:0 15px; margin:0 auto;}
@media (max-width:991px){
.container {padding:0 10px;}
}
/* 배너 아래 나올 Service Container */
.service_container{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    min-width:315px;
    max-width:1920px;
    width:100%;
    background:white;
    /* background:rgba(143,189,161,.1); */
    text-align:center;
    position: relative;
}
@media(min-width: 1025px){
    .service_container{
        padding:0px 20px 88px;
        top: 130px;
    }
}
@media(max-width: 1024px){
    .service_container{
        padding:0px 20px 67px;
        top: 97px;
    }
}


/* 배너 */
.banner{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    min-width:315px;
    max-width:1920px;
    padding-left:20px;
    padding-right:20px;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    text-align:center;
	position: relative;
}
@media(min-width: 1025px){
    .banner{
        height:600px;
		top:130px;
    }
	
}
@media(max-width: 1024px){
    .banner{
        padding-top:37px;
        padding-bottom:50px;
		top:97px;
    }
}
.banner img{
    order: 1;
    height: 100%;
    max-height: 313px;
}
@media (max-width: 1024px){
    .banner img{
        max-height: 168px;
    }
}
.banner h2{
    order:2;
}
@media(min-width: 1025px){
    .banner h2{
        margin-top:75px;
    }
}
@media(max-width: 1024px){
    .banner h2{
        margin-top:50px;
    }
}
@media(min-width: 1025px){
    .banner h2{
        font-size:48px;
    }
}
@media(max-width: 1024px){
    .banner h2{
        font-size:26px;
    }
}
@media(min-width: 1025px){
    .banner h2{
        line-height:67px;
    }
}
@media(max-width: 1024px){
    .banner h2{
        line-height:30px;
        }
    }
    .banner p{
        order:3;
    }
@media(min-width: 1025px){
    .banner p{
        margin-top:2px;
    }
}
@media(max-width: 1024px){
    .banner p{
        margin-top:12px;
    }
}
@media(min-width: 1025px){
    .banner p{
        font-size:26px;
    }
}
@media(max-width: 1024px){
    .banner p{
        font-size:14px;
    }
}
@media(min-width: 1025px){
    .banner p{
        line-height:34px;
    }
}
@media(max-width: 1024px){
    .banner p{
        line-height:15px;
    }
}
.banner em{
    order:4;
    color:#06c;
}
@media(min-width: 1025px){
    .banner em{
        margin-top:21px
    }
}
@media(max-width: 1024px){
    .banner em{
        margin-top:17px
    }
}
@media(min-width: 1025px){
    .banner em{
        font-size:16px;
    }
}
@media(max-width: 1024px){
    .banner em{
        font-size:12px;
    }
}
@media(min-width: 1025px){
    .banner em{
        line-height:25px
    }
}
@media(max-width: 1024px){
    .banner em{
        line-height:20px;
    }
}
.banner em br{
    display:none;
}
@media(max-width: 480px){
    .banner em br{
        display:inline;
    }
}


/* 푸터 */
footer {margin:100px 0 0;}
footer .footer-intro {margin:0 0 180px;}
footer .footer-intro ul {display:flex; flex-wrap:wrap;}
footer .footer-intro ul li:nth-of-type(1) {width:348px; margin-right:15px; background:#e1f1ff url('../images/bg_footer_01.svg') no-repeat calc(100% - 10px) calc(100% - 10px) / 190px; border-radius:30px; padding:35px;}
footer .footer-intro ul li:nth-of-type(2) {width:348px; margin-right:15px; background:#e1f1ff url('../images/bg_footer_02.svg') no-repeat calc(100% - 10px) calc(100% - 10px) / 190px; border-radius:30px; padding:35px;}
footer .footer-intro ul li:nth-of-type(3) {flex:1; min-width:0; background:#fff; border:1px solid #89C2FF; border-radius:30px; padding:35px;}
footer .footer-intro ul li > strong {display:block; font-size:18px; font-weight:600; color:#666; margin:0 0 30px;}
footer .footer-intro .footer-intro-text p {font-size:14px; line-height:1.3; color:#666; word-break:keep-all;}
footer .footer-copyright {background:#FFF; padding:84px 0; }
footer .footer-copyright p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:15px; color:#999; font-weight:300;}
footer .footer-copyright p a {font-size:15px; color:#999; font-weight:300; display:inline-block; border-bottom:1px solid #999; margin:0 3px;}
footer .footer-intro-info dl dd {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 24px;}
footer .footer-intro-info dl dd:last-of-type {margin:0;}
footer .footer-intro-info dl dd img {margin-right:10px;}
footer .footer-intro-info dl dd p {flex:1; min-width:0;}
footer .footer-intro-info dl dd p b {display:block; font-size:14px; font-weight:600; color:#4072f2;}
footer .footer-intro-info dl dd p span {display:block; font-size:15px; font-weight:600; color:#666; margin:5px 0 0;}
footer .footer-intro-date dl dd {margin:0 0 24px;}
footer .footer-intro-date dl dd:last-of-type {margin:0;}
footer .footer-intro-date dl dd p {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-intro-date dl dd p strong {font-size:14px; font-weight:600; color:#4072f2; margin-right:3px;}
footer .footer-intro-date dl dd p span {font-size:13px; color:#666;}
footer .footer-intro-date dl dd time {display:block; margin:5px 0 0; font-size:15px; font-weight:500; font-weight:600;}
@media (max-width:1150px){
footer {margin:50px 0 0;}
footer .footer-intro ul {justify-content:space-between;}
footer .footer-intro ul li:nth-of-type(1) {width:calc(50% - 10px); margin:0; background-size:150px;}  
footer .footer-intro ul li:nth-of-type(2) {width:calc(50% - 10px); margin:0; background-size:150px;}
footer .footer-intro ul li:nth-of-type(3) {width:100%; flex:none; margin:15px 0 0;}
}
@media (max-width:991px){
footer {padding:40px 0;}
footer .footer-copyright p {font-size:14px;}
footer .footer-copyright p a {font-size:14px;}
footer .footer-intro {margin:0 0 30px;}
footer .footer-intro ul li {padding:25px !important; border-radius:10px !important;}
footer .footer-intro ul li:nth-of-type(1),
footer .footer-intro ul li:nth-of-type(2) {width:100%; margin:0 0 10px;}
footer .footer-intro ul li:nth-of-type(3) {margin:0;}
footer .footer-intro ul li > strong {margin:0 0 15px;}
}

/* 아이콘 */
.icon-video {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 8px; height:26px; border:1px solid #4072f2; border-radius:12px; font-size:12px; color:#353535;}
.icon-video:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_video.svg') no-repeat center / cover;}
.icon-telephone {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 8px; height:26px; border:1px solid #4072f2; border-radius:12px; font-size:12px; color:#353535;}
.icon-telephone:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_telephone.svg') no-repeat center / cover;}
.icon-text {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 8px; height:26px; border:1px solid #4072f2; border-radius:12px; font-size:12px; color:#353535;}
.icon-text:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_text.svg') no-repeat center / cover;}
.icon-modify {background:#A2C777; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 14px; border-radius:30px; color:#fff; font-size:14px; font-weight:500;}
.icon-modify:before {display:inline-block; content:""; width:9.45px; height:11px; background:url('../images/icon_modify.svg') no-repeat center / cover; margin-right:10px;}
.icon-carebook {background:#FF4D00; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 14px; border-radius:30px; color:#fff; font-size:14px; font-weight:500;}
.icon-carebook:before {display:inline-block; content:""; width:11px; height:11px; background:url('../images/icon_carebook.svg') no-repeat center / cover; margin-right:10px;}
.icon-refill {background:#3150AD; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 14px; border-radius:30px; color:#fff; font-size:14px; font-weight:500;}
.icon-refill:before {display:inline-block; content:""; width:8.56px; height:11px; background:url('../images/icon_refill.svg') no-repeat center / cover; margin-right:10px;}
.icon-male {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#3150AD; font-size:13px; border:1px solid #3150AD; border-radius:30px; height:20px; padding:0 10px; }
.icon-female {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#F99900; font-size:13px; border:1px solid #F99900; border-radius:30px; height:20px; padding:0 10px; }
.icon-add {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#4072F2; border-radius:8px; padding:0 20px; height:45px; color:#fff !important; font-size:15px; font-weight:500;}
.icon-add:before {display:inline-block; content:""; width:14px; height:14px; background:url('../images/icon_add.svg') no-repeat center / cover; margin-right:10px;}
@media (max-width:991px){
.icon-modify {font-size:12px;}
.icon-modify:after {margin-right:5px;}
.icon-carebook {font-size:12px;}
.icon-carebook:after {margin-right:5px;}
.icon-refill {font-size:12px;}
.icon-refill {margin-right:5px;}
.icon-add {font-size:12px; padding:0 10px;}
.icon-add:before {margin-right:5px;}
}

/* 팝업 */
.popup {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
.popup .box {max-height:90%; overflow-y:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:30px; overflow:hidden;}
.popup .box[data-name=schedule] {max-width:650px; width:100%;}
.popup .box[data-name=datetime] {max-width:1200px; width:100%;}
.popup .popup-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:40px; background:#4072F2;}
.popup .popup-head h2 {flex:1; min-width:0; line-height:1.3; font-size:24px; font-weight:600; color:#fff;}
.popup .popup-head a {display:block; font-size:0; width:22px; height:22px; background:url('../images/icon_close.svg') no-repeat center / cover; margin-left:15px;}
.popup .popup-body {padding:40px 20px 50px;}
.popup > .box.fixed {animation-name:popupOpen; animation-duration:0.5s; animation-fill-mode:forwards;}
.popup > .box.nofixed {animation-name:popupClose; animation-duration:0.5s; animation-fill-mode:forwards;}  
.popup.fixed {pointer-events:inherit; display:block; opacity:1;}
@media (max-width:991px){
.popup .box {width:calc(100% - 30px) !important; border-radius:15px;}
.popup .popup-head {padding:20px;}
.popup .popup-head h2 {font-size:20px;}
.popup .popup-head a {width:18px; height:18px; margin-left:10px;}
.popup .popup-body {padding:20px;}
}

/* 메인배너 */
/* .main-banner-box {padding-bottom:22.5%; position:relative; background-size:cover; background-position:center; margin-top:-25px;}
@media (max-width:991px){
.main-banner-box {padding-bottom:32%; margin-top:-2%;}
} */

/* title-box */
.title-box {position:relative; margin:0 0 40px;}
.title-box h2 {font-size:24px; font-weight:600; color:#4072f2;}
@media (max-width:991px){
.title-box {margin:0 0 20px;}
.title-box h2 {font-size:20px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; padding:24px 80px; font-size:18px; font-weight:600;}
.button-box .btn-active {color:#fff; background:#4072F2;}
.button-box .btn-gray {color:#fff; background:#999;}
@media (max-width:991px){
.button-box .btn {padding:15px 50px; font-size:15px;}
}

/* message-box */
.message-box {position:relative;}
.message-box p {word-break:keep-all; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; background:#c9e2ff; border-radius:150px; padding:18px 15px; font-size:18px; color:#333; line-height:1.3;}
.message-box p.error {background:#fcd6d3;}
.message-box.up {position:absolute; left:0; top:0; width:100%;}
.message-box.up p {border-radius:5px;}
.message-box.up a {position:absolute; right:15px; top:50%; width:15px; height:15px; font-size:0; transform:translateY(-50%);}
.message-box.up a:after {position:absolute; left:0; top:7.5px; width:100%; height:1px; background:#333; content:""; transform:rotate(45deg);}
.message-box.up a:before {position:absolute; left:0; top:7.5px; width:100%; height:1px; background:#333; content:""; transform:rotate(-45deg);}
@media (max-width:991px){
.message-box p {font-size:14px; border-radius:15px; padding:15px 10px;}
}

/* message-text-box */
.message-text-box {margin:5px 0 0;}
.message-text-box p {font-size:13px;}
.message-text-box p.error {color:#ff0000;}


/* person-intro-box */
.person-intro-box {display:flex; flex-wrap:wrap; align-items:center; padding:24px 34px;}
.person-intro-box .intro-left {display:flex; flex-wrap:wrap; align-items:center;}
.person-intro-box .intro-left img {margin-right:30px;}
.person-intro-box .intro-left p {flex:1; min-width:0;}
.person-intro-box .intro-left p small {display:block; font-size:18px; color:#999;}
.person-intro-box .intro-left p strong {display:block; font-size:24px; font-weight:600; line-height:1.5; margin:3px 0 0;}			 
.person-intro-box .intro-right {flex:1; min-width:0; padding-left:150px;}
.person-intro-box .intro-right dl dd {position:relative; font-size:15px; line-height:1.5; color:#353535; margin:0 0 10px; padding-left:28px;}
.person-intro-box .intro-right dl dd:last-of-type {margin:0;}
.person-intro-box .intro-right dl dd a {font-size:15px; line-height:1.5; font-weight:600; color:#4072f2; display:inline-block; border-bottom:2px solid #40727f;}
.person-intro-box .intro-right dl dd:before {display:inline-block; content:""; width:18px; height:18px; margin-right:10px; position:absolute; left:0; top:1px;}
.person-intro-box .intro-right dl dd.special:before {background:url('../images/icon_special.svg') no-repeat center / cover;}	   
.person-intro-box .intro-right dl dd.notice:before {background:url('../images/icon_notice.svg') no-repeat center / cover;}
@media (max-width:991px){
.person-intro-box {padding:15px;}
.person-intro-box .intro-left {width:50%;}
.person-intro-box .intro-left img {margin-right:10px;}
.person-intro-box .intro-left p small {font-size:15px;}
.person-intro-box .intro-left p strong {font-size:18px; margin:0;}
.person-intro-box .intro-right {width:100%; flex:none; margin:10px 0 0; padding-left:0;}
.person-intro-box .intro-right dl dd {margin:0 0 7px; padding-left:20px;}
.person-intro-box .intro-right dl dd:before {width:15px; height:15px; top:3px;}
}

/* schedule-box */
.schedule-box {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 75px;}
.schedule-box > div {width:calc(50% - 20px);}
.schedule-box .list .list-item {display:flex; flex-wrap:wrap; margin:0 0 100px;}
.schedule-box .list .list-item:last-of-type {margin:0;}
.schedule-box .list .list-item > div {display:flex; flex-wrap:wrap; align-items:flex-start; flex:1; min-width:0; padding-right:25px;}
.schedule-box .list .list-item > div img {margin-right:12px;}
.schedule-box .list .list-item > div p {flex:1; min-width:0; word-break:keep-all;}
.schedule-box .list .list-item > div p strong {display:block; font-size:24px; font-weight:600; line-height:1.3; color:#666; margin:0 0 5px;}
.schedule-box .list .list-item > div p.bl strong {color:#4072F2;}
.schedule-box .list .list-item > div p.pu strong {color:#715BF9;}
.schedule-box .list .list-item > div p small {display:block; word-break:keep-all; font-size:14px; line-height:1.5; color:#666;}
.schedule-box .list .list-item > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; line-height:1.5; width:140px; height:60px; border-radius:24px; font-size:15px; font-weight:500; color:#fff; background:#d6d6d6;}
.schedule-box .list .list-item > a.bl {background:#4072f2;}
.schedule-box .list .list-item > a.pu {background:#715bf9;}
.schedule-box .sch-none-box {width:100%; margin:20px 0 0;}
.schedule-box .sch-none-box p {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; border-radius:30px; border:1px dashed #999; height:165px;}
.schedule-box .sch-none-box p:before {display:block; width:35px; height:36px; margin:0 auto 15px; background:url('../images/icon_schedule.svg') no-repeat center / cover; content:"";}
.schedule-box .sch-none-box p span {display:block; font-size:14px; color:#999; width:100%; text-align:center;}
.schedule-box .sch-none-box a {margin:18px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:12px 24px; background:#4072f2; border-radius:22px; color:#fff; font-size:15px; font-weight:500;}
.schedule-box .sch-none-box a:after {display:inline-block; content:""; margin-left:12px; width:20px; height:20px; background:url('../images/icon_schedule_btn.svg') no-repeat center / cover;}
@media (max-width:991px){
.schedule-box {margin:0 0 35px;}
.schedule-box > div {width:100%;}
.schedule-box > div.sch-right {margin:15px 0 0;}
.schedule-box .list .list-item {margin:0 0 30px;}
.schedule-box .list .list-item > div {padding-right:0; width:100%; flex:none; align-items:center;}
.schedule-box .list .list-item > div img {margin-right:8px; width:60px;}
.schedule-box .list .list-item > div p strong {font-size:20px; margin:0;}
.schedule-box .list .list-item > div p strong br {display:none;}
.schedule-box .list .list-item > div p small {font-size:13px;}
.schedule-box .list .list-item > a {width:100%; height:50px; margin:10px 0 0; border-radius:5px;}
.schedule-box .list .list-item > a br {display:none;}
.schedule-box .sch-none-box {padding-left:0;}
.schedule-box .sch-none-box > div {justify-content:center !important; width:100%;}
.schedule-box .sch-none-box p {height:130px; border-radius:15px;}
.schedule-box .sch-none-box a {width:100%; height:50px;}
}

/* card-box */
.card-box ul {display:flex; flex-wrap:wrap;}
.card-box ul li {width:100%; margin:0 0 18px; background:#fff; border:1px solid #999; border-radius:30px; padding:25px;}
.card-box ul li:last-of-type {margin:0;}
.card-box ul li .list-box {display:block;}
.card-box ul li dl dd {display:flex; flex-wrap:wrap; margin:0 0 25px;}
.card-box ul li dl dd:last-of-type {margin:0;}
.card-box ul li dl dd > b {width:50%; position:relative; font-size:14px; color:#666; line-height:1.3; padding-left:10px;}
.card-box ul li dl dd > b:before {position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:50%; background:#666; content:"";}
.card-box ul li dl dd > p {display:flex; flex-wrap:wrap; align-items:center; width:50%; font-size:18px; line-height:1.3; font-weight:600; color:#353535;}
.card-box ul li dl dd > p time {font-size:18px; line-height:1.3; font-weight:600; color:#3150ad;}
.card-box ul li dl dd > p time:last-of-type {color:#4072f2; margin-left:5px;}
.card-box ul li dl dd > p.bl {color:#3150AD;}
.card-box ul.half {justify-content:space-between; margin:0 0 -40px;}
.card-box ul.half li {width:calc(50% - 20px); margin:0 0 40px;}
.card-box ul.half li dl dd > p {justify-content:flex-end;}
.card-box.card-detail-box ul li {margin:0; border:0; padding:0;} 
.card-box.card-detail-box ul li dl dd {justify-content:space-between;}
.card-box.card-detail-box ul li dl dd > b {font-size:18px;}
.card-box.card-detail-box ul li dl dd > b:before {top:11px;}
.card-box.card-detail-box ul li dl dd > p {justify-content:flex-end;}
.card-box .card-sticker {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:45px -4px -8px;}
.card-box .card-sticker > * {margin:0 4px 8px;}
@media (max-width:991px){
.card-box ul li {margin:0 0 10px; border-radius:15px; padding:20px;}
.card-box ul li dl dd {margin:0 0 15px;}
.card-box ul li dl dd > b {width:110px;}
.card-box ul li dl dd > p {width:auto; flex:1; min-width:0; font-size:16px;}
.card-box ul li dl dd > p time {font-size:16px;}
.card-box ul.half {margin:0;}
.card-box ul.half li {width:100%; margin:0 0 10px;}
.card-box ul.half li:last-of-type {margin:0;}
.card-box.card-detail-box ul li dl dd > b {font-size:14px; width:110px;}
.card-box.card-detail-box ul li dl dd > b:before {top:11px;}
.card-box.card-detail-box ul li dl dd > p {width:auto; flex:1; min-width:0; font-size:16px;}
.card-box.card-detail-box ul li dl dd > p time {font-size:16px;}
.card-box .card-sticker {margin:20px -2px -4px;}
.card-box .card-sticker > * {margin:0 2px 4px;}
}

/* input-box */
.input-message-box {margin:10px 0 0; font-size:13px; color:#ff0000;}

/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {position:relative; font-size:13px; line-height:1.5; color:#5e6278; padding-left:30px; cursor:pointer;}
.check-box label:before {position:absolute; width:20px; height:20px; content:""; left:0; top:-2px; background:url('../images/icon_check.svg') no-repeat center / cover;}
.check-box label a {font-size:13px; line-height:1.5; color:rgba(64, 114, 242, 1);}
.check-box input:checked ~ label:before {background:url('../images/icon_check_on.svg') no-repeat center / cover;}
@media (max-width:991px){
.check-box label {padding-left:20px;}
.check-box label:before {width:15px; height:15px; top:2px;}
}

/* radio-box */
.radio-box {display:flex; flex-wrap:wrap; align-items:center;}
.radio-box.radio-box3 {margin:0 -15px -14px;}
.radio-box.radio-box3 .radio {width:calc(33.33% - 30px); margin:0 15px 14px;}	
.radio-box .radio-box3 label {cursor:pointer; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:45px; border:1px solid #999; border-radius:70px; font-size:14px; font-weight:500; color:#5e6278;}
.radio-box.radio-box4 {margin:0 -15px -14px;}
.radio-box.radio-box4 .radio {width:calc(25% - 30px); margin:0 15px 14px;}
.radio-box .radio {position:relative; overflow:hidden;}
.radio-box .radio input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-box .radio label {cursor:pointer; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:45px; border:1px solid #999; border-radius:70px; font-size:14px; font-weight:500; color:#5e6278;}
.radio-box .radio input:checked ~ label {background:#267AFF; border-color:#267AFF; color:#fff;}
.radio-box .radio.disabled label {background:#cbcbcb;}
@media (max-width:991px){
.radio-box.radio-box3 {margin:0 -5px -10px;}
.radio-box.radio-box3 .radio {width:calc(33.33% - 10px); margin:0 5px 10px;}	
.radio-box.radio-box4 {margin:0 -5px -10px;}
.radio-box.radio-box4 .radio {width:calc(25% - 10px); margin:0 5px 10px;}
}

/* date-box */
.date-box {position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.date-box img {position:absolute; right:15px; top:50%; transform: translateY(-50%);}
.date-box a {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #999; border-radius:10px; height:45px; padding:0 15px; position:relative; font-size:14px; font-weight:500; color:#5e6278; width:100%; background:url('../images/icon_date.svg') no-repeat calc(100% - 15px) center / 20px;}

/* form-box */
.form-box {position:relative; border:1px solid #999; border-radius:30px; padding:50px 55px;}
.form-box h3 {font-size:24px; font-weight:700; color:#5e6278; position:absolute; left:30px; top:-12px; background:#fff; padding:0 10px;}
.form-box .form-group {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center;}
.form-box .form-group .form-group-inner {width:calc(50% - 9px);}
.form-box .form-group .form-group-title {width:170px;}
.form-box .form-group .form-group-title strong {font-size:14px; font-weight:500; color:#5e6278;}
.form-box .form-group .form-group-title strong.required:after {display:inline-block; content:"*"; margin-left:3px; color:#ff0000; font-weight:600;}
.form-box .form-group .form-group-content {flex:1; min-width:0;}
.form-box .form-group .form-group-content input:not(input[type=checkbox] , input[type=radio]) {height:55px; border:1px solid #999; border-radius:8px; padding:0 15px; font-size:15px; font-weight:500; width:100%;}
.form-box .form-group .form-group-content .flex input:not(input[type=checkbox] , input[type=radio]) {flex:1; min-width:0;}
.form-box .form-group .form-group-content input.error:not(input[type=checkbox] , input[type=radio]) {border-color:#ff0000;}
.form-box .form-group .form-group-content input.num {width:100px;}
.form-box .form-group .form-group-content select {height:55px; border:1px solid #999; color:#333; border-radius:8px; padding:0 15px; padding-right:40px; font-size:14px; font-weight:500; width:100%; background:url('../images/icon_select.svg') no-repeat calc(100% - 15px) center / 12px 10px;}
.form-box .form-group .form-group-content textarea {border:1px solid #999; border-radius:10px; padding:15px; font-size:14px; font-weight:500; height:145px; width:100%;}
.form-box .form-group .form-group-content em {font-size:14px; font-weight:500; color:#5e6278; margin:0 5px;}
.form-box .form-group .form-group-content h4 {flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative;}
.form-box .form-group .form-group-content h4:before {position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; width:100%; height:1px; background:#5E6278;}
.form-box .form-group .form-group-content h4 b {font-size:16px; font-weight:700; color:#5E6278; padding:10px 30px; background:#fff; position:relative;}
.form-box .form-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:50px 0 0;}
.form-box .form-button > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:8px; height:45px; padding:0 40px; font-size:15px; font-weight:500;}
.form-box .form-button > *.active {color:#fff; background:#4072F2;}
.form-box .form-button > *.inactive {color:#fff; background:#999;}
@media (max-width:991px){
.form-box {padding:20px 20px 40px; border-radius:15px;}
.form-box h3 {font-size:20px; position:static; margin:0 0 15px; padding:0;}
.form-box .form-group {margin:0 0 20px;}
.form-box .form-group .form-group-title {width:100%;}
.form-box .form-group .form-group-title.is-pc {display:none;}
.form-box .form-group .form-group-content {flex:none; width:100%; margin:0;}
.form-box .form-group .form-group-content input.num {flex:1; min-width:0;}
.form-box .form-group .form-group-inner {width:100%;}
.form-box .form-group .form-group-inner:last-of-type {margin:10px 0 0;}
.form-box .form-group .form-group-inner .form-group-content {margin:0;}
.form-box .form-button {margin:30px 0 0;}
.form-box .form-button > * {padding:0 40px;}
}

/* message-list-box */
.message-list-box .list .list-item {margin:0 0 20px; border:1px solid #999; border-radius:30px; padding:0 20px;}
.message-list-box .list .list-item:last-of-type {margin:0;}
.message-list-box .list .list-item .list-head {padding:20px 0; border-bottom:1px solid #d9d9d9;}
.message-list-box .list .list-item .list-head h3 {font-size:18px; line-height:1.3; font-weight:600; color:#333;}
.message-list-box .list .list-item .list-body {padding:20px 0;}
.message-list-box .list .list-item .list-body p {word-break:keep-all; font-size:16px; font-weight:500; line-height:1.3; color:#333;}
.message-list-box .list .list-item .list-body p a {font-size:16px; font-weight:500; color:#333; line-height:1.3; text-decoration:underline;}
.message-list-box .list.scroll .list-item {padding:20px;}
.message-list-box .list.scroll .list-item .list-body {max-height:280px; overflow-y:auto; padding:0 20px 0 0;}
@media (max-width:991px){
.message-list-box .list .list-item {margin:0 0 15px; border-radius:15px;}
.message-list-box .list .list-item .list-head {padding:15px 0;}
.message-list-box .list .list-item .list-head h3 {font-size:16px;}
.message-list-box .list .list-item .list-body {padding:15px 0;}
.message-list-box .list .list-item .list-body p {font-size:15px;}
.message-list-box .list .list-item .list-body p a {font-size:15px;}
.message-list-box .list.scroll .list-item {padding:15px;}
.message-list-box .list.scroll .list-item .list-body {max-height:200px; padding:0 15px 0 0;}
}

/* date-select-swiper */
.date-select-box .date-select-swiper {max-width:788px; margin:0 auto; width:100%; position:relative;}
.date-select-box .date-select-swiper .swiper-button-prev {width:25px; height:48px; background:url('../images/icon_swiper_arrow.svg') no-repeat center / cover; margin:0; left:-60px; transform:rotate(180deg);}	
.date-select-box .date-select-swiper .swiper-button-next {width:25px; height:48px; background:url('../images/icon_swiper_arrow.svg') no-repeat center / cover; margin:0; right:-60px;}
.date-select-box .date-select-swiper .swiper-slide a {display:block;}
.date-select-box .date-select-swiper .swiper-slide a time {display:block; text-align:center; font-size:24px; color:#5e6278; margin:0 0 15px;}
.date-select-box .date-select-swiper .swiper-slide a p {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; border:1px solid #333; border-radius:10px; padding:20px 24px;}
.date-select-box .date-select-swiper .swiper-slide a p strong {width:100%; text-align:center; font-size:24px; font-weight:700; color:#333;}
.date-select-box .date-select-swiper .swiper-slide a p span {width:100%; text-align:center; font-size:24px; color:#333; margin:5px 0 0;}
.date-select-box .date-select-swiper .swiper-slide.none {display:none !important;}
.date-select-box .date-select-swiper .swiper-slide.active a time {color:#4072F2;}
.date-select-box .date-select-swiper .swiper-slide.active a p {background:#4072F2; border-color:#4072F2;}
.date-select-box .date-select-swiper .swiper-slide.active a p strong {color:#fff;}
.date-select-box .date-select-swiper .swiper-slide.active a p span {color:#fff;}
@media (max-width:991px){
.date-select-box .date-select-swiper {padding:0 30px;}
.date-select-box .date-select-swiper .swiper-button-prev {left:0; width:18px; height:35px;}
.date-select-box .date-select-swiper .swiper-button-next {right:0; width:18px; height:35px;}
.date-select-box .date-select-swiper .swiper-slide a time {font-size:20px; margin:0 0 7px;}
.date-select-box .date-select-swiper .swiper-slide a p {padding:15px 20px;}
.date-select-box .date-select-swiper .swiper-slide a p strong {font-size:20px;}
.date-select-box .date-select-swiper .swiper-slide a p span {font-size:20px;}
}

/* date-select-time */
.date-select-box .date-select-time {max-width:788px; margin:60px auto 0; width:100%;}
.date-select-box .date-select-time .time-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.date-select-box .date-select-time .time-head b {font-size:20px; font-weight:600; color:#333;}
.date-select-box .date-select-time .time-head time {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; color:#727070;}
.date-select-box .date-select-time .time-head time:before {display:inline-block; content:""; width:15px; height:15px; margin-right:8px; background:url('../images/icon_time.svg') no-repeat center / cover;}
.date-select-box .date-select-time .time-body {position:relative; margin:30px 0 0; padding-bottom:70px; padding-right:20px; max-height:278px; overflow-y:auto; overflow-x:hidden;}
.date-select-box .date-select-time .time-body::-webkit-scrollbar {background:#E8E8E8; width:10px;}
.date-select-box .date-select-time .time-body::-webkit-scrollbar-thumb {background:#4072F2;}
.date-select-box .date-select-time .time-body:after {position:absolute; left:0; bottom:0; width:100%; height:70px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) -195.77%, #FFFFFF 100%); content:"";}
@media (max-width:991px){
.date-select-box .date-select-time {margin:20px 0 0;}
.date-select-box .date-select-time .time-head b {width:100%; font-size:18px; text-align:center;}
.date-select-box .date-select-time .time-head time {width:100%; margin:10px 0 0; text-align:center; justify-content:center;}
.date-select-box .date-select-time .time-body {margin:20px 0 0; padding-bottom:0px; padding-right:0;}
.date-select-box .date-select-time .time-body:after {height:50px; display:none;}
}

/* member-box */
.member-box {max-width:700px; width:100%; background:#fff; box-shadow:4px 4px 4px rgba(0, 0, 0, 0.15); border-radius:40px;}
.member-box .form-box {border:0; border-radius:0; padding:0;}
.member-box .member-box-inner {max-width:505px; width:100%; padding:130px 45px; margin:0 auto;}
.member-box .member-box-inner.large {max-width:100%; width:100%; padding:70px 30px;}
.member-box .member-box-inner .logo {width:206px; display:block; margin:0 auto 30px;}
.member-box .member-box-text {flex:1;}
.member-box .member-box-text span {font-size:13px; font-weight:500; color:#A1A5B7;}
.member-box .member-box-text a {font-size: 13px; letter-spacing: 0.3px; color: #3767F0;}
.member-box .member-box-text a.underline {text-decoration:underline;}
.member-box .member-box-text p {word-break:keep-all; font-size:15px; font-weight:500; color:#FF4D00; text-align:center;}
.member-box .member-box-guide dl dt {margin:0 0 8px; font-size:13px; font-weight:500; color:#5E6278;}
.member-box .member-box-guide dl dd {padding-left:10px; font-size:13px; line-height:1.3; color:#A1A5B7;}
.member-box .member-box-button {flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.member-box .member-box-button > * {border:0; outline:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; height:45px; border-radius:10px; font-size:14px; font-weight:500; color:#fff;}
.member-box .member-box-button > *.active {background:#3767F0;}
.member-box .member-box-button > *.org {background:#EF7C28;}
@media (max-width:991px){
.member-box {max-width:100%; width:calc(100% - 30px); margin:0 auto; border-radius:20px;}
.member-box .member-box-inner {max-width:100%; padding:40px 20px;}
.member-box .member-box-inner.large {max-width:100%; width:100%; padding:40px 15px;}
.member-box .member-box-inner .logo {width:160px; margin:0 auto 15px;}
}