body { background-color:#f8f8f8 !important; } /* image repleace main */ .bgCateM { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top;background:url('/sysimage/renew/main/bgMain.png?v=160922b') no-repeat left top;} /* 기본 이미지 태체 태그 */ * html .bgCateM {text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;background:url('/sysimage/renew/main/bgMain.png?v=160922b') no-repeat left top;}/*ie6 hack */ *:first-child+html .bgCateM { text-indent:0 !important; line-height:0 !important; font-size:0 !important; overflow:hidden !important;background:url('/sysimage/renew/main/bgMain.png?v=160922b') no-repeat left top;}/*ie7 hack */ .txC_bClub { color:#425ca9; } #yesWrap img { vertical-align:top; } #yWelTopWrap { position:relative;margin:0 auto;width:958px;height:421px;text-align:left;border:solid 1px #d8d8d8;background:#fff; } #yWelTopWrap:before { content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;z-index:1;width:90px;background-color:#6699cc; } #yWelTopWrap * { font-family:'맑은 고딕','Malgun Gothic','Helvetica','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yWelTopWrap #mbnWrap { position:relative;z-index:2;padding:9px 0 0 0;width:89px;height:412px; } #yWelTopWrap #mbnWrap li.mbn_dp1 { float:left;width:90px;height:33px; } #yWelTopWrap #mbnWrap li.mbn_dp1 h3 a { display:block;padding-left:13px;height:33px;line-height:33px;color:#fff;font-size:14px;border-left:none; } #yWelTopWrap #mbnWrap li.mbn_dp1.mbn_dp1_small h3 a { font-size:12px; } #yWelTopWrap #mbnWrap li.mbn_dp1 h3 a:hover { text-decoration:none; } #yWelTopWrap #mbnWrap li.mbn_dp1 h3.on a { color:#333;background-color:#fff; } #yWelTopWrap #mbnWrap .mbnSub { position:absolute;left:89px;top:0;width:869px;height:421px;overflow:hidden; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont { position:relative;z-index:1; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll { position:absolute;left:130px;top:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt { position:absolute;left:0;top:0;padding:10px 0 0 0;width:129px;_width:130px;height:412px;border-right:solid 1px #d8d8d8;background-color:#fff; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt h4 { padding:0 0 0 15px;height:20px;font-size:12px;letter-spacing:-1px;font-weight:bold;color:#333; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt h4 a { color:#333; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt h4 img.bl_arrR { margin:3px 0 0 0;width:6px;height:9px;vertical-align:top;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -175px 2px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp1 { padding:0 0 0 15px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp1 li { float:left;width:110px;height:20px;line-height:20px;overflow:hidden;font-size:12px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp1 li em.divi { margin:0 1px;color:#ccc; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp1 li a { color:#666; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp2 { padding:0 0 0 12px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp2 li { float:left;width:110px;height:20px;line-height:20px;overflow:hidden;font-size:12px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp2 li em.divi { color:#ccc; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp2 li a { color:#6699cc; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul.tp2 li a:hover { color:#6699cc; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .cateTxt ul:after { content:'';clear:both;display:block; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit { } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .yPagen { position:absolute;top:391px;z-index:10; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .yPagen a { display:block;height:30px;overflow:hidden;line-height:30px;text-align:center;font-size:12px;background-color:#f8f8f8; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .yPagen a:hover { text-decoration:none; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .yPagen.on a { color:#fff;background-color:#333; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .yPagen a em { display:block;margin:0 4px;width:auto !important;white-space:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn { display:none;position:absolute;left:0;top:155px;z-index:10;width:34px;height:38px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn a { width:34px;height:38px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn.prev { left:129px;top:191px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn.prev a.bgYUI { background-position:-300px -340px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn.prev a.bgYUI:hover { background-position:-380px -340px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .btnMbn.prev { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn.next { left:835px;top:191px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn.next a.bgYUI { background-position:-340px -340px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn.next a.bgYUI:hover { background-position:-420px -340px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont { overflow:hidden; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp1_1 img { margin-left:-110px;width:959px;height:421px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll .mbnRollUnit .mCont.mbnTp1_1 img { margin-left:-110px;width:1089px;height:421px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp1_2 { padding-left:19px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp1_2 li { float:left;width:208px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_1 {} #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_1 img { margin-left:-110px;width:959px;height:421px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_2 { padding-left:1px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_2 li { float:left;width:245px;border-left:solid 1px #f4f4f4;overflow:hidden; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_2 li:first-child { border-left:none;; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont .tagAd { position:absolute;left:717px;top:9px;width:13px;height:9px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px 0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll .mbnRollUnit .mCont .tagAd { left:847px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt2 .mbnRollUnit .yPagen { width:369px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt2 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt2 .mbnRollUnit .yPagen.pagen_2 { left:370px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen { width:245px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen.pagen_2 { left:246px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen.pagen_3 { left:492px;width:247px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen { width:184px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_2 { left:185px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_3 { left:370px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_4 { left:555px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen { width:147px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_2 { left:148px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_3 { left:296px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_4 { left:444px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_5 { left:592px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen { width:122px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_2 { left:123px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_3 { left:246px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_4 { left:369px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_5 { left:492px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_6 { left:615px;width:125px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen { width:105px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_2 { left:106px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_3 { left:212px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_4 { left:318px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_5 { left:424px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_6 { left:530px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_7 { left:636px;width:103px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen { width:216px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_2 { left:217px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_3 { left:434px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_4 { left:651px;width:218px; } @media screen and (min-width:1440px) { #yWelTopWrap { width:1198px; } #yWelTopWrap:before { width:110px; } #yWelTopWrap #mbnWrap { width:109px; } #yWelTopWrap #mbnWrap li.mbn_dp1 { width:110px;height:36px; } #yWelTopWrap #mbnWrap li.mbn_dp1 h3 a { height:36px;line-height:36px; } #yWelTopWrap #mbnWrap li.mbn_dp1.mbn_dp1_small h3 a { font-size:14px; } #yWelTopWrap #mbnWrap .mbnSub { left:109px;width:1089px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll { width:959px;text-align:center; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit { } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .yPagen { top:381px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .yPagen a { height:40px;line-height:40px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .btnMbn.next { left:1056px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp1_1 img { margin-left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_1 img { margin-left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_2 { padding-left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_2 li { width:319px;text-align:center; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll { width:1089px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll .mbnRollUnit .mCont.mbnTp1_1 img { margin-left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll .mbnRollUnit .mCont.mbnTp2_1 img { margin-left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll .mbnRollUnit .mCont .tagAd { left:936px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll .mbnRollUnit .mCont .tagAd { left:1066px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt2 .mbnRollUnit .yPagen { width:479px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt2 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt2 .mbnRollUnit .yPagen.pagen_2 { left:480px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen { width:319px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen.pagen_2 { left:320px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt3 .mbnRollUnit .yPagen.pagen_3 { left:640px;width:319px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen { width:239px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_2 { left:240px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_3 { left:480px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_4 { left:720px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen { width:191px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_2 { left:192px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_3 { left:384px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_4 { left:576px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt5 .mbnRollUnit .yPagen.pagen_5 { left:768px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen { width:159px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_2 { left:160px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_3 { left:320px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_4 { left:480px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_5 { left:640px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt6 .mbnRollUnit .yPagen.pagen_6 { left:800px;width:159px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen { width:136px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_2 { left:137px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_3 { left:274px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_4 { left:411px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_5 { left:548px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_6 { left:685px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont .mbnRoll.rollCnt7 .mbnRollUnit .yPagen.pagen_7 { left:822px;width:137px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen { width:271px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_1 { left:0; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_2 { left:272px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_3 { left:544px; } #yWelTopWrap #mbnWrap .mbnSub .mbnCont.yesNowCont .mbnRoll.rollCnt4 .mbnRollUnit .yPagen.pagen_4 { left:816px;width:273px; } } /* 오늘의 책 베스트셀러 */ #yesWrap #yWelTopMid { position:relative;margin:20px auto 0;width:960px;height:auto;text-align:left; } #yesWrap #yWelTopMid:after { content:'';clear:both;display:block; } #yesWrap #yWelTopMid * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yWelTopMid .wConLT { float:left;width:188px;overflow:hidden;border:solid 1px #d8d8d8;background-color:#fff; } #yWelTopMid .wConLT .wADBigBn { position:relative;overflow:hidden;border-bottom:solid 1px #d8d8d8; } #yWelTopMid .wConLT .wADBigBn .tagAd { position:absolute;left:166px;top:9px;width:13px;height:9px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px 0; } #yWelTopMid .wConLT .wADBigBn img { width:188px; } #yWelTopMid .wConLT .wADSmallBn { position:relative;height:auto;overflow:hidden; } #yWelTopMid .wConLT .wADSmallBn .tagAd { position:absolute;left:166px;top:9px;width:13px;height:9px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px 0; } #yWelTopMid .wConLT .wADSmallBn img { width:188px; } #yWelTopMid .yWelTodayBook { position:relative;z-index:1;float:left;width:580px;height:349px; } #yWelTopMid .yWelTodayBook h2 { position:absolute;left:250px;top:0;z-index:5; } #yWelTopMid .yWelTodayBook h2 a { display:block;height:34px;overflow:hidden;line-height:34px;font-size:16px;font-weight:bold;color:#333;letter-spacing:-0.5px; } #yWelTopMid .yWelTodayBook h2 a .bgYUI.ico_arr { margin:10px 0 0 4px;width:6px;height:16px;background-position:-130px -240px; } #yWelTopMid .yWelTodayBook h2 a:hover { text-decoration:none; } #yWelTopMid .yWelTodayBook .yTodayBArea { padding:258px 0 0 250px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:bottom; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit { margin-right:16px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBThumb { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBThumb { position:relative;z-index:2;border:solid 1px #d8d8d8; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBThumb img { margin:-1px;width:55px;max-height:80px;vertical-align:top; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBThumb img { image-rendering: -moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBThumb.on { border:solid 4px #196ab3; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBThumb.on img { margin:-4px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont { position:absolute;left:0;top:0;z-index:1;height:338px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea { position:absolute;left:30px;top:0;z-index:1; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea .tb_img { display:table-cell;width:188px;height:279px;text-align:center;vertical-align:top; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea .tb_img.tb_imgBdr a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea .tb_img.tb_imgBdr a { border:solid 1px #d8d8d8; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea .tb_img.tb_imgBdr img { margin:-1px;width:190px;max-height:281px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo { padding:40px 0 0 248px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tB_readTit { width:305px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:bold;color:#6699cc; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tB_readTit a { color:#6699cc; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_readCon { margin-top:4px;width:300px;max-height:95px;overflow:hidden;line-height:19px;word-break:break-all;text-align:justify;font-size:12px;color:#999; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_readCon a { color:#999; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_readCon a:hover { text-decoration:none; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_name { margin-top:16px;width:305px;height:17px;line-height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:bold;color:#333; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_name a { color:#333; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_name a:hover { color:#333;text-decoration:underline; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_pub { margin-top:6px;width:305px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#999; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_pub .divi { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_pub .divi { margin:3px 4px 0 4px;width:1px;height:12px;text-indent:-999em;border-right:solid 1px #ccc; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_price { padding-top:10px;width:300px;color:#333; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_price .txt_price { margin-right:5px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_price .txt_price .yes_b { font-size:14px;vertical-align:-1px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_price .bgYUI.ico_point { width:13px;height:13px;vertical-align:-2px;background-position:-30px 0; } #yWelTopMid .yWelTodayBook .tBBar { position:absolute;left:0;top:338px;z-index:7;width:580px;height:20px;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -380px -450px; } #yWelTopMid .yWelTodayBook .btnTB { display:none;position:absolute;z-index:10;width:34px;height:38px; } #yWelTopMid .yWelTodayBook .btnTB a { width:34px;height:38px; } #yWelTopMid .yWelTodayBook .btnTB.prev { left:-1px;top:155px; } #yWelTopMid .yWelTodayBook .btnTB.prev a.bgYUI { background-position:-300px -340px; } #yWelTopMid .yWelTodayBook .btnTB.prev a.bgYUI:hover { background-position:-380px -340px; } #yWelTopMid .yWelTodayBook .btnTB.next { right:-1px;top:155px; } #yWelTopMid .yWelTodayBook .btnTB.next a.bgYUI { background-position:-340px -340px; } #yWelTopMid .yWelTodayBook .btnTB.next a.bgYUI:hover { background-position:-420px -340px; } #yWelTopMid .yWelBestNkey { position:absolute;right:0;top:0;width:190px;height:349px; } #yWelTopMid .yWelBestNkey:before { content:'';position:absolute;left:50%;top:0;z-index:10;height:30px;border-right:solid 1px #d8d8d8; } #yWelTopMid .yWelBestNkey .BestNkeyArea { position:static;text-align:left; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet { float:left;width:50%;height:30px;background-color:#fff; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet h2 { display:block;text-align:center; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet h2 a { display:block;height:28px;line-height:28px;overflow:hidden;font-size:12px;color:#999;border-top:solid 1px #d8d8d8;border-left:solid 1px #d8d8d8;border-bottom:solid 1px #d8d8d8;white-space:nowrap; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet.yKeyOlArea h2 a { border-left:none;border-right:solid 1px #d8d8d8; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet h2 a:hover { text-decoration:none; } #yWelTopMid .yWelBestNkey.bestOn .BestNkeyArea .bestNkeySet.yBestOlArea h2 a { border-bottom-color:#fff; } #yWelTopMid .yWelBestNkey.bestOn .BestNkeyArea .bestNkeySet.yBestOlArea h2 a em { color:#333; } #yWelTopMid .yWelBestNkey.keyOn .BestNkeyArea .bestNkeySet.yKeyOlArea h2 a { border-bottom-color:#fff; } #yWelTopMid .yWelBestNkey.keyOn .BestNkeyArea .bestNkeySet.yKeyOlArea h2 a em { color:#333; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .rnkOl { position:absolute;left:0;right:0;top:30px;padding-top:10px;height:308px;background-color:#fff;border:solid 1px #d8d8d8;border-top:none; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl { position:relative;z-index:2;margin:0 10px;padding:0 0 9px 0; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dt { display:block;height:22px;border:solid 1px #d8d8d8;background:none;background-color:#fff; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dt a { position:relative;display:block;padding:0 0 0 10px;height:22px;overflow:hidden;font-size:12px;font-weight:bold;color:#333;line-height:22px;cursor:pointer; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dt a:after { content:'';position:absolute;right:0;top:0;width:20px;height:22px;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -847px -71px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dt a:hover { text-decoration:none; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dt.on a:after { background-position:-847px -101px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dd { position:absolute;left:0;right:0;top:23px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dd ul { padding:5px 0;border:solid 1px #d8d8d8;border-top:solid 1px #ebebeb;background-image:none;background-color:#fff; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dd ul li a { display:block;height:22px;line-height:22px;font-size:12px;color:#666;text-indent:10px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dd ul li a:hover { color:#333;text-decoration:none; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl dd .optBot { display:none; } /* 실서버 적용 후 삭제 */ #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .bestOlGrp { position:relative;z-index:1;padding:0 0 0 14px;_width:188px;_height:275px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3 { float:left;font-weight:normal;font-size:11px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3 a { color:#999; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3 a:hover { color:#999;text-decoration:underline; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3.on { font-weight:bold; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3.on a { color:#333; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3.on a:hover { color:#333;text-decoration:underline; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3 em.division { margin:0 6px;color:#ccc;font-weight:normal; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3.bestTit1 { left:10px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot h3.bestTit1 { left:10px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl { position:absolute;left:10px;right:10px;top:20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl ol { padding-top:1px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li { position:relative;height:50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li a {display:block; position:absolute;left:0;top:0;right:0;bottom:5px;z-index:2;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/blank.gif') no-repeat left top; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon { display:block;position:absolute;left:4px;top:0;z-index:1;width:13px;height:21px;overflow:hidden;font-size:11px;color:#666;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_1 { background-position:-160px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_2 { background-position:-175px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_3 { background-position:-190px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_4 { background-position:-205px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_5 { background-position:-220px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_6 { background-position:-235px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_7 { background-position:-250px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_8 { background-position:-265px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_9 { background-position:-280px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .icon.rnk_10 { background-position:-295px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_chg { display:block;position:absolute;left:1px;top:25px;z-index:1;width:25px;height:13px;overflow:hidden;font-size:9px;font-family:'Tahoma';color:#666;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_chg.chg_up { text-indent:11px;background-position:-160px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_chg.chg_dn { text-indent:11px;background-position:-190px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_chg.chg_even { background-position:-220px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_chg.chg_new { background-position:-250px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_img { position:absolute;left:27px;top:0;display:block;z-index:1;width:38px;height:38px;overflow:hidden;border:solid 1px #d8d8d8; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_img img { margin:-1px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_info { display:block;padding:0 0 0 76px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_info strong { display:block;height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-weight:bold;font-size:11px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_info em { display:block;height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;font-size:11px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li.tp02 .rnk_info strong { display:block;height:auto;min-height:14px;max-height:28px;line-height:14px;overflow:hidden;white-space:normal;word-break:break-all;color:#333;font-weight:bold;font-size:11px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li.tp02 .rnk_info em { margin-top:2px;display:block;height:15px;overflow:hidden;white-space:normal;white-space:nowrap;text-overflow:ellipsis;color:#999;font-size:11px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .more { position:absolute;right:10px;top:42px;z-index:1;width:40px;height:14px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .more a { display:block;width:40px;height:14px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -560px 0; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp {} #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp { padding:1px 0 0 0; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol { margin:0 10px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li { float:none;margin-bottom:10px;width:auto;height:17px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li a { position:relative;display:block;width:auto;height:17px;line-height:17px;color:#333; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li a:hover { color:#333;text-decoration:underline; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon { display:block;position:absolute;left:0;top:2px;width:13px;height:13px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px -20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_1 { background-position:-160px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_2 { background-position:-175px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_3 { background-position:-190px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_4 { background-position:-205px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_5 { background-position:-220px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_6 { background-position:-235px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_7 { background-position:-250px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_8 { background-position:-265px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_9 { background-position:-280px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li strong.icon.rnk_10 { background-position:-295px -20px } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li span.txt { display:block;margin:0 25px 0 23px;width:auto;height:16px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li em.rnk_chg { display:block;position:absolute;left:auto;right:0;top:1px;width:24px;height:13px;line-height:13px;overflow:hidden;text-indent:-999em;font-size:9px;font-family:'Tahoma';background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li em.rnk_chg.chg_up { text-indent:11px;background-position:-160px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li em.rnk_chg.chg_dn { text-indent:11px;background-position:-190px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li em.rnk_chg.chg_even { background-position:-220px -50px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li em.rnk_chg.chg_new { background-position:-250px -50px; } @media screen and (min-width:1440px) { #yesWrap #yWelTopMid { width:1200px; } #yWelTopMid .wConLT { width:238px;text-align:center; } #yWelTopMid .wConLT .wADBigBn a { display:block;padding:10px 0; } #yWelTopMid .wConLT .wADBigBn .tagAd { left:216px; } #yWelTopMid .wConLT .wADSmallBn a { display:block;padding:10px 0; } #yWelTopMid .wConLT .wADSmallBn .tagAd { left:216px; } #yWelTopMid .yWelTodayBook { width:720px;height:389px; } #yWelTopMid .yWelTodayBook h2 { left:295px; } #yWelTopMid .yWelTodayBook .yTodayBArea { padding:287px 0 0 295px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBThumb img { width:60px;max-height:90px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea { left:40px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea .tb_img { width:223px;height:336px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tbImgArea .tb_img.tb_imgBdr img { width:225px;max-height:338px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo { padding:40px 0 0 295px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tB_readTit { width:385px;height:23px;line-height:23px;font-size:16px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_readCon { margin-top:7px;width:380px;max-height:110px;line-height:22px;font-size:14px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_name { width:385px;height:19px;line-height:19px;font-size:14px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_pub { width:385px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_price { padding-top:16px; } #yWelTopMid .yWelTodayBook .yTodayBArea .todayBUnit .tBCont .tBInfo .tb_price .txt_price .yes_b { font-size:16px;vertical-align:-1px; } #yWelTopMid .yWelTodayBook .tBBar { top:377px;width:720px;background-position:-100px -780px; } #yWelTopMid .yWelBestNkey { width:240px;height:389px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .rnkOl { padding-top:15px;height:343px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .optTitDl { margin:0 15px;padding:0 0 14px 0; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl { left:15px;right:15px;top:24px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li { height:55px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_img { width:43px;height:43px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_img img { margin:-1px;width:45px !important; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_info { padding:0 0 0 81px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li .rnk_info strong { min-height:16px;height:auto;max-height:16px;line-height:16px;overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;color:#333;font-weight:bold;font-size:12px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .yBestOl li.tp02 .rnk_info strong { min-height:16px;height:auto;max-height:32px;line-height:16px;overflow:hidden;white-space:normal;word-break:break-all;text-overflow:clip;color:#333;font-weight:bold;font-size:12px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yBestOlTot .more { top:52px;right:15px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol { margin:0 15px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li { width:auto;height:20px; } #yWelTopMid .yWelBestNkey .BestNkeyArea .bestNkeySet .yKeyOlTot .keyOlGrp ol li a { height:20px;line-height:20px; } } /* 새로나온 책 (지금, 이 책) */ #yesWrap #yWelMid { margin:20px auto 0;width:960px;text-align:left; } #yesWrap #yWelMid:after { content:'';clear:both;display:block; } #yesWrap #yWelMid * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yWelMid .yWelNowBook { position:relative;float:left;width:758px;height:363px;border:solid 1px #d8d8d8;background-color:#fff; } #yWelMid .yWelNowBook h2 { position:absolute;left:19px;top:10px; } #yWelMid .yWelNowBook h2 a { display:block;height:34px;overflow:hidden;line-height:34px;font-size:16px;font-weight:bold;color:#333;letter-spacing:-0.5px; } #yWelMid .yWelNowBook h2 a .bgYUI.ico_arr { margin:10px 0 0 4px;width:6px;height:16px;background-position:-130px -240px; } #yWelMid .yWelNowBook h2 a:hover { text-decoration:none; } #yWelMid .yWelNowBook .nowBookSet { padding:54px 0 0 30px; } #yWelMid .yWelNowBook ul { display:table;table-layout:fixed; } #yWelMid .yWelNowBook ul li { display:table-cell;position:relative;width:178px; } #yWelMid .yWelNowBook ul li .goods_img { margin-left:20px;position:relative;z-index:1; } #yWelMid .yWelNowBook ul li .goods_img .ico { position:absolute;left:-10px;top:-10px;z-index:2;width:42px;height:42px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat 0 0; } #yWelMid .yWelNowBook ul li .goods_img .ico_eBook { background-position:-50px -590px; } #yWelMid .yWelNowBook ul li .goods_img .ico_19 { position:absolute;right:2px;bottom:2px;width:46px;height:46px;background-position:-40px -770px; } #yWelMid .yWelNowBook ul li .goods_img.tb_cell { display:table-cell;position:relative;margin:0;padding-left:20px;width:158px;height:179px;vertical-align:bottom; } #yWelMid .yWelNowBook ul li .goods_img.tb_cell .imgBdr { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } #yWelMid .yWelNowBook ul li .goods_img.tb_cell .imgBdr { position:relative; } #yWelMid .yWelNowBook ul li .goods_img.tb_cell .imgBdr a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } #yWelMid .yWelNowBook ul li .goods_img.tb_cell .imgBdr a { border:solid 1px #ebebeb; } #yWelMid .yWelNowBook ul li .goods_img.tb_cell .imgBdr a img { margin:-1px;width:125px;max-height:179px; } #yWelMid .yWelNowBook ul li .goods_info { margin:16px 0 0 20px; } #yWelMid .yWelNowBook ul li .goods_info .goods_tCmt { width:150px;height:16px;overflow:hidden;color:#6699cc;line-height:16px;white-space:nowrap;text-overflow:ellipsis; } #yWelMid .yWelNowBook ul li .goods_info .goods_tCmt em { display:block;width:150px;height:16px;overflow:hidden;color:#6699cc;line-height:16px;white-space:nowrap;text-overflow:ellipsis; } #yWelMid .yWelNowBook ul li .goods_info .goods_name { margin-top:4px;width:150px;min-height:16px;max-height:32px;_height:16px;overflow:hidden;word-break:break-all;line-height:16px;font-size:13px;font-weight:bold;color:#333; } #yWelMid .yWelNowBook ul li .goods_info .goods_name a { color:#333; } #yWelMid .yWelNowBook ul li .goods_info .goods_pubGrp { display:block;margin-top:6px;width:150px;height:15px;line-height:15px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } #yWelMid .yWelNowBook ul li .goods_info .goods_pubGrp .divi { color:#ccc; } #yWelMid .yWelNowBook ul li .goods_info .goods_price { margin-top:8px;color:#333;font-weight:bold; } #yWelMid .yWelNowBook ul li .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } #yWelMid .yWelNowBook ul li .goods_info .goods_price .goods_benefit { font-weight:normal; } #yWelMid .yWelNowBook a.yPgBtn.bgYUI { display:none;position:absolute;z-index:10;width:34px;height:38px; } #yWelMid .yWelNowBook a.yPgLft.bgYUI { left:-1px;top:160px;background-position:-300px -340px; } #yWelMid .yWelNowBook a.yPgLft.bgYUI:hover { background-position:-380px -340px; } #yWelMid .yWelNowBook a.yPgRgt.bgYUI { right:-1px;top:160px;background-position:-340px -340px; } #yWelMid .yWelNowBook a.yPgRgt.bgYUI:hover { background-position:-420px -340px; } #yWelMid .yWelNowBook .yPagenNum { position:absolute;right:19px;top:18px;font-size:11px;color:#999; } #yWelMid .yWelNowBook .yPagenNum strong { color:#333; } #yWelMid .yWelPubBook { position:relative;float:right;padding-top:27px;width:188px;height:336px;border:solid 1px #c9d9ea;background-color:#ecf5fe; } #yWelMid .yWelPubBook h2 { position:absolute;left:15px;right:0;top:10px; } #yWelMid .yWelPubBook h2 strong { display:block;height:34px;overflow:hidden;line-height:34px;font-size:15px;font-weight:bold;color:#333;letter-spacing:-0.5px; } #yWelMid .yWelPubBook h2 .tagAd { position:absolute;right:9px;top:5px;width:13px;height:9px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -160px 0; } #yWelMid .yWelPubBook ul { margin:0 15px; } #yWelMid .yWelPubBook ul li { padding:27px 0 30px 0;text-align:center; } #yWelMid .yWelPubBook ul li img { width:158px;height:100px; } #yWelMid .yWelPubBook ul li:first-child { height:100px;border-bottom:solid 1px #d5e4f3; } #yWelMid .yWelPubBook ul li:last-child { padding:30px 0; } @media screen and (min-width:1440px) { #yesWrap #yWelMid { width:1200px;background-color:#fff } #yWelMid .yWelNowBook { padding:10px 0;width:959px;border-right:none; } #yWelMid .yWelNowBook h2 { left:29px;top:20px; } #yWelMid .yWelNowBook .nowBookSet { padding:54px 0 0 70px; } #yWelMid .yWelNowBook ul li { width:218px; } #yWelMid .yWelNowBook ul li .goods_info .goods_tCmt { width:180px; } #yWelMid .yWelNowBook ul li .goods_info .goods_name { width:180px; } #yWelMid .yWelNowBook ul li .goods_info .goods_pubGrp { width:180px; } #yWelMid .yWelPubBook { width:238px;height:356px; } #yWelMid .yWelPubBook h2 { left:30px;top:20px; } #yWelMid .yWelPubBook h2 strong { height:34px;line-height:34px;font-size:16px; } #yWelMid .yWelPubBook h2 .tagAd { top:-1px; } #yWelMid .yWelPubBook ul li:first-child { padding:43px 0 30px 0; } } /* 웰컴 북클럽 화제의 책 */ #yesWrap #yWelMidBot { margin:20px auto 0;width:960px;text-align:left; } #yesWrap #yWelMidBot:after { content:'';clear:both;display:block; } #yesWrap #yWelMidBot * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yWelMidBot .yWelBookClub { position:relative;float:left;width:758px;height:347px;_width:760px;_height:349px;border:solid 1px #d8d8d8;background-color:#fff; } #yWelMidBot .yWelBookClub h2 { position:absolute;left:19px;top:10px; } #yWelMidBot .yWelBookClub h2 a { display:block;height:34px;overflow:hidden;line-height:34px;font-size:16px;font-weight:bold;color:#333;letter-spacing:-0.5px; } #yWelMidBot .yWelBookClub h2 a .bgYUI.ico_arr { margin:10px 0 0 4px;width:6px;height:16px;background-position:-130px -240px; } #yWelMidBot .yWelBookClub h2 a:hover { text-decoration:none; } #yWelMidBot .yWelBookClub .bookClubSet { padding:54px 0 0 30px; } #yWelMidBot .yWelBookClub ul { display:table;table-layout:fixed; } #yWelMidBot .yWelBookClub ul li { position:relative;float:left;width:178px; } #yWelMidBot .yWelBookClub ul li .goods_img { margin-left:20px;position:relative;z-index:1; } #yWelMidBot .yWelBookClub ul li .goods_img .ico { position:absolute;left:-10px;top:-10px;z-index:2;width:42px;height:42px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat 0 0; } #yWelMidBot .yWelBookClub ul li .goods_img .ico_eBook { background-position:-50px -590px; } #yWelMidBot .yWelBookClub ul li .goods_img .ico_19 { position:absolute;right:2px;bottom:2px;width:46px;height:46px;background-position:-40px -770px; } #yWelMidBot .yWelBookClub ul li .goods_img.tb_cell { display:table-cell;position:relative;margin:0;padding-left:20px;width:158px;height:179px;vertical-align:bottom; } #yWelMidBot .yWelBookClub ul li .goods_img.tb_cell .imgBdr { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } #yWelMidBot .yWelBookClub ul li .goods_img.tb_cell .imgBdr { position:relative; } #yWelMidBot .yWelBookClub ul li .goods_img.tb_cell .imgBdr a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } #yWelMidBot .yWelBookClub ul li .goods_img.tb_cell .imgBdr a { border:solid 1px #ebebeb; } #yWelMidBot .yWelBookClub ul li .goods_img.tb_cell .imgBdr a img { margin:-1px;width:125px;max-height:179px; } #yWelMidBot .yWelBookClub ul li .goods_info { margin:16px 0 0 20px; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_tCmt { width:150px;height:16px;overflow:hidden;color:#6699cc;line-height:16px;white-space:nowrap;text-overflow:ellipsis; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_tCmt em { display:block;width:150px;height:16px;overflow:hidden;color:#6699cc;line-height:16px;white-space:nowrap;text-overflow:ellipsis; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_name { width:150px;min-height:16px;max-height:32px;_height:16px;overflow:hidden;word-break:break-all;line-height:16px;font-size:13px;font-weight:bold;color:#333; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_name a { color:#333; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_tCmt+.goods_name { margin-top:4px; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_pubGrp { display:block;margin-top:6px;width:150px;height:15px;line-height:15px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_pubGrp .divi { color:#ccc; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_price { margin-top:8px;color:#333;font-weight:bold; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_price .goods_benefit { font-weight:normal; } #yWelMidBot .yWelBookClub a.yPgBtn.bgYUI { display:none;position:absolute;z-index:10;width:34px;height:38px; } #yWelMidBot .yWelBookClub a.yPgLft.bgYUI { left:-1px;top:160px;background-position:-300px -340px; } #yWelMidBot .yWelBookClub a.yPgLft.bgYUI:hover { background-position:-380px -340px; } #yWelMidBot .yWelBookClub a.yPgRgt.bgYUI { right:-1px;top:160px;background-position:-340px -340px; } #yWelMidBot .yWelBookClub a.yPgRgt.bgYUI:hover { background-position:-420px -340px; } #yWelMidBot .yWelBookClub .yPagenNum { position:absolute;right:19px;top:18px;font-size:11px;color:#999; } #yWelMidBot .yWelBookClub .yPagenNum strong { color:#333; } #yWelMidBot .yWelMidHTML { position:relative;float:right;width:200px;height:349px;overflow:hidden; } #yWelMidBot .yWelMidHTML img { margin:-20px;width:240px;height:369px; } @media screen and (min-width:1440px) { #yesWrap #yWelMidBot { width:1200px;background-color:#fff } #yWelMidBot .yWelBookClub { padding:10px 0;width:959px;border-right:none; } #yWelMidBot .yWelBookClub h2 { left:29px;top:20px; } #yWelMidBot .yWelBookClub .bookClubSet { padding:54px 0 0 70px; } #yWelMidBot .yWelBookClub ul li { width:218px; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_name { width:180px; } #yWelMidBot .yWelBookClub ul li .goods_info .goods_pubGrp { width:180px; } #yWelMidBot .yWelMidHTML { width:240px;height:369px; } #yWelMidBot .yWelMidHTML img { margin:0; } } #yesWrap #yWelMultiSec { position:relative;z-index:1;margin:20px auto 0;width:960px;height:671px;text-align:left; } #yesWrap #yWelMultiSec * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } .multiSecArea .multiSecUnit { float:left;width:107px;height:62px; } .multiSecArea .multiSecUnit h2 { display:block;position:relative;z-index:10;height:62px;background-color:#f8f8f8; } .multiSecArea .multiSecUnit h2 a { position:relative;display:block;height:61px;text-align:center;border:solid 1px #d8d8d8;border-right:none;border-bottom:none; } .multiSecArea .multiSecUnit h2 a:hover { text-decoration:none;color:#333; } .multiSecArea .multiSecUnit h2 em.ico_mSec { display:block;margin:0 auto;width:50px;height:40px;overflow:hidden;text-indent:-999em;background:url('https://secimage.yes24.com/sysimage/renew/welcome/welcome_multi.png?v=160328a') no-repeat 0 -200px; } .multiSecArea .multiSecUnit h2 em.txt_mSec { display:block;height:17px;line-height:17px;color:#333;font-size:12px;font-weight:normal; } .multiSecArea .multiSecUnit.sec_001 { width:106px; } .multiSecArea .multiSecUnit.sec_017 { width:106px; } .multiSecArea .multiSecUnit.sec_018 { width:106px; } .multiSecArea .multiSecUnit.sec_018 h2 a { border-right:solid 1px #d8d8d8; } .multiSecArea .multiSecUnit.sec_001 h2 a em.ico_mSec { background-position:0 -200px; } .multiSecArea .multiSecUnit.sec_017 h2 a em.ico_mSec { background-position:-50px -200px; } .multiSecArea .multiSecUnit.sec_WNL h2 a em.ico_mSec { background-position:-100px -200px; } .multiSecArea .multiSecUnit.sec_003 h2 a em.ico_mSec { background-position:-150px -200px; } .multiSecArea .multiSecUnit.sec_004 h2 a em.ico_mSec { background-position:-200px -200px; } .multiSecArea .multiSecUnit.sec_MOV h2 a em.ico_mSec { background-position:-250px -200px; } .multiSecArea .multiSecUnit.sec_ENT h2 a em.ico_mSec { background-position:-300px -200px; } .multiSecArea .multiSecUnit.sec_006 h2 a em.ico_mSec { background-position:-350px -200px; } .multiSecArea .multiSecUnit.sec_018 h2 a em.ico_mSec { background-position:-400px -200px; } .multiSecArea .multiSecUnit h2.on a { background-color:#fff; } .multiSecArea .multiSecUnit h2.on a:before { content:'';position:absolute;left:0;right:0;bottom:-1px;border-bottom:solid 1px #fff; } .multiSecArea .multiSecUnit.sec_001 h2.on a em.ico_mSec { background-position:0 -250px; } .multiSecArea .multiSecUnit.sec_017 h2.on a em.ico_mSec { background-position:-50px -250px; } .multiSecArea .multiSecUnit.sec_WNL h2.on a em.ico_mSec { background-position:-100px -250px; } .multiSecArea .multiSecUnit.sec_003 h2.on a em.ico_mSec { background-position:-150px -250px; } .multiSecArea .multiSecUnit.sec_004 h2.on a em.ico_mSec { background-position:-200px -250px; } .multiSecArea .multiSecUnit.sec_MOV h2.on a em.ico_mSec { background-position:-250px -250px; } .multiSecArea .multiSecUnit.sec_ENT h2.on a em.ico_mSec { background-position:-300px -250px; } .multiSecArea .multiSecUnit.sec_006 h2.on a em.ico_mSec { background-position:-350px -250px; } .multiSecArea .multiSecUnit.sec_018 h2.on a em.ico_mSec { background-position:-400px -250px; } @media screen and (min-width:1440px) { #yesWrap #yWelMultiSec { width:1200px;height:691px; } .multiSecArea .multiSecUnit { width:133px; } .multiSecArea .multiSecUnit.sec_001 { width:134px; } .multiSecArea .multiSecUnit.sec_017 { width:134px; } .multiSecArea .multiSecUnit.sec_018 { width:134px; } } .multiSecArea .multiSecUnit .multiConArea { position:absolute;left:0;top:62px;display:inline-block;clear:both;width:958px;height:607px;overflow:hidden;border:solid 1px #d8d8d8;background-color:#fff; } .multiSecArea .multiSecUnit .multiConArea:after { content:'';clear:both;display:block; } .multiSecArea .multiSecUnit.sec_001 .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multi001_160817.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_017 .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multi017.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_WNL .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multiWNL.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_003 .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multi003.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_004 .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multi004.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_MOV .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multiMOV.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_ENT .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multiENT.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_006 .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multi006.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit.sec_018 .multiConArea { background:#fff url('/sysimage/renew/welcome/bg_multi018.gif?v=140128') no-repeat left top; } .multiSecArea .multiSecUnit .multiConArea .multiConTopSet { position:relative;height:409px;overflow:hidden; } .multiSecArea .multiSecUnit .multiConArea .multiConTopSet:after { content:'';clear:both;display:block; } .multiSecArea .multiSecUnit .multiConArea .multiConBotSet { position:relative;height:198px; } .multiSecArea .multiSecUnit .multiConArea .multiConBotSet:after { content:'';clear:both;display:block; } .multiSecArea .multiSecUnit h3.secTit { display:block; } .multiSecArea .multiSecUnit h3.secTit em { display:block;height:34px;overflow:hidden;line-height:34px;font-size:16px;font-weight:bold;color:#333;letter-spacing:-0.5px; } .multiSecArea .multiSecUnit h3.secTit em a { display:block;color:#333; } .multiSecArea .multiSecUnit h3.secTit em a .bgYUI.ico_arr { margin:10px 0 0 4px;width:6px;height:16px;background-position:-130px -240px; } .multiSecArea .multiSecUnit h3.secTit em a:hover { text-decoration:none; } .multiSecArea .multiSecUnit a.yPgBtn.bgYUI { display:none;position:absolute;z-index:10;width:34px;height:38px; } .multiSecArea .multiSecUnit a.yPgLft.bgYUI { left:-1px;top:160px;background-position:-300px -340px; } .multiSecArea .multiSecUnit a.yPgLft.bgYUI:hover { background-position:-380px -340px; } .multiSecArea .multiSecUnit a.yPgRgt.bgYUI { right:-1px;top:160px;background-position:-340px -340px; } .multiSecArea .multiSecUnit a.yPgRgt.bgYUI:hover { background-position:-420px -340px; } .multiSecArea .multiSecUnit .yPagenNum { position:absolute;font-size:11px;color:#999; } .multiSecArea .multiSecUnit .yPagenNum strong { color:#333; } .multiSecArea .multiSecUnit .clipBn { position:relative;width:150px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet { } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnTxt { position:relative;margin-top:-1px;border:solid 1px #e4e4e4;background-color:#f8f8f8; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnTxt a { display:block;color:#666; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnTxt a:hover { color:#333;text-decoration:none; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnTxt a em { display:block;margin:0 15px 0 13px;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis;letter-spacing:-1px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnTxt.firtTab { margin-top:0; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnTxt.on { border-right:solid 1px #fff;background-color:#fff; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnTxt.on .imgAlt { position:absolute;right:-15px;top:50%;margin-top:-6px;width:7px;height:12px;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -230px top; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon { position:absolute;left:151px;top:0; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV ul { padding:0 0 0 8px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV ul li { float:left;width:140px;height:165px;overflow-x:hidden; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li { position:relative;float:left;width:140px;height:150px;text-align:center; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_img { margin:0 auto;width:140px;height:100px;text-align:center; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_img a { margin:0 auto;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_img img { margin:-1px;max-width:100px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_info { padding:0 25px;text-align:center; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_info .goods_name { margin-top:8px;max-height:32px;_height:32px;overflow:hidden;word-break:break-all;line-height:16px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_info .goods_price { margin-top:4px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV li .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH ul { padding:0 0 0 29px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li { clear:both;width:275px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li:after { content:'';clear:both;display:block; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_img { float:left;width:103px;height:152px;_width:105px;_height:155px;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_img img { margin:-1px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info { margin-left:119px;width:150px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_name { width:130px;max-height:32px;_height:32px;overflow:hidden;word-break:break-all;line-height:16px;font-weight:bold; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_auth { margin-top:5px;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_pub { margin-top:3px;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_price { margin-top:6px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_price .goods_benefit { font-weight:normal;color:#333; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_price .goods_benefit .imgAlt { margin-top:-1px;width:8px;height:13px;vertical-align:baseline;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -210px top; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_price .goods_benefit .ico_sale { background-position:-210px 0; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_price .goods_benefit .ico_point { background-position:-220px 0; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpH li .goods_info .goods_cmt { margin-top:10px;width:130px;height:48px;overflow:hidden;color:#999;word-break:break-all;line-height:16px; } .multiSecArea .multiSecUnit .clipBn.clipBn3Tab .clipBnSet .bnTxt { height:51px;_height:53px;line-height:51px; } .multiSecArea .multiSecUnit .clipBn.clipBn3Tab .clipBnSet .bnTxt a { height:51px; } .multiSecArea .multiSecUnit .clipBn.clipBn4Tab .clipBnSet .bnTxt { height:38px;_height:40px;line-height:38px; } .multiSecArea .multiSecUnit .clipBn.clipBn4Tab .clipBnSet .bnTxt a { height:38px; } .multiSecArea .multiSecUnit .clipBn.clipBn5Tab .clipBnSet .bnTxt { height:30px;_height:32px;line-height:30px; } .multiSecArea .multiSecUnit .clipBn.clipBn5Tab .clipBnSet .bnTxt a { height:30px; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit .multiConArea { width:1198px;height:627px; } .multiSecArea .multiSecUnit .multiConArea .multiConTopSet { height:428px; } .multiSecArea .multiSecUnit .clipBn { width:220px; } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon { left:221px } .multiSecArea .multiSecUnit .clipBn .clipBnSet .bnCon.gTpV ul li { width:160px; } } /* book 멀티섹션 */ .multiSecArea .multiSecUnit.sec_001 .multiConTopSet .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_001 .multiConTopSet .yPgLft { left:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_001 .multiConTopSet .yPgRgt { right:0;top:204px; } .multiSecArea .multiSecUnit.sec_001 .multiConTopSet.newTp h3 { position:relative; } .multiSecArea .multiSecUnit.sec_001 .multiConTopSet.newTp h3.secTit001_03 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit { padding:22px 0 0 0;height:37px;text-align:center; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li { height:20px;line-height:20px;color:#999;font-size:12px; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li a { line-height:20px;color:#999; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li.on { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li.on a { color:#333; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li em.division { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li em.division { margin:5px 7px 0 9px;width:1px;height:12px;text-indent:-999em;border-right:solid 1px #ccc; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon ul { padding:0 0 0 29px; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon li { float:left;width:300px;text-align:center; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_img.bookTp { position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_img.bookTp a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_img.bookTp a img { margin:-1px;max-width:290px;_width:250px;height:250px; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info { margin-top:14px; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_tCmt { margin:0 auto;width:250px;height:16px;line-height:16px;overflow:hidden;white-space:nowrap;color:#6699cc;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_name { margin:4px auto;width:250px;height:17px;line-height:17px;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_name a { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_pubGrp { margin:3px auto 0;width:250px;height:16px;overflow:hidden;line-height:16px;color:#999;white-space:nowrap;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_price { margin-top:3px;line-height:16px;color:#333; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_price .goods_benefit { font-weight:normal; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_price .goods_benefit .imgAlt { margin-top:-1px;width:8px;height:13px;vertical-align:baseline;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -210px top; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_price .goods_benefit .ico_sale { background-position:-210px 0; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_price .goods_benefit .ico_point { background-position:-220px 0; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon .goods_info .goods_cmt { margin:7px auto 0;width:250px;height:16px;overflow:hidden;line-height:16px;color:#999;white-space:nowrap;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit { position:absolute;left:21px;top:0;padding:18px 5px 0 18px;width:275px;height:138px;border-right:none; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit h4 { max-height:36px;overflow:hidden;line-height:18px;font-size:14px;color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit h4 a { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit h4 a:hover { color:#333; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit p { margin-top:15px;max-height:64px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit p a { color:#999; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon { position:absolute;left:320px;top:20px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon ul { padding:0 0 0 29px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li { position:relative;float:left;width:140px;text-align:center; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_img { margin:0 auto;width:140px;height:100px;text-align:center; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_img a { margin:0 auto;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_img img { margin:-1px;max-width:100px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_info { margin-top:8px;padding:0 15px;text-align:center; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_info .goods_name { width:110px;height:32px;overflow:hidden;line-height:16px;text-align:center; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_info .goods_price { margin-top:4px;font-weight:bold;color:#333; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_001 .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multi001.gif'); } .multiSecArea .multiSecUnit.sec_001 .multiConTopSet.newTp h3.secTit001_03 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit { padding:26px 0 0 0;height:44px; } .multiSecArea .multiSecUnit.sec_001 #bookBigTit li { font-size:14px; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon ul { padding:0 0 0 55px; } .multiSecArea .multiSecUnit.sec_001 #bookBigCon li { width:362px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit { padding:36px 5px 0 18px;width:320px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit h4 { max-height:44px;line-height:22px;font-size:16px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit p { margin-top:13px;max-height:80px;line-height:20px;font-size:13px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerTit p a { color:#999; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon { left:428px;top:30px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon ul { padding:0; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon ul li { width:186px;overflow-x:hidden; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_img { height:120px;text-align:center; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_img img { max-width:140px;height:120px; } .multiSecArea .multiSecUnit.sec_001 .multiConBotSet .bookCornerCon li .goods_info .goods_name { width:140px;height:16px;white-space:nowrap;text-overflow:ellipsis; } } /* eBook 멀티섹션 */ .multiSecArea .multiSecUnit.sec_017 .multiConTopSet h3 { position:relative; } .multiSecArea .multiSecUnit.sec_017 .multiConTopSet .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_017 .multiConTopSet .yPgLft { left:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_017 .multiConTopSet .yPgRgt { right:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_017 h3.secTit017_01 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_017 h3.secTit017_02 { padding:10px 0 0 21px; } .multiSecArea .multiSecUnit.sec_017 .sector02 { position:relative;float:left;width:640px;height:195px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_017 .sector03 { position:relative;float:right;width:318px;height:195px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit { padding:22px 0 0 0;height:37px;text-align:center; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li { height:20px;line-height:20px;color:#999;font-size:12px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li a { line-height:20px;color:#999; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li.on { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li.on a { color:#333; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li em.division { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li em.division { margin:5px 7px 0 9px;width:1px;height:12px;text-indent:-999em;border-right:solid 1px #ccc; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon { } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon ul { padding-left:29px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon li { float:left;width:300px;text-align:center; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_img { position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_img a img { margin:-1px;max-width:290px;_width:250px;height:250px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_img .ico { position:absolute;left:-26px;top:-10px;z-index:3;width:52px;height:52px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_info { margin-top:14px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_info .goods_name { margin:0 auto;width:280px;height:17px;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_info .goods_name a { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_info .goods_price { margin-top:4px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_info .goods_price .goods_benefit { font-weight:normal; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon .goods_info .goods_cmt { margin:1px auto 0;width:250px;height:32px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_017 .sector02 .sector02Con { padding:20px 0 0 19px; } .multiSecArea .multiSecUnit.sec_017 .sector02 .sector02Con .clipBn .bnCon { width:450px; } .multiSecArea .multiSecUnit.sec_017 .sector02 .sector02Con #multiSec017_02 ul { padding:0 0 0 25px; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods { padding:0 0 0 21px; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_img { float:left;width:86px;height:128px;_width:88px;_height:130px;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_img img { margin:-1px; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info { margin-left:102px;width:165px; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_name { max-height:32px;_height:32px;overflow:hidden;word-break:break-all;line-height:16px;font-weight:bold; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_price { margin-top:6px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_price .goods_benefit { font-weight:normal;color:#333; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_price .goods_benefit .imgAlt { margin-top:-1px;width:8px;height:13px;vertical-align:baseline;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -210px top; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_price .goods_benefit .ico_sale { background-position:-210px 0; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_price .goods_benefit .ico_point { background-position:-220px 0; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info .goods_cmt { margin-top:10px;height:64px;overflow:hidden;color:#999;word-break:break-all;line-height:16px; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_017 .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multi017.gif'); } .multiSecArea .multiSecUnit.sec_017 .multiConTopSet h3.secTit017_01 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_017 .sector03 { width:398px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit { padding:26px 0 0 0;height:44px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigTit li { font-size:14px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon ul { padding:0 0 0 55px; } .multiSecArea .multiSecUnit.sec_017 #eBookBigCon li { width:362px !important; } .multiSecArea .multiSecUnit.sec_017 .sector02 { width:800px; } .multiSecArea .multiSecUnit.sec_017 .sector02 .sector02Con .clipBn .bnCon { width:558px; } .multiSecArea .multiSecUnit.sec_017 .sector03 .sectorGoods .goods_info { width:240px; } } /* 웹소설 멀티섹션 */ .multiSecArea .multiSecUnit.sec_WNL .sector01 { position:relative;float:left;width:319px;height:409px;text-align:center; } .multiSecArea .multiSecUnit.sec_WNL .sector02 { position:relative;float:left;width:320px;height:409px; } .multiSecArea .multiSecUnit.sec_WNL .sector03 { position:relative;float:right;width:319px;height:409px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_WNL .sector04 { position:relative;width:958px;height:195px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_WNL .sector01 h3 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 h3.secTitWNL_01 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 .yPgLft { left:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 .yPgRgt { right:0;top:204px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 { margin:0 auto;width:319px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_img { height:200px;text-align:center; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_img a { margin:0 auto;height:198px;_height:200px;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_img a img { margin:-1px;width:auto; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_info { margin:14px auto 0;width:280px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_info .goods_name { width:280px;height:17px;overflow:hidden;white-space:nowrap;font-size:13px;text-overflow:ellipsis;font-weight:bold; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_info .goods_pubGrp { margin-top:5px;width:280px;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_info .goods_readTit { margin-top:6px;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;color:#6699cc; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 .goods_info .goods_readCon { margin:0 auto;width:240px;height:48px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li { clear:both;padding:10px 0; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li:after { content:'';clear:both;display:block; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_img { float:left;width:103px;height:152px;_width:105px;_height:155px;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_img img { margin:-1px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info { margin-left:119px;width:160px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_name { max-height:32px;_height:32px;overflow:hidden;word-break:break-all;line-height:16px;font-weight:bold; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_auth { margin-top:5px;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_pub { margin-top:3px;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_price { margin-top:6px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_price .goods_benefit { font-weight:normal;color:#333; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_price .goods_benefit .imgAlt { margin-top:-1px;width:8px;height:13px;vertical-align:baseline;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -210px top; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_price .goods_benefit .ico_sale { background-position:-210px 0; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_price .goods_benefit .ico_point { background-position:-220px 0; } .multiSecArea .multiSecUnit.sec_WNL .sector01 #multiSecWNL_01 li .goods_info .goods_cmt { margin-top:10px;height:48px;overflow:hidden;color:#999;word-break:break-all;line-height:16px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 h3 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 h3.secTitWNL_02 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 .yPgLft { left:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 .yPgRgt { right:0;top:204px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 { padding:0 0 0 20px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li { clear:both;padding:0;width:279px;height:155px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li.firstLi { margin-bottom:20px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li:after { content:'';clear:both;display:block; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_img { float:left;width:90px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_img a { border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_img img { margin:-1px;width:90px !important;height:auto !important;max-height:140px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info { margin-left:105px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info .goods_name { max-height:34px;overflow:hidden;word-break:break-all;line-height:17px;font-weight:bold;font-size:13px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info .goods_auth { margin-top:5px;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info .goods_pub { margin-top:3px;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info .goods_readTit { margin-top:9px;min-height:16px;max-height:32px;overflow:hidden;color:#6699cc;word-break:break-all;line-height:16px;font-weight:bold; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li .goods_info .goods_readCon { margin-top:5px;height:32px;overflow:hidden;color:#999;word-break:break-all;line-height:16px; } .multiSecArea .multiSecUnit.sec_WNL .sector03 ul { padding:9px 20px 0 20px; } .multiSecArea .multiSecUnit.sec_WNL .sector03 ul li { padding:10px 0;text-align:center; } .multiSecArea .multiSecUnit.sec_WNL .sector03 ul li img { vertical-align:top; } .multiSecArea .multiSecUnit.sec_WNL .sector04 h3.secTitWNL_03 { position:absolute;left:19px;top:20px;padding:56px 0 0 0;width:148px;height:99px;border:solid 1px #ebebeb;text-align:center; } .multiSecArea .multiSecUnit.sec_WNL .sector04 h3.secTitWNL_03:before { content:'';position:absolute;right:-9px;top:50%;margin-top:-12px;width:10px;height:22px;background:url('https://secimage.yes24.com/sysimage/renew/welcome/welcome_multi.png?v=160328a') no-repeat -148px -616px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 h3.secTitWNL_03 em { height:44px;line-height:22px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 #multiSecWNL_03 { position:absolute;left:185px;top:20px;width:750px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 ul li { position:relative;float:left;width:150px;height:165px;text-align:center; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .ico_eBook { position:absolute;left:-26px;top:-10px;padding:12px 0 0 0;width:42px;height:30px;_height:42px;overflow:hidden;text-indent:-999em;text-align:center;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -50px -590px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_img { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_img { position:relative;height:100px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_img a { margin:0 auto;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_img img { margin:-1px;max-width:100px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_info { padding:0 25px;text-align:center; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_info .goods_name { margin-top:8px;max-height:32px;_height:32px;overflow:hidden;word-break:break-all;line-height:16px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_info .goods_price { margin-top:4px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_WNL .sector04 li .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 .yPgLft { left:-1px;top:79px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 .yPgRgt { right:0;top:79px; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_WNL .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multiWNL.gif'); } .multiSecArea .multiSecUnit.sec_WNL .sector01 { width:401px;height:428px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 { width:399px;height:428px; } .multiSecArea .multiSecUnit.sec_WNL .sector03 { width:398px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 { width:1198px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 h3 { height:69px; } .multiSecArea .multiSecUnit.sec_WNL .sector01 h3.secTitWNL_01 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 h3 { height:69px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 h3.secTitWNL_02 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_WNL .sector02 #multiSecWNL_02 li { width:360px; } .multiSecArea .multiSecUnit.sec_WNL .sector03 ul { padding:19px 20px 0 20px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 h3.secTitWNL_03 { width:218px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 #multiSecWNL_03 { left:239px;width:959px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 ul { padding-left:29px; } .multiSecArea .multiSecUnit.sec_WNL .sector04 ul li { width:180px; } } /* 음반 멀티섹션 */ .multiSecArea .multiSecUnit.sec_003 .sector01 { padding:20px 0 0 19px; } .multiSecArea .multiSecUnit.sec_003 .sector01 .clipBn .bnCon { width:780px; } .multiSecArea .multiSecUnit.sec_003 .multiConTopSet h3 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_003 .multiConTopSet h3 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_003 .multiConTopSet .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_003 .multiConTopSet .yPgLft { left:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_003 .multiConTopSet .yPgRgt { right:0;top:204px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 { } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 ul { padding:0 0 0 29px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 li { float:left;width:300px;text-align:center; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_img { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_img { position:relative; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_img em.ico { position:absolute;left:-11px;top:-11px;z-index:3; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_img .img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_img .img a { border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_img .img img { margin:-1px;height:250px;vertical-align:top; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info { margin-top:14px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_name { margin:0 auto;width:280px;height:17px;overflow:hidden;white-space:nowrap;font-size:13px;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_name a { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_price { margin-top:4px;height:20px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_price .goods_benefit { font-weight:normal; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_price .goods_benefit .imgAlt { margin-top:-1px;width:8px;height:13px;vertical-align:baseline;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -210px top; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_price .goods_benefit .ico_sale { background-position:-210px 0; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_price .goods_benefit .ico_point { background-position:-220px 0; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 .goods_info .goods_cmt { margin:1px auto 0;width:250px;height:32px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon ul { padding-left:10px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon li { width:149px;text-align:center; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon li .goods_img { position:relative;margin:0 auto;width:109px;height:100px;text-align:center; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon li .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon li .goods_img a { border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon li .goods_img .img img { margin:-1px;vertical-align:top; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_003 .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multi003.gif'); } .multiSecArea .multiSecUnit.sec_003 .sector01 .clipBn .bnCon { width:959px; } .multiSecArea .multiSecUnit.sec_003 .multiConTopSet h3 { height:69px; } .multiSecArea .multiSecUnit.sec_003 .multiConTopSet h3 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 ul { padding:0 0 0 55px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_01 li { width:362px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon ul { padding-left:29px; } .multiSecArea .multiSecUnit.sec_003 #multiSec003_02 .bnCon li { width:180px; } } /* dvd 멀티섹션 */ .multiSecArea .multiSecUnit.sec_004 .sector01 { position:relative;float:left;width:319px;height:409px; } .multiSecArea .multiSecUnit.sec_004 .sector02 { position:relative;float:left;width:320px;height:409px; } .multiSecArea .multiSecUnit.sec_004 .sector03 { position:relative;float:right;width:319px;height:409px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_004 .sector04 { padding:20px 0 0 19px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods { padding:39px 0 0 0;text-align:center; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_img { position:relative;margin:0 auto;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;height:220px;text-align:left; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_img .ico { position:absolute;left:0;top:0; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_img .img { max-width:220px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_img .img img { max-width:220px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info { margin-top:14px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_name { margin:0 auto;width:220px;max-height:34px;line-height:17px;font-weight:bold;font-size:13px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_price { margin-top:4px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_price .price_dim { font-weight:normal;color:#999; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_price .goods_benefit { font-weight:normal;color:#333; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_cmt { margin:10px auto 0;width:278px;height:48px;overflow:hidden;color:#999;word-break:break-all;line-height:16px; } .multiSecArea .multiSecUnit.sec_004 .sector02 h3.secTit004_02 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_004 .sector02 h3.secTit004_02 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_004 .sector02 .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_004 .sector02 .yPgLft { left:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_004 .sector02 .yPgRgt { right:0;top:204px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 ul { padding:0 0 0 20px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li { clear:both;width:279px;height:154px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li.firstLi { margin-bottom:20px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li:after { content:'';clear:both;display:block; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_img { float:left;width:115px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_img img { margin:-1px;max-height:140px;_height:140px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_info { margin-left:130px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_info .goods_etc { line-height:16px;color:#6699cc; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_info .goods_name { margin-top:5px;max-height:34px;overflow:hidden;word-break:break-all;line-height:17px;font-weight:bold;font-size:13px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li .goods_info .goods_cmt { margin-top:9px;height:64px;overflow:hidden;color:#999;word-break:break-all;line-height:16px; } .multiSecArea .multiSecUnit.sec_004 .sector03 ul { padding:9px 20px 0 20px; } .multiSecArea .multiSecUnit.sec_004 .sector03 ul li { padding:10px 0;text-align:center; } .multiSecArea .multiSecUnit.sec_004 .sector03 ul li img { vertical-align:top; } .multiSecArea .multiSecUnit.sec_004 .sector04 .clipBn .bnCon { width:780px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon ul { padding-left:10px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon li { width:149px;text-align:center; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon li .goods_img { position:relative;margin:0 auto;width:100px;height:100px;text-align:center; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon li .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon li .goods_img a { border-color:#ebebeb; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon li .goods_img .img img { margin:-1px;vertical-align:top; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_004 .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multi004.gif'); } .multiSecArea .multiSecUnit.sec_004 .sector01 { width:401px;height:428px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods { padding-top:60px; } .multiSecArea .multiSecUnit.sec_004 .sector01 .sectorGoods .goods_info .goods_name { width:240px; } .multiSecArea .multiSecUnit.sec_004 .sector02 { width:399px;height:428px; } .multiSecArea .multiSecUnit.sec_004 .sector02 h3.secTit004_02 { position:relative;height:69px; } .multiSecArea .multiSecUnit.sec_004 .sector02 h3.secTit004_02 em { position:absolute;left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_01 li { width:360px; } .multiSecArea .multiSecUnit.sec_004 .sector03 { width:398px; } .multiSecArea .multiSecUnit.sec_004 .sector03 ul { padding-top:19px; } .multiSecArea .multiSecUnit.sec_004 .sector04 .clipBn .bnCon { width:959px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon ul { padding-left:29px; } .multiSecArea .multiSecUnit.sec_004 #multiSec004_02 .bnCon li { width:180px; } } /* 영화 멀티섹션 */ .multiSecArea .multiSecUnit.sec_MOV .sector01 { position:relative;margin:0 0 0 20px;float:left;width:600px;height:409px; } .multiSecArea .multiSecUnit.sec_MOV .sector02 { position:relative;float:right;width:319px;height:409px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_MOV .sector03 { padding:20px 0 0 19px; } .multiSecArea .multiSecUnit.sec_MOV .sector01 h3.secTitMOV_01 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_MOV .sector01 h3.secTitMOV_01 em { position:absolute;left:0;top:10px; } .multiSecArea .multiSecUnit.sec_MOV .sector01 .movPlayer { width:600px;background-color:#000; } .multiSecArea .multiSecUnit.sec_MOV .sector02 .bnMOV { position:absolute;left:20px;top:19px; } .multiSecArea .multiSecUnit.sec_MOV .sector02 .bnMOVLi { position:absolute;left:10px;top:214px;right:9px;text-align:center; } .multiSecArea .multiSecUnit.sec_MOV .sector02 .bnMOVLi li { float:left;padding:0 10px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 .clipBn .bnCon { width:780px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 ul { padding-left:10px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li { padding-top:4px;width:145px;text-align:center; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img { position:relative;margin:0 auto;width:90px;height:124px;_height:128px;text-align:left; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img .ico { position:absolute;left:0;top:0;z-index:3;display:block;width:21px;height:26px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome_multi.png?v=160328a') no-repeat 0 -500px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img .ico.rnk1 { background-position:0 -500px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img .ico.rnk2 { background-position:-30px -500px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img .ico.rnk3 { background-position:-60px -500px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img .ico.rnk4 { background-position:-90px -500px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img .ico.rnk5 { background-position:-120px -500px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_img img { width:90px;height:124px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_info { margin-top:5px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_info a.btn_buyTicket { display:block;margin:0 auto;width:90px;height:23px;line-height:23px;font-size:12px;color:#333; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_info a.btn_buyTicket:hover { text-decoration:none; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_info a.btn_download { display:block;margin:0 auto;width:90px;height:23px;line-height:23px;font-size:12px;color:#333; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_info a.btn_download:hover { text-decoration:none; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 li .goods_info .goods_genre { margin:0 auto;width:90px;height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:23px;font-size:12px;font-weight:normal;color:#333; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 a.moreLi { display:block;position:absolute;right:11px;top:0;width:40px;height:14px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -560px 0; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_MOV .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multiMOV.gif'); } .multiSecArea .multiSecUnit.sec_MOV .sector01 { width:759px;text-align:center; } .multiSecArea .multiSecUnit.sec_MOV .sector01 h3.secTitMOV_01 { height:69px; } .multiSecArea .multiSecUnit.sec_MOV .sector01 h3.secTitMOV_01 em { left:10px;top:20px; } .multiSecArea .multiSecUnit.sec_MOV .sector01 .movPlayer { margin:0 auto; } .multiSecArea .multiSecUnit.sec_MOV .sector02 { width:398px; } .multiSecArea .multiSecUnit.sec_MOV .sector02 .bnMOV { top:29px;right:19px;text-align:center; } .multiSecArea .multiSecUnit.sec_MOV .sector02 .bnMOVLi { left:49px;top:224px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 .clipBn .bnCon { width:959px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 .bnCon ul { padding-left:32px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 .bnCon li { width:150px; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 a.moreLi { display:block;position:absolute;right:59px;top:4px;width:86px;height:124px;line-height:124px;border:solid 1px #ebebeb;color:#333;text-indent:0;text-align:center;background:none; } .multiSecArea .multiSecUnit.sec_MOV .sector03 #multiSecMOV_01 a.moreLi:hover { color:#333;text-decoration:none; } } /* 공연 멀티섹션 */ .multiSecArea .multiSecUnit.sec_ENT .sector01 { position:relative;float:left;width:319px;height:409px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 { position:relative;float:left;width:320px;height:409px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 { position:relative;float:right;width:319px;height:409px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_ENT .sector04 { position:relative;float:left;width:639px;height:195px; } .multiSecArea .multiSecUnit.sec_ENT .sector05 { position:relative;float:right;width:319px;height:195px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_ENT .sector01 h3 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 h3 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 h3 { position:relative;height:59px; } .multiSecArea .multiSecUnit.sec_ENT .sector05 h3 { padding:10px 0 0 21px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 h3.secTitENT_01 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 h3.secTitENT_02 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 h3.secTitENT_03 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 .yPgLft { left:-1px;top:290px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 .yPgRgt { right:0;top:290px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 { position:relative; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_mov { position:absolute;left:19px;top:0;height:171px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_info { position:absolute;left:29px;top:186px;width:260px;text-align:center; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_info .goods_name { width:260px;height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:bold; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_info .goods_day { width:260px;height:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_info .goods_loca { width:260px;height:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_info .goods_cmt { margin-top:15px;padding:0 5px;height:48px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_ENT .sector02 .bnEntWeek { padding:0 0 0 20px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 .bnEntWeek a { display:block;position:relative;width:280px;height:329px;border:none; } .multiSecArea .multiSecUnit.sec_ENT .sector02 .bnEntWeek a .entWeekBar { position:absolute;left:0;top:281px;padding:8px 0 0 15px;width:265px;height:40px;_width:280px;_height:48px;background:url('/sysimage/renew/welcome/blackScreen.png?v=140124') repeat left top; } .multiSecArea .multiSecUnit.sec_ENT .sector02 .bnEntWeek a .entWeekBar span.entTit { display:block;width:250px;height:32px;overflow:hidden;line-height:16px;color:#fff;cursor:pointer; } .multiSecArea .multiSecUnit.sec_ENT .sector02 .bnEntWeek a:hover { text-decoration:none;color:#fff; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi { } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi li { position:absolute;left:20px;width:280px;height:154px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi li.magaPos1 { top:59px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi li.magaPos2 { top:234px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi a { display:block;position:relative;width:280px;height:154px;border:none; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi a .entWeekBar { position:absolute;left:0;top:106px;padding:8px 0 0 15px;width:265px;height:40px;_width:280px;_height:48px;background:url('/sysimage/renew/welcome/blackScreen.png?v=140124') repeat left top; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi a .entWeekBar span.entTit { display:block;width:250px;height:32px;overflow:hidden;line-height:16px;color:#fff;cursor:pointer; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi a:hover { text-decoration:none;color:#fff; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con { padding:20px 0 0 19px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con .clipBn .bnCon { width:450px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 ul { padding:0 0 0 25px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 li { overflow:visible;text-align:center; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 li .goods_img { position:relative;margin:0 auto;width:80px;text-align:left; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 li .goods_img .ico { position:absolute;left:-10px;top:-10px;z-index:3;display:block;width:42px;height:42px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 li .goods_img .img img { height:100px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 li .goods_info { padding:0 10px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 li .goods_info .goods_name { height:32px;overflow:hidden;word-break:break-all;font-weight:bold;line-height:16px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con #multiSecENT_02 li .goods_info .goods_des { margin-top:5px;height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666; } .multiSecArea .multiSecUnit.sec_ENT .sector05 .notLi { position:absolute;left:20px;top:42px; } .multiSecArea .multiSecUnit.sec_ENT .sector05 .notLi li { float:left;margin-bottom:6px;width:270px;height:18px;line-height:18px; } .multiSecArea .multiSecUnit.sec_ENT .sector05 .notLi li a { display:block;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px;font-size:11px;color:#999; } .multiSecArea .multiSecUnit.sec_ENT .sector05 .notLi li a img { margin-right:9px;vertical-align:middle; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_ENT .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multiENT.gif'); } .multiSecArea .multiSecUnit.sec_ENT .sector01 { width:401px;height:428px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 h3 { height:69px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 h3.secTitENT_01 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_mov { right:19px;text-align:center; } .multiSecArea .multiSecUnit.sec_ENT .sector01 #multiSecENT_01 .goods_info { left:65px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 { width:399px;height:428px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 h3 { height:69px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 h3.secTitENT_02 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_ENT .sector04 .sector04Con .clipBn .bnCon { width:585px; } .multiSecArea .multiSecUnit.sec_ENT .sector02 .bnEntWeek { margin-right:20px;text-align:center; } .multiSecArea .multiSecUnit.sec_ENT .sector02 .bnEntWeek a { margin:0 auto; } .multiSecArea .multiSecUnit.sec_ENT .sector03 { width:398px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 h3 { height:69px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 h3.secTitENT_03 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi li { left:59px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi li.magaPos1 { top:69px; } .multiSecArea .multiSecUnit.sec_ENT .sector03 .entMagazineLi li.magaPos2 { top:244px; } .multiSecArea .multiSecUnit.sec_ENT .sector05 { width:398px; } .multiSecArea .multiSecUnit.sec_ENT .sector05 .notLi li { width:356px; } } /* GIFT */ .multiSecArea .multiSecUnit.sec_006 .sector01 { position:relative;float:left;padding:20px 0 0 19px;height:175px;_height:195px; } .multiSecArea .multiSecUnit.sec_006 .sector01 .clipBn .bnCon { width:780px; } .multiSecArea .multiSecUnit.sec_006 .sector02 { position:relative;float:right;width:319px;height:195px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi { padding:49px 0 0 19px; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li { float:left;margin-right:10px;width:300px;text-align:center; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li .event_img { margin:0 auto;position:relative;width:300px;text-align:left; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li .event_img .icon { position:absolute;left:19px;top:-10px; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li .evet_info { margin-top:19px;text-align:center; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li .evet_info .event_name { margin:0 auto;width:280px;height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;font-size:13px; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li .evet_info .event_name a { color:#6699cc; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li .evet_info .event_cmt { margin:6px auto 0;width:280px;height:48px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon ul { padding-left:10px; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon li { width:149px;text-align:center; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon li .goods_img { position:relative;margin:0 auto;width:100px;height:100px;text-align:left; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon li .goods_img .frm { position:absolute;left:0;top:0;width:109px;height:100px;background:url('/sysimage/renew/welcome/welcome_multi.png?v=160328a') no-repeat -650px -510px; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon li .goods_img .frm a { display:block;width:109px;height:100px;overflow:hidden;text-indent:-999em;border:none; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon li .goods_img .img img { margin-left:9px;vertical-align:top; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_006 .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multi006.gif'); } .multiSecArea .multiSecUnit.sec_006 .giftHotLi { padding:59px 0 0 55px; } .multiSecArea .multiSecUnit.sec_006 .giftHotLi li { width:362px; } .multiSecArea .multiSecUnit.sec_006 .sector01 .clipBn .bnCon { width:959px; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon ul { padding-left:29px; } .multiSecArea .multiSecUnit.sec_006 #multiSec006_01 .bnCon li { width:180px; } } /* 중고샵 멀티상품 */ .multiSecArea .multiSecUnit.sec_018 .multiConTopSet .yPagenNum { right:19px;top:16px; } .multiSecArea .multiSecUnit.sec_018 .multiConTopSet .yPgLft { left:-1px;top:204px; } .multiSecArea .multiSecUnit.sec_018 .multiConTopSet .yPgRgt { right:0;top:204px; } .multiSecArea .multiSecUnit.sec_018 .multiConTopSet h3 { position:relative; } .multiSecArea .multiSecUnit.sec_018 .multiConTopSet .secTit018_01 em { position:absolute;left:20px;top:10px; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit { padding:22px 0 0 0;height:37px;text-align:center; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li { height:20px;line-height:20px;color:#999;font-size:12px; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li a { line-height:20px;color:#999; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li.on { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li.on a { color:#333; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li em.division { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li em.division { margin:5px 7px 0 9px;width:1px;height:12px;text-indent:-999em;border-right:solid 1px #ccc; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon ul { padding:0 0 0 29px; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon li { float:left;width:300px;text-align:center; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_img { position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_img em.ico { position:absolute;left:-10px;top:-10px; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;vertical-align:top;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_img a img { margin:-1px;max-width:290px;_width:250px;height:250px; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info { margin-top:14px; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_name { margin:0 auto;width:280px;height:17px;overflow:hidden;white-space:nowrap;font-size:13px;text-overflow:ellipsis; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_name a { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_price { margin-top:4px;height:20px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_price .yes_b { font-size:14px;vertical-align:-1px; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_price .goods_benefit { font-weight:normal; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_price .goods_benefit .imgAlt { margin-top:-1px;width:8px;height:13px;vertical-align:baseline;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -210px top; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_price .goods_benefit .ico_sale { background-position:-210px 0; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_price .goods_benefit .ico_point { background-position:-220px 0; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon .goods_info .goods_cmt { margin:1px auto 0;width:250px;height:32px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_018 .sector01 { position:relative;float:left;width:479px;height:195px; } .multiSecArea .multiSecUnit.sec_018 .sector02 { position:relative;float:left;width:160px;height:195px; } .multiSecArea .multiSecUnit.sec_018 .sector03 { position:relative;float:right;width:319px;height:195px;overflow:hidden; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit { position:absolute;left:21px;top:0;padding:38px 5px 0 18px;width:120px;height:138px;_width:143px;_height:158px;border-right:none; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit h4 { max-height:36px;overflow:hidden;line-height:18px;font-size:14px;color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit h4 a { color:#333;font-weight:bold; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit h4 a:hover { color:#333; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit p { margin-top:15px;max-height:64px;overflow:hidden;line-height:16px;color:#999; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit p a { color:#999; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon { position:absolute;left:170px;top:40px; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon ul { padding:0 0 0 8px; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon ul li { float:left;width:140px;height:135px;overflow-x:hidden; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li { position:relative;float:left;width:140px;height:150px;text-align:left; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_img { width:140px;height:100px;text-align:center; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_img a { margin:0 auto;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;border:solid 1px #ebebeb; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_img img { margin:-1px;max-width:100px; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_info { padding:0 15px;text-align:center; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_info .goods_name { margin-top:8px;width:110px;height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;text-align:center; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_info .goods_name a { color:#333; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_info .goods_name a:hover { color:#333;text-decoration:underline; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon li .goods_info .goods_price { margin-top:4px;font-weight:bold;color:#333; } .multiSecArea .multiSecUnit.sec_018 .sector02 .usedBn { position:absolute;left:20px;top:20px;right:19px;text-align:center; } .multiSecArea .multiSecUnit.sec_018 .sector03 .usedBn { position:absolute;left:20px;top:20px;right:19px;text-align:center; } @media screen and (min-width:1440px) { .multiSecArea .multiSecUnit.sec_018 .multiConArea { background-image:url('/sysimage/renew/welcome/bgB_multi018.gif'); } .multiSecArea .multiSecUnit.sec_018 .multiConTopSet .secTit018_01 em { left:30px;top:20px; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit { padding:26px 0 0 0;height:44px; } .multiSecArea .multiSecUnit.sec_018 #usedBigTit li { font-size:14px; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon ul { padding:0 0 0 55px; } .multiSecArea .multiSecUnit.sec_018 #usedBigCon li { width:362px; } .multiSecArea .multiSecUnit.sec_018 .sector01 { width:599px; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit { padding:36px 5px 0 18px;width:200px; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit h4 { max-height:44px;line-height:22px;font-size:16px; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit p { margin-top:13px;max-height:80px;line-height:20px;font-size:13px; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerTit p a { color:#999; } .multiSecArea .multiSecUnit.sec_018 .sector01 .usedCornerCon { left:260px; } .multiSecArea .multiSecUnit.sec_018 .sector02 { width:199px; } .multiSecArea .multiSecUnit.sec_018 .sector03 { position:relative;float:right;width:399px;height:195px;overflow:hidden; } } /* 추천상품 */ #yesWrap #yWelNomiWrap { margin:20px auto 0;display:table;width:958px;table-layout:fixed;text-align:left;border:solid 1px #d8d8d8;background-color:#fff; } #yesWrap #yWelNomiWrap * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yWelNomiWrap h2 em { height:17px;line-height:17px;font-size:13px;font-weight:bold;color:#333;letter-spacing:-0.5px; } #yWelNomiWrap .nomiLft { display:table-cell;position:relative;width:188px;height:218px;border-right:solid 1px #d8d8d8;vertical-align:top; } #yWelNomiWrap .nomiLft .arrow { position:absolute;right:-10px;top:50%;margin-top:-12px;width:12px;height:24px;background:url('/sysimage/renew/welcome/welcome_bot.png?v=191211') no-repeat 0 0; } #yWelNomiWrap .nomiLft h2 { padding:17px 0 0 0;height:34px;text-align:center; } #yWelNomiWrap .nomiLft h2 em { margin:0 auto;width:97px;background-position:-480px 0; } #yWelNomiWrap .nomiLft .nomiGoodsUnit { text-align:center; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_img { height:110px;text-align:center; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;border:solid 1px #ebebeb; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_img a { position:relative; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_img a .ico_19 { position:absolute;right:0;bottom:0;width:30px;height:30px;background-position:0 -770px; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_img img { margin:-1px;max-width:140px; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_info { margin:7px auto 0;width:140px;height:34px;overflow:hidden;font-weight:bold;line-height:16px !important;font-size:12px; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_info a { color:#333; } #yWelNomiWrap .nomiRgt { display:table-cell;position:relative;height:218px;border-right:solid 1px #d8d8d8;vertical-align:top; } #yWelNomiWrap .nomiRgt h2 { padding:17px 0 0 22px;height:32px; } #yWelNomiWrap .nomiRgt h2 em.tp_2nd { width:220px;background-position:-600px -20px; } #yWelNomiWrap .nomiRgt .subCmt { position:absolute;left:214px;top:21px;color:#666;font-size:11px;letter-spacing:-1px; } #yWelNomiWrap .nomiRgt .btnReload { display:block;position:absolute;left:510px;top:15px;width:24px;height:24px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome_bot.png?v=191211') no-repeat -20px top; } #yWelNomiWrap .nomiRgt .nomiGoodsLi { padding:0 0 0 15px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi li { float:left;width:110px;overflow-x:hidden;text-align:center; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_img { padding-top:10px;height:100px;_height:110px;text-align:center; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_img a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;border:solid 1px #ebebeb; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_img a { position:relative; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_img a .ico_19 { position:absolute;right:0;bottom:0;width:30px;height:30px;background-position:0 -770px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_img img { margin:-1px;max-width:100px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_info { margin:8px auto 0;width:95px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_info .goods_name { height:32px;overflow:hidden;line-height:16px;font-size:12px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_info a { color:#333; } #yWelNomiWrap .nomiRgt a.yPgBtn.bgYUI { display:none;position:absolute;top:50%;z-index:10;margin-top:-19px;width:34px;height:38px; } #yWelNomiWrap .nomiRgt a.yPgLft.bgYUI { left:-1px;background-position:-300px -340px; } #yWelNomiWrap .nomiRgt a.yPgLft.bgYUI:hover { background-position:-380px -340px; } #yWelNomiWrap .nomiRgt a.yPgRgt.bgYUI { right:-1px;background-position:-340px -340px; } #yWelNomiWrap .nomiRgt a.yPgRgt.bgYUI:hover { background-position:-420px -340px; } #yWelNomiWrap .nomiRgt .yPagenNum { position:absolute;right:10px;top:10px;font-size:11px;color:#999; } #yWelNomiWrap .nomiRgt .yPagenNum strong { color:#333; } #yWelNomiWrap .nomiBnArea { display:table-cell;position:relative;width:188px;vertical-align:top; } #yWelNomiWrap .nomiBnArea img { } #yWelNomiWrap .nomiBnArea a.yPgBtn.bgYUI { display:none;position:absolute;top:50%;z-index:10;margin-top:-19px;width:34px;height:38px; } #yWelNomiWrap .nomiBnArea a.yPgLft.bgYUI { left:-1px;background-position:-300px -340px; } #yWelNomiWrap .nomiBnArea a.yPgLft.bgYUI:hover { background-position:-380px -340px; } #yWelNomiWrap .nomiBnArea a.yPgRgt.bgYUI { right:-1px;background-position:-340px -340px; } #yWelNomiWrap .nomiBnArea a.yPgRgt.bgYUI:hover { background-position:-420px -340px; } #yWelNomiWrap .nomiBnArea .yPagenNum { position:absolute;right:10px;top:10px;font-size:11px;color:#999; } #yWelNomiWrap .nomiBnArea .yPagenNum strong { color:#333; } @media screen and (min-width:1440px) { #yesWrap #yWelNomiWrap { width:1198px; } #yWelNomiWrap h2 em { height:24px;line-height:24px;font-size:16px; } #yWelNomiWrap .nomiLft { width:238px;height:248px; } #yWelNomiWrap .nomiLft h2 { padding:25px 0 0 0;height:40px; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_img { height:120px; } #yWelNomiWrap .nomiLft .nomiGoodsUnit .goods_img img { max-width:160px;height:120px !important; } #yWelNomiWrap .nomiRgt h2 { padding:25px 0 0 30px;height:40px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi { padding-left:22px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi li { width:135px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_img { padding-top:0;height:120px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_img img { margin:-1px;max-width:120px;height:120px; } #yWelNomiWrap .nomiRgt .nomiGoodsLi .goods_info { width:110px; } #yWelNomiWrap .nomiRgt .yPagenNum { right:19px;top:16px; } #yWelNomiWrap .nomiBnArea { padding-top:15px;width:238px;text-align:center; } #yWelNomiWrap .nomiBnArea .yPagenNum { right:19px;top:16px; } } /* 채널예스 리뉴얼 - 170626 */ #yesWrap #yWelChYesCard { margin:20px auto 0;width:960px;text-align:left; } #yesWrap #yWelChYesCard * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yesWrap #yWelChYesCard h2.unitTit { position:relative;z-index:11;display:block;height:44px; } #yesWrap #yWelChYesCard h2.unitTit a { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:center;vertical-align:top; } #yesWrap #yWelChYesCard h2.unitTit a { height:34px;overflow:hidden;line-height:34px;font-size:16px;font-weight:bold;color:#333;letter-spacing:-0.5px; } #yesWrap #yWelChYesCard h2.unitTit a .bgYUI.ico_arr { margin:10px 0 0 4px;width:6px;height:16px;background-position:-130px -240px; } #yesWrap #yWelChYesCard h2.unitTit a:hover { text-decoration:none; } #yesWrap #yWelChYesCard h2.unitTit.unitTit01 { padding-left:19px; } #yesWrap #yWelChYesCard .yWelCYCardGrp { display:table;width:100%;min-height:591px;border:solid 1px #d8d8d8;background-color:#fff;table-layout:fixed; } #yesWrap #yWelChYesCard .yWelCYCardGrp a.yPgBtn.bgYUI { display:none;position:absolute;top:50%;margin-top:-19px;z-index:10;width:34px;height:38px; } #yesWrap #yWelChYesCard .yWelCYCardGrp a.yPgLft.bgYUI { left:-1px;background-position:-300px -340px; } #yesWrap #yWelChYesCard .yWelCYCardGrp a.yPgLft.bgYUI:hover { background-position:-380px -340px; } #yesWrap #yWelChYesCard .yWelCYCardGrp a.yPgRgt.bgYUI { right:-1px;background-position:-340px -340px; } #yesWrap #yWelChYesCard .yWelCYCardGrp a.yPgRgt.bgYUI:hover { background-position:-420px -340px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yPagenNum { position:absolute;right:19px;top:16px;font-size:11px;color:#999; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yPagenNum strong { color:#333; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card { position:relative;display:table-cell;_float:left;*float:left;width:398px;min-height:591px;border-right:solid 1px #d8d8d8;vertical-align:top; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card a.yPgBtn { top:97px;margin-top:0; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop { padding-top:10px;height:203px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont { margin:0 20px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit { position:relative;height:140px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_img { float:left;height:140px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_img .img { display:inline-block;height:138px;overflow:hidden;border:solid 1px #ececec; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_img img { margin:-1px;width:98px;height:140px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_tCmt { position:absolute;left:112px;top:0;width:230px;line-height:20px;font-size:14px;font-weight:bold;color:#333; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_info { position:absolute;left:112px;bottom:0;width:230px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_info .goods_name { margin-top:4px;width:230px;min-height:16px;max-height:32px;_height:16px;overflow:hidden;word-break:break-all;line-height:16px;font-weight:bold;color:#333; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_info .goods_pubGrp { display:block;margin-top:5px;width:230px;height:15px;line-height:15px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_info .goods_pubGrp .divi { color:#ccc; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_lnk { position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;overflow:hidden;text-indent:-999em;background-color:transparent; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_bdr { display:none;position:absolute;left:-21px;top:-55px;right:0;bottom:0;z-index:1;width:398px;height:591px;border:solid 1px #666; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop.mTopOn .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_bdr { display:block; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot { position:absolute;left:20px;top:213px;width:358px;height:358px;z-index:11;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_img { position:relative;width:358px;height:358px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_img:after { content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:solid 1px #000;opacity:0.1;filter:alpha(opacity=10); } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_img img { width:358px;height:358px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .yPgBtn { top:160px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn { display:none;position:absolute;left:0;right:0;bottom:30px;text-align:center; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot.lastCard .cardNews_btn { display:block; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:left;vertical-align:top; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC { margin:0 2px;text-align:left;white-space:nowrap;text-indent:0; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC .bWrap { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:center;vertical-align:top; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC .bWrap { position:relative;padding:0;width:98px;height:28px;text-align:center;text-indent:0;border:solid 1px #ebebeb;border-bottom-color:#d8d8d8;border-right-color:#d8d8d8;background-color:#fff; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC .bWrap em.txt { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;text-align:center;vertical-align:top; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC .bWrap em.txt { position:relative;padding:0;overflow:hidden;line-height:26px;font-size:12px;color:#333 !important;font-weight:bold;text-indent:0;cursor:pointer; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn a.btnC:hover { text-decoration:none; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC.btn_blue { } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC.btn_blue .bWrap { border-color:#196ab3;border-bottom-color:#165fa1;border-right-color:#165fa1;background-color:#196ab3; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC.btn_blue .bWrap em.txt { color:#fff !important; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC.m_size .bWrap { height:38px;text-align:center; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot .cardNews_btn .btnC.m_size .bWrap em.txt { padding:0;height:35px;line-height:35px;font-size:14px;font-weight:bold;letter-spacing:0; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot.mOn .yPgBtn { display:block; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot.mOn .yPgLft { left:0; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot.mOn .yPgRgt { right:0; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot.mOn.firstCard .yPgBtn.yPgLft { display:none; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot.mOn.lastCard .yPgBtn.yPgRgt { display:none; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news { display:table-cell;_float:left;*float:left;width:auto; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_newsRow { position:relative;padding:10px 0 20px 19px;min-height:265px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_newsRow.firstRow { border-bottom:solid 1px #d8d8d8; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li { float:left;margin-right:20px;height:191px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a { display:block;position:relative;width:160px;height:180px;overflow:hidden; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a .tiles_frm { position:absolute;left:0;top:0;width:158px;height:111px;_width:160px;_height:113px;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10); } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a .tiles_thumb img.thumb { width:160px;height:113px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a .tiles_info { padding:8px 0 0;height:45px;_height:57px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a .tiles_info .tiles_tit { display:block;min-height:16px;max-height:32px;_height:32px;overflow:hidden;line-height:16px;font-size:12px;color:#333; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a .tiles_info .tiles_des { display:block;margin-top:5px;height:16px;line-height:16px;color:#999; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a:hover { text-decoration:none; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a:hover .tiles_info .tiles_tit { text-decoration:underline; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesDl { position:absolute;left:0;right:0;bottom:0;padding:12px 0;background-color:#f8f8f8; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesDl dl { margin:0 9px 0 19px;height:16px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesDl dt { display:inline;margin-right:29px;font-weight:bold;color:#333; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesDl dd { display:inline; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesDl dd a { margin-right:20px;color:#666; } @media screen and (min-width:1440px) { #yesWrap #yWelChYesCard { width:1198px; } #yesWrap #yWelChYesCard h2.unitTit.unitTit01 { padding-left:29px; } #yesWrap #yWelChYesCard .yWelCYCardGrp { min-height:611px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card { width:418px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop { padding-top:20px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont { margin:0 30px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookTop .yWelCY_cardBookTopCont .yWelCY_cardBookUnit .goods_bdr { left:-31px;top:-65px;right:0;bottom:0;z-index:1;width:418px;height:611px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_card .yWelCY_cardBookBot { left:30px;top:223px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_newsRow { padding:20px 0 20px 29px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li { width:220px; } #yesWrap #yWelChYesCard .yWelCYCardGrp .yWelCY_news .yWelCY_tilesLi li a { margin-left:40px; } } /* 마케팅 이벤트 배너(책보내기) */ #yesWrap #yWelEveBn { margin:20px auto 0;width:960px; } #yesWrap #yWelEveBn * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } @media screen and (min-width:1440px) { #yesWrap #yWelEveBn { padding:10px 0;width:1200px;text-align:center;background-color:#994eff; } } /* 대표서비스 */ #yesWrap #yWelServWrap { margin-top:20px;text-align:center; } #yesWrap #yWelServWrap * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yWelServWrap .yServCon { margin:0 auto;width:960px;text-align:left; } #yWelServWrap .yServCon:after { content:'';clear:both;display:block; } #yWelServWrap .yesServ { float:left;margin-right:10px;width:518px;height:204px;_width:520px;_height:206px;border:solid 1px #d8d8d8;background-color:#fff; } #yWelServWrap .yesServ .servDl:after { content:'';clear:both;display:block; } #yWelServWrap .yesServ h2 { padding:9px 0 0 20px;height:31px; } #yWelServWrap .yesServ h2 em { display:block;height:24px;line-height:24px;font-size:14px;font-weight:bold;color:#333; } #yWelServWrap .yesServ .servDl { padding-left:20px; } #yWelServWrap .yesServ .servDl dl { float:left;width:109px;margin-right:11px; } #yWelServWrap .yesServ .servDl dl dt { padding-bottom:5px; } #yWelServWrap .yesServ .servDl dl dt strong { display:block;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;background-color:#666; } #yWelServWrap .yesServ .servDl dl dd { height:20px;line-height:20px; } #yWelServWrap .yesServ .servDl dl dd a { display:block;height:20px;line-height:20px;color:#666;text-indent:4px; } #yWelServWrap .yesServ .servDl dl.servCheap dt strong { background-position:-330px 0; } #yWelServWrap .yesServ .servDl dl.servFast dt strong { background-position:-330px -30px; } #yWelServWrap .yesServ .servDl dl.servTrust dt strong { background-position:-330px -60px; } #yWelServWrap .yesServ .servDl dl.servBn { width:119px; } #yWelServWrap .yesServ .servDl dl.servBn dt { display:none; } #yWelServWrap .yesServ .servDl dl.servBn li { margin-top:5px; } #yWelServWrap .yesServ .servDl dl.servBn li:first-child { margin-top:0; } #yWelServWrap .yesServ .servDl dl.servBn li a { display:block;width:119px;height:45px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome_bot.png?v=191211') no-repeat -500px -160px; } #yWelServWrap .yesServ .servDl dl.servBn li a.serv_yCal { background-position:-500px -160px; } #yWelServWrap .yesServ .servDl dl.servBn li a.serv_yRwd { background-position:-500px -210px; } #yWelServWrap .yesServ .servDl dl.servBn li a.serv_deli { background-position:-500px -260px; } #yWelServWrap .yesServ .servDl dl.serv4Event { width:119px; } #yWelServWrap .yesServ .servDl dl.serv4Event dt strong { width:119px;background-position:-330px -90px; } #yWelServWrap .yesServ .servDl dl.serv4Event dd { margin-bottom:5px;height:24px; } #yWelServWrap .yesServ .servDl dl.serv4Event dd a { width:119px;height:24px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome_bot.png?v=191211') no-repeat -200px 0; } #yWelServWrap .yesServ .servDl dl.serv4Event dd a.yEve_1 { background-position:-200px 0; } #yWelServWrap .yesServ .servDl dl.serv4Event dd a.yEve_2 { background-position:-200px -30px } #yWelServWrap .yesServ .servDl dl.serv4Event dd a.yEve_3 { background-position:-200px -60px; } #yWelServWrap .yesServ .servDl dl.serv4Event dd a.yEve_4 { background-position:-200px -90px; } #yWelServWrap .bnB2b { float:left;width:228px;height:204px;_width:210px;_height:206px;border:solid 1px #d8d8d8;background-color:#fff; } #yWelServWrap .bnB2b a { display:block; } #yWelServWrap .bnB2b a:hover { text-decoration:none; } #yWelServWrap .bnB2b h2 { padding:9px 0 0 19px;height:31px; } #yWelServWrap .bnB2b h2 em { display:block;height:24px;line-height:24px;font-size:14px;font-weight:bold;color:#333; } #yWelServWrap .bnB2b h2 .bgYUI.ico_arr { margin:6px 0 0 4px;width:6px;height:16px;background-position:-130px -240px; } #yWelServWrap .bnCorp { float:right;width:190px; } #yWelServWrap .bnCorp li.lastLi { margin-top:10px; } #yWelServWrap .bnCorp li a { display:block;height:96px;border:solid 1px #d8d8d8;background-color:#fff; } @media screen and (min-width:1440px) { #yWelServWrap .yServCon { width:1200px; } #yWelServWrap .yesServ { margin-right:0;width:720px;height:238px; } #yWelServWrap .yesServ h2 { padding:15px 0 0 20px;height:40px; } #yWelServWrap .yesServ h2 em { font-size:16px; } #yWelServWrap .yesServ .servDl { padding-left:20px; } #yWelServWrap .yesServ .servDl dl { width:160px;margin-right:20px; } #yWelServWrap .yesServ .servDl dl dt strong { height:30px;line-height:30px; } #yWelServWrap .yesServ .servDl dl.servBn { padding-left:11px; } #yWelServWrap .yesServ .servDl dl.servBn li { margin-top:10px; } #yWelServWrap .yesServ .servDl dl.servBn li:first-child { margin-top:0; } #yWelServWrap .bnB2b { width:238px;height:238px;border-left:none; } #yWelServWrap .bnB2b a { padding-left:5px; } #yWelServWrap .bnB2b h2 { padding:15px 0 0 15px;height:49px; } #yWelServWrap .bnB2b h2 em { font-size:16px; } #yWelServWrap .bnCorp { width:239px; } #yWelServWrap .bnCorp ul { border:solid 1px #d8d8d8;border-left:none; } #yWelServWrap .bnCorp li a { padding:11px 0;border:none;text-align:center; } #yWelServWrap .bnCorp li.lastLi { margin-top:0;border-top:solid 1px #d8d8d8; } #yWelServWrap .bnCorp li.lastLi a { padding:12px 0 11px; } } /* 공지사항 */ #yesWrap #yWelNotice { position:relative;margin:0 auto;padding:13px 0;width:960px;text-align:left; } #yesWrap #yWelNotice * { font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; } #yWelNotice:after { content:'';clear:both;display:block; } #yWelNotice h2 { float:left;width:70px; } #yWelNotice h2 em { display:block;height:34px;overflow:hidden;line-height:34px;font-size:16px;font-weight:bold;color:#333;letter-spacing:-0.5px; } #yWelNotice ul.yNotLi { margin:0 40px 0 77px; } #yWelNotice ul.yNotLi li { float:left;margin-right:25px;line-height:34px; } #yWelNotice ul.yNotLi li a { color:#666;font-size:11px; } #yWelNotice ul.yNotLi li em.notDate { color:#999; } #yWelNotice ul.yNotLi li em.bl { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;overflow:hidden;text-align:left;text-indent:-999em;vertical-align:top; } #yWelNotice ul.yNotLi li em.bl { margin:11px 4px 0 0;width:4px;height:14px;background:url('/sysimage/renew/welcome/welcome_bot.png?v=191211') no-repeat 0 -30px; } #yWelNotice .moreNot { position:absolute;right:0;top:50%;margin-top:-7px;width:40px;height:14px;overflow:hidden;text-indent:-999em;background:url('/sysimage/renew/welcome/welcome.png?v=190102a') no-repeat -560px 0; } @media screen and (min-width:1440px) { #yesWrap #yWelNotice { width:1198px;padding:23px 0; } #yWelNotice h2 { width:90px; } #yWelNotice h2 em { padding-left:19px; } #yWelNotice ul.yNotLi { margin:0 40px 0 97px; } #yWelNotice ul.yNotLi li a { font-size:12px; } } /* 하단 마케팅배너 */ #yesWrap #yWelBotBn { margin:0 auto;width:958px;text-align:center;border:solid 1px #d8d8d8; } #yesWrap #yWelBotBn:after { content:'';clear:both;display:block; } #yWelBotBn .yBotBn { } #yWelBotBn .yBotBn li { float:left;width:50%; } @media screen and (min-width:1440px) { #yesWrap #yWelBotBn { width:1198px; } #yWelBotBn .yBotBn li a { display:block;padding:10px 0; } } /* app down popup */ .appDownBnArea {} .appDownBnArea img { vertical-align:top; } .appDownBnArea .appDownBnMask { position:fixed;left:0;top:-100px;right:0;bottom:-100px;z-index:3001;width:100%;min-height:100%;background:url('/sysimage/mV2/mask04.png') repeat left top; } .appDownBnArea .appDownBnMask a { display:block;width:100%;height:100%; } .appDownBnArea .appDownBn { position:fixed;left:23px;right:23px;top:10%;z-index:3002;text-align:center; } .appDownBnArea .appDownBn .appDownBnGrp { position:relative;margin:0 auto;max-width:550px; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnImg { } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnImg img { width:100%; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnClose { position:absolute;right:0;top:0;width:9%; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnClose img { width:100%; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnNview { position:absolute;left:0;right:0;bottom:14%; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnNview a { display:block; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnNview a img { width:100%; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnLnk { position:absolute;left:0;right:0;top:19%; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnLnk a { display:block; } .appDownBnArea .appDownBn .appDownBnGrp .appDownBnLnk img { width:100%; }