@charset "utf-8";
	

	/* 페이지 제목 */
	#content{margin: 60px 0;}
	#content .section{float:left;width:100%;padding: 0 15px;}
	#content .section h2{margin: 0 0 15px;}

	/* 콘텐츠 공통 */
	#content .section h4{position:relative;padding: 30px 0 10px 40px;font-size:21px;color:#333333;}
	#content .section h4:before{position:absolute;top: 35px;left:0;width:25px;height:25px;border:8px solid #cc0000;border-radius:50%;content:'';}
	#content .section > img{padding:0;width:100%}


	/* 리스트 */
	#content .section .textarea{word-break:keep-all}
	#content .section .textarea .number span{display: inline;margin: 0 10px 0 -40px;padding:0px 10px;width:50px;border-radius:50%;background: #d92628;font-size: 21px;font-weight: 400;color: #fff;}
	#content .section .textarea .number p{display:block;position:relative;padding:5px 0 0 40px;font-size:21px;word-break:keep-all}
	#content .section .textarea .notice p{display:block;position:relative;font-size:16px;text-align:justify;word-break:keep-all;}
	#content .section .textarea .text p{display:block;position:relative;padding: 5px 0 0 40px;font-size:16px;text-align:justify;word-break:keep-all;}
	#content .section .textarea .description p{display:block;position:relative;padding:5px 0 0 40px;font-size:16px;word-break:keep-all}
	#content .section .textarea .description p:before{position:absolute;left:25px;content:"- "}


	/* 이미지 - 가로 3개 */
	#content .section .imgarea > img{width:100%;padding:0 0 20px 0}
	#content .section .imgarea ul{overflow:hidden;padding:5px 15px 0 40px}
	#content .section .imgarea ul li{position:relative;float:left;margin:0 5% 0 0;padding:0px;width:30%}
	#content .section .imgarea ul li:last-child{margin:0}
	#content .section .imgarea ul li > img{width:100%}

	/* 테이블 */
	#content .section .tablearea table{margin:5px 0 0 25px;width:calc(100% - 25px);word-break:keep-all}
	#content .section .tablearea table td,#content .section .tablearea table th{padding:15px 10px;font-size:16px;font-weight:400;text-align:center}
	#content .section .tablearea table th{background-color:#999999;color:#ffffff}
    #content .section .tablearea table tr:nth-child(n+2){border-bottom:1px solid #cccccc}
	#content .section .tablearea table tr:nth-child(2n){background-color:#ffffff}
	#content .section .tablearea table tr:nth-child(2n+1){background-color:#f5f5f5}
	#content .section .tablearea table td{border-right:1px solid #cccccc}
	#content .section .tablearea table td:nth-last-child(1){border-right:none;}
	#content .section .tablearea table ul{padding:0}
	#content .section .tablearea table ul li{position:relative;margin:0;padding:0 0 5px 15px;width:100%;text-align:left}
	#content .section .tablearea table ul li:before{display:inline-block;position:absolute;top:7px;left:0;width:5px; height:9px;background: url('../images/container/common_arrow.png') left top no-repeat;content:''}
	#content .section .tablearea .description p{display:block;position:relative;padding:5px 0 0 45px;font-size:16px;word-break:keep-all}
	#content .section .tablearea .description p:before{position:absolute;left:25px;content:"※ "}

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


	/* 최근게시물 - 업체 */
	#content .section .companyarea{position:relative;width:100%}
	#content .section .companyarea ul{padding:10px 0 0 40px}
	#content .section .companyarea ul li{position:relative;float:left;margin:0 5.3% 20px 0;padding:10px;width:21%;border:1px solid #cccccc;border-radius:10px}
	#content .section .companyarea ul li:nth-child(4n),
	#content .section .companyarea ul li:last-child{margin:0}
	#content .section .companyarea ul li > img{width:100%}


	/* 최근게시물 - 갤러리 */
	#content .section .galleryarea{position:relative;width:100%}
	#content .section .galleryarea ul{padding:10px 0 0 40px}
	#content .section .galleryarea ul li{position:relative;float:left;margin:0 4% 0 0;padding:0px;width:22%;height:22%}
	#content .section .galleryarea ul li:nth-child(4n),
	#content .section .galleryarea ul li:last-child{margin:0}
	#content .section .galleryarea ul li > img{width:100%}
	#content .section .galleryarea ul li .text p{position:absolute;bottom:10px;left:0;padding:10px 5px;width:100%;background:#333333;opacity:0.8;font-weight:400;color:#ffffff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}


	/* 인사말 */
	#content .section .greeting{position:relative;width:100%;}
	#content .section .greeting .left{float:left;width:35%;height:450px;background:url('../images/container/content_1_1_1.png') left top no-repeat}
	#content .section .greeting .left .ceo{position:relative;padding:380px 10px 0;}
	#content .section .greeting .left .ceo p{padding:5px;width:100%;font-size:21px;color:#ffffff;font-weight:500;background:#cc0000;border-radius:60px;text-align:center}
	#content .section .greeting .right{float:left;width:65%}

	/* 교재소개 */
	#content .section .bookarea:after {content:""; display:block; clear:both;}
	#content .section .bookarea .img{float:left;margin:5px 25px 0 25px;}
	#content .section .bookarea .text,#content .section .bookarea .order{float:left;width:calc(100% - 205px)}
	#content .section .bookarea .text h5{position:relative; width:100%;margin:0 0 20px 0;padding:15px 0;border-bottom:1px solid #cccccc}
	#content .section .bookarea .text p{position:relative;margin:0;padding:0 0 5px 15px;width:100%;font-size:16px;text-align:left}
	#content .section .bookarea .text p:before{display:inline-block;position:absolute;top:8px;left:0;width:5px; height:9px;background: url('../images/container/common_arrow.png') left top no-repeat;content:''}
	#content .section .bookarea .order p{font-size:14px;font-weight:400;text-align:center;width:100px;padding:10px 0;margin:15px auto 0;border:1px solid #cccccc}

	/* 대표소개 */
	#content .section .profesor{position:relative;float:left;width:100%;border-bottom:1px solid #cccccc}
	#content .section .profesor .left{float:left;width:40%;height:400px;background:url('../images/container/teacher_1_1_1.png') left top no-repeat}
	#content .section .profesor .left .ceo{position:relative;padding:350px 10px 0;}
	#content .section .profesor .left .ceo p{margin:0 auto;padding:5px;width:80%;font-size:21px;color:#ffffff;font-weight:500;background:#cc0000;border-radius:60px;text-align:center}
	#content .section .profesor .right{float:left;width:60%}

	/* 강사진소개 */ 
	#content .section .teacher{position:relative;float:left;width:calc((100% - 1px)/3);-webkit-calc((100% - 1px)/4);-moz-calc((100% - 1px)/4);padding:0 30px}
	#content .section .teacher > img{width:100%;padding:0 25px;}
	#content .section .teacher .textarea{height:350px;padding:10px 0 20px}
	#content .section .teacher .textarea .name{padding:5px 10px;width:100%;font-size:21px;font-weight:500;background:#f5f5f5;border-radius:60px;text-align:center}
	#content .section .teacher .textarea .text p{padding:10px 0 0 10px;font-size:18px;font-weight:500;color:#333333}
	#content .section .teacher .textarea .description p{display:block;position:relative;padding:5px 0 0 25px;font-size:16px;word-break:keep-all}
	#content .section .teacher .textarea .description p:before{position:absolute;left:15px;content:"- "}




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

	/* 페이지 제목 */
	#content{margin:15px 0 30px 0}


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


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

	/* 페이지 제목 */
	#content{margin:15px 0 30px 0}
	#content .section{padding: 0 15px;}

	/* 리스트 */
	#content .section .textarea .number span{display: inline;margin: 0 10px 0 -35px;padding:0px 8px;width:50px;border-radius:50%;background: #d92628;font-size: 16px;font-weight: 400;color: #fff;}
	#content .section .textarea .number p{display:block;position:relative;padding: 5px 0 0 40px;font-size:16px;word-break:keep-all;}
	#content .section .textarea .text p{font-size:14px}
	#content .section .textarea .description p{font-size:14px;}

	/* 테이블 */
	#content .section .tablearea > table td,#content .section .tablearea > table th{padding:15px 10px;font-size:14px;}
	#content .section .tablearea table ul li:before{top:5px}
	#content .section .tablearea .description p{padding:5px 0 0 45px;font-size:14px}

	/* 인사말 */
	#content .section .greeting .left{width:100%;background:url('../images/container/content_1_1_1.png') center top no-repeat}
	#content .section .greeting .left .ceo p{margin:0 auto;width:250px;}
	#content .section .greeting .left .description{display:none}
	#content .section .greeting .right{width:100%}
	#content .section .greeting .right .textarea .text p{padding:5px 10px 0}

	/* 교재소개 */
	#content .section .bookarea .img{display:block;float:left;width: calc(100% - 25px);margin: 5px 0 15px 25px;text-align:center;}
	#content .section .bookarea .text,#content .section .bookarea .order{float:left;margin: 5px 0 0 25px;width: calc(100% - 25px);}
	#content .section .bookarea .text h5{text-align:center}
	#content .section .bookarea .text p{font-size:14px}

	/* 대표소개 */
	#content .section .profesor{position:relative;float:left;width:100%;}
	#content .section .profesor .left{float:left;width:100%;height:400px;background:url('../images/container/teacher_1_1_1.png') center top no-repeat}
	#content .section .profesor .right{float:left;width:100%}

	/* 강사진소개 */ 
	#content .section .teacher{position:relative;float:left;width:calc((100% - 1px)/2);-webkit-calc((100% - 1px)/2);-moz-calc((100% - 1px)/2);padding:0 10px}
	#content .section .teacher > img{width:100%;padding:0 5px;}
	#content .section .teacher .textarea{height:320px;padding:10px 0 20px}
	#content .section .teacher .textarea .name{font-size:18px}
	#content .section .teacher .textarea .text p{font-size:16px}
	#content .section .teacher .textarea .description p{font-size:14px}


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

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

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