@charset "utf-8";
	/* 강의선택 */
	#container .courseearea{padding:0 15px}

	#container .course{position:relative;float:left;margin:20px 2% 20px 0;width:32%}
	#container .course:last-child{margin:20px 0 20px 0}
	#container .course .speech{background:url('../images/container/course_speech.png') no-repeat right center}
	#container .course .interview{background:url('../images/container/course_interview.png') no-repeat right center}
	#container .course .business{background:url('../images/container/course_business.png') no-repeat right center}
	#container .course .textarea{padding:300px 30px 50px;height:500px;text-align:left}
	#container .course .textarea .title{font-weight:700;color:#ffffff}
	#container .course .textarea .eng{font-size:24px}
	#container .course .textarea .kor{font-size:36px}
	#container .course .textarea_over{display:none;position:absolute;left:0;top:0;width:100%;height:500px;background:#333333;opacity:0.8;text-align:center}
	#container .course .textarea_over .title{font-weight:700;color:#ffffff}
	#container .course .textarea_over .eng{width:80%;margin:0 auto;padding:10px 20px;background:#cc0000;font-size:24px}
	#container .course .textarea_over .kor{padding:100px 20px 0;font-size:36px}
	#container .course .textarea_over .bar{display:inline-block;margin:50px 0;width:30px;height:5px;background:#ffffff}
	#container .course .textarea_over .description p{padding:0 30px;font-size:18px;font-weight:400;color:#ffffff;word-break:keep-all}


	/* 최근게시물 - 공통 */	
	#container .more{position:absolute;right:20px;top:40px}
	#container .more:hover{color:#333333}
	#container h3:hover{color:#333333}

	/* 최근게시물 - 리스트 */
	#container .list{position:relative;float:left;padding:35px 20px;width:50%}
	#container .list h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	#container .list h3:hover,
	#container .list ul{display:block;width:100%}
	#container .list ul li{padding:10px;border-bottom:1px dotted #cccccc;background:url("/layouts/withspeech/images/container/common_bullet.png") no-repeat left center}
	#container .list ul li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}
	#container .list ul li img{padding:0 0 0 5px;}
	#container .list ul li img[alt="file"]{display:none}
	#container .list .new{display:inline-block;position:relative;top:-2px;margin-left:4px;padding:0 6px;border-radius:3px;background:#F33;font:400 normal 10px/14px sans-serif;color:#FFF}
	#container .list .update{display:inline-block;position:relative;top:-2px;margin-left:4px;padding:0 6px;border-radius:3px;background:#FA0;font:400 normal 10px/14px sans-serif;color:#FFF}

	/* 최근게시물 - 갤러리 */
	#container .gallery{position:relative;padding:35px 20px;width:100%}
	#container .gallery h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	/*#container .gallery h3:hover{color:#333333}*/
	#container .gallery .description p{padding:15px 0 30px;font-size:16px;font-weight:400}
	#container .gallery .more{position:absolute;right:20px;top:40px}
	#container .gallery ul{padding:10px 0 0 0}
	#container .gallery ul li{position:relative;float:left;margin:0 5.3% 0 0;padding:0px;width:21%;height:21%}
	#container .gallery ul li:last-child{margin:0}
	#container .gallery ul li > img{width:100%}
	#container .gallery ul li .text p{position:absolute;bottom:10px;left:50%;padding:10px 5px;width:100%;max-width: 350px;background:#333333;opacity:0.8;font-weight:400;color:#ffffff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;transform: translateX(-50%)}
	

	/* 최근게시물 - 위드특강 */
	#container .lecture{position:relative;padding:20px 20px;width:100%}
	#container .lecture h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	/*#container .lecture h3:hover {color:#333333}*/
	#container .lecture ul{padding:10px 0 0 0}
	#container .lecture ul li{position:relative;float:left;margin:0 5% 0 0;padding:0px;width:30%;height:20%}
	#container .lecture ul li:nth-child(3){margin:0}
	#container .lecture ul li:last-child{margin:0}
	#container .lecture ul li > img{width:100%}
	#container .lecture ul li .text p{position:relative;padding:20px 5px;width:100%;font-size:14px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}
	

	/* 최근게시물 - 이미지 슬라이드 */
	#container .imgslider {position:relative;padding:35px 20px;width:100%}
	#container .imgslider h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	#container .imgslider ul {margin:0 auto;padding:10px 0 0 0;list-style:none;display:block}
	#container .imgslider li {color:#999;text-align:center;padding:0;margin:0px;display:block;float:left}
	#container .imgslider ul li > img{width:100%}
	#container .imgslider ul li .text p{position:relative;padding:15px 5px;width:100%;font-size:14px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}


	/* 최근게시물 - 슬라이드 버튼 */
	#container .slider_prev{position:absolute;z-index:11;left:0;border-left:0;top:50%;padding:5px;background:#999999}
	#container .slider_next{position:absolute;z-index:11;right:0;border-right:0;top:50%;padding:5px;background:#999999}
	#container .slider_prev:hover{padding-left:20px;opacity:.5}
	#container .slider_next:hover{padding-right:20px;opacity:.5}
	#container .slider_prev span {margin:0 auto;display:block;width:16px;height:16px;background:url('/layouts/withspeech/images/container/imgslider_prev.png');background-position:left center}
	#container .slider_next span {margin:0 auto;display:block;width:16px;height:16px;background:url('/layouts/withspeech/images/container/imgslider_next.png');background-position:right center}


	/* 최근게시물 - 후기 */
	#container .review{position:relative;width:100%;padding:35px 20px}
	#container .review h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	/*#container .review h3:hover {color:#333333}*/
	#container .review .description p{padding:15px 0 30px;font-size:16px;font-weight:400}
	#container .review .subject{font-size:16px;font-weight:400;padding:10px 0;border-bottom:1px dotted #cccccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	#container .review .content{padding:10px 0 0;text-align:justify;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
	#container .review .link{font-size:14px;font-weight:400;text-align:center;width:100px;padding:10px 0;margin:20px auto 0;border:1px solid #cccccc}
	#container .review ul{padding:10px 0 0 0}
	#container .review ul li{position:relative;float:left;width:30%;margin:0 5% 0 0;background:#ffffff}
	#container .review ul li:last-child{margin:0}

	/* 최근게시물 - 업체 */
	#container .company{position:relative;padding:35px 20px;width:100%}
	#container .company h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	/*#container .company h3:hover {color:#333333}*/
	#container .company .description p{padding:15px 0 30px;font-size:16px;font-weight:400}
	#container .company ul{padding:30px 0 0 0}
	#container .company ul li{position:relative;float:left;margin:0 5.3% 20px 0;padding:10px;width:21%;border:1px solid #cccccc;border-radius:10px}
	#container .company ul li:nth-child(4n),
	#container .company ul li:last-child{margin:0}
	#container .company ul li > img{width:100%}

	/* 최근게시물 - 보도자료 */
	#container .press{position:relative;padding:35px 20px;width:100%}
	#container .press h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	/*#container .press h3:hover {color:#333333}*/
	#container .press ul{padding:30px 0 0 0}
	#container .press ul li{position:relative;float:left;margin:0 5% 0 0;padding:0px;width:47.5%}
	#container .press ul li:last-child{margin:0}
	#container .press ul li .img{float:left;width:35%;margin:0 5% 0 0}
	#container .press ul li .text{float:right;width:60%}
	#container .press ul li .text .subject{padding:0 0 10px;font-size:16px;font-weight:400;width:100%;color:#333333;border-bottom:1px dotted #cccccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	#container .press ul li .text .content{padding:10px 5px 0;width:100%;color:#666666;text-align:justify;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}


	/* 최근게시물 - 교재소개 */
	#container .book{position:relative;padding:20px 20px;width:100%}
	#container .book h3{padding:0 0 15px 0px;border-bottom:1px solid #cccccc}
	#container .book ul{padding:10px 0 0 0}
	#container .book ul li{position:relative;float:left;margin:0 2% 0 0;padding:0px;width:23.5%;text-align:center}
	#container .book ul li:nth-child(4){margin:0}
	#container .book ul li:last-child{margin:0}
	#container .book ul li .text p{display:none}






	/* Tablet Device */
	@media all and (max-width:1023px){

	/* 강의선택 */
	#container .course .textarea{padding:300px 20px 50px}
	#container .course .textarea .eng{font-size:21px}
	#container .course .textarea .kor{font-size:32px}
	#container .course .textarea_over .kor{padding:100px 20px 0;font-size:36px}
	#container .course .textarea_over .eng{font-size:21px}
	#container .course .textarea_over .kor{font-size:32px}
	#container .course .textarea_over .description p{padding:0 20px;font-size:16px}


	/* 최근게시물 - 후기 */
	#container .review ul li{width:47.5%}
	#container .review ul li:nth-child(2){margin:0}
	#container .review ul li:nth-child(3){display:none}
	
	}



	/* Mobile Device */
	@media all and (max-width:639px){

	/* 강의선택 */
	#container .lecturearea{padding:15px}

	#container .course{position:relative;width:100%;margin:0 0 15px 0 }
	#container .course:last-child{margin:0}
	#container .course .textarea{padding:80px 30px 50px;text-align:left;height:200px}
	#container .course .textarea .title{font-weight:700;color:#ffffff}
	#container .course .textarea .eng{font-size:21px}
	#container .course .textarea .kor{font-size:32px}
	#container .course .textarea_over{background:#333333;text-align:center;width:100%;height:200px;position:absolute;left:0;top:0;display:none;opacity:0.8}
	#container .course .textarea_over .title{font-weight:700;color:#ffffff;margin:0 auto}
	#container .course .textarea_over .eng{font-size:21px;width:65%;background:#cc0000;padding:10px 20px}
	#container .course .textarea_over .kor{font-size:32px;padding:50px 20px 0}
	#container .course .textarea_over .bar{display:inline-block;width:30px;height:5px;background:#ffffff;margin:10px 0}
	#container .course .textarea_over .description p{font-size:18px;font-weight:500;color:#ffffff;padding:0 30px;word-break:keep-all;display:none}
	
	/* 최근게시물 - 리스트 */
	#container .list{position:relative;float:left;width:100%;padding:20px 15px}
	#container .list:last-child{display:none}
	#container .list .more{position:absolute;right:20px;top:35px}

	/* 최근게시물 - 갤러리 */
	#container .gallery ul li{position:relative;float:left;width:48%;max-height:48%;margin:0 4% 0 0}
	#container .gallery ul li:nth-child(n+3){margin-top:15px}
	#container .gallery ul li:nth-child(2n){margin-right:0}

	/* 최근게시물 - 위드특강 */
	#container .lecture ul li{position:relative;float:left;width:48%;height:30%;margin:0 4% 0 0}
	#container .lecture ul li:nth-child(3){margin:0 4% 0 0}
	#container .lecture ul li:nth-child(2n){margin:0}
	

	/* 최근게시물 - 후기 */
	#container .review ul li{width:100%;padding:0}
	#container .review ul li:nth-child(2){display:none}

	/* 최근게시물 - 업체 */
	#container .company ul li{position:relative;float:left;width:48%;margin:0 4% 0 0;padding:10px}
	#container .company ul li:nth-child(2n){margin:0 0 15px 0}

	/* 최근게시물 - 보도자료 */
	#container .press ul li{width:100%}
	#container .press ul li:nth-child(2){display:none}
	#container .press ul li .text .content{padding:10px 5px 0;width:100%;max-height:145px;color:#666666;white-space:normal;overflow:hidden;text-overflow:ellipsis}

	/* 최근게시물 - 교재 */
	#container .book ul li{position:relative;float:left;width:48%;max-height:48%;margin:0 4% 0 0}
	#container .book ul li:nth-child(n+3){margin-top:15px}
	#container .book ul li:nth-child(2n){margin-right:0}	
	}