@charset "utf-8";
@import url("default.css");
@import url("common.css");
@import url("board.css");
@import url("popup.css");
@import url("jquery_ui.css");

/* 경로 */
#path {padding-top:130px; background:url(../images/sub/bg_sub.jpg) no-repeat center 0; background-size:cover; height:57px; border-bottom:1px solid #e5e5e5;}
#path .inner {width:1176px; margin:0 auto; color:#bebebe; font-size:15px; font-weight:400; padding-top:19px;}
#path .inner span {float:left; padding-right:24px; margin-right:15px; position:relative;}
#path .inner span:after {content:""; position:absolute; top:5px; right:0; width:6px; height:10px; background:url(../images/sub/bg_path.png) no-repeat 0 0;}
#path .inner strong {color:#fff; float:left;}
h3.h3Tit {font-size:22px; font-weight:700; padding-bottom:15px; color:#1e1e1e;}
h2.h2Tit {font-size:22px; font-weight:700; padding-bottom:15px; color:#1e1e1e; border-bottom:2px solid #1e1e1e;}

/* 서브 COMMON */
#container {padding:40px 0 70px;}
#container .inner {width:1176px; margin:0 auto;}
#container .inner:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#lnb {float:left; width:203px;}
#lnb h2 {font-size:22px; font-weight:500; border-bottom:2px solid #333; padding-bottom:13px; margin-bottom:40px; padding-top:13px;}
#lnb > ul > li {padding-bottom:34px;}
#lnb > ul > li > a {font-size:19px; font-weight:400;}
#lnb > ul > li ul {padding-top:5px;}
#lnb > ul > li li {font-size:16px; font-weight:300; padding:15px 0 0px 28px;}
#lnb > ul a.active {color:#a4292f; position:relative;}
#lnb > ul a.active:after {content:""; display:block; width:100%; height:1px; background:#a4292f; position:absolute; bottom:0; left:0;}
#contents {float:right; width:877px;}

/* 센터 */
.innerWrap {width:1176px; margin:0 auto; position:relative;}

/* 강좌 리스트 */
.courseList {border-top:2px solid #333; }
.courseList > li {height:93px; padding:30px 480px 30px 210px; border-bottom:1px solid #dcdcdc; position:relative;}
.courseList > li:hover {background:#f9fafd;}
.courseList > li .img {position:absolute; top:30px; left:40px;}
.courseList > li .img img {width:140px; height:93px;}
.courseList > li .btn {position:absolute; top:34px; right:40px; width:173px;}
.courseList > li .btn a {display:block; width:100%; margin-bottom:5px; padding:0;}
.courseList > li .btn a.bdBk {width:84px; min-width:84px; float:left;}
.courseList > li .btn a.last {float:right;}
.courseList > li .con {position:relative; height:100%;}
.courseList > li .con h4 {font-size:17px; font-weight:400; padding:5px 0 16px 0;}
.courseList > li .con div {color:#5f5f5f; font-size:13px; padding-left:8px; position:relative;}
.courseList > li .con div:after {content:""; display:block; width:2px; height:2px; background:#5f5f5f; border-radius:99px; position:absolute; top:50%; left:0;}
.courseList > li .con p {position:absolute; bottom:5px; left:0; color:#a4292f; font-size:13px;}
.courseList > li .price {position:absolute; top:0px; right:245px; height:152px; line-height:1.9; width:230px; display:table; text-align:right;}
.courseList > li .price ul {display:table-cell; vertical-align:middle;}
.courseList > li .price ul li {display:inline-block; width:100%;  font-size:13px; vertical-align:middle;}
.courseList > li .price li span.dd {display:inline-block; width:90px;}
.courseList > li .price li span.dt {display:inline-block; position:relative; padding-right:10px;}
.courseList > li .price li span.txt {vertical-align:top;}
.courseList > li .price li span.bg {position:relative; top:-1px;}
.courseList > li .price li .checkWrap {vertical-align:middle; position:relative;top:-2px;}

/* 강좌상세 */
.lectureTopDetailed {height:79px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-top:30px;}
.lectureTopDetailed dl {float:left; width:164px; height:79px; border-right:1px solid #d2d2d2; text-align:center;}
.lectureTopDetailed dt {color:#aaa; padding:; font-weight:400; padding:15px 0 7px;}
.lectureTopDetailed dd {font-weight:500; font-size:22px;}
.lectureTopDetailed .right {position:absolute; top:0; right:0;}
.lectureTopDetailed .right div {display:table; height:79px; float:right; width:240px; text-align:right; line-height:1.6;}
.lectureTopDetailed .right div ul {display:table-cell; vertical-align:middle; font-size:15px; color:#a4292f; font-weight:400;}
.lectureTopDetailed .right div .dd {display:inline-block; width:90px;}
.lectureTopDetailed .right div .dt {position:relative; padding-right:8px;}
.lectureTopDetailed .right .fixedPrice ul {font-size:18px; color:#333;}
.lectureTopCartArea {text-align:right; padding:30px 0; position:relative; height:115px; box-sizing:border-box;}
.lectureTopCartArea:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.lectureTopCartArea .check {position:absolute; top:0; right:380px; height:100%; display:table;}
.lectureTopCartArea .check ul {display:table-cell; vertical-align:middle; line-height:1.5; font-size:13px; }
.lectureTopCartArea .check ul li.first {font-weight:400;}
.lectureBtnTab {width:900px; margin:0 auto; position:relative; top:32px; box-shadow:0px 2px 7px rgba(0,0,0,0.2);  height:64px;}
.lectureBtnTab:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.lectureBtnTab a {position:absolute; top:0; left:0; width:450px; box-sizing:border-box; text-align:center; height:64px; line-height:62px; border:1px solid #999; background:#fff; font-size:18px; color:#aaa; font-weight:300; z-index:2;}
.lectureBtnTab a.last {left:auto; right:0; width:451px;}
.lectureBtnTab a:hover {color:#f0a842;}
.lectureBtnTab a.active {color:#a4292f; z-index:3; border-color:#a4292f; border-image: linear-gradient(to right, #a4292f 0%, #f0a942 100%); border-image-slice: 1; border-image-width:1px; font-weight:400;}

/* 환불규정 */
.refundPolicy {padding-top:100px;}
.refundPolicy h3 {font-size:24px; border-bottom:1px solid #d1d1d1; font-weight:500; margin-bottom:45px;}
.refundPolicy h3 span {position:relative; display:inline-block; padding-bottom:15px;}
.refundPolicy h3 span:after {content:""; display:block; width:100%; position:absolute; bottom:-1px; left:0;  height:2px; background:#333;}
.refundPolicy .titTxt {margin-bottom:25px; font-size:20px; font-weight:700; color:#a50c12;}
.refundPolicy dl {position:relative; padding-bottom:20px;}
.refundPolicy dl:after {content:""; display:block; height:0; clear:both;}
.refundPolicy dt {float:left; width:97px; text-align:center; height:35px; line-height:34px; color:#fff; background:#9a9a9a;}
.refundPolicy dd {margin-left:120px; line-height:1.7; font-weight:400;}
.refundPolicy dd.first {padding-top:5px;}
.refundPolicy dl.note {margin-bottom:0;}
.refundPolicy dl.note dt {background:#333;}
.refundPolicy dl a {text-decoration:underline; color:#294bdd;}
.refundPolicy dl h4 {color:#585858; font-size:16px; font-weight:500; margin-bottom:3px;}
.refundPolicy dl h4 span {border-bottom:1px solid #adadad;}
.refundPolicy dl p {color:#a50c12; padding-bottom:5px;}
.refundPolicy dl li ul {padding-left:22px;}

/* 교재 */
.bookList > li {padding:30px 40px 30px 225px; min-height:160px; border-bottom:1px solid #dcdcdc; position:relative;}
.bookList > li:hover {background:#f9fafd;}
.bookList > li .img {position:absolute; top:30px; left:40px; width:160px; height:160px; text-align:center;}
.bookList > li .img img {width:160px; height:160px;}
/* .bookList > li .img img {max-height:100%; max-width:100%;  width:auto; height:auto; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border:1px solid #000;} */
.bookList > li .btn {position:absolute; top:50px; right:40px;}
.bookList > li h4 {font-size:16px; padding:12px 280px 3px 0; line-height:1.5;}
.bookList > li .ex:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.bookList > li .ex li {float:left; padding-right:13px; margin-right:12px; font-size:12px; color:#999; position:relative; padding-bottom:9px;}
.bookList > li .ex li span {padding-left:7px;}
.bookList > li .ex li:after {content:""; display:block; width:1px; background:#aaa; height:9px; position:absolute; top:2px; right:0;}
.bookList > li .ex li.last:after {display:none;}
.bookList > li p {font-size:13px; padding-bottom:22px;}
.bookList > li .txt {line-height:1.6; font-size:13px;}

/* 교재상세 */
.bookViewInfo {min-height:360px; padding:45px 45px 60px 480px; position:relative;}
.bookViewInfo .img {position:absolute; top:72px; left:98px;}
.bookViewInfo h3 {font-size:30px; font-weight:700;}
.bookViewInfo .num {color:#9e9e9e; padding-top:10px;}
.bookViewInfo .txt {padding-top:30px; line-height:1.5; font-weight:400;}
.bookViewInfo .buy {position:absolute; top:225px; left:480px; width:580px;}
.bookViewInfo .buy th, .bookViewInfo .buy td {height:44px; text-align:left; border-bottom:1px solid #d1d1d1; box-sizing:border-box; font-size:16px;}
.bookViewInfo .buy th {padding-left:5px; font-weight:500;}
.bookViewInfo .buy td {text-align:right; padding-right:5px;}
.bookViewInfo .buy td select {height:30px;}
.bookViewInfo .buy .btn {position:absolute; top:46px; right:0; width:173px;}
.bookViewInfo .buy .btn a {width:100%; margin-bottom:5px; font-size:15px; font-weight:400;}
.bookRelation {padding-bottom:60px;}
.bookRelation dt {background:#e6e6e6; font-size:16px; font-weight:700; height:50px; line-height:49px; padding-left:32px;}
.bookRelation dd a {display:block; border:1px solid #e6e6e6; border-top:none; height:50px; line-height:49px; padding-left:32px;}
.bookRelation dd a:hover {background:#f9fafd;}

/* 초보자가이드 */
.guideBox {margin-top:70px; padding-bottom:30px; position:relative;}
.guideBox dt {font-size:17px; font-weight:500; color:#a4292f; margin-bottom:16px;}
.guideBox dt span {position:relative;}
.guideBox dt span:after {content:""; display:block; width:100%; height:1px; background:#a4292f; position:absolute; bottom:-1px; left:0;}
.guideBox dd {font-size:16px; font-weight:400;}
.guideBox .btn {position:absolute; top:8px; left:470px}
.guideBox .btn .btnStyle:hover {border-color:#a4292f; color:#a4292f; box-shadow:3px 3px 0px rgba(170,2,2,0.2);}

/* 로그인 */
.login {padding-top:50px;}
.login .titTxt {font-size:18px; text-align:center;}
.login .loginBox {width:520px; margin:0 auto; padding-bottom:50px;}
.login .loginBox li span {display:block; font-size:16px; font-weight:500; padding:34px 0 16px 0;}
.login .loginBox li input {height:50px; width:100%; font-size:16px; font-weight:400;}
.login .loginBox p {text-align:right; padding-top:14px;}
.login .txt p {text-align:center; color:#888; font-size:13px;}
.login .txt ul {width:520px; margin:0 auto;}
.login .txt ul li {margin-top:34px; color:#555; position:relative; padding-left:12px;}
.login .txt ul li:after {content:""; display:block; width:5px; height:5px; background:#333; position:absolute; top:50%; left:0; margin-top:-2px;}
.login .txt ul li a {font-weight:700; margin-left:15px; font-size:16px; position:relative;}
.login .txt ul li a:after {content:""; display:block; width:100%; height:1px; background:#333; position:absolute; left:0; bottom:-1px;}
.login .btn {padding-top:60px; text-align:center;}
.login .btn a {display:inline-block; width:520px; height:50px; line-height:50px; background:#a4292f; text-align:center; color:#fff; font-size:17px; font-weight:400; transition:all 0.2s;}
.login .btn a:hover {background:#333; transition:all 0.2s;}

/* 회원가입 */
.join {padding-top:50px;}
.join p.titTxt {font-size:18px; text-align:center; padding-bottom:40px; line-height:1.7;}
.join h3.titTxt {font-size:30px; text-align:center; padding-bottom:40px; line-height:1.7;}
.join h3.titTxt span {font-size:18px; padding-top:10px; color:#777; font-weight:300;}
.join .btn {padding-top:60px; text-align:center}
.join .btn a {display:inline-block; width:520px; height:50px; line-height:50px; font-size:17px; font-weight:400;}
.join_1 .tosBox {width:700px; margin:0 auto 28px auto;}
.join_1 .tosBox > div {height:200px; overflow:auto; box-sizing:border-box; border:1px solid #d2d2d2; padding:20px 18px;}
.join_1 .tosBox p {text-align:right; padding-top:15px;}
.join_3 .make {width:520px; margin:0 auto;}
.join_3 .necessary {width:520px; margin:0 auto; padding-bottom:15px; padding-top:15px; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa;}
.join_3 .certification {width:612px; margin:0 auto; background:#eaeaea; box-sizing:border-box; padding:37px 46px; margin-top:40px;}
.join_3 .certification h3 {font-size:17px; font-weight:500; padding-bottom:14px;}
.join_3 .certification p {color:#a4292f; padding-bottom:25px;}
.join_3 .certification .box input {width:100%; height:50px; font-size:15px; margin-bottom:6px;}
.join_3 .certification .no li {position:relative; padding-top:13px; line-height:1.5; padding-left:12px; font-size:13px;}
.join_3 .certification .no li:after {content:""; display:block; width:6px; height:1px; background:#555; position:absolute; top:22px; left:0;}
.join_3 .certification .no li a {color:#182ed0; text-decoration:underline;}
.join_3 .certification .ok th {text-align:right; padding-top:20px; box-sizing:border-box; padding-right:12px; font-size:16px;}
.join_3 .certification .ok td {text-align:left; padding-top:20px; box-sizing:border-box; padding-left:12px; font-size:16px; color:#777;}

/* 이용약관 */
.tos {border:1px solid #e6e6e6;padding:10px 12px; overflow:auto; min-height:295px; box-sizing:border-box;}

/* 아이디 비밀번호 찾기 */
.idPwSearch {}
.idPwSearch h3 {padding-top:50px; padding-left:140px; padding-bottom:36px; font-size:20px; color:#555;}
.idPwSearch .make {width:520px; margin:0 auto;}
.idPwSearch .btn {text-align:center;}
.idPwSearch .btn a {display:inline-block; width:520px; height:50px; line-height:50px; font-size:17px; font-weight:400;}
.ProgressRate {padding:5px 0;}
.ProgressRate ul {width:48px; margin:0 auto;}
.ProgressRate li {height:7px; background:#dedede; margin-top:3px;}
.ProgressRate span {color:#777;}
.ProgressRate span > span {color:#333; padding-right:2px;}

/* 탈퇴 */
.withdrawal h3 {font-size:16px; border-bottom:1px solid #333; padding-bottom:5px; padding-top:40px; margin-bottom:35px;}
.withdrawal ul {padding-bottom:0px;}
.withdrawal ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.withdrawal ul li {float:left; width:50%; padding-bottom:25px;}
.withdrawal .info {padding-bottom:30px; margin-bottom:50px;}

/* 나의 강좌 상세 */
.myCourseView {height:264px; border:1px solid #d2d2d2; padding-left:430px; position:relative;}
.myCourseView .img {position:absolute; top:0; left:0;}
.myCourseView h3 {padding:28px 0 55px 0; font-size:26px; font-weight:500;}
.myCourseView h3 span {color:#000;}
.myCourseView dl {padding-bottom:25px; line-height:1.5; font-size:18px; font-weight:400;}
.myCourseView dl:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.myCourseView dt {float:left; width:160px; box-sizing:border-box; padding-left:34px; position:relative; color:#a4292f;}
.myCourseView dt:after {content:""; display:block; width:2px; height:17px; background:#333; position:absolute; top:6px; right:0;}
.myCourseView dd {float:right; width:270px; font-weight:300;}

/* 주문상세 */
.order h3 {padding-left:0px; padding-top:40px;}
.orderTit {height:40px;}
.orderTit h2 {font-size:20px; float:left; padding-right:20px;}
.orderTit ul {float:left; padding-top:6px;}
.orderTit li {float:left; color:#444; padding-right:15px;}
.order .total {position:absolute; top:75px; right:0; width:650px; text-align:center;}
.order .total dt {font-size:20px; font-weight:500; padding-bottom:5px;}
.order .total dd {font-size:24px;  font-weight:700; color:#a4292f;}
.order .total dd span {border-bottom:1px solid #a4292f;}

/* 쿠폰 */
.couponAdd {padding-right:110px; position:relative;}
.couponAdd input {width:100%;}
.couponAdd a {position:absolute; top:0; right:0;}

/* 결제수단 */
.payMethod {width:450px; position:relative; z-index:5;}
.payMethod:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.payMethod li {float:left; width:50%; padding:7px 0 ;}

/* 쿠폰등록 팝업 */
.couponAddPopCont p {text-align:center; padding:10px 0 30px; font-size:15px;}
.couponAddPopCont .input {width:400px; margin:0 auto; position:relative; padding-right:110px; margin-bottom:40px;}
.couponAddPopCont .input input {width:100%;}
.couponAddPopCont .input a {position:absolute; top:0; right:0;}
.couponAddPopCont h4 {font-size:18px; padding-bottom:15px; font-weight:400;}

/* 장바구니 완료 */
.cart_4 {padding-top:70px; text-align:center;}
.cart_4 .btnArea {text-align:center; margin-top:100px;}
.cart_4 .btnArea a {width:120px;}
.cart_4 h3 {font-size:30px; font-weight:400; padding-bottom:27px;}
.cart_4 p {font-size:18px;}
.cart_4 .total  {font-size:18px; font-weight:500; padding-top:70px;}
.cart_4 .total strong {color:#a4292f;}
.cart_4 dl {font-size:18px; width:300px; text-align:left; margin:0 auto;}
.cart_4 dl:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.cart_4 dl dt {float:left; width:120px; padding-top:25px; font-weight:400;}
.cart_4 dl dd {float:left; width:180px; padding-top:25px;}
.cart_4 dl dd span {padding-right:10px;}


/* 장바구니 상단 */
.cartTit {}
.cartTit:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.cartTit li {float:left; width:25%; font-size:17px; box-sizing:border-box; text-align:center; color:#999; position:relative; letter-spacing:1px;}
.cartTit li span {font-weight:500; display:block; padding-top:8px; color:#aaa;  letter-spacing:0px; font-size:20px;}
.cartTit li:after {content:""; border:solid 1px #aaa; width:20px; height:20px;  box-sizing:border-box; position:absolute; top:50%; right:0px; margin:-10px 0 0 0; border-width:1px 1px 0 0; transform:rotate(45deg);}
.cartTit li:before {content:""; border:solid 1px #aaa; width:20px; height:20px;  box-sizing:border-box; position:absolute; top:50%; right:-10px; margin:-10px 0 0 0; border-width:1px 1px 0 0; transform:rotate(45deg);}
.cartTit li.last:after {display:none;}
.cartTit li.last:before {display:none;}
.cartTit li.active {color:#a4292f;}
.cartTit li.active span {color:#a4292f;}

#ezHelpActivex {width:400px; margin:0 auto;}