@charset "utf-8";

#header .head .subMenu {display:none}

.container {clear:both; width:100%; max-width:1160px; margin:0 auto; margin-top:10px}

/*슬라이드 배너 컨트롤*/
.controls a{position:absolute; top:50%; margin-top:-10px; width:20px; height:20px; display:block;background:url(../images/main/slider_arr.png) no-repeat; font-size:0; z-index:10; background-size:cover}
.controls a.bx-prev{left:10px;background-position:0 0}
.controls a.bx-next{right:10px;background-position:100% 0}

.controls2 a{position:absolute; top:50%; margin-top:-15px; width:20px; height:30px; display:block;background:url(../images/main/slider_arr2.png) no-repeat; font-size:0; z-index:10; background-size:cover}
.controls2 a.bx-prev{left:10px;background-position:0 0}
.controls2 a.bx-next{right:10px;background-position:100% 0}

.controls3 {position:relative; background:#CC3; width:68px; float:right}
.controls3 a{position:absolute; top:0; width:40px; height:40px; display:block; background:url(../images/main/slider_arr3.png) no-repeat; font-size:0; z-index:10}
.controls3 a.bx-prev{left:0;background-position:0 center}
.controls3 a.bx-next{right:0;background-position:100% center}
.controls3:after {content:""; display:block; clear:both}

.mSlider-item {position:absolute; left:50%; bottom:5px; text-align:center; height:20px; width:300px; margin:0 auto; margin-left:-150px; z-index:10}
.mSlider-item li {display:inline-block;margin:0 2px}
.mSlider-item li a {display:inline-block;width:11px;height:11px;font-size:0;background:url(../images/main/slider_indicator.png) no-repeat;vertical-align:middle}
.mSlider-item li a.active{background-position:100% 0;width:22px}

.mSlider-item {position:absolute; left:50%; bottom:5px; text-align:center; height:20px; width:300px; margin:0 auto; margin-left:-150px; z-index:10}
.mSlider-item div {display:inline-block;margin:0 2px}
.mSlider-item div a {display:inline-block;width:11px;height:11px;font-size:0;background:url(../images/main/slider_indicator.png) no-repeat;vertical-align:middle}
.mSlider-item div a.active{background-position:100% 0;width:22px}

/*상단배너*/
.sec1 {position:relative; clear:both}
.sec1 .mSlider1 {overflow:hidden}
.sec1 .mSlider1 li {display:inline; float:left}
.sec1 .mSlider1 li img {width:100%}
.sec1 .mSlider1:after {content:""; display:block; clear:both}
.sec1 .mSlider1T {display:none}

/*신규강의*/
.sec2 {clear:both; margin-top:10px; width:100%; letter-spacing:-1px}
.sec2 .sec2L {width:100%}
.sec2 h2 {font-size:120%; /*font-weight:bold;*/ color:#2b7da7; height:40px; line-height:40px; border:1px solid #ccc; padding-left:2%}
.sec2 .sec2Lpanel {padding:20px 2%; height:125px; border:1px solid #ccc; border-top:none; overflow:hidden}
	.listLec {position:relative}
	.listLec img {border:1px solid #eaeaea; float:left; margin-right:10px}
	.listLec li {padding:4px 2%; color:#363c48}
	.listLec li a {font-weight:bold; color:#363c48}
	.listLec li a:hover {color:#000}
	.listLec:after {content:""; display:block; clear:both}

.sec2 .sec2R {width:100%; margin-top:10px}
.sec2 .sec2Rpanel {padding:20px 2%; height:125px; border:1px solid #ccc; border-top:none}

/*게시판/교재*/
.sec3 {clear:both; margin-top:10px}
.sec3L{width:100%}
.tabs{border:1px solid #ccc; padding-bottom:3em; height:150px}
.tabs ul{position:relative; border-bottom:1px solid #ccc;*zoom:1}
.tabs ul:after{content:"";display:block;clear:both}
.tabs li{float:left}
.tabs li a{display:block}
.tabs li a span{display:inline-block;letter-spacing:-1px;cursor:pointer; border-right:1px solid #ccc; height:40px; line-height:40px; text-align:center; width:80px}
.tabs li ul{width:100%; position:absolute; top:5em;left:0;display:none; border:0;}
.tabs li li{float:none;padding:0.4em 2%;color:#999;*zoom:1;background:url(../img/video/line_dash.gif) repeat-x left bottom;line-height:1.2;margin:0}
.tabs li li:after{content:"";display:block;clear:both}
.tabs li li:first-child{padding-top:0}
.tabs li li a{float:left; border:0; color:#363c48; width:72%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
.tabs li.active a{}
.tabs li.active a span{background:#efefef;color:#2b7da7;font-weight:bold}
.tabs li.active li a{}
.tabs li .date{float:right;color:#363c48}
.tabs li li.more{position:absolute;top:-60px;right:0;padding:0;background:none; text-align:center}
.tabs li li.more .btn-more{display:inline-block; width:30px; height:40px; line-height:40px; font-size:120%}


.sec3R{width:100%; margin-top:10px}
.sec3R h2 {border:1px solid #ccc; border-bottom:none; height:40px; line-height:40px; font-size:120%; /*font-weight:bold;*/ color:#2b7da7; padding-left:20px}
.sec3R h2 .btn-more{display:inline-block; float:right; width:30px; height:40px; line-height:40px; font-size:120% ; text-align:center}
.sec3Rpanel{clear:both; border:1px solid #ccc; padding:20px 1%; overflow:hidden; height:105px}
	.book {position:relative}
	.book img {float:left; border:1px solid #eaeaea; margin-right:10px; width:74px; height:103px}
	.book li {padding-top:5px; color:#363c48}
	.book li span {text-decoration:line-through}
	.book li strong {color:#ff4800}
	.book li a {font-weight:bold; color:#363c48}
	.book li a:hover {color:#000}
	.book:after {content:""; display:block; clear:both}
.sec3Rpanel:after {content:""; display:block; clear:both}
.sec3:after {content:""; display:block; clear:both}

/*수강신청  바로가기*/
.sec4 {clear:both; margin-top:20px}
.sec4 p {display:none}
.sec4 .sec4panel div {padding:0 0 20px 120px}
.sec4 .sec4panel .sec4panel-1 {background:url(../images/main/requestImg1.gif) no-repeat left center; background-size:contain}
.sec4 .sec4panel .sec4panel-2 {background:url(../images/main/requestImg2.gif) no-repeat left center; background-size:contain}
.sec4 .sec4panel .sec4panel-3 {background:url(../images/main/requestImg3.gif) no-repeat left center; background-size:contain}
.sec4 ul {width:100%; margin-top:10px;}
.sec4 li {display:inline; float:left; width:32.33333%; margin:0 0.5%}
.sec4 li a {display:block; padding:0.5em 0; border:1px solid #7f7f80; color:#7f7f80; text-align:center}
.sec4 li a:hover {color:#fff; background:#7f7f80}
.sec4 ul:after {content:""; display:block; clear:both}
.sec4:after {content:""; display:block; clear:both}

/*중간 띠배너*/
.sec5 {clear:both; margin-top:10px}
.sec5 img {width:100%}
.sec5 ul {margin-top:5px}
.sec5 li li {display:inline; float:left; width:50%}
.sec5 ul:after {content:""; display:block; clear:both}
.sec5:after {content:""; display:block; clear:both}

.sec5_1 {clear:both;}
.sec5_1 img {width:100%}
.sec5_1 ul {margin-top:10px}
.sec5_1 li li {display:inline; float:left; width:50%}
.sec5_1 ul:after {content:""; display:block; clear:both}
.sec5_1:after {content:""; display:block; clear:both}

/*합격후기*/
.sec6 {clear:both; margin-top:10px; background:#eaeff5; padding-bottom:20px}
.sec6 .mgT {margin-top:25px}
.sec6 p.sec6title {padding:20px; text-align:center}
.sec6 p.sec6title img {width:100%; max-width:532px}
.sec6 p.sec6title-s {padding:10px; text-align:center}
.sec6 .sec6panel {position:relative; width:100%; max-width:1160px; margin:0 auto}
.sec6 ul{overflow:hidden; width:100%; /*max-width:1016px;*/ margin:0 auto; height:auto}
.sec6 li {display:inline; float:left;}
.sec6 li img {width:234px; height:190px}
.sec6 ul:after {content:""; display:block; clear:both}

/*교수소개*/
.sec7 {clear:both; margin-top:10px; border:1px solid #ccc; padding-bottom:20px}
.sec7 h2 {border-bottom:1px solid #ccc; height:40px; line-height:40px; font-size:120%; /*font-weight:bold;*/ color:#2b7da7; padding-left:20px}
.sec7 h2 .btn-more{display:inline-block; float:right; width:30px; height:40px; line-height:40px; font-size:120%; text-align:center}
.sec7 .sec7panel {position:relative; width:92%; padding:0 4%; overflow:hidden}
	.teacher {position:relative; width:100%; margin-top:20px}
	.teacher div {padding:0 5%}
	.teacher img {border:1px solid #eaeaea; float:left; margin-right:10px}
	.teacher ul {margin-top:10px}
	.teacher li {padding:5px 0; color:#363c48}
	.teacher li a {font-weight:bold; color:#363c48}
	.teacher li a:hover {color:#000}
	.teacher li.btn a {padding:4px 6px; color:#fff; font-weight:normal}
	.teacher li.btn a.profile {background:#539ccf}
	.teacher li.btn a.sample {background:#7ea951}
	.teacher:after {content:""; display:block; clear:both}
.sec7 .sec7panel:after {content:""; display:block; clear:both}

/*하단배너*/
.sec8 {clear:both; margin-top:10px}
.sec8 img {width:100%}
.sec8 li{display:inline; float:left; width:50%}
.sec8 li li{display:block; float:none; width:100%}
.sec8:after {content:""; display:block; clear:both}

.sec8-1 {clear:both; margin-top:10px}
.sec8-1 img {width:100%}
.sec8-1 li{margin-bottom:-5px}


/*FAQ/고객센터 - numufta.com*/
.sec9fta {clear:both; margin-top:15px; border:1px solid #d0d0d0; background:#f9f9f9; overflow:hidden}
.sec9fta h2 {border-bottom:1px solid #d0d0d0; height:40px; line-height:40px; font-size:120%; color:#2b7da7; padding-left:1.25em; text-align:left}
.sec9fta ul {padding:10px 0; margin:0 auto}
.sec9fta .sec9L ul {width:100%; margin-top:10px}
.sec9fta .sec9L li {display:inline; float:left; margin-bottom:10px; width:25%; text-align:center}
.sec9fta .sec9L img {width:80%; max-width:82px}
.sec9fta .sec9L ul:after {content:""; display:block; clear:both}
.sec9fta .sec9R {border-top:1px solid #d0d0d0; padding-bottom:25px; text-align:center; overflow:hidden}
.sec9fta .sec9R ul {margin:auto; margin-top:10px; width:96%; overflow:hidden;}
.sec9fta .sec9R ul li {display:inline-block; width:96%;}
.sec9fta .sec9R ul li.boxR {margin-top:10px}
.sec9fta .sec9R ul li div p {display:inline-flex; padding:0 5px;}
.sec9fta .sec9R ul li div.box {width:100%; height:65px; padding:26px 0; background:#f2f2f3}
.sec9fta .sec9R ul li div.time {width:100%; background:#8eb7cd; color:#fff; padding:3px 0;}
.sec9fta .sec9R ul li div p span.Number {margin-left:5px; font:500 15px 'NamumBarunGothic'; color:#1e1f21}
.sec9fta .sec9R ul li.boxL div p {margin:0}
.sec9fta .sec9R ul li.boxL div p span.L_txt1 {display:inline-block; width:105px; text-align:right; font:600 13px "NamumBarunGothic"; letter-spacing:-1px; color:#1e1f21; }
.sec9fta .sec9R ul li.boxR div p {margin:auto; width:179px; text-align:left}
.sec9fta .sec9R ul li.boxR div p span.R_txt1 {font:600 14px "NamumBarunGothic"; letter-spacing:-1px; color:#1e1f21}
.sec9fta .sec9R ul li.boxR div p span.R_txt2 {width:75px; font:400 12px "NamumBarunGothic"; letter-spacing:-1px; color:#1e1f21}
.sec9fta .sec9R p.timeTxt {word-breka:keep-all}
.sec9fta:after {content:""; display:block; clear:both}

/*FAQ/고객센터 - numucpa.com*/
.sec9 {clear:both; margin-top:15px; border:1px solid #d0d0d0; background:#f9f9f9; overflow:hidden}
.sec9 h2 {border-bottom:1px solid #d0d0d0; height:40px; line-height:40px; font-size:120%; color:#2b7da7; padding-left:1.25em; text-align:left; overflow:hidden}
.sec9 .sec9L {width:100%; overflow:hidden;}
.sec9 .sec9L div {display:inline; float:left; overflow:hidden}
.sec9 .sec9L div.l1 {padding:0; margin:0 auto; background:#4ab8c9 linear-gradient(30deg, #9890e3 10%, #4ab8c9); width:50%; text-align:center;}
.sec9 .sec9L div.l1 img {max-width:100%}
.sec9 .sec9L div.l2 {padding:0; margin:0 auto; width:50%; background:#f9f9f9;}
.sec9 .sec9L div.l2 ul {margin:0 auto; width:100%; padding:0;}
.sec9 .sec9L div.l2 ul li {display:inline; float:left; width:50%; padding-top:16px; text-align:center}
.sec9 .sec9L div.l2 img {max-width:100%}
.sec9 .sec9L div.l2 ul:after {content:""; display:block; clear:both}
	
.sec9 .sec9R {border-top:1px solid #d0d0d0; width:100%; padding-bottom:25px; text-align:center; overflow:hidden}
.sec9 .sec9R ul {margin:auto; margin-top:25px; width:95%; overflow:hidden;}
.sec9 .sec9R ul li {display:inline; width:100%; margin:0 2px}
.sec9 .sec9R ul li.boxL {float:left}
.sec9 .sec9R ul li.boxR {float:right; margin-top:10px}
.sec9 .sec9R ul li div.box {width:100%; height:65px; padding:26px 0; background:#f2f2f3}
.sec9 .sec9R ul li div.time {width:100%; background:#8eb7cd; color:#fff; padding:3px 0;}
.sec9 .sec9R ul li div p span.Number {margin-left:5px; font:500 15px 'NamumBarunGothic'; color:#1e1f21}
.sec9 .sec9R ul li.boxL div p span.L_txt1 {display:inline-block; width:105px; text-align:right; font:600 13px "NamumBarunGothic"; letter-spacing:-1px; color:#1e1f21; margin:0}
.sec9 .sec9R ul li.boxR div p {margin:auto; width:168px; text-align:left}
.sec9 .sec9R ul li.boxR div p span.R_txt1 {font:600 14px "NamumBarunGothic"; letter-spacing:-1px; color:#1e1f21}
.sec9 .sec9R ul li.boxR div p span.R_txt2 {width:75px; font:400 12px "NamumBarunGothic"; letter-spacing:-1px; color:#1e1f21}
.sec9 .sec9R p.timeTxt {margin-top:10px; word-breka:keep-all}
.sec9:after {content:""; display:block; clear:both}



/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨.
미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

@media all and (min-width:480px) {
/*.book {width:48%; float:left; background:#CCC}*/
}


@media all and (min-width:640px) {
.sec2 .sec2L {float:left; width:49%}
.sec2 .sec2L .listLec {width:100%}
.sec2 .sec2R {float:right; margin-top:0; width:49%}
.sec2 .sec2Rpanel {padding:20px 4%}
.sec2 .sec2R .listLec {width:100%}
.sec2:after {content:""; display:block; clear:both}

.sec4 {margin-top:20px}
.sec4 .sec4panel {border-right:1px solid #e5e5e5; float:left; width:33.25%; text-align:center}
.sec4 .sec4panel.last {border:none}
.sec4 .sec4panel div {padding:0; text-align:center}
.sec4 ul {width:98%; margin:0 auto; margin-top:10px}
.sec4 .sec4panel .sec4panel-1,
.sec4 .sec4panel .sec4panel-2,
.sec4 .sec4panel .sec4panel-3 {background:none}
}


/* Tablet & Desktop Device */
@media all and (min-width:768px) {
.controls a{width:45px; height:45px; margin-top:-20px}

.sec8 {margin-top:40px}
.sec8 li{width:25%}
.sec8-1 {margin-top:40px}
.sec8-1 li{display:inline; float:left; width:50%; margin:0}
.sec8-1:after {content:""; display:block; clear:both}

.sec9fta {margin-top:40px; padding-bottom:0;}
.sec9fta div {width:50%; float:left}
.sec9fta ul {padding:20px 0; width:85%}
.sec9fta .sec9L li {margin-top:27px}
.sec9fta .sec9R {border-left:1px solid #d0d0d0; border-top:none; margin-left:-1px; width:50%; overflow:hidden}
.sec9fta .sec9R ul li {width:49%; margin-top:none}
.sec9fta .sec9R ul li.boxR {float:right; margin-top:0px}

.sec9 {margin-top:40px; padding-bottom:0}
.sec9 div {float:left}
.sec9 .sec9L {width:50%; border-right:1px solid #d0d0d0;}
.sec9 .sec9L div.l2 ul {margin:0 auto; width:95%; padding:10px 0px 15px}
.sec9 .sec9L div.l2 ul li {padding:15px 0 0; margin:0 !important;}
.sec9 .sec9R {border-top:none; margin-left:-1px; width:50%; overflow:hidden}
.sec9 .sec9R ul li {width:49%; margin-top:none}
.sec9 .sec9R ul li.boxR {float:right; margin-top:0px}
}


/* Desktop Device */
@media all and (min-width:980px) {
.sec1 {margin:0}
.sec1 .mSlider1T {display:block}
.sec1 .mSlider1T li {display:inline; float:left; width:25%}
.sec1 .mSlider1T li a {display:block; color:#fff; text-align:center; padding:20px 0; font-size:120%; font-weight:bold; background:#243746 url(../images/main/sec1_bar.gif) no-repeat right center}
.sec1 .mSlider1T li a:hover {color:#ffc000}
.sec1 .mSlider1T li a.last {background:#243746}
.sec1 .mSlider1T:after {content:""; display:block; clear:both}

.sec2 {margin-top:40px}
.sec2 .sec2L {width:73.27586%}
.sec2 .sec2L .listLec {width:31.333333%; float:left; margin:0 1%}
.sec2 .sec2R {width:25.40275%}
.sec2 .sec2Lpanel:after {content:""; display:block; clear:both}

.sec3 {margin-top:20px}
.sec3L{float:left; width:41.37931%}
.sec3R{float:right; width:56.89655%; margin:0}

.sec4 {margin-top:20px}
.sec4 p {display:block; text-align:center; padding:20px 0}
.sec4 p img {width:100%; max-width:479px}
.sec4 .sec4panel div {padding:2em 0 2em 160px; text-align:left}
.sec4 .sec4panel .sec4panel-1 {background:url(../images/main/requestImg1.gif) no-repeat left center; background-size:160px}
.sec4 .sec4panel .sec4panel-2 {background:url(../images/main/requestImg2.gif) no-repeat left center; background-size:160px}
.sec4 .sec4panel .sec4panel-3 {background:url(../images/main/requestImg3.gif) no-repeat left center; background-size:160px}
.sec4 li {display:inline; float:left; width:auto; margin:0 5px 0 0}
.sec4 li a {padding:0.5em 5px;}
.sec4 li br {display:none}

.sec5 {margin-top:40px}
.sec5 ul {margin-top:10px}
.sec5 li {display:inline; float:left; width:50%}
.sec5 ul ul {margin:0}

.sec6 {margin-top:40px; padding-bottom:40px}
.sec6 p.sec6title {padding:40px 0 15px}
.sec6 p.sec6title-s {padding:25px}

.sec7 {margin-top:40px}
	.teacher {width:25%; float:left; background:url(../images/main/sec2_bar.gif) no-repeat right center}
}