@charset "utf-8";
/* basic */

body, div, dl, dt, dd ,ul ,ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0}
body,th,td,textarea,input,select,option,h1,h2,h3,h4,h5,h6 {font-family:'NotoKrR', sans-serif;font-size:16px;line-height:1.267em;color:#212324;letter-spacing:-0.5px;vertical-align:top;}
* {-webkit-text-size-adjust:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
*::before, *::after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
address,em {font-style:normal}
a{color:inherit;text-decoration:none}
/*a:hover,a:active,a:focus {text-decoration:underline;}*/
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;/* font-family:'NotoKrM'  */}
/* h1 {font-size:22px;} h2 {font-size:20px;} h3 {font-size:18px;} h4 {font-size:18px;} */
ol, ul {list-style:none}
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;border-spacing:0;/* width:100%; */}
fieldset, img {border:0;vertical-align:top;}
caption, th {text-align:left }
q::before, q::after {content :''}
hr {display:none}
button{border:0;background:none;outline:0;vertical-align:top;font-family:'NotoKrR';font-size:16px;cursor:pointer;letter-spacing:-0.5px}
img{vertical-align:top}
mark{color:inherit;font-family:'NotoKrB';background:none}
.blind,legend{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0}

input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email],input[type=date]
	{height:40px;line-height:22px;padding:8px;border: 1px solid #ccc;border-radius: 3px; background-color:#fff; outline: none;}
input[type=button], button {cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[readonly],input:disabled {background-color: rgba(0,0,0,0.05);color: rgba(0,0,0,0.6);}
textarea {border:1px solid #ccc;border-radius:3px;background-color:#fff; -webkit-appearance: none;-moz-appearance: none;appearance: none;padding:5px 10px;outline: none;}
html, body {height:100%;}

/*placeholder 색상*/
input:-ms-input-placeholder { color:#8b93a7; } /* // Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder { color:#8b93a7; } /* //  Webkit, Blink, Edge에 적용 */
input::-moz-placeholder { color: #8b93a7; } /* // Mozilla Firefox 4 부터 18에 적용 */
input::-moz-placeholder { color: #8b93a7; } /* // Mozilla Firefox 19 이상에 적용 */

.label_rad {display:inline-block;line-height:20px;vertical-align:middle;}
/*.label_rad + .label_rad {margin-left:20px;}*/
input[type=radio]{display:none;}
input[type=radio] + .ico_rad {display:inline-block;height:20px;width:20px;background:url("../img/ico_radio_off.png") no-repeat;vertical-align:top;margin-right:7px;}
input[type=radio]:checked + .ico_rad{background:url("../img/ico_radio_on.png") no-repeat;}
input[type=radio]:disabled ~ span {opacity:0.4;}

.label_chk {display:inline-block;line-height:20px;vertical-align:middle;}
/*.label_chk + .label_chk {margin-left:20px;}*/
input[type=checkbox]{display:none;}
input[type=checkbox] + .ico_chk {display:inline-block;height:20px;width:20px;background:url("../img/ico_check_off.png") no-repeat;vertical-align:top;margin-right:7px;}
input[type=checkbox]:checked + .ico_chk{background:url("../img/ico_check_on.png") no-repeat;}
input[type=checkbox]:disabled ~ span {opacity:0.4;}

input[type=checkbox].checkMe + .ico_chk, input[type=checkbox].checkAll + .ico_chk {margin-right:0;}

select {height:40px;line-height:22px;padding:8px 30px 8px 10px;background:url('../img/btn_selectbox.png') no-repeat right 10px top 50%; border: 1px solid #ccc;border-radius: 3px; background-color:#fff; outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
select.sel_sm {height:24px;padding-top:0;padding-bottom:0;}

.pos_r{position:relative !important}.fl{float:left !important}.fr{float:right !important}
.mb_0{margin-bottom:0 !important}.mb_20{margin-bottom:20px !important}.mb_40{margin-bottom:40px !important}
.mt_10{margin-top:10px !important} .mt_15{margin-top:15px !important}.mt_20{margin-top:20px !important}.mt_30{margin-top:30px !important}.mt_40{margin-top:40px !important}
.mr_5{margin-right:5px !important;}.mr_10{margin-right:10px !important;}.mr_20{margin-right:20px !important;}.mr_30{margin-right:30px !important;}.mr_50{margin-right:50px !important;}
.ml_10{margin-left:10px !important;}.ml_20{margin-left:20px !important;}.ml_30{margin-left:30px !important;}
.pd_0{padding:0px !important;}.pd_10{padding:10px !important;}
.pl_0{padding-left:0px !important;}.pl_40{padding-left:40px !important;}
.pr_100 {padding-right:100px !important;}
.clearfix::before,.clearfix::after{content:"";display:block}.clear,.clearfix::after{clear:both !important}.ie7 .clearfix{zoom:1;}

.tal{text-align:left !important}.tar{text-align:right !important}.tac{text-align:center !important}
.vat{vertical-align:top !important}
.fwb{font-family:'NotoKrB' !important}.fwn{font-weight:normal !important}
.csr_p { cursor:pointer }
.box {border:1px solid #c9c9c9;border-radius:3px;overflow:hidden;}

/* panel 버튼*/
.btn {display:inline-block;height:32px;line-height:30px;font-family:'NotoKrM';color:#0c346a;border:1px solid #c9c9c9;border-radius:16px;padding:0 12px;}
.btn02 {display:inline-block;height:40px;line-height:22px;color:#0c346a;font-family:'NotoKrM';text-align:center;border-radius:4px;border:1px solid #0c346a;padding:8px;}
.btn03 {display:inline-block;height:30px;line-height:22px;font-family:'NotoKrM';text-align:center;background-color:#f6f6f7;border:1px solid #a0a0a0;border-radius:3px;padding:3px 6px;}

.btn_i {background:#fff url(../img/icon_buttons.png) no-repeat 0 -50px;padding-left:33px;}
/*.btn_i.btn_save {background-position:0 -69px;background-color:#0c346a;color:#fff;border:1px solid #051d3d;}*/
.btn_i.btn_print {background-position:-180px -69px;}
.btn_i.btn_error {background-position:-370px -69px;}
.btn_i.btn_add {background-position:0 -219px;}
.btn_i.btn_file {background-position:-180px -219px;}
.btn_i.btn_list {background-position:-180px -306px;}
.btn_i.btn_upload {background-image:url(../img/icon_upload_file.png);background-color:#0c346a;background-position:3px 50%;color:#fff;border:1px solid #051d3d;}
.btn_i.btn_save {background-image:url(../img/icon_download_file.png);background-color:#0c346a;background-position:3px 50%;color:#fff;border:1px solid #051d3d;}

/*테이블 버튼*/
.btn_t {display:inline-block;height:30px;line-height:28px;font-family:'NotoKrM';font-size:14px;background:url(../img/icon_buttons.png) no-repeat 0 -50px;padding-left:21px;white-space:nowrap;}
.btn_t.btn_location {color:#7716a3;background-position:0 -127px;}
.btn_t.btn_detail {color:#1655a2;background-position:-134px -127px;}
.btn_t.btn_edit {color:#1655a2;background-position:-267px -127px;}
.btn_t.btn_delete {color:#e35321;background-position:-405px -127px;}
.btn_t.btn_edit_comp {color:#1655a2;background-position:0 -177px;}
.btn_t.btn_cancel {color:#1655a2;background-position:-132px -177px;}

.btn_blue {color:#fff;border:1px solid #153b6f;background-color: #153b6f;}
.btn_green {background-color:#51bb12;border-color:#3f980a;color: #fff;}

.btn_folding {position:absolute;right:20px;top:15px;display:inline-block;height:30px;line-height:20px;font-family:'NotoKrM';color:#282a2c;background:url('../img/arr_folding.png') no-repeat right 0 top 12px;padding:5px 20px 5px 5px;}
.btn_folding.on { background-position:right 0 top -18px;}
.btn_search {display:inline-block;width:22px;height:22px;background: url(../img/icon_buttons.png) no-repeat -17px -10px;font-size:0;line-height:0;vertical-align:top;}

/* .fnt_red {color:#e35321;} */
.fnt_red {color:#df1b3b !important;}
.fnt_blue {color:#1768cc !important;}
.fnt_green {color:#59d410 !important;}
.bg_green {background-color:rgba(81,187,18,0.1) !important;}
.bg_blue {background-color:rgba(85,157,216,0.1) !important;}
.bg_white {background-color:#fff !important;}

/* layout */
.wrap{min-width:1180px;height:100%;margin:0 auto;}
.inwrap {position:relative;min-width:880px;margin:0 auto;padding:0 25px}
.container {padding-top:20px}

.div2,.div3,.div4 {float:left;}
.div2 {width:50%}
.div3 {width:33.3%;} .div3:first-child {width:33.4%;}
.div4 {width:25%}

.w_30p {width:30% !important;}.w_70p {width:70% !important;}.w_100p {width:100% !important;}
.w_350 {width:350px !important;} .w_500 {width:500px !important;}
.w_1000 {width:1000px !important;}

/*panel*/
.panel {position:relative;/* border-radius:4px; */border:1px solid #a0a0a0;margin-bottom:20px;overflow:hidden;border:0;}
.panel_head {position:relative;min-height:61px;line-height:36px;/* background-color:#ededed; */padding:12px 20px;border-bottom: 1px solid #ccc;}
.panel_head::after {content: '';clear:both;display:table;table-layout:fixed;}
.panel_head h2 {display:inline-block;line-height:36px;color:#282a2c;font-size:18px;font-family:'NotoKrM';background:url('../img/icon_bullet_bar.png') no-repeat 5px 50%;padding-left:25px;}
.panel_body {position:relative;padding:20px;}
.panel_util {float:right;/*position:absolute;top:14px;right:16px;*/height:30px;margin-top:2px;}
.panel_util .btn_more {position:relative;top:auto;right:auto;}
.panel_util button, .panel_util a {float:left;margin-left:10px;}
.panel_util label {vertical-align:top;}
.panel_util .txt01 {float:left;font-family:'NotoKrM';color:#1768cc;}
.panel_util .label_rad, .panel_util .label_chk {margin-left:10px;margin-top:6px;}

.panel_head h2 + .tab_btn {display:inline-block;border:1px solid #ccc;height:36px;margin-left:15px;}
.panel_head h2 + .tab_btn>li {float:left;height:100%;line-height:18px;min-width:110px;text-align:center;background-color:#f6f6f7;color:#768089;padding:8px 26px;cursor:pointer}
.panel_head h2 + .tab_btn>li.on {font-family:'NotoKrM';background-color:#fff;color:#215396;}
.panel_head h2 + .tab_btn>li+li {border-left:1px solid #cccccc;}
.panel_head h2 + .tab_btn>li:first-child {border-radius:3px 0 0 3px;}
.panel_head h2 + .tab_btn>li:last-child {border-radius:0 3px 3px 0;}

.panel_grp {display:table;width:100%;border-bottom:1px solid #ccc;border-top: 1px solid #ccc;}
.panel_grp .panel {display:table-cell;border:0;vertical-align:top;}
.panel_grp .panel + .panel {/* border-left:1px solid #a0a0a0; */border-left:1px solid #ccc;}
.graph_wrap {width:100%;height:100%;margin:0 auto;text-align:center;/*자식요소 가운데 정렬*/display:flex;justify-content:center;align-items:center;}

/*탭스타일*/
.tab_pane {display:none;position:relative;}
.tab_pane.on {display:block;}

/*라디오 버튼 탭스타일*/
.rad_pane {display:none;}
.rad_pane.on {display:block;}

.folding_wrap .folding_ct {display:block;}
.folding_wrap.up .folding_ct {display:none;}

.input_grp {position:relative;padding-right:105px;}
.input_grp button {position:absolute;right:0;top:0;padding-left:0;padding-right:0;font-weight:normal;text-align:center;}
.input_grp button {width:100px;height:40px;border:1px solid #a0a0a0;background-color:#ededed;font-family:'NotoKrM';text-align:center;border-radius:4px;}

/* (s)header*/
.header {}
.header {height:70px;background-color:#1655a2;}
.header h1 {position:absolute;left:30%;height:70px;color:#fff;padding:15px 0;}
.header h1 a {display:block;width:100%;height:40px;line-height:40px;font-size:22px;font-family: 'NotoKrB';}
.header h1 a:hover {text-decoration:none;}

/*(s)nav*/
.nav {position:absolute;left:0px;}
.nav .btn_menu {width:70px;height:70px;background:#0b468f url(../img/ico_menu.svg) no-repeat center;}
.nav ul {display: none;position: absolute;background-color: #0b468f;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.nav ul > li > a{color: #d6e1ef;font-size:16px;padding: 12px 16px;text-decoration: none;display: block;white-space:nowrap;}
.nav ul > li a:hover, .nav ul >li.on>a {color:#ffd907;background-color:#0c346a;}
.nav:hover ul {display: block;}

.header .top_links {position:absolute;right:60px;top:20px;}
.header .top_links>li {float:left;}
.header .top_links .name {display:block;font-family:'NotoKrM';color:#d6e1ef;line-height:30px;/*padding:0 20px 0 45px;*/}
.header .top_links .btn_logout {display:block;font-family:'NotoKrM';color:#d6e1ef;line-height:30px;padding:0 20px 0 45px;background: url(../img/ico_logout.png) no-repeat 20px 50%;}
.header .top_links .sel_lang {display:inline-block;position:relative;height:30px;line-height:24px;padding:3px 0;vertical-align:top;}
.header .top_links .sel_lang .sel_label{padding-left:10px;color:#d6e1ef;background: url(../img/ico_sel_down_w.png) no-repeat right 10px top 50%;text-align:right;padding-right:30px;cursor:pointer;}
.header .top_links .sel_lang .sel_label.on {background-image: url(../img/ico_sel_up_w.png)}
.header .top_links .sel_lang .sel_items {position:absolute;top:40px;left:0;width:160px;display:none;background: #fff;border:1px solid #ccc;border-radius:3px;z-index:10001;color:#212324;cursor:pointer;}
.header .top_links .sel_lang img {vertical-align:middle;margin-right:5px;}
.header .top_links .sel_lang .sel_items li {padding:5px 10px;}
.header .top_links .sel_lang .sel_items li.on {background:#eee;}
/*(e) nav*/

html[lang=ko] .header h1 {left:25px;}
html[lang=ko] .btn_menu {display:none;}
html[lang=ko] .nav {left:auto;right:550px;}
html[lang=ko] .nav ul {display: block;position:static;-webkit-box-shadow:none;box-shadow:none;}
html[lang=ko] .nav ul >li {float:left;}
html[lang=ko] .nav ul >li>a{display:inline-block;height:70px;line-height:40px;font-family:'NotoKrB';font-size:18px;color:#d6e1ef;vertical-align:top;padding:15px 18px;background-color:#1655a2;}
html[lang=ko] .nav ul >li.on>a {color:#ffd907;background-color:#0b468f;}

/* (e)header*/

/* (s) search area*/
.search_area {position:relative;min-height:56px;background-color:#f6f6f7;border-bottom:1px solid #c9c9c9;padding:3px 25px;}
.search_area::after {content: '';clear:both;display:table;table-layout:fixed;}
.search_area .basic_sch {/* padding-right: 260px; */display:inline-block;vertical-align:top;}
.search_area .txt_wave{display:inline-block;line-height:22px;width:10px;text-align:center;margin-top:9px;}
.search_area .btns {/*position:absolute;right:60px;bottom:8px;*/float:right;margin:5px 0;}
.search_area .btns button + button {margin-left:6px;}
.search_area .btn_view {height:40px;line-height:20px;color:#0c346a;font-family:'NotoKrB';text-align:left;border-radius:4px;border:1px solid #153b6f;background:#fff url(../img/icon_buttons.png) no-repeat -10px -2px;padding:8px 8px 8px 33px;}
.search_area .txt_label {display: inline-block;height:22px;line-height:22px;font-weight:bold;margin:9px 6px 9px 0;}

.search_area .s_opt {float:left;/* font-size:16px; */padding:5px 14px 5px 0;}
.search_area .s_opt:last-child {padding-right:0;}
.search_area input,.search_area .sel_wrap {width:155px;}
.search_area .sel_wrap {display:inline-block;vertical-align:top;}
.search_area .sel_wrap + .sel_wrap, .search_area .sel_wrap + input, .search_area input + .sel_wrap {margin-left:6px;}

.search_area .tabs {display:inline-block;border:1px solid #ccc;border-radius:3px;height:40px;margin-top:5px;}
.search_area .tabs>li {float:left;min-width:120px;height:100%;line-height:22px;font-size:16px;text-align:center;background-color:#ededed;color:#768089;padding:8px 12px;cursor:pointer}
.search_area .tabs>li.on {background-color:#0c346a;color:#fff;}
.search_area .tabs>li+li {border-left:1px solid #cccccc;}
.search_area .tabs>li:first-child {border-radius:3px 0 0 3px;}
.search_area .tabs>li:last-child {border-radius:0 3px 3px 0;}

.search_area .label_chk, .search_area .label_rad {margin-top:9px;margin-right:6px;}

.search_area .detail_sch {width:100%;background-color:#fff;border:1px solid #a0a0a0;margin:8px 0/*  60px */;display:none;}
.search_area .detail_sch .detail_sch_head {border-bottom:1px solid #ccc;background-color:#ededed;border-radius:3px 3px 0 0;padding:2px 20px;}
.search_area .detail_sch .detail_sch_head h3 {display:inline-block;line-height:30px;font-size:16px;font-family:'NotoKrB';}
.search_area .detail_sch .detail_sch_head .btn_folding_sch {float:right;width:30px;height:30px;background:url(../img/ico_minus.png) no-repeat 50% 50%;}
.search_area .detail_sch .detail_sch_body {padding:8px 20px;}
.search_area .detail_sch .s_opt .chk_grp,.search_area .detail_sch .s_opt .rad_grp {display:inline-block;vertical-align:top;}
.search_area.sa02 {margin: -20px -60px 20px;}
/*(e) search area */

/* (s)컨텐츠*/
/*테이블*/
.table_wrap {overflow:auto;}
.table {width:100%;}
.table th,.table td {/*height:39px;*/line-height:20px;padding:8px 5px;text-align:center;}
.table td {border-bottom:1px solid #eee;color:#727279;background-color:#fff;vertical-align:middle;}
.table th {background-color:#f6f6f7;vertical-align:middle;font-family:'NotoKrM';border-bottom:1px solid #ccc;}
.table th.bg_odd {background-color:#dfdfdf;}
.table td.warning {color:#da3a4d;background-color:#fbeaec;}
.table:not(.no-hover) tr:hover:not(.total) td {background-color:#ebebef;}
.table button {vertical-align:middle;}
.table tr.choiced td {background-color:rgba(85,157,216,0.1);}
.table.on-brd {border:1px solid #ccc;}
.table.on-brd th, .table.on-brd td{border:1px solid #ccc;}
.table.on-brd-top {border-top:1px solid #ccc;}

/* pagination  */
.pagination {text-align:center;padding:11px 0;}
.pagination ul {display:inline-block;}
.pagination ul li {float:left;display:block;height:20px;line-height:20px;margin:0 2px;}
.pagination ul li a {display:block;font-size:12px;color:#999999;width:100%;height:100%;padding:0 5px;}
.pagination ul li.on a {color:#344151;font-family:'NotoKrM';text-decoration:underline;}
.pagination ul li.p_img a{width:20px;background-image:url('../img/btn_page_arrow.png');background-repeat:no-repeat;line-height:0;font-size:0;background-position-y:4px;}
.pagination ul li.page-first, .pagination ul li.page-prev {margin-right:10px;}
.pagination ul li.page-next, .pagination ul li.page-last {margin-left:10px;}
.pagination ul li.page-first a {background-position: 0 50%;}
.pagination ul li.page-prev a {background-position: -20px 50%;}
.pagination ul li.page-next a {background-position: -40px 50%;}
.pagination ul li.page-last a {background-position: -60px 50%;}

.input_wrap  {display:table;width:100%;}
.input_wrap>li {display:table-row;}
.input_wrap .label01, .input_wrap .input_inwrap {display:table-cell;height:40px;vertical-align:middle;padding:3px 0;}
.input_wrap .label01 .fnt_red {font-weight:bold;font-family:'NotoKrB';}
.input_wrap .label01 {width:140px;font-family:'NotoKrM';font-size:16px;line-height:20px;background:url('../img/icon_bullet_bar02.png') no-repeat 0 18px;padding:13px 10px 13px;vertical-align:top;}
.input_wrap .input_inwrap input, .input_wrap .input_inwrap select, .input_wrap .input_inwrap textarea {width:100%;}
.input_wrap .label_chk, .input_wrap .label_rad {margin:10px 10px 10px 0;}
.input_wrap .input_inwrap .txt {float:left;line-height:20px;text-align:center;width:5%;white-space:nowrap;margin-top:10px;}
.input_wrap .input_inwrap .txt.secret {margin-top:15px;}
.input_wrap .input_inwrap.reg_id input,
.input_wrap .input_inwrap.phone input,
.input_wrap .input_inwrap.birth input {float:left;width:30%;}
.input_wrap .input_inwrap input.w_15p {width:15%;}
.input_wrap .input_inwrap input.w_45p {width:45%;}
.input_wrap.brd .label01, .input_wrap.brd .input_inwrap {border-bottom:1px solid #ddd;}

/* 2021-02-03 */
/* 헤더고정형 상하스크롤 테이블 */
.fixed_table_container {width: 100%;height:727px;border-top:1px solid #ccc;position:relative;padding-top:36px;/* header_bg height값 */ }
.fixed_table_container .header_bg {background:#f6f6f7;height:36px; /* header_bg height값 */position:absolute;top:0;right:0;left: 0;border-bottom:1px solid #ccc;}
.fixed_table_container .table_wrap {overflow-x: hidden;overflow-y: auto;height:100%;}
.fixed_table_container th {padding: 0px;/* reset */border-bottom:0;}
.fixed_table_container .th_text {position: absolute;top: 0;width: inherit;line-height:20px;padding:8px 0;/* header_bg height값 */}

.regist {}
.regist .panel_body {display:table;width:100%;max-width:1300px;margin:0 auto;}
.regist .regist_left {display:table-cell;width:380px;vertical-align:top;}
.regist .regist_right {display:table-cell;padding-left:30px;vertical-align:top;}

.regist .regist_agree {background-color:#d6e1ef;padding:20px;}
.regist .regist_agree strong {display:block;line-height: 36px;color: #282a2c;font-size: 18px;font-family: 'NotoKrM';background: url(../img/ico_warning.png) no-repeat 0 50%;padding-left: 35px;}
.regist .regist_agree p {position:relative;padding:10px;}
.regist .regist_agree p::before {content:'';position:absolute;top:17px;left:0;display:inline-block;width:6px;height:6px;background-color:#000;border-radius:50%;vertical-align:top;}
.regist .regist_agree .chk_grp {background-color:#fff;padding:20px;border-radius:10px;margin-top:40px;}
.regist .regist_agree .label_chk {font-family:'NotoKrB';}
.regist .regist_agree .descript_txt {display:block;margin:5px 0 15px 0;}

.regist .regist_info {border:2px solid #0c346a;margin-bottom:20px;}
.regist .regist_info::after {content: '';clear:both;display:table;table-layout:fixed;}
.regist .regist_info dl {float:left;width:50%;height:120px;text-align:center;background-color:#fff;}
.regist .regist_info dt {height:40px;line-height:40px;font-size:20px;background-color:#f6f6f7;border-bottom:1px solid #e0e0e0;}
.regist .regist_info dd {line-height:40px;font-family:'NotoKrM';font-size:30px;color:#0c346a;margin-top:15px;}
.regist .regist_info dd input {font-family:'NotoKrM';font-size:34px;color:#0c346a;}
.regist .regist_info dl + dl {border-left:2px solid #0c346a;}
.regist .regist_info .regist_num input {font-size:30px;}
.regist .regist_info .regist_num span {display:inline-block;line-height:30px;vertical-align:top;}

.regist .input_wrap {padding:0 10px;}
.regist .input_wrap .input_inwrap input, .regist .input_wrap .input_inwrap select, .regist .input_wrap .input_inwrap textarea {width:220px;;}
.regist .input_wrap .input_inwrap.phone input {width:100px;}
.regist .input_wrap .input_inwrap .txt {width:20px;}
.regist .input_wrap .input_inwrap.birth input {width:100px;}
.regist .input_wrap .input_inwrap.birth input#birth02 {width:45px;}

.btn_pop {width:158px;height:40px;line-height:22px;padding:8px 10px;font-family:'NotoKrM';font-size:20px;border:1px solid #0c346a;border-radius:3px;}
.btn_pop.save{/* background-color:#b6d2f7; */background-color: #264e9f;color: #fff;}
.btn_pop.cancel {/* background-color:#f6f6f7; */background-color: #f6f6f7;border-color: #999;}
.btn_pop.green {background-color:#51bb12;border-color:#3f980a;color: #fff;}
.btn_pop + .btn_pop {margin-left:6px;}

.table.well_pane {border:1px solid #153b6f;border-bottom:0;}
.table.well_pane  th:first-child {width:30px;}
.table.well_pane th, .table.well_pane td {width:60px;height:60px;border:1px solid #153b6f;}
.table.well_pane th {background-color:#e0e0e0;}
.table.well_pane thead th {height:30px;}
/*.table.well_pane td {font-size:11px;}*/
.table.well_pane td.exist {background-color:rgba(85,157,216,0.2);color: #153b6f;}

/*PCR 검침결과*/
.table.pcr_pane {width:442px;}
.table.pcr_pane th, .table.pcr_pane td {width:34px;height:34px; border-color:transparent;background-color:transparent;padding:0;}
.table.pcr_pane .well {display:inline-block;width:30px;height:30px;line-height:26px;border-radius:50%;vertical-align:top;border:1px solid rgba(85,157,216,0.4);background-color:#fff;}
.table.pcr_pane .well._gray {background-color:rgba(0,0,0,0.5);color:#fff;}
.table.pcr_pane .well._red {background-color:rgba(231,60,37,1);}
.table.pcr_pane .well._green {background-color:rgba(81,187,18,0.2);}
.table.pcr_pane	.well._yellow {background-color:rgba(255,180,13,1);}

.pcr_info {display:table;width:100%;padding:30px 0 30px 20px;}
.pcr_info li {display:table-cell;height:20px;font-family:'NotoKrM';padding-right:10px;}
.pcr_info li .tit {position:relative;display:inline-block;height:20px;line-height:20px;padding-left:25px;}
.pcr_info li .tit::before {content:'';position:absolute;top:0px;left:0px;width:20px;height:20px;background-color:#d8dfe6;border-radius:50%;border:1px solid rgba(85,157,216,0.4);}
.pcr_info li._gray .tit::before {background-color:rgba(0,0,0,0.5);}
.pcr_info li._red .tit::before {background-color:rgba(231,60,37,1);}
.pcr_info li._green .tit::before {background-color:rgba(81,187,18,0.2);}
.pcr_info li._yellow .tit::before {background-color:rgba(255,180,13,1);}
.pcr_info li .count {color:#1768cc;font-family:'NotoKrB';}

.pcr_btm {text-align:center;border-top:1px dashed #ccc}

/*설정>초기값 설정*/
.set_init .table tr:hover:not(.total) td {background-color:transparent;}
.set_init input.input_t {width:100%;max-width:260px;height:30px;color:#212324;text-align:center;background-color:#f6f6f7;border:1px solid #c9c9c9;padding:3px 8px;}
.set_init input[disabled].input_t {color:#727279;background-color:transparent;border:0;opacity:1;background-image:none;}
.set_init .btn_edit_comp, .set_init .btn_cancel {display:none;}

/*설정>SMS 관리*//*2021-01-18*/
.sms_panel {float:left;width:500px;border:1px solid #ccc;margin-right:10px;}
.sms_panel .panel_head {background-color:#ededed;}
.sms_panel .panel_head h3 {display:inline-block;line-height:36px;font-family:'NotoKrM';font-size:18px;}
p.txt_noti {font-size: 16px;line-height: 24px;color: #fe5275;background: url(../img/ico_infomation.png) no-repeat 0 50%;padding-left:35px;}

/* (s)datepicker - custom style */
.datepick_wrap {position:relative;display:inline-block;vertical-align:top;}
input.hasDatepicker {border-radius:4px;padding-right:40px}
.ui-datepicker-trigger {position:absolute;top:1px;right:1px;padding:4px;}
input.hasDatepicker:disabled,input.hasDatepicker:disabled + .ui-datepicker-trigger {opacity:0.7}
.ui-datepicker *{font-size: 12px ;}
.ui-datepicker {padding: 15px;width:272px;}
.ui-widget-header {border: 1px solid transparent;background: transparent;color:#0d2546;}
.ui-datepicker-title *{font-size:14px;font-weight:700;}
.ui-widget-header .ui-icon {background-image: url('../img/btn_page_arrow.png');}
.ui-icon-circle-triangle-w {background-position: -20px 50%;}
.ui-icon-circle-triangle-e {background-position: -40px 50%;}
.ui-widget.ui-widget-content {border:1px solid #ccc;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);margin-top:1px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 2px solid transparent;background: transparent;color:#8b93a7;text-align:center;width:30px;height:30px;line-height:21px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 1px solid #d1dde5;background:#f1f5f8;color:#000000;font-weight:700;}
.ui-datepicker th {font-size:13px;font-weight:700;color:#567db4;}

/*로그인*/
.login_body {background-color:#f7f8fb;}
.login_wrap {position: absolute;top: 50%;left: 50%;margin-top:-180px;margin-left:-289px;width:580px;border-radius:6px;background-color:#fff;box-shadow: 0px 3px 8px 0px rgba(69, 74, 77, 0.08);padding:50px;}
.login_inwrap {padding-top:25px}
.login_wrap h2 {height:40px;font-size:22px;font-family:'NotoKrB';}
.login_wrap .user_name, .login_wrap .user_pwd {width:100%;height:40px;font-size:16px;color:#344151;font-family:'NotoKrM';background:#f7f8fb url(../img/ico_login.png) no-repeat;border:1px solid #e6e8eb;padding-left:33px;}
.login_wrap .user_name {background-position:0 0;}
.login_wrap .user_pwd {background-position:0 -52px;margin-top:10px;}
.login_wrap .btn_login {display:block;width:100%;height:40px;font-family:'NotoKrM';font-size:16px;color: #fff;background-color:#264e9f;border-radius:3px;margin-top:24px;border:0;}
.login_wrap .err_msg {color:#e35321;font-size: 13px;margin-top: 6px;}

/* (s)layer popup*/
.bg_dark {position:fixed;left:0;top:0;z-index:200;display:none;width:100%; height:100%; background:rgba(0,0,0,0.7);}
.popup_cont {position:absolute; background-color:#fff;border-radius:4px;z-index:300; display:none;
	box-shadow: 0px -2px 6px 0px rgba(42, 24, 24, 0.2); ; overflow:hidden;min-width:500px;}
.popup_cont .pop_close { position:absolute; top:15px; right:20px; width:30px;height:30px; background:url(../img/btn_x_pop.png) no-repeat 50% 50%;z-index:301;font-size:0;line-height:0;}
.popup_cont .pop_head {height:61px;line-height:30px;padding:15px 30px;border-bottom:1px solid #ccc;}
.popup_cont .pop_head h2 {line-height:30px;font-family:'NotoKrB';font-size:20px;}
.popup_cont .pop_body {background-color:#f6f6f7;padding:30px;}
.popup_cont .search_area {padding: 8px 30px}
.popup_cont .list_item::after {content: '';clear:both;display:table;table-layout:fixed;}
.popup_cont .list_item li {float:left;width:25%;text-align:center;padding:10px 20px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.popup_cont .list_item li:nth-child(4n) {border-right-width:0}
.popup_cont .list_item a {font-family:'NotoKrM';}
.popup_cont .list_item a:hover {text-decoration:underline;}


.popup_cont input[type=text].input_region {padding-right:30px;}
.popup_cont input[type=text].input_region.auth {background-image:url(../img/ico_check_green.png);background-repeat:no-repeat;background-position:right 5px top 50%;}

.pop_upload_file .txt_info {font-size:16px;font-family:'NotoKrM';}
.pop_upload_file .upload_file {position:relative;margin-top:15px;}
.pop_upload_file .upload_file #file01 {width:400px;}
.pop_upload_file .upload_file #file01_h {position:absolute;clip:rect(0px 0px 0px 0px);}
.pop_upload_file .upload_file .btn_upload {display:inline-block;height:40px;line-height:22px;color:#fff;font-size:20px;font-family:'NotoKrR';background:#153b6f url(../img/icon_buttons.png) no-repeat -140px -2px;border:1px solid #153b6f;border-radius:3px;padding:7px 14px 7px 40px;margin-left:2px;}

.pop_upload_file .upload_msg {line-height:20px;}
.pop_upload_file .upload_msg .loader {display:inline-block;width:20px;height:20px;background:url(../img/icon_refresh.png) no-repeat 50% 50%;vertical-align:top;margin-right:5px;}
.pop_upload_file .upload_msg .loader.on {animation: spin 2s linear infinite;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.pop_plating .input_wrap {position:relative;display:block;padding-right:150px;}
.pop_plating .input_wrap::after {content: '';clear:both;display:table;table-layout:fixed;}
.pop_plating .input_wrap li {float:left;}
.pop_plating .input_wrap .label01 {width:auto;}
.pop_plating .input_wrap .input_inwrap {padding-right:10px;}
.pop_plating .input_wrap button {width:140px;position:absolute;top:5px;right:0;}

.table.well_reg_pane {border:1px solid #a0a0a0;border-bottom:0;}
.table.well_reg_pane th, .table.well_reg_pane td {width:60px;height:60px;border:1px solid #ccc;}
.table.well_reg_pane th {background-color:#e0e0e0;}
.table.well_reg_pane td {font-size:14px;line-height:30px;}


.pop_plating .well_reg_pane th {background-color:#fff;}
.pop_plating .well_reg_pane td, .pop_plating .well_reg_pane th {width:140px;padding:0 3px;}
.pop_plating .well_reg_pane th:first-child {width:60px;}
.pop_plating .well_reg_pane thead th {height:30px;}
.pop_plating .well_reg_pane td.selected,
.pop_plating .well_reg_pane th.selected {background-color:#eaeaea;}
.pop_plating .well_reg_pane td.completed {background-color:rgba(85,157,216,0.4);}

.pop_plating .well_reg_pane td.positive, #wellPositionTable td.positive {background-color:rgba(231,60,37,1);color:#fff;}
.pop_plating .well_reg_pane td.negative, #wellPositionTable td.negative {background-color:rgba(81,187,18,0.2);color:rgba(81,187,18,1);}


.pop_plating .well_reg_pane td.positive::after {content:'Positive Control'}
.pop_plating .well_reg_pane td.negative::after {content:'Negative Control'}
.pop_plating .well_reg_pane td.positive .well_area,
.pop_plating .well_reg_pane td.negative .well_area {display:none;}
.pop_plating .well_area input{height:30px;font-size:14px;padding:3px 2px;border-radius:0;text-align:center;margin:3px 0;}
.pop_plating .well_area input.well01 {width:38px;}
.pop_plating .well_area input.well02 {width:42px;}
.pop_plating .well_area input.well03 {width:42px;}

.pop_plating02  {width:98%;/* width:1500px; */}
.pop_plating02 .pop_head{background-color:#f6f6f7/*width:1280px;*/}
.pop_plating02 .pop_body {background-color:#fff;padding-top:0;}
.pop_plating02 .search_area {background-color:#fff;border:0;padding:5px 0;font-size:14px;}
.pop_plating02 .search_area .btn02 {min-width:80px;}
.pop_plating02 .plating_wrap {position:relative;}
.pop_plating02 .plating_wrap .plating_left {float:left;width:50%;padding-right:60px;}
.pop_plating02 .plating_wrap .plating_right {float:left;width:50%;padding-left:72px;}
.pop_plating02 .plating_wrap::after {content: '';clear:both;display:table;table-layout:fixed;}

.pop_plating02 .input_wrap {position:relative;display:block;padding-right:80px;}
.pop_plating02 .input_wrap::after {content: '';clear:both;display:table;table-layout:fixed;}
.pop_plating02 .input_wrap li {float:left;}
.pop_plating02 .input_wrap .label01 {width:auto;}
.pop_plating02 .input_wrap .input_inwrap {padding-right:10px;}
.pop_plating02 .input_wrap button {
	/*width:80px;*/
	position:absolute;top:5px;right:0;font-size:18px;}
.pop_plating02 .fixed_table_container .table
.pop_plating02 .fixed_table_container .table td {padding:5px;}
.pop_plating02 .fixed_table_container .table td.highlighted {background-color:#ddd;}
.pop_plating02 .fixed_table_container .table tr.highlighted td{background-color:#ddd;}

.table tr td.highlighted {background-color:#ddd;}
.table tr.highlighted td{background-color:#ddd;}

.pop_plating02 .plating_wrap .btns {position:absolute;left:50%;top:50%;margin-top:-80px;margin-left:-55px;width:110px;}
.pop_plating02 .plating_wrap .btns .btn_plate {
	display:block;
	/*width:95px;*/
	width:112px;
	text-align:left;
	font-size:14px;
	margin-bottom:5px;
	/*height:32px;*/
	line-height:30px;
	font-family:'NotoKrM';color:#1655a2;border:1px solid #c9c9c9;border-radius:16px;
	padding-left:27px;background:url(../img/btn_page_arrow03.png) no-repeat;margin-left:5px;}
.pop_plating02 .plating_wrap .btns .btn_plate:hover {background-color:#ededed;}
.pop_plating02 .plating_wrap .btns .btn_plate.btn_add_all {background-position:-3px -155px}
.pop_plating02 .plating_wrap .btns .btn_plate.btn_delete_all {background-position:-3px -5px}
.pop_plating02 .plating_wrap .btns .btn_plate.btn_add {background-position:-3px -105px;margin-top:20px;}
.pop_plating02 .plating_wrap .btns .btn_plate.btn_delete {background-position:-3px -55px}
.pop_plating02 .result_msg {line-height:18px;font-size:13px;color:#fe5275;text-align:center;font-family:'NotoKrB';background: url(../img/ico_infomation_s.png) no-repeat;margin-top:20px;padding-left:20px;}
/*--(e)layer popup*/

.sel_count {
	font-size: 12px;

}

.msg_box {font-size: 16px;text-align: center;font-family: 'NotoKrM';padding: 30px 0;}
.contextmenu {display: none;position: absolute;width: 160px;margin: 0;padding: 0 3px;background:#1655a2;color:#d6e1ef;border-radius: 3px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);overflow: hidden;z-index: 999999;}
.contextmenu li a {display: block;padding:3px 10px;font-size:14px;}
.contextmenu li:hover {background:#0b468f;color:#ffd907;}
.contextmenu li.baseline {height:1px;background-color:#d6e1ef;}

@media screen and (max-width:1380px)
{
	body,th,td,textarea,input,select,option,h1,h2,h3,h4,h5,h6,button {font-size:14px;}
	.header h1 a {font-size:18px;}
	.btn_pop {font-size:18px;}
	.pop_upload_file .upload_file .btn_upload {font-size:18px;}
	.popup_cont .pop_head h2 {font-size:18px;}	

	.inwrap {padding:0 20px}
	html[lang=ko] .header h1 {left:20px;} /*수정*/
   	html[lang=ko] .nav {right: 450px;} /*수정*/
	.header .top_links {right:0px;}
	.search_area {padding-left:20px;padding-right:20px;}
	.search_area .btns {right:20px;}
	.panel_util {margin-right:-15px;}
	.panel.w_500 {width:460px !important;}	
	.table.pcr_pane {width: 420px;}	
	.popup_cont .pop_head {padding-left:20px;}
	.popup_cont .pop_body {padding:20px;}
	.pop_plating {width:100%;left:0 !important;}
	.pop_plating .well_area input {height:24px;padding:0 3px;}
}


/*대시보드*/
.main_body {background-color:#3a3bb0;}
.main_body .main_wrap {position:relative;width:1920px;/*height:1080px;*/}
.main_body .txt_date {position:absolute;bottom:10px;right:70px;font-size:20px;color:rgba(255,255,255,0.5);}
.main_logo {position:absolute;right:61px;top:14px;width:185px;height:90px;background:url(../img/logo.png) no-repeat;}
.main_body .main_content {display:table;width:100%;padding:50px 50px 0 50px;}
.main_body h2.main_tit {display:inline-block;height:60px;line-height:56px;font-family:'NotoKrM';font-size:28px;color:#fff;text-align:center;border:2px solid #ffffff;border-radius:30px;padding:0 24px;}

.main_left {display:table-cell;padding-right:40px;}
.main_left .map {position:relative;height:940px;overflow:hidden;}
.main_left .map .region_box {position:absolute;width:160px;height:180px;text-align:center;border:2px solid #fe5275;background-color:#fff;box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.2);}
.main_left .map .region_box .name {display:block;height:48px;line-height:46px;font-family:'NotoKrM';font-size:24px;color:#fff;background-color:#fe5275;padding-bottom:2px;}
.main_left .map .region_box .count {display:block;height:81px;line-height:81px;font-family: 'Rubik', sans-serif;font-weight:500;font-size:48px;color:#fe5275;background-color:rgba(254,82,117,0.1);}
.main_left .map .region_box .info {display:block;height:47px;line-height:47px;font-family:'NotoKrM';font-size:20px;color:#000;}
.main_left .map .region_box .info .num {font-family: 'Rubik', sans-serif;font-weight:500;}

.main_right {display:table-cell;width:830px;/*width:45.6%;*/}
.main_right h2.main_tit {margin-left:10px;}
.main_right .realtime_info {padding-top:50px;}
.main_right .realtime_info::after  {content: '';clear:both;display:table;table-layout:fixed;}
.main_right .realtime_info li {float:left;/*width:15.6%;*/width:130px;}
.main_right .realtime_info li + li {/*width:16.88%;*/margin-left:10px;}
.main_right .realtime_info dl {height:210px;background-color:#232483;color:#fff;text-align:center;}
.main_right .realtime_info dl dt {height:61px;line-height:23px;font-family:'NotoKrB';font-size:18px;border-bottom:2px solid #3a3bb0;padding:18px 0;white-space:nowrap;}
.main_right .realtime_info dl dd {font-family: 'Rubik', sans-serif;font-weight:500;}
.main_right .realtime_info dl dd.num {line-height:35px;font-size:30px;margin-top:40px;white-space:nowrap;}
.main_right .realtime_info dl dd.num2 {line-height:32px;font-size:25px;white-space:nowrap;}
.main_right .realtime_info dl dd.num2.up {color:#fe5275;}
.main_right .realtime_info dl dd.num2.down {color:#44c2cb;}

.main_right .chart_area {margin-top:10px;padding-bottom:45px;}
.main_right .chart_area::after  {content: '';clear:both;display:table;table-layout:fixed;}
.main_right .chart_area .div2 {position:relative;}
.main_right .chart_area .div2:nth-child(2n+1) {padding-right:5px;}
.main_right .chart_area .div2:nth-child(2n) {padding-left:5px;}
.main_right .chart_area .div2:nth-child(n+3) {padding-top:10px;}
.main_right .chart_area .main_panel {height:320px;background-color:#232483;}
.main_right .chart_area .main_panel .main_panel_head {padding:15px 20px 0 20px;}
.main_right .chart_area .main_panel .main_panel_head h3 {display:inline-block;line-height:30px;font-family:'NotoKrM';font-size:20px;color:#fff;}
.main_right .chart_area .main_panel .main_panel_head .txt_unit {float:right;line-height:30px;font-size:18px;color:rgba(255,255,255,0.5);}
.main_right .chart_area .main_panel .main_panel_body {padding:10px;}
.main_right .chart_area .main_panel .main_panel_body .graph_wrap {height:255px;}

.main_right .chart_area .legend {position:absolute;bottom:-35px;right:20px;display:table;float:right;}
.main_right .chart_area .legend .tit {position:relative;display:table-cell;height:20px;line-height:20px;color:#fff;font-size:15px;padding-left:40px;}
.main_right .chart_area .legend .tit::before {content:'';position:absolute;top:5px;left:20px;width:10px;height:10px;background-color:#d8dfe6;}
.main_right .chart_area .legend .tit.tit01::before {background-color:#f7951d;}
.main_right .chart_area .legend .tit.tit02::before {background-color:#448ef8;}