@charset "UTF-8";

table.basic { margin-top:30px; }
table.basic th,
table.basic td { font-weight:bold; min-height:24px; }
table.basic > thead > tr > th { color:#353535; font-size:1.1em; padding:16px 0; background-color:#f9f9f9; border-top:2px solid #006cab; border-bottom:1px solid #999; }
table.basic > tbody > tr > td { color:#484848; text-align:center;  padding:16px 12px; border-bottom:1px solid #b2b2b2; }
table.basic > tbody > tr > td:nth-of-type(2) { text-align:left; }
table.basic > tbody > tr > td > a { display:block; color:#484848; }
table.basic > tbody > tr > td > a:hover { color:#3e81be; }
table.basic > tbody > tr.top_text > td:nth-of-type(1){ color:#015b90; }
table.basic > tbody > tr.top_text > td:nth-of-type(1) > a { color:#015b90; }

/* 폼 테이블 CSS */

/* table.form_table tr:first-of-type > * { border-top:2px solid #396465; } */

table.form_table .check { padding-left:16px; background:url('../img/sub/img_required_check.png') no-repeat left center; }
table.form_table .r-bt { margin-left:5px; }
table.form_table input[type="text"] { width:100%; border:0px; }
table.form_table textarea { resize:none; padding:7px; width:100%; min-height:120px; }
table.form_table ul.radio_bt { display:-ms-flexbox; display:flex; -ms-flex-pack:start; justify-content:flex-start; }
table.form_table ul.radio_bt li:not(:last-child) { margin-right:10px; }

table.form_table thead tr th { border-bottom:1px solid #ccc; }

table.form_table td,
table.form_table th { padding:10px; font-size:0.8em; word-break:keep-all; word-wrap:break-word;  }

table.form_table th { background:#eaeaea; padding-top:15px; padding-bottom:15px; }
table.form_table td { text-align:left; background-color:#fff;  }

table.form_table tbody tr:last-of-type th,
table.form_table tbody tr:last-of-type td { border-bottom:0px; }

table.form_table.list th { border-top:2px solid #454545; }
table.form_table.list td { text-align:center; }
table.form_table.list tr:last-of-type th,
table.form_table.list tr:last-of-type td { border-bottom:1px solid #ccc; }


/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	
	table.form_table th { text-align:left; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1219px) {
	
	
	
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1219px) {

}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	table.form_table td,
	table.form_table th { border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
}

/*** Desktop ***/
@media screen and (min-width:1220px) {
	

	
}