@charset "utf-8";
@import url("font.css");

/* reset */
* {-webkit-text-size-adjust:none;}
html, body, div, nav, header, footer, section, article, aside, hgroup, iframe, h1, h2, h3, h4, h5, h6, p, a, span, i, em, strong, b, address, fildset, form, input, select, option, label, button, img, dl, dt, dd, ul, ol, li, table, caption, thead, tbody, tfoot, tr, th, td, textarea, hr {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;


}


 .captcha{
	 overflow: hidden;
 }
.captcha_child{
	float: left;
}
.captcha_child_two{
	float: right;
}
.refreshBtn:hover{
	background-color: #a8a8a8;
	color: white;
	border : 1px solid #a6a6a6;
}
.refreshBtn{
	color: black;
	border : 1px solid #888;
	width: 110px;
	border-radius: 5px;
	height: 25px;
	display: block;
	padding : 2px 15px;
	margin: 5px 0px;
}





html, body {width:100%; min-width:320px; height:100%;}
body {
	line-height:22px;
	color:#0d0d0d;
	font-family: NotoSansCJKkr;
	font-size:15px;
	font-weight:400;
	word-break:break-all;

	/*background: url(../image/background.png);*/
	background-size: cover;

}
/* nav, header, footer, section, article, aside, hgroup {display:block;} */
ul, ol, dl {list-style:none;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout: fixed;}
img {max-width:100%; vertical-align:top;}
a {display:inline-block; color:#333; text-decoration:none; cursor:pointer !important;}
i, em, address {font-style:normal; font-weight:normal;}

/* button, select, input reset */
input, select, button, textarea {
	font-family: NotoSansCJKkr;
	font-size:14px;
	font-weight:normal;
	vertical-align:top;
}
textarea{
	border: 1px solid #bfbfbf; line-height: 20px;
	line-height: 20px;
	padding: 8px 12px;
	width: 100%;
	height: 240px;

}
:not(old).radio_box{display:none;}
input, button {overflow:visible; border-radius:0; -webkit-appearance:none;}
select:only-child {width:100%;}
button, label {cursor:pointer;}
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:table; line-height:0; content:'';}
.clearfix:after {clear:both;}
.line{width: 100%; height: 1px; background:rgba(0,0,0,0.15);}
.ver_middle{vertical-align: middle !important;}
.border_bottom{border-bottom:1px solid #e5e5e5;}
.border_dotted{border-bottom: 1px dotted rgba(0,0,0,0.1)!important;}
.border_top{border-top:1px solid rgba(0,0,0,0.1);}
.border_none{border: 0 !important;}
/* font */
.font14{font-size:14px!important;}
.font15{font-size:15px!important;}
.font18{font-size: 18px !important;}
.bold{font-weight: bold !important;}
/* width */
.mw66{ min-width: 66px !important;}
.mw55{ min-width: 55px !important;}
.mw155{min-width: 155px !important;}
.w22{width: 22px !important;}
.w38{width: 38px !important;}
.w50{width: 50px !important;}
.w56{width: 56px !important; min-width: 56px!important;}
.w66{width: 66px !important;}
.w66_2{width: 66px !important; min-width: 66px !important;}
.w70{width: 70px !important;}
.w80{width: 80px !important;}
.w92{width: 92px !important;}
.w100{width: 100% !important;}
.w115{width: 115px !important;}
.w120{width:120px !important;}
.w122{width:120px !important;}
.w130{width:130px !important;}
.w133{width:133px !important;}
.w135{width:135px !important;}
.w137{width:137px !important;}
.w140{width:140px !important;}
.w150{width: 150px !important;}
.w152{width: 152px !important;}
.w155{width: 155px !important;}
.w160{width:160px !important;}
.w165{width:165px !important;}
.w185{width: 185px !important;}
.w190{width: 190px !important;}
.w200{width: 200px !important;}
.w230{width: 230px !important;}
.w240{width: 240px !important;}
.w280{width: 280px !important;}
.w292{width: 292px !important;}
.w353{width: 353px !important;}
.w400{width:400px !important;}
.w448{width:448px !important;}
.w490{width:503px !important;}
.w510{width: 541px !important;}
.w650{width: 650px !important;}
.w774{width: 774px !important;}
.w100P{width: 100% !important;}

/* height */
.hAuto{height: auto !important;}
.h22{height: 22px !important;}
.h36{height: 36px !important;}
.h40{height: 40px !important;}
.h44{height: 44px !important;}
.h54{height: 54px !important;}
.h242{height: 242px !important;     max-height: 242px !important;}
.h244{height: 244px !important;     max-height: 244px !important;}

/* padding */
.pa0{padding:0!important;}
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}
.pt90{padding-top:90px !important;}
.pl20{padding-left:20px!important;}
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb100{padding-bottom:100px!important;}

/*  */
.lineHeight16{line-height: 1.6 !important;}
.lineHeight24{line-height: 24px !important;}
.lineHeight36{line-height: 36px !important;}


/* margin */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt8{margin-top:8px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt42{margin-top:42px!important;}
.mt60{margin-top:60px!important;}
.mt_26{margin-top:-26px !important;}
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr40{margin-right:40px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb0{margin-bottom:0 !important;}
.min-height200{    min-height: 200px !important; }

	/* text-align */
.text-align-left{ text-align: left !important; }
.text-align-right{ text-align: right !important; }
/* line-height */ /* 220714 이소혜 추가 */
.li54{line-height: 54px;;}

/*background-size*/
.background-size22{background-size:22px !important;}

/*float*/
.float_rght{float: right; }
.float_let{float: left; }

/* radius */
.radius20{ border-radius: 20px; }
.radius10{ border-radius: 10px; }

/* color */
.plnk{color:#f119a9 !important;}
.purple{color:#5345b7 !important;}
.plnk_error{font-size: 14px; color:#f119a9;margin-top: 10px;}
.fontColorB2{color: #b2b2b2 !important;}

/* text-align */
.txtl{text-align: left !important;}
.txtr{text-align: right !important;}
.txtc{text-align: center !important;}

/*font*/
.fontSize13{ font-size: 10px; }
.fontSize13{ font-size: 13px; }
.fontSize14{ font-size: 14px; }
.fontSize16{ font-size: 16px; }
.fontSize18{ font-size: 18px; }
.fontWeightBold{font-weight: bold;}
.letterSpacing05{letter-spacing: -0.5px !important; }

.font-colorF6{color: #ff6666; }
.font-color-00AC47{color: #00ac47;}

/* opacity */
.op05{opacity: 0.5;}
.op06{opacity: 0.6;}

.border_right::before{position: static !important;}
.underline{text-decoration: underline;}

/*  vertical-align */
.ver_bot{vertical-align:bottom;}

/* checkbox style */
input[type="checkbox"]{     display: inline-block; width: 24px; height: 24px; margin: 0; vertical-align: middle; background: url(../images/btn_check_off.svg) no-repeat; background-size: 24px; cursor: pointer; }
input[type="checkbox"]:checked { background:url(../images/btn_check_on.svg) no-repeat; background-size:24px;}
input[type="checkbox"]:disabled{ cursor: auto; background: url(../images/btn_check_off_dis.svg) no-repeat; background-size: 24px; width: 24px; height: 24px; display: inline-block;  }
input[type="checkbox"]:disabled:checked { cursor: auto; background:url(../images/btn_check_on_dis.svg) no-repeat; background-size:24px; }


/* radio style */
input[type="radio"] {     display: inline-block; width: 22px; height: 22px !important; margin:0; vertical-align: middle; cursor: pointer; border: 1px solid #d9d9d9;border-radius: 50%; background-size: 24px; }
input[type="radio"] + label { color:#0d0d0d;}
input[type="radio"]:checked {  border: 6px solid #00ac47; display: inline-block; border-radius: 50%; background-size:24px;}
input[type="radio"]:disabled:checked{     background-size: 24px;border: 6px solid #89c3a1;display: inline-block;border-radius: 50%; background-color: #f1f5f3; }
input[type="radio"]:disabled{ display: inline-block; width: 22px; height: 22px; margin: 0; vertical-align: middle; cursor: pointer; border: 1px solid #d9d9d9; border-radius: 50%; background-size: 24px; background-color: #f2f2f2; }
.chk_box,.ct_div > div,.input_box{display:inline-block; zoom:1; *display:inline!important;}

/* select style */
select {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#1a1a1a; cursor:pointer;}
select::-ms-expand {display:none;}
.select_box {position:relative; height:40px; display: inline-block;}
.select_box:only-child {width:100%;}
.select_box select ,.select{width:100%; height:40px; padding-left:12px; padding-right:25px; background:#fff url("../images/ic_dropdown_open.png") no-repeat right 9px center; background-size:12px 7px; border:1px solid #bfbfbf;}
.select_box select[disabled] {border:1px solid #D2D2D2; color:rgba(13, 13, 13, 0.6); background:#F5F7FA url(../images/ic_arrow_dis.png)no-repeat right 9px center; background-size: 24px;}
.select_hover:hover{ border: 1px solid #00ac47; }
.select_focus:focus{ border: 1px solid #00ac47; }

	/* textarea */
.textarea {width:100%; height:200px; padding:12px; line-height:18px; font-size:13px; color:#464e55; border:1px solid #bfbfbf; resize:none;}
.textarea::-webkit-input-placeholder {color:#b2b2b2;}
.textarea:-ms-input-placeholder {color:#b2b2b2;}
.textarea[readonly] {border:1px solid #D2D2D2; color:rgba(13, 13, 13, 0.6); background:#F5F7FA;}


/* input */
input.input {width:100%; height:36px; padding:0 12px; color:#0d0d0d; border:1px solid #bfbfbf; background-color:#fff !important;}
input::-webkit-input-placeholder {color:#0d0d0d; opacity: 0.4;}
input:-ms-input-placeholder {color:#b2b2b2!important;}
input[readonly] {border:1px solid #D2D2D2; color:rgba(13, 13, 13, 0.6); background:#F5F7FA}
input[value]{color:#0d0d0d;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; appearance:none; margin:0;}

/* button */
.btn_wrap{text-align: center; margin-top:40px; font-size: 0;position: relative;height: 50px;}
.btn_wrap > *{display: inline-block;}
.btn_wrap .large_btn{margin:0 5px;}
.btn_wrap .ic_back{position: absolute; top: 2px; left: 0; font-size: 16px; font-weight: bold; line-height:50px; background: url(../images/ic_back.png)no-repeat left center;padding-left: 28px; margin-left: 0; background-size: 18px;}

.large_btn{   vertical-align: middle ; display: table-cell !important; display: block;  min-width: 44px;  padding: 12px 20px; font-size: 14px; font-weight: 800; color: #fff; text-align: center;  margin-bottom: 7px; }
.large_btn.typeA{background:#484848;}
.large_btn.typeA:hover{background:#333;}
.large_btn.typeB{background:#5345b7;}
.large_btn.typeB:hover{background:#382a9c;}
.large_btn.typeC{background:#f119a9;}
.large_btn.typeC:hover{background:#cb178f;}
/* 작은버튼 */
.small_btn{min-width:80px; height: 40px; line-height: 40px; padding: 0 14px; font-size:14px; font-weight: bold;color: #fff;text-align: center;}
.small_btn:first-child{margin-right:10px;}
.small_btn.typeA{background:#484848;}
.small_btn.typeA:hover{background:#333;}
.small_btn.typeB{background:#5345b7;}
.small_btn.typeB:hover{background:#382a9c;}
.small_btn.typeC{background:#f119a9;}
.small_btn.typeC:hover{background:#cb178f;}
button[disabled]{opacity: 0.3;}

/* 등록 아이콘 이미지 */
.add{line-height: 40px;margin-left:10px;height: 40px; padding: 0 20px; font-size: 16px; font-weight: bold; border: 1px solid #bfbfbf; background: #fff; border-radius: 20px;}
.add:hover{background:#f2f2f2;}
.add .add_icon{display: inline-block; width: 12px;  height: 12px; margin-right: 5px; background: url(../images/ic_add.png) no-repeat;background-size: 12px;}
.btnExcel {position: relative; min-width: 80px; height: 40px;line-height: 40px;padding:0 15px; text-align: center;margin-left: 20px;  font-size: 14px; letter-spacing: -0.5px; color: #fff; background: #007744;}
.btnExcel:hover{background:#125c35;}
.btnExcel .down{display: inline-block; width: 13px; height: 13px; margin-right: 5px;background-size:13px; background: url(../images/ic_download.png) no-repeat; background-size: 100%;  vertical-align: middle;}
.download{background:#fff;min-width:92px; height: 40px; line-height: 40px; text-align: center; border:1px solid #bfbfbf; font-size: 14px;}
.download:hover{background:#f2f2f2;}
.popup > button{font-size: 18px;}
/* 기간 검색 */
.total_cont_bg{background:#f5f7fa; padding:30px;}
.total_cont_bg .total_cont .set_date{padding:0; margin-bottom: 0;}
.total_cont .set_date {margin-bottom:50px;line-height: 0;text-align:center;padding: 30px 0 0;}
.total_cont .set_date .picker_box {vertical-align:top; padding-right:20px; margin-right:20px; position: relative;}
.total_cont .set_date .picker_box::before{position: absolute; top:0; right:0; background: #1a1a1a;opacity: 0.1;width:1px; height:100%; content: '';}
.total_cont .set_date .picker_box.bor_n::before{background:none;}
.total_cont .set_date .select_box {display:inline-block; width:65px; margin-right:5px; vertical-align:top;}
.total_cont .set_date .data_day{font-size: 14px; color:#1a1a1a; margin-top:15px; line-height: 22px;}
.picker_box {display:inline-block; zoom:1; *display:inline!important; font-size: 0;}
.picker_box > * {display:inline-block; vertical-align:middle;}
.input-group{position:relative; height:40px; width:135px; vertical-align:top;}
.input-group .input[readonly] {opacity: 0.6; background:#f2f2f2;}
.hyphen {display:inline-block; width:30px; line-height:40px; font-size:15px; text-align:center;}
.picker_btn{margin-left:5px;}
.picker_btn > button{min-width: 60px;}
.input-group-addon{display:inline-block; position:absolute; top:10px; right:12px; width:18px; height:18px; padding:0; background:url(../images/ic_clendar.svg) no-repeat; border:none; border-radius:0; cursor:pointer;background-size: 18px;}
.input-group-addon.dis{background:url(../images/ic_calendar_dis.png) no-repeat;background-size: 18px;}
input[type=text]::-ms-clear {
  display:none;
}
/* 데이터피커 */
.total_box .set_date {position:relative; margin-bottom:50px; font-size:0; text-align:center;}
.total_box .set_date .picker_box {vertical-align:top;}
.total_box .set_date .select_box {display:inline-block; width:65px; margin-right:5px; vertical-align:top;}
.total_box .set_date .date {display:inline-block !important; width:135px; vertical-align:top;}
.searchDay {display: inline-block;}
.searchMonth {display:none;}
.searchYear {display:none;}
.total_cont .set_date .picker_box.on::before{position: static;}
/* .datepicker.datepicker-inline{display: none !important;} */
.datepicker-dropdown{top:290px!important;}

.period_set {display:inline-block;}
.period_set ul {margin-left:1px;}
.period_set li {float:left; min-width:60px; margin-left:-1px; text-align: center;}
.period_set input[type=radio] + label {display:inline-block;width:100%; height:40px; line-height:40px; font-size:14px; background:#fff; border:1px solid #bfbfbf;}
.period_set input[type=radio]:checked + label {position:relative; color:#fff; z-index:10;}
.period_set input[type=radio]:checked + label:after {display:block; position:absolute; top:-1px; left:-1px; width:100%; height:100%; background:#5345b7; border:1px solid #5345b7; z-index:-1; content:'';}

/* file upload */
.filebox {position:relative; font-size:0;}
.filebox input[type="file"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.filebox .fileIn{display: inline-block;margin-right: 5px; width: 778px;}
.filebox .upload_name {display: inline-block; font-size: 16px; line-height: 24px; width:100%; height:54px; padding: 15px 50px 15px 20px; vertical-align: middle; border: 1px solid #d2d2d2;  -webkit-appearance: none;
-moz-appearance: none; appearance: none; }
.filebox .upload_name[value]{text-decoration: underline;}
.filebox label {     right: 0px; top: 0px; z-index: 1; display: inline-block; width: 100px; text-align: center; vertical-align: middle; cursor: pointer; background: #fff; color: #999; border: 1px solid #999; margin-right: 5px; height: 30px; line-height: 28px; font-size: 14px; letter-spacing: -2px; }
.filebox .btn_del {margin-right:9px;display:none; position:absolute; top:9px; right:104px; width:36px; height:36px; background:url("../images/btn_delete.png") no-repeat; z-index:10; background-size:36px;}
.filebox.cut .fileIn{width: 635px;}
.filebox.cut .fileIn .input{height: 40px; }
.filebox.cut .upload_btn{height: 40px; line-height: 40px; width: 90px;}
.file_underline{text-decoration: underline; cursor: pointer;}

/* paging */
.page_nav {position:relative; padding:0 30px; margin-top:20px; text-align:center;}
.page_nav ul { display:inline-block; }
.page_nav li {float:left;}
.page_nav li a {min-width:34px; padding:0 8px; height:34px; line-height:34px; font-size:14px; color:#4c4f50;}
.page_nav li .active { background-color: #434658; color:#fff; border-radius: 10px;}
.page_nav li a:hover{ background-color: #f2f2f2; border-radius:10px;  }
.page_nav li.on a {background: #434658; font-weight:bold; color:#fff;     border-radius: 10px; }
.page_nav li.on a:hover{ background-color: #555b81; }
.page_nav li.dis a {opacity:0.4;}
.page_nav li.dis a{ background-color: transparent !important; }
.page_nav li.first a {text-indent:-9999px; background:url("../images/btn_page_first.png") no-repeat; background-size:34px 34px;}
.page_nav li.prev a {margin-right:10px; text-indent:-9999px; background:url("../images/btn_page_back.png") no-repeat; background-size:34px 34px;}
.page_nav li.prev a:hover{ background-color: #f2f2f2; border-radius: 10px; }
.page_nav li.first a:hover{ background-color: #f2f2f2; border-radius: 10px;  }
.page_nav li.next a { margin-left:10px;  text-indent:-9999px; background:url("../images/btn_page_next.png") no-repeat; background-size:34px 34px;}
.page_nav li.next a:hover{ background-color: #f2f2f2; border-radius: 10px; }
.page_nav li.last a {text-indent:-9999px; background:url("../images/btn_page_last.png") no-repeat; background-size:34px 34px;}
.page_nav li.last a:hover{ background-color: #f2f2f2; border-radius: 10px; }
.page_nav .nav_btn, .page_nav .excel_btn {position:absolute; right:30px; top:0;}
.page_nav .nav_btn {right:0;}
.page_nav .nav_btn a {position:relative; width:80px; height:35px; line-height:35px; color:#fff; background:#484848;}
.page_nav .excel_btn a {position:relative; height:34px; padding:0 10px 0 33px; line-height:34px; text-align:center; color:#fff; background:#007744;}
.page_nav .excel_btn a .ic_down {display:block; position:absolute; left:10px; top:50%; width:18px; height:18px; margin-top:-9px; background:url("../images/ic_download.png") no-repeat 0; background-size:18px;}

/* 주소입력 */
.input_adress {font-size:0;}
.input_adress .zip_code {display:inline-block; width:100px; margin-right:5px; margin-bottom:5px;}
.input_adress .find_code {display:inline-block;  margin-right:10px;}
.input_adress .find_code + input[readonly] {display:inline-block; width:535px;}

/* table */
.table_data{margin-bottom:5px; width: 100%;position: relative;}
.table_data .total{line-height: 40px;}
.table_data .total strong{font-size:18px; color:#1a1a1a;}
.table_data .total .total_txt{font-size: 14px; margin-left: 15px; color:#f119a9;}
.table_data .table_right{position: absolute;top:0; right:0;}
.table_data .table_right > div{display: inline-block;line-height: 38px;}
.table_data .table_area_btn{display: inline-block;}
.table{border-top: 1px solid #666;position: relative;}
.table:after{position: absolute;top:0; left:-1px; content: ''; background:#fff; width: 2px; height:100%;}
.table thead tr th{vertical-align: middle!important;letter-spacing: -0.8px;font-size:14px; color:#1a1a1a;background:#eef0f2; padding:10px 5px;border-left:1px solid rgba(13, 13, 13, 0.1); border-bottom:1px solid rgba(13, 13, 13, 0.1);}

.table thead tr th.line_th{border-bottom:1px solid #e5e5e5 !important;}
.table thead tr th.bor_le{border-left:1px solid rgba(13, 13, 13, 0.1) !important; }
.table tbody tr td{word-break: break-all; padding:10px; border-bottom:1px solid #e5e5e5;  border-left:1px solid #e5e5e5;font-size: 15px;min-height: 40px;line-height: 22px;letter-spacing: -0.9px;}
.table tbody tr td.gray_bg{background:#f5f7fa;}
.table tbody tr.red_bg,.table thead tr th.red_bg{background:#fff4f2;}
.table tbody tr.table_dis,.table tbody tr td.table_dis,.table thead tr th.table_dis{background:#f5f7fa;}
.table tbody tr.table_dis td{opacity: 0.4;}
.table tbody tr td.ell {text-align: left!important;}
.table tbody tr td.ell > a{width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: left;}
.table thead tr th,.table tbody tr td{vertical-align: middle; text-align: center;}
.table.hz{position: static !important;}
.table.hz tbody tr th{background:#f5f7fa;border-bottom:1px solid #e5e5e5;font-weight: 300;letter-spacing: -0.3px;}
.table.hz tbody tr th,.table.hz tbody tr td{padding:10px 20px; vertical-align: middle;text-align: left;border-left: 0; height: 50px;}
.table.hz tbody tr td{position: relative;}
.table.hz_pa tbody tr td{padding:10px 0 10px 0;}
.table.th_line > thead > tr > th{border-bottom:1px solid #e5e5e5 !important;}
.table.gray_bg tbody tr th{font-weight: 100;background:#f5f7fa;vertical-align: middle; border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; }
.table > tbody > tr.hover:hover{background:#F7F8FF; cursor: pointer;}
.th_top>th{border-top:1px solid rgba(13, 13, 13, 0.1)}
.red{}
.red>td{font-weight:bold;}
.li40{line-height: 40px;}
.po_r{line-height: 40px; position: relative;}
.po_r > button{position: absolute;top:0; right:0;}
.table_addition{background:#eef0f2; padding:10px 20px; position: relative;}
.table_addition > div{display: inline-block;line-height: 40px;}
.table_addition > div .select_box,.table_addition > div .input_box{width: 140px; margin-left: 10px;}
.table_addition .table_addition_right{position: absolute;top:10px; right:20px;}
/* 라벨 */
.full_label{padding:0 8px 0; color:#fff; font-size:12px; background:#5345b7; margin-top:8px;display: inline-block;}
.full_label.plnk{background:#f119a9; color:#fff !important;}
.full_label.black{background:#1a1a1a; color:#fff !important;}
.full_label.full_label2{background:#f119a9; color:#fff !important; padding:3px 10px; margin-left: 0 !important;}
.line_label{margin-bottom:5px;}
.line_label > span{font-size:12px; padding:2px 8px;font-weight: bold;}
.line_label .purple_line{border:1px solid #5345b7; color:#5345b7;}
.line_label .black_line{border:1px solid #0d0d0d; color:#0d0d0d;}
.td_cell{width:100%; display:table;}
.td_cell > div{display: table-cell; vertical-align: middle;}
.td_cell .td_cell_txt,.td_cell .td_cell_btn{display: table-cell; vertical-align: middle;line-height: 40px; }
.td_cell .td_cell_btn{ min-width: 66px;margin-left: 20px}

/* 결과 내역 없을때 */
.no_result {padding:100px 0; text-align:center;}
.no_result .result_info {padding-top:45px; background:url("../images/ic_error.png") no-repeat center top; background-size:30px;}
.no_result.bor{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.no_result .result_info.pc_pos{padding-top:116px; background:url("../images/ic_pos_pc.png") no-repeat center top; background-size:96px;}
.no_result .result_info.pc_pos h3{font-size:20px; margin-bottom:10px;}

/* popup */
.alert {display:none;}
.load_alert, .line_hl {cursor:pointer;}
.pop_wrap, .pop_dim {text-align: center;position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(67, 70, 88, 0.8); z-index:100;}
.pop_wrap2{     text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(67, 70, 88, 0.8);
	z-index: 100; }
.alert2{     display: none; }
.pop_dim {display:block;}
/* .pop_box {position:fixed; top:50%; left:50%; width:90%; max-width:500px; max-height:960px; background:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0 8px 16px 0px rgba(26, 26, 26, 0.4); z-index:200;} */
.pop_box{display: inline-block; position: relative; width: 90%;  max-width: 360px; max-height: 188px; text-align: left; background: #fff; vertical-align: middle;overflow-y: auto;box-shadow: 0 5px 15px 0px rgba(26, 26, 26, 0.4); border-radius: 20px;}
/*.pop_box2{display: inline-block; position: relative; width: 90%;  max-width: 360px; max-height: 188px; text-align: left; background: #fff; vertical-align: middle;overflow-y: auto;box-shadow: 0 5px 15px 0px rgba(26, 26, 26, 0.4); border-radius: 20px; top: 35%; }*/
.pop_wrap:before {display:inline-block; height:100%; vertical-align:middle; content:"";}

.pop_title {padding:20px 40px 0; text-align: left; }
.pop_title .title_txt {line-height:50px; font-size:15px; font-weight:bold; color:#1a1a1a;}
.pop_guide_txt {position:relative; min-height:100px; padding:40px 40px 30px;}
.pop_guide_txt .guide_ct > p{font-size: 16px;line-height: 26px; word-break: keep-all; text-align: left;}
.pop_guide_txt .guide_ct > p.guide_ct18{font-size: 18px;}
.pop_guide_txt .guide_ct .guide_st{text-align: left;font-size: 14px; line-height: 26px;}
.guide_st strong{     font-weight: normal; }
.pop_guide_txt .guide_ct .guide_ct_s{margin-top:10px; color:#1a1a1a;}
.gray_popup{background:#f6f5fc; padding:15px 40px 25px; margin-top:30px;}
.gray_popup.stage{padding:25px 20px !important;}
.gray_txt{font-size: 16px; text-align: center; line-height: 26px; color:#1a1a1a; padding-top:10px;}
.popup_txt_area dl{display: table;width: 100%;}
.popup_txt_area dl dt,.popup_txt_area dl dd{color:#1a1a1a; display: table-cell; vertical-align: middle;padding-top:10px;}
.popup_txt_area dl dd{font-weight: bold;text-align: right;}
.popup_txt_area dl dd.ellipsis{width: 240px;}
.popup_txt_area dl dd.ellipsis p{width: 240px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.icon img{width:8px; height:18px; vertical-align: middle; margin:0 10px;}
.ck{text-align: center; margin-top:20px;}
.ck label{font-size:13px;}
.popup_input{margin:20px 0 0px;}
.popup_input input{text-align: center;}
.popup_input input:nth-child(2){margin-top:12px;}
.ck_txt p{text-align: center; font-size: 14px;}
.pop_button {      border-radius: 20px;   padding: 0px 0 20px 0; text-align:center;}
.pop_button button,.pop_button > a {display:inline-block; width:120px; color:#fff!important;line-height: 40px;font-size: 14px; font-weight: bold;}
.pop_button button:first-child{margin-right:10px;}

.pop_button.btns button {margin-left:10px;}
.pop_button.btns button:first-child {margin-left:0;}
.popup_btn.typeA{background:#00ac47;}
.popup_btn.typeB{background:#5345b7;}
.stage_list_wrap >  strong{font-size:16px; color:#1a1a1a; text-align: center;display: block;}
.stage_list_wrap .stage_list{display: table; margin-top:20px;width: 100%; table-layout: fixed;}
.stage_list_wrap .stage_list > div{display: table-cell; vertical-align: top; width:50%;text-align: center;position: relative;}
.stage_list_wrap .stage_list > div::before{position: absolute; top:42px; left:-6px; background:url(../images/ic_arrow.png) no-repeat; width: 16px; height: 16px;content:''; background-size: 16px;}
.stage_list_wrap .stage_list > div:first-child::before{background:none;}
.stage_list_wrap .stage_list > div .stage_label{width:64px; height: 30px; line-height: 30px; background:#5345b7; text-align: center; color:#fff; margin:0 auto 10px; border-radius:15px;}


/* display */
.display-block{  display: block !important; }
.display-inline-block{  display: inline-block !important; }


.removeFlagOn{
	background-color: #fff5f5;
	color: #a1a1a1;
	text-decoration: line-through;
	cursor: pointer;
}

.topFlagOn{
	background-color: #fff8de;
}

.hasin tbody tr{
 	cursor: pointer;
}

/* loading */
.loading_wrap {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:400;}
.loading {width:100px;	height:100px;	background:url(../images/loading.png) no-repeat center; margin: 0 auto;	background-size:100%;	animation:spin 1s linear infinite;}
@keyframes spin {
	0% {transform:rotate(-360deg);}
	100% {transform:rotate(0deg);}
}
@-webkit-keyframes spin {
	0% {transform:rotate(-360deg);}
	100% {transform:rotate(0deg);}
}
.flex_wrap {height:100%;}
.flex_container {
	height:100%;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
			flex-direction:column;
	-webkit-justify-content:center;
			justify-content:center;
	-webkit-align-items:center;
			align-items:center;
}