@charset "utf-8";

* { margin : 0; padding :0;}
html{ width : 100%; height : 100%;}
input,textarea {outline:none;}
textarea {resize:none;}
textarea:focus::-webkit-input-placeholder {color:transparent;}
input[type=text]:focus::-webkit-input-placeholder {color:transparent;}
a, input{text-decoration:none;}
input,textarea, select {font-family: "Tahoma", "돋움", "Dotum";}
body {font-size:12px;min-width:1280px;font-family: "Tahoma", "돋움", "Dotum"; height:100%;}
table {border-collapse:collapse;}
.clear{clear:both;}
/*----------------header------------------*/
#header {width:100%;height:90px; font-size:12px;}
#top2,#top3 {height:30px;padding:0 10px;position:relative;}
#top1{background-color:#b9dff0;height:30px;padding:0 10px;}
#top1 .logo {position:absolute;top:8px;right:10px;}
#top2{background-color:#919191;}
#top3{background-color:#e6e6e6;}

#nav1,#nav2,#nav3,#nav4{list-style:none;padding-top:3px;height:21px;}
#nav1 li,#nav3 li {float:left;height:13px;margin-right:12px;padding:5px;cursor:pointer;}
#nav1 li {width:70px; margin-right:0;}
#nav1 li:hover{font-weight:bold;}
#nav3 li:hover{background-color:#59bae2;outline:1px solid #327db4;}
#nav4 li {float:left;height:13px;margin-right:3px;padding:5px;} 
#nav1{position:absolute;top:0;left:10px;}
#nav2{position:absolute;top:0;left:180px;width:1110px;}
#nav3{position:absolute;top:0;left:260px;color:#ffffff;}
#nav4{position:absolute;top:0;left:10px;}
#user_info{height:13px;color:#ffffff;position:absolute;top:8px;right:10px;}
#nav2,#nav3,#nav4{font-weight:bold;}
.bar{position:absolute;top:4px;left:172px;}

#nav3 a:link,#nav3 a:visited, #nav3 a:active , #nav3 a:hover  {color:#fff;}
#nav3 .navScheduler {display:none;}


#nav2 > li {float:left;height:13px;margin-right:12px;position:relative;z-index:99;cursor:pointer;}
#nav2 > li > span {display:inline-block;padding:5px;}
#nav2 > li > span:hover,#nav2 > li > span.active {color:#ffffff;background-color:#59bae2;outline:1px solid #327db4;}
.submenu {display:none;border:1px solid #c8c8c8;background-color:#fff;list-style:none;z-index:100;height:auto;padding:1px;position:absolute;top:24px;left:0;}
.submenu li {height:20px;padding-left:8px;font-weight:normal;cursor:pointer;color:#000;display:inline-block;}
.submenu li span {min-width:140px;margin-top:3px;display:inline-block;padding-right:10px;width:auto;}
.submenu li:hover {background-color:#327db4;color:#fff;}
.submenu a:link,.submenu a:visited, .submenu a:active {color:#000;}
.submenu a:hover {color:#fff;}
/*환자검색*/
#header-search {position:absolute;top:4px;left:10px;border:1px solid #afafaf;width:230px;height:20px;margin:0;padding:0;}
#bg-search{background-color:#ffffff;width:206px;height:20px;margin:0;padding:0;}
.input-search {width:204px;height:14px;border:none;margin-top:2px;margin-left:3px;font-size:12px;color:#656565;}
.btn-search{position:absolute;top:0;right:0;width:24px;height:20px;background-image:url(../img/search.png);border-width:0;cursor:pointer;}
/*추천문자*/
#roller {position:absolute;top:6px;left:660px;width:auto;}
#roller img {vertical-align:middle;float:left;}
#roller_textarea {width:630px;float:left;margin:3px 0 0 3px;position:absolute;left:25px;}
/*문자충전*/
#sms_pointbox {position:absolute;top:3px;right:10px;}
#sms_pointbox img{vertical-align:middle;}
#sms_point{font-weight:bold;margin-left:10px;}

/*----------------content------------------*/
* html #content {height:88%}
#content {width:100%;min-height:88%;height:100%;}
* html #wrap {height:88%;}
#wrap{margin:10px;min-height:88%;left:0;top:0;right:0;bottom:0;position:absolute;}

.Bold {font-weight:bold;}
.L {text-align:left;}
.R {text-align:right;}
.VM {vertical-align:middle;}
.hand {cursor:pointer;}
.btn_payment{background: url(../img/btn_payment.png) no-repeat 0 0; display: inline-block; width: 40px; height: 22px; float: left; margin: -4px 0 0 3px;}
.fl_l{float: left;}
.flts{width: 220px; height: 12px;}
.flts span{float: left;}

.btn-blue {font-size: 12px; padding:5px 9px;outline:1px solid #327db4;border:1px solid #7dbbd9;background-color:#52a5cc;min-width:26px;display:inline-block;font-weight:bold;color:white; margin-left: 4px; cursor:pointer; text-align:center;}
.btn-blue span {text-shadow:-2px 1px 15px rgba(0, 0, 0, 0.59); font-weight:bold; color:#FFFFFF;}

.btn-green {font-size: 12px; padding:5px 9px;outline:1px solid #156002;border:1px solid #75B963;background-color:#256C16;min-width:26px;display:inline-block;font-weight:bold;color:white; margin-left: 4px; cursor:pointer; text-align:center;}
.btn-green span {text-shadow:-2px 1px 15px rgba(0, 0, 0, 0.59); font-weight:bold; color:#FFFFFF;}

.btn-orange {padding:4px 9px;outline:1px solid #ff6c00;border:1px solid #ff9140;background-color:#ff6c00;min-width:26px;display:inline-block;font-weight:bold;color:white; margin-left: 4px; cursor:pointer;}
.btn-orange span{text-shadow: -2px 1px 15px rgba(0, 0, 0, 0.59);}

.btn-gray{padding:4px 9px;outline:1px solid #7d7d7d;border:1px solid #b9b9b9;background-color:#8f8f8f;min-width:26px;display:inline-block;font-weight:bold;color:white; margin-left: 4px; cursor:pointer;}

.btn-white {font-size: 12px; padding:5px 9px;outline:1px solid #8A8A8A; border:1px solid #FFFFFF; background-color:#FFFFFF; min-width:26px; display:inline-block; font-weight:bold; color:#000000; margin-left: 4px; cursor:pointer; text-align:center;}
.btn-white span {text-shadow:-2px 1px 15px rgba(0, 0, 0, 0.59); font-weight:bold; color:#000000;}


#alertWindow {display:table; width:500px; z-index:10; position:absolute; top:50%; left:50%; margin: -100px 0 0 -250px; background-color:#1372A8; border:solid 1px #356887;}
#alertWindow .alertMessage {display:table-cell; height:80px; vertical-align:middle; text-align:center; color:#FFFFFF; font-weight:bold; font-size:11pt; font-family:굴림; padding:10px; line-height:20px;}
#alertWindow .alertButton {display:table-row; text-align:center; height:35px;}
#alertWindow .alertButton input {width:70px; height:26px; margin:0 30px; border:solid 2px #FFFFFF; background-color:#1372A8; color:#FFFFFF; font-size:12px; cursor:pointer;}
#alertWindow .alertButton input:hover {background-color:#E76625;}
#alertWindow .alertButton input:focus {background-color:#E76625;}

.loadMaskLayerChart {display:none; width:260px; height:60px; z-index:10; position:absolute; top:50%; left:50%; margin:-50px 0 0 -130px; background-color:#FFFFFF; border:solid 4px #A4BBCA; font-size:14px; font-weight:bold; color:#3F6364; border-radius:10px;}
.loadMaskLayerChart div {display:table-cell; vertical-align:middle; text-align:center;}
.loadMaskLayerChart div img {vertical-align:middle; margin-right:10px;}

.loadMaskLayer {display:none; width:260px; height:60px; z-index:10; position:absolute; top:50%; left:50%; margin:-50px 0 0 -130px; background-color:#FFFFFF; border:solid 4px #A4BBCA; font-size:14px; font-weight:bold; color:#3F6364; border-radius:10px;}
.loadMaskLayer div {display:table-cell; vertical-align:middle; text-align:center;}
.loadMaskLayer div img {vertical-align:middle; margin-right:10px;}