/* https://nanati.me/html_css_table_design/ */

@charset "utf-8";

/*
.wr-num { font-size:11px; color:gray }
.wr-name {  font-size:11px; color: gray }

*/

/* 2021-02-06 오전 7:18:55 */
.input-xs {
  height: 22px;
  padding: 1px 2px ;
  font-size: 11px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
}

/* 2021-02-06 오전 7:18:55 */
.btn-xs {
	height: 22px;
  padding: 3px 2px ;
  font-size:11px;
  letter-spacing:-1px;
  line-height: 1.5;
}

/* 2021-01-02 오전 9:18:36 */
.input-sm2 {
	padding:1px 2px;
}

/* 2021-01-02 오전 9:18:36 */

.btn-circle {
 	border-radius: 50% !important;
}
/* 네임펜 효과 */
.namepen {
    width: fit-content;
    padding: 0 0.25%;
    position: relative;
    z-index: 1;
}
.namepen::after {
    position: absolute;
    display: block;
    content: '\00a0';
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    height: 60%;
    background-color: #ffe360;
    transform: skew(-5deg);
    z-index: -1;
}
/* 네임펜 효과 */
.namepen_pink {
    width: fit-content;
    padding: 0 0.25%;
    position: relative;
    z-index: 1;
}
.namepen_pink::after {
    position: absolute;
    display: block;
    content: '\00a0';
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    height: 60%;
    background-color: #FFB6C1;
    transform: skew(-5deg);
    z-index: -1;
}
/* 네임펜 효과 */
.namepen_green {
    width: fit-content;
    padding: 0 0.25%;
    position: relative;
    z-index: 1;
}
.namepen_green::after {
    position: absolute;
    display: block;
    content: '\00a0';
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    height: 60%;
    background-color: #88D969;
    transform: skew(-5deg);
    z-index: -1;
}
.crt_number {
    font-size:12px;
    color: black;
    font-family:tahoma;
		letter-spacing:1px;

}

.bg-LightSlateGray, i.bg-LightSlateGray, .badge.bg-LightSlateGray {
	background-color: rgb(119, 136, 153);
	color: #fff;
}

.bg-Beige, i.bg-Beige, .badge.bg-Beige {
	background-color: rgb(245, 245, 220);
	color: #000;
}
.bg-Honeydew, i.bg-Honeydew, .badge.bg-Honeydew {
	background-color: rgb(240, 255, 240);
	color: #000;
}
.text-Honeydew{
	color: rgb(240, 255, 240);
}



.bg-AntiqueWhite, i.bg-AntiqueWhite, .badge.bg-AntiqueWhite {
	background-color: rgb(250, 235, 215);
	color: #000;
}
.bg-LightCyan, i.bg-LightCyan, .badge.bg-LightCyan {
	background-color: rgb(224, 255, 255);
	color: #000;
}
.bg-GhostWhite, i.bg-GhostWhite, .badge.bg-GhostWhite {
	background-color: rgb(248, 248, 255);
	color: #000;
}
.bg-WhiteSmoke, i.bg-WhiteSmoke, .badge.bg-WhiteSmoke {
	background-color: rgb(245, 245, 245);
	color: #000;
}
.bg-Seashell, i.bg-Seashell, .badge.bg-Seashell {
	background-color: rgb(244, 255, 238);
	color: #000;
}

.bg-LightGreen, i.bg-LightGreen, .badge.bg-LightGreen {
	background-color: rgb(144, 238, 144);
	color: #000;
}

.bg-GreenYellow, i.bg-GreenYellow, .badge.bg-GreenYellow {
	background-color: rgb(173, 255, 47);
	color: #000;
}

.bg-YellowGreen, i.bg-YellowGreen, .badge.bg-YellowGreen {
	background-color: rgb(154, 205, 50);
	color: #fff;
}

.btn-YellowGreen {
	background-color: rgb(154, 205, 50);
	color: #fff;
}


/* 동적테이블에서 tbody 두줄로보이는것 방지 2021-01-25 오전 4:24:21 */
tbody{
		border:0 !important;
}


/* 1원팁) 문장에서 원하는 부분의 글자 위에 선긋기 */

.accent {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  vertical-align: bottom;
  border-top: 5px solid #000;
}

table.type0 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.type0 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.type0 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
}


table.zero {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    font-size:12px !important;

}
table.zero th {
    padding: 0px;
    border: 0px solid #ccc;
}
table.zero td {
    padding: 0px;
    vertical-align: top;
    border: 0px solid #ccc;
}


table.type01 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin : 20px 10px;
}
table.type01 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.type01 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
}


/* 정산화면에 사용  http://int.clubrichtour.co.kr/bbs/board.php?bo_table=expen */

table.xtype01 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.xtype01 th {
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.xtype01 td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
}


table.x2type01 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.x2type01 th {

    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    text-align:left;
    padding-left: 20px;
    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.x2type01 td {

    padding: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;
}

/* 2018-09-27 오전 7:38:15 */

table.x2type02 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}

table.x2type02 th {

    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;

    background:#f7f7f7;

}

table.x2type02 tr th:first-child {
  border-left: 0;
}

table.x2type02 tr th:last-child {
  border-right: 0;
}


table.x2type02 td {

    padding: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;

}
table.x2type02 tr td:first-child {
  border-left: 0;
}
table.x2type02 tr td:last-child {
  border-right: 0;
}
/* 2018-09-27 오전 7:38:15 */





/* 2018-11-27 오전 8:41:23 */

table.x2type0211 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.2em;
    margin-top:10px;
    margin-bottom:10px;
    font-size:11px;
    font-family:돋움;

}
table.x2type0211 th {
    padding: 5px;
    font-weight: normal;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #d9d9d9 ;
    font-family:돋움;
    font-size:11px;
    background:#f7f7f7;
    border-top:2px solid #000;
}

table.x2type0211 tr th:first-child {
  border-left: 0
}

table.x2type0211 tr th:last-child {
  border-right: 0;
}

table.x2type0211 td {
    font-family:돋움;
    font-size:11px;
    padding: 5px;
    vertical-align: top; /* 캘린더때문에 */
    border: 1px solid #d9d9d9 ;
}

table.x2type0211 tr td:first-child {
  border-left: 0;
}

table.x2type0211 tr td:last-child {
  border-right: 0;
}
/* 2018-11-27 오전 8:41:17 */



/* 2018-11-27 오전 8:41:23 */

table.x2type0211middle {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.2em;
    margin-top:10px;
    margin-bottom:10px;
    font-size:11px;
    font-family:돋움;

}
table.x2type0211middle th {
    padding: 5px;
    font-weight: normal;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #d9d9d9 ;
    font-family:돋움;
    font-size:11px;
    background:#f7f7f7;
    border-top:2px solid #000;
}

table.x2type0211middle tr th:first-child {
  border-left: 0;
}

table.x2type0211middle tr th:last-child {
  border-right: 0;
}

table.x2type0211middle td {
    font-family:돋움;
    font-size:11px;
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #d9d9d9 ;
}

table.x2type0211middle tr td:first-child {
  border-left: 0;
}

table.x2type0211middle tr td:last-child {
  border-right: 0;
}
/* 2018-11-27 오전 8:41:17 */


/* 2018-11-27 오전 8:41:23 */

table.boardlist {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.2em;
    margin-top:10px;
    margin-bottom:10px;
    font-size:11px;
    font-family:돋움;

}
table.boardlist th {
    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    /*border: 1px solid #d9d9d9 ;*/
    border-bottom: 1px solid #d9d9d9 ;
    font-family:돋움;
    font-size:11px;
    background:#FFF;
    border-top:2px solid #000;
    height:36px;
}

table.boardlist tr th:first-child {
  border-left: 0
}

table.boardlist tr th:last-child {
  border-right: 0;
}

table.boardlist td {
    font-family:돋움;
    font-size:11px;
    padding: 5px;
    vertical-align: middle;
    border-bottom: 1px solid #d9d9d9 ;
    height:36px;


}

table.boardlist tr td:first-child {
  border-left: 0;
}

table.boardlist tr td:last-child {
  border-right: 0;
}


/* 2018-11-08 오전 12:58:14 */

table.x2typeNormal {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;
    font-size:11px;
    font-family:"dotum";

}
table.x2typeNormal th {
    font-weight:normal;
    padding: 5px;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}

table.x2typeNormal tr th:first-child {
  border-left: 0;
}

table.x2typeNormal tr th:last-child {
  border-right: 0;
}


table.x2typeNormal td {
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;
}
table.x2typeNormal tr td:first-child {
  border-left: 0;
}
table.x2typeNormal tr td:last-child {
  border-right: 0;
}
/* 2018-11-08 오전 12:58:14 */


/* 2018-11-08 오전 12:58:14 */

table.x2typeNormalEn {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.x2typeNormalEn th {
    font-weight:normal;
    padding: 5px;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}

table.x2typeNormalEn tr th:first-child {
  border-left: 0;
}

table.x2typeNormalEn tr th:last-child {
  border-right: 0;
}


table.x2typeNormalEn td {

    padding: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;

}
table.x2typeNormalEn tr td:first-child {
  border-left: 0;
}
table.x2typeNormalEn tr td:last-child {
  border-right: 0;
}
/* 2018-11-08 오전 12:58:14 */


/* 2018-11-16 오전 7:57:43 */

table.x2typeNoLine {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.x2typeNoLine th {
    font-weight:normal;
    padding: 5px;
    vertical-align: middle;
    text-align:center;
    border: 0px solid #ccc;
    background:#f7f7f7;
}

table.x2typeNoLine tr th:first-child {
  border-left: 0;
}

table.x2typeNoLine tr th:last-child {
  border-right: 0;
}


table.x2typeNoLine td {

    padding: 5px;
    vertical-align: middle;
    border: 0px solid #ccc;

}
table.x2typeNoLine tr td:first-child {
  border-left: 0;
}
table.x2typeNoLine tr td:last-child {
  border-right: 0;
}
/* 2018-11-16 오전 7:57:49 */




/* 2018-11-08 오전 12:58:14 */

table.x2typeBank {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.x2typeBank th {
    font-weight:normal;
    padding: 2px;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}

table.x2typeBank tr th:first-child {
  border-left: 0;
  padding: 2px;
}

table.x2typeBank tr th:last-child {
  border-right: 0;
  padding: 2px;
}


table.x2typeBank td {
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #ccc;

}
table.x2typeBank tr td:first-child {
  border-left: 0;
}
table.x2typeBank tr td:last-child {
  border-right: 0;
}
/* 2018-11-08 오전 12:58:14 */




table.x3type01 {
    width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:10px;

}
table.x3type01 th {

    padding: 10px;
    font-weight: bold;
    vertical-align: middle;

    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.x3type01 td {

    padding: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
}



table.type02 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  margin : 20px 10px;
}
table.type02 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}
table.type02 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}



table.xtype02 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  margin :0px;
}

table.xtype02 th  {

    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    text-align:center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}


table.xtype02 td {

    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}





table.type03 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369;
  	margin : 20px 10px;
}
table.type03 th {
    width: 147px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #153d73;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}
table.type03 td {
    width: 349px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* member_list에 사용 */
table.ntype03 {
		width:100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369;
  	margin : 0 10px 0 0 ;
  	table-layout:fixed;
  	word-break:break-all;
  	vertical-align: middle;

}
table.ntype03 td {
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
table.ntype03 .active {
    color:red;
    vertical-align: middle;
}
/* member_list에 사용 */






table.type04 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
  margin : 20px 10px;
}
table.type04 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type04 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}


table.type05 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    margin: 20px 10px;
}
table.type05 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #efefef;
}
table.type05 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type06 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 10px;
}
table.type06 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
}
table.type06 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
}
table.type06 .even {
    background: #efefef;
}

table.type07 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
    margin: 20px 10px;
}
table.type07 thead {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #e7708d;
}
table.type07 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
}
table.type07 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #fcf1f4;
}
table.type07 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type08 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-left: 1px solid #ccc;
    margin: 20px 10px;
}

table.type08 thead th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #c00;
    background: #dcdcd1;
}
table.type08 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ececec;
}
table.type08 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.type09 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.type09 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #369;
    border-bottom: 3px solid #036;
}
table.type09 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
}
table.type09 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.type10 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 10px;
}
table.type10 thead th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #e7708d;
    margin: 20px 10px;
}
table.type10 tbody th {
    width: 150px;
    padding: 10px;
}
table.type10 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
}
table.type10 .even {
    background: #fdf3f5;
}

table.type11 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 20px 10px;
}
table.type11 th {
    width: 155px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #ce4869 ;
}
table.type11 td {
    width: 155px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}


table.hana {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px;
}
table.hana th {
    width: 155px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #ce4869 ;
}
table.hana td {
    width: 155px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}


table.xtype11 {
	width:100%;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px;
}
table.xtype11 th {

    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    background: #ce4869 ;
}
table.xtype11 td {

    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}








/* 2018-11-10 오후 10:06:11 */

table.xtypeUpDown table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

table.xtypeUpDown {
    width:100%;
    padding-top: 4px;
    padding-bottom: 4px;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.xtypeUpDown th {
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.xtypeUpDown tr th:first-child {
  border-left: 0;
}
table.xtypeUpDown tr th:last-child {
  border-right: 0;
}
table.xtypeUpDown td {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    border: none;

}
table.xtypeUpDown tr td:first-child {
  border: 0;
}
table.xtypeUpDown tr td:last-child {
  borde: 0;
}
/* 2018-11-10 오후 10:06:17 */



/* 2018-10-23 오전 8:14:14 */

table.x2typeNarrow {
    width:100%;
    padding: 4px;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.x2typeNarrow th {
    padding: 4px;
    font-weight: bold;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #ccc;
    background:#f7f7f7;
}
table.x2typeNarrow tr th:first-child {
  border-left: 0;
}
table.x2typeNarrow tr th:last-child {
  border-right: 0;
}
table.x2typeNarrow td {

    padding: 4px;
    vertical-align: middle;
    border: 1px solid #ccc;

}
table.x2typeNarrow tr td:first-child {
  border-left: 0;
}
table.x2typeNarrow tr td:last-child {
  border-right: 0;
}
/* 2018-10-23 오전 8:14:21 */





/* 개인 추가 */

table.crt { width: 100%;  border-top: 2px solid #555555; border-bottom: 2px solid #555555;  color: #333333 }
table.crt th { width: 120px; height: 31px; padding: 3px 0 3px 35px; border-bottom: 1px solid #d1d1d1; vertical-align: middle; background-color: #f5f5f5; font-weight:bold; text-align: left; }
table.crt th label.chk { padding-right: 8px; background: url("/img/icon_chk.png") no-repeat right center; }
table.crt td { height: 31px; padding: 3px 0 3px 0px; line-height: 18px; border-bottom: 1px solid #d1d1d1; text-align: left; vertical-align: middle; position:relative }
table.crt td.label { vertical-align: bottom !important;}
table.crt td.input {   }
table.crt td.hf { width: 390px; }
table.crt th.wh {background:#fff; border-bottom:2px solid #555; line-height:20px}
table.crt td.wh {border-bottom:2px solid #555}

table.crt_red { width: 100%;  border-top: 2px solid #c00000; border-bottom: 1px solid #c00000;  color: #333333 }
table.crt_red td { height: 31px; padding: 3px 0 3px 0px; line-height: 18px;  }


table.crtwide { width: 100%; margin: 15px 0 15px 0px; border-top: 2px solid #555555; border-bottom: 2px solid #555555;  color: #333333 }
table.crtwide th { width: 180px; height: 31px; padding: 13px 0 13px 35px; border-bottom: 1px solid #d1d1d1; vertical-align: middle; background-color: #f5f5f5; font-weight:bold; text-align: left; }
table.crtwide th label.chk { padding-right: 8px; background: url("/images/mypage/icon_chk.png") no-repeat right center; }
table.crtwide td { height: 31px; padding: 13px 0 13px 30px; line-height: 18px; border-bottom: 1px solid #d1d1d1; text-align: left; vertical-align: middle; position:relative }
table.crtwide td.input { padding: 12px 0 12px 30px;  }
table.crtwide td.hf { width: 390px; }
table.crtwide th.wh {background:#fff; border-bottom:2px solid #555; line-height:20px}
table.crtwide td.wh {border-bottom:2px solid #555}



table.crtRefundInvoice { width: 100%;  border-top: 2px solid #555555; border-bottom: 2px solid #555555;  color: #333333 }
table.crtRefundInvoice th { width: 120px; height: 31px; padding: 13px 0 13px 35px; border-bottom: 1px solid #d1d1d1; vertical-align: middle; background-color: #f5f5f5; font-weight:bold; text-align: center; }
table.crtRefundInvoice th label.chk { padding-right: 8px; background: url("/images/mypage/icon_chk.png") no-repeat right center; }
table.crtRefundInvoice td { height: 31px; padding: 13px 0 13px 0px; line-height: 18px; border-bottom: 1px solid #d1d1d1; text-align: center; vertical-align: middle; position:relative }
table.crtRefundInvoice td.label { vertical-align: bottom !important;}
table.crtRefundInvoice td.input {   }
table.crtRefundInvoice td.hf { width: 390px; }
table.crtRefundInvoice th.wh {background:#fff; border-bottom:2px solid #555; line-height:20px}
table.crtRefundInvoice td.wh {border-bottom:2px solid #555}


table.crt2019 { width: 100%; margin: 15px 0 15px 0px; border-top: 2px solid #555555; border-bottom: 2px solid #555555;  color: #333333 }
table.crt2019 th { height: 31px; padding: 13px 0 13px 35px; border-bottom: 1px solid #d1d1d1; vertical-align: middle; background-color: #f5f5f5; font-weight:bold; text-align: left; }
table.crt2019 th label.chk { padding-right: 8px; background: url("/images/mypage/icon_chk.png") no-repeat right center; }
table.crt2019 td { height: 31px; padding: 13px 0 13px 30px; line-height: 18px; border-bottom: 1px solid #d1d1d1; text-align: left; vertical-align: middle; position:relative }
table.crt2019 td.input { padding: 12px 0 12px 30px;  }
table.crt2019 td.hf { width: 390px; }
table.crt2019 th.wh {background:#fff; border-bottom:2px solid #555; line-height:20px}
table.crt2019 td.wh {border-bottom:2px solid #555}



table.borderless { width: 100%; border-collapse: collapse;}
table.borderless td{
    border: none;
    padding:0px;
}
table.borderless th{
    border: none;
    padding:0px;
}
table.borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}
table.borderless td, .borderless th {
    border: none;
}


.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

/*
.crt input[type="text"] {  display: block; float: left; margin-right: 5px; padding: 7px 6px 8px 6px ; padding: 6px 6px 8px 6px \9; border: 1px solid #a2a2a2; color: #666666; }


.txt-11 { font-size:11px; }


/*
.sp-label { font-weight:normal; margin-right:10px; }
.sp-label input[type="checkbox"],
.sp-label input[type="radio"] { margin-top:0px; }
*/

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;

}

.sub-title { padding-right:0px !important; }
.sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.sub-title span b { font-weight:normal; }


label { font-weight: normal !important; }
.sp-label { font-weight:normal; margin-right:10px; }
.sp-label input[type="checkbox"],
.sp-label input[type="radio"] { margin-top:-2px; }

.add-input {  border:1px solid #d2d6de; }
	input:-ms-input-placeholder { color: #999; }
	input::-webkit-input-placeholder { color: #999; }
	input::-moz-placeholder { color: #999; }
	input::-moz-placeholder { color: #999; }

.add-input2 {  border:1px solid #d2d6de; }
	input:-ms-input-placeholder { color: #999; }
	input::-webkit-input-placeholder { color: #999; }
	input::-moz-placeholder { color: #999; }
	input::-moz-placeholder { color: #999; }

.add-bank {min-height:20px !important;height:20px !important;border:none; background:transparent;padding:0px !important;margin:0px !important;}

.add-contract {min-height:20px !important;height:20px !important; border:1px solid #d2d6de;; background:transparent;padding:0px !important;margin:0px !important;}

.crt_wr-none { padding:20px 0px; text-align:center; color:#888;font-size:11px;}

/* title */


.la_title{position:absolute; left:0; top:0; z-index:100; background:red; padding:5px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}

.la_title_pink{display:block;position:; background:red; padding:5px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}

.tit_board{display:block;position:absolute;top:0;left:5px;padding:5px 10px;background:#f84e32;color:#FFF;font-weight:bold}

.tit_board2{display:block;position:absolute;top:10;padding:5px 10px;background:#3498DB;color:#FFF;font-weight:bold;}


.tit_board2_red{display:block;position:absolute;padding:5px 10px;background:#f84e32;color:#FFF;font-weight:bold;}

.tit_board3{display:block;position:absolute;top:0;left:5px;padding:5px 10px;background:#8EC449;color:#FFF;font-weight:bold}

.label-band { z-index:9; font-family: "Nanum Gothic"; top: 0px; letter-spacing:1px; width: 100px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; transform: rotate(45deg); -o-transform: rotate(45deg);	-ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.label-band_left { z-index:2; font-family: tahoma; top: 15px; letter-spacing:1px; width: 100px; padding: 5px; left: -32px; font-size: 11px; position: absolute; text-align: center; transform: rotate(45deg); -o-transform: rotate(45deg);	-ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.label-tack { left: 0px; top: 0px; z-index: 1; padding:10px 15px; position: absolute; }

.main_tit_board{
	position:absolute;
	top:30px;
	left:350px;
	padding:20px;
	background:#3498DB;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board2{
	position:absolute;
	top:30px;
	left:50px;
	padding:20px;
	background:#8EC449;
	color:#FFF;
	filter:alpha(opacity=50);
	opacity:0.8;
}

.main_tit_board3{
	position:absolute;
	top:30px;
	left:50px;
	padding:20px;
	background:#f84e32;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board4{
	position:absolute;
	top:95px;
	left:10px;
	padding:20px;
	background:gray;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board5{
	position:absolute;
	top:10px;
	left:244px;
	padding:20px;
	background:lightgray;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.main_tit_board6{
	position:absolute;
	top:55px;
	left:10px;
	padding:20px;
	background:gray;
	color:#FFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.slogan {
	font-size:23px;
	letter-spacing:-1px;
	margin-bottom:20px;
	line-height:34px;
}




/* blockqoute */

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,200italic);


.quote-card {

  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {

  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  max-width: 950%;
}
.quote-card cite {

  font-size: 13px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card ul {

  font-size: 13px;

  display: block;
  font-weight: 100;

}
.quote-card:before {
  font-family:georgia, sans-serif;
  content: "“";
  position: absolute;
  top: 40px;
  left: 22px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family:georgia, sans-serif;
  content: "”";
  position: absolute;
  bottom: -92px;
  line-height: 100px;
  right: -22px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
.quote-card.blue-card {
  background: #5E89C7;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #465995;
}


.quote-card.green-card {
  background: #00970B;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
  color:#59E063 ;
}

.quote-card.red-card {
  background: #D32F2F;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color:#F44336 ;
}

.quote-card.yellow-card {
  background: #F9A825;
   color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}


.quote-card.warning-card {
  background: #FCF8E3;
   color: #222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.warning-card:before, .quote-card.warning-card:after {
  color: #DFF0D8;
}

.quote-card.danger-card {
  background: #F2DEDE;
   color: #222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.danger-card:before, .quote-card.danger-card:after {
  color: #D9EDF7;
}


.quote-card.info-card {
  background: #D9EDF7;
   color: #222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.info-card:before, .quote-card.info-card:after {
  color: #FCF8E3;
}



.quote-card.success-card {
  background: #DFF0D8;
   color: #222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.success-card:before, .quote-card.success-card:after {
  color: #FCF8E3;
}






.quote-card.lightgray-card {
  background: #f7f7f7;
   color: #222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}


.quote-card.lorem-card {
  background: #A5311A;
  color: #BFBCA2;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.lorem-card:before, .quote-card.lorem-card:after {
  color: #C05940;
}

/* Flip Boxes ------------------------------------------------------ */
.flip-circle {
    height: 64px;
    width: 64px;
    border: 1px solid;
    border-radius: 50%;
}

/* Flip Boxes ------------------------------------------------------ */
.flip-circle_cargo {
    height: 164px;
    width: 164px;
    border: 1px solid;
    border-radius: 50%;
}




/*  wing rc ------------------------------------------------------ */

.wingrcleftcss{
	position:absolute;
	z-index:7;
	top:205px;
	right:50%;
	margin-right:500px;
	width:70px;
	height:200px;

}

.wingrcleftcss_oddugi{
	position:absolute;
	z-index:7;
	top:205px;
	right:50%;
	margin-right:500px;
	width:70px;
	height:200px;

}

.wingrcrightcss{
	position:absolute;
	z-index:7;
	top:205px;
	left:50%;
	margin-left:500px;
	width:160px;
	height:200px;

}

.wingrcrightcss_oddugi{
	position:absolute;
	z-index:7;
	top:205px;
	left:50%;
	margin-left:330px;
	width:170px;
	height:200px;

}




/* 스테퍼 */
.mdl-stepper-horizontal-alternative {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  display: table-cell;
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  border-radius: 15% / 75%;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: #9E9E9E;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 12px;
  color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle {
  background-color: rgb(33, 150, 243);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle2 {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: #9E9E9E;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 11px;
  font-family: "dotum";
  color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle2 {
  background-color: rgb(33, 150, 243);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
  content: "\2714";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle * {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
  content: "\270E";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
  margin-top: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  text-align: center;
  font-size:11px;
  color:gray;

}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 1px solid #BDBDBD;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
  left: 0;
  right: 50%;
  margin-right: 20px;
}


.sec-ion {overflow:hidden; text-align:center; margin:9px 0 0; line-height:1;}
.sec-ion ul { padding:0; margin:0; list-style:none;}
.sec-ion li { float:left;  width:12.5%; padding:0 10px;}
.sec-ion li i { font-size:50px; line-height:50px; display:block; margin-bottom:5px;}
.sec-ion li span { letter-spacing:-1px; line-height:15px; white-space:nowrap; }
.sec-line {display:none;}



.sns_icon {width:18px;}
@media all and (max-width:964px) {
	.sns_icon {width:32px;}
}



/* Remote Control */
.at-rc { position: fixed; z-index: 9998; background: none; list-style:none; padding:0px; margin:0px; }
.at-rc > li > a,
.at-rc .rc-box { position: relative; display: block; text-align:center; }
.at-rc .rc-icon { position: relative; display: inline-block; text-align:center; border-radius: 50%;	width:36px;	height:36px; line-height:36px; font-size:19px; }
.at-rc .rc-cnt { position: absolute; border-radius: 50%; width:18px; height:18px; line-height:18px; font-size:11px; text-align:center; padding-right:1px; letter-spacing:-1px; }
@media (min-width: 992px) {
	.at-rc { top:25%; right: 25px; }
	.at-rc .rc-box { border-radius: 50%; width:42px; height:42px; line-height:48px; margin-bottom:7px; }
	.at-rc .rc-cnt { top:-4px; right:-4px; }
}
@media (max-width: 991px) {
	.at-rc { left: 0px; bottom:0px;	}
	.at-rc > li { display: table-cell; width: 1%; }
	.at-rc .rc-icon { margin-top:4px; }
	.at-rc .rc-cnt { top:0px; right:0px; }
	body { margin-bottom:36px; }
}

/* Remote Control */
.at-rc2 { position: fixed; z-index: 9998; background: none; list-style:none; padding:0px; margin:0px; }
.at-rc2 > li > a,
.at-rc2 .rc-box { position: relative; display: block; text-align:center; }
.at-rc2 .rc-icon { position: relative; display: inline-block; text-align:center; border-radius: 50%;	width:236px;	height:236px; line-height:33px; font-size:22px;top:20px;left:-43px; }

.at-rc2 {
top:165px;
right:50%;
margin-right:500px;
}
.at-rc2 .rc-box { border-radius: 50%; width:150px; height:150px; line-height:18px; margin-bottom:7px; }


/* 마에 있던거. */
.funfact {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", Roboto, Arial, Verdana, sans-serif;
	margin: 30px 0;
	text-align: center;
}
.funfact .st-funfact-icon i {
	min-width: 65px;
	min-height: 65px;
	font-size: 30px;
	color: #fff;
	padding: 18px 15px 12px;
	margin-bottom: 10px;
	border-radius: 50px;
	background-color: #50c8e8;

}
.funfact .st-funfact-counter {
	font-size: 30px;
	line-height: 40px;
}
.funfact .funfact-title {
	font-size: 15px;
}

#select_update {
 position:fixed;
 left:0px;
 bottom:0px;
 height:50px;
 width:100%;
 max-width:1235px;
 background:transparent;
 z-index:9999;

}

.readonly {
	background-color: #f7f7f7;
}




th{
	font-weight:normal !important;
	text-align:center;
	vertical-align:middle !important;
	background-color: #f7f7f7;
}


td{
	vertical-align:middle !important;
}


/* 고객의뢰 취소 프로세스 관련 */
.strikeout1 {
  font-size: 1em;
  line-height: 1em;
  position: relative;
}
.strikeout1::after {
  border-bottom: 0.125em solid red;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

.strikeout0 {
  font-size: 1em;
  line-height: 1em;
  position: relative;
}
.strikeout0::after {
  border-bottom: 0.125em solid green;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

.strikeout2 {
  font-size: 1em;
  line-height: 1em;
  position: relative;
}
.strikeout2::after {
  border-bottom: 0.125em solid red;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}


/*Bootstrap button outline override*/
.outline {
    background-color: transparent;
    color: inherit;
    transition: all .25s;
    letter-spacing:-1px;
    font-size:11px;

		font-weight:normal;
}
.btn-primary.outline {
    color: #428bca;
}
.btn-success.outline {
    color: #5cb85c;
}
.btn-info.outline {
    color: #5bc0de;
}
.btn-warning.outline {
    color: #f0ad4e;
}
.btn-danger.outline {
    color: #d9534f;
}
.btn-primary.outline:hover,
.btn-success.outline:hover,
.btn-info.outline:hover,
.btn-warning.outline:hover,
.btn-danger.outline:hover {
    color: #fff;
}

/*  dataTable  2019-07-31 오후 2:30:43 */

.dataTable {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #ababab;

}

.dataTable th,
.dataTable td {
  height: 38px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #ababab;
  border-width: 1px 0;
}

.dataTable th.left,
.dataTable td.left {
  text-align: left !important;
}

.dataTable th.right,
.dataTable td.right {
  text-align: right !important;
}

.dataTable th.center,
.dataTable td.center {
  text-align: center !important;
  padding: 5px;
}

.dataTable th {
  padding: 5px 0;
  border-right: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
  color: #666;
  background: #efefef;
}

.dataTable th.left {
  padding: 5px 5px 5px 15px;
}

.dataTable th + td {
  border-left: 0;
}

.dataTable td {
  position: relative;
  padding: 5px 10px 5px 18px;
  border-right: 0;
  font-size: 14px;
  /*font-weight: 600;*/
  color: #666;
  word-break: break-all;
}

.dataTable td + th {
  border-left: 0;
}

.dataTable td select,
.dataTable td input[type=text] {
  width: 80px;
}

.dataTable td select.full,
.dataTable td input[type=text].full {
  width: 100%;
}

.dataTable td select.half,
.dataTable td input[type=text].half {
  width: 50%;
}

.dataTable td select + .chkCustom,
.dataTable td input[type=text] + .chkCustom {
  margin-left: 15px;
}

.dataTable td .txtCustom {
  margin: 7px 0;
}

.dataTable td .emph1 {
  color: #222;
}

.dataTable td .emph2 {
  color: #f05858;
}

.dataTable .dash {
  display: inline-block;
  margin: 14px 1px 0;
  width: 6px;
  height: 1px;
  vertical-align: top;
  background: #3a3a3a;
}

.dataTable .helpTxt {
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
}

.dataTable .helpTxt:before, .dataTable .helpTxt:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 0;
  height: 0;
  border: 4px solid #f05858;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.dataTable .helpTxt:after {
  border-left-color: #fff;
}

.dataTable .helpTxt:before {
  left: 0;
}

.dataTable .helpTxt:after {
  left: -2px;
}

.dataTable .uploadBtn {
  position: absolute;
  padding: 0 25px;
  top: 7px;
  right: 10px;
  height: 26px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  border: 1px solid #666;
}

.dataTable .uploadBtn:hover, .dataTable .uploadBtn:active {
  color: #222;
  border-color: #222;
}

.dataTable .innerTable {
  width: 100%;
  margin: 10px 0;
  table-layout: fixed;
}

.dataTable .innerTable th,
.dataTable .innerTable td {
  padding: 10px;
  font-weight: 400;
  text-align: left;
  border: 1px solid #dbdbdb;
  background: none;
}

.dataTable .innerTable td .emph1 {
  font-size: 16px;
}

.dataTable.type1 {
  border: 0;
}

.dataTable.type1 tr {
  border: 1px solid #ababab;
  border-width: 0 1px;
}

.dataTable.type1 th.title {
  border-right: 1px solid #ababab;
  font-size: 15px;
  background: #fff;
}

.dataTable.type1 td {
  color: #333;
}

.dataTable.type1 td select,
.dataTable.type1 td input[type=text],
.dataTable.type1 td .iptCustom {
  width: 100%;
}

.dataTable.type1 td + th {
  border-left: 0;
}

.dataTable.type1 tfoot tr {
  border: 0;
}

.dataTable.type1 .btmRow {
  border: 0;
}

.dataTable.type1 .btmRow th,
.dataTable.type1 .btmRow td {
  border: 0;
}

.dataTable.type1 .btmRow .badge {
  display: inline-block;
  padding: 2px 8px;
  min-width: 41px;
  vertical-align: middle;
  font-weight: 400;
  color: #fff;
  border-radius: 3px;
  background: #666;
}

.dataTable.type1.editable td {
  padding: 5px 10px;
}

.data:first-child {
  margin-top: 0;
}

.data dt {
  display: inline;
  padding-right: 3px;
  font-weight: 600;
}

.data dt:before {
  content: "[";
}

.data dt:after {
  content: "]";
}

.data dd {
  display: inline;
}

.data.etc {
  font-weight: 600;
}

/* 2020-07-14 오후 8:26:12 bootstrap table 라인 없애기 2020-07-14 오후 8:26:25 */
.borderless thead tr th,
.borderless tr th,
.borderless tr td,
.borderless th,
.borderless td,
.borderless tbody tr td {
   border: none !important;
}


/* 2020-07-21 오전 6:24:30 */
table.table-bordered_a tr td:first-child {
  border-left: 1px solid #fff !important;
}
table.table-bordered_a tr th {
  /* background-color: #fff !important;*/
  padding:10px;
}
table.table-bordered_a tr th:first-child {

  border-left: 1px solid #fff !important;
}
table.table-bordered_a tr td:last-child {
  border-right: 1px solid #fff !important;
}
table.table-bordered_a tr th:last-child {
  border-right: 1px solid #fff !important;
}
table.table-bordered_a {
  border-top: 2px solid #000 !important;
}


.none_data { padding:50px;  text-align:center; color:#888;  }
.data_none { padding:50px;  text-align:center; color:#888;  }


.bold {	font-weight:bold !important; }

.borderless2 thead tr th,
.borderless2 tr th,
.borderless2 tr td,
.borderless2 th,
.borderless2 td,
.borderless2 tbody tr td {
   border: none !important;
   border-bottom : 1px solid gray !important;
}


/*
-----------------------------------------------------------------------------
테이블 스타일
-----------------------------------------------------------------------------
*/
.page-contents table.type1 { border-collapse: collapse; border:none; text-align:center; margin-bottom:20px; width:100% }
.page-contents table.type1 td,
.page-contents table.type1 th { padding:15px 0; border:1px solid #e1e1e1 }
.page-contents table.type1 th { font-weight:500; background-color: #f9f9f9; border-top:1px solid #000 }
.page-contents table.type1 td:first-child,
.page-contents table.type1 th:first-child { border-left:0 }
.page-contents table.type1 td:last-child,
.page-contents table.type1 th:last-child { border-right:0 }
.page-contents table.type1.no-border td,
.page-contents table.type1.no-border th { border-left:0; border-right:0 }
.page-contents table.type1 tbody .last-line td { position:absolute; margin-top:-1px; padding:0; border:none; border-bottom: 1px solid #c0c0c0 }

/* 스위치  https://www.cssscript.com/css-switch-checkbox/ */

/* 새방식 */

input[role=switch] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  width: 2.4em;
  height: 1.4em;
  margin: -.2em 0;
  box-sizing: content-box;
  padding: 0;
  border: none;
  border-radius: .7em;
  background: rgba(160,160,160,0.7);
  box-shadow: 0 .15em .25em rgba(0,0,0,0.5) inset, 0 -.5px 0 rgba(255,255,255,0.2) inset;
  transition: background-color 250ms ease, box-shadow 250ms ease;
  font-size: 100%;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  user-select: none;
  outline: none;
}
input[role=switch]::before {
  content: '';
  display: flex;
  align-content: center;
  justify-content: center;
  position: absolute;
  width: 1em;
  height: 1em;
  left: 0;
  top: 0;
  background: rgba(240,240,240,0.9);
  box-shadow: 0 1px 1px #fff inset, 0 .2em .5em rgba(255,255,255,0.7) inset, 0 -.2em .3em rgba(0,0,0,0.2) inset, 0 .05em .25em rgba(0,0,0,0.7);
  border-radius: 50%;
  transform: translate(20%, 20%);
  transition: transform 250ms ease;
  color: rgba(0,0,0,0.3);
  line-height: 1;
}
input[role=switch]:focus::before {
  background: rgba(255,255,255,0.9);
}
input[role=switch]:checked {
  background-color: var(--bg-checked, var(--bg, rgb(60,130,250)));
}
input[role=switch]:focus-visible {
  box-shadow: 0 .15em .25em rgba(0,0,0,0.5) inset, 0 -.5px 0 rgba(255,255,255,0.2) inset, 0 0 0 2px rgba(255,255,255,0.8), 0 0 0 4px var(--bg-checked, var(--bg, rgb(60,130,250)));
}
input[role=switch]:checked::before {
  transform: translate(120%, 20%);
}
input[role=switch]:indeterminate::before {
  transform: translate(70%, 20%);
  content: '-';
}
input[role=switch]:disabled:before {
  opacity: 0.4;
}


/* 스위치 구방식 */
.material-switch > input[type="checkbox"] {
    display: none;

}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.material-switch input + label span {
  left: 15px;
  position: relative;
}

.material-switch input + label span::before {
  color: #42c8c2;
  content: "";
  font-family: fontawesome;
  left: -20px;
  position: absolute;
  top: -2px;
}

/* 드랍다운 */


/* 라벨 */
.label-wrap {
	overflow: hidden;
}
.label-band2 {
	z-index:99;
	font-family: "Noto Sans KR";
	top: -10px;
	letter-spacing:1px;
	width: 100px;
	padding: 5px;
	left: -45px;
	font-size: 11px;
	position: relative;
	text-align: center;
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}




/* 넓이 */

.w05{width:5%}
.w07{width:7%}
.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w30{width:30%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}