@charset "utf-8";

fieldset { border:0px; }
input, textarea { font-size:12px; font-family:돋움; }
img, select, input { vertical-align:middle; }
legend { visibility:hidden; height:0px; width:0px; line-height:0; _text-indent:-10px; font-size:0px; }

/* layer popup */
#layer h1 { width:100%; height:20px; background:url('/image/common/bg_h1bot.gif') repeat-x left bottom; color:#333; font-size:12px; margin-bottom:15px; }

#layer { background:url('/image/common/layer_bl.gif') no-repeat left bottom; width:100%; height:100%; }
	#layer .tr{ background:url('/image/common/layer_tr.gif') no-repeat right top; height:9px; position:absolute; top:0; right:0; width:100%; }
	#layer .tl{ background:url('/image/common/layer_tl.gif') no-repeat left top; height:9px; }
	#layer .br{ background:url('/image/common/layer_br.gif') no-repeat right bottom; width:100%; height:100%; }
	#layer .tl .tl { height:auto; }

	#layer img.close {position: absolute; top: 15px; right: 15px; z-index: 10;}
	#layer div.layer-cont {float:left; }
	#layer div.layer-cont-large {float:left; }
	#layer .notice-pongbowl {position: relative; left:-15px; }
	#layer .layer-vocab-whyrice {position: absolute; top: 63px; left: 41px; }
	#layer .notice-pongpoint {position: relative; top :-10px; left:-15px;} /* pong point guide */
	

div.layer-img {float: left; width:65px; overflow:hidden; margin-right: 20px;}
	div.layer-img p { position:relative; float:left; width:65px; height:65px; padding:0 7px 10px 0;  background:url('/image/common/bg_follower.gif') no-repeat left top;}
	div.layer-img p span { position:absolute; top:0px; left:0px; width:65px; height:65px; background:url('/image/common/bg_classmate_list.png') transparent no-repeat center 0px; _background:url('/image/common/bg_classmate_list.png') transparent no-repeat center 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/common/bg_classmate_list.png',sizingMethod='crop'); }
	div.layer-img p span strong { position:absolute; top:49px; left:0px; width:65px; color:#FFF; text-align:center; font-weight:normal; }

.text-cont{float:left; font-family:Tahoma, dotum; font-size:12px; }
	.text-cont dt{margin:3px 0 15px; color:#ff6c00; font-weight:bold;}

.layer-review {float:left; width: 414px; margin-top: 15px; background:url('/image/common/bg_x_dot.gif') repeat-x;}
	/*.layer-review-scroll{height:90px; overflow:scroll; overflow-x:hidden;}*/
	.layer-review dl{margin: 15px 0 25px; width:100%; font-family:tahoma, dotum; font-size:12px;}
	.layer-review dt {margin:20px 0 5px; padding-left: 7px; width: 387px; color: #69694b; font-weight: bold; background:url('/image/ico/bul_arr01.gif') left 6px no-repeat;  line-height: 12px; line-height:15px; overflow:hidden; } /* 2010-09-15 수정 */
	.layer-review dt.none{margin-top:0;}
	.layer-review dd {width: 387px; margin-top: 0px; padding: 0 0 0 7px; overflow:hidden; line-height:15px; } /* 2010-09-15 수정 */

.book-info-wrap { position:relative; overflow-y:scroll; overflow-x:hidden; height:285px;  padding-right:10px; }

.info-cont { padding:38px 20px 25px 25px;}
	.info-cont .scroll-box{ position:relative; overflow:scroll; overflow-x:hidden; height:237px; padding-right:10px;}
	.info-box{clear:both; float:left; position:relative; padding-top:10px; width:97%; background:url('/image/common/bg_x_dot.gif') top left repeat-x;}
	.info-cont .scroll-box .first{ padding-top:0; background:none;}
	.info-box p.text-cont{/*position:absolute;*/float:left; width:290px; left:83px; top:10px;}
	.first p.text-cont{top:0;}

#inner{padding:25px; position:relative; top:0; left:0; }
#inner p {*line-height:15px; _line-height:26px;}
#inner fieldset{position:relative; padding:10px 0 15px 55px; width:250px; height:70px; }
	fieldset input.uid, fieldset input.pass{width:160px; height:13px; font-size:12px; font-family:tahoma, 돋움, dotum; color:#888; padding:1px; border:1px solid #bdbdbd;}
	fieldset .pass{margin-top:5px; float:left;}
	fieldset .btn{margin:-20px; }

#pop-cont {margin:20px 0 0 0; position:relative; }
	#pop-cont .rbox-p { background:url('/image/popup/rbox_bl.gif') no-repeat left bottom; width:100%; }
	#pop-cont .rbox-p .tr{ background:url('/image/popup/rbox_tr.gif') no-repeat right top; padding:1px; }
	#pop-cont .rbox-p .tr-1{ background:url('/image/popup/rbox_tr.gif') no-repeat right top; }
	#pop-cont .rbox-p .tl{ background:url('/image/popup/rbox_tl.gif') no-repeat left top; }
	#pop-cont .rbox-p .br{ background:url('/image/popup/rbox_br.gif') no-repeat right bottom; }

	#pop-cont .text{ height:48px; padding:40px 0; text-align:center; border-bottom:1px solid #eaeaea; color:#666; font-size:12px; font-weight:bold;}
	#pop-cont .text span{color:#f06940}
	#pop-cont .cont-box{position:relative; width:100%;}

	/* 2011-06-09 */
	#pop-cont .text2 { height:48px; padding:40px 0 40px; text-align:center; color:#666; font-size:12px; }
	#pop-cont .text2 p { margin-bottom:10px; font-weight:bold; }

	#pop-cont .login-box{padding:15px 0 25px;}
	#pop-cont .login{float:left; margin-left:20px; width:240px; display:inline;}
	#pop-cont .login dt { float:left; width:87px; margin-top:1px; }
	#pop-cont .login dd { margin-left:10px;margin-bottom:5px; }
	#pop-cont .login input{width:140px; border:1px solid #bdbdbd; padding:2px 0 2px 3px; height:15px; font-family:돋움, dotum}

	#pop-cont .login-box02{padding:5px 0 0 55px;}
	#pop-cont .login-box02 ul{float:left;margin-right:8px; }
	#pop-cont .login-box02 li {margin-bottom:5px; }
	#pop-cont .login-box02 ul input{width:170px; border:1px solid #bdbdbd; padding:2px 0 2px 3px; height:15px; font-family:돋움, dotum}
	#pop-cont .login-box02 p.checkbox{clear:both; margin:5px 0 10px; font-weight:bold; vertical-align:middle; }

dl.id-find {padding:35px 25px; }
	dl.id-find dt { float:left; width:77px; margin-top:1px; }
	dl.id-find dd { margin-bottom:5px; }
	dl.id-find input{width:100px; border:1px solid #bdbdbd; padding:2px 0 2px 3px; height:14px; font-family:돋움, dotum}

.btn-c { clear:both; padding-top:10px; text-align:center; width:100%; } /* 2011-02-21 수정 */

.pop-btn{padding-top:15px; border-top:1px solid #eaeaea; }
	.pop-btn .text{margin-left:25px; padding-left:7px; line-height:11px; background:url(/image/ico/bul_arr01.gif) no-repeat left center;}
	.pop-btn .text a, .pop-btn .text a:hover {color:#8c5730; text-decoration:underline; font-size:12px; } /* 2010-09-17 수정 */
	.pop-btn ul.text{float:left; margin:-5px 0 0 55px; padding:0; background:none; display:inline;}
	.pop-btn ul.text li{float:left;padding-right:40px;padding-left:7px; line-height:11px; background:url(/image/ico/bul_arr01.gif) no-repeat left center;}
	.pop-btn p.btn{clear:both; padding:15px 0 0 55px;}



#post-cont .s_txt { margin:15px 0 5px 0; }
#post-cont .post_t { width:430px; height:185px; overflow-y:auto; overflow-x:hidden; } /* 2010-09-17 수정 */

.comment_t { width:420px; height:130px; overflow-y:auto; overflow-x:hidden; border: 1px solid #bdbdbd;}

.tbl-post{width:100%;border-top:2px solid #aaad9c; border-bottom:1px solid #aaad9c; letter-spacing:0; }
	.tbl-post th{background:#f2f3ef; border:1px solid #aaad9c;font-size:11px;}
	.tbl-post th, .tbl-post td{padding:7px 10px 5px;}
	.tbl-post td {border:1px solid #ddd;}
	.tbl-post td a:hover { font-size:12px; color:#888888; } /* 2010-09-16 추가 */
	.tbl-post .left{border-left:0;}
	.tbl-post .right{border-right:none;}
	.tbl-post .end{border-bottom:none !important;}

/* 타이틀 하단 설명txt */
p.txt_info { color:#828282; font-size:11px; margin-bottom:15px; }
	p.txt_info span { color:#ff6c00; font-weight:bold; }
	p.txt_info span.sto { color:#343434; font-weight:bold; }

/* tab */
ul.tab { background:url('/image/mentoring/bg_tab.gif') repeat-x left bottom; height:25px; }
	ul.tab li { float:left; margin-right:1px; }
	ul.tab li img{ vertical-align:top; }



.commentWrap { float:left; width:100%; margin-top:-4px; }
.commentWrap .thumb { float:left; margin-right:6px; }
.commentWrap .cmtWrite { float:left; width:337px; height:183px; padding-left:6px; background:url('/image/popup/bg_bookComment.gif') no-repeat; }
.commentWrap .cmtWrite dl { width:100%; height:21px; padding-top:6px; }
.commentWrap .cmtWrite dl dt { float:left; padding-left:8px; }
.commentWrap .cmtWrite dl dd { position:relative; float:right; padding-right:11px; }
.commentWrap .cmtWrite dl dd p { float:left; }
.commentWrap .cmtWrite dl dd input{ margin-left:9px; vertical-align:middle; }
.commentWrap .cmtWrite dl dd ul { position:absolute; top:17px; left:0; width:90px; padding:5px; border:1px solid #c4c4c4; background:#fff; }
.commentWrap .cmtWrite dl dd ul li { height:15px; }
.commentWrap .cmtWrite textarea { width:310px; height:129px; padding:10px; border:0; overflow-y:auto; overflow-x:hidden; }



/* 2011-08-24 */

.reviewWrap { float:left; width:100%; height: 301px; margin-top:-4px;  }
.reviewWrap .rvWrite { float:left; width:413px; height:170px; _margin-top:-1px; }
.reviewWrap .rvWrite dl { width:100%; height:21px; margin-top:6px;}
.reviewWrap .rvWrite dl dt { float:left; font-weight:bold; color:#696663; }
.reviewWrap .rvWrite dl dd { float:right;  }
.reviewWrap .rvWrite dl dd p { float:left; }
.reviewWrap .rvWrite dl dd input{ margin-left:-1px; _margin-left:-12px; vertical-align:middle; }
.reviewWrap .rvWrite dl dd ul { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C4C4C4; left: 298px;    padding: 5px; position: absolute; top: 134px;  width: 105px;}   /* //2011-09-14 수정*/   
.reviewWrap .rvWrite dl dd ul li { height:15px; }
.reviewWrap .rvWrite textarea { width:393px; height:125px; padding:10px; border:1; overflow-y:auto; overflow-x:hidden; *margin-top:3px; _margin-top:0px;}

.reviewWrap .rvWrite dl dt.tab { width:348px; height:27px;  }
.reviewWrap .rvWrite dl dt.tab img {margin-right:3px; }
.reviewWrap .rvWrite dl dd p.txtnum { float:right; font-size:11px; margin-top:8px;}
.reviewWrap .rvWrite dl dd span.txtnumon { font-size:11px; color:#ff700f;  font-weight:bold;} 

.btn-save { clear:both;  text-align:center; width:100%; } 



/*2011-11-04*/
#itop, #icenter, #ibottom, #review {width:620px; height:auto; position:relative;}
#itop{overflow:hidden;  padding:0 10px 20px 0;}
#itop dl{position:relative;}
#itop dt{float:left; margin-right:20px; }
#itop dd{position:relative;}
#itop dd span.tit {font-size:24px; color:#333; font-weight:bold; line-height:28px;}
#itop dd span.by {font-size:14px; color:#999; font-weight:bold; line-height:34px;}
#itop dd span.lv { }
#itop dd.star{background:url(/image/popup/star.gif) no-repeat;
width:120px; height:24px; position:absolute; top:170px; left:160px; _left:0px;}

#icenter {width:620px; height:auto; border:1px solid #dadada; background:#f1f1f1; padding:10px; position:relative;}
#icenter.BoldCond{font-size:13px; color:#848383; font-weight:bold; line-height:18px; margin-bottom:30px;position:relative;}

#review { width:auto; height:auto; position:relative;}
#review h2 {border-bottom:1px solid #dadada; padding-bottom:10px;}
#review dl {width:auto; height:auto; padding-top:10px; padding-bottom:10px; position:relative;}
#review dt.name{float:left; width:100px; height:30px; text-align:center; position:relative;}
#review dt.name span{ font-weight:bold; }

#review dd{float:left; width:550px; height:auto; position:relative;}
#review dd ul li.BoldCond {font-size:13px; color:#666; font-weight:bold; line-height:20px; position:relative;}
#review dd ul li.LightCond {float:left; width:550px; height:auto; font-size:12px; color:#666;  line-height:16px; position:relative;}  
#review dd ul li.date {width:550px; position:relative; margin-bottom:10px;}  
#review dd ul li.date span{font-size:11px; color:#CCC;  line-height:18px; }  

#review .line {width:660px; border-bottom:1px solid #dadada; position:relative; float:left; margin-bottom:9px;}

#review dd ul li.star{background:url(/image/popup/star.gif) no-repeat;
width:120px; height:24px; right:5px; top:-3px; float:right; display:block; position:absolute;}



/* franchiseLayer popup begin*/
#franchiseLayer { width:auto; height:auto; border:1px #c9c9c9 solid; }
#franchiseLayer h1 { width:490px; height:50px; background: url(/image/popup/layer_top1.gif) repeat-x left bottom; color:#333; font-size:12px;}
#franchiseLayer h1 img{margin-left:20px; margin-top:15px;}
#franchiseLayer .close {position: absolute; top: 12px; right: 16px; z-index: 10;}
#franchiseLayer span {color:#06C;}
table.consult {width:450px; margin:20px;}
table.consult th { height:40px; text-align:left; color:#313131;}
table.consult td { height:40px; text-align:left; color:#767676;}
table.consult .form { border:1px #c5c5c5 solid; height:21px;} 
table.consult .select{ border:1px #c5c5c5 solid; }
table.consult .ex{ border:1px #c5c5c5 solid; height:130px;}
.layerbtn {text-align:center; width:auto; margin-top:25px; margin-bottom:35px;}
.layerbtn img{ margin-right:10px;}
/* franchiseLayer popup finish */


/* banner edit*/
.layer { width:auto; height:auto; border:1px #c9c9c9 solid; background: #FFFFFF;}
.layer h1 { width:auto; height:50px; background: url(/image/popup/layer_top1.gif) repeat-x left bottom; color:#333; font-size:12px;}
.layer h1 img{margin-left:20px; margin-top:15px;}
.layer .close {position: absolute; top: 12px; right: 16px; z-index: 10;}
.layer span {color:#06C;}
#bannerLayer .btn_area{text-align:center; width:auto; margin-top:295px; margin-bottom:35px;}