:root {
    --main-color: #29A0ED;
    --txt-color: #191919;
}

::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    display: block;
    object-fit: cover;
    height: 100%;
}
img{max-width: 100%;}
/* main > head_slide */

#main {/* margin-top: 6rem; */}

#main article {}

#main article .main_tit {
    padding-top: 160px;
}

#main .head_slide {
    padding-top: 0; /* �곷떒 �⑤뵫 �쒓굅 */
}
.main_btn{
    position: relative;
}
.main_btn a {
    display: block;
    height: 100%;
    position: relative;
}
.main_btn a img{max-width: 64px;}
.top_navBox{animation: shake 3s infinite;position: absolute;left: 50%;transform: translate(-50%, 100%);bottom: 0px;max-width: none;display: block;max-width: 216px;filter: drop-shadow(0px 0px 1px #ffffff);}

    /* 留먰뭾�� �좊땲硫붿씠�� */
    @keyframes shake {
        0% {
            transform: translate(-50%, 100%);
        }

        50% {
            transform: translate(-50%, 110%);
        }

        100% {
            transform: translate(-50%, 100%);
        }
    }

#main .head_slide .head_swiper {
    height: calc(100vh - var(--hd_height));
    margin-top: var(--hd_height);
}
#main .head_slide .head_swiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size: 1rem;}
#main .head_slide .head_swiper .swiper-button-next:after, .swiper-button-prev:after{font-size: 1rem;text-shadow: 0 0 1rem rgba(0,0,0, 0.35);}
#main .head_slide .head_swiper .swiper-button-next{
    padding: 0;
    border-radius: 5px;
    right: 0%;
    color: #fff;
    /* background: rgba(32, 79, 175, 1); */
    font-size: 1rem;
    height: auto;
}
#main .head_slide .head_swiper .swiper-button-prev{
    left: 0%;
    color: #fff;
    /* background: rgba(32, 79, 175, 1); */
    padding: 0;
    border-radius: 5px;
    height: auto;
    top: 0px;
}
#main .head_slide .head_swiper .swiperBtnWrap{
    bottom: 10.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    align-items: center;
}

#main .head_slide .head_swiper .txt_con {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    text-align: right;
    z-index: 10;
}

#main .head_slide .head_swiper .txt_con .txt01 {
    margin-bottom: 10px;
    font-size: 55px;
    font-weight: 300;
    color: var(--txt-color);
    letter-spacing: -3px;
}

#main .head_slide .head_swiper .txt_con .txt02 {
    font-size: 30px;
    font-weight: 300;
}

#main .head_slide .head_swiper .slide_num {
    position: absolute;
    top: 60%;
    right: 2%;
    display: inline-block;
    width: 60px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8); /* 寃��뺤깋 諛곌꼍�� 遺덊닾紐낅룄 40% */
    border-radius: 20px;
    z-index: 10;
}

#main .head_slide .head_swiper .slide_num .swiper-pagination {
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main .head_slide .head_swiper .swiper-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#main .head_slide .head_swiper .swiper-wrapper .swiper-slide {
    position: relative;
    overflow: hidden;
}

#main .head_slide .head_swiper .swiper-wrapper .swiper-slide img {
    width: auto;
    /* height: 100vh; */
    /* max-height: 470px; */
    object-fit: cover;
    display: block;
    margin: 0 auto;
    filter: brightness(0.5);
}


/* main > main-container */

#main .main-container{
    display: flex;
}
.main-container {
    /* display: grid; */
    grid-template-rows: repeat(1, 250px);
    gap: 0;
    position: relative;
    z-index : 1;
    margin: 0 auto;
    justify-content: center;
    position: relative;
    /* top: -9rem; */
    max-width: 1440px;
    background: #fff;
    border-radius: 1.25rem;
    position: absolute;
    bottom: 2.5rem;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5rem;
}

.box {
    /* width: 100%; */
    /* height: 224px; */
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    /* color: white; */
    /* font-size: 2rem; */
    /* font-weight: bold; */
    /* text-align: center; */
    /* padding: 0rem; */
    /* box-sizing: border-box; */
    /* border: 0px solid #C8C8C8 !important; */
    /* border-right: none; */
    /* border-bottom: none; */
    /* box-sizing: border-box; */
    /* height: 100%; */
    /* color: #fff; */
}

.box:nth-child(4n) {
    /* border-right: 1px solid #C8C8C8; */
}

.box:nth-child(n+5) {
    /* border-bottom: 1px solid #C8C8C8; */
}
.main-container > div {color: #111 !important;flex-direction: row;font-size: 1.25rem;gap: 1rem;width: 100%;text-align: center;}
.main-container > div > div{width:100%;cursor: pointer;transition:.35s;font-weight: 600;}
.main-container > div > div:hover{opacity:.5}
.main-container > div > div p{}
.main-container > div > div p svg{margin:.5rem auto}
.box-1 {/* background-color: #65BFE7; */color: #ffff;/* Apply animation */}
.box-2 { background-color: #204FAF; animation: slideUp 0.5s ease-out forwards; /* Apply animation */}
.box-3 {background-color: #83C564;animation: slideUp .6s ease-out forwards; /* Apply animation */}
.box-4 {background-color: #EF9919;color: black;animation: slideUp .8s ease-out forwards; /* Apply animation */}
.box-5 {background-color: #8286DB;animation: slideUp 1s ease-out forwards; /* Apply animation */}
.box-6 { background-color: #FF8163; animation: slideUp 0.8s ease-out forwards; /* Apply animation */}
.box-7 { background-color: #ffffff; color: black; animation: slideUp 1s ease-out forwards; /* Apply animation */}
.box-8 { background-color: #64C864; animation: slideUp 1.2s ease-out forwards; /* Apply animation */}
.box button {
    background: none;
    color: #FFF !important;
    border: none;
    border-radius: 99px;
    padding: .5rem 1.5rem;
    cursor: pointer;
    margin-top: 1rem;
    font-size: 1.25rem;
    font-weight: bold;
    border: 2px solid #fff;
    border-radius: 5px;
    font-family: 'Pretendard';
    font-weight: 500;
    transition: .35s ease;
    width: 85% !important;
}
.box button:hover{background: #fff;color: #3b3b3b !important;}


@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.box-3 button, .box-5 button, .box-7 button {
    color: #000;
}
.icon {
    font-size: 40px;
    margin-top: 10px;
}
.description {
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}

/* main > quick-menu */

.quick-menu {
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    width: 12rem;
    /* padding-left: 13rem; */
    /* background-color: #204FAF; */
    color: white;
    text-align: center;
    z-index: 99999999999999999;
    border: 0px solid #E1E1E1;
}
.menu-item {
    padding: 0.9rem 0 .85rem;
    border-bottom: 0px solid #e1e1e1;
    cursor: pointer;
    /* border-left: 1px solid #E1E1E1; */
    /* border-right: 1px solid #E1E1E1; */
    font-size : 16px;
    /* box-shadow: 0px .125rem 1.25rem 0px rgba(0, 0, 0, 0.20); */
    background: #EAF6FD;
    position: relative;
    padding: 1.25rem 1rem;
}
.menu-item:first-child{
    /* border: none; */
    display: flex;
    align-items: center;
    white-space: nowrap;
    background: #20F2F2;
    color: #111;
    border-radius: 11rem;
    padding: 1.25rem 1.5rem;
}

.menu-item:last-child {
    border-bottom: none;
    /* padding: 0; */
    background: #fafafa;
    border-radius: 25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto 0;
    z-index: 999;
    cursor: pointer;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.5rem */
    color: #4f4f4f;
    width: 50%;
    max-width: 72px;
}

.toggleTab .menu-item:first-child{text-align: center;background: #EAF6FD;padding: 1.25rem 1.5rem;}
.toggleTab .menu-item:nth-child(1) span{justify-content: center;font-weight: 500;}
.toggleTab .menu-item span{justify-content: center;font-weight: 600;color: #2592D8;}
.toggleTab .menu-item:last-child{width: 100%;background: #EAF6FD;max-width: none;}
.toggleTab {height: 0px;transition: .35s ease;overflow: hidden;opacity: 0;}
.callTabTabActive{}
.callTabTabActive span:last-child svg{
    transform: rotate(180deg);
}
.toggleTabActive{height: 14.5rem;opacity: 1;overflow: visible;}

.menu-item .icon {
    margin-bottom: 10px;
    max-width: 48px;
    margin: 0 auto;
}
.menu-item span {
    font-size: 1.125rem;
    display: block;
    /* margin-top: 0.5rem; */
    width: 100%;
    font-weight: 500;
    gap: 0.25rem;
    white-space: nowrap;
}
.menu-item:nth-child(1) span{font-weight: 700;display: flex;justify-content: end;align-items: center;}
.white-bg {
    background-color: #fff;
    color: #000;
}
.navy-bg {
    background-color: #204FAF;
    color: #fff;
}
.kakao-bg{background: #FEE500; color: #000;align-items: center;display: flex;justify-content: center;border: none;}
.kakao-bg img {max-width: 24px;margin-right: 6px;}
.green-bg{background: #2EB34A;color: #fff;align-items: center;display: flex;justify-content: center;border: none;}
.green-bg img {max-width:24px;margin-right: 6px;}
.insta-bg{background: #ff3187;color: #fff;align-items: center;display: flex;justify-content: center;border: none;}
.insta-bg img {max-width:24px;margin-right: 6px;}
#top-button {
    cursor: pointer;
    border: none;
}

/* main > quick_tab */

/*.quick_tab {
    background-color: #F0F8FF;
    height: 570px;
}

.quick_tab .inner {
    margin: 90px auto;
}

.quick_tab .inner ul {
    display: flex;
    gap: 25px;
}

.quick_tab .inner ul>li.list {
    position: relative;
    height: 240px;
    padding: 35px;
    box-sizing: border-box;
    background-color: #F3F3F3;
    flex: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.quick_tab .inner ul>li.list .txt01 {
    font-size: 30px;
    font-weight: 700;
}

.quick_tab .inner ul>li.list .txt02 {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 300;
}

.quick_tab .inner ul>li.list .txt03 {
    position: absolute;
    bottom: 35px;
    font-size: 20px;
    font-weight: 600;
}

.quick_tab .inner ul>li.list>a {
    position: absolute;
    width: 72px;
    height: 72px;
    right: 35px;
    bottom: 25px;
    border-radius: 50%;
    background-color: var(--main-color);
}

.quick_tab .inner ul>li.list:nth-child(2) a {
    background-color: #7AC5EE;
}

.quick_tab .inner ul>li.list:nth-child(1) a::before {
    content: '';
    position: absolute;
    display: block;
    width: 37px;
    height: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('../img/ico/ico_rightArr.png') no-repeat center / cover;
}

.quick_tab .inner ul>li.list:nth-child(2) a::before {
    content: '';
    position: absolute;
    display: block;
    width: 37px;
    height: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('../img/ico/ico_search.png') no-repeat center / cover;
}

.quick_tab .inner ul>li.list .tel_con {
    position: relative;
    width: 434px;
    height: 73px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 15px;
    text-align: center;
}

.quick_tab .inner ul>li.list .tel_con p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 20px;
    font-weight: 300;
}

.quick_tab .inner ul>li.list .tel_con p .num {
    padding-left: 15px;
    font-size: 30px;
    font-weight: 700;
    color: var(--main-color);
}

.quick_tab .inner ul>li.list ul {
    justify-content: space-between;
    margin-top: 30px;
    text-align: center;
}

.quick_tab .inner ul>li.list ul li {}

.quick_tab .inner ul>li.list ul li img {
    display: inline-block;
    margin-bottom: 15px;
}

.quick_tab .inner ul>li.list ul li .txt01 {
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color);
}*/

/* main > major */

.major {
    position: relative;
    background-color: #F0F8FF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 20px;
    margin-top: -4rem;
}

.main_tit .txt01 {
    font-size: 48px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.main_tit .txt02 {
    font-size: 20px;
    color: #555;
}

.centers-container {
    display: grid;
    /* justify-content: center; */
    align-items: center;
    margin-top: 20px;
    /* gap: 0; */ /* Removing gap between the boxes */
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    max-width: 1440px;
}

.center-box {
    padding: 6rem 2rem 1.2rem;
    border: 1px solid #C8C8C8;
    border-right: none; /* Remove right border */
    display: grid;
    align-items: center;
    margin: 0;
    background-color: #F0F8FF;
    box-sizing: border-box;
    text-decoration: none; /* Added to remove underline from links */
    color: inherit; /* Added to inherit text color */
    cursor: pointer; /* Added to indicate clickable items */
    position: relative;
    transition: .35s ease;
}

.center-box:last-child {
    border-right: 1px solid #d3d3d3; /* Add right border only to the last box */
}

.center-box:hover {
    background-color: #204FAF;
    color: #FFF;
}

.center-content {
    flex: 1;
    /* padding-left: 10px; */
    /* text-align: left; */
    /* margin-right: 40px; */
}

.center-content h2 {
    font-size: 2rem;
    margin: 5px 0;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.center-content p { /* Changed from .center-content a to .center-content p */
    font-size: 18px;
    text-decoration: none;
    color: inherit;
}

.center-icon {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    transition: all 0.3s ease;
    position: absolute;
    top: 1.5rem;
    right: 0rem;
    margin: 0 auto;
}

.center-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}

.center-box:nth-child(1):hover .center-icon img {
    filter: brightness(0) invert(1); /* Adjust filter as needed */
}

.center-box:nth-child(2):hover .center-icon img {
    filter: brightness(0) invert(1); /* Adjust filter as needed */
}

.center-box:nth-child(3):hover .center-icon img {
    filter: brightness(0) invert(1); /* Adjust filter as needed */
}

.center-box:nth-child(4):hover .center-icon img {
    filter: brightness(0) invert(1); /* Adjust filter as needed */
}

.center-box:nth-child(5):hover .center-icon img {
    filter: brightness(0) invert(1); /* Adjust filter as needed */
}


/* Hiding the unnecessary CSS from the original */
.swiper-slide {
    /* height: 100vh; �щ씪�대뱶 �믪씠瑜� �붾㈃ �믪씠濡� �ㅼ젙 */
}

.major .center .swiper-wrapper .swiper-slide img {
    /* width: 100%;
    overflow: hidden; */
    /* width: 100%;
    height: 100%;
    object-fit: cover; �대�吏�媛� �щ씪�대뱶 �ш린�� 留욊쾶 �먮Ⅴ�꾨줉 �ㅼ젙 */
}

/* .major .center .swiper-wrapper .swiper-slide.swiper-slide-next {
    transform: scale(1.15) !important;
    transition: all .4s;
} */

.major .center .swiper-wrapper .swiper-slide:hover {
    /* transform: scale(1.15) !important;
    transition: all .4s; */
}

.major .center .swiper-wrapper {
    /* padding: 42px 0 100px; */
}

.major .center .swiper-wrapper .swiper-slide p {
    /* position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 30px;
    font-weight: 700;
    color: #fff; */
}

.major .swiper {
    /* overflow: visible !important; */
}

.center .swiper-pagination-bullet {
    /* width: 12px;
    height: 12px; */
}

.center .swiper-pagination-bullet-active {
    /* width: 35px;
    height: 12px;
    border-radius: 20px;
    transition: all .4s;
    background: var(--main-color) !important; */
}

.major .moreBtn {
    /* position: relative;
    width: 270px;
    height: 56px;
    margin: 40px auto 0;
    border: 1px solid #D4D4D8;
    border-radius: 28px;
    z-index: 10; */
}

.major .moreBtn:hover {
    /* background-color: var(--main-color);
    transition: all .4s; */
}

.major .moreBtn:hover a span {
    /* color: #fff;
    transition: all .4s; */
}

.major .moreBtn a {
    /* display: inline-block;
    width: 100%;
    height: 100%; */
}

.major .moreBtn a span {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: 500; */
}


/* main > SNS */

#main article.sns {}

.sns .sns_con {}

.sns .sns_con ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 45px;
}

.sns .sns_con ul li {
    flex: 1;
    margin-bottom: 45px;
}

.sns .sns_con ul li:nth-child(n+4){
    margin-bottom: 0;
}

.sns .sns_con ul li a {}

.sns .sns_con ul li a img {
    width: 100%;
}


/* main > board_list */

.board_list{
    margin-bottom: 150px;
}

.board_list .inner{}

.board_list .inner .flex{
    display: flex;
    align-items: center;
    gap: 60px;
}

.board_list .inner .flex .main_tit{
    margin-bottom: 35px;
}

.board_list .inner .flex > div{
    width: 50%;
}

.board_list .inner .flex .img_con{
    display: flex;
    gap: 45px;
    padding-top: 170px;
}

.board_list .inner .flex .img_con img{
    width: 100%;
}

 .board_list ul.tabs {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-bottom: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #191919;
    width: 100%;
}

.board_list ul.tabs li {
    position: relative;
    padding: 15px 40px;
    border: 1px solid var(--main-color);
    border-radius: 99px;
    /* text-align: center; */
}

.board_list ul.tabs li a{
    display: inline-block;
    color: var(--main-color);
}

.board_list ul.tabs li.active{
    background-color: var(--main-color);
}

.board_list ul.tabs li.active a{
    font-weight: 900;
    color: #fff;
}

.board_list ul.tabs li a {
    font-size: 16px;
    font-weight: 500;
}

.board_list ul.tabs li a:hover {
}

.board_list .tab_container {
    overflow: hidden;
    width: 100%;
    background: #fff;
}

.board_list .main_tit::before{
    display: none;
}
.box a{display: block;width: 100%;color: #fff;}

.dt_on{display: block !important;}
.dt_fon{display: flex !important;}
.m_on{display: none !important;}
.menu-item.topBtn{display: none;}
.abTxt{position: relative;/* top: 50%; *//* left: 50%; */transform: translate(-50%, -50%);color: #fff;font-size: 2rem;text-align: center;font-weight: 500;}
.fullImg{
    width: 100vw;
    max-width: max-content;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
}
.fullBgSec{
height: 75vh;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
}

.tabButtonType01{width: 100%;overflow-x: auto;}
.tabButtonType01 button{white-space: nowrap;width: calc(100% / 9);}

.stationWrap {
    display: flex;
    gap: .5rem;
    align-items: center;
}
.stationWrap .station{
    padding: .25rem 1rem;
    border: 1px solid #29a0ed;
    color: #29a0ed;
    border-radius: 11rem;
}
.bg-blue-500{ background:#29A0ED;}

.ppbContainer{
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 7.5rem;
    padding: 0rem 1.5rem 7.5rem;
} 



/*�덉감 而⑦뀗痢� 怨듭슜*/
.procedure_cont { display: flex; align-items: flex-start; justify-content: flex-start; }
.procedure_cont .box { position: relative; width: 100%; }
.procedure_cont .box .top { display: flex; align-items: center; justify-content: flex-start; }
.procedure_cont .box .top .num {display: flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: 100%;background-color: #29a0ed;color: #fff;font-size: 1.5rem;font-weight: 500;flex-shrink: 0;opacity: 0.1;transition: opacity 0.5s;}
.procedure_cont .box .top .line { position: relative; width: calc(100% - 6rem); height: 0.4rem; margin-left: 1rem; border-radius: 2rem; background-color: rgba(13,50,111,0.1); }
.procedure_cont .box .top .line:before {content: '';position: absolute;left: 0;top: 0;width: 0;height: 0%;border-radius: 0rem;background-color: #29a0ed;z-index: 10;transition: width 0.7s;}
.procedure_cont.active .box .top .line:before{height: 100%;}
.procedure_cont .box .txt_box { margin-top: 6rem; }
.procedure_cont .box .txt_box .tit {width: 90%;font-size: 1.25rem;font-weight: 600;}
.procedure_cont .box .txt_box .txt {width: 100%;margin-top: 1rem;font-size: 1rem;font-weight: 400;}
.procedure_cont .box .txt_box .info { position: relative; padding-left: 1.5rem; margin-top: 1rem; }
.procedure_cont .box .txt_box .info:before { content: ''; position: absolute; left: 0; top: 0.5em; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: rgba(13,50,111,0.1); transform: translateY(50%) }
.procedure_cont .box .txt_box .desc { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.5rem; font-size: 1.4rem; color: #888888; }
.procedure_cont .box .txt_box .desc .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; font-size: 1.4rem; }
.procedure_cont .box .txt_box .desc .ico svg { width: auto; height: auto; fill: #888888; }
.procedure_cont .box .txt_box .btn_wrap { margin-top: 4rem; }

.procedure_cont .box .txt_box .label_wrap { margin-top: 4rem; }
.procedure_cont .box .txt_box .label_wrap .box { display: flex; align-items: center; justify-content: flex-start; }
.procedure_cont .box .txt_box .label_wrap .box + .box { margin-top: 0.8rem; }
.procedure_cont .box .txt_box .label_wrap .box:before { content: ''; width: 4rem; height: 1rem; margin-right: 1.2rem; border-radius: 2em; }
.procedure_cont .box .txt_box .label_wrap .box.red:before { background-color: #BF0A0B }
.procedure_cont .box .txt_box .label_wrap .box.yellow:before { background-color: #FFD100 }
.procedure_cont .box .txt_box .label_wrap .box.green:before { background-color: #0ABF3D }

.procedure_cont .box .txt_box .dot_wrap { margin-top: 2.4rem; }
.procedure_cont .box .txt_box .dot_wrap .dot_txt + .dot_txt { margin-top: 1rem; }

.procedure_cont .box.active .num { opacity: 1; }
.procedure_cont .box.active .line:before { width: 100%; }

/*�몃줈*/
.procedure_cont.row { flex-direction: column; }
.procedure_cont.row .box {display: flex;align-items: stretch;justify-content: flex-start;width: 100%;display: flex;align-items: flex-start;/* justify-content: flex-start; */flex-direction: row;}
.procedure_cont.row .box .top {flex-direction: column;margin-right: 2rem;/* flex-shrink: 0; */height: 100%;}
.procedure_cont.row .box .top .line {width: 0.2rem;height: 0.2rem;margin-left: 0;margin-top: 0.5rem;display: block;position: relative;width: 0.2rem;height: 12.5rem;margin-left: 0;margin-top: 0rem;}
.procedure_cont.row .box .top .line:before {width: 0.2rem;transition: height 0.7s;}
.procedure_cont.row .box:last-of-type .top .line { display: none; }
.procedure_cont.row .box .txt_box {width: 100%;margin-top: 0.3rem;padding-bottom: 8rem;text-align: left;}
.procedure_cont.row .box:last-of-type .txt_box { padding-bottom: 0; }

.procedure_cont.row.active .box .top .num { opacity: 1; }
.procedure_cont.row.active .box .line:before { height: 100%; }
.procedure_cont.row.active .box .top .line{height: 12.5rem;/* height: 100%; */max-height: 100%;}
.procedure_cont.row .box.active .line:before { height: 100%; }

.procedure_cont .box:nth-of-type(1) .top .num { transition-delay: 0.3s }
.procedure_cont .box:nth-of-type(1) .top .line:before { transition-delay: 0.7s; }

.procedure_cont .box:nth-of-type(2) .top .num { transition-delay: 1s }
.procedure_cont .box:nth-of-type(2) .top .line:before { transition-delay: 1.4s; }

.procedure_cont .box:nth-of-type(3) .top .num { transition-delay: 1.7s; }
.procedure_cont .box:nth-of-type(3) .top .line:before { transition-delay: 2.1s; }

.procedure_cont .box:nth-of-type(4) .top .num { transition-delay: 2.4s }
.procedure_cont .box:nth-of-type(4) .top .line:before { transition-delay: 2.8s; }

.procedure_cont .box:nth-of-type(5) .top .num { transition-delay: 3.1s }
.procedure_cont .box:nth-of-type(5) .top .line:before { transition-delay: 3.5s; }

.procedure_cont .box:nth-of-type(6) .top .num { transition-delay: 3.8s }
.procedure_cont .box:nth-of-type(6) .top .line:before { transition-delay: 4.2s; }

.procedure_cont .box:nth-of-type(7) .top .num { transition-delay: 4.5s }
.procedure_cont .box:nth-of-type(7) .top .line:before { transition-delay: 4.9s; }

.tabWrap{
    display: flex;
    height: 5rem;
    padding: 0rem 1.25rem;
    justify-content: center;
    align-items: center;
   }
.tabWrap div{text-align: center;color: #666;width: 50%;border: 1px solid #e1e1e1;padding: 1rem;border-radius: 11rem;cursor: pointer;font-size: 1.25rem;}
.tabWrap .tabActive{border: 1px solid #2592D8;color: #2592D8;}
.boxType01 {}
.boxType01 > div{width: calc(50% - 1rem)}
.boxType01 > div p{}
.text-blue-500{color: #29a0ed;}
.infoIcon{position: absolute;top: 0rem;right: 0rem;border: 1px solid #29a0ed;border-radius: .5rem;padding: 1rem 1.25rem;align-items: center;display: flex;}
.infoIcon i{display:flex;gap:0.5rem;font-style: normal;}
.dt_on{display: block;}
.m_on{display: none;}


.mo_quick_wrap {display: none;position: fixed;left: 0;bottom: 0;width: 100%;height: 70px;padding: 7px 2rem;background-color: #fff;z-index: 99999999;box-shadow: 0 0 15px 0 rgba(13,50,111,0.1);}
.mo_quick_wrap .paging .swiper_btn {position: absolute;top: 50%;transform: translateY(-50%);font-size: 15px;color: #888;z-index: 99;}
.mo_quick_wrap .paging .swiper_btn.prev { left: 10px; }
.mo_quick_wrap .paging .swiper_btn.next { right: 10px; }
.mo_quick_wrap .box { display: block; }
.mo_quick_wrap .box .ico { font-size: 20px; text-align: center; }
.mo_quick_wrap .box .ico svg {width: 2rem;height: 2rem;margin: 0.5rem auto 0.5rem;}
.mo_quick_wrap .box .tit { text-align: center; color: #000; font-size: 13px; font-weight: 600; }

.chk_box span { font-size: 12px; }
.custom-list {
    list-style-type: none; /* 湲곕낯 遺덈┸ �ㅽ��� �쒓굅 */
    padding-left: 0; /* �⑤뵫 珥덇린�� */
  }
  
  .custom-list li {
    position: relative;
    padding-left: 1rem; /* �띿뒪�� �ㅼ뿬�곌린 (遺덈┸ �꾩튂�� �곕씪 議곗젙 媛���) */
  }
  
  .custom-list li::before {
    content: '��'; /* 遺덈┸ 留덉빱濡� �ъ슜�� 臾몄옄 */
    position: absolute;
    left: 0; /* 遺덈┸ �꾩튂 */
    top: 0;
  }

@media (max-width: 1500px) {
    #wrapper{padding-left: 0rem;padding-right: 0rem;}
    html {
        font-size: 90%; /* 16px * 0.9375 = 15px */
      }
    }
    @media (max-width: 1200px) {
        html {
          font-size: 90%; /* 16px * 0.9375 = 15px */
        }
      }
      @media (max-width: 992px) {
        html {
          font-size: 87.5%; /* 16px * 0.875 = 14px */
        };
        .main_btn{display: none;}
        .sidebar{display: block;}
        .ftBtn{display: none;}
        .sBgBox p{font-size: 1.5rem;text-align: left;}
        .hd_pops{max-width: 90%; left: 1rem !important;}
    }
      @media (max-width: 768px) {
        html {
            font-size: 81.25%; 
        };
        .menu-item:last-child{max-width: none;}
        footer{margin-bottom: 6rem;}
        .mo_quick_wrap{display: block;}
        .dt_on{display: none;}
        .m_on{display: block;}
        .menubtn{display: block;}
        .quick-menu{display: none;bottom: 9rem;}
        .doctor_itemWrap{grid-template-columns: 1fr;margin-top: 0rem;gap: 5rem;}
        #wrapper{padding: 0 1.5rem;}
        .centers-container{grid-template-columns: 1fr 1fr !important; padding: 0 1.5rem;}
        #main .head_slide .head_swiper .swiper-wrapper .swiper-slide img{height: 230px;width: 100%;object-fit: cover;}
        #main .head_slide .head_swiper .swiper-button-prev{left: 1.5rem;}
        #main .head_slide .head_swiper .swiper-button-next{right: 1.5rem;}
        .main-container{display: flex;flex-wrap: wrap;top: 0;width: 100%;}
        .main-container > *{
        width: 50%;
        padding: 3rem 1rem;
    }
        .main-container > *:nth-child(1){
        /* width: 40%; */
        /* background: #65BFE7; */
    }
    .main-container > *:nth-child(1) > div{padding: 0;}
        .main-container > *:nth-child(2){
        width: 60%;
    }
        .main-container > *:nth-child(3){
        width: 40%;
    }
        .main-container > *:nth-child(4){width: 30%;}
        .main-container > *:nth-child(5){
        width: 30%;
    }
    .tableBox{overflow-x: auto;}
    .tableBox2{overflow-x: auto;}
    .tableBox2 .text-gray-700{white-space: nowrap;}
    .tableBox tr{white-space: nowrap;}
    .tableBox td{white-space: nowrap;}
    .top_navBox img{max-width: 130px;}
    .box{font-size: 1.5rem;}
    .major{margin-top: 0;}
    .center-box{border: 0px;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding-bottom: 8rem;}
    .center-box:first-child{border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1}
    .center-box:nth-child(2){border-top: 1px solid #e1e1e1}
    .center-box:nth-child(2n - 1){border-left: 1px solid #e1e1e1}
    .centers-container{}
    #main .head_slide .head_swiper .swiper-pagination{bottom: 1.5rem;}
    .box button{display: none;}
    .dt_on{display: none !important;}
    .dt_fon{display: none !important;}
    .m_on{display: block !important;}
    .main_btn{display: none;}
    .doctor_itemWrap .doctor_item .content .d_btn{width: 100%;position: relative;margin-top: 2rem;right: 0;}
    .department article.list ul{grid-template-columns: 1fr 1fr}
    .doctor_itemWrap .doctor_item .content{padding: 1rem;}
    .sub_banner{flex-wrap: wrap;}
    #doctorSelect{    width: 100%;
        margin-top: 1rem;
        max-width: none;}
        .btn_submit{width: 100%;margin-top: 1.5rem;}
        .centered-button{position: relative;top: 0;left: 0;transform: none;}
        .menu-container select{font-size: 1rem;}
        .menu-container select{background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 20 20" width="12px" height="12px"><path d="M12 15.5l7-7-1.4-1.4-5.6 5.6-5.6-5.6L5 8.5z"/></svg>') no-repeat right .25rem center;}
        .infoBoxWrap ul {margin-top: 2rem;}
        .infoBoxWrap ul li{width: 100%;max-width: 100%;}
        .f_logo_sec .container {
            display: flex;
            flex-wrap: nowrap;
            margin: 0;
            animation: marquee 20s infinite linear
        }
        .map .map_info{position: relative;
            top: 0;
            left: 0;
            background: #fafafa;
            width: 100%;
            max-width: none;
            margin-bottom: 1rem;}
            .centerItems img{padding: 0;}
            .centerItems div{width: 100%;padding: 1.5rem 0;}
            .visual-sec .txt-box {
                left: 50%;
                top: 50%;
              }
              .visual-sec .txt-box > h3 {
                font-size: 2rem;
              }
              .visual-sec .txt-box > p {
                font-size: 1.25rem;
              }
              .visual-sec .all-box {
                bottom: 6rem;
                height: 30px;
              }
              header .main_logo{position: relative;}
              .sidebar .mob_header{padding: 1rem}
              .fullBgSec{height: 35vh;}
              .fullImg{height: 100%;object-fit: cover;}
              .nav{height: 4.5rem;padding: .5rem;}
              .sub-menuWrap{margin-top: 4.5rem;}
              header .main_logo{max-width: 5.5rem;}
              .tabDivWrap img{margin-bottom: 1.5rem;}
              .pic_lt li .lt_img img{max-height: 200px;}
              .m9b1{
                position: relative;
                left: 0rem;
                top: 0rem;
                border-radius: 0px;
            }
            .mapAbsol{position: relative;margin: 1.5rem auto;width: 90%;left: 0;top: 0;}
            .main-container{display: none;}
            .tabButtonType01 button{white-space: nowrap;width: 8rem}
            .visual-sec{margin-top: 4.5rem;}
            .latestWrap{overflow-x: auto;}
            .latestWrap ul{width: 180%;}
            #bo_list{padding: 6rem 1.5rem 6rem;}
            .reser .inner{padding: 4.5rem 1.5rem;}
            #secondaryMenu{}
            .mapButtonWrap .map-buttons{width: 100%;}
            #bo_cate{margin: 3rem 0;}
            .ppbContainer{padding: 0rem 1.5rem 3.5rem;margin-top: 3.5rem;}
      }
      
     
      @media (max-width: 576px) {
        html {
          font-size: 70%; /* 16px * 0.75 = 12px */
        }
    }