@charset "utf-8";

/********** skip_nav **********/
.skip_nav {display:block;overflow:hidden;position:absolute;left:0;right:0;top:0;z-index:1000;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}


/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}


/********** 레이어팝업 오픈시 스크롤 숨김 **********/
.scrollnone {height:100% !important;min-height:100%;overflow:hidden !important;touch-action:none;}


/********** 말줄임(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="ellipsis"] {display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis1 {-webkit-line-clamp:1;}/* 1줄 */
.ellipsis2 {-webkit-line-clamp:2;}/* 2줄 */
.ellipsis3 {-webkit-line-clamp:3;}/* 3줄 */
.ellipsis4 {-webkit-line-clamp:4;}/* 4줄 */


/********** 타이틀 **********/
.h3 {font-size:1.875em;font-weight:700;color:#222;}
h4 {font-size:1.625em;font-weight:700;color:#023760;}
.h4 {position:relative;padding-left:10px;font-size:1.444em;font-weight:700;color:#023760;}
.h4:after {content:"";position:absolute;left:0;top:6px;display:block;width:3px;height:20px;background:#023760;}
h5,.h5 {font-size:1.125em;font-weight:500;color:#222;}
h6,.h6 {position:relative;padding-left:12px;font-size:1em;font-weight:400;color:#444;}
.h6:after {content:"";position:absolute;left:0;top:8px;width:6px;height:10px;background:#1a5286;border-radius:50px;}
	@media only screen and (max-width:1023px){
		.h4:after {top:4px;}
	}
	@media only screen and (max-width:767px){
		.h4:after {top:3px;}
	}


/********** 리스트(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="list"] > li {position:relative;padding-left:9px;margin-top: 11px;line-height:1.4;}
[class^="list"] > li:after {content:"";position:absolute;left:0;top:11px;}
	@media only screen and (max-width:1023px){
		[class^="list"] > li:after {top:9px;}
	}
/* 리스트_1 */
.list1 > li {color: #444;}
.list1 > li:after {width:4px;height:4px;background:#023760;border-radius:100%;}
/* 리스트_2 */
.list2 > li {font-weight:300;font-size:0.888em;color:#555;}
.list2 > li:after {width:5px;height:1px;background:#555;}
/* 리스트_색상 */
.list_etc > li {color:#f08336;}
.list_etc > li:after {width:4px;height:4px;background:#f08336;border-radius:100%;}


/********** 폰트색상 **********/
.cr_black {color:#222 !important;}
.cr_blue {color:#023760 !important;}
.cr_blue2 {color:#4e6cb4 !important;}
.cr_orange {color:#f08336 !important;}
.cr_gray {color:#999 !important;}
.cr_blue2_under {color:#3093D4 !important;text-decoration:underline !important;}

/********** 테이블 **********/
.overflow_box {}
.overflow_box .iconlr {display:none;}
.tableA {width:100%;line-height:1.5;border-bottom:1px solid #d7d7d7;border-top:1px solid #666;font-size:1.111em;word-break:keep-all;}
.tableA thead th {padding:25px 20px;background:#e0e7f7;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;font-weight:500;color:#000;}
.tableA thead th:first-child {border-left:0;}
.tableA tfoot th {padding:25px 20px;background:#e0e7f7;border-top:1px solid #d7d7d7;}
.tableA tfoot td {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;background:#e8e8e2;}
.tableA tbody th {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;background:#e0e7f7;vertical-align:middle;font-weight:500;color:#222;}
.tableA tbody td {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;}
.tableA tbody tr th:first-child,
.tableA tbody tr td:first-child {border-left:0;}
.tableA tbody tr:first-child th,
.tableA tbody tr:first-child td {border-top:1px solid #fff;}
.tableA tbody tr th.bd_none,.tableA tbody tr td.bd_none,
.tableA thead tr th.bd_none,.tableA thead tr td.bd_none {border-left:0;}
.tableA tbody tr th.bd_left,.tableA tbody tr td.bd_left,
.tableA thead tr th.bd_left,.tableA thead tr td.bd_left {border-left:1px solid #cdd2d5;}
.tableA [class^="list"] > li {font-size:0.9em;}
.tableA [class^="list"] > li:first-child {margin-top:0;}
	@media only screen and (max-width:1023px){
		.tableA thead th {padding:15px 20px;}
		.tableA tfoot th {padding:15px 20px;}
		.tableA tfoot td {padding:15px 20px;}
		.tableA tbody th {padding:15px 20px;}
		.tableA tbody td {padding:15px 20px;}
		.overflow_box2 .iconlr {display:inline-block;margin:15px 0 0 0;height:27px;padding-left:60px;background:url("/img/main/icon_lr.png") no-repeat left top;color:#222;}
		.overflow_box2 .table_box {overflow-x:auto;}
		.overflow_box2 .table_box table {width:1200px;}
	}
	@media only screen and (max-width:767px){
		.overflow_box {}
		.tableA {font-size:1em;word-break:break-all;}
		.tableA thead th {padding:15px 10px;}
		.tableA tfoot th {padding:15px 10px;}
		.tableA tfoot td {padding:15px 10px;}
		.tableA tbody th {padding:15px 10px;}
		.tableA tbody td {padding:15px 10px;}
		/*.overflow_box .iconlr {display:inline-block;margin:15px 0 0 0;height:27px;padding-left:60px;background:url("/img/main/icon_lr.png") no-repeat left top;color:#222;}
		.overflow_box .table_box {overflow-x:auto;}
		.overflow_box .table_box table {width:767px;}*/
	}


.tableAsmall {width:100%;line-height:1.5;border-bottom:1px solid #d7d7d7;border-top:1px solid #666;font-size:0.80em;word-break:keep-all;}
.tableAsmall thead th {padding:25px 20px;background:#e0e7f7;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;font-weight:500;color:#000;}
.tableAsmall thead th:first-child {border-left:0;}
.tableAsmall tfoot th {padding:25px 20px;background:#e0e7f7;border-top:1px solid #d7d7d7;}
.tableAsmall tfoot td {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;background:#e8e8e2;}
.tableAsmall tbody th {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;background:#e0e7f7;vertical-align:middle;font-weight:500;color:#222;}
.tableAsmall tbody td {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;}
.tableAsmall tbody tr th:first-child,
.tableAsmall tbody tr td:first-child {border-left:0;}
.tableAsmall tbody tr:first-child th,
.tableAsmall tbody tr:first-child td {border-top:1px solid #fff;}
.tableAsmall tbody tr th.bd_none,.tableAsmall tbody tr td.bd_none,
.tableAsmall thead tr th.bd_none,.tableAsmall thead tr td.bd_none {border-left:0;}
.tableAsmall tbody tr th.bd_left,.tableAsmall tbody tr td.bd_left,
.tableAsmall thead tr th.bd_left,.tableAsmall thead tr td.bd_left {border-left:1px solid #cdd2d5;}
.tableAsmall [class^="list"] > li {font-size:0.9em;}
.tableAsmall [class^="list"] > li:first-child {margin-top:0;}
	@media only screen and (max-width:1023px){
		.tableAsmall thead th {padding:15px 20px;}
		.tableAsmall tfoot th {padding:15px 20px;}
		.tableAsmall tfoot td {padding:15px 20px;}
		.tableAsmall tbody th {padding:15px 20px;}
		.tableAsmall tbody td {padding:15px 20px;}
		.overflow_box2 .iconlr {display:inline-block;margin:15px 0 0 0;height:27px;padding-left:60px;background:url("/img/main/icon_lr.png") no-repeat left top;color:#222;}
		.overflow_box2 .table_box {overflow-x:auto;}
		.overflow_box2 .table_box table {width:1200px;}
	}
	@media only screen and (max-width:767px){
		.overflow_box {}
		.tableAsmall {font-size:1em;word-break:break-all;}
		.tableAsmall thead th {padding:15px 10px;}
		.tableAsmall tfoot th {padding:15px 10px;}
		.tableAsmall tfoot td {padding:15px 10px;}
		.tableAsmall tbody th {padding:15px 10px;}
		.tableAsmall tbody td {padding:15px 10px;}
		/*.overflow_box .iconlr {display:inline-block;margin:15px 0 0 0;height:27px;padding-left:60px;background:url("/img/main/icon_lr.png") no-repeat left top;color:#222;}
		.overflow_box .table_box {overflow-x:auto;}
		.overflow_box .table_box table {width:767px;}*/
	}

/********** 배경색상 **********/
.bg_orange {background: #fdf9f7 !important;}


/* 폼테이블 */
.table_form {width:100%;border-bottom:1px solid #d7d7d7;border-top:1px solid #666;font-size:1.111em;}
.table_form tbody th {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;background:#e0e7f7;vertical-align:middle;font-weight:500;color:#222;}
.table_form tbody td {padding:25px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;}
.table_form tbody tr th:first-child,
.table_form tbody tr td:first-child {border-left:0;}
.table_form tbody tr:first-child th,
.table_form tbody tr:first-child td {border-top:1px solid #fff;}
.table_form tbody tr th.bd_none,.table_form tbody tr td.bd_none {border-left:0;}
.table_form tbody tr th.bd_left,.table_form tbody tr td.bd_left {border-left:1px solid #cdd2d5;}
.table_form [class^="list"] > li:first-child {margin-top:0;}
	@media only screen and (max-width:1023px){
		.table_form tbody th {padding:15px 20px;}
		.table_form tbody td {padding:15px 20px;}
	}
	@media only screen and (max-width:767px){
		.table_form colgroup {display:none;}
		.table_form tbody tr:first-child th,
		.table_form tbody tr:first-child td {border-top:1px solid #d7d7d7;}
		.table_form tbody th {display:block;padding:10px 15px;border-left:0;text-align:left;}
		.table_form tbody td {display:block;padding:10px 15px;border-left:0;}

		.table_form tbody tr th:first-child,
		.table_form tbody tr td:first-child {border-left:1px solid #d7d7d7;}
		.table_form tbody tr th,
		.table_form tbody tr td {border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
	}


/********** 페이지넘버 **********/
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:inline-block;width:32px;height:36px;line-height:36px;text-align:center;border:1px solid #d7d7d7;font-size:0.833em;}
.page_number li a.on,.page_number li a:is(:hover, :focus, :active) {}
.page_number .prev_first a {width:36px;background:url("/img/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {width:36px;background:url("/img/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num {}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {background:#222;color:#fff;}
.page_number .next a {width:36px;background:url("/img/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {width:36px;background:url("/img/common/last_next.png") no-repeat center center;font-size:0;}
	@media only screen and (max-width:767px){
		.page_number li {margin:0 1px;}
		.page_number li a {width:30px;height:30px;line-height:30px;}
		.page_number .prev_first a {width:30px;}
		.page_number .prev a {width:30px;}
		.page_number .next a {width:30px;}
		.page_number .next_last a {width:30px;}
	}


/********** 버튼 **********/
/* 기본 */
.btn_bace {display:inline-block;min-width:135px;height:50px;line-height:50px;padding:0 20px;background:#000;text-align:center;color:#fff;font-size:0.888em;cursor:pointer;transition:0.4s;}
.btn_bace img {margin-left:8px;filter:brightness(10);transform:translateY(-2px) rotate(180deg);vertical-align:middle;}
.btn_bace:is(:hover, :focus, :active) {background:#000;color:#fff;}
/* 선버튼 */
.btn_line {line-height:48px;background:#fff;border:1px solid #d7d7d7;color:#222;}
.btn_line img {filter:brightness(1);}
.btn_line:is(:hover, :focus, :active) {background:#fff;border:1px solid #000;color:#222;}
.btn_line:is(:hover, :focus, :active) img {filter:brightness(1);}
@media only screen and (max-width:767px){
	.btn_bace {min-width:auto;height:40px;line-height:40px;}
	.btn_line {height:40px;line-height:38px;}
}
/* 기본_라운드 */
.btn_bace_rd {display:inline-block;min-width:200px;height:60px;line-height:60px;padding:0 20px;background:#000;border-radius:50px;text-align:center;color:#fff;font-size:0.888em;cursor:pointer;transition:0.4s;}
.btn_bace_rd img {margin-left:8px;filter:brightness(10);transform:translateY(-1px) rotate(180deg);vertical-align:middle;}
.btn_bace_rd img.arr_left {margin-left:0;margin-right:8px;filter:brightness(1);transform:translateY(-1px) rotate(0deg);}
.btn_bace_rd:is(:hover, :focus, :active) {background:#000;color:#fff;}
/* 선버튼_라운드 */
.btn_line_rd {line-height:58px;background:#fff;border:1px solid #d7d7d7;color:#222;}
.btn_line_rd img {filter:brightness(1);}
.btn_line_rd:is(:hover, :focus, :active) {background:#fff;border:1px solid #000;color:#222;}
.btn_line_rd:is(:hover, :focus, :active) img {filter:brightness(1);}
@media only screen and (max-width:767px){
	.btn_bace_rd {min-width:100px;height:50px;line-height:50px;}
	.btn_line_rd {height:50px;line-height:48px;}
}
/* 기능버튼 */
button.btn_bace {line-height:52px;}
button.btn_bace_rd {padding:2px 20px 0 20px;}
@media only screen and (max-width:767px){
	button.btn_bace {line-height:42px;}
}
/* 색상 */
.btn_blue {background:#023760 !important;}
.btn_blue2 {background:#4e6cb4 !important;}
.btn_orange {background:#f08336 !important;}
.btn_red {background:#F7B9BC !important;}

/********** 체크버튼(라디오, 체크) **********/
.checks {position:relative;}
.checks input {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0;}
.checks input + label {display:inline-block;font-size:0.888em;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;}
.checks input:hover + label:before,
.checks input:focus + label:before,
.checks input:active + label:before {outline:1px dotted #000;}
.checks input:disabled:hover + label:before,
.checks input:disabled:focus + label:before,
.checks input:disabled:active + label:before {outline:0;}
.checks input[type="radio"] + label {padding-left:24px;}
.checks input[type="radio"] + label:before {content:'';position:absolute;left:0;top:0;bottom:0;width:15px;height:15px;margin:auto 0;background:#fff;border:1px solid #666;border-radius:100%;text-align:center;}
.checks input[type="radio"]:checked + label:after {content:'';position:absolute;left:3px;top:0;bottom:0;width:9px;height:9px;margin:auto 0;background:#f08336;border-radius:100%;}
.checks input[type="radio"]:disabled + label:before {background:#e9e9e9;border:1px solid #d7d7d7;}
.checks input[type="checkbox"] + label:before {content:'';display:inline-block;width:15px;height:15px;margin:-2px 8px 0 0;border:1px solid #666;border-radius:2px;vertical-align:middle;}
.checks input[type="checkbox"]:checked + label:before {content:'';background:url("/img/common/icon_checks.gif") no-repeat center center;border:0;}
.checks input[type="checkbox"]:disabled + label:before {background:#e9e9e9;border:1px solid #d7d7d7;}


/********** 인풋스타일 **********/
/*input[type="image"],*/
/*input[type="hidden"],*/
/*input[type="color"],*/
/*input[type="range"],*/
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"],select {min-width:150px;height:50px;line-height:50px;padding:0 15px;border:1px solid #d7d7d7;font-size:1em;color:#74828c;}
input:focus,select:focus,textarea:focus {border:1px solid #023760;}
select {padding:0 35px 0 15px;background:url("/img/common/icon_select.png") no-repeat right 10px center #fff;}
textarea {padding:15px;border:1px solid #d7d7d7;font-size:1em;color:#000;}
button {padding:2px 22px 0 22px;}
/* 플러그인 셀렉트 */
.select2 {min-width:auto;}
.select2-container--default .select2-selection--single {height:50px !important;line-height:50px !important;border:1px solid #d7d7d7 !important;border-radius:0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:50px !important;padding-right:35px !important;color:#74828c !important;font-size:1.05em;font-weight:300;transform:translateY(-2px);}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:35px !important;height:50px !important;background:url("/img/common/icon_select.png") no-repeat right 10px center;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:none;}
.select2-search input {min-width:auto;height:auto;line-height:normal;}
@media only screen and (max-width:1199px){
	input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"],select {min-width:auto;}
}
@media only screen and (max-width:767px){
	input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"], select {min-width:50px;height:40px;line-height:40px;padding:0 10px;}
	input:first-child,select:first-child {margin-top:0;}
	textarea {padding:10px;}
}


/********** 가로값 **********/
.wh100p {width:100% !important;}
.wh99p {width:99% !important;}
.wh90p {width:90% !important;}
.wh80p {width:80% !important;}
.wh70p {width:70% !important;}
.wh50p {width:50% !important;}
.wh45p {width:45% !important;}
.wh40p {width:40% !important;}
.wh30p {width:30% !important;}
.wh70 {width:70px !important;}
.wh160 {width:160px !important;}
.wh200 {width:200px !important;}
	@media only screen and (max-width:767px){
		.wh99p,
		.wh90p,
		.wh80p,
		.wh70p,
		.wh50p,
		.wh45p,
		.wh40p,
		.wh30p {width:100% !important;}
		.wh70,
		.wh160,
		.wh200 {width:100% !important;}
	}


/********** 정렬 **********/
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.vt-t {vertical-align:top;}
.vt-c {vertical-align:middle;}
.vt-b {vertical-align:bottom;}


/********** 전역클래스 **********/
.ft-l {float:left;}
.ft-r {float:right;}
.block {display:block;}
.inblock {display:inline-block;}
.overflow {overflow:hidden;}
.clear:after {content:"";display:block;clear:both;}


/********** 참고텍스트 **********/
/* 느낌표_흰배경파란 */
.point1 {display:block;padding-left:20px;background:url("/img/common/ico_caution1.gif") no-repeat 0 6px;}
/* 느낌표_흰배경빨강 */
.point2 {display:block;padding-left:20px;background:url("/img/common/ico_caution2.gif") no-repeat 0 6px;}
/* 느낌표_빨강배경흰색 */
.point3 {display:block;padding-left:20px;background:url("/img/common/ico_caution3.gif") no-repeat 0 6px;}
/* 당구장표시 */
.point4 {display:block;padding-left:14px;background:url("/img/common/bul_focus.gif") no-repeat 0 9px;}


/********** 가장자리_외부(margin) **********/
/* 위 */
.mt0 {margin-top:0px !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;}.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}
	@media only screen and (max-width:1023px){
		.mt15 {margin-top:5px !important;}
		.mt20 {margin-top:10px !important;}.mt25 {margin-top:15px !important;}
		.mt30 {margin-top:20px !important;}.mt35 {margin-top:25px !important;}
		.mt40 {margin-top:30px !important;}.mt45 {margin-top:35px !important;}
		.mt50 {margin-top:40px !important;}.mt55 {margin-top:45px !important;}
		.mt60 {margin-top:50px !important;}.mt65 {margin-top:55px !important;}
		.mt70 {margin-top:60px !important;}.mt75 {margin-top:65px !important;}
		.mt80 {margin-top:70px !important;}.mt85 {margin-top:65px !important;}
	}
	@media only screen and (max-width:767px){
		.mt30 {margin-top:10px !important;}.mt35 {margin-top:15px !important;}
		.mt40 {margin-top:20px !important;}.mt45 {margin-top:25px !important;}
		.mt50 {margin-top:30px !important;}.mt55 {margin-top:35px !important;}
		.mt60 {margin-top:40px !important;}.mt65 {margin-top:45px !important;}
		.mt70 {margin-top:50px !important;}.mt75 {margin-top:55px !important;}
		.mt80 {margin-top:60px !important;}.mt85 {margin-top:35px !important;}
	}
/* 우측 */
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
/* 좌측 */
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
/* 아래 */
.mb5 {margin-bottom:5px !important;}
.mb40 {margin-bottom:40px !important;}
	@media only screen and (max-width:1023px){
		.mb40 {margin-bottom:30px !important;}
	}
	@media only screen and (max-width:767px){
		.mb40 {margin-bottom:20px !important;}
	}

/* 반응형테이블 */
@media screen and (max-width:1023px){
	table.responsive {border-top:#a6a6a6 solid 1px;}
	table.responsive thead {display:none;}
	table.responsive colgroup {display:none;}
	table.responsive tbody tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;padding:5px 0;}
	table.responsive tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
	table.responsive tbody tr:nth-child(odd) {background:#f3f9ff;}
	table.responsive tbody td {display:block; padding:2px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;width:100%;}
	table.responsive tbody td p {overflow:unset;width:calc(100% - 50px);text-overflow:unset;white-space:unset;word-wrap:unset;display:inline-flex;-webkit-line-clamp: unset;line-height:23px;}
	table.responsive tbody th {display:block; padding:2px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle; }
	table.responsive tbody tr:first-child td, table.responsive tbody tr:first-child th {border-top:none;}
	table.responsive tbody td.table_p {align-items:flex-start;}
	table.responsive > tbody > th:before, table.responsive > tbody td:before {content:attr(data-content)' : '; display:inline;font-weight:600;color:#3d3d3d;padding-right:10px;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
	table.responsive tfoot {display:block;}
	table.responsive tfoot tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;}
	table.responsive tfoot tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
	table.responsive tfoot tr:nth-child(odd) {background:#e8fff3;}
	table.responsive tfoot td {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;}
	table.responsive tfoot th {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle;}
	table.responsive tfoot tr:first-child td, table.responsive tfoot tr:first-child th {border-top:none;}
	table.responsive tfoot th:before, table.responsive tfoot td:before {content:attr(data-content)' : '; display:inline;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
}