/* 4science renewal css */ /* browser reset */ html, body { margin: 0; padding: 0; font-size: 100%; } div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; } /* body { line-height: 130%; } */ ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*input {vertical-align:middle;}*/ img {border:0;} a:link, a:visited {text-decoration:none; color:#636363;} button {border:none; padding:0; margin:0; background:transparent;} /* common */ body, td {color:#636363; font:12px/16px Dotum, Sans-serif;} .ir span, h1 span, h2 span, h3 span, h4 span, li span {display:block; overflow:hidden; position:relative; z-index:-1; height:12px; font-size:10px; *visibility:hidden;} hr.nohr {visibility:hidden; display:block; clear:both; margin-bottom:20px;} /* layout */ body {text-align:center; background:url("/Design/main/image/bodybg.png") 50% 0 repeat-x;} #wrap {position:relative; width:1070px; margin:0 auto; text-align:center; background:url("/Design/main/image/headerbar.jpg") -70px 98px no-repeat; *zoom:1;} #wrap:after {content:""; display:block; clear:both;} #wrap #header {position:relative; width:920px; height:183px; margin:0 auto; text-align:left;} #wrap #contents_wrap {position:relative; width:920px; margin:12px auto; text-align:left; *zoom:1;} #wrap #contents_wrap:after {content:""; display:block; clear:both;} #wrap #contents_wrap_main {position:relative; width:921px; margin:0 auto 12px auto; text-align:left; *zoom:1;} #wrap #contents_wrap_main:after {content:""; display:block; clear:both;} #footer {width:100%; height:160px; background:url("/Design/main/image/footer.png") repeat-x;} /* header */ #wrap #header .topmenu li {float:left;} #wrap #header .topmenu li a {display:block; background:url("/Design/main/image/topmenu.png") no-repeat;} #wrap #header .pagelink {position:absolute; top:6px;} #wrap #header .pagelink li.bookmark a {width:90px; background-position:0 0;} #wrap #header .pagelink li.homepagesc a {width:85px; background-position:-90px 0;} #wrap #header .mypagelink {position:absolute; top:6px; right:0;} #wrap #header .mypagelink li.login a {width:38px; background-position:-186px 0;} #wrap #header .mypagelink li.register a {width:53px; background-position:-223px 0;} #wrap #header .mypagelink li.mypage a {width:63px; background-position:-276px 0;} #wrap #header .mypagelink li.order a {width:57px; background-position:-339px 0;} #wrap #header .mypagelink li.cart a {width:45px; background-position:-396px 0;} #wrap #header .mypagelink li.logout a {width:60px; background-position:100% 0;} #wrap #header h1 {padding:43px 0 12px 0;} #wrap #header form#mainsearch {position:absolute; top:47px; left:235px; width:470px; height:41px; background:url("/Design/main/image/mainsearch.png") no-repeat;} #wrap #header form#mainsearch div.select {display:none;} #wrap #header form#mainsearch div.mainsearchwordlabel {float:left; margin:10px 0 0 10px; z-index:100;} #wrap #header form#mainsearch div.mainsearchwordlabel * {z-index:100;} #wrap #header form#mainsearch select {width:92px; text-align:center; vertical-align:top; border:none;} #wrap #header form#mainsearch input#mainsearchword {width:240px; height:26px; border:solid 1px #fff; margin:5px 0; padding:3px; vertical-align:middle;} #wrap #header form#mainsearch input#mainsearchbtn {position:absolute; right:73px; width:43px; height:29px; border:0; text-indent:-100em; margin:5px 0 0 0; background:url("/Design/main/image/searchbtn.png") 0 -60px no-repeat;} #wrap #header form#mainsearch input#mainsearchopt {position:absolute; right:0; width:64px; height:40px; border:0; text-indent:-100em; background:url("/Design/main/image/searchbtn.png") 0 -20px no-repeat;} #wrap #header .cstcenter {position:absolute; top:60px; right:0;} #wrap #header .cstcenter li {float:left} #wrap #header .cstcenter li a {display:block; background:url("/Design/main/image/cstcenter.png") no-repeat;} #wrap #header .cstcenter li.psys a {width:62px;} #wrap #header .cstcenter li.psys a:hover {background-position:0 -14px;} #wrap #header .cstcenter li.print a {width:58px; background-position:-62px 0;} #wrap #header .cstcenter li.print a:hover {background-position:-62px -14px;} #wrap #header .cstcenter li.special a {width:59px; background-position:-120px 0;} #wrap #header .cstcenter li.special a:hover {background-position:-120px -14px;} #wrap #header .cstcenter li.cscenter a {width:51px; background-position:-178px 0;} #wrap #header .cstcenter li.cscenter a:hover {background-position:-178px -14px;} #wrap #header div.orderpaper a {display:block; width:193px; height:85px;} #wrap #header div.mileage a {position:absolute; top:98px; right:0; display:block; width:210px; height:85px; background:url("/Design/main/image/headerbar.jpg") -850px 0 no-repeat;} #wrap #header #gnb {position:absolute; top:98px; left:195px; width:509px;} #wrap #header #gnb li {float:left;} #wrap #header #gnb li a {display:block; height:48px; background:url("/Design/main/image/gnb.jpg") no-repeat;} #wrap #header #gnb li.estimate a {width:101px; background-position:0 0;} #wrap #header #gnb li.estimate a:hover {background-position:0 -48px;} #wrap #header #gnb li.english a {width:84px; background-position:-101px 0;} #wrap #header #gnb li.english a:hover {background-position:-101px -48px;} #wrap #header #gnb li.recomm a {width:87px; background-position:-183px 0;} #wrap #header #gnb li.recomm a:hover {background-position:-183px -48px;} #wrap #header #gnb li.clickbuy a {width:100px; background-position:-266px 0;} #wrap #header #gnb li.clickbuy a:hover {background-position:-266px -48px;} #wrap #header #gnb li.ishop a {width:136px; background-position:-373px 0;} #wrap #header #gnb li.ishop a:hover {background-position:-373px -48px;} #copytextdiv {position:absolute; top:154px; left:236px; width:509px; text-align:center;} #copytextdiv #copytextdiv_div {position:relative; width:450px; height:18px; overflow:hidden;} #copytextdiv #copytextdiv_div #div {position:absolute; height:18px;} #copytextdiv #copytextdiv_div #ct_div1 {position:absolute; width:3400px; text-align:left;} #copytextdiv #copytextdiv_div #ct_div2 {position:absolute; width:3400px; text-align:left;} #copytextdiv #copytextdiv_div img {vertical-align:middle;} /* contents_wrap_main */ #contents_wrap_main #mainlnb {float:left; width:189px; height:786px; margin-top:12px; background:url("/Design/main/image/mainlnb.jpg") no-repeat;} #contents_wrap_main #mainlnb li {position:relative; *z-index:9; *zoom:1;} #contents_wrap_main #mainlnb li a span {height:auto;} #contents_wrap_main #mainlnb li#mainlnb01 a.mainlnb {display:block; width:189px; height:62px;} #contents_wrap_main #mainlnb li#mainlnb02 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb03 a.mainlnb {display:block; width:189px; height:45px;} #contents_wrap_main #mainlnb li#mainlnb04 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb05 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb06 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb07 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb08 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb09 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb10 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb11 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb12 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb13 a.mainlnb {display:block; width:189px; height:57px;} #contents_wrap_main #mainlnb li#mainlnb14 a.mainlnb {display:block; width:189px; height:51px;} #contents_wrap_main #mainlnb .lnbsub {position:absolute; left:167px; top:-17px; z-index:10; width:738px; padding:0; background:url("/Design/main/image/lnbsub.gif") no-repeat;} #contents_wrap_main #mainlnb .lnbsub h3 {width:657px; height:29px; margin:21px 0 6px 46px; border-bottom:solid 2px #9bd0dd; background:url("/Design/main/image/lnbsub_h3.png") no-repeat;} #contents_wrap_main #mainlnb #sublnb01 h3 {background-position:0 0;} #contents_wrap_main #mainlnb #sublnb02 h3 {background-position:0 -30px;} #contents_wrap_main #mainlnb #sublnb03 h3 {background-position:0 -60px;} #contents_wrap_main #mainlnb #sublnb04 h3 {background-position:0 -90px;} #contents_wrap_main #mainlnb #sublnb05 h3 {background-position:0 -120px;} #contents_wrap_main #mainlnb #sublnb06 h3 {background-position:0 -150px;} #contents_wrap_main #mainlnb #sublnb07 h3 {background-position:0 -180px;} #contents_wrap_main #mainlnb #sublnb08 h3 {background-position:0 -210px;} #contents_wrap_main #mainlnb #sublnb09 h3 {background-position:0 -240px;} #contents_wrap_main #mainlnb #sublnb10 h3 {background-position:0 -270px;} #contents_wrap_main #mainlnb #sublnb11 h3 {background-position:0 -300px;} #contents_wrap_main #mainlnb #sublnb12 h3 {background-position:0 -330px;} #contents_wrap_main #mainlnb #sublnb13 h3 {background-position:0 -360px;} #contents_wrap_main #mainlnb #sublnb14 h3 {background-position:0 -390px;} #contents_wrap_main #mainlnb .lnbsub ul {margin:0 0 0 13px; padding-bottom:24px; border-bottom:solid 2px #0069cb;} #contents_wrap_main #mainlnb .lnbsub li {margin:5px 33px; border-bottom:solid 1px #e6e6e6; *zoom:1;} #contents_wrap_main #mainlnb .lnbsub li.last {margin-bottom:0;} #contents_wrap_main #mainlnb .lnbsub li:after {content:""; clear:both; display:block;} #contents_wrap_main #mainlnb .lnbsub li p.dt {float:left; visibility:visible; height:auto; margin-right:20px; display:inline; font-size:12px; font-weight:bold; color:#0069cb;} #contents_wrap_main #mainlnb .lnbsub li p.dd {float:left; visibility:visible; width:auto; height:auto; font-size:12px;} #contents_wrap_main #mainlnb .lnbsub li p.dt a {display:inline; height:auto; color:#0069cb;} #contents_wrap_main #mainlnb .lnbsub li p.dt a:hover {text-decoration:underline;} #contents_wrap_main #mainlnb .lnbsub li p.dd a {display:inline; height:auto;} #contents_wrap_main #mainlnb .lnbsub li p.dd a:hover {text-decoration:underline;} #contents_wrap_main #mainflash {float:left; width:506px; height:406px; margin-top:-6px;} #contents_wrap_main .orderlist {float:left; width:226px; height:123px; margin:12px 0 7px 0; background:#6cb9b1;} #contents_wrap_main .orderlist li {float:left;} #contents_wrap_main .orderlist li a {display:block; width:105px; height:54px; background:url("/Design/main/image/orderlist.jpg") no-repeat;} #contents_wrap_main .orderlist li.orderlist01 a {margin:7px 1px 1px 7px;} #contents_wrap_main .orderlist li.orderlist01 a:hover {background-position:0 -109px;} #contents_wrap_main .orderlist li.orderlist02 a {width:105px; margin:7px 7px 1px 0; background-position:-107px 0;} #contents_wrap_main .orderlist li.orderlist02 a:hover {background-position:-107px -109px;} #contents_wrap_main .orderlist li.orderlist03 a {margin:0 1px 7px 7px; background-position:0 -55px;} #contents_wrap_main .orderlist li.orderlist03 a:hover {background-position:0 -164px;} #contents_wrap_main .orderlist li.orderlist04 a {width:105px; background-position:-107px -55px;} #contents_wrap_main .orderlist li.orderlist04 a:hover {background-position:-107px -164px;} #contents_wrap_main #sflash {float:left; width:226px; height:255px;} #contents_wrap_main .bestitem {float:left; width:726px; height:202px; margin:6px 0 0 5px; display:inline;} #contents_wrap_main .bestitem h3 {} #contents_wrap_main .bestitem li {float:left; margin-right:1px;} #contents_wrap_main .brandshop {float:left; width:544px; height:176px; margin:16px 3px 0 7px;} #contents_wrap_main .brandshop h3 {height:19px;} #contents_wrap_main .brandshop li {float:left; width:181px; height:80px; background:#fff;} #contents_wrap_main .brandshop li a {display:block; width:176px; height:74px; border:solid 1px #e0e0e0;} #contents_wrap_main .brandshop li a img {} #contents_wrap_main .brandshop li a:hover {width:172px; height:72px; border:solid 3px #50b948;} #contents_wrap_main .brandshop li a:hover img {width:172px; height:72px; } #contents_wrap_main .bestTHz {float:left; width:177px; height:158px; margin-top:35px;} #contents_wrap_main .stocksale {position:relative; float:left; width:460px; height:215px; background:url("/Design/main/image/stocksalemdschoice.png") no-repeat;} #contents_wrap_main .stocksale h3 {height:30px;} #contents_wrap_main .stocksale .stocksalediv {margin-left:16px;} #contents_wrap_main .stocksale ul {width:1070px; height:165px; overflow:hidden; margin:16px 0 0 0;} #contents_wrap_main .stocksale ul li {float:left; width:99px; margin:0 8px 8px 0; text-align:center; overflow:hidden;} #contents_wrap_main .stocksale ul li img {width:97px; height:97px; border:solid 1px #dadada;} #contents_wrap_main .stocksale ul li p {height:32px; overflow:hidden;} #contents_wrap_main .stocksale ul li p.price {height:16px; font-weight:bold; color:#50b948;} #contents_wrap_main .mdschoice {position:relative; float:right; width:460px; height:215px; background:url("/Design/main/image/stocksalemdschoice.png") 100% 0 no-repeat;} #contents_wrap_main .mdschoice h3 {height:30px;} #contents_wrap_main .mdschoice .mdschoicediv {margin-left:16px;} #contents_wrap_main .mdschoice ul {width:1070px; height:165px; overflow:hidden; margin:16px 0 0 0;} #contents_wrap_main .mdschoice ul li {float:left; width:99px; margin:0 8px 8px 0; text-align:center; overflow:hidden;} #contents_wrap_main .mdschoice ul li img {width:97px; height:97px; border:solid 1px #dadada;} #contents_wrap_main .mdschoice ul li p {height:32px; overflow:hidden;} #contents_wrap_main .mdschoice ul li p.price {height:16px; font-weight:bold; color:#50b948;} #contents_wrap_main .morebtn {position:absolute; top: 10px; right:15px; width:30px;} #contents_wrap_main .salelist {width:921px; height:689px; background:url("/Design/main/image/salelist.jpg") no-repeat;} #contents_wrap_main .salelist div {float:left; width:230px; height:229px;} #contents_wrap_main .salelist div h3 {height:34px;} #contents_wrap_main .salelist div h3 a {display:block; height:34px;} #contents_wrap_main .salelist div p {height:74px;} #contents_wrap_main .salelist div p a {display:block; height:74px;} #contents_wrap_main .salelist div p span {height:74px;} #contents_wrap_main .salelist div ul {margin-left:14px;} #contents_wrap_main .salelist div ul li {float:left; width:69px; height:119px;} #contents_wrap_main .salelist div ul li a {display:block; width:69px; height:119px;} #contents_wrap_main #recommfla {float:left; width:189px; height:338px; margin:22px 10px 0 0;} #contents_wrap_main .clicknbuy {position:relative; float:left; width:494px; height:352px; margin:9px 3px 0 0; background:url("/Design/main/image/clicknbuy.png") no-repeat;} #contents_wrap_main .clicknbuy h3 {height:46px;} #contents_wrap_main .clicknbuy ul {width:447px; margin:21px 23px 0 23px;} #contents_wrap_main .clicknbuy ul li {position:relative; float:left; width:148px; margin-bottom:20px;} #contents_wrap_main .clicknbuy ul li img {float:left; margin-right:3px; border:1px solid #ddd;} #contents_wrap_main .clicknbuy ul li span {height:auto; font-size:11px; letter-spacing:-0.25px; z-index:1; *visibility:visible;} #contents_wrap_main .clicknbuy ul li span.pname {display:block; width:75px; height:50px; overflow:hidden;} #contents_wrap_main .clicknbuy ul li span.price {font-weight:bold; color:#50b948;} #contents_wrap_main .clicknbuy ul li span.bsale {position:absolute; bottom:0; left:71px; width:50px; height:14px; text-indent:-100em; background:url("/Design/main/image/bsale.png") no-repeat;} #contents_wrap_main .clicknbuy p.morebtn {position:absolute; top:26px; right:24px; width:26px; height:8px;} #contents_wrap_main .bannerRolling01 {position:relative; float:left; width:225px; height:338px; margin-top:22px;} #contents_wrap_main .bannerRolling01 #bannerRolling01_div {width:225px; height:338px; overflow:hidden; } #contents_wrap_main .bannerRolling01 li.ir {position:absolute; z-index:1; width:225px; height:338px;} #contents_wrap_main .bannerRolling01 li#br0 a {display:block; width:225px; height:338px;} #contents_wrap_main .bannerRolling01 li#br1 a {display:block; width:225px; height:338px;} #contents_wrap_main .bannerRolling01 li#br2 a {display:block; width:225px; height:338px;} #contents_wrap_main .bannerRolling01 li#br3 a {display:block; width:225px; height:338px;} #contents_wrap_main .bannerRolling01 ul.btn {position:absolute; top:5px; right:5px; z-index:2;} #contents_wrap_main .bannerRolling01 ul.btn li {float:left;} #contents_wrap_main .bannerRolling01 ul.btn li button {height:19px;} #contents_wrap_main .bannerRolling02 {position:relative; float:left; width:189px; height:140px; margin-right:6px;} #contents_wrap_main .bannerRolling02 .bannerRolling02_div {width:189px; height:140px; overflow:hidden;} #contents_wrap_main .bannerRolling02 .rollingbtn {position:absolute; bottom:123px; right:5px; z-index:1;} #contents_wrap_main .ishop_div {position:relative; float:left; width:724px; height:140px; background:url("/Design/main/image/ishop.png") no-repeat;} #contents_wrap_main .ishop_div h3 {float:left; width:118px; height:140px;} #contents_wrap_main .ishop_div h3 a {display:block; width:118px; height:140px;} #contents_wrap_main .ishop_div #ishopdiv {float:right; position:relative; width:606px; height:140px; overflow:hidden;} #contents_wrap_main .ishop_div #ishopdiv #ishopdiv1, #contents_wrap_main .ishop_div #ishopdiv #ishopdiv2 {position:absolute; left:0; z-index:1; width:606px;} #contents_wrap_main .ishop_div #main2 {float:right;} .ishop_div #ishoptable {width:606px; *zoom:1;} .ishop_div #ishoptable:after {content:""; clear:both; display:block;} .ishop_div #ishoptable li {float:left; display:table-cell; width:148px; height:75px; text-align:center; vertical-align:middle; background:#fff; border:solid 1px #e0e0e0; margin:0 1px 1px 0;} .ishop_div #ishoptable li img {} #contents_wrap_main .ishop_div p {position:absolute; top:5px; left:95px; width:20px;} #contents_wrap_main .cscenter {position:relative; width:920px; height:274px; background:url("/Design/main/image/cscenter.gif") no-repeat;} #contents_wrap_main .cscenter .cscenterinfo {float:left; width:324px; height:274px;} #contents_wrap_main .cscenter h3 {height:39px;} #contents_wrap_main .cscenter .cscenterinfo ul li {float:left;} #contents_wrap_main .cscenter .cscenterinfo ul li a {display:block; width:81px; height:89px;} #contents_wrap_main .cscenter .payment {float:left; width:328px; height:274px;} #contents_wrap_main .cscenter .payment h3 {height:60px;} #contents_wrap_main .cscenter .payment ul li {float:left; width:164px; height:19px;} #contents_wrap_main .cscenter .payment ul li a {display:block; height:19px;} #contents_wrap_main .cscenter .news {float:left; width:265px;} #contents_wrap_main .cscenter .news ul {height:100px;} #contents_wrap_main .cscenter .qna {float:left; width:265px;} #contents_wrap_main .cscenter .newslist li {font-size:11px; background:url("/Design/main/image/newslist.png") 18px 5px no-repeat; padding-left:26px;} #contents_wrap_main .cscenter .morebtn {position:absolute; right:12px; background:url("/Design/main/image/btn_more.png") no-repeat;} #contents_wrap_main .cscenter .morebtn a {display:block; width:15px; height:15px;} #contents_wrap_main .cscenter .news .morebtn {top:15px;} #contents_wrap_main .cscenter .qna .morebtn {top:153px;} /* contents_wrap */ #contents_wrap .pageinfo {height:36px; margin-bottom:5px; border:solid 2px #689ccd; *zoom:1;} #contents_wrap .pageinfo:after {content:""; clear:both; display:block;} #contents_wrap .pageinfo h2 {float:left; width:186px; height:36px; background:url("/Design/main/image/h2_pageinfo.png") no-repeat;} #contents_wrap .pageinfo h2.maincate01 {background-position:0 0;} #contents_wrap .pageinfo h2.maincate02 {background-position:0 -36px;} #contents_wrap .pageinfo h2.maincate03 {background-position:0 -72px;} #contents_wrap .pageinfo h2.maincate04 {background-position:0 -108px;} #contents_wrap .pageinfo h2.maincate05 {background-position:0 -144px;} #contents_wrap .pageinfo h2.maincate06 {background-position:0 -180px;} #contents_wrap .pageinfo h2.maincate07 {background-position:0 -216px;} #contents_wrap .pageinfo h2.maincate08 {background-position:0 -252px;} #contents_wrap .pageinfo h2.maincate09 {background-position:0 -288px;} #contents_wrap .pageinfo h2.maincate10 {background-position:0 -324px;} #contents_wrap .pageinfo h2.maincate11 {background-position:0 -360px;} #contents_wrap .pageinfo h2.maincate12 {background-position:0 -396px;} #contents_wrap .pageinfo h2.maincate13 {background-position:0 -432px;} #contents_wrap .pageinfo ul.brd {float:left; background:url("/Design/main/image/brd.png") 10px 14px no-repeat; padding:8px; padding-left:18px;} #contents_wrap .pageinfo ul.brd li {float:left;} #contents_wrap .pageinfo ul.brd li * {vertical-align:top;} #contents_wrap .pageinfo ul.brd li select {width:120px; vertical-align:top; font-size:11px; font-family:dotum; color:#727272; border:solid 1px #e0e0e0;} #contents_wrap #lnb {float:left; width:194px; height:421px; background:url("/Design/main/image/lnb.jpg") no-repeat;} #contents_wrap #lnb li {position:relative; height:29px;} #contents_wrap #lnb li a {display:block; width:193px; height:29px;} #contents_wrap #lnb li.hlink {height:33px;} #contents_wrap #lnb li.hlink a {height:33px;} #contents_wrap #lnb li img.iconnew {position:absolute; left:44px; top:10px;} #contents_wrap .hitgoods {float:right; width:721px; height:244px; margin-bottom:6px; text-align:center; background:url("/Design/main/image/hitgoods_bg.png") no-repeat;} #contents_wrap .hitgoods h3 {height:30px;} #contents_wrap .hitgoods ul {width:685px; height:175px; margin:18px 18px 0 18px;} #contents_wrap .hitgoods ul li {float:left; width:119px; margin:0 9px; text-align:center; display:inline; overflow:hidden;} #contents_wrap .hitgoods ul li img {border:solid 1px #ddd;} #contents_wrap .hitgoods ul li h4 {font-weight:normal;} #contents_wrap .hitgoods ul li p.price {color:#50b948; font-weight:bold;} #contents_wrap .searchbox {float:right; width:721px; height:167px; background:url("/Design/main/image/searchbox_bg.png") no-repeat;} #contents_wrap .searchbox h3 {height:30px;} #contents_wrap .searchbox form {padding:25px 0 17px 20px;} #contents_wrap .searchbox form * {vertical-align:top;} #contents_wrap .searchbox form h4 {float:left; width:64px; height:12px; margin:2px 6px 0 0; background:url("/Design/main/image/searchbox_h3.png") no-repeat;} #contents_wrap .searchbox form h4.productsearch {background-position:0 0;} #contents_wrap .searchbox form h4.ishopsearch {background-position:0 -12px;} #contents_wrap .searchbox form input#productsearchword, #contents_wrap .searchbox form input#ishopsearchword {height:17px; width:255px; border:solid 1px #ddd;} #contents_wrap .searchbox form input.searchbtn {width:57px; height:20px; border:0; background:url("/Design/main/image/searchbtn.png") 0 0 no-repeat; text-indent:-100em;} #contents_wrap .searchbox form select {width:135px; height:17px; font-size:11px; font-family:Dotum; color:#727272; border:solid 1px #e0e0e0;} #contents_wrap .searchdiv {float:left; width:723px; height:270px; background:url("/Design/item/image/mainsearchr.png") no-repeat;} #contents_wrap .searchdiv h3 {height:50px;} #contents_wrap .searchdiv p.srn {text-align:center; padding:30px 0 30px 8px; background:url("/4science/Design/renewal/images/brd.png") 36% 50% no-repeat;} #contents_wrap .searchdiv p.srn strong.sr {color:#0167cc;} #contents_wrap .searchdiv form {margin:22px 0 0 25px;} #contents_wrap .searchdiv form label#lbl_searchmore{font-weight:bold;} #contents_wrap .searchdiv form p.ir {height:40px;} #contents_wrap .ishopsearchdiv {float:left; width:723px; height:147px; background:url("/Design/item/image/mainsearchr.png") 0 100% no-repeat;} #contents_wrap .ishopsearchdiv h3 {height:50px;} #contents_wrap .ishopsearchdiv p.ir {height:45px;} #contents_wrap .ishopsearchdiv form {margin:0 0 0 25px;} #contents_wrap form.searchform input#productsearchword, #contents_wrap form.searchform input#ishopsearchword {height:17px; width:300px; border:solid 1px #ddd;} #contents_wrap form.searchform input.searchbtn {width:57px; height:20px; border:0; background:url("/Design/main/image/searchbtn.png") 0 0 no-repeat; text-indent:-100em;} #contents_wrap form.searchform select {width:135px; height:17px; font-size:11px; font-family:Dotum; color:#727272; border:solid 1px #e0e0e0;} #contents_wrap .searchboxw {width:918px; height:167px; margin:16px 0; background:url("/Design/item_etc/image/searchboxw.png") no-repeat;} #contents_wrap .searchboxw h3 {height:30px;} #contents_wrap .searchboxw form {padding:23px 0 23px 20px;} #contents_wrap .searchboxw form * {vertical-align:top;} #contents_wrap .searchboxw form h4 {float:left; width:90px; height:12px; margin:2px 6px 0 0;} #contents_wrap .searchboxw form.searchform input#productsearchword, #contents_wrap .searchboxw form.searchform input#ishopsearchword {width:350px;} /* footer */ #footer ul.flink {width:920px; width:960px\9; margin:0 auto; background:url("/Design/main/image/flink.png") no-repeat; *zoom:1;} #footer ul.flink:after {content:""; display:block; clear:both;} #footer ul.flink li {float:left;} #footer ul.flink li a {display:block; height:31px;} #footer ul.flink li.flink01 a {width:106px;} #footer ul.flink li.flink02 a {width:67px;} #footer ul.flink li.flink03 a {width:104px;} #footer ul.flink li.flink04 a {width:63px;} #footer ul.flink li.flink05 a {width:45px;} #footer ul.flink li.flink06 a {width:65px;} #footer ul.flink li.flink07 a {width:66px;} #footer ul.flink li.flink08 a {width:87px;} #footer ul.flink li.flink09 a {width:86px;} #footer ul.flink li.flink10 a {width:86px;} #footer ul.flink li.flink11 a {width:46px;} #footer ul.flink li.flink12 a {width:62px;} #footer ul.flink li.flink13 a {width:68px;} #footer .finfo {position:relative; width:920px; width:960px\9; height:120px; margin:0 auto; background:url("/Design/main/image/finfo.jpg") no-repeat; *zoom:1;} #footer .finfo:after {content:""; display:block; clear:both;} #footer .finfo .certification {position:absolute; top:15px; right:0; right:40px\9; width:200px;} #footer .finfo .certification li {float:left; width:100px;} #footer .finfo .certification li a {display:block; width:95px; height:45px; background:url("/Design/main/image/finfo.jpg") 100% -15px no-repeat;} #footer .finfo .certification li.inicis a {background-position:-720px -15px;} #footer .finfo .certification li.hanaescrow a {background-position:-820px -15px;} /* quickmenu */ #quickmenu {position:absolute; right:0; width:70px; height:463px;} #quickmenu li a {width:70px;} #quickmenu li.mypage {margin-bottom:1px;} #quickmenu li.mycart {margin-bottom:5px;} #quickmenu li.mypage img, #quickmenu li.mycart img, #quickmenu li#recomm img, #quickmenu li#recomm input {vertical-align:middle;} #quickmenu li#recomm {margin-bottom:4px; padding-bottom:1px; border-top:none; background:#53bed9;} #quickmenu li#recomm #recommdiv img {border-bottom:solid 1px #dbdbdb;} /*img {border:0; vertical-align:middle !important;}*/ /* login */ div.login_div {width:920px; margin:0 auto;} div.login_div img {vertical-align:middle;} div.login_div h2 {margin:12px 0;} div.login_div h3 {margin:0; height:42px; visibility:hidden;} div.login_div div.mlogin {width:881px; height:144px; margin:40px auto 27px 20px; background:url("/Design/passport/image/mloginbg.gif") no-repeat; *zoom:1;} div.login_div div.nlogin {width:881px; height:133px; margin:0 auto 47px 20px; background:url("/Design/passport/image/nloginbg.gif") no-repeat; *zoom:1;} div.login_div div.login_input {float:left; width:280px; padding:26px 0 0 52px; *width:332px;} div.login_div div.nlogin div.login_input {width:419px; margin:0 0 0 220px; padding:0;} div.login_div div.login_input label {padding-right:17px; vertical-align:middle;} div.login_div div.login_input input {margin:2px;} div.login_div div.login_btn {float:left; padding:28px 0 0 0;} div.login_div div.nlogin div.login_btn {float:right; padding:0; margin:-30px 140px 0 0;} div.login_div div.mlogin:after {content:""; display:block; clear:both;} div.login_div div.nlogin:after {content:""; display:block; clear:both;} div.login_div input.login_input {height:17px; width:167px; border:solid 1px #7f9db9; } div.login_div div.nlogin .login_input {width:130px;} div.login_div div.nlogin label {padding:0 8px;} div.login_div div.login_select {width:419px; height:24px; margin:12px 0 8px 213px; padding:4px 0 0 35px; background:url("/Design/passport/image/nlogin_selectbg.gif") 0 50% no-repeat;} div.login_div div.login_select * {vertical-align:top;} div.login_div div.login_select img {vertical-align:middle;} div.login_div div.login_select label {padding-right:12px;} div.login_div ul.login_list {float:left; margin:18px 0 0 0; padding-left:36px; width:387px; *width:423px;} div.login_div ul.login_list li {list-style:none; background:url("/Design/passport/image/01_popup_icon_02.gif") 0 2px no-repeat; padding-left:16px; margin-bottom:5px; min-height:19px; line-height:160%; *zoom:1;} div.login_div ul.login_list li * {vertical-align:bottom;} div.login_div ul.login_list li img {vertical-align:middle; float:left;} div.login_div ul.login_list li a img {float:right;} div.login_div ul.jmlist {width:881px; margin:0 auto 0 20px;} div.login_div ul.jmlist li {list-style:none; float:left;} /* guide */ div.guide_div {width:721px; margin-bottom:60px;} div.guide_div h2 {margin:50px 0 0 8px;} div.guide_div p.h2main_image {} div.guide_div ul.guide_btnlist {width:100%; margin:30px 0 45px 16px; padding-left:0; *zoom:1;} div.guide_div ul.guide_btnlist:after {content:""; display:block; clear:both;} div.payment ul.guide_btnlist {margin-left:0;} div.guide_div ul.guide_btnlist li {list-style:none; float:left; margin-right:6px;} div.guide_div h4 {margin:30px 0 19px 6px;} div.guide_div p.guide_text {font:12px Dotum; color:#585858; padding-left:32px; background:url("/Design/customCenter/image/01_popup_icon_02.gif") 18px 0 no-repeat;} div.guide_div p.viewimg_div {margin:16px 0; background:url("/Design/customCenter/image/viewimg_div_arrow.gif") 50% 50% no-repeat; *zoom:1;} div.guide_div p.viewimg_div:after {content:""; display:block; clear:both;} div.guide_div p.viewimg_div a {float:right;} div.guide_div p.viewimg_div a.left {float:left;} div.payment p.viewimg_div {text-align:center;} div.guide_div ul.guide_text {padding-left:0; margin:12px 0;} div.guide_div ul.guide_text li {list-style:none; font:12px Dotum; color:#585858; padding: 0 0 5px 32px; background:url("/Design/customCenter/image/01_popup_icon_02.gif") 18px 2px no-repeat;} div.guide_div ul.guide_text li.no_bullet {list-style:none; background:none;} div.guide_div ol.settlement_text {width:682px; height:337px; margin-left:16px; padding-left:0; margin-top:20px; background:url("/Design/customCenter/image/ol_settlementbg.gif") no-repeat;} div.guide_div ol.settlement_text li {position:relative; list-style:none; height:65px;} div.guide_div ol.settlement_text li.l02 {height:80px;} div.guide_div ol.settlement_text li span {visibility:hidden;} div.guide_div ol.settlement_text li a {position:absolute; left:550px; top:21px;} div.guide_div ol.settlement_text li.l02 a {top:28px;} div.guide_div table.guidetable {border-collapse:collapse; border-spacing:0; border-top:solid 2px #91d252;} div.guide_div table.guidetable th {height:28px; padding:0 0 0 24px; border:solid 1px #E8E0EB; font-size:12px; text-align:left; background:#F3F9EB url("/Design/customCenter/image/ico_dot_rect.gif") 15px 50% no-repeat;} div.guide_div table.guidetable td {height:28px; padding:0 15px 0 15px; border:solid 1px #E8E0EB;} div.guide_div table.guidetable .nonbg th {background:#F3F9EB; text-align:center;} div.guide_div table.guidetable td.greenth {color:#349933; font-weight:bold;} div.guide_div table.guidetable td.greyth {font-weight:bold; padding:12px;} div.guide_div table.cter td {text-align:center;} div.guide_div table.cter td.greenth {padding:0;} /* 영문교정 게시판 */ table.bbs_service {border-top:2px solid #cb9cec;} table.bbs_service td {border:1px solid #E8E1E9; padding:5px 10px;} table.bbs_service td.item {padding-left:25px; background:#F7F2F9 url(/design/service/image/ico_dot_rect.gif) no-repeat 15px center;} table.bbs_service_w {border-top:2px solid #cb9cec; border-bottom:2px solid #cb9cec;} table.bbs_service_w td {padding:5px 10px; border-bottom:1px dashed #cecece;} table.bbs_service_w tr.no_bottom_line td {border-bottom:none;} table.bbs_service_w td.item {padding-left:25px; background:#F7F2F9 url(/design/service/image/ico_dot_rect.gif) no-repeat 15px center;} table.bbs_service_w td.no_item {background-color:#F7F2F9;} table.bbs_service_w td table td {padding:0; background:none;} /* related goods */ div#relatedgoods {width:186px; margin:10px auto; padding:0; border:solid 1px #e0e0e0; border-top:solid 4px #2186e4;} div#relatedgoods h3 {margin:5px 0 15px 5px;} div#relatedgoods ul {width:158px; margin:0 14px 15px 14px; padding:0; list-style:none; color:#797979;} div#relatedgoods ul li {margin:0 auto 15px auto; padding:0 0 14px 0; border-bottom:solid 1px #e0e0e0;} div#relatedgoods ul li.last {border:none; margin:0 auto; padding:0;} div#relatedgoods ul h4 {margin:0; text-align:center; font-size:12px;} div#relatedgoods ul p {margin:0; text-align:center;} div#relatedgoods ul p.price {font-weight:bold; color:#2286e3;} /* popup */ body.new_popup {margin:0; padding:0;} body.new_popup img {border:0; vertical-align:top;} #new_popup {width:440px; margin:0; font-size:12px; color:#585858; background:url("/Design/popup/image/popupbg.gif") no-repeat;} #new_popup h1 {margin:0; padding:30px;} #new_popup p.summary {margin: 0 0 20px 20px;} #new_popup p.select_div {margin:0 0 10px 20px;} #new_popup p.select_div * {vertical-align:middle;} #new_popup p.select_div select.searchselect {width:120px; padding:1px; border:solid 1px #7f9db9;} #new_popup p.select_div input#search_keyword {width:120px; border:solid 1px #7f9db9;} #new_popup table.itemlist {width:400px; margin-left:20px; font-size:12px; color:#585858; border-collapse:collapse; border-top:solid 2px #59c4b2;} #new_popup table.itemlist th {border:solid 1px #ddd; padding:5px; background:#e5f8f4;} #new_popup table.itemlist td {border:solid 1px #ddd; padding:5px; vertical-align:middle;} #new_popup table.itemlist td.select {text-align:center;} #new_popup input#dateno, #new_popup #postselect, #new_popup input#postno {width:120px; border:solid 1px #7f9db9;} #new_popup p.cbtn {text-align:center; font-size:13px;} #new_popup p.cbtn a {text-decoration:none; font-weight:bold; color:#585858;} #new_popup p.closs_btn {width:420px; height:30px; margin-left:8px; text-align:right; vertical-align:middle; background:url("/Design/popup/image/bg_close.gif") no-repeat;} #new_popup p.closs_btn span {visibility:hidden;} #new_popup p.closs_btn button {width:69px; margin:3px 7px 0 0; padding:0; border:0; background:transparent; vertical-align:middle;} #calendar {position:absolute; width:215px; height:180px; background:#fff; border:solid 1px #ddd;} #calendar .selectedmonth {padding:10px 0; text-align:center;} #calendar button {width:20px; height:20px; margin:0; padding:0; border:0; vertical-align:middle; background:transparent; vertical-align:middle;} #calendar h4 {display:inline; padding:0 40px; font-size:13px; color:#4a9ee4; vertical-align:middle;} #calendar table.calendar {width:183px; height:25px; margin:0 auto; border-collapse:collapse; font-size:12px; background:url("/Design/popup/image/bg_calendar.gif") no-repeat;} #calendar table.calendar th {visibility:hidden; height:25px; font-size:11px; padding:0; border:none;} #calendar table.calendar td {padding:3px 0; text-align:center; border:none; color:#9f9f9f; vertical-align:middle;} #calendar table.calendar td.sun {color:#4a9ee4;} #calendar table.calendar td.sat {color:#e49489;} #calendar table.calendar td.today {color:#fff; background:url("/Design/popup/image/bg_today.gif") 50% 50% no-repeat;}