@charset "Utf-8";#scB { clear:both; width:100%; min-width:100%; margin:0; padding:0; }
#sc { width:1100px; margin:0px auto 50px auto; min-height:670px; padding:0 200px; }

/* 공통타이틀*/
.sc-tt { font-size:28px; color:#2359b5; font-weight:700; border-bottom:solid 1px #eee; padding:0 0 10px 20px; margin-bottom:20px; overflow:hidden; background:url(../../Public_html/Images/Common/icon-tit.png) no-repeat 2px 9px; }
.sc-tt span.sc-tt-step { float:right; position:relative; top:10px; right:0; color:#666; font-size:14px; font-weight:400; }
.sc-tt span.sc-tt-step a { color:#666; }
.sc-tt span.sc-tt-step span { margin:0 5px; }
.sc-tt span.sc-tt-step .thispage { font-weight:500; color:#333; }
ul.sc-tt-list { position:relative; top:-10px; display:inline-block; float:right; margin:0 20px 0 0; padding:0; }
ul.sc-tt-list li { float:left; font-size:13px; }
ul.sc-tt-list li a { color:#7f7f7f; }
ul.sc-tt-list li.bar { color:#dee3eb; margin:0 9px }
ul.sc-tt-list li:hover { color:#4970ae }
.sc-stt { clear:both; font-size:18px; color:#999; margin:10px 0 0 0; padding:0; line-height:150%; }
.s-mt:hover { text-decoration:none; }

/*///////////////////////////////////*수강신청//////////////////////////////////////**/

/* 수강신청(TABMENU) UI CSS는 tabmenu.css를 ì°¸ê³
#sc .sc-o { margin:0; padding:0; }
.sc-o .trans-tab { margin:16px 0 0 0; } */


#sc .sc-o { margin:0; padding:0; }
.sc-o ul.sc-o-tab { margin:16px 0 0 0; border-top:1px solid #dedede; }
.sc-o ul.sc-o-tab li { padding:15px 40px; float:left; }
.sc-o ul.sc-o-tab li a { color:#999; font-size:14px; }
.sc-o ul.sc-o-tab li.active { background:#535353; }
.sc-o ul.sc-o-tab li.active a { color:#fff; font-size:14px; }

.sc-o-list { clear:both; border-top:2px solid #535353; padding:20px 0 0 0; margin:0; }

/*수강신청 상세 페이지- 과정구성*/
.lec-form { margin-top:20px; overflow:hidden; }
.lec-form > div:first-child { font-size:18px; font-weight:500; margin-bottom:20px; }
.lec-List { border:solid 1px #ccc; padding:20px 10px; margin-bottom:20px; border-radius:10px; } /*border:solid 1px #ddd; border-radius:5px; background:#fff; padding:20px; } */
.lec-List .tt { color:#333; font-weight:700; font-size:17px; padding-left:25px; background:url(../../Public_html/Images/Common/icon-dot01.png) no-repeat 3px; }
.lec-List .tts { color:#333; font-weight:700; font-size:15px; padding-left:25px; background:url(../../Public_html/Images/Common/icon-dot01.png) no-repeat 3px; }
.lec-List-book { padding-left:23px; background:url(../../Public_html/Images/Common/icon-book.png) no-repeat 0 2px; font-size:12px; color:#0977c9; }
.lec-timg img { width:100%; height:150px; border:solid 1px #ddd; } /*상단이미지*/


/*수강신청 상세 교재부분*/
.lec-book { margin-top:20px; overflow:hidden; }
.lec-book > div:nth-child(2n+1) { margin-right:0 !important; }

/*수강신청 상세 페이지-안내사항*/
.noTice { margin-top:20px; padding:20px; background:#fff; border:solid 1px #ddd; border-radius:5px; }
.noTice .tt { color:#333; font-weight:500; font-size:18px; color:#0977c9; padding-left:25px; background:url("../../Public_html/Images/Common/icon-info.jpg") no-repeat 0 2px; }
.noTice li { line-height:25px; }
.noTice li p { text-align:center; }
.noTice li:last-child { padding:10px 0 0 10px; }


/*학생할인과정-Epass-U*/
.epsU-text { font-size:15px; background:#fdfdfd; margin:20px 0; padding:5px 15px 15px 15px; line-height:24px; border:solid 1px #ccc; border-radius:5px; }
.epsU-text > div { margin-top:20px; }
.epsU-text > div:first-child { margin:none; }
.epsU-text > div span:first-child { color:#0977c9; font-weight:700; }
.epsU-text div div { margin:20px 0 0 10px; }
.epsU-text div div p .num { color:#fff !important; margin-right:10px; background:#0977c9; padding:2px 3px; }

/*///////////////////////////////////*회원가입//////////////////////////////////////**/
#joinB { clear:both; width:100%; min-width:100%; background:#eee; margin:0; padding:0 0 80px 0; }
#join { width:1080px; margin:0px auto; }
.join-tt { font-size:28px; color:#333; text-align:center; padding:40px 0; font-weight:500; }
ul.join-tab { margin:0; padding:0; }
ul.join-tab li { margin:0; padding:0; text-align:center; font-size:25px; padding:15px 0; float:left; }
ul.join-tab li:nth-child(2n-1) { width:161px; }
ul.join-tab li:nth-child(2n) span { font-size:20px !important; width:25px; color:#fff; background:#0977c9; border-radius:100%; padding:0 4px 2px 4px; }
ul.join-tab li a { color:#999; }
ul.join-tab li.active { border-bottom:2px solid #0977c9; color:#000; font-weight:500; }
ul.join-tab li.active a { color:#333; }

.join-area { clear:both; overflow:hidden; width:100%; margin:0; padding:0 0 80px 0; background:#fff; margin:0 } /*join-area : 무료세미나 신청완료에서도 사용 Lecture/Lecture_OFF_Free_Apply_Result.asp*/
.join-area .join-area-tt { padding:50px 0 20px 0; color:#333; font-size:18px; }
.join-area .join-area-tt > .tt { color:#333; font-size:25px; font-weight:500; line-height:150%; text-align:center; }
.join-area .join-area-tt > .stt { color:#666; font-size:15px; margin:15px 0 0 0; line-height:150%; text-align:center; }
.join-area .join-area-tt > .stt > span { color:#ff8f1c; font-weight:700; }
.join-area .join-area-cp { clear:both; margin:40px 50px; border-top:dotted 1px #333; }
.join-area .join-area-cp .coupon-tt { text-align:center; margin:0; padding:20px 0 0 0; color:#d31f63; font-size:25px; font-weight:700; }
.join-area .join-area-cp .coupon-list { margin:30px 0 0 0; padding:0; }
.join-area .join-area-cp .coupon-list-area { overflow:hidden; width:32%; margin:0 10px 10px 0; padding:10px 0; border:1px solid #999; background:#fcfcfc; float:left; }
.join-area .join-area-cp .coupon-list-area > .tt { color:#333; font-size:17px; font-weight:700; margin:0px 0 3px 0; text-align:center; }
.join-area .join-area-cp .coupon-list-area > .stt { color:#666; font-size:20px; margin:0 0 15px 0; text-align:center; }
.join-area .join-area-cp .coupon-list-area > .stt > span { margin:0 0 0 7px; color:#d31f63; font-weight:700; }
.join-area .join-area-cp .coupon-list-area p:nth-child(3) { margin:0 auto; width:200px; }
/*.join-area .join-area-cp .coupon-list-area p:nth-child(3) .btn { color:#fff; width:200px; } */
.join-area .join-area-cp .coupon-list-area:last-child { margin-right:0px; }

.join-area-info { clear:both; margin:0 0 0 50px; padding:0; }
.join-area-info .area-info-tt { margin:30px 0 0 0; color:#333; font-size:16px; font-weight:500; }
.join-area-info .area-info-txt { font-size:15px; padding:10px 0 0 10px; color:#666; width:94%; height:150px; margin:15px 0 0 0; border:1px solid #ddd; overflow-y:scroll }
.join-area-info .area-info-txt-2 { font-size:15px; padding:10px 0 0 10px; color:#666; width:94%; height:80px; margin:15px 0 0 0; border:1px solid #ddd; overflow-y:scroll }
.area-info-txt-2 .area-cont { color:#666; font-size:13px; margin:15px 30px 30px 15px; line-height:160%; }
.area-info-txt p.area-tt { color:#333; font-size:14px; font-weight:500; margin:0; padding:0 0 0 22px; background:url('../..../../Public_html/Images/Common/icon-dot01.jpg') no-repeat 0px 4px; }
.area-info-txt p.area-stt { color:#595959; font-size:14px; margin:10px 0 0 23px; padding:0 0 0 12px; background:url('../..../../Public_html/Images/Common/icon-dot02.jpg') no-repeat 0px 7px; }
.area-info-txt .area-cont { color:#666; font-size:13px; margin:15px 30px 30px 15px; line-height:160% }
.area-info-txt ul.area-cont-list { margin:0 60px 0 30px; padding:0; }
.area-info-txt ul.area-cont-list li { margin:0 0 7px 0; font-size:13px; padding:0 0 0 15px; background:url('../../Public_html/Images/Common/icon-dot03.jpg') no-repeat 0px 6px; }
.area-info-txt ul.area-cont-list li > a { color:#666; }
.area-info-txt ul.area-cont-list li a:hover { color:#999; }
.join-area .join-area-input { float:right; margin:0 50px 0 0; }
.join-area-input-all { clear:both; float:right; margin:0 50px 0 0; }
.join-area .join-area-btn { clear:both; margin:0 0 0 400px; padding:30px 0 0 0; }
.join-area .join-area-btn li { float:left; width:25%; margin:0 10px 0 0; text-align:center; padding:14px 0; cursor:pointer; border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; }
.join-area .join-area-btn li.ok { background:#567fbd; color:#fff; }
.join-area .join-area-btn li.ok a { color:#fff }
.join-area .join-area-btn li.no { background:#999; color:#fff; }
.join-area .join-area-btn li.no a { color:#fff; }

.join-area ul.join-area-inp { width:42%; min-height:238px; float:left; margin:20px 20px 0 0px; padding:15px; border:solid 1px #ddd; }
.join-area ul.join-area-inp li { margin-bottom:10px; }
.join-area ul.join-area-inp label { font-size:15px; display:inline-table; width:80px; }
.join-area ul.join-area-inp span { color:#000; font-size:14px; margin:0 8px; }
.join-area ul.join-area-inp .join-area-inp-btn { margin:20px 0 0 30px; background:#0b3b63; color:#fff; text-align:center; padding:14px 0; width:80%; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -moz-border-radius:2px; }
.join-area ul.join-area-inp .join-area-inp-btn a { color:#fff; }
.join-area ul.join-area-inp .join-area-inp-btn-2 { margin:0 0 0 20px; background:#999; color:#fff; text-align:center; padding:5px 0; width:30%; font-size:15px; cursor:pointer; border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; }
.join-area ul.join-area-inp .join-area-inp-btn-2:hover { color:#fff; background:#333; text-decoration:none; }
.join-area ul.join-area-inp .join-area-inp-ok { clear:both; margin:30px 0 0 0; text-align:center; padding:11px 0; background:#0b3b63; color:#fff; }
.join-area ul.join-area-inp .join-area-inp-ok a { color:#fff; }
.join-area ul.join-area-inp .join-area-inp-tip { clear:both; font-size:13px; padding:6px 0; }

.join-area-tip { clear:both; min-height:100px; background:#fff; margin:0; padding-bottom:20px; border-top:solid 2px #0b3b63; }
.join-area-tip > .tt { font-size:15px; font-weight:700; margin:25px 0 13px 70px }
.join-area-tip > .stt { font-size:14px;; margin:0 0 0 70px; line-height:150%; }



/* 로그인(Input관련 CSS는 common.css를 참고) */
#loginB { clear:both; width:100%; min-width:100%; background:#eee; height:498px; margin:0; padding:0; }
#login { width:1080px; margin:0px auto; }
.lg-tt { font-size:28px; color:#333; text-align:center; padding:40px 0; }
.lg-area { margin:0; padding:0; }
.lg-area .lg-area-l { width:490px; height:259px; border-top:1px solid #4970ae; background:#fff; float:left; margin:0 20px 0 0; padding:0 30px }
.lg-area .lg-area-l .lg-area-l-t { margin:45px 0 0 0; padding:0; }
.lg-area .lg-area-l .lg-area-l-t ul.l-t-input { float:left; margin:0; padding:0; }
.lg-area .lg-area-l .lg-area-l-t .l-t-btn { float:right; width:116px; height:75px; background:#0977c9; color:#fff; border-radius:2px; }
.lg-area .lg-area-l .lg-area-l-t .l-t-btn li { font-size:15px; text-align:center; line-height:75px; color:#fff; }
.lg-area .lg-area-l .lg-area-l-m { margin:0; padding:0; }
.lg-area .lg-area-l .lg-area-l-m ul.l-m-input { float:left; margin:0 0 15px 0; padding:o }
.lg-area .lg-area-l .lg-area-l-m ul.l-m-input li { float:left; }
.lg-area .lg-area-l .lg-area-l-m .l-m-btn { margin:18px 0 0 15px; float:left; font-size:15px; color:#666; }
.lg-area .lg-area-l .lg-area-l-m .l-m-btn a { color:#666; text-decoration:none; }
.lg-area .lg-area-l .lg-area-l-m .l-m-btn .l-m-btn-icon { position:relative; top:3px; left:0; margin:0 2px 0 0; }
.lg-area .lg-area-l .lg-area-l-b { clear:both; margin:0; font-size:14px; text-align:center; padding:4px 50px; background:#1ec800; border-radius:5px; }
.lg-area .lg-area-l .lg-area-l-b a { cursor:pointer; color:#fff; }

.lg-area .lg-area-r { width:450px; height:259px; border-top:1px solid #4970ae; background:url(../../Public_html/Images/Members/img_join.png) no-repeat 35px 50px #fff; float:left; margin:0; padding:0 30px; }
.lg-area .lg-area-r .lg-area-r-t { margin:50px 0 0 0; font-size:18px; color:#333; padding-left:180px; }
.lg-area .lg-area-r .lg-area-r-m { margin:25px 0 0 0; font-size:13px; color:#999; line-height:150%; padding-left:180px; }
.lg-area .lg-area-r .lg-area-r-b { margin:25px 0 0 0; padding:10px 0; }

/*.lg-area .lg-area-r .lg-area-r-b { margin:32px 0 0 0; background:#0b3b63; color:#fff; text-align:center; padding:10px 0; cursor:pointer; border-radius:5px; }
.lg-area .lg-area-r .lg-area-r-b a { color:#fff; } */

/* 아이디비밀번호 찾기 */
#login-fB { clear:both; width:100%; min-width:100%; background:#eee; height:785px; margin:0; padding:0; }
#login-f { width:1080px; margin:0px auto; }
.lg-f-tt { font-size:28px; color:#333; text-align:center; padding:40px 0; font-weight:500; }
ul.lg-f-tab { margin:0; padding:0; }
ul.lg-f-tab li { margin:0; padding:0; width:161px; text-align:center; font-size:20px; padding:15px 0; float:left; }
ul.lg-f-tab li a { color:#999; }
ul.lg-f-tab li.active { border-bottom:2px solid #4970ae; color:#333; font-weight:700; }
ul.lg-f-tab li.active a { color:#333; }
.lg-f-area { clear:both; width:100%; min-height:350px; overflow:hidden; background:#fff; margin:0; padding-bottom:20px; }
.lg-f-area .lg-f-area-tt { padding:50px 0 0 0; color:#333; font-size:18px; }
.lg-f-area .lg-f-area-tt > .tt { color:#333; font-size:18px; font-weight:700; line-height:150%; text-align:center; }
.lg-f-area .lg-f-area-tt > .stt { color:#666; font-size:15px; margin:5px 0 0 0; line-height:150%; text-align:center; }
.lg-f-area ul.lg-f-area-input { width:42%; float:left; margin:50px 20px 0 0px; padding:15px; border:solid 1px #ddd; border-radius:5px; }
.lg-f-area ul.lg-f-area-input li { margin-bottom:10px; }
.lg-f-area ul.lg-f-area-input label { font-size:15px; display:inline-table; width:80px; }
.lg-f-area ul.lg-f-area-input span { color:#000; font-size:14px; margin:0 8px; }
.lg-f-area .lg-f-area-btn { margin:20px 0 0 0px; color:#fff; text-align:center; padding:11px 0; border-radius:5px; display:inline-table; }
.lg-f-area .lg-f-area-btn:hover { text-decoration:none; background:#333; }

.lg-f-area-tip { clear:both; min-height:100px; background:#fff; margin:0; padding-bottom:20px; border-top:solid 2px #0b3b63; }
.lg-f-area-tip p { line-height:150%; }
.lg-f-area-tip > .tt { font-size:15px; font-weight:700; margin:25px 0 13px 70px }
.lg-f-area-tip > .stt { margin:0 0 0 70px; }

/*///////////////////////////////////*수험정보//////////////////////////////////////**/
.sc-exam { margin:0 0 62px 0; }
.sc-exam .trans-tab { margin:16px 0 0 0; }
.sc-ex-area { margin:20px 0 0 0; }
/* .sc-ex-area p.ex-area-tt { color:#333; font-size:17px; font-weight:700; margin:0; padding:0 0 0 22px; background:url('../..../../Public_html/Images/Common/icon-dot01.jpg') no-repeat 0px 6px; } */

.sc-ex-area p.ex-area-tt { color:#fff; font-size:1.2em; font-weight:700; margin:10px 0 10px 0; padding:5px 0 5px 22px; background:#0098dc; border-radius:5px; } /*background:url('../../Public_html/Images/Common/icon-dot01.jpg') no-repeat 0px 6px; */
.sc-ex-area p.ex-area-stt { color:#595959; font-size:16px; font-weight:bold; margin:10px 0 0 23px; padding:0 0 0 12px; background:url('../..../../Public_html/Images/Common/icon-dot02.jpg') no-repeat 0px 9px; }
.sc-ex-area div.ex-area-cont { color:#666; font-size:14px; margin:15px 0 30px 34px; line-height:160%; text-align:justify; word-break: break-all; }
.sc-ex-area div.ex-area-cont > p { margin:0 0 30px 0; }
.sc-ex-area div.ex-area-cont ul.ex-list { margin:0; padding:0; }
.sc-ex-area div.ex-area-cont ul.ex-list li { margin:0 0 7px 0; padding:0 0 0 15px; background:url('../../Public_html/Images/Common/icon-dot03.jpg') no-repeat 0px 9px; }
.sc-ex-area div.ex-area-cont ul.ex-list li a { color:#666; }
.sc-ex-area div.ex-area-cont ul.ex-list li a:hover { color:#999; }
.sc-ex-area .pd-LR12px ul li a { padding-left:12px !important; padding-right:12px !important; text-align:center; } /*탭메뉴 가로패딩 줄임*/

.basic div.sb-review-tt { overflow:hidden; padding-bottom:10px; border-bottom:1px solid #dbdbdb; } /**/
.basic ul.sb-tt { margin:17px 0 0 30px; padding:0; float:left; }
.basic ul.sb-tt li { float:left; color:#666; font-weight:500; font-size:14px; }
.basic ul.sb-tt li:last-child { margin-right:0px; }
.basic .sb-btn { border:1px solid #bbb; color:#222; font-size:13px; padding:6px 9px 5px 10px; }
.basic div.sb-review { clear:both; height:auto !important; }
.basic div.sb-review p { margin:0; padding:10px 30px; line-height:160%; font-size:13px; color:#999; font-weight:normal; }

/*///////////////////////////////////*이벤트//////////////////////////////////////**/
#sc .sc-e { margin:0; padding:0; }
.sc-e-list { clear:both; margin:20px 0 0 0; padding:0px; overflow:hidden; }
.sc-e-area { position:relative; float:left; margin:0 40px 30px 0; width:510px; height:320px; border:1px solid #e6e6e6; }
.sc-e-area:last-child { margin-right:0px; }
.sc-e-area-ing { position:absolute; top:15px; right:15px; background:#333; color:#fff; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-filter: alpha(opacity=80); opacity: 0.8; border:solid 1px #666; font-size:13px; padding:10px; }
.sc-e-area .sc-e-area-img { height:200px; background:#efefef; }
.sc-e-area .sc-e-area-img img { width:510px; height:200px; overflow:hidden; }
.sc-e-area ul.sc-e-area-info { margin:22px 0 22px 25px; padding:0; }
.sc-e-area ul.sc-e-area-info li.tt { color:#222; font-size:18px; line-height:155%; margin:0; padding:0; }
.sc-e-area ul.sc-e-area-info li.day { color:#999; font-size:14px; position:absolute; bottom:15px; }
.sc-e-area ul.sc-e-area-info li.day > span { color:#666; margin-right:10px; }


/** EVENT 상세페이지 **/
.sc-e-list-tt { margin:0; padding:0 0 30px 0; border-bottom:1px solid #e5e5e5; height:5px; }
.sc-e-list-tt ul.list-tt-l { float:left; margin:0; padding:0; }
.sc-e-list-tt ul.list-tt-l li { float:left; color:#222; font-size:18px; margin:0; padding:0; }
.sc-e-list-tt ul.list-tt-l li:last-child { position:relative; top:2px; }
.sc-e-list-tt ul.list-tt-l li.tip { margin:0 15px 0 0; font-size:13px; background:#ff8f1c; color:#fff; padding:5px 17px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; }
.sc-e-list-tt ul.list-tt-r { float:right; margin:0 20px 0 0; padding:0; }
.sc-e-list-tt ul.list-tt-r li { float:left; margin:10px 30px 0 0; padding:0; color:#888; font-size:13px; }
.sc-e-list-tt ul.list-tt-r li:last-child { margin-right:0px; }

.sc-e-list-img { clear:both; margin:60px 0 20px 0; }
.sc-e-list-imgdiv { margin:0 auto; }


.sc-e-list-ft { border-top:1px solid #e5e5e5; margin:0; padding:30px 0 0 0; }
.sc-e-list-ft ul.list-ft-btn { margin:0 0 0 470px; }
.sc-e-list-ft ul.list-ft-btn li { float:left; background:#0977c9; border:1px solid #0977c9; margin:0 0 40px 0; font-size:16px; padding:9px 45px 8px 45px; }
.sc-e-list-ft ul.list-ft-btn li a { color:#fff; }
.sc-e-list-ft ul.list-ft-btn li:hover { border:1px solid #bbb; color:#222; background:#fff; }
.sc-e-list-ft ul.list-ft-btn li:hover a { color:#222; }


/*///////////////////////////////////*내강의실//////////////////////////////////////**/
#sc .sc-mc { padding:0; margin:0 }
.sc-mc-st { color:#333; font-size:18px; font-weight:500; margin-bottom:20px; padding:0 0 10px 0; border-bottom:solid 1px #eee; } /*작은 타이틀-전체페이지사용*/
.sc-mc-st span { color:#666; font-size:14px; font-weight:500; }

.sc-mc-con { margin-top:20px; overflow:hidden; }

/*내강의실 - 강의 교재 구매 book_buy.asp*/
.sc-o-area .sc-o-area-br { height:100px; padding:40px 0 0 20px; border-right:solid 1px #ddd; width:160px !important; float:left; }
.sc-o-area .sc-o-area-br2 { padding-top:50px; text-align:center; width:120px !important; float:left; }

/*내강의실 메인 리스트 : myclass_main.asp*/
.sc-mc-list { margin-bottom:20px; overflow:hidden; }
.sc-mc-list > div { float:left; width:47%; min-height:115px; padding:10px; margin-bottom:20px; border:solid 1px #eee; border-right:solid 2px #009add; border-radius:5px; }
.sc-mc-list > div:hover { background:#fbfeff; }
.sc-mc-list > div:nth-child(odd) { margin-right:15px; }
.sc-mc-list > div:nth-child(even) { }
.sc-mc-list > div div:first-child { background:url(../..../../Public_html/Images/Common/icon-dot01.jpg) no-repeat 3px; padding-left:25px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sc-mc-list > div div:first-child a:hover { color:#000; text-decoration:none; }
.sc-mc-list > div div:nth-child(2) { margin-top:30px; }
.sc-mc-list > div div { background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 3px; padding-left:15px; margin:5px 0 0 10px; }

/* 내강의실 배너
.sc-mc-bn { margin-top:50px; border:solid 1px #ddd; padding:10px; height:36px; }
.sc-mc-bn li { float:left; width:19.8%; text-align:center; border-right:solid 1px #eee; }
.sc-mc-bn li:last-child { border-right:none; } */

/*내강의실 내정보 박스 myclass_main.asp / myclass_ing.asp*/
.sc-mc-me { float:left; overflow:hidden; height:150px; font-size:15px; margin-right:30px; border:solid 1px #ccc; border-radius:5px; }
/*.sc-mc-me div:first-child { border-right:none; padding:20px 5px 5px 5px; height:100px; width:105px; margin:0; background:#eee; text-align:center; } 아바타*/
.sc-mc-me div:first-child { width:5px; padding:0; height:100px; background:#fff; border-right:none; border-radius:5px; }
.sc-mc-me div { position:relative; float:left; overflow:hidden; height:110px; margin:10px; padding:0 30px 0 0px; border-right:solid 1px #ccc; }
.sc-mc-me div p { line-height:150%; }
.sc-mc-me div.dotDiv p { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 3px; line-height:180% !important; }
.sc-mc-me div:last-child { border-right:none; }

.sc-mc-n-area { width:100%; float:left; }
.sc-mc-n-area p.n-area-tt { margin:0; padding:0; color:#333; font-size:18px; font-weight:500; }
.sc-mc-n-area p.n-area-tt span { float:right; padding-right:5px; font-size:13px; line-height:24px; color:#666; }
.sc-mc-n-area .n-area-list li { line-height:200%; }
.sc-mc-n-area .n-area-list li:nth-child(odd) { float:left; color:#666; font-size:13.5px; width:76%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sc-mc-n-area .n-area-list li:nth-child(even) { float:left; font-size:12px; color:#999; width:20%; text-align:right; }
/*.sc-mc-con2 { border:solid 1px #ccc; border-radius:10px; padding:15px; line-height:24px; }
.sc-mc-con2 .dot-blue { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot05.png) no-repeat 3px; } */


/*진행중인과정 myclass_ing.asp, myclass-fp.asp */
.sc-mc-list01 { margin-top:20px; }
.sc-mc-list01 .sc-mc-sj { } /*종합*/
.sc-mc-list01 .sc-mc-sj td { background:#e5e5ee; padding:10px 5px; }
.sc-mc-list01 .sc-mc-sj td:first-child { font-weight:500; padding-left:12px !important; }
/*.sc-mc-list01 .sc-mc-sj .icon-plus { width:20px; background:url(../../Public_html/Images/Common/icon-plus01.png) #fcfcfc no-repeat 0 3px; } */
.sc-mc-list01 .sc-mc-pk { background:#c0c7d7; color:#113474 !important; font-size:18px !important; font-weight:700; text-align:left; padding-left:25px; } /*패키지*//*background-image: linear-gradient(#dbecf6, #dbecf6 0%, #ecf6fc 100%); */

/*수강중인강의 myclass_ing_view.asp*/
.sc-mc-view { overflow:hidden; border:solid 1px #ccc; border-radius:5px; padding:10px 10px 10px 20px; font-size:15px; }
.sc-mc-view li { float:left; border-bottom:solid 1px #eee; line-height:3em; }
.sc-mc-view li:first-child { width:10%; font-weight:700; background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 1px; padding-left:15px; }
.sc-mc-view li:last-child { width:80%; padding:0 20px; border-left:solid 1px #eee; }
.sc-mc-view ul:last-child li { border-bottom:none; }
.sc-mc-view li.lh { line-height:2em !important; padding:10px 20px; }

/*모바일 기기 초기화 myclass_device_reset.asp 무료세미나 신청완료에서도 사용 Lecture/Lecture_OFF_Free_Apply_Result.asp*/
.sc-mc-tBox { background:#fdfdfd; margin:20px 0; padding:15px; line-height:24px; border:solid 1px #ccc; border-radius:5px; }
.sc-mc-tBox .dotDiv { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 0 11px; line-height:180% !important; }
.sc-mc-tBox .dotDiv2 { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot05.png) no-repeat 0 11px; line-height:180% !important; }
.btn-B { width:200px; height:80px; vertical-align:middle; font-weight:700; font-size:25px; } /*큰버튼*/

/* 진도율 */

/*.jd-div div:first-child { float:left; margin:22px 10px 0 0; }
.jd-div div:last-child { float:left; margin:20px 0; width:930px; height:25px; background:#fff; } */
.jd-t { overflow:hidden; width:100%; border:solid 1px #333; border-radius:5px; text-align:right; font-size:14px; font-weight:700; color:#000; } 
.jd-tt { overflow:hidden; margin-top:-21px; margin-left:1px; border-radius:4px; height:20px; background:#8edaf3; } /*background-image: linear-gradient(to top, #0977c9 0%, #0951c9 100%); */

.jd2-div { margin-top:20px; overflow:hidden; padding:0 10px 0 0; height:45px; } 
.jd-t2 { overflow:hidden; width:100%; border:solid 2px #333; height:40px; line-height:40px; border-radius:5px; text-align:right; font-size:18px; font-weight:700; color:#000;; } 
.jd-tt2 { overflow:hidden; margin-top:-42px; margin-left:2px; height:40px; border-radius:4px; background-image: linear-gradient(to top, #8edaf3 0%, #5dbede 100%); } 

.jd-tt3 { overflow:hidden; margin-top:-42px; margin-left:2px; height:40px; border-radius:4px; background-image: linear-gradient(to top, #FF8000 0%, #FFA040 100%); }


.progress-marker {	position: absolute;	top: 2px;	bottom: 3px;	width: 1px;	border-left: 2px dashed #616161;}
.marker-label {	position: absolute;	top: -20px;	font-size: 12px;	white-space: nowrap;	transform: translateX(-50%); z-index: 3;}

/* 진도율 *
.jd-div { margin-top:20px; border-radius:5px; overflow:hidden; border:solid 1px #ccc; padding:0 15px; background:#eee; }
.jd-div > div { line-height:20px; }
.jd-div > div:first-child { float:left; margin:22px 10px 0 0; }
.jd-div > div:last-child { float:left; margin:20px 0; width:930px; height:25px; background:#fff; }
.jd-t { overflow:hidden; width:100%; height:25px; line-height:25px; border:solid 1px #ddd; text-align:right; font-size:15px; font-weight:700; color:#0977c9; }
.jd-tt { overflow:hidden; margin-top:-26px; height:25px; background-image: linear-gradient(to top, #0977c9 0%, #0951c9 100%); } /*background-image: linear-gradient(to right, #70bff0 0%, #00f2fe 100%); background-image: linear-gradient(to right, #70bff0 0%, #70bff0 0%, #70bff0 15%, #70bff0 33%, #ee609c 66%, #ee609c 100%); */

/*온라인 평가센터 팝업*/
.mc-pop-tip { width:820px; height:680px; overflow-y:auto; padding:10px; } /*overflow-x:hidden; verflow-y:auto; */


/*///////////////////////////////////*게시판(커뮤니티)//////////////////////////////////////**/
#sc .sc-bo { padding:0; margin:0; }
.sc-bo-list { margin:20px 0; }
.sc-bo-list .con-tit { text-align:left; overflow:hidden; text-overflow:ellipsis; padding-left:10px; }
.sc-bo-list .con-td { padding-left:10px; min-height:300px; line-height:24px; }

.np-text { border-top:solid 1px #747474; border-bottom:solid 1px #747474; height:40px; } /*다음글*/
.np-text div { display:table-cell; line-height:40px; }
.np-text div:first-child { width:100px; text-align:center; background:#f3f4f6; }
.np-text div:last-child { padding-left:15px }

.re-arrow { color:#0977c9; font-weight:700; font-size:20px; }


/*///////////////////////////////////도서구매////////////////////////////*/

/*도서 리스트 - Myclass/book_buy.asp */
.sc-o-area { overflow:hidden; margin:0 0 20px 0; padding:0 0 20px 0; width:100%; border:1px solid #ddd; }
.sc-o-area ul.sc-o-area-l { margin:12px 0 0 20px; float:left; width:67%; border-right:1px solid #ddd; }
.sc-o-area ul.sc-o-area-l li.tt { color:#333; font-weight:700; font-size:17px; margin:10px 0 0 0; }
.sc-o-area ul.sc-o-area-l li.tip { color:#f91f43; font-size:12.5px; margin:8px 0 0 0; }
.sc-o-area ul.sc-o-area-l li.teacher { margin:40px 0 0 0; color:#696969; font-size:12px; }
.sc-o-area ul.sc-o-area-l li.line { width:93%; height:1px; margin:8px 0 6px 0; background:#eee; padding:0 20px; }
.sc-o-area ul.sc-o-area-l li.info { color:#aaa9a9; font-size:11px; }
.sc-o-area ul.sc-o-area-l li.info .bar { font-size:9px; }
.sc-o-area .sc-o-area-r { margin:12px 0 0 20px; float:left; width:309px; }
.sc-o-area .sc-o-area-r ul.area-r-add { margin:0; padding:0; }
.sc-o-area .sc-o-area-r ul.area-r-add li span.before { text-decoration: line-through; font-size:14px; color:#999; margin:0 10px 0 0 }
.sc-o-area .sc-o-area-r ul.area-r-add li span.after { font-size:16px; font-weight:700; color:#f91f43; }
.sc-o-area .sc-o-area-r ul.area-r-add li span.sale { position:relative; top:3px; left:0; }

/*도서 수량 조절 이미지*/
.amount-img { display:inline-table; position:relative; top:-4px; left:-2px; border:solid 1px #fff; padding:0; margin:0; line-height:5px; width:19px; }


/*///////////////////////////////////마이페이지////////////////////////////*/
#sc .sc-mp { padding:0; margin:0 }
.sc-mp-list { margin-top:20px; }
.sc-mp-list div.textDot { display:inline-block; width:860px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } /*주문배송조회 텍스트처리*/
.sc-mp-list .totalText2 { font-size:26px; position:relative; top:3px; } /*중간총합계*/
.sc-mp-addbox { min-width:200px; overflow:hidden; padding:10px 20px 20px 20px; background:#f5f8fc; border:solid 1px #ccc; border-radius:5px; }

/*총금액*/
.sc-mp-totalbox { position:relative; overflow:hidden; border:solid 1px #ccc; text-align:center; font-weight:700; background:#f5f8fc; border-radius:5px; }
.sc-mp-totalbox .cir { position:absolute; width:30px; height:30px; line-height:30px; font-size:25px; color:#fff; background:#505766; border-radius:100%; }
.sc-mp-totalbox .totalText { letter-spacing:-0.02em; font-size:30px; } /*하단 전체총합계*/

/*해외배송 총금액*/
.sc-mp-totalbox2 { position:relative; overflow:hidden; border:solid 1px #ccc; text-align:center; font-weight:700; background:#f5f8fc; border-radius:5px; }
.sc-mp-totalbox2 .cir { position:absolute; width:30px; height:30px; line-height:30px; font-size:25px; color:#fff; background:#505766; border-radius:100%; }
.sc-mp-totalbox2 .totalText { letter-spacing:-0.02em; }
/*장바구니 할인쿠폰 적용 후 가격*/
.sc-mp-list .discount span.before { font-weight:700; text-decoration: line-through; color:#999; }

/* 마이페이지 장바구니-할인쿠폰적용, 적립금사용, 상품신청확인 팝업 등등...*/
.sc-mp-pop { width:600px; overflow-x:hidden; overflow-y:auto; padding:10px 10px 30px 10px; }

/*온라인 수강권 등록*/
.code-box { background:none; border:solid 1px #ccc; border-radius:5px; text-align:center; padding-bottom:20px; }
.code-box div:first-child { width:100%; height:40px; background:#eee; line-height:40px; text-align:center; font-size:18px; }
/*.code-box div:nth-child(2) { width:100%; background:#fcb237; height:45px; line-height:45px; margin-bottom:20px; text-align:center; font-size:20px; font-weight:700; } */
.code-box .codeText { color:#0977c9; text-align:center; font-size:20px; height:35px; border:solid 2px #0977c9; }
.code-box .codeBtn { height:30px; line-height:30px; font-size:18px; width:220px; }

/*//////////////////강사소개/////////////////////////*/
#sc .sc-tc { padding:0; margin:0; }
/* 강사소개 영역 : 과정상세 강사부분도 사용*/
.sc-tc .sc-tc-list { margin:20px 0 0 0; overflow:hidden; }
.sc-tc-area { width:248px; margin:0 20px 50px 0; padding:0; vertical-align:text-bottom; overflow:hidden; border-radius:6px; border:1px solid #009add; float:left; }
.sc-tc-area .area-b { position:absolute; bottom:0; width:230px; margin:0; background:#009add; padding:6px 10px; color:#fff; font-size:12px; border-bottom-left-radius:5px; border-bottom-right-radius:6px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-filter: alpha(opacity=80); opacity: 0.8; }

.sc-tc-link:hover { background:#f4fcff; } /*border:solid 1px #2359b5; */
.sc-tc-link:hover .area-b { text-decoration:none; background:#009add; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: alpha(opacity=100); opacity: 1; }

/*.sc-tc-area:nth-child(4n) { margin:0 0 0 2px !important; } */
.sc-tc-area .area-i { overflow:hidden; } /*margin:0 0 -3px 50px; */
.sc-tc-area .area-l { z-index:99; top:5px; padding:15px 0 15px 20px; width:230px; } /*background:#fafafa; z-index:-99; */
.sc-tc-area .area-l li.int { color:#666; font-size:14px; font-weight:400; }
.sc-tc-area .area-l li.tt { margin:0; color:#000; font-size:25px; font-weight:700; }
.sc-tc-area .area-l li.stt { margin:20px 0 0 0; color:#9d9c9c; font-size:13px; line-height:140%; }

/*.sc-tc-area .area-b { width:95px; margin:135px 0 0 20px; padding:6px; font-size:12px; background:#666; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); -khtml-opacity: 0.60; -moz-opacity: 0.60; -ms-filter: alpha(opacity=60); opacity: 0.60; }
.sc-tc-area .area-b span.btn a { color:#fff; } */


/*.sc-tc-area .area-b { position:absolute; bottom:0; width:226px; margin:0; padding:6px 12px; font-size:12px; color:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#2359b5; }
.sc-tc-area .area-b span.btn_tc a { color:#fff; }
.sc-tc-area .area-b span.btn_tc a:hover { text-decoration:none; } */

/*강사 상세*/
.sc-tc-detail { background:#f4fcff; width:248px; color:#666; min-height:150px; } /*.sc-tc-detail { background:#0977c9; color:#fff; width:250px; min-height:150px; } */
.sc-tc-detail .t-pf { background:#009add; font-weight:500; padding:5px 10px; color:#fff; }
.sc-tc-detail .t-pf span { margin-right:5px; margin-top:2px; }
.sc-tc-detail .t-pf1 { margin-top:5px; padding:10px; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size:14px; letter-spacing:-0.02em; }

/*////////////////// 이메일무단수집거부 /////////////////////////
.refuse_area { border:1px solid #dedede; padding:20px 20px; display:block; overflow:hidden; }
.refuse_area li { float:left; }
.refuse_area li:nth-child(1) { padding:0 20px 0 0; }
.refuse_area li:nth-child(2) { width:87%; word-break:break-all; margin-top:20px; } */


/*////////////////// 사이트맵 /////////////////////////*/

.ss_tlt { width: 100%; font-weight: 500; font-size: 20px; color: #333333; text-align: center; padding: 5px 5px; margin: 0 auto; background: #eee;; }
.sitemap { margin:0 0 62px 0; overflow:hidden; }
.sitemap .clear { content: ''; display: block; clear: both; }
.sitemap .site_section { margin-bottom: 20px; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e6e6e6; }
.sitemap .site_section ul { }
.sitemap .site_section ul li { margin: 0 20px; }
.sitemap .site_section ul li b { float: left; text-align: center; font-size: 18px; font-weight: normal; color:#2359b5; width: 12%; }
.sitemap .site_section ul li b::after { content: ''; display: block; clear: both; padding: 3px; border-bottom: 2px solid #2359b5; }
.sitemap .site_section ul li b a { color:#2359b5; }

.sitemap .site_section .a_list li b { margin-right: 31px; color:#000; width:17%; }
.sitemap .site_section .a_list li b::after { content: ''; display: block; clear: both; padding: 0px; border-bottom: none; }
.sitemap .site_section ul li ol { float: left; width: 21.33%; }
.sitemap .site_section ul li ol li { display: block; padding: 5px; font-size: 15px; border-bottom: 1px solid #eee; }
/*.sitemap .site_section ul li ol li:last-child { border-bottom: 2px solid #2359b5; } */






/*////////////////// 고객센터 /////////////////////////*/


/*모바일학습안내*/
.conbox { width:1030px; overflow:hidden; border:solid 5px #fcb237; padding:20px; }
.conbox1 { clear:both; }
.conbox1 ul li { float:left; width:339px; text-align:center; margin:20px 0; height:680px; }
.conbox1 ul li p { width:304px; text-align:left; padding-left:20px; }
.conbox1 ul li img { width:304px; margin-bottom:10px; }
.conbox1 h3 { font-size:20px; }

.conbox2 { clear:both; overflow:hidden; }
.conbox2 p { float:left; }

.conbox3 { clear:both; margin-top:30px; }
.conbox3 ul { margin-top:10px; }
.conbox3 ul li { }

.conbox4 { clear:both; }
.conbox4 ul li { float:left; text-align:center; margin:20px 0; }
.conbox4 ul li p { text-align:left; padding-left:20px; }
.conbox4 ul li img { margin-bottom:10px; padding:10px; }
.conbox4 h3 { font-size:20px; }
.conbox4 .Cnum { border-radius:100%; background:#e11515; color:#fff; padding:0 7px 2px 7px; margin-right:5px; }

/*고객센터 메인 배너*/
.Cbanner { overflow:hidden; background:#fff; text-align:center; width:1080px; margin:0 auto; height:80px; border-radius:10px; margin-top:40px; margin-bottom:40px; }
.Cbanner ul { float:left; width:260px; border-right:solid 1px #ccc; padding-top:15px; margin-top:5px; }
.Cbanner ul:last-child { border-right:none; }
.Cbanner ul li { float:left; }
.Cbanner ul li img { padding-left:30px; padding-right:10px; }
.Cbanner ul li:last-child { line-height:40px; font-size:18px; padding-right:10px; }



/*//////////////////////////why 이패스동남고시///////////////////////////////*/
/* 온라인 서점 관련내용 */
.book_center *,
.book_center .bb-ll-b * { }
#contain { width:1100px }
.book_center { width:1100px; overflow:visible; padding:30px 0 100px; margin: 0 auto; position:relative }
.book_center #book_center_a { margin-top:-30px; }
#content .navi { padding:11px 0 8px; text-align:left; font-size:11px; color:#7f7f7f; border-bottom:1px solid #dedede; position:relative; }
#content .navi a { }
#content .navi a:first-child { font-size:12px; }
#content .navi .benefit { position:absolute; bottom:10px; right:0 }
#content .navi .benefit img { vertical-align:top }
.book_center:after { content:""; display:block; clear:both }
.book_center #content { float:right; width:888px; }
.book_center div.context { width:auto !important; }


#book_center_a * { }
#book_center_a { float:left; width:180px; padding-top:30px; padding-bottom:100px; text-align:left; }
#book_center_a > ul > li { border-bottom:1px solid #ebebeb; background:#fff; }
#book_center_a > ul > li > a { display:block; height:34px; line-height:33px; padding:0 0 0 16px; font-size:13px; color:#333; letter-spacing:-1px; }
#book_center_a > ul > li .bookdown { background:url('../../Public_html/book_image/ep_book_down.gif') 158px 14px no-repeat; }
#book_center_a > ul > li > a:hover { color:#3f63bf; }

/*/#book_center_a * { }
#book_center_a { float:left; width:180px; padding-top:30px; padding-bottom:100px; text-align:left; }
#book_center_a > ul > li { border-bottom:1px solid #ebebeb; background:#fff; }
#book_center_a > ul > li > a { display:block; height:34px; line-height:33px; padding:0 0 0 16px; font-size:13px; color:#333; letter-spacing:-1px; background:url('https://epasskorea.com/Common_new/Public_html/book_image/ep_book_down.gif') 158px 14px no-repeat; }
#book_center_a > ul > li > a:hover { color:#3f63bf; } */


#book_center_a .bb-aa-t { padding:19px 9px; background:#f5f7f9; border:1px solid #eaeaea; line-height:normal; margin-bottom:20px; margin-top:20px; }
#book_center_a .bb-aa-t dl { padding:0 4px; background:none; font-size:inherit; width: auto; line-height: inherit; border: none; }
#book_center_a .bb-aa-t dl dt { margin-bottom:10px; font-size:16px; font-weight:600; color:#333; letter-spacing:-1px; background:none; width: auto; height: auto; line-height: inherit; padding: 0; border: none; }
#book_center_a .bb-aa-t dl dd { width: auto; padding: 0; border: none; }
#book_center_a .bb-aa-t dl dd.cc-ss { margin-bottom:14px; font-size:14px; color:#545454; letter-spacing:-1px; }
#book_center_a .bb-aa-t dl dd.cc-ss strong { display:block; margin:2px 0 0; font-family:'verdana'; color:#3f63bf; font-size:21px; font-weight:700; letter-spacing:-1.5px; }
#book_center_a .bb-aa-t dl dd.cc-aa { margin-bottom:14px; line-height:18px; font-size:12px; color:#666; }
#book_center_a .bb-aa-t > a { display:block; margin-top:5px; padding:0 0 0 8px; font-size:12px; font-weight:500; color:#545454; letter-spacing:-1px; height:30px; line-height:28px; background:#fff url('https://epasskorea.com/Common_new/Public_html/book_image/book_off.gif') 143px 12px no-repeat; border:1px solid #dce1eb; }
#book_center_a .bb-aa-t > a:hover { background-image:url('https://epasskorea.com/Common_new/Public_html/book_image/book_on.gif'); }
#book_center_a .title { height:52px; line-height:52px; padding-left:17px; font-size:16px; color:#545862; letter-spacing:-1px; font-weight:500; background:#f4f4f4; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; }


/*.book_center .bb-ll-b { position:relative; overflow:hidden; }
.book_center .bb-ll-b > div { padding:45px 0; font-size:28px; font-weight:400; color:#000; letter-spacing:-1px; text-align:left; line-height:normal }
.book_center .bb-ll-b > div.ss-d { position:absolute; right:0; top:7px; width:auto; height:auto; border:0 none; background:none; }
.book_center .bb-ll-b > div.ss-d label { display:inline-block; float:left; width:58px; font-size:13px; font-weight:400; letter-spacing:-1px; line-height:27px; }
.book_center .bb-ll-b > div.ss-d input { display:inline-block; float:left; padding:6px 10px; width:200px; height:27px; font-family:'돋움', 'dotum'; box-sizing:border-box; border:1px solid #dedede; border-right:0 none; color:#333 }
.book_center .bb-ll-b > div.ss-d a { display:inline-block; float:left; width:50px; height:27px; font-size:13px; color:#fff; letter-spacing:-1px; text-align:center; line-height:27px; background:#393d44; }



.book_center .bb-li-a { position:relative; overflow:hidden; }
.book_center .bb-li-a .title { height:81px; line-height:75px; text-align:center; letter-spacing:-2px; font-size:25px; color:#000; display:none; }
.book_center .bb-li-a .bb-ll-c { position:relative; }

.book_center .bb-li-a .ch-aa { border-top:solid 1px #ebebeb; z-index:15 }
.book_center .bb-li-a .ch-aa_2 { border-top:solid 1px #ebebeb; z-index:15 }

.book_center .bb-li-a .lst { padding-top:18px; font-size:0 }
.book_center .bb-li-a .lst:after { content:""; display:block; clear:both; }
.book_center .bb-li-a .lst li { width:221px; display:inline-block; vertical-align:top; padding:35px 0 35px 0; position:relative }
.book_center .bb-li-a .lst li > input { position:absolute; top:243px; left:20px; z-index:10 }
.book_center .bb-li-a .lst li a { display:block; width:222px; position:relative; }
.book_center .bb-li-a .lst li a:hover span.ss-b { text-decoration:underline }
.book_center .bb-li-a .lst li span { display:block; }
.book_center .bb-li-a .lst li span.tt-a { margin:0 auto; width:141px; height:190px }
.book_center .bb-li-a .lst li span.tt-a img { width:141px; height:190px }
.book_center .bb-li-a .lst li span.tt-b { border:solid 1px #bdbdbd }
.book_center .bb-li-a .lst li span.ss-b { margin:12px 20px 0 40px; font-size:15px; color:#333; letter-spacing:-1px; line-height:1.4; word-break:break-word; word-break:keep-all; }
.book_center .bb-li-a .lst li span.ss-c { margin:7px 20px 0 40px; line-height:1.2; font-size:inherit; }
.book_center .bb-li-a .lst li span.ss-c del { font-size:14px; color:#888; margin-right:8px; font-weight:300 }
.book_center .bb-li-a .lst li span.ss-c strong { font-size:14px; color:#f91f43; font-weight:400 }

.book_center .bb-li-a .lst li span.icon { position:absolute; top:-17px; left:16px }
.book_center .bb-li-a .lst li.ww-a { padding-left:0 }
.book_center .bb-li-a .lst li.ww-b { padding-right:0 }
.book_center .bb-li-a .lst li.ww-c { border-top:none } */



/*/////////////////////////////////// WINDOWS POPUP ////////////////////////////*/
#pop { width:100%; height:100%; margin:0px auto; }
.pop-area { margin:15px; padding:0; }
.pop-tt { font-size:22px; color:#000; font-weight:700; }
.pop-tt span.pop-tt-step { float:right; position:relative; top:10px; left:0; color:#999; font-size:13px; margin:0 20px 0 0; }
.pop-tt span.pop-tt-step > strong { color:#203546; }
ul.pop-tt-list { position:relative; top:-10px; display:inline-block; float:right; margin:0 20px 0 0; padding:0; }
ul.pop-tt-list li { float:left; font-size:13px; }
ul.pop-tt-list li a { color:#7f7f7f; }
ul.pop-tt-list li.bar { color:#dee3eb; margin:0 9px }
ul.pop-tt-list li:hover { color:#4970ae }
.pop-stt { clear:both; font-size:15px; color:#666; margin:10px 0 0 0; padding:0; line-height:150%; }
.pop-area .trans-tab { margin:16px 0 0 0; padding:0; }


/** DIV POPUP **/
.layer { position:absolute; left:50%; top:50%; width:536px; height:770px; margin:-420px 0 0 -250px; padding:15px; border:1px solid #ddd; background:#fff; z-index:99999; }
.layer .closeBtn { margin-top:30px; text-align:center; }
button { padding:9px 40px; background:#0098de; font-size:14px; cursor:pointer; color:#fff; border:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; }
.dimmed { width:100%; height:100%; background:#000; z-index:10; opacity:0.3; }

.layer .map-arera { margin:0; padding:0; }
.layer ul.map-list { margin:30px 0 20px 0; padding:0; }
.layer ul.map-list li.tt { color:#333; font-size:14px; font-weight:700; }
.layer ul.map-list li.stt { color:#666; font-size:13px; margin:0 0 7px 0; }

/** 21-03-10 강사소개 리뉴얼 **/
.sc-tc-area-re img { display: block; }
.sc-tc-area-re { width: 100%; margin: 0; padding:0; border-radius: 0; border: 0; }
.sc-tc-area-re .tc-intro { position: relative; width: 100%; }
.sc-tc-area-re .tc-int-text { position: absolute; top: 222px; left: 500px; }
.sc-tc-area-re .tc-int-text .tc-title { font-size: 24px; color: #000; line-height: 1; letter-spacing: -0.8px; }
.sc-tc-area-re .tc-int-text i { font-style: normal; vertical-align: top; }
.sc-tc-area-re .tc-int-text .tc-title .tc-int-ct { color: #cf2a68; }
.sc-tc-area-re .tc-int-text .tc-title .tc-int-name { font-size: 28px; color: #333333; }

.sc-tc-area-re .tc-int-text .tc-profile { margin: 45px 0 0; padding: 30px; width: 515px; height: 335px; box-sizing: border-box; border: 1px solid #e0daf2; box-shadow: 2px 2px 5px 1px #eae4f9; -webkit-box-shadow: 2px 2px 5px 1px #eae4f9; -ms-box-shadow: 2px 2px 5px 1px #eae4f9; overflow: hidden; }
.sc-tc-area-re .tc-int-text .tc-profile h6 { margin-top: 0; padding: 0 8px; line-height: 32px; font-size: 18px; font-weight: normal; display: inline-block; color: #fff; background-color: rgb(94,69,168); }
.sc-tc-area-re .tc-int-text .tc-profile > ul { margin: 15px 0; height: 232px; overflow-y: scroll; }

.sc-tc-area-re .tc-youtube-area { padding-bottom: 66px; }
.sc-tc-area-re .tc-youtube-area ul > li { padding: 36px 96px 24px; }
.sc-tc-area-re .tc-youtube-area ul > li > i { font-size: 30px; font-style: normal; display: inline-block; line-height: 24px; padding-right: 5px; vertical-align: top; }
.sc-tc-area-re .tc-youtube-area ul > li > p { font-size: 24px; line-height: 1; display: inline-block; }
.sc-tc-area-re .sample-youtube-box { position: relative; margin: 10px 0 0; /* width: 100%; */height: 500px; background-color: #000; box-sizing: border-box; }
.sc-tc-area-re .sample-youtube-box > div { position: absolute; width: 100%; height:100%; top:0; left:0; }


.list-view-btn { position: relative; width: 100%; text-align: center; display: block; }
.list-view-btn .btn { display: block; margin: 0 auto; }



/* 2021 thanks_event */

@font-face { font-family: 'GmarketSansMedium'; src: url('../../gh/projectnoonnu/noonfonts_2001-1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'GmarketSansLight'; src: url('../../gh/projectnoonnu/noonfonts_2001-1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

#scB.thanks_21 .video-bg { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: 0; background: #274942; overflow: hidden; }
#scB.thanks_21 .video-bg::before { clear: both; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
#scB.thanks_21 .video-bg video { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.18); z-index: -1; min-height: 793px; }

#scB.thanks_21 img { display: block; }
#scB.thanks_21 { }
#scB.thanks_21 { } .section { position: relative; }
#scB.thanks_21 .sec-content { position: relative; width:1100px; margin: 0px auto 0px; }
#scB.thanks_21 .sec-00 { }
#scB.thanks_21 .sec-01 { background: #f7363b; }
#scB.thanks_21 .sec-02 { background: #ffba00; }
#scB.thanks_21 .sec-03 { background: #f7363b; }
#scB.thanks_21 .sec-04 { background: #333; }

#scB.thanks_21 .time-area { position: relative; }
#scB.thanks_21 .time-count { position: absolute; top: 80px; left: 50%; margin-left: -247px; width: 494px; height: 70px; background: #333333; border-radius: 16px; }

#scB.thanks_21 #countDay { font-family: 'GmarketSansMedium'; text-align: center; display: flex; justify-content: space-around; padding: 8px 10px 0; align-items: baseline; }
#scB.thanks_21 #countDay span { font-size: 60px; color: #fff; letter-spacing: 5px; line-height: 68px; width:74px; }
#scB.thanks_21 #countDay span:nth-child(even) { font-size: 22px; width:20px; }

#scB.thanks_21 .video-slide { max-width: 1100px; margin: 40px auto 0px; height: 195px; padding-bottom: 100px; overflow: hidden; }
#scB.thanks_21 .video-slide .slick-list { overflow: inherit; }
#scB.thanks_21 .youtubeSlide img { width: 340px; transition: all ease 0.35s; }
#scB.thanks_21 .youtubeSlide .slide.slick-center img { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); }
#scB.thanks_21 .youtubeSlide .slide { margin: 0 8px; height:100%; padding: 15px 0; opacity: 0.45; transition: all ease 0.35s; }
#scB.thanks_21 .youtubeSlide .slide iframe { width: 100%; height:160px; transition: all ease 0.35s; }
#scB.thanks_21 .youtubeSlide .slide.slick-center { /* padding:0; */opacity: 1; }
#scB.thanks_21 .youtubeSlide .slide.slick-center iframe { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); }
#scB.thanks_21 .youtubeSlide button { position: absolute; top: 38%; z-index: 99; width: 53px; height: 52px; padding: 0; text-indent: -9999px; }
#scB.thanks_21 .youtubeSlide button.slick-prev { left:50%; margin-left: -195px; background: url(https://epasskorea.com/Public_html/Images/event/thanks/info_etax_left_arrow.png); }
#scB.thanks_21 .youtubeSlide button.slick-next { left:50%; margin-left: 140px; background: url(https://epasskorea.com/Public_html/Images/event/thanks/info_etax_right_arrow.png); }
#scB.thanks_21 .review-area { position: relative; margin: 20px auto 40px; font-family: 'GmarketSansMedium'; }
#scB.thanks_21 .review-area .review-box { background: #fff; border: 2px solid #000; max-width: 766px; margin: 60px auto 0; position: relative; padding: 23px 34px; box-sizing: border-box; }
#scB.thanks_21 .review-area .review-box::before { clear: both; content:''; display: block; position: absolute; top: -55px; left: 330px; background: #fff; width: 110px; height: 55px; border-top-left-radius: 70px; border-top-right-radius: 70px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; box-sizing: border-box; }
#scB.thanks_21 .review-area .rev-icon { background: url(../../Public_html/Images/event/thanks/211125_thanks_10.png); position: absolute; top: -28px; left: 361px; width: 49px; height: 48px; }
#scB.thanks_21 .review-area .rev-tit { font-size: 20px; text-align: center; padding-bottom: 20px; }
#scB.thanks_21 .review-area .rev-text { background: url(../../Public_html/Images/event/thanks/211125_thanks_11.jpg); position: relative; }
#scB.thanks_21 .review-area .rev-text i { background: url(../../Public_html/Images/event/thanks/211125_thanks_11.png); width: 37px; height: 33px; display: inline; position: absolute; top: -6px; left: 0; }
#scB.thanks_21 .review-area .rev-text p { font-size: 20px; letter-spacing: -1px; line-height: 31px; }
#scB.thanks_21 .review-area .rev-text p span { padding-left: 46px; }
#scB.thanks_21 .arrow_right { position: absolute; top: 50%; left: 50%; margin-left: -454px; }
#scB.thanks_21 .arrow_left { position: absolute; top: 50%; left: 50%; margin-left: 432px; cursor: pointer; }

#scB.thanks_21 .all-rev { position: relative; }
#scB.thanks_21 .all-rev .btn-0 { top: 0; left: 50%; margin-left: -382px; width: 249px; height: 100%; }
#scB.thanks_21 .all-rev .btn-1 { top: 0; left: 50%; margin-left: -125px; width: 250px; height: 100%; }
#scB.thanks_21 .all-rev .btn-2 { top: 0; left: 50%; margin-left: 134px; width: 250px; height: 100%; }

#scB.thanks_21 .link-btn-area { margin: 0 auto; max-width: 786px; }
#scB.thanks_21 .link-btn-area.pb-100 { padding-bottom: 150px; }
#scB.thanks_21 .link-tit { text-align: center; position: relative; }
#scB.thanks_21 .link-tit .tit-bg { background: url(../../Public_html/Images/event/thanks/211125_thanks_09.jpg); width: 100%; height: 20px; position: absolute; top: 4px; left: 0; }
#scB.thanks_21 .link-tit p { font-family: 'GmarketSansLight'; color: #fdc30f; font-size: 36px; font-weight: bold; display: inline-block; background: #f7363b; padding: 0 20px; z-index: 1; position: relative; line-height: 36px; }
#scB.thanks_21 .link-tit.ty-3 { margin-top: 20px; }
#scB.thanks_21 .link-tit.ty-3 .flex-ly { display: flex; justify-content: space-between; }

#scB.thanks_21 .link-btn-area ul { font-family: 'GmarketSansMedium'; margin-top: 10px; }
#scB.thanks_21 .link-btn-area ul::after { clear: both; content: ''; display: block; }
#scB.thanks_21 .link-btn-area ul.wd-50 { }
#scB.thanks_21 .link-btn-area ul.wd-50 li { width: calc(50% - 10px); float: left; margin-bottom: 10px; }
#scB.thanks_21 .link-btn-area ul.wd-50 li:nth-child(2n-1) { margin-right: 5px; }
#scB.thanks_21 .link-btn-area ul.wd-50 li:nth-child(2n-0) { margin-left: 5px; }
#scB.thanks_21 .link-btn-area ul.wd-33 li { width: calc(33.333% - 12px); float: left; margin-bottom: 6px; }
#scB.thanks_21 .link-btn-area ul.wd-33 li:nth-child(3n-2) { margin-right: 3px; }
#scB.thanks_21 .link-btn-area ul.wd-33 li:nth-child(3n-1) { margin: 0 3px 0; }
#scB.thanks_21 .link-btn-area ul.wd-33 li:nth-child(3n-0) { margin-left: 3px; }
#scB.thanks_21 .link-btn-area .link-btn { display: block; width: 100%; background: #fff; border: 1px solid #000; padding: 17px 0 14px; position: relative; line-height: 1; z-index: 1; overflow: hidden; }
#scB.thanks_21 .link-btn-area .link-btn .o-l { width: 8px; height: 100%; background: #ffba00; position: absolute; top: 0; left: 0; }
#scB.thanks_21 .link-btn-area .link-btn .info-tt { font-size: 18px; display: inline-block; line-height: 18px; padding: 0 10px 0 18px; vertical-align: baseline; letter-spacing: -1.8px; }
#scB.thanks_21 .link-btn-area .link-btn .r-arrow { background: url(../../Public_html/Images/event/thanks/211125_thanks_08.png); display: inline-block; width: 8px; height: 12px; background-repeat: no-repeat; background-position: center center; }

#scB.thanks_21 .info-ess { font-family: 'GmarketSansMedium'; }
#scB.thanks_21 .info-ess::after { clear: both; content:''; display: block; position: absolute; top: -94px; left: 456px; background: #333; width: 188px; height: 94px; border-top-left-radius: 94px; border-top-right-radius: 94px; box-sizing: border-box; }
#scB.thanks_21 .info-ess .ess-icon { background: url(../../Public_html/Images/event/thanks/211125_thanks_12.png); width: 110px; height: 108px; position: absolute; top: -55px; left: 50%; margin-left: -52px; z-index: 1; }
#scB.thanks_21 .info-ess .ess-tt { padding: 88px 0 50px; }
#scB.thanks_21 .info-ess .ess-tt p { font-size: 20px; color: #fff; }
#scB.thanks_21 .info-ess .ess-tt p.tit { font-weight: bold; }
#scB.thanks_21 .info-ess .ess-tt .ess-test { padding: 30px 0 0; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p { display: table-cell; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p.sub-tit { width: 150px; text-align: right; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p > span { /* display: table-cell; */
 display: block; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p > span span { display: table-cell; }
#scB.thanks_21 .info-ess .ess-tt .ess-test .line { display: inline-block; padding: 0 20px; }
#scB.thanks_21 .info-ess .ess-tt .ess-test .color { color: #fff100; }



#set { position: absolute; width: 100%; height: 6124px; top: 200px; left: 0; max-height: 6124px; }


#scB { clear:both; width:100%; min-width:100%; margin:0; padding:0; }
#sc { width:1100px; margin:0px auto 50px auto; min-height:670px; padding:0 200px; }

/* 공통타이틀*/
.sc-tt { font-size:28px; color:#2359b5; font-weight:700; border-bottom:solid 1px #eee; padding:0 0 10px 20px; margin-bottom:20px; overflow:hidden; background:url(../../Public_html/Images/Common/icon-tit.png) no-repeat 2px 9px; }
.sc-tt span.sc-tt-step { float:right; position:relative; top:10px; right:0; color:#666; font-size:14px; font-weight:400; }
.sc-tt span.sc-tt-step a { color:#666; }
.sc-tt span.sc-tt-step span { margin:0 5px; }
.sc-tt span.sc-tt-step .thispage { font-weight:500; color:#333; }
ul.sc-tt-list { position:relative; top:-10px; display:inline-block; float:right; margin:0 20px 0 0; padding:0; }
ul.sc-tt-list li { float:left; font-size:13px; }
ul.sc-tt-list li a { color:#7f7f7f; }
ul.sc-tt-list li.bar { color:#dee3eb; margin:0 9px }
ul.sc-tt-list li:hover { color:#4970ae }
.sc-stt { clear:both; font-size:18px; color:#999; margin:10px 0 0 0; padding:0; line-height:150%; }
.s-mt { font-size:20px; }
.s-mt:hover { text-decoration:none; }

/*///////////////////////////////////*수강신청//////////////////////////////////////**/

/* 수강신청(TABMENU) UI CSS는 tabmenu.css를 ì°¸ê³ÂÂÂÂÂ
#sc .sc-o { margin:0; padding:0; }
.sc-o .trans-tab { margin:16px 0 0 0; } */


#sc .sc-o { margin:0; padding:0; }
.sc-o ul.sc-o-tab { margin:16px 0 0 0; border-top:1px solid #dedede; }
.sc-o ul.sc-o-tab li { padding:15px 40px; float:left; position: relative; }
.sc-o ul.sc-o-tab li a { color:#999; font-size:14px; }
.sc-o ul.sc-o-tab li.active { background:#535353; }
.sc-o ul.sc-o-tab li.active a { color:#fff; font-size:14px; }

.sc-o-list { clear:both; border-top:2px solid #535353; padding:20px 0 0 0; margin:0; }

/*수강신청 상세 페이지- 과정구성*/
.lec-form { margin-top:20px; overflow:hidden; }
.lec-form > div:first-child { font-size:18px; font-weight:500; margin-bottom:20px; }
.lec-List { border:solid 1px #ccc; padding:20px 10px; margin-bottom:20px; border-radius:10px; } /*border:solid 1px #ddd; border-radius:5px; background:#fff; padding:20px; } */
.lec-List .tt { color:#333; font-weight:700; font-size:17px; padding-left:25px; background:url(../../Public_html/Images/Common/icon-dot01.png) no-repeat 3px; }
.lec-List .tts { color:#333; font-weight:700; font-size:15px; padding-left:25px; background:url(../../Public_html/Images/Common/icon-dot01.png) no-repeat 3px; }
.lec-List-book { padding-left:23px; background:url(../../Public_html/Images/Common/icon-book.png) no-repeat 0 2px; font-size:12px; color:#0977c9; }
.lec-timg img { width:100%; height:150px; border:solid 1px #ddd; } /*상단이미지*/


/*수강신청 상세 교재부분*/
.lec-book { margin-top:20px; overflow:hidden; }
.lec-book > div:nth-child(2n+1) { margin-right:0 !important; }

/*수강신청 상세 페이지-안내사항*/
.noTice { margin-top:20px; padding:20px; background:#fff; border:solid 1px #ddd; border-radius:5px; }
.noTice .tt { color:#333; font-weight:500; font-size:18px; color:#0977c9; padding-left:25px; background:url("../../Public_html/Images/Common/icon-info.jpg") no-repeat 0 2px; }
.noTice li { line-height:25px; }
.noTice li:last-child { padding:10px 0 0 10px; }


/*과정상세 팝업 관련 - 강사 */
.lec-teacher-img { margin:0; width:100%; float:left; } /*팝업 강사 이미지*/
.lec-teacher-img div:first-child { width:230px; height:225px; overflow:hidden; position:relative; border:solid 1px #009add; border-radius:10px; text-align:right; }
.lec-teacher-img div:first-child div { position:absolute; left:20px; top:20px; font-size:20px; font-weight:700; color:#0977c9; } /*강사명*/
.lec-teacher-img div:first-child span { position:absolute; right:0px; bottom:0; line-height:0; } /*이미지*/
/*과정상세 팝업 관련 - 교재 */
.lec-bimg { margin:0 20px 0 0; float:left; } /*팝업 교재 이미지*/
.lec-bimg div:first-child { width:150px; height:200px; overflow:hidden; }
.lec-bimg div img { }





/*학생할인과정-Epass-U*/
.epsU-text { font-size:15px; background:#fdfdfd; margin:20px 0; padding:5px 15px 15px 15px; line-height:24px; border:solid 1px #ccc; border-radius:5px; }
.epsU-text > div { margin-top:20px; }
.epsU-text > div:first-child { margin:none; }
.epsU-text > div span:first-child { color:#0977c9; font-weight:700; }
.epsU-text div div { margin:20px 0 0 10px; }
.epsU-text div div p .num { color:#fff !important; margin-right:10px; background:#0977c9; padding:2px 3px; }

/*///////////////////////////////////*회원가입//////////////////////////////////////**/
#joinB { clear:both; width:100%; min-width:100%; background:#eee; margin:0; padding:0 0 80px 0; }
#join { width:1080px; margin:0px auto; }
.join-tt { font-size:28px; color:#333; text-align:center; padding:40px 0; font-weight:500; }
ul.join-tab { margin:0; padding:0; }
ul.join-tab li { margin:0; padding:0; text-align:center; font-size:25px; padding:15px 0; float:left; }
ul.join-tab li:nth-child(2n-1) { width:161px; }
ul.join-tab li:nth-child(2n) span { font-size:20px !important; width:25px; color:#fff; background:#0977c9; border-radius:100%; padding:0 4px 2px 4px; }
ul.join-tab li a { color:#999; }
ul.join-tab li.active { border-bottom:2px solid #0977c9; color:#000; font-weight:500; }
ul.join-tab li.active a { color:#333; }

.join-area { clear:both; overflow:hidden; width:100%; margin:0; padding:0 0 80px 0; background:#fff; margin:0 } /*join-area : 무료세미나 신청완료에서도 사용 Lecture/Lecture_OFF_Free_Apply_Result.asp*/
.join-area .join-area-tt { padding:50px 0 20px 0; color:#333; font-size:18px; }
.join-area .join-area-tt > .tt { color:#333; font-size:25px; font-weight:500; line-height:150%; text-align:center; }
.join-area .join-area-tt > .stt { color:#666; font-size:15px; margin:15px 0 0 0; line-height:150%; text-align:center; }
.join-area .join-area-tt > .stt > span { color:#ff8f1c; font-weight:700; }
.join-area .join-area-cp { clear:both; margin:40px 50px; border-top:dotted 1px #333; }
.join-area .join-area-cp .coupon-tt { text-align:center; margin:0; padding:20px 0 0 0; color:#d31f63; font-size:25px; font-weight:700; }
.join-area .join-area-cp .coupon-list { margin:30px 0 0 0; padding:0; }
.join-area .join-area-cp .coupon-list-area { overflow:hidden; width:32%; margin:0 10px 10px 0; padding:10px 0; border:1px solid #999; background:#fcfcfc; float:left; }
.join-area .join-area-cp .coupon-list-area > .tt { color:#333; font-size:17px; font-weight:700; margin:0px 0 3px 0; text-align:center; }
.join-area .join-area-cp .coupon-list-area > .stt { color:#666; font-size:20px; margin:0 0 15px 0; text-align:center; }
.join-area .join-area-cp .coupon-list-area > .stt > span { margin:0 0 0 7px; color:#d31f63; font-weight:700; }
.join-area .join-area-cp .coupon-list-area p:nth-child(3) { margin:0 auto; width:200px; }
/*.join-area .join-area-cp .coupon-list-area p:nth-child(3) .btn { color:#fff; width:200px; } */
.join-area .join-area-cp .coupon-list-area:last-child { margin-right:0px; }

.join-area-info { clear:both; margin:0 0 0 50px; padding:0; }
.join-area-info .area-info-tt { margin:30px 0 0 0; color:#333; font-size:16px; font-weight:500; }
.join-area-info .area-info-txt { font-size:15px; padding:10px 0 0 10px; color:#666; width:94%; height:150px; margin:15px 0 0 0; border:1px solid #ddd; overflow-y:scroll }
.join-area-info .area-info-txt-2 { font-size:15px; padding:10px 0 0 10px; color:#666; width:94%; height:80px; margin:15px 0 0 0; border:1px solid #ddd; overflow-y:scroll }
.area-info-txt-2 .area-cont { color:#666; font-size:13px; margin:15px 30px 30px 15px; line-height:160%; }
.area-info-txt p.area-tt { color:#333; font-size:14px; font-weight:500; margin:0; padding:0 0 0 22px; background:url('../..../../Public_html/Images/Common/icon-dot01.jpg') no-repeat 0px 4px; }
.area-info-txt p.area-stt { color:#595959; font-size:14px; margin:10px 0 0 23px; padding:0 0 0 12px; background:url('../..../../Public_html/Images/Common/icon-dot02.jpg') no-repeat 0px 7px; }
.area-info-txt .area-cont { color:#666; font-size:13px; margin:15px 30px 30px 15px; line-height:160% }
.area-info-txt ul.area-cont-list { margin:0 60px 0 30px; padding:0; }
.area-info-txt ul.area-cont-list li { margin:0 0 7px 0; font-size:13px; padding:0 0 0 15px; background:url('../../Public_html/Images/Common/icon-dot03.jpg') no-repeat 0px 6px; }
.area-info-txt ul.area-cont-list li > a { color:#666; }
.area-info-txt ul.area-cont-list li a:hover { color:#999; }
.join-area .join-area-input { float:right; margin:0 50px 0 0; }
.join-area-input-all { clear:both; float:right; margin:0 50px 0 0; }
.join-area .join-area-btn { clear:both; margin:0 0 0 400px; padding:30px 0 0 0; }
.join-area .join-area-btn li { float:left; width:25%; margin:0 10px 0 0; text-align:center; padding:14px 0; cursor:pointer; border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; }
.join-area .join-area-btn li.ok { background:#567fbd; color:#fff; }
.join-area .join-area-btn li.ok a { color:#fff }
.join-area .join-area-btn li.no { background:#999; color:#fff; }
.join-area .join-area-btn li.no a { color:#fff; }

.join-area ul.join-area-inp { width:42%; min-height:238px; float:left; margin:20px 20px 0 0px; padding:15px; border:solid 1px #ddd; }
.join-area ul.join-area-inp li { margin-bottom:10px; }
.join-area ul.join-area-inp label { font-size:15px; display:inline-table; width:80px; }
.join-area ul.join-area-inp span { color:#000; font-size:14px; margin:0 8px; }
.join-area ul.join-area-inp .join-area-inp-btn { margin:20px 0 0 30px; background:#0b3b63; color:#fff; text-align:center; padding:14px 0; width:80%; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -moz-border-radius:2px; }
.join-area ul.join-area-inp .join-area-inp-btn a { color:#fff; }
.join-area ul.join-area-inp .join-area-inp-btn-2 { margin:0 0 0 20px; background:#999; color:#fff; text-align:center; padding:5px 0; width:30%; font-size:15px; cursor:pointer; border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; }
.join-area ul.join-area-inp .join-area-inp-btn-2:hover { color:#fff; background:#333; text-decoration:none; }
.join-area ul.join-area-inp .join-area-inp-ok { clear:both; margin:30px 0 0 0; text-align:center; padding:11px 0; background:#0b3b63; color:#fff; }
.join-area ul.join-area-inp .join-area-inp-ok a { color:#fff; }
.join-area ul.join-area-inp .join-area-inp-tip { clear:both; font-size:13px; padding:6px 0; }

.join-area-tip { clear:both; min-height:100px; background:#fff; margin:0; padding-bottom:20px; border-top:solid 2px #0b3b63; }
.join-area-tip > .tt { font-size:15px; font-weight:700; margin:25px 0 13px 70px }
.join-area-tip > .stt { font-size:14px;; margin:0 0 0 70px; line-height:150%; }



/* 로그인(Input관련 CSS는 common.css를 참고) */
#loginB { clear:both; width:100%; min-width:100%; background:#eee; height:498px; margin:0; padding:0; }
#login { width:1080px; margin:0px auto; }
.lg-tt { font-size:28px; color:#333; text-align:center; padding:40px 0; }
.lg-area { margin:0; padding:0; }
.lg-area .lg-area-l { width:490px; height:259px; border-top:1px solid #4970ae; background:#fff; float:left; margin:0 20px 0 0; padding:0 30px }
.lg-area .lg-area-l .lg-area-l-t { margin:45px 0 0 0; padding:0; display: flex; justify-content: space-between; }
.lg-area .lg-area-l .lg-area-l-t ul.l-t-input { /* float:left; */margin:0; padding:0; }
.lg-area .lg-area-l .lg-area-l-t .l-t-btn { float:right; width:116px; height:75px; background:#0977c9; color:#fff; border-radius:2px; }
.lg-area .lg-area-l .lg-area-l-t .l-t-btn li { font-size:15px; text-align:center; line-height:75px; color:#fff; }
.lg-area .lg-area-l .lg-area-l-m { margin:0; padding:0; display: flex; justify-content: space-between; }
.lg-area .lg-area-l .lg-area-l-m ul.l-m-input { /* float:left; */margin:0 0 15px 0; }
.lg-area .lg-area-l .lg-area-l-m ul.l-m-input li { float:left; }
.lg-area .lg-area-l .lg-area-l-m .l-m-btn { margin:18px 0 0 15px; /* float:left; */font-size:15px; color:#666; }
.lg-area .lg-area-l .lg-area-l-m .l-m-btn a { color:#666; text-decoration:none; }
.lg-area .lg-area-l .lg-area-l-m .l-m-btn .l-m-btn-icon { position:relative; top:3px; left:0; margin:0 2px 0 0; }
.lg-area .lg-area-l .lg-area-l-b { clear:both; margin:0; font-size:14px; text-align:center; padding:4px 50px; background:#1ec800; border-radius:5px; }
.lg-area .lg-area-l .lg-area-l-b a { cursor:pointer; color:#fff; }

.sns-login { display: flex; justify-content: space-between; }
.sns-login a { display: flex; align-items: center; justify-content: space-around; width: 32%; padding: 10px; box-sizing: border-box; border-radius: 15px; color: #fff; font-weight: bold; }
.sns-login a img { width: 15%; }
.sns-login a:nth-child(1) { background-color: #1ec800; }
.sns-login a:nth-child(2) { background-color: #fee500; color: #000; }
.sns-login a:nth-child(3) { background-color: #000; }
.sns-login a > div { }



.lg-area .lg-area-r { width:190px; height:259px; border-top:1px solid #4970ae; background:url(../../Public_html/Images/Members/img_join.png) no-repeat 50% 30px #fff; float:left; margin:0 20px 0 0; padding:0 20px; }
.lg-area .lg-area-r .lg-area-r-t { margin:50px 0 0 0; font-size:18px; color:#333; padding-left:180px; }
.lg-area .lg-area-r .lg-area-r-m { margin:25px 0 0 0; font-size:13px; color:#333; text-align:center; padding-top:100px; padding-left: 0; }
.lg-area .lg-area-r .lg-area-r-b { margin:10px 0 0 0; padding:0; }


.lg-area .lg-area-r2 { width:190px; height:259px; border-top:1px solid #4970ae; background:url(../../Public_html/Images/Members/epass_work.png) no-repeat 50% 40px #fff; background-size:80%; float:left; margin:0 20px 0 0; padding:0 20px; }
.lg-area .lg-area-r2 .lg-area-r-t { margin:25px 0 0 0; font-size:16px; color:#333; padding-top:95px; text-align:center; }
.lg-area .lg-area-r2 .lg-area-r-m { margin:25px 0 0 0; font-size:13px; color:#333; padding-top:100px; text-align:center; }
.lg-area .lg-area-r2 .lg-area-r-b { margin:5px 0 0 0; padding:0; }


/*.lg-area .lg-area-r { width:450px; height:259px; border-top:1px solid #4970ae; background:url(../../Public_html/Images/Members/img_join.png) no-repeat 35px 50px #fff; float:left; margin:0; padding:0 30px; }
.lg-area .lg-area-r .lg-area-r-t { margin:50px 0 0 0; font-size:18px; color:#333; padding-left:180px; }
.lg-area .lg-area-r .lg-area-r-m { margin:25px 0 0 0; font-size:13px; color:#999; line-height:150%; padding-left:180px; }
.lg-area .lg-area-r .lg-area-r-b { margin:25px 0 0 0; padding:10px 0; } */

/*.lg-area .lg-area-r .lg-area-r-b { margin:32px 0 0 0; background:#0b3b63; color:#fff; text-align:center; padding:10px 0; cursor:pointer; border-radius:5px; }
.lg-area .lg-area-r .lg-area-r-b a { color:#fff; } */

/* 아이디비밀번호 찾기 */
#login-fB { clear:both; width:100%; min-width:100%; background:#eee; height:785px; margin:0; padding:0; }
#login-f { width:1080px; margin:0px auto; }
.lg-f-tt { font-size:28px; color:#333; text-align:center; padding:40px 0; font-weight:500; }
ul.lg-f-tab { margin:0; padding:0; }
ul.lg-f-tab li { margin:0; padding:0; width:161px; text-align:center; font-size:20px; padding:15px 0; float:left; }
ul.lg-f-tab li a { color:#999; }
ul.lg-f-tab li.active { border-bottom:2px solid #4970ae; color:#333; font-weight:700; }
ul.lg-f-tab li.active a { color:#333; }
.lg-f-area { clear:both; width:100%; min-height:350px; overflow:hidden; background:#fff; margin:0; padding-bottom:20px; }
.lg-f-area .lg-f-area-tt { padding:50px 0 0 0; color:#333; font-size:18px; }
.lg-f-area .lg-f-area-tt > .tt { color:#333; font-size:18px; font-weight:700; line-height:150%; text-align:center; }
.lg-f-area .lg-f-area-tt > .stt { color:#666; font-size:15px; margin:5px 0 0 0; line-height:150%; text-align:center; }
.lg-f-area ul.lg-f-area-input { width:42%; float:left; margin:50px 20px 0 0px; padding:15px; border:solid 1px #ddd; border-radius:5px; }
.lg-f-area ul.lg-f-area-input li { margin-bottom:10px; }
.lg-f-area ul.lg-f-area-input label { font-size:15px; display:inline-table; width:80px; }
.lg-f-area ul.lg-f-area-input span { color:#000; font-size:14px; margin:0 8px; }
.lg-f-area .lg-f-area-btn { margin:20px 0 0 0px; color:#fff; text-align:center; padding:11px 0; border-radius:5px; display:inline-table; }
.lg-f-area .lg-f-area-btn:hover { text-decoration:none; background:#333; }

.lg-f-area-tip { clear:both; min-height:100px; background:#fff; margin:0; padding-bottom:20px; border-top:solid 2px #0b3b63; }
.lg-f-area-tip p { line-height:150%; }
.lg-f-area-tip > .tt { font-size:15px; font-weight:700; margin:25px 0 13px 70px }
.lg-f-area-tip > .stt { margin:0 0 0 70px; }

/*///////////////////////////////////*수험정보//////////////////////////////////////**/


.sc-exam .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 1em 1.264em; }

.sc-exam { margin:0 0 62px 0; }
.sc-exam .trans-tab { margin:16px 0 0 0; }
.sc-ex-area { margin:20px 0 0 0; }
.sc-ex-area p.ex-area-tt { color:#fff; font-size:1.2em; font-weight:700; margin:10px 0 10px 0; padding:5px 0 5px 22px; background:#0098dc; border-radius:5px; } /*background:url('../../Public_html/Images/Common/icon-dot01.jpg') no-repeat 0px 6px; */
.sc-ex-area p.ex-area-stt { color:#333; font-size:1.1em; margin:5px 18px; padding:5px 12px; background:#E0F3F8; } /*background:url('../../Public_html/Images/Common/icon-dot02.jpg') no-repeat 0px 9px; */
.sc-ex-area p.ex-area-stt2 { color:#333; font-size:1.1em; margin:5px 18px; padding:5px 12px; border:solid 1px #ccc; }
.sc-ex-area div.ex-area-cont { color:#666; font-size:1em; margin:15px 30px 30px 30px; line-height:160%; text-align:justify; word-break: break-all; }
.sc-ex-area div.ex-area-cont .sub { background: #0098dc; display: inline-block; padding: 20px; border-radius: 10px; margin-left: 40px; margin-top: 30px; }
.sc-ex-area div.ex-area-cont h3 { font-size: 28px; color: #fff; font-weight: bold; padding-bottom: 10px; padding-top: 20px; }
.sc-ex-area div.ex-area-cont .sub p { font-size: 18px; margin-top: 10px; color: #222; }

.sc-ex-area div.ex-area-cont table { font-size:1em !important; }
.sc-ex-area div.ex-area-cont_bg { background:#ededec; border:solid 1px #eee; padding:10px; }
.sc-ex-area div.ex-area-cont_bg2 { background:#f9e6e8; border:solid 1px #eee; padding:10px; }
.sc-ex-area div.ex-area-cont_bg3 { background:#f0eefe; border:solid 1px #eee; padding:10px; }
.sc-ex-area div.ex-area-cont > p { margin:0 0 10px 0; }
.sc-ex-area div.ex-area-cont ul.ex-list { margin:0; padding:0; }
.sc-ex-area div.ex-area-cont ul.ex-list li { margin:0 0 7px 0; padding:0 0 0 15px; background:url('../../Public_html/Images/Common/icon-dot03.jpg') no-repeat 0px 9px; }
.sc-ex-area div.ex-area-cont ul.ex-list li a { color:#666; }
.sc-ex-area div.ex-area-cont ul.ex-list li a:hover { color:#999; }
.sc-ex-area .bold-box { background: #ffc7b3; padding: 10px; margin-top: 10px; }
.sc-ex-area .bold-box p { color: #000; }
.sc-ex-area .bold-box .color-1 { color: #ff4208; font-weight: bold; }
.sc-ex-area .bold-box .color-2 { color: #0031a0; font-weight: bold; }

.basic div.sb-review-tt { overflow:hidden; padding-bottom:10px; border-bottom:1px solid #dbdbdb; } /**/
.basic ul.sb-tt { margin:17px 0 0 30px; padding:0; float:left; }
.basic ul.sb-tt li { float:left; color:#666; font-weight:500; font-size:14px; }
.basic ul.sb-tt li:last-child { margin-right:0px; }
.basic .sb-btn { border:1px solid #bbb; color:#222; font-size:13px; padding:6px 9px 5px 10px; }
.basic div.sb-review { clear:both; height:auto !important; }
.basic div.sb-review p { margin:0; padding:10px 30px; line-height:160%; font-size:13px; color:#999; font-weight:normal; }

/*///////////////////////////////////*이벤트//////////////////////////////////////**/
#sc .sc-e { margin:0; padding:0; }
.sc-e-list { clear:both; margin:20px 0 0 0; padding:0px; overflow:hidden; }
.sc-e-area { position:relative; float:left; margin:0 40px 30px 0; width:510px; height:320px; border:1px solid #e6e6e6; }
.sc-e-area:last-child { margin-right:0px; }
.sc-e-area-ing { position:absolute; top:15px; right:15px; background:#333; color:#fff; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-filter: alpha(opacity=80); opacity: 0.8; border:solid 1px #666; font-size:13px; padding:10px; }
.sc-e-area .sc-e-area-img { height:200px; background:#efefef; }
.sc-e-area .sc-e-area-img img { width:510px; height:200px; overflow:hidden; }
.sc-e-area ul.sc-e-area-info { margin:22px 0 22px 25px; padding:0; }
.sc-e-area ul.sc-e-area-info li.tt { color:#222; font-size:18px; line-height:155%; margin:0; padding:0; }
.sc-e-area ul.sc-e-area-info li.day { color:#999; font-size:14px; position:absolute; bottom:15px; }
.sc-e-area ul.sc-e-area-info li.day > span { color:#666; margin-right:10px; }


/** EVENT 상세페이지 **/
.sc-e-list-tt { margin:0; padding:0 0 30px 0; border-bottom:1px solid #e5e5e5; height:5px; }
.sc-e-list-tt ul.list-tt-l { float:left; margin:0; padding:0; }
.sc-e-list-tt ul.list-tt-l li { float:left; color:#222; font-size:18px; margin:0; padding:0; }
.sc-e-list-tt ul.list-tt-l li:last-child { position:relative; top:2px; }
.sc-e-list-tt ul.list-tt-l li.tip { margin:0 15px 0 0; font-size:13px; background:#ff8f1c; color:#fff; padding:5px 17px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; }
.sc-e-list-tt ul.list-tt-r { float:right; margin:0 20px 0 0; padding:0; }
.sc-e-list-tt ul.list-tt-r li { float:left; margin:10px 30px 0 0; padding:0; color:#888; font-size:13px; }
.sc-e-list-tt ul.list-tt-r li:last-child { margin-right:0px; }


.sc-e-list-img { clear:both; margin:60px 0 20px 0; }
/* 200302 동영상 플레이어 width 사이즈 때문에 수정
.sc-e-list-imgdiv { margin:0 auto; width:940px; }
*/


.sc-e-list-ft { border-top:1px solid #e5e5e5; margin:0; padding:30px 0 0 0; }
.sc-e-list-ft ul.list-ft-btn { margin:0 0 0 470px; }
.sc-e-list-ft ul.list-ft-btn li { float:left; background:#0977c9; border:1px solid #0977c9; margin:0 0 40px 0; font-size:16px; padding:9px 45px 8px 45px; }
.sc-e-list-ft ul.list-ft-btn li a { color:#fff; }
.sc-e-list-ft ul.list-ft-btn li:hover { border:1px solid #bbb; color:#222; background:#fff; }
.sc-e-list-ft ul.list-ft-btn li:hover a { color:#222; }


/*///////////////////////////////////*내강의실//////////////////////////////////////**/
#sc .sc-mc { padding:0; margin:0 }
.sc-mc-st { color:#333; font-size:18px; font-weight:500; margin-bottom:20px; padding:0 0 10px 0; border-bottom:solid 1px #eee; } /*작은 타이틀-전체페이지사용*/
.sc-mc-st span { color:#666; font-size:14px; font-weight:500; }

.sc-mc-con { margin-top:20px; overflow:hidden; }

/*내강의실 - 강의 교재 구매 book_buy.asp*/
.sc-o-area .sc-o-area-br { height:100px; padding:40px 0 0 20px; border-right:solid 1px #ddd; width:160px !important; float:left; }
.sc-o-area .sc-o-area-br2 { padding-top:50px; text-align:center; width:120px !important; float:left; }

/*내강의실 메인 리스트 : myclass_main.asp*/
.sc-mc-list { margin-bottom:20px; overflow:hidden; }
.sc-mc-list > div { float:left; width:47%; min-height:115px; padding:10px; margin-bottom:20px; border:solid 1px #eee; border-right:solid 2px #009add; border-radius:5px; }
.sc-mc-list > div:hover { background:#fbfeff; }
.sc-mc-list > div:nth-child(odd) { margin-right:15px; }
.sc-mc-list > div:nth-child(even) { }
.sc-mc-list > div div:first-child { background:url(../..../../Public_html/Images/Common/icon-dot01.jpg) no-repeat 3px; padding-left:25px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sc-mc-list > div div:first-child a:hover { color:#000; text-decoration:none; }
.sc-mc-list > div div:nth-child(2) { margin-top:30px; }
.sc-mc-list > div div { background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 3px; padding-left:15px; margin:5px 0 0 10px; }

/* 내강의실 ë°°ë„Ëâ€ÂÂÂ
.sc-mc-bn { margin-top:50px; border:solid 1px #ddd; padding:10px; height:36px; }
.sc-mc-bn li { float:left; width:19.8%; text-align:center; border-right:solid 1px #eee; }
.sc-mc-bn li:last-child { border-right:none; } */

/*내강의실 내정보 박스 myclass_main.asp / myclass_ing.asp*/
.sc-mc-me { float:left; overflow:hidden; height:150px; font-size:15px; margin-right:30px; border:solid 1px #ccc; border-radius:5px; }
/*.sc-mc-me div:first-child { border-right:none; padding:20px 5px 5px 5px; height:100px; width:105px; margin:0; background:#eee; text-align:center; } 아바타*/
.sc-mc-me div:first-child { width:5px; padding:0; height:100px; background:#fff; border-right:none; border-radius:5px; }
.sc-mc-me div { position:relative; float:left; overflow:hidden; height:110px; margin:10px; padding:0 30px 0 0px; border-right:solid 1px #ccc; }
.sc-mc-me div p { line-height:150%; }
.sc-mc-me div.dotDiv p { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 3px; line-height:180% !important; }
.sc-mc-me div:last-child { border-right:none; }

.sc-mc-n-area { width:100%; float:left; }
.sc-mc-n-area p.n-area-tt { margin:0; padding:0; color:#333; font-size:18px; font-weight:500; }
.sc-mc-n-area p.n-area-tt span { float:right; padding-right:5px; font-size:13px; line-height:24px; color:#666; }
.sc-mc-n-area .n-area-list li { line-height:200%; }
.sc-mc-n-area .n-area-list li:nth-child(odd) { float:left; color:#666; font-size:13.5px; width:76%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sc-mc-n-area .n-area-list li:nth-child(even) { float:left; font-size:12px; color:#999; width:20%; text-align:right; }
/*.sc-mc-con2 { border:solid 1px #ccc; border-radius:10px; padding:15px; line-height:24px; }
.sc-mc-con2 .dot-blue { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot05.png) no-repeat 3px; } */


/*진행중인과정 myclass_ing.asp, myclass-fp.asp */
.sc-mc-list01 { margin-top:20px; }
.sc-mc-list01 .sc-mc-sj { } /*종합*/
.sc-mc-list01 .sc-mc-sj td { background:#e5e5ee; padding:10px 5px; }
.sc-mc-list01 .sc-mc-sj td:first-child { font-weight:500; padding-left:12px !important; }
/*.sc-mc-list01 .sc-mc-sj .icon-plus { width:20px; background:url(../../Public_html/Images/Common/icon-plus01.png) #fcfcfc no-repeat 0 3px; } */
.sc-mc-list01 .sc-mc-pk { background:#c0c7d7; color:#113474 !important; font-size:18px !important; font-weight:700; text-align:left; padding-left:25px; } /*패키지*//*background-image: linear-gradient(#dbecf6, #dbecf6 0%, #ecf6fc 100%); */

/*수강중인강의 myclass_ing_view.asp*/
.sc-mc-view { overflow:hidden; border:solid 1px #ccc; border-radius:5px; padding:10px 10px 10px 20px; font-size:15px; }
.sc-mc-view li { float:left; border-bottom:solid 1px #eee; line-height:3em; }
.sc-mc-view li:first-child { width:10%; font-weight:700; background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 1px; padding-left:15px; }
.sc-mc-view li:last-child { width:80%; padding:0 20px; border-left:solid 1px #eee; }
.sc-mc-view ul:last-child li { border-bottom:none; }
.sc-mc-view li.lh { line-height:2em !important; padding:10px 20px; }

/*모바일 기기 초기화 myclass_device_reset.asp 무료세미나 신청완료에서도 사용 Lecture/Lecture_OFF_Free_Apply_Result.asp*/
.sc-mc-tBox { background:#fdfdfd; margin:20px 0; padding:15px; line-height:24px; border:solid 1px #ccc; border-radius:5px; }
.sc-mc-tBox .dotDiv { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 0 11px; line-height:180% !important; }
.sc-mc-tBox .dotDiv2 { padding-left:15px; background:url(../../Public_html/Images/Common/icon-dot05.png) no-repeat 0 11px; line-height:180% !important; }
.btn-B { width:200px; height:80px; vertical-align:middle; font-weight:700; font-size:25px; } /*큰버튼*/

/* 진도율 */

/*.jd-div div:first-child { float:left; margin:22px 10px 0 0; }
.jd-div div:last-child { float:left; margin:20px 0; width:930px; height:25px; background:#fff; } */
.jd-t { overflow:hidden; width:100%; border:solid 1px #333; border-radius:5px; text-align:right; font-size:14px; font-weight:700; color:#000; }
.jd-tt { overflow:hidden; margin-top:-21px; margin-left:1px; border-radius:4px; height:20px; background:#8edaf3; } /*background-image: linear-gradient(to top, #0977c9 0%, #0951c9 100%); */

.jd2-div { margin-top:20px; overflow:hidden; padding:0 10px 0 0; height:45px; }
.jd-t2 { overflow:hidden; width:100%; border:solid 2px #333; height:40px; line-height:40px; border-radius:5px; text-align:right; font-size:18px; font-weight:700; color:#000;; }
.jd-tt2 { overflow:hidden; margin-top:-42px; margin-left:2px; height:40px; border-radius:4px; background-image: linear-gradient(to top, #8edaf3 0%, #5dbede 100%); }

/* 진도율 *
.jd-div { margin-top:20px; border-radius:5px; overflow:hidden; border:solid 1px #ccc; padding:0 15px; background:#eee; }
.jd-div > div { line-height:20px; }
.jd-div > div:first-child { float:left; margin:22px 10px 0 0; }
.jd-div > div:last-child { float:left; margin:20px 0; width:930px; height:25px; background:#fff; }
.jd-t { overflow:hidden; width:100%; height:25px; line-height:25px; border:solid 1px #ddd; text-align:right; font-size:15px; font-weight:700; color:#0977c9; }
.jd-tt { overflow:hidden; margin-top:-26px; height:25px; background-image: linear-gradient(to top, #0977c9 0%, #0951c9 100%); } /*background-image: linear-gradient(to right, #70bff0 0%, #00f2fe 100%); background-image: linear-gradient(to right, #70bff0 0%, #70bff0 0%, #70bff0 15%, #70bff0 33%, #ee609c 66%, #ee609c 100%); */

/*온라인 평가센터 팝업*/
.mc-pop-tip { width:820px; margin:0 auto; } /*height:680px; overflow-y:auto; padding:10px; *//*overflow-x:hidden; verflow-y:auto; */


/*///////////////////////////////////*게시판(커뮤니티)//////////////////////////////////////**/
#sc .sc-bo { padding:0; margin:0; }
.sc-bo-list { margin:20px 0; }
.sc-bo-list .con-tit { text-align:left; overflow:hidden; text-overflow:ellipsis; padding-left:10px; }
.sc-bo-list .con-td { padding-left:10px; min-height:300px; line-height:24px; }

.np-text { border-top:solid 1px #747474; border-bottom:solid 1px #747474; height:40px; } /*다음글*/
.np-text div { display:table-cell; line-height:40px; }
.np-text div:first-child { width:100px; text-align:center; background:#f3f4f6; }
.np-text div:last-child { padding-left:15px }

.re-arrow { color:#0977c9; font-weight:700; font-size:20px; }


/*///////////////////////////////////도서구매////////////////////////////*/

/*도서 리스트 - Myclass/book_buy.asp */
.sc-o-area { overflow:hidden; margin:0 0 20px 0; padding:0 0 20px 0; width:100%; border:1px solid #ddd; }
.sc-o-area ul.sc-o-area-l { margin:12px 0 0 20px; float:left; width:67%; border-right:1px solid #ddd; }
.sc-o-area ul.sc-o-area-l li.tt { color:#333; font-weight:700; font-size:17px; margin:10px 0 0 0; }
.sc-o-area ul.sc-o-area-l li.tip { color:#f91f43; font-size:12.5px; margin:8px 0 0 0; }
.sc-o-area ul.sc-o-area-l li.teacher { margin:40px 0 0 0; color:#696969; font-size:12px; }
.sc-o-area ul.sc-o-area-l li.line { width:93%; height:1px; margin:8px 0 6px 0; background:#eee; padding:0 20px; }
.sc-o-area ul.sc-o-area-l li.info { color:#aaa9a9; font-size:11px; }
.sc-o-area ul.sc-o-area-l li.info .bar { font-size:9px; }
.sc-o-area .sc-o-area-r { margin:12px 0 0 20px; float:left; width:309px; }
.sc-o-area .sc-o-area-r ul.area-r-add { margin:0; padding:0; }
.sc-o-area .sc-o-area-r ul.area-r-add li span.before { text-decoration: line-through; font-size:14px; color:#999; margin:0 10px 0 0 }
.sc-o-area .sc-o-area-r ul.area-r-add li span.after { font-size:16px; font-weight:700; color:#f91f43; }
.sc-o-area .sc-o-area-r ul.area-r-add li span.sale { position:relative; top:3px; left:0; }

/*도서 수량 조절 이미지*/
.amount-img { display:inline-table; position:relative; top:-4px; left:-2px; border:solid 1px #fff; padding:0; margin:0; line-height:5px; width:19px; }


/*///////////////////////////////////마이페이지////////////////////////////*/
#sc .sc-mp { padding:0; margin:0 }
.sc-mp-list { margin-top:20px; }
.sc-mp-list div.textDot { display:inline-block; width:860px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } /*주문배송조회 텍스트처리*/
.sc-mp-list .totalText2 { font-size:26px; position:relative; top:3px; } /*중간총합계*/
.sc-mp-addbox { min-width:200px; overflow:hidden; padding:10px 20px 20px 20px; background:#f5f8fc; border:solid 1px #ccc; border-radius:5px; }

/*총금액*/
.sc-mp-totalbox { position:relative; overflow:hidden; border:solid 1px #ccc; text-align:center; font-weight:700; background:#f5f8fc; border-radius:5px; }
.sc-mp-totalbox .cir { position:absolute; width:30px; height:30px; line-height:30px; font-size:25px; color:#fff; background:#505766; border-radius:100%; }
.sc-mp-totalbox .totalText { letter-spacing:-0.02em; font-size:30px; } /*하단 전체총합계*/

/*해외배송 총금액*/
.sc-mp-totalbox2 { position:relative; overflow:hidden; border:solid 1px #ccc; text-align:center; font-weight:700; background:#f5f8fc; border-radius:5px; }
.sc-mp-totalbox2 .cir { position:absolute; width:30px; height:30px; line-height:30px; font-size:25px; color:#fff; background:#505766; border-radius:100%; }
.sc-mp-totalbox2 .totalText { letter-spacing:-0.02em; }
/*장바구니 할인쿠폰 적용 후 가격*/
.sc-mp-list .discount span.before { font-weight:700; text-decoration: line-through; color:#999; }

/* 마이페이지 장바구니-할인쿠폰적용, 적립금사용, 상품신청확인 팝업 등등...*/
.sc-mp-pop { width:600px; overflow-x:hidden; overflow-y:auto; padding:10px 10px 30px 10px; }


/*//////////////////강사소개/////////////////////////*/
#sc .sc-tc { padding:0; margin:0; }
/* 강사소개 영역 : 과정상세 강사부분도 사용*/
.sc-tc .sc-tc-list { margin:20px 0 0 0; overflow:hidden; }
.sc-tc-area { width:248px; margin:0 20px 50px 0; padding:0; vertical-align:text-bottom; overflow:hidden; border-radius:6px; border:1px solid #009add; float:left; }

.sc-tc-area .area-b { position:absolute; bottom:0; width:230px; margin:0; background:#009add; padding:6px 10px; color:#fff; font-size:12px; border-bottom-left-radius:5px; border-bottom-right-radius:6px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-filter: alpha(opacity=80); opacity: 0.8; }

.sc-tc-link:hover { background:#f4fcff; } /*border:solid 1px #2359b5; */
.sc-tc-link:hover .area-b { text-decoration:none; background:#009add; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: alpha(opacity=100); opacity: 1; }

/* .sc-tc-area:nth-child(4n) { margin:0 0 0 2px !important; } */
.sc-tc-area .area-i { overflow:hidden; } /*margin:0 0 -3px 50px; */
.sc-tc-area .area-l { z-index:99; top:5px; padding:15px 0 15px 20px; width:230px; } /*background:#fafafa; z-index:-99; */
.sc-tc-area .area-l2 { padding-top:70px !important; } /*강사상세페이지 이름 사용*/
.sc-tc-area .area-l li.int { color:#666; font-size:14px; font-weight:400; }
.sc-tc-area .area-l li.tt { margin:0; color:#000; font-size:25px; font-weight:700; }
.sc-tc-area .area-l li.stt { margin:20px 0 0 0; color:#9d9c9c; font-size:13px; line-height:140%; }

/*.sc-tc-area .area-b { width:95px; margin:135px 0 0 20px; padding:6px; font-size:12px; background:#666; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); -khtml-opacity: 0.60; -moz-opacity: 0.60; -ms-filter: alpha(opacity=60); opacity: 0.60; }
.sc-tc-area .area-b span.btn a { color:#fff; } */


/*.sc-tc-area .area-b { position:absolute; bottom:0; width:226px; margin:0; padding:6px 12px; font-size:12px; color:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#2359b5; }
.sc-tc-area .area-b span.btn_tc a { color:#fff; }
.sc-tc-area .area-b span.btn_tc a:hover { text-decoration:none; } */

/*강사 상세*/
.sc-tc-detail { background:#f4fcff; width:248px; color:#666; min-height:150px; } /*.sc-tc-detail { background:#0977c9; color:#fff; width:250px; min-height:150px; } */
.sc-tc-detail .t-pf { background:#009add; font-weight:500; padding:5px 10px; color:#fff; }
.sc-tc-detail .t-pf span { margin-right:5px; margin-top:2px; }
.sc-tc-detail .t-pf1 { margin-top:5px; padding:10px; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size:14px; letter-spacing:-0.02em; }

/*////////////////// 이메일무단수집거부 /////////////////////////
.refuse_area { border:1px solid #dedede; padding:20px 20px; display:block; overflow:hidden; }
.refuse_area li { float:left; }
.refuse_area li:nth-child(1) { padding:0 20px 0 0; }
.refuse_area li:nth-child(2) { width:87%; word-break:break-all; margin-top:20px; } */


/*////////////////// 사이트맵 /////////////////////////*/

.ss_tlt { width: 100%; font-weight: 500; font-size: 20px; color: #333333; text-align: center; padding: 5px 5px; margin: 0 auto; background: #eee;; }
.sitemap { margin:0 0 62px 0; overflow:hidden; }
.sitemap .clear { content: ''; display: block; clear: both; }
.sitemap .site_section { margin-bottom: 20px; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e6e6e6; }
.sitemap .site_section ul { }
.sitemap .site_section ul li { margin: 0 20px; }
.sitemap .site_section ul li b { float: left; text-align: center; font-size: 18px; font-weight: normal; color:#2359b5; width: 12%; }
.sitemap .site_section ul li b::after { content: ''; display: block; clear: both; padding: 3px; border-bottom: 2px solid #2359b5; }
.sitemap .site_section ul li b a { color:#2359b5; }

.sitemap .site_section .a_list li b { margin-right: 31px; color:#000; width:17%; }
.sitemap .site_section .a_list li b::after { content: ''; display: block; clear: both; padding: 0px; border-bottom: none; }
.sitemap .site_section ul li ol { float: left; width: 21.33%; }
.sitemap .site_section ul li ol li { display: block; padding: 5px; font-size: 15px; border-bottom: 1px solid #eee; }
/*.sitemap .site_section ul li ol li:last-child { border-bottom: 2px solid #2359b5; } */







/*////////////////// 고객센터 /////////////////////////*/


/*모바일학습안내*/
.conbox { width:1030px; overflow:hidden; border:solid 5px #fcb237; padding:20px; }
.conbox1 { clear:both; }
.conbox1 ul li { float:left; width:339px; text-align:center; margin:20px 0; height:680px; }
.conbox1 ul li p { width:304px; text-align:left; padding-left:20px; }
.conbox1 ul li img { width:304px; margin-bottom:10px; }
.conbox1 h3 { font-size:20px; }

.conbox2 { clear:both; overflow:hidden; }
.conbox2 p { float:left; }

.conbox3 { clear:both; margin-top:30px; }
.conbox3 ul { margin-top:10px; }
.conbox3 ul li { }

.conbox4 { clear:both; }
.conbox4 ul li { float:left; text-align:center; margin:20px 0; }
.conbox4 ul li p { text-align:left; padding-left:20px; }
.conbox4 ul li img { margin-bottom:10px; padding:10px; }
.conbox4 h3 { font-size:20px; }
.conbox4 .Cnum { border-radius:100%; background:#e11515; color:#fff; padding:0 7px 2px 7px; margin-right:5px; }


/*고객센터 메인 배너*/
.Cbanner { overflow:hidden; background:#fff; text-align:center; width:1080px; margin:0 auto; height:80px; border-radius:10px; margin-top:40px; margin-bottom:40px; }
.Cbanner ul { float:left; width:260px; border-right:solid 1px #ccc; padding-top:15px; margin-top:5px; }
.Cbanner ul:last-child { border-right:none; }
.Cbanner ul li { float:left; }
.Cbanner ul li img { padding-left:30px; padding-right:10px; }
.Cbanner ul li:last-child { line-height:40px; font-size:18px; padding-right:10px; }

/*///////////내일배움카드 - 근로자카드 //////*/
.work-box { border-radius:5px; border:solid 1px #ccc; }
.work-box2 { border-radius:5px; border:solid 2px #ccc; }

/*/////////////////////////////////// WINDOWS POPUP ////////////////////////////*/
#pop { width:100%; height:100%; margin:0px auto; }
.pop-area { margin:15px; padding:0; }
.pop-tt { font-size:22px; color:#000; font-weight:700; }
.pop-tt span.pop-tt-step { float:right; position:relative; top:10px; left:0; color:#999; font-size:13px; margin:0 20px 0 0; }
.pop-tt span.pop-tt-step > strong { color:#203546; }
ul.pop-tt-list { position:relative; top:-10px; display:inline-block; float:right; margin:0 20px 0 0; padding:0; }
ul.pop-tt-list li { float:left; font-size:13px; }
ul.pop-tt-list li a { color:#7f7f7f; }
ul.pop-tt-list li.bar { color:#dee3eb; margin:0 9px }
ul.pop-tt-list li:hover { color:#4970ae }
.pop-stt { clear:both; font-size:15px; color:#666; margin:10px 0 0 0; padding:0; line-height:150%; }
.pop-area .trans-tab { margin:16px 0 0 0; padding:0; }


/** DIV POPUP **/
.layer { position:absolute; left:50%; top:50%; width:536px; height:770px; margin:-420px 0 0 -250px; padding:15px; border:1px solid #ddd; background:#fff; z-index:99999; }
.layer .closeBtn { margin-top:30px; text-align:center; }
button { padding:9px 40px; background:#0098de; font-size:14px; cursor:pointer; color:#fff; border:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; }
.dimmed { width:100%; height:100%; background:#000; z-index:10; opacity:0.3; }

.layer .map-arera { margin:0; padding:0; }
.layer ul.map-list { margin:30px 0 20px 0; padding:0; }
.layer ul.map-list li.tt { color:#333; font-size:14px; font-weight:700; }
.layer ul.map-list li.stt { color:#666; font-size:13px; margin:0 0 7px 0; }


/* 210421 table 아코디언 */
.ex-area-cont.table-2 { }
.ex-area-cont.table-2 td { text-align: left; padding-left: 20px; }
.ex-area-cont.table-2 td.st { border-left:0; background: #f1f1f1; padding: 20px; }
.ex-area-cont.table-2 .bg td { border-left:0; background: #f1f1f1; }
.ex-area-cont.table-2 td.st p { line-height: 1.7; position: relative; }
.ex-area-cont.table-2 td.st .num { position: absolute; top: 0; left: 0; }
.ex-area-cont.table-2 td.st .tt-cont { padding: 0 0 0 15px; display: inline-block; }
.ex-area-cont.table-2 td.st .type { display: inline-block; margin: 0 0 20px 0; border-radius: 3px; color: #0071a1; padding: 3px; font-weight: bold; }
.ex-area-cont.table-2 td.st .pd-left { padding-left: 20px; }

.ex-area-cont .blue { color: #0098dc; }

/* 2021 thanks_event */

@font-face { font-family: 'GmarketSansMedium'; src: url('../../gh/projectnoonnu/noonfonts_2001-1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'GmarketSansLight'; src: url('../../gh/projectnoonnu/noonfonts_2001-1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

#scB.thanks_21 .video-bg { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: 0; background: #274942; overflow: hidden; }
#scB.thanks_21 .video-bg::before { clear: both; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
#scB.thanks_21 .video-bg video { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.18); z-index: -1; min-height: 793px; }

#scB.thanks_21 img { display: block; }
#scB.thanks_21 { }
#scB.thanks_21 { } .section { position: relative; }
#scB.thanks_21 .sec-content { position: relative; width:1100px; margin: 0px auto 0px; }
#scB.thanks_21 .sec-00 { }
#scB.thanks_21 .sec-01 { background: #f7363b; }
#scB.thanks_21 .sec-02 { background: #ffba00; }
#scB.thanks_21 .sec-03 { background: #f7363b; }
#scB.thanks_21 .sec-04 { background: rgb(51, 51, 51); }

#scB.thanks_21 .time-area { position: relative; }
#scB.thanks_21 .time-count { position: absolute; top: 80px; left: 50%; margin-left: -247px; width: 494px; height: 70px; background: #333333; border-radius: 16px; }

#scB.thanks_21 #countDay { font-family: 'GmarketSansMedium'; text-align: center; display: flex; justify-content: space-around; padding: 8px 10px 0; align-items: baseline; }
#scB.thanks_21 #countDay span { font-size: 60px; color: #fff; letter-spacing: 5px; line-height: 68px; width:74px; }
#scB.thanks_21 #countDay span:nth-child(even) { font-size: 22px; width:20px; }

#scB.thanks_21 .video-slide { max-width: 1100px; margin: 40px auto 0px; height: 195px; padding-bottom: 100px; overflow: hidden; }
#scB.thanks_21 .video-slide .slick-list { overflow: inherit; }
#scB.thanks_21 .youtubeSlide img { width: 340px; transition: all ease 0.35s; }
#scB.thanks_21 .youtubeSlide .slide.slick-center img { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); }
#scB.thanks_21 .youtubeSlide .slide { margin: 0 8px; height:100%; padding: 15px 0; opacity: 0.45; transition: all ease 0.35s; }
#scB.thanks_21 .youtubeSlide .slide iframe { width: 100%; height:160px; transition: all ease 0.35s; }
#scB.thanks_21 .youtubeSlide .slide.slick-center { /* padding:0; */opacity: 1; }
#scB.thanks_21 .youtubeSlide .slide.slick-center iframe { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); }
#scB.thanks_21 .youtubeSlide button { position: absolute; top: 38%; z-index: 99; width: 53px; height: 52px; padding: 0; text-indent: -9999px; }
#scB.thanks_21 .youtubeSlide button.slick-prev { left:50%; margin-left: -195px; background: url(../../Typec_Image/info_etax/info_etax_left_arrow.png); }
#scB.thanks_21 .youtubeSlide button.slick-next { left:50%; margin-left: 140px; background: url(../../Typec_Image/info_etax/info_etax_right_arrow.png); }
#scB.thanks_21 .review-area { position: relative; margin: 20px auto 40px; font-family: 'GmarketSansMedium'; }
#scB.thanks_21 .review-area .review-box { background: #fff; border: 2px solid #000; max-width: 766px; margin: 60px auto 0; position: relative; padding: 23px 34px; box-sizing: border-box; }
#scB.thanks_21 .review-area .review-box::before { clear: both; content:''; display: block; position: absolute; top: -55px; left: 330px; background: #fff; width: 110px; height: 55px; border-top-left-radius: 70px; border-top-right-radius: 70px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; box-sizing: border-box; }
#scB.thanks_21 .review-area .rev-icon { background: url(../../Public_html/Images/event/thanks/211125_thanks_10.png); position: absolute; top: -28px; left: 361px; width: 49px; height: 48px; }
#scB.thanks_21 .review-area .rev-tit { font-size: 20px; text-align: center; padding-bottom: 20px; }
#scB.thanks_21 .review-area .rev-text { background: url(../../Public_html/Images/event/thanks/211125_thanks_11.jpg); position: relative; }
#scB.thanks_21 .review-area .rev-text i { background: url(../../Public_html/Images/event/thanks/211125_thanks_11.png); width: 37px; height: 33px; display: inline; position: absolute; top: -6px; left: 0; }
#scB.thanks_21 .review-area .rev-text p { font-size: 20px; letter-spacing: -1px; line-height: 31px; }
#scB.thanks_21 .review-area .rev-text p span { padding-left: 46px; }
#scB.thanks_21 .arrow_right { position: absolute; top: 50%; left: 50%; margin-left: -454px; }
#scB.thanks_21 .arrow_left { position: absolute; top: 50%; left: 50%; margin-left: 432px; cursor: pointer; }

#scB.thanks_21 .all-rev { position: relative; }
#scB.thanks_21 .all-rev .btn-0 { top: 0; left: 50%; margin-left: -233px; width: 466px; height: 100%; }
#scB.thanks_21 .all-rev .btn-1 { top: 0; left: 50%; margin-left: -125px; width: 250px; height: 100%; }
#scB.thanks_21 .all-rev .btn-2 { top: 0; left: 50%; margin-left: 134px; width: 250px; height: 100%; }

#scB.thanks_21 .link-btn-area { margin: 0 auto; max-width: 786px; }
#scB.thanks_21 .link-btn-area.pb-100 { padding-bottom: 150px; }
#scB.thanks_21 .link-tit { text-align: center; position: relative; }
#scB.thanks_21 .link-tit .tit-bg { background: url(../../Public_html/Images/event/thanks/211125_thanks_09.jpg); width: 100%; height: 20px; position: absolute; top: 4px; left: 0; }
#scB.thanks_21 .link-tit p { font-family: 'GmarketSansLight'; color: #fdc30f; font-size: 36px; font-weight: bold; display: inline-block; background: #f7363b; padding: 0 20px; z-index: 1; position: relative; line-height: 36px; }
#scB.thanks_21 .link-tit.ty-3 { margin-top: 20px; margin-bottom: 10px; }
#scB.thanks_21 .link-tit.ty-3 .flex-ly { display: flex; justify-content: space-between; }

#scB.thanks_21 .link-btn-area ul { font-family: 'GmarketSansMedium'; margin-top: 10px; }
#scB.thanks_21 .link-btn-area ul::after { clear: both; content: ''; display: block; }
#scB.thanks_21 .link-btn-area ul.wd-50 { margin: 0; }
#scB.thanks_21 .link-btn-area ul.wd-50 li { width: calc(50% - 10px); float: left; margin-bottom: 10px; }
#scB.thanks_21 .link-btn-area ul.wd-50 li:nth-child(2n-1) { margin-right: 5px; }
#scB.thanks_21 .link-btn-area ul.wd-50 li:nth-child(2n-0) { margin-left: 5px; }
#scB.thanks_21 .link-btn-area ul.wd-33 li { }
#scB.thanks_21 .link-btn-area .link-btn { display: block; width: 100%; background: #fff; border: 1px solid #000; padding: 17px 0 14px; position: relative; line-height: 1; z-index: 1; overflow: hidden; }
#scB.thanks_21 .link-btn-area .link-btn .o-l { width: 8px; height: 100%; background: #ffba00; position: absolute; top: 0; left: 0; }
#scB.thanks_21 .link-btn-area .link-btn .info-tt { font-size: 18px; display: inline-block; line-height: 18px; padding: 0 10px 0 18px; vertical-align: baseline; letter-spacing: -1.8px; }
#scB.thanks_21 .link-btn-area .link-btn .r-arrow { background: url(../../Public_html/Images/event/thanks/211125_thanks_08.png); display: inline-block; width: 8px; height: 12px; background-repeat: no-repeat; background-position: center center; }

#scB.thanks_21 .info-ess { font-family: 'GmarketSansMedium'; }
#scB.thanks_21 .info-ess::after { clear: both; content:''; display: block; position: absolute; top: -94px; left: 456px; background: #333; width: 188px; height: 94px; border-top-left-radius: 94px; border-top-right-radius: 94px; box-sizing: border-box; }
#scB.thanks_21 .info-ess .ess-icon { background: url(../../Public_html/Images/event/thanks/211125_thanks_12.png); width: 110px; height: 108px; position: absolute; top: -55px; left: 50%; margin-left: -52px; z-index: 1; }
#scB.thanks_21 .info-ess .ess-tt { padding: 88px 0 50px; }
#scB.thanks_21 .info-ess .ess-tt p { font-size: 20px; color: #fff; }
#scB.thanks_21 .info-ess .ess-tt p.tit { font-weight: bold; }
#scB.thanks_21 .info-ess .ess-tt .ess-test { padding: 30px 0 0; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p { display: table-cell; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p.sub-tit { width: 150px; text-align: right; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p > span { /* display: table-cell; */
 display: block; }
#scB.thanks_21 .info-ess .ess-tt .ess-test p > span span { display: table-cell; }
#scB.thanks_21 .info-ess .ess-tt .ess-test .line { display: inline-block; padding: 0 20px; }
#scB.thanks_21 .info-ess .ess-tt .ess-test .color { color: #fff100; }



#set { position: absolute; width: 100%; height: 8224px; top: 132px; left: 0; max-height: 8224px; }


/* 신규강사 css */
.teacher-det { background: #fff; position: relative; }
.teacher-det #sc { width: 100%; margin: 0 auto; padding: 0; }

#scB.teacher-det { /* padding: 20px 0; */ }
#scB.teacher-det .sc-tc { background:#f0f0f0; padding: 20px 0 0; }
#scB.teacher-det .sc-tc-a:nth-child(odd) { background:#f0f0f0; }
#scB.teacher-det .sc-tc-a:nth-child(odd) h4 { color: #274d98; }

.tc-info-area { position: relative; width: 1100px; margin: 0 auto; }
.tc-info-area img { display: block; }
.tc-info-area .tc-in-area { position: relative; }
.tc-info-area .bg-doc { position: absolute; bottom: 10%; left: 0; }
.tc-info-area .bg-doc { animation: pol-animate 20s ease-in-out infinite;; width: 50%; height: 50%; z-index: 1; display: block; }
@keyframes pol-animate { 0%,100% { transform: rotateY(00deg) rotateX(00deg); }
 50% { transform: rotateY(40deg) rotateX(10deg); }
 }


.tc-info-area .tc-pic { z-index: 1; position: relative; }
.tc-info-area .tc-pic img { position: relative; z-index: 1; display: block; }
.tc-info-area .tc-info-b { position: absolute; top: 150px; left: 550px; z-index: 1; padding: 0 5px; box-sizing: border-box; width: 350px; }
.tc-info-area .tc-info-b .tc-point { /* margin: 0 5px; */ }
.tc-info-area .tc-info-b .tc-point ul { display: flex; justify-content: flex-start; }
.tc-info-area .tc-info-b .tc-point ul li { background: #e2e2e2; border-radius: 10px; margin: 0 5px; padding: 0 5px; line-height: 1.5; }
.tc-info-area .tc-info-b .tc-point ul li span { font-size: 16px; color: #666; }
.tc-info-area .tc-info-b .tc-name { padding: 20px 0; /* margin: 0 5px; */ }
.tc-info-area .tc-info-b .tc-name p { font-size: 30px; font-weight: bold; line-height: 1; }
.tc-info-area .tc-info-b .tc-name p span { font-size: 40px; margin-right: 10px; }
.tc-info-area .tc-info-b .dim-line { width: 100%; height: 2px; background: #8cb1f7; }
.tc-info-area .tc-info-b .tc-tt { padding: 20px 0; }
.tc-info-area .tc-info-b .tc-tt p { font-size: 56px; font-weight: bold; color: #347afe; font-family: 'GmarketSansBold'; line-height: 1; letter-spacing: -1px; }
.tc-info-area .tc-profile { position: absolute; top: 548px; left: 550px; z-index: 1; }
.tc-info-area .tc-profile .tc-pro-tit { display: inline-block; background: #fff; border-radius: 20px; padding: 8px 20px; border: 2px solid #000; box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); }
.tc-info-area .tc-profile .tc-pro-tit p { font-size: 20px; letter-spacing: -1px; line-height: 1; font-weight: 500; }
.tc-info-area .tc-profile .pro-tt { margin-top: 20px; background: rgba(255,255,255,0.7); width: 362px; height: 244px; padding: 8px; box-sizing: border-box; }
.tc-info-area .tc-profile .pro-tt > div { width: 100%; height: 100%; overflow-y: scroll; }
.tc-info-area .tc-profile .pro-tt p { text-align: left; letter-spacing: -1px; font-size: 16px; color: #333; }
.dim-line.black { width: 100%; height: 20px; background: #000; }
.tc-info-area.sub .tc-cur { /* padding: 80px 19px 65px; */ }
.tc-info-area .tc-cur { padding: 65px 19px; box-sizing: border-box; max-width: 768px; margin: 0 auto; }
.tc-info-area .tc-cur h4 { font-size: 35px; color: #659aff; font-weight: 500; line-height: 1; /* padding-bottom: 10px; */margin-bottom: 35px; letter-spacing: -1px; }
.tc-info-area .dot { /* position: absolute; *//* top: 206px; *//* left: 357px; *//* width: 10px; *//* height: 10px; *//* display: block; *//* background: #000; *//* border-radius: 50%; *//* z-index: 4; */ }
.tc-info-area .tc-cur .tc-cur-t { }
.tc-info-area .tc-cur .tc-cur-t ul { }
.tc-info-area .tc-cur .tc-cur-t .dim-line { background: #aeaeae; width: 100%; height: 1px; }
.tc-info-area .tc-cur .tc-cur-t ul li { border: 1px solid #aeaeae; margin: 0 0 25px; padding: 10px; box-sizing: border-box; background: #f5f6f7; }
.tc-info-area .tc-cur .tc-cur-t ul li:last-child { margin:0; }
.tc-info-area .tc-cur .tc-cur-t ul li:before,
.tc-info-area .tc-cur .tc-cur-t ul li:after { clear:both; content:''; display:block; }
.tc-info-area .tc-cur .tc-cur-t ul li .cla-tit { font-size: 22px; color: #333; font-weight: bold; line-height: 1.3; max-width: 90%; }
.tc-info-area .tc-cur .tc-cur-t ul li .link-btn { position: absolute; top: calc(50% - 15px); right: 13px; width: 40px; height: 40px; background: url(https://epasskorea.com/Public_html/Images/Teacher/tea_arrow.png); }
.tc-info-area .tc-cur .tc-cur-t .cls-tit { padding: 15px 25px; position: relative; }
.tc-info-area .tc-cur .tc-cur-t .cls-info { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 15px 25px 0; }
.tc-info-area .tc-cur .cls-info .stu-info { display: flex; /* justify-content: center; */flex-wrap: wrap; align-self: center; width: 50%; padding: 15px 0; }
.tc-info-area .tc-cur .cls-info .stu-l { width: 80%; display: flex; flex-wrap: wrap; }
.tc-info-area .tc-cur .cls-info .stu-r { width: 20%; max-width: 110px; }
.tc-info-area .tc-cur .cls-info .stu-info > div { display: flex; align-items: center; justify-content: center; margin-left: 15px; }
.tc-info-area .tc-cur .cls-info .stu-info.stu-day { }
.tc-info-area .tc-cur .cls-info .stu-info.stu-time { }
.tc-info-area .tc-cur .cls-info .stu-info.stu-num { }
.tc-info-area .tc-cur .cls-info .stu-info.stu-pay { }
.tc-info-area .tc-cur .cls-info .stu-info.stu-upload { display: block; width: 100%; text-align: center; }
.tc-info-area .tc-cur .cls-info .stu-info.stu-upload > div { margin: 20px 0 0; }
.tc-info-area .tc-cur .cls-info .stu-info.stu-upload > div span.blue { color: #347afe; }
.tc-info-area .tc-cur .cls-info .stu-info.stu-upload > div span.red { color: #d91414; }
.tc-info-area .tc-cur .cls-info .stu-info.stu-upload > div span.green { color: #3f8c0b; }
.tc-info-area .tc-cur .cls-info .stu-info p { color: #fff; font-size: 22px; line-height: 32px; background: #b9b8b8; border-radius: 16px; letter-spacing: -1px; width: 110px; text-align: center; box-sizing: border-box; }
.tc-info-area .tc-cur .cls-info .stu-info span { font-size: 24px; color: #525252; display: block; }
.tc-info-area .tc-info-bk-a { border-bottom: 1px solid #d8d8d8; margin: 20px auto 0; }
.tc-info-area .tc-info-bk { display: flex; flex-wrap: wrap; border-top: 1px solid #d8d8d8; padding: 30px 0; }
.tc-info-area .tc-info-bk li { width: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.tc-info-area .tc-info-bk:nth-child(even) { flex-direction: row-reverse; }
.tc-info-area .tc-info-bk .bk-img { background: #d1d0d0; border-radius: 50%; width: 250px; }
.tc-info-area .tc-info-bk .bk-img img { max-width: 250px; margin: 0 auto; height: 250px; }
.tc-info-area .tc-info-bk p { font-size: 20px; color: #3d3d3d; line-height: 1.5; }
.tc-info-area .video-area { margin: 0 0 30px 0; }
.tc-info-area .video-area:last-child { margin: 0; }
.tc-info-area .video-area .tit { font-size: 22px; font-weight: 500; letter-spacing: -1px; color: #347afe; padding: 0 0 0 10px; }
.tc-info-area .video-area .tit span { }
.tc-info-area .video-area .tit span:last-child { padding: 0 0 0 10px; }
.tc-info-area .video-area .video-t { position: relative; margin: 10px 0 0; }
.tc-info-area .video-area .video-t iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tc-info-area .review-area { border-top: 2px solid #b3c0da; }
.tc-info-area .review-area li { display: flex; padding: 20px 0; box-sizing: border-box; align-items: flex-start; }
.tc-info-area .review-area li { border-bottom: 1px solid #d8d8d8; }
.tc-info-area .review-area li:nth-child(even) { background: #fafafa; }
.tc-info-area .review-area li > div { padding: 0 15px; box-sizing: border-box; }
.tc-info-area .review-area .count { width: 120px; color: #3479fd; font-weight: bold; border-right: 1px solid #7a7a7a; line-height: 1.2; font-size: 18px; }
.tc-info-area .review-area .name { }
.tc-info-area .review-area .name p { font-weight: 350; font-size: 18px; color: #686868; word-break: keep-all; }
.tc-info-area .review-area .r-text { }
.tc-info-area .review-area .r-text p { word-break: keep-all; font-size: 18px; color: #3d3d3d; font-weight: 350; }
.tea-list-btn { max-width: 1100px; margin: 0px auto 60px; text-align: center; }
.tea-list-btn ul { display:flex; justify-content: center; }

/* 강사소개 리스트 new 22 */

.sc-tc .sc-tc-list-a { padding: 0 40px 0; }
.sc-tc .sc-tc-list-new { display: flex; flex-wrap: wrap; }
.sc-tc .sc-tc-list-new .tea-aa { width: 320px; height: 225px; position: relative; border: 1px solid #c6c6c6; box-sizing: border-box; margin: 0 0px 30px 0; }
.sc-tc .sc-tc-list-new .tea-aa:not(:nth-child(3n-2)) { margin: 0 0px 30px 30px; }
.sc-tc .class-tit { padding: 20px 0 40px; }
.sc-tc .class-tit p { font-size: 24px; font-weight: 500; display: flex; align-items: center; letter-spacing: -0.05em; }
.sc-tc .class-tit p span { padding-left: 10px; }
.sc-tc .class-tit p i { font-size: 10px; }
.sc-tc .tea-aa .area-i { position: absolute; bottom: 0; right: 0; display: block; }
.sc-tc .tea-aa .area-i img { display: block; }
.sc-tc .tea-aa .area-l { position: absolute; top: 37px; left: 28px; }
.sc-tc .tea-aa .area-l .tt { font-size: 32px; font-weight: bold; }
.sc-tc .tea-aa .area-l .int { font-size: 20px; }
.sc-tc .tea-aa .area-l p { letter-spacing: -0.05em; }
.sc-tc .sc-tc-list-new .tea-aa:hover { background: #eeeeee; }
.sc-tc .sc-tc-list-new .tea-aa:hover .area-l p { }



/*saleinfo*/
.sc-saleinfo { margin:0 0 62px 0; }
.sc-saleinfo .saleinfo { overflow:hidden; padding:20px 0; border-bottom:solid 1px #ccc; min-height:150px; display: flex; }
.sc-saleinfo .saleinfo > div { }
.sc-saleinfo .saleinfo > div:first-child { background:url('../../Public_html/Images/Common/icon-dot01.png') no-repeat 0 15px; width: 24%; padding-left:22px; font-size: 28px; letter-spacing: -1px; }
.sc-saleinfo .saleinfo > div:first-child div { font-size:36px; color:#d31f63; font-weight:500; }
.sc-saleinfo .saleinfo > div:last-child { min-height:150px; border-left:solid 1px #eee; padding-left:20px; }
.sc-saleinfo .saleinfo > div:last-child .tit {font-size:18px;line-height:30px;padding-bottom: 10px;}
.sc-saleinfo .saleinfo > div:last-child .con {margin: 0px 0 0 10px;line-height:30px;color:#666;font-size: 16px;letter-spacing: -1px;word-break: keep-all;}

.saleinfo .left { }
.saleinfo .left span { font-size: 36px; font-weight: bold; display: block; }
.saleinfo .right { width:76% }
.saleinfo .right .flex { display: flex; justify-content: space-between; width: 100%; }
.saleinfo span.color {color: #d31f63;padding: 0 !important;}
.saleinfo span.color span { font-size: 18px; }
.saleinfo .con { }
.saleinfo .con li { display: flex; }
.saleinfo .con li span { font-size: 15px; letter-spacing: -1px; word-break: keep-all; }
.saleinfo .con li span:last-child {padding-left: 5px;}

.saleinfo > div:last-child .con2 {padding:10px;border:solid 1px #0977c9;border-radius:10px;display: flex;justify-content: space-between;flex-wrap: wrap;width: 300px;}
.saleinfo > div:last-child .con2 .tt{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.saleinfo > div:last-child .con2 .tt p{width:50%;text-align: left;color: #666;font-size: 14px;letter-spacing: -1px;}
.saleinfo > div:last-child .con2 .sub-tit {background:#eee;border-radius:10px;color:#0977c9;font-weight:500;text-align:center;/* padding-bottom:2px; */width: 100%;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.saleinfo-tit-sub {background:#eee;border-radius:10px;color:#0977c9;font-weight:500;text-align: left;width: 100%;padding: 10px 0 10px 20px;margin: 10px 0;}