@charset "utf-8";

@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

.font-scroD-L{font-family: 'S-CoreDream-3Light';}
.font-scroD-m{font-family: 'S-CoreDream-5Medium';}


*{letter-spacing: -1px;}

.flex{display: flex;}
.flex.flex-cen{justify-content: center;}
.flex.flex-st{justify-content: flex-start;}
.flex.flex-end{justify-content: flex-end;}
.flex.sp-bet{justify-content: space-between;}
.flex.sp-ar{justify-content: space-around;}
.flex.align-item{
    align-items: center;
}

#scB	{clear:both;width:100%;min-width:100%;margin:0;padding:0;}
#sc	{width: 1200px;margin: 0 auto 80px; min-height:670px; padding:0 200px;}
.sc-o{
    margin-bottom: 100px;
}
/* 공통타이틀*/
/* .sc-tt	{font-size:28px;color:#2359b5;font-weight:700;border-bottom:solid 1px #eee;padding: 20px 0 10px 20px;margin-bottom:20px;overflow:hidden;background: url(/Public_html/Images/Common/icon-tit.png) no-repeat 2px 28px;} */
.sc-tt	{font-size: 32px;/* color:#2359b5; */font-weight:700;border-bottom: solid 2px #eee;padding: 20px 0;margin: 0px 0 50px;overflow:hidden;/* background: url(/Public_html/Images/Common/icon-tit.png) no-repeat 2px 28px; */}

.sc-tt span.sc-tt-step	{}
.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;}

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

#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 #dadada;padding: 50px; margin-bottom:20px;display: flex;}/*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-tt	{color: #007AF1;font-weight:700;font-size: 18px;padding-bottom: 30px;}

.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;}

/*과정상세 팝업 관련 - 강사 */
.lec-teacher-img	{margin:0;width:100%;box-sizing: border-box;flex-wrap: wrap;justify-content: center;}/*팝업 강사 이미지*/
.lec-teacher-img div:first-child{width: 100%;/* height:225px; */overflow:hidden; position:relative;border:solid 1px #009add;/* border-radius:10px; */text-align:right;/* max-width: 500px; */margin-bottom: 20px;}
.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;display: flex;justify-content: flex-end;}/*이미지*/
.lec-teacher-img .tea-img{}
.lec-teacher-img .tea-img img{display: block;}
.lec-teacher-img .lec-teacher-table{width: 100%;}
.lec-teacher-img .lec-teacher-table table{width: 100%;}


/*과정상세 팝업 관련 - 교재 */
.lec-list-bk{
    justify-content: center;
    flex-wrap: wrap;
}
.lec-bimg	{/* margin: 0 50px 0 0; */width: 100%;}/*팝업 교재 이미지*/
.lec-bimg div:first-child{max-width: 600px;/* height:200px; */overflow:hidden;margin: 0 auto;}
.lec-bimg div img{
    width: 100%;
    /* display: block; */
    /* margin: 0 auto; */
}

/*학생할인과정-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;}

.join-be-area{max-width: 1200px;margin: 0 auto;}
.join-be-area.sub{margin: 40px auto 0; }
.join-be-area img{ display: block; width: 100%;}

.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-tip	{background:#fff;margin: 70px auto 0;border-top: solid 1px #E5E5E5;padding: 40px 0;}
.join-area-tip > .tt	{font-size: 20px;font-weight: 350;margin: 0;color: #464646;}
.join-area-tip > .stt	{font-size: 20px;;font-weight: 350;margin-top: 10px;color: #464646;}

/* 로그인(Input관련 CSS는 common.css를 참고) */
.login-fm	{width:100%;min-width:100%;margin:0;padding:0;}
.login-a	{width: 1200px;margin:0px auto;padding: 80px 0 100px;}
.lg-tt	{font-size: 34px;font-weight: 500;color: #000;text-align:center;padding: 0 0 110px;letter-spacing: -1px;}
.lg-tt span{color: #0179f1;}
.lg-area	{margin:0;padding:0;display: flex;justify-content: space-between;}
.lg-area .lg-area-l	{width:49%;/* height:259px; */border: 1px solid #dadada;background:#fff;/* float:left; */margin:0 20px 0 0;padding: 30px;box-sizing: border-box;}
.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	{margin:0;padding:0;}
.lg-area .lg-area-l .lg-area-l-t .login-submit{width: 120px;height: 115px;}
.lg-area .lg-area-l .lg-area-l-t .login-submit a{display: flex;justify-content: center;align-items: center;}
.lg-area .lg-area-l .lg-area-l-t .login-submit span{}

.lg-area .lg-area-l .lg-area-l-t li:not(:first-child){margin-top:15px;}
.lg-area .lg-area-l .lg-area-l-t li input{font-size: 16px;width: 370px;height: 50px;line-height: 50px;padding-left: 10px;box-sizing: border-box;border: 1px solid #dadada;}
.lg-area .lg-area-l .lg-area-l-t li input:placeholder{color:#DADADA;}
.lg-area .lg-area-l .lg-area-l-t .l-t-btn	{width: 100%;height: 100%;background: #919191;color:#fff;/* border-radius:2px; */display: block;font-size: 16px;font-weight: 500;}
.lg-area .lg-area-l .lg-area-l-t .l-t-btn:hover{background: #0179f1;}
.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: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: 16px;text-align:center;padding: 8px 50px;background:#1ec800;/* border-radius:5px; */position: relative;}
.lg-area .lg-area-l .lg-area-l-b a	{cursor:pointer;color:#fff;}
#naverIdLogin_loginButton{/* position: relative; *//* width: 100%; */}
#naverIdLogin_loginButton img{opacity: 0;}
#naverIdLogin_loginButton p{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 51px;letter-spacing: -1px;font-weight: 500;}


.lg-area .lg-area-r	{width: 47%;/* height:259px; */border: 1px solid #dadada;margin:0;padding: 30px;box-sizing: border-box;}
.lg-area .lg-area-r .lg-area-r-t	{font-size: 26px;color:#333;letter-spacing: -1px;font-weight: 500;line-height: 1;padding-top: 30px;}
.lg-area .lg-area-r .lg-area-r-m	{margin: 30px 0 0 0;font-size: 18px;color: #919191;font-weight: 500;letter-spacing: -1px;}
.lg-area .lg-area-r .lg-area-r-b	{margin: 32px 0 0 0;}
.lg-area .lg-area-r .lg-area-r-b a{display: block;width: 100%;font-size: 16px;background: #919191;text-align: center;padding: 10px 0;box-sizing: border-box;color: #fff;font-weight: 500;letter-spacing: -1px;}
.lg-area .lg-area-r .lg-area-r-b a:hover{background: #007AF1;color: #fff;}
.lg-area-r .join-text{/*display: flex;justify-content: space-between;*/margin-top: 20px;}
.lg-area-r .join-text img{}
.lg-area-r .join-text .lg-area-r-t{}
.lg-area-r .join-text .lg-area-r-t span,
.lg-area-r .join-text .lg-area-r-m span{color: #007AF1;}



.id-find{display: flex;justify-content: space-between;margin: 50px 0 15px;}
.id-find li{width: 245px;text-align: center;padding: 13px 0;font-size: 16px;background: #e5e5e5;/* color: #919191; */}
.id-find li:hover{background: #0179f1;}
.id-find li:hover a{color: #fff;}

/* 아이디비밀번호 찾기 */
.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;display: flex;justify-content: flex-start;border-bottom: 1px solid #0179f1;}
ul.lg-f-tab li	{margin:0;padding:0;width: 400px;text-align:center;padding:15px 0;font-size: 24px;color: #464646;font-weight: 500;border: 1px solid #dadada;border-bottom-width: 0;}
ul.lg-f-tab li a	{color: #464646;}
ul.lg-f-tab li.active	{color: #fff;border: 0;background: #0179f1;}
ul.lg-f-tab li.active a	{color: #fff;}
.lg-f-area	{width:100%;overflow:hidden;background:#fff;margin: 0 auto;padding-bottom: 140px;}
.lg-f-area .lg-f-area-tt	{padding: 70px 0;border-top: 1px solid #dadada;}
.lg-f-area .lg-f-area-tt > .tt	{color: #a3a3a3;font-size: 24px;font-weight: 500;line-height: 1;text-align:center;}
.lg-f-area .lg-f-area-tt > .stt	{color: #a3a3a3;font-size: 18px;margin: 10px 0 0 0;line-height: 1;text-align:center;letter-spacing: -1px;}
.lg-f-area .lg-aa-box{display: flex;justify-content: space-between;}
.lg-f-area .lg-f-area-input{border: 1px solid #dadada;padding: 30px 30px 13px;box-sizing: border-box;width: 575px;}
.lg-f-area .lg-f-area-input{}
.lg-f-area .lg-f-area-input p.sub-tit{font-size: 24px;letter-spacing: -1px;font-weight: 500;padding-bottom: 14px;border-bottom: 1px solid #dadada;margin-bottom: 17px;line-height: 1;}
.lg-f-area .lg-f-area-input li{display: flex;justify-content: flex-start;padding: 17px 0;align-items: center;}
.lg-f-area .lg-f-area-input li label{font-size: 22px;line-height: 1;letter-spacing: -1px;font-weight: 500;width: 110px;}
.lg-f-area .lg-f-area-input li input{height: 50px;box-sizing: border-box;font-size: 16px;border: 1px solid #dadada;color: #333;width: 398px;}
.lg-f-area .lg-f-area-input li select{height: 50px;box-sizing: border-box;font-size: 16px;border: 1px solid #dadada;color: #333;width: 120px;}
.lg-f-area .lg-f-area-input input[name="hp2"],
.lg-f-area .lg-f-area-input input[name="hp3"]{width: 120px;}
.lg-f-area .lg-f-area-input select[name="emaildomain"]{width: 120px;margin-left: 10px;}
.lg-f-area .lg-f-area-input input[name="emaildomain_etc"]{width: 120px;}
.lg-f-area .lg-f-area-input input[name="email1"]{width: 120px;}
.lg-f-area.ty .lg-f-area-input li select{width: 100px;}
.lg-f-area.ty .lg-f-area-input input[name="hp2"],
.lg-f-area.ty .lg-f-area-input input[name="hp3"]{width: 90px;}
.lg-f-area.ty .lg-f-area-input select[name="emaildomain"]{width: 90px;margin-left: 10px;}
.lg-f-area.ty .lg-f-area-input input[name="emaildomain_etc"]{width: 100px;}
.lg-f-area.ty .lg-f-area-input input[name="email1"]{width: 90px;}
.lg-f-area.ty .ver-btn{padding: 0;margin-left: 10px;font-size: 12px;width: 70px;height: 50px;display: block;background: #DADADA;color: #464646;font-weight: 500;}
.lg-f-area.ty .lg-f-area-input li input.sum-num{width: 340px;}

.lg-f-area .lg-f-area-input li span{margin: 0 7px;}
.lg-f-area .lg-f-area-input .lg-f-area-btn{width: 100%;background: #919191;font-size: 16px;letter-spacing: -1px;text-align: center;}
.lg-f-area .lg-f-area-input .lg-f-area-btn:hover{text-decoration: none;background: #0179f1;}
.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	{color:#fff;padding: 15px 0; background: #4d4d4d;width: 300px;font-size: 25px;line-height: 1;font-weight: 500;}
.lg-f-area .lg-f-area-btn.color-blue{background:#0179f1;}
.lg-f-area-tip	{background:#fff;margin:0;padding: 20px 40px;border: 1px solid #dadada;margin-bottom: 20px;}
.lg-f-area-tip p{font-size: 20px;font-weight: 300;line-height: 1;letter-spacing: -1px;}
.lg-f-area-tip > .tt	{}
.lg-f-area-tip > .stt	{padding-top: 10px;}
.lg-f-area-tip > .stt span{color:#295EF2;font-weight: 500;}

.login-id-find{text-align: center;}
.login-id-find p{font-size: 24px;text-align: center;font-weight: 400;line-height: 1.5;padding-bottom: 50px;color: #464646;}
.login-id-find div{max-width: 680px;margin: 0 auto;}
.login-id-find a{}
/*///////////////////////////////////*수험정보//////////////////////////////////////**/
.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:20px;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-ty2	{color: #FC5217;font-size:17px;font-weight:700;margin: 0 0 30px 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-ty2 i{color:#333;}
.sc-ex-area p:not(.ex-area-tt-ty2){ margin: 0 0 30px 0px;}
.sc-ex-area p.ex-area-tt-ty3	{color: #222;font-size:17px;font-weight:700;margin: 0 0 30px 0;}

.sc-ex-area p.ex-area-stt	{color:#595959;font-size:16px;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:18px;margin:15px 0 30px 0px;line-height:160%;text-align:justify;word-break: break-all;}
.sc-ex-area div.ex-area-cont-ty	{color:#666;font-size:14px;margin: 30px 0;line-height:160%;text-align:justify;word-break: break-all;}
.sc-ex-area div.ex-area-cont-ty > p	{/* margin:0 0 30px 0; */}
.sc-ex-area div.ex-area-cont > p	{margin:0 0 20px 0;}
.sc-ex-area div.ex-area-cont-ty ul.ex-list	{margin:0;padding:0;}
.sc-ex-area div.ex-area-cont-ty 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-ty ul.ex-list li a	{color:#666;}
.sc-ex-area div.ex-area-cont-ty ul.ex-list li a:hover	{color:#999;}
.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;}/*탭메뉴 가로패딩 줄임*/ 

.sc-ex-area .arrow{
    position: absolute;
    left: 12%; 
    margin-top:-22%;
    content: '';
    width: 50px; /* 사이즈 */
    height: 50px; /* 사이즈 */
    border-top: 5px solid #000; /* 선 두께 */
    border-right: 5px solid #000; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
}

.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: 40px 0;padding:0px; overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sc-e-area	{position:relative;/* margin: 0 00px 40px 0; */width: 580px;height: 350px;border: 1px solid #F0F2F4;box-sizing: border-box;}
.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: 100%;/* height:200px; */overflow:hidden;}
.sc-e-area ul.sc-e-area-info	{padding: 26px 0 22px 26px;position: relative;}
.sc-e-area ul.sc-e-area-info li.tt	{color: #333;font-size:18px;/* line-height: 1; */margin:0;padding:0;font-weight: 500;}
.sc-e-area ul.sc-e-area-info li.day	{color: #000;font-size: 10px;position:absolute;top: 10px;right: 15px;}
.sc-e-area ul.sc-e-area-info li.day > span	{color:#666;margin-right: 0;line-height: 1;font-weight: 500;}


/** EVENT 상세페이지 **/
.sc-e-list-detail	{/* clear:both; */margin: 40px 0;padding:0px; overflow:hidden;/* display: flex; *//* justify-content: space-between; */}
.sc-e-list-tt	{margin:0;padding: 0;border-bottom: 1px solid #fc5217;display: flex;justify-content: space-between;align-items: flex-end;width: 100%;}
.sc-e-list-tt ul.list-tt-l	{/* float:left; */margin:0;padding:0;display: flex;align-items: center;padding: 0 0 35px 0;}
.sc-e-list-tt ul.list-tt-l li	{/* float:left; */color:#222;font-size: 24px;margin:0;padding:0;line-height: 1;}
.sc-e-list-tt ul.list-tt-l li:last-child{position:relative;}
.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;box-sizing: border-box;line-height: 1;}
.sc-e-list-tt ul.list-tt-r	{/* float:right; */margin: 0 10px 0 0;padding: 0 0 15px 0;display: flex;justify-content: space-between;}
.sc-e-list-tt ul.list-tt-r li	{/* float:left; */margin:10px 30px 0 0;padding:0;color: #666;font-size: 12px;line-height: 1;}
.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-img	div	{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-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;}

.np-text{border-top:solid 1px #747474;border-bottom:solid 1px #747474;height: 60px;}/*다음글*/
.np-text div{display:table-cell;line-height: 60px;}
.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;}


/*///////////////////////////////////마이페이지////////////////////////////*/
#sc .sc-mp{padding:0;margin:0}
.sc-mp .sc-tt{margin: 0 !important;}
.sc-mp-list {margin-top: 50px;}
.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;}
.sc-mp-addbox-a{width: 420px;background: #007af1;color: #fff;margin: 30px 0;padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.sc-mp-addbox-a span{font-size:20px;font-weight: bold;}
.sc-mp-addbox-a span.total-tt{padding-left: 36px;background: url(/Images/Mypage/cash_icon.jpg) no-repeat;background-size: contain;}
/*총금액*/
.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 2px #0977c9; border-radius:5px;text-align:center;padding:20px 0;}
.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;}
.teacher-map{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.teacher-map .tea-map{
    position: relative;
    width: 100%;
    height: 100%;
}
.teacher-map .tea-map .tea-pic{
    top: 0;
    right: 0;
}
.teacher-map .tea-map .tea-pic img{}
.teacher-map .tea-map .tea-tt{
    padding: 55px 0 0 55px;
}
.teacher-map .tea-map .tea-tt p{z-index: 1;position: relative;}
.teacher-map .tea-map:hover .tea-tt p.int{color: #fff; }
.teacher-map .tea-map .tea-tt p.tt{
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
}
.teacher-map .tea-map .tea-tt p.int{
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4;
    padding-top: 25px;
}
.teacher-map .tea-map .tea-class{
    position: absolute;
    bottom: 13px;
    right: 13px;
    background: #CDCECF;
    border-radius: 20px;
}
.teacher-map .tea-map .tea-class span{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: block;
    padding: 5px 24px;
}

.teacher-map .tea-map .tea-bg{background: url(/Public_html/Images/Teacher/tea_bg.png);position: absolute;bottom: 0;left: 0;width: 100%;height: 0%;z-index: 1; }
.teacher-map .tea-map:hover .tea-bg{height: 100%; transition: all ease-in-out 0.35s;}

.sc-tc-area	{width: 595px;height: 255px;margin: 0 0 10px 0;padding:0;vertical-align:text-bottom;overflow:hidden;/* float:left; */box-sizing: border-box;background: #F0F2F4;}
.sc-tc-area .area-b {position:absolute;bottom:0;width:230px;margin:0;background: #8c95a4;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: #8c95a4;-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-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;}

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

.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;}

/*//////////////////  할인정보  /////////////////////////*/
.sc-saleinfo{margin:0 0 62px 0;}
.sc-saleinfo .saleinfo{overflow:hidden;padding:20px 0;border-bottom:solid 1px #ccc;min-height:150px;}
.sc-saleinfo .saleinfo > div{ float:left;}
.sc-saleinfo .saleinfo > div:first-child{background:url('/Public_html/Images/Common/icon-dot01.png') no-repeat 0 15px;width:22%;padding-left:22px;font-size:30px;}
.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;}
.sc-saleinfo .saleinfo > div:last-child .con{float:left;margin:5px 0 0 10px;line-height:30px;color:#666;}
.sc-saleinfo .saleinfo > div:last-child .con2{float:left;margin-left:20px;margin-top:-33px;padding:10px;border:solid 1px #0977c9; border-radius:10px;}
.sc-saleinfo .saleinfo > div:last-child .con2 div{line-height:30px;}
.sc-saleinfo .saleinfo > div:last-child .con2 div:first-child{background:#eee; border-radius:10px;color:#0977c9;font-weight:500;text-align:center;padding-bottom:2px;line-height:24px;}
.sc-saleinfo .saleinfo > div:last-child .con2 div:nth-child(2){float:left;width:150px;color:#666;}
.sc-saleinfo .saleinfo > div:last-child .con2 div:last-child{float:left;color:#666;}



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


/*모바일학습안내*/
.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: 1200px; 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: 988px;}
.book_center div.context {width:auto !important;}


#book_center_a * { }
#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;font-size: 12px;}
#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 ul.fourdmenu{margin-bottom: 10px;}

#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('../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('../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;}

/*/////////////////////////////////// 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;}

/** 22-05-26 강사소개 신규 **/
.sc-tc-area-re img{display: block;}
.sc-tc-area-re{width: 100%;margin: 0 auto 40px;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: 250px; *//* left: 546px; */padding-left: 440px;}
.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{padding: 55px 20px 20px 0;width: 514px;height: 250px;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;font-size: 15px;font-weight: 500;border-bottom: 1px solid #000;padding: 0 0 10px 0;}
.sc-tc-area-re .tc-int-text .tc-profile > div{margin: 15px 0;height: 156px;overflow-y: scroll;background: #fff;padding: 18px;font-size: 12px;font-weight: 350;line-height: 1.6;}

.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;}

.sc-tc-area-re .tc-det-tt{
    background: #F0F2F4;
    position: relative;
    padding: 100px;
    box-sizing: border-box;
    height: 700px;
}
.sc-tc-area-re .tc-det-tt .tc-pic{
    position: absolute;
    bottom: 0;
    left: 0;
}
.sc-tc-area-re .tc-det-tt .tc-pic img{}
.sc-tc-area-re .tc-det-tt .tc-class{
    font-size: 16px;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    overflow: hidden;
}
.sc-tc-area-re .tc-det-tt .tc-class p{}
.sc-tc-area-re .tc-det-tt .tc-info{
    padding-left: 440px;
    margin-top: 80px;
}
.sc-tc-area-re .tc-det-tt .tc-info p{
    font-size: 50px;
    font-weight: bold;
}
.sc-tc-area-re .tc-det-tt .tc-info p.color{
    font-size: 28px;
    font-weight: 400;
    padding-top: 30px;
}
.sc-tc-area-re .tc-det-tt .tc-info p.color span{
    font-size: 28px;
    font-weight: 400;
    color: #007AF1;
}
.sc-tc-area-re .tc-tt{
    margin-top: 55px;
    border-top: 1px solid #000;
    padding: 10px 0 0;
}
.sc-tc-area-re .tc-tt.img{
    padding: 75px 0 60px;
}
.sc-tc-area-re .tc-tt p{font-size: 20px;font-weight: bold;}


/* renew 공통 */
.common-fm	{width:100%;min-width:100%;margin:0;padding:0;}
.common-a	{max-width: 1200px;margin:0px auto;padding: 80px 0 100px;}
.common-tit-tt{font-size: 34px;font-weight: 500;color: #000;text-align:center;padding: 0 0 110px;letter-spacing: -1px;}
.none-item{
    text-align: center;
    padding: 50px 0;
}
.btn-submit-aa{display: flex;justify-content: space-between;max-width: 780px;margin: 0 auto;}
.btn-submit-aa li{}
.btn-submit-aa li a{display: block;width: 350px;text-align: center;margin: 0;line-height: 50px;font-size: 25px;border-radius: 0;}
.b-btn{
    font-size: 16px;
    color: #fff;
    background: #fc5217;
    line-height: 1;
    padding: 10px 45px;
    width: 150px;
    text-align: center;
    margin: 0 30px 0;
    /* display: inline-block; */
}
.c-btn{
    display: block;
    font-size: 16px;
    color: #fff;
    background: #0179f1;
    line-height: 1;
    padding: 10px;
    width: 170px;
    text-align: center;
    margin: 0 auto;
}
.c-btn-L{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 1;
    padding: 13px 10px;
    width: 300px;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #dadada;
}

.c-btn-L:hover{
    color: #fff;
    background: #0179f1;
    line-height: 1;
    border: 2px solid #0179f1;
}

.o-btn{
    display: block;
    font-size: 16px;
    color: #fff;
    background: #fc5217;
    line-height: 1;
    padding: 15px 10px;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
}
.o-btn-L{
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    padding: 15px 10px;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #dadada;
    box-sizing: border-box;
}

.o-btn-L:hover{
    color: #fff;
    background: #fc5217;
    border: 1px solid #fc5217;
}

.g-btn{
    display: block;
    font-size: 16px;
    color: #fff;
    background: #A3A3A3;
    line-height: 1;
    padding: 15px 10px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
}

/* check input css */
.check-input-aa{}
.check-input-aa label{display: block;position: relative;padding-left:28px;cursor: pointer;font-size: 12px;color: #000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 25px;line-height: 1;}
.check-input-aa.all label{font-size: 25px;font-weight: 500;}
.check-input-aa input {position: absolute;opacity: 0;cursor: pointer;}
.check-input-aa label .checkmark {position: absolute;top:2px;left: 0;height: 20px;width: 20px;border: 1px solid #dadada;box-sizing: border-box;}
.check-input-aa label:hover input ~ .checkmark {background-color: #ccc;}
.check-input-aa label input:checked ~ .checkmark {background-color: #2196F3;}
.check-input-aa label .checkmark:after {content: "";position: absolute;display: none;}
.check-input-aa label input:checked ~ .checkmark:after {display: block;}
.check-input-aa label .checkmark:after {left:6px;top:1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


/* 회원가입 */

#joinB	{/* clear:both; */width:100%;min-width:100%;/* background:#eee; */margin:0;/* padding:0 0 80px 0; */}
#join	{width: 1200px;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-tab-info{display: flex;justify-content: space-between;}
.join-tab-info li{display: flex;width: 25%;border-bottom: 2px solid #dadada;padding: 0 0 20px 50px;box-sizing: border-box;}
.join-tab-info li.active{border-color: #007af1;}
.join-tab-info .bg-img{width: 80px;height: 80px;margin-right: 10px;}
.join-tab-info .bg-0{background: url(/Public_html/Images/Members/join_info_0_off.png);}
.join-tab-info .bg-1{background: url(/Public_html/Images/Members/join_info_1_off.png);}
.join-tab-info .bg-2{background: url(/Public_html/Images/Members/join_info_2_off.png);}
.join-tab-info .bg-3{background: url(/Public_html/Images/Members/join_info_3_off.png);}
.join-tab-info .active .bg-0{background: url(/Public_html/Images/Members/join_info_0_on.png);}
.join-tab-info .active .bg-1{background: url(/Public_html/Images/Members/join_info_1_on.png);}
.join-tab-info .active .bg-2{background: url(/Public_html/Images/Members/join_info_2_on.png);}
.join-tab-info .active .bg-3{background: url(/Public_html/Images/Members/join_info_3_on.png);}

.join-tab-info p.num{font-size: 20px;}
.join-tab-info p{font-size: 28px;font-weight: 500; color: #a3a3a3;}
.join-tab-info .active p.num,
.join-tab-info .active p{ color: #000;}

.join-area	{/* padding:0 0 80px 0; */margin:0}
.join-area .join-area-tt	{padding:50px 0 20px 0;color:#333;font-size:18px;}
.join-area .join-area-tt > .tt	{font-size: 30px;font-weight:500;line-height: 1.5;text-align:center;}
.join-area .join-area-tt > .stt	{color: #a3a3a3;font-size: 20px;margin:15px 0 0 0;text-align:center;}
.join-area .join-area-tt > .stt > span	{color:#ff8f1c;font-weight:700;}
.join-area .agree-tit{font-size: 30px;font-weight: 500;padding: 70px 0 30px;}

.join-area-input{}
.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-info{width: 100%;margin: 50px 0 80px;border-top: 1px solid #dadada;}
.join-area-info ul{}
.join-area-info > ul > li{position: relative;width: 100%;display: flex;justify-content: space-between;box-sizing: border-box;}
.join-area-info > ul > li:nth-child(odd){border: 1px solid #dadada;padding: 20px 0 20px 35px;border-top-width: 0;}
.join-area-info > ul > li:nth-child(even){padding: 50px 0 50px 50px;border-bottom: 1px solid #dadada;}
.join-area-info .btn-arrow{position: absolute;top: 0;right: 0;width: 67px;height: 67px;display: flex;justify-content: center;align-items: center;border-left: 1px solid #dadada;}
.join-area-info .btn-arrow i{transition: all ease 0.35s;}
.join-area-info .btn-arrow.active i{transform: rotateX(180deg);}

.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: 0 0px 0 0;color:#666;width: 100%;height: 300px;/* border:1px solid #ddd; */overflow-y:scroll}
.join-area-info .area-info-txt-2 {font-size:15px;/* padding: 20px; */color:#666;width: 100%;/* height: 100px; *//* margin:15px 0 0 0; *//* border-bottom: 1px solid #dadada; */}

.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:last-child	{margin-right:0px;}

.join-area .join-area-2th{padding: 100px 0;}
.join-area .join-area-2th > div{width: 575px;padding: 35px;}

.join-area .join-area-inp	{border:solid 1px #ddd;box-sizing: border-box;}
.join-area .join-area-inp li	{display: flex;padding: 15px 0;align-items: center;}
.join-area .join-area-inp label	{font-size: 22px;display:inline-table;width: 110px;}
.join-area .join-area-inp span	{color:#000;font-size:14px;margin:0 8px;}
.join-area .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 .join-area-inp .join-area-inp-btn a	{color:#fff;}
.join-area .join-area-inp .join-area-inp-btn-2	{margin: 0 0 0 10px;background:#999;color:#fff;text-align:center;width: 150px;font-size: 16px;cursor:pointer;line-height: 50px;}
.join-area .join-area-inp .join-area-inp-btn-2:hover	{color:#fff;background:#333; text-decoration:none;}
.join-area .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 .join-area-inp .join-area-inp-ok a	{color:#fff;}
.join-area .join-area-inp .join-area-inp-tip	{clear:both;font-size:13px;padding:6px 0 ;}
.join-area .join-area-inp p.sub-tit{font-size: 24px;letter-spacing: -1px;font-weight: 500;padding-bottom: 14px;border-bottom: 1px solid #dadada;margin-bottom: 17px;line-height: 1;}
.join-area .join-area-inp li input{height: 50px;box-sizing: border-box;font-size: 16px;border: 1px solid #dadada;color: #333;width: 398px;padding-left: 10px;}
.join-area .join-area-inp li select{height: 50px;box-sizing: border-box;font-size: 16px;border: 1px solid #dadada;color: #333;width: 120px;}
.join-area .join-area-inp input[name="hp2"],
.join-area .join-area-inp input[name="hp3"]{width: 120px;padding-left: 10px;}
.join-area .join-area-inp input[name="authNum"]{width: 240px;}
.join-area .join-area-inp select[name="emaildomain"]{width: 120px;margin-left: 10px;}
.join-area .join-area-inp input[name="emaildomain_etc"]{width: 120px;}
.join-area .join-area-inp input[name="email1"]{width: 120px;}
.join-area .join-area-inp .lg-f-area-btn	{color:#fff;padding: 15px 0; width: 100%;font-size: 25px;line-height: 1;font-weight: 500;}
.join-area .join-area-inp .lg-f-area-btn{background: #919191;font-size: 16px;letter-spacing: -1px;text-align: center;display: block;margin-top: 10px;}
.join-area .join-area-inp .lg-f-area-btn:hover{text-decoration: none;background: #0179f1;}
.join-area .join-area-inp #passw_time{text-align: center;margin-left: 10px;}
.join-area .join-area-inp #passw_time span{margin: 0;}
.join-area .join-area-inp .passw_btn {display: flex;justify-content: space-between;width: 100%;}
.join-area .join-area-inp .passw_btn span{}
.join-area .join-area-inp .passw_btn a{width: 220px;border-radius: 0;margin: 0;}

.join-area .join-fin-btn{display: flex;justify-content: center;margin: 20px auto 80px;}
.join-area .join-fin-btn a{margin: 0 20px 0;width: 212px;border-radius: 0;font-size: 25px;padding: 10px 0;box-sizing: border-box;line-height: 25px;}
.join-be-area .coupon-list{padding: 40px 0 0;}
.join-be-area .coupon-list ul{display: flex;justify-content: space-between;}
.join-be-area .coupon-list li{}
.join-be-area .coupon-list li img{}
.join-be-area .coupon-list li div{padding: 20px 0;border-bottom: 1px solid #dadada;}
.join-be-area .coupon-list li p{font-size: 12px;color: #808080;}

.check-mc-box{margin: 60px 0;padding: 30px;border: 1px solid #dadada;}
.check-mc-box p{line-height: 2;font-size: 18px;color: #464646;}
.check-mc-box i{font-size: 20px;margin-right: 6px;}
.sc-mc-st-sub	{color: #000;font-size: 22px;font-weight: 500;padding: 10px 0;border: 1px solid #000;border-left: 0;border-right: 0;}/*작은 타이틀-전체페이지사용*/
.tt-sc-check-list{padding: 30px 0;}
.tt-sc-check-list ul{}
.tt-sc-check-list ul li{}
.tt-sc-check-list ul li label{font-size: 20px;margin: 15px 0;}
.sc-mc-ttarea textarea{margin-top: 40px;}
.list-btn-sub{margin: 40px auto;text-align: center;}
.list-btn-sub a{}


/*///////////////////////////////////*내강의실//////////////////////////////////////**/
#sc .sc-mc	{padding:0;margin:0}
.sc-mc-st	{color: #000;font-size: 24px;font-weight: bold;padding: 0 20px 0 0;/* border-bottom:solid 1px #eee; */vertical-align: top;}/*작은 타이틀-전체페이지사용*/
.sc-mc-st.sub	{font-size: 22px;padding: 0 0 20px 0;border-bottom: solid 1px #000;margin: 60px 0 30px;}/*작은 타이틀-전체페이지사용*/

.sc-mc-st span{color:#666;font-size:14px;font-weight:500;}
.ing-class-list{margin-top: 50px;}
.ing-class-list .tit{display: flex;justify-content: space-between;border-bottom: 1px solid #000;padding: 0 0 20px;align-items: center;}
.sc-mc-con	{overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}

/*내강의실 - 강의 교재 구매 book_buy.asp*/
.sc-o-area .sc-o-area-br	{/* height:100px; *//* padding:40px 0 0 20px; */border-left: 1px solid #dadada;border-right: solid 1px #dadada;width: 160px;/* float:left; */text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0 20px;box-sizing: border-box;}
.sc-o-area .sc-o-area-br2 {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 50px 0;}
.sc-o-area .sc-o-area-br span{
    display: block;
    width: 100%;
}
.sc-o-area .sc-o-area-br span.before{color: #d8d8d8;text-decoration: line-through;}
.sc-o-area .sc-o-area-br .sale{
    display: block;
    width: 100%;
}

/*내강의실 메인 리스트 : myclass_main.asp*/
.sc-mc-list	{margin-bottom:20px;overflow:hidden;padding: 30px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sc-mc-list > div{width: 575px;min-height:115px;padding: 40px;margin-bottom: 40px;border:solid 1px #eee;/* border-right:solid 2px #009add; */border-radius: 0;box-sizing: border-box;}
.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: 0;font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding: 0 0 20px 0;border-bottom: 1px solid #dadada;}
.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;}

/*내강의실 내정보 박스 myclass_main.asp / myclass_ing.asp*/
.sc-mc-me {overflow:hidden;/* height:120px; */font-size:15px;margin-right:30px;border: solid 1px #DADADA;width: 600px;display: flex;justify-content: flex-start;align-items: center;padding: 20px;box-sizing: border-box;}
/*.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:80px; *//* margin: 0 10px; */padding: 0 20px 0;/* border-right:solid 1px #ccc; */font-size: 20px;width: 300px;color: #464646;}
.sc-mc-me div p{line-height: 2;}
.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; */font-size: 14px;color: #464646;display: flex;justify-content: space-between;align-items: center;font-weight: 500;}
.sc-mc-me div.dotDiv p i{padding-right: 5px;font-size: 11px;}
.sc-mc-me div:last-child{border-left: 1px solid #DADADA;}
.sc-mc-me .my-class-list p{}
.sc-mc-me .my-class-list p.class-ing{}
.sc-mc-me .my-class-list p.class-end{}
.sc-mc-me .my-class-list p.total-class{}
.sc-mc-me .my-class-list p.class-ing .count{color: #E78D41;}
.sc-mc-me .my-class-list p.class-end .count{color: #8ABF5B;}
.sc-mc-me .my-class-list p.total-class .count{color: #5BC3CC;}


.sc-mc-n-area{width: 550px;float:left;border-bottom: 2px solid #DADADA;}
.sc-mc-n-area p.n-area-tt	{margin:0;padding: 0 0 16px 0;color:#333;font-size: 20px;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 ul.n-area-list li{line-height: 1.5;padding: 2px 0;}
.sc-mc-n-area ul.n-area-list li{/* float:left; */color:#666;font-size:13.5px;width: 100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display: flex;justify-content: space-between;font-size: 13px;font-weight: 400;}
.sc-mc-n-area ul.n-area-list li .day{color:#A6A7A3;}

/*진행중인과정 myclass_ing.asp, myclass-fp.asp */
.sc-mc-list01	{margin-top:20px;width: 100%;}
.sc-mc-list01 .sc-mc-sj{}/*종합*/
.sc-mc-list01 .sc-mc-sj td{background: #F6FFEE;padding:10px 5px;}
.sc-mc-list01 .sc-mc-sj td.btn-table{
    color: #8ABF5B;
    font-weight: bold;
}
.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: #007AF1  !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{line-height:24px;border-bottom: 2px solid #dadada;padding: 20px 0;}

.sc-mc-tBox > p{font-size: 14px;line-height: 30px;}
.sc-mc-tBox i{font-size: 30px;margin-right: 10px;vertical-align: middle;}
.sc-mc-tBox.tt{padding: 30px;border: 1px solid #dadada; margin-bottom: 40px;}
.sc-mc-tBox.tt p{font-size:18px; line-height:1.5;}
.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 ;} /*큰버튼*/
.sc-mc-tBox-sub{line-height:24px;border: 1px solid #dadada;padding: 20px;margin: 20px 0;}
.sc-mc-tBox-sub > p{font-size: 15px;line-height: 30px;color: #464646;font-weight: 300;}
.sc-mc-tBox-sub i{font-size: 18px;margin-right: 7px;vertical-align: middle;}

/* 진도율 */

.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: 15px 10px 15px 0;height:45px;background: #dadada;border-radius: 24px;box-sizing: border-box;position: relative;}
.jd-t2		{overflow:hidden;width: 80px;/* border:solid 2px #333; */height:40px;line-height:40px;border-radius:5px;text-align:right;font-size:18px;font-weight:700;color:#000;position: absolute;top: 4%;right: 0.5%;}
.jd-tt2		{overflow:hidden;/* margin-top:-42px; *//* margin-left:2px; */height: 16px;border-radius:4px;background-image: linear-gradient(to top, #8edaf3 0%, #5dbede 100%);top: 0;}


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

/* 온라인 서점 관련내용 */

#contain {width:1100px}
#content .navi { padding:11px 0 8px; text-align:left;font-size:11px; color:#7f7f7f; border-bottom:1px solid #dedede; position:relative;}
#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 div.context {width:auto !important;}

#book_center_a { float:left; width:180px; padding-top:30px; padding-bottom:100px; text-align:left;}
#book_center_a > ul > li .bookdown {background:url('../Public_html/book_image/ep_book_down.gif') 158px 14px no-repeat;}


.book_center .bb-ll-b { position:relative; overflow:hidden;}
.book_center .bb-ll-b.sub {margin: 100px 0 0;}
.book_center .bb-ll-b > div {padding: 35px 0; font-size:28px; font-weight:400; color:#000; letter-spacing:-1px; text-align:left;line-height: 1;border-top: 1px solid #fc5217;border-bottom: 1px solid #e5e5e5;}
.book_center .bb-ll-b > div.ss-d { position:absolute; right:0;bottom: 20px; width:auto; height:auto; border:0 none; background:none;padding: 0;}
.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 .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}

.bk-sc-mc-tBox{padding: 0 0 30px;}
.bk-sc-mc-tBox p{font-size:14px;}
.sc-mc-tBox{/* line-height:24px; *//* border-bottom: 2px solid #ccc; *//* padding: 20px 0; */}


#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 .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}


/* 공통타이틀*/
.sc-tt	{font-size: 32px;color:#000;font-weight:700;}
.sc-tt span.sc-tt-step	{float:right;top: 20px;color:#999;font-size:13px;/* margin:0 20px 0 0; */right: 0;position: relative;}
.sc-tt span.sc-tt-step > strong	{color:#203546;}
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%;}

/* 수강신청(기본) */
.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;}

/*** 패키지과정일 경우 HEIGHT값으로 구분 ***/
.sc-o-area .sc-o-area-l	{/* margin:12px 0 0 20px; *//* float:left; */width: 100%;/* border-right:1px solid #ddd; */display: flex;justify-content: space-around;/* flex-wrap: wrap; */}
.sc-o-area .sc-o-area-l li .bk-info{padding: 0 20px;width: 500px;}
.sc-o-area .sc-o-area-l li .bk-info .tt{
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dadada;
}
.sc-o-area .sc-o-area-l li .bk-info .icon{
    padding: 10px 0;
}
.sc-o-area .sc-o-area-l li .bk-info div.gray{
    padding-bottom: 20px;
}
.sc-o-area .sc-o-area-l li .bk-info .gray p{white-space: nowrap;/* overflow: hidden; */text-overflow: ellipsis;white-space: normal;line-height: 1.2;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #333;}
.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 .teacher	{margin: 20px 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 .sc-o-area-r .area-r-add	{margin:0;padding:0;}
.sc-o-area .sc-o-area-r .area-r-add span.before	{text-decoration: line-through;font-size:14px;color:#999;margin:0 10px 0 0}
.sc-o-area .sc-o-area-r .area-r-add span.after	{font-size:16px;font-weight:700;color:#f91f43;}
.sc-o-area .sc-o-area-r .area-r-add span.sale	{position:relative;top:3px;left:0;}
.sc-o-area .sc-o-area-r ul.area-r-btn	{margin:33px 0 0 0;padding:0;}
.sc-o-area .sc-o-area-r ul.area-r-btn li	{float:left;}
.sc-o-area .sc-o-area-r ul.area-r-btn li.qk-order	{text-align:center;font-size:14px;width:97px;height:33px;/*padding:8px 0;*/border:1px solid #f91f43;background:#f91f43}
.sc-o-area .sc-o-area-r ul.area-r-btn li.qk-order a	{position:relative;top:8px;color:#fff;}
.sc-o-area .sc-o-area-r ul.area-r-btn li.sample	{text-align:center;font-size:14px;width:121px;height:33px;/*padding:8px 0;*/border:1px solid #f91f43;background:#f91f43;}
.sc-o-area .sc-o-area-r ul.area-r-btn li.sample a	{position:relative;top:8px;color:#f91f43;}
.sc-o-area .sc-o-area-r ul.area-r-btn li.order	{height:33px;padding:0 13px 0 14px;border-top:1px solid #f91f43;border-right:1px solid #f91f43;border-bottom:1px solid #f91f43;}
.sc-o-area .sc-o-area-r ul.area-r-btn li.order .order-img	{position:relative;top:7px;}


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


.re-arrow	{color:#0977c9;font-weight:bold;font-size:20px;}
.selectsub { color:#2080D0; }

.ebook_btn_area {padding:10px 0 0 0; width:147px; text-align:center; }
.ebook_btn_area span {padding:0 0 4px 0 }

/* 과정상세 */
.class-dep-info{}
.class-dep-info .class-title-tt{
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fc5217;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.class-dep-info .class-icon{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #fc5217;
    padding: 6px 15px;
    border-radius: 20px;
    line-height: 1;
    margin-right: 10px;
}
.class-dep-info .class-title-tt .class-tt{
    font-size: 20px;
    font-weight: 500;
}

.class-info-a{
    margin: 50px auto;
    max-width: 1200px;
}
.class-info-a img{
    margin: 0 auto;
    display:block;
}

/*수강신청 상세 페이지- 과정구성*/
.class-lec-form{margin-top:20px;overflow:hidden;}
.class-lec-form > div:first-child{/* font-size:18px; */font-weight:500;margin-bottom:20px;}
.class-sub-tt{font-weight: bold;font-size: 20px;color: #000;border-top: 2px solid #000;padding: 15px 0;margin: 0;}
.class-sub-tt.orange{font-weight: bold;font-size: 20px;color: #FC5217;border-top: 2px solid #FC5217;padding: 15px 0;margin: 0;}
.class-lec-List	{/* border: solid 1px #dadada; *//* padding: 50px; */margin: 20px auto;/* display: flex; *//* flex-wrap: wrap; */}/*border:solid 1px #ddd; border-radius:5px;background:#fff;padding:20px;}*/
.class-lec-List ul{width:100%;}
.class-lec-List > div{width:100%;}
.class-lec-List .tt	{color:#333;font-weight:700;font-size:17px;padding: 25px 0;background: #F5F5F5;border-top: 2px solid #000;}
.class-lec-List-tt	{color: #007AF1;font-weight:700;font-size: 18px;padding-bottom: 30px;}

.class-lec-List .class-info{
    display: flex;
    margin: 0 auto 15px;
}
.class-lec-List .class-info li{
    width: 12.5%;
    max-width: 150px;
    min-width: 150px;
    text-align: center;
    padding: 15px 0;
    position: relative;
    border-bottom: 2px solid #B3B3B3;
    box-sizing: border-box;
}
.class-lec-List .class-info li:after{clear: both;content:'';display: block;position: absolute;bottom: 0;left: 0;width: 2px;height: 30%;background: #b3b3b3;}
.class-lec-List .class-info li:last-child:before{clear:both;content:'';display:block;position: absolute;bottom: 0;right: 0;width: 2px;height: 30%;background: #b3b3b3;}
.class-lec-List .class-info li p{
    line-height: 1;
    font-size: 15px;
}
.class-lec-List .class-info li:nth-child(odd) p{
    font-weight: 500;
}
.class-lec-List .class-info li:nth-child(even) p{
    font-weight: 300;
}

.class-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;}
.class-lec-List-book	{padding-left:23px;background:url(/Public_html/Images/Common/icon-book.png) no-repeat 0 2px;font-size:12px;color:#0977c9;}
.class-lec-timg img	{width:100%;height:150px;border:solid 1px #ddd;}/*상단이미지*/

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

.sc-o-area	{overflow:hidden;margin: 20px 0 20px;padding: 20px;width:100%;border: 1px solid #dadada;box-sizing: border-box;}
.sc-o-area ul.sc-o-area-l li.tt	{color:#333;font-weight:700;font-size:17px;margin:10px 0 0 0;width: 120px;text-align: center;}
.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: #dadada;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;}


.info-bk-slide .info-bk-a{
    margin: 0;
    border: 0;
}
.info-bk-slide{
    margin: 20px 0 20px;
}
.info-bk-a .bk-img a img{width: 100%;margin: 0 auto;display: block;max-width: 170px;}
.info-bk-a .bk-text{
    margin: 34px 0 0;
}
.info-bk-a .bk-text a{
    font-size: 14px;
    font-weight: 500;
}
.info-bk-a .bk-text .bk-category{
    font-size: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dadada;
    font-weight: 500;
}
.info-bk-a .bk-text .bk-info{
}
.info-bk-a .bk-text .bk-info p{
    font-weight: 500;
    font-size: 14px;
}
.info-bk-a .bk-text .bk-info p.bk-info-tt span{}
.info-bk-a .bk-text .bk-info p.bk-info-tt span:first-child{
    color: #FC5217;
    padding-right: 8px;
}
.info-bk-a .bk-text .bk-info p.bk-info-tt span:last-child{}


/* 버튼 정렬 css */
.btn-list{
    margin: 100px auto;
}
.btn-list ul{
    display: flex;
    justify-content: center;
}
.btn-list li{
    margin: 0 20px;
}

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


/* 수강중인 강의 */
.trans-tab-myclass.blue .ui-widget-header {
	border-bottom: 2px solid #007AF1;
}


.trans-tab-myclass.blue .ui-state-active,
.trans-tab-myclass.blue .ui-widget-content .ui-state-active,
.trans-tab-myclass.blue .ui-widget-header .ui-state-active,
.trans-tab-myclass.blue a.ui-button:active,
.trans-tab-myclass.blue .ui-button:active,
.trans-tab-myclass.blue .ui-button.ui-state-active:hover {
	border: 1px solid #007AF1;
	background: #007AF1;
}

.trans-tab-myclass .sc-mc-me{
    width: 100%;
    margin: 30px 0 0;
}

.trans-tab-myclass .sc-mc-st{
    padding-bottom: 10px;
    border-bottom: 2px solid #dadada;
    margin-bottom: 20px;
}

/* 학원서브타이틀 */
.campus-sub-title{
    display: flex;
    align-items: center;
    justify-content: center;
}
.campus-sub-title .campus-tit{
    font-size: 22px;
    font-weight: bold;
}

.campus-sub-title .campus-tit span{font-family: 'GmarketSansMedium';color: #007af1;font-style: italic;font-size: 24px;line-height: 1;}