@charset "utf-8";

/* ==================================================================================================== *
 *
 *   WEBIS DESIGN KIT - COMMON
 *
 * ==================================================================================================== */
 
/* [FONT] NOTO */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype')}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype')}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype')}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype')}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype')}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype')}

/*
/* [FONT] Google Noto & Nanum *
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Nanum+Pen+Script|Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Nanum Brush Script', cursive;
 */

/* 둥근 테두리 속성 제거 */
* {border-radius:0 !important}

/* 바디 백그라운드 컬러 */
body {background-color:#FFFFFF;color:#555555;font-size:12px;font-family:'Noto Sans KR', sans-serif}

/* 폰트 기본속성 */
a {color:#555555}
a:hover {color:#7bb32f}
a,
a:link,
a:visited,
a:active,
a:focus,
a:hover {}
a:hover {/*text-decoration:underline*/}

/* 기본 컬러셋 */
.wd_col {color:#7bb32f !important}
.wd_col_a:after {color:#7bb32f !important}
.wd_col_b:before {color:#7bb32f !important}
.wd_col_h:hover {color:#7bb32f !important}
.wd_col_on {}

.wd_col_bd {border-color:#7bb32f !important}
.wd_col_bd_a:after {border-color:#7bb32f !important}
.wd_col_bd_b:before {border-color:#7bb32f !important}
.wd_col_bd_h:hover {border-color:#7bb32f !important}
.wd_col_bd_on {}

.wd_col_bg {background-color:#7bb32f !important}
.wd_col_bg_a:after {background-color:#7bb32f !important}
.wd_col_bg_b:before {background-color:#7bb32f !important}
.wd_col_bg_h:hover {background-color:#7bb32f !important}
.wd_col_bg_on {}

.wd_col_bg_w {color:#FFF !important;background-color:#7bb32f !important}
.wd_col_bg_w_a:after {color:#FFF !important;background-color:#7bb32f !important}
.wd_col_bg_w_b:before {color:#FFF !important;background-color:#7bb32f !important}
.wd_col_bg_w_h:hover {color:#FFF !important;background-color:#7bb32f !important}
.wd_col_bg_w_on {}

.wd_col_bdg {background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_a:after {background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_b:before {background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_h:hover {background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_on {}

.wd_col_bdg_w {color:#FFF !important;background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_w_a:after {color:#FFF !important;background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_w_b:before {color:#FFF !important;background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_w_h:hover {color:#FFF !important;background-color:#7bb32f !important;border-color:#7bb32f !important}
.wd_col_bdg_w_on {}


/* ==================================================================================================== *
 *
 *   WEBIS DESIGN KIT - FORM DEFAULT
 *
 * ==================================================================================================== */

/* ---------- FORM > RESET ---------- */
input,
label,
select,
button,
textarea {
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
}

textarea {
	resize:none;
	white-space:pre-line
}

input:focus {
	outline:0
}

/* ---------- FORM > FOCUS SHADOW RESET ---------- */
input:focus,
input[type]:focus,
select:focus,
button:focus,
textarea:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	/*border:0 !important;*/
}

/* ---------- FORM > TRANSITION RESET ---------- */
input,
textarea,
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
}

/* ---------- FORM > BOX SIZING RESET ---------- */
input,
textarea,
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

/* ---------- FORM > TEXT INPUT ---------- */
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {

}

/* ---------- FORM > BUTTON CONTROLS ---------- */
input[type=checkbox],
input[type=radio] {
	width:13px;
	height:13px
}

/* ---------- FORM > FILE UPLOADS ---------- */

input[type=file] {

}

/* ---------- FORM > SEARCH INPUT ---------- */
input[type=search] {
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box
}

::-webkit-search-decoration {
	display:none
}

/* ---------- FORM > BUTTONS ---------- */
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
	overflow:visible;
	width:auto
}

::-webkit-file-upload-button {
	padding:0;
	border:0;
	background:none;
}

/* ---------- FORM > TEXTAREA ---------- */
textarea  {
	vertical-align:top;
	overflow:auto;
	width:100%
}

/* ---------- FORM > SELECTS ---------- */
select {

}

select[multiple] {
	vertical-align:top
}


/* ==================================================================================================== *
 *
 *   WEBIS DESIGN KIT - FORM DESIGN
 *
 * ==================================================================================================== */

/* FORM 기본속성 */
input.ws_form_input,
select.ws_form_select,
button.ws_form_button,
textarea.ws_form_textarea {
	padding:0 10px;
	min-height:25px;
	line-height:25px;
	border-color:#D5D5D5;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}
textarea.ws_form_textarea {
	padding-top:5px;
	padding-bottom:5px;
}

/* FORM 파일첨부 커스텀 */
.ws_form_file_wrap {position:relative}
.ws_form_file_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'} /* FOR IE8, ETC */
.ws_form_file_wrap .es_file_text {padding:0 10px;min-width:200px;min-height:25px;line-height:25px;border-color:#D5D5D5;border-width:1px;border-style:solid;background-color:#FFFFFF}
.ws_form_file_wrap .es_button_area {}
.ws_form_file_wrap .es_file_text {float:left}
.ws_form_file_wrap .es_button_area {position:relative;float:left}
.ws_form_file_wrap .es_button_area .bs_button,
.ws_form_file_wrap .es_button_area .bs_hidden {position:absolute;left:0px;top:0px;width:100px;min-height:25px;line-height:25px;cursor:pointer}
.ws_form_file_wrap .es_button_area .bs_button {border-color:#EAEAEA;border-width:1px;border-style:solid;background-color:#EAEAEA;cursor:pointer}
.ws_form_file_wrap .es_button_area .bs_hidden {opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}

/* FORM 셀렉트, 라디오, 체크박스 웹킷 초기화 */
select.ws_form_select,
input[type=checkbox].ws_form_checkbox,
input[type=radio].ws_form_radio {
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
}
select.ws_form_select::-ms-expand{
	display:none;
}

/* FORM 셀렉트 커스텀 */
select.ws_form_select {padding-right:30px;background: url(../img/form/select_arrow.png) no-repeat center right 10px}

/* FORM 체크박스 커스텀 */
label.ws_form_checkbox_label {margin-right:10px}
input[type=checkbox].ws_form_checkbox {display:inline-block;width:14px;height:14px;margin-top:-1px;margin-right:3px}
input[type=checkbox].ws_form_checkbox {background:url(../img/form/checkbox_off.png) center no-repeat}
input:checked[type=checkbox].ws_form_checkbox {background:url(../img/form/checkbox_on.png) center no-repeat}

/* FORM 라디오 커스텀 */
label.ws_form_radio_label {margin-right:10px}
input[type=radio].ws_form_radio {display:inline-block;width:14px;height:14px;margin-top:-1px;margin-right:3px}
input[type=radio].ws_form_radio {background:url(../img/form/radio_off.png) center no-repeat}
input:checked[type=radio].ws_form_radio {background:url(../img/form/radio_on.png) center no-repeat}


/* ==================================================================================================== *
 *
 *   WEBIS DESIGN KIT - BUTTON DESIGN
 *
 * ==================================================================================================== */

/* WEBIS BUTTON RESET */
.ws_btn,
.ws_btn .es_btn {
	display:-moz-inline-stack;
	display:inline-block;
	overflow:visible;
	position:relative;
	height:1em;
	padding:0;
	margin:0;
	border:0;
	color:#333333;
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
	white-space:nowrap
}
.ws_btn {
	vertical-align:middle;
}
.ws_btn .es_btn {
	border:1px solid #EEEEEE;
	background-color:#FFFFFF;
	vertical-align:top;
	cursor:pointer;
	_cursor:hand
}
.ws_btn .es_btn:hover,
.ws_btn .es_btn:active,
.ws_btn .es_btn:focus {
	color:#000000
}

/* WEBIS BUTTON SIZE (11px~30px) */
.ws_btn.ws_e_11 {height:2em}
.ws_btn.ws_e_11 .es_btn {height:2em;padding:0 0.917em;font-size:0.917em;line-height:1.833em}
.ws_btn,
.ws_btn.ws_e_12 {height:2.167em}
.ws_btn .es_btn,
.ws_btn.ws_e_12 .es_btn {height:2.167em;padding:0 1em;font-size:1em;line-height:2em}
.ws_btn.ws_e_13 {height:2.333em}
.ws_btn.ws_e_13 .es_btn {height:2.333em;padding:0 1.083em;font-size:1.083em;line-height:2.167em}
.ws_btn.ws_e_14 {height:2.5em}
.ws_btn.ws_e_14 .es_btn {height:2.5em;padding:0 1.167em;font-size:1.167em;line-height:2.333em}
.ws_btn.ws_e_15 {height:2.667em}
.ws_btn.ws_e_15 .es_btn {height:2.667em;padding:0 1.25em;font-size:1.25em;line-height:2.5em}
.ws_btn.ws_e_16 {height:2.833em}
.ws_btn.ws_e_16 .es_btn {height:2.833em;padding:0 1.333em;font-size:1.333em;line-height:2.667em}
.ws_btn.ws_e_17 {height:3em}
.ws_btn.ws_e_17 .es_btn {height:3em;padding:0 1.417em;font-size:1.417em;line-height:2.833em}
.ws_btn.ws_e_18 {height:3.167em}
.ws_btn.ws_e_18 .es_btn {height:3.167em;padding:0 1.5em;font-size:1.5em;line-height:3em}
.ws_btn.ws_e_19 {height:3.333em}
.ws_btn.ws_e_19 .es_btn {height:3.333em;padding:0 1.583em;font-size:1.583em;line-height:3.167em}
.ws_btn.ws_e_20 {height:3.5em}
.ws_btn.ws_e_20 .es_btn {height:3.5em;padding:0 1.667em;font-size:1.667em;line-height:3.333em}
.ws_btn.ws_e_21 {height:3.667em}
.ws_btn.ws_e_21 .es_btn {height:3.667em;padding:0 1.75em;font-size:1.75em;line-height:3.5em}
.ws_btn.ws_e_22 {height:3.833em}
.ws_btn.ws_e_22 .es_btn {height:3.833em;padding:0 1.833em;font-size:1.833em;line-height:3.667em}
.ws_btn.ws_e_23 {height:4em}
.ws_btn.ws_e_23 .es_btn {height:4em;padding:0 1.917em;font-size:1.917em;line-height:3.833em}
.ws_btn.ws_e_24 {height:4.167em}
.ws_btn.ws_e_24 .es_btn {height:4.167em;padding:0 2em;font-size:2em;line-height:4em}
.ws_btn.ws_e_25 {height:4.333em}
.ws_btn.ws_e_25 .es_btn {height:4.333em;padding:0 2.083em;font-size:2.083em;line-height:4.167em}
.ws_btn.ws_e_26 {height:4.5em}
.ws_btn.ws_e_26 .es_btn {height:4.5em;padding:0 2.167em;font-size:2.167em;line-height:4.333em}
.ws_btn.ws_e_27 {height:4.667em}
.ws_btn.ws_e_27 .es_btn {height:4.667em;padding:0 2.25em;font-size:2.25em;line-height:4.5em}
.ws_btn.ws_e_28 {height:4.833em}
.ws_btn.ws_e_28 .es_btn {height:4.833em;padding:0 2.333em;font-size:2.333em;line-height:4.667em}
.ws_btn.ws_e_29 {height:5em}
.ws_btn.ws_e_29 .es_btn {height:5em;padding:0 2.417em;font-size:2.417em;line-height:4.833em}
.ws_btn.ws_e_30 {height:5.167em}
.ws_btn.ws_e_30 .es_btn {height:5.167em;padding:0 2.5em;font-size:2.5em;line-height:5em}

/*
	WEBIS BUTTON COLOR SET (MATERIAL COLOR PALETTES)
	https://material.io/design/color/the-color-system.html#color-usage-palettes
*/

/* Red */
.ws_btn.ws_c_red .es_btn {border-color:#D32F2F;background-color:#D32F2F;color:#FFFFFF}
.ws_btn.ws_c_red .es_btn:hover,
.ws_btn.ws_c_red .es_btn:active,
.ws_btn.ws_c_red .es_btn:focus {border-color:#D32F2F;background-color:#E53935;color:#FFFFFF}

/* Pink */
.ws_btn.ws_c_pink .es_btn {border-color:#C2185B;background-color:#C2185B;color:#FFFFFF}
.ws_btn.ws_c_pink .es_btn:hover,
.ws_btn.ws_c_pink .es_btn:active,
.ws_btn.ws_c_pink .es_btn:focus {border-color:#C2185B;background-color:#D81B60;color:#FFFFFF}

/* Purple */
.ws_btn.ws_c_purple .es_btn {border-color:#7B1FA2;background-color:#7B1FA2;color:#FFFFFF}
.ws_btn.ws_c_purple .es_btn:hover,
.ws_btn.ws_c_purple .es_btn:active,
.ws_btn.ws_c_purple .es_btn:focus {border-color:#7B1FA2;background-color:#8E24AA;color:#FFFFFF}

/* Deep Purple */
.ws_btn.ws_c_deeppurple .es_btn {border-color:#512DA8;background-color:#512DA8;color:#FFFFFF}
.ws_btn.ws_c_deeppurple .es_btn:hover,
.ws_btn.ws_c_deeppurple .es_btn:active,
.ws_btn.ws_c_deeppurple .es_btn:focus {border-color:#512DA8;background-color:#5E35B1;color:#FFFFFF}

/* Indigo */
.ws_btn.ws_c_indigo .es_btn {border-color:#303F9F;background-color:#303F9F;color:#FFFFFF}
.ws_btn.ws_c_indigo .es_btn:hover,
.ws_btn.ws_c_indigo .es_btn:active,
.ws_btn.ws_c_indigo .es_btn:focus {border-color:#303F9F;background-color:#3949AB;color:#FFFFFF}

/* Blue */
.ws_btn.ws_c_blue .es_btn {border-color:#1976D2;background-color:#1976D2;color:#FFFFFF}
.ws_btn.ws_c_blue .es_btn:hover,
.ws_btn.ws_c_blue .es_btn:active,
.ws_btn.ws_c_blue .es_btn:focus {border-color:#1976D2;background-color:#1E88E5;color:#FFFFFF}

/* Light Blue */
.ws_btn.ws_c_lightblue .es_btn {border-color:#0288D1;background-color:#0288D1;color:#FFFFFF}
.ws_btn.ws_c_lightblue .es_btn:hover,
.ws_btn.ws_c_lightblue .es_btn:active,
.ws_btn.ws_c_lightblue .es_btn:focus {border-color:#0288D1;background-color:#039BE5;color:#FFFFFF}

/* Cyan */
.ws_btn.ws_c_cyan .es_btn {border-color:#0097A7;background-color:#0097A7;color:#FFFFFF}
.ws_btn.ws_c_cyan .es_btn:hover,
.ws_btn.ws_c_cyan .es_btn:active,
.ws_btn.ws_c_cyan .es_btn:focus {border-color:#0097A7;background-color:#00ACC1;color:#FFFFFF}

/* Teal */
.ws_btn.ws_c_teal .es_btn {border-color:#00796B;background-color:#00796B;color:#FFFFFF}
.ws_btn.ws_c_teal .es_btn:hover,
.ws_btn.ws_c_teal .es_btn:active,
.ws_btn.ws_c_teal .es_btn:focus {border-color:#00796B;background-color:#00897B;color:#FFFFFF}

/* Green */
.ws_btn.ws_c_green .es_btn {border-color:#388E3C;background-color:#388E3C;color:#FFFFFF}
.ws_btn.ws_c_green .es_btn:hover,
.ws_btn.ws_c_green .es_btn:active,
.ws_btn.ws_c_green .es_btn:focus {border-color:#388E3C;background-color:#43A047;color:#FFFFFF}

/* Light Green */
.ws_btn.ws_c_lightgreen .es_btn {border-color:#689F38;background-color:#689F38;color:#FFFFFF}
.ws_btn.ws_c_lightgreen .es_btn:hover,
.ws_btn.ws_c_lightgreen .es_btn:active,
.ws_btn.ws_c_lightgreen .es_btn:focus {border-color:#689F38;background-color:#7CB342;color:#FFFFFF}

/* Lime */
.ws_btn.ws_c_lime .es_btn {border-color:#AFB42B;background-color:#AFB42B;color:#FFFFFF}
.ws_btn.ws_c_lime .es_btn:hover,
.ws_btn.ws_c_lime .es_btn:active,
.ws_btn.ws_c_lime .es_btn:focus {border-color:#AFB42B;background-color:#C0CA33;color:#FFFFFF}

/* Yellow */
.ws_btn.ws_c_yellow .es_btn {border-color:#FBC02D;background-color:#FBC02D;color:#FFFFFF}
.ws_btn.ws_c_yellow .es_btn:hover,
.ws_btn.ws_c_yellow .es_btn:active,
.ws_btn.ws_c_yellow .es_btn:focus {border-color:#FBC02D;background-color:#FDD835;color:#FFFFFF}

/* Amber */
.ws_btn.ws_c_amber .es_btn{border-color:#FFA000;background-color:#FFA000;color:#FFFFFF}
.ws_btn.ws_c_amber .es_btn:hover,
.ws_btn.ws_c_amber .es_btn:active,
.ws_btn.ws_c_amber .es_btn:focus {border-color:#FFA000;background-color:#FFB300;color:#FFFFFF}

/* Orange */
.ws_btn.ws_c_orange .es_btn {border-color:#F57C00;background-color:#F57C00;color:#FFFFFF}
.ws_btn.ws_c_orange .es_btn:hover,
.ws_btn.ws_c_orange .es_btn:active,
.ws_btn.ws_c_orange .es_btn:focus {border-color:#F57C00;background-color:#FB8C00;color:#FFFFFF}

/* Deep Orange */
.ws_btn.ws_c_deeporange .es_btn {border-color:#E64A19;background-color:#E64A19;color:#FFFFFF}
.ws_btn.ws_c_deeporange .es_btn:hover,
.ws_btn.ws_c_deeporange .es_btn:active,
.ws_btn.ws_c_deeporange .es_btn:focus {border-color:#E64A19;background-color:#F4511E;color:#FFFFFF}

/* Brown */
.ws_btn.ws_c_brown .es_btn {border-color:#5D4037;background-color:#5D4037;color:#FFFFFF}
.ws_btn.ws_c_brown .es_btn:hover,
.ws_btn.ws_c_brown .es_btn:active,
.ws_btn.ws_c_brown .es_btn:focus {border-color:#5D4037;background-color:#6D4C41;color:#FFFFFF}

/* Gray */
.ws_btn.ws_c_gray .es_btn {border-color:#616161;background-color:#616161;color:#FFFFFF}
.ws_btn.ws_c_gray .es_btn:hover,
.ws_btn.ws_c_gray .es_btn:active,
.ws_btn.ws_c_gray .es_btn:focus {border-color:#616161;background-color:#757575;color:#FFFFFF}

/* Blue Gray */
.ws_btn.ws_c_bluegray .es_btn {border-color:#455A64;background-color:#455A64;color:#FFFFFF}
.ws_btn.ws_c_bluegray .es_btn:hover,
.ws_btn.ws_c_bluegray .es_btn:active,
.ws_btn.ws_c_bluegray .es_btn:focus {border-color:#455A64;background-color:#546E7A;color:#FFFFFF}

/* Black */
.ws_btn.ws_c_black .es_btn {border-color:#000000;background-color:#000000;color:#FFFFFF}
.ws_btn.ws_c_black .es_btn:hover,
.ws_btn.ws_c_black .es_btn:active,
.ws_btn.ws_c_black .es_btn:focus {border-color:#000000;background-color:#FFFFFF;color:#000000}


/* ==================================================================================================== *
 *
 *   WEBIS DESIGN KIT - TABLE LIST, FORM DESIGN
 *
 * ==================================================================================================== */

/* ---------- 테이블 기본설정 ---------- */

/* TABLE DEFAULT */
.ws_table_wrap {
	width:100%;
	max-width:100%;
	border-collapse:collapse;
	border-spacing:0;
	text-align:center;
	background-color:transparent
}

/* TABLE CAPTION */
.ws_table_wrap caption {
	position:absolute;
	width:0;
	height:1px;
	padding:0;
	margin:-1px;
	border:0;
	text-align:left;
	clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip:rect(1px, 1px, 1px, 1px);
	overflow:hidden
}

/* TABLE DEFAULT > TH, TD */
.ws_table_wrap > thead > tr > th,
.ws_table_wrap > tbody > tr > th,
.ws_table_wrap > tfoot > tr > th,
.ws_table_wrap > thead > tr > td,
.ws_table_wrap > tbody > tr > td,
.ws_table_wrap > tfoot > tr > td {
	padding:10px 0;
	border-top-width:1px;
	border-style:solid;
	border-color:#eee;
	vertical-align:middle;
	line-height:1.5em
}

/* TABLE DEFAULT > LAST - TH, TD */
.ws_table_wrap > tbody > tr:last-child > th,
.ws_table_wrap > tbody > tr:last-child > td {
	border-bottom-width:1px
}

/* TABLE DEFAULT > TH */
.ws_table_wrap > thead > tr > th,
.ws_table_wrap > tbody > tr > th {
	background-color: #f6f5f6
}

/* ---------- 테이블 > 리스트 타입 ---------- */

/* TABLE LIST - THAD > TR > TH */
.ws_table_wrap.ws_table_list > thead > tr > th {
	padding:15px 0;
	border-style:solid;
	border-color:#ddd
}

/* TABLE LIST - THEAD > TR (첫행) > TH, TH */
.ws_table_wrap.ws_table_list > caption + thead > tr:first-child > th,
.ws_table_wrap.ws_table_list > colgroup + thead > tr:first-child > th,
.ws_table_wrap.ws_table_list > thead:first-child > tr:first-child > th,
.ws_table_wrap.ws_table_list > caption + thead > tr:first-child > td,
.ws_table_wrap.ws_table_list > colgroup + thead > tr:first-child > td,
.ws_table_wrap.ws_table_list > thead:first-child > tr:first-child > td {
	border-top-width:1px
}

/* TABLE LIST - EMPTY DATA */
.ws_table_wrap.ws_table_list .es_empty_data {
	height:250px;
	text-align:center
}

/* ---------- 테이블 > 폼 타입 ---------- */

/* TABLE FORM > TH, TD */
.ws_table_wrap.ws_table_form > tbody > tr > th,
.ws_table_wrap.ws_table_form > tbody > tr > td {
	padding-left:10px;
	padding-right:10px
}

/* TABLE FORM > TD */
.ws_table_wrap.ws_table_form > tbody > tr > td {
	text-align:left
}

/* ---------- 테이블 > 아웃라인 ---------- */

/* TABLE OUTLINE  */
.ws_table_wrap.ws_table_outline {
	border:1px solid #ddd
}

/* ---------- 테이블 > 보더 ---------- */

/* TABLE BORDER > TH, TD */
.ws_table_wrap.ws_table_border > thead > tr > th,
.ws_table_wrap.ws_table_border > tbody > tr > th,
.ws_table_wrap.ws_table_border > tfoot > tr > th,
.ws_table_wrap.ws_table_border > thead > tr > td,
.ws_table_wrap.ws_table_border > tbody > tr > td,
.ws_table_wrap.ws_table_border > tfoot > tr > td {
	border:1px solid #eee
}

/* ---------- 테이블 > 스트라이프 ---------- */

/* TABLE STRIPE (라인배경-2N) */
.ws_table_wrap.ws_table_stripe > tbody > tr:nth-of-type(even) {
	background-color:#f9f9f9
}

/* ---------- 테이블 > 라인 호버 ---------- */

/* TABLE HOVER (라인호버) */
.ws_table_wrap.ws_table_hover > tbody > tr:hover {
	background-color:#f5f5f5
}

/* ---------- 테이블 > 반응형 클래스 ---------- */

/* TABLE COL RESPOND CLASS (그리드 클래스) */
.ws_table_wrap col[class*="wd_xs_"],
.ws_table_wrap col[class*="wd_sm_"],
.ws_table_wrap col[class*="wd_md_"],
.ws_table_wrap col[class*="wd_lg_"] {
	position:static;
	display:table-column;
	float:none
}
.ws_table_wrap td[class*="wd_xs_"],
.ws_table_wrap td[class*="wd_sm_"],
.ws_table_wrap td[class*="wd_md_"],
.ws_table_wrap td[class*="wd_lg_"],
.ws_table_wrap th[class*="wd_xs_"],
.ws_table_wrap th[class*="wd_sm_"],
.ws_table_wrap th[class*="wd_md_"],
.ws_table_wrap th[class*="wd_lg_"] {
	position:static;
	display:table-cell;
	float:none
}

/* ---------- 테이블 > 반응형 박스 ---------- */

/* TABLE RESPOND WRAP */
.ws_table_respond_wrap {
	min-height:.01%;
	overflow-x:auto
}

/* TABLE RESPOND WRAP > (767px 이하) */
@media all and (max-width:767px) {

	/* MOBILE > DIV = WIDTH, BORDER */
	.ws_table_respond_wrap {
		width:100%;
		overflow-y:hidden;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd
	}

	/* MOBILE > TH, TD = NOWRAP */
	.ws_table_respond_wrap > .ws_table_wrap > thead > tr > th,
	.ws_table_respond_wrap > .ws_table_wrap > tbody > tr > th,
	.ws_table_respond_wrap > .ws_table_wrap > tfoot > tr > th,
	.ws_table_respond_wrap > .ws_table_wrap > thead > tr > td,
	.ws_table_respond_wrap > .ws_table_wrap > tbody > tr > td,
	.ws_table_respond_wrap > .ws_table_wrap > tfoot > tr > td {
		white-space:nowrap
	}

	/* MOBILE > TABLE BORDER CLASS = 0 */
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_outline {
		border:0
	}

	/* MOBILE > TABLE LEFT BORDER = 0 */
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > thead > tr > th:first-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tbody > tr > th:first-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tfoot > tr > th:first-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > thead > tr > td:first-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tbody > tr > td:first-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tfoot > tr > td:first-child {
		border-left:0
	}

	/* MOBILE > TABLE RIGHT BORDER = 0 */
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > thead > tr > th:last-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tbody > tr > th:last-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tfoot > tr > th:last-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > thead > tr > td:last-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tbody > tr > td:last-child,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tfoot > tr > td:last-child {
		border-right:0
	}

	/* MOBILE > TABLE BOTTOM BORDER = 0 */
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tbody > tr:last-child > th,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tfoot > tr:last-child > th,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tbody > tr:last-child > td,
	.ws_table_respond_wrap > .ws_table_wrap.ws_table_border > tfoot > tr:last-child > td {
		border-bottom:0
	}
}