/* layout */
.bg_color01 {background-color:#323c49;}
.bg_color02 {background-color:#fff;}
.bg_color03 {background-color:#f15c80;}
.bg_color04 {background-color:#7fcdbe;}
.bg_color05 {background-color:#3bb6d8;}

.bull_important {color:#c80b0b !important;}
#wrapper {position:relative;width:100%;min-width:1024px;height:100%;}

#header {position:relative;margin:0 auto;background-color:#f3f5f6;}
#header .logo {padding:7px 18px 7px;}
#header .logo a {font-size:22px;font-weight:800;letter-spacing:0;color:#8360ed;}
#header .logo a span {font-size:22px;font-weight:800;letter-spacing:0;color:#4f76eb;}
#header .top_right {position:absolute;right:0;top:0;}
#header .top_right .txt_welcome {font-weight:600;
	background: -webkit-gradient(linear, left top, left bottom, from(#8160ed), to(#4e76eb));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#header .top_right .txt_welcome strong {font-weight:800;font-size:16px;}
#header .top_right .btn_logout {
	display:inline-block;padding:20px 27px 19px;height:23px;border-left:1px solid #e8e8e8;margin-left:30px;font-weight:800;
	background: -webkit-gradient(linear, left top, left bottom, from(#8160ed), to(#4e76eb));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#header .top_right .btn_logout img {vertical-align:middle;margin-left:3px;}

#container {position:relative;}
#container .main_menu_area {width:206px;position:absolute;left:0;top:0;background-color:#323c49; height: 100%;}
.main_menu_area .main_menu > li {position:relative;border-left:4px solid #323c49;}
.main_menu_area .main_menu > li.active {border-left:4px solid #5175eb;}
.main_menu_area .main_menu > li.active > a {background-color:#374461 !important;}
.main_menu_area .main_menu > li > a {width:100%;display:inline-block;color:#fff;padding:20px 0;padding-left:58px;font-size:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_arrow {position:absolute;top:28px;right:28px;display:inline-block;width:10px;height:5px;background:url("../images/menu_arrow.png") left bottom no-repeat;vertical-align:middle;margin-left:10px;}
.active .btn_arrow {display:inline-block;width:10px;height:5px;background:url("../images/menu_arrow.png") left top no-repeat;}
.main_menu_area .main_menu li a.bull01 {background:url("../images/bull_menu01.png") 20px center no-repeat;}
.main_menu_area .main_menu li a.bull02 {background:url("../images/bull_menu02.png") 20px center no-repeat;}
.main_menu_area .main_menu li a.bull03 {background:url("../images/bull_menu07.png") 20px center no-repeat;}
.main_menu_area .main_menu li a.bull04 {background:url("../images/bull_menu04.png") 20px center no-repeat;}
.main_menu_area .main_menu li a.bull05 {background:url("../images/bull_menu05.png") 20px center no-repeat;}
.main_menu_area .main_menu li a.bull06 {background:url("../images/bull_menu06.png") 20px center no-repeat;}

.depth02 {background-color:#455161;margin-left:-4px;padding:5px 0;}
.depth02 li a {width:100%;display:inline-block;padding:7px 15px 8px;padding-left:65px;font-size:12px;color:#cdd1d5;background:url("../images/bull_depth02.png") 50px center no-repeat;font-weight:600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.depth02 li:hover a,.depth02 li.active a {color:#fff;font-weight:800;}

#container .content {position:relative;background-color:#fff;margin-left:206px;min-height:768px;padding:100px 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page_title {font-size:20px;font-weight:600;}

.page_nav {width:100%;position:absolute;left:0;top:0;text-align:right;padding:19px 35px;border-bottom:2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bull_arrow {padding:0 10px;vertical-align:middle;}

.search_box {position:relative;padding:10px 105px 10px 24px;border:1px solid #282828;margin-bottom:60px;}
.search_box .btn_search {position:absolute;right:10px;top:10px;}
.search_list {overflow:hidden;}
.search_list label {margin-right:10px;font-weight:800;}
.search_list li {float:left;margin-right:5%;padding:2px 0;background:url("../images/bull_dot01.png") left center no-repeat;padding-left:10px;}
.search_list li:last-child {margin-right:0;}
table .search_list label {font-weight:600;}
.no_label {display:inline-block;padding:5px 0;}

/* save_box */
.save_box_top {width:242px;border:1px solid #989da4;background-color:#f9fafa;padding:8px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.save_box_top_list {overflow:hidden;}
.save_box_top_list li {float:left;background:url("../images/bull_dot01.png") left center no-repeat;padding:2px 0;padding-left:8px;margin-right:12px;}
.save_box_top_list li:nth-child(even) {margin-right:0;}
.save_box {margin-top:9px;}
.save_box ul {overflow:hidden;width:242px;}
.save_box ul li {float:left;width:33%;height:74px;margin:0.15%;padding:5px;border:1px solid #323c49;background-color:#e3e9fc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.save_box ul li.active {background-color:#85b4f4;}
.save_box ul li.no_use {background-color:#e1e1e1;}
.save_box ul li.no_use .number {padding-bottom:6px;}
.save_box ul li .number {text-align:center;font-size:20px;line-height:100%;font-weight:800;}
.save_box ul li .user_name {text-align:center;font-size:18px;font-weight:800;}
.save_box ul li .used {text-align:center;font-size:15px;}

/* device_box */
.device_box {position:relative;overflow:hidden;}
.device_box_left {position:absolute;top:0;left:0;}
.device_box_right {padding-left:260px;min-height:350px;}
.device_box_tit {font-weight:800;margin-bottom:9px;padding-top:10px;padding-bottom:10px;}

/* drag_box_all */
.drag_box_all {overflow:hidden;position:relative;}
.drag_box_all .drag_box01 {width:270px;height:90px;padding:10px;float:left;border:1px solid #282828;overflow:hidden;overflow-y:auto;}
.drag_box_all .drag_arrow {float:left;}
.drag_box_all .drag_box02 {width:270px;height:90px;padding:10px;float:left;border:1px solid #282828;overflow:hidden;overflow-y:auto;margin-right:10px;}
.drag_box_all .btn {position:absolute;bottom:10px;right:10px;}
.drag_list li:hover {background-color:#e3e9fc;font-weight:800;}

/* btn */
.btn_area {position:relative;margin-top:10px;text-align:right;z-index:3;}
.btn_area .left_btn_area {position:absolute;top:0;left:0;}
.btn {display:inline-block;padding:6px 15px;max-width:100%;text-align:center;background-color:#fff;border:1px solid #455161;font-weight:600;vertical-align:middle;}
.btn.small {padding:0 5px;font-size:12px;min-width:35px;}
.btn:hover,.btn.active {background-color:#455161;color:#fff;}
.btn:active {background-color:#fff;color:#333;}
.btn.type01 {display:inline-block;padding:6px 15px;border:1px solid #be0000;background-color:#ef0000;color:#fff;}
.btn.type01:hover {background-color:#ab0000;}
.btn.type01:active {background-color:#be0000;}

/* table */
.tb_top {position:relative;padding:10px 0;font-weight:800;}
.tb_top .txt_number {font-size:20px;font-weight:800;}
.tb_top .right_area {position:absolute;right:0;bottom:3px;}

.tb_wrap {margin-top:10px;}
.tb01 {width:100%;border-top:1px solid #323c49;border-left:1px solid #323c49;}
.tb01 th {padding:14px 5px;border-bottom:1px solid #fff;border-right:1px solid #fff;background-color:#323c49;color:#fff;font-weight:600;}
.tb01 th:last-child {border-right:1px solid #323c49;}
.tb01 td {padding:14px 15px;border-bottom:1px solid #323c49;border-right:1px solid #323c49;text-align:center;min-height:50px;}
.tb02 {width:100%;border-top:1px solid #323c49;border-left:1px solid #323c49;}
.tb02 th {padding:14px 5px;border-bottom:1px solid #323c49;border-right:1px solid #323c49;background-color:#e1e3e7;font-weight:600;}
.tb02 td {padding:8px 15px;border-bottom:1px solid #323c49;border-right:1px solid #323c49;}
.tb03 {width:100%;border-top:1px solid #323c49;}
.tb03 td {padding:12px 15px;border-bottom:1px solid #323c49;}
.tb03 td img {max-width:100%;height:auto;}
.tbintb {width:100%;}
.tbintb th {padding:14px 5px;border-bottom:1px solid #323c49;border-right:1px solid #323c49;background-color:#e1e3e7;font-weight:600;}
.tbintb td {padding:8px 15px;border-bottom:1px solid #323c49;border-right:1px solid #323c49;}
.tb_toggle tr td {cursor:pointer;}
.tb_toggle tr.on td {background-color:#e3e9fc;}
.now_use td {color:#2f5ae7;}
.img_full {width:100%;height:auto;max-width:100px;}
.tb_scroll {overflow:hidden;overflow-y:auto;max-height:392px;}
.th_onclick {text-decoration:underline;cursor:pointer;}

.medicalreport_all {position:relative;overflow:hidden;min-height:500px;margin-top:20px;}
.medicalreport_left {position:absolute;width:300px;}
.medicalreport_right {padding-left:320px;}
.medicalreport_tit {font-weight:600;margin-bottom:5px;margin-top:5px;}
.btn_medicalreport_popup {text-align:center;}
.btn_medicalreport_popup a {display:inline-block;padding:5px 10px 5px 30px;border:1px solid #d2d2d2;background:url("../images/btn_search.png") no-repeat;background-size:30px 30px;}
.btn_medicalreport_popup a:hover,
.btn_medicalreport_popup a:active {color:#686aec;}
.medicalreport_slide {position:relative;padding:20px;}
.medicalreport_slide ul li img {width:100%;height:auto;}
.medicalreport_slide .input_area {position:absolute;left:125px;bottom:20px;}
.medicalreport_slide .input_area input {padding:4px;width:26px;height:20px;color:#222;text-indent:0;}
.text_box {margin-top:10px;border:1px solid #d2d2d2;}
.text_box textarea {width:100%;padding:10px;resize:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.medicalreport_wrap {padding:10px;}
.medicalreport_wrap .medicalreport_slide .input_area {left:165px;}
.btn_apply_see {display:inline-block;padding:5px 10px 5px 30px;border:1px solid #d2d2d2;background:url("../images/btn_search.png") no-repeat;background-size:30px 30px;}
.btn_apply_see:hover,
.btn_apply_see:active {color:#686aec;}

/* slide */
.slides {}
.slidesjs-play,.slidesjs-stop {display:none !important;}
.slidesjs-previous {position:absolute;left:50px;bottom:20px;z-index:10;width:23px;height:23px;background:url("../images/btn_slide_prev.jpg") no-repeat;background-size:23px 23px;text-indent:-9999px;}
.slidesjs-next {position:absolute;right:50px;bottom:20px;z-index:10;width:23px;height:23px;background:url("../images/btn_slide_next.jpg") no-repeat;background-size:23px 23px;text-indent:-9999px;}
.slidesjs-pagination {position:relative;overflow:hidden;}
.slidesjs-pagination li a {display:none;}
.slidesjs-pagination li:first-child a {display:inline-block;float:left;width:23px;height:23px;background:url("../images/btn_slide_first.jpg") no-repeat;background-size:23px 23px;text-indent:-9999px;}
.slidesjs-pagination li:last-child a {display:inline-block;float:right;width:23px;height:23px;background:url("../images/btn_slide_last.jpg") no-repeat;background-size:23px 23px;text-indent:-9999px;}

.date_right {position:absolute;right:12px;top:16px;font-size:13px;}

/* login */
.login_box_all {margin-top:260px;}
.login_box_all .logo {text-align:center;font-size:52px;font-weight:800;margin-bottom:145px;color:#000;}
.login_box {width:400px;padding:60px 80px 50px;margin:0 auto;background-color:#fff;}
.login_tit {font-size:45px;font-weight:800;color:#686bec;letter-spacing:0;
	background: -webkit-linear-gradient(#8360ed, #4f76eb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.login_input_area {margin-top:20px;}
.login_input_area li {position:relative;padding:8px 0;padding-left:110px;border-bottom:2px solid #282828;margin-bottom:32px;}
.login_input_area li:last-child {margin-bottom:0;}
.login_input_area input {border:1px solid #fff;font-size:16px;}
.login_input_area label {position:absolute;left:0;top:18px;font-size:20px;font-weight:800;}
.btn_login_area {margin-top:40px;text-align:center;}
.btn_login {display:inline-block;width:200px;padding:16px 10px;border-radius:30px;text-align:center;color:#fff;font-size:20px;font-weight:800;
	background-color: #1dd9e7; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #1dd9e7 , #5ab2ed); /* Standard syntax (must be last) */
}

/* popup */
.bg_dimm {display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:url("../images/bg_dimm.png") repeat;}
.layer_popup {display:none;position:fixed;top:50px;left:50%;width:800px;margin-left:-400px;background-color:#fff;overflow:hidden;border-radius:10px;z-index:11;}
.layer_popup.medium {width:600px;margin-left:-300px;}
.layer_popup.small {width:400px;margin-left:-200px;}
.layer_popup .pop_header {padding:12px 16px 13px;background-color:#455161;font-size:18px;color:#fff;font-weight:800;}
.layer_popup .pop_header .btn_close {position:absolute;right:16px;top:16px;}
.layer_popup .pop_con {padding:20px 16px 25px;overflow:hidden;overflow-y:auto;max-height:650px;}
.layer_popup .pop_con .pop_tit {font-size:20px;font-weight:800;}
.layer_popup .pop_con .pop_tit img {width:150px;height:auto;}
.layer_popup .pop_con .pop_txt01 {font-size:20px;font-weight:800;margin-top:30px;color:#df0000;text-align:center;}
.layer_popup .pop_con .pop_txt02 {font-size:16px;font-weight:600;margin-top:5px;color:#656565;padding-bottom:50px;text-align:center;}
.layer_popup .pop_con .pop_txt03 {font-size:16px;font-weight:600;margin-top:20px;color:#656565;padding-bottom:50px;}
.list01 {margin-top:20px;}
.list01 li {padding-left:8px;margin-bottom:5px;background:url("../images/bull_dot01.png") left 8px no-repeat;}
.list02 {margin-top:10px;margin-bottom:10px;}
.list02 li {margin-top:8px;padding-top:8px;border-top:1px solid #ddd;} 
.list02 li .btn {margin-left:10px;}
.list02 li .txt_title:hover {color:#375aaa;border-bottom:1px solid #375aaa;}
.list03 {margin-top:30px;padding:0 50px;overflow:hidden;}
.list03 li {width:33.3%;float:left;border-left:1px solid #d2d2d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.list03 li:first-child {border-left:0;}
.list03 li dt {font-size:13px;color:#999;}
.list03 li dd {font-size:20px;margin-top:5px;}

.step_list {margin-top:15px;overflow:hidden;}
.step_list li {float:left;width:22%;padding-left:4%;background:url("../images/bull_step.png") 7px center no-repeat;}
.step_list li:first-child {padding-left:0;}
.step_list li img {width:100%;max-width:150px;height:auto;}

.title_area {position:relative;padding-top:20px;}
.title_area .right_area {position:absolute;right:0;bottom:0;font-weight:800;}

.search_all {width:100%;border:1px solid #d2d2d2;padding:10px;background-color:#f5f5f5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search_all input {vertical-align:middle;}

.medicalreport_wrap {width:400px;}
.medicalreport_wrap {}

/* graph */
.graph_all {margin-top:20px;}
.graph_tab {text-align:right;}
.graph_tab ul {display:inline-block;overflow:hidden;border:1px solid #455161;border-radius:20px;}
.graph_tab ul li {float:left;border-right:1px solid #455161;}
.graph_tab ul li:last-child {border-right:none;}
.graph_tab ul li a {display:inline-block;padding:7px 18px 6px;background-color:#fff;}
.graph_tab ul li a.active {background-color:#455161;color:#fff;}
.graph_area {width:100%;border:1px solid #455161;margin-top:10px;margin-bottom:20px;overflow:hidden;padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#high_chart01 {overflow:hidden;}
.highcharts-title {display:none;}

/* nfc_box */
.nfc_box_all {overflow:hidden;position:relative;}
.nfc_box_all .nfc_box_left {position:absolute;top:9px;left:0;width:240px;padding:20px;border:1px solid #323c49;min-height:56px;}
.nfc_box_all .nfc_box_left img {max-width:240px;height:auto;}
.nfc_box_all .nfc_box_right {padding-left:300px;}
.nfc_btn_position {position:relative;}
.nfc_btn_position .btn {position:absolute;top:10px;right:10px;}

.view_page {position:relative;margin-top:10px;width:375px;height:667px;overflow:hidden;overflow-y:auto;border:1px solid #ddd;}
.view_page.tablet {width:768px;}
.view_tit {font-size:17px;padding: 20px 20px 17px;border-bottom: 1px solid #f1f1f1;text-align:center;font-weight:600;}
.view_con {padding:20px 20px 37px;line-height:140%;font-weight:400;}

.check_all {padding:20px;margin:5px 0 10px;border:1px solid #d2d2d2;background-color:#f5f5f5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-datepicker-trigger {display:none;}
.btn_button {background-color:#fff;border:1px solid #78797b;padding:6px 10px 6px;margin:0 2px;vertical-align:middle;}
.btn_button:active {background-color:#455161;color:#fff;}
.txt_error {color:#e10000;}
.txt_ok {color:#1606ae;}
.import {color:#e10000;margin-right:2px;}
.edit_area {height:200px;text-align:left;vertical-align:top;}
.btn_toggle {border:1px solid #323c49;}
.btn_toggle .title {padding:12px 12px 12px 38px;border-bottom:1px solid #323c49;background:#e1e3e7 url("../images/btn_toggle.png") 12px 12px no-repeat;background-size:20px 20px;}
.btn_toggle .title.active {background:#e1e3e7 url("../images/btn_toggle_on.png") 12px 12px no-repeat;background-size:20px 20px;}
.btn_toggle .toggle_con {padding:12px;border-bottom:1px solid #323c49;}
.btn_toggle .toggle_bottom {padding:10px;background-color:#f8f8f8;}
.tbinbtnarea {padding:15px;}
.img_box {display:inline-block;position:relative;}
.img_box .btn_del {position:absolute;top:0;right:0;}
.nick_box_all {text-align:center;padding:10px 40px;}
.nick_box_all .nick_box01 {display:inline-block;padding:20px 30px;background-color:#f3f3f3;text-align:center;margin:0 auto;}
.nick_box_all .nick_box01 .txt_nickname {color:#ff0000;}
.nick_box_all .txt_tit {font-size:20px;font-weight:600;margin-top:20px;}
.nick_box_all .txt_ex {font-size:15px;color:#999;margin-top:10px;}
.nick_box_all .txt01 {margin-top:20px;}

.player_area img {width:100%;height:auto;}
.player_text_area {position:relative;}
.player_text_area .player_tit {margin-top:10px;margin-bottom:10px;font-size:20px;font-weight:600;}
.step_box_all {margin-top:20px;}
.step_box {background-color:#333;color:#fff;padding:2px 5px 4px;margin-top:5px;}
.img_stepbox {position:relative;}
.img_stepbox .bull_step {position:absolute;top:0;left:0;padding:2px 15px;background-color:#333;color:#fff;font-size:11px;}

.a_onclick {text-decoration:underline;cursor:pointer;color:#1e90ff;}