@charset "utf-8";

body.medical-history .top-title {
    background: linear-gradient(89.56deg, #7C64F3 -5.81%, #8394EA 100.93%);
    overflow:hidden;
}
body.medical-history .top-title .circle-inner {
    position:relative;
    height:110px;
}
body.medical-history .top-title .circle-inner img {
    display:block;
    position:absolute;
}
body.medical-history .top-title .circle-inner img:nth-of-type(1) {
    width:101px;
    top:-62px; left:-20px;
}
body.medical-history .top-title .circle-inner img:nth-of-type(2) {
    width:138px;
    bottom:-59px; right:-58px;
}
body.medical-history .top-title .circle-inner h2 {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:24px;
    letter-spacing:-1px;
    color:#fff;
}

body.medical-history .main-inner {
    padding:30px 0 60px;
    min-height:calc(100vh - 524px);
}
body.medical-history .main-inner .tab-state {
    width:88.8%; max-width:668px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
}
body.medical-history .main-inner .tab-state li {
    width:calc(33.333% - 6px);
    height:50px;
    box-shadow: 1.66667px 1.66667px 8.33333px rgba(0, 0, 0, 0.13);
    border-radius:250px;
    background:#fff;
    border:1px solid #EAEAEA;
    float:left;
}
body.medical-history .main-inner .tab-state li.on,
body.medical-history .main-inner .tab-state li:hover {
    border-color:#6045E2;
}
body.medical-history .main-inner .tab-state li:nth-of-type(2) {margin:0 9px;}
body.medical-history .main-inner .tab-state li a {
    display:block; width:100%; height:100%;
    text-align:center;
    line-height:48px;
    font-size:13px;
    color:#222;
    font-weight:700;
}
body.medical-history .main-inner .tab-state li a:hover {color:#6045E2;}
body.medical-history .main-inner .tab-state li a:hover span {color:#6045E2;}
body.medical-history .main-inner .tab-state li a span {color:#969696;}
body.medical-history .main-inner .tab-state li.on a {color:#6045E2}
body.medical-history .main-inner .tab-state li.on a span {color:#6045E2}
body.medical-history .main-inner .doctor {
    width:88.8%; max-width:668px;
    margin:0 auto;
}
body.medical-history .main-inner .doctor + .doctor {
    margin-top:40px;
}
body.medical-history .main-inner .doctor > img {
    display:block; 
    float:left;
    width:100px; border-radius:200px;
    overflow:hidden;
    margin-top:5px;
}
body.medical-history .main-inner .doctor .info {
    float:left;
    margin-left:30px;
}
body.medical-history .main-inner .doctor .info .name h3 {
    font-size:28px;
    letter-spacing:-0.02em;
    color:#222;
    margin-bottom:13px;
}
body.medical-history .main-inner .doctor .info .name span {
    font-size:16px;
    color:#666;
}
body.medical-history .main-inner .doctor .info > p {
    font-size:14px;
    color:#666;
    margin:11px 0 12px;
}
body.medical-history .main-inner .doctor .info > p + p {
    letter-spacing:-0.01em;
    margin:0;
}
body.medical-history .main-inner .state-inner {
    margin:42px auto 0;
    max-width:668px;
    background:#F8F9FC;
    padding:27px 0 66px;
}
body.medical-history .main-inner .state-inner .process-bar {
    position:relative;
    height:30px;
    padding:13px 30px 0;
    margin-bottom:60px;
}
body.medical-history .main-inner .state-inner .process-bar .bar-bg {
    width:100%; height:4px;
    background:#DADFEE;
}
body.medical-history .main-inner .state-inner .process-bar > ul {
    width:100%;
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    padding:0 30px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
body.medical-history .main-inner .state-inner .process-bar > ul li {
    width:30px; height:30px;
    border-radius:100px;
    border:5px solid #F8F9FC;
    background-color:#DADFEE;
    position:relative;
}
body.medical-history .main-inner .state-inner .process-bar > ul li span {
    position:absolute; bottom:0; left:50%;
    transform:translate(-50%,100%);
    font-size:14px; font-weight:500;
    color:#7E89AD;
    letter-spacing:-0.02em;
    width:60px;
    text-align:center;
    line-height:120%;
}
body.medical-history .main-inner .state-inner .process-bar > ul li.on span {
    color:#7F42EC;
}
body.medical-history .main-inner .state-inner .process-bar > ul li.on {
    width:40px; height:40px;
    background-color:transparent;
    background-size:contain;
    background-repeat:no-repeat;
    border:none;
}
body.medical-history .main-inner .state-inner .process-bar > ul li.waiting-p {background-image:url(../img/medical_history/process_bar_icon_waiting_p.svg);}
body.medical-history .main-inner .state-inner .process-bar > ul li.end-p {background-image:url(../img/medical_history/process_bar_icon_end_p.svg);}
body.medical-history .main-inner .state-inner .process-bar > ul li.end-g {background-image:url(../img/medical_history/process_bar_icon_end_g.svg);}
body.medical-history .main-inner .state-inner .process-bar > ul li.end-g span {
    color:#7E89AD;
}

body.medical-history .main-inner .state-inner .contents {
    padding:0 20px;
    margin-top:40px;
}
body.medical-history .main-inner .state-inner .contents h4 {
    padding-left:26px;
    line-height:20px;
    font-size:18px; font-weight:500;
    color:#222;
    letter-spacing: -0.02em;
    background-size:20px;
    background-repeat:no-repeat;
    background-position:0 50%;
    position:relative;
}
body.medical-history .main-inner .state-inner .contents h4::after {
    content:""; display:block;
    width:calc(100% - 80px); height:1px;
    background:#E6E8EF;
    position:absolute; top:50%; right:0;
    transform:translateY(-50%);
}
body.medical-history .main-inner .state-inner .contents h4.icon01 {background-image:url(../img/medical_history/contents_icon01.svg);}
body.medical-history .main-inner .state-inner .contents h4.icon02 {background-image:url(../img/medical_history/contents_icon02.svg);}
body.medical-history .main-inner .state-inner .contents h4.icon03 {background-image:url(../img/medical_history/contents_icon03.svg);}
body.medical-history .main-inner .state-inner .contents h5 {
    margin:48px 0 14px;
    font-size:22px;
    color:#222;
    text-align:center;
    letter-spacing: -0.02em;
}
body.medical-history .main-inner .state-inner .contents h5 span {color:#623CE2;}
body.medical-history .main-inner .state-inner .contents h5 + p {
    font-size:12px;
    line-height:150%;
    letter-spacing:-0.5px;
    color:#444;
    text-align:center;
}
body.medical-history .main-inner .state-inner .contents h5 + p.m-bottom01 {
    margin-bottom:115px;
}
body.medical-history .main-inner .state-inner .contents h5 + p.m-bottom02 {
    margin-bottom:50px;
}
body.medical-history .main-inner .state-inner .contents .cancel {
    display:block;
    margin:23px auto 40px;
    width:107px; height:32px;
    border-radius:4px;
    border:1px solid #E4E4E4;
    background:#fff;
    font-size:14px;
    letter-spacing: -1px;
    color:#888;
}
body.medical-history .main-inner .state-inner .contents .symptom strong {
    font-size:16px;
    letter-spacing:-0.02em;
    font-weight:500;
    color:#222;
}
body.medical-history .main-inner .state-inner .contents .symptom p {
    font-size:12px; line-height:150%;
    letter-spacing:-0.5px;
    color:#888;
    word-break:keep-all;
    margin-top:16px;
}
body.medical-history .main-inner .state-inner .contents .symptom.m-top {margin-top:40px;}
body.medical-history .main-inner .state-inner .contents .b-inner {
    margin-top:40px;
}
body.medical-history .main-inner .state-inner .contents .b-inner button {
    display:block;
    float:left;
    width:calc(50% - 10px);
    height:52px;
    font-size:16px; font-weight:700;
    letter-spacing:-1px;
    color:#6045E2;
    border-radius:4px;
    border:1px solid #6045E2;
    background:#fff;
}
body.medical-history .main-inner .state-inner .contents .b-inner button + button {
    float:right;
}
body.medical-history .main-inner .state-inner .contents .b-inner button:hover {
    color:#fff;
    border-color:#6045E2;
    background:#6045E2;
}
body.medical-history .main-inner .state-inner .contents .b-inner button.one {
    width:100%;
}
body.medical-history .main-inner .state-inner .contents .medication {
    margin-top:40px;
    font-size:16px;
}
body.medical-history .main-inner .state-inner .contents .medication li {
    line-height:150%;
}
body.medical-history .main-inner .state-inner .contents .medication li + li {
    margin-top:16px;
}
body.medical-history .main-inner .state-inner .contents .medication li span {
    float:left;
    width:95px;
    color:#757575;
}
body.medical-history .main-inner .state-inner .contents .medication li p {
    float:left;
    width:calc(100% - 95px);
    color:#222;
}

body.medical-history .main-inner .state-inner.drop-c {display:none; margin-top:0 !important;}
body.medical-history .main-inner .doctor.click {
    position:relative;
    padding-bottom:35px; margin-top:35px;
}
body.medical-history .main-inner .doctor.click::before {
    content:""; display:block;
    width:100%;
    height:1px;
    background:#E6E8EF;
    position:absolute; left:0; bottom:0;
}
body.medical-history .main-inner .doctor.click:nth-last-of-type(2)::before {display:none;}
body.medical-history .main-inner .doctor.click .b-inner {
    margin-top:25px;
    float:left;
    width:100%;
}
body.medical-history .main-inner .doctor.click .b-inner button {
    display:block;
    width:calc(50% - 8px);
    height:40px;
    border-radius:4px;
    font-size:14px; font-weight:700;
    color:#444;
    border:1px solid #D6D6D6;
    float:left;
}
body.medical-history .main-inner .doctor.click .b-inner button:hover {
    color:#6045E2;
    border-color:#6045E2;
}
body.medical-history .main-inner .doctor.click .b-inner button + button {
    float:right;
}
body.medical-history .main-inner .doctor.click .b-inner button.one {
    width:100%;
}
body.medical-history .main-inner .doctor.click .b-inner button img {
    vertical-align:middle;
    margin-left:5px;
    margin-top:-3px;
}
body.medical-history .main-inner .doctor.click > .drop {
    position:absolute; top:30px; right:0;
    display:block;
    width:23px; height:25px;
    background:url(../img/medical_history/drop_b_bg.svg) no-repeat;
    background-size:contain;
    text-indent:-9999px;
    transition:transform ease .5s; 
}
body.medical-history .main-inner .doctor.click.on > .drop {
    transform:rotate(180deg);
}
body.medical-history .main-inner .doctor.click.on::before {display:none;}

/* 팝업 */
body.medical-history .popup-inner .p-box.receipt {
    padding:40px 20px;
}
body.medical-history .popup-inner .p-box.receipt h2.title,body.medical-history .popup-inner .p-box.prescription h2.title {
    font-size:28px;
    line-height:150%;
    letter-spacing:-1px;
    color:#222;
    text-align:center;
}
body.medical-history .popup-inner .p-box.receipt h3 {
    padding-left:30px;
    font-size:18px;
    line-height:22px;
    font-weight:500;
    color:#222;
    background:url(../img/medical_history/logo_icon.svg) no-repeat;
    background-size:22px;
    background-position:0 50%;
    margin:39px 0 17px;
}
body.medical-history .popup-inner .p-box.receipt .cost {
    height:78px;
    border-radius:10px;
    background:#F8F9FC;
    border:1px solid #E8E8E8;
    padding:0 29px 0 23px;
}
body.medical-history .popup-inner .p-box.receipt .cost > span {
    line-height:76px;
    font-size:14px;
    letter-spacing:-1px;
    font-weight:500;
    color:#444;
    float:left;
}
body.medical-history .popup-inner .p-box.receipt .cost > p {
    float:right;
    font-size:20px;
    font-weight:500;
    line-height:76px;
    color:#222;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail {
    height:auto;
    position:relative;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail::before {
    content:""; display:block;
    width:100%; height:1px;
    background:#E8E8E8;
    position:absolute; top:69px; left:0;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail > span,
body.medical-history .popup-inner .p-box.receipt .cost.detail > p {
    line-height:69px;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail > ul {
    float:left;
    width:100%;
    padding:25px 0 38px 20px;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li + li {margin-top:25px;}
body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span:nth-of-type(1) {
    float:left;
    font-size:14px;
    color:#444;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span:nth-of-type(2) {
    float:right;
    font-size:14px;
    color:#222;
}
body.medical-history .popup-inner .p-box.receipt > ul li {
    padding:0 29px 0 17px;
    font-size:14px;
    margin-top:26px;
}
body.medical-history .popup-inner .p-box.receipt > ul li span:nth-of-type(1) {
    color:#444;
    float:left;
    font-weight:500;
}
body.medical-history .popup-inner .p-box.receipt > ul li span:nth-of-type(2) {
    color:#222;
    float:right;
}
body.medical-history .popup-inner .p-box.receipt > ul li.card span:nth-of-type(2) {
    color:#3661FC;
}

body.medical-history .popup-inner .p-box.prescription {
    padding:40px 20px;
    max-width:680px;
}
body.medical-history .popup-inner .p-box.prescription .bg-box {
    margin:0 0 20px;
}
body.medical-history .popup-inner .p-box.prescription .bg-box img {
    display:block; width:100%;
}
body.medical-history .popup-inner .p-box.prescription .p-button button {
    width:calc(50% - 10px);
    float:left;
}
body.medical-history .popup-inner .p-box.prescription .p-button button:nth-of-type(1) {
    border:1px solid #623CE2;
    color:#623CE2;
    background:#fff;
}
body.medical-history .popup-inner .p-box.prescription .p-button button:nth-of-type(1) > * {vertical-align:middle;}
body.medical-history .popup-inner .p-box.prescription .p-button button:nth-of-type(1) img {
    margin-right:6px;
}
body.medical-history .popup-inner .p-box.prescription .p-button button:nth-of-type(2) {
    float:right;
}

body.medical-history .popup-inner .p-box02 {
    padding:32px 20px 30px;
}
body.medical-history .popup-inner .p-box02 .notice-text {
    margin-bottom:0 !important;
}
body.medical-history .popup-inner .p-box02 .notice-text2 {
    margin:9px 0 16px;
    color:#666;
    font-size:14px;
    text-align:center;
}
body.medical-history .popup-inner .p-box02 .p-button button:nth-of-type(1) {
    border:1px solid #623CE2;
    color:#623CE2;
    background:#fff;
    width:100px;
    float:left;
}
body.medical-history .popup-inner .p-box02 .p-button button:nth-of-type(2) {
    float:right;
    width:calc(100% - 110px);
}

body.medical-history .popup-inner .p-box.review {
    padding:45px 20px 30px;
}
body.medical-history .popup-inner .p-box.review .notice-text {
    font-size:22px; font-weight:500;
    margin:0;
}
body.medical-history .popup-inner .p-box.review .notice-text2 {
    font-size:14px; 
    margin-top:10px;
    color:#666;
    text-align:center;
    line-height:150%;
    letter-spacing: -1px;
}
body.medical-history .popup-inner .p-box.review .p-button button:nth-of-type(1) {
    border:1px solid #623CE2;
    color:#623CE2;
    background:#fff;
    width:100px;
    float:left;
}
body.medical-history .popup-inner .p-box.review .p-button button:nth-of-type(2) {
    float:right;
    width:calc(100% - 110px);
}
body.medical-history .popup-inner .p-box.review .p-button button.one {
    width:100% !important;
    color:#fff;
    background:#623CE2;
    border-color:#623CE2;
}
body.medical-history .popup-inner .p-box.review .check-list {
    margin:42px 0 49px;
    padding-left:50px;
}
body.medical-history .popup-inner .p-box.review .check-list li + li {margin-top:33px;}

/* 체크박스 */
body.medical-history .popup-inner .review .form-checkbox {
    display:inline-block;
    position:relative;
    overflow:hidden;
    height: auto;
    line-height: 24px;
    vertical-align:middle;
    font-size: 16px;
    color:#333;
    text-align:left;
    cursor: pointer;
    letter-spacing:-1px;
    height:24px;
    color:#222;
}
body.medical-history .popup-inner .review .form-checkbox::before {
    content:""; display: inline-block; 
    position:relative;
    width: 24px; height: 24px;
    vertical-align:middle;
    background:url(../img/medical_history/check_box.svg) no-repeat;
    background-size:contain;
    margin-right:10px;
    top:-1px;
}
body.medical-history .popup-inner .review .form-checkbox.checked::before {
    background-image:url(../img/medical_history/check_box_on.svg);
}
body.medical-history .popup-inner .review .form-checkbox input[type='checkbox'] {
    position: absolute;
    left: -1000000px;
    top: 0;
}
body.medical-history .popup-inner .review .form-checkbox.disabled {
    pointer-events:none;
}

/* 약재비 영수증 배송비 프로모션 */
body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span.delivery-free {
    color:#7B7B85;
    font-size:12px;
    font-weight:400;
    margin-right:24px;
    display:inline-block;
    position:relative;
    float:right;
    line-height:14px;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span.delivery-free::after {
    content:""; display:block;
    width:58px; height:100%;
    position:absolute; top:0; left:50%;
    transform:translateX(-50%);
    background:url(../img/medical_history/delivery_arrow.svg) no-repeat;
    background-size:100% auto;
    background-position:50% 60%;
}
body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span.zero {
    color:#DD6336;
}

/* 가로 해상도 768 이상 */
@media screen and (min-width:768px){
    body.medical-history .top-title .circle-inner {
        width:668px;
        margin:0 auto;
    }
    body.medical-history .top-title .circle-inner img:nth-of-type(1) {
        top:-62px; left:46px;
    }
    body.medical-history .top-title .circle-inner img:nth-of-type(2) {
        bottom:-59px; right:5px;
    }
    body.medical-history .top-title .circle-inner h2 {
        font-size:28px;
    }

    body.medical-history .main-inner {
        padding:50px 0 88px;
        min-height:calc(100vh - 312px);
    }
    body.medical-history .main-inner .tab-state {
        width:668px; max-width:none;
        margin-bottom:50px;
    }
    body.medical-history .main-inner .tab-state li {
        width:210px;
        height:60px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.13);
    }
    body.medical-history .main-inner .tab-state li:nth-of-type(2) {margin:0 19px;}
    body.medical-history .main-inner .tab-state li a {
        line-height:58px;
        font-size:16px;
    }
    body.medical-history .main-inner .doctor {
        width:668px; max-width:none;
    }
    body.medical-history .main-inner .doctor > img {
        margin-top:0;
    }
    body.medical-history .main-inner .doctor .info {
        margin-top:10px;
    }
    body.medical-history .main-inner .doctor .info .name h3 {
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle;
    }
    body.medical-history .main-inner .doctor .info .name span {
        display:inline-block;
        margin-left:8px;
        vertical-align:middle;
    }
    body.medical-history .main-inner .doctor .info > p {
        margin:10px 0 10px;
    }
    body.medical-history .main-inner .state-inner {
        margin:40px auto 0;
        max-width:668px;
        padding:45px 0 46px;
        border-radius:10px;
    }
    body.medical-history .main-inner .state-inner .process-bar {
        padding:13px 45px 0;
        margin-bottom:75px;
    }
    body.medical-history .main-inner .state-inner .process-bar > ul {
        padding:0 45px;
    }

    body.medical-history .main-inner .state-inner .contents {
        padding:0 50px;
    }
    body.medical-history .main-inner .state-inner .contents h5 {
        margin:50px 0 10px;
        font-size:24px;
    }
    body.medical-history .main-inner .state-inner .contents h5 + p {
        font-size:14px;
    }
    body.medical-history .main-inner .state-inner .contents .cancel {
        margin:20px auto 50px;
    }
    body.medical-history .main-inner .state-inner .contents .symptom strong {
        float:left;
        display:block;
        padding-left:26px;
        width:110px;
        line-height:20px;
    }
    body.medical-history .main-inner .state-inner .contents .symptom p {
        font-size:14px; 
        margin-top:0;
        float:left;
        width:calc(100% - 110px);
    }
    
    body.medical-history .main-inner .state-inner .contents .medication li span {
        width:170px;
        padding-left:75px;
    }
    body.medical-history .main-inner .state-inner .contents .medication li p {
        width:calc(100% - 170px);
    }
    
    body.medical-history .main-inner .doctor.click {
        height:176px;
    }
    body.medical-history .main-inner .doctor.click > img {
        margin-top:24px;
    }
    body.medical-history .main-inner .doctor.click .b-inner {
        margin-top:0;
        position:absolute; top:106px; left:130px;
        width:310px;
    }
    body.medical-history .main-inner .doctor.click .b-inner button {
        width:calc(50% - 5px);
    }
    body.medical-history .main-inner .doctor.click .b-inner button.one {
        width:300px;
    }
    body.medical-history .main-inner .doctor.click > .drop {
        top:61px; right:25px;
    }
    
    /* 팝업 */
    body.medical-history .popup-inner .p-box.receipt {
        padding:40px 50px 70px;
        max-width:580px;
    }
    body.medical-history .popup-inner .p-box.receipt .cost {
        padding:0 30px 0 50px;
    }
    body.medical-history .popup-inner .p-box.receipt .cost > p {
        font-size:22px;
    }
    body.medical-history .popup-inner .p-box.receipt > ul li {
        padding:0 30px 0;
        font-size:16px;
        line-height:18px;
    }
    body.medical-history .popup-inner .p-box.receipt > ul li span:nth-of-type(2) {
        font-size:18px;
    }
    body.medical-history .popup-inner .p-box.receipt .cost.detail {
        padding:0 30px;
    }
    body.medical-history .popup-inner .p-box.receipt .cost.detail > ul {
        padding:31px 0 28px 20px;
    }
    body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span:nth-of-type(1) {
        line-height:18px;
    }
    body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span:nth-of-type(2) {
        font-size:18px;
    }
    
    body.medical-history .popup-inner .p-box.prescription {
        padding:40px 50px 60px;
    }
    body.medical-history .popup-inner .p-box.prescription .bg-box {
        margin:17px 0 35px;
    }
    
    body.medical-history .popup-inner .p-box02 {
        padding:36px 40px 30px;
    }
    body.medical-history .popup-inner .p-box02 .notice-text2 {
        margin:12px 0 30px;
    }
    body.medical-history .popup-inner .p-box02 .p-button button:nth-of-type(1) {
        width:110px;
    }
    body.medical-history .popup-inner .p-box02 .p-button button:nth-of-type(2) {
        width:calc(100% - 120px);
    }
    
    body.medical-history .popup-inner .p-box.review {
        padding:45px 40px 30px;
    }
    body.medical-history .popup-inner .p-box.review .p-button button:nth-of-type(1) {
        width:110px;
    }
    body.medical-history .popup-inner .p-box.review .p-button button:nth-of-type(2) {
        width:calc(100% - 120px);
    }
    
    /* 약재비 영수증 배송비 프로모션 */
    body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span.delivery-free {
        font-size:14px;
        margin-right:20px;
        line-height:18px;
    }
    body.medical-history .popup-inner .p-box.receipt .cost.detail > ul li span.delivery-free::after {
        width:70px; 
        background-position:50% 70%;
    }
}

/* 가로 해상도 1280 이상 */
@media screen and (min-width:1280px){
    body.medical-history .top-title .circle-inner {
        width:840px;
        height:160px;
    }
    body.medical-history .top-title .circle-inner img:nth-of-type(1) {
        top:-90px; left:1px;
        width:147px;
    }
    body.medical-history .top-title .circle-inner img:nth-of-type(2) {
        bottom:-87px; right:-58px;
        width:201px;
    }
    body.medical-history .top-title .circle-inner h2 {
        font-size:32px;
    }

    body.medical-history .main-inner {
        padding:60px 0 98px;
        min-height:calc(100vh - 440px);
    }
    body.medical-history .main-inner .tab-state {
        width:840px;
        margin-bottom:60px;
    }
    body.medical-history .main-inner .tab-state li {
        width:266px;
    }
    body.medical-history .main-inner .tab-state li:nth-of-type(2) {margin:0 21px;}
    body.medical-history .main-inner .doctor {
        width:840px; 
    }
    body.medical-history .main-inner .doctor > img {
        margin-left:30px;
    }
    
    body.medical-history .main-inner .state-inner {
        margin:56px auto 0;
        max-width:840px;
        padding:45px 0 67px;
    }
    body.medical-history .main-inner .state-inner .process-bar {
        padding:13px 62px 0 55px;
        margin-bottom:75px;
    }
    body.medical-history .main-inner .state-inner .process-bar > ul {
        padding:0 62px 0 55px;
    }
    
    body.medical-history .main-inner .state-inner .contents h4::after {
        width: calc(100% - 90px);
    }
    body.medical-history .main-inner .state-inner .contents .symptom strong {
        width:116px;
    }
    body.medical-history .main-inner .state-inner .contents .symptom p {
        width:calc(100% - 116px);
    }
    
    body.medical-history .main-inner .state-inner .contents .medication li span {
        width:223px;
        padding-left:128px;
    }
    body.medical-history .main-inner .state-inner .contents .medication li p {
        width:calc(100% - 223px);
    }
    
    body.medical-history .main-inner .doctor.click {
        height:170px;
    }
    body.medical-history .main-inner .doctor.click > img {
        margin-top:20px;
    }
    body.medical-history .main-inner .doctor.click .b-inner {
        top:100px; left:160px;
    }
    body.medical-history .main-inner .doctor.click > .drop {
        top:58px;
    }
}