@charset "utf-8";

[class*="section-"] h2 {position:relative; text-align:center; top:-50px; height:100px; color:#ffffff; width:850px; margin:0 auto; padding-top:0px; padding-bottom:0px; font-size:30px;}

[class*="btn-"] {display:inline-block; height:45px; line-height:45px; min-width:90px; text-align:center; padding:0 24px; font-weight:bold; font-size:15px; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
[class*="btn-"] span {display:block; height:inherit; line-height:inherit; margin-top:-1px; margin-bottom:-1px}
[class*="btn-"].s {height:40px; line-height:40px}
[class*="btn-"].l {font-size:18px; height:50px; line-height:50px}
[class*="btn-"].rad {border-radius:2em}
.btn-b {color:#fff; background:#687688; border:1px solid #7d8794}
.btn-g {color:#fff; background:#687688; border:1px solid #7d8794}
.btn-dg {color:#fff; background:#6d6d6d; border:1px solid #6d6d6d}
.btn-r {color:#fff; background:#f24468; border:1px solid #de637b; height:34px; line-height:34px;} /* 190822 래드버튼 링크 관련 수정/pjy */
.btn-submit {width:100%; height:auto; padding-top:35px; text-align:center}
.btn-submit a ~ a {margin-left:5px}
.bul-star {position:relative; padding-left:12px}
.bul-star:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-3px; background:url(../images/common/ico-star.png) no-repeat}

/* 레이어 팝업 */
.popup-wrap {display:none; position:fixed; z-index:1000; left:0; top:0; right:0; bottom:0; overflow:auto; text-align:center; background:rgba(0,0,0,0.8)}
.popup-wrap:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.popup-inner {display:inline-block; width:578px; padding:35px; vertical-align:middle; text-align:left; border:5px solid #8b96a5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff}
.popup-inner .popup-head {position:relative; height:55px; line-height:55px; background:#236fcf;}
/* .popup-inner .popup-head h2 {padding-bottom:20px; font-size:18px; letter-spacing:-0.05em; border-bottom:1px solid #e0e0e0} */
.popup-inner .popup-head h2 {padding-left:30px; font-size:22px; color:#fff}
/* .popup-inner .popup-head a.close {position:absolute; right:0; top:3px; display:inline-block; width:19px; height:17px; font-size:0; text-indent:-9999px; background:url(../images/common/btn-close.png) no-repeat} */
.popup-inner .popup-head a.close {position:absolute; right:30px; top:50%; width:19px; height:17px; margin-top:-8px; font-size:0; text-indent:-9999px; background:url(../images/common/btn-close-w.png) no-repeat}
.popup-inner .popup-content {text-align:center}
.popup-inner .popup-content .message {padding-top:54px}
.popup-inner .popup-content .message p {padding-bottom:28px; font-size:15px; color:#f69c00}
.popup-inner .popup-content .message p.cap {color:#ed1b2f}
.popup-inner .popup-content input[type="text"] {padding-left:13px}
.popup-inner .popup-content input + a {min-width:88px; margin-left:2px; padding:0 14px}
.popup-inner .popup-content span.hyphen {display:inline-block; padding:0 6px; color:#c2c2c2}
.popup-inner .btn-submit {margin-top:60px; padding-top:27px; border-top:1px solid #e0e0e0}
.popup-inner .btn-submit a {min-width:103px}

/* 팝업 */
.popup-window .inner .head {position:relative; height:70px; line-height:70px; background:#0584bd}
.popup-window .inner .head h2 {padding-left:30px; font-size:22px; color:#fff}
.popup-window .inner .head a.close {position:absolute; right:30px; top:50%; width:19px; height:17px; margin-top:-8px; font-size:0; text-indent:-9999px; background:url(../images/common/btn-close-w.png) no-repeat}
.popup-window .inner .content {padding:30px}
.popup-window .inner .btn-submit {padding-top:16px}
.popup-window .inner .btn-submit a {min-width:103px}

/* tab */
/* 진행상태 탭 */
.progress-tab ul {width:100%; padding-top:30px}
.progress-tab ul:after {content:""; display:block; clear:both}
.progress-tab ul li {float:left; position:relative; height:60px; line-height:60px; font-weight:bold; font-size:16px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.progress-tab ul li a {display:block; height:60px}
.progress-tab ul li:first-child {border-left:1px solid #ccc}
.progress-tab ul li.on {color:#fff; border-color:#0584bd; background:#236FCF}
.progress-tab ul li.on a {color:#fff}
.progress-tab ul li.on:after {content:""; position:absolute; right:-5px; top:50%; width:0; height:0; margin-top:-5px; border-left:5px solid #0584bd; border-top:5px solid transparent; border-bottom:5px solid transparent}
.progress-tab ul li:last-child.on:after {display:none}
.progress-tab.tab2 ul li {width:50%}
.progress-tab.tab2 ul li.on:after {display:none}
.progress-tab.tab3 ul li {width:33.33%}
.progress-tab.tab4 ul li {width:25%}
/* 상세 데이터 상단 */
.player-tab ul {width:100%}
.player-tab ul:after {content:""; display:block; clear:both}
.player-tab ul li {float:left; position:relative; width:16.66%; text-align:center; border-top-right-radius:1em; border-top-left-radius:1em; background:#767676}
.player-tab ul li ~ li:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#9f9f9f}
.player-tab ul li a {display:block; height:47px; line-height:47px; font-size:16px; color:#fff; opacity:0.8}
.player-tab ul li.on {background:#fff}
.player-tab ul li.on a {font-weight:bold; color:#d75a4a}
.player-tab.tab2 ul li {width:50%}
.player-tab.tab2 ul li:after {display:none}
.player-tab.tab4 ul li {width:25%}
.player-tab.tab5 ul li {width:14%}
/* tab-type */
.tab-type {position:relative; width:100%; height:50px; line-height:50px; vertical-align:middle}
.tab-type::before {content:""; display:block; position:absolute; left:494px; bottom:0; width: calc(100% - 494px); border-bottom:1px #dbdbdb solid}
.tab-type::after {content:""; display:block; clear:both}
.tab-type .tabs {float:left; width:494px}
.tab-type .tabs ul {width:100%}
.tab-type .tabs ul:after {content:""; display:block; clear:both}
.tab-type .tabs ul li {float:left; width:50%; height:50px; line-height:48px; text-align:center; font-size:18px; font-weight:700}
.tab-type .tabs ul li a {display:block; border:1px #dbdbdb solid}

/* paginate */
.paginate {padding-top:30px; text-align:center}
.paginate:after {content:""; display:block; clear:both}
.paginate a {display:inline-block; width:30px; height:30px; line-height:30px; font-size:16px; color:#999; text-align:center; border:0px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.paginate a.on {color:#fff; border-color:#012b5d; background:#012b5d}
.paginate a.first {text-indent:-9999px; background:url(../images/common/sp-page-arr.png) 0 -1px no-repeat}
.paginate a.prev {margin-right:7px; text-indent:-9999px; background:url(../images/common/sp-page-arr.png) -30px -1px no-repeat}
.paginate a.next {margin-left:7px; text-indent:-9999px; background:url(../images/common/sp-page-arr.png) -61px -1px no-repeat}
.paginate a.last {text-indent:-9999px; background:url(../images/common/sp-page-arr.png) -91px -1px no-repeat}
.paginate.type2 a {background:#fff}
.paginate.type2 a.on {font-weight:bold; color:#303030; border:0px solid #747373; background:#fff}
.paginate.type2 a.first {border-color:#8b96a5; border-radius:0.6em; background:url(../images/common/sp-page-arr-w.png) 0 -1px no-repeat; background-color:#8b96a5;}
.paginate.type2 a.prev {border-color:#8b96a5; border-radius:0.6em; background:url(../images/common/sp-page-arr-w.png) -30px -1px no-repeat; background-color:#8b96a5;}
.paginate.type2 a.next {border-color:#8b96a5; border-radius:0.6em; background:url(../images/common/sp-page-arr-w.png) -61px -1px no-repeat; background-color:#8b96a5;}
.paginate.type2 a.last {border-color:#8b96a5; border-radius:0.6em; background:url(../images/common/sp-page-arr-w.png) -91px -1px no-repeat; background-color:#8b96a5;;}
.paginate.type3 a {color:#8b96a5; border:none; background:none}
.paginate.type3 a.on {font-weight:bold; color:#fff}
.paginate.type3 a.first {border-radius:0.7em; background:#8b96a5 url(../images/common/sp-page-arr-b.png) 0 0 no-repeat}
.paginate.type3 a.prev {margin-right:17px; border-radius:0.7em; background:#8b96a5 url(../images/common/sp-page-arr-b.png) -30px 0 no-repeat}
.paginate.type3 a.next {margin-left:17px; border-radius:0.7em; background:#8b96a5 url(../images/common/sp-page-arr-b.png) -60px 0 no-repeat}
.paginate.type3 a.last {border-radius:0.7em; background:#8b96a5 url(../images/common/sp-page-arr-b.png) -89px 0 no-repeat}


/* table */
/* table-form */
table.table-form {width:100%; text-align:left}
table.table-form tr th,
table.table-form tr td {padding:5px 0}
table.table-form tr th {padding-left:13px; text-align:left; font-size:14px; font-weight:900}
table.table-form tr th label {position:relative;}
table.table-form tr th label::before {content:""; display:block; position:absolute; top:50%; left:-10px; width:3px; height:3px; margin-top:-2px; border-radius:4px; background:#343434}
table.table-form tr td input[type="text"],
table.table-form tr td input[type="password"] {height:45px; line-height:44px}
table.table-form tr td a {width:100%; height:100px; line-height:99px; font-size:16px}
/* tbl-search */
.tbl-search table {width:100%}
.tbl-search table th {padding-left:14px; text-align:left; font-size:24px; color:#fff; letter-spacing:-0.03em}
.tbl-search table th span{position:relative}
.tbl-search table th span::before {content:""; display:block; position:absolute; top:50%; left:-10px; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#fff}
.tbl-search table td select {margin-right:2px}
.tbl-search table td a {min-width:inherit; padding:0 20px; font-weight:500}
.tbl-search table.parent th {}
.tbl-search table.parent th span {font-size:18px; line-height:40px}
.tbl-search table.parent td div {float:left}
.tbl-search table.parent td div ~ div {margin-left:4px}
.tbl-search table.parent td div.name {display:inline-block; width:165px; height:40px; line-height:38px; padding-left:20px; text-align:left; border:1px solid #ccc; background:#fff}
.tbl-search table.parent td div.name strong {font-weight:normal; color:#777}
.tbl-search table.parent td a {float:right}
/* tbl-record */
.tbl-record {border-top:2px #9e9286 solid; border-bottom:2px #9e9286 solid}
.tbl-record table {width:100%}
.tbl-record table th,
.tbl-record table td {height:50px; text-align:center; border-left:1px #e1e3e6 solid; border-bottom:1px #e1e3e6 solid}
.tbl-record table th:first-child,
.tbl-record table td:first-child {border-left:none}
.tbl-record table thead th {font-size:14px; color:#423b34; background:#f4f3f1}
/* .tbl-record table td:first-child {font-weight:700} */
.tbl-record table tr.total td {border-left:1px #cdcdcd solid; background:#e2e0dd}
.tbl-record table tr.total td:first-child {border-left:none; color:#787878}
.tbl-record.left table{border-right:1px #e1e3e6 solid}
.tbl-record.scroll {overflow-x:scroll; width:623px; padding-bottom:9px}
.tbl-record.scroll table {table-layout:fixed}
.tbl-record.scroll table td:first-child {font-weight:400}
.tbl-record.scroll table tr.total td:first-child {color:#343434}
.tbl-record.scroll {scrollbar-track-color:#ececec; scrollbar-face-color:#96908a; scrollbar-arrow-color:#ececec}
.tbl-record.scroll::-webkit-scrollbar-track {border-radius:6px; background-color:#ececec}
.tbl-record.scroll::-webkit-scrollbar {height:6px; background-color:#fff}
.tbl-record.scroll::-webkit-scrollbar-thumb {border-radius:6px; background-color:#96908a}
/* tbl-list */
.tbl-list table {width:100%;text-align:center;position: relative;}
.tbl-list .tablehist {width:110%;text-align:center;position: relative;top: 20px;}
.tbl-list table th,
.tbl-list table td {height:50px}
.tbl-list table th {font-size:16px; font-weight:700; border-bottom:1px #3b4d67 solid;}
.tbl-list table th span {display:block; width:100%; position:relative; color:#ffffff;}
.tbl-list table th ~ th span::before {content:""; display:block; position:absolute; left:-1px; top:50%; height:15px; margin-top:-7px; border-left:1px #354c67 solid} /* pjy 2006 수정 */
.tbl-list table td {font-size:16px; color:#7e7e7e; border-bottom:1px #e1e3e6 solid; background:#fff}
.tbl-list table td.subject {padding-left:24px; text-align:left}
.tbl-list table td a {font-weight:500; color:#7e7e7e}
/* 지도자 자격체계 (이전 커리큘럼 Overview) pjy 2004 수정 시작 */
.tbl-list table td.curri001 {font-size:15px; font-weight:600; color:#4c9bff;}
.tbl-list table td.curri002 {font-size:15px; font-weight:600; color:#236fcf;}
.tbl-list table th.curri003 {font-size:13px; font-weight:500;}
.tbl-list table td.curri003 {font-size:14px;}
.tbl-list table td.curri004 {vertical-align:text-top; text-align:left; padding:18px 18px 18px 30px; line-height:140%;}
.tbl-list table th.curri005 {font-size:18px; font-weight:800; padding-top:20px;}
.tbl-list table td ol li .curri-list {margin:0 3px 0 -17px;}
.tbl-list table td font.curri-font {color:#4c9bff; font-weight:700;}
.tbl-list table td.curri-color01 {background: #f0f2f5;}
.tbl-list table td.curri-color02 {background: #f6f7f8;}
.tbl-list table td.curri-color03 {background: #ffffff;} /* pjy 2006 추가 */
/* 지도자 자격체계 (이전 커리큘럼 Overview) pjy 2004 수정 끝 */




/* .tbl-list table tr:hover td,
.tbl-list table tr:focus td {background:#f1f1f1} */
/* tbl-list2 */
.tbl-list2 table {width:100%; text-align:center;}
.tbl-list2 table tr th,
.tbl-list2 table tr td {height:50px; font-weight:700}
.tbl-list2 table tr th {font-size:16px; border-bottom:1px #bdbdbd solid; background:#eceff2;}
.tbl-list2 table tr th:first-child {text-indent:-999999px; overflow:hidden}
.tbl-list2 table tr th:first-child+th {text-align:left; padding-left:246px}
.tbl-list2 table tr td {font-size:14px; color:#7f7f7f; border-bottom:1px #e1e3e6 solid; background:#fff}
.tbl-list2 table tr td.subject {text-align:left; color:#343434}
.tbl-list2 table tr td.notice span {position:relative; display:block; text-indent:-9999999px; overflow:hidden}
.tbl-list2 table tr.on td.subject a {color:#2882ef}
.tbl-list2 table tr.on td.notice span::before {content:""; position:absolute; top:50%; left:50%; width:19px; height:16px; margin-left:-9px; margin-top:-8px; background:url(../images/common/bg-notice.png) center center no-repeat}
/* tbl-list2-red */
.tbl-list2 table tr td.subject-red {text-align:left; color:#343434}
.tbl-list2 table tr.on td.subject-red a {color:#fe4468}
.tbl-list2 table tr.on td.notice-red span::before {content:""; float: left; position:relative; left:26px; margin-top:0px;  width:19px; height:16px; margin-left:9px;  background:url(../images/common/bg-notice-red.png) center center no-repeat}
/* tbl-list2-green */
.tbl-list2 table tr td.subject-green {text-align:left; color:#343434}
.tbl-list2 table tr.on td.subject-green a {color:#37AD81}
.tbl-list2 table tr.on td.notice-green span::before {content:""; float: left; position:relative; left:26px; margin-top:0px;  width:19px; height:16px; margin-left:9px;  background:url(../images/common/bg-notice-green.png) center center no-repeat}


/* @HLEE | 2024.07.18 | 주요일정(schedule) CSS 분리 */
.tbl-list-schedule table {width:100%; text-align:center;}
.tbl-list-schedule table tr th,
.tbl-list-schedule table tr td {height:50px; font-weight:700}
.tbl-list-schedule table tr th {font-size:16px; border-bottom:1px #bdbdbd solid; background:#eceff2;}
.tbl-list-schedule table tr th:first-child {overflow:hidden}
/*.tbl-list-schedule table tr td {font-size:14px; color:#7f7f7f; border-bottom:1px #e1e3e6 solid; background:#fff}*/
.tbl-list-schedule table tr td {font-size:13px; color:#343434; border-bottom:1px #e1e3e6 solid; background:#fff}
.tbl-list-schedule table tr td.subject {text-align:left; color:#343434}
.tbl-list-schedule table tr td.notice span {position:relative; display:block; text-indent:-9999999px; overflow:hidden}
.tbl-list-schedule table tr.on td.subject a {color:#2882ef}
.tbl-list-schedule table tr.on td.notice span::before {content:""; position:absolute; top:50%; left:50%; width:19px; height:16px; margin-left:-9px; margin-top:-8px; background:url(../images/common/bg-notice.png) center center no-repeat}

.tbl-list-schedule table tr td span#courseRegiLink { background-color:#ED7D31; }
.tbl-list-schedule table tbody tr td span { display: inline-block; font-size: 12.5px; color: #343434; }
.tbl-list-schedule table tbody tr td div span { display: inline-block; font-size: 12.5px; color: #343434; }
.tbl-list-schedule table tbody tr td span.statusInfoBox { display: inline-block; width: 50px; font-size: 12.5px; color: #fff; padding: 5px 10px; border-radius: 2px; }
.tbl-list-schedule table tbody tr #receptionPrepareCell { background-color: #7B7C7A; }
.tbl-list-schedule table tbody tr #receptionReadyCell { background-color: #359D3B; }
.tbl-list-schedule table tbody tr #receptionProceedingCell { background-color: #ED7D31; }
.tbl-list-schedule table tbody tr #receptionCompleteCell { background-color: #C75252; }

.tbl-list-schedule table tbody tr td .scheduleTitleText:hover { color: #44a9d3; }

/* tbl-list2-red */
.tbl-list-schedule table tr td.subject-red {text-align:left; color:#343434}
.tbl-list-schedule table tr.on td.subject-red a {color:#fe4468}
.tbl-list-schedule table tr.on td.notice-red span::before {content:""; float: left; position:relative; left:26px; margin-top:0px;  width:19px; height:16px; margin-left:9px;  background:url(../images/common/bg-notice-red.png) center center no-repeat}
/* tbl-list2-green */
.tbl-list-schedule table tr td.subject-green {text-align:left; color:#343434}
.tbl-list-schedule table tr.on td.subject-green a {color:#37AD81}
.tbl-list-schedule table tr.on td.notice-green span::before {content:""; float: left; position:relative; left:26px; margin-top:0px;  width:19px; height:16px; margin-left:9px;  background:url(../images/common/bg-notice-green.png) center center no-repeat}
/* 주요일정(schedule) CSS 분리 끝 */


/* 회원가입 및 수정 */
.tb-white {width:100%; margin-top:30px}
.tb-white tbody th {padding:22px 30px 17px; vertical-align:top; text-align:left}
.tb-white tbody th.bul-star:after {left:17px}
.tb-white tbody td {padding:10px 0; vertical-align:middle}
.tb-white tbody td span.des {margin-left:15px; font-size:12px; color:#929292}
.tb-white tbody td span.hyphen {display:inline-block; padding:0 6px; color:#c2c2c2}
.tb-white tbody td span.fixed {display:inline-block; color:#676767}
.tb-white tbody td p.row {padding-top:10px}
.tb-white tbody td p.notice {padding:10px 0 0 9px; font-size:12px; color:#f69c00; text-indent:-9px; line-height:1.6}
.tb-white tbody td p.notice .notice-in {padding:10px 0 0 9px; font-size:12px; color:#f69c00; text-indent:-9px; line-height:1.6}
.tb-white tbody td p.notice > span {display:block; padding-left:9px}
.tb-white tbody td p.notice > strong {color:#ed1b2f}
.tb-white tbody tr th:after {top:30px}/* 170103 */
.tb-white tbody tr.email td span.hyphen {color:#343434}
.tb-white tbody tr.sports td span.des,
.tb-white tbody tr.grade td span.des {display:block; margin-left:0; margin-top:10px}
.tb-white tbody tr.grade td span.des.notice {font-weight:bold; color:#ed1b2f; line-height:1.6}
.tb-white tbody tr.grade td span.des.notice > span {display:block; font-size:12px; color:#ed1b2f}
.tb-white tbody tr.grade td > span ~ span {margin-left:45px}
.tb-white tbody tr.grade td span > span {margin-left:8px; font-size:14px; color:#747474}
.tb-white tbody tr.grade td span > span.num {margin:0 8px 0 0}
.tb-white tbody td input + a {margin-left:2px}
.tb-white tbody td input[type="radio"],
.tb-white tbody td input[type="checkbox"] {vertical-align:middle}
.tb-white tbody td input[type="radio"] ~ input[type="radio"],
.tb-white tbody td input[type="checkbox"] ~ input[type="checkbox"] {margin-left:30px}
.tb-white tbody td input[type="radio"] + label,
.tb-white tbody td input[type="checkbox"] + label {padding-left:7px}
.tb-white tbody tr.email td .wrap-select {margin-left:2px}
.tb-white tbody td .wrap-select {display:inline-block}
.tb-white tbody td .wrap-select ~ .wrap-select {margin-left:2px}
/*  */
.tb-blue {width:100%; border-top:2px solid #0584bd; border-bottom:1px solid #d6d6d6}
.tb-blue thead th {padding:22px 0 23px; font-size:15px; background:#f4f4f4}
.tb-blue tbody td {padding:19px 0 20px; text-align:center; border-top:1px solid #d6d6d6}
.tb-blue tbody td.nodata {padding:50px 0}
/* tbl-write */
.tbl-write table {width:100%; text-align:left; border-top:1px #bdbdbd solid;} /* 190828 수정/pjy */
.tbl-write table tr th,
.tbl-write table tr td {height:60px; text-align:left}
.tbl-write table tr th {padding:20px 0 0 28px; vertical-align:top; font-size:16px; font-weight:700; color:#343434; border-bottom:1px #e4e4e4 solid; background:#fafafa}
.tbl-write table tr th label {padding-left:12px}
.tbl-write table tr td {padding:10px 10px 10px 10px; font-size:16px; border-bottom:1px #e4e4e4 solid; background:#fff}
.tbl-write table tr td .text-editor {}/* 161222 */
.tbl-write table tr td .text-editor textarea {border:1px #cdcdcd solid; width:905px; height:330px}


/* box */
.box-type {width:100%; margin-top:50px; padding:0 0 70px; text-align:center; background:#f4f4f4}
.box-type  p.main-content {padding-top:70px; line-height:1.4em; font-size:16px; font-weight:700; color:#5d5d5d; letter-spacing:-0.02em}
.box-type  p.main-content > strong.head-line {display:block; margin-bottom:15px; font-size:25px; font-weight:bold; color:#ef9200; letter-spacing:-0.05em}
.box-type  p.main-content > strong.head-line span {color:#0584bd}
.box-type  p.main-content > strong.bold {color:#000;font-weight:900}
.box-type  p.main-content > span {display:block;}
.box-type .sub-box {width:635px; margin:42px auto 0; padding:35px; background:#fff; border:1px #e8e8e8 solid; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}


/* list */
.certify-select ul {display:inline-block; padding:40px 0 35px 0; text-align:center}
.certify-select ul::after {content:""; display:block; clear:both}
.certify-select ul li {float:left}
.certify-select ul li ~ li {margin-left:40px}
.certify-select ul li.phone a {background:#fff url(../images/content/ico-phone.png) 54% 40% no-repeat}
.certify-select ul li.ipin a {background:#fff url(../images/content/ico-ipin.png) 50% 44% no-repeat}
.certify-select ul li.mail a {background:#fff url(../images/content/ico-mail.png) 50% 44% no-repeat}
.certify-select ul li a {position:relative; display:inline-block; width:170px; height:170px; border-radius:170px; border:7px solid #f69c00; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.certify-select ul li a span {position:absolute; left:50%; bottom:30px; margin-left:-32px; font-weight:bold}

.list-type ul {display:block; width:100%}
.list-type ul ~ ul {margin-top:38px}
.list-type ul::after {content:""; display:block; clear:both;}
.list-type ul li {float:left; display:block; width: calc(25% - 24.75px)}
.list-type ul li ~ li {margin-left:33px;}
.list-type ul li a {display:block; overflow:hidden; height:216px}
.list-type ul li a .img {overflow:hidden; height:139px; /* background:url(../images/common/img-novideo.png) no-repeat; background-size:cover */}/* 161220 */
.list-type ul li a .img img {width:100%}
.list-type ul li a > p {overflow:hidden; height:60px; padding-top:17px; line-height:1.5em; font-size:15px; font-weight:700}
.list-type ul li a > p span {display:block}
.list-type ul li > span {display:block; padding-top:17px; font-size:14px; font-weight:700; border-top:1px #c9c9c9 solid}

/* 콘텐츠 슬라이드 리스트 */
.slide-area {position:relative; width:100%; margin-top: 20px;}
.slide-area .list-type3 {position:relative; width:100%; height:450px; margin-top:32px; /*overflow:hidden*/}
.slide-area .list-type3 > ul {position:absolute; left:0; top:0}
.slide-area .list-type3 > ul::after {content:""; display:block; clear:both}
.slide-area .list-type3 > ul > li {float:left; position:relative; width:338px; margin:40px 21px 0}
/* 161226 */
.slide-area .list-type3 > ul > li > a {display:block}
.slide-area .list-type3 > ul > li .bookmark {display:block; position:absolute; top:10px; right:10px; z-index:1; width:43px; height:43px; border-radius:90px; text-indent:-999999px; background:#bfbfbf url(../images/common/btn-bookmark.png) 12px 11px no-repeat}
.slide-area .list-type3 > ul > li.on .bookmark {background-color:#ed1b2f}/* 161226 */
.slide-area .list-type3 > ul > li .thumbnail {overflow:hidden; height:190px;/*  background:url(../images/common/img-novideo.png) no-repeat; background-size:cover */}/* 161220 */
.slide-area .list-type3 > ul > li .thumbnail img {width:100%;}
.slide-area .list-type3 > ul > li .badge {position:absolute; left:10px; top:10px; width:43px}
.slide-area .list-type3 > ul > li .badge span {float:left; display:inline-block; width:52px; height:25px; line-height:25px; margin-top:5px; text-align:center; font-weight:bold; font-size:14px; color:#fff; border-radius:2em}
.slide-area .list-type3 > ul > li .badge span.recomm {background:#ed1b2f}
.slide-area .list-type3 > ul > li .badge span.popular {background:#ff9c0b}
.slide-area .list-type3 > ul > li .badge span.recent {background:#0584bd}
.slide-area .list-type3 > ul > li .contents {padding:25px 30px 30px 30px; background:#fff}
.slide-area .list-type3 > ul > li .contents > strong {display:block; overflow:hidden; height:43px; font-size:16px; line-height:1.4; letter-spacing:-0.04em}
.slide-area .list-type3 > ul > li .contents > strong span {display:block}
.slide-area .list-type3 > ul > li .contents div {margin-top:14px; padding-top:18px; border-top:1px #e9e9e9 solid}
.slide-area .list-type3 > ul > li .contents div::after {content:""; display:block; clear:both}
.slide-area .list-type3 > ul > li .contents div strong {float:left; line-height:25px}
.slide-area .list-type3 > ul > li .contents div span {float:right; line-height:25px; margin-left:8px; padding-left:22px; color:#a7a7a7}
.slide-area .list-type3 > ul > li .contents div span.time {background:url(../images/common/bg-time.png) 3px center no-repeat; font-size:13px;}
.slide-area .list-type3 > ul > li .contents div span.hits {background:url(../images/common/bg-hits.png) 8px center no-repeat; font-size:13px;}
.slide-area .list-type3 > ul > li .contents div span.inquiry {padding-left:25px; background:url(../images/common/bg-inquiry.png) 0 center no-repeat}
.slide-area .list-type3 > ul > li .contents div span.study {float:right; width:64px; height:25px; margin:0; padding:0; line-height:25px; text-align:center; font-weight:bold; font-size:13px}
.slide-area .list-type3 > ul > li .contents div span.study.end {color:#7f7f7f; border:1px solid #7f7f7f}
.slide-area .list-type3 > ul > li .contents div span.study.ing {color:#ed1b2f; border:1px solid #ed1b2f}
.slide-area .list-type3 > ul > li .contents div span.study.reg {color:#0584bd; border:1px solid #0584bd}

.list-type3.s {margin-top:25px; height:auto}
.list-type3.s > ul::after {content:""; display:block; clear:both}
.list-type3.s > ul ~ ul {margin-top:25px}
.list-type3.s > ul > li {width:calc(25% - 25px); margin:0; float:left; position:relative;}
.list-type3.s > ul > li > a {display:block}
.list-type3.s > ul > li ~ li {margin-left:33.33px}
.list-type3.s > ul > li .thumbnail {overflow:hidden; height:139px}
.list-type3.s > ul > li .thumbnail img {width:100%}
.list-type3.s > ul > li .bookmark {top:10px; right:10px; display:block; position:absolute; z-index:1; width:43px; height:43px; border-radius:90px; text-indent:-999999px; background:#bfbfbf url(../images/common/btn-bookmark.png) 12px 11px no-repeat}
.list-type3.s > ul > li.on .bookmark {background-color:#ed1b2f}
.list-type3.s > ul > li .badge {position:absolute; left:10px; top:10px; width:43px}
.list-type3.s > ul > li .badge span {float:left; display:inline-block; width:43px; height:20px; line-height:20px; margin-top:4px; text-align:center; font-weight:bold; font-size:12px; color:#fff; border-radius:2em}
.list-type3.s > ul > li .badge span.recomm {background:#ed1b2f}
.list-type3.s > ul > li .badge span.popular {background:#ff9c0b}
.list-type3.s > ul > li .badge span.recent {background:#0584bd}
.list-type3.s > ul > li .contents {padding:20px 15px 10px; background:#fff}
.list-type3.s > ul > li .contents > strong {font-weight:normal; display:block; overflow:hidden; height:43px; font-size:15px; line-height:1.4; letter-spacing:-0.04em}
.list-type3.s > ul > li .contents div {margin-top:0; padding-top:18px; border-top:none}
.list-type3.s > ul > li .contents div::after {content:""; display:block; clear:both}
.list-type3.s > ul > li .contents div strong {float:left}
.list-type3.s > ul > li .contents div span {float:right; margin-left:8px; padding-left:22px; color:#a7a7a7}
.list-type3.s > ul > li .contents div span.inquiry {float:left; color:#878787; margin-left:0; padding-left:25px; line-height:25px; background:url(../images/common/bg-inquiry.png) 0 center no-repeat}
.list-type3.s > ul > li .contents div span.study {float:right; width:64px; height:25px; margin:0; padding:0; line-height:25px; text-align:center; font-weight:bold; font-size:13px}
.list-type3.s > ul > li .contents div span.study.end {color:#7f7f7f; border:1px solid #7f7f7f}
.list-type3.s > ul > li .contents div span.study.ing {color:#ed1b2f; border:1px solid #ed1b2f}
.list-type3.s > ul > li .contents div span.study.reg {color:#0584bd; border:1px solid #0584bd}
/* //161226 */
/* .list-detail .contents-area .inner .aside ul li span.inquiry {display:block; height:14px; line-height:13px; margin-top:12px; padding-left:28px; color:#8e8e8e; background:url(../images/common/bg-inquiry.png) left center no-repeat}*/
.slide-area > a {position:absolute; top:50%; z-index:10; margin-top:-11px; width:19px; height:30px; text-indent:-9999999px; overflow:hidden}
.slide-area > a.prev {left:-40px; background:url(../images/common/btn-arr-prev.png) center center no-repeat}
.slide-area > a.next {right:-40px; background:url(../images/common/btn-arr-next.png) center center no-repeat}

/* 새 동영상 리스트 - 부모 div에 클래스 두 개 같이 써줄 것 */
.video-contents.slide-area {}
.video-contents.slide-area .list-type3 {margin-top:0; height:auto}
.video-contents.slide-area .list-type3 > ul {position:static}
.video-contents.slide-area .list-type3 > ul ~ ul {margin-top:25px}
.video-contents.slide-area .list-type3 > ul > li {width:calc(25% - 25px); margin:0}
.video-contents.slide-area .list-type3 > ul > li ~ li {margin-left:33.33px}
.video-contents.slide-area .list-type3 > ul > li > .thumbnail {height:139px}
.video-contents.slide-area .list-type3 > ul > li > a.bookmark {top:10px; right:10px}
.video-contents.slide-area .list-type3 > ul > li > .badge {position:absolute; left:10px; top:10px; width:43px}
.video-contents.slide-area .list-type3 > ul > li > .badge span {float:left; display:inline-block; width:43px; height:20px; line-height:20px; margin-top:4px; text-align:center; font-weight:bold; font-size:12px; color:#fff; border-radius:2em}
.video-contents.slide-area .list-type3 > ul > li > .badge span.recomm {background:#ed1b2f}
.video-contents.slide-area .list-type3 > ul > li > .badge span.popular {background:#ff9c0b}
.video-contents.slide-area .list-type3 > ul > li > .badge span.recent {background:#0584bd}
.video-contents.slide-area .list-type3 > ul > li > .contents {padding:20px 15px 10px}
.video-contents.slide-area .list-type3 > ul > li > .contents > strong {font-weight:normal; font-size:15px}
.video-contents.slide-area .list-type3 > ul > li > .contents div {margin-top:0; border-top:none}
.video-contents.slide-area .list-type3 > ul > li > .contents div span.inquiry {float:left; color:#878787}
.video-contents.slide-area .list-type3 > ul > li > .contents div span.study {float:right; width:64px; height:25px; margin:0; padding:0; line-height:25px; text-align:center; font-weight:bold; font-size:13px}
.video-contents.slide-area .list-type3 > ul > li > .contents div span.study.end {color:#7f7f7f; border:1px solid #7f7f7f}
.video-contents.slide-area .list-type3 > ul > li > .contents div span.study.ing {color:#ed1b2f; border:1px solid #ed1b2f}
.video-contents.slide-area .list-type3 > ul > li > .contents div span.study.reg {color:#0584bd; border:1px solid #0584bd}

/* 온라인레슨 서브메뉴 */
.nav-category {position:fixed; left:-320px; top:275px; bottom:0; z-index:500}/* 161226 수정 */
.nav-category > .nav-content {position:relative; width:320px; height:100%}/* 161220 수정 */
.nav-category > .nav-content > a {display:none; position:absolute; right:-49px; top:0; width:49px; height:49px; font-size:0}
.nav-category > .nav-content > a.open {background:#ed1b2f url(../images/common/btn-menu.png) 50% 50% no-repeat}
.nav-category > .nav-content > a.close {background:#ed1b2f url(../images/common/btn-menu-close.png) 50% 50% no-repeat}
.nav-category > .nav-content > strong {display:block; height:49px; padding-left:40px; line-height:49px; font-size:16px; color:#fff; background:#ed1b2f}/* 161226 */
.nav-category > .nav-content > ul {width:320px; height:calc(100% - 49px); overflow:auto; overflow-x:hidden}/* 161220 수정 */
.nav-category > .nav-content > ul > li {background:#ff8a00}
.nav-category > .nav-content > ul > li > a {display:block; height:49px; line-height:49px; padding-left:40px; font-weight:bold; font-size:16px; color:#fff}
.nav-category > .nav-content > ul > li > a:before {content:"-"; padding-right:5px}
.nav-category > .nav-content > ul > li > ul > li {position:relative}
.nav-category > .nav-content > ul > li > ul > li > a {display:block; position:relative; line-height:1.9; padding:6px 0 7px 62px; font-size:15px; color:#fff; opacity:0.8}
.nav-category > .nav-content > ul > li > ul > li > a:after {content:""; display:inline-block; position:absolute; left:54px; top:50%; width:2px; height:2px; margin-top:-1px; background:#fff}
.nav-category > .nav-content > ul > li > ul > li > a:before {content:""; display:inline-block; position:absolute; left:40px; top:0; width:calc(100% - 74px); height:1px; background:#f8a646}
.nav-category > .nav-content > ul > li > ul > li > a.menu-open {position:absolute; right:4px; top:0; z-index:1; width:42px; height:42px; padding:0; font-size:0; text-indent:-9999px; background:url(../images/common/btn-menu-3dep.png) 0 0 no-repeat; opacity:1}
.nav-category > .nav-content > ul > li > ul > li > a.menu-open:after {display:none}
.nav-category > .nav-content > ul > li > ul > li > a.menu-open.on {background-position:0 -42px}
.nav-category > .nav-content > ul > li > ul > li > ul {display:none; padding:5px 0; background:#f3781e}
.nav-category > .nav-content > ul > li > ul > li > ul > li {padding-left:62px}
.nav-category > .nav-content > ul > li > ul > li > ul > li > a {display:block; padding:6px 0 7px; color:#fde8df}
.nav-category > .nav-content > ul > li > ul > li > ul > li > a:before {content:"-"; padding-right:5px}

/* 상세 페이지 레이아웃 (온라인 레슨 > 콘텐츠 상세, 진행중인 수업 > 상세) */
.vedio-area {overflow:hidden; height:640px}
.vedio-area img {width:100%}
.vedio-area a {display:block; position:relative; z-index:1}
.list-detail .contents-area .inner::after {content:""; display:block; clear:both}
.list-detail .contents-area .inner .section {float:left; width: calc(100% - 395px); margin-top:15px}
.list-detail .contents-area .inner .section .sub-section {padding:19px 24px 22px 24px; border:1px #d0d0d0 solid; background:#fff}
.list-detail .contents-area .inner .section .sub-section  ~ .sub-section {margin-top:15px}
.list-detail .contents-area .inner .section .sub-section.type1 h3 {padding-bottom:17px; font-size:30px; font-weight:400; letter-spacing:-0.02em; border-bottom:1px #d0d0d0 solid}
.list-detail .contents-area .inner .section .sub-section.type1 > div {margin-top:17px; font-size:16px}
.list-detail .contents-area .inner .section .sub-section.type1 > div::after {content:""; display:block; clear:both}
.list-detail .contents-area .inner .section .sub-section.type1 > div > span {float:left; display:block; height:20px; line-height:18px; font-weight:700}
.list-detail .contents-area .inner .section .sub-section.type1 > div > div {float:right; height:20px; line-height:20px}
.list-detail .contents-area .inner .section .sub-section.type1 > div > div > span {display:inline-block; height:20px; padding-left:30px; background:url(../images/common/bg-play-number.png) left center no-repeat}
.list-detail .contents-area .inner .section .sub-section.type1 > div > div > a {display:inline-block; width:20px; height:20px; margin-left:26px; text-indent:-999999px; background:url(../images/common/btn-bookmark-2.png) left center no-repeat}
.list-detail .contents-area .inner .section .sub-section.type1 > div > div > a.on {background:url(../images/common/btn-bookmark-2-on.png) left center no-repeat}
.list-detail .contents-area .inner .section .sub-section.type2 ul li {width:100%; line-height:1.7em; color:#656565}
.list-detail .contents-area .inner .section .sub-section.type2 ul li strong {display:inline-block; width:120px}
.list-detail .contents-area .inner .section .sub-section.type3 strong {display:block; padding-bottom:20px; font-size:18px; border-bottom:1px #d0d0d0 solid}
.list-detail .contents-area .inner .section .sub-section.type3 p {padding-top:22px; padding-bottom:10px; line-height:1.6em; color:#6f6f6f}
.list-detail .contents-area .inner .aside {float:right; width:380px; margin-top:15px; padding:20px 24px 7px; border:1px #d0d0d0 solid; background:#fff}
.list-detail .contents-area .inner .aside > strong {display:block; position:relative; padding-bottom:8px; font-size:20px;}
.list-detail .contents-area .inner .aside > strong::before {content:""; }
.list-detail .contents-area .inner .aside ul li {padding-top:20px; padding-bottom:21px}
.list-detail .contents-area .inner .aside ul li ~ li {border-top:1px #d0d0d0 solid}
.list-detail .contents-area .inner .aside ul li > div.image {overflow:hidden; width:170px; }/* background:url(../images/common/img-novideo.png) no-repeat; background-size:cover *//* 161210 */
.list-detail .contents-area .inner .aside ul li > div.image img{display:block; position:relative; height:120px;}/* background:url(../images/common/img-novideo.png) no-repeat; background-size:cover *//* 161210 */
.list-detail .contents-area .inner .aside ul li.before > div.image a::before,
.list-detail .contents-area .inner .aside ul li.complete > div.image a::before,
.list-detail .contents-area .inner .aside ul li.apply > div.image a::before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; line-height:139px; vertical-align:middle; font-size:20px; font-weight:700; color:#fff; text-align:center} /* 161223 */
.list-detail .contents-area .inner .aside ul li.before > div.image a::before {content:"학습전"; background:rgba(237,27,47,.6)}
.list-detail .contents-area .inner .aside ul li.complete > div.image a::before {content:"학습완료"; background:rgba(127,127,127,.8)}
.list-detail .contents-area .inner .aside ul li.apply > div.image a::before {content:"학습신청"; background:rgba(63,194,196,.6)}/* 161223 */
.list-detail .contents-area .inner .aside ul li strong {position:absolute; margin-left:190px;  margin-top:-133px;  display:block; overflow:hidden; width:140px; height:68px; padding-top:11px; font-size:15px}
.list-detail .contents-area .inner .aside ul li .depth {position:absolute;margin-left:190px;margin-top: -60px;display:block;overflow:hidden;width:140px;height: 40px;padding-top:11px;font-size:12px;}
.list-detail .contents-area .inner .aside ul li span.inquiry {position:absolute; margin-left:190px;  margin-top:-14px; display:block; height:14px; line-height:13px; padding-left:28px; color:#8e8e8e; font-size:13px; background:url(../images/common/bg-inquiry.png) left center no-repeat}
.list-detail .contents-area .inner .btn-submit {margin-top:50px; padding-top:40px; border-top:1px #c9c9c9 solid;}
.list-detail .contents-area .inner .btn-submit .btn-b {height:50px; line-height:48px; padding:0 38px; font-size:18px; font-weight:400}

/* 로그인, 회원 정보 변경 > 비밀번호 확인 */
.login-form {width:100%; text-align:center}
.login-form p {padding-top:50px; line-height:2.3em; font-size:18px; color:#919191; letter-spacing:-0.05em}
.login-form p span {display:block; font-size:30px; font-weight:bold; color:#ffc10a; letter-spacing:-0.05em}
.login-form p span strong {position:relative; color:#0584bd}
.login-form p span strong::before {content:""; display:block; position:absolute; top:-6px; left:-9px; width:16px; height:17px; background:url(../images/content/bg-welcome.png)center center no-repeat}
.login-form form {margin-top:45px}
.login-form form .login-box {width:680px; margin:0 auto; padding:72px 73px 72px 98px; border:1px #e8e8e8 solid; background:rgba(255,255,255,.6)}
.login-form .btn-submit {padding-top:35px; line-height:inherit}
.login-form .btn-submit a {position:relative; padding:0 15px; font-size:14px; color:#0584bd}
.login-form .btn-submit a ~ a {margin-left:0}
.login-form .btn-submit a ~ a::before {content:""; display:block; position:absolute; top:2px; left:-3px; width:2px; height:13px; background:#0584bd}

/* 공지사항 목록 및 설문조사 목록 */
.tbl-search2 {width:100%; padding:0px;}
.tbl-search2 table {width:100%; color:#ffffff; text-align:left}
.tbl-search2 table tbody tr th {position:absolute; margin-left:0px; margin-top:12px; font-size:16px; font-weight:500}
.tbl-search2 table tbody tr td {position:relative;  left:0px;}
.tbl-search2 table tr td a.btn-b {background:#687688; margin-left:0px; font-size:14px;}
.tbl-search2 table tr td div.calendar input[type="text"] {margin-right:10px}
.tbl-search2 table tr td div.calendar span {display:inline-block; margin:0 5px}
.search-result {position:relative;  margin-bottom:15px; padding-left:0px;  color:#56a5ff; font-size:15px; font-weight:500}
.search-result::after {content:"";   display:block; position:absolute; left:0px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px;}
/* RED 버젼 */
.search-result-red {position:relative; width:200px; margin-bottom:15px; padding-left:0px;  color:#fe6d89; font-size:15px;}  /* 190822 래드버튼 링크 관련 수정/pjy */
.search-result-red::after {content:"";   display:block; position:absolute; left:0px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px;}
/* GREEN 버젼 */
.search-result-green {position:relative;  margin-bottom:15px; padding-left:0px;  color:#37ad81; font-size:15px; font-weight:700;}
.search-result-green::after {content:"";   display:block; position:absolute; left:0px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px;}

/* 여백 매꿈 이미지 및 래드 버튼 - bjy */
.tbl-search2 .accessory-img {width:100%; height: 40px; color:#ffffff; background: url(../images/common/sub-img05.png) center no-repeat;}
.tbl-search2 .btn-r {float:right; margin-top:30px; z-index:1000;}  /* 190822 래드버튼 링크 관련 수정/pjy */

/* @HLEE | 2024.07.18 | 주요일정 (Schedule) 게시물 테이블 CSS 분리 */
.tbl-receptionStatus { margin-top: 30px; }
.tbl-receptionStatus #receptionStatus-title { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.tbl-receptionStatus table { border-collapse: separate; border-spacing: 5px 3px; }
.tbl-receptionStatus table tbody tr td:nth-child(3) { text-align: center; }
.tbl-receptionStatus table tbody tr th { text-align: center; font-size: 12px; font-weight: bold; padding: 3px 20px; border-radius: 2px; color: #ffffff; }
.tbl-receptionStatus table tbody tr td { color: #4C4346; font-size: 12.5px; font-weight: bold }

.tbl-receptionStatus tbody tr #receptionPrepare { background-color: #7B7C7A; }
.tbl-receptionStatus tbody tr #receptionReady { background-color: #359D3B; }
.tbl-receptionStatus tbody tr #receptionProceeding { background-color: #ED7D31; }
.tbl-receptionStatus tbody tr #receptionComplete { background-color: #C75252; }
/* 주요일정 (Schedule) CSS 분리 끝 */

/* checkbox */
.check-area input[type="checkbox"] {position:absolute; left:-9999px}
.check-area input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:30px; height:30px; line-height:19px; vertical-align:middle; margin-left:10px; font-weight:bold; font-size:16px; color:#aeaeae; text-align:left}
.check-area input[type="checkbox"] + label:after {content:""; position:absolute; left:0; top:0; width:20px; height:20px; background:#c8c8c8 url(../images/common/bg-inp-check.png) 5px 50% no-repeat; border-radius:20px}
.check-area input[type="checkbox"]:checked + label {color:#56a5ff}
.check-area input[type="checkbox"]:checked + label:after {background-color:#56a5ff}

/* container 헤더 검색 */
.content .header .inner {position:absolute; left:0; right:0; top:55px}
.content .header .search {display:inline-block; position:relative; left:100%; margin-left:-500px}
.content .header .search:after {content:""; display:block; clear:both}
.content .header .search input[type="text"] {float:left}
.content .header .search .button {float:left; width:40px; height:40px; margin-left:5px; font-size:0; border-radius:3px; background:#0584bd url(../images/common/ico-search.png) 50% 50% no-repeat; cursor:pointer}/* 161226 */

/* 2022.08.04 JHCHO */
.text-white { color: #ffffff; }
.inner-list { margin-left: 10px; font-size: 12px; }
.inner-list:hover { border-bottom: 1px solid #ffc600  }

/* 2023.06.30 GBKIM */
.tbl-list table td.curri004 ol {
    line-height: 2;
}

.font-weight-bold {
    font-weight: bold;
}
.border-top-radius {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.tbl-list table th ~ th span.no-border-left::before {
    border-left: none;
}