@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.material-icons-outlined{font-family: 'Tangerine', serif;
        font-size: 4.8rem;}

html,body,div,ul,li,p,h3,h1,h2,h4,h5{padding:0;margin:0;}
ul,li{list-style:none}
a{text-decoration:none;color:#303030;position:relative;}
textarea,input{font-family: 'Noto Sans KR', sans-serif;}
optgroup,select,button{cursor:pointer}

table{border-spacing:0;}
input::-ms-clear {display: none;}

input::-webkit-input-placeholder{color:#999;font-weight:400}
textarea::-webkit-input-placeholder{color:#999;font-weight:400}
input[type="text"]::-ms-input-placeholder{color:#999 !important;font-weight:400}
input[type="text"]:-ms-input-placeholder{color:#999 !important;;font-weight:400}
input[type="number"]::-ms-input-placeholder{color:#999 !important;;font-weight:400}
input[type="number"]:-ms-input-placeholder{color:#999 !important;;font-weight:400}
input[type="password"]::-ms-input-placeholder{color:#999 !important;;font-weight:400}
input[type="password"]:-ms-input-placeholder{color:#999 !important;;font-weight:400}
textarea::-ms-input-placeholder{color:#999;font-weight:400}
input::-moz-placeholder{color:#999;font-weight:400}
textarea::-moz-placeholder{color:#999;font-weight:400}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
select::-ms-expand{display:none}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none}
img{vertical-align:top}
caption{display:none}
button{border:none;background:none;position:relative;}
*{margin:0;padding:0;text-decoration:none;-webkit-text-size-adjust:none;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing:antialiased}
*{font-family: 'Noto Sans KR', sans-serif;font-size:10px;line-height:1rem;color:#303030;font-weight:400;box-sizing: border-box;font-weight: normal;letter-spacing: -0.6px;}
i,em {line-height: inherit;font-style: normal}
.blind {display: none  !important;}
.hide {display: none  !important;}
.np {padding: 0 !important;}
span,b,i {font-size: inherit;font-weight: inherit;line-height: inherit;color: inherit; letter-spacing: inherit;}

input[type="date"]{position:relative;}
input#date_select::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 20px;
  background: url(../img/date_btn_00.svg);
  background-repeat: no-repeat;
  opacity: 0;
}

.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}

body.disabled{overflow:hidden;}
body.modal-open{overflow:hidden;}
body.disabled .container{}

body{width:100%;height:100%;margin:0 auto;position:relative;box-sizing:border-box;overscroll-behavior:contain;margin:0 auto;overflow-x:hidden;}
.container{}
.container .content {position:relative;padding:10rem 0 10rem 0;}
.container .content.service {padding:0;}
.content.dark{background:#3c3c3c;}

 .prlx_bg{width:100%;position:fixed;height:100%;top:0;left:0;right:0;margin:0 auto;background:#EDF0F9;overflow:hidden;z-index:-1;}

/* */
.bold{font-weight:700;}
.red{color:#e22d2d !important;}
.blue{color:#008dff !important;}
/* 헤더 */

.nav-up {top:-100px;transition: top 0.2s ease-in-out;}

.container.short #header{height:calc(6rem)}
.container.short .content{padding:6rem 0 10rem 0;}
#header{width:100%;height:calc(6rem + 4rem) ;position:fixed;z-index:10;transition: top 0.2s ease-in-out;}
#header .top{padding:0 1.5rem;height:60px;display:flex;align-items:center;background:#227a26;}
#header .top .logo{width:162px !important;height:36px;background:url(../img/logo_w.svg) no-repeat left top;background-size:162px auto;display:inline-block;}

#header .top .header_box{display:flex;margin-left:10px;align-items:center;}
#header .top .header_box h2{padding:12px 0px 14px 0;font-size:1.8rem;color:#205BFF;font-weight:700;/*border-radius:100px;border:1px solid #205BFF;I */white-space:nowrap;}
#header .top .header_box a{font-size:1.6rem;font-weight:700;color:#666;position:relative;display:block;height:80px;line-height:8rem;}
#header .top .header_box a:before{content:'';width:100%;height:5px;background:#dcdcdc;position:absolute;bottom:0;left:0;border-radius:8px 8px 0 0;bottom:-5px;opacity:0;transition: .3s;}
#header .top .header_box a.active:before{background:#205BFF;}

#header .top .btn_side_menu{text-indent:-9999px;width:36px;height:36px;margin-left:auto;background:url(../img/side_menu.svg) no-repeat center center;background-size:100% auto;}
#header .side_menu.show{display:block;z-index:9999;}
#header .side_menu{display:none;width:100%;height:100%;min-height:100%;position:fixed;right:0;top:0;background:rgba(0, 0, 0, 0.6);}
#header .side_menu .inner{background:#fff;width:80%;height:100%;right:0;top:0;position:absolute;}
#header .top .mv_box{background:#227a26;padding:20px 16px;}
#header .top .mv_box h1{margin-bottom:2rem;}
#header .top .mv_box h1 .logo{width:100% !important;height:120px;background:url(../img/logo_symbol_w.svg) no-repeat center top 2rem;background-size:127px auto;display:inline-block;}
#header .top .mv_box .menuclose{position:absolute;right:16px;top:14px;width:36px;height:36px;background:url(../img/side_m_close.svg) no-repeat center center;background-size:1.8rem;}

#header .top .mv_box .before{}
#header .top .mv_box .before .txt{font-size:1.4rem;font-weight:500;color:#e5e5e5;line-height:2rem;margin-bottom:2rem;}
#header .top .mv_box .before .btn_group{margin-top:20px;display:flex;}
#header .top .mv_box .before button{position:relative;overflow:hidden;font-size:1.6rem;padding:1.8rem 0;width:calc(50% - 5px);border-radius:4px;font-weight:700;color:#666;white-space:nowrap;margin-left:10px;}
#header .top .mv_box .before .btn_login{border:1px solid #fff;color:#fff;margin-left:0;}
#header .top .mv_box .before .btn_join{border:1px solid #fff;background:#fff;color:#103b13;}

#header .top .mv_box .after{}
#header .top .mv_box .after .my_info{display:flex;align-items:center;padding:2rem 0;border-bottom:1px solid #53935A;border-top:1px solid #53935A;}
#header .top .mv_box .after .my_info .img{position:relative;width:42px;height:42px;overflow:hidden;border-radius:100%;margin-right:10px;}
#header .top .mv_box .after .my_info .img img{width:110%;height:auto;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
#header .top .mv_box .after .my_info span{display:block;color:#fff;}
#header .top .mv_box .after .my_info .name{font-size:1.8rem;line-height:1.8rem;font-weight:700;}
#header .top .mv_box .after .my_info .info{font-size:1.4rem;line-height:2.2rem;}

#header .top .mv_box .after .btn_group{margin-top:2rem;display:flex;justify-content:center;}
#header .top .mv_box .after .btn_group button{display:flex;align-items:center;justify-content:center;font-size:1.4rem;padding:1rem 0;width:calc(50% - 5px);border-radius:4px;font-weight:700;color:#666;white-space:nowrap;margin-left:10px;border:1px solid #fff;color:#fff;}
#header .top .mv_box .after .btn_group button i{margin-right:6px;}
#header .top .mv_box .after .btn_group .btn_logout{margin-left:0;}
#header .top .mv_box .after .btn_group .btn_myhospital{border:1px solid #fff;background:#fff;color:#205BFF;}

#header .top .cmm_menu{}
#header .top .cmm_menu .tit{display:flex;align-items:center;font-size:1.8rem;color:#222;font-weight:500;padding:1.5rem 1.6rem 1.5rem 4.5rem;border-bottom:1px solid #e5e5cc;}
#header .top .cmm_menu .tit.tit_toggle{background:url(../img/bottom_toggle_home.svg)no-repeat left 16px center;}
#header .top .cmm_menu .tit.tit_menu{background:url(../img/bottom_toggle_pay.svg)no-repeat left 12px center;}
#header .top .cmm_menu .tit .close{margin-left:auto;width:20px;height:20px;background:url(../img/cmm_menu_close.svg) no-repeat center center;transform: rotate(270deg);}
#header .top .cmm_menu .tit.open .close{transform: rotate(0);}
#header .top .cmm_menu ul{height:0px;overflow:hidden;}
#header .top .cmm_menu ul.show{height:auto;}
#header .top .cmm_menu ul li{font-size:1.8rem;color:#666;font-weight:400;padding:1.8rem 0 1.8rem 4.5rem;border-bottom:1px solid #e5e5cc;}
#header .top .cmm_menu ul li a{font-size:inherit;font-weight:inherit;}

#header .top .cmm_service{border-top:1rem solid #eee;padding:0 16px;position:absolute;width:100%;bottom:0;}
#header .top .cmm_service .tit{font-size:1.6rem;color:#205BFF;font-weight:700;padding:1.8rem 0;border-bottom:1px solid #e5e5cc;}
#header .top .cmm_service dl{border-top:0.5px solid #dcdcdc;padding:1.6rem 0 2.2rem 5.5rem;}
#header .top .cmm_service dl.icon1{background:url(../img/service_icon1.svg) no-repeat left 10px center;background-size:31px auto;}
#header .top .cmm_service dl.icon2{background:url(../img/service_icon2.svg) no-repeat left 10px center;background-size:31px auto;}
#header .top .cmm_service dl dt{font-size:1.4rem;line-height:2.4rem;color:#222;}
#header .top .cmm_service dl dt i{display:inline-block;width:12px;height:12px;margin-left:6px;background:url(../img/cmm_service_dt.svg) no-repeat center center;}
#header .top .cmm_service dl dd{font-size:1.2rem;color:#999;line-height:1.5rem;}


#header .top_fixed{width:100%;height:4rem;overflow-hidden;background:rgba(0,0,0, 0.8);}
#header .top_fixed .inner .track{display:flex;align-items:center;padding:0 2rem 0 2rem;gap:2.2rem;}
#header .top_fixed .inner p{font-size:1.5rem;height:4rem;line-height:4rem;color:#fff;font-weight:500;}
#header .top_fixed .inner .tit{}
#header .top_fixed .inner .info1{padding-left:1.6rem;background:url(../img/w_icon1_w.svg) left center no-repeat;background-size:1rem;}
#header .top_fixed .inner .info2{padding-left:2rem;background:url(../img/w_icon2_w.svg) left center no-repeat;background-size:1.4rem;}
#header .top_fixed .inner .info3{padding-left:2.4rem;background:url(../img/w_icon4_w.svg) left center no-repeat;background-size:1.8rem;}
#header .top_fixed .inner .info4{padding-left:2.4rem;background:url(../img/w_icon3_w.svg) left center no-repeat;background-size:1.8rem;}

    /* Marquee */
    .marquee{width:100%;height:124px;background:#8294C4;overflow:hidden;}
    .marquee-track{width:100%;position: relative;}
    .marquee-track-list{position: absolute; height: auto;}
    .marquee-track-list .list-box{white-space: nowrap;display: flex;position: relative;will-change: transform;}
    .marquee-track-list .txt{font-weight:600;font-size:24px;line-height: 32px;font-family:'SUIT';color:#26272A;padding-right:40px;}
    .marquee-track-list .txt:nth-child(2n){color:#E7E7E7;}

    .marquee-track-list.original.toLeft{animation: 80s linear 0s infinite normal forwards running toLeft1;}
    .marquee-track-list.clone.toLeft{animation: 80s linear 0s infinite normal none running toLeft2;}

    @keyframes toLeft1 { /* 원본용 - 왼쪽방향 */
      0% {transform: translateX(0);}
      50% {transform: translateX(-100%);}
      50.01%{transform: translateX(100%);}
      100%{transform: translateX(0);}
    }

    @keyframes toLeft2 { /* 클론용 - 왼쪽방향 */
      0% {transform: translateX(0);}
      100% {transform: translateX(-200%);}
    }

    .marquee-track-list.original.toRight{animation: 100s linear 0s infinite normal forwards running toRight1;}
    .marquee-track-list.clone.toRight{animation: 100s linear 0s infinite normal none running toRight2;}

    @keyframes toRight1 { /* 원본용 - 오른쪽방향 */
      0% {transform: translateX(0);}
      50% {transform: translateX(100%);}
      50.01%{transform: translateX(-100%);}
      100%{transform: translateX(0);}
    }

    @keyframes toRight2 { /* 클론용 - 오른쪽방향 */
      0% {transform: translateX(0);}
      100% {transform: translateX(200%);}
    }
/* 풋터 */
#footer{background:#fafafa;padding:50px 24px 24px 24px;}
#footer .inner{margin:0 auto;width:100%;}
/*#footer.ft_service{margin-top:100vh;position:absolute;left:0;top:0;width:100%;}*/

#footer .ft_top{display:flex;align-items:center;}
#footer .ft_top .logo{width:136px;height:26px;background:url(../img/logo.svg) no-repeat left top;background-size:136px;display:inline-block;text-indent:-9999px;}
#footer .ft_menu{display:flex;margin-top:25px;}
#footer .ft_menu li{}
#footer .ft_menu li a{font-size:1.4rem;padding:10px 20px 10px 0;white-space:nowrap;}
#footer .ft_top a.resell{margin-left:auto;font-size:1.4rem;line-height:2.4rem;background:#2E5BFF;border-radius:100px;color:#fff;padding:7px 20px;font-weight:700;}
#footer .ft_top a.resell span{display:inline-block;width:24px;height:24px;background:url(../img/ft_resell.svg) no-repeat;background-size:100% auto;vertical-align:middle;margin-right:6px;}

#footer .ft_info{display:flex;margin-top:25px;}
#footer .ft_info .info_list li{display:flex;}
#footer .ft_info .info_list li span{white-space:normal;font-size:1.3rem;line-height:1.8rem;color:#444;white-space:nowrap;}
#footer .ft_info .info_list li span a{font-size:inherit;}
#footer .ft_info .info_list li span:first-child:before{display:none;}
#footer .ft_info .info_list li span:before{content:'';width:1px;height:1rem;background:#999;display:inline-block;margin:-3px 10px 0 10px;vertical-align:middle;}
#footer .ft_info .selbox{margin-left:auto;}

#footer .ft_copy{}
#footer .ft_copy p{font-size:1.4rem;font-weight:400;color:#999;white-space:nowrap;margin:25px 0;}
#footer .ft_copy .sns{display:flex;margin:25px 0;}
#footer .ft_copy .sns li{margin-right:16px;}
#footer .ft_copy .sns li a{display:inline-block;width:48px;height:48px;border-radius:100%;text-indent:-9999px;}

#footer .ft_copy .sns li a.fa{background:url(../img/ft_sns_fa.svg) no-repeat;background-size:100% auto;zoom:1;}
#footer .ft_copy .sns li a.yt{background:url(../img/ft_sns_yt.svg) no-repeat;background-size:100% auto;zoom:1;}
#footer .ft_copy .sns li a.nb{background:url(../img/ft_sns_nb.svg) no-repeat;background-size:100% auto;zoom:1;}
#footer .ft_copy .sns li a.in{background:url(../img/ft_sns_in.svg) no-repeat;background-size:100% auto;zoom:1;}

/* family site */
.family_link{position:relative;margin:25px 0;}
.family_link .btn{display:block;width:168px;height:40px;line-height:3.8rem;border:1px solid #666;font-size:1.4rem;color:#666;text-indent:10px;background:#fff url(../img/family_link.svg) no-repeat right 10px center;font-weight:500;}
.family_link.show .btn{}
.link_box{display:none;position:absolute;top:0;left:0;width:100%;}
.link_box.show{display:block;border:1px solid #666;z-index:10;width:168px;}
.link_box a{display:block;width:100%;height:40px;line-height:3.8rem;background:#fff;font-size:1.4rem;color:#666;text-indent:10px;font-weight:500;}

/* 버튼 */
a.btn-blue{display:inline-block;width:100%;height:50px;line-height:5rem;background:#205BFF;border-radius:100px;color:#fff;font-size:1.4rem;font-weight:700;}
/* 체크박스 디자인 */
.input_group input[type="checkbox"]{border:none;position:absolute;width:1px;height:1px;padding:0;margin-left:-1px;overflow:hidden;
  -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}

.input_group input[type="checkbox"] + label{height:20px;line-height:2rem;vertical-align:top;font-size:1.4rem;}
.input_group input[type="checkbox"] + label:before{display:inline-block;content:'';margin-left:14px;margin-right:6px;width:20px;height:20px;background:url(../img/check.svg) no-repeat;background-size:100%;vertical-align:top;}
.input_group input:first-child + label:before{margin-left:0;}
.input_group input[type="checkbox"]:checked + label:before{background:#205BFF url(../img/check_on.svg) no-repeat; background-size:100%;}



/* 모달 레이어 */
.modal.show{display:block;}
.modal.small .modal-content{}
.modal {display:none;position:fixed;z-index:9999;left:0;right:0;top:0;margin:0 auto;width:100%;height:100%;overflow:auto;;background-color:rgba(0,0,0,0.6);}
.modal .modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fefefe;width:80%;border-radius:6px;overflow:hidden;}
.modal .modal-content .modal-header{position:relative;padding:24px 0 10px 0;}
.modal .modal-content .modal-header h1{font-size:18px;line-height:3rem;font-weight:700;text-align:center;}
.modal .modal-content .modal-header .close{display:none;}
.modal .modal-content .modal-footer{}
.modal .modal-content .modal-footer button{width:100%;padding:20px;background:#205BFF;font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.6px;}
.modal-body{padding:0 24px 19px 24px;}
.modal-body .btn-box{margin:0 -5px;}
.modal-body .btn-box .btn-choice{width:100%;text-align:center;}
.modal-body .btn-box .btn-choice button{margin:5px;width:45%;height:42px;font-size:14px;font-weight:400;color:#999;line-height:2.2rem;border-radius:4px;border:0.5px solid #999;box-sizing:border-box;}
.modal-body .btn-box .btn-choice .active{border:1.5px solid #205BFF;color:#205BFF;}
.modal-body .btn-box .btn-choice{display:inline-block;zoom:1;*display:inline;}
.modal-body .focus_box{margin-bottom:14px;}
.modal-body .input_text{position:relative;width:100%;}
.modal-body .input_msg{display:none;color:#EB5757;margin:0 0 20px 0;font-size:12px;margin:10px 0 20px 0;}
.modal-body .txt_msg{display:none;color:#EB5757;margin:20px 0 0 0;font-size:12px;line-height:1.7rem;margin:10px 0 20px 0;}
.modal-body .input_msg.on,
.modal-body .txt_msg.on{display:block;}
.modal-body .input_msg.blue,
.modal-body .txt_msg.blue{color:#205BFF;}
.modal-body input[type="text"],
.modal-body input[type="password"]{padding:0 20px;width:100%;height:50px;font-size:14px;font-weight:400;color:#222;border:1px solid #dcdcdc;background:#fafafa;}
.modal-body input[type="text"]:active,
.modal-body input[type="text"]:focus,
.modal-body input[type="password"]:active,
.modal-body input[type="password"]:focus{border:1px solid #EB5757;}
.modal-body .txt{font-size:14px;color:#555;font-weight:500;margin:4px 0 6px 0;}
.modal-body .send{position:absolute;right:10px;top:50%;transform:translate(0, -50%);padding:0 10px;height:32px;font-size:12px;font-weight:400;color:#fff;background:#205BFF;border-radius:30px;}
.modal-body .time{position:absolute;right:10px;top:50%;transform:translate(0, -50%);padding:0 10px;font-size:12px;font-weight:400;color:#205BFF;}

.modal-body .txt_box{padding:10px 0px;}
.modal-body .txt_box p{margin-bottom:10px;text-align:center;font-size:14px;color:#6f6f6f;line-height:2.2rem;font-weight:400;}
/* 모달 레이어 풀사이즈 */
.modal.fullsize .modal-content{position:fixed;top:50%;left:0;right:0;margin:0 auto;transform:translate(0, -50%);background-color:#fff;width:100%;height:100%;border-radius:0;overflow:hidden;}
.modal.fullsize .modal-content .modal-header{display:flex;align-items:center;padding:20px 20px;height:70px;border-bottom:1px solid #e8e8e8;}
.modal.fullsize .modal-content .modal-header h1{padding-left:30px;font-size:20px;line-height:3rem;font-weight:700;letter-spacing:-0.6px;text-align:left;background:url(../img/btn_video.svg) no-repeat left center;background-size:24px auto;}
.modal.fullsize .modal-content .modal-header h1.center{background:none;text-align:center;width:100%;padding:0 0 0 22px;}
.modal.fullsize .modal-content .modal-header .close{display:inline-block;margin-left:auto;}
.modal.fullsize .modal-content .modal-header .close span{font-size:26px;color:rgba(0, 0, 0, 0.2);line-height:3rem;}
.modal.fullsize .modal-content .modal-header.noline{border-bottom:none;}
.modal.fullsize .modal-content .modal-footer{}
.modal.fullsize .modal-content .modal-footer button{width:100%;padding:20px;background:#205BFF;font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.6px;}
.modal.fullsize .modal-body{padding:0;}
.modal.fullsize .modal-body .view_box{position:fixed;top:114px;left:0;right:0;margin:0 auto;width:100%;height:calc(100% - 115px);width:100%;overflow-y:scroll;overflow-x:hidden;text-align:right;}
.modal.fullsize .modal-body .view_box.top{top:auto;}

.modal.fullsize .tab-box{display:flex;top:56px;left:0;right:0;margin:0 auto;width:100%;max-width:1200px;height:45px;border-bottom:1px solid #e8e8e8;background:#fff;}
.modal.fullsize .tab-box button{width:100%;font-size:14px;font-weight:700;color:#999;line-height:4.3rem;white-space:nowrap;}
.modal.fullsize .tab-box a{display:inline-block;width:50%;font-size:14px;font-weight:700;color:#999;line-height:4.3rem;text-align:center;}
.modal.fullsize .tab-box button.active{color:#205BFF;border-bottom:2px solid #205BFF;}

.modal.video_pop .modal-content{position:fixed;top:50%;left:0;right:0;margin:0 auto;transform:translate(0, -50%);background-color:rgba(0, 0, 0, 0);width:100%;max-width:1200px;border-radius:0;overflow:hidden;}
.modal.video_pop .modal-body{padding:0;text-align:right;}
.modal.video_pop .modal-body .close{width:30px;height:30px;font-size:0;background:url(../img/btn-close.svg) no-repeat center center;background-size:14px;}
.modal.video_pop .modal-body .video_area{}
.modal.video_pop .modal-body .video_area iframe{width:100vw;height:50vw;max-width:1200px;}

/* 모달 레이어 미디움 사이즈 */
.modal.normalsize .modal-content{width:90%;}
.modal.normalsize .modal-body{padding:0;}
.modal.normalsize .modal-content .modal-header{display:flex;padding:20px 20px;height:70px;border-bottom:1px solid #e8e8e8;}
.modal.normalsize .modal-content .modal-header.noline{border-bottom:none;}
.modal.normalsize .modal-content .modal-header h1{padding-left:30px;font-size:20px;line-height:3rem;font-weight:700;letter-spacing:-0.6px;text-align:left;background:url(../img/btn_video.svg) no-repeat left center;background-size:24px auto;}
.modal.normalsize .modal-content .modal-header .close{display:inline-block;margin-left:auto;}
.modal.normalsize .modal-content .modal-header .close span{font-size:26px;color:rgba(0, 0, 0, 0.2);}

/* 인풋 공통*/
.input_group input[type="text"],
.input_group input[type="password"],
.input_group input[type="number"]{height:56px;line-height:5.4rem;border:1px solid #dcdcdc;border-radius:4px;width:100%;font-size:1.6rem;text-indent:12px;color:#222;}

.pop table .input_group input[type="text"],
.pop table .input_group input[type="password"],
.pop table .input_group input[type="number"]{height:4rem;}

.input_group input[type="text"]:focus,
.input_group input[type="password"]:focus,
.input_group input[type="number"]:focus,
.input_group input[type="date"]:focus{border:1px solid #227a27;}

.input_group.error input[type="text"]:focus,
.input_group.error input[type="password"]:focus,
.input_group.error input[type="number"]:focus,
.input_group.error input[type="date"]:focus{border:1px solid #EB5757 !important;}

.input_group.error input[type="text"],
.input_group.error input[type="password"],
.input_group.error input[type="number"],
.input_group.error input[type="date"]{border:1px solid #EB5757 !important;}

.input_group.error input[type="text"]:focus,
.input_group.error input[type="password"]:focus,
.input_group.error input[type="number"]:focus,
.input_group.error input[type="date"]:focus{border:1px solid #205BFF !important;}


.info_msg{display:none;font-size:1.3rem;line-height:2.6rem;color:#205BFF;padding-left:10px;margin-bottom:2rem;}
.info_msg.show{display:block;}

.input_group input[type="checkbox"]{border:none;position:absolute;width:1px;height:1px;padding:0;margin-left:0;overflow:hidden;opacity:0;
  -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}

.input_group input[type="checkbox"] + label{height:20px;line-height:1.8rem;vertical-align:top;font-size:1.6rem;cursor:pointer;color:#999;}
.input_group input[type="checkbox"] + label:before{display:inline-block;content:'';margin-left:14px;margin-right:6px;width:20px;height:20px;background:url(../img/check.svg) no-repeat;background-size:100%;vertical-align:top;}
.input_group input:first-child + label:before{margin-left:0;}
.input_group input[type="checkbox"]:checked + label:before{background:#227a26 url(../img/check_on.svg) no-repeat center center; background-size:10px auto;}

span.input_group{margin-right:20px;display:inline-block;}

.inputset{display:flex;align-items:center;height:56px;border:1px solid #dcdcdc;border-radius:4px;width:100%;font-size:1.4rem;text-indent:10px;color:#222;}
.inputset.active{border:1px solid #227a26 !important;}
.input_group.error .inputset{border:1px solid #EB5757 !important;}

.inputset em{margin-right:10px;font-size:1.4rem;color:#205BFF;}
.inputset input[type="text"],
.inputset input[type="number"],
.inputset input[type="password"],
.inputset input[type="date"]{border:none;height:50px;}

.inputset input[type="text"]:focus,
.inputset input[type="number"]:focus,
.inputset input[type="password"]:focus,
.inputset input[type="date"]:focus{border:none;}

.input_group.error .inputset input[type="text"],
.input_group.error .inputset input[type="number"],
.input_group.error .inputset input[type="password"],
.input_group.error .inputset input[type="date"]{border:none !important;}




/* 버튼공통 */
.btn_blue{font-size:2rem;color:#fff;font-weight:700;background:#227a26;border-radius:4px;height:60px;width:100%;}
.btn_red{font-size:2rem;color:#fff;font-weight:700;background:#EB5757;border-radius:4px;height:60px;width:100%;}
.btn_gray{font-size:2rem;color:#fff;font-weight:700;background:#999;border-radius:4px;height:60px;width:100%;}
/*.btn_gray:hover{background:#888;}*/

/* 로그인 */
.member{margin:0 24px;}
.member h3{text-align:center;font-size:2.4rem;height:134px;text-indent:-9999px;margin:1rem 0 2.5rem 0;background:url(../img/logo_symbol.svg) no-repeat center top;background-size:180px auto;}
.member h4{font-size:1.6rem;color:#222;text-align:center;margin:20px 0 30px 0;line-height:2.5rem;}

.member .input_group{margin-bottom:20px;}
.member.find_id .input_group{margin-bottom:10px;}
.member .input_group .tit{display:flex;font-size:1.6rem;margin:1rem 0;color:#666;line-height:1.6rem;}
.member .input_group .tit .required{color:#227a27;font-size:1.4rem;margin-left:4px;}
.member .input_group .tit .date{font-size:1.3rem;color:#999;margin-left:auto;margin-bottom:6px;line-height:1.5rem;}


.find_list{}
.find_list li{width:100%;display:inline-block;margin:1.5rem 0;text-align:center;font-size:1.6rem;color:#222;line-height:1.5rem;}
.find_list li:first-child{margin-top:40px;}
.find_list li a{color:#227a27;text-decoration: underline;font-size:inherit;margin-left:10px;display:block;margin-top:1rem;}
.find_list li.join{margin-top:30px;padding-top:20px;border-top:1px solid #dcdcdc;}
.find_list li.account_del{text-align:left;}
.find_list li.account_del a{color:#666; font-size:1.4rem;margin-left:0;}

.inputbox{display:flex;}
.inputbox input[type="text"],
.inputbox input[type="password"],
.inputbox input[type="number"],
.inputbox input[type="date"]{}

.inputbox button{width:26%;min-width:96px;padding:0 0px;font-size:1.4rem;font-weight:500;color:#999;white-space:nowrap;border-radius:4px;border:1px solid #dcdcdc;margin-left:5px;}
.inputbox button.on{border:1px solid #2E5BFF;color:#2E5BFF;background:#fff !important;}
.input_group.disabled button{background:#eee;}
/*
.input_group.disabled input[type="text"],
.input_group.disabled input[type="number"],
.input_group.disabled input[type="password"]{background:#eee !important;border:1px solid #dcdcdc !important;color:#222 !important;}
*/
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled{background:#eee !important;border:1px solid #dcdcdc !important;color:#222 !important;opacity:1 !important; }

.input_group.disabled .inputset{background:#eee;border:1px solid #dcdcdc !important;color:#999;}
.input_group.disabled .inputset em{color:#999;}
.input_group.disabled .inputset input[type="text"],
.input_group.disabled .inputset input[type="number"],
.input_group.disabled .inputset input[type="password"],
.input_group.disabled .inputset input[type="date"]{background:none;border:none !important;}

.account_del{}
.account_del .guide_list{border-radius:4px;border:1px solid #dcdcdc;background:#fafafa;padding:1rem 0.8rem;margin-bottom:50px;}
.account_del .guide_list li{font-size:1.4rem;line-height:2rem;color:#666;margin:5px 0;padding-left:6px;position:relative;}
.account_del .guide_list li:before{content:'·';position:absolute;left:0;}

.input_group .status{display:none;width:24px;height:24px;margin-right:10px;}
.input_group.comp .inputset{border:1px solid #205BFF;}
.input_group.comp .inputset.group{border:1px solid #dcdcdc;}
.input_group.comp .status{display:block;background:url(../img/email_search_ok.svg);}
.input_group.error .status{display:block;background:url(../img/email_search_error.svg);}
.input_group.comp .info_msg{display:block;}

.myphoto{width:75px;height:75px;margin:0 auto;position:relative;text-align:center;}
.myphoto a{display:block;height:100%;}
.myphoto .img{border-radius:100%;overflow:hidden;position:relative;width:100%;height:100%;background:url(../img/myphoto_defult.svg) no-repeat center center;border:1px solid #dcdcdc;}
.myphoto .img img{width:auto;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.myphoto .set_icon{position:absolute;bottom:0px;right:0px;width:24px;height:24px;background:#999 url(../img/img_add.svg) no-repeat center center;border-radius:100%;color:rgba(255, 255, 255, 0);background-size:67%;}
.myphoto_open{display:none;top:78px !important;right:50% !important;left:auto !important;transform:translate(50%, 0) !important;
background:#fff;border:1px solid #dcdcdc;z-index:8888;border-radius:4px;box-shadow:0px 2px 8px rgb(117 131 142 / 4%), 0px 16px 24px rgb(52 60 68 / 12%);width:126px;}
.myphoto_open button{width:100%;height:56px;font-size:1.6rem;color:#222;line-height:2.4rem;}
.myphoto_open button.red{color:#EB5757;}
.myphoto_open.show{display:block;}

.input_group.type2{display:flex;margin-bottom:30px;}
.input_group.type2 .tit{margin:0;height:20px;position:relative;cursor:pointer;margin-top:0.7rem;}
.input_group.type2 .tit .icon_tooltip{width:14px;height:14px;background:url(../img/icon_tooltip.svg) no-repeat;background-size:14px 14px;margin-left:6px;margin-top:-1px;}
.input_group.type2 .right{margin-left:auto;}
.input_group.type2 .btn{display:flex;align-items:center;}
.input_group.type2 .btn em{border-radius:30px;height:3rem;line-height:2.8rem;border:1px solid #dcdcdc;font-size:1.4rem;color:#666;padding:0 10px;margin-right:10px;}
.input_group.type2 .btn + .btn{margin-top:10px;}
.input_group.type2 .btn i{margin-left:auto;font-size:1.4rem;}
.input_group.type2 .btn .icon_ok{display:none;color:#5BB361;}
.input_group.type2 .btn .icon_ok:before{content:'';display:inline-block;width:12px;height:12px;border-radius:100%;margin-right:4px;background:url(../img/icon_ok.svg) no-repeat;}
.input_group.type2 .btn .icon_no{display:none;color:#EB5757;}
.input_group.type2 .btn .icon_no:before{content:'';display:inline-block;width:12px;height:12px;border-radius:100%;margin-right:4px;background:url(../img/icon_no.svg) no-repeat;}
.input_group.type2 .btn .icon_ok.on,
.input_group.type2 .btn .icon_no.on{display:block;}


/* 약관동의 */
.agree_group .all{padding:20px 0;border-bottom:1px solid #dcdcdc;}
.agree_group .all label{font-size:1.4rem;color:#666 !important;}
.agree_group ul{padding:10px 0 0 0;border-bottom:1px solid #dcdcdc;}
.agree_group ul li{padding:10px 0;position:relative;}
.agree_group ul li label{font-size:1.4rem;color:#666 !important;}
.agree_group ul li a{position:absolute;right:0;top:12px;font-size:1.4rem;color:#999;text-decoration:underline;}
.agree_group ul li .sub_agree{padding:15px 0 15px 20px;}


/* 슬라이드 탭 */
.cmm-tab-panel.active{display:block;}
.cmm-tab-panel{display:none;}

.tab_slider{display:flex;justify-content: center;padding:0px 0 20px 0;position:absolute;top:90px;left:50%;transform:translate(-50%, 0);z-index:5;}
.pay_guide.price2 .tab_slider{padding:0px 26% 20px 0;}
.selector {
  padding: 0px 4px;
  background-color: #fff;
  width: min-content;
  border-radius: 100px;
  border:1px solid #000;
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.selector-item {
  white-space: nowrap;
  padding: 18px 20px;
  cursor: pointer;
  z-index: 2;
  user-select: none;
  transition: color 0.2s ease;
  width:100%;
  text-align:center;
  font-size:1.4rem;
  color:#343c44;
}

.selector-item.active {
  color: #fff;font-weight:700;
}

.highlight {
  /*background-color: #ff4757;*/
  border-radius: 100px;
  position: absolute;
  right:6px !important;
  top:4px;
  left:6px;
  width: calc(50% - 4px);
  height:38px;
  z-index: 1;
  transition: left 0.2s ease;
  background:#000
}

.top_txt{margin:35px auto 0 auto;align-items:center;justify-content:center;}
.top_txt li{font-size:1.6rem;font-weight:700;line-height:2.4rem;margin-left:35px;margin-bottom:10px;}
.top_txt li .red{color:#ED6653;}
.top_txt li button{color:#fff;background:#EB5757;width:136px;height:40px;border-radius:4px;font-size:1.2rem;font-weight:700;}
.top_txt li button span{text-indent:-20px;color:#fff;font-size:1.6rem;font-weight:700;margin-right:14px;}
.top_txt li button:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;border-radius:4px;background:url(../img/price2_link.svg) no-repeat right 12px center;background-size:12px auto;}





@media screen and (min-width: 768px) {

  .container .content{min-height:800px;}

  .member,
  .hospital_search{margin:0 auto;max-width:380px;}

  .hospital_search{min-height:600px;}

  .pay_con{max-width:800px;margin:0 auto;width:90%;}

  #header .side_menu .inner{width:49%;}


  .detail_info li{width:calc(25% - 16px);}


  #footer{padding:50px 24px 80px 24px;}
  #footer .inner{position:relative;}
  #footer .ft_copy{display:flex;}
  #footer .ft_copy .right{position:absolute;right:0;bottom:8px;}
  .family_link{display:flex;}

  .family_link .btn{width:180px;margin-left:auto;}
  .link_box.show{width:180px;}

  #footer .ft_copy .sns{margin:25px 0 0 0;}
  #footer .ft_copy .sns li{margin-right:0;margin-left:16px;}

 }