@CHARSET "UTF-8";
@import url('/css/default.css');
@import url('common.css');
@import url('layout.css');
/******************** 01_product ********************/
/* search */
.pdtSearch { padding:20px; border:1px solid #efefef; }
.pdtSearch fieldset { position:relative; padding:10px 0 10px 90px; }
.pdtSearch fieldset * { vertical-align:top; }
.pdtSearch fieldset legend { position:absolute; left:0; top:5px; width:90px; height:20px; padding:0; margin:0; text-align:center; font-weight:bold; font-size:20px; line-height:30px; color:#000; }
.pdtSearch .content { padding:0 0 10px 10px; background:#fafafa; }
.pdtSearch .content h2 { padding:15px 0; font-weight:bold; font-size:15px; color:#2d2d2d; }
.pdtSearch .content ul { overflow:hidden; }
.pdtSearch .content li { float:left; width:125px; height:30px; }
.pdtSearch .content li .chk { margin-top:-2px; }
/* collection */
.choiceSelect { height:63px; text-align:right; }
/* top seller */
.productList li .head { height:30px; overflow:hidden; }
.productList li .head h2 { float:left; font-weight:bold; font-size:20px; color:#6c3092; line-height:1em; }
.productList li .head p { float:right; padding:5px 4px 0 0; }
.productList li .head p.up { padding-left:12px; background:url('/eng/images/common/ico_up.gif') no-repeat left 8px; }
.productList li .head p.down { padding-left:12px; background:url('/eng/images/common/ico_down.gif') no-repeat left 8px; }
.productList li .head p img { margin-top:6px; }
/* list */
.category { padding:18px 0 0; overflow:hidden; }
.category li { float:left; padding:2px 20px 2px 0; margin-right:19px; font-size:14px; line-height:18px; background:url('/eng/images/common/division4.gif') no-repeat right 7px; }
.category li.on a { color:#000; }
.productList { position:relative; margin-top:18px; *zoom:1; }
.productList:after { content:""; display:block; clear:both; }
.productList li { position:absolute; left:0; top:0; width:194px; padding:14px 14px 0; margin-right:20px; border:1px solid #efefef; }
.productList li .thumb { }
.productList li .social { height:20px; padding:10px 0; *zoom:1; text-align:center; }
.productList li .social:after { content:""; display:block; clear:both; }
.productList li .social .love { float:left; height:18px; }
.productList li .social .love img { float:left; margin:2px 5px 0 0; }
.productList li .social .love span { float:left; height:14px; padding:4px 5px 0 9px; border-right:1px solid #c1c1c1; color:#000; font-size:11px; background:url('/eng/images/common/bg_balloon.gif') no-repeat left top; }
.productList li .social .likeBtn { }
.productList li .title { padding-top:10px; }
.productList li .title a { color:#6c3092; }
.productList li .cont { padding:14px; margin:10px -14px 0; line-height:18px; background:#f4f2f3; }
.productList li.none { width:100%; padding:50px 0; margin:0; border:none; text-align:center; }
/* detail */
.pdtInfo { position:relative; width:498px; height:497px; padding-left:500px; margin:75px -20px 0; border-top:1px solid #dfdfdf; }
.pdtInfo .head { position:relative; height:155px; padding:10px 0 0 15px; border-bottom:1px solid #efefef;}
.pdtInfo .head .icon { padding-bottom:5px; overflow:hidden; }
.pdtInfo .head .icon img { float:left; margin:0 2px 2px 0; }
.pdtInfo .head h1 { float:left; height:auto; padding:0 0 6px; margin:0; border-bottom:none; color:#3a3a3a; font-size:26px; color:#191919; line-height:1.2em; font-family:Malgun Gothic, '맑은 고딕', mGothic, dotum, gulim; font-weight:normal; }
.pdtInfo .head h1 img.vm { margin:-3px 0 0 5px; }
.pdtInfo .head .summary { clear:both; padding:0 10px 10px 0; line-height:1.5em; }
.pdtInfo .head .price { font-size:20px; color:#000; }
.ingredient { display:none; position:absolute; left:50%; top:192px; z-index:999; width:370px; padding:15px 15px 30px; text-align:left; background:#fff; }
.ingredient h2 { height:50px; font-weight:bold; color:#2d2d2d; font-size:18px; }
.ingredient .cont { line-height:22px; }
.ingredient .btn { position:absolute; right:15px; top:15px; }
.pdtInfo .content { height:165px; border-bottom:1px solid #efefef; *zoom:1; }
.pdtInfo .content:after { content:""; display:block; clear:both; }
.pdtInfo .colorArea { float:left; width:301px; height:150px; padding:15px 15px 0; border-right:1px solid #efefef; }
.pdtInfo .colorArea .nav { padding-bottom:20px; overflow:hidden; }
.pdtInfo .colorArea .nav li { float:left; padding-right:11px; margin-right:10px; line-height:1em; background:url('/eng/images/common/division3.gif') no-repeat right 2px; }
.pdtInfo .colorArea .nav li.bgn { margin:0; padding:0; }
.pdtInfo .colorArea .nav li.on, .pdtInfo .colorArea .nav li.on a { color:#6c3092; }
.pdtInfo .colorArea .chip { height:72px; margin:6px 0 0 -3px; }
.pdtInfo .colorArea .chip ul { overflow:hidden; }
.pdtInfo .colorArea .chip ul li { float:left; border:3px solid #fff; margin:0 3px 3px 0; }
.pdtInfo .colorArea .chip ul li.on { border-color:#000; }
.pdtInfo .social { padding-top:50px; text-align:center; }
.pdtInfo .social img { margin-top:8px; }
.pdtInfo .foot { position:relative; z-index:100; height:165px; border-bottom:1px solid #efefef; *zoom:1; }
.pdtInfo .foot:after { content:""; display:block; clear:both; }
.pdtInfo .illust { float:left; position:relative; width:165px; height:165px; border-right:1px solid #efefef; background:url('/eng/images/product/bg_illust.gif') no-repeat left top; }
.pdtInfo .illust a { display:block; width:165px; height:165px; cursor:pointer; }
.pdtInfo .illust h2 { padding:12px 10px 0 0; text-align:right; font-size:10px; font-weight:normal; color:#7b7b7b; text-decoration:underline; }
.pdtInfo .illust p { position:absolute; left:0; top:0; }
.pdtInfo .reviewSummary { float:left; width:150px; height:150px; padding:15px 15px 0 0; border-right:1px solid #efefef; text-align:right; }
.pdtInfo .reviewSummary .assess { margin-bottom:8px; text-align:right; }
.pdtInfo .reviewSummary .replyNum { clear:both; margin-bottom:12px; color:#191919; font-size:11px; }
.pdtInfo .reviewSummary .user { margin-bottom:8px; color:#878585; }
.pdtInfo .reviewSummary .cont { height:75px; line-height:15px; color:#c3c3c3; overflow:hidden; }
.seePdtLayer { display:none; position:absolute; left:0; bottom:0; width:270px; height:310px; padding:20px 15px 0; background:url('/eng/images/common/bg_layer.png') no-repeat left top; }
.seePdtLayer .btn1 { height:40px; }
.seePdtLayer .scr { position:relative; width:270px; height:200px; margin-bottom:30px; }
.seePdtLayer .scr li { position:relative; width:225px; padding:0 0 5px 25px; color:#fff; }
.seePdtLayer .scr li p { overflow:hidden; line-height:13px; }
.seePdtLayer .scr li p img { float:left; width:29px; height:29px; margin-right:10px; border:3px solid #eaeaea; }
.seePdtLayer .scr li p a { color:#fff; }
.seePdtLayer .scr li p strong { display:block; padding-top:4px; }
.seePdtLayer .scr li .chk { position:absolute; left:0; top:11px; }
.seePdtLayer .scr li.none { width:230px; padding:100px 0 0 20px; text-align:center; }
.seePdtLayer .closeBtn { position:absolute; right:10px; top:10px; }
.pdtInfo .thumbArea { position:absolute; left:0; top:0; width:455px; height:455px; padding:21px 22px; border-right:1px solid #efefef; border-bottom:1px solid #efefef; }
.pdtInfo .thumbArea .colorBtn { position:absolute; left:0; bottom:0; width:100%; border-bottom:4px solid #000; text-align:right; }
.pdtInfo .thumbArea .thumbnail { position:absolute; left:20px; bottom:24px; }
.pdtInfo .thumbArea .thumbnail li { display:block; margin-top:5px; border:1px solid #cecece; }
.pdtInfo .thumbArea .thumbnail li.on { border-color:#000; }
.skinColorLayer { display:none; position:absolute; left:0; top:-4px; width:499px; height:493px; border-top:4px solid #000; background:#fff; }
.skinColorLayer .color { width:455px; height:455px; padding:9px 22px 0; }
.skinColorLayer .saveBtn { position:absolute; right:10px; top:435px; text-align:right; }
.skinColorLayer .saveBtn li { display:inline; }
.skinColorLayer .colorChip { position:absolute; left:0; bottom:0; padding:0 1px 0 2px; height:40px; }
.skinColorLayer .closeBtn { position:absolute; right:10px; top:10px; }
.pdtCont { width:998px; height:165px; margin:0 -20px; border-bottom:1px solid #efefef; overflow:hidden; }
.pdtCont .relation { float:left; width:498px; height:165px; border-left:1px solid #efefef; border-right:1px solid #efefef; }
.relation .slideCont { left:0; top:0; width:499px; height:165px; }
.relation li { float:left; width:165px; height:165px; margin-right:-1px; border-left:1px solid #efefef; border-right:1px solid #efefef; }
.relation li a { display:block; height:165px; text-align:center; }
.relation li p { padding-top:10px; color:#191919; }
.relation .prev { left:0; top:47px; }
.relation .next { right:0; top:47px; }
.pdtCont .btnArea { padding:0; text-align:right;}
.pdtCont .btnArea img { margin-left:-4px; }
.pdtDetail { position:relative; width:830px; min-height:300px; padding-left:168px; margin:0 -20px; overflow:hidden; background:url('/eng/images/product/bg_detail.gif') repeat-y left top; }
.detailTab { position:absolute; left:0; top:0; width:168px; padding:20px 0 30px; border-top:1px solid #3d3d3d; border-bottom:1px solid #3d3d3d; background:#fff; }
.detailTab li { float:left; width:158px; height:30px; padding-right:10px; text-align:right; font-size:20px; }
.detailTab li a { color:#b1b1b1; }
.detailTab li.on a { color:#000; }
.pdtDetail .detail { padding:20px 40px; color:#555; line-height:20px; }
.pdtDetail .detail img { max-width:750px; }
.pdtDetail #pdtDetail * { color:#555; line-height:1.6em; }
.pdtDetail #pdtDetail img { max-width:830px; }
.pdtDetail .detail .list tr.reviewCont td img { max-width:720px; }
/* 코멘트 */
.commentArea { width:720px; padding:15px; margin:40px -15px 0; background:#f8f8f8; }
.commentArea fieldset { display:block; height:37px; }
.commentArea fieldset .txt { width:644px; }
.commentList { padding-top:2px; overflow:hidden; background:url('/eng/images/common/lineH.gif') repeat-x left top; }
.commentList li { float:left; width:100%; padding:10px 0 12px; text-align:center; line-height:20px; background:url('/eng/images/common/lineH.gif') repeat-x left bottom; }
.commentList li p { float:left; text-align:center; line-height:20px; color:#6b6b6b; word-break:break-all; }
.commentList li p.cont { width:495px; text-align:left; }
.commentList li p.user { width:150px; }
.commentList li p.date { width:75px; }
.commentList li p img.vm { margin:-1px 0 0 4px; }
.pdtDetail .qna { display:none; }
.qnaCont { display:none; }
.qnaCont td { padding:10px 0 !important; }
.qnaCont .question { padding:0 20px 10px 75px; line-height:20px; color:#2b2b2b; background:url('/eng/images/common/ico_question.gif') no-repeat 30px 3px; }
.qnaCont .answer { padding:0 20px 0 75px; line-height:20px; background:url('/eng/images/common/ico_answer.gif') no-repeat 30px 3px; }
/* map */
.productMap { overflow:hidden; }
.productMap .map { float:left; width:214px; background:#424247; }
.productMap .map li { width:192px; padding:23px 0 22px; margin:0 auto; background:url('/eng/images/common/lineH2.gif') repeat-x left bottom; }
.productMap .map li.cate3 { background:none; }
.productMap .map li ul { padding-top:14px; }
.productMap .map li ul li { width:179px; padding:0 0 3px 13px; line-height:18px; font-size:14px; background:url('/eng/images/common/blt3.gif') no-repeat 3px 8px; }
.productMap .map li.cate2 ul li { background-image:url('/eng/images/common/blt4.gif'); }
.productMap .map li.cate3 ul li { background-image:url('/eng/images/common/blt5.gif'); }
.productMap .map li ul li a { color:#a997c0; }
.productMap .map li.cate2 ul li a { color:#be97a2; }
.productMap .map li.cate3 ul li a { color:#97b1c0; }
.mapContent { float:right; width:716px; }
.mapContent h2 { padding-bottom:10px; color:#6c3092; font-size:20px; }
.mapContent .productList { margin:0 0 20px; }
/******************** 02_LOUNGE ********************/
/* makeover */
.makeover { width:958px; min-height:615px; *zoom:1; }
.makeover:after { content:""; display:block; clear:both; }
.stepPdt { float:left; width:237px; min-height:655px; margin-right:20px; }
.stepPdt .slideCont { left:0; top:0; width:237px; min-height:655px; }
.stepPdt .prev { left:0; top:22px; }
.stepPdt .next { right:0; top:22px; }
.stepPdt li { float:left; width:237px; }
.stepPdt h2 { height:76px; padding-top:15px; text-align:center; }
.stepPdt .info { padding:0 5px 0 10px; line-height:18px; }
.stepPdt .thumb { margin-top:10px; background:url('/images/lounge/bgB_thumb.gif') no-repeat left bottom; }
.stepPdt .thumb span { display:block; width:195px; padding:15px; background:url('/images/lounge/bgT_thumb.gif') no-repeat left top; }
.stepPdt .title { padding:0 10px; margin-top:10px; font-weight:bold; font-size:18px; line-height:20px; color:#303030; }
.stepPdt .title a { color:#303030; }
.stepPdt .summary { padding:0 10px; margin-top:5px; line-height:18px; }
.beforeAfter { position:relative; float:left; width:289px; height:530px; overflow:hidden; }
.beforeAfter h2 { height:33px; padding-top:40px; }
.beforeAfter .thumb { position:absolute; right:0; top:73px; width:287px; height:454px; border:1px solid #e5e5e5; overflow:hidden; background:url('/images/lounge/makeover_on.jpg') no-repeat left top; }
.beforeAfter .thumb span { display:block; height:597px; background:url('/images/lounge/makeover_off.jpg') no-repeat left top; }
.beforeAfter .control { position:absolute; top:73px; margin-left:-21px; cursor:pointer; }
.makeover div.fr { width:380px; }
.allstep { width:380px; }
.allstep h2 { height:33px; padding-top:40px; }
.allstep ul { width:405px; padding-bottom:29px; margin-left:-25px; overflow:hidden; }
.allstep li { float:left; width:110px; height:86px; margin:0 0 4px 25px; }
.video { width:245px; }
.video h2 { height:33px; }
.makeoverVideo { position:absolute; left:50%; top:437px; width:560px; margin-left:-81px; z-index:999; }
.pdtSlide { width:958px; height:550px; }
.pdtSlide .slideCont { left:0; top:0; width:958px; height:550px; }
.pdtSlide .prev { left:0; top:113px; }
.pdtSlide .next { right:0; top:113px; }
/* the real book */
.bookArea { width:948px; margin:0 auto; }
/* trend */
.trendArea { width:958px; height:364px; }
.trendArea .slideCont { left:0; top:0; width:958px; height:329px; }
.trendArea .prev { left:1px; top:101px; }
.trendArea .next { right:1px; top:101px; }
.trendList { height:329px; }
.trendList li { display:inline; float:left; width:469px; margin:0 16px 0 0; border:1px solid #efefef; }
.trendList li p { color:#fff; font-size:14px; background:#424244; }
.trendList li p a { display:block; color:#fff; overflow:hidden; cursor:pointer; }
.trendList li p span.fl { width:390px; padding:2px 0 3px 10px; line-height:20px; }
.trendList li p .fr { display:inline; margin:6px 10px 0 0; }
.trendList li.none { float:none; width:958px; padding:50px 0; margin:0; border:none; text-align:center; }
/******************** 03_story ********************/
/* wendy */
.wendyContent { padding-top:10px; }
/* episode - collection 공통 사용 */
.episodeList { overflow:hidden; }
.episodeList li { display:inline; float:left; width:463px; margin:0 7px 14px; border:1px solid #efefef; }
.episodeList li p { color:#fff; font-size:14px; background:#424244; }
.episodeList li p a { display:block; color:#fff; overflow:hidden; cursor:pointer; }
.episodeList li p span.fl { width:390px; padding:2px 0 3px 10px; line-height:20px; }
.episodeList li p .fr { display:inline; margin:6px 10px 0 0; }
.episodeList li.none { float:none; width:958px; padding:50px 0; margin:0; border:none; text-align:center; }
.episodeCont { width:998px; padding-bottom:30px; margin:0 -20px; }
.episodeCont img { max-width:998px; }
/* media */
.mediaArea { min-height:620px; margin-top:20px; }
.mediaArea .listArea,
.mediaArea .contentArea { padding-top:0; }
.mediaArea .search { padding:5px; *zoom:1; }
.mediaArea .search:after { content:""; display:block; clear:both; }
.mediaArea .search select, .mediaArea .search .eui_boardSelect { float:left; margin-bottom:0; }
.mediaArea .search span { float:left; padding:5px 18px 0 8px; }
.mediaArea .list li { position:relative; width:133px; height:67px; padding-left:145px; }
.mediaArea .list li p { width:133px; }
.mediaArea .list li p.title { height:40px; margin-bottom:8px; line-height:20px; }
.mediaArea .list li p.thumb { position:absolute; left:15px; top:15px; width:120px; line-height:normal; }
.adCate { height:20px; padding:10px 0 20px; margin-right:19px; overflow:hidden; }
.adCate li { float:left; padding:0 26px 0 5px; margin-right:20px; font-size:14px; background:url('/eng/images/common/division3.gif') no-repeat right 4px; }
.adCate li a { color:#acacac; }
.adCate li.on a { color:#000; }
/* store */
.storeArea .search { padding:5px; }
.storeArea .search select, .storeArea .search .eui_boardSelect { margin-bottom:0; }
.storeArea .list li { height:auto; padding:25px 15px; }
.storeArea .list li p.title { height:auto; margin-bottom:8px; font-size:16px; }
.storeContent .head { padding-bottom:8px; }
.storeContent .head h2 { float:left; padding:0; }
.storeContent .head .fr { padding-top:6px; }
.storeContent .content { border-bottom:3px solid #000; }
.storeContent .foot { padding-top:30px; }
.storeContent .foot h3 { padding:0 0 20px 12px; font-size:15px; color:#000; line-height:1em; background:url('/eng/images/common/blt6.gif') no-repeat left 3px; }
.storeContent .foot p { padding-left:12px; color:#000; line-height:20px; font-size:13px; }
.storeContent .foot dl { padding-left:12px; margin-bottom:30px; overflow:hidden; }
.storeContent .foot dt { clear:both; float:left; width:52px; margin-top:10px; margin-right:10px; font-size:13px; line-height:20px; background:url('/eng/images/common/division6.gif') no-repeat right 5px; }
.storeContent .foot dd { float:left; width:550px; margin-top:10px; color:#000; font-size:13px; line-height:20px; }
.storeContent .foot img { max-width:625px; }
.storeImage { position:relative; width:625px; height:512px; }
.storeImage #slideshow { width:625px; height:512px; }
.storeImage .prev { position:absolute; left:0; top:50%; z-index:20; margin-top:-31px; cursor:pointer; }
.storeImage .next { position:absolute; right:0; top:50%; z-index:20; margin-top:-31px; cursor:pointer; }
/******************** 04_center ********************/
.centerArea { margin:-21px -20px 0; border-top:1px solid #fff; overflow:hidden; }
.centerArea .head { width:654px; height:255px; padding-left:344px; background:url('/eng/images/center/bg_center.jpg') no-repeat left top; }
.centerArea .head .text { padding:10px 0; font-size:14px; line-height:20px; color:#000; }
.centerArea .head .text2 { padding-bottom:10px; font-weight:bold; font-size:20px; color:#000; }
.centerArea .head .text3 { padding-bottom:30px; color:#919191; }
.centerSearch { width:654px; overflow:hidden; }
.centerSearch h2 { float:left; height:60px; padding:15px 20px 0 0; }
.centerSearch p { float:left; width:500px; color:#686868; line-height:20px; }
.centerSearch p img { margin-top:13px; }
/* 메인인덱스 */
/******************** 00_main ********************/
.parallax-viewport { position:relative; width:997px; height:829px; overflow:hidden; background:#000; }
.parallax-layer { position:absolute; width:1018px; height:850px; margin:-10px 0 0 -10px; }
#main .myNavWrap .srchArea fieldset { border-top:1px solid #dbdbdb; border-bottom:none; background:#fff; }
#main #contWrap { background:none; }
#main #container { position:relative; width:998px; padding:110px 0 0; background:#fff; }
#main #footer .nav li.nav1 a { width:119px; }
#main #footer .nav li.nav2 a { width:118px; }
#main #footer .nav li.nav3 a { width:192px; }
#mainVisual { position:relative; width:998px; height:395px; overflow:hidden; }
#visualRolling { position:relative; width:958px; height:395px; padding:0 0 0 40px; overflow:hidden;}
#visualRolling strong.num {float:left; display:block; position:relative; margin:344px 0 0 5px; width:10px; height:10px; font-size:0; line-height:0; background:url('/images/main/btn.png') no-repeat 0 -10px; z-index:8;}
#visualRolling strong.num.on { background:url('/images/main/btn.png') no-repeat 0 0; }
#visualRolling strong.num a { display:block; width:10px; height:10px; }
.visualSection { position:absolute; left:0; top:0; }
.visualSection img { width:998px; height:395px; }
.mainSellerSlide { float:left; width:748px; height:223px; }
.mainSellerSlide .slideCont { left:0; top:0; width:748px; height:223px; }
.mainSellerSlide ul { position:relative; }
.mainSellerSlide ul li { float:left; width:249px; height:223px; }
.mainSellerSlide .mainSellerBtn { position:absolute; left:0; top:0; z-index:1; }
.mainSellerSlide .mainSellerBtn .prev { position:absolute; left:10px; top:79px; }
.mainSellerSlide .mainSellerBtn .next { position:absolute; left:708px; top:79px; }
.mainCont { overflow:hidden; }
.mainCont .fr img { width:223px; height:223px; }
.mainFoot { *zoom:1; }
.mainFoot:after { content:""; display:block; clear:both; }
.mainFoot .fl ul { width:499px; overflow:hidden; }
.mainFoot .fl ul li { position:relative; float:left; width:123px; height:123px; margin-right:-1px; border:1px solid #e0e0e0; border-bottom:0; }
.mainFoot .fl ul li a { display:block; }
.mainFoot .fl ul li span { display:none; position:absolute; left:0; top:0; width:100%; height:83px; padding:40px 0 0; font-size:13px; color:#fff; letter-spacing:-1px; background:url('/images/main/bg_layer.png') repeat 0 0; text-align:center; cursor:pointer; }
.mainFoot .fl ul li.last { width:125px; margin-right:0; }
.mainFoot .fl ul li img { width:100%; height:100%; }
.mainFoot .fr { position:relative; }
.mainFoot .fl .vodCont { position:absolute; left:36px; bottom:172px; width:240px; height:135px; }
.mainFoot .fr .vodCont { position:absolute; left:40px; bottom:42px; width:418px; height:255px; }
.boardList { position:relative; width:465px; overflow:hidden; }
.boardList h2 { float:left; padding-left:24px; }
.boardList ul { float:left; width:360px !important; }
.boardList ul li { width:100% !important; height:20px; line-height:16px; vertical-align:top; }
.boardList ul li a { display:block; color:#000; }
.boardList .boardPaging { position:absolute; left:0; top:0; }
.boardList .boardPaging a { display:block; height:8px; margin-bottom:4px; }
.mainNewArea { position:absolute; left:0; top:75px; z-index:2; width:464px; height:25px; padding:8px 17px 0; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.mainNewArea .boardList { width:464px; }
.mainNotice { position:absolute; right:0; bottom:0; float:right; width:465px; height:20px; margin-bottom:-42px; padding:10px 17px; *zoom:1; z-index:12;}
.mainNotice:after { content:""; display:block; clear:both; }
.mainNotice .boardList { position:relative; width:465px; overflow:hidden; }
.mainNotice .boardList h2 { width:78px; }
.mainNotice .boardList ul { float:left; width:360px !important; }
.mainNotice .boardList ul li { height:20px; vertical-align:top; }
.mainNotice .boardList ul li a { color:#000; }
/*
#main .item, #main .item span { display:block; width:165px; height:165px; overflow:hidden; }
#main .item span { margin:0 0 165px 165px; }
#main .text, #main .text span { width:165px; height:165px; cursor:pointer; }
#main .text { position:relative; }
#main .text4 .cont { position:absolute; right:0; top:0; width:0; height:165px; }
#main .pos0 { position:absolute; left:1px; top:0; }
#main .pos1 { position:absolute; left:167px; top:0; }
#main .pos2 { position:absolute; left:333px; top:0; }
#main .pos3 { position:absolute; left:499px; top:0; }
#main .pos4 { position:absolute; left:665px; top:0; }
#main .pos5 { position:absolute; left:831px; top:0; }
#main .pos6 { position:absolute; left:1px; top:166px; }
#main .pos7 { position:absolute; left:167px; top:166px; }
#main .pos8 { position:absolute; left:333px; top:166px; }
#main .pos9 { position:absolute; left:499px; top:166px; }
#main .pos10 { position:absolute; left:665px; top:166px; }
#main .pos11 { position:absolute; left:831px; top:166px; }
#main .pos12 { position:absolute; left:1px; top:332px; }
#main .pos13 { position:absolute; left:167px; top:332px; }
#main .pos14 { position:absolute; left:333px; top:332px; }
#main .pos15 { position:absolute; left:499px; top:332px; }
#main .pos16 { position:absolute; left:665px; top:332px; }
#main .pos17 { position:absolute; left:831px; top:332px; }
#main .pos18 { position:absolute; left:1px; top:498px; }
#main .pos19 { position:absolute; left:167px; top:498px; }
#main .pos20 { position:absolute; left:333px; top:498px; }
#main .pos21 { position:absolute; left:499px; top:498px; }
#main .pos22 { position:absolute; left:665px; top:498px; }
#main .pos23 { position:absolute; left:831px; top:498px; } */
/*
#main .pos0 span, #main .pos2 span, #main .pos7 span, #main .pos11 span, #main .pos14 span { margin-left:-165px; margin-top:0; }
#main .pos1 span, #main .pos4 span, #main .pos9 span, #main .pos13 span, #main .pos17 span { margin-left:165px; margin-top:0; }
#main .pos6 span, #main .pos10 span, #main .pos12 span, #main .pos15 span, #main .pos18 span { margin-left:0; margin-top:-165px; }
#main .pos3 span, #main .pos5 span, #main .pos8 span, #main .pos16 span { margin-left:0; margin-top:165px; }*/
.layerArea { display:none; position:absolute; left:0; top:0; width:998px; height:829px; }
.layerArea .bg { position:absolute; left:0; top:0; width:998px; height:829px; opacity:0.5; filter:alpha(opacity=50); background:#000; }
.layerArea .layer { display:none; position:absolute; width:0; height:165px; overflow:hidden; }
.layerArea .layerCont1 { left:1px; top:166px; }
.layerArea .layerCont1 ul { width:830px; overflow:hidden; }
.layerArea .layerCont1 li { float:left; width:165px; height:165px; border-left:1px solid #ececec; text-align:center; background:#fff; }
.layerArea .layerCont1 li a { display:block; width:165px; height:160px; padding-top:5px; }
.layerArea .layerCont1 li p { padding:5px 5px 0; text-align:center; }
.layerArea .layerCont2 { left:499px; top:166px; }
.layerArea .layerCont3 { right:499px; top:332px; }
.layerArea .layerCont4 { right:1px; top:332px; }
.layerArea .layerCont5 { right:168px; top:332px; height:331px; background:url('/images/main/wendy.gif') no-repeat left top; }
.layerArea .layerCont5 .fr { margin-top:166px; }