@charset "utf-8";

.main-history {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding-top: 12px;
}

.main-history:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 7px;
    /*background: url(../images/main/shd_visual_r3.png) center center no-repeat;*/
    background-size: 100% 100%;
    z-index: 10
}

.main-history-column {
    box-sizing: border-box;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.main-history-container{
    width:88%;
    margin:0 auto;
}

.main-history-column + .main-history-column {
  padding-top: 12px;
}

.main-history-column + .main-history-column:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 7px;
    background: url(../images/main/shd_visual_r3.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 10
}

.main-history-row {
    display: flex;
    justify-content: center;
    overflow: hidden;
    bottom: 1.7vw;
    left:50%;
    z-index: 10;
    margin: 0 auto;
    position: absolute;
    width:calc(88% - 90px);
    transform: translateX(-50%);
}

.main-history-row > div:nth-child(3){
    margin-right:0;
}

.main-history-cell {
    width:100%;
    box-sizing: border-box;
}

.main-history-row .history-title {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #fff;
    font-size: 2.2rem;
    line-height: 1.3;
    color: #3a3a3a;
    text-align: center;
}

.main-history-row .history-title span {
    display: block;
    font-size: 1.2rem;
    color: #8c8185;
}

.main-history-map {

}

.main-history-h {
    position: absolute;
    z-index: 10;
    font-size: 1.7rem;
    letter-spacing: -0.08em;
    color: #000;
    /* text-indent:20px; */
    top:10px;
    left:50%;
    width:calc(88% - 90px);
    margin:0 auto;
    transform: translateX(-50%);
}

.main-history-item {
    display: block;
}
.main-history-item:hover,
.main-history-item:focus {
    text-decoration: none;
}

@media (min-width: 60em) {

    .main-history {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .main-history-column {
        float: left;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        height: 100%;
    }

    .main-history-column + .main-history-column {
        padding-top: 0;
    }

    .main-history-column + .main-history-column:after {
        display: none;
    }

    .main-history-row {
        /* bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: -15px;
        margin-right: -15px; */
    }

    .main-history-row .history-title {
        font-size: 3.7rem;
    }

    .main-history-row .history-title span {
        font-size: 1.4rem;
    }

    .main-history-h {
        font-size: 3.2rem;
    }
/* 수정 2018.10.10 */
    .main-history-row {
        /* left: 2.5vw;
        bottom:19%;
        width:90%; */
    }

    .main-history-cell {

    }
/* 수정 2018.10.10  여기까지*/
}

.simply-scroll-container,
.simply-scroll-clip {
    height: 100%;
}

.simply-scroll-container {
    position: relative;
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 2900px) and (min-width: 1280px) {

}

@media screen and (max-width: 1280px) and (min-width: 1101px) {
    .main-history {
        height: 600px;
    }
    .main-history-h {
        font-size: 2.7rem;
    }

/* 수정 2018.10.10 */
    .main-history-row {
    /* left: 45px;
    top:61%;
    width:90%; */
    /* bottom:150px; */
        top:296px;
    }
    .main-history-map{
        bottom:35px;
    }
/* 수정 2018.10.10  여기까지*/
}

@media screen and (max-width: 1200px) {
    .main-history-row {
        top:380px;
    }
    .main-history-container{
        width:93%;
    }
}

@media screen and (max-width: 1100px) and (min-width: 961px) {
    .main-history {
        height: 500px;
    }
    .main-history-h {
        font-size: 2.3rem;
        text-indent:0px;
    }
/* 수정 2018.10.10 */
    .main-history-row {
    /* left: 45px;
    bottom:5vw;
    width:90%; */
        top:310px;
    }

    .main-history-cell {
        width: 31.33333%;
    }

    .main-history-map{
        bottom:35px;
    }
/* 수정 2018.10.10  여기까지*/
}

@media screen and (max-width: 960px) and (min-width:641px) {
    .main-history {
        height: 48vw;
    }
/* 수정 2018.10.10 */
    .main-history-row {
    /* left: 5%;
    bottom:10vw;
    width:90%; */
        /* bottom:40px; */
        top: 214px;
    }

    .main-history-cell {
        width: 31.33333%;
    }
    .main-history-map{
        bottom:35px;
    }
/* 수정 2018.10.10  여기까지*/
}
@media screen and (max-width: 641px) and (min-width: 481px){
    .main-history-row {
    /* left: 5%;
    top:60%;
    width:90%; */
    top: 33vw;
    }
}
@media screen and (max-width: 480px) {
    .main-history-h {
        width:90%;
        position: unset;
        transform: translateX(0) translateY(15px);
    }
/* 수정 2018.10.10 */
    .main-history-row {
        width:calc(100% - 20px);
        top: 46vw;
        position: unset;
        transform: translateX(0) translateY(-10px);
        margin-top: -14vw;
    }

    .main-history-row .history-title{
        font-size:2.1rem;
        margin-left:3px;
        margin-right:3px;
    }

    .main-history-container{
        width:100%;
        background:url(/static/images/about/history_map_background.jpg) 0 0 / cover no-repeat;
    }


/* 수정 2018.10.10  여기까지*/
}

/* 2022.09.28 의료인 연구 연혁 부분*/
#wrap{
    overflow: hidden;
}
.doctor_research_history .bx-pager-item{
    display:inline-block;
}
.doctor_research_history .bx-wrapper{
    max-width:100% !important;
}
.doctor_research_history .bx-pager{
    text-align:center;
}
.doctor_research_history .bx-pager a{
    display:inline-block;
    width:11px;
    height:11px;
    border:2px solid #cccccc;
    background:#fff;
    font-size:0;
    border-radius:50%;
    margin:0 4px;
}
.doctor_research_history .bx-pager a.active{
    border-color:#214291;
    background:#214291;
}
.doctor_research_history .bx-viewport{
    height:auto !important;
}
#doctor_research_history > div > a{
    display:inline-block;
    border:1px solid transparent;
}
#doctor_research_history > div > a:hover{
    border-color:#fff;
    box-shadow: 3px 3px 5px rgb(1 1 1 / 50%)
}




.doctor_research_history_mobile {
    width: calc(100% + 378px);
    transform: translateX(-3.125%);
    position: absolute;
    bottom: 493px;
    left: 32%;
}
.doctor_research_history_mobile .bx-wrapper{
    max-width:100% !important;
}
.doctor_research_history_mobile .bx-pager{
    text-align:center;
}
.doctor_research_history_mobile .bx-pager-item{
    display:inline-block;
}
.doctor_research_history_mobile .bx-controls{
    position: relative;
    left: -38%;
}
.doctor_research_history_mobile .bx-pager a{
    display:inline-block;
    width:6px;
    height:6px;
    border:2px solid #cccccc;
    background:#fff;
    font-size:0;
    border-radius:50%;
    margin:0 4px;
    vertical-align: top;
}
.doctor_research_history_mobile .bx-pager a.active{
    border-color:#214291;
    background:#214291;
}
.doctor_research_history_mobile .bx-viewport{
    height:auto !important;
    overflow:unset !important;
}

.doctor_research_history_mobile{
    display:none;
}
#doctor_research_history_mobile > div{
    width:189px !important;
}
#doctor_research_history_mobile > div > a{
    display:inline-block;
    border:1px solid transparent;
}
#doctor_research_history_mobile > div > a:hover{
    border-color:#fff;
    box-shadow: 3px 3px 5px rgb(1 1 1 / 50%)
}

@media screen and (max-width: 414px){
    #doctor_research_history{
        opacity:0;
    }
    .doctor_research_history{
        min-height:263px;
    }
    .doctor_research_history .bx-controls{
        opacity:0;
    }

    .doctor_research_history_mobile{
        display:block;
    }
}


.m_px_none .main-history-h{width:calc(100% - 30px);}
.m_px_none .main-history-row{width:calc(100% - 30px); bottom:1vw;}