@charset "utf-8";

/* Table */
@media screen and (min-width: 1000px){
.mobile_tab{display: none;}
}

#sub-tit {display: flex;; background: #fafafa;border-bottom: 1px solid #eeeeee;padding: 20px 10px 20px 10px;}
#sub-tit em {color: #666666;display: block;font-size: 13px;font-style: normal;letter-spacing: -1px;margin-top: 0px;margin-bottom: 5px; text-align: left;}

#list-sort {display: flex; background: #fafafa;border-bottom: 1px solid #e7e7e7;padding: 15px 20px;}
#list-left li > textarea{width: 500px; height: 30px;padding: 2px 10px 2px 10px;margin: 0px;}
#list-left {display:block ruby; width: 55%; background: #fafafa;border-bottom: 1px solid #e7e7e7;padding: 15px 20px;}
#list-right {display:block ruby; width: 45%; text-align: right; background: #fafafa;border-bottom: 1px solid #e7e7e7;padding: 15px 20px;}
#list-right input[type=text].number {text-align: center;width: 150px;}
#list-right input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0px 10px 0px 10px;}
#list-right input[type=text].keyword {text-align: center;width: 100px;}
#list-right input[type=text].date {width: 90px;}

#money-left h2 {color: #000000;font-size: 18px;letter-spacing: -1px;line-height: 16px; margin-bottom: 20px;}
#money-left {display: inline-block; width: 50%;background: #fafafa; text-align: right;}

#money-sort {display: inline-block; width: 50%;background: #fafafa; text-align: right;}
#money-sort li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
#money-sort li > * {display: block;zoom: 1;}
#money-sort li > *:after {clear: both;content: '';display: block;}
#money-sort li > * > * {display: inline-block;float: left;}
#money-sort li a,
#money-sort li span {display: block;padding: 0 15px;text-decoration: none;}
#money-sort li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;margin-bottom: 0px; }
#money-sort li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
#money-sort li:hover {background: #fafafa;}

#money-sort input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
#money-sort input[type=text].keyword {padding-right: 30px;}
#money-sort input[type=text].date {width: 90px;}

#list-sch {margin-bottom: 15px;zoom: 1;}
#list-sch:after {clear: both;content: '';display: block;}
#list-sch fieldset {background: #ffffff;border: 1px solid #999999;border-radius: 2px;box-shadow: 1px 2px 0 rgba(0,0,0,0.03);float: left;margin-right: 8px;overflow: hidden;position: relative;zoom: 1;}
#list-sch fieldset:after {clear: both;content: '';display: block;}
#list-sch fieldset > * {float: left;height: 30px;position: relative;}
#list-sch .slt {background: rgb(247,247,247);background: linear-gradient(to top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);border-right: 1px solid #dddddd;height: 30px;margin-right: -1px;overflow: hidden;position: relative;width: 100px;z-index: 2;}
#list-sch .slt:after {color: #999999;content: '\f0d7';display: block;font-family: 'Font Awesome 5 Free';font-size: 16px;font-weight: bold;margin-top: -7px;position: absolute;right: 10px;top: 50%;}
#list-sch .slt select {background: transparent;border: none;cursor: pointer;font-size: 13px;height: 30px;left: 0;letter-spacing: -1px;min-width: 130%;padding-left: 10px;position: absolute;top: 0;z-index: 2;}
#list-sch .sbm {background: none;border: none;height: 30px;position: absolute;right: 0;text-indent: -999em;top: 0;width: 30px;}
#list-sch .sbm i {color: #666666;left: 0;line-height: 30px;position: absolute;text-align: center;text-indent: 0;top: 0;width: 100%;}
#list-sch input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 10px;padding-left: 10px;width: 180px;}
#list-sch input[type=text].keyword {padding-right: 30px;}
#list-sch input[type=text].date {width: 90px;}
#list-sch a {background: rgb(247,247,247);background: linear-gradient(to top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);border-right: 1px solid #dddddd;color: #000000;font-size: 13px;letter-spacing: -1px;line-height: 30px;margin-right: -1px;padding: 0 15px;position: relative;text-decoration: none;z-index: 2;}
#list-paging {margin-top: 20px;}
#list-nodata {color: #999999;display: block;font-style: italic;letter-spacing: -1px;padding: 40px 0;text-align: center;}
#list-nodata.no-bd {border: none;}

#input-sort {display: inline-block; width: 100%;background: #fafafa; text-align: right;}
#input-sort li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}

#sch-date {display: flex; margin-top: -50px; margin-bottom: 15px;zoom: 1;}
#sch-date .slt-date {background: #ffffff;margin-right: 8px;}
#sch-date .slt-date:after {clear: both;content: '';display: block;}
#sch-date .slt-date > * {float: left;height: 30px;position: relative;}

#sch-date .slt-text {margin-right: 8px; margin-top: 5px;}
#sch-date .slt-text:after {clear: both;content: '';display: block;}
#sch-date .slt-text > * {float: left;height: 30px;position: relative;margin-top: 3px;}

#sch-date .slt-date fieldset {background: #ffffff;border: 1px solid #999999;border-radius: 2px;box-shadow: 1px 2px 0 rgba(0,0,0,0.03);float: left;margin-right: 8px;overflow: hidden;position: relative;zoom: 1;}
#sch-date .slt-date fieldset:after {clear: both;content: '';display: block;}
#sch-date .slt-date fieldset > * {float: left;height: 30px;position: relative;}
#sch-date .slt-date input[type=text] {background: none;border: 1px solid #eee;color: #666666;font-size: 15px;height: 35px;letter-spacing: -1px;width: 100px;}
#sch-date .slt-date input[type=text].keyword {padding: 0px 10px 0px 10px; text-align: center;}
#sch-date .slt-date input[type=text].date {width: 90px;}

/* Table */
.table6 {border-top: 1px solid #cccccc;margin-top: -1px;width: 100%;}
.table6.list {margin: 0 -20px;width: calc(100% + 40px); margin-top: 0px;}
.table6 tr > * {border: 1px solid #f1f1f1;border-width: 1px 0 1px 0;font-size: 14px;line-height: 18px;padding: 20px 20px;transition: all 0.2s;}

.table6 > thead > tr > th a {color: #666666;display: inline-block;line-height: 13px;padding-bottom: 1px;position: relative;text-decoration: none;}
.table6 > thead > tr > th a:after {border-bottom: 1px dashed #000000;bottom: -2px;content: '';display: block;left: 0;opacity: 0.4;position: absolute;transition: all 0.2s;width: 100%;}
.table6 > thead > tr > th a:hover:after {opacity: 1;}

.table6 > tbody > tr > th {color: #000000;font-size: 13px;font-weight: normal;letter-spacing: -1px;padding-left: 20px;text-align: left;width: 180px;}
.table6 > tbody > tr > td {letter-spacing: -0.5px;}
.table6 > tbody > tr > td.no {color: #999999;font-size: 11px;}
.table6 > tbody > tr > td > strong {color: #000000;font-weight: bold;}
.table6 > tbody > tr > td a {color: #6963db;text-decoration: underline;}
.table6 > tbody > tr > td a strong {font-weight: bold;}
.table6 > tbody > tr > td .tmb {height: auto;max-height: 40px;max-width: 40px;width: auto;}
.table6 > tbody:last-child {border-bottom: 1px solid #ddd;}
.table6.list {border-top: none;}
.table6.list > thead > tr:first-child > * {background: rgb(250,250,250);background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);border-bottom: 1px solid #dedede;border-top: none;color: #666666;font-size: 14px;padding: 20px 5px;}
.table6.list > thead > tr th:before {background: #dddddd;height: 12px;position: absolute;width: 1px;}
.table6.list > thead > tr th:first-child:before {display: none;}
.table6.list > thead > tr th i {margin-left: 5px;}
.table6.list > tbody > tr:nth-child(even) > * {background: #fafafa;}
.table6.list > tbody > tr:hover > * {background: rgba(0,0,0,0.02);}
.table6.list .inp {background: #ffffff;border-radius: 3px;height: 26px;line-height: 26px;}
.table6 .table6 tr > * {border: none;}
.table6 .table6 > tbody > tr > th {color: #000000;font-size: 12px;width: 60px;}

/* View화면에서의 탭속성  */
/* 탭 전체 스타일 */
.tabs {margin-top: 50px; padding-bottom: 40px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 0 auto;}

/* 탭 스타일 */
.tab_item {width: calc(100%/3); height: 50px; border-bottom: 3px solid #333333; background-color: #f8f8f8; line-height: 50px; font-size: 16px; text-align: center; color: #333333; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;}
.tab_item:hover { opacity: 0.75;}

/* 탭 컨텐츠 스타일 */
.tab_content { display: none; padding: 40px 40px 0; clear: both; overflow: hidden;}


/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content { display: block; }

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item { background-color: #333333; color: #fff; }

@media screen and (min-width: 1000px){

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] { display: none; }

.tabs input[type=radio] {display: none;}
.tabs input[type=radio] + label {font-size: 14px;position: inherit; padding: 0px 0px 0px 0px;line-height: 50px}
.tabs input[type=radio] + label:before {border: 1px solid #ddd;border-radius: 2px;content: '';display: none;font-size: 10px;font-weight: bold;height: 16px;left: 0;line-height: 16px;position: absolute;text-align: center;top: 50%;transform: translate(0, -50%);width: 16px;}
.tabs input[type=radio]:checked + label:before {border-color: #6b52e9;color: #6b52e9;content: '\f00c';font-family: "Font Awesome 5 Free";}

}

#fraternity-center {display: inline-block; width: 100%;background: #fafafa; text-align: center;}
#fraternity-center li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
#fraternity-center li > * {display: block;zoom: 1;}
#fraternity-center li > *:after {clear: both;content: '';display: block;}
#fraternity-center li > * > * {display: inline-block;float: left;}
#fraternity-center li a,
#fraternity-center li span {display: block;padding: 0 15px;text-decoration: none;}
#fraternity-center li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
#fraternity-center li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
#fraternity-center li:hover {background: #fafafa;}

#fraternity-center input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
#fraternity-center input[type=text].keyword {padding-right: 30px;}
#fraternity-center input[type=text].date {width: 90px;}

#member-left {display: inline-block; width: 33%;background: #fafafa; text-align: center;}
#member-left li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
#member-left li > * {display: block;zoom: 1;}
#member-left li > *:after {clear: both;content: '';display: block;}
#member-left li > * > * {display: inline-block;float: left;}
#member-left li a,
#member-left li span {display: block;padding: 0 15px;text-decoration: none;}
#member-left li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
#member-left li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
#member-left li:hover {background: #fafafa;}

#member-left input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
#member-left input[type=text].keyword {padding-right: 30px;}
#member-left input[type=text].date {width: 90px;}

#member-center {display: inline-block; width: 33%;background: #fafafa; text-align: center;}
#member-center li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
#member-center li > * {display: block;zoom: 1;}
#member-center li > *:after {clear: both;content: '';display: block;}
#member-center li > * > * {display: inline-block;float: left;}
#member-center li a,
#member-center li span {display: block;padding: 0 15px;text-decoration: none;}
#member-center li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
#member-center li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
#member-center li:hover {background: #fafafa;}

#member-center input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
#member-center input[type=text].keyword {padding-right: 30px;}
#member-center input[type=text].date {width: 90px;}

#member-right {display: inline-block; width: 33%;background: #fafafa; text-align: center;}
#member-right li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
#member-right li > * {display: block;zoom: 1;}
#member-right li > *:after {clear: both;content: '';display: block;}
#member-right li > * > * {display: inline-block;float: left;}
#member-right li a,
#member-right li span {display: block;padding: 0 15px;text-decoration: none;}
#member-right li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
#member-right li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
#member-right li:hover {background: #fafafa;}

#member-right input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
#member-right input[type=text].keyword {padding-right: 30px;}
#member-right input[type=text].date {width: 90px;}

#table-title  em {font-size: 25px;text-align: center;color: #ffffff;padding: 15px;}
#table-center  em {font-size: 25px;text-align: center;color: #ffffff;padding: 15px;}

div.table-title { display: block; margin: auto; max-width: 400px; padding:5px; width: 90%; text-align: center; background: #6963db; }
div.table-center { display: block; margin: auto; padding:5px; text-align: center; background: #6963db; }

.table-title h3 { color: #fafafa; font-size: 30px; font-weight: 400; font-style:normal; font-family: "Roboto", helvetica, arial, sans-serif; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); text-transform:uppercase; }
.table-center h3 { color: #fafafa; font-size: 30px; font-weight: 400; font-style:normal; font-family: "Roboto", helvetica, arial, sans-serif; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); text-transform:uppercase; }


/*** Table Styles **/
.table-fill { background: white; border-radius:3px; border-collapse: collapse; margin: auto; max-width: 400px; padding:5px; width: 90%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; }
.table-fill th { color:#D5DDE5;; background:#1b1e24; width: 50%; height: 50px; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-weight: 100; text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; }
.table-fill th:first-child { border-top-left-radius:3px; }
.table-fill th:last-child { border-top-right-radius:3px; border-right:none; }
.table-fill tr { border-top: 1px solid #C1C3D1; border-bottom-: 1px solid #C1C3D1; color:#666B85; font-size:16px; font-weight:normal; text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); }
.table-fill tr:hover td { background:#4E5066; color:#FFFFFF; border-top: 1px solid #22262e; }
.table-fill tr:first-child { border-top:none; }
.table-fill tr:last-child { border-bottom:none; }
.table-fill tr:nth-child(odd) td { background:#EBEBEB; }
.table-fill tr:nth-child(odd):hover td { background:#4E5066; }
.table-fill tr:last-child td:first-child { border-bottom-left-radius:3px; }
.table-fill tr:last-child td:last-child { border-bottom-right-radius:3px; }
.table-fill td { background:#FFFFFF; height: 50px; text-align:center; vertical-align:middle; font-weight:300; font-size:18px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1; }
.table-fill td:last-child { border-right: 0px; }
.table-fill th.text-left { text-align: left; }
.table-fill th.text-center { text-align: center; }
.table-fill th.text-right { text-align: right; }
.table-fill td.text-left { text-align: left; }
.table-fill td.text-center { text-align: center; }
.table-fill td.text-right { text-align: right; }

.table-list { background: white; border-radius:3px; border-collapse: collapse; margin: auto; padding:5px; width: 99%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; }
.table-list th { color:#D5DDE5;; background:#1b1e24; width: 50%; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-weight: 100; text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; }
.table-list th:first-child { border-top-left-radius:3px; }
.table-list th:last-child { border-top-right-radius:3px; border-right:none; }
.table-list tr { border-top: 1px solid #C1C3D1;  color:#666B85; font-size:25px; font-weight:normal; text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); }
.table-list tr:hover td { background:#4E5066; color:#FFFFFF; border-top: 1px solid #22262e; }
.table-list tr:first-child { border-top:none; }
.table-list tr:last-child { border-bottom:none; }
.table-list tr:nth-child(odd) td { background:#EBEBEB; }
.table-list tr:nth-child(odd):hover td { background:#4E5066; }
.table-list tr:last-child td:first-child { border-bottom-left-radius:3px; }
.table-list tr:last-child td:last-child { border-bottom-right-radius:3px; }
.table-list td { background:#FFFFFF; vertical-align:middle; font-weight:300; font-size:18px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1; }
.table-list td:last-child { border-right: 0px; }
.table-list th.text-left { text-align: left; }
.table-list th.text-center { text-align: center; }
.table-list th.text-right { text-align: right; }
.table-list td.text-left { text-align: left; }
.table-list td.text-center { text-align: center; }
.table-list td.text-right { text-align: right; }

/* for mobile */
@media screen and (max-width: 1000px){

    .pc_tab{display: none;}

    #mod-sub-tit {padding-bottom: 10px;margin-bottom: 20px;margin-top: -10px;}
	   #mod-sub-tit {display: flex; background: #fafafa; border-bottom: 1px solid #eeeeee; padding: 0;}
    #mod-sub-tit em {color: #666666;display: block;font-style: normal;letter-spacing: -1px;margin: 0px 0px 5px 10px;text-align: left;}
    
    #mod-list-sort {display: block !important; background: #fafafa;border-bottom: 1px solid #e7e7e7;padding: 15px 20px;}
    #mod-list-left li > textarea{width: 500px; height: 30px;padding: 2px 10px 2px 10px;margin: 0px;}
    #mod-list-left {display: block !important; width: 55%; background: #fafafa;border-bottom: 1px solid #e7e7e7;padding: 15px 20px;}
    #mod-list-right {display: block !important; width: 45%; text-align: right; background: #fafafa;border-bottom: 1px solid #e7e7e7;padding: 15px 20px;}
    #mod-list-right input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0px 10px 0px 10px;}
    #mod-list-right input[type=text].keyword {text-align: center;width: 100px;}
    #mod-list-right input[type=text].date {width: 90px;}
    #mod-list-right input[type=text].number {text-align: center;width: 150px;}

	   #mod-money-sort h2 {background: #fafafa; margin: 10px; text-align: left;}
	   #mod-money-sort {border: 1px solid #999999;display: inline-block; width: 100%;background: #fafafa;text-align: right;}
/* 1. 부모 상자: 자식들이 옆으로 붙는 걸 허용하되 줄바꿈 가능하게 */
    #mod-money-sort ul {
        display: block !important; /* flex를 버리고 기본 블록으로 회귀 */
        text-align: right !important;
        padding: 5px !important;
    }

    /* 2. 자식(li): 너비를 꽉 채우지 않는 것이 핵심! */
    #mod-money-sort li {
        display: inline-block !important; /* 일단 옆으로 붙으려고 시도함 */
        width: auto !important;           /* 100%를 지우고 자기 크기만큼만! */
        max-width: 100% !important;      /* 대신 화면보다 커지진 않게 함 */
        
        margin: 2px !important;
        padding: 5px 10px !important;
        border: 1px solid #999999;
        background: #ffffff;
        box-sizing: border-box !important;
        
        /* [매우 중요] 박스 높이가 달라도 다음 줄 박스가 걸리지 않게 함 */
        vertical-align: top !important; 
    }

    /* 3. 내부 요소들을 한 줄로 유지 (박스가 옆으로 길어지는 걸 방지) */
    #mod-money-sort li em, 
    #mod-money-sort li p {
        display: inline-block !important;
        font-size: 11px !important;
        margin: 0 !important;
        vertical-align: middle;
    } 
    #mod-money-sort input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
    #mod-money-sort input[type=text].keyword {padding-right: 30px;}
    #mod-money-sort input[type=text].date {width: 90px;}
    
    #mod-list-sch {margin: 10px 0px 10px 0px;zoom: 1;}
    #mod-list-sch:after {clear: both;content: '';display: block;}
    #mod-list-sch fieldset {background: #ffffff;border: 1px solid #999999;border-radius: 2px;box-shadow: 1px 2px 0 rgba(0,0,0,0.03);float: left;margin-right: 8px;overflow: hidden;position: relative;zoom: 1;}
    #mod-list-sch fieldset:after {clear: both;content: '';display: block;}
    #mod-list-sch fieldset > * {float: left;height: 30px;position: relative;}
    #mod-list-sch .slt {background: rgb(247,247,247);background: linear-gradient(to top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);border-right: 1px solid #dddddd;height: 30px;margin-right: -1px;overflow: hidden;position: relative;width: 130px;z-index: 2;}
    #mod-list-sch .slt:after {color: #999999;content: '\f0d7';display: block;font-family: 'Font Awesome 5 Free';font-size: 16px;font-weight: bold;margin-top: -7px;position: absolute;right: 10px;top: 50%;}
    #mod-list-sch .slt select {background: transparent;border: none;cursor: pointer;font-size: 13px;height: 30px;left: 0;letter-spacing: -1px;min-width: 130%;padding-left: 10px;position: absolute;top: 0;z-index: 2;}
    #mod-list-sch .sbm {background: none;border: none;height: 30px;position: absolute;right: 0;text-indent: -999em;top: 0;width: 30px;}
    #mod-list-sch .sbm i {color: #666666;left: 0;line-height: 30px;position: absolute;text-align: center;text-indent: 0;top: 0;width: 100%;}
    #mod-list-sch input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 10px;padding-left: 10px;width: 180px;}
    #mod-list-sch input[type=text].keyword {padding-right: 30px;}
    #mod-list-sch input[type=text].date {width: 90px;}
    #mod-list-sch a {background: rgb(247,247,247);background: linear-gradient(to top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);border-right: 1px solid #dddddd;color: #000000;font-size: 13px;letter-spacing: -1px;line-height: 30px;margin-right: -1px;padding: 0 15px;position: relative;text-decoration: none;z-index: 2;}
    #mod-list-paging {margin-top: 20px;}
    #mod-list-nodata {color: #999999;display: block;font-style: italic;letter-spacing: -1px;padding: 40px 0;text-align: center;}
    #mod-list-nodata.no-bd {border: none;}
    
    #mod-input-sort {display: inline-block; width: 100%;background: #fafafa; text-align: right;}
    #mod-input-sort li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
    
	#sch-date {display: flex; margin-top: -20px; margin-bottom: 15px;zoom: 1;}
    #sch-date .slt-date {background: #ffffff;margin-right: 8px;}
    #sch-date .slt-date:after {clear: both;content: '';display: block;}
    #sch-date .slt-date > * {float: left;height: 30px;position: relative;}

    #sch-date .slt-text {margin-right: 8px; margin-top: 0px;}
    #sch-date .slt-text:after {clear: both;content: '';display: block;}
    #sch-date .slt-text > * {float: left;height: 30px;position: relative;margin-top: 3px;}

    #sch-date .slt-date fieldset {background: #ffffff;border: 1px solid #999999;border-radius: 2px;box-shadow: 1px 2px 0 rgba(0,0,0,0.03);float: left;margin-right: 8px;overflow: hidden;position: relative;zoom: 1;}
    #sch-date .slt-date fieldset:after {clear: both;content: '';display: block;}
    #sch-date .slt-date fieldset > * {float: left;height: 30px;position: relative;}
    #sch-date .slt-date input[type=text] {background: none;border: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;width: 60px;}
    #sch-date .slt-date input[type=text].keyword {padding: 0px 10px 0px 10px; text-align: center;}
    #sch-date .slt-date input[type=text].date {width: 90px;}

    /* Table */
    .mod-table6 {border-top: 1px solid #cccccc;margin-top: -1px;width: 100%;}
    .mod-table6.list {margin: 0 -20px;width: calc(100% + 40px); margin-top: 0px;}
    .mod-table6 tr > * {text-align: center;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;font-size: 14px;line-height: 18px;padding: 10px 10px;transition: all 0.2s;background: rgb(250,250,250);background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);}
    
    .mod-table6 > thead > tr > th a {color: #666666;display: inline-block;line-height: 13px;padding-bottom: 1px;position: relative;text-decoration: none;}
    .mod-table6 > thead > tr > th a:after {border-bottom: 1px dashed #000000;bottom: -2px;content: '';display: block;left: 0;opacity: 0.4;position: absolute;transition: all 0.2s;width: 100%;}
    .mod-table6 > thead > tr > th a:hover:after {opacity: 1;}
    
    .mod-table6 > tbody > tr > th {color: #000000;font-size: 13px;font-weight: normal;letter-spacing: -1px;padding-left: 20px;text-align: left;width: 180px;}
    .mod-table6 > tbody > tr > td {letter-spacing: -0.5px;}
    .mod-table6 > tbody > tr > td.no {color: #999999;font-size: 11px;}
    .mod-table6 > tbody > tr > td > strong {color: #000000;font-weight: bold;}
    .mod-table6 > tbody > tr > td a {color: #6963db;text-decoration: underline;}
    .mod-table6 > tbody > tr > td a strong {font-weight: bold;}
    .mod-table6 > tbody > tr > td .tmb {height: auto;max-height: 40px;max-width: 40px;width: auto;}
    .mod-table6 > tbody:last-child {border-bottom: 1px solid #ddd;}
    .mod-table6.list {border-top: none;}
    .mod-table6.list > thead > tr:first-child > * {text-align: center;background: rgb(250,250,250);background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);border-bottom: 1px solid #dedede;border-top: none;color: #666666;font-size: 14px;padding: 10px 5px;}
    .mod-table6.list > thead > tr th:before {background: #dddddd;height: 12px;position: absolute;width: 1px;}
    .mod-table6.list > thead > tr th:first-child:before {display: none;}
    .mod-table6.list > thead > tr th i {margin-left: 5px;}
    .mod-table6.list > tbody > tr:nth-child(even) > * {background: #fafafa;}
    .mod-table6.list > tbody > tr:hover > * {background: rgba(0,0,0,0.02);}
    .mod-table6.list .inp {background: #ffffff;border-radius: 3px;height: 26px;line-height: 26px;}
    .mod-table6 .mod-table6 tr > * {border: none;}
    .mod-table6 .mod-table6 > tbody > tr > th {color: #000000;font-size: 12px;width: 60px;}

    /* View화면에서의 탭속성  */
    /* 탭 전체 스타일 */
    .mod-tabs {margin-top: 50px; padding-bottom: 40px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 0 auto;}
    
    /* 탭 스타일 */
    .mod-tab_item {width: calc(100%/3); height: 50px; border-bottom: 3px solid #333333; background-color: #f8f8f8; line-height: 50px; font-size: 14px; text-align: center; color: #333333; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;}
    .mod-tab_item:hover { opacity: 0.75;}
    
    /* 라디오 버튼 UI삭제*/
    input[name="mod-tab_item"] { display: none; }
    
    /* 탭 컨텐츠 스타일 */
    .mod-tab_content { display: none; padding: 10px 0px 0px 0px; clear: both; overflow: hidden;}
    
    
    /* 선택 된 탭 콘텐츠를 표시 */
    #mod-all:checked ~ #mod-all_content,
    #mod-programming:checked ~ #mod-programming_content,
    #mod-design:checked ~ #mod-design_content { display: block; }
    
    /* 선택된 탭 스타일 */
    .mod-tabs input:checked + .mod-tab_item { background-color: #333333; color: #fff; }
    
	.gui-warbox > strong{font-size: 13px;color: #333;border-bottom: 1px solid #eee;display: block;padding-bottom: 10px;font-weight: 700;letter-spacing: -1px;margin-bottom: 15px;}

    /* Table */
	.mod-table1{width: 100%;border-top: 1px solid #cccccc;margin-top: 0px;}
    .mod-table1.list{width: 100%;display: revert;}
    .mod-table1 tr > *{border-width: 1px 0 1px 0;padding: 10px 0px 10px 0px;font-size: 12px;line-height: 18px;transition: all 0.2s;}
    .mod-table1.list{border-top: none;}
    .mod-table1.list >  *{
        padding: 12px 5px;border-top: none;border-bottom: 1px solid #ff2d00;;font-size: 12px;color: #666;
        background: rgb(250,250,250);
        background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,245,245,1) 100%);
    }
    .mod-table1.list > thead > tr th:before{position: absolute;top: 50%;left: 0;width: 1px;height: 12px;margin-top: -6px;background: #dddddd;content: '';display: block;}
    .mod-table1.list > thead > tr th:first-child:before{display: none;}
    .mod-table1.list > thead > tr th i{margin-left: 5px;}
    .mod-table1.list > tbody > tr:nth-child(even) > *{background: #f8f8f8;}
    .mod-table1.list > tbody > tr:hover > *{background: #aaffaa;} /* 마우스 오버색상 */
    .mod-table1.list .inp{height: 26px;line-height: 26px;border-radius: 3px;background: #ffffff;}

	.mod-table2{width: 100%;border-top: 1px solid #cccccc;margin-top: 0px;}
    .mod-table2.list{width: 100%;display: revert;}
    .mod-table2 tr > *{border-width: 1px 0 1px 0;padding: 10px 0px 10px 0px;font-size: 12px;line-height: 18px;transition: all 0.2s;}
    .mod-table2.list{border-top: none;}
    .mod-table2.list >  *{
        padding: 12px 5px;border-top: none;border-bottom: 1px solid #ff2d00;;font-size: 12px;color: #666;
        background: rgb(250,250,250);
        background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    }
    .mod-table2.list > thead > tr th:before{position: absolute;top: 50%;left: 0;width: 1px;height: 12px;margin-top: -6px;background: #dddddd;content: '';display: block;}
    .mod-table2.list > thead > tr th:first-child:before{display: none;}
    .mod-table2.list > thead > tr th i{margin-left: 5px;}
    .mod-table2.list > tbody > tr:nth-child(even) > *{background: #f8f8f8;}
    .mod-table2.list > tbody > tr:hover > *{background: #fffafa;} /* 마우스 오버색상 */
    .mod-table2.list .inp{height: 26px;line-height: 26px;border-radius: 3px;background: #ffffff;}
    
    .mod-table3{width: 95%;margin-left: auto;margin-right: auto;}
    .mod-table3 tr > *{border: 1px solid #f1f1f1;border-width: 0px 0px 0px 0px;display: ;margin: 2px 2px 2px 2px;padding: 0px 0px 0px 0px;font-size: 12px;line-height: 18px;transition: all 0.2s;}
    .mod-table3.list > tbody > tr:hover > *{background: #f1f1f1;}

	.mod-table4{width: 100%;border-top: 1px solid #cccccc;margin-top: -1px;}
    .mod-table4.list{width: 100%;margin: 0px;display: revert;}
    .mod-table4 tr > *{border: 1px solid #f1f1f1;border-width: 0px 0 0px 0;padding: 5px 0px 5px 0px;font-size: 12px;line-height: 18px;transition: all 0.2s;}
    .mod-table4.list{border-top: none;}
    .mod-table4.list > thead > tr > *{
        padding: 12px 5px;border-top: none;border-bottom: 1px solid #ff2d00;font-size: 12px;color: #666666;
        background: rgb(250,250,250);
        background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    }
    .mod-table4.list > thead > tr th:before{position: absolute;top: 50%;left: 0;width: 1px;height: 12px;margin-top: -6px;background: #dddddd;content: '';display: block;}
    .mod-table4.list > thead > tr th:first-child:before{display: none;}
    .mod-table4.list > thead > tr th i{margin-left: 5px;}
    .mod-table4.list .inp{height: 26px;line-height: 26px;border-radius: 3px;background: #ffffff;}
    
    #mod-fraternity-center {display: inline-block; width: 100%;background: #fafafa; text-align: center;}
    #mod-fraternity-center li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
    #mod-fraternity-center li > * {display: block;zoom: 1;}
    #mod-fraternity-center li > *:after {clear: both;content: '';display: block;}
    #mod-fraternity-center li > * > * {display: inline-block;float: left;}
    #mod-fraternity-center li a,
    #mod-fraternity-center li span {display: block;padding: 0 15px;text-decoration: none;}
    #mod-fraternity-center li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
    #mod-fraternity-center li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
    #mod-fraternity-center li:hover {background: #fafafa;}
    
    #mod-fraternity-center input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
    #mod-fraternity-center input[type=text].keyword {padding-right: 30px;}
    #mod-fraternity-center input[type=text].date {width: 90px;}
    
    #mod-member-left {display: inline-block; width: 100	%;background: #fafafa; text-align: center;}
    #mod-member-left li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
    #mod-member-left li > * {display: block;zoom: 1;}
    #mod-member-left li > *:after {clear: both;content: '';display: block;}
    #mod-member-left li > * > * {display: inline-block;float: left;}
    #mod-member-left li a,
    #mod-member-left li span {display: block;padding: 0 15px;text-decoration: none;}
    #mod-member-left li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
    #mod-member-left li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
    #mod-member-left li:hover {background: #fafafa;}
    
    #mod-member-left input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
    #mod-member-left input[type=text].keyword {padding-right: 30px;}
    #mod-member-left input[type=text].date {width: 90px;}
    
    #mod-member-center {display: inline-block; width: 100%;background: #fafafa; text-align: center;}
    #mod-member-center li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
    #mod-member-center li > * {display: block;zoom: 1;}
    #mod-member-center li > *:after {clear: both;content: '';display: block;}
    #mod-member-center li > * > * {display: inline-block;float: left;}
    #mod-member-center li a,
    #mod-member-center li span {display: block;padding: 0 15px;text-decoration: none;}
    #mod-member-center li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
    #mod-member-center li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
    #mod-member-center li:hover {background: #fafafa;}
    
    #mod-member-center input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
    #mod-member-center input[type=text].keyword {padding-right: 30px;}
    #mod-member-center input[type=text].date {width: 90px;}

    #mod-member-right {display: inline-block; width: 100%;background: #fafafa; text-align: center;}
    #mod-member-right li {background: #ffffff;border: 1px solid #666666;border-radius: 2px;display: inline-flex;overflow: hidden;transition: all 0.2s; margin: 5px;}
    #mod-member-right li > * {display: block;zoom: 1;}
    #mod-member-right li > *:after {clear: both;content: '';display: block;}
    #mod-member-right li > * > * {display: inline-block;float: left;}
    #mod-member-right li a,
    #mod-member-right li span {display: block;padding: 0 15px;text-decoration: none;}
    #mod-member-right li em {padding: 5px 5px 5px 15px; color: #333333;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 30px;}
    #mod-member-right li p {padding: 5px 15px 5px 5px; color: #6b52e9;display: inline-block;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;line-height: 30px;margin-left: 5px;}
    #mod-member-right li:hover {background: #fafafa;}
    
    #mod-member-right input[type=text] {background: none;border: none;border-left: 1px solid #eee;color: #666666;font-size: 13px;height: 30px;letter-spacing: -1px;padding: 0 0 0 30px;width: 100px;}
    #mod-member-right input[type=text].keyword {padding-right: 30px;}
    #mod-member-right input[type=text].date {width: 90px;}
    
    #mod-table-title  em {font-size: 15px;text-align: center;color: #ffffff;padding: 5px; margin: 0px;}
    #mod-table-center em {font-size: 12px;text-align: center;color: #ffffff;padding: 5px; margin: 0px;}
    
    div.mod-table-title { display: block; margin: auto; max-width: 400px; padding:5px; width: 100%; text-align: center; background: #6963db; }
    div.mod-table-center { display: block; margin: auto; padding:20px; text-align: center; background: #6963db; }

    .mod-table-title h3 { color: #fafafa; font-size: 14px; font-weight: 400; font-style:normal; font-family: "Roboto", helvetica, arial, sans-serif; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); text-transform:uppercase; }
    .mod-table-center h3 { color: #fafafa; font-size: 14px; font-weight: 400; font-style:normal; font-family: "Roboto", helvetica, arial, sans-serif; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); text-transform:uppercase; }
    
    
    /*** Table Styles **/
    
    .mod-table-fill { margin: auto auto 20px auto;background: white; border-radius:3px; border-collapse: collapse; height: 200px; max-width: 400px; padding:5px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; }
    .mod-table-fill th { color:#D5DDE5;; background:#1b1e24; width: 50%; height: 35px;border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-weight: 100; text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; }
    .mod-table-fill th:first-child { border-top-left-radius:3px; }
    .mod-table-fill th:last-child { border-top-right-radius:3px; border-right:none; }
    .mod-table-fill tr { border-bottom-: 1px solid #ff2a00; color:#666B85; font-size:16px; font-weight:normal; text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); }
    .mod-table-fill tr:hover td { background:#4E5066; color:#FFFFFF; border-top: 1px solid #22262e; }
    .mod-table-fill tr:first-child { border-top:none; }
    .mod-table-fill tr:last-child { border-bottom:none; }
    .mod-table-fill tr:nth-child(odd) td { background:#EBEBEB; }
    .mod-table-fill tr:nth-child(odd):hover td { background:#4E5066; }
    .mod-table-fill tr:last-child td:first-child { border-bottom-left-radius:3px; }
    .mod-table-fill tr:last-child td:last-child { border-bottom-right-radius:3px; }
    .mod-table-fill td { background:#FFFFFF; text-align:center; vertical-align:middle; font-weight:300; font-size:15px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #C1C3D1; }
    .mod-table-fill th.text-left { text-align: left; }
    .mod-table-fill th.text-center { text-align: center; }
    .mod-table-fill th.text-right { text-align: right; }
    .mod-table-fill td.text-left { text-align: left; }
    .mod-table-fill td.text-center { text-align: center; }
    .mod-table-fill td.text-right { text-align: right; }

    .mod-table-list { background: white; border-radius:3px; border-collapse: collapse; margin: auto; padding:5px; width: 99%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; }
    .mod-table-list th { color:#D5DDE5;; background:#1b1e24; width: 50%; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-weight: 100; text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; }
    .mod-table-list th:first-child { border-top-left-radius:3px; }
    .mod-table-list th:last-child { border-top-right-radius:3px; border-right:none; }
    .mod-table-list tr { border-top: 1px solid #C1C3D1; border-bottom-: 1px solid #C1C3D1; color:#666B85; font-size:25px; font-weight:normal; text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); }
    .mod-table-list tr:hover td { background:#4E5066; color:#FFFFFF; border-top: 1px solid #22262e; }
    .mod-table-list tr:first-child { border-top:none; }
    .mod-table-list tr:last-child { border-bottom:none; }
    .mod-table-list tr:nth-child(odd) td { background:#EBEBEB; }
    .mod-table-list tr:nth-child(odd):hover td { background:#4E5066; }
    .mod-table-list tr:last-child td:first-child { border-bottom-left-radius:3px; }
    .mod-table-list tr:last-child td:last-child { border-bottom-right-radius:3px; }
    .mod-table-list td { background:#FFFFFF; text-align:center; vertical-align:middle; font-weight:300; font-size:12px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1; }
    .mod-table-list td:last-child { border-right: 0px; }
    .mod-table-list th.mod-text-left { text-align: left; }
    .mod-table-list th.mod-text-center { text-align: center; }
    .mod-table-list th.mod-text-right { text-align: right; }
    .mod-table-list td.mod-text-left { text-align: left; }
    .mod-table-list td.mod-text-center { text-align: center; }
    .mod-table-list td.mod-text-right { text-align: right; }


} /* for mobile */