/* main_banner */
.main_before{height: 100px; width: 100%;}
.main_station .train_item .img_box{position: relative;}
.main_station .cover{
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main_station .cover i{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 10px;
}
.bannerTit{
    font-size: 70px;
    line-height: 1.2;
    margin: 2rem 0 3rem;
    transform: translateY(30%);
    opacity: 0;
}
.bannerTit em{font-weight: 700;}
.banner1 .bannerTit em{color:#18b7cd;} 
.banner2 .bannerTit em{color:#ffc729;}
.bannerTit + p{color:#fff;}
.highlight.bannerTit{
    animation: fadeIn 1s ease forwards .3s;
}

@keyframes fadeIn {
    from {
        transform: translateY(30%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* con1 */
.con1{position: relative;}
.con1{
    background: 
        url('../img/con1_bg.png')
        no-repeat top right / 730px
    ;
}
.first_tit{
    font-size: 2rem;
    letter-spacing: 0.5vw;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Paperlogy";
    color: #18b7cd;
}
.con1_imgbox{
    line-height: 0;
    border-radius: 20px;
    overflow: hidden;
}
.con1 p {color: #686868;}
.con1_name .goheung{font-family: "happyGoheung_bold";transform: translateY(30%);}
.con1_name{
    color: #686868;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 40px;
    line-height: 20px;
    
}

/* con2 */
.logo_bg{
    background: url('../img/logo_bg.png') no-repeat 90% 90% / 15vw;
}
.doctor_wrap{
    display: flex;
    gap: 4rem;
}
.doctor_wrap>*{width: 100%;}
.doctor_img{max-width: 450px;position: relative;}
.doctor_img::before{
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 300px;
    aspect-ratio: 1/1;
    display: block;
    background: #003668;
    opacity: 0.1;
    z-index: -1;
}
.doctor_name{
    display: flex;
    gap: 1rem;
    align-items: end;
    font-size: 3rem;
    line-height: 1;
}
.doctor_name i{font-size: 1.3em;font-weight: 700;}
.doctor_point{
    background-color: #003668;
    color: #fff;
    display: inline-block;
    padding: .3rem  .6rem ;
    border-radius: 1rem;
}
.doctor_tit{font-size: 2.5rem;font-weight: 600;color: #003668;margin: 2rem 0 1rem;}
.doctor_txt ul{
    
    color: #494949;
    font-weight: 400;
    line-height: 1.4;
}
.line_other li:nth-of-type(1){line-height: 1.25;}
.line_other li:nth-of-type(2){line-height: 1.25;}
.line_other li:nth-of-type(3){line-height: 1.25;}
/* .doctor_txt li{display: flex;gap: .5rem;}
.doctor_txt li::before{content: '•';} */
/* con3 */
.con3{
    background: url('../img/con3_bg.png') no-repeat 50% 50% /cover;
}
h2{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 5rem;
    font-weight: 700;
    font-family: "Paperlogy";
}
.con3 h2{color: #fff;}
.con3 .first_tit{color: #fff;}
.full_ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    font-size: 2rem;
    text-align: center;
}
.full_ul li{
    flex: 0 1 25%;
    position: relative;
}
.full_ul .li_tit{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    font-weight: 500;
    color: #fff;
    font-family: "Paperlogy";
    background: #18b7cd;
    padding: .5rem 3rem;
    white-space: nowrap;
    border-radius: 2rem;
}
.full_ul li:hover img{transform: translateY(-20px);}
.full_ul li .img_wrap{
    width: 100%;
    line-height: 0;
}
.full_ul li img{
    width: 100%;height: 100%;
    object-fit: cover;
    transition: .3s;
}


/* s1 / 척추클리닉 */
section.bg_bone{background: url('../img/bg_bone.png') no-repeat right top / cover;}
section.bg_logo{
    background: 
        rgba(200, 201, 202, 0.1)
        url('../img/logo_bg.png') 
        no-repeat 90% 90% / 15vw;
}

.flex_wrap.right_img{flex-direction: row-reverse;}
.flex_wrap{
    display: flex;
    gap:4rem ;
}
.flex_wrap>*{width: 100%;}
section .img_wrap img{width: 100%;}
section .img_wrap {
    overflow: hidden;
    line-height: 0;
    border-radius: 2.5rem;
    max-width: 500px;
    align-self: flex-start;
}
h3 {
    font-family: "Paperlogy";
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}
h3 hr{margin: 2rem 0;}
h3 p{color: #003668;}

h4:not(:first-child){margin-top: 5rem;}
h4{
    font-size: 3rem;
    font-weight: 600;
    color: #003668;
    font-family: "Paperlogy";
    margin-bottom: 1rem;
}
.bold{font-weight: 700;}
.w485 {max-width: 485px;}
.grid2_ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
}
.check_ul li p{
    font-family: 'Paperlogy';
    display: flex;
    /* align-items: center; */
    
    gap: .7rem;
}
.check_ul li p::before{
    flex-shrink: 0;
    content: '';
    width: 1.2em;
    aspect-ratio: 1/1;
    background: url('../img/checkbox.png') no-repeat 50% 50% / contain;
}
.box_w{
    background: #fff;
    border-radius: 25px;
    padding: 5rem;
    box-shadow: 0 0 8px rgba(200, 201, 202, 0.3);
}
.circle_ul{
    display: flex;
    width: 80%;
    margin: 0 auto;
}
.circle_ul li{
    margin: 0 -15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
}
.circle_ul li{ flex: 1 1 25%;}
.circle_ul .blue_deco{
    width: 100%;
    font-family: 'Paperlogy';
    font-size: 3rem;
    font-weight: 600;
    color: #003668;
    padding: 2rem;
    border-radius: 6rem;
}
.circle_ul .blue_deco+p{width: 80%;}
.circle_ul li:nth-last-of-type(2n) .blue_deco{
    background: rgba(37, 169, 242, 0.15);
}
.circle_ul li:nth-last-of-type(2n+1) .blue_deco{
    background: rgba(24, 183, 205, 0.15);
}

/* con4 */
.con4_tab.fix{
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.con4_tab{
    border: .5px solid #c8c9ca;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    font-family: "Paperlogy";
    font-size: 18px;
    font-weight: 500;
    color: #3a3a3a;
    background: #fff;
    width: 95%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}
.con4_tab li:not(:last-child){border-right: .5px solid #c8c9ca;}
.con4_tab li{width: 100%;;}
.con4_tab li:hover{color: #003668;}
.con4_tab li.active{
    background: #003668;
    color: #fff;
    font-weight: 700;
}
.con4_tab li a{
    display: block;
    padding: 1rem;
}
/*  */

article{position: relative;}
article::before{
    background: url('../img/article_bg.png') no-repeat top center / cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    content: '';
    z-index: -1;
}
article:nth-of-type(4):before{background: url('../img/article_bg4.png') no-repeat top center / cover;}
article:nth-of-type(5):before{background: url('../img/article_bg5.png') no-repeat top center / cover;}
article:nth-of-type(6):before{background: url('../img/article_bg5.png') no-repeat top center / cover;}
article h2{ color: #fff;}
article .first_tit{ color: #fff;}

article .img_box{
    border-radius: 25px;
    overflow: hidden;
    line-height: 0;
}
article .txt_box {padding: 5rem;}
article .txt_box h4{color: #000;}
article .txt_box p{color: #003668;}
article .gray_box{
    border-radius: 25px;
    background: #f2f3f4; padding: 5rem;
}


/* con6 */
.con6{
    background: rgba(0, 54, 104, 0.05);
}
.location_txt h6:first-child{margin-top: 0;}
h6{
    display: flex;
    align-items: center;
    font-size: 3rem;
    font-weight: 700;
    gap: 0.2rem;
    color: #003668;
    margin: 1.5rem 0;
}
h6 img{ width: 1.5em;}
.con6 .root_daum_roughmap .wrap_map {
    height: 450px;
}
.location_tit{
    font-size: 2.2rem;font-weight: 700;
}
.location_txt .blue{
    color: #003668;
    font-weight: 500;
}
.location_txt .time{
    font-size: 2.5rem;
    color: #003668;
}
.location_txt .time li{
    display: flex;
}
.location_txt .time li b{
    width: 110px;
    display: flex;
    justify-content: space-between;
}
.time .bold i{font-weight: 400;}
.last_p{
    color: #fff;
    background: #0055B8;
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-weight: 700
    ;
}
.a4_item:not(:last-child){margin-bottom: 4rem;}
.a4_item{
    display: flex;
    gap: 2rem;
    align-items: center;
}
.a4_item img{max-width: 90px;}
.a4_tit{
    font-family: "Paperlogy";
    font-size: 3rem;
    font-weight: 700;
}

.con5{background: rgba(0, 54, 104, 0.05);}
/* con6_1 */
.con6{background: #fff;}
.con6_box{
    font-size: 25px;
    border-radius: 20px;
    text-align: center;
    padding: 5rem;
    font-family: "Paperlogy"; 
}
.con6_box.box1{
    background:#003668 ;
    color: #fff;
}
.con6_box.box2{
    background:#e5e8ea ;
}
.con6_box.box2 h5{color: #003668;}
h5{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    font-size: 4rem;
    font-weight: 700;
    
}
h5 img{width: 1.2em;}
.con6_box.box1 hr{margin: 3rem 0;opacity: 0.3;}
.con6_box.box2 li{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    font-weight: 500;
}
.con6_box.box2 li:not(:last-child){margin-bottom: 5px;}
.con6_box.box2 li span{
    width: 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
}
.night{
    color: #ffd527;
    position: relative;
}
.night span,
.night em
{z-index: 2;}
.night::before{
    background: #000;
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(110% + 2.5em);
    height: calc(100% + 5px);
    transform: translate(-50%, -50%);
}
.night em{position: relative;}
.night em::after{
    content: '';
    background: url('../img/night.png')no-repeat 50% 50% / contain;
    width: 1.2em;
    aspect-ratio: 1/1;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translate(100% , -50%);
}
.last_li{font-size: 18px;color:#3a3a3a;font-weight: 400;}
.map_wrap{
    width: 100%;
    line-height: 0;
}
.con6_box em b{font-weight: 700;margin-top: 10px;display: block;}













/* site_bg */
.site_bg.on{
    display: block;
}
.site_bg{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999999;
}
.site_popup{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    max-width: 1000px;
    width: 90%;
    height: 80%;
    position: relative;
    
}
.closeButton:hover{
    background-color: #c1272d;
}
.closeButton{
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 2rem;
    font-weight: 600;
    background: #333;
    color: #fff;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}
/* 개인정보처리방침 */
.site_tab{
    width: 100%;
    padding: 2rem;
    margin: 0 auto;
    max-width: 1500px;
    font-size: 2.0rem;
    line-height: 1.7em;
    font-weight: 400;
    word-break: keep-all;
    color: #272727;
    height: 100%;
    overflow-y: scroll;
}
.site_tab>li.on{
    display: block;
}
.site_tab>li{
    display: none;
}
.site_tab h6 {
    /* height: 30px; */
    line-height: 2;
    padding-left: 0px;
    font-size: 2.6rem;
    margin-bottom: 15px;
    color: #000;
    font-weight: normal;
}
.site_tab h4 {
    font-size: 4.5rem;
    font-weight: 800;
    text-align: center;
    margin: 5rem 0;
    line-height: 1.5;
    display: block;
}
.site_tab h4::before{display: none;}
/* 비급여 */
.time_wrap table {
    line-height: 1.5;
    text-align: center;
    font-size: 1.5rem;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    color: #000;
    font-weight: 700;
    border: 1px solid rgba(0,0,0,0.2);
    border-left: 0;
}
table, td {
    border-spacing: 0px;
    padding: 0px;
}
.time_wrap table tr td {
    padding: 10px;
    border-left: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
tr.bg td{
    background: rgba(0,0,0,0.1);
}
tr.bg2 td{
    background: rgba(35,104,196,0.2);
    font-family: 700;
}