@charset "utf-8";

/* font */
@import url(../css/font.css);

/*** reset ***/
html {-webkit-text-size-adjust:none;overflow-y:scroll;}
html, body, div, ul, ol, li, dl, dt, dd, p, strong, span, em, a, table, th, td, caption, input, button, textarea, label, form, legend, fieldset, select, hr, h1, h2, h3, h4, h5, h6, img {padding:0; margin:0; border:0; color:inherit; background:none; line-height:inherit; font-size:inherit; font-family:inherit}
html, body {height:100%; min-height:100%; background:#fff; font-size:12px; color:#222; color:rgba(0,0,0,0.9); letter-spacing:-0.02em; line-height:1.5; font-family:'dotum','돋움','NotoSansKR','HelveticaNeue-Light','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif !important}
header, footer, nav {display:block;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
th, td {vertical-align:middle}
input {-webkit-appearance:none; border-radius:0; color:#353535}
input,
button,
select {box-sizing:border-box;}
*:focus {outline:none;}
select, button {cursor:pointer;}
ul, ol {list-style:none;}
img {max-width:100%; vertical-align:top;}
a {color:inherit; text-decoration:none}
em {font-style:normal}
textarea {resize:vertical;}
::-webkit-input-placeholder {color:#999; letter-spacing:-0.06em;}
:-moz-placeholder {color:#999; letter-spacing:-0.06em;}
::-moz-placeholder {color:#999; }
:-ms-input-placeholder {color:#999 !important; !important; letter-spacing:-0.06em;}
::-ms-input-placeholder {color:#999 !important; letter-spacing:-0.06em;}
::placeholder {color:#999; letter-spacing:-0.06em;}
header,nav,footer {display:block;}

/*** common ***/
body.dimm {}
body.dimm::after {position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999; content:'';}
.hidetxt {font-size:0; line-height:0; text-indent:-9999px;}
.blind {position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; opacity:0.1; font-size:0; line-height:0; text-indent:-9999px;}
.hide {display:none;}
.fl {float:left;}
.fr {float:right;}
.ovf {overflow:hidden;}
.w100 {width:100%;}
.w50 {width:50%;}
.after:after {display:block; width:100%; height:0; overflow:hidden; clear:both; content:'';}
.admin .bg_emph {background:#f4a238;}
.center .bg_emph {background:#00979c;}
.company .bg_emph {background:#225e9c;}
.wbox {background:#fff;}
.bg_emph {background:#f4a238;}
.admin .emph {color:#eb831c;}
.center .emph {color:#00979c;}
.company .emph {color:#225e9c;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.fwb {font-weight:bold;}
.lts0,
.num,
.datetime {letter-spacing:0;}
.block {display:block;}
.ib {display:inline-block;}
.gray {background:#f5f5f5}
.ellip {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ellip2 {overflow:hidden; text-overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.warning {color:#f20000;}
.arwdot::before {display:inline-block; width:0; height:0; margin:12px 3px 0 0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #777; vertical-align:top; content:'';}
.emph.arwdot::before {border-left-color:#eb831c}
.center .emph.arwdot::before {border-left-color:#00898e}
.company .emph.arwdot::before {border-left-color:#225e9c}
.thumb {position:relative; overflow:hidden;}
.thumb::after {position:absolute; top:0; left:0; bottom:0; width:100%; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; content:'';}
.thumb .fitsize {max-width:none}
.link_deco:hover {text-decoration:underline; color:#000}
.underline {text-decoration:underline;}
td span.f_normal,
td span.f_caution,
td span.f_warning {font-weight:bold}
td span.f_normal {color:#35ad0c}
td span.f_caution {color:#eca100}
td span.f_warning {color:#f20000}

.noto {font-family:'NotoSansKR'; font-size:16px; font-weight:400;}
strong.noto.tit14 {display:block; font-size:14px; font-weight:bold;}

.ico_comm,
.ico_bfr::before,
.ico_aft::after {display:inline-block; vertical-align:top; background:url(../img/ico_comm.png) 0 0 no-repeat; background-size:90px 220px;}
.ico_comm {font-size:0; line-height:0; text-indent:-9999px;}
td .new {display:inline-block; width:14px; line-height:14px; border-radius:100%; background:#ffae00; color:#fff; font-weight:bold; text-align:center; font-size:10px; font-family:arial}
.center td .new {background:#00898e;}
.company td .new {background:#225e9c;}

.slt,
.inp,
button {height:32px;}
.slt {display:inline-block; padding:0 36px 0 8px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../img/slt1.png) right 50% no-repeat #fff; box-sizing:border-box; border:1px solid #aaa; vertical-align:top; font-size:12px;}
.slt::-ms-expand {display:none;}
.inp {display:inline-block; border:1px solid #aaa; padding:3px 5px; background:#fff; box-sizing:border-box; color:#555}
textarea.inp {width:100%; min-height:66px}
.inp[type=text]:disabled,
.inp[type=text][disabled=disabled] {background:#f6f6f6; border-color:#ccc}
.sltinp {font-size:0;}
.sltinp * {font-size:12px;}
.sltinp .inp {border-left:none;}
.btn,
.btn_emph,
.btn_line,
.btn_dark {display:inline-block; box-sizing:border-box; line-height:30px; font-weight:bold; border-radius:3px; box-shadow:1px 1px 1px rgba(0,0,0,0.15); text-align:center; padding:0 7px; min-width:60px; transition:0.2s; letter-spacing:0}
.btn:hover,
.btn_emph:hover,
.btn_line:hover,
.btn_dark:hover {letter-spacing:0}
.btn {border:1px solid #aaa; background:#fff; color:#666;}
.btn:hover {background:#f6f6f6; color:#333; border-color:#999}
.btn.btn_open::after {display:inline-block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #777; vertical-align:top; margin:13px 0 0 4px; content:'';}
td .btn.btn_open::after {margin-top:12px;}
tr.open td .btn.btn_open {border:1px solid #eb831c; background:#f4a238; color:#fff;}
.center tr.open td .btn.btn_open {border-color:#00898e; background:#00979c}
.company tr.open td .btn.btn_open {border-color:#225e9c; background:#1b5794}
tr.open td .btn.btn_open::after {border-top:none; border-bottom:4px solid #fff}
.btn.btn_sch::before {width:12px; height:12px; margin:9px 3px 0 0; background-position:-40px -20px; opacity:0.6; content:'';}
td .btn.btn_sch::before {margin-top:7px;}
.btn:disabled,
.btn[disabled] {border-color:#ccc; background:#eee; color:#a5a5a5; cursor:default;}
.btn_emph {border:1px solid #eb831c; background:#f4a238; color:#fff;}
.center .btn_emph {border-color:#00898e; background:#00979c;}
.company .btn_emph {border-color:#225e9c; background:#1b5794;}
.btn_emph:hover {background:#f48e0a;}
.center .btn_emph:hover {background:#00898e; border-color:#007479}
.company .btn_emph:hover {background:#1c5085; border-color:#19426e}
.btn_emph.btn_add::before {width:10px; height:10px; margin:10px 4px 0 0; background-position:-50px -80px; content:'';}
.btn.btn_add::before {width:10px; height:10px; margin:10px 4px 0 0; background-position:-60px -60px; opacity:0.6; content:'';}
.btn.btn_list::before {width:8px; height:7px; margin:11px 5px 0 0; background-position:-80px -50px; opacity:0.6; content:'';}
.btn_line {border:1px solid #eb831c; background:#fff; color:#eb831c}
.center .btn_line {border-color:#00898e; color:#00898e}
.company .btn_line {border-color:#1b5794; color:#1b5794}
.btn_line:hover {background:#fff9f0; color:#e07308}
.center .btn_line:hover {background:#eff3f3; color:#007479}
.company .btn_line:hover {background:#eef3f8; color:#225e9c}
.btn_reset::before {width:12px; height:12px; margin:9px 4px 0 0; background-position:-20px -40px; background-color:#eb831c; content:''}
.center .btn_reset::before {background-color:#00898e}
.company .btn_reset::before {background-color:#225e9c}
.btn_dark {border:1px solid #555; background:#777; background:-moz-linear-gradient(top, #777 0%, #555 99%); background:-webkit-linear-gradient(top, #777 0%,#555 99%); background:linear-gradient(to bottom, #777 0%,#555 99%);  color:#e5e5e5;}
.btn_dark:hover {border-color:#111; color:#fff;}
.btn_tgl {display:inline-block; height:20px !important; background:#333; text-align:center; min-width:30px; line-height:20px; padding:0 4px; border-radius:3px; color:#fff; vertical-align:top; margin-top:4px;}
.btn_tgl::before {content:'접기'}
.btn_tgl i {display:inline-block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #fff; vertical-align:top; margin:8px 0 0 5px;}
.btn_tgl.on::before {content:'펼치기'}
.btn_tgl.on i {border-bottom:none; border-top:4px solid #fff;}

td .inp,
td .slt,
td .btn,
td .btn_line,
td .btn_emph,
td .btn_dark {height:28px; line-height:26px;}
td .inp {line-height:inherit;}
.chk {position:absolute; left:-9999px; width:0; height:0;}
.chk + label {display:inline-block; position:relative; padding-left:20px; line-height:16px; vertical-align:top; cursor:pointer}
.chk + label + .chk + label {margin-left:20px;}
.chk + label::before {position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-8px; border:1px solid #aaa; background:#fff; box-sizing:border-box; content:'';}
.chk:checked + label::before {border:2px solid #eb831c; background:url(../img/chk.png) 50% 50% no-repeat #eb831c;}
.center .chk:checked + label::before {border-color:#00898e; background-color:#00898e;}
.company .chk:checked + label::before {border-color:#225e9c; background-color:#225e9c;}
.chk + label.onlychk {width:16px; height:16px; padding:0; font-size:0; line-height:0; margin:0;}
input[type=radio].chk + label::before {border-radius:100%;}
input[type=radio].chk:checked + label::before {background:#fff;}
input[type=radio].chk:checked + label::after {position:absolute; top:50%; left:4px; width:8px; height:8px; margin-top:-4px; background:#eb831c; border-radius:100%; content:'';}
.chk:disabled + label,
.chk[disabled=disabled] + label {opacity:0.5}
.center input[type=radio].chk:checked + label::after {background:#00898e;}
.company input[type=radio].chk:checked + label::after {background:#225e9c;}
.inp_tel,
.inp_regi1,
.inp_regi2 {font-size:0;}
.inp_tel .inp,
.inp_regi1 .inp {width:80px !important; font-size:12px;}
.inp_regi2 .inp {font-size:12px;}
.inp_tel .inp:first-child,
.inp_regi1 .inp:nth-of-type(2) {width:46px !important;}
.inp_regi2 .inp {width:100px !important;}
.inp_tel span,
.inp_regi1 span,
.inp_regi2 span {display:inline-block; padding:0 4px; font-size:12px; line-height:32px; vertical-align:top;}
td .inp_tel span,
td .inp_regi1 span,
td .inp_regi2 span {line-height:28px; vertical-align:middle;}
.inp_file {display:inline-block; font-size:0; vertical-align:top;}
td .inp_file {vertical-align:middle;}
.inp_file * {font-size:12px;}
.inp_file .inp {width:210px !important; color:#777}
.inp_file input.blind + .btn {border-left:none; border-radius:0; box-shadow:none; padding:0 10px; cursor:pointer}
.inp_file input.blind + .btn::before {width:12px; height:12px; margin:9px 3px 0 0; background-position:-40px -20px; opacity:0.6; content:'';}
td .inp_file input.blind + .btn::before {margin-top:7px;}
.inp_file .btn + button {margin-left:8px;}
.inp_mail {display:inline-block; font-size:0; vertical-align:top;}
.inp_mail .inp {width:120px !important; font-size:12px;}
.inp_mail span {display:inline-block; font-size:12px; line-height:32px; padding:0 4px; vertical-align:top;}
.inp_mail span + .inp {width:170px !important;}
td .inp_mail .inp {vertical-align:middle;}
td .inp_mail span {line-height:28px; vertical-align:middle}
.inp_address .wrap_postcode {margin-bottom:5px;}
.inp_address .wrap_postcode .inp {width:120px;}
.inp_address .inp:last-child {width:340px;}

/* layout */
#wrap {position:relative; min-height:100%; min-width:1800px;}
#wrap.admin {background:url(../img/bg_general.png) 0 0 repeat-y;}
#wrap.center {background:url(../img/bg_hospital.png) 0 0 repeat-y;}
#wrap.company {background:url(../img/bg_company.png) 0 0 repeat-y;}
#wrap.tgl_side {background:#fff !important}
#wrap.tgl_side #side {width:0;}
#wrap.tgl_side #side .tit_side,
#wrap.tgl_side #side .area_all,
#wrap.tgl_side #side .menus,
#wrap.tgl_side #side .sch_side {display:none;}
#wrap.tgl_side #side .tgl_side .ico_comm {left:8px; background-position:-30px -125px;}

#header {position:relative; height:70px; border-bottom:1px solid rgba(0,0,0,0.15); box-shadow:0 0 5px rgba(0,0,0,0.15); background:#fff;}
#header h1 {position:absolute; top:0; left:0; height:40px; padding:15px 0 15px 24px; vertical-align:top;}
#header h1 img {max-width:200px; max-height:40px;}
#header .fr {font-size:0; padding:20px 10px 0;}
#header .fr * {display:inline-block; vertical-align:top;}
#header .fr .userinfo {font-size:14px; line-height:30px; color:#555}
#header .fr .userinfo::before {width:26px; height:20px; margin:5px 2px 0 0; background-position:-60px 0px; background-color:#eb831c; content:'';}
.center #header .fr .userinfo::before  {background-color:#00898e}
.company #header .fr .userinfo::before  {background-color:#225e9c}
#header .fr .userinfo .emph {font-weight:bold;}
#header .fr a,
#header .fr button {height:30px; margin-left:16px; padding:0 14px; border:1px solid #aaa; border-radius:30px;font-size:12px; font-weight:300; letter-spacing:-0.04em; color:#555; line-height:28px; background:#fff;}
#header .fr button.ico_bfr::before {opacity:0.5}
#header .fr .btn_calendar::before {width:19px; height:18px; margin:5px 3px 0 0; background-position:-40px -60px; content:'';}
#header .fr .btn_modi::before {width:19px; height:18px; margin:5px 3px 0 0; background-position:-20px 0px; content:'';}
#header .fr .btn_logout::before {width:13px; height:16px; margin:6px 5px 0 0; background-position:-40px 0px; content:'';}
#header #gnb {display:inline-block; padding-left:260px; vertical-align:top; color:#555}
#header .list_gnb > li {display:inline-block; position:relative; min-width:80px; text-align:center; vertical-align:top;}
#header .list_gnb > li + li {margin-left:40px;}
#header .list_gnb a {display:block;}
#header .list_gnb .d1 {position:relative; line-height:70px;}
#header .list_gnb > li.on .d1,
#header .list_gnb > li:hover .d1 {color:#eb831c; font-weight:bold;}
.center #header .list_gnb > li.on .d1,
.center #header .list_gnb > li:hover .d1 {color:#00898e}
.company #header .list_gnb > li.on .d1,
.company #header .list_gnb > li:hover .d1 {color:#225e9c}
#header .list_gnb > li:hover .d1::after {position:absolute; top:64px; left:50%; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #eb831c; margin-left:-6px; content:'';}
.center #header .list_gnb > li:hover .d1::after {border-bottom-color:#00898e;}
.company #header .list_gnb > li:hover .d1::after {border-bottom-color:#225e9c;}
#header .list_sub {position:absolute; top:70px; left:50%; width:200px; margin-left:-100px; padding:7px 0; text-align:center; display:none; background:#fff; border:1px solid #ccc; border-top:2px solid #eb831c; z-index:9999}
.center #header .list_sub {border-top-color:#00898e}
.company #header .list_sub {border-top-color:#225e9c}
#header .list_gnb > li:hover .list_sub {display:block;}
#header .list_sub li {color:#999; font-weight:bold;}
#header .list_sub li + li {margin-top:2px;}
#header .list_sub li .d2 {padding:8px 0;}
#header .list_sub li.on .d2,
#header .list_sub li:hover .d2 {color:#eb831c; }
#header .list_sub li:hover .d2 {background:#f5f5f5;}
.center #header .list_sub li.on .d2,
.center #header .list_sub li:hover .d2 {color:#00898e}
.company #header .list_sub li.on .d2,
.company #header .list_sub li:hover .d2 {color:#225e9c}
#header .list_gnb.hv > li.on .list_sub {display:none;}
#header .list_gnb.hv > li:hover .list_sub {display:block;}
#header .list_gnb > li > a.new::before {position:absolute; top:12px; left:50%; width:13px; margin-left:-7px; border-radius:100%; color:#eb831c; font-family:'arial','dotum','돋움'; font-size:10px; text-align:center; vertical-align:top; font-weight:normal; line-height:13px; content:'N'}
.center #header .list_gnb > li > a.new::before {color:#00898e}
.company #header .list_gnb > li > a.new::before {color:#225e9c}

@media (max-width:1700px){
  #header .list_gnb > li + li {margin-left:30px;}
}

/*
@media (max-width:1700px){
  #header {height:104px}
  #header .fr {float:none; padding:5px 10px; background:#eee; text-align:right;}
  #header .fr .userinfo {font-size:12px; line-height:24px;}
  #header .fr .userinfo::before {margin-top:2px; background-position:-60px -20px;}
  #header .fr button {height:24px; margin-left:12px; padding:0 10px; line-height:22px;}
  #header .fr .btn_modi::before {margin-top:1px;}
  #header .fr .btn_logout::before {margin-top:3px;}
  #header h1 {padding-top:51px}
  #header .list_gnb > li + li {margin-left:36px;}
}
*/

#container {overflow:hidden; padding-bottom:90px; overflow-x:auto;}

#side {position:relative; float:left; width:250px; background:url(../img/bg_side.png) 16px 0 no-repeat; color:#fff}
#side .tgl_side {position:absolute; top:0; right:-19px; width:24px; height:40px; border-radius:0 40px 40px 0; background:#f4a238; box-shadow:2px 2px 1px rgba(0,0,0,0.2)}
.center #side .tgl_side {background:#00979c;}
.company #side .tgl_side {background:#225e9c;}
#side .tgl_side .ico_comm {position:absolute; top:50%; left:5px; width:8px; height:12px; margin-top:-6px;; background-position:-20px -125px; content:'';}
#side .tit_side {text-align:center; border-bottom:1px solid #f7be74}
.center #side .tit_side {border-bottom-color:#4aaaad;}
.company #side .tit_side {border-bottom-color:#4a7bae;}
#side h2 {padding:31px 0; border-bottom:1px solid #eb831c}
.center #side h2  {border-color:#00898e}
.company #side h2  {border-color:#163d66}
#side h2 span {display:inline-block; line-height:18px; padding:0 12px; border-radius:18px; background:#e36500; font-size:10px; font-weight:300}
.center #side h2 span {background:#005457;}
.company #side h2 span {background:#123152;}
#side h2 strong {display:block; margin-top:5px; font-size:20px; text-shadow:1px 1px 4px rgba(216,77,0,1);}
.center #side h2 strong  {text-shadow:1px 1px 4px rgba(0,48,50,1);}
.company #side h2 strong  {text-shadow:1px 1px 4px rgba(0,22,46,0.9);}
#side .area_all {padding:20px 10px}
#side .btn_all {display:block; position:relative; width:100%; height:40px; padding-left:14px; border:1px solid #fff; font-size:14px; transition:0.2s; text-align:left;}
#side .btn_all:hover,
#side .btn_all.on {background:#f48e0a; color:#fff;}
.center #side .btn_all:hover,
.center #side .btn_all.on {background-color:#00898e}
.company #side .btn_all:hover,
.company #side .btn_all.on {background-color:#14497f}
#side .btn_all::before,
#side .btn_all::after {position:absolute; top:50%; background:#fff; content:'';}
#side .btn_all::before {right:12px; width:12px; height:2px; margin-top:-1px;}
#side .btn_all::after {right:17px; width:2px; height:12px; margin-top:-6px;}
#side .btn_all.on::after {display:none;}
#side .menus {font-weight:300}
#side .menus a {display:block;}
#side .menus > li {border-bottom:1px solid #f7be74}
.center #side .menus > li {border-bottom-color:#4aaaad;}
.company #side .menus > li {border-bottom-color:#4a7bae;}
#side .menus > li.on {background:#e1770d}
.center #side .menus > li.on {background:#00898e}
.company #side .menus > li.on {background:#1c5085}
#side .menus .d1,
#side .menus .list_sub {border-bottom:1px solid #e1770d}
.center #side .menus .d1,
.center #side .menus .list_sub {border-bottom-color:#00898e;}
.company #side .menus .d1,
.company #side .menus .list_sub {border-bottom-color:#1c5085;}
#side .menus > li.open .d1 {border-bottom:none; font-weight:bold;}
#side .menus .d1 {position:relative; padding-left:24px; line-height:44px;}
#side .menus .d1::before {width:20px; height:20px; margin:12px 10px 0 0; content:'';}
#side .menus .d1 .ico_comm {position:absolute; top:50%; right:20px; width:12px; height:8px; margin-top:-4px; background-position:0px 0px; content:'';}
#side .menus .on .d1 .ico_comm,
#side .menus .open .d1 .ico_comm {background-position:0px -10px;}
#side .menus > li.on .d1 {font-weight:bold;}
#side .menus .list_sub {display:none; padding:0 0 5px 48px; font-size:14px;}
#side .menus .list_sub .d2 {line-height:36px;}
#side .menus .list_sub li {position:relative; padding-left:6px;}
#side .menus .list_sub li::before {position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#fff; border-radius:100%; content:'';}
#side .menus .list_sub .d2:hover {text-decoration:underline;}
#side .menus .list_sub li.on .d2 {font-weight:400; text-decoration:underline;}
#side .sch_side {padding:20px 20px 0;}
#side .sch_side strong {display:block; margin-bottom:10px; font-size:14px; font-weight:bold;}
#side .sch_side .item {position:relative; border-radius:4px; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4); background:#fff; font-size:0;}
#side .sch_side .item + .item {margin-top:7px;}
#side .sch_side label {display:inline-block; width:47px; margin:12px 4px 12px 0; padding:0 5px; vertical-align:top; font-size:12px; color:#555; line-height:12px; border-right:1px solid #aaa;}
#side .sch_side .inp {display:inline-block; width:145px; border:none; height:36px; background:none; vertical-align:top; padding:0; font-size:14px;}
#side .sch_side .ico_bfr {display:block; width:100%; height:36px; margin-top:10px; text-align:center; font-size:14px; font-weight:bold; border-radius:4px; background:#006064; line-height:36px;}
#side .sch_side .ico_bfr::before {width:16px; height:16px; margin:10px 3px 0 0; background-position:-20px -20px; content:'';}

#contents {overflow:hidden;}
#inner {padding:30px 30px 120px; border-top:1px solid #e5e5e5}

#hd_cont {margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #a5a5a5; line-height:32px;}
#hd_cont .tit {display:inline-block; vertical-align:top; font-weight:bold; font-size:20px;}
#hd_cont .tit::before {display:inline-block; width:4px; height:20px; margin:6px 8px 0 0; background:#f4a238; vertical-align:top; content:'';}
.center #hd_cont .tit::before {background:#00898e}
.company #hd_cont .tit::before {background:#225e9c}
#hd_cont .subtit {display:inline-block; vertical-align:top; font-weight:300; color:#555; font-size:20px;}
#hd_cont .subtit::before {display:inline-block; width:1px; height:14px; background:#aaa; margin:9px 12px 0 10px; vertical-align:top; content:'';}
#hd_cont .fr {font-size:0;}
#hd_cont .fr * {font-size:12px; margin-left:8px;}

#footer {position:absolute; bottom:0; left:250px; width:calc(100% - 290px); padding:22px 20px; border-top:1px solid rgba(0,0,0,0.15); font-size:13px; color:#999; background:#fff}
#footer .logo {float:left; width:110px; margin-right:18px; padding-top:10px;}
#footer .info {display:inline-block; line-height:23px; letter-spacing:0}
#footer .fr {padding-top:14px;}
#footer .fr a {display:inline-block; margin-left:20px;}
#footer .fr a:hover {color:#000}

#wrap.intro {background-color:#f5f5f5}
#wrap.intro #contents {position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9}
#wrap.intro #header .list_gnb > li.on .list_sub,
#wrap.intro #header .list_gnb > li:hover .list_sub {display:none;}
#wrap.intro #inner {padding:30px}
#wrap.intro .cont_intro {position:absolute; top:50%; left:50%; width:900px; margin:-278px 0 0 -459px; padding:80px 0; text-align:center; background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,0.2);}
#wrap.intro .title {margin:20px 0 30px; background:#f1fbfb; padding:30px 0;}
#wrap.intro .title strong,
#wrap.intro .title p {font-size:26px; line-height:1.3; color:#555}
#wrap.intro .title strong {display:block;}
#wrap.intro .title p {display:inline-block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #555; }
#wrap.intro .title > span {display:block;}
#wrap.intro .cont_intro a {line-height:40px; margin-top:30px; font-size:16px; font-weight:normal; padding:0 20px}
#wrap.intro .cont_intro a::after {display:inline-block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff; content:''; vertical-align:top; margin:15px 0 0 8px;}

/* 검색 박스 */
.bar_sch {position:relative; margin-bottom:15px; padding:10px 10px 10px 0; background:#f5f5f5; border:1px solid #ddd;}
.bar_sch hr {display:block; width:100%; height:1px; background:none;}
.bar_sch hr.line {background:#d5d5d5; margin:8px 0;}
.bar_sch dl,
.bar_sch dt,
.bar_sch dd {display:inline-block; vertical-align:top;}
.bar_sch dl {padding:5px 16px;}
.bar_sch dt {margin-right:10px; font-weight:bold; line-height:32px;}
.bar_sch dt::before {display:inline-block; width:0; height:0; margin:12px 3px 0 0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #777; vertical-align:top; content:'';}
.bar_sch .inp {width:210px;}
.bar_sch .btn_dark {width:70px;margin:5px 0;}
.bar_sch .btn_dark::before {width:16px; height:16px; margin:7px 4px 0 0; background-position:-20px -20px; content:'';}
.bar_sch .slt {min-width:120px;}
#conts .item + .item {margin-top:40px;}

/* 표 */
.hd_tbl {padding-bottom:5px;}
.hd_tbl::after {display:block; width:100%; height:0; clear:both; content:'';}
.hd_tbl .total {display:inline-block; padding-top:16px; vertical-align:top; line-height:16px; color:#777}
.hd_tbl .total::before {display:inline-block; width:0; height:0; margin:4px 4px 0 0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #f4a238; content:'';}
.center .hd_tbl .total::before {border-left-color:#00979c;}
.company .hd_tbl .total::before {border-left-color:#225e9c;}
.hd_tbl .total .emph {font-weight:bold; letter-spacing:0;}
.hd_tbl .slt,
.hd_tbl button,
.hd_tbl a {height:32px; }
.hd_tbl * + .slt,
.hd_tbl * + button,
.hd_tbl * + a {margin-left:6px;}
.hd_tbl .fr:only-child {float:none; text-align:right;}
.wrap_tbl {border-top:1px solid #eb831c;}
.center .wrap_tbl {border-top-color:#00979c;}
.company .wrap_tbl {border-top-color:#225e9c;}
.tbl {color:#666; border-bottom:1px solid #aaa}
.tbl th,
.tbl td {height:28px; padding:6px 8px; word-break:keep-all; border:1px solid #ccc}
.tbl th {background:#f0f0f0; color:#222}
.tbl thead th,
.tbl thead td {padding:4px 0;}
.tbl thead + tbody th {background:#f9f9f9;}
.tbl * {vertical-align:middle;}
.tbl td a {font-weight:bold; text-decoration:underline;}
.tbl td a:hover {color:#000}
.tbl td b {color:#111}
.tbl td .inp {width:250px; max-width:100%;}
.tbl td .inp.w100 {width:100%;}
.tbl td textarea.inp {width:100%;}
.tbl td .btn_emph.btn_add::before {margin-top:7px;}
.tbl td .refer {display:inline-block; margin-left:8px; color:#999;}
.tbl.tbl_open th,
.tbl.tbl_open td {border:none}
.tbl.tbl_open > thead th + th,
.tbl.tbl_open > thead tr + tr th {position:relative; border-left:none; background:url(../img/th_line.png) 0 50% no-repeat #f0f0f0}
.tbl.tbl_open tbody td {border-top:1px solid #ccc}
.tbl.tbl_open .tbl_inner th + th,
.tbl.tbl_open .tbl_inner td + td {border-left:1px solid #ccc}
span.must {width:8px; height:7px; margin-right:4px; background-position:-20px -80px; background-color:#eb831c;  content:'';}
th span.must {background-position:-30px -80px;}
.center span.must {background-color:#00979c;}
.company span.must {background-color:#225e9c;}
td.wrap_item {padding:0}
.cont_tbl {display:table; width:100%;}
.cont_tbl .col {display:table-cell; padding:6px; box-sizing:border-box;}
.cont_tbl .col + .col {border-left:1px solid #ddd}
.innertbl {display:none; margin:10px 10px 10px 60px;;}
.tbl tr.open .cont_tbl {border-bottom:1px solid #ddd}
.tbl tr.hide > td {padding:12px 12px 12px 70px;}
.tbl tr.hide .innertbl table {border:1px solid #aaa}
.tbl tr.hide .innertbl button {height:28px; line-height:26px;}
.tbl tr.open .col {font-weight:bold; color:#000; background:#fff9f0}
.tbl tr.open .innertbl {display:block; border-top:1px solid #aaa; border-bottom:1px solid #ddd}
.tbl tfoot th,
.tbl tfoot td {border-top:1px solid #999;}
.tbl tfoot td {background:#f9f9f9; font-weight:bold;}

/* ft_cont */
.ft_cont {position:relative; min-height:32px; text-align:center; padding:2px 0; margin-top:30px;}
.ft_cont button,
.ft_cont a {padding:0 10px;}
.ft_cont button + button,
.ft_cont button + a,
.ft_cont a + a,
.ft_cont a + button {margin-left:5px;}
.ft_cont .btn_del {position:absolute; top:0; left:0;}
.ft_cont.tac button,
.ft_cont.tac a {min-width:90px; margin:0 4px;}
.ft_cont .fr,
.ft_cont .fl {position:absolute; top:0;}
.ft_cont .fr {right:0;}
.ft_cont .fl {left:0;}
.paging {display:inline-block; font-size:0; vertical-align:top;}
.paging * {display:inline-block; vertical-align:top; box-sizing:border-box; }
.paging ul {padding:0 10px;}
.paging li + li {margin-left:10px;}
.paging a,
.paging button {width:28px; height:28px; line-height:26px; font-size:12px; color:#666; letter-spacing:0}
.paging ul a {border:1px solid transparent;}
.paging > button {border:1px solid #aaa; margin:0 3px;}
.paging .on {border:1px solid #eb831c; background:#eb831c; color:#fff; font-weight:bold;}
.center .paging .on  {border-color:#00979c; background:#00979c}
.company .paging .on  {border-color:#225e9c; background:#225e9c}
.paging .ico_comm {height:10px; margin-top:8px; opacity:0.7}
.paging .prev .ico_comm {width:5px; background-position:-20px -110px;}
.paging .next .ico_comm {width:5px; background-position:-40px -110px;}
.paging .first .ico_comm {width:10px; background-position:-30px -110px;}
.paging .last .ico_comm {width:10px; background-position:-50px -110px;}


.dataTables_paginate {margin-top:30px; text-align:center; font-size:0;}
.dataTables_paginate * {display:inline-block; vertical-align:top; box-sizing:border-box; }
.dataTables_paginate ul {padding:0 10px;}
.dataTables_paginate li + li {margin-left:10px;}
.dataTables_paginate span {padding:0 22px;}
.dataTables_paginate a + a {margin-left:8px;}
.dataTables_paginate a {width:28px; height:28px;line-height:26px; font-size:12px; color:#666; letter-spacing:0}
.dataTables_paginate ul a {border:1px solid transparent;}
.dataTables_paginate > a {font-size:0; line-height:0;}
.dataTables_paginate .current {border:1px solid #eb831c; background:#eb831c; color:#fff; font-weight:bold;; cursor: default;}
/*
.dataTables_paginate .previous {margin:10; border:1px solid #aaa; margin:0 3px; width:28px; height: 28px; background:url(../img/ico_comm.png) 0 0 no-repeat; background-size:90px 220px; opacity:0.7; background-position:-26px -110px;}
.dataTables_paginate .next {border:1px solid #aaa; margin:0 3px; width:28px; height: 28px; background-position:-40px -110px; display:inline-block; vertical-align:top; background:url(../img/ico_comm.png) 0 0 no-repeat; background-size:90px 220px; opacity:0.7}
.dataTables_paginate .first {width:28px; height: 28px; background-position:-30px -110px; background-img:url(../img/ico_comm.png);}
.dataTables_paginate .last {width:28px; height: 28px; background-position:-50px -110px; background-img:url(../img/ico_comm.png);}
*/
.dataTables_paginate .previous {border:1px solid #aaa; background:url(../img/paging_prev.png) 50% 50% no-repeat;}
.dataTables_paginate .next {border:1px solid #aaa; background:url(../img/paging_next.png) 50% 50% no-repeat;}
.dataTables_paginate .first {border:1px solid #aaa; background:url(../img/paging_first.png) 50% 50% no-repeat;}
.dataTables_paginate .last {border:1px solid #aaa; background:url(../img/paging_last.png) 50% 50% no-repeat;}

.dataTables_paginate .paginate_button {cursor: pointer;}
.dataTables_paginate .disabled {cursor: default;pointer-events: none; border:0px;
  /* text-decoration: none; */
  background: transparent;
    box-shadow: none;}


/* tab */
.tab_comm {border-bottom:1px solid #aaa; font-size:0;}
.tab_comm li {display:inline-block; min-width:120px; border:1px solid #aaa; margin-right:4px; margin-bottom:-1px; vertical-align:top;}
.tab_comm a {display:block; line-height:36px; padding:0 10px; text-align:center; font-weight:bold; color:#999; background:#eee; font-size:12px;}
.tab_comm li.on {border-bottom:1px solid #fff;}
.tab_comm li.on a {color:#eb831c; background:#fff;}
.center .tab_comm li.on a {color:#00898e}
.company .tab_comm li.on a {color:#225e9c}
.cont_tab {margin-top:20px;}
.cont_tab .item_tab {display:none;}
.cont_tab .item_tab.on {display:block;}

/* login */
#wrap.login {height:100%; min-width:0; background:url(../img/login_bg.jpg) right 50% no-repeat #eff1f0; background-size:auto 100%; color:#555}
#wrap.login #container {display:flex; padding:0; height:100%; align-items:center}
#wrap.login #loginBox {position:absolute; top:50%; left:50%; width:390px; padding:40px; margin:-287px 0 0 -235px; background:#fff; box-shadow:3px 3px 16px rgba(0,0,0,0.2)}
#wrap.login #loginBox h1 {padding-top:16px; text-align:center;}
#wrap.login #loginBox .formbox {margin-top:40px; font-size:16px;}
#wrap.login #loginBox dl {overflow:hidden}
#wrap.login #loginBox dl + dl {margin-top:16px;}
#wrap.login #loginBox dt {float:left; width:80px; padding-left:12px; color:#777; font-weight:300; line-height:46px;}
#wrap.login #loginBox dd {overflow:hidden}
#wrap.login #loginBox dd .inp {width:100%; height:46px; border-radius:5px; border:1px solid #bbb; letter-spacing:0}
#wrap.login #loginBox .btn_emph {display:block; width:100%; height:52px; margin-top:20px; border-radius:5px; color:#fff; text-align:center; font-weight:bold; font-size:18px; }
#wrap.login #loginBox .tar {margin-top:14px;}
#wrap.login #loginBox .tar a {font-size:14px; color:#555; text-decoration:underline;}
#wrap.login .refer {margin-top:32px; padding-top:24px; border-top:1px solid #ccc;}
#wrap.login .refer strong {display:block; font-size:14px; line-height:1;}
#wrap.login .refer strong::before {display:inline-block; width:3px; height:13px; background:#eb831c; vertical-align:top; margin:1px 6px 0 0; content:'';}
#wrap.login .refer ul {margin-top:10px; font-size:12px; padding-left:0.5em;}
#wrap.login .refer li {text-indent:-0.5em; }
#wrap.login .refer li + li {margin-top:5px;}
#wrap.login .copy {padding-left:7%; color:#000; color:rgba(0,0,0,0.8); font-weight:300; letter-spacing:-0.05em}
#wrap.login .copy strong {display:block; font-size:60px; font-weight:bold; line-height:1.1;}
#wrap.login .copy p {margin-top:40px; font-size:20px; line-height:1.8;}
#wrap.login #footer {left:0; width:100%; box-sizing:border-box; background:none; border:none}
#wrap.login #footer .fr a {color:#000; text-shadow:0 0 6px rgba(255,255,255,0.5)}
@media (max-width:1700px){
  #wrap.login {min-width:1024px;}  
  #wrap.login #container {justify-content:center}
  #wrap.login .copy {margin-right:5%; padding-left:0}
  #wrap.login .copy strong {font-size:50px;}
  #wrap.login .copy p {font-size:18px;}
  #wrap.login #loginBox {position:relative; top:auto; left:auto; margin:0;}
}

/* alert */
.alerts .alert {display:none; position:fixed; top:50%; left:50%; width:450px; padding:30px 0; margin:-115px 0 0 -225px; border:1px solid #e4e4e4; box-shadow:0 1px 5px rgba(0,0,0,0.14);  text-align:center; font-size:16px; line-height:25px; background:#fff; box-sizing:border-box; z-index:9999}
.alerts .alert.hdlayer {padding:0;}
.alerts .alert button {display:inline-block; width:130px; height:35px; font-size:16px; margin:0 2px; font-weight:bold; }
.alerts .alert span {display:block; margin:10px 0 28px; color:#777}
.alerts .alert p + button {margin-top:28px;}

.alerts .alert.confirm {padding:60px 0;}
.alerts .alert.confirm p {margin-bottom:40px; font-size:20px;}

/* layer */
.wrap_layer {position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.7)}
.wrap_layer.under {display:none;}
.layer {position:fixed; top:50%; left:50%; background:#fff; z-index:9999}
.layer .hd_layer {position:relative; background:#f4a238; color:#fff; text-align:center; line-height:50px;}
.center .layer .hd_layer  {background:#00979c;}
.company .layer .hd_layer  {background:#225e9c;}
.layer .hd_layer .tit {display:inline-block; font-size:16px; font-weight:bold; vertical-align:top; }
.layer .hd_layer .close {position:absolute; top:0; right:0; width:50px; height:50px;}
.layer .hd_layer .close .ico_comm {width:14px; height:14px; margin-top:18px; background-position:-20px -60px;}
.layer .cont_layer {overflow-y:auto;}
.layer .ft_layer {padding:8px; border-top:1px solid rgba(0,0,0,0.2); text-align:center; font-size:0;}
.layer .ft_layer * {font-size:12px;}
.layer .ft_layer button,
.layer .ft_layer a {min-width:90px; margin:0 4px;}
.layer .tbl_layer th,
.layer .tbl_layer td {padding:8px;}
.layer .tbl_layer tr + tr th,
.layer .tbl_layer tr + tr td {border-top:1px solid #ddd;}
.layer .tbl_layer th {text-align:left;}
.layer .item strong.noto {display:block; margin-bottom:5px; padding-left:4px; font-size:16px; font-weight:bold}
.layer .item .hd_tbl strong.noto {display:inline-block; vertical-align:top;}
.layer .item .public_chk {float:right; margin-top:6px; font-size:12px;}

/*** 게시판 ***/
.board .bar_sch dd > .inp {width:280px}
.board th,
.board td {border-left:none; border-right:none;}
.board td.important  {font-weight:bold; color:#111; border-bottom:1px solid #aaa}
.board .important.tal::before {display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle; border-radius:100%; background:#eb831c; color:#fff; text-align:center; line-height:14px; font-weight:bold; content:'!'}
.hospital .board .important.tal::before {background:#00898e;}
.company .board .important.tal::before {background:#225e9c;}
.board td.tal a {font-weight:normal}
.board td.tal a:hover,
.board td.tal a.yet {font-weight:bold;}
.board dl {overflow:hidden; line-height:32px;}
.board dt {float:left; margin-right:20px}
.board .sch dd {overflow:hidden; position:relative; line-height:28px; margin-top:4px;}

.board #conts > .title {padding-bottom:5px;}
.board dt {margin-right:32px}
.board dd {overflow:hidden;}
.board dl.cont dd {padding-top:10px}


.board dd input.inp {line-height:normal}
.board .sch {padding:20px; background:#f5f5f5; border:1px solid #ddd;}
.board .sch dd {padding-right:80px; font-weight:bold;}
.board .sch .inp {width:250px; font-weight:normal;}
.board .title dt {margin-right:32px;}
.board .title .wrap_slt,
.board .title .wrap_chk {float:left; margin-right:12px;}
.board .title .wrap_chk {margin-top:8px; line-height:16px}
.board .title .wrap_inp {overflow:hidden}
.board dd .fr.info span {display:inline-block; vertical-align:middle; font-size:12px; line-height:1;}
.board dd .fr.info span + span {margin-left:10px; padding-left:10px; border-left:1px solid #bbb;}
.board .cont {padding-bottom:12px;}
.board .cont .inp {height:400px; line-height:1.5}
.board.view .title dd {font-size:14px;}
.board.view dd span.btn_emph {min-width:0; line-height:1.2; padding:3px 4px; font-size:12px; margin-right:4px;}
.board.view .cont {min-height:400px; margin-top:12px; padding-top:20px; border-top:1px solid #ccc}
.board.view .ft_cont .fl .btn::after {display:inline-block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; vertical-align:top; margin:12px 0 0 5px; content:'';}
.board.view .ft_cont .fl .btn.prev::after {border-bottom:6px solid #555;}
.board.view .ft_cont .fl .btn.next::after {border-top:6px solid #555;}
.board.view .ft_cont .fl .btn.btn_list::after {display:none;}
.board.view .cont + .ft_cont {padding-top:12px; border-top:1px solid #aaa}
.board.view .cont + .ft_cont .fl,
.board.view .cont + .ft_cont .fr {top:12px}
.board.view .answer {margin-top:20px; padding:20px; border:1px solid #ccc; background:#f5f5f5}
.board.view .answer .current {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.board.view .answer .current dd {overflow:hidden; font-weight:bold; padding-top:2px}
.board.view .answer .current dd .fr {font-weight:normal;}
.board.view .answer .write_answer .letters {text-align:right; margin:5px 0; }
.board.view .answer .write_answer .inp {height:100px}
.board.view .answer .write_answer .wrap_btn {margin-top:8px;}

/* Slider */
.slick-slider {display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}

.inp_cal {position:relative;}
.inp_cal .inp {width:100%;}
.inp_cal label {position:absolute; top:0; right:0; width:32px; height:32px; text-align:center; border-left:1px solid #aaa; cursor:pointer}
.inp_cal label .ico_comm {width:16px; height:16px; margin-top:7px; background-position:-40px -60px; opacity:0.5}
td .inp_cal label {width:28px; height:28px;}
td .inp_cal label .ico_comm {margin-top:6px;}
.cal_period {width:347px; font-size:0;}
.cal_period .inp_cal {display:inline-block; width:160px; vertical-align:top; font-size:12px;}
.cal_period > span {display:inline-block; vertical-align:top; line-height:32px; margin:0 8px; font-size:12px;}
td .cal_period > span {line-height:28px;}
.ui-datepicker {display:none; width:250px; background:#fff; border:1px solid #aaa; padding:5px 10px 10px; font-size:12px; letter-spacing:0; border-radius:5px;}
.ui-datepicker-header {border-bottom:1px solid #ccc; border-radius:3px; text-align:center;}
.ui-datepicker-header > a {display:block; padding:15px; cursor:pointer}
.ui-datepicker-header .ui-icon {width:9px; height:10px; font-size:0; line-height:0; text-indent:-9999px}
.ui-datepicker-prev {float:left;}
.ui-datepicker-next {float:right}
.ui-datepicker-prev .ui-icon {float:left; background:url(../img/ico_comm.png) -30px -110px no-repeat; background-size:90px 220px;}
.ui-datepicker-next .ui-icon {float:right; background:url(../img/ico_comm.png) -50px -110px no-repeat;background-size:90px 220px;}
.ui-datepicker-title {padding:12px 0; font-weight:bold;}
.ui-datepicker-calendar {margin-top:10px;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {text-align:center; width:14.28%; height:25px; vertical-align:middle}
.ui-datepicker-calendar th a,
.ui-datepicker-calendar td a {display:inline-block; width:26px; height:26px; color:#777; line-height:26px;}
.ui-datepicker-calendar td a.ui-state-highlight {color:#000; font-weight:bold; background:#dadfe7; border-radius:100%}
.ui-datepicker-calendar td a:hover {background:#eee; border-radius:100%}
.ui-datepicker-calendar td a.ui-state-active {color:#fff; background:#f18903; border-radius:100%; font-weight:bold}
.center .ui-datepicker-calendar td a.ui-state-active {background:#00979c}
.company .ui-datepicker-calendar td a.ui-state-active {background:#225e9c}
.ui-datepicker-calendar th:first-child span,
.ui-datepicker-calendar td:first-child a {color:#e8002e;}
.ui-datepicker-calendar th+th+th+th+th+th+th span,
.ui-datepicker-calendar td+td+td+td+td+td+td a {color:#0080e2;}


/* 공통 레이어 */
/* 검진센터 정보 */
#clinicInfo {width:900px;}
#clinicInfo .cont {padding:24px 20px;}
#clinicInfo .item + .item {margin-top:30px;}
#clinicInfo .tbl th {line-height:1.2}
#clinicInfo td .download {display:inline-block; vertical-align:middle;}
#clinicInfo td .download span {text-decoration:underline;}
#clinicInfo td .download .btn {height:26px;}
#clinicInfo .intro {background:#f5f5f5; padding:8px;}
#clinicInfo .sw_clinic {position:relative;}
#clinicInfo .sw_clinic .slick-arrow {position:absolute; top:50%; width:30px; height:50px; line-height:50px; margin-top:-25px; background:rgba(0,0,0,0.6); text-align:center; z-index:9}
#clinicInfo .sw_clinic .slick-arrow .ico_comm {width:10px; height:18px; margin-top:16px; content:'';}
#clinicInfo .sw_clinic .prev {left:0;}
#clinicInfo .sw_clinic .prev .ico_comm {background-position:-20px -90px}
#clinicInfo .sw_clinic .next {right:0;}
#clinicInfo .sw_clinic .next .ico_comm {background-position:-40px -90px}
#clinicInfo .sw_clinic .slick-dots {position:absolute; bottom:20px; left:0; width:100%; text-align:center; font-size:0;}
#clinicInfo .sw_clinic .slick-dots li {display:inline-block; vertical-align:top; margin:0 5px; opacity:0.5; }
#clinicInfo .sw_clinic .slick-dots button {display:block; width:10px; height:10px; border-radius:100%; background:#fff; box-shadow:1px 1px 4px rgba(0,0,0,0.5)}
#clinicInfo .sw_clinic .slick-dots .slick-active {opacity:1}
#clinicInfo .sw_clinic .thumb {height:540px; overflow:hidden;}
#clinicInfo .sw_clinic .thumb img {width:100%;}
#clinicInfo .intro .txts {padding:10px;}
#clinicInfo .info_location {overflow:hidden;}
#clinicInfo .info_location .map {float:left; width:420px; margin-right:14px;}
#clinicInfo .info_location .map a {display:block; border:1px solid #ddd}
#clinicInfo .info_location .info {overflow:hidden;}
#clinicInfo .info_location .info dl {margin-top:5px;}
#clinicInfo .info_location .info dt {font-weight:bold;}
#clinicInfo .info_location .info dl + .emph {display:block; margin-top:12px;}

#password {width:420px;}
#password .cont_layer {padding:20px;}
#password .desc {margin-top:8px; color:#777; font-size:11px;}

#changeAdmin {width:420px;}
#changeAdmin .cont_layer {padding:20px;}
#changeAdmin .cont_layer td {text-align:left;}
#changeAdmin .desc {margin-top:10px; color:#777; font-size:11px;}

.pre-line {white-space: pre-line;}

/* 회원 관리 */
.user_list td a span {display:block;}
.user_list .mass {margin-top:40px; border:1px solid #d5d5d5; background:#f5f5f5; padding:20px; overflow:hidden;}
.user_list .mass .noto {float:left; width:110px; font-size:16px; font-weight:bold; line-height:32px;}
.user_list .mass .noto::before {display:inline-block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #555; vertical-align:top; margin:12px 5px 0 0; content:''}
.user_list .mass ul {overflow:hidden;}
.user_list .mass li {float:left; margin-right:8px;}
.user_list .mass .btn_dark.on {background:#555; background: -moz-linear-gradient(top, #555 0%, #777 99%); background: -webkit-linear-gradient(top, #555 0%,#777 99%); background: linear-gradient(to bottom, #555 0%,#777 99%);  color:#ff0; box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2)}
.user_list .mass .ico_aft::after {width:11px; height:9px; margin:10px 0 0 4px; background-position:-75px -60px; background-color:#555; content:'';}
.user_list .mass .wrap_upload {display:none; margin:14px 0 0 110px; padding:12px 20px; border:1px solid #ddd; background:#fff;}
.user_list .mass .wrap_upload .arwdot {display:inline-block; line-height:32px; vertical-align:top; margin-right:8px; color:#777;}
.user_leaver .tbl th,
.user_leaver .tbl td {padding:3px 8px;}
.user_leaver .tbl.noid tbody td {color:#f00;}
.user_leaver .tbl.noid tbody td:first-child {font-weight:bold; letter-spacing:0.1em}
.user_leaver .inp_leaver {margin-bottom:18px; padding:20px; background:#f5f5f5; border:1px solid #ddd}
.user_leaver .wrap_tbl + .inp_leaver {margin-top:20px;}
.user_leaver .inp_leaver .noto {display:block; font-weight:bold; color:#555; font-size:15px;;}
.user_leaver .inp_leaver .inp {margin-top:5px; height:300px; resize:vertical; letter-spacing:0;}
.user_leaver .btn_line::after {width:11px; height:9px; margin:10px 0 0 4px; background-position:-75px -60px; background-color:#eb831c; content:'';}
.user_modify td .slt {width:125px;}

.btn_shiftup {position:relative; top:-60px !important ;}