/* 메인페이지 */
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Jua&family=Noto+Sans+KR:wght@400;700;900&display=swap');
html, body {box-sizing:border-box;}
h1, h4, h3, h5, h6, h2 {font-family: 'Noto Sans KR', sans-serif;}
.mainStyle h1, .mainStyle h4 {text-align:center; font-family: 'Noto Sans KR', sans-serif;}
.mainStyle h1 {font-size:40px; color:#444; font-weight:normal; font-family: 'Do Hyeon', sans-serif;}
.mainStyle h2 {font-size:24px;}
.mainStyle h3 {font-size:20px;}
.mainStyle h4 {font-size:18px; color:#666; font-weight:400;}
.mainStyle h5 {font-size:16px; color:#444; font-weight:400;}
.mainStyle h6 {font-size:14px;}

/* 메인 */
.bg {padding:80px 0;}
.gray {background:#eee;}
.image {position:relative; overflow:hidden; background:url(/files/images/info-bg.jpg);}
.clear:after {content:''; display:block; clear:both;}
#main > .slide > .bx-wrapper {margin:0;}
#myCarousel2 {display:none;}
/*
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {background:url('/files/images/visual_left.png') no-repeat; left:2%;}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {background:url('/files/images/visual_right.png') no-repeat; right:2%;}
.bx-wrapper .bx-controls-direction a {height:60px; width:20px;}
*/
.ene-navy {color:#1b477d;}
.ene-orange {color:#ffa00b;}
.ene-sky {color:#4e88d1}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:20px;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}

.newIcon {display:none;}

/* 메인 - 베스트 정보글 */
.ene-best h1, .ene-best h2, .ene-best h4, .ene-best h5 {color:#fff;}
.ene-best-t {font-size:24px; text-align:center; border-top:1px solid #666; border-bottom:1px solid #666; max-width:600px; color:#fff; font-weight:bold; padding:10px 0; margin:0 auto; letter-spacing:-1px;}
.ene-best-ul {margin:40px 0;}
.ene-best-ul li {float:left; width:32%; margin-left:2%; padding:40px 0 40px 30px; background:#fff; position:relative;}
.ene-best-ul li h4 {text-align:left;}
.ene-best-ul li:first-child {margin-left:0; background:#4d88d0;}
.ene-best-ul li:nth-child(2) {background:#1b477d;}
.ene-best-ul li:last-child {background:#ffa10a;}
a.button-white {background:none; border:1px solid #ddd; max-width:330px; color:#fff; display:block; text-align:center; margin:0 auto; font-size:16px; padding:15px 0;}
a.button-white:hover {background:#fff; color:#22065a; font-weight:bold; cursor:pointer; transition:all 0.3s;}
.ene-best-img {position:absolute; top:30px; right:20px;}

/* 똑같은수업 */
.box4 {width:100%; margin-top:40px;}
.box4 li {float:left; width:23.5%; margin-right:2%; height:400px; padding:80px 30px 0; color:#fff; position:relative;}
.box4 li:nth-child(4) {margin-right:0;}
.box4 .side h3 {margin:50px 0 0 30px; font-size:20px;}
.box4-text h3 {color:#fff; line-height:1.3; font-family: 'Jua', sans-serif; font-weight:normal; font-size:24px;}
.ebt-title {padding-bottom:20px;}
.ebt-text {padding:10px 0; font-size:14px;}
.ebt-img {position:absolute; top:0; right:0;}
.ene_box1 {background:#175bae;}
.ene_box2 {background:#023576;}
.ene_box3 {background:#22065a;}
.ene_box4 {background:#ff9c01;}

/* 메인 - 최근강좌, 인기강좌 */
.course_1:after, .course_5:after {display:block; content:''; clear:both;}
.course_1 > li, .course_5 > li {float:left; width:49%;}
.course_1 > li:nth-child(even), .course_5 > li:nth-child(even) {margin-left:2%;}
.course_1 > li:nth-child(1), .course_1 > li:nth-child(2), .course_5 > li:nth-child(1), .course_5 > li:nth-child(2) {margin-bottom:20px;}
.contents_title {margin-bottom:40px;}
.best_subject {margin-top:60px;}
.subject-class .ns {height:160px;}
.subject-class .left_text {float:left; width:100%; position:relative; height:100%;}
.subject-class .tt {border:1px solid #ddd; position:relative;}
.subject-class .left_text h4 {text-align:left; font-weight:600; font-size:22px;}
.subject-class .left_text h5 {line-height:2;}
.subject-class .left_button {position:absolute; bottom:0; width:100%;}
.subject-class .left_button li {float:left; width:60%; background:#ddd; height:30px; text-align:center; line-height:30px;}
.subject-class li.button_text1 {width:40%;}
.subject-class .button_text3 {background:#444; color:#fff; width:100%; height:auto; font-weight:400; border-radius:0;}
.subject-class .button_text3:hover {background:#fff; color:#444; opacity:1; transition:all 0.2s;}
.subject-class .ns-button a {background:#ffa00b; color:#fff; display:block;}
.subject-class .ns-button2 a {background:#4e88d1; color:#fff; display:block;}
.subject-class .ns:hover .left_img::before, .subject-class .bs:hover .left_img::before {background-size:350px; transition:all 0.5s;}
.subject-class .button_text2:hover a {background:#fff; color:#444; transition:all 0.2s;}
.left_text > a {display:block; padding:35px 30px;}
.course_1 li:nth-child(n+5), .course_2 li:nth-child(n+5) {display:none;}


/* 메인 - 수강생 후기 
.boxsugang div.btext {font-size:16px; padding:30px 0; border-top:1px solid #ddd;}
.boxsugang ul:after {content:''; display:block; clear:both;}
.boxsugang ul li {float:left; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-right: 100px;}
.boxsugang .contents {width:76%; margin-left:2%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.boxsugang span.nick {position:absolute; right:0;}
*/

.boxsugang {width:100%; display:inline-block;}
.boxsugang .bx-wrapper {width:100%; max-width:100%;}
.boxsugang .btext {border:10px solid #fff;}
.boxsugang .btext:hover {border:10px solid #f6f6f6;}
.boxsugang .btext:after {content:""; background:url('/files/images/sugang_logo.png') no-repeat; display:inline-block; width:52px; height:50px;  position:absolute; right:30px; top:25px;z-index:-1; background-size:50px;}
.boxsugang .contents a {padding:100px 20px 0px; display:block; letter-spacing:-1px; line-height:27px; color:#878787; font-size:17px; min-height:260px;}
.boxsugang .contents {position:relative;}
.boxsugang .btext ul li:first-child a span {font-size:18px; position:absolute; left:20px; top:30px; width:64%; color:#444; font-weight:900;
height: 50px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.4em;}
.boxsugang .btext ul li:first-child span.nick {font-size:16px; top:0;position:absolute; left:20px; top:90px;}
.boxsugang .bx-wrapper .bx-controls-direction a {height:34px; width:32px;}
.boxsugang .bx-wrapper .bx-prev {left:-50px; background:url('/files/images/controls.png') no-repeat 0 -63px}
.boxsugang .bx-wrapper .bx-next {right:-50px; background:url('/files/images/controls.png') no-repeat -43px -63px}
.boxsugang .newIcon {display:none;}

button.button_original {width:100%; background:#1b477d; text-align:center; padding:20px 0; color:#fff; font-size:16px; font-weight:400; height:60px; margin-top:30px;}
button.button_original:hover {background:#0082da; transition:all 0.3s;}

/* youtube */
.youtube-Banner {margin-bottom:2%;}
.youtube-Banner img {width:100%;}
.section-banner-button {margin-bottom:80px;}
.banner-button-short ul li {float:left; width:32%; margin-right:2%;}
.banner-button-short ul li:nth-child(3n) {margin-right:0%;}



/* 메인 - 그외 기타등등 */
.etc_three_box > li {float:left; position:relative; width:36%; margin-right:4%;} 
.etc_three_box > li:nth-child(2) {width:28%;}
.etc_three_box > li:nth-child(3) {width:28%; margin-right:0;}
.etc_three_box li h3 {text-align:left; border-bottom:1px solid #ddd; padding:20px 0; margin-bottom:20px;}
.etc_notice button {position:absolute; top:15px; right:0; background:none; color:#444; padding-right:0; font-size:14px;}
.boxnotice .btext {position:relative; padding:12px 0; font-size:14px;}
.boxnotice ul li:first-child {font-size:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:75%; overflow:hidden;}
.boxnotice .date {position:absolute; right:0;}
.etc_service .etc_up {margin-bottom:4%;}
.etc_service .etc_up li {float:left; width:48%; margin-right:4%; height:100px; position:relative; border:1px solid #ddd;}
.etc_service .etc_up li:nth-child(-n+2) {margin-bottom:4%;}
.etc_service .etc_up li:nth-child(2n) {margin-right:0;}
.etc_service .etc_up li.etc_color1 {background:url('/files/images/q&a_icon.png') no-repeat 50% 35%;}
.etc_service .etc_up li.icon_ani:hover {animation:fadeEffect 0.5s;}
@keyframes fadeEffect {
  from {background-position:50% 15%;}
  to {background-position:50% 35%;}
}
.etc_service a {display:inline-block; width:100%; height:100%;}
.etc_service .etc_color2 {background:url('/files/images/faq_icon.png') no-repeat 50% 35%;}
.etc_service .etc_color3 {background:url('/files/images/book_icon.png')no-repeat 50% 35%;}
.etc_service .etc_color4 {background:url('/files/images/computer.png') no-repeat 50% 35%;}
.etc_service h5 {margin-top:65px; color:#777; text-align:center; font-weight:700; font-size:14px;}
.etc_guide h4 {text-align:left; color:#777;}
.etc_guide span {font-size:20px; font-weight:700; color:#444;}
.etc_guide p {font-size:14px; margin:20px 0 25px 0; line-height:1.8; color:#777;}
.etc_guide .guide_e-mail h4 {padding:25px 0; border-top:1px solid #ddd;}



/* 메인추가 - 교재 */
.main_book {padding-bottom:80px;}
.mNotice {display: table; width: 100%; margin-bottom:30px;}
.mNotice li {display: table-cell; vertical-align: middle; position: relative; width:120px;}
.mNotice a.more {font-size: 14px; padding: 0; width: 110px; height: 35px; text-align: center; display: block; line-height: 35px; color: #aaa; border: 1px solid #aaa; border-radius: 30px;}
.mNotice a.more:hover,.mNotice a.more.active {background: #1b477d; color: #fff; border: 1px solid #1b477d;}
.mBook .mNotice li:nth-child(1) {width: 122px; font-size: 28px; font-weight: 700; color: #000;}
.mBook .mNotice li:nth-child(1) span {color: #1b477d;}
.mBook .mNotice li:nth-child(2) {padding: 0 10px; width:auto;}
.mBook .mNotice li:nth-child(2) .line {position: relative; width:100%; height:1px; background:#bbb;}
.mBook .bx-wrapper .bx-controls-direction a {width:21px; height:50px;}
.mBook .bx-wrapper .bx-prev, .mBook .bx-wrapper .bx-prev:hover {background:url("/files/images/contr-left.png") no-repeat center; left:-41px; }
.mBook .bx-wrapper .bx-next, .mBook .bx-wrapper .bx-next:hover {background:url("/files/images/contr-right.png") no-repeat center; right:-41px;}
.mBook .bx-wrapper .bx-pager {display:none;}
.mBook .book_more {display: block; text-align: center; width: 100%; height: 40px; line-height: 40px; background: #1b477d; color: #fff; font-size: 14px; letter-spacing: -0.5px; margin-top:20px;}
.mBook .bb-box-out {height:0; padding-bottom:145%; overflow:hidden; position:relative;}
.mBook .bb-box-out img {width:100%;}
.mBook .tabcontent {padding:0;}

/* 메인추가 - 공지사항/고객센터 */
.main_contect {padding-bottom:80px;}
.etc_line_n {width:100%; display:inline-block;}
.etc_line_n .board_etc {width:65%; float:left;background:#fff; border:1px solid #ddd;  position:relative; box-sizing:border-box;}
.etc_line_n .board_etc h2 {color:#000; font-size:24px; margin-bottom:10px;}
.etc_line_n .board_etc .btn_more {position:absolute; right:45px; top:45px; font-size:14px; color:#666666;}
.etc_line_n .board_notice {padding:30px 45px 80px;}
.etc_line_n .boxnotice a {font-size:17px; letter-spacing:-1px;}
.etc_line_n .boxnotice .btext {padding:5px 0;}
.etc_line_n .boxnotice span.date { font-size:17px; color:#888888; letter-spacing:-1px;}
.etc_line_n .th_link ul {width:100%; display:inline-block; position:absolute; bottom:0; left:0;}
.etc_line_n .th_link li {width:50%; float:left; position:relative;}
.etc_line_n .th_link li a {font-size:17px; color:#fff; display:block; padding:13px 30px; position:relative; }
.etc_line_n .th_link li a:after {content:""; background:url('/files/images/section_btn_ico.png') no-repeat; width:32px; height:16px; display:inline-block; position:absolute; right:25px; top:18px;}
.etc_line_n .th_link li:nth-child(1) {background:#ffbd00}
.etc_line_n .th_link li:nth-child(2) {background:#444}
.etc_line_n .custom_etc {width:35%; float:left; background:#fff; border:1px solid #ddd; padding:52px 40px 0; border-left:0; box-sizing:border-box; height:296px;}
.etc_line_n .custom_etc h2 {color:#000000; font-size:24px;}
.etc_line_n .custom_etc h1 {color:#444444; font-size:45px;line-height:50px; margin:10px 0; letter-spacing:-1px; text-align:left;}


.calendar .cal_area {width:68%; margin-right:2%; padding-right:2%;}
.calendar .scheduleList {width: 28%; margin-left:2%;}
.calendar .scheduleList .schedule .schedule_content {display:none;}
.calendar .cal_header .cal_month h1 {font-size:30px;}
.calendar .scheduleList .list_header h1 {font-size:30px;}
.calendar .scheduleList .schedule .schedule_header .clickDate {font-size:17px;}
.calendar {margin-top:0;}
.calendar .scheduleList .default_txt h1 {font-size:15px; font-weight:400;}


/* 교육원소개 */
.sub-body {background: #fff; height: 100%;}


/* 나의 학습강좌 */
.my-class .block-thumb {width: 150px;}

/* pop-up */
.pop-container img {width:100%;}

.mBook .mo_tit {display:none;}

	.boxsugang .bx-wrapper .bx-prev {left:0px;}
	.boxsugang .bx-wrapper .bx-next {right:0px;}