/* - Project : makeshop - Author : odini84@gmail.com - Description : main - Create : 2011-08-19 - Modify : YYYY-MM-DD - */ /* main layout(header, footer import) */ @import url("./main_layout.css"); /* ======================================================================== 레이아웃 ======================================================================== */ #mainCont { z-index: 0; position: relative; width: 880px; margin-top: 12px; margin-left: auto; margin-right: auto; padding-bottom: 13px; } #mainCont h2, #mainCont h3, #mainCont h4, #mainCont h5 { font-size: 11px; } /* ======================================================================== 레이어 ======================================================================== */ /* 세금계산서 */ #layerTaxInvoice { position: absolute; width: 522px; height: 710px; display: none; } #layerTaxInvoice .close { position: absolute; display: block; overflow: hidden; left: 217px; top: 631px; width: 88px; height: 34px; text-indent: -9999px; background: #fff; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } /* ======================================================================== 공지, 배너, 로그인 ======================================================================== */ .colum-ntc-bner-log { zoom: 1; } .colum-ntc-bner-log:after { content: ""; display: block; clear: both; } #tNtc, #tSwapBner, #tlogin { float: left; } /* tNtc */ #tNtc { position: relative; width: 217px; margin-right: 4px; font-size: 12px; } /* tab */ #tNtc .tab { position: relative; zoom: 1; overflow: hidden; } #tNtc .tab li { float: left; position: relative; top: 6px; width: 54px; } #tNtc .tab a { position: relative; display:block; height: 19px; padding-top: 2px; text-align: center; border: 1px solid #dce5ec; border-right: 0; letter-spacing: -1px; background-color: #f5f9fa; } /* last */ #tNtc .tab li.last { width: 55px; } #tNtc .tab li.last a { border-right: 1px solid #dce5ec; } /* now */ #tNtc .tab li.now { z-index: 1; top: 0; width: 55px; margin-right: -1px; } #tNtc .tab li.now a { height: 21px; padding-top: 6px; font-weight: bold; color: #2e60cf; border: 1px solid #b8cad6; border-bottom: 1px solid #fff; background-color: #fff; } /* list */ #tNtc .tntc-w { position: relative; } #tNtc .ntc-cont { overflow: hidden; z-index: 1; display: none; position: relative; top: -1px; height: 160px; padding-top: 1px; margin-bottom: -1px; border: 1px solid #dce5ec; border-top: 0; } #tNtc #tntcNtc { display: block; } #tNtc .ntc-cont ul { zoom: 1; overflow: hidden; margin-left: 12px; padding-right: 8px; } #tNtc .ntc-cont ul li { float: left; width: 187px; padding-left: 7px; margin-bottom: -1px;border-bottom: 1px solid #dce5ec; background: url(../img/main/bull_tntc_list.gif) no-repeat 0px 14px; } #tNtc .ntc-cont ul li.now a { font-weight: bold; color: #333; } #tNtc .ntc-cont ul li.last { border-bottom: 0; } #tNtc .ntc-cont ul a { overflow: hidden; float: left; width: 100%; padding-top: 10px; height: 21px; letter-spacing: -1px; line-height: 1.25; } /* follow */ #ntcFollow { z-index: 1; display: block; overflow: hidden; position: absolute; left: -13px; top: 0; width: 230px; height: 42px; margin-top: -3px; text-indent: -9999px; background: url(../img/main/tntc_follow.gif) no-repeat 0 0; } #tNtc .follow-basic { background-image: url(../img/main/tntc_follow.gif); } #tNtc .follow-only { background-image: url(../img/main/tntc_follow_only.gif); } #tNtc .follow-mk { background-image: url(../img/main/tntc_follow_mk.gif); } #tNtc .follow-edu { background-image: url(../img/main/tntc_follow_edu.gif); } /* bner */ #tSwapBner { overflow: hidden; width: 436px; height: 188px; margin-right: 4px; font-size: 0; line-height: 0; border: 1px solid #dae5eb; } #tSwapBner a, #tSwapBner img { display: block; width: 100%; height: 100%; } /* log-w */ #tlogin { width: 217px; /* window zoom out */ margin-right: -40px; } /* tab */ #tlogin .tab { position: relative; zoom: 1; overflow: hidden; } #tlogin .tab li { float: left; position: relative; top: 6px; width: 108px; font-size: 12px; } #tlogin .tab a { position: relative; display:block; height: 19px; padding-top: 2px; text-align: center; border: 1px solid #dce5ec; border-right: 0; letter-spacing: -1px; background-color: #f5f9fa; } /* last */ #tlogin .tab li.last { width: 109px; } #tlogin .tab li.last a { border-right: 1px solid #dce5ec; } /* now */ #tlogin .tab li.now { z-index: 1; top: 0; width: 109px; margin-right: -1px; } #tlogin .tab li.now a { height: 21px; padding-top: 6px; font-weight: bold; color: #2e60cf; border: 1px solid #b8cad6; border-bottom: 1px solid #fff; background-color: #fff; } /* frm */ #tlogin .log-cont { z-index: 1; position: relative; top: -1px; height: 114px; padding: 12px 13px 0 17px; margin-bottom: -1px; border: 1px solid #dce5ec; border-top: 0; } #tlogin .frm { display: none; } #tlogin #tlogMaster { display: block; } #tlogin .frm ul { zoom: 1; overflow: hidden; width: 121px; border-bottom: 1px solid #c9d0d6;} #tlogin .frm ul li { float: left; position: relative; width: 119px; height: 24px; margin-bottom: -1px; border: 1px solid #c9d0d6; } #tlogin .frm ul label, #tlogin .frm ul .txt-input { position: absolute; width: 111px; } #tlogin .frm ul label { position: absolute; left: 7px; top: 6px; height: 14px; line-height: 14px; letter-spacing: -1px; } #tlogin .frm ul .txt-input { z-index: 1; top: 0px; left: 5px; height: 24px; line-height: 24px; border: 0; opacity: 0; filter:alpha(opacity=0); } /* btn */ #tlogin .frm .btn { overflow: hidden; display: block; position: absolute; left: 144px; width: 53px; height: 26px; border:0; text-indent: -9999px; background: url(../img/btn/main_tlogin.gif) no-repeat 0 0; } /* 운영자 */ #tlogin #tlogMaster.frm .btn { top: 37px; } /* 브운영자 */ #tlogin #tlogPart.frm .btn { top: 62px; } /* save */ #tlogin .frm .save { position: absolute; left: 144px; word-spacing: -2px; white-space: nowrap; letter-spacing: -1px; } #tlogin .frm .save .chk-rdo { *vertical-align: text-bottom; } #tlogin .frm .save span { letter-spacing: -1px; } /* 운영자 */ #tlogin #tlogMaster.frm .save { top: 17px; } /* 브운영자 */ #tlogin #tlogPart.frm .save-url { top: 17px; } #tlogin #tlogPart.frm .save-id { top: 42px; } /* se, shield */ #tlogin .frm .se, #tlogin .frm .shield, #tlogin .frm .d-dos { position: absolute; letter-spacing: -1px; white-space: nowrap; } #tlogin .frm .se { left: 23px; } #tlogin .frm .shield, #tlogin .frm .d-dos { left: 104px; color: #2460D8; } #tlogin .frm .shield { height: 14px; padding-top: 2px; padding-left: 18px; background: url(../img/main/bull_tlog_shield.gif) no-repeat 0 0; } #tlogin .frm .d-dos { white-space: nowrap; height: 14px; padding-top: 2px; padding-left: 19px; background: url(../img/main/bull_tlog_ddos.gif) no-repeat 0 1px; } /* 운영자 */ #tlogin #tlogMaster.frm .se { top: 72px; } #tlogin #tlogMaster.frm .shield, #tlogin #tlogMaster.frm .d-dos { top: 70px; } /* 부운영자 */ #tlogin #tlogPart.frm .se { top: 100px; } #tlogin #tlogPart.frm .shield { top: 98px; left: 18px; } #tlogin #tlogPart.frm .d-dos { top: 98px; left: 120px; } /* links */ #tlogin .links { margin-top: 30px; padding-top: 8px; border-top: 1px solid #f2f2f2; width: 100%; overflow: hidden; } #tlogin .links li, #tlogin .links a { float: left; padding-left: 7px; margin-left: 7px; letter-spacing: -1px; white-space: nowrap; background: url(../img/common/bull_bar_h10_w1.gif) no-repeat 0 2px; } #tlogin .links a.first { font-weight: bold; margin-left: 0; padding-left: 1px; color: #333; background: none; } /* ad */ #tlogin .ad { margin-top: 4px; font-size: 0; line-height: 0; } #tlogin .ad a, #tlogin .ad img { width: 107px; height: 31px; } #tlogin .ad img.ad-found { margin-right:2px; } .colum-line { width:884px; height:15px; margin:20px 0 11px -1px; } .colum-line.area1 { background:url(../img/main/main_area_line1.gif) no-repeat 0 0; } .colum-line.area2 { background:url(../img/main/main_area_line2.gif) no-repeat 0 0; } /* ======================================================================== 프리미엄 ======================================================================== */ .colum-premium { position: relative; height: 411px; } .colum-premium .premium, .colum-premium .scont-cm { position: absolute; } /* premium */ .colum-premium .premium { left: 221px; top: 0px; width: 434px; height: 292px; font-size: 12px; letter-spacing: -1px; border: 2px solid #c7dae8; } .colum-premium .premium h2 { position: absolute; left: 22px; top: 20px; width: 258px; font-size: 0; line-height: 0; } .colum-premium .premium a.ico { position: absolute; left: 317px; top: 18px;} .colum-premium .premium .dsc { position: absolute; left: 22px; top: 59px; line-height: 16px; } .colum-premium .premium .dsc a { display: block; } .colum-premium .premium .dsc span { display: block; } .colum-premium .premium .dsc a.qlink-wrap { display: inline-block; position:absolute; top:64px; left:0; width:108px; font-weight: bold; color: #333; } .colum-premium .premium .dsc a.qlink { background: url(../img/main/bull_prm_links3.gif) no-repeat right 3px; } .colum-premium .premium .dsc a.qlink3 { left:136px; color: #2460da; background: url(../img/main/bull_prm_links.gif) no-repeat right 3px; } .colum-premium .premium .dsc a.qlink4 { left:272px; color: #fd3131; background: url(../img/main/bull_prm_links2.gif) no-repeat right 3px; } .colum-premium .premium .btns { position: absolute; display: inline-block; left: 22px; top: 150px; zoom: 1; overflow: hidden; } .colum-premium .premium .btns2 { top: 187px; left:191px; } .colum-premium .premium .btns a, .colum-premium .premium .btns a span { float: left; background-repeat: no-repeat; background-image: url(../img/btn/sp_main_rrm.gif); } .colum-premium .premium .btns a { margin-right: 3px; padding-left: 1px; cursor: pointer; } .colum-premium .premium .btns a span { height: 33px; line-height: 33px; padding-right: 2px; text-align: center; } .colum-premium .premium .btns .app { margin-right: 3px; background:none; } .colum-premium .premium .btns .app span { width: 163px; height:70px; line-height:72px; font-weight: bold; color: #333; font-size: 12px; background-image: url(../img/btn/sp_main_rrm2.gif); } .colum-premium .premium .btns .bt { background-position: 0px -33px; } .colum-premium .premium .btns .bt span { width:71px; background-position: right -33px; font-size:11px; } .colum-premium .premium .btns .ex span { width: 71px; color: #FD3131; } .colum-premium .premium .btns .manage span { width: 71px; color: #FD3131; } .colum-premium .premium .btns .found span { width: 67px; } #makeshopBanner { position:absolute; left:22px; top:234px; width:} /* 레이어 - 몰톡 */ #layerMalltalk { display:none; position: absolute; left: 207px; top: 0px; width: 227px; height: 170px; } #layerMalltalk a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; background:#fff url(../img/main/prm_malltalk_layer.gif) no-repeat right 0; } #layerMalltalk a.toggle { background:#fff url(../img/main/prm_malltalk_layer2.gif) no-repeat right 0; } #layerMalltalk .close { overflow: hidden; position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; text-indent: -9999px; border: 0; background: #fff; opacity: 0; filter: alpha(opacity=0); } /* 레이어 - 해외진출 */ #layerOverSeas { position: absolute; left: 443px; top: 1px; width: 217px; height: 111px; } #layerfran { position: absolute; left: 443px; top: 115px; width: 217px; height: 111px; } /* relation */ .colum-premium .premium .relation { display:none; position: absolute; left: 265px; top: 24px; } .colum-premium .premium .relation li { float: left; width: 140px; padding-bottom: 7px; } .colum-premium .premium .relation dl { position: relative; min-height: 43px; _height: 43px; } .colum-premium .premium .relation dt { font-weight: bold; color: #333; line-height: 1.25; } .colum-premium .premium .relation .txt { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .colum-premium .premium .relation .icon { position: absolute; left: -39px; top: -0px; } /* scont-cm */ .colum-premium .scont-cm { width: 215px; height: 109px; border: 1px solid #dce5ec; letter-spacing: -1px; } .colum-premium .scont-cm h2 { z-index: 2; margin-left: 15px; padding-top: 18px; font-size: 0; line-height: 0;} .colum-premium .scont-cm h2 span img { margin: 2px 0 0 2px; } .colum-premium .scont-cm p { z-index: 2; margin-top: 10px; margin-left: 15px; padding-bottom: 3px; line-height: 16px; } .colum-premium .scont-cm p .num { letter-spacing: 0; } .colum-premium .scont-cm p a:hover { text-decoration: underline; } .colum-premium .scont-cm .qlink { z-index: 2; position: relative; } .colum-premium .scont-cm a.qlink { position: relative; display: inline-block; margin-left: 15px; padding-right: 7px; font-weight: bold; color: #2361da; background: url(../img/main/bull_prm_links.gif) no-repeat right 4px; } .colum-premium .scont-cm a.qlink2 { position: relative; display: inline-block; margin-left: 2px; padding-right: 7px; font-weight: bold; color: #da0000; background: url(../img/main/bull_prm_links2.gif) no-repeat right 4px; } .colum-premium .scont-cm a.qlink3 { position: relative; display: inline-block; margin-left: 8px; padding-right: 7px; font-weight: bold; color: #da0000; } .colum-premium .scont-cm a.ico { position: absolute; } .colum-premium .scont-cm .bull { z-index: 10; position: absolute; top: -1px; right: -1px; } /* makeglob */ .colum-premium .makeglob { top: 0; left: 0; height:294px; } .colum-premium .makeglob a.ico { left: 135px; top: 19px; } .colum-premium .makeglob .contbox { position:absolute; left:10px; top:107px; width:194px; height:184px; border-top:1px dashed #dce5eb; background:url(../img/main/prm_makeglob_bg.gif) no-repeat 2px 0; } .colum-premium .makeglob .contbox dl { position:absolute; left:46px; } .colum-premium .makeglob .contbox dl.box1 { top:25px; } .colum-premium .makeglob .contbox dl.box2 { top:77px; } .colum-premium .makeglob .contbox dl.box3 { top:130px; } .colum-premium .makeglob .contbox dl dt { line-height:17px; font-weight:bold; font-size:12px; } .colum-premium .makeglob .contbox dl dt a:hover { text-decoration:underline; } .colum-premium .makeglob .contbox dl dd { line-height:14px; } /* sellpia */ .colum-premium .sellpia { top: 0px; left: 663px; height:207px; } .colum-premium .sellpia a.ico { left: 138px; top: 17px; } .colum-premium .sellpia .contbox { position:absolute; left:10px; top:107px; width:194px; height:100px; border-top:1px dashed #dce5eb; background:url(../img/main/prm_sellpia_bg.gif) no-repeat 2px 0; } .colum-premium .sellpia .contbox dl { position:absolute; left:46px; } .colum-premium .sellpia .contbox dl.box1 { top:15px; } .colum-premium .sellpia .contbox dl.box2 { top:55px; } .colum-premium .sellpia .contbox dl dt { line-height:17px; font-weight:bold; font-size:12px; } .colum-premium .sellpia .contbox dl dt a:hover { text-decoration:underline; } .colum-premium .sellpia .contbox dl dd { line-height:14px; } /* randbanner */ .colum-premium .randbanner { position:absolute; top: 213px; left: 663px; } /* shopforum */ .colum-premium .shopforum { top: 300px; left: 0; } .colum-premium .shopforum a.ico { left: 140px; top: 15px; } /* powerpack */ .colum-premium .powerpack { top: 300px; left: 221px; } .colum-premium .powerpack a.ico { left: 130px; top: 18px; } /* nooguna */ .colum-premium .nooguna { top: 300px; left: 442px; } .colum-premium .nooguna a.ico { left: 140px; top: 20px; } /* malltalk */ .colum-premium .prshop2 { display:none; top: 300px; left: 663px; } .colum-premium .prshop2 a.ico { left: 112px; top: 21px; } .colum-premium .prshop2 .layer-popup.popup-malltalkapp { display:block; z-index:100; position:absolute; top:37px; left:7px; width:136px; height:68px; background:url(../img/main/prshop2_layer_201408.png) no-repeat 0 0; } .colum-premium .prshop2 .layer-popup span a { display:block; width:136px; height:68px; text-indent:-9999px; } .colum-premium .prshop2 .layer-popup a.layer-close { z-index:200; display:block; position:absolute; top:8px; right:15px; width:15px; height:15px; text-indent:-9999px; } /* mallapp */ .colum-premium .mallapp { display:none; width: 217px; height: 117px; background: url(../img/common/bg_scont_cm.gif) no-repeat 0 0; border: 0; } .colum-premium .mallapp { top: 224px; left: 0px; } .colum-premium .mallapp h2 { padding-top: 24px; } .colum-premium .mallapp a.ico { left: 130px; top: 18px; } /* standalone */ .colum-premium .standalone { top: 230px; left: 442px; } .colum-premium .standalone a.ico { left: 132px; top: 19px; } /* ======================================================================== 프리미엄2 ======================================================================== */ .colum-premium2 { position:relative; height: 131px; } /* custom */ .colum-premium .custom { top: 0; left: 0; } .colum-premium .custom a.ico { left: 130px; top: 22px; } /* franchise */ .colum-premium .franchise { top: 0; left: 221px; } .colum-premium .franchise a.ico { left: 130px; top: 20px; } /* free2 */ .colum-premium .free2 { top: 0; left: 442px; } .colum-premium .free2 a.ico { left: 137px; top: 19px; } .colum-premium .free2 .layer-popup { display:none; } /* shopnote */ .colum-premium .shopnote { top: 0; left: 663px; } .colum-premium .shopnote a.ico { left: 135px; top: 19px; } /* overseas */ .colum-premium .overseas { display:none; top: 0; left: 221px; } .colum-premium .overseas .layer-popup { display:none; } .colum-premium .overseas .layer-popup span a { display:block; width:139px; height:80px; text-indent:-9999px; } .colum-premium .overseas .layer-popup a.layer-close { z-index:200; display:block; position:absolute; top:20px; left:108px; width:15px; height:15px; text-indent:-9999px; } .colum-premium .overseas .popup-overseas.popup_1 { z-index:100; position:absolute; top:27px; left:0px; width:139px; height:80px; background:url(../img/main/prm_layer_overseas_1.png) no-repeat 0 0; } .colum-premium .overseas .popup-overseas.popup_2 { z-index:100; position:absolute; top:27px; left:0px; width:139px; height:80px; background:url(../img/main/prm_layer_overseas_2.png) no-repeat 0 0; } .colum-premium .overseas a.ico { left: 135px; top: 6px; } .colum-premium .overseas .qlink { margin-left: 15px; } .colum-premium .overseas .qlink a { display: inline-block; padding-right: 7px; font-weight: bold; color: #2361da; background: url(../img/main/bull_prm_links.gif) no-repeat right 3px; } .colum-premium .overseas .qlink2 a { display: inline-block; padding-right: 7px; font-weight: bold; color: #da0000; background: url(../img/main/bull_prm_links.gif) no-repeat right 3px; } /* ======================================================================== 파워기능, 지원기능, 광고마케팅 ======================================================================== */ .colum-pwr-spt-mk { margin-top: 10px; font-size: 12px; } /* hd */ .colum-pwr-spt-mk .hd { position: relative; background-color: #d9ebfd; border: 1px solid #d9e2e9; } /*tab */ .colum-pwr-spt-mk .tab { zoom: 1; padding-top: 4px; padding-left: 3px; } .colum-pwr-spt-mk .tab:after { content: ""; display: block; clear: both; } .colum-pwr-spt-mk .tab li, .colum-pwr-spt-mk .tab a.tab-a { float: left; } .colum-pwr-spt-mk .tab .more { display: none; position: absolute; right: 15px; top: 10px; } .colum-pwr-spt-mk .tab li { position: relative; background: url(../img/main/bull_prwsptmk_tab.gif) no-repeat right 4px; } .colum-pwr-spt-mk .tab a.tab-a { width: 110px; padding-left:14px; height: 21px; padding-top: 7px; cursor: pointer; } .colum-pwr-spt-mk .tab li.now a.tab-a { border: 1px solid #d9e2e9; border-bottom: 0; background-color: #fff; } .colum-pwr-spt-mk .tab li.now { position: relative; bottom: -1px; left: -1px; } .colum-pwr-spt-mk .tab li.now .ct-w { top: -17px; } .colum-pwr-spt-mk .tab li.last { background: none; } .colum-pwr-spt-mk .tab li.now .more { display: block; } /* txt */ .colum-pwr-spt-mk .tab .txt { position: relative; display: inline-block; font-weight: bold; color: #333; letter-spacing: -1px; } .colum-pwr-spt-mk .tab .ct-w, .colum-pwr-spt-mk .tab .ct-w span { display: inline; float: left; background-image: url(../img/main/sp_prwsptmk_ct2.gif); background-repeat: no-repeat; } .colum-pwr-spt-mk .tab .ct-w { position: absolute; top: -15px; left: 100%; padding-left: 10px; font-size: 0; line-height: 0; } .colum-pwr-spt-mk .tab .ct-w span { position: relative; left: 3px; margin-left: -2px; height: 15px; line-height: 15px; padding-right: 5px; color: #fff; font-weight: bold; font-family: Tahoma; font-size: 10px; } /* 파워기능 */ .colum-pwr-spt-mk .tab .pwr .ct-w { background-position: 0px 0px; } .colum-pwr-spt-mk .tab .pwr .ct-w span { background-position: right 0px; } /* 해외매출 */ .colum-pwr-spt-mk .tab .okdgg .ct-w { background-position: 0px 0px; background-image: url(../img/main/sp_prwsptmk_ct4.gif); } .colum-pwr-spt-mk .tab .okdgg .ct-w span { background-position: right 0px; background-image: url(../img/main/sp_prwsptmk_ct4.gif); } /* 지원기능 */ .colum-pwr-spt-mk .tab .spt .ct-w { width: 21px; height: 15px; background: url(../img/main/ico_up_h15.gif) no-repeat 0 0; } .colum-pwr-spt-mk .tab .spt .ct-w span { background: none; } /* 광고마케팅 */ .colum-pwr-spt-mk .tab .mk .ct-w { background-position: 0px -30px; } .colum-pwr-spt-mk .tab .mk .ct-w span { background-position: right -30px; } /* 교육 */ .colum-pwr-spt-mk .tab .edu .ct-w { background-position: 0px -45px; } .colum-pwr-spt-mk .tab .edu .ct-w span { background-position: right -45px; } /* 디자인 */ .colum-pwr-spt-mk .tab .design .ct-w { background-position: 0px -60px; } .colum-pwr-spt-mk .tab .design .ct-w span { background-position: right -60px; } /* 이전 */ .colum-pwr-spt-mk .tab .transfer .ct-w { background-position: 0px -30px; } .colum-pwr-spt-mk .tab .transfer .ct-w span { background-position: right -30px; } /* 해외 */ .colum-pwr-spt-mk .tab .overseas .ct-w { background-position: 0px 0; } .colum-pwr-spt-mk .tab .overseas .ct-w span { background-position: right 0; } /* 제휴마케팅 */ .colum-pwr-spt-mk .tab .prmate .ct-w { background-position: 0 0; background-image: url(../img/main/sp_prwsptmk_ct3.gif); } .colum-pwr-spt-mk .tab .prmate .ct-w span { background-position: right 0; background-image: url(../img/main/sp_prwsptmk_ct3.gif); } /* cont-w */ .colum-pwr-spt-mk .cont-w { zoom: 1; overflow: hidden; border: 1px solid #d9e2e9; border-top: 0; } .colum-pwr-spt-mk .cl, .colum-pwr-spt-mk .luv-w { float: left; height: 200px; overflow: hidden; } /* cl */ .colum-pwr-spt-mk .cl { width: 660px; } .colum-pwr-spt-mk .cl-cont { display: none; zoom: 1; overflow: hidden; letter-spacing: -1px; padding-top: 9px; } .colum-pwr-spt-mk .cl-cont dt img { vertical-align: middle; } .colum-pwr-spt-mk .cl-cont .big, .colum-pwr-spt-mk .cl-cont .list { float: left; } /* big */ .colum-pwr-spt-mk .cl-cont .big { width: 214px; padding-top: 9px; margin-right: 3px; text-align: center; } .colum-pwr-spt-mk .cl-cont .big dl { zoom: 1; position: relative; padding-top: 137px; } .colum-pwr-spt-mk .cl-cont .big dt { font-weight: bold; color: #333; } .colum-pwr-spt-mk .cl-cont .big .icon { position: absolute; left: 50%; margin-left: -64px; top: 0px; width: 128px; height: 128px; } .colum-pwr-spt-mk .cl-cont .big .icon a, .colum-pwr-spt-mk .cl-cont .big .icon img { display: block; width: 100%; height: 100%; } /* list */ .colum-pwr-spt-mk .cl-cont .list { width: 417px; height: 180px; padding-left: 25px; border-left: 1px solid #e7ecf2; /* window zoom out */ margin-right: -40px; } .colum-pwr-spt-mk .cl-cont .list li { float: left; width: 200px; height: 65px; padding-top: 18px; margin-right: 5px; } .colum-pwr-spt-mk .cl-cont .list li dl { zoom: 1; position: relative; padding-left: 74px; } .colum-pwr-spt-mk .cl-cont .list li dt, .colum-pwr-spt-mk .cl-cont .list li dd { width: 100%; overflow: hidden; } .colum-pwr-spt-mk .cl-cont .list li dt { padding-top: 27px; color: #333; } .colum-pwr-spt-mk .cl-cont .list li .icon { position: absolute; left: 0px; top: 0px; } .colum-pwr-spt-mk .cl-cont .list li .icon, .colum-pwr-spt-mk .cl-cont .list li .icon img { width: 64px; height: 64px; } /* 해외매출 */ .colum-pwr-spt-mk #funcDgg { padding-top: 14px; } .colum-pwr-spt-mk .cl-cont .dgg-txt { position:relative; height: 19px; margin-left: 23px; padding-top:2px; padding-left: 101px; letter-spacing:0; background: url(../img/main/tit_dgg.gif) no-repeat 0 0; } .colum-pwr-spt-mk .cl-cont .dgg-txt strong.total-dggmall { color: #ff0000; font-size:15px; letter-spacing:-1px; } .colum-pwr-spt-mk .cl-cont .dgg-txt strong span { color:#458fe6; } .colum-pwr-spt-mk .cl-cont .dgg-txt .date { position:absolute; top:6px; right:128px; color:#7b8f9c; font-size:10px; font-family:tahoma; } .colum-pwr-spt-mk .cl-cont .dgg-txt a { position:absolute; top:4px; right:20px; width:70px; text-indent:-9999px; } .colum-pwr-spt-mk .cl-cont .dgglist { zoom: 1; overflow: hidden; margin-left: 22px; width: 654px; } .colum-pwr-spt-mk .cl-cont .dgglist li { float: left; width: 138px; margin-right: 25px; } .colum-pwr-spt-mk .cl-cont .dgglist .tmb { width: 136px; height: 136px; } .colum-pwr-spt-mk .cl-cont .dgglist .tmb a, .colum-pwr-spt-mk .cl-cont .dgglist .tmb img { display: block; width: 100%; height: 100%; } .colum-pwr-spt-mk .cl-cont .dgglist dl { margin-top: 10px; text-align: center; } .colum-pwr-spt-mk .cl-cont .dgglist dt, .colum-pwr-spt-mk .cl-cont .dgglist dd { overflow: hidden; width: 100%; height: 15px; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; } .colum-pwr-spt-mk .cl-cont .dgglist dt { width:124px; height:116px; font-weight: bold; border:1px solid #e1e8ed; color: #2460d8; } .colum-pwr-spt-mk .cl-cont .dgglist dd { padding-top:8px; color: #458fe6; font-size:11px; letter-spacing:-1px; } /* 광고 마케팅 */ .colum-pwr-spt-mk #funcMarketing { padding-top: 14px; } .colum-pwr-spt-mk .cl-cont .mklist { zoom: 1; overflow: hidden; margin-left: 21px; width: 640px; } .colum-pwr-spt-mk .cl-cont .mklist li { float: left; width: 138px; margin-right: 22px; } .colum-pwr-spt-mk .cl-cont .mklist .tmb { width: 136px; height: 136px; } .colum-pwr-spt-mk .cl-cont .mklist .tmb a, .colum-pwr-spt-mk .cl-cont .mklist .tmb img { display: block; width: 100%; height: 100%; } .colum-pwr-spt-mk .cl-cont .mklist dl { margin-top: 7px; text-align: center; } .colum-pwr-spt-mk .cl-cont .mklist dt, .colum-pwr-spt-mk .cl-cont .mklist dd { overflow: hidden; width: 100%; height: 15px; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; } .colum-pwr-spt-mk .cl-cont .mklist dt { font-weight: bold; color: #2460d8; } .colum-pwr-spt-mk .cl-cont .mklist dd { color: #444444; letter-spacing: 0; } /* 교육/창업 */ .colum-pwr-spt-mk .cl-cont .edu-list { zoom: 1; overflow: hidden; position: relative; } .colum-pwr-spt-mk .cl-cont .edu-list dt, .colum-pwr-spt-mk .cl-cont .edu-list dd { position: relative; float: left; } .colum-pwr-spt-mk .cl-cont .edu-list dt { width: 70px; padding-top: 15px; padding-left: 15px; } .colum-pwr-spt-mk .cl-cont .edu-list dd { width: 134px; border-right: 1px solid #e7ecf2; } .colum-pwr-spt-mk .cl-cont .edu-list dd.last { border-right: 0; } .colum-pwr-spt-mk .cl-cont .edu-list .txt { display: block; letter-spacing: -1px; } .colum-pwr-spt-mk .cl-cont .edu-list .lnk { position: relative; display: inline-block; padding-right: 8px; font-weight: bold; color: #2361da; background: url(../img/main/bull_prm_links.gif) no-repeat right 50%; } .colum-pwr-spt-mk .cl-cont .edu-list .timg, .colum-pwr-spt-mk .cl-cont .edu-list .bimg { display: inline-block; width: 121px; height: 96px; } .colum-pwr-spt-mk .cl-cont .edu-list .timg span, .colum-pwr-spt-mk .cl-cont .edu-list .bimg span { position: absolute; display: inline-block; width: 121px; height: 86px; } .colum-pwr-spt-mk .cl-cont .edu-list .timg span { top: 2px; left: 0; } .colum-pwr-spt-mk .cl-cont .edu-list .bimg span { top: 96px; left: 0; } /* 디자인 */ .colum-pwr-spt-mk .cl-cont .dgn-wrap { zoom: 1; overflow: hidden; } .colum-pwr-spt-mk .cl-cont .dgn-list { padding: 12px 0 0 18px; } .colum-pwr-spt-mk .cl-cont .dgn-list dl { float:left; width:200px; margin-right:11px; } .colum-pwr-spt-mk .cl-cont .dgn-list dt, .colum-pwr-spt-mk .cl-cont .dgn-list dd { text-align: center; } .colum-pwr-spt-mk .cl-cont .dgn-list dt { margin-bottom: 11px; } .colum-pwr-spt-mk .cl-cont .dgn-list dt img { width:199px; height:134px; border:1px solid #e4e4e4; } .colum-pwr-spt-mk .cl-cont .dgn-list dd { width: 199px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 이전 */ .colum-pwr-spt-mk #funcTransfer { padding-top: 18px; } .colum-pwr-spt-mk #funcTransfer .trans-list li a img { border: 1px solid #e9e9e9; } .colum-pwr-spt-mk #funcTransfer .trans-list { zoom: 1; overflow: hidden; width: 640px; margin: 0 auto; } .colum-pwr-spt-mk .cl-cont .trans-list li { float: left; width: 213px; } .colum-pwr-spt-mk .cl-cont .trans-list .tmb { width: 208px; height: 128px; } .colum-pwr-spt-mk .cl-cont .trans-list .tmb a, .colum-pwr-spt-mk .cl-cont .trans-list .tmb img { display: block; width: 100%; height: 100%; } .colum-pwr-spt-mk .cl-cont .trans-list dl { margin-top: 7px; text-align: center; } .colum-pwr-spt-mk .cl-cont .trans-list dt, .colum-pwr-spt-mk .cl-cont .trans-list dd { overflow: hidden; width: 100%; height: 15px; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; } .colum-pwr-spt-mk .cl-cont .trans-list dt { font-weight: bold; color: #2460d8; } .colum-pwr-spt-mk .cl-cont .trans-list dd { color: #444444; letter-spacing: 0; } /* 해외 */ .colum-pwr-spt-mk #funcOverseas { padding-top: 14px; } .colum-pwr-spt-mk #funcOverseas .overseas-list li a img { border: 1px solid #cacaca; } .colum-pwr-spt-mk .cl-cont .overseas-list { zoom: 1; overflow: hidden; margin-left: 21px; width: 640px; } .colum-pwr-spt-mk .cl-cont .overseas-list li { float: left; width: 138px; margin-right: 22px; } .colum-pwr-spt-mk .cl-cont .overseas-list .tmb { width: 136px; height: 136px; } .colum-pwr-spt-mk .cl-cont .overseas-list .tmb a, .colum-pwr-spt-mk .cl-cont .overseas-list .tmb img { display: block; width: 100%; height: 100%; } .colum-pwr-spt-mk .cl-cont .overseas-list dl { margin-top: 7px; text-align: center; } .colum-pwr-spt-mk .cl-cont .overseas-list dt, .colum-pwr-spt-mk .cl-cont .overseas-list dd { overflow: hidden; width: 100%; height: 15px; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; } .colum-pwr-spt-mk .cl-cont .overseas-list dt { font-weight: bold; color: #2460d8; } .colum-pwr-spt-mk .cl-cont .overseas-list dd { color: #444444; letter-spacing: -1; } /* 피알메이트 */ .colum-pwr-spt-mk #funcPrmate { padding-top: 8px; } .colum-pwr-spt-mk .cl-cont .prmate-txt { height: 22px; line-height: 22px; margin-left: 23px; padding-left: 70px; background: url(../img/main/tit_prmate.gif) no-repeat 0 0; } .colum-pwr-spt-mk .cl-cont .prmate-txt strong { color: #ff0000; } .colum-pwr-spt-mk .cl-cont .prmate-list { zoom: 1; overflow: hidden; margin-left: 21px; width: 640px; } .colum-pwr-spt-mk .cl-cont .prmate-list li { float: left; width: 138px; margin-right: 22px; } .colum-pwr-spt-mk .cl-cont .prmate-list dl { margin-top: 5px; text-align: center; } .colum-pwr-spt-mk .cl-cont .prmate-list dt { width: 138px; height: 138px; } .colum-pwr-spt-mk .cl-cont .prmate-list dt img { width: 136px; height: 136px; border: 1px solid #cbd0cf; } .colum-pwr-spt-mk .cl-cont .prmate-list dd { overflow: hidden; width: 100%; height: 15px; line-height: 15px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; color: #444444; letter-spacing: -1; } /* 파워기능 */ .colum-pwr-spt-mk #funcPower { display: block; } /* 소셜기능 */ .colum-pwr-spt-mk #funcSocial { display: block; } .colum-pwr-spt-mk #funcSocial { zoom: 1; overflow: hidden; } .colum-pwr-spt-mk #funcSocial .dsc-l, .colum-pwr-spt-mk #funcSocial .dsc-r { float: left; width: 309px; padding: 0 10px; _padding: 0 5px 0 10px; } .colum-pwr-spt-mk #funcSocial .dsc-l { border-right: 1px solid #e7ecf2; } .colum-pwr-spt-mk #funcSocial .s-hd { position: relative; width: 100%; height: 18px; margin-top: 8px; padding-left: 5px; color: red; font-weight: bold; } .colum-pwr-spt-mk #funcSocial .s-hd .lnk, .colum-pwr-spt-mk #funcSocial .s-hd .num, .colum-pwr-spt-mk #funcSocial .s-hd .txt { position: absolute; top: 2px; right: 10px; color: #333; font-weight: normal; } .colum-pwr-spt-mk #funcSocial .s-hd .lnk { font-size: 11px; padding-right: 8px; background: url(../img/main/bul_arr_h5.gif) no-repeat 100% 40%; } .colum-pwr-spt-mk #funcSocial .s-hd .num { padding-left: 20px; background: url(../img/main/ico_star_h14.gif) no-repeat 0 0; letter-spacing: 0; } .colum-pwr-spt-mk #funcSocial .s-hd .tit, .colum-pwr-spt-mk #funcSocial .s-hd .txt { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .colum-pwr-spt-mk #funcSocial .s-hd .tit { width: 170px; color: #2460d8; } .colum-pwr-spt-mk #funcSocial .s-hd .txt { width: 130px; text-align: right; } .colum-pwr-spt-mk #funcSocial .slide-mt-wrap { position: relative; overflow: hidden; height: 99px; margin-top: 20px; } .colum-pwr-spt-mk #funcSocial .slide-sv-wrap { position: relative; overflow: hidden; height: 99px; margin-top: 20px; } .colum-pwr-spt-mk #funcSocial .slide-shop { position: absolute; zoom: 1; overflow: hidden; } .colum-pwr-spt-mk #funcSocial .rolling-shop { zoom: 1; position: relative; width: 309px; height: 99px; overflow: hidden; } .colum-pwr-spt-mk #funcSocial .rolling-shop .s-hd { margin-top: 0px; padding-bottom: 5px; border-bottom: 1px solid #dde6ec; } .colum-pwr-spt-mk #funcSocial .cont { zoom: 1; overflow: hidden; margin-top: 8px; padding: 5px 0; background-color: #f4f8f9; } .colum-pwr-spt-mk #funcSocial .cont li { float: left; width: 118px; padding-left: 35px; background: url(../img/main/bul_verline_h11.gif) no-repeat 100% 45%; } .colum-pwr-spt-mk #funcSocial .cont li.last { background: none; } .colum-pwr-spt-mk #funcSocial .cont li strong { display: inline-block; padding-left: 10px; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info { zoom: 1; overflow: hidden; margin: 10px 0 0 6px; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .thumb, .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .qrcode, .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .visual { float: left; height: 65px; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .thumb { width: 65px; margin-right: 10px; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .qrcode { width: 65px; margin-right: 10px; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .visual { position: relative; width: 138px; height: 53px; padding: 5px; border: 1px solid #e7d65a; background-color: #ffef8c; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .thumb img { width: 100%; height: 100%; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .qrcode img { width: 100%; height: 100%; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .visual .bull { position: absolute; top: 5px; left: -8px; width: 8px; height: 8px; background: url(../img/main/bul_layer_h8.gif) no-repeat 0 0; } .colum-pwr-spt-mk #funcSocial .dsc-l .shop-info .visual .ment { display: block; width: 138px; height: 53px; overflow: hidden; line-height: } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info { zoom: 1; overflow: hidden; margin: 10px 0 0 6px; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .thumb, .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info { float: left; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .thumb { width: 65px; height: 65px; margin-right: 10px; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .thumb img { width: 100%; height: 100%; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info { width: 228px; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .tit-price { zoom: 1; overflow: hidden; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .tit-price .tit, .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .tit-price .price { float: left; height: 16px; line-height: 16px; _height: 14px; _line-height: 14px; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .tit-price .tit { width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .tit-price .price { width: 70px; text-align: right; color: #7d8f9d; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .star-date { height: 12px; line-height: 12px; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .star-date .star img { vertical-align: top; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .star-date .date { color: #7d8f9d; font-size: 11px; letter-spacing: 0; } .colum-pwr-spt-mk #funcSocial .dsc-r .shop-info .info .desc { width: 100%; height: 28px; overflow: hidden; margin-top: 4px; font-size: 11px; line-height: 14px; } /* luv-w */ .colum-pwr-spt-mk .luv-w { overflow: hidden; width: 197px; padding: 0px 11px 0px 9px; border-left: 1px solid #e7ecf2; /* window zoom out */ margin-right: -40px; } /* hd */ .colum-pwr-spt-mk .luv-hd { position: relative; height: 30px; padding: 12px 0 0 5px; } .colum-pwr-spt-mk .luv-hd .more { position: absolute; right: 7px; top: 19px; } .colum-pwr-spt-mk .luv-hd h2 { zoom: 1; overflow: hidden; } .colum-pwr-spt-mk .luv-hd h2 a { float: left; } .colum-pwr-spt-mk .luv-hd h2 img, .colum-pwr-spt-mk .luv-hd h2 .num { float: left; } .colum-pwr-spt-mk .luv-hd h2 img { margin-right: 4px; } .colum-pwr-spt-mk .luv-hd h2 .num { position: relative; top: -5px; font-family: Helvetica; font-size: 21px; color: #ff2d18; font-weight: bold; padding-left:5px; } /* update */ .colum-pwr-spt-mk .luv-hd .update { position: absolute; right: 5px; top: 12px; padding-right: 11px; color: #7d8f9d; font-family: Tahoma; font-size: 10px; text-align: right; line-height: 1.25; background: url(../img/main/bull_luvmark_update.gif) no-repeat right 10px; } .colum-pwr-spt-mk .luv-hd .update dt { font-weight: bold; } .colum-pwr-spt-mk .luv-hd .update .more { position: absolute; left: 0px; top: 0px; width: 46px; height: 25px; } .colum-pwr-spt-mk .luv-hd .update .more a { display: block; overflow: hidden; width: 46px; height: 100%; background: #fff; opacity: 0; filter: alpha(opacity=0); } /* tab */ .colum-pwr-spt-mk .luv-tab { zoom: 1; overflow: hidden; margin-bottom: -1px; } .colum-pwr-spt-mk .luv-tab a { float: left; height: 20px; margin-right: -1px; line-height: 20px; font-size: 11px; text-align: center; color: #000; border: 1px solid #dce5ec; } .colum-pwr-spt-mk .luv-tab a.now { font-weight: bold; background-color: #daebfd; } .colum-pwr-spt-mk .luv-tab a.mon { width: 59px; } .colum-pwr-spt-mk .luv-tab a.new { width: 64px; } .colum-pwr-spt-mk .luv-tab a.accu { width: 70px; } /* luv-w */ .colum-pwr-spt-mk .luv-w ol { zoom: 1; overflow: hidden; display: none; } .colum-pwr-spt-mk .luv-w #luvTabCont_1 { display: block; } .colum-pwr-spt-mk .luv-w li { float: left; width: 189px; padding-left: 8px; border-top: 1px solid #e7ecf2; } .colum-pwr-spt-mk .luv-w li a { float: left; width: 100%; height: 29px; cursor: pointer; } .colum-pwr-spt-mk .luv-w li .num, .colum-pwr-spt-mk .luv-w li .txt, .colum-pwr-spt-mk .luv-w li .luv, .colum-pwr-spt-mk .luv-w li .rank { position: relative; float: left; } .colum-pwr-spt-mk .luv-w li a:hover { font-weight: bold; } .colum-pwr-spt-mk .luv-w li a:hover .num, .colum-pwr-spt-mk .luv-w li a:hover .luv, .colum-pwr-spt-mk .luv-w li a:hover .rank { font-weight: normal; } .colum-pwr-spt-mk .luv-w li .num { overflow: hidden; top: 10px; width: 14px; height: 13px; margin-right: 3px; font-size: 10px; font-family: tahoma; text-align: center; color: #fff; background-image: url(../img/main/bg_luvmark_num.gif); background-repeat: no-repeat; background-position: 0px -13px; } .colum-pwr-spt-mk .luv-w li .txt { top: 8px; overflow: hidden; width: 97px; white-space: nowrap; text-overflow: ellipsis; color: #333; letter-spacing: -1px; margin:0 10px 0 0; } .colum-pwr-spt-mk .luv-w li .luv { top: 8px; padding-left: 15px; width: 36px; font-size: 10px; font-family: Tahoma; color: #7c8f9d; background: url(../img/main/bull_luvmark_luv.gif) no-repeat 0px 2px; } .colum-pwr-spt-mk .luv-w li .rank { top: 8px; padding-left: 10px; width: 14px; font-size: 10px; font-family: Tahoma; color: #7c8f9d; } .colum-pwr-spt-mk .luv-w li .rank-up { background: url(../img/common/ico_h8_luv_up.gif) no-repeat 0 3px; } .colum-pwr-spt-mk .luv-w li .rank-dw { background: url(../img/common/ico_h8_luv_dw.gif) no-repeat 0 3px; } /* now */ .colum-pwr-spt-mk .luv-w li.now .num, .colum-pwr-spt-mk .luv-w li a:hover .num { background-position: 0px 0px; } .colum-pwr-spt-mk .luv-w li.now .txt { font-weight: bold; } /* ======================================================================== 하단 레이아웃 colum-3w ======================================================================== */ .colum-3w { zoom: 1; margin-top: 12px; } .colum-3w:after { content: ""; display: block; clear: both; } .colum-3w .colum1, .colum-3w .colum2, .colum-3w .colum3 { float: left; } .colum-3w .colum1 { width: 217px; margin-right: 14px; } .colum-3w .colum2 { width: 418px; margin-right: 14px; } .colum-3w .colum3 { width: 217px; } /* ======================================================================== 고객센터, 자주묻는 질문 ======================================================================== */ .cscenter-w { height: 296px; padding: 13px 10px 4px; border: 1px solid #dce5ec; } /* 고객센터 */ .cscenter { background: url(../img/main/bg_cscenter.gif) no-repeat 144px 46px; } .cscenter dl, .cscenter p { margin-left: 7px; line-height: 16px; word-spacing: -1px; } .cscenter .call:after { content:''; display:block; clear:both; } .cscenter .call { height:20px; line-height:20px; margin-left: 6px; } .cscenter .call dt { float:left; padding-right:7px; font-weight: bold; color: #222; letter-spacing: -1px; } .cscenter .call dd { float:left; font-weight: bold; color: #fd4e3d; letter-spacing: -1px; line-height:17px; font-size:12px; font-family:verdana; } .cscenter .time { margin-top: 7px; } .cscenter .time strong { color: #222; } .cscenter .fax { zoom: 1; overflow: hidden; } .cscenter .fax dt, .cscenter .fax dd { float: left; width: auto; } .cscenter .fax dt { margin-right: 5px; } .cscenter .email { margin-top: 13px; padding-top: 4px; text-align: center; border-top: 1px solid #dce5ec; } .cscenter .email a { display: inline-block; padding-left: 24px; letter-spacing: -1px; text-decoration: underline; color: #2460d8; background: url(../img/main/icon_cscenter_email.gif) no-repeat 0 2px; } /* 자주묻는질문 */ .faq-w { position: relative; height: 93px; margin-top: 7px; padding: 13px 0 0 12px; letter-spacing: -1px; border: 1px solid #d9e4ea; background-color: #f1f7f7; } .faq-w h2 { height: 20px; padding-left: 4px; font-weight: bold; color: #222; } .faq-w .frm { position: relative; width: 169px; height: 26px; background: url(../img/main/bg_faq_frm.gif) no-repeat 0 0; } .faq-w .frm .txt-input, .faq-w .frm button { position: absolute; background: none; } .faq-w .frm .txt-input { left: 5px; top: 3px; width: 132px; height: 19px; line-height: 19px; font-weight: bold; color: #333; border: 0; background: none; } .faq-w .frm button { overflow: hidden; display: block; position: absolute; right: 0px; top: 0px; width: 25px; height: 26px; text-indent: -9999px; } .faq-w .hlink { zoom: 1; overflow: hidden; margin-top: 7px; padding-left: 4px; } .faq-w .hlink li, .faq-w .hlink a { float: left; width: auto; } .faq-w .hlink li { margin-right: 10px; padding-right: 9px; padding-bottom: 3px; background: url(../img/common/bull_bar_h10_w1.gif) no-repeat right 2px; } .faq-w .hlink li.nbull { margin-right: 0; padding-right: 0; background: none; } .faq-w .hlink a { color: #676566; } .faq-w .hlink a:hover{ text-decoration: underline; } .faq-w .more { position: absolute; right: 13px; top: 14px; font-family: Tahoma; font-size: 9px; letter-spacing: 0; } .lv-bbs { zoom: 1; overflow: hidden; margin-top: 10px; font-size: 12px; } .lv-bbs li { float: left; width: 50%; margin-right: -1px; line-height: 1.25; } .lv-bbs li.nomem { height: 43px; border-left: 1px solid #dce5eb; /* window zoom out */ margin-right: -40px; } .lv-bbs li a { display: block; width: 100%; height: 43px; text-align: center; letter-spacing: -1px; } .lv-bbs li a strong { display: block; padding: 5px 0 3px; color: #666; } .lv-bbs li.mem strong { color: #ff2d18; } /* ======================================================================== 서비스 요금 안내 / 결제 ======================================================================== */ .fee-pay { overflow: hidden; width: 206px; height: 128px; margin-top: 4px; padding: 15px 0 0 9px; border: 1px solid #dce5ec; } .fee-pay h2 { height: 22px; margin-left: 6px; font-weight: bold; letter-spacing: -1px; color: #222; } .fee-pay ul { zoom: 1; overflow: hidden; width: 206px; } .fee-pay li { float: left; } .fee-pay .imgs li { margin-right: 10px; padding-left: 1px; } .fee-pay .txt { margin-top: 11px; } .fee-pay .txt li { width: 92px; height: 15px; text-align: center; } .fee-pay .txt li.first { padding-right: 5px; margin-right: 5px; border-right: 1px solid #dce5ec; } .fee-pay .txt li a { position: relative; display: inline-block; padding-right: 8px; letter-spacing: -1px; background: url(../img/main/bull_feepay.gif) no-repeat right 3px; } /* ======================================================================== 네임서버 ======================================================================== */ .n-server { z-index: 2; position: relative; height: 188px; margin-top: 4px; padding: 13px 9px 0 11px; border: 1px solid #dce5ec; } .n-server .help { position: absolute; right: 13px; top: 13px; padding-right: 7px; background: url(../img/main/bull_nserver_help.gif) no-repeat right 3px; } .n-server h2 { height: 23px; margin-left: 4px; font-weight: bold; letter-spacing: -1px; color: #222; } .n-server ul { zoom: 1; overflow: hidden; } .n-server li { float: left; width: 100%; height: 33px; padding-top: 5px; border-top: 1px solid #dce5ec; } .n-server dl { zoom: 1; position: relative; padding-left: 42px; line-height: 1.25; } .n-server dl dt { position: absolute; left: 0px; top: 8px; width: 38px; text-align: center; font-weight: bold; letter-spacing: -1px; color: #222; } .n-server dl dd { zoom: 1; overflow: hidden; font-family: Tahoma; } .n-server dl dd .txt { float: left; } .n-server dl dd .btns { float: right; padding-right: 4px; } /* 네임서버 설명 레이어 */ #layerNaverServerHelp { display: none; position: absolute; left: 0px; top: 0px; width: 379px; height: 193px; cursor: pointer; background: url(../img/main/layer_server_help.gif) no-repeat 0 0; } /* ======================================================================== 메이크샵 appdw-slide ======================================================================== */ .appdw-slide { position: relative; height: 113px; margin-top: 4px; letter-spacing: -1px; } /* tab */ .appdw-slide .tab { zoom: 1; overflow: hidden; } .appdw-slide .tab li, .appdw-slide .tab a { float: left; } .appdw-slide .tab li { position: relative; top: 6px; margin-right: -1px; } .appdw-slide .tab a { width: 107px; height: 17px; padding-top: 4px; text-align: center; letter-spacing: -1px; border: 1px solid #dce5ec; border-bottom: 1px solid #b8cad6; background-color: #f5f9fa; } .appdw-slide .tab li.last { margin-right: 0; } .appdw-slide .tab li.now { z-index: 1; top: 0; } .appdw-slide .tab li.now a { height: 17px; padding-top: 10px; font-weight: bold; color: #3060cc; border: 1px solid #b8cad6; border-bottom: 1px solid #fff; background-color: #fff; } .appdw-slide .app-cont { overflow: hidden; position: relative; display: none; height: 97px; border: 1px solid #dce5ec; border-top: 0; } /* cont */ /* 메이크샵 APP */ #appDwSlideApp { display: block; } #appDwSlideApp h2 { height: 26px; font-weight: bold; color: #222; } #appDwSlideApp .cont { padding-top: 15px; padding-left: 12px; overflow: hidden; position: relative; width: 197px; text-align: right; line-height: 1.25; } #appDwSlideApp .cont ul { } #appDwSlideApp .cont ul li { position: relative; float: left; width: 116px; min-height: 81px; _height: 81px; text-align: left; } #appDwSlideApp .cont dl { padding-left: 81px; margin-top: 1px; } #appDwSlideApp .cont dt { font-weight: bold; color: #444; } #appDwSlideApp .cont dd { margin-top: 3px; } #appDwSlideApp .icon { position: absolute; left: 0px; top: 2px; width: 64px; height: 64px; font-size: 0; line-height: 0; } #appDwSlideApp .icon img { width: 100%; height: 100%; } #appDwSlideApp .btn { margin-top: 5px; margin-left: 81px; } #appDwSlideApp button { z-index: 2; display: block; overflow: hidden; position: absolute; top: 13px; height: 13px; text-indent: -9999px; background-image: url(../img/btn/sp_slide_1.gif); background-repeat: no-repeat; } #appDwSlideApp .prev { left: 172px; width: 12px; background-position: 0px 0px; } #appDwSlideApp .next { left: 184px; width: 13px; background-position: -12px 0px; } /* 메이크샵 TOOL */ #appDwSlideTool { display: none; } #appDwSlideTool h2 { height: 26px; font-weight: bold; color: #222; } #appDwSlideTool .cont { padding-top: 15px; padding-left: 12px; overflow: hidden; position: relative; width: 197px; text-align: right; line-height: 1.25; } #appDwSlideTool .cont ul { } #appDwSlideTool .cont ul li { position: relative; float: left; width: 116px; min-height: 81px; _height: 81px; text-align: left; } #appDwSlideTool .cont dl { padding-left: 81px; margin-top: 1px; } #appDwSlideTool .cont dt { font-weight: bold; color: #444; } #appDwSlideTool .cont dd { margin-top: 3px; } #appDwSlideTool .icon { position: absolute; left: 0px; top: 2px; width: 64px; height: 64px; font-size: 0; line-height: 0; } #appDwSlideTool .icon img { width: 100%; height: 100%; } #appDwSlideTool .btn { margin-top: 5px; margin-left: 81px; } #appDwSlideTool button { z-index: 2; display: block; overflow: hidden; position: absolute; top: 13px; height: 13px; text-indent: -9999px; background-image: url(../img/btn/sp_slide_1.gif); background-repeat: no-repeat; } #appDwSlideTool .prev { left: 172px; width: 12px; background-position: 0px 0px; } #appDwSlideTool .next { left: 184px; width: 13px; background-position: -12px 0px; } /* ======================================================================== 도메인 검색 ======================================================================== */ #domainSch { position: relative; height: 73px; } #domainSch .frm, #domainSch .class, #domainSch .msg { position: absolute; } #domainSch .class { left: 56px; top: 9px; } #domainSch .msg { right: 16px; top: 14px; letter-spacing: -1px; } #domainSch .msg a { color: #2460D8; } #domainSch .frm { left: 0px; top: 35px; zoom: 1; overflow: hidden; } #domainSch .frm .www, #domainSch .frm .inputs, #domainSch .frm button { float: left; } #domainSch .frm .www { width: 53px; padding-top: 13px; text-align: center; font-weight: bold; font-size: 12px; color: #5490d0; font-family: Tahoma; } #domainSch .frm .inputs { position: relative; width: 298px; height: 34px; border: 2px solid #5c98f8; border-right: 1px solid #5c98f8; } #domainSch .frm button { overflow: hidden; width: 50px; height: 38px; line-height: 38px; font-weight: bold; color: #fff; font-size: 12px; border: 1px solid #61a0e3; background-color: #518bf6; } #domainSch .frm .inputs label, #domainSch .frm .inputs .txt-keyword { position: absolute; } #domainSch .frm .inputs label { left: 11px; top: 10px; font-size: 12px; } #domainSch .frm .inputs .txt-keyword { left: 8px; top: 7px; width: 289px; height: 21px; line-height: 21px; font-size: 14px; color: #000; font-weight: bold; border: 0; letter-spacing: -1px; opacity: 0; filter: alpha(opacity=0); } /* ======================================================================== 알림, 공지사항, 업그레이드, 이벤트 ======================================================================== */ #ntcBbsWrap { padding-top: 21px; } #ntcBbsWrap .hd { position: relative; height: 28px; border-bottom: 1px solid #b8cad6; } #ntcBbsWrap .hd h2 { position: absolute; left: 7px; top: 5px; font-size: 0; line-height: 0px; } /* tab */ #ntcBbsWrap .tab { position: absolute; left: 96px; bottom: -1px; zoom: 1; overflow: hidden; padding-right: 2px; } #ntcBbsWrap .tab li, #ntcBbsWrap .tab a { float: left; } #ntcBbsWrap .tab li { position: relative; top: 6px; margin-right: -1px; } #ntcBbsWrap .tab a { width: 68px; height: 17px; padding-top: 4px; text-align: center; letter-spacing: -1px; border: 1px solid #dce5ec; border-bottom: 1px solid #b8cad6; background-color: #f5f9fa; } #ntcBbsWrap .tab li.now { z-index: 1; top: 0; } #ntcBbsWrap .tab li.now a { height: 17px; padding-top: 10px; font-weight: bold; color: #222; border: 1px solid #b8cad6; border-bottom: 1px solid #fff; background-color: #fff; } /* cont-w */ #ntcBbsWrap .cont-w { height: 192px; } #ntcBbsWrap .bbs-cm { zoom: 1; position: relative; display: none; } #ntcBbsWrap .bbs-cm .more { position: absolute; right: 9px; top: -52px; } #ntcBbsWrap .day-cm { zoom: 1; overflow: hidden; position: relative; padding-left: 86px; } /* hd */ #ntcBbsWrap .day-cm h4, #ntcBbsWrap .day-cm .list { position: relative; float: left; } #ntcBbsWrap .day-cm h4 { left: -86px; overflow: hidden; width: 80px; margin-right: -86px; padding-top: 5px; font-family: Tahoma; font-size: 10px; } #ntcBbsWrap .day-cm h4 strong { margin-right: 2px; line-height: 14px; } #ntcBbsWrap .day-cm h4 span { font-size: 11px; } #ntcBbsWrap .day-cm .list { overflow: hidden; width: 100%; } /* today */ #ntcBbsWrap .today h4, #ntcBbsWrap .today h4 span { color: #ff4c3b; } /* list */ #ntcBbsWrap .day-cm .list li { position: relative; float: left; width: 100%; font-size: 12px; height: 24px; line-height: 24px; background:#fff url(../img/common/bbs_dot.gif) repeat-x 0 bottom; } #ntcBbsWrap .day-cm .list li.last { background:#fff url(../img/common/bbs_line.gif) repeat-x 0 bottom; } #ntcBbsWrap .day-cm .list dl { zoom: 1; overflow: hidden; padding-left: 19px; } #ntcBbsWrap .day-cm .list dt, #ntcBbsWrap .day-cm .list dd { position: relative; float: left; } #ntcBbsWrap .day-cm .list dt { left: -19px; overflow: hidden; width: 14px; height: 24px; margin-right: -19px; text-indent: -9999px; } #ntcBbsWrap .day-cm .list dd { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } #ntcBbsWrap .day-cm .list li dt.notice { background: url(../img/common/ico_h13_notice.gif) no-repeat 0 50%; } #ntcBbsWrap .day-cm .list li dt.event { background: url(../img/common/ico_h13_event.gif) no-repeat 0 50%; } #ntcBbsWrap .day-cm .list li dt.upgrade { background: url(../img/common/ico_h13_upgrade.gif) no-repeat 0 50%; } #ntcBbsWrap .day-cm .list li dt.all { background: url(../img/common/ico_h13_all.gif) no-repeat 0 50%; } /* today */ #ntcBbsWrap .today .list li dt.notice, #ntcBbsWrap .focus .list li dt.notice { background: url(../img/common/ico_h13_notice_on.gif) no-repeat 0 50%; } #ntcBbsWrap .today .list li dt.event, #ntcBbsWrap .focus .list li dt.event { background: url(../img/common/ico_h13_event_on.gif) no-repeat 0 50%; } #ntcBbsWrap .today .list li dt.upgrade, #ntcBbsWrap .focus .list li dt.upgrade { background: url(../img/common/ico_h13_upgrade_on.gif) no-repeat 0 50%; } #ntcBbsWrap .today .list li dt.all, #ntcBbsWrap .focus .list li dt.all { background: url(../img/common/ico_h13_all_on.gif) no-repeat 0 50%; } #ntcBbsWrap .day-cm .list dd a:hover { color: #333; font-weight: bold; letter-spacing: -1px; } /* 전체 */ #ntcBbsWrap #allBbs { display: block; } #ntcBbsWrap #allBbs h4 { font-size: 14px; } #ntcBbsWrap .cont-w .hot-issue { padding-top: 10px; } #ntcBbsWrap .cont-w .hot-issue:after { clear: both; display: block; content: ""; } #ntcBbsWrap .cont-w .hot-issue h3 { background: url(../img/common/ico_h19_hot_issue.gif) no-repeat 0 50%; float: left; width: 62px; height: 19px; text-indent: -9999px; margin-top: 3px; } #ntcBbsWrap .cont-w .hot-issue strong { background: url(../img/common/ico_h7_star.gif) no-repeat 4px 50%; border-top: 1px solid #E0E7ED; border-bottom: 1px solid #E0E7ED; display: block; float: left; width: 312px; padding-left: 23px; margin-left: 20px; line-height: 20px; padding-top: 3px; } #ntcBbsWrap .cont-w .hot-issue strong a { font-size: 12px; vertical-align: middle;} /* ======================================================================== 육성 - 몰테일센터, 교육센터, 영감센터 ======================================================================== */ #promote { z-index: 10; position: relative; padding-top: 2px; border-bottom: 1px solid #e3e7ea; } #promote .hd { position: relative; height: 26px; border-bottom: 1px solid #b8cad6; } #promote .hd h2 { position: absolute; left: 6px; top: 3px; font-size: 0; line-height: 0px; } /* tab */ #promote .tab { position: absolute; left: 96px; bottom: -1px; zoom: 1; overflow: hidden; padding-right: 2px; } #promote .tab li, #promote .tab a { float: left; } #promote .tab li { position: relative; top: 6px; margin-right: -1px; } #promote .tab a { width: 78px; height: 17px; padding-top: 4px; text-align: center; letter-spacing: -1px; border: 1px solid #dce5ec; border-bottom: 1px solid #b8cad6; background-color: #f5f9fa; } #promote .tab li.now { z-index: 1; top: 0; } #promote .tab li.now a { height: 17px; padding-top: 10px; font-weight: bold; color: #222; border: 1px solid #b8cad6; border-bottom: 1px solid #fff; background-color: #fff; } #promote .tab li.t01 a { width:140px; } /* cont-w */ #promote .cont-w { padding: 16px 0 0 20px; height: 136px; } #promote .promote-cont { overflow: hidden; position: relative; display: none; width: 100%; } #promote .promote-cont ul { zoom: 1; overflow: hidden; width: 400px; } #promote .promote-cont ul li { float: left; margin-right: 24px; } #promote .promote-cont ul .thumb img { height: 80px; } #promote .promote-cont ul dl { text-align: center; } #promote .promote-cont ul dt { overflow: hidden; margin-top: 11px; height: 19px; font-weight: bold; letter-spacing: -1px; color: #333; white-space: nowrap; text-overflow: ellipsis; } #promote .promote-cont ul dt em { font-weight: normal; color: #666; } #promote .promote-cont ul dt em.color-blue { color:#2460d8; } #promote .promote-cont ul dd { font-size: 0; line-height: 0; } #promote .promote-cont ul dd .btn-sp { margin-right: 4px; } /* 몰테일센터 */ #promote #mtCenter { display: block; } #promote #mtCenter ul li { width: 176px; } #promote #mtCenter ul .thumb img { width: 176px; } /* 교육센터 */ #promote #eduCenter ul li { width: 176px; } #promote #eduCenter ul .thumb img { width: 176px; } /* 영감센터 */ #promote #inspirationCenter ul li { width: 109px; } #promote #inspirationCenter ul .thumb img { width: 109px; } /* 촬영센터 */ #promote #photoGraphyCenter ul li { width: 176px; } #promote #photoGraphyCenter ul .thumb img { width: 176px; } /* ======================================================================== 리셀러, 플래너, 커넥티드, 소셜파트너 vBner ======================================================================== */ #vBner { zoom: 1; overflow: hidden; height: 115px; padding: 9px 0 0 6px; letter-spacing: -1px; } #vBner .tab, #vBner .cont { float: left; } #vBner .tab { width: 90px; height: 100px; padding-top: 11px; border-right: 1px solid #e1e8ee; } #vBner .tab li { float: left; width: 100%; height: 18px; } #vBner .tab li a { float: left; width: 100%; } #vBner .tab li.now { background: url(../img/main/bull_vbner_tab.gif) no-repeat right 3px; } #vBner .tab li.now a { font-weight: bold; color: #333; } #vBner .cont { position: relative; width: 320px; overflow: hidden; height: 115px; } #vBner .vbner-cont { position: relative; display: block; width: 320px; height: 115px; } #vBner .vbner-cont p { padding: 50px 0 0 20px;} #vBner .vbner-cont a { overflow: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 320px; height: 115px; text-indent: -9999px; background: #fff; opacity: 0; filter: alpha(opacity=0); } /* ======================================================================== 패션쇼핑몰 순위 ( 엣지북 추천 상점 ) ======================================================================== */ .shop-rank-w { position:relative; margin-top: 16px; width: 418px; } .shop-rank-w .hd { zoom: 1; position: relative; height:28px; padding-left:7px; border-bottom: 1px solid #b8cad6; } .shop-rank-w .hd:after { clear: both; content: ""; display: block; } .shop-rank-w .hd h2 { padding-top:5px; } .shop-rank-w .hd > a { position: absolute; right: 0; bottom: 5px; padding-right: 8px; background: url(../img/main/bull_w4_h6_arrow_over.png) no-repeat 100% 45%; color: #eb156d; font-size: 11px; font-weight: bold; letter-spacing: -1px; } .shop-rank-w .tab-list:after { clear: both; content: ""; display: block; } .shop-rank-w .tab-list { position: absolute; top:0; left:100px; height:29px; } .shop-rank-w .tab-list li, .shop-rank-w .tab-list a { float: left; } .shop-rank-w .tab-list li { position: relative; top: 6px; margin-right: -1px; } .shop-rank-w .tab-list a { width: 67px; height: 21px; line-height: 23px; text-align: center; letter-spacing: -1px; border: 1px solid #dce5ec; border-bottom: 1px solid #b8cad6; background-color: #f5f9fa; } .shop-rank-w .tab-list li.now { z-index: 1; top: 0; } .shop-rank-w .tab-list li.now a { height: 27px; line-height: 29px; font-weight: bold; font-size:12px; color: #eb156d; border: 1px solid #b8cad6; border-bottom: 1px solid #fff; background-color: #fff; } .shop-rank-w .cont-w { position:relative; overflow:hidden; height:258px; border-bottom:1px solid #dce5ec; background:#fff; } .shop-rank-w .cont-w .edge-cont { padding:10px 0 0 0; } .shop-rank-w .cont-w .cont-list { width:170px; } .shop-rank-w .cont-w .cont-list li { font-size:12px; background: url(../img/common/bbs_dot.gif) repeat-x 0 100%; } .shop-rank-w .cont-w .cont-list li.last { background: 0 none; } .shop-rank-w .cont-w .cont-list li a { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:24px; line-height:26px; padding:0 0 0 16px; background:url(../img/main/bull_w4_h6_arrow.png) no-repeat 6px 45%; } .shop-rank-w .cont-w .cont-list li.now a { color:#000; font-weight:bold; background:#eaedf2 url(../img/main/bull_w4_h6_black.gif) no-repeat 6px 45%; } .shop-rank-w .cont-w .cont-img { overflow:hidden; position:absolute; top:9px; right:0; width:241px; height:241px; border: 1px solid #dce5ec; } .shop-rank-w .cont-w .cont-img .img-list li { text-align: center; } .shop-rank-w .cont-w .cont-img .img-list li, .shop-rank-w .cont-w .cont-img .img-list li a { float:left; width:241px; height:241px; margin:0; } .shop-rank-w .cont-w .cont-img .img-list li img { width:241px; height:241px; } .shop-rank-w .cont-w #edgebook0 .cont-list { width: 92px; } .shop-rank-w .cont-w #edgebook0 .cont-list li a { height: 30px; line-height: 32px; } .shop-rank-w .cont-w #edgebook0 .cont-list li.now a { color:#ff2697; background:#ffeff9 url(../img/main/bull_w4_h6_arrow_over.png) no-repeat 6px 45%; } .shop-rank-w .cont-w #edgebook0 .cont-img { width: 318px; height: 226px; margin-top: 5px; } .shop-rank-w .cont-w #edgebook0 .cont-img .img-list li, .shop-rank-w .cont-w #edgebook0 .cont-img .img-list li a, .shop-rank-w .cont-w #edgebook0 .cont-img .img-list li img { width: 318px; } .shop-rank-w .cont-w #edgebook0 .cont-img .img-list li img { height: 158px; } .shop-rank-w .cont-w #edgebook0 .cont-img .img-list li span { display: block; color: #777; font-size: 12px; } .shop-rank-w .cont-w #edgebook0 .cont-img .img-list li span.tit { padding-top: 12px; color: #333; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #main_banner_edgebook { position: absolute; left: 231px; top: 1434px; width: 418px; height: 169px; } /* ======================================================================== 타사 이전센터 ======================================================================== */ #transCenter { margin-top: 5px; _margin: 0; } #transCenter .hd ul:after { clear: both; content: ""; display: block; } #transCenter .hd ul { zoom: 1; } #transCenter .hd ul li { float: left; width: 106px; _widht: 107px; height: 21px; line-height: 24px; _margin-top: 5px; border: 1px solid #dce5ec; text-align: center; background-color: #f5f9fa; } #transCenter .hd ul li.now { height: 27px; _height: 30px; line-height: 32px; _line-height: 30px; margin-top: -5px; _margin-top: 0; border-bottom: 0 none; background-color: #fff; } #transCenter .hd ul li.invi.now a { color: #518bf6; _color: #518bf6; font-weight: bold; } #transCenter .hd ul li.move.now a { color: #ff4d3b; font-weight: bold; } #transCenter .hd ul li.last { padding-right: 1px; } #transCenter .cont { height: 181px; _height: 165px; padding: 10px 7px 7px 7px; border: 1px solid #dce5ec; border-top: 0 none; } #transCenter .cont .msg1 { height: 18px; line-height: 20px; margin-top: 5px; margin-bottom: 15px; *margin-top: 5px; text-align: center; background-color: #e4f1f7; } /* 탭 - 타사이전센터 */ #invitaionCenter ul.invi-count { display: inline-block; margin-left: 26px; _margin-left: 21px; margin-bottom: 15px; _margin-bottom: 10px; height: 33px; line-height: 34px; } #invitaionCenter ul.invi-count li { float: left; font-size: 14px; font-weight: bold; } #invitaionCenter ul.invi-count li.num { width: 31px; height: 34px; padding-top: 8px; *padding-top: 0; _padding-top: 7px; margin: 0 2px; text-align: center; background: url("../img/main/bg_invitation_num.gif") no-repeat 0 0; } #invitaionCenter p.msg2 { display: inline; margin-top: 15px; } /* 탭 - 이사했어요! */ #inviList { display: none; } #inviList ul:after { clear: both; content: ""; display: block; } #inviList ul.list-category { width: 197px; margin-top: 5px; *margin-top: 10px; border: 1px solid #ffcbc6; } #inviList ul.list-category li { float: left; height: 20px; line-height: 22px; *line-height: 20px; letter-spacing: -1px; border-right: 1px solid #ffcbc6; text-align: center; vertical-align: middle; } #inviList ul.list-category li.category1 { width: 43px; } #inviList ul.list-category li.category2 { width: 50px; } #inviList ul.list-category li.category3 { width: 43px; } #inviList ul.list-category li.category4 { width: 58px; } #inviList ul.list-category li.now { font-weight: bold; border: 0 none; background-color: #ffe6e6; } #inviList ul.list-category li.last { border: 0 none; } #inviList .shop-list ul { margin-top: 5px; _margin-top: 2px; } #inviList .shop-list ul li { height: 28px; _height: 0; line-height: 32px; _line-height: 30px; padding-left: 40px; border-bottom: 1px solid #e6ecf1; background: url("../img/main/bull_arr-r_h13.gif") no-repeat 20px center; } #inviList .shop-list ul li.new-shop { background: url("../img/main/bull_new_h13.gif") no-repeat 20px center; } #inviList .shop-list ul li.last { border-bottom: 0 none; } #inviList .shop-list ul li a { color: #2460d8; } /* 151231 이사했어요! 디자인 변경 */ #inviList { overflow: hidden; position: relative; height:178px; letter-spacing:-1px; } #inviList a { outline:none; } #inviList .shop-wrapper { overflow: inherit; width:140px; } #inviList .shop-wrapper ul li { position: relative; float: left; width:140px; text-align:center; } #inviList p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 14px; } #inviList p.tit { height:20px; line-height:22px; color:#000; font-weight:bold; font-size:12px; } #inviList p.siteurl { margin-bottom:10px; color:#2460da; text-decoration:underline; font-size:12px; } #inviList .thumb { width:140px; height:90px; } #inviList .thumb img { display: block; width: 138px; height: 88px; border:1px solid #dce5ec; } #inviList button { z-index: 2; display:block; position: absolute; top:80px; height: 18px; text-indent: -9999px; outline:none; } #inviList .prev { left:11px; width:9px; background:url(../img/main/btn_w9_h18_prev.gif) no-repeat left 0; } #inviList .next { right:11px; width:9px; background:url(../img/main/btn_w9_h18_next.gif) no-repeat right 0; } #inviList .marq-shop { position:absolute; top:150px; left:0; width:200px; font-size:11px; color:#222; border-top:1px solid #dce5ec; text-align:left; } #inviList .marq-shop .list a:hover { font-weight:bold; } #inviList .marq-shop ul { overflow: hidden; margin: 0; padding: 0; list-style: none; width:1165px; position:absolute; top:12px; left:0px; } #inviList .marq-shop li { float: left; width:auto; text-align:center; } #inviList .marq-shop li a { margin:0 5px; } #inviList .simply-scroll-container { position: relative; } #inviList .simply-scroll-clip { position: relative; overflow: hidden; } #inviList .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } #inviList .simply-scroll-list li { padding: 0; margin: 0; list-style: none; } #inviList .simply-scroll { width: 160px; } #inviList .simply-scroll .simply-scroll-clip { width: 160px; } #inviList .simply-scroll .simply-scroll-list li { float: left; width:70px; text-align:center; } #inviList .simply-scroll .simply-scroll-list li a { margin:0 5px; } #inviList .marq-shop .more { z-index:10; position:absolute; top:13px; *top:12px; right:0px; } #inviList .marq-shop .more a { line-height:11px !important; } #inviList .marq-shop .bg { z-index:1; position:absolute; top:8px; right:-1px; width:80px; height:21px; background:url(../img/main/main_inviList_bg.png) no-repeat 0 0; } #fashion, #cosmetics, #life { display: none; } /* ======================================================================== 메이크샵 books ======================================================================== */ #makebooks { overflow: hidden; position: relative; height: 164px; margin-top: 4px; padding: 13px 9px 0px 11px; letter-spacing: -1px; border: 1px solid #dce5ec; } #makebooks .books-wrapper { width: 190px; overflow: hidden; zoom: 1; position: absolute; } #makebooks ul li { float: left; width: 195px; } #makebooks h2 { zoom: 1; overflow: hidden; height: 23px; padding: 0 4px; font-weight: bold; color: #222; border-bottom: 1px solid #dce5ec; } #makebooks .cont { position: relative; height: 116px; margin-top: 16px; margin-left: 7px; padding-right: 6px; text-align: right; background: url(../img/main/bg_makebooks_bar.gif) no-repeat 0 bottom; } #makebooks .cont .thumb { position: absolute; left: 11px; top: 0px; width: 78px; height: 100px; padding-right: 14px; background: url(../img/main/bg_makebooks_book.gif) no-repeat right 0; } #makebooks .cont .thumb img { width: 78px; height: 100px; } #makebooks .cont .info { zoom: 1; overflow: hidden; } #makebooks .cont .info dd { overflow: hidden; width: 75px; float: right; clear: both; line-height: 16px; text-align: left; } #makebooks .cont .info .name { height: 28px; } #makebooks .cont .author, #makebooks .cont .price { height: 14px; letter-spacing: 0; word-spacing: -2px; } #makebooks .cont .author { margin-top: 9px; } #makebooks .cont .buy { margin-top: 7px; font-size: 0; line-height: 0; } #makebooks button { display: block; overflow: hidden; position: absolute; top: 12px; height: 13px; text-indent: -9999px; background-image: url(../img/btn/sp_slide_1.gif); background-repeat: no-repeat; } #makebooks .prev { left: 172px; width: 12px; background-position: 0px 0px; } #makebooks .next { left: 184px; width: 13px; background-position: -12px 0px; } /* ======================================================================== 메이크샵 언론보도 ======================================================================== */ .make-speech { position: relative; height: 164px; margin-top: 4px; padding-top: 14px; letter-spacing: -1px; border: 1px solid #dce5ec; } .make-speech .more { position: absolute; right: 20px; top: 13px; } .make-speech h2 { height: 24px; margin-left: 15px; font-weight: bold; color: #222; } .make-speech .blink { zoom: 1; overflow: hidden; height: 23px; margin-left: 12px; margin-right: 12px; border: 2px solid #dbe4eb; } .make-speech .blink a { float: left; width: 82px; padding: 6px 0 4px; color: #2460D8; text-align: center; } .make-speech .blink a:hover { text-decoration: underline; } .make-speech .blink .first { width: 105px; background: url(../img/common/bull_bar_h10_w1.gif) no-repeat right 7px; } .make-speech ul { zoom: 1; overflow: hidden; height: 72px; margin-left: 13px; margin-right: 20px; padding-top: 12px; } .make-speech ul li { overflow: hidden; float: left; width: 100%; line-height: 14px; margin-bottom: 9px; } .make-speech ul a { display: block; padding-left: 10px; cursor: pointer; background: url(../img/common/bull_h2_sqr_lgray.gif) no-repeat 0 4px; } .make-speech ul strong { color: #444; margin-right: 5px; } .make-speech p { height: 20px; padding-top: 8px; text-align: center; border-top: 1px solid #dce5ec; background-color: #f1f7f7; } .make-speech p a { display: inline-block; padding-right: 10px; color: #FD3131; background: url(../img/common/bull_h6_arow_red.gif) no-repeat right 45%; } /* ======================================================================== 메이크샵 트윗세일 ======================================================================== */ .make-twtsale { overflow: hidden; position: relative; height: 99px; margin-top: 4px; padding: 13px 11px 0 9px; letter-spacing: -1px; border: 1px solid #dce5ec; overflow: hidden; } .make-twtsale .more { position: absolute; right: 18px; top: 13px; } .make-twtsale h2 { height: 22px; padding: 0 6px; font-weight: bold; color: #222;border-bottom: 1px solid #dce5ec; } .make-twtsale dl { zoom: 1; position: relative; padding-left: 58px; margin-top: 14px; margin-left: 7px; } .make-twtsale dt { overflow: hidden; width: 107px; height: 15px; padding: 2px 0 0 23px; font-weight: bold; color: #00a1e2; white-space: nowrap; text-overflow: ellipsis; background: url(../img/main/bull_twtsale.gif) no-repeat 0px 0px; } .make-twtsale dd.txt { overflow: hidden; word-wrap: break-word; margin-top: 2px; height: 30px; line-height: 14px; width: 130px;} .make-twtsale dd.pic { position: absolute; left: 0px; top: 0px; width: 48px; height: 48px; font-size: 0; line-height: 0; } .make-twtsale dd.pic a, .make-twtsale dd.pic img { width: 48px; height: 48px; } /* ======================================================================== DGG 적용쇼핑몰 ======================================================================== */ .make-dgg { overflow: hidden; position: relative; height: 99px; margin-top: 4px; padding: 13px 11px 0 9px; letter-spacing: -1px; border: 1px solid #dce5ec; overflow: hidden; } .make-dgg .more { position: absolute; right: 18px; top: 13px; } .make-dgg h2 { height: 22px; padding: 0 6px; font-weight: bold; color: #222;border-bottom: 1px solid #dce5ec; } .make-dgg .swiper-container { height: 60px; margin-top: 10px; } .make-dgg .dgg { } .make-dgg dl { zoom: 1; width: 108px; height: 60px; position: relative; padding-left: 85px; margin-left: 3px; } .make-dgg dt { line-height: 1.2em; overflow: hidden; width: 108px; padding: 2px 0 0 0; font-weight: bold; color: #00a1e2; white-space: nowrap; text-overflow: ellipsis; } .make-dgg dt span { display: block; color: #333; font-weight: normal; } .make-dgg dd.txt { overflow: hidden; word-wrap: break-word; margin-top: 10px; width: 85px;} .make-dgg dd.pic { position: absolute; left: 0px; top: 0px; width: 71px; height: 57px; font-size: 0; line-height: 0; } .make-dgg dd.pic a, .make-dgg dd.pic img { width: 100%; height: 100%; } /* ======================================================================== 태그스토리 ======================================================================== */ #tagStorySlide { overflow: hidden; position: relative; height: 69px; margin-top: 4px; padding: 14px 110px 0 14px; letter-spacing: -1px; border: 1px solid #dce5ec; } #tagStorySlide h2 { position: relative; z-index: 2; } #tagStorySlide .tag-wrapper { position: absolute; left: 14px; bottom: 14px; width: 190px; padding-top: 50px; overflow: hidden; } #tagStorySlide .tag-wrapper ul li { position: relative; float: left; width: 195px; } #tagStorySlide p { overflow: hidden; width: 50%; height: 30px; margin-top: 10px; line-height: 16px; word-wrap: break-word; } #tagStorySlide .thumb { position: absolute; right: 0px; bottom: 0px; width: 76px; height: 57px; } #tagStorySlide .thumb a, #tagStorySlide .thumb img { display: block; width: 76px; height: 57px; } #tagStorySlide button { z-index: 2; display: block; overflow: hidden; position: absolute; top: 15px; height: 13px; text-indent: -9999px; background-image: url(../img/btn/sp_slide_1.gif); background-repeat: no-repeat; } #tagStorySlide .prev { left: 84px; width: 12px; background-position: 0px 0px; } #tagStorySlide .next { left: 96px; width: 13px; background-position: -12px 0px; } /* ======================================================================== 피알메이트 ======================================================================== */ #prmateSlide { overflow: hidden; position: relative; height:126px; margin-top:5px; border: 1px solid #e0e3e8; letter-spacing:-1px; } #prmateSlide h2 { overflow:hidden; height:14px; line-height:14px; margin:11px 0 9px 0; padding:0 0 0 14px; color:#333; font-weight:bold; text-align:left; background:url(../img/main/tit_prmate.gif) no-repeat 16px top; } #prmateSlide h2 span { height:14px; line-height:18px; } #prmateSlide .tag-wrapper { overflow: inherit; width:169px; margin-left:23px; } #prmateSlide .tag-wrapper ul li { position: relative; float: left; width:169px; } #prmateSlide .thumb { width:132px; height:62px; margin-left:18px; } #prmateSlide .thumb img { display: block; width: 130px; height: 60px; border:1px solid #e1e1e1; } #prmateSlide p { overflow: hidden; margin-top:11px; white-space: nowrap; text-overflow: ellipsis; line-height: 14px; } #prmateSlide p.tit { display:none; color:#3278e7; } #prmateSlide p.tit a { color:#3278e7; font-weight: bold; letter-spacing: -1px; } #prmateSlide button { z-index: 2; display:block; position: absolute; top:53px; height: 18px; text-indent: -9999px; } #prmateSlide .prev { left:11px; width:9px; background:url(../img/main/btn_w9_h18_prev.gif) no-repeat left 0; } #prmateSlide .next { right:11px; width:9px; background:url(../img/main/btn_w9_h18_next.gif) no-repeat right 0; } .mbanner-center { margin-top:8px; border:1px solid #e0e3e8; } /* ======================================================================== 스타쇼핑몰, 해외진출쇼핑몰, 언론속 쇼핑몰 ======================================================================== */ #shopTab { float:left; width:649px; margin-top: 15px; } /* tab */ #shopTab .tab-list { zoom: 1; overflow: hidden; border-bottom:5px solid #fe4d3b; background:url(../img/main/bg_shoptab_tab.gif) no-repeat 0 0; } #shopTab .tab-list li, #shopTab .tab-list a.tlink { position: relative; } #shopTab .tab-list li { float: left; } #shopTab .tab-list .str { width: 218px; } #shopTab .tab-list .rec { width: 215px; } #shopTab .tab-list .spe { width: 216px; } #shopTab .tab-list a.tlink { overflow:hidden; display: block; height: 41px; letter-spacing: -1px; } #shopTab .tab-list a .txt { position: absolute; top: 14px; *top:13px; left: 13px; font-weight: bold; color: #fff; font-size: 12px; cursor: pointer; } #shopTab .tab-list .dsc { position: absolute; top: 13px; right: 16px; letter-spacing:-1px; color:#fff; } #shopTab .tab-list .btn-more { position: absolute; top: 14px; right: 10px; } /* now */ #shopTab .tab-list .now a.tlink { background-color: #518bf6;} #shopTab .tab-list .now .txt { color: #fff; } #shopTab .tab-list .now .dsc { color: #fff; } /* tab content */ #shopTab .shop-cont { display: none; position: relative; min-height: 230px; _height: 230px; border:1px solid #d0d0d0; border-top:0; } /* 스타샵 */ #starShop { } /* roll-w */ #starShop .roll-w-wrap { z-index:100; position:absolute; top:0; left:0; height:58px; width:647px; border-bottom:1px solid #91969f; background-color:none; } #starShop .roll-w { overflow: hidden; width: 550px; height: 67px; margin-left:48px; } #starShop .roll-w li a, #starShop .roll-w li img { width: 55px; height: 58px; } #starShop .roll-w li, #starShop .roll-w a { float: left; } #starShop .roll-w li { width:55px; height:67px; font-size: 0; line-height: 0; } #starShop .roll-w li.now { background:url(../img/main/ico_shoptab_arrow.png) no-repeat 20px 59px; } /* ctrl */ #starShop button { overflow: hidden; z-index:100; display: block; position: absolute; top: 0; width: 43px; height: 58px; text-indent: -9999px; background:url(../img/main/btn_shoptab_starshop.gif) no-repeat 0 0; } #starShop .prev { left: 0; background-position: 0px 0px; } #starShop .next { right: 0; background-position: -43px 0px; } /* show */ #starShop .show { font-size: 0; line-height: 0; } #starShop .show, #starShop .show a, #starShop .show img { width: 647px; height: 230px; } /* 해외진출 쇼핑몰 */ #makeglobShop { position: relative; padding-left:12px; } #makeglobShop h3 { height:32px; margin:0; padding:0 0 0 17px; line-height:33px; font-size:12px; color:#4c4c4c; letter-spacing:-1px; } #makeglobShop h3 .point-blue { color:#518bf6; } /* roll-w */ #makeglobShop .roll-w { overflow: hidden; position: absolute; top:0; left:217px; width: 430px; } #makeglobShop .roll-w ul { zoom: 1; overflow: hidden; } #makeglobShop .roll-w li { float: left; width: 215px; } #makeglobShop .roll-w .thumb { width: 215px; height: 230px; } #makeglobShop .roll-w .thumb img, #makeglobShop .roll-w .thumb a { display: block; width:215px; height:230px; font-size:0; } #makeglobShop .roll-w dl { display:none; } /* key-sch */ #makeglobShop .key-sch { width: 192px; height: 156px; } #makeglobShop .k-w { overflow: hidden; width:192px; height:156px; } #makeglobShop .k-w ul { zoom: 1; } #makeglobShop .k-w li { position:relative; float: left; height:38px !important; padding-left:80px; border-bottom:1px solid #dcdcdc; } #makeglobShop .k-w li .ico-glob { display:block; position:absolute; top:7px; left:10px; width:48px; height:24px; background:url(../img/main/ico_glob.gif) no-repeat 0 0; vertical-align:middle; } #makeglobShop .k-w li .ico-dgg { display:block; position:absolute; top:11px; left:10px; width:48px; height:17px; background:url(../img/main/ico_okdgg.gif) no-repeat 0 0; vertical-align:middle; } #makeglobShop .k-w a { overflow:hidden; float: left; width:102px; height:38px; padding: 0 0 0 7px; font-size: 12px; letter-spacing: -1px; line-height: 42px; white-space: nowrap; background:url(../img/main/bg_makeglobshop_arrow.gif) no-repeat 0 17px; text-overflow:ellipsis; } #makeglobShop .k-w a.now { color: #ff4d3b; font-weight:bold; background:url(../img/main/bg_makeglobshop_arrow_on.gif) no-repeat 0 17px; } #makeglobShop .k-w a.now .ico-new { display:inline-block; width:11px; height:13px; *height:14px; margin-left:6px; background:url(../img/main/ico_shoptab_new.gif) no-repeat 0 0; vertical-align:middle; } /* ctrl */ #makeglobShop button { overflow: hidden; display: block; text-indent: -9999px; background:url(../img/main/btn_shoptab_makeglobshop.gif) no-repeat; } #makeglobShop .rbtn { width: 192px; height: 16px; } #makeglobShop .r-prev { background-position: 0px 0px; } #makeglobShop .r-next { background-position: 0px -16px; } /* 언론 속 쇼핑몰 */ #speechShop { position: relative; padding-left:12px; } /* roll-w */ #speechShop .roll-w { overflow: hidden; position: absolute; top:0; left:217px; width: 430px; } #speechShop .roll-w ul { zoom: 1; overflow: hidden; } #speechShop .roll-w li { float: left; width: 215px; height:230px; } #speechShop .roll-w li.now { background:#ededed; } #speechShop .roll-w li.now .name dd { color:#ff4d3b; } #speechShop .roll-w dl { width:181px; margin:0 auto; line-height: 1.25; word-wrap: break-word; } #speechShop .roll-w .name dd { padding-top:15px; font-size:12px; color: #000; text-align:center; } #speechShop .roll-w .thumb { width: 179px; height: 126px; margin:5px auto 10px auto; border: 1px solid #dce5ec; } #speechShop .roll-w .thumb img, #speechShop .roll-w .thumb a { display: block; width: 179px; height: 126px; } #speechShop .roll-w .date { margin-top: 3px; } #speechShop .roll-w .date dd { color: #7c8f9d; } #speechShop .roll-w .url-dsc { margin-top: 5px; } #speechShop .roll-w .url-dsc dd a { color: #2460d8; } /* key-sch */ #speechShop .key-sch { width: 192px; height: 180px; padding-top:25px; } #speechShop .k-w { overflow: hidden; width:192px; height:180px; } #speechShop .k-w ul { zoom: 1; } #speechShop .k-w li { float: left; width:192px; height:35px !important; padding-left:10px; border-bottom:1px solid #dcdcdc; } #speechShop .k-w a { float: left; height:35px; padding: 0 0 0 7px; font-size: 12px; letter-spacing: -1px; line-height: 39px; *line-height:38px; white-space: nowrap; background:url(../img/main/bg_speechshop_arrow.gif) no-repeat 0 15px; } #speechShop .k-w a.now { color: #ff4d3b; font-weight:bold; background:url(../img/main/bg_speechshop_arrow_on.gif) no-repeat 0 15px; } #speechShop .k-w a.now .ico-new { display:inline-block; width:11px; height:13px; *height:14px; margin-left:6px; background:url(../img/main/ico_shoptab_new.gif) no-repeat 0 0; vertical-align:middle; } /* ctrl */ #speechShop button { overflow: hidden; display: block; position: absolute; text-indent: -9999px; background:url(../img/main/btn_shoptab_speechshop.gif) no-repeat; } #speechShop .rbtn { width: 192px; height: 16px; } #speechShop .r-prev { top:9px; background-position: 0px 0px; } #speechShop .r-next { background-position: 0px -16px; } #shopTab #starShop { display: block; } /* ======================================================================== 기업형 추천쇼핑몰, 소호형 소호쇼핑몰 ======================================================================== */ #mallTab { float:left; width:217px; margin:15px 0 0 14px; } #mallTab:after { clear: both; content: ""; display: block; } /* tab */ #mallTab .tab-list { zoom: 1; } #mallTab .tab-list:after { clear: both; content: ""; display: block; } #mallTab .tab-list li, #mallTab .tab-list a.tlink { width:217px; } #mallTab .tab-list li { position: relative; float: left; } #mallTab .tab-list a.rec { background:#fe6150; } #mallTab .tab-list a.rec .icon { width:48px; height:51px; background:url(../img/main/ico_malltab_recShop.png) no-repeat 0 0; } #mallTab .tab-list a.soho { display:block; background:#87c982; } #mallTab .tab-list a.soho .icon { width:48px; height:51px; background:url(../img/main/ico_malltab_sohoShop.png) no-repeat 0 0; } #mallTab .tab-list a.tlink { overflow:hidden; height: 46px; line-height:46px; letter-spacing: -1px; } #mallTab .tab-list a .txt { float: left; line-height: 50px; padding-left: 57px; font-weight: bold; color: #fff; font-size: 12px; cursor: pointer; } #mallTab .tab-list .dsc { position: absolute; top:0; right: 16px; height:46px; line-height:48px; padding-right:7px; letter-spacing:-1px; color:#fff; background:url(../img/main/ico_malltab_arrow.png) no-repeat 26px 20px; *background-position-y:21px; } #mallTab .tab-list .icon { position: absolute; top: -3px; left: 5px; letter-spacing:0; font-size:0; } /* tab content */ #mallTab .shop-cont { clear:both; position: relative; min-height: 232px; _height: 232px; } /* ctrl */ #mallTab button { overflow: hidden; z-index:100; display: none; position: absolute; top: 123px; width: 15px; height: 22px; text-indent: -9999px; background:url(../img/main/btn_malltab_arrow.gif) no-repeat 0 0; } #mallTab .prev { left: 0; background-position: 0px 0px; } #mallTab .next { right: 0; background-position: -15px 0px; } /* show */ #mallTab .roll-w { overflow: hidden; width: 215px; height:230px; } #mallTab .roll-w ul { zoom: 1; overflow: hidden; } #mallTab .roll-w li { width: 215px; height:220px; padding-top:10px; background:#f1f7f7; } #mallTab .roll-w dl { width:181px; margin:0 auto; line-height: 1.25; word-wrap: break-word; } #mallTab .roll-w .name { display:none; } #mallTab .roll-w .thumb { width: 182px; height: 154px; margin:0 auto 10px auto; border: 1px solid #dce5ec; } #mallTab .roll-w .thumb img, #mallTab .roll-w .thumb a { display: block; width: 182px; height: 154px; } #mallTab .roll-w .date { margin-top: 3px; } #mallTab .roll-w .date dd { color: #7c8f9d; } #mallTab .roll-w .url-dsc { margin-top: 5px; } #mallTab .roll-w .url-dsc dd a { color: #2460d8; } #mallTab .tab-list a.rec { display:block; } #mallTab #recShop { display: block; } /* ======================================================================== 정보통신망법 개정에 따른 주민번호 미수집 ======================================================================== */ /* 상단 */ #infoLaw { z-index: 0; position: relative; width: 880px; margin-top: 12px; margin-left: auto; margin-right: auto; padding-bottom: 13px; font-size: 12px; color: #000; letter-spacing: -1px; } #infoLaw .law-bne { height: 480px; background: url("../img/main/bg_info_law.jpg") no-repeat 0 0; } #infoLaw .tab-nav:after { clear: both; content: ""; display: block; } #infoLaw .tab-nav { margin-top: 28px; } #infoLaw .tab-nav li { float: left; padding: 10px 0px 8px; border-right: 2px solid #dfdfdf; border-bottom: 2px solid #dfdfdf; font-size: 14px; font-weight: bold; text-align: center; background-color: #f4f4f4; } #infoLaw .tab-nav li.now { border: 0 none; border-bottom: 2px solid #41444b; background-color: #41444b; } #infoLaw .tab-nav li.now a { color: #fff; } #infoLaw .tab-nav li.nav1 { width: 193px; } #infoLaw .tab-nav li.nav2 { width: 364px; } #infoLaw .tab-nav li.nav3 { width: 319px; } #infoLaw .tab-nav li a { display: block; } /* 공통 */ #infoLaw .infolaw-cont { margin: 28px; } #infoLaw .infolaw-cont h1 { margin-bottom: 20px; } #infoLaw .infolaw-cont h3 { margin-top: 18px; font-weight: bold; letter-spacing: -1.5px; } #infoLaw p.set-loc { margin-top: 8px; margin-left: 8px; font-weight: bold; } #infoLaw .f-red { color: #e40d1f; } #infoLaw .caution { font-weight: bold; color: #e40d1f; } #infoLaw .f-orange { color: #ff6000; } /* 정보통신망법이란? */ #infolawExplain ul.explain-info li.last { margin-top: 8px; } #infolawExplain ul.explain-c1 li { margin-left: 10px; } #infolawExplain .basis-law { margin-top: 7px; margin-left: 11px; padding: 14px; padding-bottom: 8px; border: 4px solid #41444b; } #infolawExplain .box1 dl.basis-c1, #infolawExplain .box1 dl.basis-c2 { margin-bottom: 25px; } #infolawExplain .box1 dl dd { margin-left: 8px; } #infolawExplain .box2 dd.last { margin-top: 20px; } #infolawExplain p.infolaw-link { margin-left: 12px; margin-top: 5px; font-weight: bold; color: #8894a3; } #infolawExplain p.infolaw-link a { color: #2271e8; vertical-align: bottom; } /* 정보통신망법 개정에 따른 설정 및 쇼핑몰 변경사항 */ #shopChange .template-set1 { height: 1805px; margin-bottom: 30px; background: url("../img/main/img_template_set1.jpg") no-repeat 8px 50px; } #shopChange .template-set2 { height: 1528px; margin-bottom: 30px; background: url("../img/main/img_template_set2.jpg") no-repeat 8px 30px; } #shopChange .adult-set { height: 395px; margin-bottom: 30px; background: url("../img/main/img_adult_set.jpg") no-repeat 8px 70px; } #shopChange .adult-set p.caution { margin-left: 8px; } /* 정보통신망법 개정에 따른 설정내용 확인 */ #setConfirm .confirm-info dl { margin-top: 20px; } #setConfirm .confirm-info dl dt { font-weight: bold; font-size: 14px; } #setConfirm .confirm-info dl dd { margin-left: 12px; } #setConfirm .confirm-info .bullet { padding-left: 8px; background: url("../img/main/bull_circle_wh4.gif") no-repeat 0 5px; } #setConfirm .confirm-info dl p { margin: 7px 0; margin-left: 8px; } #setConfirm .confirm-info dl.join-set dd.img { margin: 15px 0; margin-left: 50px; } #setConfirm .confirm-info dl.join-set dd span.pl14 { padding-left: 14px; } #setConfirm .confirm-info dl.join-set dd.join-set-way { margin-bottom: 25px; } #setConfirm .confirm-info dl.template-chg-set span.ml80 { margin-left: 80px; } #setConfirm .confirm-info dl.terms-set dl dt { margin-left: 12px; font-size: 12px; font-weight: normal; } #setConfirm .confirm-info dl.terms-set dd.ml25 { margin-left: 25px; } #setConfirm .confirm-info dl.terms-ex { margin-left: 20px; border: 4px solid #41444b; } #setConfirm .confirm-info dl.terms-ex dt { height: 30px; line-height: 30px; color: #fff; background-color: #41444b; } #setConfirm .confirm-info dl.terms-ex dd.ex-txt { margin: 10px; } #setConfirm .confirm-info div.admin-bne { margin: 15px 0; margin-left: 20px; height: 168px; background: url("../img/main/bne_admin_info_h168.jpg") no-repeat 0 0; } #setConfirm .confirm-info div.admin-bne ul { margin-bottom: 20px; padding-top: 200px; } #setConfirm .confirm-info div.admin-bne ul li a.cs-link { vertical-align: bottom; font-weight: bold; text-decoration: underline; } #setConfirm .confirm-info div.admin-bne p.person-link { margin-bottom: 30px; font-weight: bold; color: #8894a3; } #setConfirm .confirm-info div.admin-bne p.person-link a { color: #2271e8; }