.dataroom_wrap {padding-top:100px;margin-bottom:50px;}
.dataroom_wrap .area_tit h2 {font-weight:500;font-size:30px;line-height:35px;}


.dataroom_wrap .area_tab {overflow:hidden;display:flex;align-items:center;margin-top:30px;border-radius:26px;background-color:#F2F4F7;}
.dataroom_wrap .area_tab .btn_tab_dtroom {flex:1;height:52px;border:1px solid #F2F4F7;}
.dataroom_wrap .area_tab .btn_tab_dtroom .txt {height:100%;line-height:52px;text-align:center;font-weight:500;color:#555;}
.dataroom_wrap .area_tab .btn_tab_dtroom.on {border:1px solid #E3E5E8;border-radius:inherit;background-color:#fff;box-sizing:border-box;}
.dataroom_wrap .area_tab .btn_tab_dtroom.on .txt {color:#000;}


.dataroom_wrap .area_tab_filter {display:flex;align-items:center;margin-top:40px;border-bottom:1px solid #E3E5E8;}

.dataroom_wrap .area_tab_filter.docu {margin-top:25px;border-bottom:0;}
.dataroom_wrap .area_tab_filter.docu .box_tab_pub {display:none;}
.dataroom_wrap .area_tab_filter.docu .box_filter {display:none;}


.dataroom_wrap .box_tab_pub {display:inline-flex;align-items:center;}
.dataroom_wrap .box_tab_pub .btn_tab_pub {padding:14px 10px}
.dataroom_wrap .box_tab_pub .btn_tab_pub .txt {font-weight:500;font-size:18px;line-height:22px;}
.dataroom_wrap .box_tab_pub .btn_tab_pub.on {position:relative;}
.dataroom_wrap .box_tab_pub .btn_tab_pub.on:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#485CEF;}


.dataroom_wrap .filter_data {display:inline-flex;align-items:center;gap:0 12px;margin-left:auto;}
.dataroom_wrap .box_filter {position:relative;}
.dataroom_wrap .box_filter .btn_filter {display:block;padding:0 15px;width:140px;height:36px;border:1px solid #e3e5e8;border-radius:6px;font-size:14px;text-align:left;color:#333;background:#fff url("/img/doctor_bridge/dataroom/arr_down.png") no-repeat right 12px center / 10px;}
.dataroom_wrap .box_filter .sel_filter {display:none;position:absolute;top:110%;left:0;width:100%;max-height:510px;height:auto;overflow-y:auto;border:1px solid #e3e5e8;border-radius:8px;padding:5px 0;background-color:#fff;z-index:1;}
.dataroom_wrap .box_filter .sel_filter .btn_option {display:block;width:100%;padding:8px 0px 6px 15px;font-size:14px;text-align:left;color:#333;}


.dataroom_wrap .box_search {display:inline-flex;align-items:center;padding:0 14px;width:230px;height:36px;border:1px solid #E3E5E8;border-radius:8px;}
.dataroom_wrap .box_search input[name='search'] {width:100%;font-size:14px;line-height:18px;color:#333;outline:none;}
.dataroom_wrap .box_search .btn_search,
.dataroom_wrap .box_search .btn_reset {flex-shrink:0;margin-left:auto;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;}
.dataroom_wrap .box_search .btn_search {background-image:url("/img/doctor_bridge/dataroom/icon_search.svg");background-size:14px;}
.dataroom_wrap .box_search .btn_reset {display:none;background-image:url("/img/doctor_bridge/dataroom/icon_s_reset.png");background-size:100%;}


.dataroom_wrap .area_data_public {margin-top:40px;}
.dataroom_wrap .area_data_public .item {overflow:hidden;align-items:center;padding:20px 25px;border:1px solid #E3E5E8;border-radius:6px;display:flex;}
.dataroom_wrap .area_data_public .item + .item {margin-top:14px;}
.dataroom_wrap .area_data_public .link_data {display:none;}
.dataroom_wrap .area_data_public .logo {flex-shrink:0;width:120px;margin-right:20px;}
.dataroom_wrap .area_data_public .logo img {display:block;width:100%;}
.dataroom_wrap .area_data_public .tit_data {display:flex;align-items:center;gap:0 8px;margin-right:20px;}
.dataroom_wrap .area_data_public .tit_data .txt {font-weight:500;font-size:17px;line-height:21px;color:#111;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.dataroom_wrap .area_data_public .tit_data .mark_new {flex-shrink:0;width:18px;height:18px;border-radius:50%;font-size:12px;line-height:18px;text-align:center;color:#fff;background-color:#FF3981;}
.dataroom_wrap .area_data_public .date {flex-shrink:0;margin-left:auto;font-weight:500;font-size:17px;line-height:21px;color:#111;}
.dataroom_wrap .area_data_public .btn_data_go {flex-shrink:0;display:flex;align-items:center;gap:0 6px;margin-left:20px;padding:9px 10px;border-radius:6px;background-color:#4876EF;transition:opacity .2s;}
.dataroom_wrap .area_data_public .btn_data_go:hover {opacity:.7;}
.dataroom_wrap .area_data_public .btn_data_go .icon {width:15px;height:15px;background:url("/img/doctor_bridge/dataroom/icon_link.svg") no-repeat 50% / 15px;}
.dataroom_wrap .area_data_public .btn_data_go .txt {font-size:14px;line-height:18px;color:#fff;}
.dataroom_wrap .area_data_public .btn_bookmark {flex-shrink:0;display:flex;align-items:center;gap:0 6px;margin-left:8px;padding:9px 10px;border:1px solid #DFE9FF;border-radius:6px;background-color:#F5F8FF;}
.dataroom_wrap .area_data_public .btn_bookmark .icon {width:12px;height:16px;background-image:url("/img/doctor_bridge/dataroom/icon_bookmark_off.svg");background-repeat:no-repeat;background-position:50%;background-size:12px;}
.dataroom_wrap .area_data_public .btn_bookmark .txt {font-size:14px;line-height:18px;color:#4876EF;}
.dataroom_wrap .area_data_public .btn_bookmark.on .icon {background-image:url("/img/doctor_bridge/dataroom/icon_bookmark_on.svg");}


.dataroom_wrap .area_data_docu {margin-top:25px;}
.dataroom_wrap .area_data_docu .box_tab_docu {display:flex;align-items:center;justify-content:center;gap:0 10px;}
.dataroom_wrap .area_data_docu .box_tab_docu .btn_tab_docu {padding:10px 21px;border:1px solid #485CEF;border-radius:20px;font-size:15px;line-height:18px;color:#485CEF;}
.dataroom_wrap .area_data_docu .box_tab_docu .btn_tab_docu.on {color:#fff;background-color:#485CEF;}

.dataroom_wrap .area_data_docu .docu_list {margin-top:30px;}
.dataroom_wrap .area_data_docu .lst_docu {display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;}
.dataroom_wrap .area_data_docu .lst_docu .item {padding:16px;border-radius:16px;background-color:#F5F8FF;}
.dataroom_wrap .area_data_docu .lst_docu .btn_preview {display:block;width:100%;transition:opacity .2s;}
.dataroom_wrap .area_data_docu .lst_docu .btn_preview:hover {opacity:.7;}
.dataroom_wrap .area_data_docu .lst_docu .box_info {display:flex;align-items:center;gap:0 8px;}
.dataroom_wrap .area_data_docu .lst_docu .box_info .icon {flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#fff url("/img/doctor_bridge/dataroom/icon_docu.svg") no-repeat 50% / 12px;}
.dataroom_wrap .area_data_docu .lst_docu .box_info .tit {font-size:15px;line-height:19px;color:#111;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.dataroom_wrap .area_data_docu .lst_docu .img_preview {overflow:hidden;position:relative;height:168px;margin-top:12px;border-radius:8px;background-color:#fff;}
.dataroom_wrap .area_data_docu .lst_docu .img_preview img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;}
.dataroom_wrap .area_data_docu .lst_docu .btn_download {display:flex;align-items:center;justify-content:center;gap:0 8px;margin-top:12px;padding:9px 0;border-radius:6px;background-color:#4876EF;transition:opacity .2s;}
.dataroom_wrap .area_data_docu .lst_docu .btn_download .txt {font-size:14px;line-height:18px;color:#fff;}
.dataroom_wrap .area_data_docu .lst_docu .btn_download .icon {width:12px;height:16px;background:url("/img/doctor_bridge/dataroom/icon_download.svg") no-repeat 50% / 12px;}
.dataroom_wrap .area_data_docu .lst_docu .btn_download:hover {opacity:.7;}

.dataroom_wrap .txt_docu_notice {margin-top:30px;}


.popup_preview {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10003;width:636px;height:700px;border-radius:6px;background-color:#fff;}
.popup_preview.hide {display:none;}
.popup_preview.show {display:block;}
.popup_preview .area_tit {position:relative;padding:16px 44px;border-bottom:1px solid #E3E5E8;}
.popup_preview .area_tit .tit {font-weight:500;font-size:20px;line-height:24px;text-align:center;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.popup_preview .area_tit .btn_close {position:absolute;top:50%;right:20px;transform:translateY(-50%);width:24px;height:24px;background:url("/img/doctor_bridge/dataroom/icon_close.svg") no-repeat 50% / 15px;}
.popup_preview .area_preview {overflow-y:auto;height:calc(100% - 133px);}
.popup_preview .area_preview img {display:block;width:100%;}
.popup_preview .area_btn {padding:20px 0;}
.popup_preview .area_btn .btn_download {display:flex;align-items:center;justify-content:center;gap:0 8px;width:200px;margin:0 auto;padding:9px 0;border-radius:6px;background-color:#4876EF;transition:opacity .2s;}
.popup_preview .area_btn .btn_download .txt {font-size:14px;line-height:18px;color:#fff;}
.popup_preview .area_btn .btn_download .icon {width:12px;height:16px;background:url("/img/doctor_bridge/dataroom/icon_download.svg") no-repeat 50% / 12px;}
.popup_preview .area_btn .btn_download:hover {opacity:.7;}
.dim_popup_preview {position:fixed;top:0;left:0;z-index:10002;width:100%;height:100%;background-color:rgba(0,0,0,.3);}
.dim_popup_preview.hide {display:none;}
.dim_popup_preview.show {display:block;}


@media screen and (max-width:1260px) {
    .dataroom_wrap .inner {padding:0 30px;}

    .dataroom_wrap .area_data_docu .lst_docu {grid-template-columns:repeat(4, 1fr);}
}
@media screen and (max-width: 1023px) {
    .dataroom_wrap .area_tit h2 {font-size:24px;}

    .dataroom_wrap .area_data_docu .lst_docu {grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width:767px) {
    .dataroom_wrap .inner {padding:0 20px;}
    .dataroom_wrap .area_tab {margin-top:20px;}
    .dataroom_wrap .area_tab .btn_tab_dtroom {height:42px;}
    .dataroom_wrap .area_tab .btn_tab_dtroom .txt {font-size:14px;line-height:42px;}


    .dataroom_wrap .box_tab_pub {width:100%;}
    .dataroom_wrap .box_tab_pub .btn_tab_pub {flex:1;border-bottom:1px solid #E3E5E8;border-radius:6px 6px 0 0;background-color:#F6F8FC;}
    .dataroom_wrap .box_tab_pub .btn_tab_pub .txt {font-size:15px;color:#A7A9AD;}
    .dataroom_wrap .box_tab_pub .btn_tab_pub.on {border:1px solid #E3E5E8;border-bottom:0;background-color:#fff;}
    .dataroom_wrap .box_tab_pub .btn_tab_pub.on:after {display:none;}
    .dataroom_wrap .box_tab_pub .btn_tab_pub.on .txt {color:#000;}


    .dataroom_wrap .area_tab_filter {flex-direction:column-reverse;gap:20px 0;margin-top:20px;border-bottom:0;}
    .dataroom_wrap .area_tab_filter.docu {margin-top:20px;}


    .dataroom_wrap .filter_data {width:100%;margin-left:0;}
    .dataroom_wrap .box_filter .btn_filter {width:130px;height:44px;}
    .dataroom_wrap .box_search {width:100%;height:44px;}


    .dataroom_wrap .area_data_public {margin-top:20px;}
    .dataroom_wrap .area_data_public .item {display:block;position:relative;padding:15px;}
    .dataroom_wrap .area_data_public .link_data {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
    .dataroom_wrap .area_data_public .logo {margin-right:0;}
    .dataroom_wrap .area_data_public .tit_data {gap:0 4px;margin:6px 0 0;}
    .dataroom_wrap .area_data_public .tit_data .txt {font-size:14px;line-height:18px;color:#000;}
    .dataroom_wrap .area_data_public .date {margin-top:4px;font-size:12px;line-height:14px;color:#555;}
    .dataroom_wrap .area_data_public .btn_data_go {display:none;}
    .dataroom_wrap .area_data_public .btn_bookmark {position:absolute;top:16px;right:10px;margin-left:0;padding:8px 10px;border:0;background-color:transparent;}
    .dataroom_wrap .area_data_public .btn_bookmark .icon {width:10px;height:14px;background-size:10px;}
    .dataroom_wrap .area_data_public .btn_bookmark .txt {display:none;}


    .dataroom_wrap .area_data_docu .box_tab_docu {justify-content:flex-start;gap:0 8px;}
    .dataroom_wrap .area_data_docu .box_tab_docu .btn_tab_docu {padding:9px 14px;font-size:13px;line-height:15px;}
    .dataroom_wrap .area_data_docu .docu_list {margin-top:25px;}
    .dataroom_wrap .area_data_docu .lst_docu {grid-template-columns:repeat(2, 1fr);}
    .dataroom_wrap .area_data_docu .lst_docu .img_preview {position:relative;}
    .dataroom_wrap .area_data_docu .lst_docu .img_preview:before {content:'';position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);width:50px;height:50px;border-radius:50%;background:rgb(1,1,1,.6) url("/img/doctor_bridge/dataroom/icon_preview.svg") no-repeat 50% / 18px;}
    .dataroom_wrap .area_data_docu .lst_docu .btn_preview:hover {opacity:1;}
    .dataroom_wrap .area_data_docu .lst_docu .btn_download:hover {opacity:1;}

    .dataroom_wrap .txt_docu_notice {font-size:14px;line-height:24px;}


    .popup_preview {top:0;left:0;transform:translate(0, 0);width:100%;height:100%;border-radius:0;transition:transform .2s;}
    .popup_preview.hide {display:block;transform:translate(100%, 0);}
    .popup_preview.show {transform:translate(0, 0);}
    .popup_preview .area_tit {padding:15px 54px;}
    .popup_preview .area_tit .tit {font-size:18px;line-height:34px;}
    .popup_preview .area_tit .btn_close {right:auto;left:20px;background:url("/img/doctor_bridge/dataroom/icon_back.svg") no-repeat 50% / 18px;}
    .popup_preview .area_preview {height:calc(100% - 151px);}
    .popup_preview .area_btn {padding:20px;}
    .popup_preview .area_btn .btn_download {width:100%;padding:14px 0;}
    .popup_preview .area_btn .btn_download:hover {opacity:1;}
    
    .dim_popup_preview.hide {display:none;}
    .dim_popup_preview.show {display:none;}
}
@media screen and (max-width:640px) {
    .dataroom_wrap .area_data_docu .lst_docu {display:block;}
    .dataroom_wrap .area_data_docu .lst_docu .item + .item {margin-top:12px;}
}