@charset "utf-8";

/* 강사소개 리뉴얼 */
.teacher-det { background: #fff; position: relative; } 
.teacher-det #sc { width: 100%; margin: 0 auto; padding: 0; } 

.teacher-det { /* padding: 20px 0; */ } 
.teacher-det .sc-tc { background:#f0f0f0; } 
.teacher-det .sc-tc-a:nth-child(odd) { background:#f0f0f0; } 
.teacher-det .sc-tc-a:nth-child(odd) h4 { color: #274d98; } 
.tc-info-area { position: relative; width: 100%; margin: 0 auto; } 
.tc-info-area img { display: block; } 
.tc-info-area .tc-in-area { position: relative; padding: 40px 0 0; } 
.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: 65%; 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; margin-left: -20%; } 
.tc-info-area .tc-pic > img { z-index: 2; width: 95%; } 
.tc-info-area .tc-info-b { position: absolute; top: 7%; left: 52%; z-index: 1; padding: 0 5px; box-sizing: border-box; } 
.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; flex-wrap: wrap; } 
.tc-info-area .tc-info-b .tc-point ul li { background: #e2e2e2; border-radius: 10px; margin: 5px; padding: 5px 10px; line-height: 1.5; letter-spacing: -1.5px; } 
.tc-info-area .tc-info-b .tc-point ul li span { font-size: 14px; 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: 5vw; font-weight: bold; line-height: 1; margin: 0; letter-spacing: -1px; } 
.tc-info-area .tc-info-b .tc-name p span { font-size: 7vw; margin-right: 5px; font-weight: bold; } 
.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: 7.3vw; font-weight: bold; color: #347afe; font-family: 'GmarketSansBold'; line-height: 1.2; letter-spacing: -1px; margin: 0; word-break: keep-all; } 
.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 { background: rgba(255,255,255,0.7); width: 100%; height: 180px; max-height: 250px; box-sizing: border-box; padding: 10px; border: 1px solid #dadada; } 
.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; font-weight: 350; margin: 0; line-height: 1.5; } 
.dim-line.black { width: 100%; height: 20px; background: #347afe; } 
.tc-info-area.sub .tc-cur { padding: 12% 19px 6%; } 
.tc-info-area .tc-cur { padding: 6% 19px; box-sizing: border-box; max-width: 768px; margin: 0 auto; } 
.tc-info-area .tc-cur h4 { font-size: 7vw; color: #659aff; font-weight: 500; line-height: 1; /* padding-bottom: 10px; */margin: 0 0 20px 0; 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: 4vw; color: #333; font-weight: bold; line-height: 1.3; max-width: 90%; margin: 0; } 
.tc-info-area .tc-cur .tc-cur-t ul li .link-btn { position: absolute; top: calc(50% - 15px); right: 0%; width: 30px; height: 30px; background: url(/Public_html/Images/Teacher/tea_arrow.png); background-size: contain; } 
.tc-info-area .tc-cur .tc-cur-t .cls-tit { padding: 10px 0px; position: relative; } 
.tc-info-area .tc-cur .tc-cur-t .cls-info { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 15px 5px 0; } 
.tc-info-area .tc-cur .cls-info .stu-info { display: flex; justify-content: center; flex-wrap: wrap; align-self: center; width: 30%; padding: 15px 0; } 
.tc-info-area .tc-cur .cls-info .stu-l { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.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: 5px 0; } 
.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 { width: 60%; } 
.tc-info-area .tc-cur .cls-info .stu-info.stu-upload { display: block; width: 30%; text-align: center; } 
.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: 17px; line-height: 32px; background: #b9b8b8; border-radius: 16px; letter-spacing: -1px; width: 100%; text-align: center; box-sizing: border-box; margin: 0; } 
.tc-info-area .tc-cur .cls-info .stu-info span { font-size: 18px; color: #525252; display: block; font-weight: 400; } 
.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 { position:relative; } 
.tc-info-area .tc-info-bk .bk-img:before { clear:both; content:''; display:block; position:absolute; background: #f0f0f0; border-radius: 50%; top: 50%; left: 50%; width: 100%; height: 100%; min-width: 160px; max-width: 160px; min-height: 160px; max-height: 160px; transform: translate(-50%, -50%); z-index: 1; } 
.tc-info-area .tc-info-bk .bk-img a { z-index: 4; position: relative; display: block; } 
.tc-info-area .tc-info-bk .bk-img img { max-width: 250px; max-height: 250px; } 
.tc-info-area .tc-info-bk p { font-size: 3.5vw; color: #3d3d3d; line-height: 1.5; margin: 0; } 
.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: 20px; font-weight: 500; letter-spacing: -1px; color: #347afe; padding: 0 0 0 10px; } 
.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; flex-wrap: wrap; } 
.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: 50%; */color: #3479fd; font-weight: bold; border-right: 1px solid #7a7a7a; line-height: 1.2; font-size: 18px; } 
.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 { width: 100%; } 
.tc-info-area .review-area .r-text p { word-break: keep-all; font-size: 16px; color: #3d3d3d; font-weight: 350; margin: 0; } 
.tea-list-btn { max-width: 1100px; margin: 0px auto 60px; text-align: center; } 
.tea-list-btn ul { display:flex; justify-content: center; } 
.tea-list-btn a { display: block; padding: 8px 35px; text-align: center; line-height: 30px; border: 1px solid #fff; border-radius: 5px; color: #fff !important; font-size: 16px; font-weight: 500; cursor: pointer; background: #0977c9; } 
.tc-info-area .tea-lead-btn { background: #fff; border-radius: 30px; box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.4); } 
.tc-info-area .tea-lead-btn a { font-size: 18px; text-align: center; display: block; line-height: 2; font-weight: bold; cursor: pointer; } 
/*///////////////////////////////////*회원가입//////////////////////////////////////**/
#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:100%; margin:0 10px 10px 0; padding:10px 0; border:1px solid #999; background:#fcfcfc; float:left; } 
.join-area .join-area-cp .coupon-list-area .btn {margin: 0 auto 10px auto; display: table-cell; padding: 5px 10px; text-align: center; line-height: 30px; border: 1px solid #fff; border-radius: 5px; color: #fff !important; font-size: 16px; font-weight: 500; cursor: pointer;}
.join-area .join-area-cp .coupon-list-area .bg-green{background:#00a651;}
.join-area .join-area-cp .coupon-list-area .bg-green2{background:#7bcea0 !important;;}
.join-area .join-area-cp .coupon-list-area .bg-Ygreen{background:#8ab91c;}

.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:10px auto;} 
.join-area-tip > .stt { font-size:14px;  line-height:150%; } 

@media (min-width: 501px){
 .tc-info-area .tc-info-b .tc-point ul li span { font-size: 16px; } 
 .tc-info-area .tc-info-b .tc-name p { font-size: 30px; } 
 .tc-info-area .tc-info-b .tc-name p span { font-size: 40px; } 
 .tc-info-area .tc-info-b .tc-tt p { font-size: 56px; } 
 .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 > 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; } 
 .tc-info-area .tc-cur { padding: 65px 19px; } 
 .tc-info-area .tc-cur h4 { font-size: 35px; } 
 .tc-info-area .tc-cur .tc-cur-t ul li:last-child { margin:0; } 
 .tc-info-area .tc-cur .tc-cur-t ul li .cla-tit { font-size: 22px; } 
 .tc-info-area .tc-cur .tc-cur-t ul li .link-btn { right: 13px; width: 40px; height: 40px; } 
 .tc-info-area .tc-cur .tc-cur-t .cls-tit { padding: 15px 25px; } 
 .tc-info-area .tc-cur .cls-info .stu-info > div { margin-left: 15px; } 
 .tc-info-area .tc-cur .cls-info .stu-info p { font-size: 22px; } 
 .tc-info-area .tc-cur .cls-info .stu-info span { font-size: 24px; } 
 .tc-info-area .tc-info-bk-a { border-bottom: 1px solid #d8d8d8; margin: 20px auto 0; } 
 .tc-info-area .tc-info-bk p { font-size: 20px; } 
 .tc-info-area .video-area .tit { font-size: 22px; } 
 .tc-info-area .video-area .tit span:last-child { padding: 0 0 0 10px; } 
 .tc-info-area .review-area li:nth-child(even) { background: #fafafa; } 
 .tc-info-area .review-area .count { width: 120px; } 
 .tc-info-area .review-area .r-text p { font-size: 18px; } 
}