@charset "UTF-8";

.section-layout {padding-bottom:124px} /* 마지막 패딩 */
.content {padding-bottom:124px} /* 마지막 패딩 */

/* 학부모 상단 */
.parent-notice {position:relative; padding:15px 0 17px}
.parent-notice:after {content:""; display:block; clear:both}
.parent-notice strong.cap {float:left; position:relative; margin-top:16px; padding-left:17px; font-size:18px; color:#6f6255}
.parent-notice strong.cap:after {content:""; position:absolute; left:5px; top:50%; width:4px; height:4px; border-radius:4px; margin-top:-2px; background:#7a7066}
.parent-notice div.frm {float:right}
.parent-notice div.frm:after {content:""; display:block; clear:both}
.parent-notice div.frm > div {float:left}
.parent-notice div.frm > div ~ div {margin-left:8px}
.parent-notice div.frm > div.name {display:inline-block; width:216px; height:40px; line-height:38px; padding-left:20px; border:1px solid #ccc; background:#fff}
.parent-notice div.frm > div.name strong {font-weight:normal; color:#777}

/* 정보 테이블  */
.player-graph {position:relative; padding-top:74px}
.player-graph .graph-tit > .tit {position:absolute; left:0; top:7px}
.player-graph .graph-tit > .tit strong {display:inline-block; position:relative; padding-left:18px; font-weight:bold; font-size:24px; color:#6f6255}
.player-graph .graph-tit > .tit strong:after {content:""; display:inline-block; position:absolute; left:4px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#7a7066}
.player-graph .graph-tit > .frm {position:absolute; right:0; top:0}
.player-graph .section-wrap:after {content:""; display:block; clear:both}
.player-graph .section {position:relative}
.player-graph .section:after {content:""; display:block; clear:both}
.player-graph .section > h4 {font-size:18px; color:#1d2b3c; padding-bottom:25px}
.player-graph .section a.more {display:inline-block; position:absolute; right:-1px; top:-1px; width:28px; height:28px; font-size:0; line-height:28px; text-align:center; background:#bbbbb9}
.player-graph .section a.more:after {content:"+"; font-size:16px; color:#fff}
.player-graph .section .graph {float:left; overflow:hidden; width:498px; height:454px; /* padding:46px 46px 0; */ border-radius:1em; border:1px solid #bbbbb9; background:#0584bd; text-align:center}/* 170120 */
.player-graph .section .graph .area {padding-bottom:46px}
.player-graph .section .graph .area img {max-width:100%}
.player-graph .section .graph .sort {position:relative; height:70px; border-top:1px dashed #3399c6}
.player-graph .section .graph .sort ul {position:absolute; right:0; top:50%; margin-top:-8px; }
.player-graph .section .graph .sort ul:after {content:""; display:block; clear:both}
.player-graph .section .graph .sort ul li {float:left; position:relative; padding-left:28px; font-weight:bold; color:#fff}
.player-graph .section .graph .sort ul li ~ li {margin-left:25px}
.player-graph .section .graph .sort ul li:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:11px; height:11px; margin-top:-5px; border-radius:11px}
.player-graph .section .graph .sort ul li span {display:inline-block; position:absolute; left:8px; top:50%; width:8px; height:3px; margin-top:-1px; border-radius:1em}
.player-graph .section .graph .sort ul li.b span,
.player-graph .section .graph .sort ul li.b:after {background:#35a5c5}
.player-graph .section .graph .sort ul li.o span,
.player-graph .section .graph .sort ul li.o:after {background:#f3a219}
.player-graph .section .graph .sort ul li:before {content:""; display:inline-block; position:absolute; left:2.4px; top:50%; z-index:1; width:5px; height:5px; margin-top:-2px; border-radius:5px; background:#fff}
.player-graph .section .detail {float:right; width:587px}
.player-graph .section .detail .grade ul:after {content:""; display:block; clear:both}
.player-graph .section .detail .grade ul li {float:left; width:calc(33.33% - 6.66px); height:111px; padding:0 26px; text-align:center; border-radius:1em; background:#e76a4e}
.player-graph .section .detail .grade ul li ~ li {margin-left:10px}
.player-graph .section .detail .grade ul li strong {display:block; margin-bottom:13px; padding:15px 0 17px; font-size:16px; color:#fff; border-bottom:1px dashed #f4bcaf}
.player-graph .section .detail .grade ul li span {font-weight:bold; font-size:24px; color:#fff}
.player-graph .section .detail .grade ul li span.point {color:#ffef42}
.player-graph .section .detail .body {position:relative; margin-top:15px; height:329px; padding:35px; border-radius:1em; border:1px solid #bbbbb9; background:#fff}
.player-graph .section .detail .body h4 {font-size:18px; color:#1d2b3c; padding-bottom:25px}
.player-graph .section .detail .body .tbl-record table thead th.total {border-bottom:none}
.player-graph .section .detail .body .tbl-record table tbody th {padding-left:27px; text-align:left}
.player-graph .section .detail .body .tbl-record table tbody td {padding:17px 0}
.player-graph .section .detail .body .tbl-record table tbody td.total {padding-top:28px; color:#e32c03; vertical-align:top; background:#f4f3f1}
.player-graph .section .detail .body .tbl-record table tbody td.total > span {display:block; padding-top:6px; font-weight:bold; font-size:18px}
.player-graph .section .data {margin-top:15px; padding:35px 45px; border-radius:1em; border:1px solid #bbbbb9; background:#fff}
.player-graph .section .data h4 {font-size:18px; color:#1d2b3c; padding-bottom:25px}
.player-graph .section .data .tbl-record table thead th {padding:13px 0}
.player-graph .section .data .tbl-record table tbody th > span {display:block; line-height:1.25}
.player-graph .section .data .tbl-record table tbody td {padding:19px 0}
.nodata-area-new {height:455px; text-align:center; border-radius:1em; border:1px solid #bbbbb9; background:#fff}
.nodata-area-new p {margin-top:150px; padding-top:77px; font-weight:bold; font-size:18px; color:#88867f; line-height:1.7; background:url(../images/common/ico-nodata.png) 50% top no-repeat}
.nodata-area-new p > span {display:block}



/* 로그인 */
/* 로그인 */
.section-login {padding-bottom:140px; background: /* url(../images/content/bg-login.jpg) */ center bottom no-repeat; background-size:contain}
.section-login h2 {padding-bottom:30px; border-bottom:0px black solid}
/* 아이디 찾기 > 아이디 찾기 */
.section-find .box-type .sub-box {width:600px; padding:35px 30px; font-weight:700}
.section-find .box-type .sub-box .certify-select ul {padding-top:0}
.section-find .box-type .sub-box > p {margin-top:22px}
.section-find .box-type .sub-box > p span {display:block}
.section-find .box-type .sub-box > span {display:block; margin-top:22px; color:#797979}
.section-find .box-type .sub-box .btn-submit .btn-g {padding:0 22px}
.section-find .box-type .sub-box .btn-submit .btn-b {padding:0 38px}
.section-find .box-type .sub-box .list-area {text-align:left}
.section-find .box-type .sub-box .list-area ul li {position:relative; padding-left:13px; color:#797979; letter-spacing:-0.04em}
.section-find .box-type .sub-box .list-area ul li ~ li {margin-top:7px}
.section-find .box-type .sub-box .list-area ul li::after {content:""; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-2px; border-radius:5px; background:#797979; }

/* 아이디 찾기 > 아이디찾기 결과 */
.section-find.section-id-result .box-type .sub-box {margin-top:53px; padding:32px 40px 35px 40px; font-size:16px;}
.section-find.section-id-result .box-type .sub-box > p {position:relative; margin-top:30px; padding-top:22px; padding-left:9px; line-height:1.4em; text-align:left; font-size:14px; color:#919191; border-top:1px #ccc dashed}
.section-find.section-id-result .box-type .sub-box > p::after {content:""; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-2px; border-radius:5px; background:#919191}
.section-find.section-id-result .box-type .sub-box > span {margin-top:8px; color:#878787}
.section-find.section-id-result .box-type .sub-box .btn-submit {padding-top:30px}
/* 미승인 대기 안내 */
.section-find.section-waiting .box-type .sub-box {width:634px; margin-top:52px; text-align:left}
.section-find.section-waiting .box-type .sub-box p {margin-top:0; margin-left:22px; padding-left:100px; color:#797979; letter-spacing:-0.05em; background:url(../images/content/bg-waiting.png)left center no-repeat}
.section-find.section-waiting .box-type .sub-box p span {padding-top:11px}
.section-find.section-waiting .box-type .sub-box p strong {font-weight:900; color:#3a3a3a}
.section-find.section-waiting .box-type .sub-box .btn-submit {padding-top:26px}
.section-find.section-waiting .box-type .sub-box .btn-submit .btn-b {padding:0 20px}
/* 계정 잠김 안내 */
.section-new-password.section-find-change .box-type .sub-box .btn-submit > a {padding:0 20px;}
/* 계정 휴면 아이디 로그인 시 > 본인 확인*/
.section-user-check .box-type .sub-box .certify-guide {width:100%; padding-bottom:30px; text-align:left; border-bottom:1px #e8e8e8 dashed}
.section-user-check .box-type .sub-box .certify-guide ul li{font-size:14px; font-weight:700; color:#1288be; letter-spacing:-0.02em}
.section-user-check .box-type .sub-box .certify-guide ul li ~ li {margin-top:4px}
.section-user-check .box-type .sub-box > ul > li {font-weight:700; color:#585858; letter-spacing:-0.08em}
.section-user-check .box-type .sub-box > ul > li ~ li {margin-top:4px;}
/* 계정 휴면 아이디 로그인 시 > 새 비밀번호 등록*/
.section-new-password .box-type .sub-box {padding:30px 57px 35px 57px; text-align:left;}
.section-new-password .box-type .sub-box table.table-form {margin-bottom:25px;}
.section-new-password .box-type .sub-box strong {display:block; padding-top:25px; padding-left:23px; font-size:16px; color:#f68b00; border-top:1px #e8e8e8 dashed; background:url(../images/common/bg-check.png) left 27px no-repeat;}
.section-new-password .box-type .sub-box > ul {margin-top:10px;}
.section-new-password .box-type .sub-box > ul > li {color:#585858; letter-spacing:-0.06em}
.section-new-password .box-type .sub-box > ul > li ~ li {margin-top:10px; line-height:1.4em}
.section-new-password .box-type .sub-box > ul > li span {display:block}
.section-new-password .box-type .sub-box .btn-submit .btn-b {padding:0 45px;}

/* 회원가입 */
/* 회원정보 입력 */
.section-join .note {margin-top:50px; padding:40px 32px; text-align:center; background:#f1f1f1}
.section-join .note p {line-height:1.5}
.section-join .note p > span {display:block; line-height:1.5}
.section-join .section {padding-top:40px}
.section-join .section + .section {padding-top:48px}
.section-join .section h3 {position:relative; float:none; padding:0 0 17px 13px; font-size:18px; border-bottom:1px solid #767676}
.section-join .section h3:after {content:""; display:inline-block; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:4px; background:#666}
.section-join .section h3 span {float:right; padding-top:5px; font-size:14px; color:#ed1a2e}
.section-join .section.cert {margin-top:76px; padding-bottom:124px; text-align:center; background:#f1f1f1}
.section-join .section.cert h3 {text-align:left; border-color:#dedede}
.section-join .section.cert .check {padding-top:84px}
.section-join .section.cert .check > strong {display:block; font-weight:bold; font-size:24px}
.section-join .section.cert .check > strong > span {color:#ed1b2f}
.section-join .section.cert .check > span {display:block; padding-top:55px; line-height:1.6}
.section-join .section.cert .check > span > span {display:block}
.section-join .section.cert .check ul {display:inline-block; padding-top:48px; text-align:center}
.section-join .section.cert .check ul:after {content:""; display:block; clear:both}
.section-join .section.cert .check ul li {float:left}
.section-join .section.cert .check ul li ~ li {/*margin-left:40px*/}
.section-join .section.cert .check ul li.phone a {background:#fff url(../images/content/ico-phone.png) 50% 40% no-repeat}
.section-join .section.cert .check ul li.ipin a {background:#fff url(../images/content/ico-ipin.png) 50% 44% no-repeat}
.section-join .section.cert .check ul li.mail a {background:#fff url(../images/content/ico-mail.png) 50% 44% no-repeat}
.section-join .section.cert .check 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}
.section-join .section.cert .check ul li a span {position:absolute; left:50%; bottom:30px; margin-left:-32px;}
.section-join .section.cert .complete > strong {display:inline-block; padding-left:32px; font-size:24px; color:#ed1a2e; background:url(../images/common/bg-check3.png) 0 50% no-repeat}
.section-join .section.cert .complete > p {padding-top:45px}
.section-join .section.cert .complete > p > span {display:block}
.section-join .section.cert .btn-submit {padding-top:50px}
.section-join .section.cert .btn-submit a {min-width:147px}




/* 지도자 자격 검증 신청 정보 입력 */
.section-join-leader .inner {margin-top:50px; padding:40px 32px;}
.section-join-leader .note {margin-top:50px; padding:40px 32px; text-align:center; background:#f1f1f1}
.section-join-leader .note p {line-height:1.5}
.section-join-leader .note p > span {display:block; line-height:1.5}
.section-join-leader .section {padding-top:40px}
.section-join-leader .section + .section {padding-top:48px}
.section-join-leader .section h3 {padding:0 0 17px 13px; font-size:18px; border-bottom:1px solid #c9c9c9}
.section-join-leader .section h3:after {content:""; display:inline-block;position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:4px; background:#666}
.section-join-leader .section h3 span {padding-top:5px; font-size:14px; color:#ed1a2e}
.section-join-leader .section.cert {margin-top:76px; padding-bottom:124px; text-align:center; background:#f1f1f1;}
.section-join-leader .section.cert h3 {text-align:left; border-color:#dedede}
.section-join-leader .section .notice-in {padding:10px 0 0 9px; font-size:12px; color:#f69c00; text-indent:-9px; line-height:1.6}
.section-join-leader .section.cert .check {padding-top:84px}
.section-join-leader .section.cert .check > strong {display:block; font-weight:bold; font-size:24px}
.section-join-leader .section.cert .check > strong > span {color:#ed1b2f}
.section-join-leader .section.cert .check > span {display:block; padding-top:55px; line-height:1.6}
.section-join-leader .section.cert .check > span > span {display:block}
.section-join-leader .section.cert .check ul {display:inline-block; padding-top:48px; text-align:center}
.section-join-leader .section.cert .check ul:after {content:""; display:block; clear:both}
.section-join-leader .section.cert .check ul li {float:left}
.section-join-leader .section.cert .check ul li ~ li {margin-left:40px}
.section-join-leader .section.cert .check ul li.phone a {background:#fff url(../images/content/ico-phone.png) 50% 40% no-repeat}
.section-join-leader .section.cert .check ul li.ipin a {background:#fff url(../images/content/ico-ipin.png) 50% 44% no-repeat}
.section-join-leader .section.cert .check 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}
.section-join-leader .section.cert .check ul li a span {position:absolute; left:50%; bottom:30px; margin-left:-32px;}
.section-join-leader .section.cert .complete > strong {display:inline-block; padding-left:32px; font-size:24px; color:#ed1a2e; background:url(../images/common/bg-check3.png) 0 50% no-repeat}
.section-join-leader .section.cert .complete > p {padding-top:45px}
.section-join-leader .section.cert .complete > p > span {display:block}
.section-join-leader .section.cert .btn-submit {padding-top:50px}
.section-join-leader .section.cert .btn-submit a {min-width:147px}
.section-join-leader .tb-white  .unusual {line-height:30px;}

.section-join-leader .section tr.photo td .img {display:inline-block; overflow:hidden; width:120px; height:120px; border-radius:0.8em; border:1px solid #d6d6d6; background:url(../images/content/bg-img.png) no-repeat}
.section-join-leader .section tr.photo td .img img {width:100%}
.section-join-leader .section tr.photo td .btns {display:inline-block; margin-left:3px; padding-top:27px; vertical-align:top}
.section-join-leader .section tr.photo td .btns > p {padding-top:9px; font-size:12px; color:#929292}
.section-join-leader .section tr.photo td .btns > div > a {font-size:12px; margin-left:2px}
.section-join-leader .section tr.photo td .btns > div > a.disable {color:#949494; border-color:#d6d6d6; background:#d6d6d6; pointer-events:none; cursor:default}
.section-join-leader .section tr.photo td .btns > div .wrap-file {display:inline-block}
.section-join-leader .section tr.photo td .btns > div .wrap-file label {font-size:12px; width:88px; padding:0 14px}
.section-join-leader .section tr.photo td .btns > div .wrap-file input[type="file"] {display:none}


/* 회원가입 내 팝업 */
.popup-team .inner .content .team-select {width:100%; background:#f4f4f4}
.popup-team .inner .content .team-select:after {content:""; display:block; clear:both}
.popup-team .inner .content .team-select .frm-wrap {float:left; width:75.7%; padding:27px 0}
.popup-team .inner .content .team-select .frm-wrap table {width:90%}
.popup-team .inner .content .team-select .frm-wrap table tbody th {padding-left:30px; text-align:left}
.popup-team .inner .content .team-select .frm-wrap table tbody td {padding:6px 0}
.popup-team .inner .content .team-select .frm-wrap table tbody tr.school td {padding-bottom:13px}
.popup-team .inner .content .team-select .frm-wrap table tbody tr.school td input[type="checkbox"] ~ input[type="checkbox"] {margin-left:14px}
.popup-team .inner .content .team-select .frm-wrap table tbody tr.school td label {margin-left:8px; color:#747474}
.popup-team .inner .content .team-select .frm-wrap .wrap-select {display:inline-block}
.popup-team .inner .content .team-select .frm-wrap .wrap-select ~ .wrap-select {margin-left:2px}
.popup-team .inner .content .team-select .btn {float:left; width:24.3%; height:98px; margin-top:27px; padding:0 30px 0 50px; border-left:1px solid #e0e0e0}
.popup-team .inner .content .team-select .btn a.search {display:inline-block; position:relative; width:100%; height:100%; font-weight:bold; font-size:18px; text-align:center; border:1px solid #d0d0d0; background:#e6e6e6}
.popup-team .inner .content .team-select .btn a.search span {position:absolute; left:50%; top:50%; margin:-12px 0 0 -16px}
.popup-team .inner .content .result-list {padding-top:40px}
.popup-team .inner .content .result-list p {position:relative; margin-bottom:18px; padding-left:12px; font-size:15px}
.popup-team .inner .content .result-list p:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#666}
.popup-team.school .inner .content .team-select .btn {height:128px}
.popup-team.school .tb-blue tbody td {padding:17px 0 17px}
/* 이용약관 동의 */
.section-member-agreement .agreement-all {width:100%; margin-top:50px; padding:41px 0 43px; text-align:center; background:#f7f7f7}
.section-member-agreement .agreement-all p {font-size:14px; line-height:21px; color:#262626}
.section-member-agreement .agreement-all p span {display:block;}
.section-member-agreement .agreement-all p strong {display:block; margin-top:7px; font-size:18px}
.section-member-agreement .agreement-all p strong input[type="checkbox"] {margin-right:10px}
.section-member-agreement .privacy-box {width:100%}
.section-member-agreement .privacy-box:after {content:""; display:block; clear:both}
.section-member-agreement .privacy-box h3 {position:relative; margin:42px 0 14px; padding-left:20px; font-size:18px}
.section-member-agreement .privacy-box ~ .privacy-box h3 {margin-top:32px}
.section-member-agreement .privacy-box h3::before {content:""; display:block; position:absolute; top:10px; left:5px; width:4px; height:4px; background:#666}
.section-member-agreement .privacy-box h3 strong {color:#f69c00}
.section-member-agreement .privacy-box .privacy {height:302px; padding:20px 0 20px 20px; border:1px solid #dedede; overflow:scroll; overflow-x:hidden; color:#676767}
.section-member-agreement .privacy-box .privacy h4 {font-size:16px}
.section-member-agreement .privacy-box .privacy h4 ~ h4 {margin:25px 0 16px;}
.section-member-agreement .privacy-box .privacy .preamble {margin-bottom:26px; padding-bottom:27px; border-bottom:1px #e3e3e3 solid}
.section-member-agreement .privacy-box .privacy .preamble p {line-height:1.5em; font-weight:700; color:#525252}
.section-member-agreement .privacy-box .privacy .preamble p ~ p {margin-top:22px}
.section-member-agreement .privacy-box .privacy p {font-size:14px; margin:6px 0 0; line-height:25px;}
.section-member-agreement .privacy-box .privacy span {margin-bottom:2px; display:inline-block; font-size:16px; font-weight:700}
.section-member-agreement .privacy-box .privacy span ~ span {margin-top:13px}
.section-member-agreement .privacy-box .privacy ul {margin-top:7px}
.section-member-agreement .privacy-box .privacy ul.list2 {margin-top:25px}
.section-member-agreement .privacy-box .privacy > ul > li {padding-left:20px; text-indent:-20px; line-height:24px;}
.section-member-agreement .privacy-box .privacy > ul > li > ul > li {padding-left:17px; text-indent:-16px}
.section-member-agreement .privacy-box .privacy > ul > li > ul > li > ul > li {padding-left:17px; text-indent:-16px}
.section-member-agreement .privacy-box .agree {float:right; display:block; margin-top:15px; line-height:14px; vertical-align:middle; font-size:16px; color:#343434;}
.section-member-agreement .privacy-box .agree input[type="checkbox"]  {display:inline-block; padding-top:5px;}
.section-member-agreement .privacy-box .agree label {margin-left:5px}
.section-member-agreement .btn-submit {padding-top:50px;}
.section-member-agreement .privacy-box.box2 .privacy ul {margin-top:25px}
.section-member-agreement .privacy-box.box2 .privacy span ~ span {margin-top:26px;}

/* 사용자 선택 */
.section-member-sign-up .sign-up-box {width:100%; margin-top:50px; padding:0 100px 70px; text-align:center; background:#f4f4f4}
.section-member-sign-up .sign-up-box p {padding-top:67px; line-height:30px; font-size:25px; color:#5d5d5d; letter-spacing:-0.02em}
.section-member-sign-up .sign-up-box p strong {font-size:25px; color:#000}
.section-member-sign-up .sign-up-box p span {display:block; font-size:16px; color:#5d5d5d}
.section-member-sign-up .sign-up-box .sign-up-list {width:100%; margin-top:42px; 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}
.section-member-sign-up .sign-up-box .sign-up-list ul {width:100%}
.section-member-sign-up .sign-up-box .sign-up-list ul::after {content:""; display:block; clear:both}
.section-member-sign-up .sign-up-box .sign-up-list ul li {position:relative; float:left; width:25%; padding:45px 0}
.section-member-sign-up .sign-up-box .sign-up-list ul li ~ li::before {content:""; display:block; position:absolute; left:-1px; top:50%; width:1px; height:166px; margin-top:-83px; background:#e0e0e0}
.section-member-sign-up .sign-up-box .sign-up-list ul li > strong {display:block; padding-top:101px; font-size:23px; color:#3f3f3f}
.section-member-sign-up .sign-up-box .sign-up-list ul li.player > strong {background:url(../images/content/bg-player.png)center top no-repeat;}
.section-member-sign-up .sign-up-box .sign-up-list ul li.parent > strong {background:url(../images/content/bg-parent.png)center top no-repeat;}
.section-member-sign-up .sign-up-box .sign-up-list ul li.coach > strong {background:url(../images/content/bg-coach.png)center top no-repeat;}
.section-member-sign-up .sign-up-box .sign-up-list ul li.normal > strong {background:url(../images/content/bg-normal.png)center top no-repeat;}
.section-member-sign-up .sign-up-box .sign-up-list ul li > span {display:block; height:34px; margin-top:6px; font-size:14px; color:#808080}
.section-member-sign-up .sign-up-box .sign-up-list ul li > span > span {display:block}
.section-member-sign-up .sign-up-box .sign-up-list ul li a.btn-b {height:35px; line-height:35px; margin-top:20px; font-size:14px;}
.section-member-complete .sign-up-complete {width:100%; margin-top:50px; padding-bottom:56px; text-align:center; border-bottom:1px #dedede solid}
.section-member-complete .sign-up-complete p {margin-top:55px; line-height:1.7em; font-size:16px; color:#5d5d5d}
.section-member-complete .sign-up-complete p strong {display:block; padding-bottom:21px; font-size:28px; color:#ff8a00}
.section-member-complete .sign-up-complete p span {display:block; font-size:16px; color:#5d5d5d}
.section-member-complete .btn-submit .btn-b {padding:0 40px}

/* 나의 팀 플레이보드*/
/* 메인 */
.section-team-playboard {padding-bottom:0}
.section-team-playboard .main-playboard {margin-top:-6px; padding-bottom:124px; background:#abc8d1 url(../images/content/bg-playboard.jpg) 50% 0 no-repeat}
.section-team-playboard .main-playboard .playboard {position:relative; padding-top:64px; text-align:center}
.section-team-playboard .main-playboard .playboard > strong {display:block; font-size:30px; color:#383838}
.section-team-playboard .main-playboard .playboard > p {padding-top:26px; padding-bottom:53px; font-weight:bold; font-size:50px; color:#ed1b2f}
.section-team-playboard .main-playboard .playboard > p > span {display:block; padding-bottom:4px; font-size:18px; color:#5c5c5c}
.section-team-playboard .main-playboard .playboard > .board {position:relative; display:inline-block; width:580px; height:424px; background:url(../images/content/bg-board.png) 50% 0 no-repeat}
.section-team-playboard .main-playboard .playboard > .board > ul > li {position:absolute}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p1 {left:124px; top:104px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p2 {left:50%; top:62px; margin-left:-22px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p3 {right:124px; top:104px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p4 {left:192px; top:161px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p5 {right:184px; bottom:131px; margin-left:-22px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p6 {left:50%; bottom:212px; margin-left:-22px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p7 {left:207px; bottom:131px; margin-left:-22px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p8 {left:50%; bottom:132px; margin-left:-15px}
.section-team-playboard .main-playboard .playboard > .board > ul > li.p9 {left:50%; bottom:55px; margin-left:-15px}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a {display:block; position:relative; font-weight:bold; font-size:16px; color:#1a1a1a}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a:hover > .des,
.section-team-playboard .main-playboard .playboard > .board > ul > li > a:focus > .des {display:block}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des {display:none; position:absolute; left:22px; bottom:37px; z-index:1; width:323px; padding:17px 30px 15px; text-align:left; border-radius:1.5em; border-bottom-left-radius:0; box-shadow:0 1px rgba(0, 0, 0, 0.4); background:#ffc10a}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des:after {content:""; display:inline-block; position:absolute; left:0; bottom:-16px; width:21px; height:16px; background:url(../images/content/bg-des.png) 0 0 no-repeat}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des > strong {display:block; font-size:18px; color:#ed1b2f}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des ul {margin-top:10px}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des ul:after {content:""; display:block; clear:both}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des ul li {float:left; font-weight:bold; font-size:14px; line-height:1.3}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des ul li ~ li {margin-left:4px}
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des ul li:nth-child(7),
.section-team-playboard .main-playboard .playboard > .board > ul > li > a > .des ul li:nth-child(13){margin-left:0}
.section-team-playboard .main-playboard .playboard > ul.members {position:absolute; left:30px; bottom:195px}
.section-team-playboard .main-playboard .playboard > ul.members li:after {content:""; display:block; clear:both}
.section-team-playboard .main-playboard .playboard > ul.members li {width:137px; line-height:35px; font-weight:bold; font-size:18px; text-align:left}
.section-team-playboard .main-playboard .playboard > ul.members li ~ li {margin-top:15px}
.section-team-playboard .main-playboard .playboard > ul.members li > em {float:right; font-style:normal; font-size:30px; color:#ed1b2f}
.section-team-playboard .main-playboard .playboard > .percentage {display:block; padding:30px 0 40px}
.section-team-playboard .main-playboard .playboard > .percentage ul {display:inline-block}
.section-team-playboard .main-playboard .playboard > .percentage ul:after {content:""; display:block; clear:both}
.section-team-playboard .main-playboard .playboard > .percentage ul li {float:left; height:60px; padding-left:76px; text-align:left}
.section-team-playboard .main-playboard .playboard > .percentage ul li ~ li {margin-left:40px}
.section-team-playboard .main-playboard .playboard > .percentage ul li.l1 {background:url(../images/content/ico-percent1.png) 0 50% no-repeat}
.section-team-playboard .main-playboard .playboard > .percentage ul li.l2  {background:url(../images/content/ico-percent2.png) 0 50% no-repeat}
.section-team-playboard .main-playboard .playboard > .percentage ul li.l3 {background:url(../images/content/ico-percent3.png) 0 50% no-repeat}
.section-team-playboard .main-playboard .playboard > .percentage ul li > strong {display:block; padding:7px 0 3px; font-size:16px}
.section-team-playboard .main-playboard .playboard > .percentage ul li > span {font-weight:bold; font-size:25px; color:#ed1b2f}
.section-team-playboard .main-playboard .section {margin-top:38px; padding:30px 44px 42px; text-align:center; border-radius:0.8em}
.section-team-playboard .main-playboard .section ~ .section {margin-top:30px}
.section-team-playboard .main-playboard .section.player {background:#51a1ae}
.section-team-playboard .main-playboard .section.coach {background:#0584bd}
.section-team-playboard .main-playboard .section h3 {font-size:24px; color:#fff}
.section-team-playboard .main-playboard .section .paginate {padding-top:40px}
.section-team-playboard .main-playboard .section .member-list {padding-top:35px}
.section-team-playboard .main-playboard .section .member-list > ul ~ ul {margin-top:27px}
.section-team-playboard .main-playboard .section .member-list > ul:after {content:""; display:block; clear:both}
.section-team-playboard .main-playboard .section .member-list > ul > li {float:left; width:calc(25% - 22.5px); padding:7px 7px 20px; border-radius:1em; background:#fff}
.section-team-playboard .main-playboard .section .member-list > ul > li ~ li {margin-left:30px}
.section-team-playboard .main-playboard .section .member-list > ul > li .img {overflow:hidden; width:100%; height:178px; border-radius:0.8em}
.section-team-playboard .main-playboard .section .member-list > ul > li .img img {width:100%}
.section-team-playboard .main-playboard .section .member-list > ul > li > strong {display:block; margin:0 20px; padding:20px 0 17px; font-size:20px; color:#f07100; border-bottom:1px solid #dcdcdc}
.section-team-playboard .main-playboard .section .member-list > ul > li > strong > span {display:block; padding-top:5px; font-weight:normal; font-size:14px; color:#343434}
.section-team-playboard .main-playboard .section .member-list > ul > li > ul {margin:15px 20px 0; text-align:left}
.section-team-playboard .main-playboard .section .member-list > ul > li > ul:after {content:""; display:block; clear:both}
.section-team-playboard .main-playboard .section .member-list > ul > li > ul li {float:left; position:relative; width:100%; padding-left:8px; color:#343434}
.section-team-playboard .main-playboard .section .member-list > ul > li > ul li:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; border-radius:3px; background:#343434}
.section-team-playboard .main-playboard .section .member-list > ul > li > .btn {padding-top:18px; text-align:center}
.section-team-playboard .main-playboard .section .member-list > ul > li > .btn a {display:inline-block; width:52px; height:24px; line-height:24px; font-size:12px; color:#fff; border-radius:1em; background:#0584bd}
.section-team-playboard .main-playboard .section .member-list > ul > li > .btn a.un {background-color:#ed1b2f}
.section-team-playboard .main-playboard .section.coach:after {content:""; display:block; clear:both}
.section-team-playboard .main-playboard .section.coach .member-list {float:right; position:relative; left:-50%}
.section-team-playboard .main-playboard .section.coach .member-list > ul {position:relative; left:50%}
.section-team-playboard .main-playboard .section.coach .member-list > ul > li {position:relative; width:230px}

/* 팀현황 */
/* 경기기록 */
.section-play-board.content {padding-bottom:0}
.section-play-board .team-record {background:#f1f1f1; padding:56px 0 173px}
.section-play-board .sub-section1 {width:100%; padding:40px 60px 40px 47px; border-radius:8px; background:#0584bd}
.section-play-board .sub-section2 {position:relative; width:100%; margin-top:10px; padding:55px 55px 40px 55px; border:1px #bbbbb9 solid; border-radius:8px; background:#fff}
.section-play-board .sub-section2::before,
.section-play-board .sub-section2::after {content:""; display:block; position:absolute; top:-38px; width:65px; height:65px; background:url(../images/common/bg-spring.png) center center no-repeat}
.section-play-board .sub-section2::before {left:100px}
.section-play-board .sub-section2::after {right:100px}
.section-play-board .sub-section2 .tbl-record.left,
.section-team-player .team-record .sub-section2 .tbl-record.left {float:left}/* 170213 */
.section-play-board .sub-section2 .tbl-record.scroll,
.section-team-player .team-record .sub-section2 .tbl-record.scroll {float:left}/* 170213 */
.section-play-board .sub-section2 .btn-submit {clear:both; padding:14px 0 0; text-align:right}
.section-play-board .sub-section2 .btn-submit a {height:37px; line-height:36px; padding:0 18px; font-size:16px; border:1px #1b99db solid; border-radius:5px; background:#1b99db}
/* 선수 현황 */
.section-team-player .player-info {padding-bottom:100px; background:#ffc600}
.section-team-player .player-info .inner {position:relative}
.section-team-player .player-info h3 {padding-top:60px; font-size:18px}
.section-team-player .player-info .frm {position:absolute; right:0; top:50px}
.section-team-player .player-info .frm .wrap-select + a {margin-left:3px}
.section-team-player .player-info .frm a {min-width:69px; padding:0 19px}
.section-team-player .player-info .diary {position:relative; margin-top:35px; padding:7px; border-radius:0.8em; box-shadow:0 3px 0 #cc9e00; background:#1dbfb5}
.section-team-player .player-info .diary:after {content:""; display:inline-block; position:absolute; right:324px; top:55px; z-index:1; width:55px; height:33px; margin-left:-27.5px; background:url(../images/common/bg-spring-horiz-b.png) no-repeat}
.section-team-player .player-info .diary:before {content:""; display:inline-block; position:absolute; right:324px; bottom:55px; z-index:1; width:55px; height:33px; margin-left:-27.5px; background:url(../images/common/bg-spring-horiz-b.png) no-repeat}
.section-team-player .player-info .diary-inner {padding:16px; border:1px dashed #60d2cb; border-radius:0.8em; background:#1dbfb5}
.section-team-player .player-info .diary-inner:after {content:""; display:block; clear:both}
.section-team-player .player-info .diary .page {float:left; overflow:hidden; position:relative; width:calc(100% - 338px); height:268px; padding:23px 31px 23px 19px; border-radius:0.8em; box-shadow:2px 3px 0 rgba(0, 0, 0, 0.2); background:#fff}
.section-team-player .player-info .diary .page:after {content:""; display:inline-block; clear:both}
.section-team-player .player-info .diary .page:before {content:""; display:inline-block; position:absolute; top:-20px; bottom:-20px; left:-20px; right:0; border-radius:0.8em; box-shadow:inset -3px 0 50px rgba(0, 0, 0, 0.2)}
.section-team-player .player-info .diary .page strong.tit {display:block; position:relative; padding-bottom:16px; font-size:24px; color:#544545; border-bottom:1px solid #cdc8b6}
.section-team-player .player-info .diary .page strong.tit:after {content:""; display:inline-block; position:absolute; left:0; bottom:-2.5px; width:5px; height:5px; border-radius:5px; background:#cdc8b6}
.section-team-player .player-info .diary .page strong.tit:before {content:""; display:inline-block; position:absolute; right:0; bottom:-2.5px; width:5px; height:5px; border-radius:5px; background:#cdc8b6}
.section-team-player .player-info .diary .page ul {margin-top:20px}
.section-team-player .player-info .diary .page ul li {font-size:14px; color:#525252}
.section-team-player .player-info .diary .page ul li ~ li {margin-top:10px}
.section-team-player .player-info .diary .page ul li > strong {display:inline-block; width:71px; height:27px; line-height:27px; margin-right:15px; text-align:center; font-size:14px; color:#e76a4e; border-radius:1em; border:1px solid #e76a4e}
.section-team-player .player-info .diary .page .img {float:left; overflow:hidden; width:217px; max-height:222px; border-radius:0.5em; background:url(../images/common/img-nopic.png) no-repeat; background-size:cover}/* 170213 */
.section-team-player .player-info .diary .page .img img {width:100%}
.section-team-player .player-info .diary .page .profile {float:left; width:calc(100% - 247px); margin-left:30px}
.section-team-player .player-info .diary .page.detail {position:relative; width:318px; margin-left:20px; padding-left:31px; padding-right:19px}
.section-team-player .player-info .diary .page.detail ul {}
.section-team-player .player-info .diary .page.detail ul li {position:relative; padding-left:13px}
.section-team-player .player-info .diary .page.detail ul li:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:5px; background:#e9775f}
.section-team-player .player-info .diary .page.detail ul li strong {height:auto; line-height:1.5; border:none; text-align:left}
.section-team-player .player-info .diary .page.detail a.modify {display:inline-block; position:absolute; right:19px; top:23px; width:49px; height:26px; line-height:26px; text-align:center; color:#fff; border:1px solid #969284; background:#969284}
.section-team-player .player-detail .inner {position:relative; padding-top:66px}
.section-team-player .player-detail .player-tab {position:absolute; left:0; top:-47px; width:100%}
.section-team-player .player-graph .section {padding:37px 45px 34px; border:1px solid #bbbbb9; border-radius:1em; background:#fff}
.section-team-player .player-graph .section ~ .section {margin-top:15px}
.section-team-player .player-graph .section .graph {padding:0}
.section-team-player .player-graph .section .graph .area {padding-bottom:0}
.section-team-player .player-graph .section .graph + .tbl-record {float:right; width:551px; margin-top:2px; margin-left:20px}
.section-team-player .player-graph .section .graph + .tbl-record table tbody th {padding-left:40px; text-align:left; color:#595959}
.section-team-player .player-graph .section .graph {width:434px; padding:18px 24px 0}
.section-team-player .player-graph .section-wrap ~ .section-wrap {margin-top:15px}
.section-team-player .player-graph .section.type2 {margin-top:0}
.section-team-player .player-graph .section.type2 ~ .section.type2 {margin-top:0}

/* 170213 */
.section-team-player .player-graph .data {padding:0; border:none}
.section-team-player .team-record .tab-type {margin-top:30px}
.section-team-player .team-record .tbl-search table td {text-align:right}
.section-team-player .team-record .record-player:after {content:""; display:block; clear:both}
.section-team-player .team-record .sub-section2 .tbl-record.scroll {width:735px}
.section-team-player .section .data table tbody td:first-child {font-weight:normal}
/* // 170213 */

/* 체격 및 포지션 레이어팝업 */
.popup-body .popup-inner {width:800px; padding:0; border:none}
.popup-body .popup-inner .popup-head {position:relative; height:70px; line-height:70px; border:none; background:#0584bd}
.popup-body .popup-inner .popup-head h2 {padding-left:30px; padding-bottom:0; font-size:22px; color:#fff}
.popup-body .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-body .popup-inner .popup-content {padding:38px 30px 50px; text-align:left}
.popup-body .popup-inner .popup-content p.name {position:relative; padding-left:15px; line-height:24px; font-weight:bold; font-size:20px}
.popup-body .popup-inner .popup-content p.name:after {content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#666}
.popup-body .popup-inner .popup-content p.name span {float:right; font-weight:bold; font-size:14px; color:#f89b00}
.popup-body .popup-inner .popup-content .info {margin-top:20px; padding:0 30px; background:#f4f4f4}
.popup-body .popup-inner .popup-content .info table {width:100%}
.popup-body .popup-inner .popup-content .info table th {padding-top:20px; text-align:left; border-top:1px dashed #ccc; vertical-align:top}
.popup-body .popup-inner .popup-content .info table td {padding:20px 0; color:#747474; border-top:1px dashed #ccc}
.popup-body .popup-inner .popup-content .info table td input[type="text"] + span {display:inline-block; height:40px; line-height:40px; padding-left:9px}
.popup-body .popup-inner .popup-content .info table td ul:after{content:""; display:block; clear:both}
.popup-body .popup-inner .popup-content .info table td ul ~ ul {margin-top:12px}
.popup-body .popup-inner .popup-content .info table td ul li {float:left; width:16.66%}
.popup-body .popup-inner .popup-content .info table td ul li label {padding-left:9px}
.popup-body .popup-inner .popup-content .info table tr:first-child th {border-top:none}
.popup-body .popup-inner .popup-content .info table tr:first-child td {padding-bottom:8px; border-top:none}
.popup-body .popup-inner .popup-content .info table tr:nth-child(2) th {border-top:none}
.popup-body .popup-inner .popup-content .info table tr:nth-child(2) td {padding-top:8px; border-top:none}
.popup-body .popup-inner .popup-content .btn-submit {margin-top:0; padding-top:50px; border:none}
/* 승인목록 */
.section-player-list .approval-area .list p.cap:after {content:""; display:block; clear:both}
.section-player-list .approval-area .list p.cap {position:relative; padding-left:10px; font-weight:bold; font-size:18px}
.section-player-list .approval-area .list p.cap:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; border-radius:3px; background:#666}
.section-player-list .approval-area .list p.cap span {float:right; font-weight:normal; font-size:16px; color:#696969}
.section-player-list .approval-area .list {padding:60px 50px; background:#fff}
.section-player-list .approval-area .list .tbl-list2 {padding-top:25px}
.section-player-list .approval-area .list .tbl-list2 table {border-top-color:#a19589}
.section-player-list .approval-area .list .tbl-list2 table thead th {padding:0; font-size:16px; text-indent:0; text-align:center; background:#f4f3f1}
.section-player-list .approval-area .list .tbl-list2 table tbody td {padding:30px 0; font-weight:normal; color:#343434}
.section-player-list .approval-area .list .tbl-list2 table tbody td .img {overflow:hidden; position:relative; width:146px; height:120px; border-radius:0.5em; background:url(../images/common/bg-noimg.png) 50% 0 no-repeat; background-size:cover}
.section-player-list .approval-area .list .tbl-list2 table tbody td .img a {display:block; width:146px; height:120px}
.section-player-list .approval-area .list .tbl-list2 table tbody td .img img {width:100%}
.section-player-list .approval-area .list .tbl-list2 table tbody td .img strong {display:block; position:absolute; left:0; right:0; bottom:0; height:30px; line-height:30px; color:#fff; background:rgba(0, 0, 0, 0.6)}
.section-player-list .approval-area .list .tbl-list2 table tbody td.school {padding:0 40px; line-height:1.5; text-align:left}
.section-player-list .approval-area .list .tbl-list2 table tbody td a {display:inline-block; width:85px; height:24px; line-height:22px; font-size:12px; color:#fff; text-align:center; border-radius:2em}
.section-player-list .approval-area .list .tbl-list2 table tbody td a.cancel {background:#999}
.section-player-list .approval-area .list .tbl-list2 table tbody td a.approval {width:67px; background:#0684be}
.section-player-list .approval-area .list .btn-submit {padding-top:30px; text-align:right}
.section-player-list .approval-area .list .btn-submit a.register {display:inline-block; width:225px; height:37px; line-height:37px; font-weight:bold; font-size:16px; color:#fff; text-align:center; border-radius:0.3em; background:#f17302}
/* 팀측정/기록 데이터 등록 */
.section-team-register .reg-section {padding:60px 50px; background:#fff}
.section-team-register .reg-section > div > p.cap {position:relative; margin-bottom:25px; padding-left:10px; font-size:16px; color:#6b6b6b}
.section-team-register .reg-section > div > p.cap:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; border-radius:3px; background:#8c8c8c}
.section-team-register .reg-section a.download {display:inline-block; width:193px; height:34px; line-height:36px; font-weight:normal; color:#fff; border-radius:0.3em; text-align:center; background:#e76a4e}
.section-team-register .reg-section a.download.b {background-color:#0584bd}
.section-team-register .reg-section a.download span {display:inline-block; padding-left:23px; background:url(../images/common/ico-down.png) 0 50% no-repeat}
.section-team-register .reg-section .tbl-list2 table {border-top-color:#a19589}
.section-team-register .reg-section .tbl-list2 table th {padding:25px 0; font-weight:bold; font-size:16px; text-indent:0; text-align:center; background:#f4f3f1}
.section-team-register .reg-section .tbl-list2 table td {padding:15px 20px; font-weight:normal; text-align:left}
.section-team-register .reg-section .tbl-list2 table td .wrap-select ~ .wrap-select {margin-left:6px}
.section-team-register .reg-section .tbl-list2 table td .inp:after {content:""; display:block; clear:both}
.section-team-register .reg-section .tbl-list2 table td .inp a.download {float:left}
.section-team-register .reg-section .tbl-list2 table td .inp .wrap-file {float:left}
.section-team-register .reg-section .tbl-list2 table td .inp .wrap-file:after {content:""; display:block; clear:both}
.section-team-register .reg-section .tbl-list2 table td .inp label {float:left; width:114px; height:34px; line-height:34px; margin-left:9px; font-weight:normal; color:#fff; border-radius:0.3em; text-align:center; background:#7a7a7a}
.section-team-register .reg-section .tbl-list2 table td .inp label span {display:inline-block; padding-left:23px; background:url(../images/common/ico-file.png) 0 50% no-repeat}
.section-team-register .reg-section .tbl-list2 table td .inp label + input[type="file"] {display:none}
.section-team-register .reg-section .tbl-list2 table td .inp strong {float:left;position:relative; line-height:34px; margin-left:10px; padding-left:10px; font-weight:normal}
.section-team-register .reg-section .tbl-list2 table td .inp strong:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; border-radius:3px; background:#bdbdbd}
.section-team-register .reg-section .tbl-list2 table td .inp strong + a.delete {float:left; margin-top:10px; margin-left:5px; width:17px; height:16px; font-size:0; text-intent:-9999px; background:url(../images/common/btn-file-delete.png) no-repeat}
.section-team-register .reg-section .tbl-list2 table td p.ex {padding-top:6px; font-weight:bold; font-size:13px; color:#e76a4e}
.section-team-register .reg-section .btn-submit {padding-top:30px}
.section-team-register .reg-section .btn-submit a {width:123px}
.section-team-register .reg-section .btn-submit a ~ a {margin-left:9px}
.section-team-register .reg-section .notice {margin-top:70px; padding:45px 50px; background:#f8f8f8}
.section-team-register .reg-section .notice .tit {display:block; padding-left:35px; font-size:26px; color:#ed1b2f; background:url(../images/common/ico-notice.png) 0 50% no-repeat}
.section-team-register .reg-section .notice > ul {padding-top:40px}
.section-team-register .reg-section .notice > ul > li {line-height:2.1; font-weight:bold; font-size:16px; color:#4f4f4f}
.section-team-register .reg-section .notice > ul > li > span {color:#e76a4e}
.section-team-register .reg-section .notice > ul > li > ul {padding-left:20px}
.section-team-register .reg-section .notice > ul > li > ul > li {line-height:1.5; font-weight:normal; font-size:14px; color:#828282}
.section-team-register .reg-section .notice .capture {margin-top:40px; height:372px; background:#dedede}
.section-team-register .reg-section .result .result-processing {margin-top:40px; padding:50px 0 60px; text-align:center; background:#f8f8f8}
.section-team-register .reg-section .result .result-processing .tit {display:inline-block; line-height:29px; padding-left:40px; font-size:26px; color:#0584bd; background:url(../images/common/ico-progress.png) 0 50% no-repeat}
.section-team-register .reg-section .result .result-processing .cap {padding-top:30px; font-weight:bold; font-size:16px; color:#676767}
.section-team-register .reg-section .result .result-processing .des {padding-top:15px; line-height:1.5; color:#828282}
.section-team-register .reg-section .result .result-processing .des em {font-style:normal; color:#e76a4e}
.section-team-register .reg-section .result .result-processing .des span {display:block}
.section-team-register .reg-section .result .result-report {margin-top:40px; padding:40px 35px; background:#f8f8f8}
.section-team-register .reg-section .result .result-report:after {content:""; display:block; clear:both}
.section-team-register .reg-section .result .result-report .tit {float:left; padding-left:32px; font-size:26px; color:#0584bd; background:url(../images/common/ico-check.png) 0 50% no-repeat}
.section-team-register .reg-section .result .result-report .info {float:right}
.section-team-register .reg-section .result .result-report .info ul {display:inline-block; margin-right:35px}
.section-team-register .reg-section .result .result-report .info ul:after {content:""; display:block; clear:both}
.section-team-register .reg-section .result .result-report .info ul li {float:left; position:relative; padding-left:8px; font-weight:bold; font-size:16px; color:#676767}
.section-team-register .reg-section .result .result-report .info ul li ~ li {margin-left:15px}
.section-team-register .reg-section .result .result-report .info ul li:after {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; border-radius:3px; background:#bdbdbd}
.section-team-register .reg-section .result .result-report .info ul li span.succ {color:#0584bd}
.section-team-register .reg-section .result .result-report .info ul li span.fail {color:#e76a4e}

/* 나의 플레이보드 */
/* 건강 체력 조회 */
.section-check-body {padding-bottom:0}
.section-check-body .check-detail {padding:55px 0 124px; background:#f1f1f1}
/* 건강 체력 조회 - 체격 데이터 상세 조회 */
.section-play-board.body-detail .sub-section1 .tbl-search table td .calendar {float:right}
.section-play-board.body-detail .sub-section1 .tbl-search table td .calendar em {margin-right:7px; font-style:normal; font-weight:bold; font-size:16px; color:#fff}
.section-play-board.body-detail .sub-section1 .tbl-search table td .calendar span {display:inline-block; height:40px; line-height:40px; padding:0 7px; font-size:14px; color:#fff}
.section-play-board.body-detail .sub-section1 .tbl-search table td .calendar input[type="text"] + img {margin-left:9px}
.section-play-board.body-detail .sub-section2 h3 {padding-bottom:25px; font-size:18px}
.section-play-board.body-detail .sub-section2 .tbl-record td {color:#7e7e7e}
.section-play-board.body-detail .sub-section2 .tbl-record td span {display:inline-block; padding-left:17px}
.section-play-board.body-detail .sub-section2 .tbl-record td span.up {background:url(../images/content/ico-up.png) 0 50% no-repeat}
.section-play-board.body-detail .sub-section2 .tbl-record td span.down {background:url(../images/content/ico-down.png) 0 50% no-repeat}
/* 야구 기능 조회 */
.section-check-skill {padding-bottom:0}
.section-check-skill h3 {padding-bottom:25px; font-weight:normal; font-size:19px; color:#383838}
.section-check-skill .parent-notice + .section-wrap > h3 {padding-top:10px}
.section-check-skill .section-wrap.type2 h3 {padding-top:50px}/* 161226 */
.section-check-skill .section-wrap.type2 .section.type2 {height:430px}/* 161226 */
.section-check-skill .skill-detail {padding:55px 0 124px; background:#f1f1f1}
.section-check-skill .player-graph .section {padding:37px 45px 84px; border:1px solid #bbbbb9; border-radius:1em; background:#fff}
.section-check-skill .player-graph .section ~ .section {margin-top:15px}
.section-check-skill .player-graph .section .graph {padding:0}
.section-check-skill .player-graph .section .graph .area {padding-bottom:0}
.section-check-skill .player-graph .section .graph + .tbl-record {float:right; width:551px; margin-top:2px; margin-left:20px}
.section-check-skill .player-graph .section .graph + .tbl-record table tbody th {padding-left:10px; text-align:left; color:#595959}
.section-check-skill .player-graph .section .graph {width:434px; padding:18px 24px 0}
.section-check-skill .player-graph .section-wrap ~ .section-wrap {margin-top:15px}
.section-check-skill .player-graph .section.type2 {margin-top:0}
.section-check-skill .player-graph .section.type2 ~ .section.type2 {margin-top:0}
.player-graph .section.type2 {float:left; width:calc(50% - 7.5px); height:608px; margin-top:15px}
.player-graph .section.type2 ~ .section.type2 {margin-left:15px}
.player-graph .section.type2 .graph2 .area {padding-bottom:25px}
.player-graph .section.type2 .graph2 .area img {max-width:100%}
.player-graph .section.type2 .graph2 .sort {position:relative; height:48px; border-top:1px dashed #e5e5e5}
.player-graph .section.type2 .graph2 .sort ul {position:absolute; right:0; top:50%; margin-top:-8px}
.player-graph .section.type2 .graph2 .sort ul:after {content:""; display:block; clear:both}
.player-graph .section.type2 .graph2 .sort ul li {float:left; position:relative; padding-left:28px; font-weight:normal; color:#7c7c7cv}
.player-graph .section.type2 .graph2 .sort ul li ~ li {margin-left:25px}
.player-graph .section.type2 .graph2 .sort ul li:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:14px; height:14px; margin-top:-7px; border-radius:14px}
.player-graph .section.type2 .graph2 .sort ul li.b:after {background-color:#48b8c2}
.player-graph .section.type2 .graph2 .sort ul li.o:after {background-color:#ffb949}
.player-graph .section.type2 .graph2 + .tbl-record {margin-top:38px}
/* 야구 컨디셔닝 */
.section-check-skill.conditioning .player-graph .section {padding-bottom:40px}
.section-check-skill.conditioning .player-graph .section .graph {padding:46px 46px 0}
.section-check-skill.conditioning .player-graph .section .data {border:none; margin:0; padding:0}
.section-check-skill.conditioning .player-graph .section .data table th {color:#595959}
.section-check-skill.conditioning .player-graph table tbody th {padding-left:40px; text-align:left}
.section-team-player .section .data.conditioning table tbody th + td,
.section-check-skill.conditioning .player-graph .section .data table tbody th + td {font-weight:bold}/* 170213 */
.section-team-player .section .data.conditioning table tbody td:first-child,
.section-check-skill.conditioning .player-graph .section .data table tbody td:first-child {font-weight:bold; border-left:1px solid #e1e3e6}/* 170213 */
.section-check-skill.conditioning .player-graph .section .graph + .tbl-record table tbody th {padding-left:40px}
/* 상세 페이지 */
.section-report {padding-bottom:0}
.section-report h3 {padding-bottom:23px; font-size:18px; color:#1d2b3c}
.section-report .graph-tit {padding-top:14px}
.section-report .graph-tit:after {content:""; display:block; clear:both}
.section-report .graph-tit > .tit {display:inline-block}
.section-report .graph-tit > .tit strong {display:inline-block; position:relative; padding-left:18px; line-height:40px; font-weight:bold; font-size:22px; color:#6f6255}
.section-report .graph-tit > .tit strong:after {content:""; display:inline-block; position:absolute; left:4px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#7a7066}
.section-report .graph-tit > .frm {float:right}
.section-report .graph-tit > .frm > span {display:inline-block; font-size:19px; padding-right:11px}
.section-report .report-detail {padding-top:33px}
.section-report .report-detail .report-section {padding:55px 46px 60px; background:#fff}
.section-report .report-detail .con:after {content:""; display:block; clear:both}
.section-report .report-detail .con ~ .con {padding-top:52px}
.section-report .report-detail .con .score {float:left; width:386px}
.section-report .report-detail .con .score .list > ul:after {content:""; display:block; clear:both}
.section-report .report-detail .con .score .list > ul > li {float:left; width:calc(50% - 5px); height:111px; padding:15px; border-radius:0.8em; box-sizing:border-box}
.section-report .report-detail .con .score .list > ul > li:nth-child(even) {margin-left:10px}
.section-report .report-detail .con .score .list > ul > li:nth-child(3),
.section-report .report-detail .con .score .list > ul > li:nth-child(4) {margin-top:20px}
.section-report .report-detail .con .score .list > ul > li.comp {background:#f6f4f0}
.section-report .report-detail .con .score .list > ul > li.comp > strong {display:block; padding-bottom:9px; font-size:16px; color:#656564; text-align:center; border-bottom:1px dashed #dfdfdd}
.section-report .report-detail .con .score .list > ul > li.comp > ul {margin-top:3px}
.section-report .report-detail .con .score .list > ul > li.comp > ul > li {line-height:29px}
.section-report .report-detail .con .score .list > ul > li.comp > ul > li:after {content:""; display:block; clear:both}
.section-report .report-detail .con .score .list > ul > li.comp > ul > li > span {float:left; font-size:14px; color:#9e9286}
.section-report .report-detail .con .score .list > ul > li.comp > ul > li > em {float:right; font-style:normal; font-weight:bold; font-size:18px; color:#e76a4e}
.section-report .report-detail .con .score .list > ul > li.num {background:#e76a4e}
.section-report .report-detail .con .score .list > ul > li.num > strong {display:inline-block; position:relative; top:50%; width:100%; font-size:24px; color:#ffef42; text-align:center; transform:translateY(-50%); -ms-transform:translateY(-50%)}
.section-report .report-detail .con .score .list > ul > li.num > strong > span {display:block; padding-top:5px; font-size:16px}
.section-report .report-detail .con .graph {float:right; width:calc(100% - 386px); padding-left:70px}
.section-report .report-detail .con .graph .area {width:552px; height:242px}
.section-report .report-detail .con .tbl-record td {height:55px; color:#7e7e7e}
.section-report .report-detail .con .tbl-record table td:first-child {font-weight:normal}
.section-report .report-detail .con .tbl-record th > span {display:block}
.section-report .report-detail .con .tbl-record td.line-graph {padding:0}
.section-report .report-detail .con .tbl-record td.line-graph div {position:relative; width:500%; height:27px}
.section-report .report-detail .con .tbl-record td.line-graph div span {display:block; position:absolute; height:11px; border-top-right-radius:2em; border-bottom-right-radius:2em}
.section-report .report-detail .con .tbl-record td.line-graph div span.g {top:13px; left:0; background:#f2f0f0}
.section-report .report-detail .con .tbl-record td.line-graph div span.o {bottom:13px; left:0; background:#ffb949}
.section-report .report-detail .con .tbl-record td.nodata {padding:50px}
.section-report .report-detail .con:after {content:""; display:block; clear:both}
.section-report .report-detail .con .body-graph {float:left; width:366px}
.section-report .report-detail .con .body-graph .area {width:366px; height:673px}
.section-report .report-detail .con .result {float:right; width:calc(100% - 381px); margin-left:15px}
.section-report .report-detail .con .result .sec {padding:38px 47px; border:1px solid #bbbbb9; border-radius:0.8em}
.section-report .report-detail .con .result .sec ~ .sec {margin-top:15px}
.section-report .report-detail .con .result .sec > strong {font-size:18px; color:#1d2b3c}
.section-report .report-detail .con .result .sec .line-graph {position:relative; padding-top:13px}
.section-report .report-detail .con .result .sec .line-graph .area {width:449px; height:97px}
.section-report .report-detail .con .result .sec .line-graph .sort {position:absolute; right:0; bottom:-3px}
.section-report .report-detail .con .result .sec .line-graph .sort ul {display:inline-block}
.section-report .report-detail .con .result .sec .line-graph .sort ul:after {content:""; display:block; clear:both}
.section-report .report-detail .con .result .sec .line-graph .sort ul li {position:relative; display:inline-block; padding-left:20px; font-weight:normal; color:#7c7c7c}
.section-report .report-detail .con .result .sec .line-graph .sort ul li ~ li {margin-left:5px}
.section-report .report-detail .con .result .sec .line-graph .sort ul li:after {content:""; position:absolute; left:0; top:50%; width:14px; height:14px; margin-top:-7px; border-radius:14px}
.section-report .report-detail .con .result .sec .line-graph .sort ul li.b:after {background-color:#48b8c2}
.section-report .report-detail .con .result .sec .line-graph .sort ul li.o:after {background-color:#ffb949}
.section-report .report-detail .con .result .sec .tbl-record {margin-top:20px}
.section-report .report-detail .con .result .sec .tbl-record tbody th {padding-left:13px; text-align:left}
.section-report .report-detail .con .result .sec .tbl-record tbody td {height:48px}
.section-report .report-detail .con .result .sec .nodata {padding:43px 0 50px}
.section-report .report-detail .con .result .sec .nodata strong {display:block; text-align:center; line-height:1.6; padding-top:85px; font-size:18px; color:#88867f; background:url(../images/common/ico-nodata.png) 50% 0 no-repeat}
.section-report .report-detail .con .result .sec .nodata strong > span {display:block}
.section-report .report-total {margin-top:65px; padding:40px 46px; background:#fff}
.section-report .report-total .des {height:262px; text-align:center; background:#767676}
.section-report .report-total .des strong {display:block; padding-top:70px; font-size:30px; color:#ffb949}
.section-report .report-total .des p {line-height:1.5; padding-top:27px; font-size:16px; color:#fff}
.section-report .report-total .des p > span {display:block}
.section-report .edu-contents {padding-top:65px}
.section-report .edu-contents h4 {position:relative; margin-bottom:30px; padding-left:18px; font-size:20px; color:#333}
.section-report .edu-contents h4:after {content:""; display:inline-block; position:absolute; left:4px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#7a7066}
.section-report .btn-submit {margin-top:72px; padding-top:50px; border-top:1px solid #c9c9c9}
.section-report .btn-submit a {width:112px}
.section-report.condition .wrapper {margin-top:80px; background:#fff}
.section-report.condition .report-detail {padding-top:0}
.section-report.condition .report-detail .player-tab {position:relative; top:-47px}
.section-report.condition .report-detail .report-section {padding:0 0 70px; background:#fff}

/* 경기 기록 조회 */
.section-play-board.player-board .sub-section1 .tbl-search table tr td {text-align:right}
.section-play-board.player-board .sub-section2 {padding-bottom:60px;}
/* 170213 */
.section-team-player .team-record .sub-section2 .record-player,
.section-play-board.player-board .sub-section2 .record-player {margin-top:30px}
.section-team-player .team-record .sub-section2 .record-player:after,
.section-play-board.player-board .sub-section2 .record-player::after {content:""; display:block; clear:both}
.section-team-player .team-record .sub-section2 .tab-type .tabs ul li,
.section-play-board.player-board .sub-section2 .tab-type .tabs ul li {text-align:left}
.section-team-player .team-record .sub-section2 .tab-type .tabs ul li a,
.section-play-board.player-board .sub-section2 .tab-type .tabs ul li a {color:#979797; padding-left:108px}
.section-team-player .team-record .sub-section2 .tab-type .tabs ul li:first-child a,
.section-play-board.player-board .sub-section2 .tab-type .tabs ul li:first-child a {background:#f1f1f1 url(../images/common/bg-tab-bat.png) 55px center no-repeat}
.section-team-player .team-record .sub-section2 .tab-type .tabs ul li ~ li a,
.section-play-board.player-board .sub-section2 .tab-type .tabs ul li ~ li a {padding-left:100px; background:#f1f1f1 url(../images/common/bg-tab-ball.png) 68px center no-repeat}
.section-team-player .team-record .sub-section2 .tab-type .tabs ul li:first-child.on a,
.section-play-board.player-board .sub-section2 .tab-type .tabs ul li:first-child.on a {color:#fff; border-color:#9e9286; background:#9e9286 url(../images/common/bg-tab-bat-on.png) 55px center no-repeat}
.section-team-player .team-record .sub-section2 .tab-type .tabs ul li ~ li.on a,
.section-play-board.player-board .sub-section2 .tab-type .tabs ul li ~ li.on a {color:#fff; border-color:#9e9286; background:#9e9286 url(../images/common/bg-tab-ball-on.png) 68px center no-repeat}
.section-team-player .team-record .sub-section2 .tab-type > span,
.section-play-board.player-board .sub-section2 .tab-type > span {float:right; font-size:20px}
.section-team-player .team-record .sub-section2 .nodata-area,
.section-play-board.player-board .sub-section2 .nodata-area {border-color:transparent}
.section-team-player .team-record .sub-section2 .nodata-area p,
.section-play-board.player-board .sub-section2 .nodata-area p {margin-top:130px}
/* // 170213 */
/* 나의 플레이보드 메인 */
.section-playboard {padding-bottom:0;}
.playboard-view {padding-bottom:124px; background:#e5e4e2}
.playboard-view .profile {padding-top:73px}
.playboard-view .profile:after {content:""; display:block; clear:both}
.playboard-view .profile .info {float:left; width:514px; height:204px; padding:10px; border-radius:1em; background:#0584bd}
.playboard-view .profile .info:after {content:""; display:block; clear:both}
.playboard-view .profile .info .img {float:left; overflow:hidden; width:160px; height:182px; border-radius:1em; background:url(../images/common/img-nopic.png) no-repeat; background-size:cover} /* 161220 */
.playboard-view .profile .info .img img {max-width:100%; border-radius:1em}
.playboard-view .profile .info .detail {float:right; position:relative; width:calc(100% - 216px); margin-right:26px}
.playboard-view .profile .info .detail a.modify {position:absolute; right:0; top:20px; width:25px; height:24px; font-size:0; text-indent:-9999px; background:url(../images/common/btn-modify.png) no-repeat}
.playboard-view .profile .info .detail strong {display:block; padding:15px 0 20px; font-size:26px; color:#fff; border-bottom:1px solid #379dca}
.playboard-view .profile .info .detail ul {padding-top:30px}
.playboard-view .profile .info .detail ul li {line-height:1.5; color:#e9e4e0}
.playboard-view .profile .about-play {float:right; position:relative; width:calc(100% - 524px); height:204px; padding:0 20px 0 27px; border-radius:1em; background:#63b4bb}
.playboard-view .profile .about-play:after {content:""; display:inline-block; position:absolute; left:-5px; top:34px; width:45px; height:33px; margin-left:-22px; background:url(../images/common/bg-spring-horiz.png) no-repeat}
.playboard-view .profile .about-play:before {content:""; display:inline-block; position:absolute; left:-5px; bottom:34px; width:45px; height:33px; margin-left:-22px; background:url(../images/common/bg-spring-horiz.png) no-repeat}
.playboard-view .profile .about-play > strong {display:block; height:77px; line-height:77px; padding-left:40px; font-size:18px; color:#fff; border-bottom:1px solid #82c3c9; background:url(../images/common/ico-ball-g.png) 0 50% no-repeat}
.playboard-view .profile .about-play > strong.bat {padding-left:53px; background:url(../images/common/ico-bat-g.png) 0 50% no-repeat}
.playboard-view .profile .about-play > strong > span {display:inline-block; margin-left:10px}
.playboard-view .profile .about-play > strong > span > span {color:#ffde00}
.playboard-view .profile .about-play > div:after {content:""; display:block; clear:both}
.playboard-view .profile .about-play > div > strong {float:left; display:inline-block; width:247px; height:124px; line-height:124px; text-align:center; font-weight:normal; font-size:35px; color:#ffde00}
.playboard-view .profile .about-play > div > ul {float:right; width:280px; margin-top:13px}
.playboard-view .profile .about-play > div > ul.bat {width:241px}
.playboard-view .profile .about-play > div > ul:after {content:""; display:block; clear:both}
.playboard-view .profile .about-play > div > ul li {float:left; width:50%; margin-top:12px; font-weight:bold; font-size:24px; color:#ffde00}
.playboard-view .profile .about-play > div > ul li > span {display:inline-block; padding-right:12px; font-weight:normal; font-size:16px; color:#fff}
.playboard-view .profile .about-play > div > ul li.win > span {padding-right:27px}
.playboard-view .section-graph {position:relative; margin-top:15px; padding:30px 39px 35px; border:1px solid #bbbbb9; border-radius:1em; background:#fff}
.playboard-view .section-graph h4 {font-size:18px; color:#1d2b3c}
.playboard-view .section-graph a.more {display:inline-block; position:absolute; right:-1px; top:-1px; width:28px; height:28px; font-size:0; line-height:28px; text-align:center; background:#bbbbb9}
.playboard-view .section-graph  a.more:after {content:"+"; font-size:16px; color:#fff}
.playboard-view .section-graph .sort {position:relative; height:36px}
.playboard-view .section-graph .sort ul {position:absolute; right:0; top:50%; margin-top:-8px}
.playboard-view .section-graph .sortt ul:after {content:""; display:block; clear:both}
.playboard-view .section-graph .sort ul li {float:left; position:relative; padding-left:28px; font-weight:bold; color:#8f8f8f}
.playboard-view .section-graph .sort ul li ~ li {margin-left:25px}
.playboard-view .section-graph .sort ul li:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:11px; height:11px; margin-top:-5px; border-radius:11px}
.playboard-view .section-graph .sort ul li span {display:inline-block; position:absolute; left:8px; top:50%; width:8px; height:3px; margin-top:-1px; border-radius:1em}
.playboard-view .section-graph .sort ul li.b span,
.playboard-view .section-graph .sort ul li.b:after {background:#35a5c5}
.playboard-view .section-graph .sort ul li.r span,
.playboard-view .section-graph .sort ul li.r:after {background:#ff6177}
.playboard-view .section-graph .sort ul li.y span,
.playboard-view .section-graph .sort ul li.y:after {background:#f8b551}
.playboard-view .section-graph .sort ul li.g span,
.playboard-view .section-graph .sort ul li.g:after {background:#bcdb69}
.playboard-view .section-graph .sort ul li.p span,
.playboard-view .section-graph .sort ul li.p:after {background:#c587c0}
.playboard-view .section-graph .sort ul li:before {content:""; display:inline-block; position:absolute; left:2.5px; top:50%; z-index:1; width:5px; height:5px; margin-top:-2px; border-radius:5px; background:#fff}
.playboard-view .section-graph.nodata {height:373px; text-align:center; background:#f8f8f8}
.playboard-view .section-graph.nodata strong {display:block; margin-top:103px; padding-top:80px; font-size:18px; color:#88867f; background:url(../images/common/ico-nodata.png) 50% top no-repeat}
.playboard-view .body {padding-top:15px}
.playboard-view .body:after {content:""; display:block; clear:both}
.playboard-view .body .list {float:left; width:375px; height:260px; padding:0 38px; border-radius:1em; background:#e76a4e}
.playboard-view .body .list ul li {position:relative; height:86px; line-height:86px; padding-left:75px; font-weight:bold; font-size:28px; color:#fff}
.playboard-view .body .list ul li ~ li {border-top:1px solid #eb9480}
.playboard-view .body .list ul li.list1 {background:url(../images/content/ico-age.png) 8px 50% no-repeat}
.playboard-view .body .list ul li.list2 {background:url(../images/content/ico-weight.png) 8px 50% no-repeat}
.playboard-view .body .list ul li.list3 {background:url(../images/content/ico-height.png) 8px 50% no-repeat}
.playboard-view .body .list ul li > span {display:inline-block; position:absolute; right:20px; top:50%; width:72px; height:28px; line-height:28px; margin-top:-14px; text-align:center; font-size:14px; color:#fff; border-radius:1em; background:#67443c}
.playboard-view .body .diagram {float:right; position:relative; width:calc(100% - 385px); height:260px; padding:34px 38px 34px 43px; border-radius:1em; border:1px solid #bbbbb9; background:#fff}
.playboard-view .body .diagram:after {content:""; display:inline-block; position:absolute; left:-5px; top:34px; width:45px; height:33px; margin-left:-22px; background:url(../images/common/bg-spring-horiz.png) no-repeat}
.playboard-view .body .diagram:before {content:""; display:inline-block; position:absolute; left:-5px; bottom:34px; width:45px; height:33px; margin-left:-22px; background:url(../images/common/bg-spring-horiz.png) no-repeat}
.playboard-view .body .diagram a.more {display:inline-block; position:absolute; right:-1px; top:-1px; width:28px; height:28px; font-size:0; line-height:28px; text-align:center; background:#bbbbb9}
.playboard-view .body .diagram  a.more:after {content:"+"; font-size:16px; color:#fff}
.playboard-view .body .diagram ul:after {content:""; display:block; clear:both}
.playboard-view .body .diagram ul li {float:left; position:relative; width:151px; height:190px; text-align:center}
.playboard-view .body .diagram ul li ~ li {width:195px; margin-left:44px; padding-left:41px}
.playboard-view .body .diagram ul li ~ li:after {content:""; display:inline-block; position:absolute; left:0; top:0; width:1px; height:161px; border-left:1px dashed#e5e5e5}
.playboard-view .body .diagram ul li .area {width:100%}
.playboard-view .bassball {padding-top:15px}
.playboard-view .bassball:after {content:""; display:block; clear:both}
.playboard-view .bassball .link {float:left; width:375px;}
.playboard-view .bassball .link ul ~ ul {margin-top:10px}
.playboard-view .bassball .link ul:after {content:""; display:block; clear:both}
.playboard-view .bassball .link ul li {float:left; width:calc(50% - 5px); border-radius:1em}
.playboard-view .bassball .link ul li ~ li {margin-left:10px}
.playboard-view .bassball .link ul li a {display:block; height:75px; padding:27px}
.playboard-view .bassball .link ul li a strong {display:block; font-size:16px; color:#fff}
.playboard-view .bassball .link ul li a span {display:inline-block; width:17px; height:17px; font-size:0; background:url(../images/content/btn-more-arr.png) no-repeat}
.playboard-view .bassball .link ul li.link1 {background:#a6a5a5 url(../images/content/ico-data.png) 85% 75% no-repeat}
.playboard-view .bassball .link ul li.link2 {background:#a6a5a5 url(../images/content/ico-condition.png) 85% 75% no-repeat}
.playboard-view .bassball .link ul li.link3 {background:#a6a5a5 url(../images/content/ico-training.png) 85% 75% no-repeat}
.playboard-view .bassball .link ul li.link4 {background:#a6a5a5 url(../images/content/ico-study.png) 85% 75% no-repeat}
.playboard-view .bassball .diagram {float:right; position:relative; width:calc(100% - 385px); height:268px; padding:27px 38px; border-radius:1em; border:1px solid #bbbbb9; background:#fff}
.playboard-view .bassball .diagram h4 {font-size:18px; color:#1d2b3c}
.playboard-view .bassball .diagram a.more {display:inline-block; position:absolute; right:-1px; top:-1px; width:28px; height:28px; font-size:0; line-height:28px; text-align:center; background:#bbbbb9}
.playboard-view .bassball .diagram  a.more:after {content:"+"; font-size:16px; color:#fff}
.playboard-view .bassball .diagram ul {margin-top:28px}
.playboard-view .bassball .diagram ul:after {content:""; display:block; clear:both}
.playboard-view .bassball .diagram ul li {float:left;  text-align:center}
.playboard-view .bassball .diagram ul li ~ li {margin-left:32px; padding-left:33px; border-left:1px dashed #d7d7d7}
.playboard-view .bassball .diagram ul li p {width:168px; height:124px; line-height:124px; margin:0 auto; text-align:center; font-weight:bold; font-size:30px; color:#fff; background:url(../images/content/bg-graph-ball.png) 50% 50% no-repeat}
.playboard-view .bassball .diagram ul li strong {display:block; padding-top:20px; font-size:16px; color:#626262}
.section-playboard.parents-board .parent-notice + .profile {padding-top:0}
.section-playboard.parents-board .playboard-view .bassball .diagram {height:129px}
.section-playboard.parents-board .playboard-view .bassball .diagram ul {margin-top:16px}
.section-playboard.parents-board .playboard-view .bassball .diagram ul li {width:calc(33.33% - 21.33px); box-sizing:border-box}
.section-playboard.parents-board .playboard-view .bassball .diagram ul li:after {content:""; display:block; clear:both}
.section-playboard.parents-board .playboard-view .bassball .diagram ul li ~ li {position:relative; margin-left:32px; padding-left:0; border-left:none}
.section-playboard.parents-board .playboard-view .bassball .diagram ul li ~ li:after {content:""; position:absolute; left:0; top:50%; width:0; height:22px; margin-top:-11px; border-left:1px dashed #d7d7d7}
.section-playboard.parents-board .playboard-view .bassball .diagram ul li p {float:right; clear:both; width:auto; height:auto; line-height:1.25; padding-right:12px; text-align:center; font-weight:bold; font-size:30px; color:#ffa835; background:none}
.section-playboard.parents-board .playboard-view .bassball .diagram ul li strong {float:left; padding-top:0; padding-left:50px; line-height:38px; font-size:16px; color:#626262}
/* 주요 일정 (에전 개인/팀 훈련일지) */
.section-training-log {padding-bottom:0}
.training-section {margin-top:0px; padding-bottom:124px; background:#3b4d67 50% 0 repeat-y}
.training-section .inner {padding-top:0px}
.training-section .wrap-diary {position:relative; padding:15px; border-radius:2em; background:#333333}
.training-section .wrap-diary:after {content:""; display:inline-block; position:absolute; left:50%; top:114px; z-index:1; width:55px; height:33px; margin-left:-27.5px;}
.training-section .wrap-diary:before {content:""; display:inline-block; position:absolute; left:50%; top:1168px; z-index:1; width:55px; height:33px; margin-left:-27.5px;}
.training-section .wrap-diary .diary {border:0px}
.training-section .wrap-diary .diary:after {content:""; display:block; clear:both}
.training-section .wrap-diary .diary h3 {margin-bottom:55px;}
.training-section .wrap-diary .diary h3:after {content:""; display:inline-block; position:absolute; left:0; bottom:-2.5px; width:5px; height:5px; border-radius:5px; background:#cdc8b6}
.training-section .wrap-diary .diary h3:before {content:""; display:inline-block; position:absolute; right:0; bottom:-2.5px; width:5px; height:5px; border-radius:5px; background:#cdc8b6}
.training-section .wrap-diary .diary .calendar,
.training-section .wrap-diary .diary .note {float:left; width:1070px; height:2815px; padding:26px 32px; border-radius:1.5em; background:#ededed; box-shadow:2px 3px 0 rgba(0, 0, 0, 0.2)}
.training-section .wrap-diary .diary .calendar .cal .head {height:32px}
.training-section .wrap-diary .diary .calendar .cal .head:after {content:""; display:block; clear:both}
.training-section .wrap-diary .diary .calendar .cal .head .sort {float:left; width:148px}
.training-section .wrap-diary .diary .calendar .cal .head .sort:after {content:""; display:block; clear:both}
.training-section .wrap-diary .diary .calendar .cal .head .sort > span {display:inline-block; float:right; width:66px; height:30px; line-height:30px; font-size:14px; color:#868686; text-align:center; border:1px solid #cecece; border-radius:0.8em; background:#999999}
.training-section .wrap-diary .diary .calendar .cal .head .sort > span + span {border-top-left-radius:0; border-bottom-left-radius:0}
.training-section .wrap-diary .diary .calendar .cal .head .sort .training > span {display:inline-block; padding-left:25px; background:url(../images/common/ico-training.png) 0 50% no-repeat; background-size:22px 17px}
.training-section .wrap-diary .diary .calendar .cal .head .sort .playing > span {display:inline-block; padding-left:25px; background:url(../images/common/ico-playing.png) 0 50% no-repeat; background-size:22px 16px}
.training-section .wrap-diary .diary .calendar .cal .head .date {float:left; padding:5px 0}
.training-section .wrap-diary .diary .calendar .cal .head .date:after {float:left; display:block; clear:both}
.training-section .wrap-diary .diary .calendar .cal .head .date a {float:left; position:relative; left:238px; display:inline-block; width:22px; height:22px; font-size:0; text-indent:-9999px; background:url(../images/common/sp-btn-cal.png) no-repeat}
.training-section .wrap-diary .diary .calendar .cal .head .date a.prev-year {background-position:0 0}
.training-section .wrap-diary .diary .calendar .cal .head .date a.prev-month {margin-left:5px; background-position:-22px 0}
.training-section .wrap-diary .diary .calendar .cal .head .date a.next-month {margin-right:5px; background-position:-44px 0}
.training-section .wrap-diary .diary .calendar .cal .head .date a.next-year {background-position:-66px 0}
.training-section .wrap-diary .diary .calendar .cal .head .date strong {display:inline-block; position:absolute;  left:480px; padding:0 15px; font-weight:bold; font-size:18px; color:#666565}
.training-section .wrap-diary .diary .calendar .cal .head .today {float:right; width:56px; height:32px; line-height:32px; font-weight:bold; font-size:14px; color:#fff; text-align:center; border-radius:0.8em; background:#555555}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal {width:100%; margin-top:10px; border-radius:0.8em; -moz-border-radius:0.8em;  border-collapse:separate}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal thead {background:#56a5ff}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal thead th {height:43px; font-size:16px; color:#fff; border:1px solid #56a5ff}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal thead th:first-child {border-top-left-radius:0.8em}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal thead th:nth-child(7) {border-top-right-radius:0.8em}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody {border-left:1px solid #cecece; background:#fff}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td {position:relative; height:63px; padding:8px 7px 0; font-weight:bold; color:#6c6c6c; vertical-align:top; border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1;cursor:pointer}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody tr:first-child td {border-top:none}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td:frist-child {border-left:none}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody tr td:nth-child(7) {border-right:1px solid #cecece}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody tr td:first-child {border-left:1px solid #cecece}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody tr:nth-child(6) td {border-bottom:1px solid #cecece}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody tr:nth-child(6) td:first-child {border-bottom-left-radius:0.8em}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody tr:nth-child(6) td:nth-child(7) {border-bottom-right-radius:0.8em}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td.un {color:#b8b8b8;cursor:default}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td.rest {color:#e76a4e}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td.active {background:#ffc10a}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td.today {position:relative; z-index:1; color:#fff}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td.today:after {content:""; display:inline-block; position:absolute; left:3px; top:4px; z-index:-1; width:24px; height:24px; border-radius:24px; background:#1dbfb5}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td span.training {position:absolute; right:10px; bottom:10px; width:24px; height:19px; font-size:0; background:url(../images/common/ico-training.png) 0 0 no-repeat}
.training-section .wrap-diary .diary .calendar .cal .tbl-cal tbody td span.playing {position:absolute; right:10px; bottom:10px; width:25px; height:18px; font-size:0; background:url(../images/common/ico-playing.png) 0 0 no-repeat}
.training-section .wrap-diary .diary .schedule {height:calc(100% - 528px); padding-top:10px}
.training-section .wrap-diary .diary .schedule ul {height:100%; padding:0 30px; border:1px solid #cecece; border-radius:0.8em; background:#fff}
.training-section .wrap-diary .diary .schedule ul li {position:relative; padding:18px 0}
.training-section .wrap-diary .diary .schedule ul li ~ li {border-top:1px solid #dedede}
.training-section .wrap-diary .diary .schedule ul li:after {content:""; display:block; clear:both}
.training-section .wrap-diary .diary .schedule ul li.on:before {content:""; display:inline-block; position:absolute; left:-12px; top:29px; width:6px; height:6px; border-radius:6px; background:#fb6100}
.training-section .wrap-diary .diary .schedule ul li.on strong,
.training-section .wrap-diary .diary .schedule ul li.on strong span {color:#fb6100}
.training-section .wrap-diary .diary .schedule ul li.on p {font-weight:bold; color:#fb6100}
.training-section .wrap-diary .diary .schedule ul li strong {display:inline-block; float:left; width:48px; padding-right:15px; line-height:1.1; font-weight:bold; font-size:18px; color:#4b4b4b; text-align:center; border-right:1px solid #dedede}
.training-section .wrap-diary .diary .schedule ul li strong span {display:inline-block; font-size:14px; color:#959595}
.training-section .wrap-diary .diary .schedule ul li p {display:inline-block; float:left; width:calc(100% - 65px); padding-left:15px; color:#7c7c7c}
.training-section .wrap-diary .diary .note {position:relative; margin-left:20px}
.training-section .wrap-diary .diary .note:after {content:""; display:inline-block; position:absolute; right:-16px; top:67px; width:16px; height:172px; background:url(../images/common/bg-bookmark.png) no-repeat; box-shadow:inset 2px 0 0 rgba(0, 0, 0, 0.2)}
.training-section .wrap-diary .diary .note .btns {position:absolute; right:35px; top:25px}
.training-section .wrap-diary .diary .note .btns a {display:inline-block; width:76px; height:26px; line-height:26px; font-weight:bold; color:#fff; text-align:center; background:#969284}
.training-section .wrap-diary .diary .note .btns a ~ a {margin-left:1px}
.training-section .wrap-diary .diary .note .con {height:1698px;  padding:16px 16px 13px; border:1px solid #cecece; border-radius:0.8em; background:#fff}
.training-section .wrap-diary .diary .note .con ul li {padding:15px 0}
.training-section .wrap-diary .diary .note .con ul li:after {content:""; display:block; clear:both}
.training-section .wrap-diary .diary .note .con ul li ~ li {border-top:1px dashed #d6d6d6}
.training-section .wrap-diary .diary .note .con ul li > strong {display:inline-block; min-width:104px; height:28px; line-height:28px; margin-right:15px; padding:0 12px; text-align:center; font-size:16px; color:#e76a4e; border:1px solid #e76a4e; border-radius:1em}
.training-section .wrap-diary .diary .note .con ul li > strong + textarea {margin-top:9px}
.training-section .wrap-diary .diary .note .con ul li > strong + p {padding:8px 0}
.training-section .wrap-diary .diary .note .con ul li p {font-size:13px; color:#6d6d6d}
.training-section .wrap-diary .diary .note .con ul li p.cap {padding:8px 0 0 8px; font-size:14px; color:#6f6f6f; line-height:1.5}
.training-section .wrap-diary .diary .note .con ul li span.score {margin-left:5px; font-weight:bold}
.training-section .wrap-diary .diary .note .con ul li .wrap-select.type2 .select-title {position:relative; height:24px; padding:2px 24px 0 12px; font-size:13px; box-sizing:border-box}
.training-section .wrap-diary .diary .note .con ul li .wrap-select.type2 .select-title:after {right:7.5px; margin-top:-2px; border-top-width:4px; border-left-width:4px; border-right-width:4px}
.training-section .wrap-diary .diary .note .con ul li .wrap-select.type2 .select-title:before {content:""; display:inline-block; position:absolute; right:23px; top:0; width:1px; height:100%; background:#bebebe}
.training-section .wrap-diary .diary .note .con ul li textarea {width:100%; height:75px; padding:8px 10px; line-height:1.4; border:1px solid #cccbc6; background:#fafafa}
.training-section .wrap-diary .diary .note .con ul li input[type="text"] {height:30px; line-height:30px; padding-left:10px; border:1px solid #cccbc6; background:#fafafa}
.training-section .wrap-diary .diary .note .con ul li.type1 input[type="text"] {float:right; width:calc(100% - 145px)}
.training-section .wrap-diary .diary .note .con ul li.type2 input[type="text"] {width:100%}
.training-section .wrap-diary .diary .note .con ul li.type3 > div {padding:8px 0}
.training-section .wrap-diary .diary .note .con ul li.type3 > div:after {content:""; display:block; clear:both}
.training-section .wrap-diary .diary .note .con ul li.type3 > div .wrap-select {float:left}
.training-section .wrap-diary .diary .note .con ul li.type3 > div p {float:right; height:24px; line-height:24px}
.section-training-log.view .training-section .wrap-diary .diary .calendar,
.section-training-log.view .training-section .wrap-diary .diary .note,
.section-training-log.view .training-section .wrap-diary .diary .schedule,
.section-training-log.view .training-section .wrap-diary .diary .note .con,
.section-training-log.team .training-section .wrap-diary .diary .calendar,
.section-training-log.team .training-section .wrap-diary .diary .note,
.section-training-log.team .training-section .wrap-diary .diary .schedule,
.section-training-log.team .training-section .wrap-diary .diary .note .con {height:auto}
.section-training-log.view .training-section .wrap-diary:before {top:675px}
.section-training-log.view .training-section .wrap-diary .diary .note .con ul li.type1 p.cap {display:inline-block}
.section-training-log.view .training-section .wrap-diary .diary .note .con ul li > strong {margin-right:7px}
.section-training-log.team .training-section .wrap-diary:before {top:678px}
.section-training-log.team .training-section .wrap-diary .diary .note .con {position:relative; padding-top:42px}
.section-training-log.team .training-section .wrap-diary .diary .note .con div.title {position:absolute; left:0; right:0; top:0; height:42px; padding:6px 17px 5px; border-top-left-radius:0.8em; border-top-right-radius:0.8em; background:#6b6b6b}
.section-training-log.team .training-section .wrap-diary .diary .note .con div.title strong {position:relative; padding-left:6px; font-size:16px; color:#fff; line-height:30px}
.section-training-log.team .training-section .wrap-diary .diary .note .con div.title strong:after {content:""; display:inline-block; position:absolute; left:-5px; top:50%; width:3px; height:3px; margin-top:-1.5px; border-radius:3px; background:#fff}
.section-training-log.team .training-section .wrap-diary .diary .note .con div.title input[type="text"] {height:30px; line-height:30px}
.section-training-log.team .training-section .wrap-diary .diary .note .con ul li textarea {height:136px}
.section-training-log.team .training-section .wrap-diary .diary .note .con ul li ~ li textarea {height:235px}
.section-training-log.team .training-section .wrap-diary .diary .note .con ul li > strong {min-width:auto}
.section-training-log.team .training-section .wrap-diary .diary .note .con ul li p.cap {min-height:136px}
/* .section-training-log.team .training-section .wrap-diary .diary .calendar .cal .head .sort > span:first-child {border-right:none; border-top-right-radius:0; border-bottom-right-radius:0} */

/* 나의 수업 */
/* 수강이력 (예전 나의 학습이력) */
#container .section-my-class {padding-bottom:0}
#container .section-my-class .contents-area {padding-top:0px}
.section-my-class .contents-area .inner .section .paginate {padding-top:50px}
.section-my-class .contents-area .inner .section .nodata-area {width:1100px; height:400px; margin:200px 0 80px 0; padding:135px; border-radius:1em; background:#fff; box-shadow:8px 8px 8px rgba(0,0,0,.2)}
.section-my-class .contents-area .inner .section .nodata-area h3 {height:37px; line-height:37px; margin-bottom:26px; font-size:18px; text-align:center; color:#fe4468;}
.section-my-class .contents-area .inner .section .nodata-area h3 span {text-align:center; font-size:94px; font-weight: bold;  color:#fe4468;}

/* 즐겨 찾기 수업 */
#container .section-my-class.bookmark-list .contents-area {padding-top:90px; padding-bottom:170px}
.section-my-class.bookmark-list .contents-area .inner .section .nodata-area p {margin-top:160px; background:url(../images/common/ico-nodata.png) 50% top no-repeat}
/* 학습 이력 (예전 진행 중인 수업) */
#container .section-my-class.progress-list .contents-area {background:#3b4d67; padding-bottom:90px}
.section-my-class.progress-list .contents-area .inner .section .combo {background:#8b96a5; color:#ffffff; border-width:1px; left:7px; top:1px; width:195px; height:26px;}
.section-my-class.progress-list .contents-area .inner .section .tab-type {left:230px; height:60px; margin-top:-50px; line-height:60px; z-index:100;}
.section-my-class.progress-list .contents-area .inner .section .tab-type::before {content:""; left:0px; border-color:rgba(0,0,0,0.00); width:calc(100% - 680px)}
.section-my-class.progress-list .contents-area .inner .section .tab-type .tabs {width:620px;}
.section-my-class.progress-list .contents-area .inner .section .tab-type .tabs ul li {height:60px; line-height:48px; font-size:16px}
.section-my-class.progress-list .contents-area .inner .section .tab-type .tabs ul li a {color:#fff; border-color:rgba(0,0,0,0.00); width:320px; height:49px; background:url(../images/content/titlebar06.png) 50% top no-repeat}
.section-my-class.progress-list .contents-area .inner .section .tab-type .tabs ul li.on a {color:#fff; border-color:rgba(0,0,0,0.00); width:320px; height:49px; background:url(../images/content/titlebar08.png) 50% top no-repeat}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul {width:100%; margin-top:58px}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li {position:relative; width:1100px; height:236px; border-radius:1em; background:#fff; box-shadow:8px 8px 8px rgba(0,0,0,.2)}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li::after {content:""; display:block; clear:both}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li ~ li {margin-left:0px; margin-top:58px}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .bookmark {display:block; position:absolute; top:15px; left:17px; z-index:1; width:30px; height:30px; border-radius:90px; text-indent:-999999px; background:#8b96a5 url(../images/common/btn-bookmark.png) 5px 5px no-repeat}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li.on > .bookmark {background-color:#fe4468;}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > div {float:left;}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > div.thumbnail {width:350px; height:272px;} /* 161220 */
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > div.thumbnail a {overflow:hidden; }
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > div.thumbnail a img {padding:7px 23px 7px 7px; height:221px; width:388px; border-radius:1.5em; overflow:hidden}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents {position:relative; left:50px; border:0px #e9e9e9 solid; width:700px; height:90px; padding:36px 50px}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents h3 {overflow:hidden; height:78px; font-size:16px; line-height:25px;}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents ul {margin-top:0px} /* 161226 */
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents ul li {line-height:1.45em; color:#919191}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents ul li strong {display:inline-block; width:80px}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents div {margin-top:17px; padding-top:25px; border-top:1px #e9e9e9 solid}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents div strong {margin-right:75px}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents div span {margin-right:8px; padding-left:22px; color:#a7a7a7}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents div span.time {background:url(../images/common/bg-time.png) left center no-repeat}
.section-my-class.progress-list .contents-area .inner .section .list-type2 > ul > li > .contents div span.hits {background:url(../images/common/bg-hits.png) 3px center no-repeat}
.section-my-class.progress-list .contents-area .inner .section .list-type2 .paginate {padding-top:40px}
.section-my-class.progress-list .contents-area .inner .section .nodata-area {width:1100px; height:400px; margin:200px 0 80px 0; padding:135px; border-radius:1em; background:#fff; box-shadow:8px 8px 8px rgba(0,0,0,.2)}
.section-my-class.progress-list .contents-area .inner .section .nodata-area h3 {height:37px; line-height:37px; margin-bottom:26px; font-size:18px; text-align:center; color:#fe4468;}
.section-my-class.progress-list .contents-area .inner .section .nodata-area h3 span {text-align:center; font-size:94px; font-weight: bold;  color:#fe4468;}
/* 학습 이력 (예전 진행 중인 수업) 상세 페이지*/
#container .section-my-class.list-detail .contents-area {padding-bottom:142px}
#container .section-my-class.list-detail .section {width:100%} /* 161226 */
/* 추천수업 */
#container .section-my-class.recommend .contents-area {padding:58px 0 97px}
#container .section-my-class.recommend .contents-area.bg.y {padding:60px 0 70px}
#container .section-my-class.recommend .contents-area {padding:58px 0 97px}
#container .section-my-class.recommend .contents-area.bg.y {padding:60px 0 70px}
.section-my-class.recommend .contents-area.bg.y .inner .section p {text-align:center; font-size:30px; font-weight:700; color:#fff4cc; text-shadow:1px 1px 1px rgba(0,0,0,.3)}/* 161229 */
.section-my-class.recommend .contents-area.bg.y .inner .section p span {display:block; padding-top:6px; font-size:40px}/* 161229 */
.section-my-class.recommend .contents-area.bg.y .inner .section p span strong {color:#fff}/* 161229 */
.section-my-class.recommend .contents-area.bg.y .inner .section .slide-area .list-type3 > ul > li > .contents > strong {height:44px}
.section-my-class.recommend .contents-area .inner .section > h3 {position:relative; margin-bottom:28px; padding-left:15px; font-size:20px}
.section-my-class.recommend .contents-area .inner .section > h3::after {content:""; display:block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:90px; background:#343434}
.section-my-class.recommend .contents-area .inner .section .btn-submit {margin-top:86px; padding-top:39px; border-top:1px #c9c9c9 solid}/* 161226 */
.section-my-class.recommend .contents-area .inner .section .btn-submit .btn-b {height:50px; line-height:48px; padding:0 56px; font-size:18px; font-weight:400}/* 161226 */
.section-my-class.recommend .contents-area .inner .section .nodata-area p {background:url(../images/common/ico-nodata.png) 50% top no-repeat}
.section-my-class.recommend .contents-area .inner .section .paging {padding-top:25px; text-align:center}
.section-my-class.recommend .contents-area .inner .section .paging a {display:inline-block; width:30px; height:30px; line-height:27px; text-align:center; font-weight:bold; font-size:13px; color:#777; border:1px solid #dcdcdc ; border-radius:30px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box}
.section-my-class.recommend .contents-area .inner .section .paging a ~ a {margin-left:2px}
.section-my-class.recommend .contents-area .inner .section .paging a.on {color:#0584bd ; border:2px solid #0584bd }
.section-my-class.recommend .contents-area .inner .section .nodata-recomm {margin-top:42px; padding:109px 0; text-align:center; background:#fff}/* 161229 */
.section-my-class.recommend .contents-area .inner .section .nodata-recomm > p {padding-top:100px; font-weight:bold; font-size:18px; color:#878681; background:url(../images/content/bg-nodata-recomm.png) 50% 0 no-repeat}/* 161229 */
.section-my-class.recommend .contents-area .inner .section .list-type .btn-submit {margin-top:86px; padding-top:39px; border-top:1px #c9c9c9   solid}
.section-my-class.recommend .contents-area .inner .section .list-type .btn-submit .btn-b {height:50px; line-height:48px; padding:0 56px; font-size:18px; font-weight:400}

/* @HLEE | 2024.07.19 | 자격증 관리 */
#container .section-license {background:url(../images/common/bg-header2.png) 100% 0  repeat-x #3b4d67; padding-bottom:0}
#container .section-license .contents-area {background:url(../images/common/bg-board03.png) 100% -40px  repeat-x #ffffff; padding:0 0 165px}

#licensePrintCell             { font-size: 12.5px; color: #fff; padding: 5px 10px; border: 1.5px solid #AE5A21; border-radius: 4px; background-color: #ED7D31;}
#licensePrintDisableCell      { font-size: 12.5px; color: #fff; padding: 5px 10px; border: 1.5px solid #6b6a6a; border-radius: 4px; background-color: #7B7C7A;}
#licenseMaintenanceGreenCell  { font-size: 12.5px; color: #fff; padding: 5px 10px; border: 1.5px solid #507E32; border-radius: 4px; background-color: #359D3B;}
#licenseMaintenanceYellowCell { font-size: 12.5px; color: #fff; padding: 5px 10px; border: 1.5px solid #BC8C00; border-radius: 4px; background-color: #f7b900;}
#licenseMaintenanceRedCell    { font-size: 12.5px; color: #fff; padding: 5px 10px; border: 1.5px solid #C00000; border-radius: 4px; background-color: #E82E2E;}
#licenseMaintenanceGreenCell:hover, #licenseMaintenanceYellowCell:hover, #licenseMaintenanceRedCell:hover, #licensePrintDisableCell:hover { cursor: pointer }

.tbl-list-license table {width:100%; text-align:center;}
.tbl-list-license table tr th,
.tbl-list-license table tr td {height:50px; font-weight:700}
.tbl-list-license table tr th {font-size:16px; border-bottom:1px #bdbdbd solid; background:#eceff2;}
.tbl-list-license table tr th:first-child {overflow:hidden}
/*.tbl-list-license table tr td {font-size:14px; color:#7f7f7f; border-bottom:1px #e1e3e6 solid; background:#fff}*/
.tbl-list-license table tr td {font-size:14px; color:#343434; border-bottom:1px #e1e3e6 solid; background:#fff}
.tbl-list-license table tr td.subject {text-align:left; color:#343434}
.tbl-list-license table tr td.notice span {position:relative; display:block; text-indent:-9999999px; overflow:hidden}
.tbl-list-license table tr.on td.subject a {color:#2882ef}
.tbl-list-license 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-license table tr td span#courseRegiLink { background-color:#ED7D31; }
.tbl-list-license table tbody tr td span { font-size: 12.5px; color: #fff; padding: 5px 10px; border-radius: 2px; }
.tbl-list-license table tbody tr #receptionPrepareCell { background-color: #7B7C7A;}
.tbl-list-license table tbody tr #receptionReadyCell { background-color: #359D3B; }
.tbl-list-license table tbody tr #receptionProceedingCell { background-color: #ED7D31; }
.tbl-list-license table tbody tr #receptionCompleteCell { background-color: #C75252; }

/* tbl-list2-red */
.tbl-list-license table tr td.subject-red {text-align:left; color:#343434}
.tbl-list-license table tr.on td.subject-red a {color:#fe4468}
.tbl-list-license 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-license table tr td.subject-green {text-align:left; color:#343434}
.tbl-list-license table tr.on td.subject-green a {color:#37AD81}
.tbl-list-license 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}

.section-license .contents-area .inner .section .sub-section2 {margin-top:45px}
.section-license .contents-area .inner .section .sub-section2 .paginate-box {width:100%; height:30px; line-height:28px; margin-top:50px; vertical-align:middle; text-align:center}
.section-license .contents-area .inner .section .sub-section2 .paginate-box .paginate {display:inline-block; padding:0}
.section-license .contents-area .inner .section .sub-section2 .paginate-box select {height:30px; margin-bottom:3px; line-height:30px}
.section-license .contents-area .inner .section .sub-section2 .paginate-box .select-title {margin-top:-4px; margin-left:25px; padding:7px 5px 7px 12px}
.section-license .contents-area .inner .section .sub-section2 .paginate-box .select-title strong {font-size:13px}

/* @HLEE | 2024.07.19 | 자격증 관리 끝 */

/* 공지사항 */
/* 공지사항 목록*/
#container .section-notice {background:url(../images/common/bg-header2.png) 100% 0  repeat-x #3b4d67; padding-bottom:0}
#container .section-notice .contents-area {background:url(../images/common/bg-board03.png) 100% 0  repeat-x #ffffff; padding:0 0 165px}

.section-notice .contents-area .inner .section .sub-section2 {margin-top:45px}
.section-notice .contents-area .inner .section .sub-section2 .paginate-box {width:100%; height:30px; line-height:28px; margin-top:50px; vertical-align:middle; text-align:center}
.section-notice .contents-area .inner .section .sub-section2 .paginate-box .paginate {display:inline-block; padding:0}
.section-notice .contents-area .inner .section .sub-section2 .paginate-box select {height:30px; margin-bottom:3px; line-height:30px}
.section-notice .contents-area .inner .section .sub-section2 .paginate-box .select-title {margin-top:-4px; margin-left:25px; padding:7px 5px 7px 12px}
.section-notice .contents-area .inner .section .sub-section2 .paginate-box .select-title strong {font-size:13px}
/* 공지사항 상세*/
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table {width:100%; text-align:left; border-top:0px #0684be solid}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th {height:56px; border-bottom:0px #56a5ff solid;}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr.tit th {height:60px; padding:0 0 0 30px; text-align:left; font-size:16px; color:#56a5ff; border-bottom:1px #56a5ff solid;}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div {color:#ffffff; width:100%}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul::after {content:""; display:block; clear:both}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li {position:relative; float:left; padding:0 20px}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li ~ li::after {content:""; display:block; position:absolute; top:50%; left:0; height:9px; margin-top:-4px; border-left:1px #777777 solid}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.date {padding:0 20px 0 54px; background:url(../images/common/bg-date.png) 30px center no-repeat}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file {float:right; padding:0 30px; color:#ffffff;} /* 190822  첨부파일 링크 색상 관련 수정/pjy */
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file::after {content:""; left:96px; height:7px; margin-top:-3px; border-left:1px #fff dotted}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file span {position:relative; margin-left:12px; padding-left:7px; color:#ffffff;} /*  {position:relative; margin-left:32px; padding-left:7px; color:#ffffff;} */
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file span a {position:relative; padding-left:7px; color:#ffffff;} /* 190822  첨부파일 링크 색상 관련 추가/pjy */

.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file span::after {
    content:"";
    /* 2022-07-21 김근비 수정: 자료실 첨부파일 옆에 . 표시 제거
    display: block;*/
    display:none;
    position:absolute;
    color:#ffffff;
    top:50%;
    left:0;
    width:3px;
    height:3px;
    background:#bebebe} /* 190822  첨부파일 링크 색상 관련 수정/pjy */

.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table tbody td {padding:80px 0 75px 30px; /*font-weight:bold;*/ border-bottom:1px #dddddd solid}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table tbody td .attach-area {width:348px; margin-top:110px; padding:0 7px 0 7px; border:1px #dcdcdc solid; background:#f5f5f5}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table tbody td .attach-area img {padding-top:7px; background:#f5f5f5}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table tbody td .attach-area span {display:block; padding:10px 0 15px}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table tbody td .attach-area span a {position:relative; margin-left:13px; padding-left:10px}
.section-notice.detail .contents-area .inner .section .sub-section1 .tbl-detail table tbody td .attach-area span a::after {content:""; display:inline-block; position:absolute; top:50%; left:3px; width:3px; height:3px; margin-top:-1px; background:#bebebe}
.section-notice.detail .contents-area .inner .section .btn-submit {padding:33px 0; text-align:right}
.section-notice.detail .contents-area .inner .section .btn-submit a.btn-b {height:40px; line-height:38px; padding:0 22px; font-size:14px}
.section-notice.detail .contents-area .inner .section .sub-section2 {margin-top:0}
.section-notice.detail .contents-area .inner .section .sub-section2 .tbl-skip table {width:100%; text-align:center; border-top:1px #657f87 solid}
.section-notice.detail .contents-area .inner .section .sub-section2 .tbl-skip table tr th,
.section-notice.detail .contents-area .inner .section .sub-section2 .tbl-skip table tr td {height:50px}
.section-notice.detail .contents-area .inner .section .sub-section2 .tbl-skip table tr th {padding-left:21px; font-size:14px; font-weight:700; color:#666; border-bottom:1px #cbcbcb solid}
.section-notice.detail .contents-area .inner .section .sub-section2 .tbl-skip table tr.prev th {background:#f4f4f4 url(../images/common/bg-arr-top.png) 30px center no-repeat}
.section-notice.detail .contents-area .inner .section .sub-section2 .tbl-skip table tr.next th {background:#f4f4f4 url(../images/common/bg-arr-bottom.png) 30px center no-repeat}
.section-notice.detail .contents-area .inner .section .sub-section2 .tbl-skip table tr td {padding-left:27px; text-align:left; font-size:14px; color:#7e7e7e; border-bottom:1px #cbcbcb solid; background:#fff}

/* @HLEE | 2024.07.18 | 주요일정(Schedule) 분리 */
#container .section-notice .contents-area-schedule-detail {background:url(../images/common/bg-board07.png) 100% 0  repeat-x #ffffff; padding:0 0 165px}

.section-notice .contents-area-schedule-detail .inner .section .sub-section2 {margin-top:45px}
.section-notice .contents-area-schedule-detail .inner .section .sub-section2 .paginate-box {width:100%; height:30px; line-height:28px; margin-top:50px; vertical-align:middle; text-align:center}
.section-notice .contents-area-schedule-detail .inner .section .sub-section2 .paginate-box .paginate {display:inline-block; padding:0}
.section-notice .contents-area-schedule-detail .inner .section .sub-section2 .paginate-box select {height:30px; margin-bottom:3px; line-height:30px}
.section-notice .contents-area-schedule-detail .inner .section .sub-section2 .paginate-box .select-title {margin-top:-4px; margin-left:25px; padding:7px 5px 7px 12px}
.section-notice .contents-area-schedule-detail .inner .section .sub-section2 .paginate-box .select-title strong {font-size:13px}

.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table {width:100%; text-align:left; border-top:0px #0684be solid}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th {height:56px; border-bottom:0px #56a5ff solid;}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr.tit th {height:60px; padding:0 0 0 30px; text-align:left; font-size:16px; color:#56a5ff; border-bottom:1px #56a5ff solid;}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div {color:#ffffff; width:100%}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul::after {content:""; display:block; clear:both}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li {position:relative; float:left; padding:0 20px}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li ~ li::after {content:""; display:block; position:absolute; top:50%; left:0; height:9px; margin-top:-4px; border-left:1px #777777 solid}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.date {padding:0 20px 0 54px; background:url(../images/common/bg-date.png) 30px center no-repeat}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file {float:right; padding:0 30px; color:#ffffff;} /* 190822  첨부파일 링크 색상 관련 수정/pjy */
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file::after {content:""; left:96px; height:7px; margin-top:-3px; border-left:1px #fff dotted}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file span {position:relative; margin-left:32px; padding-left:7px; color:#ffffff;} /* 190822  첨부파일 링크 색상 관련 수정/pjy */
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file span a {position:relative; padding-left:7px; color:#ffffff;} /* 190822  첨부파일 링크 색상 관련 추가/pjy */
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li.attach-file span::after { content:""; display:none; position:absolute; color:#ffffff; top:50%; left:0; width:3px; height:3px; background:#bebebe }
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li span#schedule-detail-receptionPrepar { background-color: #7B7C7A; padding: 2px 10px; border-radius: 2px; }
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li span#schedule-detail-receptionReady { background-color: #359D3B; padding: 2px 10px; border-radius: 2px; }
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li span#schedule-detail-receptionProceeding { background-color: #E06C00; padding: 2px 10px; border-radius: 2px; }
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table thead tr th > div ul li span#schedule-detail-receptionComplete { background-color: #C75252; padding: 2px 10px; border-radius: 2px; }
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table tbody td {padding:80px 0 75px 30px; /*font-weight:bold;*/ border-bottom:1px #dddddd solid}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table tbody td .attach-area {width:348px; margin-top:110px; padding:0 7px 0 7px; border:1px #dcdcdc solid; background:#f5f5f5}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table tbody td .attach-area img {padding-top:7px; background:#f5f5f5}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table tbody td .attach-area span {display:block; padding:10px 0 15px}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table tbody td .attach-area span a {position:relative; margin-left:13px; padding-left:10px}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section1 .tbl-detail table tbody td .attach-area span a::after {content:""; display:inline-block; position:absolute; top:50%; left:3px; width:3px; height:3px; margin-top:-1px; background:#bebebe}
.section-notice.detail .contents-area-schedule-detail .inner .section .btn-submit {padding:33px 0; text-align:right}
.section-notice.detail .contents-area-schedule-detail .inner .section .btn-submit a.btn-b {height:40px; line-height:38px; padding:0 22px; font-size:14px}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 {margin-top:0}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 .tbl-skip table {width:100%; text-align:center; border-top:1px #657f87 solid}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 .tbl-skip table tr th,
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 .tbl-skip table tr td {height:50px}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 .tbl-skip table tr th {padding-left:21px; font-size:14px; font-weight:700; color:#666; border-bottom:1px #cbcbcb solid}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 .tbl-skip table tr.prev th {background:#f4f4f4 url(../images/common/bg-arr-top.png) 30px center no-repeat}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 .tbl-skip table tr.next th {background:#f4f4f4 url(../images/common/bg-arr-bottom.png) 30px center no-repeat}
.section-notice.detail .contents-area-schedule-detail .inner .section .sub-section2 .tbl-skip table tr td {padding-left:27px; text-align:left; font-size:14px; color:#7e7e7e; border-bottom:1px #cbcbcb solid; background:#fff}
/* 주요일정(Schedule) 분리 */

/* QnA 게시판-red (공지사항 상세) */
.section-notice.qna .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th {height:56px; border-bottom:0px #fe6d89 solid;}
.section-notice.qna .contents-area .inner .section .sub-section1 .tbl-detail table thead tr.tit th {height:60px; padding:0 0 0 30px; text-align:left; font-size:16px; color:#fe6d89; border-bottom:1px #fe6d89 solid;}
.section-notice.qna .contents-area .inner .section .sub-section2 .tbl-list2 table tr td.delete a {display:block; margin:0 auto; width:16px; height:17px; text-indent:-999999px; overflow:hidden; background:url(../images/common/bg-delete.png) center center no-repeat}
/* 주요일정-green (예전 공지사항 상세)*/
.section-notice.schedule.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr th {height:56px; border-bottom:0px #37ad81 solid;}
.section-notice.schedule.detail .contents-area .inner .section .sub-section1 .tbl-detail table thead tr.tit th {height:60px; padding:0 0 0 30px; text-align:left; font-size:16px; color:#37ad81; border-bottom:1px #37ad81 solid;}


/* 온라인레슨 */
/* 서브메인 */
.section-online-sub {padding-bottom:0}
.section-online-sub .inner ~ .inner {padding-top:58px}
.section-online-sub h3 {position:relative; padding-left:13px; font-size:20px}
.section-online-sub h3:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#666}
.section-online-sub .recomm-contents {position:relative; height:649px; padding-top:30px}
.section-online-sub .recomm-contents .thumb {overflow:hidden; height:619px}
.section-online-sub .recomm-contents .thumb > a {display:none; height:619px; position:relative; text-align:center}
.section-online-sub .recomm-contents .thumb > a:after {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.4)}
.section-online-sub .recomm-contents .thumb > a:before {content:""; display:inline-block; position:absolute; left:50%; top:50%; z-index:1; width:75px; height:75px; margin:-37.5px 0 0 -37.5px; background:url(../images/content/ico-list-play.png) no-repeat}
.section-online-sub .recomm-contents .thumb > a > img {width:100%}
.section-online-sub .recomm-contents .thumb > a > div.des {position:absolute; left:0; right:0; top:110px; z-index:1}
.section-online-sub .recomm-contents .thumb > a > div.des strong {font-weight:normal; font-size:30px; color:#fff}
.section-online-sub .recomm-contents .thumb > a > div.des  p {padding-top:12px; font-size:20px; color:#fff}
.section-online-sub .recomm-contents .thumb > a > div.des  p > span {display:block; padding-top:13px; font-size:20px; color:#fff}
.section-online-sub .recomm-contents ul {position:absolute; left:50%; bottom:30px; margin-left:-385px}
.section-online-sub .recomm-contents ul:after {content:""; display:block; clear:both}
.section-online-sub .recomm-contents ul li {float:left; width:250px; height:143px}
.section-online-sub .recomm-contents ul li img {width:100%}
.section-online-sub .recomm-contents ul li ~ li {margin-left:10px}
.section-online-sub .recomm-contents ul li a {display:block; overflow:hidden; position:relative; width:auto; height:139px; border:2px solid transparent}
.section-online-sub .recomm-contents ul li.on a {border-color:#ed1b2f}
.section-online-sub .recomm-contents ul li a strong {display:block;  position:absolute; left:0; bottom:0; width:calc(100% - 40px); padding:15px 20px 13px; font-weight:normal; color:#fff; background:rgba(0, 0, 0, 0.8)}
.section-online-sub .recomm-contents ul li a strong > span {display:inline-block; overflow:hidden; max-height:32px}
.section-online-sub .inner.slide h3 {margin-left:20px}
.section-online-sub .slide-area > a {margin-top:13px}
.section-online-sub .slide-area > a.prev {left:-40px; background:url(../images/common/btn-arr-prev-g.png) center center no-repeat}
.section-online-sub .slide-area > a.next {right:-40px; background:url(../images/common/btn-arr-next-g.png) center center no-repeat}
.section-online-sub .slide-hash {position:relative; width:100%; height:120px; margin-top:28px; padding:0 50px; background:#0584bd}
.section-online-sub .slide-hash div {margin:0 24px; padding:14px 0}
.section-online-sub .slide-hash div > a {font-size:26px; color:#fff}
.section-online-sub .list-type {margin-top:28px}
/* 진행 중인 수업 (예전 학부모 교육) */
#container .section-online-parent {padding-bottom:0}
#container .section-online-parent .contents-area {padding:53px 0 100px}
.section-online-parent .contents-area .inner .section .title-area ~ .title-area {width:100%; margin-top:60px}
.section-online-parent .contents-area .inner .section .title-area::after {content:""; display:block; clear:both}
.section-online-parent .contents-area .inner .section .title-area h3 {float:left; position:relative; margin-bottom:28px; padding-left:15px; font-size:20px}
.section-online-parent .contents-area .inner .section .title-area h3::after {content:""; display:block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:90px; background:#343434}
.section-online-parent .contents-area .inner .section .title-area a {float:right; display:block; margin-top:5px; padding-right:25px; font-size:16px; font-weight:700; background:url(../images/common/bg-plus.png) right center no-repeat}
.section-online-parent .contents-area .inner .section .list-type {padding-bottom:50px; border-bottom:1px #c9c9c9 solid}
.section-online-parent .contents-area .inner .section .list-type ~ .list-type {padding-bottom:0; border:none}
/* 콘텐츠 상세 */
.section-online-detail {padding-bottom:0}
#container .section-online-detail .contents-area {padding-bottom:100px}
.section-online-detail .contents-area .inner::after {content:""; display:block; clear:both}
.section-online-detail .contents-area .inner .section .sub-section.type1 > div > div > strong {display:inline-block; width:64px; height:26px; line-height:26px; margin-left:26px; text-align:center; font-size:13px}
.section-online-detail .contents-area .inner .section .sub-section.type1 > div > div > strong.complete {color:#7f7f7f; border:1px #7f7f7f solid}
.section-online-detail .contents-area .inner .section .sub-section.type1 > div > div > strong.apply {color:#0584bd; border:1px #0584bd solid}/* 161226 */
.section-online-detail .contents-area .inner .section .sub-section.type1 > div > div > strong.before {color:#fe4468; border:1px #fe4468 solid}/* 161226 */
.section-online-detail .contents-area .inner .section .sub-section.type1 > div > div > strong a {display:block; width:100%; height:100%}
.section-online-detail .contents-area .inner .aside ul li.before > div.image a::before,
.section-online-detail .contents-area .inner .aside ul li.complete > div.image a::before,
.section-online-detail .contents-area .inner .aside ul li.apply > div.image a::before {content:""; display:block; position:absolute; top:0; left:0; width:64px; height:26px; line-height:26px; text-align:center; font-size:13px; font-weight:700; color:#fff; background:rgba(220,220,220,.9)}/* 161223 */
.section-online-detail .contents-area .inner .aside ul li.before > div.image a::before {content:"학습전"; background:rgba(255,255,255,0.60); color:#f24468; border:0px #ffffff solid}
.section-online-detail .contents-area .inner .aside ul li.complete > div.image a::before {content:"학습완료"; background:rgba(255,255,255,0.60); color:#7f7f7f; border:0px #ffffff solid}
.section-online-detail .contents-area .inner .aside ul li.apply > div.image a::before {content:"학습신청"; background:rgba(255,255,255,0.60); color:#236fcf; border:0px #ffffff solid}/* 161223 */

/*
.section-online-detail .contents-area .inner .aside ul li > div.image a::after {content:""; display:block; position:absolute; top:50%; left:50%; width:53px; height:53px; margin-top:-27px; margin-left:-27px; text-indent:-999999px; overflow:hidden; border-radius:90px}
.section-online-detail .contents-area .inner .aside ul li.document > div.image a::after {content:""; background:url(../images/content/bg-document-s.png) center center no-repeat}
.section-online-detail .contents-area .inner .aside ul li.media > div.image a::after {content:""; background:url(../images/content/bg-media.png) center center no-repeat; background-color:rgba(255,255,255,0.8)}
*/

.section-online-detail .contents-area .inner .btn-submit {margin-top:0px; margin-bottom:75px; padding-top:40px; border-top:0px #c9c9c9 solid;}
.section-online-detail .contents-area .inner .btn-submit .btn-b {height:50px; line-height:48px; padding:0 66px; font-size:18px; font-weight:400}
.section-online-detail .vedio-area a.play:after {content:""; display:inline-block; position:absolute; left:50%; top:50%; width:75px; height:75px; margin:-37.5px 0 0 -37.5px; background:url(../images/content/ico-list-play.png) no-repeat}
.section-online-detail .vedio-area a.doc:after {content:""; display:inline-block; position:absolute; left:50%; top:35%; width:75px; height:75px; margin:-37.5px 0 0 -37.5px; background:url(../images/content/study.png) no-repeat}
.popup-online .popup-inner .popup-content .message {padding-top:38px}
.popup-online .popup-inner .popup-content .message p {padding-top:75px; padding-bottom:0; font-size:16px; font-weight:bold; color:#393838; background:url(../images/common/bg-check2.png) center top no-repeat}
.popup-online .popup-inner .popup-content .message p span {display:block;}
.popup-online .popup-inner .btn-submit {margin-top:47px}
.section-online-detail .contents-area .aside .nodata {padding:74px 0 105px; background:#fafafa  }
.section-online-detail .contents-area .aside .nodata strong {display:block; text-align:center; padding-top:85px; font-size:18px; color:#88867f  ; background:url(../images/common/ico-nodata.png) 50% 0 no-repeat}
/* 카테고리명 */
.section-online-category {padding-bottom:0}
.section-online-category .graph-tit {padding-top:14px}
.section-online-category .graph-tit:after {content:""; display:block; clear:both}
.section-online-category .graph-tit > .tit {display:inline-block}
.section-online-category .graph-tit > .tit strong {display:inline-block; position:relative; padding-left:18px; line-height:40px; font-weight:bold; font-size:22px; color:#343434}
.section-online-category .graph-tit > .tit strong:after {content:""; display:inline-block; position:absolute; left:4px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#7a7066}
.section-online-category .video-contents.slide-area {padding-top:25px}
.section-online-category .video-contents.slide-area .list-type3 ul ~ ul {margin-top:30px}
.section-online-category .paginate {padding-top:50px}

/* .section-online-category .inner {width:1101px !important}
.section-online-category .inner:after {content:""; display:block; clear:both}
.section-online-category .set {display:inline-block; float:left; overflow:hidden; position:relative; width:367px; height:206px; box-sizing:border-box;}
.section-online-category .set a {display:block; height:206px}
.section-online-category .set a:hover .info,
.section-online-category .set a:focus .info {display:block}
.section-online-category .set img {display:block; width:100%; height:100%}
.section-online-category .set .info {display:none; position:absolute; top:0; right:0; bottom:0; left:0; padding:24px 26px; background:rgba(0, 0, 0, 0.8)}
.section-online-category .set .info strong {font-weight:normal; font-size:15px; color:#fff; line-height:1.4}
.section-online-category .set .info > span {display:block; padding-top:5px; font-size:15px; color:#fff}
.section-online-category .set .info p {position:absolute; left:26px; bottom:24px}
.section-online-category .set .info p span {display:inline-block; font-size:14px; color:#a7a7a7}
.section-online-category .set .info p span.time {padding-left:21px; background:url(../images/common/bg-time.png) 0 50% no-repeat}
.section-online-category .set .info p span.hits {margin-left:13px; padding-left:16px; background:url(../images/common/bg-hits.png) 0 50% no-repeat}
.section-online-category .set.big {width:734px; height:412px}
.section-online-category .set.big a {height:412px}
.section-online-category .set.big .info {padding:40px 45px 30px}
.section-online-category .set.big .info strong {font-size:22px}
.section-online-category .set.big .info > span {padding-top:10px}
.section-online-category .set.big .info p {left:45px; bottom:30px}
.section-online-category .row {position:relative}
.section-online-category .row:after {content:""; display:block; clear:both}
.section-online-category .btn-submit {padding-top:40px}
.section-online-category .btn-submit a {width:162px} */

/* 온라인 강의실 (예전 온라인레슨 검색 결과) */
.section-online-search {padding-bottom:0}
.section-online-search h3 {position:relative; padding-left:13px; font-size:20px}
.section-online-search h3:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:4px; background:#666}
.section-online-search h3 strong {color:#0584bd}
.section-online-search h3 span {position:relative; margin-left:15px; padding-left:15px; font-weight:normal; font-size:18px; color:#939292}
.section-online-search h3 span:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#bfbfbf}
.section-online-search .slide-area ~ .slide-area {margin-top:0px}
/*.section-online-search .slide-area .list-type3 {height:auto}*/
.section-online-search .slide-area h4 {height:49px; margin:30px 0 0 0; padding:0 20px; line-height:49px; font-size:16px; border-bottom:1px solid #d3d3d3; background:#fff}
.section-online-search .slide-area h4 span {float:right; font-weight:normal; font-size:14px; color:#606060}
.section-online-search .slide-area ~ .slide-area h4 {margin-top:0}

#container .content.section-online-search .slide-area {padding:0px 0 0px; background:#3b4d67;}
.section-online-search .slide-area .list-type3 {position:relative; width:1140px; left:-20px; margin:0 auto;}
.section-online-search .slide-area .list-type3 > ul {position:absolute; left:0; top:0; width:100%; height:100%}
.section-online-search .slide-area .list-type3 > ul ~ ul {margin-top:25px}
.section-online-search .slide-area .list-type3 > ul > li {float:left; position:relative; width:228px; height:252px; border-radius:1em; background:rgba(255,255,255,1.0); box-shadow:8px 8px 8px rgba(0,0,0,0.2);}
.section-online-search .slide-area .list-type3 > ul > li > .thumbnail { position:relative; width:212px; height:178px; top:8px;  margin:0 auto; border-radius:0.8em; overflow:hidden}
.section-online-search .slide-area .list-type3 > ul > li > a.bookmark {top:12px; left:12px; width:30px; height:30px; text-indent:-999999px; background:#fe4468 url(../images/common/btn-bookmark.png) 5px 5px no-repeat}

.section-online-search .slide-area .badge {position:absolute; left:10px; top:10px; width:43px}
.section-online-search .slide-area .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}
.section-online-search .slide-area .badge span.recomm {background:#ed1b2f}
.section-online-search .slide-area .badge span.popular {background:#ff9c0b}
.section-online-search .slide-area .badge span.recent {background:#0584bd}
.section-online-search .slide-area .list-type3 > ul > li > .contents {background:rgba(255,255,255,0.00); padding:20px 15px 0px;}
.section-online-search .slide-area .list-type3 > ul > li > .contents > strong {font-weight:normal; font-size:16px;  height:60px; margin-bottom:-8px; font-weight:700; text-align:center;}
.section-online-search .slide-area .list-type3 > ul > li > .contents div {margin-top:0; border-top:none}
.section-online-search .slide-area .list-type3 > ul > li > .contents div span.inquiry {float:left; color:#878787; font-size:13px;}
.section-online-search .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}
.section-online-search .slide-area .list-type3 > ul > li > .contents div span.study.end {color:#348cef; border:0px solid #7f7f7f; font-weight:500; font-size:14px}
.section-online-search .slide-area .list-type3 > ul > li > .contents div span.study.ing {color:#ed1b2f; border:0px solid #ed1b2f}
.section-online-search .slide-area .list-type3 > ul > li > .contents div span.study.reg {color:#0584bd; border:0px solid #0584bd}
.section-online-search .slide-area .paging {margin-top:15px; text-align:center}
.section-online-search .slide-area .paging a {display:inline-block; width:33px; height:33px; line-height:27px; text-align:center; font-weight:bold; font-size:14px; color:#444444; border:2px solid #9fa0b0; border-radius:12px; background:#9fa9b5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box}
.section-online-search .slide-area .paging a ~ a {margin-left:9px}
.section-online-search .slide-area .paging a.on {color:#444444; background:#ffffff; border:2px solid #9fa0b0;}
.section-online-search .slide-area .nodata  {width:1100px; height:400px; margin:200px 0 80px 0; padding:135px; border-radius:1em; background:#fff; box-shadow:8px 8px 8px rgba(0,0,0,.2)}
.section-online-search .slide-area .nodata  h3 {height:37px; line-height:37px; margin-bottom:26px; font-size:18px; text-align:center; color:#fe4468;}
.section-online-search .slide-area .nodata  h3 span {text-align:center; font-size:94px; font-weight: bold;  color:#fe4468;}
/* 세부 교육 콘텐츠 */
#container .content.section-online-search.detail .slide-area {padding:0px 0 0px; background:#ffffff;}
.section-online-search .slide-area .nodata-white  {width:1100px; height:400px; margin:200px 0 80px 0; padding:135px; border:1px solid #bbbbb9;  border-radius:1em; background:#fff; box-shadow:8px 8px 8px rgba(0,0,0,.2)}
.section-online-search .slide-area .nodata-white  h3 {height:37px; line-height:37px; margin-bottom:26px; font-size:18px; text-align:center; color:#fe4468;}
.section-online-search .slide-area .nodata-white  h3 a {text-align:center; font-size:94px; font-weight: bold;  color:#fe4468;}


/* 회원정보변경 */
/* 내 정보 수정 */
.section-myinfo .section {padding-top:40px}
.section-myinfo .section + .section {padding-top:48px}
.section-myinfo .section h3 {position:relative; float:none; padding:0 0 17px 13px; font-size:18px; border-bottom:1px solid #767676}
.section-myinfo .section h3:after {content:""; display:inline-block; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:4px; background:#666}
.section-myinfo .section h3 span {float:right; padding-top:5px; font-size:14px; color:#ed1a2e}
.section-myinfo .tb-white {margin-top:20px}
.section-myinfo .tb-white tbody .bul-star:after {margin-top:-5px}
.section-myinfo .tb-white tbody th {padding:19px 30px 20px}
.section-myinfo .tb-white tbody th.changeable {text-indent:-24px}
.section-myinfo .tb-white tbody th.changeable em {margin-right:5px; font-style:normal; font-weight:normal; color:#f49d00}
.section-myinfo .tb-white tbody tr td a {width:88px; padding:0 14px}
.section-myinfo .tb-white tbody tr.photo td .img {display:inline-block; overflow:hidden; width:120px; height:120px; border-radius:0.8em; border:1px solid #d6d6d6; background:url(../images/content/bg-img.png) no-repeat}
.section-myinfo .tb-white tbody tr.photo td .img img {width:100%}
.section-myinfo .tb-white tbody tr.photo td .btns {display:inline-block; margin-left:10px; padding-top:27px; vertical-align:top}
.section-myinfo .tb-white tbody tr.photo td .btns > p {padding-top:9px; font-size:12px; color:#929292}
.section-myinfo .tb-white tbody tr.photo td .btns > div > a {margin-left:2px}
.section-myinfo .tb-white tbody tr.photo td .btns > div > a.disable {color:#949494; border-color:#d6d6d6; background:#d6d6d6; pointer-events:none; cursor:default}
.section-myinfo .tb-white tbody tr.photo td .btns > div .wrap-file {display:inline-block}
.section-myinfo .tb-white tbody tr.photo td .btns > div .wrap-file label {width:88px; padding:0 14px}
.section-myinfo .tb-white tbody tr.photo td .btns > div .wrap-file input[type="file"] {display:none}
.section-myinfo .tb-white tbody tr.pw td > p {display:inline-block; vertical-align:middle}
.section-myinfo .tb-white tbody tr.pw td > p > span {display:block; line-height:1.6}
.section-myinfo .tb-white tbody tr.sports .bul-star:after {top:25px; margin-top:0}
.section-myinfo .tb-white tbody tr.sports .des {display:inline-block; margin-left:15px}
.section-myinfo .tb-white tbody tr.grade td > span ~ span {margin-left:11px}
.section-myinfo .tb-white tbody tr.grade td span > span.num {margin-left:34px}
.section-myinfo .tb-white tbody tr.grade.body td span > span.num {margin-left:0; margin-right:11px}
.section-myinfo .tb-white tbody tr.grade td span.hyphen {padding:0}
.section-myinfo .tb-white tbody td input[type="radio"] ~ input[type="radio"],
.section-myinfo .tb-white tbody td input[type="checkbox"] ~ input[type="checkbox"] {margin-left:28px}
.section-myinfo .section ul.notice {padding-top:30px}
.section-myinfo .tb-blue {margin-top:12px; border-top:none}
.section-myinfo .tb-blue td {height:48px; padding:6px 0; color:#747474}
.section-myinfo .tb-blue td a {width:88px; height:35px; line-height:35px; padding:0 14px}
.section-myinfo .tb-blue td a.delete {display:inline-block; width:25px; height:25px; line-height:initial; padding:0; font-size:0; vertical-align:middle; background:url(../images/content/btn-delete.png) no-repeat}
.section-myinfo .section ul.notice li {color:#7a7a7a; line-height:1.4}
.section-myinfo .btn-submit {padding-top:50px}
.section-myinfo .btn-submit a {width:108px}
.section-myinfo .section.player .extra {padding:5px 0 0 7px; font-size:12px; color:#f49d00}
.section-myinfo .section.children {position:relative}
.section-myinfo .section.children a.add-child {position:absolute; right:0; top:119px; width:88px; height:35px; line-height:35px; padding:0 14px}
/*자녀 추가 팝업 */
.popup-team.child .child-info {margin-top:30px; padding:23px 30px 30px; background:#f3f6f8}
.popup-team.child .child-info strong {display:block}
.popup-team.child .child-info p {padding-top:15px; color:#888}
.popup-team.child .child-info p.cap {color:#ff3030}
.popup-team.child .child-info .frm {padding-top:20px}
.popup-team.child .child-info .frm span ~ span {margin-left:28px}
.popup-team.child .child-info .frm span input[type="text"] + label,
.popup-team.child .child-info .frm span label + input[type="text"] {margin-left:8px}
.popup-team.child .child-info .frm span label {font-weight:bold}
.popup-team.child .btn-submit {padding-top:0}
/* 비밀번호 확인 */
.section-myinfo-check {padding-bottom:245px; background: /* url(../images/content/bg-login.jpg) */  center bottom no-repeat; background-size:contain}
.section-myinfo-check h2 {padding-bottom:30px; border-bottom:0px black solid}
.section-myinfo-check .login-form p {padding-top:110px; line-height:1.7em; font-size:22px; font-weight:700; color:#0584bd; letter-spacing:-0.02em}
.section-myinfo-check .login-form p span {letter-spacing:-0.02em}
.section-myinfo-check table.table-form tr td a {height:45px; line-height:44px}
/* 회원탈퇴신청 */
.section-myinfo-withdraw {padding-bottom:150px}
.section-myinfo-withdraw .inner > p {margin-top:46px; text-align:center; font-size:18px; font-weight:700; color:#ff8a00}
.section-myinfo-withdraw .inner .withdraw-list {margin-top:25px; padding:25px 30px 23px 30px; border:1px #dedede solid}
.section-myinfo-withdraw .inner .withdraw-list ul li {position:relative; padding-left:10px; line-height:1.6em; color:#767676}
.section-myinfo-withdraw .inner .withdraw-list ul li ~ li {margin-top:6px}
.section-myinfo-withdraw .inner .withdraw-list ul li::after {content:""; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:5px; background:#767676}
.section-myinfo-withdraw .inner .withdraw-list ul li span {display:block}
.section-myinfo-withdraw .inner .check-area {margin-top:20px}
.section-myinfo-withdraw .inner .check-area label {padding-left:25px; font-weight:700}
.section-myinfo-withdraw .inner .input-password {margin-top:40px; padding:33px 0 35px; text-align:center; background:#f4f4f4}
.section-myinfo-withdraw .inner .input-password p {letter-spacing:-0.03em; font-weight:700}
.section-myinfo-withdraw .inner .input-password div {padding-top:22px}
.section-myinfo-withdraw .inner .input-password div label {position:relative; padding-left:13px; margin-right:70px; font-weight:900}
.section-myinfo-withdraw .inner .input-password div label::after {content:""; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-1px; border-radius:5px; background:#343434}
.section-myinfo-withdraw .inner .btn-submit {padding-top:48px}
.section-myinfo-withdraw .inner .btn-submit .btn-b {padding:0 25px}
.section-myinfo-withdraw .inner .btn-submit .btn-g {padding:0 40px}

/* FAQ 게시판 */
.section-faq {padding-bottom:98px}
.section-faq .inner .section .sub-section1 {color:#ffffff; margin-top:0px; text-align:center; border:0px #d7d7d7 solid}
.section-faq .inner .section .sub-section1 .search-faq {padding:30px; border-bottom:0px #d7d7d7 solid; }
.section-faq .inner .section .sub-section1 .search-faq label {vertical-align:middle; margin-right:15px; font-size:18px; font-weight:700}
.section-faq .inner .section .sub-section1 .search-faq .btn-g {height:40px; line-height:38px; margin-left:2px; font-size:14px}
.section-faq .inner .section .sub-section1 .check-area {padding:22px 0}
.section-faq .inner .section .sub-section1 .check-area ul {display:inline-block}
.section-faq .inner .section .sub-section1 .check-area ul::after {content:""; display:block; clear:both}
.section-faq .inner .section .sub-section1 .check-area ul li {float:left; height:19px; line-height:19px; vertical-align:middle}
.section-faq .inner .section .sub-section1 .check-area ul li ~ li {margin-left:50px}
.section-faq .inner .section .sub-section2 {padding-top:45px}
.section-faq .inner .section .sub-section2 .title-area::after {content:""; display:block; clear:both}
.section-faq .inner .section .sub-section2 .title-area h3{float:left; position:relative; padding-left:15px; font-size:18px}
.section-faq .inner .section .sub-section2 .title-area h3::after {content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:5px; background:#949494; }
.section-faq .inner .section .sub-section2 .title-area h3 strong {color:#236fcf; font-weight:700;}
.section-faq .inner .section .sub-section2 .title-area div{float:right; margin-top:2px; font-size:16px; font-weight:700}
.section-faq .inner .section .sub-section2 .list-faq {margin-top:20px; border-top:0px #0684be solid}
.section-faq .inner .section .sub-section2 .list-faq ul li strong {display:block; /* height:75px; */ padding:26px 0; text-align:center; font-size:16px; border-bottom:1px #c9c9c9 solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.section-faq .inner .section .sub-section2 .list-faq ul li strong::after {content:""; display:block; clear:both}
.section-faq .inner .section .sub-section2 .list-faq ul li strong span.tit {float:left; width:calc(100% - 200px); margin-left:30px; text-align:left}
.section-faq .inner .section .sub-section2 .list-faq ul li strong span.type,
.section-faq .inner .section .sub-section2 .list-faq ul li strong span.folding {float:right}
.section-faq .inner .section .sub-section2 .list-faq ul li strong span.type {width:80px; color:#999; font-weight:600;}
.section-faq .inner .section .sub-section2 .list-faq ul li strong span.folding {display:block; width:85px; height:26px; margin-top:-3px; background:url(../images/common/bg-fold-bottom.png) center center no-repeat}
.section-faq .inner .section .sub-section2 .list-faq ul li.open strong span.tit {color:#0584bd}
.section-faq .inner .section .sub-section2 .list-faq ul li.open strong span.folding {background:url(../images/common/bg-fold-top.png) center center no-repeat}
.section-faq .inner .section .sub-section2 .list-faq ul li .cont-faq {display:none; padding:28px 30px 0px 30px; background:#f8f8f8}
.section-faq .inner .section .sub-section2 .list-faq ul li .cont-faq p {position:relative; padding-left:15px}
.section-faq .inner .section .sub-section2 .list-faq ul li .cont-faq p::after {content:""; display:block; position:absolute; top:50%; left:0; width:0; height:0; margin-top:-4px; /* border-left:9px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent */}
.section-faq .inner .section .sub-section2 .list-faq ul li .cont-faq img {margin-top:20px}
.section-faq .inner .section .sub-section2 .list-faq ul li .cont-faq a {position:relative; display:inline-block; margin-top:21px; margin-left:8px; color:#0684be; border-bottom:1px #0684be solid}
.section-faq .inner .section .sub-section2 .list-faq ul li .cont-faq a::after {content:""; display:block; position:absolute; top:50%; left:-8px; width:3px; height:3px; margin-top:-2px; background:#bebebe}
.section-faq .inner .section .sub-section2 .list-faq .paginate {padding-top:50px; margin-bottom:-100px}

/* 이용약관 */
.section-terms .inner .section form {margin-top:30px}
.section-terms .inner .section form .terms-area {height:718px; padding:28px; color:#676767; border: 1px #dedede solid; overflow:scroll; overflow-x:hidden}
.section-terms .inner .section form .terms-area h4 {font-size:18px; color:#0684be}
.section-terms .inner .section form .terms-area h4 ~ h4 {margin-top:30px}
.section-terms .inner .section form .terms-area > span {display:block; margin-top:27px; margin-bottom:13px; font-size:16px; font-weight:700; color:#4f4f4f}
.section-terms .inner .section form .terms-area > span ~ span {margin-top:23px}
.section-terms .inner .section form .terms-area p.add {margin-top:30px}
.section-terms .inner .section form .terms-area p,
.section-terms .inner .section form .terms-area > ul > li {width:1025px; line-height:1.7em; color:#898989; word-wrap:break-word; word-break:keep-all}
.section-terms .inner .section form .terms-area > ul > li {padding-left:22px; text-indent:-21px}
.section-terms .inner .section form .terms-area > ul > li ~ li {margin-top:7px}
.section-terms .inner .section form .terms-area > ul > li > ul {margin-top:5px}
.section-terms .inner .section form .terms-area > ul > li > ul > li {padding-left:17px; text-indent:-16px}
.section-terms .inner .section form .terms-area > ul > li > ul > li > ul > li {padding-left:17px; text-indent:-16px}

/* 개인정보취급방침 , 법적고지 */
.section-terms.section-policy .inner .section form .terms-area {padding:25px 28px 0 28px}
.section-terms.section-policy .inner .section form .terms-area .preamble {padding-bottom:27px; border-bottom:1px #e3e3e3 solid}
.section-terms.section-policy .inner .section form .terms-area .preamble p {line-height:1.5em; font-weight:700; color:#525252}
.section-terms.section-policy .inner .section form .terms-area .preamble p ~ p {margin-top:22px}
.section-terms.section-policy .inner .section form .terms-area > p.add {padding-bottom:28px}
.section-terms.section-policy .inner .section form .terms-area > span {margin-bottom:24px; font-size:18px; color:#0684be}
.section-terms.section-policy .inner .section form .btn-submit {padding-top:48px}
.section-terms.section-policy .inner .section form .btn-submit .btn-b {height:40px; line-height:40px; padding:0 20px; font-size:14px}
.section-terms.section-policy.law-notice .inner .section form .terms-area > span {margin-bottom:7px}
.section-terms.section-policy.law-notice .inner .section form .terms-area > p {padding-top:7px}

/* 설문조사 */
/* 설문조사 목록 */
#container .content.section-survey-list {padding-bottom:0}
#container .section-survey-list .contents-area {padding:0 0 130px}
.section-survey-list .contents-area .inner .section .sub-section1 {border:0px #d7d7d7 solid}
.section-survey-list .contents-area .inner .section .sub-section2 {margin-top:45px}
.section-survey-list .contents-area .inner .section .sub-section2 .search-result span {color:#56a5ff; font-weight:700;}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey {margin-top:25px; border-top:0px #0684be solid}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li {position:relative}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li:hover,
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li:focus {background:#f4f4f4}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .list-area {display:block; /* height:75px; */ padding:26px 160px 26px 0; text-align:center; font-size:16px; font-weight:700; border-bottom:1px #c9c9c9 solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .list-area::after {content:""; display:block; clear:both}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .list-area div.tit {float:left; width:505px; margin-left:30px; text-align:left; color:#6b6b6b}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .list-area div.date,
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .list-area div.condition {float:right; color:#7f7f7f}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li.progress .list-area div.condition {color:#236fcf}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .list-area div.date {width:265px; font-weight:normal}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .list-area div.condition {width:140px}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .btns a{position:absolute; top:17px; right:30px; height:40px; line-height:38px; padding:0 22px; color:#fff; border-radius:8px}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey ul li .btns a.btn-g {border-color:#b9b9b9; background:#b9b9b9}
.section-survey-list .contents-area .inner .section .sub-section2 .list-survey .paginate {padding-top:50px}
/* 설문조사 진행 및 완료*/
#container .content.section-survey-detail {padding-bottom:0}
#container .section-survey-detail .contents-area {padding:0 0 120px}
#container .skip-area {position:fixed; left:50%; width:80px; margin-top:130px; margin-left:570px; padding:4px 5px; border:1px #d7d7d7 solid}
#container .skip-area ul::after {content:""; display:block; clear:both}
#container .skip-area ul li {float:left; width:50%; padding:5px}
#container .skip-area ul li a {display:block; width:25px; height:25px; line-height:25px; text-align:center; font-size:13px; color:#fff; background:#a4a4a4}
#container .skip-area ul li.checked a {background:#0584bd}
.section-survey-detail .contents-area .inner .section .sub-section1 {position:relative; padding-bottom:20px}
.section-survey-detail .contents-area .inner .section .sub-section1 .intro-area {position:relative; overflow:hidden; height:246px; padding:32px 35px 35px; border:5px #0584bd solid}
.section-survey-detail .contents-area .inner .section .sub-section1 .intro-area:after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:35px; background:#fff}
.section-survey-detail .contents-area .inner .section .sub-section1 .intro-area h3 {padding-bottom:20px; font-size:18px; color:#0584bd; border-bottom:1px #e6e9ea solid}
.section-survey-detail .contents-area .inner .section .sub-section1 .intro-area h3::after {content:""; display:block; clear:both}
.section-survey-detail .contents-area .inner .section .sub-section1 .intro-area h3 span {float:right}
.section-survey-detail .contents-area .inner .section .sub-section1 .intro-area p {padding:30px 0 0 160px; line-height:1.7em; color:#737373; background:url(../images/content/bg-survey.png) 38px 34px no-repeat}
.section-survey-detail .contents-area .inner .section .sub-section1 .intro-area p strong {display:block; margin-bottom:2px; font-weight:900; color:#000}
.section-survey-detail .contents-area .inner .section .sub-section1 a.more {display:block; position:absolute; left:50%; bottom:0; z-index:1; width:40px; height:25px; margin-left:-20px; text-indent:-99999px; overflow:hidden; background:#0584bd url(../images/common/bg-arr-bottm-white.png) center center no-repeat}
.section-survey-detail .contents-area .inner .section .sub-section1 a.more.close {background:#0584bd url(../images/common/bg-arr-top-white.png) center center no-repeat}
.section-survey-detail .contents-area .inner .section .sub-section2 {margin-top:10px}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article {padding-top:70px; padding-right:15px; padding-bottom:60px; border-bottom:1px #ececec solid}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article::after {content:""; display:block; clear:both}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article > span {float:left; width:72px; margin-top:-12px; padding:0 48px 0 10px; font-size:60px; color:#f38606}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article {float:right; width: calc(100% - 130px)}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article > p {font-size:16px; font-weight:700; color:#4e4e4e}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article > p span {color:#f38707}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area {width:100%; margin-top:8px}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li {position:relative; height:32px; line-height:32px; vertical-align:middle}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li input[type="radio"],
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li input[type="checkbox"] {position:absolute; top:50%; margin-top:-6px}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li input[type="text"] {height:30px; line-height:28px; padding: 0 5px 0 10px}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li label {padding:0 60px 0 22px}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li > span {display:inline-block; width:110px}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li .reply {display:inline-block; width:500px; height:33px}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li .reply span.rate {display:inline-block; position:relative; height:9px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#e1e1e1}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li .reply strong {position:absolute; left:calc(100% + 10px); top:50%; display:inline-block; width:300px; margin-top:-16px; font-size:13px; color:#acacac}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li.on > span {color:#f38707}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li.on > .reply span.rate {background-color:#f3a206}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area ul li.on > .reply strong {color:#f38707}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area textarea {margin-top:15px; width:100%; height:160px; padding:15px; overflow:scroll; overflow-x:hidden}
.section-survey-detail .contents-area .inner .section .sub-section2 .survey-article .cont-article .cont-area p {padding-top:18px; font-size:14px; color:#7c7c7c}
.section-survey-detail .contents-area .inner .section .sub-section2 .btn-submit {padding-top:40px}
.section-survey-detail .contents-area .inner .section .sub-section2 .btn-submit a {line-height:43px; font-size:18px; font-weight:normal; padding:0 38px}

/* 전문가 멘토링 */
/* 전문가 칼럼 목록 */
#container .content.section-expert-column {padding-bottom:0}
#container .content.section-expert-column .contents-area {padding-top:50px}
.section-expert-column .reg-mentoring {padding:25px 40px; border:1px #e4e4e4 solid; background:#fff}
.section-expert-column .reg-mentoring::after {content:""; display:block; clear:both}
.section-expert-column .reg-mentoring p {float:left; height:46px; line-height:46px; font-size:19px; letter-spacing:0.01em}
.section-expert-column .reg-mentoring span {float:right}
.section-expert-column .reg-mentoring span .btn-r {position:relative; padding:0 35px 0 35px; line-height:0px; url(../images/common/bg-arr-right.png) 85% center no-repeat; background-size:5px 8px}
.section-expert-column .sub-section2 {margin-top:50px}
.section-expert-column .sub-section2 h3 {position:relative; margin-bottom:30px; padding-left:13px; font-size:20px}
.section-expert-column .sub-section2 h3::after {content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:5px; background:#666}
.section-expert-column .sub-section2 h3 strong {color:#0584bd}
.section-expert-column .sub-section2 h3 span {position:relative; display:inline-block; height:19px; line-height:19px; padding-left:31px; font-size:18px; color:#939292}
.section-expert-column .sub-section2 h3 span::after {content:""; display:block; position:absolute; top:50%; left:16px; width:1px; height:14px; margin-top:-7px; background:#bfbfbf}
.section-expert-column .sub-section2 .list-type ul li {background:#fff}
.section-expert-column .sub-section2 .list-type ul li::after {content:""; display:block; clear:both}
.section-expert-column .sub-section2 .list-type ul li a {height:auto}
.section-expert-column .sub-section2 .list-type ul li p {height:45px; margin-top:17px; padding:0 60px 0 15px}
.section-expert-column .sub-section2 .list-type ul li span {float:right; display:inline-block; margin:14px 0 18px; padding-left:26px; padding-right:20px; color:#878787; background:url(../images/common/bg-inquiry.png) left center no-repeat}
.section-expert-column .sub-section2 .nodata-area {border-radius:0}
/* 전문가 칼럼 상세 */
#container .content.section-expert-column-detail {padding-bottom:0}
.section-expert-column-detail.list-detail .contents-area .inner::after {content:""; display:none}
.section-expert-column-detail.list-detail .contents-area .inner .section {float:none; width:100%; margin-top:15px}
.section-expert-column-detail.list-detail .contents-area .inner .section .sub-section.type1 > div .hits {padding-left:26px; font-weight:700; color:#878787; background:url(../images/common/bg-inquiry.png) left center no-repeat}
.section-expert-column-detail.list-detail .contents-area .inner .section .sub-section.type2 ul li::after {content:""; display:block; clear:both}
.section-expert-column-detail.list-detail .contents-area .inner .section .sub-section.type2 ul li strong {float:left; width:90px; font-size:18px}
.section-expert-column-detail.list-detail .contents-area .inner .section .sub-section.type2 ul li a {float:left; position:relative; display:inline-block; line-height:1.1em; margin-top:4px; margin-left:10px; color:#0584bd; border-bottom:1px #0584bd solid}
.section-expert-column-detail.list-detail .contents-area .inner .section .sub-section.type2 ul li a::after {content:""; display:block; position:absolute; top:50%; left:-10px; width:3px; height:3px; margin-top:-2px; background:#bebebe}
.section-expert-column-detail.list-detail .contents-area .inner .btn-submit {padding-top:0; border:none}
/* 1:1멘토링 게시물 작성 / 게시물 수정  */
#container .content.section-1on1-write {padding-bottom:203px}
#container .content.section-1on1-write .contents-area {padding:0}
#container .content.section-1on1-write .header h2 {padding-bottom:25px}
.section-1on1-write .sub-section .tit {margin-top:18px; margin-bottom:18px; font-size:16px; color:#808080}
.section-1on1-write .sub-section .tit::after {content:""; display:block; clear:both}
.section-1on1-write .sub-section .tit div {float:right; font-size:14px; color:#313131}
.section-1on1-write .sub-section .tbl-write table tr td .input-area {position:relative}
.section-1on1-write .sub-section .tbl-write table tr td input[type="text"] {padding-right:42px}
.section-1on1-write .sub-section .tbl-write table tr td input[type="text"] + a.erase {display:block; position:absolute; top:50%; left:521px; width:14px; height:14px; margin-top:-7px; font-size:0; text-indent:-99999px; background:url(../images/common/btn-erase.png) center center no-repeat}
.section-1on1-write .sub-section .btn-submit {padding-top:22px}
.section-1on1-write .sub-section .btn-submit a {padding:0 33px; line-height:44px}
/* 1:1멘토링 게시물,답변글 상세 / 공지글 상세 */
#container .content.section-1on1-write-view .contents-area {padding:0}
#container .content.section-1on1-write-view .header h2 {padding-bottom:217px; background:url(../images/common/sub-img06.png) center no-repeat;} /* 190828 수정/pjy */
.section-1on1-write-view .sub-section1 h3 {position:relative; margin-top:-37px; margin-bottom:15px; left:11px; font-size:18.4px; font-weight:600; z-index:1000; color:#f1637f;} /* 190828 추가/pjy */
.section-1on1-write-view .sub-section h3 {position:relative; margin-bottom:17px; padding-left:15px; font-size:18px}
.section-1on1-write-view .sub-section h3::after {content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:5px; background:#666}
.section-1on1-write-view .sub-section .tbl-write table {border-top:1px #e4e4e4 solid}
.section-1on1-write-view .sub-section .tbl-write table tr th {padding:25px 0 0 40px}
.section-1on1-write-view .sub-section .tbl-write table tr td {padding:25px 30px; font-size:14px; color:#393939}
.section-1on1-write-view .sub-section .tbl-write table tr.cont td {background:#fafafa}
.section-1on1-write-view .sub-section .tbl-write table tr td span {font-weight:700; color:#0091da}
.section-1on1-write-view .sub-section .tbl-write table tr td a {color:#0584bd; border-bottom:1px #0584bd solid}
.section-1on1-write-view .sub-section .tbl-write table tr td strong {font-weight:900}
.section-1on1-write-view .sub-section .tbl-write table tr td .attach-area {width:348px; padding:0 7px 0 7px; border:1px #dcdcdc solid; background:#f5f5f5}
.section-1on1-write-view .sub-section .tbl-write table tr td .attach-area img {padding-top:7px; background:#f5f5f5}
.section-1on1-write-view .sub-section .tbl-write table tr td .attach-area span {display:block; padding:10px 0 15px}
.section-1on1-write-view .sub-section .tbl-write table tr td .attach-area span a {position:relative; margin-left:13px; padding-left:10px}
.section-1on1-write-view .sub-section .tbl-write table tr td .attach-area span a::after {content:""; display:inline-block; position:absolute; top:50%; left:3px; width:3px; height:3px; margin-top:-1px; background:#bebebe}
.section-1on1-write-view .sub-section .btn-submit {padding:20px 0 0 0}
.section-1on1-write-view .sub-section .btn-submit::after {content:""; display:block; clear:both}
.section-1on1-write-view .sub-section .btn-submit a {width:123px}
.section-1on1-write-view .sub-section .btn-submit a:first-child {float:left}
.section-1on1-write-view .sub-section .btn-submit a ~ a {float:right}
.section-1on1-write-view .sub-section .btn-submit .btn-b {margin-right:5px}
/* 1:1멘토링 나의 상담 목록(메인) */
#container .content.section-1on1-main {padding-bottom:0}
#container .content.section-1on1-main .contents-area {padding:98px 0 128px; background:#3b4d67;}
#container .content.section-1on1-main .inner.slide {width:1100px; padding:0 30px}
.section-1on1-main .sub-section1 p {background:url(../images/content/titlebar01.png) center no-repeat; margin-left:68px; width:383px; height:49px; line-height:49px; text-align:center; font-size:20px; color:#fff;}
.section-1on1-main .sub-section1 p > span {display:block; margin-top:24px; margin-bottom:7px; text-align:center; font-size:40px; font-weight:700}
.section-1on1-main .sub-section1 p > span span {display:block; margin-bottom:7px; color:#ffc10a}
.section-1on1-main .sub-section1 p > span span strong {position:relative; color:#ed1b2f; border-bottom:1px #ed1b2f solid}
.section-1on1-main .sub-section1 p > span span strong::after {content:""; display:block; position:absolute; left:-12px; top:-14px; width:23px; height:23px; background:url(../images/content/bg-check.png) center center no-repeat}
.section-1on1-main .sub-section1 .slide-area2 {position:relative; margin-top:50px}
/* 161221 css 추가 및 수정*/
.section-1on1-main .sub-section1 .slide-area2 .list-type4 {position:relative; width:1010px; height:360px; margin:0 auto}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul {position:absolute; left:0; top:0; width:100%; height:100%}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul:after {content:""; display:block; clear:both}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li {float:left; position:relative; width:320px; height:360px; border-radius:1em; background:#fff; box-shadow:8px 8px 8px rgba(0,0,0,.2)}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li ~ li {margin-left:25px}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li a {display:block; height:350px; padding:7px 7px 3px 7px;}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .message {display:none; position:absolute; bottom:335px; /* left:143px; */ z-index:1; width:600px; padding:22px 25px; text-align:center; font-size:18px; font-weight:900; border-radius:1.5em; border-bottom-left-radius:0; box-shadow:0 1px rgba(0, 0, 0, 0.4); background:#ffc10a}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .message:after {content:""; display:inline-block; position:absolute; left:0; bottom:-16px; width:21px; height:16px; background:url(../images/content/bg-des.png) 0 0 no-repeat}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .message span {font-size:16px; font-weight:700}
.bx-yellow-message {display:none; position:absolute; bottom:335px; /* left:143px; */ z-index:1; width:600px; padding:22px 25px; text-align:center; font-size:18px; font-weight:900; border-radius:1.5em; border-bottom-left-radius:0; box-shadow:0 1px rgba(0, 0, 0, 0.4); background:#ffc10a}
.bx-yellow-message span {font-size:16px; font-weight:700}
.bx-yellow-message:after {content:""; display:inline-block; position:absolute; left:0; bottom:-16px; width:21px; height:16px; background:url(../images/content/bg-des.png) 0 0 no-repeat}
.bx-yellow-message.right {margin-left:-280px; border-bottom-left-radius:1.5em; border-bottom-right-radius:0}
.bx-yellow-message.right:after {content:""; display:inline-block; position:absolute; left:auto; left:initial; right:0; bottom:-16px; width:21px; height:16px; background:url(../images/content/bg-des-out.png) 0 0 no-repeat}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .img {width:100%; height:238px; border-radius:0.8em; overflow:hidden}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .img img {height:100%}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .info-coach {padding:20px 0; line-height:1.6em; text-align:center; font-size:14px; font-weight:700}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .info-coach span {display:block; font-size:20px; font-weight:700; color:#f07100}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .info-coach span strong {color:#343434}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .info-coach div {margin-top:10px}
.section-1on1-main .sub-section1 .slide-area2 .list-type4 ul li .info-coach div strong {display:block}
/* .section-1on1-main .sub-section1 .slide-area2 > a {display:block; position:absolute; top:calc(50% + 10px); z-index:10; width:19px; height:30px; margin-top:-15px; text-indent:-9999999px; overflow:hidden}
.section-1on1-main .sub-section1 .slide-area2 > a.prev {left:-40px; background:url(../images/common/btn-arr-prev.png) center center no-repeat}
.section-1on1-main .sub-section1 .slide-area2 > a.next {right:-40px; background:url(../images/common/btn-arr-next.png) center center no-repeat} */
.section-1on1-main .sub-section2 {width:1010px; margin:47px auto 0; padding:35px 45px 45px; border-radius:1em; background:#fff; box-shadow:8px 8px 8px rgba(0,0,0,.2)}
/* //161221 css 추가 및 수정*/
.section-1on1-main .sub-section2 h3 {position:relative; height:37px; line-height:37px; margin-bottom:26px; padding-left:15px; font-size:24px}
.section-1on1-main .sub-section2 h3::before {content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:5px; background:#666}
.section-1on1-main .sub-section2 h3::after {content:""; display:block; clear:both}
.section-1on1-main .sub-section2 h3 span {float:right; margin-top:-2px}
.section-1on1-main .sub-section2 h3 span .btn-r {position:relative; padding:0 30px 0 20px; height:37px; line-height:37px; font-size:14px; background:#ec1b30 url(../images/common/bg-arr-right.png) 88% center no-repeat; background-size:5px 8px}
.section-1on1-main .sub-section2 .tbl-list table thead th {border:none; border:1px transparent solid; height:63px; background:#485b6e}
.section-1on1-main .sub-section2 .tbl-list table thead th:first-child {border-right:1px transparent solid; border-top-left-radius:5px; border-bottom-left-radius:5px}
.section-1on1-main .sub-section2 .tbl-list table thead th.delete {border-left:1px transparent solid; border-top-right-radius:5px; border-bottom-right-radius:5px}
.section-1on1-main .sub-section2 .tbl-list table tr td {height:53px; color:#727272}
.section-1on1-main .sub-section2 .tbl-list table tr td.subject {padding-left:20px}
.section-1on1-main .sub-section2 .tbl-list table tr td.subject a {color:#393939}
.section-1on1-main .sub-section2 .tbl-list table tr td.notice {font-weight:700; color:#353535}
.section-1on1-main .sub-section2 .tbl-list table tr td.wait {font-weight:700; color:#0584bd}
.section-1on1-main .sub-section2 .tbl-list table tr td.complete {font-weight:700; color:#ea3e3e}
.section-1on1-main .sub-section2 .tbl-list table tr td.delete a {display:block; margin:0 auto; width:16px; height:17px; text-indent:-999999px; overflow:hidden; background:url(../images/common/bg-delete.png) center center no-repeat}
.section-1on1-main .sub-section2 .tbl-list table tr.notice td {background:#f8f8f8}
.section-1on1-main .sub-section2 .tbl-list table tr.notice td.subject a {font-weight:700; color:#104792}
.section-1on1-main .sub-section2 .tbl-list table tr:hover td,
.section-1on1-main .sub-section2 .tbl-list table tr:focus td {background:none}
.section-1on1-main .sub-section2 .tbl-list table tr.notice:hover td,
.section-1on1-main .sub-section2 .tbl-list table tr.notice:focus td {background:#f8f8f8}
.section-1on1-main .sub-section2 .tbl-list .paginate.type3 {padding-top:25px}
.section-1on1-main .sub-section2 .tbl-list .paginate.type3 a {color:#777; border:1px #e0e0e0 solid; border-radius:2em; background:#f6f6f6}
.section-1on1-main .sub-section2 .tbl-list .paginate.type3 a.on {font-weight:bold; color:#fff; background:#012b5d}
.section-1on1-main .sub-section2 .tbl-list .paginate.type3 a.first {border:1px #9a9a9a solid; border-radius:2em; background:#9a9a9a url(../images/common/sp-page-arr-w.png) -1px 0 no-repeat}
.section-1on1-main .sub-section2 .tbl-list .paginate.type3 a.prev {margin-right:17px; border:1px #9a9a9a solid; border-radius:2em; background:#9a9a9a url(../images/common/sp-page-arr-w.png) -30px 0 no-repeat}
.section-1on1-main .sub-section2 .tbl-list .paginate.type3 a.next {margin-left:17px; border:1px #9a9a9a solid; border-radius:2em; background:#9a9a9a url(../images/common/sp-page-arr-w.png) -60px 0 no-repeat}
.section-1on1-main .sub-section2 .tbl-list .paginate.type3 a.last {border:1px #9a9a9a solid; border-radius:2em; background:#9a9a9a url(../images/common/sp-page-arr-w.png) -89px 0 no-repeat}

/* 야구 심리인성 검사 */
/* 심리 기술 검사 소개 */
#container .content.section-test {padding-bottom:0}
#container .content.section-test .contents-area {position:relative; padding:0}
#container .content.section-test .contents-area.bg.lg::after {content:""; position:absolute; top:-517px; left: calc(50% + 388px); display:block; width:562px; height:751px; background:url(../images/content/bg-ball.png) center center no-repeat}
#container .content.section-test .header h2 {padding-bottom:30px}
.section-test .header .progress-tab {width:1100px; margin:0 auto}
.section-test .header .progress-tab ul {padding-top:0}
.section-test .sub-section.type1 {margin-top:97px; padding-bottom:96px; text-align:center}
.section-test .sub-section.type1 .tit-list {position:relative; padding-bottom:90px; line-height:1.7em; font-size:16px; font-weight:normal; color:#585858}
.section-test .sub-section.type1 .tit-list::after {content:""; display:block; position:absolute; bottom:0; left:50%; height:59px; margin-left:-1px; border-left:2px #c8c8c8 dotted}
.section-test .sub-section.type1 .tit-list span {display:block; margin-top:17px; font-size:36px; font-weight:700; color:#e76a4e; letter-spacing:-0.02em}
.section-test .sub-section.type1 p {margin-top:74px; line-height:1.8em; font-size:16px; font-weight:normal; color:#585858}
.section-test .sub-section.type1 p span {display:block}
.section-test .sub-section.type1 p strong {color:#e76a4e}
.section-test .sub-section.type1 .list-box ul {position:relative}
.section-test .sub-section.type1 .list-box ul::after {content:""; display:block; clear:both}
.section-test .sub-section.type1 .list-box ul li {float:left; position:relative; width:33.3%; padding:40px 0 42px; line-height:1.5em; text-align:center; font-size:16px; border-bottom:1px #dfddd6 solid; background:#f2f1ee}
.section-test .sub-section.type1 .list-box ul li strong {display:block; margin-bottom:32px; font-size:18px; color:#575757}
.section-test .sub-section.type1 .list-box ul li span {display:block}
.section-test .sub-section.type1 .list-box ul li:first-child::after {content:""; position:absolute; top:50%; right:-9px; z-index:1; display:block; width:0; height:0; margin-top:-9px; border-left:9px solid #f2f1ee; border-top:9px solid transparent; border-bottom:9px solid transparent}
.section-test .sub-section.type1 .list-box ul li:first-child + li {color:#fff; background:#e76a4e}
.section-test .sub-section.type1 .list-box ul li:first-child + li::after {content:""; position:absolute; top:50%; right:-9px; z-index:1; display:block; width:0; height:0; margin-top:-9px; border-left:9px solid #e76a4e; border-top:9px solid transparent; border-bottom:9px solid transparent}
.section-test .sub-section.type1 .list-box ul li:first-child + li strong {color:#fff}
.section-test .sub-section.type2 {padding-top:87px; padding-bottom:90px}
.section-test .sub-section.type2 h3 {position:relative; margin-bottom:47px; padding-left:15px; font-size:22px; color:#726253}
.section-test .sub-section.type2 h3::after {content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:5px; background:#726253}
.section-test .sub-section.type2 .list-cont {padding-left:15px}
.section-test .sub-section.type2 .list-cont > ul > li {font-size:16px; color:#7d7d7d}
.section-test .sub-section.type2 .list-cont > ul > li ~ li {margin-top:19px}
.section-test .sub-section.type2 .list-cont > ul > li::after {content:""; display:block; clear:both}
.section-test .sub-section.type2 .list-cont > ul > li > strong {float:left; width:92px; color:#343434}
.section-test .sub-section.type2 .list-cont > ul > li > ul {margin-left:92px}
.section-test .sub-section.type2 .list-cont > ul > li > ul > li {margin-top:8px}
.section-test .sub-section.type2 .list-cont > ul > li > ul > li > span {display:block; padding-left:16px}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort {display:block; margin-top:18px; margin-right:52px}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort::after {content:""; display:block; clear:both}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort ~ ul.list-sort {margin-top:0}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort li {float:left; position:relative; height:68px; line-height:65px; margin:13px 0; text-align:center; font-size:18px; color:#343434; border-radius:90px; background:#ffc600}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort.flt-3 li {width:calc(33% - 17.3px)}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort.flt-4 li {width:calc(25% - 19.5px)}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort li ~ li {margin-left:26px}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort li ~ li::after {content:""; display:block; position:absolute; top:50%; left:-27px; width:27px; border-top:3px #c0c0be dotted}
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort ~ ul.list-sort li:first-child::before,
.section-test .sub-section.type2 .list-cont > ul > li > ul.list-sort ~ ul.list-sort li:last-child::before {content:""; display:block; position:absolute; top:-27px; left:50%; height:27px; border-left:3px #c0c0be dotted}
.section-test .sub-section.type2 .btn-submit {padding-top:46px}
.section-test .sub-section.type2 .btn-submit .btn-b{position:relative; line-height:43px; padding:0 40px 0 25px}
.section-test .sub-section.type2 .btn-submit .btn-b::after{content:""; display:block; position:absolute; top:50%; right:22px; width:5px; height:8px; margin-top:-4px; background:url(../images/common/bg-arr-right.png) 85% center no-repeat; background-size:5px 8px}
/* 스포츠 인성 검사 소개 */
#container .content.section-test.section-test-personality .contents-area.bg.lg::after {content:""; display:none}
#container .content.section-test.section-test-personality .contents-area.bg.ball2 {background:url(../images/content/bg-ball2.png)center bottom no-repeat}
.section-test-personality .sub-section.type1 p:first-child {margin-top:0}
.section-test-personality .sub-section.type1 .tit-list {padding-top:50px}
.section-test-personality .sub-section.type1 .tit-list {font-weight:700; color:#e76a4e}
.section-test-personality .sub-section.type1 .tit-list span {color:#585858}
.section-test-personality .sub-section.type1 .list-box {padding:0 53px}
.section-test-personality .sub-section.type1 .list-box ul li {width: calc(25% - 15px); height:233.5px; padding:55px 0 76px; color:#fff; border-bottom:none; border-radius:130px; background:#e76a4e}
.section-test-personality .sub-section.type1 .list-box ul li ~ li {margin-left:20px}
.section-test-personality .sub-section.type1 .list-box ul li strong {margin-bottom:36px; font-size:35px; color:#fff}
.section-test-personality .sub-section.type1 .list-box ul li:first-child::after,
.section-test-personality .sub-section.type1 .list-box ul li:first-child + li::after {content:""; display:none}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li {width:100%; height:69px; color:#726253}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li ~ li {margin-top:14px}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li::after {content:""; display:block; clear:both}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li strong {float:left; display:block; width:143px; height:70px; line-height:69px; text-align:center; border-radius:90px; background:#ffc600}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li div {padding-left:160px; width:100%; height:70px;}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li div::before {content:""; display:inline-block; height:100%; vertical-align:middle}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li div p {display:inline-block; padding:0; margin:0; line-height:1.5em; vertical-align:middle}
.section-test-personality .sub-section.type2 .list-cont > ul > li > ul.list-sort2 li div p span {display:block}
/* 검사 진행/완료 */
#container .content.section-test.section-test-progress .contents-area {padding-bottom:310px}
.section-test-progress p {margin:50px 0 20px}
.section-test-progress .tbl-list table {border-top:1px #c9c9c9 solid}
.section-test-progress .tbl-list table th {height:78px; color:#535353; border-bottom:1px #e6e6e6 solid; background:#f2f2f2}
.section-test-progress .tbl-list table th ~ th span::before {content:""; display:none}
.section-test-progress .tbl-list table td {position:relative; height:78px; background:none}
.section-test-progress .tbl-list table td.num {font-size:24px; color:#f38401}
.section-test-progress .tbl-list table tr:hover td,
.section-test-progress .tbl-list table tr:focus td {background:none}
.section-test-progress .tbl-list table tr td input[type="radio"] {position:absolute; left:-9999px}
.section-test-progress .tbl-list table tr td input[type="radio"] + label {display:inline-block; position:relative; text-indent:-9999px}
.section-test-progress .tbl-list table tr td input[type="radio"] + label:after {content:""; position:absolute; left:50%; top:50%; width:37px; height:37px; margin-top:-18.5px; margin-left:-18.5px; border-radius:90px}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check0 + label:after {background:url(../images/content/bg-test-check.png) left top no-repeat}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check0:checked + label:after {background-position: left bottom}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check1 + label:after {background:url(../images/content/bg-test-check.png) 25% top no-repeat}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check1:checked + label:after {background-position: 25% bottom}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check2 + label:after {background:url(../images/content/bg-test-check.png) 50% top no-repeat}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check2:checked + label:after {background-position: 50% bottom}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check3 + label:after {background:url(../images/content/bg-test-check.png) 75% top no-repeat}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check3:checked + label:after {background-position: 75% bottom}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check4 + label:after {background:url(../images/content/bg-test-check.png) 100% top no-repeat}
.section-test-progress .tbl-list table tr td input[type="radio"].test-check4:checked + label:after {background-position: 100% bottom}
.section-test-progress .btn-submit {padding-top:50px}
.section-test-progress .btn-submit a {padding:0 40px}
/* 검사 결과 목록 */
#container .content.section-test-result .contents-area {padding:0}
#container .content.section-test-result h2 {padding-bottom:30px; margin-bottom:50px; border-bottom:1px #767676 solid}
.section-test-result .sub-section ~ .sub-section {margin-top:60px}
.section-test-result h3 {position:relative; margin-bottom:30px; padding-left:13px; font-size:20px}
.section-test-result h3::after {content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:5px; background:#666}
.section-test-result .progress-tab ul {padding-top:0}
.section-test-result .progress-tab ul li.on:after {content:""; display:none}
.section-test-result .progress-tab ul li span {display:inline-block; width:86px; height:25px; margin-left:17px; line-height:25px; text-align:center; font-size:14px; color:#fff; border-radius:50px; background:#0584bd}
.section-test-result .progress-tab ul li.on span {color:#0584bd; background:#fff}
.section-test-result .progress-tab ul li span.not {color:#fff; background:#bababa}
.section-test-result .result-area {padding:50px 0; background:#fbfbfb}
.section-test-result .result-area::after {content:""; display:block; clear:both}
.section-test-result .result-area .graph {float:left; position:relative; width: calc(33.3% * 2); height:404px; border-right:1px #ccc dashed}
.section-test-result .result-area .graph .area {width:520px; height:404px; margin-left:56px; overflow:hidden}
.section-test-result .result-area .graph .area img {max-width:520px}
.section-test-result .result-area .graph .sort {position:absolute; right:0; bottom:0; width:154px; height:80px}
.section-test-result .result-area .graph .sort ul li {position:relative; height:15px; margin-left:24px; padding-left:28px; font-weight:700; color:#787878}
.section-test-result .result-area .graph .sort ul li ~ li {margin-top:18px}
.section-test-result .result-area .graph .sort ul li:after {content:""; display:inline-block; position:absolute; left:0; top:50%; width:11px; height:11px; margin-top:-5px; border-radius:11px}
.section-test-result .result-area .graph .sort ul li span {display:inline-block; position:absolute; left:8px; top:50%; width:8px; height:3px; margin-top:-1px; border-radius:1em}
.section-test-result .result-area .graph .sort ul li.r span,
.section-test-result .result-area .graph .sort ul li.r:after {background:#ff7151}
.section-test-result .result-area .graph .sort ul li.b span,
.section-test-result .result-area .graph .sort ul li.b:after {background:#23c7fd}
.section-test-result .result-area .graph .sort ul li.o span,
.section-test-result .result-area .graph .sort ul li.o:after {background:#ffba00}
.section-test-result .result-area .graph .sort ul li:before {content:""; display:inline-block; position:absolute; left:3px; top:50%; z-index:1; width:5px; height:5px; margin-top:-2px; border-radius:5px; background:#fff}
.section-test-result .result-area .grade {float:left; width:33.3%}
.section-test-result .result-area .grade > span {display:block; padding-left:58px; font-size:18px; font-weight:700}
.section-test-result .result-area .grade .img {width:206px; height:321px; margin:46px auto}
.section-test-result .nodata-area.test {height:534px; border:1px #fbfbfb solid; border-radius:0; background:#fbfbfb}
.section-test-result .nodata-area.test p {margin-top:115px; padding-top:110px; font-weight:700; font-size:28px; color:#1c2b3c; background:url(../images/content/bg-nodata2.png) 50% top no-repeat}
.section-test-result .nodata-area.test p > span {display:block}
.section-test-result .nodata-area.test .btn-o {margin-top:15px; padding:0 35px 0 20px; font-size:14px; color:#fff; background:#f88703 url(../images/common/bg-arr-right.png) 90% center no-repeat; background-size:5px 8px}
.section-test-result .tbl-list2 table tr th:first-child {text-indent:0; overflow:visible}
.section-test-result .tbl-list2 table tr th:first-child+th {text-align:center; padding-left:0}
.section-test-result .tbl-list2 table tr th,
.section-test-result .tbl-list2 table tr td {height:60px; font-weight:700}
.section-test-result .tbl-list2 table tr td {font-weight:400}
.section-test-result .tbl-list2 table tr td.grade {padding-left:104px; text-align:left}
.section-test-result .tbl-list2 table tr td.grade strong {font-weight:700; color:#ed1b2f}
.section-test-result .tbl-list2 table tr td .btn-o {height:30px; line-height:28px; padding:0 10px; font-size:14px; color:#fff; background:#f88703}
.section-test-result .tbl-list2 table tr.nodata td {height:323px}
.section-test-result .tbl-list2 table tr.nodata td .nodata-area {height:323px; border:1px #fff solid; border-radius:0}
.section-test-result .tbl-list2 table tr.nodata td .nodata-area p {margin-top:98px}
.section-test-result .tbl-list2 .paginate.type2 {padding-top:50px}
/* 검사 결과 상세 */
.section-test-detail h3::after {content:""; display:block; clear:both}
.section-test-detail h3 span {float:right; font-weight:normal; font-size:16px; color:#858383}
.section-test-detail h3 .list {float:right; margin-top:6px; font-size:14px; color:#969696}
.section-test-detail h3 .list ul::after {content:""; display:block; clear:both}
.section-test-detail h3 .list ul li {float:left; position:relative; margin-left:22px; padding-left:17px}
.section-test-detail h3 .list ul li::after {content:""; display:block; position:absolute; top:50%; left:0; width:9px; height:9px; margin-top:-4px; border-radius:5px}
.section-test-detail h3 .list ul li.my::after {content:""; background:#ff7151}
.section-test-detail h3 .list ul li.team::after {content:""; background:#ffba00}
.section-test-detail h3 .list ul li.grade::after {content:""; background:#23c7fd}
.section-test-detail .result-area {border:3px #0684be solid}
.section-test-detail .result-area .grade {margin-top:-15px; padding:0 45px;}
.section-test-detail .result-area .grade .img {position:relative; width:130px; height:203px; margin:0 auto 20px}
.section-test-detail .result-area .grade .img span {position:absolute; top:0; left:-60px; padding-left:0; font-size:18px; font-weight:700}
.section-test-detail .result-area .grade .img img {width:100%}
.section-test-detail .result-area .grade .average ul li {height:58px; line-height:58px; padding:0 13px; border-top:1px #ccc dashed}
.section-test-detail .result-area .grade .average ul li::after {content:""; display:block; clear:both}
.section-test-detail .result-area .grade .average ul li > span {float:left; font-size:18px; font-weight:700}
.section-test-detail .result-area .grade .average ul li strong {float:right; font-size:26px; color:#f98804}
.section-test-detail .result-area .grade .average ul li.now.up strong {color:#ed1b2f}
.section-test-detail .result-area .grade .average ul li.now.down strong {color:#23c7fd}
.section-test-detail .result-area .grade .average ul li.now strong span {display:inline-block; width:15px; height:58px; line-height:58px; margin:0 2px; text-indent:-9999px}
.section-test-detail .result-area .grade .average ul li.now.up strong span {background:url(../images/content/bg-arr-red-top.png) right center no-repeat}
.section-test-detail .result-area .grade .average ul li.now.down strong span {background:url(../images/content/bg-arr-blue-bottom.png) right center no-repeat}
.section-test-detail .tbl-list2 table tr td {height:107px; font-weight:bold; font-size:17px}
.section-test-detail .tbl-list2 table tr td:first-child {color:#909090}
.section-test-detail .tbl-list2 table tr td.grade {padding-left:0; text-align:center; font-size:18px; font-weight:700; color:#ffa200}
.section-test-detail .tbl-list2 table tr td.cont {padding:0 34px; line-height:1.4em; text-align:left; font-weight:normal; font-size:14px; word-wrap:break-word; word-break:keep-all}
.section-test-detail .tbl-list2 table tr td.graph {padding-left:36px}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li {position:relative; height:19px; line-height:19px; vertical-align:middle}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li .reply {display:iniine-block; width:300px; height:19px; line-height:19px; text-align:left}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li .reply span.rate {display:inline-block; position:relative; height:9px; border-top-right-radius:5px; border-bottom-right-radius:5px}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li .reply strong {position:absolute; left:calc(100% + 10px); top:50%; display:inline-block; margin-top:-11px; font-size:14px}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li.my-avg .reply span.rate {background:#ff7151}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li.my-avg .reply strong {color:#ff7151}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li.team-avg .reply span.rate {background:#ffba00}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li.team-avg .reply strong {color:#ffba00}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li.grade-avg .reply span.rate {background:#23c7fd}
.section-test-detail .tbl-list2 table tr td.graph .cont-area ul li.grade-avg .reply strong {color:#23c7fd}
.section-test-detail .tbl-list2 .btn-submit {padding-top:50px}
.section-test-detail .tbl-list2 .btn-submit a {padding:0 40px}

/* 사이버 아카데미 소개 */
/* #header.intro {outline:1px red solid} */
#container .content.section-intro {padding-bottom:0; background:url(../images/common/bg-header2.png) 100% 0  repeat-x #3b4d67;}
#container .content.section-intro .contents-area {padding:0px 0 28px; background:#3b4d67;} /* pjy 2004 1줄 수정*/
#container .content.section-intro .contents-area.bg.ball {position:relative; padding-bottom:146px}
#container .content.section-intro .contents-area.bg.ball::after {content:""; position:absolute; bottom:0; right:50%; display:block; width:750px; height:777px; background:url(../images/content/bg-intro-ball.png) center center no-repeat}
.section-intro h2 {padding-top:0px; padding-bottom:0; text-align:center;  letter-spacing:-0.025em}
.section-intro .header {text-align:center}
.section-intro .inner::after {content:""; display:block; clear:both}
.section-intro .inner .intro-list {float:right; width:50%; margin-top:130px; padding-left:45px}
.section-intro .inner .intro-list ul li ~ li {margin-top:92px}
.section-intro .inner .intro-list ul li .tit {position:relative; font-size:28px; font-weight:700; color:#0684be}
.section-intro .inner .intro-list ul li .tit::before {content:""; display:block; position:absolute; top:-6px; left:-13px; width:16px; height:17px; background:url(../images/content/bg-welcome.png)center center no-repeat}
.section-intro .inner .intro-list ul li .tit span {display:block; padding-top:10px; color:#ed1b2f}
.section-intro .inner .intro-list ul li p {padding-top:23px; line-height:1.45em; font-size:18px; color:#6a6a6a}
.section-intro .inner .intro-list ul li p span {display:block}
.section-intro .contents-area.bg.y h2 {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.section-intro .summary {margin-top:88px; text-align:center}
.section-intro .summary .summary-list1 ul {padding:0 70px}
.section-intro .summary .summary-list1 ul::after {content:""; display:block; clear:both}
.section-intro .summary .summary-list1 ul li {float:left; width:520px; padding:42px 0 35px; text-align:center; border-radius:150px}
.section-intro .summary .summary-list1 ul li .tit {font-size:24px; font-weight:700; color:#ed1b2f}
.section-intro .summary .summary-list1 ul li p {margin-top:9px; line-height:1.45em; font-size:18px; font-weight:700; color:#515151}
.section-intro .summary .summary-list1 ul li p span {display:block}
.section-intro .summary .summary-list1 ul li.build {background:rgba(255,255,255,1)}
.section-intro .summary .summary-list1 ul li.solution {position:relative; margin-left:-80px; background:rgba(254,130,38,.65)}
.section-intro .summary .summary-list1 ul li.solution::after {content:"더하기"; display:block; position:absolute; top:50%; left:20px; width:43px; height:43px; margin-top:-22px; font-size:0; text-indent:-9999px; background:url(../images/content/bg-plus.png)center center no-repeat}
.section-intro .summary .summary-list1 ul li.solution .tit {color:#fff}
.section-intro .summary > p {margin-top:38px; font-size:18px; font-weight:700; line-height:1.55em}
.section-intro .summary > p span {display:block}
.section-intro .summary .summary-list2 ul {margin-top:33px; padding:0 110px 84px}
.section-intro .summary .summary-list2 ul::after {content:""; display:block; clear:both}
.section-intro .summary .summary-list2 ul li {float:left; width: calc(25% - 19.5px); height:200.5px; border-radius:150px; background:#ffeeb3; box-shadow:4px 4px 4px rgba(255,175,0,.7)}
.section-intro .summary .summary-list2 ul li ~ li {margin-left:26px}
.section-intro .summary .summary-list2 ul li::before {content:""; display:inline-block; height:100%; margin-left:-1px; vertical-align:middle}
.section-intro .summary .summary-list2 ul li p {display:inline-block; margin:0; padding:0; vertical-align:middle; line-height:1.5em; font-size:16px; font-weight:700}
.section-intro .summary .summary-list2 ul li p span {display:block}
.section-intro .feature .feature-list {position:relative; margin-top:90px;}
.section-intro .feature .feature-list .diagram {position:absolute; top:0; left:50%; width:411px; height:424px; margin-left:-205.5px; background:url(../images/content/temp-graph-intro.jpg) no-repeat}
.section-intro .feature .feature-list .diagram span {position:absolute; font-size:24px; font-weight:700; color:#fff}
.section-intro .feature .feature-list .diagram span.access {top:150px; left:85px}
.section-intro .feature .feature-list .diagram span.expand {top:150px; right:85px}
.section-intro .feature .feature-list .diagram span.interact {bottom:95px; left:50%; margin-left:-55.5px}
.section-intro .feature .feature-list > ul {width:100%; height:710px}
.section-intro .feature .feature-list > ul > li {position:absolute}
.section-intro .feature .feature-list > ul > li.access {top:60px; left:0}
.section-intro .feature .feature-list > ul > li.expand {top:60px; right:0}
.section-intro .feature .feature-list > ul > li.interact {bottom:88px; left:50%; margin-left:-150px}
.section-intro .feature .feature-list > ul > li > p {position:relative; text-align:center; font-size:22px; font-weight:700}
.section-intro .feature .feature-list > ul > li.access > p {color:#0684be}
.section-intro .feature .feature-list > ul > li.expand > p {color:#ed1b2f}
.section-intro .feature .feature-list > ul > li.interact > p {color:#f6b300}
.section-intro .feature .feature-list > ul > li > p::before,
.section-intro .feature .feature-list > ul > li > p::after {content:""; display:block; position:absolute; top:2px; width:26px; height:22px; font-size:0; text-indent:-9999px}
.section-intro .feature .feature-list > ul > li.access > p::before {content:"큰 따옴표"; left:22px; background:url(../images/content/bg-quotes-b1.png)center center no-repeat}
.section-intro .feature .feature-list > ul > li.access > p::after {content:"큰 따옴표"; right:22px; background:url(../images/content/bg-quotes-b2.png)center center no-repeat}
.section-intro .feature .feature-list > ul > li.expand > p::before {content:"큰 따옴표"; left:13px; background:url(../images/content/bg-quotes-r1.png)center center no-repeat}
.section-intro .feature .feature-list > ul > li.expand > p::after {content:"큰 따옴표"; right:13px; background:url(../images/content/bg-quotes-r2.png)center center no-repeat}
.section-intro .feature .feature-list > ul > li.interact > p::before {content:"큰 따옴표"; left:-43px; background:url(../images/content/bg-quotes-y1.png)center center no-repeat}
.section-intro .feature .feature-list > ul > li.interact > p::after {content:"큰 따옴표"; right:-43px; background:url(../images/content/bg-quotes-y2.png)center center no-repeat}
.section-intro .feature .feature-list > ul > li > p span {display:block}
.section-intro .feature .feature-list > ul > li > ul {margin-top:27px}
.section-intro .feature .feature-list > ul > li > ul > li {position:relative; padding-left:14px; line-height:1.4em; font-size:16px}
.section-intro .feature .feature-list > ul > li > ul > li ~ li {margin-top:10px}
.section-intro .feature .feature-list > ul > li > ul > li::after {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; margin-top:-2px; border-radius:5px; background:#adadad}
.section-intro .feature .feature-list > ul > li > ul > li span {display:block}
.section-intro .composition {position:relative; margin-top:90px; padding-bottom:80px}
.section-intro .composition:after {content:""; display:block; clear:both}
.section-intro .composition > div.tit {position:absolute; left:50%; top:196px; z-index:1; width:200px; height:200px; margin-left:-100px; border-radius:200px; text-align:center; box-shadow:0 0 10px rgba(0, 0, 0, 0.09); background:#fff}
.section-intro .composition > div.tit p {display:inline-block; position:relative; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); line-height:1.25; font-weight:bold; font-size:24px; color:#0684be}
.section-intro .composition > div.tit p:after {content:""; position:absolute; left:34px; top:-5px; width:16px; height:17px; background:url(../images/content/bg-welcome.png) no-repeat}
.section-intro .composition > div.tit p > span {display:block}
.section-intro .composition > div.tit p > strong {color:#ed1b2f}
.section-intro .composition ul {float:left; margin-top:70px}
.section-intro .composition ul li {width:464px; height:110px}
.section-intro .composition ul li ~ li {margin-top:10px}
.section-intro .composition ul li:after {content:""; display:block; clear:both}
.section-intro .composition ul li > div.tit {float:right; position:relative; width:134px; height:110px; text-align:center; background:#0684be}
.section-intro .composition ul li > div.tit:after {content:""; position:absolute; left:-9px; top:50%; width:0; height:0; margin-top:-10px; border-right:10px solid #0684be; border-top:10px solid transparent; border-bottom:10px solid transparent}
.section-intro .composition ul li > div.tit > strong {display:inline-block; position:relative; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); line-height:1.3; color:#fff; font-size:18px}
.section-intro .composition ul li > div.tit > strong > span {display:block}
.section-intro .composition ul li > div.des {float:left; width:calc(100% - 134px); height:110px; padding:23px 23px 0 0; line-height:1.6; font-size:14px; color:#686868; text-align:right; background:#fff}
.section-intro .composition ul li > div.des > span {display:block}
.section-intro .composition ul.type2 {float:right; margin-top:0}
.section-intro .composition ul.type2 li > div.tit {float:left}
.section-intro .composition ul.type2 li > div.des {float:right; padding:23px 0 0 23px; text-align:left}
.section-intro .composition ul.type2 li > div.tit:after {left:auto; left:initial; right:-9px; border-right:none; border-left:10px solid #0684be}
.section-intro .service {margin-top:80px; text-align:center}
.section-intro .service > strong.tit {display:inline-block; position:relative; width:242px; height:49px; line-height:49px; margin-top:68px; font-size:28px; color:#fff; border-radius:2em;}
.section-intro .service > p.des {padding-top:40px; line-height:1.6; font-size:18px; color:#6a6a6a}
.section-intro .service > p.des > span {display:block}
.section-intro .service .list {padding-top:75px}
.section-intro .service .list:after {content:""; display:block; clear:both}
.section-intro .service .list ul {float:left; width:calc(20% - 8px)}
.section-intro .service .list ul ~ ul {margin-left:10px}
.section-intro .service .list ul li {height:65px; line-height:65px; font-size:18px; color:#6a6a6a; text-align:center; border-radius:1em; background:#f1f1f1}
.section-intro .service .list ul li ~ li {margin-top:10px}
.section-intro .service .list ul li.tit {font-weight:bold; color:#fff; background:#fe8226}
.section-intro .service.player > strong.tit {background:#fe8226}
.section-intro .service.player > strong.tit:after {content:""; position:absolute; left:50%; top:-65px; width:106px; height:68px; margin-left:-53px; background:url(../images/content/ico-users.png) 50% 0 no-repeat}
.section-intro .service.coach {margin-top:65px}
.section-intro .service.coach .list ul {width:calc(25% - 7.5px)}
.section-intro .service.coach .list ul li.tit {background:#0684be}
.section-intro .service.coach > strong.tit {background:#0684be}
.section-intro .service.coach > strong.tit:after {content:""; position:absolute; left:50%; top:-65px; width:44px; height:67px; margin-left:-22px; background:url(../images/content/ico-coach.png) 50% 0 no-repeat}
/* 아카데미 소개(new) */
/* 아카데미 소개 */
#container .content.section-intro .inner.slide {width:1100px;  padding:0 30px}
.section-intro .sub-section001 {position:relative; top:0px;}
.section-intro .sub-section001 p {background:url(../images/content/titlebar01.png) center no-repeat; margin-left:68px; width:383px; height:49px; line-height:49px; text-align:center; font-size:20px; color:#fff;}
.section-intro .sub-section001 span {display:block; margin-top:50px; margin-bottom:7px; text-align:center; font-size:25px; font-weight:600; line-height:49px }
.section-intro .sub-section001 span span {display:block; margin-bottom:7px; color:#ffffff;}
.section-intro .sub-section002 {position:relative; top:20px;}
.section-intro .sub-section002 span {margin-left:76px; margin-top:50px; margin-bottom:7px; font-size:18px; font-weight:400; line-height:32px } /*  pjy 2006 수정 */
.section-intro .sub-section002 span span {display:block; margin-bottom:7px; color:rgba(255,255,255,0.70);}
#container .content.section-intro .contents-area002 {padding:300px 0 100px;} /*  pjy 2006 수정 */
.section-intro .contents-area002 .sub-section001 span {display:block; margin-top:50px; margin-bottom:7px; text-align:center; font-size:25px; font-weight:600; line-height:47px }
.section-intro .contents-area002 .sub-section001 span span {display:block; margin-bottom:7px; color:rgba(59,77,103,1.00);}
.section-intro .contents-area002 .sub-section002 {position:relative; top:20px;}
.section-intro .contents-area002 .sub-section002 span {display:block; margin-left:76px; margin-top:50px; margin-bottom:7px; font-size:17px; font-weight:500; line-height:25px }
.section-intro .contents-area002 .sub-section002 span span {display:block; margin-bottom:7px; color:rgba(59,77,103,0.75);}

/* 교육 목적 및 차별성 pjy 2006 수정 시작*/
#container .content.section-intro .inner.slide {width:1100px;  padding:0 30px;}
.section-intro .intro-image001 {position:relative; width:100%; height:540px; top:10px;  background:url(../images/content/intro-image01.png) center no-repeat; font-size:19px; font-weight:700; text-align:center; color:#555555;}
.section-intro .intro-image001 .intro-text011 {position:relative; left:70px; width:300px; height:150px; top:121px; font-size:16px; color:#e75382;}
.section-intro .intro-image001 .intro-text01 {position:relative; left:70px; width:300px; height:30px; top:0px; color:#ffffff;}
.section-intro .intro-image001 .intro-text021 {position:absolute; left:720px; width:300px; height:30px; top:260px; font-size:16px; color:#46b8b8;}
.section-intro .intro-image001 .intro-text02 {position:absolute; left:720px; width:300px; height:30px; top:288px; color:#ffffff;}
.section-intro .intro-image001 .intro-text03 {position:absolute; left:476px; width:150px; height:100px; top:202px;}
.section-intro .intro-image001 .intro-text041 {position:absolute; left:505px; width:300px; height:30px; top:440px; font-size:16px; color:#00194b;}
.section-intro .intro-image001 .intro-text04 {position:absolute; left:505px; width:300px; height:30px; top:468px; color:#ffffff;}
.section-intro .intro-image006 {position:relative; width:100%; height:177px; top:30px; background:url(../images/content/intro-image07.png) center no-repeat;}
.section-intro .intro-image006 .intro-box010 {position:relative; top:15px; text-align:center; color:#ffffff;}
.section-intro .intro-image006 .intro-box010 .intro-box011 {width:200px; margin:38px 24px 0px 24px; font-size:19px; font-weight:600; display:inline-block; vertical-align:middle;}
.section-intro .intro-image006 .intro-box010 .intro-box012 {width:204px; margin:166px 10px 0px 10px; font-size:18px;  line-height:30px; display:inline-block; vertical-align:text-top;}
.section-intro .intro-image007 {position:relative; width:100%; height:786px; top:-20px;  margin:0px 0px 80px 0px; background:url(../images/content/intro-image-eng04.png) center no-repeat;}
.section-intro .intro-image007 .intro-box010 {position:relative; top:0px; text-align:center; color:#ffffff;}
.section-intro .intro-image007 .intro-box010 .intro-box011 {position:relative; left:2px; width:170px; margin:27px 30px 0px 30px; font-size:19px; font-weight:600; display:inline-block; vertical-align:middle; color:#3b4d67;}
.section-intro .intro-image007 .intro-box010 .intro-box011 p {font-size:50px;}
.section-intro .intro-image007 .intro-box010 .intro-box012 {width:170px; margin:56px 30px 0px 30px; font-size:14px; text-align:left;  line-height:25px; display:inline-block; vertical-align:text-top;}
.section-intro .intro-image007 .intro-box010 .intro-box012 p {color:#ffff3d; font-weight:600; font-size:15px;}
.section-intro .intro-image007 .intro-box010 .intro-box012 .curri-list {margin:0 3px 0 -19px;}
.section-intro .intro-image007 .intro-box010 .intro-box013 {position:relative; left:2px; width:212px; margin:122px 30px 0px 35px; font-size:17px; font-weight:600; display:inline-block; vertical-align:middle; color:#ffffff;}
.section-intro .sub-section003 {position:relative; top:0px;}
.section-intro .sub-section003 p {background:url(../images/content/titlebar01.png) center no-repeat; margin: auto; width:505px; height:49px; line-height:49px; text-align:center; font-size:20px; color:#fff;} /* 206024 pjy  */
.section-intro .sub-section003 span {display:block; margin-top:80px; margin-bottom:7px; text-align:center; font-size:21px;  line-height:40px; letter-spacing:1px;}
.section-intro .sub-section003 span span {display:block; margin-bottom:7px; color:#fff;}
/* 2060 pjy
.section-intro .sub-section004 {position:relative; top:60px;}
.section-intro .sub-section004 span {display:block; margin-left:76px; margin-top:10px; margin-bottom:50px; font-size:18px; font-weight:400; line-height:32px;}
.section-intro .sub-section004 span span {display:block; margin-bottom:7px; color:#fff;}
2060 pjy */
.section-intro .sub-section007 span span {display:block; margin-bottom:7px; text-align:center; font-size:22px; line-height:40px; letter-spacing:1px; color:#ffffff;}
#container .content.section-intro .contents-area002 {background:#3b4d67;} /* 190822 차별성 관련 추가/pjy */
/* 교육 목적 및 차별성 pjy 2006 수정 끝*/

/* 지도자 자격체계 (예전 커리큘럼 Overview) pjy 2006 수정 시작 */
#container .content.section-process .contents-area.bg.lg .sub-section005 p {position:relative; height:120px; text-align:left; font-size:17px; color:#ffffff; line-height:140%;}
#container .content .contents-area.bg.lg .sub-section006 p {height:20px; text-align:left; font-size:14px; color:#4c9bff;}
#container .content.section-process .contents-area.bg.lg .tbl-list.label-01 {background:url(../images/content/label01.png) no-repeat;}
#container .content.section-process .contents-area.bg.lg .tbl-list.label-01 table th {border-bottom:1px;}
#container .content .contents-area.bg.lg .tbl-list.label-02 {background:url(../images/content/label02.png) no-repeat;}
/* 지도자 자격체계 (예전 커리큘럼 Overview) pjy 2006 수정 끝  */

/* 수료 기준 (예전 학습 과정)  pjy 2004 수정 시작 */
#container .content.section-process .contents-area.bg.lg {background:url(../images/common/bg-board09.png) 50% 0 repeat-x; margin-bottom:-155px; }
#container .content.section-process .contents-area.bg.lg .contents-area003 {background:url(../images/common/bg-board10.png) 50% 0 repeat-x;}
#container .content.section-process .contents-area.bg.lg .tbl-list {margin-top:0px; background:url(../images/content/intro-image04.png) no-repeat;}
#container .content.section-process .tbl-list table th {height:35px}
/* 수료 기준 (예전 학습 과정)  pjy 2004 수정 끝 */

/* 교육 구조 및 목표  pjy 2006 수정 시작 */
#container .section-intro .intro-image002  {position:relative; width:100%; height:595px; top:70px; margin-bottom:100px;  background:url(../images/content/intro-image02.png) center no-repeat;}
#container .section-intro .intro-image002 .intro-box020 {position:relative; top:6px; text-align:center; color:#ffffff;}
#container .section-intro .intro-image002 .intro-box020 .intro-box021 {position:relative; left:0px; top:255px; width:210px; padding:30px 40px 380px 40px; font-size:17px; font-weight:700; color:#ffff3d;}
#container .section-intro .intro-image002 .intro-box020 .intro-box022  { width:200px; margin:38px 2px 40px 60px; font-size:18px; font-weight:700; display:inline-block; vertical-align:middle;}
#container .section-intro .intro-image002 .intro-box020 .intro-box024  { width:500px; margin:38px 24px 40px 24px; font-size:16px; text-align:left; display:inline-block; vertical-align:middle;}
#container .section-intro .intro-image002 .intro-box020 .intro-box024 p {color:#ffff3d; font-weight:500;}
#container .section-intro .intro-image002 .intro-box020 .intro-box024 .curri-list {margin:0 3px 0 -17px;}
/* 교육 구조 및 목표  pjy 2006 수정 끝 */

/* KHA Structure pjy 2004 수정 시작 */
#container .section-intro .intro-image-eng002  {position:relative; width:100%; height:1454px; top:0px; margin-bottom:100px;  background:url(../images/content/intro-image-eng02.png) center no-repeat;}
#container .section-intro .intro-image-eng002 .intro-box020 {position:absolute; left:90px; top:93px; width:100%; color:#ffffff; text-align:center;}
#container .section-intro .intro-image-eng002 .intro-box020 .intro-box022 {position:relative; left:110px; top:125px; width:700px; color:#ffffff; font-size:60px; font-weight:700;}
#container .section-intro .intro-image-eng002 .intro-box020 .intro-box023 {position:relative; left:110px; top:122px; width:700px; color:#ffffff; font-size:20px;}
#container .section-intro .intro-image-eng002 .intro-box020 .intro-box024 {position:relative; left:102px; top:125px; width:650px; color:#ffffff; font-size:14px; padding:30px 20px 66px 90px; text-align:left;  line-height:140%; }
#container .section-intro .intro-image-eng002 .intro-box020 .intro-box024 p {color:#ffff3d; font-weight:600; font-size:17px;}
#container .section-intro .intro-image-eng002 .intro-box020 .intro-box024 .curri-list {margin:0 3px 0 -17px;}
/* KHA Structure pjy 2004 수정 끝 */

/* Country Classification pjy 2004 수정 시작 */
#container .section-intro .intro-image-eng003  {position:relative; float:left; width:100%; height:970px; top:0px; margin-bottom:100px;  background:url(../images/content/intro-image-eng03.png) center no-repeat;} /* pjy 2006 수정 */
/* Country Classification  pjy 2004 수정 끝 */


/* 진행 중인 수업 배경 */
#container .content.section-online-detail.list-detail .contents-area.bg.lg {background:url(../images/content/bg-bar01.jpg) 50% 0 repeat-x #3b4d67;}
/* 수강이력 배경 */
#container .content.section-my-class .contents-area.bg.lg {background:url(../images/common/bg-board05.png) 50% 0 repeat-x #ffffff;}
/* 학습이력 배경 */
#container .content.section-my-class.progress-list .contents-area.bg.lg {background:#3b4d67;}
/* (온라인)세부 교육 콘텐츠 배경 */
#container .content.section-online-search.detail .contents-area.bg.lg {background:url(../images/common/bg-board06.png) 50% 0 repeat-x #ffffff;}
/* FAQ 게시판 배경 */
#container .content.section-faq .contents-area {background:url(../images/common/bg-board07.png) 50% 0 repeat-x #ffffff;}
/* 설문 조사 배경 */
#container .section-survey-list .contents-area {background:url(../images/common/bg-board08.png) 50% 0 repeat-x #ffffff;}