/* image repleace main */ .bgEve { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;background:url('http://image.yes24.com/images/00_Event/2018/0921BookAward/eveBtn.png?v=140405a') no-repeat left top;} /* 기본 이미지 태체 태그 */ * html .bgEve {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie6 hack */ *:first-child+html .bgEve { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie7 hack */ /* image repleace main */ .bgEveImg { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;background:url('http://image.yes24.com/images/00_Event/eveFrm.png?v=140404a') no-repeat left top;} /* 기본 이미지 태체 태그 */ * html .bgEveImg {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie6 hack */ *:first-child+html .bgEveImg { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie7 hack */ /* image repleace main */ .bgEveImg02 { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;background:url('http://image.yes24.com/images/00_Event/2019/bookAward/book_frame.png?v=140404a') no-repeat left top;} /* 기본 이미지 태체 태그 */ * html .bgEveImg {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie6 hack */ *:first-child+html .bgEveImg { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie7 hack */ /* image repleace main */ .bgEveBtn { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;background:url('http://image.yes24.com/images/00_Event/2019/bookAward/eveBtn.png?v=140405a') no-repeat left top;} /* 기본 이미지 태체 태그 */ * html .bgEveBtn {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie6 hack */ *:first-child+html .bgEveBtn { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie7 hack */ /* image repleace main */ .bgYesGift { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;background:url('http://image.yes24.com/images/00_Event/2019/yespresent/00sample/bgYesGift.png?v=150710') no-repeat left top;} /* 기본 이미지 태체 태그 */ * html .bgYesGift {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie6 hack */ *:first-child+html .bgYesGift { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie7 hack */ /* image repleace main */ .bgYesGift { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;background:url('http://image.yes24.com/images/00_Event/2019/yesPresent/00sample/bgYesGift.png?v=150710') no-repeat left top;} /* 기본 이미지 태체 태그 */ * html .bgYesGift {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie6 hack */ *:first-child+html .bgYesGift { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;}/*ie7 hack */ @font-face { font-family:'irkBatang'; font-style:normal; src:url('http://image.yes24.com/sysimage/font/batang/IropkeBatangM.eot?iefix');/* ie6,7,8 */ src:url('http://image.yes24.com/sysimage/font/batang/IropkeBatangM.woff') format('woff'), url('http://image.yes24.com/sysimage/font/batang/IropkeBatangM.otf') format('truetype');/* 그 외 모든 브라우져 */ } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 300; src: url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Light.eot"); src: local(※), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Light.woff2") format("woff2"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Light.woff") format("woff"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Light.otf") format("opentype"); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 500; src: url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Medium.eot"); src: local(※), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Medium.woff2") format("woff2"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Medium.woff") format("woff"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Medium.otf") format("opentype"); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 700; src: url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Bold.eot"); src: local(※), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Bold.woff2") format("woff2"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Bold.woff") format("woff"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Bold.otf") format("opentype"); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 900; src: url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Black.eot"); src: local(※), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Black.woff2") format("woff2"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Black.woff") format("woff"), url("http://image.yes24.com/sysimage/font/noto/NotoSansKR-Black.otf") format("opentype"); } #wrapperContent { width:100%;text-align:center; } #yCurtain { display:none; } #ySkyWrap { display:none; } #yHeader { margin-bottom:0; } #yesFooter { margin-top:0; } .eveTotArea { min-width:960px; } .eveTotArea * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } .eveTotArea img { vertical-align:top; } .eveTotArea #yesConciseGnbWrap { position:fixed;left:0;top:0;right:0;z-index:11; } .eveTotArea .eveTopArea { background:url('http://image.yes24.com/images/00_Event/2019/bookAward/bgTop.jpg') center top; } .eveTotArea .eveTopArea .eveTop { margin:0 auto;position:relative;width:960px; } .eveTotArea .eveTopArea .eveTop .eveTerm { position:absolute;right:0;top:40px;z-index:10;font-size:13px;color:#fff; } .eveTotArea .eveTopArea .eveTop .eveTit { position:absolute;left:0;top:190px; } /* 상단 그라데이션 효과*/ .eveTotArea .eveTopArea .eveTop .box_visual_card_1 { position:absolute;z-index:1;left:-200px;top:100px;right:-50px;bottom:100px; background: linear-gradient(310deg, rgba(255,255,255,1) 0%, rgba(246,142,181,1) 5%, rgba(113,160,234,1) 10%, rgba(255,255,255,1) 15%, rgba(246,142,181,1) 20%, rgba(113,160,234,1) 25%, rgba(246,142,181,1) 30%, rgba(255,255,255,1) 35%, rgba(113,160,234,1) 40%, rgba(246,142,181,1) 45%, rgba(113,160,234,1) 50%, rgba(255,255,255,1) 55%, rgba(113,160,234,1) 60%, rgba(246,142,181,1) 65%, rgba(255,255,255,1) 70%, rgba(113,160,234,1) 75%, rgba(246,142,181,1) 80%, rgba(255,255,255,1) 85%, rgba(113,160,234,1) 90%, rgba(246,142,181,1) 95%, rgba(255,255,255,1) 100%);; background-size:250% 250%; -webkit-animation:AnimationName 14s ease-in-out infinite; animation: AnimationName 14s ease-in-out infinite; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } @-webkit-keyframes AnimationName { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } } @keyframes AnimationName { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } } .eveTotArea .eveTopArea .eveTop .eveBOY_sns { position:absolute;right:0;top:230px;width:57px;height:57px;z-index:15;overflow:hidden;border-radius:70px;background-color:#fff;transition:0.3s; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns .snsWrap { height:213px;overflow:hidden; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns a.bgSNS_on { display:block;margin:16px 0 0 19px;width:36px;height:36px;background-position:0 0; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns a.bgSNS_off { display:none;width:25px;height:25px;background-position:-50px 0; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns a.bgSNS_in { display:none;width:36px;height:36px;background-position:-50px -30px; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns a.bgSNS_ka { display:none;width:36px;height:36px;background-position:-50px -71px; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns a.bgSNS_tw { display:none;width:36px;height:36px;background-position:-50px -112px; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns a.bgSNS_fa { display:none;width:36px;height:36px;background-position:-50px -153px; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns.showSns { height:213px;text-align:center;position:absolute;top:74px; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns.showSns a.bgSNS_on { display:none; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns.showSns a.bgSNS_off { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin:0 0 0 5px;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns.showSns a.bgSNS_in { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin:11px 0 3px 2px;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns.showSns a.bgSNS_ka { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin:0 0 4px 1px;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns.showSns a.bgSNS_tw { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin:0 0 4px 2px;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveTopArea .eveTop .eveBOY_sns.showSns a.bgSNS_fa { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin:0 0 8px 2px;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveTopArea .eveTop .eveBOY_insta { position:absolute;right:124px;top:230px;z-index:15; } .eveTotArea .eveTopArea .eveTop .eveBOY_is { position:absolute;right:62px;top:230px;z-index:15; } .eveTotArea .eveTopArea .eveTop .eveBOY_is a.bgEveBtn { width:60px;height:60px;background-position:-207px -14px; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon { display:none;position:absolute;left:58px;top:92px;padding:0 67px 0 90px;width:785px;z-index:10;border-radius:10px;background-color:#fff; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon:before { content:'';position:absolute;left:74px;top:-13px;right:0;bottom:0;width:21px;height:13px;background:url('http://image.yes24.com/images/00_Event/2019/bookAward/eveBtn.png?v=140404a') no-repeat center top;background-position:-140px -170px; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon.show { display:block; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon .eveBOY_isConImg { float:left; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon .eveBOY_isConTxt { margin-left:180px;padding-top:22px;text-align:left; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon .eveBOY_isConTxt dt { color:#f79779;font-size:25px;font-family:"Noto Sans KR";font-weight:bold; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon .eveBOY_isConTxt dd { padding-top:10px;line-height:20px;color:#666; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon .eveBOY_isConTxt dd strong { color:#333; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon .eveBOY_btn { position:absolute;right:0;top:0;padding:20px; } .eveTotArea .eveTopArea .eveTop .eveBOY_isCon .eveBOY_btn .bgEveBtn { width:30px;height:30px;background-position:-140px -130px; } .eveTotArea .eveTopArea .eveTop .eveBOY_num { position:absolute;left:50%;top:308px;margin-left:305px;width:300px;z-index:15;letter-spacing:-1px;color:#fff;text-align:left;font-size:18px;font-weight:500;font-family:"Noto Sans KR"; } .eveTotArea .eveTopArea .eveTop .eveBOY_num .yes_b { color:#fb7eb4; } .eveTotArea .eveTopArea .eveTop .eveBOY_num .vote_num { color:#05faf2;font-weight:bold; } .eveTotArea .eveTopArea .eveTop .eveBOY_result { position:absolute;left:18px;top:430px;z-index:15;letter-spacing:-1px;color:#fff;text-align:left;font-size:22px;font-weight:500;font-family:"Noto Sans KR"; } .eveTotArea .eveTopArea .eveTop .eveBOY_result em { color:#fb7eb4;font-weight:700; } /* ################################### 탭 영역 ################################### */ .eveTotArea .eveContArea { position:relative;z-index:9;padding:110px 0 50px; } .eveTotArea .eveContArea .eveTabArea { position:absolute;left:0;top:0;right:0;z-index:100;height:110px;background-color:#fb7eb4; } .eveTotArea .eveContArea.fixed .eveTabArea { position:fixed;top:100px;height:80px; } .eveTotArea .eveContArea.fixed .eveTabArea .eveTab li { height:80px; } .eveTotArea .eveContArea.fixed .eveTabArea .eveTab li a { padding-top:8px; } .eveTotArea .eveContArea.fixed .eveTabArea .bl_balloon { display:none; } .eveTotArea .eveContArea .eveTabArea .eveTab { margin:0 auto;width:960px; } .eveTotArea .eveContArea .eveTabArea .eveTab li { float:left;margin-left:-1px;width:25%;height:110px;border-left:1px solid #fc91bf; } .eveTotArea .eveContArea .eveTabArea .eveTab li:first-child { margin-left:0;border-left:none; } .eveTotArea .eveContArea .eveTabArea .eveTab li:hover { background-color:#fff; } .eveTotArea .eveContArea .eveTabArea .eveTab li:hover a { color:#222; } .eveTotArea .eveContArea .eveTabArea .eveTab li:hover strong { color:#222; } .eveTotArea .eveContArea .eveTabArea .eveTab li.on { background-color:#fff; } .eveTotArea .eveContArea .eveTabArea .eveTab li.on a { color:#222; } .eveTotArea .eveContArea .eveTabArea .eveTab li.on strong { color:#222; } .eveTotArea .eveContArea .eveTabArea .eveTab li a { display:block;padding-top:23px;width:100%;height:74px;letter-spacing:-1px;text-decoration:none;color:#fff;font-size:16px;font-weight:700;font-family:"Noto Sans KR"; } .eveTotArea .eveContArea .eveTabArea .eveTab li strong { color:#fff;line-height:30px;font-size:28px;font-weight:900;font-family:"Noto Sans KR"; } .eveTotArea .eveContArea .eveTabArea .bl_balloon { position:absolute;right:50%;top:-10px;margin-right:-405px;z-index:100; } .eveTotArea .eveContArea .eveSubTabArea { margin:60px auto 0;width:960px;height:70px;background-color:#ebebeb; } .eveTotArea .eveContArea .eveSubTabArea * { font-family:"Noto Sans KR"; } .eveTotArea .eveContArea .eveSubTabArea li { float:left;width:480px;height:70px;line-height:70px;text-align:center; } .eveTotArea .eveContArea .eveSubTabArea li a { display:block;line-height:70px;text-align:center;color:#333;font-size:24px;font-weight:700;letter-spacing:-1px; } .eveTotArea .eveContArea .eveSubTabArea li a:hover { text-decoration:none; } .eveTotArea .eveContArea .eveSubTabArea li.on a { color:#fff;background-color:#fb7eb4; } .eveTotArea .eveContArea .eveCateTabArea { margin:0 auto;width:960px;height:53px;border-bottom:solid 2px #ebebeb; } .eveTotArea .eveContArea .eveCateTabArea li { position:relative;float:left;width:107px; } .eveTotArea .eveContArea .eveCateTabArea li a { display:block;line-height:53px;font-size:13px;color:#333; } .eveTotArea .eveContArea .eveCateTabArea li.tabOn a { color:#fb7eb4;font-weight:bold;font-size:15px; } .eveTotArea .eveContArea .eveCateTabArea li.tabOn:before { content:'';position:absolute;left:0;right:0;bottom:-2px;border-bottom:solid 2px #fb7eb4; } .eveTotArea .eveContArea .eveCateTabArea li a:hover { text-decoration:none;font-weight:bold;color:#fb7eb4; } .eveTotArea .eveContArea .eveCateTabArea li.firstCol { width:105px; } .eveTotArea .eveContArea .eveCateTabArea li.lastCol { width:106px; } /* ################################### 역대 올해의 책 ################################### */ .eveTotArea .eveHonorListTotArea { background-color:#333; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea { position:relative;padding-top:19px;background-color:#fff; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul { margin:0 auto;width:960px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol { float:left;width:240px;text-align:center; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsYear { position:relative;z-index:2;margin:0 auto;width:174px;height:40px;line-height:40px;color:#fb7eb4;font-size:24px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet { margin:0 auto;width:174px;} .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .godos_cover { position:relative; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .godos_cover .book_frm { position:absolute;left:0;top:0;width:174px;height:250px;background-position:0 0; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .godos_cover .book_frm a { width:174px;height:250px;background-position:0 0; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .godos_cover img { width:174px;height:250px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .goods_more { position:relative;height:80px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .goods_more a { display:block;padding:16px 0 0 0;height:64px;line-height:28px;font-family:"Noto Sans KR";font-weight:900;font-size:22px;color:#333;letter-spacing:-2px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .goods_more a .bgEveBtn { margin:8px 0 0 4px;width:18px;height:14px;background-position:-140px 0; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .goods_more a:hover { text-decoration:none; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsSet .goods_more .more_cock { display:none;position:absolute;left:50%;bottom:0;width:28px;height:14px;margin-left:-14px;background-position:-140px -50px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol .goodsMoreCont { display:none;position:absolute;left:50%;top:370px;margin-left:-480px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea.listOpen { margin-bottom:1155px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsSet .goods_more a .bgEveBtn { background-position:-140px -20px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsSet .goods_more .more_cock { display:block; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont { display:block;padding:10px 0 0 0;width:960px;text-align:left; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .moreContTit { display:block;padding-top:28px;width:960px;height:125px;line-height:125px;text-align:center;font-family:"Noto Sans KR";font-weight:900;font-size:36px;font-weight:bold;color:#fff; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .moreContTit em { color:#fb7eb4; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor { padding-top:4px;height:380px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li { float:left;width:240px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet { position:relative;margin:0 auto;width:174px;text-align:left; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goodsRnk em.bgEveBtn { position:absolute;left:1px;top:1px;z-index:2;width:50px;height:50px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goodsRnk em.bgEveBtn.ico_rnk1 { background-position:0 -700px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goodsRnk em.bgEveBtn.ico_rnk2 { background-position:-50px -700px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goodsRnk em.bgEveBtn.ico_rnk3 { background-position:-100px -700px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goodsRnk em.bgEveBtn.ico_rnk4 { background-position:-150px -700px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_img { } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_img a { border:solid 1px #444; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_img img { margin:-1px;width:176px;height:252px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_info { padding-top:18px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_info .goods_cate { line-height:16px;color:#ccc;font-size:12px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_info .goods_name { margin-top:3px;max-height:40px;overflow:hidden;line-height:20px;color:#fff; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_info .goods_name a { color:#fff;font-size:14px;font-weight:bold; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContHor li .goodsHorSet .goods_info .goods_rate { margin-top:8px;line-height:20px;color:#fb7eb4;font-size:14px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl { border-bottom:solid 1px #353535; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl li { position:relative;float:left;padding:0;width:480px;height:59px;border-top:solid 1px #333; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl li .moreRnk { position:absolute;left:0;top:0;width:59px;height:59px;line-height:59px;text-align:center;color:#fb7eb4;font-size:20px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl li p.moreTxt01 { margin:0 155px 0 59px;padding-top:7px;width:265px;text-align:left; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl li p.moreTxt01 em { display:block;height:18px;line-height:18px;color:#999;font-size:12px; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl li p.moreTxt01 a { display:block;overflow:hidden;height:20px;line-height:20px;color:#fff;font-size:14px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl li p.moreTxt02 { position:absolute;right:30px;top:0;width:125px;height:59px;line-height:59px;color:#fb7eb4;text-align:right;font-size:14px;font-weight:bold; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea ul li.goodsCol.listOpen .goodsMoreCont .goodsMoreContOl li p.moreTxt02 .txt0202 { color:#fb7eb4; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea .moreContClose { display:none;position:absolute;right:0;top:0; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea .moreContClose a { display:block;padding:19px 26px 0 0; } .eveTotArea .eveHonorListTotArea .eveHonorListRowArea .moreContClose .bgEveBtn { width:40px;height:40px;background-position:0 -150px; } /* ################################### 올해의 책,커버 영역 ################################### */ .eveTotArea .eveRankArea { margin:0 auto;width:960px;text-align:left;background:url('http://image.yes24.com/images/00_Event/2019/2019Boy/bgRank.png') no-repeat center top; } .eveTotArea .eveRankArea li { position:relative;float:left;width:50%; } .eveTotArea .eveRankArea li.rankTop { height:350px; } .eveTotArea .eveRankArea li.rankTop .goodsRnk { display:none; } .eveTotArea .eveRankArea li.rankTop .goods_img { position:absolute;left:58px;top:62px; } .eveTotArea .eveRankArea li.rankTop .goods_img .imgBdr { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveRankArea li.rankTop .goods_img .imgBdr { border:solid 1px #ebebeb; } .eveTotArea .eveRankArea li.rankTop .goods_img .imgBdr img { margin:-1px;width:174px; } .eveTotArea .eveRankArea li.rankTop .goods_img img { width:174px;height:250px; } .eveTotArea .eveRankArea li.rankTop .goods_info { position:absolute;left:250px;top:62px;width:200px;text-align:left; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_cate { font-size:14px;color:#333;font-weight:bold; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_name { font-size:20px;color:#333;font-weight:bold;letter-spacing:-1px; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_name a { color:#333; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_name a:hover { text-decoration:none; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_pubGrp { margin-top:5px; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_pubGrp .goods_auth { display:block;width:200px;height:18px;line-height:18px;overflow:hidden;font-size:12px;color:#999;white-space:nowrap;text-overflow:ellipsis; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_pubGrp .goods_pub { display:block;width:200px;height:18px;line-height:18px;overflow:hidden;font-size:12px;color:#999;white-space:nowrap;text-overflow:ellipsis; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_pubGrp .divi { display:none; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_rate { margin-top:15px;line-height:38px;font-size:30px;color:#fb7eb4;font-weight:700; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_rate .yes_b { font-size:36px;color:#fb7eb4;vertical-align:-1px;letter-spacing:-1px; } .eveTotArea .eveRankArea li.rankTop .goods_info .goods_rate .rate_per { display:block;margin-top:-5px;font-size:20px;font-weight:normal; } .eveTotArea .eveRankArea li.rankBot { float:left;width:25%;border-top:solid 1px #ebebeb; } .eveTotArea .eveRankArea li.rankBot .goodsSet { position:relative;padding:15px 0 15px 0; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn { position:absolute;left:36px;top:16px;z-index:2;width:50px;height:50px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk3 { background-position:-100px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk4 { background-position:-150px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk5 { background-position:-200px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk6 { background-position:-250px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk7 { background-position:-300px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk8 { background-position:-350px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk9 { background-position:-400px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk10 { background-position:-450px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk11 { background-position:-500px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk12 { background-position:-550px -700px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk13 { background-position:0 -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk14 { background-position:-50px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk15 { background-position:-100px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk16 { background-position:-150px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk17 { background-position:-200px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk18 { background-position:-250px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk19 { background-position:-300px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk20 { background-position:-350px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk21 { background-position:-400px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk22 { background-position:-450px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk23 { background-position:-500px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goodsRnk em.bgEveBtn.ico_rnk24 { background-position:-550px -750px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_img { height:250px;text-align:center; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_img .imgBdr { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_img .imgBdr { border:solid 1px #ebebeb; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_img .imgBdr img { margin:-1px;max-width:240px;height:250px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info { margin:20px 35px 0;height:130px;text-align:left; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_cate { height:16px;overflow:hidden;line-height:16px;font-size:12px;color:#999; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_cate+.goods_name { margin-top:5px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_name { min-height:17px;max-height:34px;overflow:hidden;line-height:17px;word-break:break-all;font-weight:bold;font-size:13px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_name a { color:#333; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_pubGrp { padding-top:6px;line-height:16px;color:#999; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_pubGrp .divi { display:none; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_pubGrp .goods_auth { display:block;height:16px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_pubGrp .goods_pub { display:block;margin-top:3px;height:16px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_rate { margin-top:3px;line-height:26px;color:#fb7eb4;font-weight:700;font-size:20px; } .eveTotArea .eveRankArea li.rankBot .goodsSet .goods_info .goods_rate .rate_per { font-weight:500;font-size:18px; } /* ################################### 올해의 작가 영역 ################################### */ .eveTotArea .eveContArea.eveAuthor { padding:110px 0 0; } .eveTotArea .eveAuthorArea .author_book { margin:0 auto;width:960px;text-align:left; } .eveTotArea .eveAuthorArea .author_book .author_tit { padding:45px 0 35px;letter-spacing:-2px;font-size:40px;color:#000;text-align:center;font-weight:700;font-family:"Noto Sans KR"; } .eveTotArea .eveAuthorArea .author_book li { float:left;width:25%; } .eveTotArea .eveAuthorArea .author_book li .goodsSet { position:relative;padding:15px 0 15px 0; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_img { height:250px;text-align:center; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_img .imgBdr { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_img .imgBdr { border:solid 1px #ebebeb; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_img .imgBdr img { margin:-1px;max-width:240px;height:250px; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_info { margin:18px 35px 0;height:120px;text-align:left; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_info .goods_name { min-height:17px;max-height:34px;overflow:hidden;line-height:17px;word-break:break-all;font-weight:bold;font-size:13px; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_info .goods_name a { color:#333; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_info .goods_price { padding-top:7px;line-height:17px;font-size:13px; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_info .goods_price .txt_price strong { font-size:19px; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_info .goods_price .txt_point { padding-top:14px;display:block; } .eveTotArea .eveAuthorArea .author_book li .goodsSet .goods_info .goods_price .txt_point .ico_point { width:14px;height:14px;vertical-align:-3px;background:url('https://secimage.yes24.com/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -190px 0; } .eveTotArea .eveReplyArea { padding-bottom:80px;background-color:#f4f4f4; } .eveTotArea .eveReplyArea iframe { padding:30px;background-color:#fff; } /* ################################### 올해의 책,굿즈 영역 ################################### */ .eveTotArea .eveBookArea { padding-bottom:50px; } .eveTotArea .eveBookArea .eveBookTop .book_tit { padding:70px 0 35px;letter-spacing:-1px;font-size:40px;color:#000;text-align:center;font-weight:900;font-family:"Noto Sans KR"; } /* 롤링 페이지 */ .eveTotArea .eveBookArea .eveRollArea { position:relative;margin:0 auto;padding-bottom:40px;width:900px;text-align:center; } .eveTotArea .eveBookArea .eveRollArea .eveRollCont { padding-top:522px;text-align:center; } .eveTotArea .eveBookArea .eveRollArea .eveRollCont .giftIco { position:relative;z-index:50;width:15px;height:20px;overflow:hidden;background-position:0 -490px; } .eveTotArea .eveBookArea .eveRollArea .eveRollCont .on .giftIco { width:26px;background-position:0 -460px; } .eveTotArea .eveBookArea .eveRollArea .eveRollCont .giftImg { position:absolute;left:0;top:0; } .eveTotArea .eveBookArea .eveRollArea .eveRollCont .giftImg img { width:900px;height:506px; } .eveTotArea .eveBookArea .eveRollArea .pagen { position:absolute;top:234px;z-index:50; } .eveTotArea .eveBookArea .eveRollArea .pagen a.bgYesGift { width:34px;height:38px; } .eveTotArea .eveBookArea .eveRollArea .pagen.prev { left:0; } .eveTotArea .eveBookArea .eveRollArea .pagen.prev a.bgYesGift { background-position:-60px -300px; } .eveTotArea .eveBookArea .eveRollArea .pagen.prev a.bgYesGift:hover { background-position:-140px -300px; } .eveTotArea .eveBookArea .eveRollArea .pagen.next { right:0; } .eveTotArea .eveBookArea .eveRollArea .pagen.next a.bgYesGift { background-position:-100px -300px; } .eveTotArea .eveBookArea .eveRollArea .pagen.next a.bgYesGift:hover { background-position:-180px -300px; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi { padding:25px 0 0 0;text-align:center; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a { position:relative;display:block;margin:0 4px 0 0;padding-bottom:25px; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a .thumb_txt { position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;width:100px;height:20px;overflow:hidden;line-height:20px;font-size:12px;text-align:center;color:#000; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a .thumb_frm { position:absolute;left:0;top:0;z-index:2;display:block;width:98px;height:98px;border:solid 1px rgba(0,0,0,0.1); } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a .thumb_img { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a .thumb_img { position:relative;z-index:1; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a .ico { position:absolute;right:0;top:82px;z-index:2;width:18px;height:18px;background-position:-80px -350px; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a.mov .thumb_frm:before { content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,0.3); } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a.mov .ico { right:50%;top:35px;z-index:3;margin-right:-15px;width:30px;height:30px;background-position:-110px -350px; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a .thumb_img img { width:100px;height:100px; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a:hover { text-decoration:none; } .eveTotArea .eveBookArea .eveRollArea .eveThumbLi li a:hover .thumb_frm { border-color:#333; } .eveTotArea .eveBookArea .eveRollArea .eveAlertLi { padding:27px 0 0 0;text-align:left; } .eveTotArea .eveBookArea .eveRollArea .eveAlertLi li { padding:2px 0 2px 7px;line-height:16px;font-size:12px;color:#000;text-indent:-7px;text-align:left; } .eveTotArea .eveBookArea .eveRollArea .eveAlertLi li .bl_rnd { margin:6px 4px 0 0;width:3px;height:3px;background-position:0 -520px; } /* 하단 도서 정렬 페이지 */ .eveTotArea .eveGoodsArea { position:relative;margin:0 auto;padding:30px 0 0 0;width:960px; } .eveTotArea .eveGoodsArea .giftTab { height:45px; } .eveTotArea .eveGoodsArea .giftTab.tabDivi2ln { height:90px; } .eveTotArea .eveGoodsArea .giftTab ul { background-color:#666666; } .eveTotArea .eveGoodsArea .giftTab li { display:table;float:left;height:35px;line-height:24px; } .eveTotArea .eveGoodsArea .giftTab li a { position:relative;display:table-cell;_display:block;padding:5px 0;_float:left;width:100%;height:35px;line-height:19px;color:#fff;border-right:solid 1px #767676;font-size:14px;text-align:center;vertical-align:middle;text-shadow:0 1px 0 rgba(0,0,0,0.1); } .eveTotArea .eveGoodsArea .giftTab li a:before { content:'';position:absolute;left:0;bottom:0;right:0;border-bottom:solid 1px rgba(255,255,255,0.1); } .eveTotArea .eveGoodsArea .giftTab li a:hover { text-decoration:none; } .eveTotArea .eveGoodsArea .giftTab li a em { margin:0 4px;word-break:break-all;font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-weight:600; } .eveTotArea .eveGoodsArea .giftTab.tabDivi_2 li { width:50%; } .eveTotArea .eveGoodsArea .giftTab.tabDivi_2 li a { font-size:15px; } .eveTotArea .eveGoodsArea .giftTab li.on { background-color:#fb7eb4; } .eveTotArea .eveGoodsArea .giftTab li.on a { border-right:none; } .eveTotArea .eveGoodsArea .giftTab li:last-child a { border-right:none; } .eveTotArea .eveGoodsArea.fixed { padding:46px 0 0 0; } .eveTotArea .eveGoodsArea.tab2ln.fixed { padding:92px 0 0 0; } .eveTotArea .eveGoodsArea.fixed .giftTab { position:fixed;top:0;z-index:50;width:960px; } .eveTotArea .eveGoodsArea.fixed .giftTab.tabDivi_ovr { position:static; } @media screen and (max-height:800px) { .eveTotArea .eveGoodsArea .giftTab { height:36px; } .eveTotArea .eveGoodsArea .giftTab.tabDivi2ln { height:72px; } .eveTotArea .eveGoodsArea .giftTab ul { } .eveTotArea .eveGoodsArea .giftTab li { height:25px; } .eveTotArea .eveGoodsArea .giftTab li a { height:25px; } } .eveTotArea .eveGoodsArea .goodsSecTit { margin-bottom:40px; } .eveTotArea .eveGoodsArea .goodsList { margin:0;padding-top:40px;text-align:center; } .eveTotArea .eveGoodsArea .goodsList ul { } .eveTotArea .eveGoodsArea .goodsList ul li { display:inline-block;_float:left;margin:0 -2px;padding-bottom:30px;vertical-align:top; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL li { width:320px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL li { width:235px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM li { width:188px; } .eveTotArea .eveGoodsArea .goodsList .goods_tCmt { margin:0 auto 10px auto;padding:5px 5px;height:32px;border:solid 1px #cecece; } .eveTotArea .eveGoodsArea .goodsList .goods_tCmt p { display:table-cell;width:100%;height:32px;overflow:hidden;line-height:16px;vertical-align:middle;color:#666;font-weight:bold;word-break:break-all; } .eveTotArea .eveGoodsArea .goodsList .goods_tCmt p a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:center;vertical-align:top; } .eveTotArea .eveGoodsArea .goodsList .goods_tCmt p a { max-height:32px;min-height:16px;overflow:hidden;line-height:16px; } .eveTotArea .eveGoodsArea .goodsList .goods_tCmt p a:hover { color:#000; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL li .goods_tCmt { width:268px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL li .goods_tCmt p { width:268px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL li .goods_tCmt { width:162px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL li .goods_tCmt p { width:162px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM li .goods_tCmt { width:135px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM li .goods_tCmt p { width:135px; } .eveTotArea .eveGoodsArea .goodsList .goods_img { margin:0 auto;position:relative; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_frm { position:absolute;left:0;top:0;z-index:1; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_frm a { display:block; } .eveTotArea .eveGoodsArea .goodsList .goods_img .img_grp { display:table-cell;vertical-align:bottom; } .eveTotArea .eveGoodsArea .goodsList .goods_img .img_grp a.img_bdr { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveGoodsArea .goodsList .goods_img .img_grp a.img_bdr { border:solid 1px #ebebeb; } .eveTotArea .eveGoodsArea .goodsList .goods_img .img_grp a.img_bdr img { margin:-1px; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_more { display:none;position:absolute;left:0;top:0;z-index:2;cursor:default;background:url('http://image.yes24.com/sysimage/bookN/yesPresent/bgYesGift.png?v=150710') no-repeat -400px -300px; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_more .book_txt { display:block;margin:0 13px;height:177px;overflow:hidden; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_more .book_txt .book_txtCont { display:block;padding:15px 0;line-height:18px;text-align:justify;color:#999; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_sCut { display:none;position:absolute;left:0;right:0;bottom:0;z-index:3;padding:5px 0;height:20px;_height:30px;line-height:30px;text-align:center;background:url('http://image.yes24.com/sysimage/bookN/yesPresent/bgYesGift.png?v=150710') no-repeat -400px -300px; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_sCut .bgYesGift { margin:0 1px;width:24px;height:20px; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_sCut .ico_cart { background-position:0 -420px; } .eveTotArea .eveGoodsArea .goodsList .goods_img .book_sCut .ico_view { background-position:-40px -420px; } .eveTotArea .eveGoodsArea .goodsList .goods_info { margin:20px auto 0;padding-left:10px;text-align:left; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_name { min-height:16px;max-height:32px;_height:32px;overflow:hidden;line-height:16px;word-break:break-all;font-weight:bold;font-size:13px; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_name a { color:#333; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_pubGrp { padding-top:6px;line-height:15px;color:#999; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_pubGrp .divi { display:none; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_pubGrp .goods_auth { display:block;height:15px;line-height:15px;overflow:hidden;word-break:break-all; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_pubGrp .goods_pub { display:block;margin-top:3px;height:15px;line-height:15px;overflow:hidden;word-break:break-all; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_price { margin-top:8px;color:#333;font-weight:bold; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_price em.yes_b { color:#333;vertical-align:-2px; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_price .goods_benefit { margin-left:4px;font-weight:normal; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_point { margin-top:7px;font-weight:normal; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_point .ico_point { width:13px;height:13px;vertical-align:-2px;background-position:0 -400px; } .eveTotArea .eveGoodsArea .goodsList .goods_info .goods_cmt { margin-top:10px;width:150px;height:32px;overflow:hidden;color:#999;line-height:16px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_img { width:280px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_img .img_grp { width:280px;height:280px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_img .img_grp img { max-height:280px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_img { width:174px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_img .img_grp { width:174px;height:250px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_img .img_grp img { max-height:250px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_img { width:147px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_img .img_grp { width:147px;height:213px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_img .img_grp img { max-height:213px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_img a.img_bdr { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_img a.img_bdr { border:solid 1px #ebebeb; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_img img { margin:-1px;width:280px;height:280px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_img .book_frm a { width:174px;height:250px;background-position:0 0; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_img .book_frm a { width:147px;height:213px;background-position:-190px 0; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_img .book_more { width:174px;height:250px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_img .book_more { width:147px;height:213px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_img .book_sCut { width:280px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_img .book_sCut { width:174px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_img .book_sCut { width:147px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_info { width:290px;_width:300px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_info { width:184px;_width:194px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_info { width:157px;_width:167px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgXL .goods_info .goods_price em.yes_b { font-size:19px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgL .goods_info .goods_price em.yes_b { font-size:19px; } .eveTotArea .eveGoodsArea .goodsList ul.goodsImgM .goods_info .goods_price em.yes_b { font-size:19px; } /* ################################### 올해의 책,전시회 영역 ################################### */ .eveTotArea .eveMarketArea { position:relative;background-color:#222; } /* 전시회 xoq */ .eveTotArea .eveMarketArea .marketTab { position:absolute;left:50%;top:228px;z-index:55;margin-left:-510px;border:1px solid #2b2b2b;border-top:none;border-right:none; } .eveTotArea .eveMarketArea .marketTab li { border-top:1px solid #2b2b2b; } .eveTotArea .eveMarketArea .marketTab li.on a span { background-color:#fff047; } .eveTotArea .eveMarketArea .marketTab li.on a em { background-color:#fff047; } .eveTotArea .eveMarketArea .marketTab li a { display:block;background-color:#fff; } .eveTotArea .eveMarketArea .marketTab li a:hover { display:block;background-color:#fff047; } .eveTotArea .eveMarketArea .marketTab li a span { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:top; } .eveTotArea .eveMarketArea .marketTab li a span { padding-top:3px;width:50px;height:42px;border-right:1px solid #2b2b2b;color:#222;font-size:24px;font-weight:700;font-family:"Noto Sans KR"; } .eveTotArea .eveMarketArea .marketTab li a em { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:top; } .eveTotArea .eveMarketArea .marketTab li a em { padding:9px 0 0 5px;width:140px;height:36px;border-right:1px solid #2b2b2b;letter-spacing:-1px;color:#333;text-align:left;font-size:16px;font-weight:500;font-family:"Noto Sans KR"; } .eveTotArea .eveMarketArea.fixed_eH .marketTab { position:fixed;left:50%;top:228px;margin-left:-510px; } .eveTotArea .eveMarketArea.fixed .marketTab { position:fixed;left:50%;top:228px;margin-left:-510px; } .eveTotArea .eveMarketArea .marketCont { display:none;padding-bottom:60px; } .eveTotArea .eveMarketArea .marketCont.on { display:block; } .eveTotArea .eveMarketArea .marketCont.marketCont01 { display:block; } .eveTotArea .eveMarketArea .eveRollArea { position:relative;margin:0 auto;padding-bottom:40px;width:900px;text-align:center; } .eveTotArea .eveMarketArea .eveRollArea .eveRollCont { padding-top:522px;text-align:center; } .eveTotArea .eveMarketArea .eveRollArea .eveRollCont .giftIco { position:relative;z-index:50;width:15px;height:20px;overflow:hidden;background-position:0 -570px; } .eveTotArea .eveMarketArea .eveRollArea .eveRollCont .on .giftIco { width:26px;background-position:0 -540px; } .eveTotArea .eveMarketArea .eveRollArea .eveRollCont .giftImg { position:absolute;left:0;top:0; } .eveTotArea .eveMarketArea .eveRollArea .eveRollCont .giftImg img { width:900px;height:506px; } .eveTotArea .eveMarketArea .eveRollArea .pagen { position:absolute;top:234px;z-index:50; } .eveTotArea .eveMarketArea .eveRollArea .pagen a.bgYesGift { width:34px;height:38px; } .eveTotArea .eveMarketArea .eveRollArea .pagen.prev { left:0; } .eveTotArea .eveMarketArea .eveRollArea .pagen.prev a.bgYesGift { background-position:-60px -300px; } .eveTotArea .eveMarketArea .eveRollArea .pagen.prev a.bgYesGift:hover { background-position:-140px -300px; } .eveTotArea .eveMarketArea .eveRollArea .pagen.next { right:0; } .eveTotArea .eveMarketArea .eveRollArea .pagen.next a.bgYesGift { background-position:-100px -300px; } .eveTotArea .eveMarketArea .eveRollArea .pagen.next a.bgYesGift:hover { background-position:-180px -300px; } .eveTotArea .eveMarketArea .eveRollArea .eveAlertLi { padding:27px 0 0 0;text-align:left; } .eveTotArea .eveMarketArea .eveRollArea .eveAlertLi li { padding:2px 0 2px 7px;line-height:16px;font-size:12px;color:#fff;text-indent:-7px;text-align:left; } .eveTotArea .eveMarketArea .eveRollArea .eveAlertLi li .bl_rnd { margin:6px 4px 0 0;width:3px;height:3px;background-position:-10px -520px; } /* 전시회 4층 */ .eveTotArea .eveGoodsBrdArea { padding-bottom:60px;background-color:#fff; } .eveTotArea .eveGoodsBrdArea.eveBookstay .eveGoodsBrdBtn { padding:0 0 15px; } .eveTotArea .eveGoodsBrdArea.eveBookstay .eveGoodsBrdBtn .bgEveBtn { width:192px;height:80px;background-position:-400px -600px;background:url('http://image.yes24.com/images/00_Event/2019/bookAward/eveBtn_5.gif') no-repeat center top; } .eveTotArea .eveGoodsBrdArea.eveBookstay .eveGoodsBrdDate { padding-bottom:35px;line-height:24px;letter-spacing:-1px;color:#666;font-weight:bold;font-size:15px; } .eveTotArea .eveGoodsBrdArea .eveFormArea { margin:0 auto;width:900px;border:1px solid #ebebeb; } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit { } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit .eveAlertDl { margin:48px 60px 0; } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit .eveAlertDl dt { text-align:left; } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit .eveAlertDl dt p { line-height:31px;font-size:18px;font-weight:bold;color:#333; } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit .eveAlertDl dt span { padding-bottom:2px;line-height:34px;text-align:left;font-size:15px;font-weight:bold;color:#333; } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit .eveAlertDl dd li { padding:0 0 0 7px;line-height:28px;text-indent:-7px;text-align:left;font-size:15px;font-weight:normal;color:#666;letter-spacing:-1px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit .eveAlertDl dd li .bl_rnd { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveGoodsBrdArea .eveFormArea .formTit .eveAlertDl dd li .bl_rnd { margin:12px 7px 0 0;width:3px;height:3px;background:url('http://image.yes24.com/images/00_Event/2018/yesPresent/00sample/bgYesGift.png?v=150710') no-repeat left top;background-position:0 -520px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea { margin:45px 60px 0;width:650px;text-align:left; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveTit { line-height:31px;font-size:18px;font-weight:bold;color:#333; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveTitCont { line-height:30px;font-size:15px;font-weight:normal;color:#333; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi { margin-top:7px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi li { margin:4px 0 0 0;text-align:left; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi li a { display:block;text-decoration:none; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi li a em { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:-4px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi li a em { margin:0 auto;width:20px;height:20px;background:url('http://image.yes24.com/images/00_Event/2019/bookAward/chk.png') no-repeat left top;background-position:0 -30px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi li a span.quiz_txt { overflow:hidden;line-height:35px;font-size:15px;color:#333;font-weight:normal; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi li.on a span.quiz_txt { color:#000;font-weight:bold; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveRadioArea .eveRadioLi li.on a em { background-position:0 0; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea { margin:0 60px;width:650px;text-align:left; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea .eveTxtTit { padding-bottom:10px;line-height:34px;font-size:18px;font-weight:bold;color:#333; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld { padding-top:40px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld textarea { border:1px solid #d8d8d8; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld label { line-height:23px;font-size:15px;font-weight:normal;color:#999; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld .eveTxtBox { position:relative;display:block;width:780px;height:40px;border:1px solid #d8d8d8; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld .eveTxtBox label { position:absolute;left:0;top:0;right:0;bottom:0;padding:8px 0 0 15px;z-index:10;line-height:23px;font-size:15px;font-weight:normal;color:#999; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld .eveTxtBox.labelHide label { display:none; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld .eveTxtBox textarea { position:absolute;left:0;top:0;right:0;bottom:0;padding:8px 15px;width:750px;z-index:5;overflow-y:auto;line-height:23px;font-size:15px;color:#000;vertical-align:top;font-weight:normal;vertical-align:top;resize:none;border:none;letter-spacing:-1px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld .eveTxtBox textarea:focus { outline:0;outline:none; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld.myTxt02 .eveTxtBox { height:120px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveTextArea #myTxtFld.myTxt03 .eveTxtBox { height:170px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveBtnArea { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:center;vertical-align:-4px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveBtnArea { margin:0 auto;padding:50px 0 40px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveBtnArea .btn { float:left;width:250px;height:70px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveBtnArea .btn a { display:block;line-height:70px;color:#333;text-decoration:none;font-size:22px;font-weight:bold; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveBtnArea .cancel_btn { margin-right:10px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveBtnArea .cancel_btn a { color:#333;border:1px solid #ebebeb;background-color:#fff; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveBtnArea .register_btn a { color:#fff;border:1px solid #196ab3;background-color:#196ab3; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveAlertLi { margin:0 auto;padding-bottom:60px;width:780px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveAlertLi li { padding:0 0 3px 7px;text-indent:-7px;text-align:left;letter-spacing:-1px;color:#666;line-height:28px;font-size:15px; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveAlertLi li a { margin-left:10px;vertical-align:middle; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveAlertLi li .bl_rnd { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .eveTotArea .eveGoodsBrdArea .eveFormArea .eveAlertLi li .bl_rnd { margin:12px 7px 0 0;width:3px;height:3px;background:url('http://image.yes24.com/images/00_Event/2018/yesPresent/00sample/bgYesGift.png?v=150710') no-repeat left top;background-position:0 -520px; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList { margin:0 auto;width:900px; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell { margin-top:12px; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet { padding:25px 60px 30px;border:solid 1px #ebebeb;background-color:#f8f8f8; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_top { position:relative;padding:0 0 20px 0;text-align:left; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_top .brd_cmt { line-height:22px;letter-spacing:-1px;color:#333;font-size:16px;font-weight:bold; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_top .brd_etc { margin-top:4px;line-height:16px;color:#666;font-size:12px;font-weight:normal; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_top .brd_etc .divi { margin:0 4px;color:#aaa; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_top .brd_etc .info_del { position:relative; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_top .brd_etc .info_del a { display:block;position: absolute;left:0;top:0;padding:4px 6px 0; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_top .brd_etc .info_del a em { width:9px;height:9px;background-position:-260px -240px; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_bot { position:relative;padding-top:14px;text-align:left;border-top:solid 1px #ebebeb; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_bot .sns_cont { margin-bottom:7px;max-height:78px;overflow:hidden;line-height:26px;color:#666;font-size:15px;font-weight:normal; } .eveTotArea .eveGoodsBrdArea .eveSNSBrdList li.snsBrdCell .snsBrdCellSet .sns_bot .sns_rink a { display:block;max-height:36px;overflow:hidden;line-height:18px;color:#999;font-size:12px;font-weight:normal; }