button {border: none;background: none;cursor: pointer;}

/* reset css */
input[type=checkbox],
input[type=number] {accent-color:#1211cf; border:none; -webkit-border-radius:0; background:#fff; border:1px solid #1211cf;}
input[type=text], input[type=image], input[type=tel] {-webkit-appearance:none; border-radius:0;}
button {border:none; background:transparent; display:block; margin:0; padding:0; -webkit-appearance: none; -webkit-border-radius: 0;}

.idmentor {max-width: 720px; margin: 0 auto;box-sizing: border-box;position: relative;
    user-select: none;
    -webkit-user-select: none; /* Safari 및 Chrome */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer */
}
.idmentor > div {line-height: 0;}
.idmentor img {max-width: 100%;}

.pro_list {width: 100%; height: 1813px; background: url(//image.idhospital.com/idxeyenose.com/promotion/idmentor/visual.jpg) no-repeat; background-size: 100%; position: relative;}
.pro_list .pro_list_tit {position: absolute; top: 1311px; left: 50%; width: 590px;transform: translateX(-50%);z-index: 1;}
.pro_list .pro_choice_list {position: absolute; top: 1438px; left: 50%; width: 454px;transform: translateX(-50%);z-index: 1;display: flex; flex-direction: column; row-gap: 18px;}
.pro_list .pro_choice_list li {display: flex; column-gap: 5px;align-items: center;}
.pro_list .pro_choice_list li:nth-child(1) p {width: 377px;}
.pro_list .pro_choice_list li:nth-child(2) p {width: 408px;}
.pro_list .pro_choice_list li:nth-child(3) p {width: 374px}
.pro_list li input[type=checkbox] {all:unset; display:flex; justify-content:center; align-items:center;background: #fff; width: 40px; height: 40px;border-radius: 2px; border: 2px solid #1211cf; cursor:pointer;box-sizing: border-box;}
.pro_list li input[type=checkbox]:checked{background: #1211cf}
.pro_list li input[type=checkbox]:checked::after {content:''; width: 11px; height: 16px; margin-top:-6px; border-right:5px solid #fff; border-bottom:5px solid #fff; transform:rotate(45deg);}

.pro_list .notice {position: absolute; bottom: 93px; left: 50%; width: 533px;transform: translateX(-50%);z-index: 1;}

 /*input_db_box*/
.input_db_box {position: fixed;max-width: 100%;width: 643px;background: #bccce7;padding: 26px 39px 25px;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 3;}
.input_db_box.hide {display: none;}
.input_db_box .info_input_area {display: flex;justify-content: space-between;}
.input_db_box .info_input_area li {display: flex;align-items: center;justify-content: space-between;column-gap: 3px;}
.input_db_box .info_input_area li label {font-family: "GmarketSans";font-weight: 500;font-size: 30px;color: #000;letter-spacing: 0.5px;display: inline-block;width: 90px;}
.input_db_box .info_input_area li:first-child label {width: 60px;}
.input_db_box .info_input_area li input {width: 234px;display: inline-block;font-size: 26px;height: 49px;line-height: 49px;background: #fff;box-sizing: border-box;padding: 0 13px;border-radius: 10px;border: none;}
.input_db_box .check_button_wrap {display: flex;align-items: center;/*column-gap: 16px;*/padding-top: 16px;flex-wrap: nowrap;justify-content: space-between;}
.input_db_box .check_wrap {display: flex;column-gap: 13px;}
.input_db_box .check_wrap li {display: flex;align-items: center;column-gap: 4px;}
.input_db_box .check_wrap li label {font-family: "GmarketSans";font-weight: 500;color: #000;letter-spacing: 0.2px;font-size: 18px;display: inline-block;padding-top: 3px;}
.input_db_box .check_wrap li input {width: 24px;height: 24px;border: 2px solid #2157b0;}
.input_db_box .fixed_button {width: 233px;display: block;border-radius: 10px;height: 42px;line-height: 52px;text-align: center;color: #fff;background: #2157b0;font-size: 30px;font-family: "GmarketSans";font-weight: 500;letter-spacing: 0.5px;}


/* 신청서 작성 박스 */
.con_box {width: 100%;background: #bccce7;text-align: center;box-sizing: border-box;display: block;}
.con_box .input_box {width: 100%;box-sizing: border-box;margin: 0 auto;overflow: hidden;padding: 50px 0;}
.con_box .input_box > ul {width: 100%;margin: 0 auto;}
.con_box .input_box > ul li {width: 100%;margin-bottom: 20px;}
.con_box .input_box > ul li label {width: 130px;display: inline-block;font-size: 32px;color: #2056af;margin-right: 18px;text-align: right;font-family: "GmarketSans";font-weight: bold;}
.con_box .input_box > ul li input {width: 450px;display: inline-block;font-size: 26px;height: 70px;line-height: 70px;background: #fff;box-sizing: border-box;padding: 0 13px;border-radius: 6px;border: none;}
.con_box .input_box .privacy_wrap {width: 450px;box-sizing: border-box;height: 100px;float: right;display: inline-block;text-align: left;background: #fff;overflow-y: scroll;border: 1px solid #ddd;padding: 10px;margin: 0 0 20px;font-size: 14px;font-weight: 400;line-height: 1.5;color: #000;border-radius: 6px;margin-right: 61px;}
.con_box .input_box .privacy_wrap h3 {color: #000;}
.con_box .input_box ol {width: 450px;float: right;display: inline-block;text-align: left;}
.con_box .input_box ol li {font-size: 20px;display: inline-block;color: #fff;line-height: 1.1;overflow: hidden;font-family: "GmarketSans";font-weight: 500;}
.con_box .input_box ol li:first-child {margin-right: 18px;}
.con_box .input_box ol li input[type="checkbox"] {width: 23px;height: 23px;margin-right: 7px;display: inline-block;vertical-align: middle;}
.con_box .input_box ol li label {display: inline-block;vertical-align: middle;margin-top: 5px;}
.con_box button,
.con_box input {width: 100%;display: block;}

/* .btn_bot {width:100%; position:fixed; bottom:0; left:0; z-index:50;} */
.btn_bot {width: 100%;text-align: center;box-sizing: border-box;background: #3e070d; cursor: pointer;}
.btn_bot img,
.btn_bot input {width: 100%;margin: 0 auto;display: block;}

.counsel_wrap {display: none;}

/* footer */
.counsel_bottom {background-color: #5d5d5d;text-align: center;position: relative;padding: 5% 5% 11%;margin-top: -10px;/* letter-spacing: -0.1vw; */}
.footer_address {}
.footer_address li {font-size: 22px;color: #ccc;display: inline-block;vertical-align: top;line-height: 1.3;padding: 0 1.5%;}
.footer_address li span {color: #999;}
.footer_address li strong.mont {color: #ccc;font-weight: 400;}
.footer_address li strong.mont a {color: #ccc;font-weight: 400;}


@media (max-width: 720px) {

    input[type="button"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }


    .pro_list {height: 251.81vw;}
    .pro_list .pro_list_tit {top: 182.08vw; width: 81.94vw;}
    .pro_list .pro_choice_list {top: 199.72vw; width: 63.06vw;row-gap: 2.5vw;}
    .pro_list .pro_choice_list li {column-gap: 0.69vw;}
    .pro_list .pro_choice_list li:nth-child(1) p {width: 52.36vw;}
    .pro_list .pro_choice_list li:nth-child(2) p {width: 56.67vw;}
    .pro_list .pro_choice_list li:nth-child(3) p {width: 51.94vw;}
    .pro_list li input[type=checkbox] {width: 5.56vw; height: 5.56vw;border-radius: 0.28vw; border: 0.28vw solid #1211cf; }
    .pro_list li input[type=checkbox]:checked::after {width: 1.53vw; height: 2.22vw; margin-top:-0.83vw; border-right:0.69vw solid #fff; border-bottom:0.69vw solid #fff;}

    .pro_list .notice {bottom: 12.92vw; width: 74.03vw;}



    /*input_db_box*/
    .input_db_box {
        padding: 3.61vw 5.42vw 3.47vw;
        width: 89vw;
    }
    .input_db_box .info_input_area li {
        column-gap: 0.42vw;
    }
    .input_db_box .info_input_area li label {
        font-size: 4.17vw;
        letter-spacing: 0.07vw;
        width: 12.5vw;
    }
    .input_db_box .info_input_area li:first-child label {
        width: 8.33vw;
    }
    .input_db_box .info_input_area li input {
        width: 32.5vw;
        font-size: 3.61vw;
        height: 6.81vw;
        line-height: 6.81vw;
        padding: 0 1.81vw;
        border-radius: 1.39vw;
    }
    .input_db_box .check_button_wrap {
        padding-top: 2.22vw;
    }
    .input_db_box .check_wrap {
        column-gap: 1.81vw;
    }
    .input_db_box .check_wrap li {
        column-gap: 0.56vw;
    }
    .input_db_box .check_wrap li label {
        letter-spacing: 0.03vw;
        font-size: 2.5vw;
        padding-top: 0.42vw;
    }
    .input_db_box .check_wrap li input {
        width: 3.33vw;
        height: 3.33vw;
        border-width: 0.28vw;
    }
    .input_db_box .fixed_button {
        width: 32.36vw;
        border-radius: 1.39vw;
        height: 5.83vw;
        line-height: 7.22vw;
        font-size: 4.17vw;
        letter-spacing: 0.07vw;
    }




    /* 신청서 작성 박스 */
    .con_box {
        letter-spacing: -0.1vw;
    }
    .con_box .input_box {
        width: 90.4vw;
        box-sizing: border-box;
        margin: 0 auto;
        overflow: hidden;
        padding: 7.64vw 0;
    }
    .con_box .input_box > ul li {
        margin-bottom: 3.5vw;
    }
    .con_box .input_box > ul li label {
        width: 18vw;
        font-size: 4.72vw;
        margin-right: 1.78vw;
        font-weight: bold;
    }
    .con_box .input_box > ul li input {
        width: 68.5vw;
        font-size: 4vw;
        height: 11vw;
        line-height: 11vw;
        background: #fff;
        padding: 0 2.08vw;
        border-radius: 0.97vw;
    }
    .con_box .input_box .privacy_wrap {
        width: 68.5vw;
        height: 16vw;
        border: 0.14vw solid #ddd;
        padding: 1.4vw;
        margin: 0 0 3.5vw;
        font-size: 2vw;
        font-weight: 400;
        line-height: 1.5;
        border-radius: 0.97vw;
    }
    .con_box .input_box .privacy_wrap h3 {
        color: #000;
    }
    .con_box .input_box ol {
        width: 68.5vw;
    }
    .con_box .input_box ol li {
        font-size: 3.19vw;
    }
    .con_box .input_box ol li:first-child {
        margin-right: 2.78vw;
    }
    .con_box .input_box ol li input[type="checkbox"] {
        width: 3.47vw;
        height: 3.47vw;
        margin-right: 1.11vw;
    }
    .con_box .input_box ol li label {
        margin-top: 0.7vw;
    }

    /* footer */
    .counsel_bottom {
        letter-spacing: -0.1vw;
    }
    .footer_address li {
        font-size: 3.4vw;
    }
}

/* 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}







/* 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;}