/* ie7 */
p.date{float:right}

/* Layout */
#content .leftArea{float:left;width:704px;overflow:hidden}
#content .rightArea{float:right;width:260px}
#content a,#content p,#content span{font-family:dotum,돋움}

/* Common */
.section{position:relative;overflow:hidden}
.section h2{font-size:15px;color:#373532;padding-bottom:15px}
h2.line{font-size:15px;color:#373532;padding-bottom:15px;border-bottom:2px solid #4a433d;margin-bottom:16px;padding-left:0}
a.more{display:block;position:absolute;right:0;top:3px;font-size:11px;color:#a4a4a4}
.section .end{margin-right:0;float:right}


.section .contentArea{clear:both;margin-bottom:10px;overflow:hidden}
.section .contentArea li{line-height:170%}
.section .contentArea p.subject{float:left}
.section .contentArea p.subject a{color:#5d5c5c}
.section .contentArea p.date{float:right;color:#a5a5a4;font-family:Tahoma;font-size:11px;text-align:right;float:right}

.section .slides_container{overflow:hidden}
.section .slides_container li{overflow:hidden}
.section .slides_container .thumb{position:relative;float:left}
/* 타이틀 :: 배경투명 */
.section .slides_container .thumb .title{
	position:absolute;bottom:0;left:0;width:100%;padding:8px 0;text-align:center;
	background:url(./image/common/menubg.png) repeat 0 0;
}
.section .slides_container .thumb .title a{color:#fff}

.section .category{color:#9b9b9b}

.section .pagination{display:none}
.section a.next,.section a.prev{z-index:9999;display:block;position:absolute;bottom:8px;height:15px;background:url(./image/common/btn_arrow.png) no-repeat 0 0;text-indent:-1000em}
.section a.prev{width:16px;right:19px}
.section a.next{width:14px;right:5px;background-position:-16px 0}

/* block A */
.blockA{}
.blockA .section{width:222px;float:left;margin-right:18px}
.blockA .section .slides_container{width:222px;height:136px}
.blockA .section .slides_container .thumb{position:relative;float:left}

/* 학과안내 */
.class a{font-size:11px}
.class a:hover{text-decoration:none}
.class .name{padding-right:10px;font-weight:bold}

/* 이벤트 쪽 :: 왼쪽 배경투명*/
.blockA .section .slides_container .thumb .title{
	position:absolute;bottom:0;left:0;width:100%;padding:8px 0;text-align:center;
	background:url(./image/common/menubg.png) repeat 0 0;
}
.blockA .section .slides_container .thumb .title a{color:#fff}

/* block B */
.blockB{margin-top:13px}
.blockB .section .slides_container{width:262px;height:134px}

/* 데뷔수강생 */
.debut a{font-size:11px}
.debut a:hover{text-decoration:none}
.debut .name{font-weight:bold;padding-right:5px}
.debut .thumb{position:relative;width:262px;height:134px}


/* 오디션캐스팅 결과 */
.odition{clear:both;padding-top:20px;width:260px;height:370px;position:relative;float:left;margin-top:1px}
.odition a.next,.odition a.prev{position:absolute;top:1px;background:url(./image/common/btn_arrow2.png) no-repeat 0 0;height:14px}
.odition a.prev{width:15px;right:16px}
.odition a.next{width:14px;background-position:-14px 0}
.odition .thumb{float:left;width:60px;height:65px}
.odition .cont{float:left;margin-left:10px;padding-top:7px;width:140px;position:relative;height:65px}
.odition .cont p.title{font-size:11px}
.odition .cont p.title .name{line-height:150%;font-weight:bold;letter-spacing:-1px}
.odition .cont .category{color:#996c33;font-size:11px;position:absolute;bottom:10px}
.odition .cont p.memo a{clear:both;font-size:11px;margin-top:5px;color:#6e6b6b;line-height:150%;display:block}
.odition .noimg{width:60px;height:65px;background:#f8f8f8;text-align:center;text-indent:0;padding-top:30px;color:#ddd}
.odition .noimg:hover{text-decoration:none}
.odition .contentArea{margin-bottom:3px}

/* 공지사항 */
.mainNotice{clear:both;float:left;width:222px;height:170px;margin-top:19px}
.mainNotice p.subject{width:180px}
.mainNotice p.date{width:40px;float:right}

/* QnA */
.mainQnA{float:left;width:222px;height:170px;margin-left:19px;margin-top:19px}
.mainQnA p.subject{width:180px}
.mainQnA p.date{width:40px;float:right}

/* School :: 학교정보 */
.school{clear:both;margin-left:19px;height:100px}
.school ul {position:absolute;left:35px}
.school ul li{padding-left:2px}
.school ul li img{width:122px}
.school .productWrap{padding-top:30px;position:relative}

.school a.left{display:block;position:absolute;top:20px;z-index:9999}
.school a.right{display:block;position:absolute;top:20px;right:0;z-index:9999}

/* 수강생프로필 */
.profile{float:right;margin-top:19px;width:222px;height:270px;position:relative;left:5px}
.profile ul.slides_container {height:331px;overflow:hidden}
.profile a.next,.profile a.prev{position:absolute;top:1px;background:url(./image/common/btn_arrow2.png) no-repeat 0 0;height:14px}
.profile a.prev{width:15px;right:16px}
.profile a.next{width:14px;background-position:-14px 0}
.profile .thumb{float:left;width:60px;height:65px}
.profile .cont{float:left;margin-left:10px;padding-top:6px;width:220px}
.profile .cont p{color:#6e6b6b}
.profile .cont p.title a{font-size:15px;font-weight:bold;padding-bottom:5px;color:#000;display:block}
.profile .cont p.class{font-size:11px;line-height:100%;padding-bottom:5px}
.profile .cont p.memo{clear:both;font-size:11px;line-height:100%}

/* 오디션정보 */
.odition_info{clear:both}
.odition_info ul li{border-bottom:1px solid #dddddd;width:100%;padding:13px 0}
.odition_info ul li:first-child{padding-top:0}
.odition_info ul li .thumb{float:left;width:100px;text-align:center}
.odition_info ul li .title{float:left;width:150px;line-height:150%;color:#2f2f2f;font-size:11px}
.odition_info .noimg{width:71px;height:33px}

/* 청담동영상 */
.video{clear:both;margin-top:23px;height:270px;position:relative}
.video iframe{width:261px;height:138px}

/* 입시정보 */
.ipsi{clear:both;float:left;width:222px}
.ipsi ul{width:100%}
.ipsi li{display:block;clear:both;width:100%}
.ipsi p.title{clear:both;margin-top:10px;text-align:center}
.ipsi .date{float:right}




.classRecently ul.tab{position:absolute;top:5px;right:0;text-align:right;width:300px}
.classRecently ul.tab a{color:#a4a4a4;font-size:11px;cursor:pointer;padding:3px 7px;text-align:right}
.classRecently li.on a{color:#fff;background:#4a433d;padding:3px 7px;text-align:center}

/* 강사정보 */
.teacher{clear:both;float:left;width:222px;height:370px;margin-top:19px;position:relative}
.teacher a{font-size:11px;color:#7b7a7a;cursor:pointer}
.teacher ul.tab{background:#efefef;width:100%;padding:5px 0;text-align:center}
.teacher ul.tab li{border-right:1px solid #cecece;height:12px;line-height:12px;padding:0 3px;letter-spacing:-1px}
.teacher ul.tab li:last-child{border-right:0}
.on a{color:red}
*:first-child+html .teacher ul.tab li{display:block;float:left}

.teacher ul.list{position:absolute;left:0;top:90px;width:235px;overflow:hidden}
.teacher ul.list li{float:left;margin-right:12px;margin-bottom:12px;width:65px;height:77px;position:relative}
.teacher ul.list li a:hover p.title{background:#000;display:block;position:absolute;bottom:0;width:100%;text-align:center;color:#fff}
.teacher ul.list li p.title{display:none}

/* 합격수기 */
.pass{float:left;width:460px;margin-top:15px;margin-left:19px}
.pass .section .contentArea .thumb{float:left}
.pass .cont{float:left;width:210px;margin-left:15px}
.pass .cont p.name{font-size:15px;color:#000;font-weight:bold}
.pass .cont p.category{font-size:11px;color:#996c33;padding-top:5px}
.pass .cont p.memo{color:#6e6b6b;line-height:150%;font-size:11px;padding-top:10px}

.pass .list{float:right;width:140px;text-align:right}
.pass .list img{border:2px solid #fff}
.pass .list img:hover{border:2px solid red}

*:first-child+html .pass .list ul li{display:block;float:left}

/* 포토갤러리 */
.photoGallery{float:left;width:460px;margin-left:19px}
.photoGallery li{float:left;margin-left:13px}
.photoGallery li:first-child{margin-left:0px}
.photoGallery .thumb{width:144px;height:90px;margin-bottom:10px}
.photoGallery .title{clear:both;width:144px;line-height:130%;height:30px}

/* Promotion */
.promotion {float:left;margin:0;padding:0;width:704px;height:288px;margin-bottom:14px;position:relative;overflow:hidden}
.coin-slider {overflow:hidden;zoom:1}
.coin-slider a{text-decoration:none;outline:none;border:none}
.coin-slider a img{padding:3px}
.cs-buttons{font-size:0px;padding:10px;position:absolute;bottom:2%;right:2%;z-index:9999;float:right}
.cs-buttons a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #b8c4cf;color:#b8c4cf;text-indent:-1000px}
.cs-active {background-color:#b8c4cf;color:#b8c4cf;}
.cs-title {width:545px;padding:10px;background-color:#b8c4cf;color:#b8c4cf}
.cs-prev,.cs-next{background-color:#000000;color:#FFFFFF;padding: 0px 10px;display:none}

/* Login :: 로그인 */
.loginArea{border:1px solid #d5d5d5;border-top:2px solid #4a433d;height:286px}
.loginArea p.p2{line-height:160%}
	
	/* 일반적인 로그인 */
	.loginArea .general{padding:15px;background:#f7f7f7;position:relative;overflow:hidden;border-bottom:1px solid #d5d5d5}
	.loginArea .general input.text{
		border-top:1px solid #cbcbcb;
		border-left:1px solid #cbcbcb;
		border-bottom:1px solid #e4e4e4;
		border-right:1px solid #e4e4e4;
		width:146px;height:24px;line-height:24px;
		text-indent:10px;
		float:left;
		margin-bottom:3px
	}
	.loginArea .general .autologin{position:absolute;right:17px;top:18px}
	.loginArea .general .auto{vertical-align:middle;display:inline-block;margin-top:-2px}
	.loginArea .general label{font-size:11px;font-family:dotum,돋움}
	.loginArea .general .btn{float:left;margin-left:5px}

	.loginArea .general .bottom{clear:both;padding:10px 0}
	.loginArea .general .bottom a{color:#a4a4a4}
	.loginArea .general .bottom strong{color:#333}
	.loginArea .general .bottom .line{padding:0 15px}

	.loginArea .general .sns{clear:both}
	.loginArea .general .sns ul{text-align:center;margin-bottom:10px}
	.loginArea .general .sns li{margin-left:22px}
	*:first-child+html .loginArea .general .sns li{display:block;float:left}
	.loginArea .general .sns li:first-child{margin-left:0}
	.loginArea .general .sns p{color:#928f8f;font-size:11px;font-family:dotum,돋움}

	.loginArea .buttonArea{clear:both;padding:15px;text-align:center}
 
/* 파트너 */
.partner{clear:both;padding:0;position:relative;padding-bottom:10px;border-top:1px solid #ececec;margin-top:30px}
.partner li{display:inline-block;float:left;width:185px}
*:first-child+html .partner li{display:block;float:left}

.partner .product{padding-left:40px;padding-top:15px}
.partner a.left{position:absolute;z-index:9999;top:-50px;display:block;left:0}
.partner a.right{position:absolute;z-index:9999;top:0px;display:block;right:0}