@CHARSET "UTF-8";

/* 작성자 : 장정인 */

UL LI {float:left;}

#flashArea {width:100%;height:432px;margin:0px auto;}

#cenArea {width:940px;}

DIV.today {width:656px;height:178px;border:2px solid #E1E1E1;background:url('/ypbooks/images/main/bg_today.jpg') no-repeat;overflow:hidden;float:left;
				padding:16px 0px 0px 13px;}
DIV.todayTit {width:643px;}
DIV.today IMG {display:block;}


DIV.banner {width:243px;border:2px solid #E1E1E1;float:left;margin-left:20px;overflow:hidden;}
DIV.banner IMG {display:block;}

DIV.mainBook {width:940px;clear:both;overflow:hidden;margin-top:20px;position:relative;}

DIV.mainBook DIV.selectBox {width:940px;height:454px;padding:21px 0px 0px 21px;background:url('/ypbooks/images/main/bg_my.jpg') no-repeat;
									position:absolute;top:0px;left:0px;z-index:150;}

DIV.bookSelect {width:898px;height:314px;border-bottom:1px solid #d5d6d6;overflow:hidden;}
DIV.bookSelect UL {width:176px;height:245px;margin:22px 0px 0px 23px;overflow:hidden;float:left;}
DIV.bookSelect UL LI {width:176px;margin-bottom:18px;font-size:12px;line-height:14px;}

/* 2009.06.23 수정*/
DIV.overView {width:232px;background:url('/ypbooks/images/main/bg_overView02.gif')  repeat-y 10px 0px;position:absolute;top:890px;left:1005px;z-index:200;}
DIV.overView DL {width:210px;background:url('/ypbooks/images/main/bg_overView01.gif') no-repeat;padding:20px 0px 0px 22px;}
DIV.overView DL DT {width:198px;font-size:14px;text-align:center;color:#FFFFFF;font-weight:bold;}
DIV.overView DL DD {width:198px;text-align:center;color:#FFFFFF;}
DIV.overView DL DD STRONG.price01 {text-decoration:line-through;color:#d0bfa6;}
DIV.overView DL DD STRONG.price02 {font-size:14px;color:#ffe400;}
DIV.overView DL DD SPAN.price03 {font-size:11px;color:#e4ff00;}

UL.myBtn {margin-top:20px;}
UL.myBtn LI {float:left;}
UL.myBtn LI.btnCen {margin-left:243px;}


DIV.mainBookBox {width:940px;background:url('/ypbooks/images/main/bg_tabBox.gif') no-repeat;padding-top:19px;overflow:hidden;position:relative;
text-align:center;}

DIV.mainBookBox UL.bookTab {width:890px;height:42px;background:url('/ypbooks/images/common/bg_tabLine.gif') repeat-x left 30px;margin:0px auto;}
UL.bookTab LI {float:left;}
UL.bookTab LI.tabBtn {padding:6px 0px 0px 11px;}
UL.bookTab LI.tabBtn02 {padding-top:6px;}
DIV.mainBookBox  #overimg01 {position:absolute;top:19px;left:220px;z-index:100;}
DIV.mainBookBox  #overimg02 {position:absolute;top:19px;left:134px;z-index:100;}
DIV.mainBookBox  #overimg03 {position:absolute;top:19px;left:340px;z-index:100;}
DIV.mainBookBox  #overimg04 {position:absolute;top:19px;left:25px;z-index:100;}
DIV.mainBookBox  #overimg05 {position:absolute;top:19px;left:406px;z-index:100;}
DIV.mainBookBox  #overimg06 {position:absolute;top:19px;left:518px;z-index:100;}
DIV.mainBookBox  #overimg07 {position:absolute;top:19px;left:606px;z-index:100;}

UL.bookList {width:890px;margin:0px auto;}
UL.bookList LI {width:129px;height:148px;background:url('/ypbooks/images/main/bg_bookList.jpg') no-repeat;margin:13px 0px 0px 13px;
					padding:19px 0px 0px 38px;float:left;}
UL.bookList LI IMG {border:1px solid #bebebe;}

DIV.mybook {width:670px;margin:20px auto 0px auto;background:url('/ypbooks/images/main/bg_mybook.jpg') no-repeat 80px 20px;
					padding:20px 0px 0px 220px;border-top:1px solid #e6e6e6;}
DIV.mybook IMG {vertical-align:top;}
DIV.mybook STRONG {font-size:16px;color:#000000;}
DIV.mybook DIV.myBtn {margin:20px 0px 0px 158px;}


DIV.bookAd {width:826px;height:30px;margin:20px auto 5px auto;background:url('/ypbooks/images/main/bg_bookAd.jpg') no-repeat;padding:15px 0px 0px 56px;}
DIV.bookAd IMG {vertical-align:middle;}
DIV.bookAd P {float:left;}
DIV.bookAd DIV.adBtn {height:18px;float:right;margin-right:11px;vertical-align:top;}


/*테마로 보는 책*/
DIV.mainTheme{width:648px;border-bottom:1px solid #e6e6e6;margin-bottom:30px;}
DIV.themeBox {width:611px;height:222px;background:url('/ypbooks/images/main/bg_theme.jpg') no-repeat;padding:39px 0px 0px 36px;margin-bottom:18px;}
DL.themeList {width:258px;float:left;}
DL.themeList DT {width:258px;height:40px;padding-bottom:5px;border-bottom:1px solid #e3dcd3;text-align:center;}
DL.themeList DD {width:258px;margin-top:15px;}
DL.themeList DD UL {width:258px;}
DL.themeList DD UL LI {width:78px;float:left;margin-left:12px;}

/* yp 공통*/

DIV.commBook {width:648px;padding-bottom:30px;border-bottom:1px solid #E6E6E6;}
DIV.webzine {width:648px;padding-bottom:30px;}
DIV.commFrame {width:648px;height:155px;background:url('/ypbooks/images/common/dot01.gif') repeat-x left bottom;}
DIV.commList {width:648px;height:80px;}
DIV.commList UL{width:648px;height:70px;margin-top:10px;}
DIV.commList UL LI.productTxt {width:143px;margin-left:10px;}
DIV.commList UL LI IMG {border:1px solid #BEBEBE;}


/*?*/
DIV.mainBest {width:247px;padding-bottom:20px;border-bottom:1px solid #e6e6e6;overflow:hidden;}
DIV.sympathy {width:247px;padding-bottom:20px;overflow:hidden;margin-top:20px;}
UL.commTab {width:247px;height:24px;background:url('/ypbooks/images/common/bg_tabLine.gif') repeat-x left bottom;overflow:hidden;}
UL.commTab LI {margin-left:1px;float:left;height:24px;}
UL.commTab LI IMG {vertical-align:top;}

UL.bestList {width:247px;}
UL.bestList LI {width:247px;margin-top:9px;font-size:12px;line-height:14px;}
UL.bestList LI IMG {vertical-align:middle;margin-right:7px;}

DL.commRight {width:247px;margin-top:10px;}
DL.commRight DT {float:left;margin-right:6px;}
DL.commRight DT IMG {vertical-align:middle;border:1px solid #cecece;}
DL.commRight DD {width:149px;float:left;margin-top:8px;font-size:12px;color:#8c8c8c;line-height:15px;}

DL.readersBox {width:245px;height:19px;border:1px solid #cecece;}
DL.readersBox DT {width:198px;color:#028381;float:left;padding:1px 0px 0px 7px;}
DL.readersBox DD {width:35px;margin-left:5px;float:left;_padding-top:3px;}
DL.readersBox DD IMG {vertical-align:middle;}

UL.sympathyList {width:247px;}
UL.sympathyList LI {width:235px;margin-top:9px;font-size:12px;line-height:14px;background:url('/ypbooks/images/icon/dot_yellow.gif') no-repeat 0px 5px;
						padding-left:12px;}

DL.yahoo {width:247px;height:19px;background:url('/ypbooks/images/main/bg_yahoo.jpg') no-repeat;margin-top:10px;padding-top:2px;}
DL.yahoo DT {width:52px;padding-left:11px;float:left;}
DL.yahoo DD {width:169px;margin-left:10px;float:left;}
DL.yahoo DD UL LI {width:169px;}
DL.yahoo DD UL LI IMG {vertical-align:middle;}