@charset "utf-8";

/* Layout */
#wrap{ min-width:1080px;}
#header{ height:100px;}
#content{ position:relative; padding-bottom:50px; min-height:calc(100vh - 200px);}
.inner{ width:1080px; margin:0 auto;}
#footer{ position:relative; height:100px; padding:20px 0; background:#eceded;}
#footer .inner{ overflow:hidden; width:1040px; margin:0 auto; font-size:13px; color:#9e9fa1;}

/* Header */
.header_top{ width:1040px; height:50px; margin:0 auto;}
.header_top h1{ float:left; font-size:30px; line-height:50px; color:#494b50;}
.header_top h1 span{ font-weight:600;}
.header_top .rgt_area{ float:right; line-height:50px;}
.header_top .rgt_area li{ float:left; margin-left:20px; font-weight:500;}
.header_top .rgt_area li .today{ font-size:16px;}
.group_gnb{ background:#494b50;}
.group_gnb .gnb{ width:1040px; height:50px; margin:0 auto; border-left:1px solid rgba(0,0,0,.3);}
.group_gnb .gnb li{ float:left; min-width:100px; border-right:1px solid rgba(0,0,0,.3);}
.group_gnb .gnb li a{ display:block; width:100%; height:100%; font-size:16px; line-height:50px; color:#c4c4c5; text-align:center; text-decoration:none;}
.group_gnb .gnb li:nth-of-type(2),
.group_gnb .gnb li:nth-of-type(3){ width:120px;}
.group_gnb .gnb li a:hover,
.group_gnb .gnb li.active a{ background:var(--main-color); font-weight:500; color:#fff}
.group_gnb .gnb li a.btn_admin:hover,
.group_gnb .gnb li.active a.btn_admin{ background:var(--admin-color);}

/* Content */
.h1{ margin:0;}
.h2{ margin:0 20px; height:60px; font-size:24px; font-weight:600; line-height:60px;}
.h2:before{ display:inline-block; clear:both; content:''; width:25px; height:20px; background-position:-210px -10px;}
.h2_eqq,
.h2_eqqset{ height:60px; font-size:30px; font-weight:500; line-height:60px;}
section{ margin:0 20px;}
.h2_eqq:before{ display:inline-block; clear:both; content:''; width:40px; height:40px; background-position:-161px 0px; vertical-align:-9px;}

.btn_area{ display:block; clear:both; position:relative; margin-top:20px;}
.btn_area:after{ display:block; clear:both; content:'';}
/* .btn_area_toprgt{ display:flex; position:absolute; top:10px; right:20px;}
.btn_area_toprgt .btn{ margin-left:5px;} */
.btn_area_toprgt{ display:flex; justify-content:right; margin-top:20px; padding-top:10px; border-top:1px solid #ddd; text-align:right;}
.btn_area_toprgt .btn{ margin-left:5px;}

/* Icon */
.sp_ico:before, .pagination .btn_page span, .modal-header .close span, .ico_mem:before, .eqqItems_group .eqqGroup .btn_area .btn, .btn_add span, .btn_move, .qqlst_group .lft .action button span, .qqlst_group .rgt .action .btn_add:before, .qqlst_group .rgt .srch_area .btn_srch:before, .btn_memedit span, .btn_srch span, .btn_del_xs, .ico_photo{ /*background-color:rgba(0,255,255,.5);*/ background-image:url('../images/sp_ico.svg'); background-repeat:no-repeat;}
.sp_ico:before{ display:inline-block; clear:both; content:'';}

.ico_mem{ color:var(--main-color);}
.ico_mem:before{ width:20px; height:20px; vertical-align:-5px; background-position:-10px -10px;}
.btn_logout{ color:#333; text-decoration:none !important;}
.btn_logout:before{ width:20px; height:20px; vertical-align:-5px; background-position:-50px -10px;}
.btn_logout:hover:before{filter:invert(67%) sepia(70%) saturate(6607%) hue-rotate(148deg) brightness(94%) contrast(87%);}
.btn_del_xs{ width:18px; height:18px; margin-left:5px; padding:0; background-position:-12px -212px; font-size:0;}
.ico_photo{ font-size:0; width:18px; height:18px; margin:0 -5px 0 3px; background-position:-91px -211px;}
.active .ico_photo{ background-position: -131px -211px;}
/* 
.btn_add{ width:22px; height:22px; background-position:-1px -76px; font-size:0;}
.btn_del{ width:22px; height:22px; background-position:-26px -76px; font-size:0;}
.btn_move_top{ width:28px; height:28px; background-position:-48px -73px; font-size:0;}
.btn_move_up{ width:28px; height:28px; background-position:-73px -73px; font-size:0;}
.btn_move_dn{ width:28px; height:28px; background-position:-98px -73px; font-size:0;}
.btn_move_btm{ width:28px; height:28px; background-position:-123px -73px; font-size:0;} */

/* Table */
.tb_action{ display:flex; align-items:end; justify-content:space-between; margin-bottom:10px;}
.tb_action .tit{ font-weight:500;}
.tb_action .tit2{ font-size:16px; font-weight:500;}
.tb_action_v2{ justify-content:center;}
.lst_scrl_bx{ overflow:auto;}
.td_flex td{ display:flex; align-items:center;}
.td_flex td .btn_del_xs{ flex-shrink:0;}

table.tb{ table-layout:fixed;}
table.tb th{ font-weight:500; background:#f7f7f7;}
table.tb th,
table.tb td{ height:41px; padding:5px 10px; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; word-break:break-all; line-height:20px;}
table.tb th:first-child,
table.tb td:first-child{ border-left:none;}
table.tb th:last-child,
table.tb td:last-child{ border-right:none;}

table.tb_srch td{ padding-left:20px;}
table.tb_srch th{ text-align: left;}
/* table.tb_srch tr:first-of-type th:last-of-type{ text-align:center;}
table.tb_srch tr:first-of-type th:first-of-type{ text-align:left;} */
table.tb_srch_v2 td{ padding-left:10px;}
.srch_result{ border:0 none; border-bottom:1px solid #ddd; background:#f7f7f7; text-align:center; border-radius:0; box-shadow:none;}
.srch_result span{ font-weight:500;}
.srch_result span i{ font-style:normal; color:#333;}
.srch_result .btn i{ margin-right:5px;}

table.tb_lst{ text-align:center;}
table.tb_lst tr:first-of-type th,
table.tb_lst tr:first-of-type td{ border-top-color:#999;}
table.tb_lst th,
table.tb_lst td{ border-left:0 none;}
table.tb_lst td a{ display:block; line-height:20px;}
table.tb_lst2 th,
table.tb_lst2 td{ height:31px; padding:0 10px;}

table.tb_wrt tr:first-of-type th,
table.tb_wrt tr:first-of-type td{ border-top-color:#999;}
table.tb_wrt td{ padding:5px 20px;} 

table.tb_wrt_v2 tr:first-of-type th,
table.tb_wrt_v2 tr:first-of-type td{ border-top-color:#ddd;}

table.tb_wrt_v3 th,
table.tb_wrt_v3 td{ height:35px; padding:5px 10px; line-height:24px;}
table.tb_wrt_v3 tr:first-of-type th,
table.tb_wrt_v3 tr:first-of-type td{ border-top-color:#ddd;}
table.tb_wrt_v3 td{ padding-left:10px;}

table.tb_wrt2{ margin:5px 0;}
table.tb_wrt2 th,
table.tb_wrt2 td{ height:36px; padding:5px; padding-bottom:0; border:none; background:none;}
table.tb_wrt2 th{ text-align:right;}
table.tb_wrt2 td{ padding-left:0; padding-right:0;}
table.tb_wrt2 th+td{ padding-left:5px;}

table.tb_policy{ font-size:13px;}
table.tb_policy th,
table.tb_policy td{ height:31px; letter-spacing: -.5px;}
table.tb_policy th{ background: #eee;}

/* scrollbar */
.mCSB_scrollTools{ width:5px;}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ margin:0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; border-radius:0;}


/* common */
section+section{ margin-top:30px;}

/* 검색창 */
.srch_bx{ display:flex; justify-content:center; margin:30px 0; text-align:center;}
.srch_bx *{ float:left;}
.srch_bx select,
.srch_bx input{ height:40px;}
.srch_bx input{ border-right:none;}
.srch_bx select+input{ margin-left:10px;}
.srch_bx input+button{ margin-left:0px;}

/* 승인관리 */
.label-approve1, .label-approve2, .label-approve3{ display:inline-block; width:66px; padding:5px; font-size:13px; font-weight:500; vertical-align:1px;}
.label-approve1{ border:1px solid #999; background:#f7f7f7; color:#666;}
.label-approve2{ border:1px solid var(--main-color); background-color:var(--main-color); color:#fff;}
.label-approve3{ border:1px solid var(--main-color); color:var(--main-color);}

/* 제품 등록&수정 */
.disease_select:after{ display:block; clear:both; content:'';}
.disease_select .lft{ float:left; width:calc(50% - 10px);} 
.disease_select .rgt{ float:right; width:calc(50% - 10px);}
.disease_select .rgt .tit{ font-weight:500; color:var(--main-color);}
.disease_select .rgt .tb_lst *{ background:#e7f5f4; color:#4b4f4f;}
.disease_select .rgt .tb_lst th, 
.disease_select .rgt .tb_lst td{ border-color:#c8d4d3;}
.disease_select .rgt .tb_lst tr:first-of-type th, 
.disease_select .rgt .tb_lst tr:first-of-type td{ border-top-color:#8b9392;}
.disease_select .btn_area{ display:flex; flex-direction:column; text-align:center;}
.disease_select .btn_area .lft{ display:flex; margin-top:10px;}
.disease_select .btn_area .lft .btn{ margin-right:5px;}

.disease_select .tb_lst{ background:#f7f7f7;}
.disease_select .tb_lst th{ height:30px; padding:0 10px; border-left:1px solid #ddd;}
.disease_select .tb_lst td{ height:21px; padding:0 10px; border-left:1px solid #ddd; line-height:initial;}
.disease_select .tb_lst .frm-chk { width:13px; height:initial; padding-left:0;}
.disease_select .tb_lst .frm-chk .frmark{ margin-top:-7px; width:14px; height:14px;}
.disease_select .tb_lst .frm-chk .frmark:after{ left:2px; top:2px;}

/* 상담항목설정 */
.section_eqqset{ position:relative; margin:40px 17px; padding:30px 20px; border:3px solid #494b50; }
.section_eqqset .btn_distr{ position:absolute; right:20px; top:30px; padding-left:45px;}
.section_eqqset .btn_distr:before{ content:''; position:absolute; left:15px; width:20px; height:20px; background-position:-90px -90px;}
/* 상담항목설정-기관계영역 */
.eqqNav_group{ overflow:hidden; position:relative; margin:30px 0; padding-right:110px;}
.eqqNav_group_v2{ padding-right:0;}
.eqqNav_group .btn_organ{ position:absolute; top:0; right:-80px; width:60px; padding:4px; white-space:initial; letter-spacing:-1px;}
/* .eqqNav_group .scrl_lft,
.eqqNav_group .scrl_rgt{ position:absolute; width:25px; height:53px; top:0; z-index:4;} */
.eqqNav_group .scrl_lft{background:-moz-linear-gradient(left,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(left,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
.eqqNav_group .scrl_rgt{ right:0; background:-moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.eqqNav_group ul{ display:flex; position:relative;}
/* .eqqNav_group ul{ width:max-content; position:relative; min-width:100%; margin-bottom:5px; padding:0 20px;} */
/* .eqqNav_group ul:before{ content:''; position:absolute; width:100%; left:0; bottom:-1px; border-bottom:2px solid var(--main-color); z-index:1;} */
.eqqNav_group:before{ content:''; position:absolute; width:100%; left:0; bottom:0; border-bottom:2px solid var(--main-color); z-index:1;}
.eqqNav_group ul:after{ display:block; clear:both; content:'';}
.eqqNav_group li{ position:relative; float:left; width:auto; height:55px; margin-left:-1px; text-align:center; line-height:46px; flex-shrink:0;}
/* .eqqNav_group li{ position:relative; float:left; min-width:80px; height:55px; margin-left:-1px; text-align:center; line-height:46px;} */
.eqqNav_group li:first-of-type{ margin-left:0;}
.eqqNav_group li.nav_arrow{ width:20px; font-family:'Font Awesome 5 Free'; font-weight:900; line-height:55px; text-align: center;}
.eqqNav_group li.nav_arrow i{ font-style:normal; color:var(--sub-color);}
.eqqNav_group li a{ display:flex; align-items:center; justify-content:center; min-width:100px; width:100%; height:100%; padding:5px 20px; border:1px solid #ddd; border-radius:0; font-size:18px; font-weight:500; line-height:20px; color:#333; text-decoration:none;}
.eqqNav_group li a:hover{ color:var(--main-color); border-color:#ddd;}
.eqqNav_group .nav-tabs > li.active > a, 
.eqqNav_group .nav-tabs > li.active > a:hover, 
.eqqNav_group .nav-tabs > li.active > a:focus{ background:var(--sub-color); color:#fff; z-index:4; border-color:var(--sub-color);}
.eqqNav_group .organ_tab{ position:absolute; right:0; top:6px;}
.eqqNav_group .organ_tab .btn-sm{ padding:9px 10px 8px;}
.eqqNav_group .btn_del_xs{ margin-left:10px; background-color:transparent !important; flex-shrink:0;}
.eqqNav_group li.active .btn_del_xs{ filter: invert(53%) sepia(20%) saturate(768%) hue-rotate(124deg) brightness(93%) contrast(91%);}
.dragscroll {overflow:auto;}
.dragscroll:active {cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:-o-grabbing; cursor:grabbing;}
.dragscroll {-ms-overflow-style:none; /* IE and Edge */ scrollbar-width:none; /* Firefox */}
.dragscroll::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/}

/* 상담항목설정-질환영역 */
.eqqDz_group{ position:relative; display:flex; margin-top:30px; padding:40px 20px 30px; background:#f7f7f7;}
.eqqDz_group .lft,
.eqqDz_group .rgt{ width:50%; height:10px; border:2px solid #999; border-bottom:none;}
.eqqDz_group .rgt{ margin-left:20px;}
.eqqDz_group .lft span{ font-size:14px; font-weight:400; color:#666;}
.eqqDz_group .tit{ overflow:hidden; display:inline-block; position:relative; max-width:430px; top:-21px; left:20px; padding:10px 20px; background:#f7f7f7; font-size:18px; font-weight:600; white-space:nowrap;}
.eqqDz_group .btn{ position:absolute; top:20px; right:20px;}
.eqqDz_group .btn:first-of-type{ right:124px;}

/* 상담항목설정-문진항목영역 */
.eqqItems_group .btn_add span{ display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:-2px; background-position:-170px -50px;}
.eqqItems_group .eqqGroup{ position:relative; margin-top:20px; padding:10px; padding-right:0; background:#ebebeb;}
.eqqItems_group .eqqGroup:after{ display:block; clear:both; content:'';}
.eqqItems_group .eqqGroup .tit{ padding:5px 0; font-size:16px; font-weight:600;}
.eqqItems_group .eqqGroup .btn_area{ display:flex; position:absolute; top:-10px; right:10px;}
.eqqItems_group .eqqGroup .btn_area .btn{ width:30px; height:30px; margin-left:5px; font-size:0;}
.eqqItems_group .eqqGroup .btn_area .btn_set{ background-position:-125px -86px;}
.eqqItems_group .eqqGroup .btn_area .btn_up{ background-position:-165px -86px;}
.eqqItems_group .eqqGroup .btn_area .btn_down{ background-position:-205px -86px;}

.eqqItems_group .eqqItems:after{ display:block; clear:both; content:'';}
.eqqItems_group .eqqItems li{ float:left; min-width:100px; margin:10px 10px 0 0;}
.eqqItems_group .eqqItems li:first-of-type{ margin-left:0;}
.eqqItems_group .eqqItems li .btn-default{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:60px; padding:5px; border:1px solid #c2c2c2; background:#fff; font-size:16px; font-weight:500; text-align:center; color:#333; text-decoration:none;}
.eqqItems_group .eqqItems li .btn-default:hover,
.eqqItems_group .eqqItems li.active .btn-default{ background:var(--sub-color); border-color:var(--sub-color); color:#fff;}
.eqqItems_group .eqqItems li .btn-default p{ color:#fce000;}
.eqqItems_group .eqqItems li .btn_reg{ width:60px; padding:0;}

/* 모달_기관계관리 */
.organ_group{ width:420px; margin:0 auto;}
.organ_group .srch_bx{ width:300px; margin:0 auto;}
.organ_group .tb_lst { margin-top:20px;}
.organ_group .tb_lst td{ border:none;}
.organ_group .tb_lst tr:last-of-type td{ border-bottom:1px solid #ddd;}
.organ_group .tb_lst tr:hover .btn_move{ filter:invert(48%) sepia(50%) saturate(5714%) hue-rotate(151deg) brightness(96%) contrast(87%);}
.organ_group .tb_lst .btn_move{ width:30px; height:30px; font-size:0; background-position:-165px -125px; cursor:move;}

/* 순서드래그 */
table.tb_sortable tr.sorting-row td {background-color:#cfecea;}
table.tb_sortable.sorting-table tbody tr:not(.sorting-row) td {opacity:1; color:#bbb; text-shadow:0 1px 0 rgba(255, 255, 255, 1);}
table.tb_sortable.sorting-table tbody tr:not(.sorting-row) td *{ color:#bbb;}
table.tb_sortable.sorting-table tbody tr:not(.sorting-row) td .frm-chk .frmark,
table.tb_sortable.sorting-table tbody tr:not(.sorting-row) td .btn_move{ opacity:0.3;}
table.tb_sortable td.sorter-nt{ padding:0 !important; width:7px; background:var(--main-color); cursor:move; border-left:0 none !important; border-right:0 none !important;}
table.tb_sortable td.sorter-nt+td{ border-left:0 none !important;}

/* 그룹관리 */
.eqq_group{ width:780px; margin:0 auto;}
/* 그룹관리-등록버튼&승인요청 */
.eqq_group .eqq_reg_area{ position:relative; padding:0 0 10px 10px; background:#ebebeb;}
.eqq_group .eqq_reg_area .btn-lg{ position:absolute; top:10px; width:60px; height:60px; padding:18px 12px; text-align:center;}
.eqq_group .eqq_reg_area .eqq_rqst{ width:100%; padding-left:70px;}
.eqq_group .eqq_reg_area .eqq_rqst:after{ display:block; clear:both; content:'';}
.eqq_group .eqq_reg_area .eqq_rqst li{ display:flex; float:left; margin:10px 10px 0 0;}
.eqq_group .eqq_reg_area .eqq_rqst li .dsc-info{ display:block; margin-top:0; line-height:60px;}
.eqq_group .eqq_reg_area .eqq_rqst li .btn-default{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:100px; height:60px; padding:5px; border:1px solid #c2c2c2; background:#fff; border-style:dashed; font-size:16px; text-align:center; color:#333; text-decoration:none;}
.eqq_group .eqq_reg_area .eqq_rqst li .btn-default:hover{ color:var(--main-color); border-color:var(--main-color);}
.eqq_group .eqq_reg_area .eqq_rqst li .label{ display:flex; align-items:center; justify-content:center; height:40px; margin:10px 0 0 -10px; border-radius:0; font-size:13px; z-index:1; cursor:pointer;}
.eqq_group .eqq_reg_area .eqq_rqst li .label_aprv{ width:40px; background:var(--main-color); color:#fff;}
.eqq_group .eqq_reg_area .eqq_rqst li .label_unaprv{ width:50px; background:#ebebeb; color:var(--main-color); border:1px solid var(--main-color);}

/* 그룹관리-그룹리스트 */
.eqq_group .eqq_lst{ margin:10px 0;}
.eqq_group .eqq_lst:after{ display:block; clear:both; content:'';}
.eqq_group .eqq_lst li{ float:left; margin:10px 0 0 10px;}
.eqq_group .eqq_lst li .btn-default{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:100px; height:60px; padding:5px; border:1px solid #c2c2c2; background:#f7f7f7; font-size:16px; text-align:center; color:#333; text-decoration:none;}
.eqq_group .eqq_lst li .btn-default:hover{ color:var(--main-color); border-color:var(--main-color);}
.eqq_group .eqq_lst li.active .btn-default{ background:var(--sub-color); border-color:var(--sub-color); color:#fff;}

/* 항목관리 */
.qstn_group .q_tit{ margin:10px 0; font-size:18px; font-weight:600;}
.qstn_group .q_subtit{ padding:10px; border-radius:5px; background:#ebebeb; font-size:16px;}
.qstn_group .answer_area{ margin:50px 20px;}
.qstn_group .answer_area li{ margin:20px 0; font-size:16px; font-weight:500;}
.qstn_group .answer_area li .unit{ margin-left:5px; font-size:13px; color:#666; font-weight:400;}
.qstn_group .answer_area label>input[type='text']{ margin-left:5px;}

/* 문진리스트-배경 */
.section_eqq{ position:relative; min-height:600px; }

/* 문진리스트-회원정보 */
.section_eqq .section_eqq_rtbtn{ position:absolute; right:0; top:10px;}
.section_eqq .mem_group{ display:flex; align-items:center; justify-content:space-between; height:80px; padding:10px; border:2px solid #d6d6d6;}
.section_eqq .mem_group+.eqqNav_group{ width:100%; margin-top:20px;}
.section_eqq .mem_group .btn_checkup{ width:60px; padding:5px; color:#fff; white-space:initial; line-height:20px;}

.section_eqq .mem_group .mem_btn{ display: flex;}
.section_eqq .mem_group .mem_btn .btn{ display:flex; flex-direction: column; justify-content:center; align-items: center; overflow:hidden;padding:5px; font-size:14px;}
.section_eqq .mem_group .mem_btn .btn p{ display:block; width:40px; height:40px; margin-bottom:3px; background-color:#f7f7f7; border-radius:15px;}
.section_eqq .mem_group .mem_btn .btn span{ display: inline-block; width:100%; height:100%; background-image:url('../../static/images/sp_ico.svg'); background-repeat: no-repeat; }
.section_eqq .mem_group .btn_memedit span{ background-position:-39px -80px;}
.section_eqq .mem_group .btn_memo span{ background-position:-40px -40px;}
.section_eqq .mem_group .btn_tongue span{ background-position:-80px -40px;}
.section_eqq .mem_group .mem_btn .btn:hover { color:var(--main-color);}
.section_eqq .mem_group .mem_btn .btn:hover p{ background-color:var(--main-color);}
.section_eqq .mem_group .mem_btn .btn:hover span{filter:invert(100%) sepia(0%) saturate(1122%) hue-rotate(209deg) brightness(122%) contrast(100%);}

.section_eqq .mem_area{ position:relative; width:900px; height:40px;}
.section_eqq .mem_area:after{ display:block; clear:both; content:'';}
.section_eqq .mem_area li{ position:absolute; height:20px; color:#666;}
.section_eqq .mem_area li.n1{ width:250px; height:40px; font-size:30px; font-weight:600; text-align:center; line-height:40px; color:#333;}
.section_eqq .mem_area li.n1 span{ display:inline-block; max-width:calc(100% - 100px);  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section_eqq .mem_area li.n1 *{ vertical-align:middle;}
.section_eqq .mem_area li.n2, .section_eqq .mem_area li.n3{ left:260px;}
.section_eqq .mem_area li.n4, .section_eqq .mem_area li.n5{ left:380px;}
.section_eqq .mem_area li.n6, .section_eqq .mem_area li.n7{ left:580px;}
.section_eqq .mem_area li.n3, .section_eqq .mem_area li.n5, .section_eqq .mem_area li.n7{ top:25px;}
.section_eqq .mem_area li:before{ display:inline-block; clear:both; content:'·'; font-size:30px; vertical-align:middle; margin-right:3px;}
.section_eqq .mem_area li:first-of-type:before{ display:none;}
.section_eqq .mem_area li .tit{ display:inline-block; color:#333; font-weight:500;}
.section_eqq .mem_area li.n2 .tit, .section_eqq .mem_area li.n3 .tit{ width:35px;}
.section_eqq .mem_area li.n4 .tit, .section_eqq .mem_area li.n5 .tit{ width:65px;}
.section_eqq .mem_area li.n6 .tit, .section_eqq .mem_area li.n7 .tit{ width:110px;}
.section_eqq .mem_area li.n6{ display: flex;}
.section_eqq .mem_area li.n6 span:last-of-type{ display:inline-block; overflow:hidden; max-width:80px; text-overflow: ellipsis; white-space: nowrap; margin-left:3px;}

/* 문진리스트-날짜영역 */
.date_group{ margin-top:20px; padding:10px; background:#f7f7f7;}
.date_group:after{ display:block; clear:both; content:'';}
.date_group ul{ width:max-content; cursor:-webkit-grab; cursor:-moz-grab; cursor:-o-grab; cursor:grab;}
.date_group ul:after{ display:block; clear:both; content:'';}
.date_group li{ position:relative; float:left; width:60px; margin-left:5px;}
.date_group li:first-of-type{ margin-left:0;}
.date_group li .btn{ position:relative; width:100%; padding:10px 5px; font-size:16px; line-height:20px; white-space:initial; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.date_group li .btn-default{ color:#666;}
.date_group li .btn-default:hover{ border-color:var(--sub-color); background:#fff; color:var(--sub-color);}
.date_group li.active .btn-default{ border-color:var(--sub-color); background:var(--sub-color); color:#fff; font-weight:500;}
.date_group li:before{ content:''; position:absolute; width:100%; height:60px; border:1px solid #e4e4e4;}

/* 주요증상및제품처방 */
.qqlst_group{ position:relative; display:flex; min-height:350px; margin-top:50px;}
.qqlst_group .lft,
.qqlst_group .rgt{ width:50%; padding:0 20px 20px; border:2px solid #999;}
.qqlst_group .rgt{ margin-left:20px;}
.qqlst_group .lft span{ font-size:14px; font-weight:400; color:#666;}
.qqlst_group .tit{ overflow:hidden; display:inline-block; position:relative; max-width:430px; top:-1px; left:20px; margin-top:-20px; padding:10px 20px; background:#fff; font-size:18px; font-weight:600; white-space:nowrap;}

.qqlst_group .action{ display:flex; margin-bottom:20px;}
.qqlst_group .lft .action .btn{ display:flex; align-items:center; width:50%; margin-left:10px; padding:5px; border-radius:20px; font-size:16px;}
.qqlst_group .lft .action .btn span{ display:flex; width:28px; height:28px; margin-right:10px; background-color:#fff; vertical-align:middle; border-radius:20px;}
.qqlst_group .lft .action .btn_detail span{ background-position:-6px -46px;}
.qqlst_group .lft .action .btn_memo span{ background-position:-46px -46px;}
.qqlst_group .lft .action .btn_tongue span{ background-position:-86px -46px;}
.qqlst_group .lft .action .btn:first-of-type{ margin-left:0;}
.qqlst_group .sympt_lst{ margin-top:-10px;}
.sympt_lst li .btn-block{ display:flex; align-items:center; justify-content:space-between; min-height:40px; margin-top:10px; padding:5px 20px 5px 20px; border-radius:20px; background:#999; font-size:16px; color:#fff; text-align:left;}
.sympt_lst li .type{ display:flex; align-items:center; justify-content:center; flex-shrink:0; min-width:50px; height:30px; margin-left:auto; padding:11px; border-radius:20px; background:#fff; font-weight:600; white-space:nowrap; color:#666; font-size:14px;}

.qqlst_group .rgt .action .btn_add{ width:100%; padding:9px 15px 8px 12px; border-radius:20px; font-size:16px;}
.qqlst_group .rgt .action .btn_add:before{ display:inline-block; clear:both; content:''; width:20px; height:20px; vertical-align:middle; background-position:-170px -51px;}
.prscr_lst{ margin-top:0;}
.prscr_lst li .btn-block{ display:flex; align-items:center; min-height:40px; margin-top:10px; border-radius:20px; background:#e8e8e8; font-size:16px; color:#666; line-height:40px;}
.prscr_lst li .prdct{ display:block; width:63%; height:40px; margin:-10px 0; padding:0 20px; border:1px solid #e8e8e8; border-radius:20px; background:#fff; font-weight:500; text-align:left;}
.prscr_lst li .take{ display:block; width:37%;}
.prscr_lst li.own .btn-block{ background:#cfecea;}
.prscr_lst li.own .prdct{ border-color:var(--main-color); background:var(--main-color); color:#fff;}
.prscr_lst li .btn-block:hover{ background:#dcdcdc;}
.prscr_lst li .btn-block:hover .prdct{ background-color:#f2f2f2; border-color:#dcdcdc;}
.prscr_lst li.own .btn-block:hover{ background:#c4e0de;}
.prscr_lst li.own .btn-block:hover .prdct{ background-color:#10968e; border-color:#10968e;}
.prscr_lst_nochoice{ margin-top:-10px;}
.prscr_lst_nochoice .btn-block{ cursor:default;}
.prscr_lst_nochoice li .btn-block:hover{ background:#e8e8e8;}
.prscr_lst_nochoice li .btn-block:hover .prdct{ background-color:#fff; border-color:#e8e8e8;}
.prscr_lst_nochoice li.own .btn-block:hover{ background:#cfecea;}
.prscr_lst_nochoice li.own .btn-block:hover .prdct{ background-color:var(--main-color); border-color:var(--main-color);}

/* 문진리스트-질환별이력타이틀 */
.qqlst_view_group{ position:relative; margin-top:40px; padding:0 40px 40px; border:2px solid #999;}
.qqlst_view_group:after{ display:block; clear:both; content:'';}
.qqlst_view_group .tit{ position:absolute; top:-20px; padding:10px 20px; background:#fff; font-size:18px; font-weight:600; white-space:nowrap;}
.qqlst_view_group .tit:before{ width:20px; height:20px; margin-right:3px; vertical-align:-5px; background-position:-210px -130px;}

/* 문진리스트-질환별이력 */
.qqlst_view_group dl{ float:left; width:calc(50% - 20px); margin-top:40px;}
.qqlst_view_group dl:nth-of-type(even){ float:right;}
.qqlst_view_group dl .chart_area{ height:300px;}
.qqlst_view_group dl dt,
.qqlst_view_group dl.other dd{ height:40px; margin-bottom:20px; padding:10px 20px; border-radius:20px; background:var(--sub-color); font-size:16px; color:#fff;}
.qqlst_view_group dl dd{ background:#f7f7f7;}
.qqlst_view_group dl.other dt{ background:#999;}
.qqlst_view_group dl.other dd{ margin-bottom:0; margin-top:10px;}

/* 문진리스트-질환별추천제품(삭제) */
.qqlst_rcmnd_group{ position:relative; margin-top:40px; padding:20px 40px 40px; border:2px solid #999;}
.qqlst_rcmnd_group:after{ display:block; clear:both; content:'';}
.qqlst_rcmnd_group .tit{ position:absolute; top:-20px; padding:10px 20px; background:#fff; font-size:18px; font-weight:600; white-space:nowrap;}
.qqlst_rcmnd_group .tit:before{ width:20px; height:20px; margin-right:3px; vertical-align:-5px; background-position:-210px -50px;}
.qqlst_rcmnd_group dl{ display:block; float:left; position:relative; width:calc(50% - 10px); margin-top:20px; background:#f7f7f7; font-size:16px;}
.qqlst_rcmnd_group dl:after{ display:block; clear:both; content:'';}
.qqlst_rcmnd_group dl:nth-of-type(even){ float:right;}
.qqlst_rcmnd_group dt{ display:flex; align-items:center; height:60px; padding:0 20px; border-bottom:2px solid #ca6b35; background:#efefef; font-size:16px; color:#534741; line-height:20px; }
.qqlst_rcmnd_group dt p{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.qqlst_rcmnd_group dd{ width:calc(100% - 40px); height:40px; margin:0 20px; padding-left:60px; border-bottom:1px solid #d6d6d6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:40px;}
.qqlst_rcmnd_group dd .num{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:40px; margin-right:10px; border-bottom:1px solid #c59779; background:#e3ae8c; color:#fff; flex-shrink:0; position:absolute; left:40px;}
.qqlst_rcmnd_group dd:last-of-type{ margin-bottom:20px;}

/* 전자문진표-문진일 */
.eqq_date{ margin-bottom:20px; padding:10px 20px; background:#d6d6d6; font-size:16px; font-weight:600; text-align:center;}

/* 전자문진표-질환영역 */
.eqqDz_group_v2{ display:flex; margin-top:30px; padding:30px 20px; background:#f7f7f7;}
.eqqDz_group_v2 .lft{ position:relative; width:48%;}
.eqqDz_group_v2 .rgt{ width:52%; margin-left:20px; border:2px solid #999;}
.eqqDz_group_v2 .lft .tit_area{height:10px; border:2px solid #999; border-bottom:none;}
.eqqDz_group_v2 .tit{ overflow:hidden; display:inline-block; position:relative; max-width:430px;  left:20px; margin-top:-21px; padding:10px 20px; background:#f7f7f7; font-size:18px; font-weight:600; white-space:nowrap;}
.eqqDz_group_v2 .lft .btn_srch{ position:absolute; top:-19px; right:20px; width:40px; height:40px; padding:0; border-radius:15px; font-size:0; overflow:hidden;}
.eqqDz_group_v2 .lft .btn_srch span{display:block; width:100%; height:100%; background-position:-121px -42px; filter: invert(0%) sepia(100%) saturate(1%) hue-rotate(227deg) brightness(102%) contrast(230%);}
.eqqDz_group_v2 .sympt_lst{ margin-top:20px;}
.eqqDz_group_v2 .sympt_lst .btn-block{ /* padding:10px 20px; */ background:#e1e1e1; color:#333; font-weight:500;}
.eqqDz_group_v2 .sympt_lst .btn-block:hover,
.eqqDz_group_v2 .sympt_lst li.active .btn-block{ background:var(--sub-color); color:#fff;}
.eqqDz_group_v2 .sympt_lst_write{ margin:-10px 20px 20px;}
.eqqDz_group_v2 .sympt_lst_write .btn-block{ /* padding-right:10px; */ background:var(--sub-color) !important; color:#fff;}
.sympt_lst_write li{border-radius:20px; background:#eaefef;}
.sympt_lst .btn-block{ cursor:default;}
.sympt_lst_write .btn-block{ cursor:pointer; padding-right:10px; background:var(--sub-color) !important; color:#fff;}
.sympt_lst_write .btn-block .type{ background:#ffbd3c; color:var(--sub-color)}
.sympt_lst_write .range_value li{ width:24px; border-radius:0; text-align:center; /* background:red; */ }
/* 주요증상 삭제버튼 별도 작업시 사용 */
.sympt_lst_write li .btn_del_xs{ display:flex; flex-shrink:0; width:30px; height:30px; right:0; top:0; margin:0 -15px 0 0; filter: invert(100%) sepia(150%) saturate(0%) hue-rotate(141deg) brightness(111%) contrast(101%); background-position:-6px -206px;}

.eqqDz_group_v2 .non_symptom{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; margin-top:-25px; font-size:16px; color:#999;}

/* 전자문진표-주요증상 */
.sympt_type{ display:flex; position:relative; min-height:50px; padding:10px 20px; color:#666;}
.sympt_type .range_area{ display:flex; flex-direction:column; width:100%;}
.sympt_type .unit{ display:flex; align-items:end; justify-content:center; margin-left:auto; margin-bottom:-4px; padding:0 10px 0 20px; min-width:81px; font-size:13px; font-weight:500; letter-spacing:-.5px;}
.sympt_type .asRange{ width:100%; height:10px;}
.sympt_type .asRange .asRange-selected{ height:100%; background-color:#ffbd3c;}
/* .asRange .asRange-scale{ display:block; width:calc(100% + 10px); background:none;}
.asRange-scale-values{ display:flex; justify-content:space-between; position:relative; top:15px;} */
.asRange .asRange-pointer{ width:10px; height:10px; margin-left:-5px; cursor:pointer;}
.asRange .asRange-pointer:before{ background:#888;}
.asRange .asRange-pointer .asRange-tip{ left:2px; height:24px; border-color:#000; background-color:#000; font-size:14px; font-weight:600;}
.asRange .asRange-pointer .asRange-tip:before{ background-color:#000;}
.range_value{ display:flex; justify-content:space-between; position:relative; top:5px; left:-12px; width:calc(100% + 24px);}
ul.short_answr{ width:100%; margin-bottom:-5px;}
ul.short_answr li{ display:flex; float:left; align-items:center; height:30px; margin:0 20px 5px 0;}
ul.short_answr li:last-of-type{ margin-right:0;}
ul.short_answr li span{ margin-right:5px;}
ul.short_answr li input{ width:60px;}

/* 전자문진표-검강검진정보 */
.eqqMedexam_group{ margin-top:50px; font-size:16px;}
.eqqMedexam_group .tb_action .tit{ font-size:18px; font-weight:600;}
.eqqMedexam_group .tb_action .btn{ margin-left:10px;}
.eqqMedexam_group .tb_action .btn span{ font-size:12px;}
.eqqMedexam_group .tb_lst th,
.eqqMedexam_group .tb_lst td{ height:31px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.eqqMedexam_group .tb_lst thead tr:first-of-type th{ border-top:2px solid #666;}
.eqqMedexam_group .tb_lst tfoot th{ padding:10px;}
dl.dsc_medexam{ margin-top:20px;}
dl.dsc_medexam dt{ font-weight:600;}
dl.dsc_medexam dd{ height:35px;}
dl.dsc_medexam dd .label{ transform:scale(.7);}
.label_ckup1, .label_ckup2, .label_ckup3, .label_ckup4, .label_ckup5{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:20px; font-size:16px; font-weight:400; color:#fff; letter-spacing:-1px;}
.label_ckup1, .label_ckup2{ background:#1f8927;}
.label_ckup3{ background:#ee0700;}
.label_ckup4{ background:#4973d2;}
.label_ckup5{ background:#a16b33;}

.eqqBasic_group{ position: relative; margin-top:60px;}
.eqqBasic_group .tit{ display:flex; align-items:center; height:30px; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #666; font-size:18px; font-weight:600;}
.eqqBasic_group .file_area{ position:absolute; right:0; top:-12px;}
/* .file_group .file_area{ width:100%;}
.file_group .file_area input[type='text']{ width:100%;} 증상부위 사진업로드에서 사용하다 삭제 */
ul.img_lst{ margin:10px -5px 0; overflow:hidden;}
ul.img_lst li{ float:left; width:calc(100% / 6); margin-bottom:10px; padding:0 5px; }
ul.img_lst li .img_bx{ margin-right:10px;}
ul.img_lst li:nth-of-type(6n) .img_bx{ margin-right:0;}
.img_bx{ overflow:hidden; position:relative; width:100%; height:0; padding-bottom:56.25%;}
.img_bx p{ position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd;}
.img_bx img{ width:100%; height:100%;}
.thmb_non{ background-color:#f7f7f7;}
.thmb_non:before{ position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background-position:0 -80px;}
ul.img_lst li a:hover p{ border-color:var(--main-color);}
.eqqMemo_group textarea{ width:100%; height:212px;}

/* 검강검진표-검진결과 */
.eqqResult_group .eqqResult_area{ display:flex;}
.eqqResult_group .eqqResult_area .lft{ width:150px;}
.eqqResult_group .eqqResult_area .lft .label{ transform:scale(2); transform-origin:-30px top;}
.eqqResult_group .eqqResult_area dl.dsc_medexam{ margin-top:0;}

/* 건강검진표-검진날짜영역 */
.date_group{ display:flex;}
.date_group .dragscroll{ margin-right:10px;}
.date_group .btn-primary{ margin-left:auto; padding:12px 5px; font-size:14px;}
.date_group .btn-primary span{ display:block;}

/* 건강검진표-건강검진일 */
.eqqMedexamDate_group{ margin-top:20px; padding:20px; background:#ddd; font-size:18px; font-weight:600;}
.eqqMedexamDate_group input{ width:130px; height:40px; margin-left:10px; background-color:#fff; background-position:92px -122px; font-size:16px;}

/* 질환검색-검색결과없을때 */
.non_srch{ padding:50px !important; font-size:16px; font-weight:500;}
.non_srch span{ color:var(--main-color);}
.non_srch p{ font-size:13px; font-weight:400;}

/* 질환부위사진 */
.imgView_group .fileSwiper{ display:flex; align-items:center; justify-content:center;}
.imgView_group a img{ max-height:700px;}
.imgView_group .swiper-wrapper{ align-items:center;}

/* 모달-제품처방 */
.prscr_group{ display:flex; margin-bottom:20px;}
.prscr_group .lft{ width:calc(32% - 10px);}
.prscr_group .rgt{ width:calc(68% - 10px); margin-left:auto;}
.prscr_group .lft ul.product_lst{ border:3px solid #ddd;}
.prscr_group .lft ul.product_lst li{border-top:1px solid #ddd;}
.prscr_group .lft ul.product_lst li:first-of-type{ border-top:none;}
.prscr_group .lft ul.product_lst li .btn{ overflow:hidden; position:relative; width:100%; padding:8px 30px 8px 15px; font-size:14px; font-weight:500; text-align:left; text-overflow:ellipsis;}
.prscr_group .lft ul.product_lst li .btn:before{ position:absolute; right:10px; width:20px; height:20px; border-radius:3px; background-position:-170px -50px; background-color:#999;}
.prscr_group .lft ul.product_lst li .btn:hover{ color:var(--main-color);}
.prscr_group .lft ul.product_lst li .btn:hover:before{ background-color:var(--main-color);}
.prscr_group .lft .reg_bx{ display:flex; justify-content:center; margin:10px 0; text-align:center;}
.prscr_group .lft .reg_bx input{ height:40px; border-color:#cdcdcd; border-right:none;}
.prscr_group .lft .btn_area{ margin-top:0;}
.prscr_group .rgt ul.product_lst{ height:100%; border:1px solid #ddd; border-top-color:#999;}
.prscr_group .rgt ul.product_lst li{ display:flex; align-items:center; padding:10px; padding-top:0; font-size:16px;}
.prscr_group .rgt ul.product_lst li:first-of-type{ padding-top:10px;}
.prscr_group .rgt ul.product_lst li input{ width:100%; font-size:16px;}
.prscr_group .rgt ul.product_lst li .name{ width:calc(100% - 190px); margin-right:auto; font-weight:600; word-break:break-all;}
.prscr_group .rgt ul.product_lst li .how{ flex-shrink:0; width:290px; margin:0 10px;}
.prscr_group .rgt ul.product_lst li .how select{ width:42px; padding:1px 5px; text-align: center; -webkit-appearance: none;}
.prscr_group .rgt ul.product_lst li .btn{ position:relative; width:20px; height:20px; padding:0; font-size:0; flex-shrink:0;}
.prscr_group .rgt ul.product_lst li .btn:before{ position:absolute; top:0; left:0; width:20px; height:20px; border-radius:3px; background-position:-170px -170px; background-color:#999;}
.prscr_group .rgt ul.product_lst li .btn:hover:before{ background-color:var(--main-color);}

/* 등록및조회 */
.group_memType{ min-height: 100vh; margin:0; margin-bottom:-100px; padding-bottom:100px; background:#f7f7f7;}
.group_memType .inner{ width:800px; margin:0 auto; padding:40px 0; background:#f7f7f7;}
.group_memType .nav li{ width:50%; height:60px;}
.group_memType .nav li a{ width:100%; height:100%; border:1px solid #999; border-radius:0; background:#fff; font-size:30px; color:#999; text-decoration:none;}
.group_memType .nav li a:before{ width:40px; height:40px; margin:-1px 5px 0 0; background-position:-80px 0; vertical-align:top; filter: invert(50%) sepia(0%) saturate(7486%) hue-rotate(18deg) brightness(125%) contrast(103%);}
.group_memType .nav li:last-of-type a:before{ background-position:-120px 0;}
.group_memType .nav li:hover a{ color:var(--main-color);}
.group_memType .nav li:hover a:before{ filter: initial;}
.group_memType .nav li.active a{ border-color:var(--main-color); background:var(--main-color); color:#fff ;}
.group_memType .nav li.active a:before{ filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(23deg) brightness(200%) contrast(103%);}
.memType_area{ display:flex; flex-direction:column; margin-top:40px; padding:50px 70px; border:1px solid #ddd; background:#fff;}
.memType_area .srch_bx{ margin:0;}
.memType_area .srch_bx *{ height:60px; font-size:20px;}
.memType_area .srch_bx .btn{ width:120px; background:#333;}
.memType_area .srch_bx input{ width:380px !important; border-color:#999;}
.memType_area .srch_result{ margin-top:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.memType_area .srch_result ul{ background:#fff;}
.memType_area .srch_result li { width:660px; border-bottom:1px solid #ddd;}
.memType_area .srch_result li:last-of-type{ border-bottom:none;}
.memType_area .srch_result li.tit{ display:flex; width:100%; padding:15px 0; border-bottom:1px solid #999; background:#f7f7f7;}
.memType_area .srch_result li.tit span{ font-weight:500;}
.memType_area .srch_result li a{ display:flex; width:100%; padding:15px 0; color:#333; text-decoration:none;}
.memType_area .srch_result li a:hover{ color:var(--main-color);}
.memType_area .srch_result li span{ font-size:20px; text-align:center; font-weight:300;}
.memType_area .srch_result li span.name{ width:25%;}
.memType_area .srch_result li span.birth{ width:35%;}
.memType_area .srch_result li span.tel{ width:40%;}
table.lst_meminfo *{ font-size:16px;}
table.lst_meminfo th,
table.lst_meminfo td{ height:60px; padding:10px 0; border:none; background:none;}
table.lst_meminfo th { width:160px; font-weight:600;}
table.lst_meminfo td input[type=text],
table.lst_meminfo td select{ height:40px;}
table.lst_meminfo .datepicker_day{ width:130px; background-position: 90px -122px;}
table.lst_meminfo td .tel_blank{ display:inline-block; width:20px; text-align:center;}
/* table.lst_meminfo tr:last-of-type th{ padding:10px 0 30px; border-bottom:none;} */
table.lst_meminfo tr:last-of-type .tit{ display:flex; align-items:center;}
table.lst_meminfo tr:last-of-type .tit .btn{ height:40px; margin-left:auto; padding:7px 10px; font-size:14px; font-weight:500;}
table.lst_meminfo .privacy_area{ width:100%; margin-top:10px; padding:20px; border:1px solid #ddd;}
table.lst_meminfo .tb_privacy{ border-top:1px solid #eaeaea;}
table.lst_meminfo .tb_privacy th,
table.lst_meminfo .tb_privacy td{ height:40px; padding:0 20px !important; line-height:40px; border-bottom:1px solid #eaeaea !important; font-weight:500;}
table.lst_meminfo .tb_privacy th{ width:170px; background:#f5f5f5;}
table.lst_meminfo .tb_privacy td{ background:#fbfbfb;}
table.lst_meminfo_child{ background:#f7f7f7; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
table.lst_meminfo_child tr:first-of-type td{ height:40px; padding:10px 20px 0;}
table.lst_meminfo_child th{ padding:10px 20px;}
table.lst_meminfo_child tr:last-of-type th,
table.lst_meminfo_child tr:last-of-type td{ border-bottom:0 none;}
table.lst_meminfo + .dsc-info-danger{margin:10px 0 0 10px;}
.btn_privacy{ padding:15px 12px; background:#333; font-size:20px;}
.btn_privacy:hover{ background:#000;}

/* 모달전체창 */
.modal-fullscreen{ width:100%; margin:0;}
.modal-fullscreen .modal-content { height:100%; border:0; background:none; box-shadow:none;}
.modal-fullscreen .modal-header{ color:#fff; border:none;}
.modal-fullscreen .modal-header .close span{ filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(200%) contrast(101%);}
.modal-fullscreen .modal-body{ overflow-y:auto; height:calc(100% - 46px); padding:0; overflow:hidden;}

/* 로딩바 */
.loader_area.on{ display:flex;}
.loader_area.pos_a{ position:absolute;}
.loader_area{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1081; align-items:center; justify-content:center;}
.loader_area .loader { width:40px; height:40px; border:5px solid rgba(255,255,255,.5); border-radius: 50%; border-top: 5px solid #fff; border-bottom: 5px solid #fff; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}
.loader_area .loader:before { content:''; position:absolute; top:50%; left: 50%; width:60px; height:60px; border:3px solid rgba(255,255,255,0); border-radius:50%; border-left:3px solid #fff; border-right:3px solid #fff; transform:translate(-50%, -50%);}
.loader_area .loader_txt{ display:none;}

.loader_area2{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1039; display:flex; align-items:center; justify-content:center;}
.loader_area2 span { display:fixed; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; border: 5px solid rgba(255,255,255,.5); border-radius: 50%; border-top: 5px solid #fff; border-bottom: 5px solid #fff; width: 40px; height: 40px; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}
.loader_area2 span:before { clear:both; content:''; position:absolute;	margin:-15px 0 0 -15px;	border: 3px solid rgba(255,255,255,0); border-radius: 50%; border-left: 3px solid #fff; border-right: 3px solid #fff; width: 60px; height: 60px;}

.loader_area3.pos_a{ position:absolute;}
.loader_area3{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1081; display:flex; align-items:center; justify-content:center;}
.loader_area3 .loader{ width:80px; height:80px; border:5px solid rgba(255,255,255,.5); border-radius: 50%; border-top: 5px solid #fff; border-bottom: 5px solid #fff; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}
.loader_area3 .loader:before { content:''; position:absolute; top:50%; left: 50%; width:100px; height:100px; border: 3px solid rgba(255,255,255,0); border-radius: 70%; border-left: 3px solid #fff; border-right: 3px solid #fff; transform:translate(-50%, -50%);}
.loader_area3 .loader_txt{ height:40px; padding:0 20px; font-size:20px; background:#fff; border-radius:30px; position:absolute; line-height:40px; font-weight:bold; text-align:center; letter-spacing:-1px;}

.loader_area_txt .loader{ width:160px; height:160px; border-width:10px}
.loader_area_txt .loader:before{ width:240px; height:240px; border-width:5px;}
.loader_area_txt .loader_txt{ display:block; position:absolute; left:50%; top:50%; width:120px; height:40px; margin:-10px 0 0 -60px; font-size:30px; color:#fff; text-align:center;}
.loader_area_txt .loader_txt span{ font-size:50px; font-weight:800;}

.txt_connect:after{ position:absolute; clear:both; content:'CONNECTING...'; left:50%; top:50%; width:100px; height:20px; margin:-10px 0 0 -50px; font-family:'montserrat'; font-weight:700; color:#333; line-height:20px; letter-spacing:-.5px; text-align:center; background:#fff; border-radius:10px;}
.section_viewer .loader_area2 span{ margin-top:-5px;}
.section_viewer .txt_connect:after{ margin-top:5px;}

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);} }
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }

/* 상담메모 */
.modal-header--sticky{margin-top:-10px; background:#333;}
.modal-fullscreen{ background:#111; min-width:1030px; min-height: 100%;}
.group_fullpage{ position:relative; margin:0 auto;}
.group_fullpage>dl{ width:90%; margin:20px 0 0 5%; background:#fff;}
.group_fullpage>dl>dt,
.group_fullpage>dl>dd{ padding:10px;}
.group_fullpage>dl>dt{ display:flex; position:relative; align-items:center;}
.group_fullpage>dl>dd{ border-top:1px solid #ddd;}
.group_fullpage>dl>dt .date{ position:relative; margin-right:auto; padding:0 10px; font-size:16px; font-weight:500;}
.group_fullpage>dl>dt .btn{ position:relative;}
.group_fullpage>dl>dt .btn+.btn{ margin-left:5px;}
.group_fullpage>dl>dd textarea{ width:100%; min-height:140px; background:#f7f7f7;}

/* 혀관찰 */
.group_tongue{ padding:20px 0;}
.group_tongue>dl>dd { display:flex;}
.group_tongue:nth-of-type(odd) dt .date{ position:inherit !important;}
.group_tongue>dl:nth-of-type(even){ margin-left:5%;}
.group_tongue .file_area{ flex-direction:column; width:40%;}
.group_tongue .survey_area{ width:60%;}
.group_tongue .file_area .non_img{ display:flex; align-items:center; width:99%; max-width:533px; margin:auto;}
.group_tongue .file_area img{ max-height:300px; margin: 0 auto;}
.group_tongue .survey_area dl{ display:flex; margin:5px 0 0 10px; background:#f2f2f2;}
.group_tongue .survey_area dl:first-of-type{ margin-top:0;}
.group_tongue .survey_area dl dt{ display:flex; align-items:center; justify-content:flex-start; width:15%; padding:0 10px; font-weight:500; background:#b7e4c7;}
.group_tongue .survey_area dl dd{ width:85%;}
.group_tongue .survey_area dl dd .btn{ border-left:0;}
.group_tongue .survey_area dl dd .btn:nth-of-type(5n+1){ border-left:1px solid #ddd;}
.group_tongue .survey_area dl dd .btn:nth-of-type(n+5){ margin-top:0;}
.group_tongue .survey_area dl dd .btn:nth-of-type(n+6){ margin-top:-1px;}
.group_tongue .survey_area dl:nth-of-type(n+4) dt{ background:#fec89a;}
.group_tongue .survey_area .btn-xs{ float:left; width:20%; max-height:initial; /* margin-left:-1px; */ padding:4px 0; font-weight:500; line-height:25px; border-color:#ddd;}
.group_tongue .survey_area .btn-xs:hover,
.group_tongue .survey_area .btn-xs.active{ background-color:var(--sub-color); color:var(--sub2-color);}
.group_tongue .jelly-slider .jelly-next{ background:rgba(0,0,0,.5);}
.group_tongue .swiper-button-next:after, 
.group_tongue .swiper-rtl .swiper-button-prev:after,
.group_tongue .swiper-button-prev:after, 
.group_tongue .swiper-rtl .swiper-button-next:after{ font-size:20px;}
.group_tongue .swiper-button-next,
.group_tongue .swiper-rtl .swiper-button-prev{ right:0;}
.group_tongue .swiper-button-prev,
.group_tongue .swiper-rtl .swiper-button-next{ left:0;}

.group_tongue .vr_area,
.group_tongue>dl:nth-of-type(even) dt:before,
.group_tongue>dl:nth-of-type(even) dt:after,
.group_tongue>dl:before,
.group_tongue>dl>dt:after,
.group_tongue>dl>dt:before{ display:none;}

/* Swiper */
.swiper{width:100%; height:100%;}
.swiper-slide{text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack: center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.swiper-pagination-bullet-active{ background:var(--main-color);}
.swiper-button-next, .swiper-button-prev{ color:#999;}

/* 기관계선택 */
.group_organ_add{ overflow:hidden; margin-top: 10px; padding-bottom:10px;}
.group_organ_add .btn{ position: relative; float:left; width:23.5%; height:119px; margin-left:2%;  margin-top:2%; font-weight:500; font-size:20px; line-height:24px; white-space:break-spaces;}
.group_organ_add .btn:nth-of-type(4n+1){ margin-left:0;}
.group_organ_add .btn.active,
.group_organ_add .btn:hover, .group_organ_add .btn:focus{ border-color:var(--sub-color); background:var(--sub-color); color:var(--sub2-color)}
.group_organ_add .btn.chk:after{ content:''; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height: calc(100% + 2px); border:2px solid var(--sub2-color);}
/* 개인/민감정보동의서 */
.group_policy .nav-tabs{ margin-bottom: 20px;}
.group_policy .bx_scrl{ width:100%; height: 440px; overflow:hidden; overflow-y: auto; padding:10px; background: #f7f7f7; border: 1px solid #ddd; white-space: break-spaces; border-radius:0;}
.group_policy .nav li{ width:50%; height:60px;}
.group_policy .nav li a{ display: flex; align-items: center; justify-content: center; width:100%; height:100%; border:1px solid #999; border-radius:0; background:#fff; font-size:18px; font-weight: bold; color:#999; text-decoration:none;}
.group_policy .nav li:hover a{ color:#333;}
.group_policy .nav li.active a{ border-color:#494b50; background:#494b50; color:#fff ;}
.group_policy .nav li:first-of-type a{ border-right:0 none !important;}
.group_policy .nav li:last-of-type a{ border-left:0 none !important;}

/* 간편인증 */
.section_simple_cert{ padding-bottom: 30px;}
.section_simple_cert .group_pick{ overflow: hidden; margin:20px 0 35px;}
.section_simple_cert .group_pick li{ float:left; width:20%; padding:10px 0; text-align: center;}
.section_simple_cert .group_pick li p{ position: relative; width:60px; height:60px; margin:0 auto 5px auto; border-radius: 10px; background-repeat: no-repeat; background-size: contain;}
.section_simple_cert .group_pick li p.line{ width:62px; height:62px; border:1px solid #ddd;}
.section_simple_cert .group_pick li button:hover,
.section_simple_cert .group_pick li button.active{ font-weight: bold;}
.section_simple_cert .group_pick li button:hover p:before,
.section_simple_cert .group_pick li button.active p:before{ content:''; position: absolute; top:-3px; left:-3px; width:66px; height:66px; border:3px solid var(--main-color); border-radius: 13px;}
.section_simple_cert .group_pick li:nth-of-type(1) p{ background-image:url('../../static/images/cert_kakao.png');}
.section_simple_cert .group_pick li:nth-of-type(2) p{ background-image:url('../../static/images/cert_naver.png');}
.section_simple_cert .group_pick li:nth-of-type(3) p{ background-image:url('../../static/images/cert_sspass.png');}
.section_simple_cert .group_pick li:nth-of-type(4) p{ background-image:url('../../static/images/cert_pass.png');}
.section_simple_cert .group_pick li:nth-of-type(5) p{ background-image:url('../../static/images/cert_shinhan.png');}
.section_simple_cert .group_pick li:nth-of-type(6) p{ background-image:url('../../static/images/cert_kbstar.png');}
.section_simple_cert .group_pick li:nth-of-type(7) p{ background-image:url('../../static/images/cert_payco.png');}
.section_simple_cert .group_txt{ margin:30px 0 50px 0; font-size: 15px; font-weight: bold; text-align: center;}
.section_simple_cert .group_txt p{ margin-bottom: 10px;}
.section_simple_cert .group_step{ display: flex; justify-content: space-between;}
.section_simple_cert .group_step .step{ width:25%; text-align: center;}
.section_simple_cert .group_step .step .num{ height:40px; background: #f7f7f7; border: 1px solid #ddd; border-radius: 10px; margin-bottom:10px; font-weight: bold; line-height: 40px;}
.section_simple_cert .group_step .arrow:before{ display: block; clear:both; content:'▶'; margin-top: 10px;}