.ivyfont {
    font-family: "ivymode", sans-serif;
}
.text_center {
    text-align: center;
}
.visual {
    position: relative;
    width: 100%;
    height: max(433.33px, 33.8542vw);
    background: url("//image.idhospital.com/idxbalance.com/intro/greeting/visual_v1.jpg")
        no-repeat;
    background-size: cover;
    padding: max(360px, 28.125vw) 0 0;
    box-sizing: border-box;
    text-align: center;
    background-position: center;
}
.visual dl {
    display: inline-block;
}
.visual dl dt {
    font-family: "ivymode", sans-serif;
    font-weight: 400;
    font-size: max(21.33px, 1.6667vw);
    color: #fff;
    line-height: 1;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;
}
.visual dl dt::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: max(206.67px, 16.1458vw);
    height: 1px;
    background: #fff;
    margin: 0 max(36.67px, 2.8646vw) 0 max(30px, 2.3438vw);
}
.visual dl dd {
    font-size: max(14.67px, 1.1458vw);
    color: #fff;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
}

.greeting_cont01 {
    padding: max(72.67px, 5.6771vw) calc((100% - max(1013.33px, 79.1667vw)) / 2) max(104.67px, 8.1771vw) calc((100% - max(1013.33px, 79.1667vw)) / 2);
    box-sizing: border-box;
}
.greeting_cont01 .con_box {
    position: relative;
    margin-left: max(52px, 4.0625vw);
}
.greeting_cont01 .con_box h2 {
    padding-top: max(91.33px, 7.1354vw);
    font-size: max(80px, 6.25vw);
    line-height: 1.16;
    font-family: "ivymode", sans-serif;
    letter-spacing: 0.03em;
}
.greeting_cont01 .con_box dl {
    margin: max(32px, 2.5vw) 0 0 max(2px, 0.1563vw);
}
.greeting_cont01 .con_box dl dt {
    font-weight: 500;
    font-size: max(20px, 1.5625vw);
}
.greeting_cont01 .con_box dl dd {
    margin-top: max(10px, 0.7813vw);
    font-size: max(14.67px, 1.1458vw);
    line-height: 1.4;
    color: #505050;
    opacity: 0.9;
}
.greeting_cont01 .con_box ul {
    display: flex; /*flex-wrap:wrap;*/
    flex-wrap: nowrap;
    align-items: flex-end;
    margin: max(160.67px, 12.5521vw) 0 0 0;
    justify-content: center;
}
.greeting_cont01 .con_box ul li {
    position: relative;
    width: max(233.33px, 18.2292vw);
    text-align: center;
    color: #414141;
}
/*.greeting_cont01 .con_box ul li:nth-child(n+4) {margin-top:162px;}*/
/*.greeting_cont01 .con_box ul li:nth-child(1), .greeting_cont01 .con_box ul li:nth-child(4) {margin-right:97px;}*/
.greeting_cont01 .con_box ul li:nth-child(1) {
    margin-right: max(18px, 1.4063vw);
}
/*.greeting_cont01 .con_box ul li:nth-child(2), .greeting_cont01 .con_box ul li:nth-child(5) {margin-right:78px;}*/
.greeting_cont01 .con_box ul li:nth-child(2) {
    margin-right: max(18.67px, 1.4583vw);
}
.greeting_cont01 .con_box ul li:nth-child(3) {
    margin-right: max(16.67px, 1.3021vw);
}
.greeting_cont01 .con_box ul li::after {
    position: absolute;
    z-index: -1;
}
.greeting_cont01 .con_box ul li:nth-child(1)::after {
    content: url("//image.idhospital.com/idxbalance.com/intro/greeting/cont01_list_bg01_241220.png");
    bottom: max(-28px, -2.1875vw);
    left: max(3.33px, 0.2604vw);
}
.greeting_cont01 .con_box ul li:nth-child(2)::after {
    content: url("//image.idhospital.com/idxbalance.com/intro/greeting/cont01_list_bg02_241220.png");
    bottom: max(-37.33px, -2.9167vw);
    left: 0;
}
.greeting_cont01 .con_box ul li:nth-child(3)::after {
    content: url("//image.idhospital.com/idxbalance.com/intro/greeting/cont01_list_bg03_241220.png");
    bottom: max(-24px, -1.875vw);
    left: max(8.67px, 0.6771vw);
}
.greeting_cont01 .con_box ul li:nth-child(4)::after {
    content: url("//image.idhospital.com/idxbalance.com/intro/greeting/cont01_list_bg04_241220.png");
    bottom: max(-39.33px, -3.0729vw);
    left: 0;
}
.greeting_cont01 .con_box ul li:nth-child(5)::after {
    content: url("//image.idhospital.com/idxbalance.com/intro/greeting/cont01_list_bg05_241220.png");
    bottom: max(-30px, -2.3438vw);
    left: max(10px, 0.7813vw);
}
.greeting_cont01 .con_box ul li:nth-child(6)::after {
    content: url("//image.idhospital.com/idxbalance.com/intro/greeting/cont01_list_bg06_241220.png");
    bottom: max(-28.67px, -2.2396vw);
    left: max(-10px, -0.7813vw);
}
.greeting_cont01 .con_box ul li h3 {
    font: max(30px, 2.3438vw)/1 "ivymode";
    letter-spacing: 0.03em;
}
.greeting_cont01 .con_box ul li:nth-child(3) h3,
.greeting_cont01 .con_box ul li:nth-child(5) h3,
.greeting_cont01 .con_box ul li:nth-child(6) h3 {
    font-size: max(23.33px, 1.8229vw);
    line-height: 1;
}
.greeting_cont01 .con_box ul li p {
    margin-top: max(8.67px, 0.6771vw);
    font-size: max(13.33px, 1.0417vw);
    letter-spacing: 0.03em;
}
.greeting_cont01 .con_box ul li a {
    display: inline-block;
    margin-top: max(28.67px, 2.2396vw);
    padding: max(4.67px, 0.3646vw) max(14.67px, 1.1458vw);
    font-size: max(10.67px, 0.8333vw);
    letter-spacing: 0.03em;
    border: 1px solid #787878;
    border-radius: max(10px, 0.7813vw);
}
.greeting_cont01 .con_box ul li:nth-child(3) a,
.greeting_cont01 .con_box ul li:nth-child(5) a,
.greeting_cont01 .con_box ul li:nth-child(6) a {
    margin-top: max(19.33px, 1.5104vw);
}
.greeting_cont01 .con_box .video_box {
    position: absolute;
    top: max(-60px, -4.6875vw);
    right: max(60px, 4.6875vw);
    width: max(380px, 29.6875vw);
    height: max(500px, 39.0625vw);
    transform: rotate(-90deg);
    z-index: -1;
}
.greeting_cont01 .con_box .video_box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.greeting_cont02 {
    position: relative;
    height: max(926px, 72.3438vw);
    background-color: #f9f9fb;
}

.greeting_cont02 .img_box .title_box {
    position: absolute;
    top: max(93.33px, 7.2917vw);
    left: 0;
    width: 100%;
}
.greeting_cont02 .img_box .title_box h3 {
    font-size: max(80px, 6.25vw);
    margin-bottom: max(20px, 1.5625vw);
}
.greeting_cont02 .img_box .title_box p {
    font-size: max(20px, 1.5625vw);
    line-height: max(26.67px, 2.0833vw);
    font-weight: bold;
}

.greeting_cont03 {
    position: relative;
    line-height: 1.3;
    height: max(910.67px, 71.1458vw);
}
.greeting_cont03 .title_box {
    position: relative;
    padding-top: max(126.67px, 9.8958vw);
    left: 0;
    width: 100%;
}
.greeting_cont03 .title_box h3 {
    font-size: max(80px, 6.25vw);
    margin-bottom: max(20px, 1.5625vw);
}
.greeting_cont03 .title_box p {
    font-size: max(20px, 1.5625vw);
    line-height: max(26.67px, 2.0833vw);
    margin-bottom: max(13.33px, 1.0417vw);
    font-weight: bold;
}
.greeting_cont03 .title_box span {
    font-size: max(12px, 0.9375vw);
    color: #828282;
}

.greeting_cont03 .img_box {
    width: max(874px, 68.2813vw);
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.greeting_cont03 .img_box img {
    width: 100%;
}
.greeting_cont03 .img_box span {
    text-align: center;
    font-size: max(8.67px, 0.6771vw);
    color: #828282;
    line-height: max(11.33px, 0.8854vw);
}

.greeting_cont04 {
    position: relative;
    background-image: url("//image.idhospital.com/idxbalance.com/intro/greeting/research_center_04_bg.jpg");
    background-position: center bottom;
    background-size: cover;
    height: max(990.67px, 77.3958vw);
}
.greeting_cont04 .title_box {
    position: relative;
    padding-top: max(126.67px, 9.8958vw);
    left: 0;
    width: 100%;
}
.greeting_cont04 .title_box h3 {
    font-size: max(80px, 6.25vw);
    margin-bottom: max(20px, 1.5625vw);
}
.greeting_cont04 .title_box p {
    font-size: max(20px, 1.5625vw);
    line-height: max(26.67px, 2.0833vw);
    margin-bottom: max(13.33px, 1.0417vw);
}
.greeting_cont04 .title_box p strong {
    font-weight: bold;
}
.greeting_cont04 .img_box {
    width: max(874px, 68.2813vw);
    margin: max(60px, 4.6875vw) auto 0;
}

.greeting_cont04 .img_box img {
    width: 100%;
}

.greeting_cont05 {
    padding: max(127.33px, 9.9479vw) calc((100% - max(1013.33px, 79.1667vw)) / 2) max(115.33px, 9.0104vw) calc((100% - max(1013.33px, 79.1667vw)) / 2);
    background: #f9f9f8;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
}
.greeting_cont05 .con_box .text_box {
    font-weight: 300;
    font-size: max(14.67px, 1.1458vw);
    text-align: right;
    color: #505050;
    line-height: 1.59;
    position: relative;
    display: inline-block;
    vertical-align: top;
    letter-spacing: -1px;
}
.greeting_cont05 .con_box .text_box::before {
    content: "";
    display: block;
    width: max(98.67px, 7.7083vw);
    height: 2px;
    background: #000;
    margin: max(0.67px, 0.0521vw) 0 max(18px, 1.4063vw) auto;
}
.greeting_cont05 .con_box p {
    text-align: right;
    margin: max(170px, 13.2813vw) max(4px, 0.3125vw) 0 0;
    font-size: max(16.67px, 1.3021vw);
    color: #555555;
}
.greeting_cont05 .con_box p img {
    display: inline-block;
    vertical-align: middle;
    margin: max(-13.33px, -1.0417vw) max(1.33px, 0.1042vw) 0 0;
}
.greeting_cont05 .img_box {
    margin-left: max(36px, 2.8125vw);
}

.slider-label {
    font-family: "DM Sans", sans-serif;
    font-weight: 300;
    font-size: max(7.33px, 0.5729vw);
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: max(18.67px, 1.4583vw);
    opacity: 0.8;
}

.slider-wrapper {
    position: absolute;
    width: max(766.67px, 59.8958vw);
    height: max(432px, 33.75vw);
    top: 42%;
    left: 40%;
    margin-left: max(-383.33px, -29.9479vw);
}

.slider-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: max(2.67px, 0.2083vw);
}

.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition:
        opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.slide.active {
    opacity: 1;
    pointer-events: auto;
}

.slide.exit {
    opacity: 0;
}

.slide-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-size: cover;
}

/* Arrow Buttons */
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: max(32px, 2.5vw);
    height: max(32px, 2.5vw);
    background: rgba(255, 255, 255, 0.75);
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition:
        background 0.25s,
        border-color 0.25s,
        transform 0.25s;
    backdrop-filter: blur(max(5.33px, 0.4167vw));
    -webkit-backdrop-filter: blur(max(5.33px, 0.4167vw));
}

.arrow:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: #fff;
    border: 0;
    transform: translateY(-50%) scale(1.08);
}

.arrow:active {
    transform: translateY(-50%) scale(0.95);
}

.arrow-left {
    left: max(16px, 1.25vw);
}
.arrow-right {
    right: max(16px, 1.25vw);
}

.arrow svg {
    width: max(12px, 0.9375vw);
    height: max(12px, 0.9375vw);
    stroke: #000;
    transition: stroke 0.25s;
}

.arrow:hover svg {
    stroke: #000;
}

/* Dots */
.dots {
    display: flex;
    gap: max(5.33px, 0.4167vw);
    justify-content: center;
    margin-top: max(-20px, -1.5625vw);
    position: relative;
}

.dot {
    width: max(6.67px, 0.5208vw);
    height: max(6.67px, 0.5208vw);
    border-radius: 50%;
    background: #9a9a9a;
    cursor: pointer;
    transition:
        background 0.3s,
        transform 0.3s,
        width 0.3s;
    border-radius: max(3.33px, 0.2604vw);
}

.dot.active {
    background: #fff;
    width: max(14.67px, 1.1458vw);
}

@media (max-width: 1280px) {
    .slider-wrapper {
        min-width: 768px;
        margin-left: -384px;
    }
    .arrow {
        top: 30%;
    }
}

/* TOP */
img{width:auto}

@charset "utf-8";
/* Borad Style */
.reservWrap{}
.reservWrap .tit{margin-bottom:40px;line-height:1.3;word-break:keep-all;text-align:center}
.reservWrap .tit h4{font-size:3rem;color:#333}
.reservWrap .tit p{margin-top:20px;font-size:1.8rem;font-weight:300;color:#666}
.reservWrap .tit p span{color:#56b6e6}
.reservWrap .apply{}
.reservWrap .apTbl table{border-top:1px solid #ddd;border-bottom:1px solid #ddd;word-break:keep-all}
.reservWrap .apTbl table th{text-align:left;font-size:1.6rem;color:#333}
.reservWrap .apTbl table td{padding:7.5px 0;font-size:1.6rem;color:#333}
.reservWrap .apTbl table tr:first-of-type td{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type td{padding-bottom:22.5px}
.reservWrap .apTbl table tr:first-of-type th{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type th{padding-bottom:22.5px}
.reservWrap .apTbl table tr.top{border-bottom:1px solid #ddd}
.reservWrap .apTbl table tr.top td{padding:30px 0}
.reservWrap .apTbl table tr.top th{padding:30px 0}
.reservWrap .apTbl .inp_grp{font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='text'], 
.reservWrap .apTbl .inp_grp input[type='tel'], 
.reservWrap .apTbl .inp_grp input[type='password'], 
.reservWrap .apTbl .inp_grp select{width:380px}
.reservWrap .apTbl .inp_grp label{margin-right:10px;font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='checkbox']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']:checked+label:after{left:5px;width:9px;height:9px}
.reservWrap .apTbl .inp_grp input[type='file']{padding:8px 0;background:#fff}
.reservWrap .apTbl .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.reservWrap .apTbl textarea{display:block;box-sizing:border-box;width:100%;height:180px;padding:15px;border:1px solid #c7c7c7;background:#fff;font-size:1.6rem;color:#333;line-height:1.4;resize:none}
.reservWrap .apTbl .descript{display:inline-block;vertical-align:middle;margin-left:10px;font-size:1.4rem;color:#999}
.reservWrap .apTbl .descript.under_p{display:block;margin-left:0;margin-top:7.5px}
.reservWrap .apTbl .gender{overflow:hidden;width:380px;height:40px;box-sizing:border-box;border:1px solid #c7c7c7;text-align:center}
.reservWrap .apTbl .gender li{float:left;width:50%;height:100%;display:table;cursor:pointer}
.reservWrap .apTbl .gender li span{display:table-cell;vertical-align:middle;font-size:1.4rem;color:#999;background:#fff}
.reservWrap .apTbl .gender li.selected span{color:#fff;background:#56b6e6}
.reservWrap .apTbl .chk_agree .inp_grp label{margin-right:0;margin-left:10px}
.reservWrap .apCheck{margin:60px 0 40px}
.reservWrap .apCheck input[type='checkbox']{display:inline-block;vertical-align:bottom;width:15px;height:15px;margin:0}
.reservWrap .apCheck label{cursor:pointer}
.reservWrap .apCheck label span{display:inline-block;vertical-align:middle;font-size:1.6rem}
.reservWrap .apCheck label span strong{font-size:1.6rem;color:#c91818}
.reservWrap .apCheck .all{margin-bottom:15px;text-align:center}
.reservWrap .apCheck .all label span{color:#222}
.reservWrap .apCheck .pers ul{border-top:1px solid #ccc}
.reservWrap .apCheck .pers ul li{border-bottom:1px solid #ccc}
.reservWrap .apCheck .pers .check{position:relative;overflow:hidden;padding:15px}
.reservWrap .apCheck .pers .check label span{color:#999} 
.reservWrap .apCheck .pers .check.active label span{color:#1588ca} 
.reservWrap .apCheck .pers .check .chk_btn{position:absolute;top:50%;right:0;font-size:1.4rem;color:#999;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.reservWrap .apCheck .pers .hide{overflow:hidden;height:0;background:#f4f4f4;-webkit-transition-duration:500ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms}
.reservWrap .apCheck .pers .hide .scrollY{width:100%;height:100%;font-size:1.4rem;color:#999;border-top:1px solid #ccc}
.reservWrap .apCheck .pers .hide .scrollY *{font-size:inherit;color:inherit;line-height:1.4;word-break:keep-all}
.reservWrap .apCheck .pers .hide.view{height:150px}
.reservWrap .apBtn{font-size:0;text-align:center}
.reservWrap .apBtn .inp_grp input[type='button'],
.reservWrap .apBtn .inp_grp input[type='submit'],
.reservWrap .apBtn .inp_grp a.btn{width:180px;margin:0 2.5px;font-size:1.6rem}


.authWrap{position:relative;background:#fff}
.authWrap .authTab ul.tab_grp li{width:25%}
.authWrap .authTab ul.tab_grp li a{display:block}
.authWrap .authCon{padding:80px}
.authWrap .authPop{display:none}
.authWrap .authPop .blackBg{position:fixed;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:120}
.authWrap .authPop .popup{position:absolute;top:30%;left:50%;width:600px;margin-left:-300px;background:#fff;z-index:130}
.authWrap .authPop .popup .pTop{overflow:hidden;padding:20px 25px;background:#5ab1e4}
.authWrap .authPop .popup .pTop h4{font-size:1.8rem;color:#fff}
.authWrap .authPop .popup .pTop .btn_grp{position:absolute;top:18px;right:25px}
.authWrap .authPop .popup .pTop .btn_grp .close{width:21px;height:21px}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_l{background:#fff}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_r{background:#fff}
.authWrap .authPop .popup .pBot{padding:40px 25px}
.authWrap .authPop .popup .pBot .inp_grp{font-size:1.6rem;color:#333}
.authWrap .authPop .popup .pBot .inp_grp input[type='text']{width:340px}
.authWrap .authPop .popup .pBot .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.authWrap .authPop .popup .pBot .descript{margin-top:10px;font-size:1.4rem;color:#999}

.JI_readOnly{display:block;width:100%;height:100%;box-sizing:border-box;padding:10px;background:transparent;resize:none;overflow:hidden;border:0;outline:none;overflow-y:auto}







/* main_gnb_wrap */
.main_gnb_wrap{position: fixed;width: 100%;background-color: #fff;z-index: 99;min-width: 1400px;overflow: hidden; top:0; left:0;}
.main_gnb_wrap.on{}
.gnb_menu{height: 100px;position: relative;}
.gnb_menu.on{border-bottom: 1px solid #d1d1d1;}
.gnb_menu .logo {float: left;margin:30px 0 0 120px; width:162px;}
.gnb_menu .logo img {width:100%;}
.gnb_menu .depth01 {float: right;box-sizing: border-box;text-align: center;width: 80%;}
.gnb_menu .depth01 > li {display: inline-block;vertical-align: top;width:14%;}
.gnb_menu .depth01 > li:nth-child(1){width: 15%;}
.gnb_menu .depth01 > li:nth-child(4),
.gnb_menu .depth01 > li:nth-child(5),
.gnb_menu .depth01 > li:nth-child(6) {width:10%;}
.gnb_menu .depth01 > li > p {font-size: 16px;color:#3a3a3a;letter-spacing: -1px;height: 100px;line-height: 100px;cursor: pointer;}
.gnb_menu .depth01 > li > p > a {display:block; width:100%; height:100%; line-height:100px;}
.gnb_menu .depth01 > li .depth02 {background-color: #fff;text-align: center;margin: 35px 0 80px;display: none;}
.gnb_menu .depth01 > li .depth02 li{}
.gnb_menu .depth01 > li .depth02 li a{font-size: 14.5px;color:#666666;display: block;padding-bottom: 18px;line-height: 1.3;}
.gnb_menu .depth01 > li .depth02 li a:hover {color:#dba6aa;}
.gnb_menu .depth01 > li .depth03 li a {font-size:12px; color:#989898;}

.gnb_menu .red {background-color:red}
.gnb_menu .depth02 .yellow {background-color:yellow}
.gnb_menu .blue {background-color:blue}
.depth01 {position: relative;}
.depth01 .gnb_bnr{position: absolute;top:138px;left: -172px;width: 250px;}
.depth01 .gnb_bnr img{width: 100%;}

.quick_bnr{background-color: #fff;position: fixed;top:50%;transform: translate(0,-50%);right: 35px;z-index: 1;width: 82px;border-radius: 40px;text-align: center;letter-spacing: -1px;box-shadow: 0 0 10px rgba(90,90,90,0.2); z-index:100;}
.quick_list{padding: 20px 0 10px;}
.quick_list li{padding: 15px 0;}
.quick_list li a{display: block;font-size: 13px;}
.quick_list li .quick_list_img{background: url(//image.idhospital.com/idx.idhospital.com/common/quick/online_icon.png?v=1) no-repeat center;background-size: 100%;width: 34px;height: 27px;margin: 0 auto;}
.quick_list li:nth-child(1) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/kakao_icon.png);width: 31px;height: 30px;}
.quick_list li:nth-child(3) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/ytube_icon.png);width: 28px;height: 22px;}
.quick_list li:nth-child(2) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/map_icon.png);width: 24px;height: 27px;}

.quick_list li:hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/online_icon_on.png);}
.quick_list li:nth-child(1):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/kakao_icon_on.png);}
.quick_list li:nth-child(3):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/ytube_icon_on.png);}
.quick_list li:nth-child(2):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/map_icon_on.png);}

.quick_list li:hover .quick_list_txt{color:#dba6aa;}

.quick_list li .quick_list_txt{margin-top: 5px;}
.quick_list li .call_txt{font-size: 13px;color:#3a3a3a;}
.quick_list li .call_txt span{display: block;font-size: 14px;color:#dba6aa;font-weight: 600;margin-bottom: 5px;letter-spacing: -1.5px;}

.top_btn{padding: 27px 0 30px;position: relative;cursor: pointer;}
.top_btn::before{content: '';display: block;width: 80%;height: 1px;background-color: #d2d2d2;position: absolute;top:0;left: 50%;transform: translate(-50%,0);}
/* BOTTOM */
#wholebg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,0.5);filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;display:none}
.loading-indicator {display:none;padding:0;background:transparent;width:100px;height:100px}
.blocker {z-index:10;}
.fix_counsel{text-align: center;position: fixed;bottom: 0;left: 50%;transform: translate(-50%,0);width: 100%;z-index: 5;}
.fix_counsel_btn{background-color: #b18370;color:#fff;width: 180px;height: 48px;padding: 15px;box-sizing: border-box; font-size: 19px;margin: 0 auto;border-radius: 10px 10px 0 0;cursor: pointer;}
.fix_counsel_btn span{display: inline-block;vertical-align: middle;margin-top: -3px;}
.fix_counsel_btn.on span{animation: fix_counsel_btn_ani 0.5s forwards;}
.privacy_wrap {display:none}
.privacy_wrap .JI_readOnly {height:200px}
@keyframes fix_counsel_btn_ani{
    0%{transform: rotate(0);}
    100%{transform: rotate(180deg);}
}


.fix_counsel_view{background-color: #b18370;letter-spacing: -1px;padding: 45px 0 60px;display: none;width: 100%;}
.fix_counsel_view form{}
.fix_counsel_view input{width: 231px;height: 46px;font-size: 17px;color:#000;padding-left: 12px;box-sizing: border-box;border-radius: 10px;border:0;margin: 0 15px;}
.fix_counsel_view input::placeholder {
  color: a2a2a2;
  opacity: 1; /* Firefox */
}
.fix_counsel_view input[type=submit]{color:#fff;background-color: #624133;cursor: pointer;}
.fix_counsel_view input[type=checkbox] {width: 16px;height: 16px;box-sizing: border-box;margin: -3px 8px 0 0;display: inline-block;vertical-align: middle;accent-color:#fff;}

.agree_box{margin-top: 15px;}
.agree_box label{color:#fff;font-size: 16px;} 

#progressContainer {
    width: 100%;
    background: #f3f3f3;
    border-radius: 8px;
    height: 60px;
    display: none;
}
#uploadResult {
    width: 100%;
    background: #f3f3f3;
    border-radius: 8px;
    height: 60px;
    display: none;
}
.place_wrap {width:100%;position:relative}
.place_wrap img {width:100%;}

.place_wrap #map{position: absolute;top:0;left:57%;width:43%;height:100%;box-sizing: border-box;overflow: hidden;background-color: #fff;}

.footer_wrap{background-color: #000000;letter-spacing: -1px;text-align: center;padding: 45px 0;min-width: 1400px;}
.footer_logo{font-size: 41px;font-family: 'Roboto';font-weight: bold;color:#fff;padding-bottom: 25px;}
.footer_logo img {}
.footer_list{}
.footer_list li{margin-bottom: 7px;}
.footer_list li span{font-size: 14px;color:#999999;display: inline-block;margin: 0 14px;}
/* LAYOUT_MAIN */
body{min-width:1280px;width: 100%;max-width: 1920px;margin:0 auto;}
h1.skeleton {min-height:500px;display:flex;align-items:center;justify-content:center}
.main_wrap {width:100%; padding-top:100px;}
.main_wrap img {max-width: 100%;}
.main_wrap .visual img {height:100%; object-fit:cover;}

