.visual {position:relative; width:100%; height:650px;}
.visual .bg_video {position: absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:0.9;}
.visual .bg_video video {width:100%; height:100%; object-fit: cover;}
.visual .tit_box {width:1300px; display:flex; flex-direction: column; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.visual p {font-family: "ivymode", sans-serif; font-weight:400; font-size:120px; color:#000; line-height:1.2; letter-spacing:3px;}
.visual p.right_tit {text-align:right;}

.recovery_iv_cont01 {position:relative; display:flex; justify-content: space-between; padding:110px 250px 200px; box-sizing:border-box;}
.recovery_iv_cont01 .con_box {margin-right:20px;}
.recovery_iv_cont01 .con_box > dl > dt {font-size:30px; font-weight:500; color:#000; margin-bottom:25px; letter-spacing:-1px; line-height:1;}
.recovery_iv_cont01 .con_box > dl > dd {font-size:22px; color:#505050; line-height:1.45;}
.recovery_iv_cont01 .con_box ul {display:inline-block; margin-top:85px;}
.recovery_iv_cont01 .con_box ul li {display:inline-block; text-align:center; margin-right:15px; background:url("//image.idhospital.com/idxbalance.com/care/examination/cont04_img02.png") no-repeat center center; background-size: cover; width:370px; height:300px; padding-top:63px; box-sizing:border-box;}
.recovery_iv_cont01 .con_box ul li:nth-child(2) {background:url("//image.idhospital.com/idxbalance.com/care/examination/cont04_img05.png") no-repeat center center; background-size: cover;}
.recovery_iv_cont01 .con_box ul li dl dt {font-family: "ivymode", sans-serif; font-weight:600; font-size:30px; color:#000;}
.recovery_iv_cont01 .con_box ul li dl dt span {display:block; font-size:18px; color:#000; line-height:1; margin:17px 0 20px;}
.recovery_iv_cont01 .con_box ul li dl dd {font-size:22px; font-weight:500; letter-spacing:-1px; color:#505050; line-height:1.5;}

.recovery_iv_cont02 {text-align:center; box-sizing:border-box; padding:0 0 200px;}
.recovery_iv_cont02 p {font-family: "ivymode", sans-serif; font-weight: 400;font-size:120px; color:#000; line-height:1.05; letter-spacing:3px;}
.recovery_iv_cont02 p::before {content:''; display:block; width:1px; height:110px; background:#505050; margin:0 auto 30px;}
.recovery_iv_cont02 dt {font-size:30px; color:#000; font-weight:500; line-height:1.4; padding:50px 0 20px;}
.recovery_iv_cont02 dd {font-size:22px; color:#505050; line-height:1.5;}
.recovery_iv_cont02 dd p {margin:10px;}

.recovery_iv_cont03 {background:#fff3f3; padding:200px 250px; position:relative; z-index:1; display:flex;}
.recovery_iv_cont03::before {content:''; display:block; background:#fff; position:absolute; top:0; left:0; width:925px; height:100%; z-index:-1;}
.recovery_iv_cont03 .con_box {margin-left:80px;}
.recovery_iv_cont03 .con_box p {margin-top:-20px; font-family: "ivymode", sans-serif; font-weight:400; font-size:120px; color:#000; line-height:1.1; margin-bottom:60px; letter-spacing:2px;}
.recovery_iv_cont03 .con_box ul li {margin-top:45px; letter-spacing:-1px;}
.recovery_iv_cont03 .con_box ul li:first-child {margin-top:0;}
.recovery_iv_cont03 .con_box ul li > dl > dt {font-family: "ivymode", sans-serif; font-size:30px; color:#000; font-weight:600; margin-bottom:12px; letter-spacing:1px;}
.recovery_iv_cont03 .con_box ul li > dl > dd {font-size:22px; color:#505050; line-height:1.5;}

.recovery_iv_cont04 {padding:200px 250px; position:relative;}
.recovery_iv_cont04 p {font-family: "ivymode", sans-serif; font-weight:400; font-size:120px; color:#000; line-height:1; letter-spacing:1.5px; position:absolute; top:200px; right:250px; z-index:1;}
.recovery_iv_cont04 .con_box {display:flex;}
.recovery_iv_cont04 .con_box .img_box {width:676px; display:flex; justify-content: space-between; margin-right:50px;}
.recovery_iv_cont04 .con_box .img_box .inner02 {margin-top:80px;}
.recovery_iv_cont04 .con_box ul {margin-top:200px;}
.recovery_iv_cont04 .con_box ul li {width:100%; margin-top:30px; letter-spacing:-1px; position:relative; text-align:left;}
.recovery_iv_cont04 .con_box ul li:first-child {margin-top:0;}
.recovery_iv_cont04 .con_box ul li dl {display:flex; align-items:center;}
.recovery_iv_cont04 .con_box ul li dl dt {width:36px; margin-right:25px; padding:3px 0; font-family: "ivymode", sans-serif; font-size:30px; color:#000; border-bottom:1px solid #505050; font-weight:600; text-align:center;}
.recovery_iv_cont04 .con_box ul li dl dd {font-size:22px; color:#505050;}

.program_cont {padding:200px 250px; background:#f7f7f8; letter-spacing:-1px; text-align:center;}
.program_cont p.con_tit {font-family: "ivymode", sans-serif; font-weight: 400;font-size:120px; color:#000; letter-spacing:3px; text-align:left;}
.program_cont ul {margin:100px auto 75px; display:inline-block;}
.program_cont ul li {float:left; margin-left:44px; text-align:center;}
.program_cont ul li:first-child {margin-left:0;}
.program_cont ul li:last-child {margin-left:25px;}
.program_cont ul li dl dt {font-size:30px; color:#000; font-weight:500; padding-top:105px; box-sizing:border-box; line-height:1; width:245px; height:245px; border-radius:50%; border:2px solid #7d7d7d; position:relative; background:#fbfbfc;}
.program_cont ul li dl dt::before {content:''; display:block; width:16px; height:28px; background:url("//image.idhospital.com/idxbalance.com/care/diet_iv/program_cont_arrow.png") no-repeat; background-size:cover; position:absolute; left:-31px; top:50%; transform:translate(0,-50%);}
.program_cont ul li dl dt.long {padding-top:80px; line-height:1.35;}
.program_cont ul li:first-child dl dt::before {display:none;}
.program_cont ul li dl dd {font-size:22px; color:#505050; line-height:1.4; margin-top:25px;}
.program_cont ul li dl dd.short {margin-top:40px;}
.program_cont p.sub_txt {font-size:18px; color:#505050; width:100%; text-align:center;}
/* 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 60px; 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:12%;}
.gnb_menu .depth01 > li:nth-child(6),
.gnb_menu .depth01 > li:nth-child(7) {width:11%;}
.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 20px;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;}
.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}
.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%;}
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;}

