mplusDemo/mplus-fatima/WebContent/resources/css/mobile/mplus.tablet.css

/*
	M-Care Plus Tablet CSS
	1. 공통 CSS는 mplus.common.css에 설정
*/
@charset "UTF-8";
@import "mplus.common.css";

@media all and (min-width: 720px) {

/* html, body {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
}

body, ul, ol, li {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

body {
	font-family: Arial, 맑은 고딕, malgun gothic, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic,  Droid sans, sans-serif; 
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.02em;
	margin: 0;
	padding: 0;
	color: #777;
}

div, td{
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}
 */
/* ---------------------------------------------------
     Main Menu
----------------------------------------------------- */

/* #divMainMenu {
    width: 300px;
    position: fixed;
    top: 0;
    right: -1000px;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#divMainMenu.active {
    right: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #7386D5;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss:hover {
    background: #fff;
    color: #7386D5;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
} */

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

/* #divContent {
    padding: 10px;
    min-height: 100vh;
    transition: all 0.3s;
    top: 0;
    right: 0;
	margin-left: 150px;
}
 */
/* ---------------------------------------------------
    quick menu
----------------------------------------------------- */
/* #divQuickMenu {
    min-width: 200px;
    max-width: 200px;
    top: 0px;
    height: 1000px;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    float:left;
    width: 150px;
}

#divQuickMenu.active {
    margin-left: -250px;
}
 */
/* ---------------------------------------------------
    modal fullscreen
----------------------------------------------------- */
.modal-full {
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(255,255,255,1);
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}

/* .modal-full .modal-body {
	margin-bottom: 75px;
} */

/* ---------------------------------------------------
    loading ...
----------------------------------------------------- */
.wrap-loading{
    z-index: 9999;
    position: absolute;
    padding: auto;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.1);
    top: 0px;
}
.loader {
    position: absolute;
	top:50%; 
	left:50%; 
	margin-left: -25px; 
	margin-top: -25px;
}

/*---- 환자목록 환자명 ----*/
.lbl_patient_name { color: #ffa71c; font-weight: bold;}

/*---- 환자목록 생년월일 ----*/
.lbl_patient_birth { color: #01aa01; font-weight: bold;}


} /* end of @media all and (min-width: 769px) */


/* ---- Publishing CSS { ---- */
/* 기 본 공 통 영 역 */
*{ box-sizing: border-box; font-family: 'NSR', Sans-serif; letter-spacing: -0.5px }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
/*html{overflow-y:scroll}*/
html,body{background: #f8f8f8;position:relative;height:auto}
body{color:#444444;}
img{ vertical-align: middle;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
table { width: 100%; border-collapse: collapse; }
a{text-decoration:none;color:#444444}
a:hover,a:active,a:focus{text-decoration:none}
hr{display:none}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
img,button{border:0}
label,button,a{cursor:pointer}
a:active{background-color:transparent}

/* main ------------------ */
/*body{overflow:auto;}*/
html{background: #f8f8f8;overflow-x:hidden;}
body{position: relative;overflow-x:hidden;width: 100%;}
*{font-family: NSR}
*,
:after,
:before {box-sizing: border-box}
header{background:#0067a1}
.container{padding:0;margin:0 !important;width:calc( 100% - 129px);float:right}
.fix{position:fixed;top:0;left:0;z-index:100;}
.main_fixed_wrap .select_toggle {width:calc( 100% - 129px ); padding:8px 16px 0;background:#ececec;font-size:1.5em;color:#545454;margin-top:0}
.select_toggle.inner{background: none;}
.select_toggle button, .select_toggle input, .select_toggle select{width:100%;height: 45px;padding:0;box-sizing: border-box;border-top: 1px solid #9a9a9a;font-size:16px ;border:none;border-radius: 3px!important;
  vertical-align:middle;background:#fff;color:#545454 !important;font-family:"NSB";text-align:left;line-height: 45px;border-top:1px solid #a6a6a6;border-left:1px solid #a6a6a6;text-indent: 2px;}
.select_toggle select{background: #fff url(../images/publishing/select_arrow.png) no-repeat right 15px center;background-size: 22px;-webkit-appearance: none;}
.select_toggle div:nth-child(2) div:nth-child(3) select{background-position:right 5px center}
.select_toggle input::placeholder {color:#545454 !important; }
.select_toggle .row, .select_toggle .row .btn{line-height:2.2rem}
.select_toggle .row .btn:focus{box-shadow:0 0 0 0.16px rgba(0, 123, 255, 0.25)}
.select_toggle .row,.chart-info  .row{margin:0;}
.chart-info.pix{position:fixed}
.collapse .row:last-child{margin-top:4px}
.collapse .row div{padding:0 4px 0 0}
.container-fluid .main_fixed_wrap .collapse{transition:all 0.2s}
.complete{position:absolute;bottom:5%;right:5%;color:#405ab7;font-size:13.03px;font-family:"NSB"}
.dropdown{position:relative;width:calc( 100% - 129px );background:#ececec;box-shadow: 1px 3px 8px 0px #e2e2e2;margin-bottom:15px;border-bottom:1px solid #dddddd;padding:10px 20px;text-align:center;}
.dropdown::after{display: block;position: absolute;left:0;bottom:-18px;;width: 100%;height: 18px;background: #f8f8f8;content: "";z-index: -1;}
.dropdown button{background: none;}
.dropdown button strong{display: inline-block;font-size:0;text-indent: -99999px;}
.dropdown button.dropdown_btn{width: 19px;height: 24px;background: url(../images/publishing/dropdown_up.png) no-repeat center; background-size:19px; }
.dropdown button.dropdown_btn.on{background: url(../images/publishing/dropdown_down.png) no-repeat center;background-size:19px; }
.dropdown button.submit{position: absolute;right:20px;bottom:5px;line-height: 34px;font-size:15px;color:#0067a1;font-family: "NSB"}
.dropdown button.reset{position: absolute;left:20px;bottom:5px;line-height: 34px;font-size:15px;color:#8e8e8e;font-family: "NSB"}
.chart-info{background:#f8f8f8;}
.chart-info.list{padding-top:300px;transition: all 0.5s;width:100%}
.chart-info.list.up{padding-top:196px;}
.main_fixed_wrap .collapse{height:102px;transition: all 0.5s;overflow: hidden;}
.main_fixed_wrap .collapse.up{height: 0;}
.chart-info div p{display: inline-block;margin:0;vertical-align: middle}
.chart-info .well{padding:0;border:0;margin-bottom:4px;}
.chart-title, .chart-content{position:relative;background:#fff;box-shadow:0px 3px 15px 3px #e2e2e2;border-radius:5px!important}
.chart-title .row div{padding:16px 0;color:#7b98b0;line-height:1.3em;font-size:15px;font-family: "NSB"}
.chart-content .row div{line-height:20px;font-size:15px;}
.chart-content .row div:nth-child(odd){font-family:"NSB";padding:16px 0;}
.chart-content .row div:nth-child(even){font-family:"NSR";padding:16px 0;}
.chart-content .row div.p-info-02, .chart-content .row div.p-info-04{color:#545454;}
.chart-info .chart-content .row div.p-info-02,.chart-info .chart-content .row div.p-info-03,.chart-info .chart-content .row div.p-info-04{padding:16px 0}
.chart-content .row div.p-info-03 p:first-child{font-weight: normal;}
.chart-content.same-name .row:before{background:#98bb57;}
.chart-content.same-name .row:before{content:"";position:absolute;left:0;top:0;width:4px;height:52px;background:#98bb57;border-top-left-radius: .25rem!important;  border-bottom-left-radius: .25rem!important;}
.chart-content .col-xs-3:nth-child(odd){font-weight:600;}
.p-info-01 p:first-child{color:#ffa71c}
.chart-content div p:last-child:before{content:"/";display:inline-block;font-weight:normal;margin-right:3px}
.p-info-03 p.start{color:#ff6b6b}
.p-info-03 p.restart{color:#4888d2}
.selector-for-some-widget {box-sizing: content-box;}
#datepicker{background: #fff url(../images/publishing/cal.png) no-repeat right 15px center;background-size: 20px;}

/*상단 네비*/
.fixed_navi_wrap{width:100%}
.fixed_navi_wrap.main{position:fixed;width:calc( 100% - 129px);z-index: 11;box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.35);}
.navigation h1{font-size:25px;color:#fff;font-family:"NSB";margin-bottom:0;line-height:1.2}
.navigation{overflow:visible;position:relative;padding:18px 0;text-align:center;background:#0067a1;}
.navi_menu_wrap{position: absolute;width: 100%;top: 0;}
.navi_menu_wrap button{position: absolute;background: none;font-size:44px;color:#fff;text-align: center;top:20px;height: 49px;outline: 0 !important;}
.navi_menu_wrap button.main{left:94%}
.navi_menu_wrap button.main i{display: inline-block;text-indent: -9999px;}
.navi_menu_wrap button.left_menu_btn{width: 28px;height: 23px;background: url(../images/publishing/ico_menu_2.png) no-repeat left center;background-size: 26px;}
.navi_menu_wrap button.right_menu_btn{display:none;width: 50px;height: 50px;background: url(../images/publishing/ico_doctor.png) no-repeat left center;background-size: 36px;}
.navi_menu_wrap .left_menu_btn{left:26px;}
.navi_menu_wrap .right_menu_btn{right:26px;}
.navi_menu_wrap .page_close_btn{right:26px;}

.main_fixed_wrap{position: fixed;width: 100%;padding-top:66px;z-index: 10;}
.chart-info{width:calc( 100% - 129px );padding:0 16px 4px 16px; }
.container .main_fixed_wrap{position: fixed;width: 100%;padding-top:66px;z-index: 10;}

/*right-menu*/
body.menu_on{overflow-y: hidden;}
.side-right{opacity:1;}
.side-right.active{opacity:1;}
.side-right .side-right-content,
.side-right .side-right-overlay {top: 0;left: 0;bottom: 0;position: fixed;transition: all .3s ease-in-out 0s}
.side-right .side-right-overlay {right: 0;opacity: 0;width: 100%;z-index: 999;transform: scale(0);background: rgba(0, 0, 0, 0)}
.side-right .side-right-content {padding-left:0;transform: translateX(0);z-index: 1000;}
.side-right .side-right-content .inner{width:129px;height:100%;color: #333;z-index: 1000;background-color: rgba(255, 255, 255, 1);}
.side-right.active .side-right-content {transform: translateX(0);}
.side-right.active .side-right-overlay {opacity: 1;transform: scale(1);height:100vh;}
.html.chats,.html.search,.html.compose,.html.credits,.html.settings,.html.welcome {margin-top: 50px}
.side-right .nav-right.list-group div{padding:15% 0}
.side-right .nav-right.list-group div a{vertical-align: bottom}
.nav-right-title{height:7%;margin:0;padding:0 !important;font-size:14px;font-weight: normal;line-height:3em;color:#fff;border-bottom:2px solid #3b5cb5;text-align: center;background:#005e9b;}
.nav-right-title span{display:inline-block;letter-spacing:1px ;}
.nav-right a{display:block;padding: 15px 0;font-size:18px;border:0;border-bottom:1px solid #d7d7d7;text-align:center;font-weight: bold;}
.nav-right a i{position:absolute;top:34%;left:25%;display:inline-block;font-size:0;vertical-align: middle}
/* .list-group-item.item-4 i{font-size:36px;} */
.nav-right a span{display: inline-block;margin-left:10px;font-size:15px;font-style:normal;vertical-align: bottom;line-height:1.8em}
.nav-right-bar{background:#70aaca;font-size:15px;color:#fff;text-align: center;padding:5px 0}
.nav-right.list-group{padding-bottom:18px;height:100%;}
.nav-right.list-group div{text-align:center}
.list-group .list-group-item{height:13%;background-color:rgba(255, 255, 255, 0);color:#333333;border-right: 2px solid #e5e5e5;}
.list-group .list-group-item.on{position: relative;background: #98bb57;color:#fff;border-bottom:1px solid #98bb57;    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);;}
.list-group .list-group-item.on::before{position: absolute;top: 50%;left: -20px;width: 0;height: 0;border-right: 15px solid transparent;border-bottom: 17px solid #98bb57;border-left: 15px solid transparent;border-radius: 10px;content: "";transform: rotate(-90deg);margin-top: -10px;}
.list-group .list-group-item.search span{font-size:0;}
.list-group .list-group-item.search i{display: inline-block;width: 50px;height: 50px;border:1px solid #dddddd;border-radius: 5px;}
.list-group .list-group-item.search i::before{margin-top:9px;}
.list-group .list-group-item p{margin:0}
.list-group-item.item-1{color:#30aae2}
.list-group-item.item-2{color:#3088e2;}
.list-group-item.item-3{color:#535ae1}
.list-group-item.item-4{color:#8553e1}
.list-group-item.item-5{color:#e153aa}
.list-group-item.item-6{color:#e68e4e}
.list-group-item.item-1 i:before{font-size:22px}
.list-group-item.item-2 i:before,.list-group-item.item-3 i:before,.list-group-item.item-4 i:before,.list-group-item.item-5 i:before,.list-group-item.item-6 i:before{font-size:27px}
.list-group-item.search{display: inline-block;width: 36px;height: 36px;border:none;margin:0 auto;margin-top:4px;}
.list-group-item.item-7{background: url(../images/publishing/ico_nfc.png) no-repeat;background-size:100%;margin-top:0;}
.list-group-item.item-8{background: url(../images/publishing/ico_qr.png) no-repeat;background-size:100%;}
.list-group-item.item-9{background: url(../images/publishing/ico_bar.png) no-repeat;background-size:100%;}
.navbar-text{float:none}
.list-group .list-group-item.on{border-right:none}
.list-group .list-group-item.on::before{left:94%;transform:rotate(90deg)}


/*left-menu*/
.side-left{opacity:0;}
.side-left.active{opacity:1;}
.side-left .side-left-content,
.side-left .side-left-overlay {top: 0;left: 0;bottom: 0;position: fixed;transition: all .1s ease-in-out 0s}
.side-left .side-left-overlay {left: 0;opacity: 0;width: 100%;z-index: 1000;transform: opacity 0.3s;background: rgba(0, 0, 0, 0.45)}
.side-left .side-left-content {overflow-y:scroll;width:75%;height:100%;color: #333;padding: 0;z-index: 1000;transform: translateX(112%);background:#fff;border: 1px solid #dcdcdc;border-top-left-radius:0.5em;border-bottom-left-radius: 0.5em;}
.side-left.active .side-left-content {transform: translateX(34%);box-shadow:0px 3px 15px 3px rgba(0, 0, 0, 0.4);}
/* .side-left.active .side-left-content .nav-left{min-height: 800px;} */
.side-left.active .side-left-overlay {opacity: 0;height:100vh;transform: opacity 0.3s;}
.side-left .side-content .nav-left>a {color: #333;display: block;font-size: 16px;padding: 10px 0;line-height: 24px;vertical-align: top;text-decoration: none}
.side-left .side-content .nav-left>a>span {color: #aaa;font-size: 24px;min-width: 40px;display: inline-block}
.side-left .panel{border:0;box-shadow:none}
.logout{overflow:hidden;}
.logout button{background:none;font-size:13.03px;font-weight:600;color:#a4a4a4;}
.logout button.out{color:#405ab7;}
.setup{display:inline-block;background:#fff;outline:none}
.close{display:inline-block;background:#fff;outline:none}
#mainMenu .menu_top{height: 90px;font-size:0;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);}
#mainMenu .menu_top h5{display: inline-block;width: 16%;margin:0;background: #0067a1;color:#fff;font-size:38px;line-height: 110px;vertical-align: top;text-align:center;line-height: 86px;padding-top:4px;box-shadow:0px 5px 15px rgba(0, 0, 0, 0.1)}
#mainMenu .menu_top div{display: inline-block;padding:10px 20px;}
#mainMenu .menu_top .name p{margin-bottom:0;color:#000;font-size:22px;line-height:40px;font-weight: bold;}
#mainMenu .menu_top .name span{display: inline-block;color:#545454;font-size:16px;font-weight: bold;}
#mainMenu .menu_top .name span a{display: inline-block;margin-left:5px;width: 34px;height: 34px;background: url(../images/publishing/ico_pen.png) no-repeat;background-size: 18px;}
#mainMenu .menu_top .name span a i{display: inline-block;text-indent: -9999px;}
#mainMenu .menu_top .btn{float:right;padding-top:33px;}
#mainMenu .menu_top .btn button{color:#333333;font-size:40px;background: none;opacity: 1;}
#mainMenu .menu_top .btn button.close{width: 28px;height: 28px;background: url(../images/publishing/ico_close_main.png) no-repeat;background-size: 27px;}
#mainMenu .menu_top .btn button.setting{width: 32px;height: 32px;background: url(../images/publishing/ico_setting.png) no-repeat;background-size: 30px;margin-right:22px;}
#mainMenu .menu_top .btn button i{display: inline-block;text-indent: -9999px;}
#mainMenu .menu_item{display:flex;width:100%;font-size:0;border-bottom:1px solid #dfdfdf;}
#mainMenu .menu_item h5{display: inline-block;margin-bottom:0;width: 16%;font-size:20px;color:#545454;vertical-align: top;background: #f6f6f6;text-align:center;}
#mainMenu .menu_item.treatment{padding-top:0}
#mainMenu .menu_item.treatment h5{padding: 116px 0px;}
#mainMenu .menu_item.schedule h5{padding: 37px 0;}
#mainMenu .menu_item.search h5{padding:51px 0;}
#mainMenu .menu_item ul{display: inline-block;width: 84%;vertical-align: top;font-size:0;margin-bottom:0;}
#mainMenu .menu_item ul li{display: inline-block;padding:37px 0 28px 0;width: 33.3333%;height: 100%;border-left:1px solid #f1f1f1;box-sizing: border-box;text-align: center;vertical-align: top;height: 130px;}
#mainMenu .menu_item ul li:nth-child(n+4){border-top:1px solid #f1f1f1;}
#mainMenu .menu_item ul i{display: block;font-size:30px;}
#mainMenu .menu_item ul span{display: block;font-size:18px;margin-top:-7px;color:#545454;}
#mainMenu .menu_item i.icon-hospital{color:#30aae2;}
#mainMenu .menu_item i.icon-ambulatory{color:#3088e2;}
#mainMenu .menu_item i.icon-surgery{color:#535ae1;}
#mainMenu .menu_item i.icon-medical{color:#8553e1;}
#mainMenu .menu_item i.icon-emergency{color:#e153aa;}
#mainMenu .menu_item i.icon-cooper{color:#e9904f;}
#mainMenu .menu_item i.icon-medi_sch{color:#39d4aa;}
#mainMenu .menu_item i.icon-calendar{color:#39a7d4;}
#mainMenu .menu_item.search i{color:#333333;}
#mainMenu .menu_item.search i{height: 50px;}
#mainMenu .menu_item.search .nfc i{background: url(../images/publishing/ico_nfc_main.png) no-repeat center top;background-size:40px;}
#mainMenu .menu_item.search .qr i{background: url(../images/publishing/ico_qr_main.png) no-repeat center 5px;background-size:40px;}
#mainMenu .menu_item.search .bar i{background: url(../images/publishing/ico_bar_main.png) no-repeat center 10px;background-size:46px;}
.nav-left .btn_wrap{padding:20px 7%;margin-bottom:80px}
.nav-left .btn_wrap button{font-size:20px;background: none;font-weight: bold;}
.nav-left .btn_wrap button.help{float:left;color:#a4a4a4;}
.nav-left .btn_wrap button.logout{float:right;color:#0067a1;}

/* 당직일정 */
/* common */
.duty .close{position: absolute;top:15px;right:30px;margin: auto;width: 40px;height:40px;cursor: pointer;opacity:1;background:transparent}
.duty .close button{width: inherit; text-align: center;}
.duty .close button:before, .duty .close button:after{position: absolute;content: '';height: 3px;width: inherit;background: #FFC107;left: 0;}
.duty .close button:before{top: 48%;transform: rotate(45deg); }
.duty .close button:after{bottom: 48%;transform: rotate(-45deg);  }
/*.container.container-fluid.duty{width:100%}*/
/*.container.container-fluid.duty .main_fixed_wrap .select_toggle{width:100%}*/
.container.container-fluid.duty .main_fixed_wrap .collapse.up{height: 0;}
/*.container.container-fluid.duty .dropdown{width:100%}*/
/*.container.container-fluid.duty .chart-info{width:100%}*/
/*.container.container-fluid.duty .fixed_navi_wrap{width:100%}*/
.container.container-fluid.duty .main_fixed_wrap .select_toggle{padding:20px 16px}
.container-fluid.duty .main_fixed_wrap .collapse{height:183px}
.container-fluid.duty .select_toggle .col-xs-2 button{display:inline-block;width:48px;height:48px;background:none;border:none;text-indent:0}
.container-fluid.duty .select_toggle .col-xs-2, .container.container-fluid.duty .select_toggle .col-xs-8{float:none;text-align:center}
.container-fluid.duty .select_toggle .col-xs-2 button img{width:100%}
.container-fluid.duty .select_toggle .row{display:flex;line-height:2em}
.container-fluid.duty .select_toggle .row:first-child{align-items:flex-end;}
.container-fluid.duty .select_toggle .row:last-child{margin-top:15px}
.starting-date, .wave, .ending-date{display:inline-block;}
.starting-date .data-year, .ending-date .data-year{color:#000;font-size:20px;text-align:left;}
.starting-date .data-day, .ending-date .data-day{color:#000;font-size:35px;font-weight:bold}
.wave{padding:0;margin:0 20px;color:#000;font-size:30px;font-weight:bold}
.duty-schedule .row{display:flex;margin:0}
.duty-schedule{padding-top:300px;padding-left:16px;padding-right:16px;transition: all 0.5s;}
.duty-schedule.up{padding-top:115px;transition: all 0.5s;}
.duty-tit{overflow:hidden;height:142px;padding:20px 0;color:#555;border-bottom:2px solid #dddddd}
.duty-tit:first-child p span{display:block}
.duty-tit:first-child p, .duty-tit button{width:100%;padding:20px 0;background:transparent;font-size:17px;outline:none;border:2px solid #f8f8f8}
.duty-tit:first-child p, .duty-tit .styleVer2 button{width:100%;padding:20px 0;background:transparent;font-size:17px;outline:none;border:2px solid white}
.duty-tit button.today{border:2px solid #a7c570}
.duty-tit div{padding:0 3px;text-align:center}
.duty-tit div button span,.container-fluid.duty.personal .duty-tit div p span{display:block;font-weight:bold;font-size:22px;color:#000}
.duty-tit div.sun, .duty-tit div.sun span{color:#e0171c}
.duty-tit div.sat, .duty-tit div.sat span{color:#0c76a8}
.duty-person{overflow:hidden;padding:15px 0;border-bottom:2px solid #dddddd}
.duty-person p{height:30px;display: table-cell;vertical-align: middle;width:40px;}
.duty-person div{padding:0;margin:0 1px}
.duty-person div p{margin-bottom:5px;font-size:19px;padding:10px 0;color:#fff;font-weight:normal;text-align:center}
.duty-person div p:last-child{margin-bottom:0;}
.duty-person div:first-child{text-align:center;font-weight:bold;font-size:30px;line-height:0.8em;background:transparent;padding-top: 3px}
.duty-person div:first-child span{display:block;font-weight:normal;font-size:19px;}
.duty-schedule .duty-person.D-type .dutyon p{background:#fff;color:#81b8e2}
.duty-schedule .duty-person.N-type .dutyon p{background:#fff;color:#cbae5d}
.duty-schedule .duty-person.ICU .dutyon p{background:#fff;color:#f0a397}
.duty-person.dutyDoctorId div:first-child{color:#000;}
/*.duty-person.D-type div:first-child{color:#3d94d6;}
.duty-person.N-type div:first-child{color:#c29929}
.duty-person.ICU div:first-child{color:#f26d7d;}*/
.D-type {background:#81b8e2;border:1px solid #81b8e2;}
.N-type {background:#cbae5d;border:1px solid #cbae5d;}
.ICU {background:#f0a397;border:1px solid #f0a397;}
.spanD-type {color:#81b8e2;}
.spanN-type {color:#cbae5d;}
.spanICU {color:#f0a397;}
.duty-person.ICU div:first-child{font-size:30px}
.duty-person.ICU{border-bottom: 2px solid #dddddd;}

/*건대용 스케줄 색상*/
.duty-person .pBlue		{background:#e9c77b;border:1px solid #e9c77b;}
.duty-person .pYellow	{background:#e2b49a;border:1px solid #e2b49a;}
.duty-person .pRed		{background:#c2d4de;border:1px solid #c2d4de;}
.duty-person .pGrey		{background:#E6E6E6;border:1px solid #E6E6E6;}
.duty-person .pGreen	{background:#99abb5;border:1px solid #99abb5;}

/* personal */
.personal .duty-tit{height:100%;padding:10px 0;border-bottom:0;}
.personal .duty-schedule .duty-tit .row{height:100%}
.personal .duty-tit p{padding:0;font-size:17px}
.personal .duty-schedule .row{height:100px;}
.duty-calendar p{font-size:22px;}
.personal .duty-schedule{padding-top:330px}
.personal .duty-schedule.up{padding-top:125px}
.personal .duty-schedule .row div{height:100%;text-align:center}
.personal .duty-schedule .row div:first-child p{color:#e0171c}
.personal .duty-schedule .row div:last-child p{color:#0c76a8}
.personal .duty-schedule .row div.disable:first-child p{color:#ffdcdd}
.personal .duty-schedule .row div.disable:last-child p{color:#c2dfec}
.personal .duty-schedule .row div p{font-weight:bold}
.personal .duty-schedule .row .disable p{color:#ddd}


/* 1203 */
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.back-to-main{background:transparent}
.back-to-main span.swiper-pagination-bullet:first-child{display:block;background:#ff0000;width:20px;height:20px;}
.back-to-main.swiper-pagination{top:95%;left:90%}
.back-to-main span.swiper-pagination-bullet{display:none}
.side-left .swiper-pagination-clickable .swiper-pagination-bullet{display:inline-block;float:left;width:5.5rem;height:5.3rem;background:transparent}
.side-left .swiper-pagination{overflow:hidden;top:10%;left:20%;width:auto;}
.side-left .swiper-pagination-clickable .swiper-pagination-bullet:first-child{display:none;}
.chart-content{cursor: pointer;}
.sinhan{position: relative;display: block;min-height: 1.5rem;box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);border-radius: 5px;text-align: right;background: transparent;}
.custom-control.shinhan{height:45px;padding:0 !important;text-align:left;font-size: 16px;vertical-align: top;background: transparent;color: #545454 !important;font-family: "NSB";line-height: 45px;border:none;text-indent: 10px;box-shadow: none}
.shinhan .cst-control-label{padding-left:25px;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;color:#333;font-size:16px;}
.shinhan .cst-control-label::before{position: absolute;top:6px;left:4px;display: block;width: 30px;height: 30px;pointer-events: none;content: "";-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #e4e4e4;}
.shinhan .cst-control-label::after{left:14px;top:10px}
.shinhan .custom-control-input{margin:0;left:0;text-align:center}

.sub_page{position: absolute;top:0;right:-100%;width: 100%;height: auto;overflow: hidden;z-index:12;background: #f8f8f8;transition: right 0.5s;}
.sub_page.on{right:0%;box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.4);}
.sub_page .fixed_navi_wrap{position: fixed;left:inherit;right:-100%;transition: right 0.5s;}
.sub_page.on .fixed_navi_wrap{right:0%;}
.sub_wrap{padding-top:10px;}


/* sub */
.container-fluid.sub{padding-top:110px;}
.bottom-fixed-menu{display: block;position:fixed;bottom:0;left:0;width: 100%;}
.bottom-fixed-menu button{width: 50%;float:left;padding:0;font-size:26px;line-height:80px;color:#fff;font-weight:bold;border-radius: 0;}
.btn-blue-green{background:#12b8ba;}
.btn-sky{background:#3086c9;}
.chart-view-top{overflow: hidden;padding-top:20px;background: #fff;box-shadow: 2px 2px 5px #dfdfdf;}
p.patient-name{margin:0;padding-left:55px;color:#000;font-size:30px;font-weight: bold;text-align: left;line-height: 60px;background: url(../images/publishing/patient_icon01.png) no-repeat;background-size: 40px;float:left;}
.patient-name + .patient-info{float: right;padding-top:20px;}
.patient-info{margin:0;font-size:21px;text-align:left;}
.patient-info span:first-child{display: inline-block;color:#747478;}
.patient-info span:last-child{display: inline-block;color:#545454;font-weight: bold;float:right;line-height: 32px;}
.patient-info span:last-child a{display: inline-block;vertical-align: top;margin-top:-4px;}
.patient-info span:last-child a:first-child{margin-left:10px;}
.patient-info span:last-child a i{display: inline-block;text-indent: -9999px;}
.patient-info span:last-child a.sms{width: 32px;height: 32px;background: url(../images/publishing/ico_talk.png) no-repeat center;background-size: 32px;margin-right:10px;}
.patient-info span:last-child a.tel{width: 32px;height: 32px;background: url(../images/publishing/ico_phone.png) no-repeat center;background-size: 32px;}
.patient-info span.description{display: block;padding:10px 0 0 0;color:#545454;font-weight: bold;float:inherit;text-align:left;}
.row.description{border-top:1px solid #eeeeee;}
.chart-view-item{margin-top:10px;background: #fafafa;    box-shadow: 2px 2px 5px #dfdfdf;}
.chart-view-item + .chart-view-item{margin-top:10px;}
.chart-view-item .btn{width: 100%;padding:13px 0;color:#545454;font-size:20px;background: #fff;box-shadow: 2px 2px 5px #dfdfdf;}
.chart-view-item .btn.on{color:#fff;background: #98bb57;font-weight: bold;}
.chart-view-item .icon-btn{padding-top:90px;}
.chart-view-item .icon-btn.camera-icon{background: #fff url(../images/publishing/patient_icon02.png) no-repeat center 20px;background-size:50px; }
.chart-view-item .icon-btn.eye-icon{background: #fff url(../images/publishing/patient_icon03.png) no-repeat center 20px;background-size:65px; }
.chart-view-item .icon-btn.medicine-icon{background: #fff url(../images/publishing/patient_icon04.png) no-repeat center 15px;background-size:47px; }
.chart-view-item .view-item-title{padding-top:15px;font-size:26px;color:#000;font-weight: bold;text-align: left;}
.chart-view-item .view-item-title span{display: inline-block;vertical-align: top;}
.chart-view-item .view-item-title i{font-size:30px;margin-right:5px;}
.chart-view-item .view-item-title i.icon-patient01{color:#12b8ba;}
.chart-view-item .view-item-title i.icon-patient02{color:#3086c9;margin-right:10px;}
.chart-notice{margin-bottom:20px;padding:30px 0;background: #fff;box-shadow: 2px 3px 15px #dfdfdf;}
.chart-notice .notice{font-size:20px;color:#747478;text-align:left;margin-bottom:0;}
.chart-notice .text{font-size:20px;color:#545454;text-align:left;}
.notice-more-btn{display: block;padding-left:50px;background: url(../images/publishing/more_btn.png) no-repeat left center; background-size:40px;font-size:22px;line-height: 40px;color:#222222;margin:0 auto;}
.go-top-btn{position: absolute;bottom: 24px;right: 22px;display: inline-block;height: 60px;width: 60px;background: #fff url(../images/publishing/top_btn.png) no-repeat center; background-size: 26px;border-radius: 4px;box-shadow: 2px 3px 15px #dfdfdf;text-indent: -9999px;}
.chart-view-history-top{margin:10px 0;background: #e9efdf;box-shadow: 2px 2px 5px #dfdfdf;}
.view-history-text{margin:0;text-align:left;font-size:20px;line-height: 30px;}
.inquiry-btn{display: block;position:relative;width: 100%;background: #f9f9f9;font-size:20px;line-height: 68px;color:#747478;border-top:1px solid #9f9f9f;border-bottom:1px solid #eeeeee;border-left:1px solid #eeeeee;}
.inquiry-btn.date{border-top:0;}
.inquiry-btn.first-btn{border-left:0;}
.inquiry-btn.on::after{position: absolute;top:0;left:0;width: 100%;height: 100%;border:2px solid #98bb57;box-sizing:border-box;content: "";color:#98bb57;}

.input-date-wrap{overflow: hidden;position: relative;padding:15px 0;border-bottom:1px solid #eeeeee;border-left:1px solid #eeeeee;background: #f9f9f9;font-size:20px;}
.input-date-wrap.first-wrap{border-left:0;}
.input-date-wrap span{width: 40%;float:left;color:#545454;}
.input-date-wrap input{display: block;width: 85%;margin:0 auto;border:0;color:#747478;background: none;}
.input-date-wrap .date{background: url(../images/publishing/cal.png) no-repeat right 15px center;background-size: 30px;}
.inquiry-slide-btn{font-size:23px;color:#000;font-weight: bold;float:left;background: none;outline: none !important;}
.inquiry-slide-btn::after{display: inline-block;margin-left:20px;width: 15px;height: 15px;border-left: 4px solid #c1c2c4;border-top: 4px solid #c1c2c4;content: "";transform: rotate(225deg);margin-bottom: 3px;}
.history-card{padding:20px 15px 10px 15px;background: #fff;border-radius: 5px;box-shadow: 2px 2px 5px #dfdfdf;}
.history-card p{margin-bottom:0;text-align:left;font-size:18px;padding-bottom:6px;color:#545454;}
.history-card p span{float:right;color:#98bb57;}
.history-card .icon-wrap{padding-top:10px;font-size:20px;font-weight: bold;text-align:center;}
.history-card .icon-wrap i{display: block;margin:0 auto;margin-bottom:3px;font-size: 30px;
    width: auto;
    height: auto;}
.icon-wrap.inpatient{color:#30aae2;}
.icon-wrap.outpatient{color:#3088e2}
.icon-wrap.surgery{color:#535ae1;}
.procedure-detail{margin-top:10px;background: #fff;overflow: hidden;    box-shadow: 2px 2px 5px #dfdfdf;}
/* .modal-dialog {margin:0 1.5rem} */
.modal-header{padding:0.7rem 1.5rem !important}
.custom-control.wide{padding:20px 7px 20px 60px !important}
.navi_menu_wrap button.page_close_btn{top:16px;width: 30px;height: 30px;background: url(../images/publishing/ico_close.png) no-repeat center;background-size:30px;}
.navi_menu_wrap button.page_close_btn i{display: none;text-indent: -9999px;}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus{background-color:transparent}



/*서브수정*/
.px-0{padding-left: 0 !important;padding-right:0 !important;}
.modal{padding:0 !important;}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding: 1rem 1rem 1rem 6rem !important;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    text-align: left;
    background: #fff;
}
.custom-control + .custom-control{margin-top:15px;}
.custom-control-input {
  margin: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.cst-control-label {
    position: relative;
    margin-bottom: 0;
    display: block;
    font-size:20px;font-weight: normal;
}
.custom-checkbox .custom-control-input:checked ~ .cst-control-label::before {
    background-color: #98bb57;
}
.custom-checkbox .cst-control-label::before {
    border-radius: 100%;
}
.cst-control-label::before, .custom-file-label, .custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cst-control-label::before {
    position: absolute;
    top: -4px;
    left: -50px;
    display: block;
    width: 36px;
    height: 36px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
}
.custom-checkbox .custom-control-input:checked ~ .cst-control-label::after {
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E); */
    display: block;
}
.cst-control-label::after {
    position: absolute;
    top: 2px;
    left: -37px;
    display: block;
    width: 11px;
    height: 18px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background: none;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-radio .custom-control-input:checked ~ .cst-control-label::before {
    background-color: #fff;
}


.custom-radio .cst-control-label::after {
    border-width: 5px;
    border-radius: 100%;
    background: #ffffff;
    transform: none;
    width: 36px;
    height: 36px;
    border: 8px solid #e4e4e4;
    box-sizing: border-box;
    top: -4px;
    left: -50px;
}
.custom-radio .custom-control-input:checked ~ .cst-control-label::after {
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E); */
    display: block;
    border: 8px solid #98bb57;
}
.custom-control-input:active ~ .cst-control-label::before {
    color: #fff;
    background-color: rgba(152, 187, 87, 0.4);
}
.custom-radio .cst-control-label::before {
    border-radius: 100%;
}
.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin:0 auto;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0
  }
  .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    background: #f5f5f5;
}
.modal-header .close {
    padding: 0.8rem;
    margin: -1rem -1rem -1rem auto;
    font-size: 34px;
    color: #000 !important;
    opacity: 1;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 3rem 1.5rem !important;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #222222;
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem 1.5rem !important;
    border-top: 1px solid #e9ecef;
    background: #f5f5f5;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

.btn-dialog {
    color: #747478;
    background: none;
    opacity: 1;
    font-weight: bold;
    padding:5px 15px;
}
.btn-dialog-blue {
    color: #405ab7;
    background: none;
    opacity: 1;
    font-weight: bold;
}
.modal-header::after, .modal-header::before{display: none;}
.chart-view-item{margin-top:10px;padding:20px 15px 20px 15px;;}
.chart-view-item + .chart-view-item{margin-bottom:30px;}
.chart-view-top{padding:20px 15px;}
.patient-info{padding-top:18px;}
.row.description{margin-top:20px;}
.chart-view-item .btn{margin-bottom:10px;}
.chart-notice{padding:30px 15px;}
.notice-more-btn{margin-top:15px;}
.chart-view-history-top{padding:10px 15px 22px 15px;}
.procedure-detail{padding: 5px 15px 20px 15px;margin-bottom:30px;}
.select_toggle{margin-top:10px;}
.inquiry-slide-btn{margin-top:20px;}
.inquiry-slide-wrap{padding:15px;}
.history-card{margin-top:15px;}
.history-card + .history-card{margin-top:5px;}
.sub_wrap{padding:15px;}


/*로그인*/
.login_wrap{display: flex;background-image: linear-gradient(#fff, #fff);}
.login_wrap .inner{width:calc(100% - 25%);margin:0 auto;position:relative;  min-height:100%;}
.login_wrap .logo_wrap{text-align:center;padding-top: 32%;width:100%;}
.login_wrap .logo_wrap img{max-width: 80%;}
.login_wrap .footer{padding:20px 0 35px 0;color:#226f4a;font-size:15px;text-align:center;opacity: 0.5;}
.login_wrap button{width: 100%;box-sizing: border-box;margin-bottom:40px;padding:18px 0;border:3px solid #226f4a;color:#226f4a;font-size:24px;background: none;border-radius: 5px;font-weight: bold;}
.login_wrap button.fido{color:#98bb57;border:3px solid #98bb57;}
.login_wrap .input_wrap{/* position:absolute; */width:100%;bottom:0;left:0;}
.login_wrap .input_line{overflow: hidden;display: block;position: relative;border-bottom:4px solid #98bb57;border-radius: 1px;}
.login_wrap .input_line + .input_line{margin-top:40px;}
.login_wrap .input_line label{display: inline-block;width:23%;float:left;font-size:24px;color:#226f4a;font-weight: bold;text-indent:12px; line-height: 44px;}
.login_wrap .input_line input{display: inline-block;border:0;background: none;width: 75%;float:right;line-height: 44px;outline: none;color:#000000;font-size:24px;   }
.login_wrap .input_line input[type="password"]{font-family:Sans-serif;}
.login_wrap .checkbox_wrap{margin:24px 0;overflow: hidden;}
.login_wrap .checkbox_wrap .custom-control{margin-top:0;background: none;box-shadow: none;box-sizing: border-box;width: auto;float:left;}
.login_wrap .checkbox_wrap .custom-control:first-child{margin-left: -10px;}
.login_wrap .checkbox_wrap .custom-control.right{width: auto;float:right;}
.login_wrap .cst-control-label{color:#226f4a;}
.often_use_login{margin: -20px -20px 0 -20px;padding:55px 0;background: #fff;text-align:center;box-shadow: 1px 3px 15px #dfdfdf;}
.often_use_login h5{color:#000;font-size:22px;font-weight: bold;padding-bottom:20px;}
.often_use_login p{color:#545454;font-size:18px;line-height: 30px;}
.often_use_login .pic{padding:25px 0;}
.often_use_login .pic img{width: 130px;}
.radio_wrap{margin-top:30px;}
.radio_wrap .custom-control{background: none;box-shadow: none;}
.radio_wrap .custom-control + .custom-control{margin-top:0;}
.prescription .chart-content div p:last-child:before{display: none;}
.prescription .chart-content{margin-bottom:5px;}
.prescription .chart-content .row{display: flex;}
.prescription .chart-content .row::before{display: none;}
.prescription .chart-content .row div{margin: auto 0;}
.prescription .chart-content .row div:nth-child(odd){font-family: "NSL";font-weight: normal;}
.prescription .chart-content .row div:last-child{color:#98bb57;}
.chart-info.prescription div p{position: relative;}
.chart-info.prescription span.ascending, .chart-info.prescription span.descending{position: absolute;}
.chart-info.prescription span.ascending em, .chart-info.prescription span.descending em{display: inline-block;text-indent: -99999px;}
.chart-info.prescription span.ascending::before{display: inline-block;vertical-align: top;margin:4px 0 0 6px;border-bottom: solid 12px #0067a1;border-left: solid 7px transparent;border-right: solid 7px transparent;content: "";}
.chart-info.prescription span.descending::before{display: inline-block;vertical-align: top;margin:5px 0 0 6px;border-top: solid 12px #0067a1;border-left: solid 7px transparent;border-right: solid 7px transparent;content: "";}
.prescription_slide_wrap{display: none;position:relative;border-top:1px solid #dddddd;background: #f7f9fb;}
.prescription_slide_wrap dl{padding:30px;}
.prescription_slide_wrap dl dt{padding-bottom:5px;color:#888888;font-size:15px;}
.prescription_slide_wrap dl dd + dt{padding-top:20px;}
.prescription_slide_wrap dl dd{font-size:15px;color:#000000;}
.prescription_slide_wrap dl dd strong{font-size:18px;}
.prescription_slide_wrap .btn_wrap{overflow: hidden;background: #fff;width: 100%;}
.prescription_slide_wrap .btn_wrap button{float:left;width: 50%;border:0;border-radius: 0;background: #fff;border-top:1px solid #dddddd;font-size:15px;padding:15px 0;font-weight: bold;}
.chart-info.prescription div p{display: block;}
.prescription_slide_wrap .btn_wrap button:first-child{border-right:1px solid #dddddd;}
.prescription_slide_wrap .btn_wrap.one_btn button{width: 100%;border-right:0;}
.prescription_slide_wrap .btn_wrap button.optionA{color:#0067a1;}
.prescription_slide_wrap .btn_wrap button.optionB{color:#98bb57;}
.main_fixed_wrap.prescription{position: inherit;width: 100%;background:#ececec;padding-top:7px;}
.main_fixed_wrap.prescription .chart-view-top{margin: 10px 15px 0px 15px;}
.container-fluid .chart-info.list.prescription{padding-top:0;}
.main_fixed_wrap.prescription .select_toggle{width: 100%;}
.prescription .dropdown, .prescription .chart-info{width: 100%;margin-bottom:0;}
.collapse .row div:last-child{padding-right:0;}
.chart-info.prescription{padding-top:15px;}
.container-fluid .main_fixed_wrap.prescription{padding-top:5px;}
.chart-info.prescription.list.up{padding-top:0;}
.chart-info.list.prescription{padding-top:3px;}
.sub_wrap.layout_has_fixed_bottom{padding-bottom:100px;}
/* ---- Publishing CSS } ---- */


/* ---- 3줄 collapse 설정 { ---- */
.select_toggle .row,.chart-info2  .row{margin:0;}
.chart-info2.pix{position:fixed}
.chart-info2{background:#f8f8f8;}
.chart-info2.list{padding-top:352px;transition: all 0.5s;width:100%}
.chart-info2.list.up{padding-top:196px;}
.chart-info2 div p{display: inline-block;margin:0;vertical-align: middle}
.chart-info2 .well{padding:0;border:0;margin-bottom:4px;}
.chart-info2 .chart-content .row div.p-info-02,.chart-info2 .chart-content .row div.p-info-03,.chart-info2 .chart-content .row div.p-info-04{padding:16px 0}
.chart-info2{width:calc( 100% - 129px );padding:0 16px 4px 16px; }
.chart-info2.prescription div p{position: relative;}
.chart-info2.prescription span.ascending, .chart-info2.prescription span.descending{position: absolute;}
.chart-info2.prescription span.ascending em, .chart-info2.prescription span.descending em{display: inline-block;text-indent: -99999px;}
.chart-info2.prescription span.ascending::before{display: inline-block;vertical-align: top;margin:4px 0 0 6px;border-bottom: solid 12px #0067a1;border-left: solid 7px transparent;border-right: solid 7px transparent;content: "";}
.chart-info2.prescription span.descending::before{display: inline-block;vertical-align: top;margin:5px 0 0 6px;border-top: solid 12px #0067a1;border-left: solid 7px transparent;border-right: solid 7px transparent;content: "";}
.chart-info2.prescription div p{display: block;}
.container-fluid .chart-info2.list.prescription{padding-top:0;}
.prescription .dropdown, .prescription .chart-info2{width: 100%;margin-bottom:0;}
.chart-info2.prescription{padding-top:15px;}
.chart-info2.prescription.list.up{padding-top:0;}
.chart-info2.list.prescription{padding-top:3px;}

.collapse2 .row:last-child{margin-top:4px}
.collapse2 .row div{padding:0 4px 0 0}
.container-fluid .main_fixed_wrap .collapse2{transition:all 0.2s}
.main_fixed_wrap .collapse2{height:147px;transition: all 0.5s;overflow: hidden;}
.main_fixed_wrap .collapse2.up{height: 0;}
.collapse2 .row div:last-child{padding-right:0;}


input[type=date]{
	-webkit-appearance:none;
}
/* ---- 3줄 collapse 설정 } ---- */