/* BASIC css start */ #main .visual { zoom: 1; overflow: hidden; margin-bottom: 10px; } #main .visual:after { content: ""; display: block; clear: both; } #main .visual .symbol { float: left; } #main .visual .notice, #main .visual .attendance { float: right; } #main .visual .symbol { width: 560px; } #main .visual .notice, #main .visual .attendance { width: 200px; } #main .visual .notice { margin-bottom: 28px; } #main .visual .notice h2 { margin-bottom: 15px; } #main .visual .notice .notice-list li { margin-bottom: 5px; } #main .main-banner, #main .move-banner, #main .headline-banner, #main .step-banner { margin-bottom: 10px; } #main-top { position: relative; width: 995px; height: 492px; float: right; } #main-top>.main-video { position: relative; width: 559px; height: 313px; float: left; border-right:solid 10px #ffffff; } #main-top>.main-review { position: relative; width: 215px; height: 196px; float: left; overflow: hidden; } #main-top>.main-notice { position: relative; width: 215px; height: 105px; margin-top: 12px; float: left; overflow: hidden; } #main-top>.main-rightbanner { position: relative; width: 206px; height: 313px; float: right; background-color: #eeeeee } #main-top>.main-topbanner { width: 995px; height: 174px; top: 313px; } #main-top>.main-topbanner>.topbannerfirst { position: relative; width: 329px; height: 174px; background-color: #dddddd; float: left; margin-top: 5px;} #main-top>.main-topbanner>.topbannerlast { position: relative; width: 328px; height: 174px; background-color: #000000; float: left; margin-left: 5px; margin-top: 5px; } #main-middle { position: relative; width: 100%; margin: 0 auto; margin-top: 15px; } #main-middle>.main-rebrand { position: relative; width: 1200px; margin: 0 auto; } #main-middle>.main-rebrand .rebrand-topbar { position: relative; width: 1200px; padding-bottom: 10px; } #main-middle>.main-rebrand .rebrand-list { position: relative; width: 1200px; height: 680px; } #main-middle>.main-rebrand .rebrand-list li { width: 172px; height: 210px; float: left; text-align: center; } #main-middle>.main-rebrand .rebrand-list li .brand02:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; top: 210px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand02s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand03:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; top: 210px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand03s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand04:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; top: 210px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand04s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand05:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; top: 210px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand05s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand06:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; top: 210px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand06s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand07:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; top: 210px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand07s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand08:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; top: 210px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand08s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand09:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; bottom: 220px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand09s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand10:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; bottom: 220px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand10s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand11:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; bottom: 220px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand11s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand12:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; bottom: 220px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand12s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand13:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; bottom: 220px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand13s { width: 1198px; height: 248px; position: absolute; display: none; } #main-middle>.main-rebrand .rebrand-list li .brand14:hover>div { display:block; background-color: #ffffff; border: solid 1px #E8E8E8; bottom: 220px; right: 0px;} #main-middle>.main-rebrand .rebrand-list li .brand14s { width: 1198px; height: 248px; position: absolute; display: none; } #main-contents { position: relative; width: 1200px; top: 10px; padding-bottom: 20px; } #main-contents>.contents-topbar { position: relative; width: 1200px; padding-bottom: 10px; } #main-contents>.contents-list { position: relative; width: 1198px; height: 320px; border: solid 1px #dddddd; } #main-contents>.contents-list .conlist01 { position: absolute; width: 250px; height: 148px; background-color: #dddddd; top: 10px; left: 10px;} #main-contents>.contents-list .conlist01-01 { position: absolute; width: 250px; height: 147px; background-color: #dddddd; top: 163px; left: 10px;} #main-contents>.contents-list .conlist02 { position: absolute; width: 250px; height: 148px; background-color: #dddddd; top: 10px; left: 520px;} #main-contents>.contents-list .conlist03 { position: absolute; width: 250px; height: 147px; background-color: #dddddd; top: 163px; left: 520px;} #main-contents>.contents-list .conlist04 { position: absolute; width: 250px; height: 300px; background-color: #6b6b6b; top: 10px; left: 265px;} #main-contents>.contents-list .conlist05 { position: absolute; width: 415px; height: 300px; background-color: #6b6b6b; top: 10px; left: 775px;} .xans-photoslide2 .nivoSlider,.xans-photoslider-slide .nivoSlider{overflow:hidden;position:relative;margin:0 auto;background:#fff url("http://underfoot.co.kr/design/underfoot/img_ver03/top/img-loading.gif") no-repeat 50% 50%;} .xans-photoslide2 .nivoSlider img,.xans-photoslider-slide .nivoSlider img{position:absolute;top:0px;left:0px;display:none;} .xans-photoslide2 .nivoSlider a.nivo-imageLink,.xans-photoslider-slide .nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} .xans-photoslide2 .nivo-slice,.xans-photoslider-slide .nivo-slice{display:block;position:absolute;z-index:5;height:100%;} .xans-photoslide2 .nivo-box,.xans-photoslider-slide .nivo-box{display:block;position:absolute;z-index:5;} .xans-photoslide2 .nivo-caption ,.xans-photoslider-slide .nivo-caption{position:absolute;left:0px;bottom:0px;height:24px;padding:6px 0 0 0;background:url("http://underfoot.co.kr/design/underfoot/img_ver03/top/bg-title.png") 0 0 repeat-x;color:#3f3f3f;font-size:12px;line-height:180%;opacity:1;width:100%;z-index:8;} .xans-photoslide2 .nivo-caption p ,.xans-photoslider-slide .nivo-caption p{margin:0;padding:0 120px 0 11px;} .xans-photoslide2 .nivo-caption a,.xans-photoslider-slide .nivo-caption a{display:inline !important;color:#3f3f3f;} .xans-photoslide2 .nivo-html-captio,.xans-photoslider-slide .nivo-html-caption{display:none;} .xans-photoslide2 .nivo-directionNav a,.xans-photoslider-slide .nivo-directionNav a{display:block;overflow:hidden;position:absolute;top:50%;z-index:9;width:53px;height:51px;margin:-26px 0 0;background:url("http://underfoot.co.kr/design/underfoot/img_ver03/top/sfix-ico.png") 0 -23px no-repeat;text-indent:100%;white-space:nowrap;cursor:pointer;} .xans-photoslide2 .nivo-prevNav,.xans-photoslider-slide .nivo-prevNav{left:0;background-position:0 -23px;} .xans-photoslide2 .nivo-prevNav:hover,.xans-photoslider-slide .nivo-prevNav:hover{background-position:-63px -23px;} .xans-photoslide2 .theme-default .nivo-nextNav,.xans-photoslider-slide .theme-default .nivo-nextNav{right:0;background-position:0 -84px;} .xans-photoslide2 .theme-default .nivo-nextNav:hover,.xans-photoslider-slide .theme-default .nivo-nextNav:hover{background-position:-63px -84px;} .xans-photoslide2 .nivo-controlNav,.xans-photoslider-slide .nivo-controlNav {position:absolute; left: 168px; bottom:9px;z-index:11 } .xans-photoslide2 .nivo-controlNav a,.xans-photoslider-slide .nivo-controlNav a{overflow:hidden;position:relative;z-index:9;float:left;width:13px;height:13px;margin:0 0 0 7px;background:url("http://underfoot.co.kr/design/underfoot/img_ver03/top/sfix-ico.png") 0 0 no-repeat;text-indent:100%;white-space:nowrap;cursor:pointer;} .xans-photoslide2 .nivo-controlNav a.active ,.xans-photoslider-slide .nivo-controlNav a.active{background-position:-23px 0;} #main-middleproduct { position: relative; width: 1200px; display: inline-block; padding-bottom: 15px; } #main-middleproduct>.middproduct { position: relative; width: 875px; height: 660px; background-color: #dddddd; float: left; } #main-middleproduct>.midd-right01 { position: relative; width: 320px; height: 328px; background-color: #dddddd; float: right; } #main-middleproduct>.midd-right02 { position: relative; width: 320px; height: 327px; background-color: #eeeeee; float: right; top: 5px;} .midd-right02 .xans-photoslide2 .nivo-controlNav, .xans-photoslider-slide .nivo-controlNav { left: 115px; } .event_tab {width:875px;margin:0px auto;overflow:hidden;} .event_tab:after{clear:both; content:''; display:block; } .event_tab > ul{position:relative;clear:both; overflow:hidden;min-height:660px; background-color: #ffffff; } .event_tab > ul > li{float:left; width:125px;} .event_tab > ul > li > div.event_cnt{position:absolute;left:0px; overflow:hidden; height: 625px; width:875px; top: 35px; background:url('http://www.shoedr.co.kr/design/shoedr/ver2/main/main_cate_recommnet_pro_back.jpg'); } .event_tab > ul > li > div.event_cnt > ul {width:875px; overflow:hidden; clear:both;} .event_tab > ul > li > div.event_cnt > ul:after{clear:both; content:''; display:block; } .event_tab > ul > li > div.event_cnt > ul > li{float:left;padding-left:14px;} .event_tab > ul > li > div.event_cnt > ul > li:first-child{padding-left:0px;} .event_tab > ul > li > div.event_cnt > ul.list_set4 > li{float:left;padding-left:18px;} .event_tab > ul > li > div.event_cnt > ul.list_set4 > li:first-child{padding-left:0px;} .event_tab > ul > li > div.event_cnt > ul > li > a img { margin-top: 10px; margin-left: 17px; } #main-middlebocon { position: relative; width: 1198px; height: 600px; border: solid 1px #dddddd; } #main-middlebocon>.middlebocon01 { position: absolute; width: 220px; height: 580px; left: 10px; top: 10px; } #main-middlebocon>.middlebocon01>.bocon001 { position: absolute; width: 220px; height: 285px; top: 0px; background-color: #eeeeee } #main-middlebocon>.middlebocon01>.bocon002 { position: absolute; width: 220px; height: 285px; top: 295px; background-color: #eeeeee } #main-middlebocon>.middlebocon02 { position: absolute; width: 440px; height: 580px; left: 240px; top: 10px; } #main-middlebocon>.middlebocon02>.bocon000{ position: absolute; width: 440px; height: 25px; left: 0px; top: 0px; background-color: #eeeeee} #main-middlebocon>.middlebocon02>.bocon001 { position: absolute; width: 218px; height: 175px; left: 0px; top: 29px; background-color: #eeeeee} #main-middlebocon>.middlebocon02>.bocon002 { position: absolute; width: 218px; height: 175px; left: 222px; top: 29px; background-color: #eeeeee} #main-middlebocon>.middlebocon02>.bocon003 { position: absolute; width: 218px; height: 175px; left: 0px; top: 208px; background-color: #eeeeee} #main-middlebocon>.middlebocon02>.bocon004 { position: absolute; width: 218px; height: 175px; left: 222px; top: 208px; background-color: #eeeeee} #main-middlebocon>.middlebocon02>.bocon005 { position: absolute; width: 440px; height: 190px; left: 0px; top: 390px; background-color: #eeeeee} #main-middlebocon>.middlebocon03 { position: absolute; width: 270px; height: 580px; left: 690px; top: 10px; } #main-middlebocon>.middlebocon03>.bocon000{ position: absolute; width: 270px; height: 25px; top: 0px; background-color: #eeeeee} #main-middlebocon>.middlebocon03>.bocon001 { position: absolute; width: 270px; height: 107px; top: 29px; background-color: #eeeeee} #main-middlebocon>.middlebocon03>.bocon001 .topban020201h { position: absolute; width: 700px; height: 321px; display: none; top:0px; right: 260px; } #main-middlebocon>.middlebocon03>.bocon001:hover>.topban020201h { display: block; z-index: 100; } #main-middlebocon>.middlebocon03>.bocon002 { position: absolute; width: 270px; height: 107px; top: 140px; background-color: #eeeeee} #main-middlebocon>.middlebocon03>.bocon002 .topban020201h { position: absolute; width: 700px; height: 321px; display: none; top:-107px; right: 260px; } #main-middlebocon>.middlebocon03>.bocon002:hover>.topban020201h { display: block; z-index: 100; } #main-middlebocon>.middlebocon03>.bocon003 { position: absolute; width: 270px; height: 107px; top: 251px; background-color: #eeeeee} #main-middlebocon>.middlebocon03>.bocon003 .topban020201h { position: absolute; width: 700px; height: 321px; display: none; top:-107px; right: 260px; } #main-middlebocon>.middlebocon03>.bocon003:hover>.topban020201h { display: block; z-index: 100; } #main-middlebocon>.middlebocon03>.bocon004 { position: absolute; width: 270px; height: 107px; top: 362px; background-color: #eeeeee} #main-middlebocon>.middlebocon03>.bocon004 .topban020201h { position: absolute; width: 700px; height: 321px; display: none; bottom:-107px; right: 260px; } #main-middlebocon>.middlebocon03>.bocon004:hover>.topban020201h { display: block; z-index: 100; } #main-middlebocon>.middlebocon03>.bocon005 { position: absolute; width: 270px; height: 107px; top: 473px; background-color: #eeeeee} #main-middlebocon>.middlebocon03>.bocon005 .topban020201h { position: absolute; width: 700px; height: 321px; display: none; bottom:0px; right: 260px; } #main-middlebocon>.middlebocon03>.bocon005:hover>.topban020201h { display: block; z-index: 100; } #main-middlebocon>.middlebocon04 { position: absolute; width: 220px; height: 580px; left: 969px; top: 10px; } #main-middlebocon>.middlebocon04>.bocon001 { position: absolute; width: 220px; height: 285px; top: 0px; background-color: #eeeeee } #main-middlebocon>.middlebocon04>.bocon001 .xans-photoslide2 .nivo-controlNav,.xans-photoslider-slide .nivo-controlNav {position:absolute; left: 72px; bottom:9px;z-index:11; display: none } #main-middlebocon>.middlebocon04>.bocon002 { position: absolute; width: 220px; height: 285px; top: 295px; background-color: #eeeeee } #main-newpoduct { position: relative; width: 1200px; height: auto; margin-top: 10px; } #main-newpoduct>.newproduct-bar { position: relative; width: 1200px; height: 50px; } #main-newpoduct .item-info { zoom: 1; overflow: hidden; padding: 40px 0 5px 0; border-bottom: 1px solid #aaa; } #main-newpoduct .item-info:after { content: ""; clear: both; display: block; } #main-newpoduct .item-info .item-total { float: left; padding-left: 10px; background: url(/images/d3/dandy_style/common/bull_arrow_r.gif) no-repeat 0 50%; } #main-newpoduct .item-info .item-order { float: right; } #main-newpoduct .item-info .item-order li { float: left; padding-right: 5px; } #main-newpoduct .item-list .item { margin: 20px 0; } #main-newpoduct .item-list li { margin-bottom: 10px; text-align: center; } #main-newpoduct .item-list td { vertical-align: top; } #main-newpoduct .item-list .prd-thumb { width: 170px; height: 170px; margin-left: auto; margin-right: auto; } #main-newpoduct .item-list .prd-thumb img { width: 100%; height: 100%; } #main-newpoduct .item-list .prd-price { font-weight: bold; } #main-newpoduct .item-page { margin-top: 40px; text-align: center; } #main-newpoduct .item-page a { padding: 0 5px; } #main-newpoduct .item-page a:hover, #main-newpoduct .item-page a.now { font-weight: bold; letter-spacing: -1px; } #main-newpoduct .item-desc { margin-bottom: 40px; } #main-newpoduct .item-none { padding-top: 40px; text-align: center; } #main-repoduct { position: relative; width: 1200px; height: auto; margin-top: 10px; } #main-repoduct>.reproduct-bar { position: relative; width: 1200px; height: 50px; } #main-repoduct .item-info { zoom: 1; overflow: hidden; padding: 40px 0 5px 0; border-bottom: 1px solid #aaa; } #main-repoduct .item-info:after { content: ""; clear: both; display: block; } #main-repoduct .item-info .item-total { float: left; padding-left: 10px; background: url(/images/d3/dandy_style/common/bull_arrow_r.gif) no-repeat 0 50%; } #main-repoduct .item-info .item-order { float: right; } #main-repoduct .item-info .item-order li { float: left; padding-right: 5px; } #main-repoduct .item-list .item { margin: 20px 0; } #main-repoduct .item-list li { margin-bottom: 10px; text-align: center; } #main-repoduct .item-list td { vertical-align: top; } #main-repoduct .item-list .prd-thumb { width: 170px; height: 170px; margin-left: auto; margin-right: auto; } #main-repoduct .item-list .prd-thumb img { width: 100%; height: 100%; } #main-repoduct .item-list .prd-price { font-weight: bold; } #main-repoduct .item-page { margin-top: 40px; text-align: center; } #main-repoduct .item-page a { padding: 0 5px; } #main-repoduct .item-page a:hover, #main-repoduct .item-page a.now { font-weight: bold; letter-spacing: -1px; } #main-repoduct .item-desc { margin-bottom: 40px; } #main-repoduct .item-none { padding-top: 40px; text-align: center; } #main-bottomcon { position: relative; width: 1200px; height: 750px; } #main-bottomcon>.bottomcon-topbar { position: relative; width: 1200px; height: 50px; padding-bottom: 4px; } #main-bottomcon>.bottomcon-line01 { width: 1200px; height: 230px; } #main-bottomcon>.bottomcon-line01 li { width: 237px; height: 230px; padding-right: 3px; float: left; } #main-bottomcon>.bottomcon-line02 { width: 1200px; height: 230px; margin-top: 3px; } #main-bottomcon>.bottomcon-line02 li { width: 237px; height: 230px; padding-right: 3px; float: left; background-color: #ffffff;} /*레이어팝업추가*/ #MAKESHOPLY3 { height: auto !important; z-index: 9700 !important; background: none !important; } #specialEvt .cont-pop { padding-bottom: 0px !important; background: none !important; } #specialEvt .cont-pop .cont { height: auto !important; } #specialEvt .close-wrap .close { width: 300px !important; } /*바이브랜드*/ .brand_litable { width: 1198px; height: 248px; } .litable { width: 170px; float: left; padding-top: 15px; } .litable_im { width: 170px; } .litable_im img { width: 140px; padding: 0px 10px; } .litable_list { width: 160px; padding: 0px 5px; text-align: center; } .ftbl { font-weight: bold; } .ftclbl { color: #000000; } /* BASIC css end */