@charset "utf-8";

/* 공통 */
.hidden, legend {font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px; overflow: hidden; visibility: hidden; position: absolute; top: 0; left: 0;}
caption {font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px; overflow: hidden; visibility: hidden;}

ol, ul, dl {padding-left:0; margin-bottom:0;}
li {display:block;} 

a:hover {font-weight:700;}

.clear:after {content:""; display:block; clear:both;}

/* header */
.sidebar-wrapper .sidebar-header img {height:auto !important;}
.sidebar-wrapper .sidebar-header .logo a {display: block; color:#323752;}
.sidebar-wrapper .sidebar-header .logo span.icon {
	display: list-item;
    width: 150px;
    height: auto !important;
    background: url(../images/logo/sideLogo.svg) no-repeat center center;
    background-size: 86%;
}
.sidebar-wrapper .menu .sidebar-link i {opacity: 0.4; width: 40px; height: 40px;}
[class^="bi-"]::before, 
[class*=" bi-"]::before {display:none !important;}
.bi01 {display:inline-block; background:url('../images/img/ico_lnb01.svg')no-repeat 5px 5px; background-size: 34px;}
.bi02 {display:inline-block; background: url(../images/img/ico_lnb02.svg) no-repeat 5px 5px; background-size: 34px;}
.bi03 {display:inline-block; background:url('../images/img/ico_lnb03.svg')no-repeat 5px 5px; background-size: 34px;}
.bi04 {display:inline-block; background:url('../images/img/ico_lnb04.svg')no-repeat 5px 5px; background-size: 34px;}
.bi05 {display:inline-block; background:url('../images/img/ico_lnb05.svg')no-repeat 5px 5px; background-size: 34px;}
.bi06 {display:inline-block; background:url('../images/img/ico_lnb06.svg')no-repeat 5px 5px; background-size: 34px;}
.bi07 {display:inline-block; background:url('../images/img/ico_lnb07.svg')no-repeat 5px 5px; background-size: 34px;}
.bi08 {display:inline-block; background:url('../images/img/ico_lnb08.svg')no-repeat 5px 5px; background-size: 34px;}
.bi09 {display:inline-block; background:url('../images/img/ico_lnb09.svg')no-repeat 5px 5px; background-size: 34px;}
.bi10 {display:inline-block; background:url('../images/img/ico_lnb10.svg')no-repeat 5px 5px; background-size: 34px;}
.bi11 {display:inline-block; background:url('../images/img/ico_lnb11.svg')no-repeat 5px 5px; background-size: 34px;}
.bi12 {display:inline-block; background:url('../images/img/ico_lnb12.svg')no-repeat 5px 5px; background-size: 34px;}
.bi13 {display:inline-block; background:url('../images/img/ico_lnb13.svg')no-repeat 5px 5px; background-size: 34px;}
.bi14 {display:inline-block; background:url('../images/img/ico_lnb14.svg')no-repeat 5px 5px; background-size: 34px;}
.bi15 {display:inline-block; background:url('../images/img/ico_search.png')no-repeat 5px 5px; background-size: 34px;}
.bi16 {display:inline-block; background:url('../images/img/ico_lnb16.svg')no-repeat 5px 5px; background-size: 34px;}
.bi17 {display:inline-block; background:url('../images/img/ico_lnb17.svg')no-repeat 5px 5px; background-size: 34px;}
.bi18 {display:inline-block; background:url('../images/img/ico_lnb18.svg')no-repeat 5px 5px; background-size: 32px;}

.menu .active a .bi01 {background:url('../images/img/ico_lnb01_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi02 {background:url('../images/img/ico_lnb02_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi03 {background:url('../images/img/ico_lnb03_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi04 {background:url('../images/img/ico_lnb04_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi05 {background:url('../images/img/ico_lnb05_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi06 {background:url('../images/img/ico_lnb06_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi07 {background:url('../images/img/ico_lnb07_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi08 {background:url('../images/img/ico_lnb08_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi09 {background:url('../images/img/ico_lnb09_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi10 {background:url('../images/img/ico_lnb10_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi11 {background:url('../images/img/ico_lnb11_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi12 {background:url('../images/img/ico_lnb12_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi13 {background:url('../images/img/ico_lnb13_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi14 {background:url('../images/img/ico_lnb14_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi16 {background:url('../images/img/ico_lnb16_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi17 {background:url('../images/img/ico_lnb17_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu .active a .bi18 {background:url('../images/img/ico_lnb18_ov.svg')no-repeat 5px 5px; background-size: 32px;}

/* .menu li a:hover .sidebar-wrapper .menu .sidebar-link i {background:url('../images/img/ico_lnb02.svg')no-repeat 5px 5px; background-size: 34px;} */

.menu li a:hover .bi01 {background:url('../images/img/ico_lnb01.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi02 {background:url('../images/img/ico_lnb02.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi03 {background:url('../images/img/ico_lnb03.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi04 {background:url('../images/img/ico_lnb04.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi05 {background:url('../images/img/ico_lnb05.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi06 {background:url('../images/img/ico_lnb06.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi07 {background:url('../images/img/ico_lnb07.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi08 {background:url('../images/img/ico_lnb08.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi09 {background:url('../images/img/ico_lnb09.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi10 {background:url('../images/img/ico_lnb10.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi11 {background:url('../images/img/ico_lnb11.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi12 {background:url('../images/img/ico_lnb12.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi13 {background:url('../images/img/ico_lnb13.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi14 {background:url('../images/img/ico_lnb14.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi16 {background:url('../images/img/ico_lnb16.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi17 {background:url('../images/img/ico_lnb17.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li a:hover .bi18 {background:url('../images/img/ico_lnb18.svg')no-repeat 5px 5px; background-size: 32px;}

.menu li.active a:hover .bi01 {background:url('../images/img/ico_lnb01_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi02 {background:url('../images/img/ico_lnb02_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi03 {background:url('../images/img/ico_lnb03_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi04 {background:url('../images/img/ico_lnb04_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi05 {background:url('../images/img/ico_lnb05_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi06 {background:url('../images/img/ico_lnb06_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi07 {background:url('../images/img/ico_lnb07_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi08 {background:url('../images/img/ico_lnb08_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi09 {background:url('../images/img/ico_lnb09_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi10 {background:url('../images/img/ico_lnb10_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi11 {background:url('../images/img/ico_lnb11_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi12 {background:url('../images/img/ico_lnb12_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi13 {background:url('../images/img/ico_lnb13_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi14 {background:url('../images/img/ico_lnb14_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi16 {background:url('../images/img/ico_lnb16_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi17 {background:url('../images/img/ico_lnb17_ov.svg')no-repeat 5px 5px; background-size: 34px;}
.menu li.active a:hover .bi18 {background:url('../images/img/ico_lnb18_ov.svg')no-repeat 5px 5px; background-size: 32px;}


/* 복약수첩 Dashboard */
.txt_disease {padding:0 0 0; font-size:18px; font-weight:700; color:#3b5fbb;}
.txt_disease span {font-size:14px; font-weight:300; color:#889aa8;}
.disease_box {margin-bottom:40px; padding:20px; border-radius:4px; border:1px solid #dce7f1;}

.tbl_style01 {}
.tbl_style01 th {text-align:center; font-size:14px; font-weight:300; color:#495f6f;}
.tbl_style01 td {text-align:center; font-size:14px; color:#495f6f;}
.tbl_style01 td .con {max-width:130px; line-height:1.2em; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.btn_bell {display:inline-block; width:85px; height:30px; line-height:30px; text-align:center; background:#3b5fbb; border-radius:4px; font-size:14px; color:#fff;}
.btn_bell .ic {display:inline-block; width:15px; height:18px; margin-right:3px; vertical-align:sub; background:url('../images/img/ico_bell.png') no-repeat 0 0;}
.btn_bell:hover {font-weight:700; color:#fff;}

.util_box {position:absolute; right:24px; top:27px; padding-left:0;}
.util_box:after {content:""; display:block; clear:both;}
.util_box li {float:left; font-size:16px; font-weight:300; color:#6c757d; display:block; letter-spacing:-1px; cursor:pointer;}
.util_box li:before {content:""; display:inline-block; width:1px; height:12px; margin:0 10px; background:#e2e2e2;}
.util_box li:first-child:before {display:none;}
.util_box li.on {font-weight:400; color:#435ebe;}

.pos_rel {position:relative;}

.patient_list {}
.patient_list span {display:inline-block; letter-spacing:-1px; font-size:16px; color:#495f6f;}
.patient_list .tit {width:220px; font-weight:300; }
.patient_list .txt01 {margin-right:175px;}

.silde_gallery {padding:0;}
.silde_gallery .swiper-container.gallery-top {height:auto; width:920px; margin:0 auto; }
.silde_gallery .swiper-container.gallery-top .swiper-wrapper {}
.silde_gallery .swiper-container.gallery-top .swiper-wrapper .swiper-slide {width:200px !important; text-align:center;}
.silde_gallery .swiper-container.gallery-top .swiper-wrapper .swiper-slide img {}
.silde_gallery .swiper-container.gallery-top .swiper-wrapper .swiper-slide .slide_info {min-height:40px; padding-top:25px; text-align:center; font-size:16px; color:#495f6f; letter-spacing:-1px;}
.silde_gallery .swiper-button-next, .silde_gallery .swiper-button-prev {width:29px; height:56px; margin-top:-28px; background-size:29px 56px;}
.silde_gallery .swiper-button-next {right:24px !important; background:url('../images/img/btn_next.png') no-repeat 0 0;}
.silde_gallery .swiper-button-prev {left:24px !important; background:url('../images/img/btn_prev.png') no-repeat 0 0;}

.medicine_box01 {width:30%;}
.medicine_box02 {width:40%;}
.medicine_box03 {width:30%;}

.of_scroll {overflow-y:scroll !important;}
.of_scroll::-webkit-scrollbar {
    width: 5px;
}
.of_scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.of_scroll::-webkit-scrollbar-track {
    background-color: rgba(128, 128, 128, 0.1);
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}

.medicine_eat {height:330px !important; overflow:hidden;}
.medicine_eat_list {padding-left:0;}
.medicine_eat_list li:after {content:""; display:block; clear:both;}
.medicine_eat_list li {position:relative; display:block; padding:20px 0; border-bottom:1px solid #e2e2e2;}
.medicine_eat_list li img {float:left; width:80px; margin-right:13px;}
.medicine_eat_list li div {float:left; width:255px;}
.medicine_eat_list li div p {margin-bottom:0; letter-spacing:-1px; line-height:1.1;}
.medicine_eat_list li div p span {display:inline-block; font-size:16px; font-weight:300; color:#889aa8;}
.medicine_eat_list li div p span + span:before {content:""; display:inline-block; width:1px; height:12px; margin:0 10px; background:#e2e2e2;}
.medicine_eat_list li div .txt {width:200px; padding-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#495f6f;}

.eat {position:absolute; right:0; top:32px; width:60px; height:24px; line-height:24px; text-align:center; background:#008755; border-radius:4px; font-size:14px; color:#fff;}
.no_eat {position:absolute; right:0; top:32px; width:60px; height:24px; line-height:24px; text-align:center; background:#e53548; border-radius:4px; font-size:14px; color:#fff;}
.before_eat {position:absolute; right:0; top:32px; width:60px; height:24px; line-height:24px; text-align:center; background:#a4afb7; border-radius:4px; font-size:14px; color:#fff;}

.medicine_eat_list02 {padding-left:0;}
.medicine_eat_list02 li:after {content:""; display:block; clear:both;}
.medicine_eat_list02 li {position:relative; display:block; padding:20px 0; border-bottom:1px solid #e2e2e2;}
.medicine_eat_list02 li img {float:left; width:80px; margin-right:13px;}
.medicine_eat_list02 li p {margin-bottom:0; letter-spacing:-2px; line-height:1.2; font-size:16px; color:#495f6f; word-break:keep-all;}
.medicine_eat_list02 li .txt {float:left; max-width:calc(100% - 93px); line-height:1.2em; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.chart_donut_box {height:290px;}
.chart_donut {position: relative; text-align:center; margin-top:40px;}
.chart_donut .data {position: absolute; top: 45%; left: 52%; transform: translate(-50%, -50%); letter-spacing:-1px;}
.chart_donut .data .ratio {font-family: 'Roboto', sans-serif; margin-bottom:0; font-size: 64px; font-weight: 700;}
.chart_donut .data .dose {margin-top: 5px; font-size:14px; margin-bottom:0;}
.dose .num {color: #876efc; font-weight: 700;}
.dose .total {color: #898989;}

.disease_box02 {padding-bottom:40px;}
.disease_box02 dt {line-height:1; padding:0 0 20px; margin:0; letter-spacing:-1px; font-size:16px; color:#495f6f;}
.disease_box02 dt:before {content:""; display:inline-block; width:3px; height:3px; margin:0 8px 5px 0; background:#495f6f;}
.disease_box02 dd.calc5 {}
.disease_box02 dd.calc5 .form-check {float:left; width:calc(100% / 5);}
.disease_box02 dd.calc2 {}
.disease_box02 dd.calc2 .form-check {float:left; width:105px; line-height:39px; vertical-align:middle;}
.disease_box02 dd.calc2 .form-check .form-check-input {margin-top:8px;}
.disease_box02 dd.calc2 input[type="text"] {box-sizing:border-box; float:left; width:calc(100% - 105px); height:39px; line-height:39px; padding:0 15px; vertical-align:middle; border:1px solid #dce7f1; border-radius:5px;}
.disease_box02 dd .disease_box {margin-bottom:0 !important;}
.disease_box02 dd.calc4 {}
.disease_box02 dd.calc4 .form-check {float:left; width:calc(100% / 4);}

.silde_gallery02 {padding:0;}
.silde_gallery02 .swiper-container.gallery-top02 {height:auto; width:920px; margin:0 auto; }
.silde_gallery02 .swiper-container.gallery-top02 .swiper-wrapper {}
.silde_gallery02 .swiper-container.gallery-top02 .swiper-wrapper .swiper-slide {width:200px !important; text-align:center;}
.silde_gallery02 .swiper-container.gallery-top02 .swiper-wrapper .swiper-slide img {}
.silde_gallery02 .swiper-container.gallery-top02 .swiper-wrapper .swiper-slide .slide_info {min-height:40px; padding-top:25px; text-align:center; font-size:16px; color:#495f6f; letter-spacing:-1px;}
.silde_gallery02 .next02, .silde_gallery02 .prev02 {width:29px; height:56px; margin-top:-28px; background-size:29px 56px;}
.silde_gallery02 .next02 {right:24px !important; background:url('../images/img/btn_next.png') no-repeat 0 0;}
.silde_gallery02 .prev02 {left:24px !important; background:url('../images/img/btn_prev.png') no-repeat 0 0;}

/* 레이어 팝업 */
.pop_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1400; display:none;}
.common_pop {position:absolute; top:10%;left:50%; width:700px; margin-left:-350px; margin-bottom:0; border:2px solid #435ebe; border-radius:9px; background:#435ebe; box-sizing:border-box;}
.pop_con {width:100%; height:100%; box-sizing:border-box; margin-bottom:0;}
.pop_tit {width:100%; height:58px; line-height:58px; margin:0; padding-left:23px; font-size:20px; font-weight:500; color:#fff; line-height:64px; box-sizing:border-box; z-index:10;}
.btn_closePop {margin-bottom:0;}
.btn_closePop .sty03 {position:absolute; top:20px; right:20px; width:18px; height:18px; border:none; background:url('../images/img/btn_closePop.png') no-repeat; background-size:cover; text-indent:-9999px; z-index:20;}
.pop_cons {box-sizing:border-box; padding:30px 20px; background:#fff; border-bottom-left-radius:9px; border-bottom-right-radius:9px;}

.code_box {position:relative; margin:0;}
.code_box p {line-height:1.1; margin:0; letter-spacing:-1px;}
.txt_code01 {padding-bottom:20px; font-size:16px; color:#495f6f;}
.txt_code01 span {font-weight:300;}
.txt_code02 {position:absolute; right:0; top:0; font-size:16px; font-weight:500; color:#435ebe;}

.code_box02 {box-sizing:border-box; max-height:300px; padding:20px; line-height:1.4; margin:0; letter-spacing:-1px; border-radius:9px; border:1px solid #dce7f1; overflow:hidden; word-break:keep-all;}
.code_box02 p {line-height:1.1; margin:0; letter-spacing:-1px; word-break:keep-all;}

.btn_area {margin:0; padding:20px 0 0; text-align:center; font-size:0;}
.btn_area button {width:80px; height:36px; line-height:36px; border:none; border-radius:3px; font-size:16px; color:#fff;}
.sty01 {background:#435ebe;}
.sty02 {margin-left:5px; background:#6c757d;}

/* paging */
.paging {padding-top:30px; font-size:0; text-align:center;}
.paging strong, .paging a {display:inline-block; margin-left:15px; font-family: 'Roboto', sans-serif; font-size:16px; color:#495f6f; box-sizing:border-box;}
.paging strong {width:32px; height:32px; background:#25396f; color:#fff; line-height:32px;}
.paging a {padding:5px;}
.paging a:first-child {margin-left:0;}
.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_end {display:inline-block; height:16px; text-indent:-9999px; vertical-align:-9px;}
.paging .btn_first:hover, .paging .btn_prev:hover, .paging .btn_next:hover, .paging .btn_end:hover {border-bottom:none;} 
.paging .btn_first {width:14px; background:url('../images/img/btn_first.png') no-repeat center center / 14px 18px;}
.paging .btn_prev {width:10px; background:url('../images/img/btn_prev02.png') no-repeat center center / 10px 18px;}
.paging .btn_next {width:10px; background:url('../images/img/btn_next02.png') no-repeat center center / 10px 18px;}
.paging .btn_end {width:14px; background:url('../images/img/btn_end.png') no-repeat center center / 14px 18px;}

/* 처방접수현황 */
.sty04 {box-sizing:border-box; display:inline-block; width:64px; height:30px; line-height:30px; text-align:center; letter-spacing:-1px; border:none; background:#0dcaf0; border-radius:4px; font-size:14px; color:#fff;}

.form_group {}
.form_group:after {content:""; display:block; clear:both;}
.form_group .tit {float:left; width:115px; line-height:38px; font-size:16px; color:#495f6f; letter-spacing:-1px;}
.form_group > input {float:left; width:calc(100% - 115px); letter-spacing:-1px;}

.form_group01 select {float:left; width:160px; margin-right:10px; letter-spacing:-1px;}
.form_group01 > input {width:calc(100% - 285px);}

.radio_box {float:left; width:calc(100% - 115px); margin-top:5px;}
.radio_box:after {content:""; display:block; clear:both;}
.radio_box > div {float:left; width:105px;}

input::-ms-input-placeholder {color:#aaa !important;}
input::-webkit-input-placeholder {color:#aaa !important;}
input::-moz-placeholder {color:#aaa !important;}

.list-unstyled {float:left; width:calc(100% - 115px) !important; margin-top:5px !important;}
.list-unstyled li {width:135px;}

.date_box {float:left; width:calc(100% - 115px) !important; font-size:0;}
.date_box span {box-sizing:border-box; display:inline-block; width:200px; height:38px; line-height:38px; padding:0 15px; border:1px solid #dce7f1; border-radius:4px;}
.date_box span input {width:130px; height:30px; line-height:30px; margin-right:10px; border:none; vertical-align:middle; font-size:16px; color:#495f6f;}
.date_box span + span {margin-left:5px;}

.sty05 {box-sizing:border-box; display:inline-block; width:64px; height:38px; line-height:38px; margin-left:5px; text-align:center; letter-spacing:-1px; border:none; background:#0dcaf0; border-radius:4px; vertical-align:middle; font-size:14px; color:#fff;}

.btn_area03 {padding:0 0 30px; text-align:right;}
.btn_area03 button {margin-left:5px;}
.btn_area03 .sty06 {background:#fff; border:1px solid #435ebe; color:#435ebe;}
.btn_area03 .sty07 {background:#6c757d;}
.btn_area03 .sty08 {background:#435ebe;}

.search_detail {display:none;}

/* 자주쓰는 복약알림 등록/관리 */
.tab {position:relative; width:100%;}
.tab::after {position:absolute; left:0; top:40px; content:""; width:100%; height:1px; background:#e2e2e2;}
.tab > dt {position:absolute; top:0; width:80px; cursor:pointer;}
.tab > dt > span {box-sizing:border-box; display:block; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:300; color:#495f6f;}
.tab > dt.on > span {border-bottom:2px solid #435ebe; font-weight:500; color:#435ebe;}
.tab > dt.t1.on > span {border-bottom:2px solid #435ebe; font-weight:500; color:#435ebe;}
.tab > dd {padding:80px 0 0;}
.tab > dd.hide {display:none;}

.pharmi_tab01 > dt.t1 {left:0;}
.pharmi_tab01 > dt.t2 {left:80px;}

.noti_box {position:relative;}
.noti_box p {padding:12px 0; font-size:14px; font-weight:300; color:#495f6f;}
.noti_box p span {color:#e53548;}
.noti_box div {position:absolute; top:0; right:0; font-size:0;}
.noti_box div button {height:36px; line-height:36px; margin-left:5px; padding:0 12px; background:#435ebe; border-radius:4px; border:none; font-size:16px; color:#fff;}

.tbl_style02 {}
.tbl_style02 th {text-align:center; font-size:14px; font-weight:300; color:#495f6f;}
.tbl_style02 .first th {border-top:1px solid #dedede;}
.tbl_style02 .first th,
.tbl_style02 .second th {border-left:1px solid #dedede;}
.tbl_style02 .first th:first-child {border-left:none;}
.tbl_style02.dataTable-table td, 
.tbl_style02.dataTable-table thead th, 
.tbl_style02.table td, 
.tbl_style02.table thead th {text-align:center;}
.tbl_style02 td {font-size:14px; color:#495f6f;}
.tbl_style02 td button {height:30px; line-height:30px; padding:0 5px; background:#435ebe; border-radius:4px; border:none; font-size:12px; color:#fff;}

/* 자주쓰는 복약알림 등록 팝업 */
.pop_pharmi .common_pop {width:900px; margin-left:-450px;}

.pop_cons.of_scroll {max-height:600px;}

.pharmi_tab02 > dt.t1 {left:0;}
.pharmi_tab02 > dt.t2 {left:80px;}

.pharmi_box {padding-bottom:20px; border-bottom:1px solid #e2e2e2;}
.pharmi_box .tit {display:inline-block; width:155px; margin-top:12px; font-size:16px; font-weight:500; color:#495f6f;}
.pharmi_box input {box-sizing:border-box; display:inline-block; width:calc(100% - 155px); height:38px; line-height:38px; padding:0 10px; border:1px solid #dce7f1; border-radius:4px;}

.tit_pharmi {margin:0; padding:30px 0 25px; font-size:18px; font-weight:700; color:#435ebe;}

.phami_list {margin:0; padding:0 0 30px; border-bottom:1px solid #e2e2e2;}
.phami_list li {display:block; padding:12px 0 0;}
.phami_list li:after {content:""; display:block; clear:both;}
.phami_list li:first-child {padding-top:0;}
.phami_list li .tit {box-sizing:border-box; display:block; float:left; width:155px; margin-top:12px; font-size:16px; font-weight:500; color:#495f6f;}
.phami_list li input[type="text"] {box-sizing:border-box; display:block; float:left; width:calc(100% - 155px); height:38px; line-height:38px; padding:0 10px; border:1px solid #dce7f1; border-radius:4px;}
.phami_list li .medi_box {float:left; width:50%;}
.phami_list li .medi_box02:after {content:""; display:block; clear:both;}
.phami_list li .medi_box02 .tit {width:150px; padding-left:55px;}
.phami_list li .radio_box {float:left; width:calc(100% - 150px); margin-top:12px;}
.phami_list li .radio_box div {width:85px;}
.phami_list li .radio_box span {font-size:14px; font-weight:300; color:#aaa;}
.phami_list li .radio_box02 {width:calc(100% - 155px);}
.phami_list li .in_sel_box {float:left; width:calc(100% - 155px);}
.phami_list li .in_sel_box div:after {content:""; display:block; clear:both;}
.phami_list li .in_sel_box div input[type="text"] {box-sizing:border-box; float:left; width:calc(100% - 210px);}
.phami_list li .in_sel_box div select {box-sizing:border-box; float:left; width:200px; margin-left:10px;}

.phami_list li .in_sel_box02:after {content:""; display:block; clear:both;}
.phami_list li .in_sel_box02 input[type="text"] {box-sizing:border-box; float:left; width:calc(50% - 5px);}
.phami_list li .in_sel_box02 select {box-sizing:border-box; float:left; width:calc(50% - 5px); margin-right:10px;}

.txt_red {padding-top:10px; font-size:14px; font-weight:300; color:#e53548;}
.txt_red02 {font-size:14px; font-weight:300; color:#e53548;}

.time_box {float:left; width:calc(100% - 155px); font-size:0;}
.time_box button {box-sizing:border-box; width:64px; height:38px; line-height:38px; margin-right:10px; text-align:center; background:#fff; border:1px solid #0dcaf0; border-radius:3px; font-size:14px; color:#0dcaf0;}
.time_box button.on {background:#0dcaf0; color:#fff;}

.btn_area03.btn_area04 {padding:20px 0 0; text-align:center;}

/* 메인 */
.util_box02 {position:relative; }
.util_box02 ul {}
.util_box02 ul li {float:left;}
.util_box02 ul li:before {content:""; display:inline-block; width:1px; height:14px; margin:0 12px; background:#495f6f; vertical-align:middle;}
.util_box02 ul li:first-child:before {display:none;}
.util_box02 ul li a {font-size:.9em; font-weight:500; color:#495f6f;}
.util_box02 ul li:last-child a {padding-right:23px; font-size:.9em; color:#3b5fbb; background:url('../images/img/ico_arrow_down.png') no-repeat right center;}
.util_box02 ul li:last-child.on a {padding-right:23px; font-size:14px; color:#3b5fbb; background:url('../images/img/ico_arrow_up.png') no-repeat right center;}

.setting_area {box-sizing:border-box; display:none; position:absolute; left:0; top:35px; padding:30px; background:#fff; border:1px solid #3b5fbb; border-radius:10px; z-index:10000;}
.setting_area .setting_box01 {position:relative;}
.setting_area .setting_box01 .txt_show {padding:10px 0 25px; border-bottom:1px solid #e2e2e2; font-size:16px; color:#495f6f;}
.setting_area .setting_box01 .txt_show span {display:inline-block;}

.btns01 {position:absolute; right:0; top:0; font-size:0;}
.btns01 button {height:36px; line-height:36px; text-align:center; border:none; border-radius:3px; font-size:16px; color:#fff;}
.btns01 .btn_clear {width:80px; background:#6c757d;}
.btns01 .btn_save {width:70px; margin-left:5px; background:#435ebe;}

.setting_box02 {}
.setting_box02 > div {padding-top:40px;}
.setting_box02 > div dl {float:left; width:270px;}
.setting_box02 > div dl dt {line-height:1; padding-bottom:10px; font-size:.987em; font-weight:700; color:#495f6f;}
.setting_box02 > div dl dd {margin-bottom:0; margin-top:12px;}
.setting_box02 > div dl dd:first-child {margin-top:0;}

.btn_more {position:absolute; right:24px; top:25px; display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; border:none; background:#6c757d; border-radius:4px; font-size:14px; color:#fff;}
.btn_more .ic {display:inline-block; width:7px; height:13px; margin-left:5px; background:url('../images/img/bg_btn_more.png') no-repeat 0 0;}

.btn_go01 {display:inline-block; width:132px; height:30px; line-height:30px; text-align:center; background:#6c757d; border-radius:4px; font-size:13px; color:#fff; letter-spacing:-1px;}
.btn_go02 {display:inline-block; width:132px; height:30px; line-height:30px; text-align:center; background:#0dcaf0; border-radius:4px; font-size:13px; color:#fff; letter-spacing:-1px;}

.btns02 {position:absolute; right:24px; top:25px;}
.btns02 .util_box {position:static; right:0; top:0; display:inline-block;}
.btns02 .btn_more {position:static; right:0; top:0; margin-left:10px; vertical-align:super;}

.tbl_style01 td.link {width:40%; }
.tbl_style01 td.link a {line-height:1.2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#495f6f;}

.col-lg-3_3 {width:33.3% !important;}

.txt_pharmi01 {line-height:1.2; margin-bottom:0; padding-top:85px; text-align:center; letter-spacing:-1px; font-size:16px; font-weight:500; color:#495f6f;}
.pharmi01 {background:url('../images/img/ico_medi01.png') no-repeat center top;}
.pharmi02 {background:url('../images/img/ico_medi02.png') no-repeat center top;}
.pharmi03 {background:url('../images/img/ico_medi03.png') no-repeat center top;}
.txt_pharmi02 {line-height:1; margin-bottom:0; padding-top:20px; text-align:center; letter-spacing:-1px; font-family:'Roboto', sans-serif; font-size:40px; color:#25396f;}

.talk_list {}
.talk_list li {position:relative; margin-top:8px; padding:15px; border:1px solid #dde8f1; border-radius:8px;}
.talk_list li:first-child {margin-top:0;}
.talk_list li .tit_box {position:relative;}
.talk_list li .tit_box p {line-height:1; margin-bottom:0; letter-spacing:-1px; font-size:16px; font-weight:500; color:#495f6f;}
.talk_list li .tit_box p .pham01 {display:inline-block; width:24px; height:24px; margin-right:5px; background:#866ff7 url('../images/img/ico_phami.png') no-repeat center center; border-radius:24px; vertical-align:sub;}
.talk_list li .tit_box p .pham02 {display:inline-block; width:24px; height:24px; line-height:24px; margin-right:5px; text-align:center; background:#666670; border-radius:24px; font-size:14px; color:#fff;}
.talk_list li .tit_box p .pham03 {display:inline-block; width:24px; height:24px; line-height:24px; margin-right:5px; text-align:center; background:#2fa5ea; border-radius:24px; font-size:12px; color:#fff;}
.talk_list li .tit_box .time {position:absolute; top:0; right:0; display:inline-block; font-size:14px; color:#6c757d; letter-spacing:-1px;}
.talk_list li .con {line-height:1.2; width:calc(100% - 30px); padding-top:10px; word-break:keep-all; font-size:14px; color:#6c757d;}
.talk_list li .num {position:absolute; right:15px; top:50px; display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:#fa3940; border-radius:20px; letter-spacing:-1px; font-family:'Roboto', sans-serif; font-size:12px; color:#fff;}

/* DUR */
.txt_dur01{padding:0; margin:0; letter-spacing:-1px; word-break:keep-all; font-size:14px; color:#495f6f;}

.dur_zone {}
.dur_area01 {box-sizing:border-box; float:left; width:50%;}
.dur_area01 .dur_box01 {background:url('../images/img/ico_next.png') no-repeat right center;}
.dur_area01 .dur_box02 {margin-top:22px; background:url('../images/img/ico_next.png') no-repeat right center;}

.dur_zone .box {box-sizing:border-box; width:calc(100% - 62px); background:#435ebe; border:2px solid #435ebe; border-radius:9px;}
.dur_zone .box .tbox {position:relative; padding:11px 0; text-align:center;}
.dur_zone .box .tbox label {display:inline-block; width:130px; line-height:38px; text-align:left; letter-spacing:-1px; font-size:18px; font-weight:500; color:#fff;}
.dur_zone .box .tbox input {box-sizing:border-box; display:inline-block;  width:240px; height:38px; line-height:38px; padding:0 15px; border:1px solid #dce7f1; border-radius:9px;}
.dur_zone .box .tbox button {box-sizing:border-box; display:inline-block; width:70px; height:38px; line-height:38px; margin-left:10px; text-align:center; border:none; background:#fff; border-radius:5px; font-size:16px; color:#435ebe;}
.dur_zone .box .tbox button .ic {display:inline-block; width:16px; height:15px; margin-right:5px; background:url('../images/img/ico_search.png') no-repeat;}
.dur_zone .box .tbox02 {box-sizing:border-box; padding:30px 20px; height:238px; background:#fff; border-bottom-left-radius:9px; border-bottom-right-radius:9px;}
.dur_zone .box .tbox02 ul {}
.dur_zone .box .tbox02 ul li {margin-top:18px;}
.dur_zone .box .tbox02 ul li:first-child {margin-top:0;}
.dur_zone .box .tbox02 ul li span {box-sizing:border-box; display:inline-block; width:calc((100% - 30px) / 2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; font-size:14px; color:#495f6f;}
.dur_zone .box .tbox02 ul li span + span {padding-left:10px;}
.dur_zone .box .tbox02 ul li .btn_plus {display:inline-block; width:20px; height:20px; border:none; background:url('../images/img/ico_plus.png') no-repeat 0 0; text-indent:-9999px; vertical-align:middle;}
.dur_zone .box .tbox02 ul li .btn_minus {display:inline-block; width:20px; height:20px; border:none; background:url('../images/img/ico_minus.png') no-repeat 0 0; text-indent:-9999px; vertical-align:middle;}
.dur_zone .box .tbox02 ul li.none {padding-top:80px; text-align:center; letter-spacing:-1px; font-size:16px; color:#aaa;}

.dur_area02 {box-sizing:border-box; float:left; width:calc(50% - 23px); margin-left:23px;}
.dur_zone .dur_area02 .box {width:100%;}
.dur_zone .dur_area02 .box .tbox label {width:100%; padding-left:23px;}
.dur_zone .dur_area02 .box .tbox button {position:absolute; right:22px; top:11px; width:80px; margin-left:0;}
.dur_zone .dur_area02 .box .tbox02 {height:560px;}

.btn_search {display:block; width:100%; height:61px; line-height:61px; margin-top:32px; text-align:center; border:none; background:#3b5fbb; border-radius:9px; letter-spacing:-1px; font-size:24px; font-weight:700; color:#fff;}
.btn_search .ic {display:inline-block; width:22px; height:22px; margin-right:8px; background:url('../images/img/ico_search02.png') no-repeat 0 0;}

.card_set {padding:0 !important; border-radius:0 !important; background:none;}
.card_set.card .card-body {padding:0 !important;}

.tab_sty02 {}
.tab_sty02::after {display:none;}
.tab_sty02 > dt {width:16.6%; border:1px solid #3b5fbb; border-left:none; letter-spacing:-1px;}
.tab_sty02 > dt.on,
.tab_sty02 > dt.t1.on {background:#3b5fbb;}
.tab_sty02 > dt > span {font-size:14px; font-weight:400; color:#3b5fbb;}
.tab_sty02 > dt.on > span {border-bottom:none; font-weight:400; color:#fff;}
.tab_sty02 > dt.t1.on > span {border-bottom:none; font-weight:400; color:#fff;}

.tab06 > dt.t1 {left:0; border-left:1px solid #3b5fbb; border-top-left-radius:9px; border-bottom-left-radius:9px;}
.tab06 > dt.t2 {left:16.6%;}
.tab06 > dt.t3 {left:33.2%;}
.tab06 > dt.t4 {left:49.8%;}
.tab06 > dt.t5 {left:66.4%;}
.tab06 > dt.t6 {left:83%; width:17%; border-top-right-radius:9px; border-bottom-right-radius:9px;}

.txt_dur02 {line-height:1; padding:0 0 15px; margin:0; letter-spacing:-1px; font-size:18px; font-weight:700; color:#3b5fbb;}
.txt_dur03 {line-height:1; padding:0 0 20px; margin:0; letter-spacing:-1px; font-size:14px; color:#495f6f;}

.tbl_style01 th .btn_tip {display:inline-block; width:16px; height:16px; margin-left:5px; border:none; background:url('../images/img/ico_tip.png') no-repeat 0 0; text-indent:-9999px; vertical-align:middle;}
.tbl_style01 td .grade01 {display:inline-block; width:54px; height:24px; line-height:24px; text-align:center; background:#dc3545; border-radius:24px; letter-spacing:-1px; font-size:14px; color:#fff;}
.tbl_style01 td .grade02 {display:inline-block; width:54px; height:24px; line-height:24px; text-align:center; background:#ff7007; border-radius:24px; letter-spacing:-1px; font-size:14px; color:#fff;}
.tbl_style01 td .grade03 {display:inline-block; width:54px; height:24px; line-height:24px; text-align:center; background:#ffc107; border-radius:24px; letter-spacing:-1px; font-size:14px; color:#fff;}

.ta_l {text-align:left !important;}

.txt_dur04 {letter-spacing:-1px; word-break:keep-all; font-size:16px; color:#495f6f;}

@media screen and (max-width: 1199px) {
 .sidebar-wrapper .sidebar-header .logo span.icon {
	display: list-item;
    background: url(../images/logo/sideLogo_sw.svg) no-repeat center center;
    background-size: contain;
    width: 44px;
    text-indent: -10000px;
}
}