@charset "UTF-8";
.registration_sec_style{background: linear-gradient(to right, #F8F8F8 50%, #FFFFFF 50%, #FFFFFF 100%);}
.registration_block_01{display: flex;flex-wrap: nowrap;}
.registration_sec_style h1 a,.registration_sec_style h1 a:hover{text-decoration: none;color: #326CDB;}
.registration_sec_style h1 span{position: relative;letter-spacing: 10px;}
.registration_sec_style h1 span::before{content: "";width: 40px;height: 40px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;right: -55px;top: 50%;transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033.43%2033.43%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%234f66ff%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.27px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2216.71%22%20cy%3D%2216.71%22%20r%3D%2216.08%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m23.27%2C18.06c-.42%2C0-.77.34-.77.77v3.13h-11.59v-3.13c0-.42-.34-.77-.77-.77s-.77.34-.77.77v3.61c0%2C.58.48%2C1.06%2C1.06%2C1.06h12.54c.58%2C0%2C1.06-.48%2C1.06-1.06v-3.61c0-.42-.34-.77-.77-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m19.28%2C16.35c-.34-.2-.82-.14-1.07.12l-.72.75v-6.7c0-.33-.34-.59-.77-.59s-.77.26-.77.59v6.7l-.72-.75c-.25-.26-.73-.32-1.07-.12-.34.2-.41.57-.16.83l2.1%2C2.18c.31.32.92.32%2C1.23%2C0%2C0%2C0%2C0%2C0%2C0%2C0l2.1-2.18c.25-.26.18-.63-.16-.83Z%22%2F%3E%3C%2Fsvg%3E");}
#physical_examination .registration_sec_style h1 span::before{right: auto;left: -55px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.26%2023.02%22%3E%3Cpath%20d%3D%22m6.97%2C19.1c-.16-1.45.13-3.02.3-4.6.11-.99.13-.99-.82-1.09-1.39-.14-2.79-.19-4.17-.47-.61-.12-1.23-.25-1.84-.37-.23-.04-.38-.18-.44-.4-.06-.25.11-.41.31-.48.54-.22%2C1.09-.41%2C1.64-.6%2C1.61-.56%2C3.22-1.12%2C4.84-1.66.3-.1.41-.31.48-.58.44-1.56.88-3.12%2C1.33-4.68.32-1.14.65-2.28.97-3.42.03-.12.07-.24.13-.35.23-.5.71-.54%2C1.01-.07.17.26.3.55.43.83.72%2C1.62%2C1.45%2C3.23%2C2.14%2C4.86.21.49.29.68%2C1%2C.47.96-.28%2C1.9-.6%2C2.85-.91%2C1.38-.45%2C2.77-.9%2C4.15-1.35.04-.01.08-.02.12-.03.27-.05.57-.14.75.13.21.3.01.55-.18.78-1.34%2C1.64-2.67%2C3.31-4.04%2C4.92-.46.55-.57%2C1.02-.26%2C1.69.91%2C1.94%2C1.75%2C3.91%2C2.63%2C5.87.02.04.05.07.06.11.1.26.21.53-.01.77-.24.26-.55.16-.82.05-1.94-.8-3.87-1.62-5.81-2.44-.12-.05-.23-.1-.35-.14-.53-.21-.55-.21-.86.25-1.24%2C1.82-2.47%2C3.65-3.71%2C5.48-.22.33-.44.66-.67.98-.15.21-.31.42-.6.36-.32-.07-.37-.34-.4-.63-.1-1.04-.15-2.08-.18-3.27Zm1.04%2C2.38c.14-.19.28-.39.42-.59%2C1.17-1.72%2C2.32-3.45%2C3.5-5.17.59-.86.83-.89%2C1.77-.48%2C1.43.62%2C2.86%2C1.24%2C4.31%2C1.81.43.17.83.47%2C1.33.47.05-.2-.04-.33-.11-.48-.78-1.74-1.54-3.49-2.34-5.23-.36-.78-.22-1.42.32-2.07%2C1.11-1.32%2C2.19-2.67%2C3.28-4.01.1-.12.22-.23.22-.46-.61.1-1.14.34-1.69.51-1.51.47-3.01.97-4.51%2C1.45-.95.3-1.5.08-1.89-.79-.33-.72-.62-1.45-.94-2.17-.43-.98-.88-1.95-1.31-2.91-.2.04-.23.16-.27.28-.72%2C2.56-1.45%2C5.13-2.16%2C7.69-.11.38-.28.61-.67.74-.89.28-1.77.6-2.66.9-.89.31-1.77.63-2.69.95.1.17.2.23.33.24.5.07.99.14%2C1.49.22%2C1.1.18%2C2.21.15%2C3.31.3.82.11%2C1.09.42%2C1.04%2C1.25-.05.75-.1%2C1.5-.22%2C2.24-.27%2C1.65-.16%2C3.29-.01%2C4.94.01.12-.01.25.16.35Z%22%20fill%3D%22%23171616%22%2F%3E%3Cpath%20d%3D%22m8.01%2C21.48c-.17-.1-.15-.24-.16-.35-.14-1.65-.25-3.29.01-4.94.12-.74.17-1.49.22-2.24.05-.83-.22-1.14-1.04-1.25-1.1-.15-2.21-.12-3.31-.3-.49-.08-.99-.15-1.49-.22-.13-.02-.23-.07-.33-.24.92-.32%2C1.8-.64%2C2.69-.95.88-.31%2C1.77-.62%2C2.66-.9.38-.12.56-.35.67-.74.71-2.57%2C1.44-5.13%2C2.16-7.69.03-.12.07-.24.27-.28.44.96.88%2C1.94%2C1.31%2C2.91.32.72.62%2C1.45.94%2C2.17.39.86.94%2C1.09%2C1.89.79%2C1.51-.48%2C3-.98%2C4.51-1.45.55-.17%2C1.08-.41%2C1.69-.51%2C0%2C.23-.12.34-.22.46-1.09%2C1.34-2.17%2C2.69-3.28%2C4.01-.54.64-.68%2C1.29-.32%2C2.07.8%2C1.73%2C1.55%2C3.49%2C2.34%2C5.23.07.15.15.29.11.48-.51%2C0-.9-.3-1.33-.47-1.45-.57-2.88-1.19-4.31-1.81-.94-.41-1.19-.37-1.77.48-1.18%2C1.71-2.33%2C3.44-3.5%2C5.17-.14.2-.28.4-.42.59Z%22%20fill%3D%22%23f2c844%22%2F%3E%3C%2Fsvg%3E");}
.registration_block_01 .title_block{width: 40%;max-width: 40%;background-color: #F8F8F8;}
.registration_block_01 .title_block img{display: block;max-width: 220px;margin: 3.5rem auto 0;transform: translateX(30px);}
.registration_sec_style .context_block{background-color: #FFFFFF;width: 60%;max-width: 60%;padding-left: 1.5rem;}
.context_block ul{list-style-type: decimal;}
.context_block ul li{padding-left: 0.5rem;padding-bottom: 0.5rem;font-size: 1.10rem;line-height: 189%;letter-spacing: 3px;font-weight: bolder;}
.context_block ul li{text-decoration: none;color: #3E7FCC; }
.context_block p{display: inline-block;border:2px solid #4F66FF;padding: 1rem 4rem;letter-spacing: 3px;line-height: 189%;font-weight: bolder;margin-left: 1rem;}
.context_block p span{color: #3E7FCC;font-size: 1.25rem;}
.note{background-color: #4F66FF; color: #FFFFFF;font-weight: bolder;}
.note p{letter-spacing: 3px;}

@media (max-width:991px) {
    .registration_sec_style{background: #FFFFFF;}
    .registration_block_01{flex-wrap: wrap;}
    .registration_block_01 .title_block,.registration_sec_style .context_block{width: 100%;max-width: 100%;padding-left: 1rem;}
    .registration_block_01 .title_block{overflow: hidden;}
    .registration_block_01 .title_block .container{display: flex;justify-content: space-evenly;align-items: center;}
    .registration_block_01 .title_block .container > *{flex: 0 0 auto;}
    .registration_block_01 .title_block img{display: none;margin: 0;transform: none;}
    .registration_sec_style h1 a{position: relative;padding-right: 4rem;}
}
@media (max-width:767px) {
    .context_block p {padding: 1rem;margin-left: 0;}
}
@media (max-width:575px) {
    .registration_block_01 .title_block img{max-width: 180px;}
}
@media (max-width:500px) {
    .registration_block_01 .title_block img{max-width: 120px;margin-top: 45px;}
}

@media (max-width:450px) {
    .registration_sec_style h1 span::before {width: 33px;height: 33px;right: -33px;}
    .registration_sec_style h1 a {padding-right: 2rem;}
}
@media (max-width:375px) {
    .registration_block_01 .title_block img{max-width: 100px;margin-top: 55px;}
    .registration_block_01 .title_block, .registration_sec_style .context_block{padding-left: 0;padding-right: 0;}
}
#FAQ_title{letter-spacing: 3px; font-size: 4.5rem;}
#FAQ_title span{display: inline-block;position: relative;}
#FAQ_title span::before,#FAQ_title span::after{content: "";width: 75px;height: 75px;background-repeat: no-repeat;background-size: contain;
background-position: center;position: absolute;}
#FAQ_title span::before{background-image: url("../images/registration/FAQ_icon_01.svg");left: -100%;top: 0;}
#FAQ_title span::after{background-image: url("../images/registration/FAQ_icon_02.svg");right: -100%;top: 0;}
@media (max-width:991px) {
    #FAQ_title{font-size: 3rem;}
}
@media (max-width:767px) {
    #FAQ_title{font-size: 2.5rem;}
    #FAQ_title span::before, #FAQ_title span::after {width: 50px; height: 50px;}
}
@media (max-width:575px) {
    #FAQ_title{font-size: 2rem;}
}

#myTabContent{padding: 0 1rem 3rem;position: relative;z-index: 2;}
#myTabContent[data-tab="1"]{background-color: #AFDDE8;}
#myTabContent[data-tab="2"]{background-color: #799CFF;}
#myTabContent[data-tab="3"]{background-color: #9D90FF;}
.tab-content>.tab-pane{background-color: #FFFFFF;padding:2.5rem 1.5rem 1.5rem; border-radius: 35px;min-height: 820px;}
.tab-content>.active.tab-pane{display: flex; flex-wrap: wrap;}
.tab-pane .tab_title{flex: 0 0 auto; width: auto;}
.tab-pane .tab_title span{font-size: 4rem;  transform: rotate(180deg); writing-mode: vertical-lr;color: #45BDE2;letter-spacing: 6px;font-weight: bolder;position: relative;}
#central-tab-pane.tab-pane .tab_title span,#central-tab-pane.tab-pane .tab_context figure h6{color: #799CFF;}
#south-tab-pane.tab-pane .tab_title span,#south-tab-pane.tab-pane .tab_context figure h6{color: #9D90FF;}
.tab-pane .tab_title span::before{content: "";background-size: contain;background-repeat: no-repeat;background-position: center;width: 70px;height: 120px;position: absolute;top: -140px;left: 50%;transform: translateX(-50%)  rotate(180deg);
background-image: url(../images/registration/transportation_icon_01.svg);}
.tab-pane .tab_context{flex: 1 0 0;display: flex;padding-left: 2rem;flex-wrap: wrap;}
.tab-pane .tab_context > div{padding: 0 1rem;}
.tab-pane .tab_context figure{border: 4px solid #4FB5F1; border-radius: 8px;padding: 1rem;}
#central-tab-pane.tab-pane .tab_context figure{border-color: #799CFF; }
#south-tab-pane.tab-pane .tab_context figure{border-color: #9D90FF; }
.tab-pane .tab_context figure h6{color: #3EA1F1;font-size: 1.25rem;padding-top: 12px;padding-bottom: 8px; font-weight: bolder;border-bottom: 2px solid #A6A6A6;}
.tab-pane .tab_context figure address{min-height: 48px;}
.tab-pane .tab_context .tab-img{padding-bottom: 61.25%;border-radius: 8px 8px 0 0;}
.btn-tranpotation,.btn-map{display: flex;background-color: #45BDE2;color: #FFFFFF;border-radius: 25px;padding: 8px 1rem;text-decoration: none;flex-wrap: nowrap;justify-content: center;align-items: center;width: 110px;margin: 0 auto;}
#central-tab-pane .btn-tranpotation,#central-tab-pane .btn-map{background-color: #799CFF;;}
#south-tab-pane .btn-tranpotation,#south-tab-pane .btn-map{background-color: #9D90FF;;}
.btn-tranpotation:hover,.btn-tranpotation:focus,.btn-map:hover,.btn-map:focus{color: #FFFFFF;}
.icon-car,.icon-map{display: inline-block;width: 25px;height: 25px;background-size: contain;background-repeat: no-repeat;background-position: center;margin-right: 8px;}
.icon-car{background-image: url("../images/registration/transportation_icon_car.svg");}
.icon-map{background-image: url("../images/registration/transportation_icon_map.svg");}
.nav-content{margin-bottom: -65px;}
#myTab{padding: 0 3rem;}
.nav-tabs .nav-link,.nav-content{position: relative;}
.nav-tabs .nav-link{width: 150px;height: 150px;border-radius: 108%;border: 3px solid #CDD7EF;margin: 0;}
.nav-tabs .nav-item:nth-child(1) .nav-link{color: #FFFFFF;background-color: #45BDE2;}
.nav-tabs .nav-item:nth-child(2) .nav-link{color: #FFFFFF;background-color: #799CFF;}
.nav-tabs .nav-item:nth-child(3) .nav-link{color: #FFFFFF;background-color: #9D90FF;}
.nav-tabs .nav-item:nth-child(1) .nav-link.active{color: #45BDE2;background-color: #FFFFFF;}
.nav-tabs .nav-item:nth-child(2) .nav-link.active{color: #799CFF;background-color: #FFFFFF;}
.nav-tabs .nav-item:nth-child(3) .nav-link.active{color: #9D90FF;background-color: #FFFFFF;}
.nav-content[data-tab="2"] .nav-tabs .nav-link{border-color: #799CFF;}
.nav-content[data-tab="3"] .nav-tabs .nav-link{border-color: #9D90FF;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color: #AFDDE8;}
.nav-tabs .nav-link::after,.nav-tabs .nav-link:hover::after,.nav-content::after{content: ""; width: 100%; height: 77px;display: block;position: absolute;bottom: 0;left: 0;}
.nav-content[data-tab="1"] .nav-tabs .nav-link::after,.nav-content[data-tab="1"] .nav-tabs .nav-link:hover::after,.nav-content[data-tab="1"]::after{background-color: #AFDDE8;}
.nav-content[data-tab="2"] .nav-tabs .nav-link::after,.nav-content[data-tab="2"] .nav-tabs .nav-link:hover::after,.nav-content[data-tab="2"]::after{background-color: #799CFF;}
.nav-content[data-tab="3"] .nav-tabs .nav-link::after,.nav-content[data-tab="3"] .nav-tabs .nav-link:hover::after,.nav-content[data-tab="3"]::after{background-color: #9D90FF;}
.nav-tabs .nav-link.active::after{z-index: 2;height: 0;}
.nav-content::after{height: 80px;z-index: -1;}
.nav-tabs .nav-link span{position: absolute;top: 10%;left: 50%;transform: translateX(-50%);font-size: 1.85rem;font-weight: bolder;}
#FancyboxMap,#BgFancybox{width: 100%;height: 100%;top: 0;left: 0;}
#FancyboxMap{position: fixed;z-index: 100;display: none;}
#FancyboxMap.active{display: block;}
#BgFancybox{background-color: rgba(0, 0, 0, 0.59);position: absolute;}
#MapContainer{position: absolute; left: 50%;top: 50%;width: 90%;transform: translate(-50%,-50%);background-color: #45BDE2;padding: 1rem;border-radius: 8px;z-index: 22;max-width: 900px;box-shadow: 0px -5px 30px 0px rgba(0, 0, 0, 0.35);transition: all .3s ease-in-out;max-height: 90%;}
#MapContainer .MapBox{display: none;}
#MapContainer .MapBox.active{display: block;}
#MapContainer .MapBox h4{color: #FFFFFF;padding-bottom: 8px;font-weight: bolder;letter-spacing: 4px;}
#MapContainer .MapBox .row{background-color: #FFFFFF;margin: 0;max-height: 70vh;overflow: auto;}
#MapContainer .MapBox .row > div:not(.MapDevide){padding: 1rem;display: flex; align-items: center;}
#MapContainer .MapBox .MapImg{background-color: #F8F8F8;}
#MapContainer .MapBox figure{max-width: 90px;text-align: center;margin-bottom: 0; font-weight: bolder;}
#MapContainer .MapBox figcaption{padding-top: 1rem; color: #3EA1F1;}
.MapDevide{height: 2px;background-color: #45BDE2;}
#MapContainer .MapBox .method h5{display: inline-block;background-color: #45BDE2;border-radius: 25px;padding: 5px 1rem; color: #FFFFFF;font-size: 1.15rem;letter-spacing: 2px;}
#MapContainer .MapBox .method ul{list-style-type: none;padding-left: 0;}
#MapContainer .MapBox .method:nth-last-child(1) ul{margin-bottom: 0;}
#MapContainer .MapBox .method .MethodTitle{color: #2CA9C6;font-weight: bolder;}
#BtnClose {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    background-image: url(../images/gray-x.png);
    background-position: center;
    background-size: cover;
    z-index: 25;
    cursor: pointer;
}
main.filter {
    filter: blur(5px);
}
@media (max-width:991px) {
    .tab-content>.tab-pane{min-height: auto;}
    .tab-pane .tab_title{display: none;}
    .tab-pane .tab_context{padding-left: 0;}
    #myTab .nav-link > span::before,#myTab .nav-item::before{display: none;}
}
@media (max-width:767px) {
    #myTab{padding: 0;}
    .tab-content>.tab-pane{padding: 1rem 0.5rem;border-radius: 20px;}
    .tab-pane .tab_context > div {padding: 0 0.5rem;}
    .btn-tranpotation, .btn-map{width: 98px;}
}
@media (max-width:575px) {
    .nav-tabs .nav-link::after, .nav-tabs .nav-link:hover::after, .nav-content::after{display: none;}
    #myTabContent[data-tab="1"],#myTabContent[data-tab="2"],#myTabContent[data-tab="3"]{background-color: #FFFFFF;}
    .nav-content{margin-bottom: 0;}
    #myTab{border-bottom-width: 3px;padding: 0 1rem;}
    .nav-content[data-tab="1"] #myTab{border-bottom-color: #45BDE2;}
    .nav-content[data-tab="2"] #myTab{border-bottom-color: #799CFF;}
    .nav-content[data-tab="3"] #myTab{border-bottom-color: #9D90FF;}
    .nav-tabs .nav-link{border-radius: 0;height: auto;width: 100%;border: none;}
    .nav-tabs .nav-item{width: 33.33%;flex: 0 0 auto;}
    .nav-tabs .nav-link span {position: relative;top: auto;left: auto;transform: none; width: 100%;padding-right: 8px;}
    .nav-tabs .nav-item .nav-link{opacity: 0.5;}
    .nav-tabs .nav-item .nav-link.active{opacity: 1;}
    #myTab .nav-link > span::before{display: block; width: 0;height: 8px;transition: width .3s ease-in-out;position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);border: none;right: auto;top: auto;}
    #myTab .nav-link.active > span::before{width: 100%;}
    #myTab .nav-item:nth-child(1) .nav-link > span::before{background-color: #45BDE2;}
    #myTab .nav-item:nth-child(2) .nav-link > span::before{background-color: #799CFF;}
    #myTab .nav-item:nth-child(3) .nav-link > span::before{background-color: #9D90FF;}
    .nav-tabs .nav-item:nth-child(1) .nav-link{color: #45BDE2;background-color: #FFFFFF;}
    .nav-tabs .nav-item:nth-child(2) .nav-link{color: #799CFF;background-color: #FFFFFF;}
    .nav-tabs .nav-item:nth-child(3) .nav-link{color: #9D90FF;background-color: #FFFFFF;}
    .tab-content>.tab-pane{padding-left: 0;padding-right: 0;max-width: 420px;}
    .tab-pane .tab_context figure address{min-height: auto;}
    .btn-tranpotation, .btn-map {width: 140px;}
    #MapContainer .MapBox .MapImg{width: 100%;}
    #MapContainer .MapBox figure {max-width: none;display: flex;justify-content: center;width: 100%;align-items: center;}
    #MapContainer .MapBox figure img{max-width: 55px;}
    #MapContainer .MapBox .row > div:nth-child(1) img{max-width: 36px;}
    #MapContainer .MapBox figcaption{padding:0 1rem;font-size: 1.5rem;}
}
@media (max-width:400px) {
    .btn-tranpotation, .btn-map {width: 120px;}
}

@media (max-width:375px) {
    .btn-tranpotation, .btn-map {width: 100px;}
    .nav-tabs .nav-link span{font-size: 1.5rem;}
    #MapContainer .MapBox .row > div:not(.MapDevide) {padding: 0.5rem 0.85rem;}
}
