@charset "utf-8";

/* 사이트 공통 스타일 */

html, body {width:100%; height:100%;}
body {font-family: 'Noto Sans KR','나눔바른고딕', 'Sans-serif'; font-size:12px; color:#555; letter-spacing: -0.5px; background-color: #f8f8f8; position: relative; padding-bottom: 150px; display: block; }
a {text-decoration:none; color:#555;}
*:after,*:before,* { box-sizing: border-box; }
table,
tbody { width: 100%; }

/*폼 요소*/
input, textarea,option, button { font-family:  'Noto Sans KR','나눔바른고딕', 'Sans-serif'; font-size:13px; color:#555; }
textarea { width: 100%; min-height: 250px; border: 1px solid #e7e7e7; resize: none; padding: 8px; }
.selectbox { display: inline-block; position: relative; }
select { font-family:  'Noto Sans KR','나눔바른고딕', 'Sans-serif'; font-size:13px; color:#555; width: 146px; height: 35px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #dee3eb; padding-left: 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer; }
select option { padding-left: 5px; font-size: 15px; }

/*클리어픽스*/
.clearFix:after {display:block; clear:both; font-size:0; height:0; content: ''; }

/* 테이블 */
.list-table table { box-shadow: 0 5px 25px -8px rgba(0,0,0,0.1); }
.list-table tr { height:38px; border-bottom:1px solid #f5f2f2;text-align:center;color:#575757;}
.list-table tr:last-child { border-bottom: none; }
.list-table tr th{ color: #fff; font-weight: 300; background: #4265ED; color: #E0E9FF; }
.list-table tr td{border-right:1px solid #f5f2f2; }
.list-table tr td:last-child { border-right: none; }
.list-table tr.list-title th{font-size:13px;text-align:center; }
.list-table .list-result { margin-bottom: 10px; display: block; }
.list-table .list-result p { color: #868BA0; font-size: 12px; display: inline-block; font-weight: 300; letter-spacing: 0; float: left; line-height: 35px; }
.list-table .list-result p .value { color: #4265ED; font-weight: 600; }

/* 블라인드 */
.blind { position: absolute; font-size: 0; line-height: 0; height: 0; }
/**************** 글자수 줄임 *********************/
.ellipsis_50 {width:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_80 {width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_100 {width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_150 {width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_180 {width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_200 {width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_220 {width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_250 {width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_270 {width:270px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_290 {width:290px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_300 {width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_350 {width:350px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_370 {width:370px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_400 {width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_450 {width:450px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_500 {width:500px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_650 {width:650px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}

/**************** 텍스트 정렬 *********************/
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}


/**************** 너비 컴포넌트 percentage width *********************/
.w-40pct { width: 40% !important; }
.w-50pct { width: 50% !important; }
.w-100pct { width: 100% !important; }


/**************** 너비 컴포넌트 px width *********************/
.w-40px { width: 40px !important; }
.w-50px { width: 50px !important; }
.w-60px { width: 60px !important; }
.w-70px { width: 70px !important; }
.w-80px { width: 80px !important; }
.w-90px { width: 90px !important; }
.w-100px { width: 100px !important; }
.w-200px { width: 200px !important; }
.w-300px { width: 300px !important; }
.w-400px { width: 400px !important; }