article{width:100%;overflow:hidden;position:relative;} .clearfix {clear: both;} /** -- clearfix -- **/ .clearfix:before, .clearfix:after{display:table; line-height:0; content:'';} .clearfix:after{clear: both;} /** -- label -- **/ /*main*/ #main_visual{width:100%;height:1918px;padding-bottom:0px;font-size:0;position:relative;overflow:hidden} #roll_min{position:absolute;top:41px;width:100% !important;height:500px;} #roll_min div{width:100% !important;height:500px;text-align:center;margin:0 auto;} #roll_min div.bg01 {} #roll_min div.bg02 {} /* #mvList div.bg02 li.bg02_1 {background:url(/main_visual/top_v01_02_a.jpg?0502) no-repeat right top } */ /* #mvList div.bg02 li.bg02_2 {background:url(/main_visual/top_v01_02_b.jpg?0502) no-repeat left top } */ /* #mvList div.bg03 {background:url(/main_visual/top_v01_03.jpg?1002) no-repeat center top}*/ /* #mvList div.bg04 {background:url(/main_visual/top_v01_04.jpg?1002) no-repeat center top}*/ /* #mvList div.bg05 {background:url(/main_visual/top_v01_05.jpg?1002) no-repeat center top}*/ #main_visual #prev{position:absolute;top:180px;left:130px;z-index:10} #main_visual #next{position:absolute;top:180px;right:130px;z-index:10} #main_visual #paging {width:600px;overflow:hidden;position:absolute;top:0px;left:750px;} #main_visual #paging a{display:block;float:left;width:65px;height:24px;margin-right:10px;border:0px solid #fff; background:url(/images/main/banner/bigtab_01.jpg) no-repeat 0 0;font-size:0} #main_visual #paging a.activeSlide{border:0px solid #fff; background:url(/images/main/banner/bigtab_01_on.jpg)} /*신발 및 의류 탭메뉴 프로모션*/ #promo{height:609px;} #promo #tab_promo{width:633px;float:left;} #promo #tab_promo .navi2{width:950px;overflow:hidden;position:absolute;z-index:20} #promo #tab_promo .navi2 li{float:left;} #promo #tab_promo .navi2 li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); filter: gray;} #promo #tab_promo .navi2 li a.on img{filter:none; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%)} #promo #tab_promo .ct{position:relative;} #promo #tab_promo .ct div{position:absolute;top:153px;display:none;z-index:10} #promo #list_promo{width:315px;float:right;overflow:hidden;border-top:1px solid #ececec;} #promo #list_promo li{float:left;height:151px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;position:relative;} #promo #list_promo li.on .goods_over{display:block;} #promo #list_promo .goods{position:relative;padding:10px} #promo #list_promo .goods dt img{width:136px;} #promo #list_promo .goods dd.price{text-align:center;color:#000;font-weight:bold;margin-top:-10px;background:#eee;position:absolute;width:100%;left:0px;bottom:9px;line-height:15pt} #promo #list_promo .goods dd.sale{position:absolute;top:13px;left:13px;} #promo #list_promo .goods_over{position:absolute;top:0;left:0;display:none} #promo #list_promo .goods_over .bg{position:absolute;top:0;left:0;width:156px;height:151px;background:#000;filter:Alpha(Opacity=70);Opacity:0.7;} #promo #list_promo .goods_over dt{position:absolute;top:25px;z-index:20;color:#c3c3c3;font-size:12px;text-align:center;width:156px} #promo #list_promo .goods_over dd.ct{position:absolute;top:0px;z-index:20;color:#c3c3c3;font-size:12px;text-align:center;width:156px} /* 제품_서브메인 */ div.product_counter{float:left;margin:0 0 0 0;} div.product_counter p{padding:0 0 0 8px;font-size:14px;} div.product_counter p strong{color:#5996c5;font-weight:bold;} div.category_depth2{border-top:0px solid #5996c5;padding-top:2px;width:950px;overflow:hidden;} div.category_depth2 table{width:950px;;table-layout:fixed;margin-bottom:2px;} div.category_depth2 table a{display:block;padding:9px 0;text-align:center;border:solid 1px #e5e5e5;color:#808080;margin-right:0px;background-color:#f8f8f8;} div.category_depth2 table a:hover{border:none;background-color:#5996c5;color:#fff;text-decoration:none;} div.category_depth2 table a.on{border:none;background-color:#5996c5;color:#fff;text-decoration:none;} div.category_depth3{border-top:0px solid #5996c5;padding-top:2px;width:950px;overflow:hidden;} div.category_depth3 table{width:950px;;table-layout:fixed;margin-bottom:2px;} div.category_depth3 table a{display:block;padding:9px 0;text-align:center;border:solid 1px #e5e5e5;font-weight:bold;color:#808080;margin-right:0px;} div.category_depth3 table a:hover{;border:solid 1px;color:#d6323e;text-decoration:none;} div.category_depth3 table a.on{;border:solid 1px;color:#d6323e;text-decoration:none;} /*배너모음영역*/ #banner_area{margin-top:20px;} #banner_area *{font-size:0} #banner_area #bnRl{width:188px;border:1px solid #d7d7d7;border-bottom:0} #banner_area #bnRl ul{height:292px} #banner_area #bnRl p{border-bottom:1px solid #d7d7d7;} #banner_area #bnRl p.title{padding:8px 0 6px 19px;cursor:pointer} #banner_area #bnRl p.ct{display:none} #banner_area #bnRl2{width:188px;height:209px;border:1px solid #d7d7d7;background:#f5f5f5;position:relative;} #banner_area #bnRl2 h2{border-top:2px solid #eae7e7;background:#f5f5f5;padding:12px 0 6px 14px;} #banner_area #bnRl2 div{width:164px;margin:0 auto;} #banner_area #bnRl2 dl{text-align:center;position:relative;width:100%} #banner_area #bnRl2 dl dt{padding-top:124px;} #banner_area #bnRl2 dl dt a{color:#636363;font-size:11px;} #banner_area #bnRl2 dl .price{text-align:center;font-size:11px;color:#000;font-weight:bold;padding-top:5px} #banner_area #bnRl2 dl .img{position:absolute;top:13px;left:50%;margin-left:-50px;} #banner_area #bnRl2 dl .img img{width:100px;height:100px;} #banner_area #bnRl2 dl .sale{position:absolute;top:0;left:12px;} #banner_area #bnRl2 .nav{position:absolute;top:12px;right:12px;width:37px;overflow:hidden;z-index:5} #banner_area #bnRl2 .nav li{float:left;} #banner_area #bnRl4{border:1px solid #d7d7d7;position:absolute;top:0;left:645px;} #banner_area #bnRl5{border:1px solid #d7d7d7;position:absolute;top:0;right:0;} #banner_area #bnRl6{border:1px solid #d7d7d7;position:absolute;top:370px;right:0;} #banner_area #bnRl6 #bnRl6_ct li img{width:364px;height:245px} #banner_area #bnRl6 .nav{position:absolute;top:12px;right:12px;width:37px;overflow:hidden;z-index:5} #banner_area #bnRl6 .nav li{float:left;} #bnRl3{width:950px;height:10px;position:absolute;top:176px;left:860px;font-size:16px;color:#000;font-weight:bold;text-align:left;} /*배너모음영역1*/ #banner_area1{width:950px;height:527px;background:url(/images/main/no01_ban01_bg.gif) left top no-repeat;} #banner_area1 #bnR001{border:0px solid #d7d7d7;position:absolute;top:18px;left:657px;} #banner_area1 #bnR002{border:0px solid #d7d7d7;position:absolute;top:18px;left:835px;} #banner_area1 #bnR003{border:0px solid #d7d7d7;position:absolute;top:323px;left:835px;} #banner_area1 #bnR004{border:0px solid #d7d7d7;position:absolute;top:18px;left:14px;} #banner_area1 #bnR004 #main_choice{background-color:#F3F2E9; position:absolute;top:352px;left:0px; width:629px; height:139px; } #banner_area1 #bnR004 #main_choice .art01{margin:0 40px ; height:139px;} #banner_area1 #bnR004 #main_choice .btnprev, #bnR004 #main_choice .btnnext{width:9px; height:15px; position:absolute; top:68px; z-index:4444; cursor:pointer;} #banner_area1 #bnR004 #main_choice .btnprev{left:12px;} #banner_area1 #bnR004 #main_choice .btnnext{right:10px;} #banner_area1 #bnR004 #main_choice_01{background-color:#F3F2E9; position:absolute;top:352px;left:0px; width:629px; height:139px; } #banner_area1 #bnR004 #main_choice_01 .art02{margin:0 40px ; height:139px;} #banner_area1 #bnR004 #main_choice_01 .btnprev_01, #bnR004 #main_choice_01 .btnnext_01{width:9px; height:15px; position:absolute; top:68px; z-index:4444; cursor:pointer;} #banner_area1 #bnR004 #main_choice_01 .btnprev_01{left:12px;} #banner_area1 #bnR004 #main_choice_01 .btnnext_01{right:10px;} #banner_area1 #bnR004 #main_choice_02{background-color:#F3F2E9; position:absolute;top:352px;left:0px; width:629px; height:139px; } #banner_area1 #bnR004 #main_choice_02 .art03{margin:0 40px ; height:139px;} #banner_area1 #bnR004 #main_choice_02 .btnprev_02, #bnR004 #main_choice_02 .btnnext_02{width:9px; height:15px; position:absolute; top:68px; z-index:4444; cursor:pointer;} #banner_area1 #bnR004 #main_choice_02 .btnprev_02{left:12px;} #banner_area1 #bnR004 #main_choice_02 .btnnext_02{right:10px;} #banner_area1 #bnR004 #main_choice_03{background-color:#F3F2E9; position:absolute;top:352px;left:0px; width:629px; height:139px; } #banner_area1 #bnR004 #main_choice_03 .art04{margin:0 40px ; height:139px;} #banner_area1 #bnR004 #main_choice_03 .btnprev_03, #bnR004 #main_choice_03 .btnnext_03{width:9px; height:15px; position:absolute; top:68px; z-index:4444; cursor:pointer;} #banner_area1 #bnR004 #main_choice_03 .btnprev_03{left:12px;} #banner_area1 #bnR004 #main_choice_03 .btnnext_03{right:10px;} #banner_area1 #bnR004 #main_choice_04{background-color:#F3F2E9; position:absolute;top:352px;left:0px; width:629px; height:139px; } #banner_area1 #bnR004 #main_choice_04 .art05{margin:0 40px ; height:139px;} #banner_area1 #bnR004 #main_choice_04 .btnprev_04, #bnR004 #main_choice_04 .btnnext_04{width:9px; height:15px; position:absolute; top:68px; z-index:4444; cursor:pointer;} #banner_area1 #bnR004 #main_choice_04 .btnprev_04{left:12px;} #banner_area1 #bnR004 #main_choice_04 .btnnext_04{right:10px;} #banner_area1 #bnR005{border:0px solid #d7d7d7;position:absolute;top:370px;left:12px;} #banner_area1 #bnR005 #bnR005_ct li img{width:629px;height:136px} #banner_area1 #bnR005 .nav01{position:absolute;top:62px;right:590px;width:37px;overflow:hidden;z-index:5} #banner_area1 #bnR005 .nav02{position:absolute;top:62px;right:4px;width:37px;overflow:hidden;z-index:5} /* --//////////////////////////////////////////////////////////////////////-- */ /* Top - Main banner rolling */ #banner_area1 #bnR004 .rolling{border:1px solid #f5f5f5; position: relative;} #banner_area1 #bnR004 .rolling .JqueryBannerButton{width:240px; position:absolute; left:270px; bottom:140px;} #banner_area1 #bnR004 .rolling .JqueryBannerButton img{float:center; margin-left:7px;} /*배너모음영역2*/ #banner_area2{width:950px;height:131px;} #banner_area2 #bnR006{border:0px solid #d7d7d7;position:absolute;top:0px;left:5px;} #banner_area2 #bnR007{border:0px solid #d7d7d7;position:absolute;top:0px;left:328px;} #banner_area2 #bnR008{border:0px solid #d7d7d7;position:absolute;top:0px;left:653px;} /*배너모음영역3*/ #banner_area3{width:950px;height:646px;background:url(/images/main/no03_ban01_bg.gif) left top no-repeat;} #banner_area3 #bnR009{border:0px solid #d7d7d7;position:absolute;top:1px;left:6px;} #banner_area3 #bnR010{border:0px solid #d7d7d7;position:absolute;top:1px;left:719px;} #banner_area3 #bnR011{border:0px solid #d7d7d7;position:absolute;top:300px;left:35px;} #banner_area3 #bnR011 #bnR011_ct li img{width:223px;height:162px} #banner_area3 #bnR011 .nav03{position:absolute;top:90px;right:200px;width:37px;overflow:hidden;z-index:10} #banner_area3 #bnR011 .nav04{position:absolute;top:90px;left:230px;width:37px;overflow:hidden;z-index:10} #banner_area3 #bnR012{border:0px solid #d7d7d7;position:absolute;top:471px;left:6px;} #banner_area3 #bnR012 #rolling{width:285px; float:left;} #banner_area3 #bnR012 #rolling div.inner{position:relative;} #banner_area3 #bnR012 #rolling div.inner .JqueryBannerButton{width:100%; position:absolute; left:0; bottom:5px; text-align:center;} #banner_area3 #bnR012 #rolling div.inner .JqueryBannerButton img{margin-right:5px;} #banner_area3 #bnR013{border:0px solid #d7d7d7;position:absolute;top:295px;left:292px;} #banner_area3 #bnR014{border:0px solid #d7d7d7;position:absolute;top:295px;left:719px;} /*배너모음영역4*/ #banner_area4{width:950px;height:440px;background:url(/images/main/no05_ban01_bg.gif) left top no-repeat;} #banner_area4 #bnR015{border:0px solid #d7d7d7;position:absolute;top:37px;right:225px;} #banner_area4 #bnR015 #rolling{width:388px; float:left;} #banner_area4 #bnR015 #rolling div.inner{position:relative;} #banner_area4 #bnR015 #rolling div.inner .JqueryBannerButton{width:100%; position:absolute; left:0; bottom:5px; text-align:center;} #banner_area4 #bnR015 #rolling div.inner .JqueryBannerButton img{margin-right:5px;} #banner_area4 #bnR016{border:0px solid #d7d7d7;position:absolute;top:37px;right:13px;} #banner_area4 #bnR020{border:0px solid #d7d7d7;position:absolute;top:257px;left:19px;} #banner_area4 #bnR021{border:0px solid #d7d7d7;position:absolute;top:257px;left:200px;} #banner_area4 #bnR022{border:0px solid #d7d7d7;position:absolute;top:38px;left:19px;} /*배너모음영역5*/ #banner_area5{width:950px;height:313px;background:url(/images/main/no06_ban01_bg.gif) left top no-repeat;} #banner_area5 #bnR017{border:0px solid #d7d7d7;position:absolute;top:85px;left:7px;} /*배너모음영역6*/ #banner_area6{width:950px;height:1918px;background:url(/images/main/no07_ban01_bg.gif) center top no-repeat;} #banner_area6 #bnR018{border:0px solid #d7d7d7;position:absolute;top:0px;left:10px;} #banner_area6 #bnR019{border:0px solid #d7d7d7;position:absolute;top:266px;left:266px;} #banner_area6 #bnR019 #rolling{width:231px; float:left;} #banner_area6 #bnR019 #rolling div.inner{position:relative;} #banner_area6 #bnR019 #rolling div.inner .JqueryBannerButton{width:100%; position:absolute; left:0; bottom:220px; text-align:right;} #banner_area6 #bnR019 #rolling div.inner .JqueryBannerButton img{margin-right:5px;} /*서브메인1*/ #submain_area1{width:950px;height:603px;background:url(/images/goods/submain_bg.gif) center top no-repeat;} #submain_area1 #submain001{position:absolute;top:10px;left:30px;} #submain_area1 #submain001 ul li{text-align:left;} #submain_area1 #submain001 ul li a:hover{border:none;color:#ff7a80;text-decoration:none;} #submain_area1 #submain001 ul li a.on{border:none;color:#ff7a80;text-decoration:none;} #submain_area1 #submain001 .categorys1 #left{height:100%;width:160px;float:left;text-decoration:none;} #submain_area1 #submain001 .categorys1 #left #menu{height:100%;} #submain_area1 #submain001 .categorys1 #left #menu ul li{position:relative;} #submain_area1 #submain001 .categorys1 #left #menu ul li:hover ul{display: block;} #submain_area1 #submain001 .categorys1 #left #menu ul li.havesub{z-index:130px;} #submain_area1 #submain001 .categorys1 #left #menu ul li.havesub:hover{border:0px solid #cfcfcf;} #submain_area1 #submain001 .categorys1 #left #menu ul li:hover li{border:0px;} #submain_area1 #submain001 .categorys1 #left #menu ul li:hover ul li:hover{color:#ff7a80;} #submain_area1 #submain001 .categorys1 #left #menu ul li ul{position:absolute;top:-21px;left:100px;width:145px;padding:10px 10px;font-weight: normal;display:none;border:0px solid #cfcfcf;z-index:10;} /* END LEFT AREA */ #submain_area1 #submain002{border:0px solid #d7d7d7;position:absolute;top:9px;left:210px;} #submain_area1 #submain002 #rolling{width:555px; float:left;} #submain_area1 #submain002 #rolling div.inner{position:relative;} #submain_area1 #submain002 #rolling div.inner .JqueryBannerButton{width:100%; position:absolute; left:0; bottom:5px; text-align:center;} #submain_area1 #submain002 #rolling div.inner .JqueryBannerButton img{margin-right:5px;} #submain_area1 #submain003{border:0px solid #d7d7d7;position:absolute;top:9px;right:14px;} #submain_area1 #submain004{border:0px solid #d7d7d7;position:absolute;top:329px;left:6px;} #submain_area1 #submain005{border:0px solid #d7d7d7;position:absolute;top:340px;left:210px;} #submain_area1 #submain006{border:0px solid #d7d7d7;position:absolute;top:340px;left:475px;} #submain_area1 #submain007{border:0px solid #d7d7d7;position:absolute;top:340px;right:14px;} /*서브메인2*/ #submain_area2{width:950px;height:83px;background:url(/images/goods/submain_m_bg.gif) center top no-repeat;} /*cscenter1*/ #cscenter_area1{width:950px;height:800px;} #cscenter_area1 #cscenter001{position:absolute;top:0px;left:0px;} #cscenter_area1 #cscenter002{position:absolute;top:0px;left:245px;} /*서브메뉴1*/ div.submenu01 ul li a{color:#7c7c7c;font-weight:bold;text-decoration:none;} div.submenu01 ul li a:hover{border:none;color:#ff7a80;text-decoration:none;} div.submenu01 ul li a.on{border:none;color:#ff7a80;text-decoration:none;} /*cscenter2*/ div#mainWrap{margin-top:0px;width:100%;} div.main_contents{margin-left:0px;width:100%;} div.main_contents div.left_wrap{float:left;width:180px;text-align:left;} div.main_contents div.right_wrap{float:left;width:760px;} /*마이메뉴*/ #my_left_area1{width:243px;height:510px;} #my_left_area1 #myleft001{position:absolute;top:0px;left:0px;} #my_left_area1 #myleft001 ul li{position:relative;left:25px;text-align:left;} #my_left_area1 #myleft001 ul li a:hover{border:none;color:#d6323e;text-decoration:none;} #my_left_area1 #myleft001 ul li a.on{border:none;color:#d6323e;text-decoration:none;} /*빅 탭메뉴*/ #big_tab{position:relative;top:25px;left:20px;} #big_tab .navi3{overflow:hidden;position:relative;margin-left:560px} #big_tab .navi3 li{float:left;width:80px;} #big_tab .navi3 li a{display:block;text-align:center;color:#afafaf;font-size:11px;padding:10px 0 8px;} #big_tab .navi3 li a.on{text-align:center;color:#000;font-size:13px;background:url(/images/main/banner/text_bg.png) repeat-x;} #big_tab .ct {float:left; height:441px;} #big_tab .ct div{position:absolute;display:none} /* 빅 프레임 */ #bigFrame_ct{position:relative;width:500px;height:446px;overflow:hidden;} /*social Area*/ #socialArea{margin-top:25px;} #brandTab{border:1px solid #dedfe3;width:471px;height:514px;} #brandTab .navi{width:100%;overflow:hidden;padding:14px 0 5px 5px} #brandTab .navi li{float:left;margin-left:8px;} #brandTab .navi li a{display:block;width:56px;height:58px;overflow:hidden;position:relative;} #brandTab .navi li a img{position:absolute} #brandTab .navi li a.on img{top:-58px} #brandTab .ct div{position:absolute;display:none;margin-left:13px} #socialArea .social_div{border:1px solid #dedfe3;overflow:hidden;} #socialArea .social_div h3{padding:20px 0 3px 21px } #socialArea .social_div h3 a{font-size:20px;letter-spacing:-1pt;font-weight:bold;color:#fe7c00;font-family:NanumGothic;} #socialArea .social_div h3 img{vertical-align:1px;padding-left:15px} #socialArea .social_div .info{font-size:11px;color:#ccc;padding-left:23px} #socialArea .social_div .info span{font-size:11px;color:#999;font-family:Tahoma;} #socialArea .social_div dl{padding-bottom:20px;width:190px;margin:20px auto 0} #socialArea .social_div dl dd.title{color:#555;font-family:NanumGothic;margin-bottom:4px;} #socialArea .social_div dl dd{line-height:1.2em} #socialArea .social_div dl dd a{font-size:11px;color:#999} #socialArea .social_div dl dd.date{text-align:right;font-size:11px;color:#999;padding-top:10px} #socialArea .social_div dl dd.date b{background:url(../img/common/icon01.png) no-repeat 0 1px;padding-left:17px} #socialArea .social_div dl.dotted{border-bottom:1px dotted #e7e6e8;} #socialArea #social_a{border-top:3px solid #efeff1;width:188px;height:320px} #socialArea #social_a dl{width:142px;margin:20px auto 0} #socialArea #social_b{position:absolute;top:516px;left:188px;border-top:3px solid #efeff1;border-left:0;width:284px;height:320px} #socialArea #social_b dl{width:240px;margin:10px auto 0;} #socialArea #social_c{position:absolute;top:0;left:473px;border-left:0;width:237px;height:838px} #socialArea #social_c dl{width:190px;margin:20px auto 0} #socialArea #social_d{position:absolute;top:0;left:711px;border-left:0;width:236px;height:300px} #socialArea #social_d .dot_img{border-top:1px dotted #e7e6e8;margin-top:20px;padding-top:10px;} #socialArea #social_e{position:absolute;top:302px;left:711px;border-top:3px solid #efeff1;border-left:0;width:236px;height:313px} #socialArea #social_f{position:absolute;top:619px;left:711px;border-top:3px solid #efeff1;border-left:0;width:236px;height:217px} /*빅 프레임*/ #bigFrame{margin-top:80px} #bigFrame #bigFrame_prev{position:absolute;top:199px;left:0;z-index:5} #bigFrame #bigFrame_next{position:absolute;top:199px;right:1px;z-index:5} /*기획전*/ .planning_mt50 {border:0px solid #d7d7d7;position:absolute;top:20px;left:6px;} .planning_list{width:500px;overflow:hidden;margin-left:20px;} .planning_list *{font-size:0;} .planning_list dt{float:center;margin:0 0 0px 0px} .planning_list dd{float:left;margin:0 0 15px 15px;position:relative;} .planning_list dd .over{position:absolute;top:0;left:0;} .planning_list dd .over a{position:absolute;left:0px;top:0px;} /*마이페이지top*/ #my_area1{width:950px;height:145px;background:url(/images/my/my_title_bg.gif) center top no-repeat;} #my_area1 #my_top_01{border:0px solid #d7d7d7;position:absolute;top:15px;left:50px;} #my_area1 #my_top_02{border:0px solid #d7d7d7;position:absolute;top:70px;left:70px;text-align:center} #my_area1 #my_top_03{border:0px solid #d7d7d7;position:absolute;top:70px;left:270px;text-align:center} #my_area1 #my_top_04{border:0px solid #d7d7d7;position:absolute;top:70px;left:490px;text-align:center} #my_area1 #my_top_05{border:0px solid #d7d7d7;position:absolute;top:70px;left:680px;text-align:center} #my_area1 #my_top_06{border:0px solid #d7d7d7;position:absolute;top:70px;left:880px;text-align:center} /*추천아이템*/ #recommendItem{margin-top:25px} #recommendItem div, #recommendItem dl{position:relative;} #rmPart{width:188px;height:250px;border:1px solid #d7d7d7;position:relative;float:left;} #rmPart .paging{position:absolute;top:12px;right:12px;z-index:5} #rmPart .paging a{display:inline-block;width:11px;height:11px;overflow:hidden;margin-left:2px;background:url(../img/common/paging_bg.png) no-repeat;font-size:0;text-indent:-5000em;} #rmPart .paging a.activeSlide{width:51px;background-position:right 0} #rmPart2{width:757px;height:250px;border:1px solid #d7d7d7;border-left:0;position:relative;float:left;overflow:hidden;} #rmPart2 h3{padding:21px 0 0 41px;height:29px} #rmPart2 dl{float:left;width:199px;height:185px;border-left:1px dotted #dfdfe1;padding:0 18px;} #rmPart2 dl.noline{border:0;margin-left:22px} #rmPart2 dl dt{font-weight:bold;color:#ff7c00;padding:120px 0 7px} #rmPart2 dl dt a{font-weight:bold;color:#ff7c00;} #rmPart2 dl dd a{color:#999} #rmPart2 dl dd.img{position:absolute;top:0;left:18px;border:1px solid #d7d7d7;font-size:0} #rmPart3{width:188px;height:248px;border:1px solid #d7d7d7;border-top:0;float:left;} #rmPart3 h3{padding:19px 0 0 19px;height:29px} #rmPart3 dl{width:146px;margin:0 auto 20px;} #rmPart3 dl dt{color:#3c4045;font-weight:bold;padding-top:30px} #rmPart3 dl dd a{font-size:11px;color:#999} #rmPart3 dl dd.img img{width:144px;height:56px;border:1px solid #d7d7d7;position:absolute;top:0} #rmPart4{width:531px;height:248px;border:1px solid #d7d7d7;border-top:0;border-left:0;float:left;} #rmPart4 h3{padding:21px 0 0 41px;height:25px} #rmPart4 #rmPart4_ct{position:relative;margin:0 40px} #rmPart4 #rmPart4_ct div{position:relative;width:450px;height:200px;margin:0 auto;} #rmPart4 #rmPart4_ct div dl{padding-left:225px;width:220px;} #rmPart4 #rmPart4_ct div dl dt{padding-bottom:5px} #rmPart4 #rmPart4_ct div dl dt a{font-weight:bold;color:#3c4045;} #rmPart4 #rmPart4_ct div dl dd a{color:#888;font-size:11px;} #rmPart4 #rmPart4_ct div dl dd.react{padding-top:10px} #rmPart4 #rmPart4_ct div dl dd.react span{padding-right:10px;font-family:verdana;color:#59647f;font-size:11px} #rmPart4 #rmPart4_ct div dl dd.react span img{vertical-align:-1px;} #rmPart4 #rmPart4_ct div .ps{color:#999;padding-top:25px;padding-left:225px;width:220px;} #rmPart4 #rmPart4_ct div .ps a{color:#999;line-height:1.5em} #rmPart4 #rmPart4_ct div .img{position:absolute;top:5px;left:0;} #rmPart4 #rmPart4_ct div .img img{width:199px;height:178px;border:1px solid #d7d7d7;} #rmPart4 #rmPart4_ct div .sale{position:absolute;top:0;left:149px;} #rmPart4 .nav{position:absolute;top:12px;right:12px;width:37px;overflow:hidden;z-index:5} #rmPart4 .nav li{float:left;} #rmPart5{width:225px;height:124px;border-right:1px solid #d7d7d7;float:left;background:#fbfbfb;} #rmPart5 h3{padding:19px 0 0 19px;height:30px} #rmPart5 dl dt{padding:0 0 5px 88px} #rmPart5 dl dt a{font-size:11px;font-weight:bold;color:#3c4045;letter-spacing:-1px} #rmPart5 dl dd{padding-left:88px;} #rmPart5 dl dd a{font-size:11px;color:#999;letter-spacing:-1px} #rmPart5 dl dd.img{padding:0;position:absolute;top:0;left:12px;} #rmPart5 dl dd.img img{width:63px;height:56px;border:1px solid #d7d7d7;} #rmPart5 .more{position:absolute;top:17px;right:20px} #rmPart6{width:225px;height:123px;border:1px solid #d7d7d7;border-left:0;float:left;background:#fbfbfb;} #rmPart6 h3{padding:19px 0 0 19px;height:30px} #rmPart6 ul{width:204px;overflow:hidden;margin-left:8px} #rmPart6 ul li{float:left;margin-left:3px} #rmPart6 ul li img{width:63px;height:56px;border:1px solid #d7d7d7;} #rmPart6 .more{position:absolute;top:17px;right:20px} /*아이템 베스트 가로형*/ #itemBest{margin-top:25px;} #itemBest h2{height:27px;padding-left:2px;} #itemBest .nav{width:946px;overflow:hidden;border-left:1px solid #dbdbdb;} #itemBest .nav li{float:left;width:189px;} #itemBest .nav li a{display:block;border:1px solid #dbdbdb;border-left:0;background:#f5f5f5;color:#666971;font-size:11px;padding:10px 0 8px;text-align:center} #itemBest .nav li a:hover, #itemBest .nav li a.on{background:#222b34;color:#c4c8d2;font-weight:bold;letter-spacing:-1px;position:relative} #itemBest .list{width:944px;overflow:hidden;border:1px solid #dfdee1;border-top:0} #itemBest .list li{float:left;width:144px;position:relative;padding-top:25px;height:228px;} #itemBest .list li.first{width:189px;margin-right:20px;border-right:1px dotted #dfdee1} #itemBest .list li .img{text-align:center;} #itemBest .list li .img img{width:130px;height:130px;border:1px solid #dfdee1;} #itemBest .list li .hot{position:absolute;top:13px;left:3px;} #itemBest .list li.first .hot{left:25px;} #itemBest .list li dl{width:120px;margin:0 auto;} #itemBest .list li dl *{font-size:11px;letter-spacing:-1px;text-align:center;} #itemBest .list li dl dt{color:#434242;padding:5px 0;font-weight:bold} #itemBest .list li dl dd{color:#707070;height:35px} #itemBest .list li dl dd.price{color:#000;font-weight:bold} #itemBest .list li a{display:block;cursor:pointer;} #itemBest .list li a:hover dl *{color:#ff7c00} /*아이템 베스트 세로형*/ #itemBest02{margin-top:25px;overflow:hidden;} #itemBest02 h2{height:27px;padding-left:2px;} #itemBest02 .nav{width:189px;float:left;overflow:hidden;border-top:1px solid #dbdbdb;} #itemBest02 .nav li{} #itemBest02 .nav li a{display:block;border:1px solid #dbdbdb;border-top:0;background:#f5f5f5;color:#666971;font-size:11px;padding:11px 0 0 15px;height:21px;text-align:center;text-align:left;} #itemBest02 .nav li a:hover, #itemBest02 .nav li a.on{background:#222b34 url(../img/common/arrow02.png) no-repeat 172px 12px;color:#c4c8d2;font-weight:bold;letter-spacing:-1px;position:relative} #itemBest02 .list{width:737px;padding-left:20px;float:left;overflow:hidden;border:1px solid #dfdee1;border-left:0} #itemBest02 .list li{float:left;width:144px;position:relative;padding-top:35px;height:228px;} #itemBest02 .list li .img{text-align:center;} #itemBest02 .list li .img img{width:130px;height:130px;border:1px solid #dfdee1;} #itemBest02 .list li .hot{position:absolute;top:13px;left:3px;} #itemBest02 .list li dl{width:120px;margin:0 auto;} #itemBest02 .list li dl *{font-size:11px;letter-spacing:-1px;text-align:center;} #itemBest02 .list li dl dt{color:#434242;padding:5px 0;font-weight:bold} #itemBest02 .list li dl dd{color:#707070;height:35px} #itemBest02 .list li dl dd.price{color:#000;font-weight:bold} #itemBest02 .list li a{display:block;cursor:pointer;} #itemBest02 .list li a:hover dl *{color:#ff7c00} /*박스배너*/ #boxBanner{width:960px;margin:25px 0 0 -10px;overflow:hidden;} #boxBanner li{width:226px;float:left;font-size:0;margin:12px 2px 0 10px;border:1px solid #dbdbdb;} a {outline: none;} /*use_title 용도별*/ #use_title{margin-top:10px ; margin-bottom:20px ;} #use_title #use_title_ct2 {float:left; width:945px; height:200px; position:relative; border:1px solid #e6e6e6;} #use_title .nav2 {width:80px;} #use_title .nav2 .prev_00 {float:left; position:absolute; top:80px; left:10px; z-index:20} #use_title .nav2 .next_00 {float:right; position:absolute; top:80px; right:10px; z-index:20} /* 101115_수정 */ .reply_01 { background:#232323 url(../img/event/img_reply.gif) no-repeat; padding:18px 0 18px 252px; } .chulcheck { width:896px; height:682px; margin:0 auto; background:url(../img/event/img_car.gif) no-repeat; position:relative; } .chulcheck .month { text-align:left; height:92px; } .chulcheck .month .now { display:inline-block; width:180px; text-align:center; font:bold 24px/1.2em arial; color:#a6a6a6; letter-spacing:-1px; padding-top:12px; } .chulcheck .txt { color:#fff !important; } .chulcheck .num { color:#3fff56; font:bold 18px/1.2em verdana; !important; } .table_chulcheck { width:805px; table-layout:fixed; margin:0 0 0 47px; } .table_chulcheck th { text-align:center; height:32px; font:bold 13px/1.2em verdana; vertical-align:top; color:#888; } .table_chulcheck td { height:105px; vertical-align:top; color:#6f6f6f; } .table_chulcheck .date { padding:10px 0 0 10px; height:16px; font:13px/1.2em verdana; color:#555; } .table_chulcheck .dojang { text-align:center; } .table_chulcheck .sunday { color:#880808 !important; } .table_chulcheck .saturday { color:#3473a4 !important; } .table_04_1 { width:350px; } .table_04_1 th { background:url(../img/detail/bul_02.gif) right 9px no-repeat; text-align:left; vertical-align:top; padding:7px 0 4px; } .table_04_1 th p { background:url(../img/detail/bul_03.gif) 0 4px no-repeat; padding:0 0 0 7px; font:12px/1.2em verdana; color:#6b6b6b; } .table_04_1 td { padding:4px 0 4px 10px; vertical-align:top; color:#556a2c; } div.con_bottom ul li {float:left; height:49px;} /*롤링텍스트*/ .rollBtn{position:absolute; z-index:3; margin-top:-9px; } .rollBtn a.next{cursor:hand;} .rollBtn a.previous{cursor:hand;} #bKey{position:relative; margin-top:8px; width:200px; zoom:1;} #bKey .keyBg{float:right; position:relative; margin-right:-20px; overflow:hidden; height:18px;} #bKey ul{clear:both;} #bKey ul li{float:right; height:18px; padding-right:25px;} #bKey ul li a{font-weight:bold; color:#FB6A31; letter-spacing:-1px; text-decoration: none;} #bKey ul li a:hover {color:#fff; text-decoration: none;} #bKey .rollBtn{left:200px;} /* 둥둥이배너*/ div#main_pop_banner { width:154px; height:155px; position:absolute; cursor:pointer; top:200px; left:130px; z-index:999 } div.blue_friday { cursor:default; background:url(../img/common/timer_banner.png); width:152px; height:160px; position:absolute; top:5px; right:135px; } div.blue_friday ul#countdown { position:absolute; top:119px; left:39px } div.blue_friday ul#countdown li { list-style:none; float:left; margin-right:13px } div.blue_friday ul#countdown li.days_text {display:none} div.blue_friday ul#countdown li span{ font:bold 14px 'Arial'; color:#fff } /* 헤더부분 최상단 배너 */ .header_ban { width:100%; background:#f2b8b4; position:relative } .header_ban_img { width:950px; margin:0 auto } .header_ban_close { position:absolute; top:0; right:0px; margin:25px 50px 0px 0px; width:32px; height:32px; cursor:pointer } .header_ban_close img { cursor:pointer } #event_category001{width:950px;height:39px;background:url(/images/bg_63.jpg) center top no-repeat;} #event_category001 #event_banner01 ul li {display:block;text-align:center;font:bold 16px 'Arial'; color:#fff;padding:12px 0 0;} #event_category001 #event_banner01 dl a{position:absolute; top:0px; right:0px } #event_category002{width:950px;height:44px;background:url(/images/event_ca_bg.gif) left top repeat;} #event_category002 #event_banner02 ul li {display:block;text-align:center;font-size:12px; color:#686868;padding:14px 0 0;} #event_category003{width:950px;height:39px;background:url(/images/bg_65.jpg) center top no-repeat;} #event_category003 #event_banner03 ul li {display:block;text-align:center;font:bold 16px 'Arial'; color:#000;padding:12px 0 0;} #event_category003 #event_banner03 dl a{position:absolute; top:0px; right:0px } #event_category004{width:950px;height:44px;background:url(/images/event_ca_bg.gif) left top repeat;} #event_category004 #event_banner04 ul li {display:block;text-align:center;font-size:12px; color:#686868;padding:14px 0 0;} #event_category005{width:950px;height:39px;background:url(/images/bg_68.jpg) center top no-repeat;} #event_category005 #event_banner05 ul li {display:block;text-align:center;font:bold 16px 'Arial'; color:#000;padding:12px 0 0;} #event_category005 #event_banner05 dl a{position:absolute; top:0px; right:0px } #event_category006{width:950px;height:44px;background:url(/images/event_ca_bg.gif) left top repeat;} #event_category006 #event_banner06 ul li {display:block;text-align:center;font-size:12px; color:#686868;padding:14px 0 0;}