@charset "utf-8";


/* ★★★★ 전자처방 - 시작 */
.container{width:auto;padding-top:48px;}
/* 셀렉트박스 */
.elec_pres_area .select_area {
}

.elec_pres_area .select_area .select-wrapper input.select-dropdown {
    box-sizing: border-box;
    height: 20px;
    line-height: 1;
    margin: 0;
    padding: 16px 4px;
    background: #fff url(../../images/common/elec_pres/icon_arrow_down.png) no-repeat calc(100% - 10px) center;
    background-size: 10px;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
    transition: all 0.2s;
}

.elec_pres_area .select-wrapper input.select-dropdown {
    border-bottom: none;
}

.elec_pres_area .select-wrapper input.select-dropdown:focus {
    border-bottom: none;
}

.elec_pres_area .dropdown-content li {
    min-height: 40px
}

.elec_pres_area .dropdown-content li > a, .dropdown-content li > span {
    font-size: 14px;
    padding: 10px 16px;
}

.elec_pres_drungOpen {
    display: block;
    width: 100%;
    padding: 24px 10px 26px;
    background: #fff url(../../images/common/elec_pres/icon_arrow_up.png) no-repeat center 8px;
    background-size: 16px;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 -2px 4px rgba(50, 50, 50, 0.2);
}

.elec_pres_drungClose {
    display: block;
    width: 100%;
    padding: 10px 10px 24px;
    background: #fff url(../../images/common/elec_pres/icon_arrow_down.png) no-repeat center calc(100% - 8px);
    background-size: 16px;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(50, 50, 50, 0.2);
}

.elec_pres_drung_fix {
    position: fixed;
    z-index: 10;
    height: 60px;
    width: 100%;
}

.elec_pres_drung_fix_bottom {
    position: fixed;
    z-index: 10;
    width: 100%;
    bottom: 0;
}

.elec_pres_drung_fix_bottom .elec_pres_drungClose {
    box-shadow: 0 -2px 4px rgba(50, 50, 50, 0.2);
}


.modal.drug_b_modal.bottom-sheet {
    height: 100%;
    max-height: calc(100% - 26px);
    border-radius: 8px 8px 0 0;
}

.modal.drug_b_modal .modal-content {
    padding: 0;
}

.modal.drug_b_modal .modal_detail {
    padding: 0;
}


.elec_tab_area div a {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 4px 6px;
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.4);
    font-weight: 600;
    border: 2px solid #fff;
}

.elec_tab_area div a.active {
    border: 2px solid #ffca02;
}

/* 약국목록 */
.card.elec_pres_card {
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    overflow: hidden;
}

.card.elec_pres_card .card-content {
    padding: 0;
}

.card.elec_pres_card .btn_area {
    font-size: 0;
    display: flex;
}

.card.elec_pres_card .btn_area li {
    display: inline-block;
    width: 100%;
}

.card.elec_pres_card .btn_area li a {
    padding: 30px 2px 8px;
    font-size: 13px;
    display: block;
    text-align: center;
}

.card.elec_pres_card .btn_area li a {
    border-right: 1px solid #ededed;
}

.card.elec_pres_card .btn_area li:last-child a {
    border: 0;
}

/* 약국없을때 */
.no_drug_area {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #c6c6c6;
    padding: 10px;
    text-align: center;
}

.no_drug_area .img_no_drug {
    width: 100px;
}

/* qr코드 */
.qr_area {
    width: 180px;
    margin: 0 auto;
    border: 2px solid #cfcfcf;
    border-radius: 6px;
    padding: 10px;
}

/* 라디오 */
.cl_radio {
    display: none;
}

.cl_radio + label {
    width: 100%;
    height: 18px;
    background-image: url('../../images/common/elec_pres/img_radio.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 18px;
    display: inline-block;
    text-align: left;
    padding-left: 26px;
}

.cl_radio:checked + label {
    background-position: left -18px;
}

.cl_radio:disabled + label {
    background-position: left -36px;
}


/*처방전 보기*/
.popup_qrView {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: left;
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
}

.popup_qrView .back_black {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.popup_qrView .popup_box {
    background: rgba(255, 255, 255, 1);
    width: 100%;
    height: auto;
    overflow-y: scroll;
    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0%;
}

.popup_qrView .pop_close {
    width: 44px;
    height: 48px;
    margin: 0px;
    position: absolute;
    top: 0;
    right: 0;
}

.popup_qrView .pop_close i {
    line-height: 48px;
    height: 48px;
}

.popup_qrView .pre_body {
    padding: 0;
    margin-top: 48px;
    height: 30px;
}


/* ★★★★ 전자처방 - 끝 */

/*알림톡 처방전 style 수정*/
/*약국지도*/
.pTransferContainer {
    /*width: 100%;*/
    /*height: 100%;*/
    /*text-align: left;*/
    /*top: 0;*/
    /*left: 0;*/
    /*display: none;*/
}
/*약국색상 설명*/
.pharm_map .pharm_color{
    padding:0.5rem 1rem;
    background: rgba(255,255,255,0.9);
    border-radius: 0.5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 2;
}
.pharm_map .pharm_color li{
    position: relative;
    padding-left:2rem;
    line-height: 2.5rem;
}
.pharm_map .pharm_color li::before{
    content:'';
    width:1rem;
    height:30px;
    display: block;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;

}
.pharm_map .pharm_color .usable::before{
    background-image: url(../../images/common/alarmTalk/icon_map_point.png);
}
.pharm_map .pharm_color .unUsable::before{
    background-image: url(../../images/common/alarmTalk/icon_map_default.png);


}

.pTransferContainer .map_wrap {
    width: 100%;
    overflow-y: hidden;
    position: absolute;
    top: 4rem;
    left: 0;
    bottom: 0;
    position: fixed;
}

.map_wrap {
    position: relative;
    width: 100%;
}
.map_wrap #map{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
}

.map_wrap .pharm_list {
    padding: 0;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index: 999;
}
/*지도에사 약국 클릭 시 */

.map_wrap .pharm_map_info{
    position:absolute;
    bottom:45px;
    width:100%;
    box-shadow: 0 0 20px rgba(0,0,0,0.42);
    border:0;
    border-radius: 0.5rem 0.5rem 0 0;
}
.map_wrap .card.elec_pres_card{
    margin:0;
    border:0;
}
/*약국목록보기 버튼*/
.map_wrap .pTransferFBtn {
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: 1.1rem;
    background-color: #FFCB05;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    position:absolute;
    bottom:0;
    z-index:100;
    cursor: pointer;
}
.pTransferContainer .popup_box {

}
#idPharmacyList{
}
.pTransferContainer #idPharmacyList  .card-header{
    cursor: pointer;
}

.pTransferContainer .pTModalContainer {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: none;
    z-index: 200;
    background: #f5f5f5 !important;
}
.pharm_list_cont{
    padding:0 1rem;
}

.pharm_list_cont .select_pharm{
    display: grid;
    grid-template-columns: 30% 70%;
    margin-bottom:1rem;
}
.pharm_list_cont .select_pharm select{
    border:1px solid #ddd;
    width:100%;
    display: inline-block !important;
    appearance:auto;
    height:auto;
    padding:0.5rem;
    color:#000;
    border-radius: 0.5rem;
}

.pTransferContainer .pTModalContainer .card.elec_pres_card {
    border:1px solid #fff;
    float: left;
    margin:0 0.5rem 1rem;
    width:calc(50% - 13px);
    position:initial;
}
.pTransferContainer .pTModalContainer .card.elec_pres_card.bookmark{
    border-color: #005AF5 !important;
}
.pTransferContainer .pTModalContainer .card.elec_pres_card:not(.bSelPharmDisp){
    color:#005AF5
}
.pTransferContainer .card-header{
    padding:1rem 0.5rem;
}
.pTransferContainer .card-header .pharm_name{
    width: 100%;
}
.pTransferContainer .card-header .pharm_name > p{
    width:90%;
    margin-left:0;
    position: relative;
    padding-left:2rem;
}
.pTransferContainer .card-header .pharm_name > p::before{
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
    background:url(../../images/common/alarmTalk/unbookmark.svg) center no-repeat;
    background-size: 100%;
    width:20px;
    height:20px;
}
.pTransferContainer .card-header .pharm_name > p.bookmark::before{
    background-image: url(../../images/common/alarmTalk/bookmark.svg);
}
.pTransferContainer .card-header .pharm_name + .right-align{
    width:20%
}
.pTransferContainer .card-header p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pharm_map .iconContainer {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    text-align: right;
    margin-left: 0.5rem;
}
.pharm_map .iconContainer.iTitle {
    position: absolute;
    padding: 2rem 1rem;
    background-image: url(../../images/common/alarmTalk/back-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.pTransferContainer .pTModalContainer .dropDownIcon {
   vertical-align: middle;
    transform: rotate(-90deg);
}
.pTransferContainer .popUp_bg{
    content:'';
    background:rgba(0,0,0,0.5);
    left:0;
    top:0;
    right:0;
    bottom:0;
    position: fixed;
    z-index: 2;
}
.pTransferContainer #idPharmacyList .card-body{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate3d(-50%, -50%, 0);
    background:#fff;
    width:90%;
    border-radius: 0.5rem;
    overflow: hidden;
}
.pTransferContainer .card-body .pharm_title{
    padding:1rem;
    margin-bottom:1rem;
    border-bottom:1px solid #eee;
}

.pTransferContainer .card-body .pharm_title > *{
    width:50%;
}
.pTransferContainer .card-body .pharm_title > a > img{
    width: 22px;
    vertical-align: middle;
}
.pTransferContainer .card-body .pharm_info{
    font-size: 1.05rem;
    line-height: 2rem;
    border-bottom:1px solid #ddd;
    padding:1rem;
    padding-top:0
}
.pTransferContainer .card.elec_pres_card .card-body .pharm_info a{
    text-decoration: underline;
}
.pTransferContainer .card.elec_pres_card .card-body .btn_area li{
    font-size:1.05rem;
    text-align: left;
    border-right: 0;
    cursor: pointer;
    padding:1.5rem 1rem;

}
.pTransferContainer .card.elec_pres_card .card-body .btn_area li button{
    color:#000;
    position: relative;
    background:none;
    display: inline-block;
    border:0;
    padding-left: 2.5rem;
}
.pTransferContainer .card.elec_pres_card .card-body .btn_area li button:disabled{
    color:#a0a0a0;
}

.pTransferContainer .card.elec_pres_card .card-body .btn_area li button::before{
    content:'';
    display: block;
    width:100%;
    height:25px;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: left center;
}
.pTransferContainer .card.elec_pres_card .card-body .btn_area button{
    cursor: pointer;
}
.pTransferContainer .card-body li.b_drugPrepare_gray,
.pTransferContainer .card-body li.b_fax_gray{
    background-color:#ededed;
}
.pTransferContainer .card.elec_pres_card .card-body .btn_area li.b_fax button::before{
    background-image: url(../../images/common/alarmTalk/ico_fax.png);
}

.pTransferContainer .card.elec_pres_card .card-body .btn_area li.b_fax_gray button::before{
    background-image: url(../../images/common/alarmTalk/ico_fax_none.png);
}
.pTransferContainer .card.elec_pres_card .card-body .btn_area li.b_drugPrepare button::before{
    background-image: url(../../images/common/alarmTalk/ico_drug.png);
}

.pTransferContainer .card.elec_pres_card .card-body .btn_area li.b_drugPrepare_gray button::before{
    background-image: url(../../images/common/alarmTalk/ico_drug_none.png);
}
.pTransferContainer .pTModalContainer .search_wrap {
    padding: 1.5rem 1rem 1rem;
    margin-bottom: 1.5rem;
    background: #fff;
}
.pTransferContainer .pTModalContainer .search_wrap h2{
    font-size:1.2rem;
    font-weight: 600;
}
.pTransferContainer .pTModalContainer .check{
    padding:0.5rem;
}
.pTransferContainer  .check input[name=bookmark] + label {
    position: relative;
    padding-left: 1.8rem;
    font-size: 1.1rem;
    display: inline-block
}

.pTransferContainer  .check input[name=bookmark] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 2px;
    border: 1px solid #00000080;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background:#fff;
}

.pTransferContainer  .check input[name=bookmark]:checked + label:after {
    background-color: #0067b3;
    background-image: url(../../images/common/icon/check_icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 2px;
    border: 1px solid #0067b3;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.pTransferContainer .pTModalContainer .input {
    position: relative;
    margin-top: 1rem;

}

.pTransferContainer .pTModalContainer .input input[name=search_pharm] {
    border: 1px solid #9e9e9e;
    border-radius: 4px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    position: relative
}

.input input[type=text]:focus, .input input[type=text]:not(.browser-default):focus:not([readonly]) {
    border: 1px solid #7d95d9;
    box-shadow: none;
}

.pTransferContainer .pTModalContainer .input .srch_btn {
    border: 0;
    width: 44px;
    height: 44px;
    background-color: transparent;
    background-image: url(../../images/common/alarmTalk/ico_search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    position: absolute;
    right: 0;
    top: 0
}



.pTransferContainer .pTModalContainer.ptModalClose {
    position: absolute;
    color: #ffffff;
    cursor: pointer;
}

.pTransferContainer .popup_area {
    z-index: 300;
    background:rgba(0,0,0,0.8);
}

.pTransferContainer .popup_area .popup_box{
    max-width: 768px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    overflow: hidden;
    border-radius: 0.5rem;
    height: fit-content;
}
.pTransferContainer .popup_area .popup_header{
    width:100%;
    background:#0e74b7;;
    color:#fff;
    text-align: center;
}
.pTransferContainer .popup_area .popup_header .header_title{
    padding:1rem 0;
    font-size:1.2rem;
    font-weight: bold;
}
.pTransferContainer .popup_area .content{
    margin:0;
    padding:1rem;
}
.pTransferContainer .popup_area .modal_detail label{
    font-size:1rem;
}
.pTransferContainer .popup_area .modal_detail p{
    margin:1rem 0 ;
}
.pTransferContainer .popup_area .popup_footer{
    width:100%;
    padding:1rem;
}
.pTransferContainer .popup_area .popup_footer button:first-child{
    margin-right:1rem
}
.pTransferContainer .popup_area .popup_footer button{
    width:100%;
    padding:1rem;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 0.5rem;
}
.pTransferContainer .popup_box .btn_cancel{
    margin-right:1rem;
    background:#fff !important;
    border-color:#BFBFBF !important;
    color: #262626 !important;
}
.pTransferContainer .popup_box .btn_ok{
    color:#006BDC !important;
    border-color:#006BDC !important;
    background: #fff !important;
}
.pTransferContainer .popup_area .popup_footer button.active{
    color:#fff !important;
    background: #006BDC !important;
}
.pTransferContainer .pop_close {
    width: 44px;
    height: 48px;
    margin: 0px;
    position: absolute;
    top: 0;
    right: 0;
}

.pTransferContainer .pop_close i {
    line-height: 48px;
    height: 48px;
}

.billDownHeader{
    background-color:#223344;
    color:#fff;
    font-size:1.4rem;
    text-align: center !important;
    height:4rem !important;
    top:0 !important;
    line-height: 4rem;
    padding-left:0 !important;
}

/*처방전출력*/
.doc_print{
    min-width:360px;
    width:100%;
    margin:0 auto;
    background:#FFCB05
}
.doc_print .container{
    width:100% !important;
}

.doc_verify{
    padding:50px 90px 100px;
}
.doc_verify h2{
    font-size:1.8rem;
    display: inline-block;
    line-height: 1.8;
}
.doc_verify .print_info{
    border-bottom:3px solid rgba(255,255,255,0.3);
    text-align: center;
    padding-bottom:3rem;
    margin-bottom:3rem;
}

.doc_verify .print_info ul{
    margin-top:3rem;
}
.doc_verify .print_info ul li{
    position: relative;
    font-weight: 500;
}

.doc_verify .print_info ul li img{
    display: block;
    width:130px;
    height:130px;
    margin-bottom:2rem;
}
.doc_verify .print_info ul li::after{
    content:'';
    background: url(../../images/common/alarmTalk/print/info_arrow.png) center no-repeat;
    background-size: 100%;
    display: block;
    width:50%;
    height:10px;
    position: absolute;
    right:-100%;
    top:35%;

}
.doc_verify .print_info ul li:last-child::after{
    content:none
}

.doc_check{
    text-align: center;
}

.doc_check h2{
    margin-bottom:2rem;
}

.doc_check .select{
    width:50%;
}
.doc_check .lemoncare-select{
    text-align: left;
    position: relative;
}
.doc_check .lemoncare-select > .dropdown-toggle.disabled{
    background:transparent;
    color:#212121;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top:1rem;
    padding:0;
    margin-left:-1rem
}
.doc_check .lemoncare-select > .dropdown-toggle.disabled::after{
    opacity: 0;
}
.doc_check .lemoncare-select > .dropdown-toggle{
    background: #fff;
    color: #000;
    width: 80%;
    line-height: 40px;
    font-size: 1rem;
    padding:0 0.5rem;
    position: relative;
    cursor: pointer;
    text-align: left;
}
.doc_check .lemoncare-select > .dropdown-toggle::after{
    content: "";
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 50%;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: translateY(-50%) rotate(0deg);
    transition: all 0.1s;
    border: none;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    background:url(../../images/common/alarmTalk/ico_unfold.svg) center no-repeat;
    width:44px;
    height:44px;
}
.doc_check .lemoncare-select > .dropdown-toggle.show::after{
    transform: translateY(-50%) rotate(180deg);
    transition: all 0.1s;
}

.doc_check .lemoncare-select .dropdown-menu.inner{
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.doc_check .dropdown-menu{
    overflow: hidden;
    background:#fff;
    width:80%;
    position: absolute;
    bottom: 44px;
    left: 0px;
    border-radius: 0.5rem;
    border: 1px solid #000;
    display: none;
    max-height: 450px;
}
.doc_check .dropdown-menu.show{
    display: block;
    overflow-y: auto;

}
.doc_check .lemoncare-select .dropdown-menu li{
    position: relative;
    line-height: 44px;
}
.doc_check .lemoncare-select .dropdown-menu li.selected{
    background:#eee;
}
.doc_check .lemoncare-select .dropdown-menu li a{
    display: block;
    cursor: pointer;
    padding: 0 0.5rem;
    border-top: 1px solid #fff;
    line-height: 50px;
    height: 50px;

}
.doc_check .lemoncare-select .dropdown-menu li a:hover{
    background:#eee;
}
.doc_check .lemoncare-select .dropdown-menu li a span.text{
    display: inline-block;
}
.doc_check .lemoncare-select .dropdown-menu .hosp_list{
    justify-content: flex-start;
    height: 50px;
    align-items: center;
    display: flex;

}

/* 병원리스트 hosp */

/* 병원 */
.doc_check .hosp_list .img_area.hosp{
    background-image: url(../../images/common/alarmTalk/hospital/icon_biz_total_hosp.png);
    background-repeat: no-repeat;
    background-size: 240px;
    display: inline-block;
    width: 60px;
    height: 41px;
    margin-right: 1rem;
    line-height: 50px;
    vertical-align: bottom;
    border-radius: 4px 0 0 4px;
}
.doc_check .hosp.hcd_11100206{background-position: 0 0;} /*세브란스*/
.doc_check .hosp.hcd_11100338{background-position: -60px 0;} /*가톨릭대학교서울성모병원*/
.doc_check .hosp.hcd_11100443{background-position: -120px 0;}/*강남세브란스병원*/
.doc_check .hosp.hcd_31100741{background-position: -180px 0;}/*국립암센터*/

.doc_check .hosp.hcd_31100210{background-position: 0 -40px;}/*부천성모병원*/
.doc_check .hosp.hcd_11100435{background-position: -60px -40px;}/*건국대학교병원*/
.doc_check .hosp.hcd_31101186{background-position: -120px -40px;}/*가톨릭관동대국제성모병원*/
.doc_check .hosp.hcd_37100025{background-position: -180px -40px;}/*계명대학교동산병원*/

.doc_check .hosp.hcd_37100033{background-position: 0 -80px;}/*대구파티마병원*/
.doc_check .hosp.hcd_37100017{background-position: -60px -80px;}/*경북대학교병원*/
.doc_check .hosp.hcd_11100818{background-position: -120px -80px;}/*상계백병원*/
.doc_check .hosp.hcd_21100063{background-position: -180px -80px;}/*부산백병원*/

.doc_check .hosp.hcd_37100327{background-position: 0 -120px;}/*구병원*/
.doc_check .hosp.hcd_34100245{background-position: -60px -120px;}/*건양대학교병원*/
.doc_check .hosp.hcd_21100021{background-position: -120px -120px;}/*부산대학교병원*/
.doc_check .hosp.hcd_37100092{background-position: -180px -120px;}/*대구가톨릭대학교병원*/

.doc_check .hosp.hcd_11100842{background-position: 0 -160px;}/*강남차병원*/
.doc_check .hosp.hcd_11100249{background-position: -60px -160px;}/*보라매병원*/
.doc_check .hosp.hcd_31100058{background-position: -120px -160px;}/*성빈센트병원*/
.doc_check .hosp.hcd_31100473{background-position: -180px -160px;}/*아주대학교병원*/

.doc_check .hosp.hcd_11100028{background-position: 0 -200px;}/*여의도성모병원*/
.doc_check .hosp.hcd_11100150{background-position: -60px -200px;}/*은평성모병원*/
.doc_check .hosp.hcd_31100295{background-position: -120px -200px;}/*의정부성모병원*/
.doc_check .hosp.hcd_31100554{background-position: -180px -200px;}/*인하대학교병원*/

.doc_check .hosp.hcd_38100631{background-position: 0 -240px;}/*창원경상대학교병원*/
.doc_check .hosp.hcd_37100467{background-position: -60px -240px;}/*칠곡경북대학교병원*/
.doc_check .hosp.hcd_11100036{background-position: -120px -240px;}/*서울백병원*/
.doc_check .hosp.hcd_21100608{background-position: -180px -240px;}/*해운대백병원*/

.doc_check .hosp.hcd_31100651{background-position: 0 -280px;}/*일산백병원*/
.doc_check .hosp.hcd_35100010{background-position: -60px -280px;}/*전북대학교병원*/
.doc_check .hosp.hcd_11921196{background-position: -120px -280px;}/*소람한방병원*/
.doc_check .hosp.hcd_37204661{background-position: -180px -280px;}/*한영한마음아동병원*/

.doc_check .hosp.hcd_38100487{background-position: 0 -320px;}/*한마음창원병원*/
.doc_check .hosp.hcd_31100830{background-position: -60px -320px;}/*인천한림병원*/
.doc_check .hosp.hcd_37204505{background-position: -120px -320px;}/*세강병원*/
.doc_check .hosp.hcd_31101372{background-position: -180px -320px;}/*일산차병원*/

.doc_check .hosp.hcd_lemonhc{background-position: 0 -360px;}/*레몬병원*/
.doc_check .hosp.hcd_11100052{background-position: -60px -360px;}/*중앙대학교병원*/
.doc_check .hosp.hcd_11100079{background-position: -120px -360px;}/*서울대학교병원*/
.doc_check .hosp.hcd_36100498{background-position: -180px -360px;}/*화순전남대학교병원*/
.doc_check .hosp.hcd_36100013{background-position: -180px -360px;}/*전남대학교병원*/

.doc_check .hosp.hcd_37200828{background-position: 0 -400px;}/*효성병원*/
.doc_check .hosp.hcd_35100281{background-position: -60px -400px;}/*대자인병원*/

.hosp.hcd_31101411{background-position: -120px -400px;}/*을지대병원*/
.hosp.hcd_11100729{background-position: -180px -400px;}/*강동성심병원*/

.hosp.hcd_31100678{background-position: 0 -440px;}/*일산병원*/
.hosp.hcd_11100800{background-position: -60px -440px;}/*아산병원*/
/*한양대병원*/
.hosp.hcd_11100184 {
    background-position: 0 -320px;
}
/*한양대구리병원*/
.hosp.hcd_31100538 {
    background-position: 0 -320px;
}
/*명지병원*/
.hosp.hcd_31100376 {
    background-position: -120px -440px;
}
/*가천대길병원*/
.hosp.hcd_31100309 {
    background-position: -180px -440px;
}
/*삼성창원병원*/
.hosp.hcd_38100525 {
    background-position: 0 -480px;
}
/*진주제일병원*/
.hosp.hcd_38100550 {
    background-position: -60px -480px;
}
/*제주대병원*/
.hosp.hcd_39100103 {
    background-position: -120px -480px;
}
/*경상국립대학교병원*/
.hosp.hcd_38100215 {
    background-position: 0 -240px;
}
/* 대전을지대병원*/
.hosp.hcd_34100041 {
    background-position: -120px -400px;
}
/*노원을지대병원*/
.hosp.hcd_11101016 {
    background-position: -120px -400px;
}
/*단국대학교병원*/
.hosp.hcd_34100199 {
    background-position: -180px -480px;
}
/*조선대학교병원*/
.hosp.hcd_36100021 {
    background-position: 0px -527px;
}
/*고려대학교안산병원*/
.hosp.hcd_31100252 {
    background-position: -60px -527px;
}
/*고려대학교구로병원*/
.hosp.hcd_11100494 {
    background-position: -60px -527px;
}
/*고려대학교안암병원*/
.hosp.hcd_11100117 {
    background-position: -60px -527px;
}
/*원광대학교안암병원*/
.hosp.hcd_35100061 {
    background-position: -120px -527px;
}
/*화순전남대학교병원*/
.hosp.hcd_36100013 {
    background-position: -180px -360px;
}
/*중앙대학교광명병원*/
.hosp.hcd_31101445 {
    background-position: -60px -360px;
}
/*동아대병원*/
.hosp.hcd_21100390 {
    background-position: -180px -527px;
}
/*안양샘병원, 군포지샘병원*/
.hosp.hcd_31100597, .hosp.hcd_31101127{
    background-position: 0px -560px;
}
/*전주예수병원*/
.hosp.hcd_35100028{
    background-position: -60px -600px;
}
/*근로복지공단 서울,부산, 안산, 인천, 경기, 태백, 정선, 동해, 대전, 순천, 광주, 대구, 창원*/
.hosp.hcd_12389285, .hosp.hcd_21359075, .hosp.hcd_31101020, .hosp.hcd_31101208, .hosp.hcd_31283543,
.hosp.hcd_32100221, .hosp.hcd_32200927, .hosp.hcd_32200935, .hosp.hcd_34100326, .hosp.hcd_36100749,
.hosp.hcd_36344664, .hosp.hcd_37203631, .hosp.hcd_38100517
{ background-position: -120px -600px; }
/*건강관리협회 제주, 경남, 경북, 광주전남, 전북, 대전청남, 충북세종, 강원, 울산, 경기, 인천, 대구, 부산서두, 부산동부, 서울강남, 서울동부, 서울서부*/
.hosp.hcd_39301435, .hosp.hcd_38309114, .hosp.hcd_37312588, .hosp.hcd_36307530, .hosp.hcd_35305011,
.hosp.hcd_34308326, .hosp.hcd_33303614, .hosp.hcd_32305575, .hosp.hcd_38320894, .hosp.hcd_31317537,
.hosp.hcd_31317529, .hosp.hcd_37312570, .hosp.hcd_21358974, .hosp.hcd_21314543, .hosp.hcd_12353370,
.hosp.hcd_11363479, .hosp.hcd_11343214{
    background-position: -180px -600px;
}
/*동국대일산*/
.hosp.hcd_31100881{
    background-position: 0px -640px;
}
/*성애, 광명성애*/
.hosp.hcd_11100397, .hosp.hcd_31100228{
    background-position: -60px -640px;
}
.doc_check .input{
    width:70%;
    margin-right:2rem
}

.doc_check input[type='password'], .doc_check select{
    background: #fff;
    margin-bottom: 0 !important;
}
.doc_check input[type='password'], .doc_check select, .doc_check button{
    height:44px;
    border-radius: 0.5rem;
    border: 0 !important;
}
.doc_check input[type=password]:not(.browser-default):focus:not([readonly]){
    box-shadow: none;
    border-bottom:0
}
.doc_check input[type='password']::placeholder, .doc_check select::placeholder{
    color:#21212133
}
.doc_check label, input[type='password'], .doc_check select{
    display: block;
    width:100%;
}
.doc_check label{
    font-weight: 500;
    margin-bottom:0.5rem;
    text-align: left;
    margin-top: 2rem;
    font-size: 1rem;
}
.doc_check select{
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important;
    border-radius: 4px !important;
    color: #000;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.doc_check .doc_confirm {
    background: #8A8383;
    color: #fff;
    width: 280px
}
.jutify-content-around{
    justify-content:space-around
}
.pub_list{
    font-size: 1.1rem;
}
.password .popup_wrap{
    background:#333;
    width:100%;
    padding:1.5rem;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    z-index: 999;
}
.password .popup_wrap .popup_box{
    background:#fff;
    border-radius: 1rem;
    width: calc(100% - 1.5rem);
    position: absolute;
    top:25%;
    left:50%;
    transform: translate(-50%);
    padding:2rem 1rem;

}
.password .popup_box .pop_title{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.password .popup_box .input_area input[type='password']{
    border-bottom:1px solid #000;
}
.password .popup_box .input_area input[type='password'].danger{
    border-bottom-color: #FC0303;
}
.password .popup_box .input_area input[type='password']:focus{
    box-shadow: none !important;;
}
.password .popup_box .input_area .danger{
    color:#FC0303;
}
.password .popup_box .popup_btn_area{
    margin-top:2rem
}
.password .popup_box .popup_btn_area > a{
    width:50%;
    display: block;
    text-align: center;
    border-radius: 0.5rem;
    padding:1rem ;
    font-weight: bold;
}
.password .popup_box a.btn_cancel{
    margin-right:1rem;
    background:#fff !important;
    border-color:#BFBFBF !important;
    color: #262626 !important;
}
.password .popup_box a.btn_ok{
    color:#006BDC !important;
    border-color:#006BDC !important;
    background: #fff !important;

}
/* 전자처방전 보기 */
.pres_view{
    padding:1.5rem;
}
.pres_view .pres_title{
    text-align: center;
}
.pres_view .pres_title h3{
    font-size:1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.pres_view .btn_primary{
    margin-top:1rem;
}
.pres_view canvas{
    background:#fff;
    width:100%;
    height:100%;
    margin-top:1rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
    margin-bottom:4rem;
}

/*병원선택 병원로고*/

@media screen and (min-width:768px){
    .wrap_cont{
        max-width: 768px;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .certReceipt section{
        padding:1rem;
        margin-top:1rem;
        margin-bottom:1rem;
        border-radius: 4px;
    }

}


@media screen and (max-width:768px) {
    .doc_verify {
        padding: 30px 20px;
    }

    .doc_verify h2 {
        font-size: 1.5rem;
    }
    .doc_verify .print_info ul{
        align-items: end !important;
    }
    .doc_verify .print_info ul li::after {
        display: none;
    }
    .doc_verify .print_info ul li img {
        width: 120px;
        height: 120px;
        margin-bottom: 1rem;
    }

    .md-flex-none {
        display: block;
    }
    .md-flex-none .input, .md-flex-none.doc_check .select,
    .md-flex-none.doc_check .lemoncare-select > .dropdown-toggle,
    .md-flex-none.doc_check .dropdown-menu{
        width:100%;
    }
    .md-flex-none.doc_check .doc_confirm{
        width:100%;
        margin-top:2rem;
        margin-left:0;
    }

}

/*알림톡 영수증 다운로드*/
.billDownHeader{
    background-color:#223344;
    color:#fff;
    font-size:1.4rem;
    text-align: center !important;
    height:4rem !important;
    top:0 !important;
    line-height: 4rem;
    padding-left:0 !important;
}
.container.certReceipt{
    max-width:100%
}
.container.certReceipt, .cert_down{
    background:#fff;
}
.container.certReceipt * {
}
.container.certReceipt > div{
    padding-top:1rem
}
.certReceipt section{
    padding:1rem;
    margin:1rem;
    border-radius: 0.5rem;

}
.certReceipt section.talk_banner{
    margin:1rem;
    padding:0;
}
.certReceipt section.talk_banner .payAlermBanner_area{
    border-radius: 0.5rem;
}
.certReceipt .banner_img{
    width:100%;
    display: block;
}
.certReceipt .banner_img > img{
    display: block;
}
section.terms_box{
    padding-top:2rem;
    margin-bottom:0 !important;
}
.term_cont > p{
    font-weight: bold;
    line-height: 1.8;
    font-size: 1.1rem;
}
.term_cont h2{
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom:1rem
}
span.text_highlight{
    display: inline-block;
    position: relative;
    background:#FFF237 0% 0% no-repeat padding-box;
    width:fit-content;
    line-height: 1.8;
    letter-spacing: -0.05rem;
    padding:0 3px;
}
.term_cont span.descript{
    text-decoration: underline;
    color:#005AF5;
    text-align: right;
    letter-spacing: -1px;
    display: block;
    margin-top:1rem
}
section.terms_box .terms_header{
    padding-top: 1rem;
    text-align: right;
}
section.terms_box .terms_header.text-left{
    text-align: left !important;
}
section.terms_box .terms_header input[type='checkbox']{
    /*display: none;*/
}
section.terms_box .terms_header input[name='terms'] + label{
    position: relative;
    padding-left: 1.8rem;
    display: inline-block;
    font-size: 1rem;
}
section.terms_box .terms_header input[name='terms'] + label:before{
    content:'';
    width:18px;
    height:18px;
    display: block;
    border-radius: 2px;
    border:1px solid #00000080;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
section.terms_box .terms_header input[name='terms']:checked + label:after{
    background-color:#0067B3;
    background-image: url(../../images/common/icon/check_icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size:100%;
    content:'';
    width:18px;
    height:18px;
    display: block;
    border-radius: 2px;
    border:1px solid #0067B3;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);

}
/*전자처방전 동의 체크박스 변경*/
section.terms_box .talk_base li label{
    left:0 !important;
}
section.terms_box .talk_base li .collapsible-header i.material-icons{
    margin-right: 0 !important;
}
.cert_down{
    margin-top:0 !important;
    /*box-shadow: 0px 1px 8px #d9d9d9;*/
    border-top: 3px solid #466bd3;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.desc_receipt{
    background-color:#0000000C
}
.cert_name h2{
    font-size:1.2rem;
    font-weight: 600;
    padding-bottom: 0.8rem;
    margin-bottom: 0.5rem;
    border-bottom:1px solid #ddd;
}
.cert_name .cert_item li{
    line-height: 1.5rem;
    position: relative;
    padding-left:1rem;
    font-size:1.1rem;
    margin-top:1rem;
}
.cert_name .cert_item li::before{
    content:'';
    display: block;
    width: 3px;
    height: 3px;
    background:#000;
    position: absolute;
    left:0;
    top:0.8rem;
    border-radius: 50px;
}
.cert_down .btn_down{
    background:#005AF5;
    line-height: 32px;
    color:#fff;
    display: block;
    width:100%;
    margin-top:1.5rem;
    border-radius: 50px;
    border:0;
    text-align: center;
    font-size:1.1rem;
    padding:0.5rem 0;
    font-weight: bold;
}
.cert_down .btn_down > span{
    position: relative;
    display: inline-block;
    padding-right:1rem;
}
.cert_down .btn_down > span::after{
    content:'';
    background-image: url("../../images/common/alarmTalk/ico_download.svg");
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right:-1rem;
    top:0;
    display: block;
    width:1rem;
    height:100%;
    background-size: 100%;
}
.cert_down .btn_down:disabled {
    background: #0000000D;
    color:#b3b3b3
}
.cert_down .btn_down:disabled > span::after{
    content:none
}
.cert_down.error{
    margin-top:1rem !important;
}
.cert_down.error .cert_name{
    padding-left:0 !important;
    color:#7e7e7e;
    text-align: center;
    font-size:1.2rem;
}
.cert_down.error .cert_name > p{
    font-size: 1.5rem;
    color:#0e74b7;
    font-weight: bold;
    margin-bottom: 0.7rem;
}
.cert_down.error .cert_name::before{
    content:none;
}
.desc_receipt > *{

}
.desc_receipt h5{
    font-weight: 500;
    line-height: 1.8;
    font-size:1.1rem
}
.desc_receipt p{
    color:#595959;
}
.img_appDown{
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 120px;
    height: 140px;
    /*background-image: url("../../images/common/alarmTalk/hospital/char_lemon.png");*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.img_appDown.hcd_empty{ /*병원코드 없을때*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_empty.png");
    height: 80px;
}
.img_appDown.hcd_37100467{ /*칠곡경북대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_37100467.png")
}
.img_appDown.hcd_37100017{ /*경북대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_37100017.png")
}
.img_appDown.hcd_21100021{ /*부산대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_21100021.png")
}
.img_appDown.hcd_11100443{ /*강남세브란스*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_11100443.png")
}
.img_appDown.hcd_11100052{ /*중앙대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_11100052.png")
}
.img_appDown.hcd_11100079{ /*서울대학교병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_11100079.png")
}
.img_appDown.hcd_11100249{ /*보라매병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_11100249.png")
}
.img_appDown.hcd_31100651{ /*일산병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_31100651.png")
}
.img_appDown.hcd_31101186{ /*가톨릭관동대 국제성모병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_31101186.png")
}
.img_appDown.hcd_36100498{ /*화순전남대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_36100498.png")
}
.img_appDown.hcd_37100025{ /*계명대동산병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_37100025.png")
}
.img_appDown.hcd_38100487{ /*한마음창원병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_38100487.png")
}
.img_appDown.hcd_38100631{ /*창원경상대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_38100631.png")
}
.img_appDown.hcd_31100376{ /*명지병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_31100376.png")
}
.img_appDown.hcd_34100245{ /*건양대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_34100245.png")
}
.img_appDown.hcd_39100103{ /*제주대병원*/
    background-image: url("../../images/common/alarmTalk/hospital/hcd_39100103.png")
}

.talk_banner .payAlermBanner_area{
    height: auto !important;
}
.talk_banner .payAlermBanner_area h3{
    margin-bottom:0.5rem
}
h2.error_title{
    color:#b92c28;
}

.bg-gray{
    background: #F1F3F4;
}

/************************************************
	전자처방전보기 정보동의
************************************************/
.all_Con {width:90%; display:block; margin:0px auto;}
.all_Con input[type="checkbox"] + label {
    width:100%; height:43px; position:relative;
    display:block; padding:10px 20px 10px 30px;
    font-size:13px; margin:5px auto; border:1px solid #c9c9c9; border-radius:5px; cursor:pointer;
    background: #fff url(../../images/common/alarmTalk/more.png) right 5px center no-repeat;
    overflow:hidden;
    text-overflow:ellipsis; white-space:nowrap;
    }
.all_Con input[type="checkbox"] + label::before{
    content:'';
    display: inline-block;
    background:url(../../images/common/alarmTalk/check_btn.png) 0 0 no-repeat;
    background-size: 100%;
    width:30px;
    height:30px;
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.all_Con a {font-size:0.80rem;}
.all_Con_ck input[type="checkbox"]:checked + label::before {background-position:-0px -31px;}
.all_Con_ck input[type="checkbox"] {display:none;}

.pres_hidden {margin-top:-6px; height:0; overflow:hidden;}
.Info_consent {width:100%; margin:0px auto; font-size:0.85rem; padding:20px; background:#e4e4e473;}
.Info_consent li {line-height:1.6; margin-bottom:15px; padding-left:0px; position:relative;}
.Info_consent li:last-child {margin-bottom:0;}
.Info_consent li > p {padding-left:15px; color:#363636; font-size:0.8rem; line-height:1.5; margin:8px 0;}
.Info_consent li ul li {padding-left:30px; margin:5px 0; position:relative;}
.Info_consent li ul li:before {content:"-"; display:inline-block; width:4px; height:3px; position:absolute; top:0; left:20px;}

.all_Con_ck input[type="checkbox"]:checked ~ .pres_hidden {height:170px; overflow-y:auto;}
.all_ck input[type="checkbox"]:checked + label {border:1px solid #4994ef;}
.all_ck input[type="checkbox"]:checked + label a {color:#4994ef;}
.all_Con_ck input[type="checkbox"]:checked .all_Con {background:#fff url(../../images/common/alarmTalk/more_close.png) 95% 16px no-repeat;}

.pres_hidden [class^="data_table_"] {margin-top:8px;}
.pres_hidden [class^="data_table_"] table thead th {border-right:1px solid #ddd; border-left:0;}
.pres_hidden [class^="data_table_"] table thead th:first-child {border-left:1px solid #ddd;}
.pres_hidden [class^="data_table_"] table tbody td {border-right:1px solid #ddd; border-left:0;}
.pres_hidden [class^="data_table_"] table tbody td:first-child {border-left:1px solid #ddd;}

.box_inTxt {
    padding: 20px;
    font-size: 13px;
    line-height: 1.4;
}
.box_inTxt h2 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.box_inTxt_tL {width:90%; margin:0 auto; padding:15px 20px; background:#e4e4e473; border-radius:10px; margin-top:20px; font-size:13px; text-align:center;}
.hospital_con_btnArea {width:100%; margin:20px auto 0;}
.hospital_con_btnArea .button_typeOne_bl {width:90%; display:block; margin:10px auto; background:#fa4e42; padding:10px 0; color:#fff; font-size:14px; border-radius:7px; border:1px solid #fa4e42;}

.my_inpo_tit {width:90%; font-size:16px; font-weight:600; margin:10px auto; padding-left:30px; line-height:1.4; position:relative;}
.my_inpo_tit:before {content:''; display:inline-block; width:20px; height:20px; background:url(../../images/common/alarmTalk/nhis_logo.png) no-repeat; background-size:20px; position:absolute; top:3px; left:3px;}

.txt_col01 {color:#fa4e42;}
.font-bold { font-weight: bold !important; }

.table_h{
    table-layout: fixed;
    border-collapse: separate;
    width: 100%;
    border-top: 2px solid #333;
}
.table_h thead th:first-child{
    border-left: 1px solid #ddd;
}
.table_h thead th{
    border-right: 1px solid #ddd;
    font-weight: bold;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    color: #222;
    vertical-align: middle;
    text-align: center;
    padding: 8px 12px;
}
.table_h td{
    background: #fff;
    color: #666;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 8px 12px;
    vertical-align: middle;
}