/* ************************************************************************ shoppingMall base & layout ************************************************************************ */ /* ---------- import ---------- */ @import url("common.css"); body { background:#ffffff url(/image/common/footer_bg.gif) 0 100% repeat-x; } /* iframe */ #bgf { background:none; } ul,ol { list-style:none; line-height:100%;} /* ---------- layout ---------- */ #gateMenu{ position:absolute; top:0; left:0; z-index:999; overflow:hidden; width:100%; min-width:990px; height:20px; } #shop_wrapper { margin:0 auto; } /* #shop_wrapper { width:990px; margin:0 auto; } */ .con_holder { clear:both; } .swf_holder { margin-bottom:9px; } /* common */ /* #shop_header { position:relative; width:990px; height:161px; } */ #shop_header { position:relative; width:990px; height:161px; margin:0 auto; } #shop_header h1.headerLogo { float:left; position:absolute; top:30px; left:50px; } #shop_header h1.headerLogo img { float:left; } #shop_header .header_swf { position:absolute; top:0; left:0; z-index:1; overflow:hidden; width:990px; height:161px; } /* #shop_container { overflow:hidden; width:990px; } */ #shop_container { overflow:hidden; width:990px; margin:0 auto; } #shop_container #container_contents { float:left; width:892px; min-height:550px; } *html #container_contents { height:550px; } #shop_container #shop_quickmenu { position:relative; top:-161px; z-index:3; float:right; width:90px; }/* starting point -160(top area height) for right quick menu */ /* #shop_footer { clear:both; width:990px; height:120px; margin:65px 0 0; cursor:default; } */ #shop_footer { clear:both; width:990px; height:120px; margin:0 auto; cursor:default; } #customer_shortcut { clear:both; width:990px; height:66px; margin:65px auto 0; cursor:default;} /* ---------- header ---------- */ /* flash */ /* ---------- container ---------- */ .lnv_wrapper { z-index:2; position:relative; top:0; left:0; width:170px; height:327px; /* margin:10px 0 0; */ } .lnv_wrapper .lnv_position { position:absolute; top:0; left:0; z-index:2; overflow:hidden; width:170px; height:327px; margin:10px 0 0; } .lnv_wrapper .lnv_position img { float:left; } #shop_quickmenu #quick_cart { position:absolute; top:164px; right:0; z-index:4; overflow:hidden; width:90px; height:570px; } #quick_cart .quick_cart_inner { position:absolute; top:0; right:0; z-index:5; text-align:right; } #container_contents .ct_side { clear:both; overflow:hidden; width:892px; } #container_contents .cl_side { float:left; width:180px; } #container_contents .cr_side { float:right; width:712px; } /* ---------- footer ---------- */ #shop_footer .fc_logo1 { float:left; width:96px; height:35px; margin:40px 15px 0 0; padding:0px 21px 0 37px; border-right:1px solid #eaeaea; } #shop_footer .fc_logo1 img { float:left; } #shop_footer ul.fc_menu { list-style:none; float:left; width:796px; height:24px; padding:0 0 0 12px; } #shop_footer ul.fc_menu li { float:left; height:10px; padding:7px 33px 7px 0; } #shop_footer ul.fc_menu li img { float:left; } #shop_footer ul.fc_copyright { list-style:none; float:left; width:500px; padding:15px 0 0; } #shop_footer ul.fc_copyright li { float:left; height:14px; padding:0 13px 0 12px; background:url(/image/common/footer_copyright_bar.gif) 100% 1px no-repeat; } #shop_footer ul.fc_copyright li img { float:left; } #shop_footer ul.fc_copyright li.menu_end01 { width:120px; background-image:none; } #shop_footer ul.fc_copyright li.menu_end02 { width:150px; background-image:none; } #shop_footer ul.fc_copyright li.menu_end03 { background-image:none; } #shop_footer ul.fc_copyright li.menu_end04 { padding:5px 13px 0 12px; background-image:none; } #shop_footer .selectbox { float:left; width:162px; height:42px; padding:15px 0 0 83px; } #shop_footer .fc_logo2 { float:right; width:75px; height:48px; padding:9px 0 0; } #shop_footer .fc_logo2 img { float:left; } #customer_shortcut .shortcut_title { float:left; padding:18px 0 0 17px; } #customer_shortcut .shortcut1 {float:left; padding:22px 0 0 27px;} #customer_shortcut .shortcut2 {float:left; padding:23px 0 0 11px;} #customer_shortcut .shortcut3 {float:left; padding:22px 0 0 10px;} #customer_shortcut .customer {float:left; padding:21px 0 0 106px;} /* ************************************************************************ shoppingMall style ************************************************************************ */ /* ---------- contents ---------- */ /* main */.main_naviAd { width:892px; } /* ----------font---------- */ .fs11 { font-size:11px; } .fs12 { font-size:12px; } .bold { font-weight:bold; } .gray { color:#444; } .lgray { color:#888; } .dblue { color:#1d507a; } .orange { color:#fe5d12; } .orange2 { color:#ff5a0e; } .fb { font-weight:bold; } .fn { font-weight:normal; } .cfff { color:#fff; }/* gray */ .c000 { color:#000; } .c333 { color:#333; } .c666 { color:#666; } .c999 { color:#999; } .c5a5a5a { color:#5a5a5a; } .cfe4600 { color:#fe4600; }/* red */ .thr { text-decoration:line-through; } /* -----------popmenu--------- */ .popmenu { position:absolute; top:0; left:0; background:url(/image/icon/popmenu_bg.gif) no-repeat 0 0; width:16px; height:85px; padding:2px; } .popmenu li { float:left; } .popmenu img{ float:left; } /* ************************************************************************ Thumnail Design ************************************************************************ */ /* //썸네일58 */ .goods58 { clear:both; line-height:13px; margin:11px 0 0 14px; height:130px;} .goods58 div { width:210px; padding:0 10px 1px 0; } .goods58 a.over { border:1px solid #ededed; display:block; float:left; margin-right:10px; } .goods58 a.over:hover { border:1px solid #ff5a0e; margin-right:10px; } .goods58 a.over img { width:58px; height:58px; } .goods58 span { font-size:11px; display:block; } .goods58 .brand { font-weight:bold; color:#666; margin:2px 0 1px; } .goods58 .sale { font-weight:bold; color:#ff5100; margin:4px 0 4px 6px; } .goods58 .goods_name { width:215px; *width:135px; color:#666; } .goods58 .price { color:#ff5a0e; font-weight:bold; margin:3px 0 4px 0; } /* 썸네일58// */ /* //썸네일58_2 */ /* 01.07 주석처리 .goods58_2 { clear:both; line-height:13px; margin:-15px 0 10px 14px;*margin:0 0 0 14px;} .goods58_2 div { clear:both; width:190px; height:54px;*height:64px; padding:0 10px 1px 0; } .goods58_2 a.over { border:1px solid #ededed; display:block; float:left; margin-right:10px; } .goods58_2 a.over:hover { border:1px solid #ff5a0e; margin-right:10px; } .goods58_2 a.over img { width:58px; height:58px; } .goods58_2 span { font-size:11px; display:block; } .goods58_2 .brand { font-weight:bold; color:#666; margin:2px 0 1px; } .goods58_2 .goods_name { display:block; color:#999; margin:10px 0 4px 6px; font-size:11px; } .goods58_2 .goods_name strong { color:#666; font-weight:bold; } .goods58_2 .price { color:#444; font-weight:bold; margin:3px 0 4px 0; } */ .goods58_2 { clear:both; line-height:13px; margin:-15px 0 10px 14px;*margin:0 0 0 14px;} .goods58_2 div { clear:both; width:190px; height:54px;*height:64px; padding:0 10px 1px 0; } .goods58_2 a.over { border:1px solid #ededed; display:block; float:left; margin-right:10px; } .goods58_2 a.over:hover { border:1px solid #ff5a0e; margin-right:10px; } .goods58_2 a.over img { width:58px; height:58px; } .goods58_2 span { font-size:11px; } .goods58_2 .brand { font-weight:bold; color:#666; margin:2px 0 1px; } .goods58_2 .goods_name { color:#999; margin:10px 0 4px 6px; font-size:11px; } .goods58_2 .goods_name strong { color:#666; font-weight:bold; } .goods58_2 .price { display:block; color:#444; font-weight:bold; margin:3px 0 4px 0; } .goods58_2 a.price_thr { display:block;color:#666; padding:5px 0 2px; font: 11px/13px dotum; text-decoration:line-through; cursor:default; } .goods58_2 .price_red { color:#cc3300; font-weight:bold; margin:3px 0 4px 0; } /* 썸네일58_2// */ /* //썸네일78_type1 */ .goods78 { width:711px; margin-top:10px; } .goods78 .head { vertical-align:top; height:22px; border-bottom:1px solid #eee; background:url(/image/common/line_gray.gif) left bottom repeat-x; } .goods78 td { background:url(/image/common/line_gray.gif) left bottom repeat-x; } .goods78 .img { position:relative; padding:15px 11px; display:block; float:left; } .goods78 .img a.over { display:block; width:84px; height:86px; background:url(/image/common/bg_thum02.gif) no-repeat 0 0; float:left; } .goods78 .img a.over:hover { background:url(/image/common/bg_thum02_on.gif) no-repeat 0 0; } .goods78 .img a.over img { width:78px; height:78px; margin:3px 0 0 3px; float:left; } .goods78 .img .ic_childbirth { border:0; position:absolute; left:12px; top:16px; } .goods78 .name { padding:15px 10px; vertical-align:top; } .goods78 .name .special { color:#444; } .goods78 .name .brand { font-weight:bold; color:#444; } .goods78 .name .sale { display:block; font-weight:bold; color:#ff5100; font-family: Tahoma, "돋움", "돋움체"; margin:0 0 5px 0;} .goods78 .name .goods_name { color:#444; padding:0 0 0 5px; } .goods78 .name .expl { display:block; font-size:11px; color:#888; margin:5px 0 -5px 0; padding:0 0 0 5px; background:url(/image/icon/bullet_gray.gif) no-repeat 0 6px; } .goods78 .icon { text-align:center; } .goods78 .icon img { display:block; margin:2px auto; } .goods78 .price { font-size:11px; padding:0 0 0 5px; text-align:left; } .goods78 .price span { display:block; } .goods78 .price .price1 { color:#ff5100; font-weight:bold; margin-top:-3px; } .goods78 .price .price2 { color:#888; text-decoration:line-through; font-weight:bold; margin:-3px 0 -1px 0; } .goods78 .review { font-size:11px; color:#888; } .goods78 .review div { margin-bottom:3px; } .goods78 .review .heart00 { margin-bottom:6px; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat 100% 0; } .goods78 .review .heart01 { margin-bottom:6px; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -60px 0; } .goods78 .review .heart02 { margin-bottom:6px; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -45px 0; } .goods78 .review .heart03 { margin-bottom:6px; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -30px 0; } .goods78 .review .heart04 { margin-bottom:6px; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -15px 0; } .goods78 .review .heart05 { margin-bottom:6px; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat 0 0; } /* 썸네일78_type1// */ /* //썸네일78_type2 */ .goods78_2 { float:left; width:510px; margin:12px -20px 0 33px; } .goods78_2 div { float:left; width:100px; margin-right:-2px; } .goods78_2 a.over { border:1px solid #ededed; display:block; float:left; margin:0 12px 11px 0; } .goods78_2 a.over:hover { border:1px solid #ff5a0e; } .goods78_2 a.over img { width:78px; height:78px; } .goods78_2 a.goods, .goods78_2 a.goods:hover{ display:block; overflow:hidden; width:78px; height:40px; _height:39px; padding:0 0 0 2px; font:11px/13px dotum; text-align:center; } .goods78_2 .goods .sale { display:block; padding:0 0 4px; color:#ff5100; font-weight:bold; text-align:center; } .goods78_2 .goods strong { color:#444; } .goods78_2 .goods .goods_name { color:#888; } .goods78_2 .price { display:block; width:78px; padding:7px 0 0 2px; color:#fe5d12; font:bold 11px/13px dotum; text-align:center; cursor:default; } /* 썸네일78_type2// */ /* //썸네일98_type1 */ .goods98_holder { clear:both; width:660px; padding:20px 0 0 15px; overflow:hidden;} .goods98 { width:660px; margin-top:0px;*margin-top:20px; } .goods98 div { float:left; width:110px; height:230px; position:relative; text-align:center; } .goods98 a.over { border:1px solid #ededed; float:left; margin: 0 0 10px 2px; } .goods98 a.over:hover { border:1px solid #ff5a0e; } .goods98 a.over img { width:98px; height:98px; } .goods98 .ic_childbirth { border:0; position:absolute; left:1px; top:-1px; } .goods98_txt, .goods98_txt:hover { display:block; overflow:hidden; width:100px; height:43px; font:11px/14px dotum; } .goods98_txt .sale { display:block; margin:0 0 3px; color:#ff5100; font-weight:bold; } .goods98_txt .brand { color:#000; } .goods98_txt .goods_name{ color:#787878; } .goods98 .price { display:block; width:100px; margin:4px 0 0; color:#444; font:bold 11px/13px dotum; } .goods98 .ic { display:block; width:100px; margin:6px 0 0; word-spacing:-3px; line-height:12px; } /* 썸네일98_type1// */ /* //썸네일98_type1Main */ .mgoods98 { float:left; width:520px; height:210px; margin-top:0px;*margin-top:20px; margin-left:24px; position:relative; } .mgoods98 div { float:left; width:110px; position:relative; text-align:center; padding-right:10px;padding-right /**/:20px; } .mgoods98 a.over { border:1px solid #ededed; display:block; float:left; margin:30px 0 9px 2px;*margin: 12px 0 9px 2px; } .mgoods98 a.over:hover { border:1px solid #ff5a0e; float:left;} .mgoods98 a.over img { width:98px; height:98px; } .mgoods98 .ic_childbirth{ border:0; position:absolute; left:3px; top:29px;*top:11px; } .mgoods98 span { display:block; margin:0 auto; font-size:11px; } .mgoods98 .special { font-weight:bold; color:#1d507a; } .mgoods98 .sale { font-weight:bold; color:#ff5100; margin-bottom:-1px;} .mgoods98 .brand { font-weight:bold; color:#999; margin-bottom:-3px; } .mgoods98 .goods_name { color:#999; width:102px; margin:0 auto -3px auto; } .mgoods98 .price { color:#444; font-weight:bold; margin-top:2px; } .mgoods98 .ic { margin:3px; margin-top:10px; width:95px; text-align:center; line-height:12px; } .mgoods98 .ic img { margin:0 -3px 0 0;*margin:-2px -3px -4px 0; } .mgoods98_cs { position:relative; float:left; overflow:hidden; width:495px; height:210px; margin:20px 0 0 24px; } .mgoods98_cs .m98_wrapper { float:left; width:2000px; position:absolute; text-align:left; padding-right:0; } .mgoods98_cs div { float:left; width:110px; position:relative; text-align:center; padding-right:20px; } .mgoods98_cs a.over { border:1px solid #ededed; float:left; margin: 12px 0 9px 2px; } .mgoods98_cs a.over:hover { border:1px solid #ff5a0e; float:left;} .mgoods98_cs a.over img { width:98px; height:98px; } .mgoods98_cs .ic_childbirth { border:0; position:absolute; left:1px; top:11px; } .mgoods98_cs a.goods_name, .mgoods98_cs a.goods_name:hover { display:block; overflow:hidden; width:98px; height:29px; padding:3px 0 0; color:#787878; font:11px/14px dotum; } .mgoods98_cs .sale { display:block; width:98px; height:13px; padding:0 0 3px; color:#ff5100; font:bold 11px/13px dotum; } .mgoods98_cs .goods_name .brand { color:#000; } .mgoods98_cs .goods_name .special { color:#1d507a; } .mgoods98_cs .price_thr { display:block; width:100px; color:#666; padding:5px 0 2px; font:bold 11px/13px dotum; text-decoration:line-through; cursor:default; } .mgoods98_cs .price { display:block; width:100px; color:#ff5000; padding:0 0 2px; font:bold 11px/13px dotum; cursor:default; } .mgoods98_cs .ic { float:none; position:static; width:100px; margin:3px 0 0; padding:0; text-align:center; word-spacing:-3px; } /* 썸네일98_type1Main// */ /* //썸네일98_type2 */ .goods98_2_holder { clear:both; padding:30px 0 0 15px; } .goods98_2 { position:relative; width:668px; overflow:hidden; line-height:12px; height:240px; } .goods98_2 div { position:relative; float:left; width:210px; height:104px; padding:0 10px 15px 0; } .goods98_2 a.over { float:left; border:1px solid #ededed; margin-right:6px; } .goods98_2 a.over:hover { border:1px solid #ff5a0e; } .goods98_2 a.over img { width:98px; height:98px; } .goods98_2 .ic_childbirth { border:0; position:absolute; left:0px; top:0px; } .goods98_2_txt, .goods98_2_txt:hover { float:left; overflow:hidden; width:100px; height:43px; *height:44px; _height:43px; margin:5px 0 0; font:11px/14px dotum; } .goods98_2_txt .sale { display:block; padding:0 0 3px; color:#ff5100; font:bold 11px/14px dotum; } .goods98_2_txt .brand { color:#444; font:11px/14px dotum; } .goods98_2_txt .special { color:#444; font:11px/14px dotum; } .goods98_2_txt .goods_name { color:#787878; font:11px/14px dotum; } .goods98_2 .price { float:left; width:100px; height:auto; color:#444; margin:3px 0 6px; padding:0; font:bold 11px/14px dotum; cursor:default; } .goods98_2 .ic { float:left; width:90px; height:auto; margin:0; padding:0; cursor:default; } .goods98_2 .ic img { float:left; margin:0 1px 1px 0; padding:0; } /* 썸네일98_type2// */ /* //썸네일98_type3 */ .goods98_3 { position:relative; width:200px; height:100px; line-height:13px; margin:3px auto 0; padding:15px 0 0; } .goods98_3 .photo { position:relative; float:left; width:100px; height:100px; margin: 0px 11px 0 0;} .goods98_3 .ic_childbirth { border:0; position:absolute; left:-1px; top:-1px; } .goods98_3 span, .goods98_3 a:link, .goods98_3 a:visited, .goods98_3 a:hover, .goods98_3 a:active { font-size:11px; } .goods98_3 a.sale, .goods98_3 a.sale:hover { display:block; color:#ff5100; padding-bottom:4px; font-weight:bold; font-family:Tahoma, "돋움", "돋움체"; } .goods98_3 a.special, .goods98_3 a.special:hover { display:block; color:#999; padding-bottom:4px; font-weight:bold; } .goods98_3 a.goods_name, .goods98_3 a.goods_name:hover { display:block; color:#999; padding-bottom:4px; } .goods98_3 a.price, .goods98_3 a.price:hover { display:block; color:#444; padding-bottom:4px; font-weight:bold; } .goods98_3 .ic { float:left; width:80px; line-height:12px; } .goods98_3 .ic img { margin:0 -3px 0 0; *margin:-2px -3px -4px 0; } /*01.07 아래 두줄 추가*/ .goods98_3 a.price_thr { display:block; color:#666; padding:2px 0 2px; font: 11px/13px dotum; text-decoration:line-through; cursor:default; } .goods98_3 .price_red { color:#cc3300; font-weight:bold; margin:2px 0 2px 0; } /* 썸네일98_type3// */ /* //썸네일98_type4 */ .goods98_4 { width:495px; float:right; margin-top:10px; margin-left:-5px; } .goods98_4 div { float:left; _display:inline; width:110px; height:210px; position:relative; text-align:center; margin:0 1px 0 12px; } .goods98_4 a.over { border:1px solid #ededed; display:block; float:left; margin: 0 0 30px 2px; } .goods98_4 a.over:hover { border:1px solid #ff5a0e; float:left;} .goods98_4 a.over img { width:98px; height:98px; } .goods98_4 .ic_childbirth { border:0; position:absolute; left:3px; top:-1px; } .goods98_4 a.goods_name, .goods98_4 a.goods_name:hover { display:block; overflow:hidden; width:98px; height:29px; *margin:0 0 0 -5px; padding:3px 0 0; color:#444; font:11px/14px dotum; } .goods98_4 .sale { display:block; width:98px; height:13px; padding:0 0 3px; color:#e03333; font:bold 11px/13px dotum; } .goods98_4 .goods_name .brand { } .goods98_4 .goods_name .special { color:#1d507a; } .goods98_4 .price_thr { display:block; width:100px; color:#666; padding:5px 0 2px; font:bold 11px/13px dotum; text-decoration:line-through; cursor:default; } .goods98_4 .price { display:block; width:100px; color:#e03333; padding:0 0 2px; font:bold 11px/13px dotum; cursor:default; } .goods98_4 .ic { margin:3px; width:95px; height:26px; text-align:center; line-height:12px; } .goods98_4 .ic img { margin:0 -3px 0 0;*margin:-2px -3px -4px 0; } /* 썸네일98_type4// */ /* //썸네일148_type1 */ .goods148 { width:720px; clear:both; margin:23px -35px 0 9px; line-height:14px; } .goods148 div { float:left; width:143px; height:130px; position:relative; padding:160px 20px 20px 10px; margin:0 5px 0 0; } .goods148 a.over { display:block; position:absolute; left:0; top:0; width:154px; height:154px; background:url(/image/common/bg_thum01.gif) no-repeat 0 0; margin-bottom:1px; } .goods148 a.over:hover { background:url(/image/common/bg_thum01_on.gif) no-repeat 0 0; } .goods148 a.over img { width:148px; height:148px; margin:3px 0 0 3px; float:left; } .goods148 span { display:block; font-size:12px;} .goods148 .ic_childbirth { border:0; position:absolute; left:1px; top:1px; } .goods148 .ranking { z-index:1; position:absolute; left:119px; top:108px; width:56px; height:55px; padding:0; margin:0; } .goods148 .ranking .png24 { tmp:expression(setPng24(this)); } .goods148 .special { color:#444; display:inline; line-height:10px; } .goods148 .brand { font-weight:bold; color:#444; word-break:break-all; } .goods148 .sale { clear:both; font-weight:bold; color:#ff5100; font-family: Tahoma, "돋움", "돋움체"; margin:0 0 6px 2px;} .goods148 .special { color:#000; padding:0; display:inline; word-break:break-all; } .goods148 .goods_name { color:#444; padding:0; display:inline; word-break:break-all; } .goods148 .price { color:#ff5100; font-weight:bold; margin:5px 0 -8px 0; padding-top:4px;} .goods148 .price2 { color:#888; margin:5px 0 -8px 0; padding-top:4px;} .goods148 .price3 { color:#888; margin:5px 0 -8px 0; padding-top:4px; text-decoration:line-through;} .goods148 .ic { width:150px; height:16px; line-height:12px; padding:0; margin:12px -25px 0 0;} .goods148 .ic img { margin:0 -3px 0 0;*margin:-2px -3px -4px 0; } /* 썸네일148_type1// */ /* //썸네일148_type2 */ /*.goods148_2 { width:100%; *width:680px; margin:13px 0 0 20px; _margin:13px 0 0 10px; }*/ .goods148_2 { width:680px; overflow:hidden; margin:13px 0 0; } .goods148_2 div { float:left; _display:inline; overflow:hidden; width:150px; height:150px; position:relative; margin:0 10px 0; padding:160px 0 0; } .goods148_2 a.over { display:block; position:absolute; left:0; top:0; width:148px; height:148px; border:1px solid #ededed; } .goods148_2 a.over:hover { border:1px solid #ff5100; } .goods148_2 a.over img { width:148px; height:148px; } .goods148_2 .ic_childbirth { border:0; position:absolute; left:0px; top:0px; } .goods148_2 .ic_oganic { border:0; position:absolute; left:0px; top:0px; } a.goods148_txt, a.goods148_txt:hover { display:block; height:50px; _height:49px; overflow:hidden; font:12px/16px dotum; } .goods148_txt .sale { display:block; margin:0 0 5px; color:#ff5100; font-weight:bold; font-family: Tahoma, "돋움", "돋움체"; } .goods148_txt .special { color:#000; padding:0; } .goods148_txt .brand { color:#000; padding:0;} .goods148_txt .goods_name { color:#787878; padding:0; } .goods148_2 .price148 { display:block; _display:block; position:static; float:none; overflow:visible; width:150px; height:auto; margin:7px 0 0; padding:0; } .goods148_2 .price { display:block; color:#ff5100; font:bold 12px/16px dotum; } .goods148_2 .price1 { color:#ff5100; font:bold 12px/16px dotum; } .goods148_2 .price2 { display:block; color:#888; font:12px/16px dotum; } .goods148_2 .price3 { display:block; color:#888; font:12px/16px dotum; text-decoration:line-through; } .goods148_2 .ic { display:block; _display:block; position:static; float:none; overflow:visible; width:150px; height:20px; margin:5px 0 0; padding:0; word-spacing:-3px; } .goods148_2 .style1 { color: #666666; letter-spacing:-1px; font-family: "돋움"; font-size: 12px;} .goods148_2 .style2 { color: #FF3300; font-weight: bold; font-family: "돋움"; font-size: 12px;} .goods148_2 .style3 { color: #666666; letter-spacing:0px; text-decoration: line-through; font-family: "돋움"; font-size: 12px;} .goods148_2 .style5 { color: #666666; font-family: "돋움"; font-size: 12px;} .goods148_2 .apDiv1 { position:absolute; top:240; left:80px; z-index:1; width:50px; height:22px; display:none; border: solid 2 gray; background-color:#EEEEEE} /* 썸네일148_type2// */ /* //썸네일298 */ .goods298 { width:680px; overflow:hidden; margin:5px 0 0; padding:0 0 15px; background:url(/image/common/goods298Line.gif) repeat-y 50% 0;} .goods298 div { float:left; _display:inline; width:300px; height:110px; position:relative; margin:15px 20px; padding:320px 0 0; } .goods298 a.over { display:block; position:absolute; left:0; top:0; width:298px; height:298px; border:1px solid #fff; } .goods298 a.over:hover { border:1px solid #ff5100; } .goods298 a.over img { width:298px; height:298px; } .goods298 .ic_childbirth { border:0; position:absolute; left:1px; top:1px; } .goods298_txt, .goods298_txt:hover { display:block; overflow:hidden; height:30px; font:12px/16px dotum; } .goods298_txt .sale { color:#ff5100; font-weight:bold; } .goods298_txt .brand { color:#000000; } .goods298_txt .special { color:#000000; } .goods298_txt .goods_name { color:#787878; } .goods298 .price_area { display:block; margin:7px 0 0; font:12px/16px dotum; } .goods298 .price { display:block; color:#ff5100; font-weight:bold; } .goods298 .price2 { display:block; color:#444; } .goods298 .price3 { display:block; color:#444; text-decoration:line-through; } .goods298 .ic { display:block; margin:7px 0 0; line-height:12px; word-spacing:-3px; } /* 썸네일298// */ /* ************************************************************************ CategoryMain ************************************************************************ */ /* //베스트추천상품 */ .m_best { background:url(/image/common/m_bestBg.jpg) no-repeat 0 0; width:712px; height:259px; margin-bottom:10px; } .m_best .command { width:491px; float:left; } .m_best .command .ttl { padding:19px 0 7px 32px; } .m_best .command .ttl a.rollover img { border-width:0px; display:inline; vertical-align:top; margin:2px -4px 0 0; } .m_best .command .ttl a.rollover img.on { display:none; } .m_best .command .ttl a.rollover:hover { border:0px } .m_best .command .ttl a.rollover:hover img { display:none; } .m_best .command .ttl a.rollover:hover img.on { display:inline; } /* .m_best .command .goods98 { margin:0 0 0 27px; width:450px; } .m_best .command .goods98 div { float:left; width:110px; height:28px; position:relative; text-align:center; } .m_best .command .goods98 span { display:block; margin:0 auto; font-size:11px; padding-left:2px; } .m_best .command .goods98 a.over { border:1px solid #fff; display:block; float:left; position:absolute; left:4px; top:10px;*top:10px; } .m_best .command .goods98 a.over:hover { border:1px solid #ff5a0e; } .m_best .command .goods98 .ic_childbirth { border:0; position:absolute; left:5px; top:10px; } .m_best .command .goods98 .special { font-weight:bold; color:#1d507a; margin-top:120px; } .m_best .command .goods98 .goods_name { width:65px; margin:0 auto; color:#1d507a; } .m_best .command .goods98 .price { color:#fe5d12; font-weight:bold; margin-top:3px; } */ .m_best .command .goods98_cs { position:relative; overflow:hidden; width:436px; height:210px; margin:6px 0 0 29px; } .m_best .command .goods98_cs ul.slideWrap { list-style:none; position:absolute; top:0; left:0; float:left; width:2000px; } .m_best .command .goods98_cs ul.slideWrap li{ position:relative; float:left; width:108px; background:url(/image/common/m_bestBg01.png) 0 0 no-repeat; margin-right:1px; cursor:pointer; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/agabang.com/shop/image/common/m_bestBg01.png', sizingMethod='crop'); } .m_best .command .goods98_cs .ic_childbirth { position:absolute; top:3px; left:3px; float:left; } .m_best .command .goods98_cs a img { float:left; } .m_best .command .goods98_cs a.over { display:inline; float:left; width:98px; height:98px; margin:4px 4px 14px; padding:0; border:1px solid #fff; } .m_best .command .goods98_cs a.over:hover { border:1px solid #ff5a0e; } .m_best .command .goods98_cs a.txt, .m_best .command .goods98_cs a.txt:hover { float:left; } .m_best .command .goods98_cs span { float:left; width:108px; padding:1px 0 1px; font-size:11px; text-align:center; cursor:pointer; } .m_best .command .goods98_cs .special { color:#1d507a; font-weight:bold; } .m_best .command .goods98_cs .goods_name { overflow:hidden; width:85px; height:42px; padding:1px 11px 0; color:#1d507a; line-height:1.3; } .m_best .command .goods98_cs .price { padding:4px 0 0; color:#fe5d12; font-weight:bold; } .m_best .no1 { width:140px; float:left; position:relative; padding:197px 0 0 50px; } .m_best .no1 .nol_txt { overflow:hidden; width:140px; height:36px; } .m_best .no1 .thum { position:absolute; top:25px; left:38px; } .m_best .no1 span { line-height:15px; } .m_best .no1 .price { color:#fe5d12; font-size:11px; font-weight:bold; margin-top:2px; display:block;} .m_best .no1 .ic_no1 { position:absolute; top:14px; left:27px; } /* 베스트추천상품// */ .m_brandlist { width:156px; float:left; position:relative; margin-top:2px; } .m_brandlist a.rollover { display:block; border-bottom:1px solid #eee; width:150px; height:19px; font-family:gulim, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:1px 0 0 6px; color:#888;} .m_brandlist a.rollover:hover { width:150px; height:20px; background:url(/image/common/m_brandlist.gif) no-repeat 0 0; color:#fff; margin:-1px 0 0 0; padding:2px 0 0 6px; border:none;} .m_brandlist a.rollover2 { display:block; border:none; width:150px; height:19px; font-family:gulim, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding:1px 0 0 6px; color:#888;} .m_brandlist a.rollover2:hover { width:150px; height:20px; background:url(/image/common/m_brandlist.gif) no-repeat 0 0; color:#fff; margin:-1px 0 0 0; padding:2px 0 0 6px;} .m_brandlist a.rollover_on, .m_brandlist a.rollover_on:hover { display:block; font-family:gulim, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; width:150px; height:20px; background:url(/image/common/m_brandlist.gif) no-repeat 0 0; color:#fff; margin:-1px 0 0 0; padding:2px 0 0 6px; border:none; } .m_search_on { clear:both; background:url(/image/common/m_searchBg.gif) repeat-x 0 0; margin:13px 0 0 0; padding-top:10px; min-height:60px; height:60px; height /**/:auto; } .m_search_on img { display:block; float:left; } .m_search_on h4 { float:left; height:50px; width:420px; font-size:12px; font-weight:bold; color:#000; padding-left:14px; overflow:hidden; } .m_search_on .d_search { float:left; width:140px; } .m_search_on .d_search img { cursor:pointer; display:block; float:left; } .m_search_on .align { float:right; } .m_search_on .align img { cursor:pointer; display:block; float:left; } .m_search_on dl { width:100%; overflow:hidden; } .m_search_on dl dt { width:160px; background:url(/image/icon/bullet_gray3.gif) no-repeat 13px 13px; font-weight:bold; color:#666;padding:8px 0 0 20px; float:left; } .m_search_on dl dd { width:531px; overflow:hidden; color:#aaa; font-size:11px; float:left; padding-top:3px; } .m_search_on dl dd p { float:left; margin-top:-1px; padding-top:3px; white-space:nowrap; } .m_search_on dl dd input { margin:2px 0 3px 2px;*margin:-1px 0 0px 2px; } .m_search_on dl dd label { margin:2px 27px 3px 3px;*margin:0 27px 0 -1px; } .m_search_on dl dd span { margin:2px 27px 3px 3px;*margin:0 27px 0 -1px; } .m_search_on dl dd.colorful input { float:left; margin:1px 2px 0 2px;*margin:-1px 2px 0 2px; } .m_search_on dl dd.colorful label { float:left; margin:1px 30px 0 0;*margin:3px 30px 0 0; } .m_search_on dl dd.colorful div { float:left; width:16px;*width:21px; height:16px;*height:21px; padding:3px 0 0 3px;*padding:0; margin:-2px 2px 0 0;} .m_search_on dl dd.colorful div input { margin:0; border:0; padding:0; } .m_search_on dl dd.colorful .color01 { background:#FF0000; } .m_search_on dl dd.colorful .color02 { background:#ff7800; } .m_search_on dl dd.colorful .color03 { background:#ffcc00; } .m_search_on dl dd.colorful .color04 { background:#ff8aeb; } .m_search_on dl dd.colorful .color05 { background:#24b70c; } .m_search_on dl dd.colorful .color06 { background:#00a8ff; } .m_search_on dl dd.colorful .color07 { background:#c22eff; } .m_search_on dl dd.colorful .color08 { background:#222222; } .m_search_on dl dd.colorful .color09 { background:#b3b3b3; } .m_search_on dl dd.colorful .color10 { background:#f7f7f7; } #m_search_option { clear:both; margin:-11px 0 40px 0; line-height:120%; height:150px;} #m_search_option li { border-bottom:1px solid #eee; padding:3px 0;} #m_search_option li .rightImgBtn { float:right; margin-right:8px; } ul.productAlignTab { clear:both; list-style:none; overflow:hidden; width:692px; height:29px; padding:0 10px 0; background:url(/image/board/bg/tabCommon_bg01.gif) 0 100% repeat-x;} ul.productAlignTab li { float:left; margin:0 1px 0 0; cursor:pointer; } ul.productAlignTab img { float:left; } ul.productAlignTab .floatR { float:right; padding:3px 0 0; } /* ************************************************************************ Layer_Popup ************************************************************************ */ .layer712 { width:706px; background:#444 url(/image/common/layerpop_tit_preview.gif) no-repeat 3px 3px; padding:3px; } .layer712 .close_btn { float:right; margin:6px 7px 7px 0; cursor:pointer; } .layer712 .close { background:#eee; height:18px; position:relative; } .layer712 .close img { position:absolute; top:2px; right:3px; cursor:pointer; } .layer712 .goods_name { clear:both; height:38px; padding-top:25px; } .layer712 .goods_name span { font-weight:bold; color:#fff; font-size:14px; padding:0 5px 0 17px; } .layer712 .goods_name img { margin-right:-2px } .layer712 .goods_info { height:401px; background:#fff; } /* .layer712 .goods_info .photo { float:left; padding:21px 0 0 19px;} .layer712 .goods_info .photo img { border:1px solid #ededed; } .layer712 .goods_info .photo .thum { width:308px; margin-top:10px; } .layer712 .goods_info .photo .thum li { width:66px; float:left; } .layer712 .goods_info .photo .thum a { float:left; border:1px solid #ecedee;} .layer712 .goods_info .photo .thum a img { float:left; width:59px; height:59px; border:0; } .layer712 .goods_info .photo .thum a:hover { border:1px solid #ff5000; } .layer712 .goods_info .photo .thum .left { width:22px; text-align:left; padding-top:1px; } .layer712 .goods_info .photo .thum .right { width:16px; text-align:right; padding:1px 0 0 3px; } .layer712 .goods_info .photo .thum a.over { border:0; width:12px; height:60px; } .layer712 .goods_info .photo .thum a.over img { border-width:0px; display:inline; width:12px; height:60px; } .layer712 .goods_info .photo .thum a.over img.on { display:none; } .layer712 .goods_info .photo .thum a.over:hover { border:0px; width:12px; height:60px; } .layer712 .goods_info .photo .thum a.over:hover img { display:none; } .layer712 .goods_info .photo .thum a.over:hover img.on { display:inline; width:12px; height:60px; border:0; } */ .layer712 .goods_info .photo { float:left; width:314px; padding:21px 0 0 19px; } .layer712 .goods_info .photo .pic_product { float:left; width:298px; height:298px; border:1px solid #ededed; } .layer712 .goods_info .photo .pic_product img { float:left; width:298px; height:298px; } .layer712 .goods_info .photo .thum_list { float:left; width:300px; padding:11px 0 0; } .layer712 .goods_info .photo .left { float:left; width:12px; margin:0 10px 0 0; } .layer712 .goods_info .photo .left img { float:left; } .layer712 .goods_info .photo .right { float:right; width:12px; } .layer712 .goods_info .photo .right img { float:right; } .layer712 .goods_info .photo .thum_wrapper { position:relative; top:0; left:0; float:left; overflow:hidden; width:264px; height:60px; } .layer712 .goods_info .photo .thum { list-style:none; position:absolute; top:0; left:0; float:left; width:600px; } .layer712 .goods_info .photo .thum li { float:left; width:60px; height:60px; padding:0 6px 0 0; } .layer712 .goods_info .photo .thum li a { float:left; width:58px; height:58px; border:1px solid #ededed; } .layer712 .goods_info .photo .thum li a img { float:left; width:58px; height:58px; border:0; } .layer712 .goods_info .photo .thum li a:hover { border:1px solid #ff5100; } .layer712 .goods_info .detail { width:343px; float:left; padding-top:20px; padding-left:10px; } .layer712 .goods_info .detail dl { width:343px; background:url(/image/common/line_graydot.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; float:left; } .layer712 .goods_info .detail dt, .layer712 .goods_info .detail dd { float:left; padding:0; margin:0; border:0; } .layer712 .goods_info .detail dt { width:80px; height:17px; } .layer712 .goods_info .detail dd { width:260px;height:19px; margin-bottom:-2px; color:#888; } .layer712 .goods_info .detail dd.option { clear:both; width:263px; padding:2px 0 0 80px; } .layer712 .goods_info .detail .num { position:relative; } .layer712 .goods_info .detail .num input { width:62px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #cccccc; font:12px/15px dotum; margin-top:2px;*margin:0; } .layer712 .goods_info .detail .num .arrow { width:5px; position:absolute; left:72px; top:2px; } .layer712 .goods_info .detail .num .arrow a.over img { border-width:0px; display:inline; padding:1px 2px; float:left; } .layer712 .goods_info .detail .num .arrow a.over img.on { display:none; } .layer712 .goods_info .detail .num .arrow a.over:hover { border:0px; } .layer712 .goods_info .detail .num .arrow a.over:hover img { display:none; } .layer712 .goods_info .detail .num .arrow a.over:hover img.on { display:inline; } .layer712 .goods_info .detail .btn { clear:both; width:320px; background:#fff; margin-top:-13px; padding:2px 13px;*padding:13px; } .layer712 .goods_info .detail .btn a.over img { border-width:0px; display:inline; float:left; width:75px; height:37px; margin-right:5px; } .layer712 .goods_info .detail .btn a.over img.on { display:none; } .layer712 .goods_info .detail .btn a.over:hover { border:0px; } .layer712 .goods_info .detail .btn a.over:hover img { display:none; } .layer712 .goods_info .detail .btn a.over:hover img.on { display:inline; } .layer592 { z-index:20;width:590px; background:#444; padding:1px; position:absolute; left:20px; top:20px; } .layer592 .title { height:20px; background:#ff5100; } .layer592 .title h1 { float:left; } .layer592 .title h1 img { float:left; } .layer592 .title .close_btn { float:right; cursor:pointer; padding:6px 8px 3px 8px; } .layer592 .contents { background:#fff; padding:10px; height:500px; } .layer592 .contents .pic_product { float:left; border:1px solid #ededed; } .layer592 .contents .pic_product img { float:left; width:498px; height:498px; } .layer592 .contents .btn { float:right; width:60px; padding:0 4px 0 0; } .layer592 .contents .up { float:left; margin:0 0 10px 0; } .layer592 .contents .up img { float:left; } .layer592 .contents .down { float:left; margin:9px 0 0 0; } .layer592 .contents .down img { float:left; } .layer592 .contents .thum_wrapper { position:relative; top:0; left:0; float:left; overflow:hidden; width:60px; height:457px; padding:0; } .layer592 .contents .thum_wrapper img { float:left; } .layer592 .contents .thum { list-style:none; position:absolute; top:0; left:0; width:60px; float:left; } .layer592 .contents .thum li { float:left; height:66px; } .layer592 .contents .thum a { float:left; width:58px; height:58px; border:1px solid #ededed;} .layer592 .contents .thum a img { float:left; width:58px; height:58px; border:0; } .layer592 .contents .thum a:hover { border:1px solid #ff5100; } .layer592_1 { z-index:20;width:607px; background:#444; padding:1px; position:absolute; left:50px; top:50px; } .layer592_1 .title { height:20px; background:#ff5100; } .layer592_1 .title h1 { float:left; } .layer592_1 .title h1 img { float:left; } .layer592_1 .title .close_btn { float:right; padding:6px 8px 3px 8px; cursor:pointer; } .layer592_1 .codilistWrapper { height:453px; overflow-x:hidden; overflow-y:scroll; background:#ffffff; } .layer592_1 .codilist { width:590px; border-collapse:collapse; } .layer592_1 .codilist th { color:#787878; font-size:11px; padding:4px 0 1px 0; border-bottom:1px solid #ccc; text-align:center; border-bottom:1px solid #ccc; font-weight:normal; } .layer592_1 .codilist td { height:110px; background:url(/image/common/line_codilist2.gif) repeat-x left bottom; text-align:center; } .layer592_1 .codilist .check { width:31px; padding:0 0 0 8px; background:url(/image/common/line_codilist.gif) no-repeat left bottom; } .layer592_1 .codilist .check input { width:24px; } .layer592_1 .codilist .photo { width:80px;} .layer592_1 .codilist .photo img { border:1px solid #ccc; width:78px; height:78px; } .layer592_1 .codilist .goods_name { text-align:left; padding-left:5px; } .layer592_1 .codilist .goods_name span { display:block; color:#787878; } .layer592_1 .codilist .goods_name .sale { font-weight:bold; color:#ff5100; display:block; } .layer592_1 .codilist .price { width:70px; color:#ff5100; font-weight:bold; font-size:11px; } .layer592_1 .codilist .option { width:120px; padding:0 0 0 5px; text-align:left; } .layer592_1 .codilist .num { width:50px; background:url(/image/common/line_codilist.gif) no-repeat right bottom; } .layer592_1 .codilist .num input { float:left; width:25px; height:14px; margin:0 0 0 5px; padding:1px 2px 0; border:1px solid #cccccc; font:12px/14px dotum; } .layer592_1 .codilist .num .arrow { float:left; width:9px; } .layer592_1 .codilist .num .arrow a.over img { float:left; border-width:0px; padding:1px 2px; } .layer592_1 .codilist .num .arrow a.over img.on { display:none; } .layer592_1 .codilist .num .arrow a.over:hover { border:0px; } .layer592_1 .codilist .num .arrow a.over:hover img { display:none; } .layer592_1 .codilist .num .arrow a.over:hover img.on { display:inline; } .layer592_1 .holder { width:590px; background:#fff; margin-top:-2px; } .layer592_1 .total { background:url(/image/common/layer_codi_total.gif) no-repeat center top; width:570px; height:26px; margin:0; text-align:right; padding:10px 20px 0 0;} .layer592_1 .total span { font-weight:bold; color:#000; } .layer592_1 .total .price { color:#ff5100; } .layer592_1 .popbtn { clear:both; text-align:right; padding:5px 20px 30px 0; } .layer444 { z-index:20; width:442px; background:#444; padding:1px; position:absolute; right:20px; top:20px; } .layer444 .title { height:20px; background:#ff5100; } .layer444 .title h1 { float:left; } .layer444 .title h1 img { float:left; } .layer444 .title .close_btn { float:right; cursor:pointer; padding:6px 8px 3px 8px; } .layer444 .contents { clear:both; width:402px; background:#fff; margin:0 auto; padding:10px; } .layer444 .contents h2 { padding:3px; color:#787878; font-size:12px; margin-bottom:7px; } .layer444 .contents .pay { width:400px; height:100px; border-top:1px solid #ccc; padding-top:14px; } .layer444 .contents .pay dt, .layer444 .contents .pay dd { float:left; padding-bottom:2px; vertical-align:top; margin-bottom:-3px; } .layer444 .contents .pay dt { width:64px; padding-left:10px; } .layer444 .contents .pay dd { width:326px; font-size:11px; color:#888; padding-bottom:4px; } .layer444 .contents .pay dd.how input { float:left; margin:0;*margin:-1px 0 0 -2px; border:1px solid #fff; vertical-align:text-bottom; } .layer444 .contents .pay dd.how span { float:left; margin:0px 16px 0 2px;*margin:0px 16px 0 -2px; } .layer444 .contents .pay dd.point input { width:62px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #cccccc; font:12px/15px dotum; } .layer444 .contents .total { clear:both; width:378px; margin:21px 0 0 8px; } .layer444 .contents .total dt, .layer444 .contents .total dd { float:left; height:18px; border-bottom:1px solid #eee; padding-top:4px; color:#999; font-size:11px; } .layer444 .contents .total dt { width:217px; padding-left:8px; } .layer444 .contents .total dd { width:142px; text-align:right; padding-right:11px; } .layer444 .contents .total dd.sum { width:367px; text-align:right; padding-right:11px; border:none; padding-top:5px; font-size:12px; color:#ff5000; font-weight:bold; } .layer444 .contents .btn { clear:both; text-align:center; padding:13px 0; cursor:default; } .layer444 .contents .btn img{ cursor:pointer; } /* 쿠폰리스트_시작 */ .bd_layer { clear:both; width:378px; border-collapse:collapse; margin:-7px 0 0 8px; } .bd_layer tr.cancel { background:#ffffe5; } .bd_layer tr.cancel td.use { font-weight:bold; color:#ff5000; } .bd_layer th { height:26px;*height:19px; color:#fff; font-size:11px; background:url(/image/common/layer_bd_bg01.gif) no-repeat 0 0; } .bd_layer th span { display:block; padding-top:0px;*padding-top:4px; height:18px; } .bd_layer th .last { display:block; border-right:1px solid #000; padding-top:4px;*padding-top:4px; margin-top:-3px;*margin-top:0; height:18px; } .bd_layer td { color:#888; font-size:11px; border:1px solid #eee; text-align:center; padding:2px 0 0 0; } .bd_layer td.leftxt { text-align:left; padding-left:3px; } .bd_layer td.use { font-weight:bold; } /* 쿠폰리스트_끝 */ .layer424 { width:432px; background:#444; padding:1px; } .layer424 .title { height:20px; background:#ff5100; } .layer424 .title h1 { float:left; } .layer424 .title h1 img { float:left; } .layer424 .title .close_btn { float:right; cursor:pointer; padding:6px 8px 3px 8px; } .layer424 .contents { padding:13px 0; background:#fff; } .layer424 .contents h2 { overflow:hidden; width:390px; margin:0 auto 13px; } .layer424 .contents h2 img { float:left; } .layer424 .contents .goods { clear:both; width:386px; height:90px; background:#f5f5f5; padding:0; margin:0 auto; } .layer424 .contents .goods dt, .layer424 .contents .goods dd { float:left; } .layer424 .contents .goods dt { padding:5px; } .layer424 .contents .goods dt img { width:78px; height:78px; border:1px solid #ccc; } .layer424 .contents .goods dd { padding:13px 0 0 16px; color:#444; } .layer424 .contents .goods dd img { margin:5px 0 2px 1px; float:left; } .layer424 .contents .goods .etc { display:block; } .layer424 .contents .mailcon { width:376px; height:155px; padding:0; margin:12px auto 0 auto; } .layer424 .contents .mailcon dd { padding-bottom:5px; } .layer424 .contents .mailcon .mail_subj { width:368px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:2px 3px; border:1px solid #cccccc; font:11px/15px dotum; margin-top:2px;*margin:0; color:#999; background:#f5f5f5; } .layer424 .contents .mailcon .mail_con { width:371px;*width:368px; height:119px; padding:1px 0px 0 3px;*padding:2px 3px; border:1px solid #cccccc; font:11px/15px dotum; margin-top:2px;*margin:0; color:#999; background:#f5f5f5; overflow: auto; } .layer424 .contents .address { width:376px; height:57px; margin:0 auto; border-bottom:1px solid #eee; font-size:11px; color:#888; margin-top:9px; } .layer424 .contents .address dt { float:left; height:21px; width:71px; text-align:right; padding:4px 7px 0 0; } .layer424 .contents .address dd { float:left; height:25px; width:290px; } .layer424 .contents .address dd .short { width:90px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:2px 3px; border:1px solid #cccccc; font:11px/15px dotum; margin-top:2px;*margin:0; color:#999; } .layer424 .contents .address dd .long { width:160px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:2px 3px; border:1px solid #cccccc; font:11px/15px dotum; margin-top:2px;*margin:0; color:#999; } .layer424 .contents .btn { text-align:center; margin:15px 0 13px 0; } .layer424 .contents .btn img{ cursor:pointer; } /* ************************************************************************ Goods_Detail_제품상세 ************************************************************************ */ #goods_view { width:892px; background:url(/image/common/view_bg.gif) no-repeat left top; margin-bottom:55px; } #goods_view .photo { float:left; width:684px; } #goods_view .photo .goods_name { height :33px; padding-top:22px; } #goods_view .photo .goods_name span { font-weight:bold; color:#444; font-size:14px; padding:0 5px 0 28px; } #goods_view .photo .goods_name img { margin-right:-2px } #goods_view .photo .goods_info { height:401px; } #goods_view .photo .goods_info .photo { float:left; width:314px; padding-left:18px; padding-top:12px;} #goods_view .photo .goods_info .photo a.pic_product, #goods_view .photo .goods_info .photo a.pic_product:hover { float:left; width:298px; height:298px; border:1px solid #ededed; } #goods_view .photo .goods_info .photo a.pic_product img { float:left; width:298px; height:298px; } #goods_view .photo .goods_info .photo .thum_list { float:left; width:300px; padding:11px 0 0; } #goods_view .photo .goods_info .photo .left { float:left; width:12px; margin:0 10px 0 0; } #goods_view .photo .goods_info .photo .left img { float:left; } #goods_view .photo .goods_info .photo .right { float:right; width:12px; } #goods_view .photo .goods_info .photo .right img { float:right; } #goods_view .photo .goods_info .photo .thum_wrapper { position:relative; top:0; left:0; float:left; overflow:hidden; width:264px; height:60px; } #goods_view .photo .goods_info .photo .thum { list-style:none; position:absolute; top:0; left:0; float:left; width:600px; } #goods_view .photo .goods_info .photo .thum li { float:left; width:60px; height:60px; padding:0 6px 0 0; } #goods_view .photo .goods_info .photo .thum li a { float:left; width:58px; height:58px; border:1px solid #ededed; } #goods_view .photo .goods_info .photo .thum li a img { float:left; width:58px; height:58px; border:0; } #goods_view .photo .goods_info .photo .thum li a:hover { border:1px solid #ff5100; } #goods_view .photo .goods_info .photo .thum li a.menuActive, #goods_view .photo .goods_info .photo .thum li a.menuActive:hover { border:1px solid #ff5100; } #goods_view .photo .goods_info .showSale { position:absolute; top:0; left:-60px; z-index:100; border:1px solid #444444; background:#ffffff; } #goods_view .photo .goods_info .showSale_tit{ position:relative; float:left; background:#ff5100; padding-top:16px; } #goods_view .photo .goods_info .showSale_close{ position:absolute; top:4px; right:5px; cursor:pointer; } #goods_view .photo .goods_info .showSale_contents{ padding:3px; background:#fff; } #goods_view .photo .goods_info .detail { width:336px; float:left; padding-top:10px; } #goods_view .photo .goods_info .detail dl { width:336px; background:url(/image/common/line_graydot.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; float:left; } #goods_view .photo .goods_info .detail dt, #goods_view .photo .goods_info .detail dd { float:left; padding:0; margin:0; border:0; } #goods_view .photo .goods_info .detail dt { width:76px; height:20px; } #goods_view .photo .goods_info .detail dd { width:257px;height:22px; margin-bottom:-2px; color:#888; } #goods_view .photo .goods_info .detail dd img { margin-left:5px; cursor:pointer; } #goods_view .photo .goods_info .detail dd.option { clear:both; width:263px; padding:2px 0 0 76px; } #goods_view .photo .goods_info .detail .num { } #goods_view .photo .goods_info .detail .num input { float:left; width:62px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #cccccc; font:12px/15px dotum; margin-top:2px; } #goods_view .photo .goods_info .detail .num .arrow { float:left; width:9px; padding-top:3px; } #goods_view .photo .goods_info .detail .num .arrow img{ float:left; margin-top:1px; } #goods_view .photo .goods_info .detail .btn { clear:both; width:340px;*width:310px; background:#fff; margin-top:-14px; padding:2px 13px;*padding:13px; } #goods_view .photo .goods_info .detail .btn a.over img { border-width:0px; display:inline; float:left; width:75px; height:37px; margin-right:5px; } #goods_view .photo .goods_info .detail .btn a.over img.on { display:none; } #goods_view .photo .goods_info .detail .btn a.over:hover { border:0px; } #goods_view .photo .goods_info .detail .btn a.over:hover img { display:none; } #goods_view .photo .goods_info .detail .btn a.over:hover img.on { display:inline; } #goods_view .command { float:right; width:200px; height:200px; padding-top:23px; } #goods_view .command .review { width:182px; height:70px; background:url(/image/common/view_review_bg.gif) no-repeat 0 0; padding:8px 0 0 10px; position:relative; } #goods_view .command .review div { margin:0; color:#888; margin-bottom:-4px; } #goods_view .command .review .heart00 { margin:0 0 10px 0; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat 100% 0; } #goods_view .command .review .heart01 { margin:0 0 10px 0; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -60px 0; } #goods_view .command .review .heart02 { margin:0 0 10px 0; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -45px 0; } #goods_view .command .review .heart03 { margin:0 0 10px 0; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -30px 0; } #goods_view .command .review .heart04 { margin:0 0 10px 0; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -15px 0; } #goods_view .command .review .heart05 { margin:0 0 10px 0; width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat 0 0; } #goods_view .command .review .score { position:absolute; right:23px; top:4px; color:#ff5000; font-size:15px; font-weight:bold; } #goods_view .command .best { width:182px; height:320px; background:url(/image/common/view_command_bg.gif) no-repeat 0 0; margin-top:2px; } #goods_view .command .best img { float:left; } #goods_view .command .related { width:182px; height:320px; background:url(/image/common/view_command_bg.gif) no-repeat 0 0; margin-top:2px; display:none; } #goods_view .command .related img { float:left; } #goods_view .command dl { clear:both; margin:10px 0 0 6px; } #goods_view .command dt, #goods_view .command dd { float:left; height:58px; } #goods_view .command dd { width:100px; } #goods_view .command dt img { width:58px; height:58px; border:1px solid #ecedee;} #goods_view .command dd { padding:7px 0 5px 5px; } #goods_view .command dd span { display:block; overflow:hidden; height:25px; line-height:14px; font-size:11px; color:#888; } #goods_view .command dd .price { height:auto; font-weight:bold; color:#444; margin-top:6px; } .productDetail { clear:both; margin-bottom:30px; } .productDetail ul.pd_tab { list-style:none; overflow:hidden; width:885px; height:31px; margin:10px 0; padding:0 0 2px 7px; background:url(/image/board/bg/tabCommon_bg01.gif) 0 100% repeat-x;} .productDetail ul.pd_tab li { float:left; width:216px; height:15px; margin:0 0 0 3px; padding:9px 0 7px; *padding:8px 0; font:bold 12px dotum; text-align:center; cursor:pointer; word-spacing:-4px; background:url(/image/common/productDetail_tabbgOut.gif) 0 0 no-repeat; color:#888; } .productDetail ul.pd_tab li.m_on { background:url(/image/common/productDetail_tabbgOver.gif) 0 0 no-repeat; color:#fff; } .productDetail ul.pd_tab li.m_out { background:url(/image/common/productDetail_tabbgOut.gif) 0 0 no-repeat; color:#888; } .productDetail ul.pd_tab li span { padding:0 0 0 3px; } .productDetail .spec { margin-left:10px; width:887px; } .productDetail .spec div { position:static; float:none; overflow:visible; width:auto; height:auto; margin:0; padding:0; } .productDetail .spec h5 { border-bottom:1px solid #eee; padding:29px 0 11px 0; } .productDetail .spec table { margin-top:12px; font-size:11px; } .productDetail .spec table img { padding:2px; } .productDetail .spec table th, .productDetail .spec table td { vertical-align:top; } .productDetail .spec table th { padding:0 11px; } .productDetail .review { padding:13px 10px 0 10px; } .productDetail .review .imgtxt { display:block; float:left; margin:2px 8px 0px 4px; } .productDetail .review .valueTxt { clear:both; float:left; margin:0px 8px 2px 6px; color:#FF9428} .productDetail .review .point { float:left; margin-top:-1px; padding:0 15px 0 9px; font-weight:bold; color:#ff5000; background:url(/image/icon/bullet_gray4.gif) no-repeat right top; } .productDetail .review .writenum { float:left; margin-top:-1px; padding:0 101px 0 14px; font-weight:bold; color:#888; background:url(/image/common/view_review_num.gif) no-repeat right center;} .productDetail .review .heart00 { width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat 100% 0;float:left; } .productDetail .review .heart01 { width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -60px 0;float:left; } .productDetail .review .heart02 { width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -45px 0;float:left; } .productDetail .review .heart03 { width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -30px 0;float:left; } .productDetail .review .heart04 { width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat -15px 0;float:left; } .productDetail .review .heart05 { width:75px; height:15px; background:url(/image/icon/review_heart.gif) no-repeat 0 0;float:left; } .productDetail .review .message_wrapper { clear:both; width:872px; margin-top:15px; padding:0 0 12px; background:#f5f5f5 url(/image/board/box/etc01_bottom.gif) 0 100% no-repeat; position:relative; } .productDetail .review .message_contents { padding:11px 14px 0; background:url(/image/board/box/etc01_top.gif) 0 0 no-repeat; color:#888; } .productDetail .review .message_contents dt { padding:2px 0 10px 0; } .productDetail .review .message_contents dd { padding:1px 0 1px 5px; } .productDetail .review .message_wrapper .btn { position:absolute; right:21px; bottom:16px; } .productDetail .review .inquiry_list { clear:both; width:100%; margin:30px 0 0; border-collapse:collapse; table-layout:fixed; word-kreak:kreak-all; } .productDetail .etcmessage_wrapper { clear:both; width:872px; margin:; padding:0 0 15px; background:#f5f5f5 url(/image/board/box/etc01_bottom.gif) 0 100% no-repeat; margin:20px 0 0 10px; } .productDetail .etcmessage_contents { padding:11px 16px 0; background:url(/image/board/box/etc01_top.gif) 0 0 no-repeat; color:#888; } .productDetail .etcmessage_contents dt { padding:0 0 0 10px; background:url(/image/board/bu/middotGray3px.gif) 0 6px no-repeat; font:bold 12px/1.5 dotum; } .productDetail .etcmessage_contents dd { padding:0 0 10px 20px; font:11px/1.5 dotum; } /* 상품평_문의내역등_공통 */ .inquiry_write { clear:both; width:100%; border-collapse:collapse; table-layout:fixed; word-kreak:kreak-all; margin-top:12px; display:none; } .inquiry_write th { width:64px; } .inquiry_write td { padding:7px 0 6px; *padding:6px 0 5px; } .inquiry_write .it_title { width:790px; height:15px; padding:0 3px; border:1px solid #cccccc; font:12px/15px dotum; } .inquiry_write .ta_contents { width:790px; height:95px; padding:5px 3px; border:1px solid #cccccc; font:12px/1.5 dotum; } .inquiry_write .btn { padding:4px 0 0 64px; *padding:5px 0 0 64px; } .inquiry_list { clear:both; width:100%; margin:30px 0 0; border-collapse:collapse; table-layout:fixed; word-kreak:kreak-all; } .inquiry_list tr.view { display:none; } .inquiry_list td { padding:7px 5px 4px; padding /**/:6px 5px 5px; border-top:1px solid #cccccc; font:11px/20px dotum; } .inquiry_list a:link, .inquiry_list a:visited { color:#888; font:bold 12px/18px dotum; } .inquiry_list a:active, .inquiry_list a:hover { color:#333; font:bold 12px/18px dotum; } .inquiry_list .title { padding:7px 10px 4px; padding /**/:6px 10px 5px; } .inquiry_list .title a { display:block; float:left; margin-right:10px; } .inquiry_list .writer { width:100px; background:url(/image/board/bg/pd_bar01.gif) 100% 50% no-repeat; text-align:center; } .inquiry_list .date { width:80px; text-align:center; } .inquiry_list .state { width:65px; text-align:center; } .inquiry_list .state .complate { color:#ff5000; font-weight:bold; font-size:11px; } .inquiry_list .state .receipt { color:#888; font-weight:bold; font-size:11px; } .inquiry_list .contents { overflow:hidden; padding:0; border-top:0; } .inquiry_list .inquiry { padding:9px 10px 6px; padding /**/:8px 10px 7px; border-top:1px dashed #cccccc; } .inquiry_list .review { padding:9px 10px 6px; padding /**/:8px 10px 7px; border-top:1px solid #cccccc; } .inquiry_list .answer { padding:9px 10px 6px 60px; padding /**/:8px 10px 7px 60px; background:#f5f5f5 url(/image/btn/productDetail_answer.gif) 10px 10px no-repeat; } /* ************************************************************************ BrandShop_PremiumShop_BestShop_PlanProductShop ************************************************************************ */ /* 브랜드_시작********************************************************** */ .brandAgabang { width:712px; background:#a23975 url(/image/common/brandshopBoxBot.gif) no-repeat left bottom; padding-bottom:7px; margin-top:9px; cursor:default; } .brandAgabang .innerBox { width:706px; margin:0 3px; background:#fff url(/image/common/brandAgabangBg.gif) repeat -3px 10px; padding:10px 0 4px 0; } .brandAgabang .innerBox ul { width:706px; overflow:hidden; } .brandAgabang .innerBox ul li { float:left; width:175px; height:50px; text-align:center; padding:16px 0;} .brandBox { clear:both; width:712px; margin-top:41px; overflow:hidden; cursor:default; } .brandBox h5 img{ display:block; float:none; border:0; margin:0 0 7px 8px; } .brandBox ul { float:left; width:800px; } .brandBox ul li { float:left; width:170px; height:35px; border:1px solid #eee; margin:0 6px 6px 0; text-align:center;} .brandBox ul li img { display:block; margin:0 auto; } .sGnb { margin:-8px 0 0 0; width:170px; overflow:hidden; } .sGnb li { border-bottom:1px solid #ccc; } .sGnb li h5 img { padding:6px 34px 6px 7px; } .sGnb .sGnbDep { margin-left:-7px; border-top:1px solid #ccc; } .sGnb .sGnbDep li { border-bottom:1px solid #eee; text-align:center;} .sGnb .sGnbDep li img{ display:block; padding:0 0 1px 0; margin:0 auto; } /* 브랜드_끝//********************************************************** */ /* 프리미엄샵_시작********************************************************** */ .title_img { margin-right:-2px; margin-right /**/:0; } .premium_main { width:695px; height:248px; background:url(/image/common/premium_mainbg1.gif) repeat-y 0 0; margin:29px 0 0 9px; } .premium_main li { float:left; padding:0 29px 0 0; } .premium_main li.last { float:left; padding:0 0 0 1px; } .premium_mainbanner { width:696px; margin:25px 0 0 9px;} .premium_mainbanner li { float:left; padding:15px 29px 5px 0; background:url(/image/common/premium_mainbg2.gif) repeat-y 0 0; } .premium_mainbanner li.last { float:left; padding:15px 0 5px 2px; background:none; } .selectholder { position:absolute; right:10px; top:11px; } .codimain_tit { clear:both; background:url(/image/common/tit_premium_codi.jpg) no-repeat 0 0; width:712px; height:180px; position:relative;} .ecomain_tit { clear:both; background:url(/image/common/tit_premium_eco.jpg) no-repeat 0 0; width:712px; height:180px; position:relative; } .giftmain_tit { clear:both; background:url(/image/common/tit_premium_gift.jpg) no-repeat 0 0; width:712px; height:180px; position:relative; } .codilist_tit { clear:both; background:url(/image/common/tit_premium_codilist.jpg) no-repeat 0 0; width:712px; height:180px; position:relative;} .ecolist_tit { clear:both; background:url(/image/common/tit_premium_ecolist.jpg) no-repeat 0 0; width:712px; height:180px; position:relative; } .giftlist_tit { clear:both; background:url(/image/common/tit_premium_giftlist.jpg) no-repeat 0 0; width:712px; height:180px; position:relative; } .premium_list { width:702px; margin:0 auto; position:relative; } .premium_list h5 { background:url(/image/icon/arrow01.gif) no-repeat 10px center; font-size:14px; padding-left:28px; color:#444; margin:18px 0 5px 0; } .premium_list .btn { height:32px; padding-right:3px; } .premium_list .btn img { float:right; margin-left:5px; cursor:pointer; } .planproductbanner { clear:both; width:712px; line-height:1.2em; } .planproductselect { float:right; margin:9px 2px; } /* 프리미엄샵_끝//********************************************************** */ /* 베스트샵_시작********************************************************** */ ul.productBestTab { list-style:none; overflow:hidden; width:700px; height:16px; padding:0 0 0 1px; background:url(/image/board/bg/tabCommon_bar01.gif) 0 2px no-repeat; margin:30px 0 0 10px; } ul.productBestTab li { float:left; width:149px; padding:0 1px 0 0; background:url(/image/board/bg/tabCommon_bar01.gif) 100% 2px no-repeat; cursor:pointer; text-align:center; } ul.productBestTab img { display:block; margin:0 auto; } /* 베스트샵_끝//******************************************************** ** */ /* 기획전_시작********************************************************** */ .planproductmain_tit { clear:both; background:url(/image/common/tit_planproduct.jpg) no-repeat 0 0; width:712px; height:180px; position:relative;} .planproductlist_tit { clear:both; background:url(/image/common/tit_planproduct_list.jpg) no-repeat 0 0; width:712px; height:180px; position:relative;} .planproductlist_tit .inHTML{ position:absolute; bottom:10px; right:0; width:475px; height:125px; } .planproduct { margin:17px 0 0 2px; } .planproduct h4 { float:left; background:url(/image/icon/arrow02.gif) no-repeat 10px 4px; padding:0 0 4px 29px; font-size:14px; color:#444; } .planproduct h4.img { background:none; padding:0 0 1px 0; margin-bottom:-22px;} .planproduct .goods_align { position:relative; z-index:999; float:right; padding:3px 10px 0 0; } .planproduct .goods_align .a01 { float:left; font-weight:bold; color:#888; font-size:11px; padding:2px 6px 0 0; } .planproduct .goods_align .a02 { float:left; } /* 기획전_끝//********************************************************** */ /* 원데이세일_시작********************************************************** */ .onedaysale { clear:both; width:712px; background:url(/image/common/onedaysale_bg.gif) repeat-y left top; } .onedaysale .top { background:url(/image/common/onedaysale_top.gif) no-repeat left top; padding-top:10px; } .onedaysale .bg { width:692px; overflow:hidden; background:url(/image/common/onedaysale_bot.gif) no-repeat left bottom; padding:0 10px; } .tit_todaysale { position:relative; } .tit_todaysale img { position:absolute; right:12px; top:46px; } .tit_salesay { margin:56px 0 0 6px; float:left; } .onedaysale .goods_name { clear:both; height:18px; padding-top:15px; } .onedaysale .goods_name span { font-weight:bold; color:#444; font-size:14px; padding:0 5px 0 17px; } .onedaysale .goods_name img { margin-right:-2px } .onedaysale .goods_info { width:692px; overflow:hidden; } .onedaysale .goods_info .photo { float:left; width:314px; padding:21px 0 0 19px; } .onedaysale .goods_info .photo a.pic_product, .onedaysale .goods_info .photo a.pic_product:hover { float:left; width:298px; height:298px; border:1px solid #ededed; } .onedaysale .goods_info .photo a.pic_product img { float:left; width:298px; height:298px; } .onedaysale .goods_info .photo .thum_list { float:left; width:300px; padding:11px 0 0; } .onedaysale .goods_info .photo .left { float:left; width:12px; margin:0 10px 0 0; } .onedaysale .goods_info .photo .left img { float:left; } .onedaysale .goods_info .photo .right { float:right; width:12px; } .onedaysale .goods_info .photo .right img { float:right; } .onedaysale .goods_info .photo .thum_wrapper { position:relative; top:0; left:0; float:left; overflow:hidden; width:264px; height:60px; } .onedaysale .goods_info .photo .thum { list-style:none; position:absolute; top:0; left:0; float:left; width:600px; } .onedaysale .goods_info .photo .thum li { float:left; width:60px; height:60px; padding:0 6px 0 0; } .onedaysale .goods_info .photo .thum li a { float:left; width:58px; height:58px; border:1px solid #ededed; } .onedaysale .goods_info .photo .thum li a img { float:left; width:58px; height:58px; border:0; } .onedaysale .goods_info .photo .thum li a:hover { border:1px solid #ff5100; } .onedaysale .goods_info .detail { width:343px; float:left; padding-top:20px; } .onedaysale .goods_info .detail dl { width:343px; background:url(/image/common/line_graydot.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; float:left; } .onedaysale .goods_info .detail dl.noBg { background:none; } .onedaysale .goods_info .detail dt, .onedaysale .goods_info .detail dd { float:left; padding:0; margin:0; border:0; } .onedaysale .goods_info .detail dt { width:80px; height:21px; } .onedaysale .goods_info .detail dd { width:260px;height:23px; margin-bottom:-2px; color:#888; } .onedaysale .goods_info .detail dd.option { clear:both; width:260px; padding:2px 0 0 80px; } .onedaysale .goods_info .detail .num { } .onedaysale .goods_info .detail .num input { float:left; width:62px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #cccccc; font:12px/15px dotum; margin-top:2px; } .onedaysale .goods_info .detail .num .arrow { float:left; width:9px; padding-top:3px; } .onedaysale .goods_info .detail .num .arrow img{ float:left; margin-top:1px; } .onedaysale .goods_info .detail .btn { clear:both; width:335px; background:#fff; overflow:hidden; padding:2px 0 0 8px; } .onedaysale .goods_info .detail .btn a.over img { border-width:0px; float:left; width:75px; height:37px; margin:0 0 0 5px; } .onedaysale .goods_info .detail .btn a.over img.on { display:none; } .onedaysale .goods_info .detail .btn a.over:hover { border:0px; } .onedaysale .goods_info .detail .btn a.over:hover img { display:none; } .onedaysale .goods_info .detail .btn a.over:hover img.on{ display:inline; } .onedaysale .goods_info .detail .showSale { position:absolute; top:0; left:-60px; z-index:100; border:1px solid #444444; background:#ffffff; } .onedaysale .goods_info .detail .showSale_tit { position:relative; float:left; background:#ff5100; padding-top:16px; } .onedaysale .goods_info .detail .showSale_close { position:absolute; top:4px; right:5px; cursor:pointer; } .onedaysale .goods_info .detail .showSale_contents { padding:3px; background:#fff; } .onedaysale .others { list-style:none; float:left; width:686px; height:180px; margin:40px 0 0; padding:24px 0 0 6px; } .onedaysale .others li { float:left; width:150px; height:150px; padding:0 10px; } .onedaysale .others a.over { float:left; width:148px; height:148px; border:1px solid #ededed; } .onedaysale .others a.over:hover{ border:1px solid #ff5100; } .onedaysale .others a.over img { float:left; width:148px; height:148px; } /* 원데이세일_끝//********************************************************** */ /* ************************************************************************ Search_Result ************************************************************************ */ .result { padding:5px 0; height:17px; } .result li { float:left;} .result li.m01 { padding:4px 5px 0 0; } .result li.m02 { padding:1px 2px 0 0; } .result li.m04 { padding-top:1px; *padding-top:0; } .result h4 { font-size:12px; font-weight:normal; margin:1px 5px 5px 0; } .result .textin { width:150px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #cccccc; font:12px/15px dotum; margin-top:1px;*margin:0; margin-left:4px; vertical-align:top; } .result .sbtn { margin: 0 0 0 3px; width:41px; height:17px; padding-bottom:2px; } .result_depth1 { margin:12px 0 0 12px; overflow:hidden; padding-bottom:10px; border:0px solid #000; } .result_depth1 li { display:block; float:left; color:#888; line-height:100%; white-space:nowrap; padding:4px 17px 9px 6px; font-size:11px; } .result_depth1 .b01 { color:#888; font-weight:bold; text-decoration:underline; } .result_depth1 .b02 { color:#ff5a0e; font-weight:bold; text-decoration:underline; } .result_depth1 .selectedItem .b01 { color:#000; } .result_depth2 { clear:both; margin:0 0 0 12px; overflow:hidden; background:url(/image/common/m_searchBg.gif) repeat-x 0 -40px; padding-top:12px; } .result_depth2 li { display:block; float:left; color:#888; font-size:11px; line-height:100%; white-space:nowrap; padding:4px 17px 9px 6px; } .result_depth2 .b01 { color:#888; text-decoration:underline; } .result_depth2 .b02 { color:#ff5a0e; text-decoration:underline; } .result_depth2 .selectedItem .b01 { color:#000; } .searchSelect { background:url(/image/common/m_searchBg.gif) repeat-x 0 0; height:30px; padding:20px 0 0 10px; } .searchSelect li { float:left; cursor:pointer; } .searchSelect li img{ cursor:pointer; } /* ************************************************************************ Event_Coupon ************************************************************************ */ ul.couponTab { list-style:none; overflow:hidden; width:712px; height:45px; } ul.couponTab li { float:left; cursor:pointer;} ul.couponTab img { float:left; } ul.couponTab2 { list-style:none; overflow:hidden; width:712px; height:45px; padding-bottom:17px; background:url(/image/common/couponTab_et.gif) left bottom no-repeat; } ul.couponTab2 li { float:left; cursor:pointer;} ul.couponTab2 img { float:left; } .couponTab_em { clear:both; width:712px; background:url(/image/common/couponTab_em.gif) 0 0 repeat-y; } .couponTab_eb { padding:0 0 17px; background:url(/image/common/couponTab_eb.gif) 0 100% no-repeat; } .couponTab_et { padding:10px 16px 0 16px; background:url(/image/common/couponTab_et.gif) 0 0 no-repeat;} .couponTab_cm { clear:both; width:712px; background:url(/image/common/couponTab_cm.gif) 0 0 repeat-y; } .couponTab_cb { padding:0 0 17px; background:url(/image/common/couponTab_cb.gif) 0 100% no-repeat; } .couponTab_ct { padding:10px 16px 0 16px; background:url(/image/common/couponTab_ct.gif) 0 0 no-repeat; } .tab_event_dw { padding:10px 0 0; background:url(/image/common/couponTab_et.gif) 0 0 no-repeat; } .tab_coupon_dw { padding:10px 0 0; background:url(/image/common/couponTab_ct.gif) 0 0 no-repeat; } .tab_event_dc { min-height:7px; background:#fff; } * html .tab_event_dc{ height:7px; } .auction01 { float:left; } .auction02 { float:left; width:175px; height:213px; background:url(/image/common/event_auctionBg.gif) no-repeat 0 0; text-align:center; } .auction02 img { width:150px; height:150px; margin:2px 0 0 2px; } .auction03 { float:left; width:210px; height:200px; background:url(/image/common/event_auctionBg2.gif) no-repeat 0 0; padding:9px 0 0 34px;} .auction03 h4 { color:#280085; font-size:14px; } .auction03 dl { margin-top:10px; } .auction03 dt, .auction03 dd { float:left; height:18px; } .auction03 dt { background:url(/image/icon/bullet_violet.gif) no-repeat 2px 6px; color:#280085; width:60px; padding-left:9px; } .auction03 dt.price01 { clear:both; width:200px; height:20px; } .auction03 dd.price02 { clear:both; width:200px; padding-left:14px; height:34px; } .auction03 dd { width:140px; color:#444; } .auction03 .btn { clear:both; padding-top:21px;*padding-top:12px; cursor:pointer; } .auctionjoin { clear:both; margin:-7px 0 17px 0;margin /**/:-7px 0 13px 0; overflow:hidden; background:#fff url(/image/common/event_auctionBg3.gif) no-repeat left bottom; width:712px; height:415px;} .auctionjoin01 { float:left; width:315px; padding-bottom:3px; } .auctionjoin01 h4 { color:#8758f3; font-size:14px; margin:36px 0 0 32px; } .auctionjoin01 img { display:block; } .auctionjoin01 dl { margin:6px 0 0 32px; color:#888; width:175px; } .auctionjoin01 dt { float:left; font-weight:bold; width:62px; height:16px; } .auctionjoin01 dd { float:left; width:113px; height:16px; } .auctionjoin01 dl dt.price01 { clear:both; font-size:14px; font-weight:bold; color:#444; width:175px; padding-top:12px; } .auctionjoin01 dl dd.price02 { font-size:14px; font-weight:bold; color:#ff5100;width:175px; } .auctionjoin02 { float:right; width:362px; } .auctionjoin02 .d01 { margin-top:25px; } .auctionjoin02 .d02 { border:10px solid #8758f3; margin-top:12px; width:300px; height:300px; } ul.eventTab { list-style:none; overflow:hidden; width:689px; height:15px; margin:35px 10px 0 3px; background:#fff url(/image/board/bg/tabCommon_bg02.gif) 0 7px repeat-x; } ul.eventTab li { float:left; padding:0 16px 0 15px; background:#fff url(/image/board/bg/tabCommon_bar02.gif) 100% 1px no-repeat; cursor:pointer; text-align:center; } ul.eventTab img { display:block; } ul.eventTab .noneBgSet { background-image:none; } .ebanner { clear:both; margin-bottom:6px; width:690px; } .ebanner li { background:url(/image/common/line_graydot2.gif) repeat-x left bottom; height:103px; margin:6px 0 0 20px; } .ebanner li .banner { border:2px solid #ebebeb; float:left; margin-top:10px; } .ebanner li .event_con { float:left; padding:16px 0 0 23px; width:390px; } .ebanner li .event_con .c01 { font-weight:bold; color:#ff5a0e; padding-right:5px; } .ebanner li .event_con .c02 { vertical-align:middle; } .ebanner li .event_con .c03 { display:block; background:url(/image/common/event_term.gif) no-repeat 1px center; padding-left:64px; margin:3px 0 13px 0;} .ebanner li .event_con .c04 { font-size:11px; color:#929292; } #tab04_0 { position:relative; } #tab04_1 { position:relative; } .evtWinner1 { position:absolute; top:70px; *top:50px; left:350px; width:214px; height:313px; border:3px solid #ed1364; background:#ffffff; color:#929292; font:11px/1.3 dotum; } .evt_head { float:left; width:214px; background:#ed1364; } .evt_head img { float:left; margin:4px 0 0 6px; } .evt_head input { float:right; margin:6px 6px 0 0; } .evt_cnt01 { clear:both; width:193px; margin:0 auto; padding:10px 5px 10px; border-bottom:1px solid #e7e7e7; } .evt_cnt01 .evt_tit { padding-bottom:5px; color:#2d2d2d; } .evt_cnt01 span { font-size:9px; padding:0 1px; } .evt_cnt02 { width:198px; height:162px; margin:8px auto; padding:0 0 0 5px; overflow-y:auto; } .evt_cnt02 .winner_item1 { padding:0 0 10px 28px; } .evt_cnt02 .winner_item2 { padding:0 0 0 28px; } .evt_cnt03 { width:197px; margin:0 auto; padding:7px 3px 0; border-top:1px solid #e7e7e7; } .evt_cnt03 img { vertical-align:top; } .event_view { background:#fff; margin:-7px 0 17px 0;margin /**/:-7px 0 13px 0; overflow:hidden; } .event_view img { float:left; } .event_revwrite01 { float:left; margin:1px 0 0 11px;margin /**/:1px 0 0 21px; } .event_revwrite01 input { width:100px; height:14px;*height:17px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #ddd; font:12px/15px dotum; margin-top:1px;*margin:0; } .event_revwrite02 { float:left; padding-left:30px; } .event_revwrite02 input { width:100px; height:14px;*height:17px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #ddd; font:12px/15px dotum; margin-top:1px;*margin:0; } .event_revwrite03 { clear:both; margin:9px 0 4px 21px; } .event_revwrite03 textarea { width:560px; height:32px; border:1px solid #cccccc; font:11px/14px dotum;padding:1px 3px 0 3px;*padding:3px; overflow:auto; } .event_reviewlist { width:676px; margin:0 auto; border-bottom:1px solid #eee; } /* .event_reviewlist dt { padding:20px 0 0 11px; color:#888; } */ .event_reviewlist dt { padding:5px 0 0 11px; color:#888; } .event_reviewlist dt spsan { padding-right:5px; } .event_reviewlist dt img { padding:0 2px; } /* .event_reviewlist dd { border-bottom:1px solid #eee; padding:5px 0 8px 11px; color:#888; } */ .event_reviewlist dd { padding:2px 0 2px 11px; color:#888; font-size:11px; } .event_reviewlist dd .price { font-weight:bold; color:#ff5100; background:url(/image/icon/bu_mpTitleBar.gif) no-repeat right -3px; padding-right:9px; margin-right:5px;} /* .event_reviewlist2 { width:636px; margin:0 auto; padding:0 0 0 40px; background:url(/image/icon/bulletReArrow.gif) 30px 21px no-repeat; } */ .event_reviewlist2 { width:646px; margin:0 auto; padding:0 0 0 30px; background:url(/image/icon/bulletReArrow.gif) 22px 5px no-repeat; border-bottom:1px solid #eee; } /* .event_reviewlist2 dt { padding:20px 0 0 11px; color:#888; } */ .event_reviewlist2 dt { padding:5px 0 0 11px; color:#888; } .event_reviewlist2 dt span { padding-right:5px; } .event_reviewlist2 dt img { padding:0 2px; } /* .event_reviewlist2 dd { border-bottom:1px solid #eee; padding:5px 0 8px 11px; color:#888; } */ .event_reviewlist2 dd { border-bottom:1px solid #eee; padding:2px 0 2px 11px; color:#888; font-size:11px; } .event_reviewlist2 dd .price{ font-weight:bold; color:#ff5100; background:url(/image/icon/bu_mpTitleBar.gif) no-repeat right -3px; padding-right:9px; margin-right:5px;} .coupon01 { float:left; } .coupon02 { float:left; width:213px; padding:8px 0 0 13px; } .coupon03 { float:left; width:198px; height:205px; background:url(/image/common/event_couponBg.gif) no-repeat 1px center; padding:14px 0 0 31px; } .coupon_tit { margin:1px 0 5px 12px; } .coupon_tit2 { margin:34px 0 5px 13px; } .coupon_detail { position:relative; width:180px; margin:-5px 0 0 16px; } .coupon_detail dt { float:left; width:57px; height:14px; line-height:14px; font-size:11px; font-weight:bold; color:#444; } .coupon_detail dd { float:left; width:123px; height:14px; line-height:14px; font-size:11px; color:#888; } .coupon_detail2 { float:left; width:180px; margin:9px 0 0 17px; border-collapse:collapse; } .coupon_detail2 th { float:left; width:57px; height:14px; line-height:14px; font-size:11px; font-weight:bold; color:#444; text-align:left; vertical-align:top; } .coupon_detail2 td { float:left; width:123px; height:14px; line-height:14px; font-size:11px; color:#888; vertical-align:top; } .coupon_btn { margin:1px 0 0px 16px; cursor:pointer; } .coupon_btn2 { margin:-6px 0 0px 16px; cursor:pointer; } .coupon_txt { margin:13px 0 0px 9px; } ul.coupon_list { clear:both; width:712px; overflow:hidden; background:url(/image/common/event_couponBg2.gif) repeat-y left top; } ul.coupon_list li { float:left; width:224px; height:190px; padding:10px 0 0 13px; } .empty_coupon { width:712px; height:auto; padding:30px 0; text-align:center; } .coupon_search { background:#fff; margin:-1px 0 12px 0; position:relative; padding:33px 0 0 2px; } .coupon_search .align { position:absolute; right:13px; top:31px; } .coupon_search .align img { cursor:pointer; display:block; float:left; } .coupon_search2 { height:27px; padding:9px 0 0 0; } .coupon_search2 span { float:left; padding:1px 8px 0 0; } .coupon_search2 img { float:left; margin:1px 0 0 3px;*margin:0 0 0 3px; } .coupon_search2 input { float:left; width:150px; height:14px;*height:15px; padding:1px 3px 0 3px;*padding:0 3px; border:1px solid #cccccc; font:12px/15px dotum; margin-top:1px;*margin:0; } .coupon_search2 .depth1 { float:left; background:url(/image/icon/arr_category.gif) no-repeat right center; padding-right:13px;margin-right:6px; } .coupon_search2 .depth2 { float:left; margin-right:20px; } .coupon_result { margin-top:15px; } /* shop main */ #container_contents .main h3 { float:left; padding:27px 0 6px 13px; } #container_contents .main h3 img { float:left; } .hotIssue { float:left; width:178px; } .hi_ad { float:left; min-height:241px; height:241px; height /**/:auto; } .hi_ad img { float:left; } .premiumShop { float:left; width:714px; }/* min-height 240 */ .ps_ad { float:right; width:714px; height:241px; } .hotPremiumBottomAd { list-style:none; float:left; width:892px; margin-right:-10px; } .hotPremiumBottomAd li { float:left; } .hotPremiumBottomAd img { float:left; } .brandShop { clear:both; width:892px; overflow:hidden; background:url(/image/common/main_brandShopBg2.gif) no-repeat 178px 39px; *background-position:178px 43px; } .brandShop h4 { margin:24px 0 3px 15px; } .brandShoplist { width:166px; height:250px; float:left; background:url(/image/common/main_brandShop_bg.gif) no-repeat 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-bottom:-5px; padding:7px 0 0 12px; } .brandShoplist a.rollover { float:left; } .brandShoplist a.rolloverOn { float:left; } .brandShopgoods { float:right; width:714px; height:246px; background:#aab2cd url(/image/common/main_brandShopBg.gif) no-repeat right top; position:relative; margin-left:-9px; } .brandShopgoods h5 { float:left; width:219px; height:246px; } .brandShopgoods h5 img { float:left; } .childbirthShop { clear:both; width:892px; overflow:hidden; background:url(/image/common/main_childbirthShopBg2.gif) no-repeat 178px 43px; } .childbirthShop h4 { margin:24px 0 3px 15px; } .childbirthShoplist { width:178px; height:243px; float:left; background:url(/image/common/main_childbirthShop_bg.gif) no-repeat 0 0; font-size:11px; font-weight:bold;padding-top:20px;} .childbirthShoplist a.rollover { display:block; border-bottom:1px solid #f0f0f0; width:167px; height:20px; color:#888; padding:5px 0 0px 11px; } .childbirthShoplist a.rollover:hover{ border-bottom:1px solid #f0f0f0; width:167px; height:20px; background:#b4ca09; color:#fff; } .childbirthShoplist a.rollover_on:link, .childbirthShoplist a.rollover_on:visited, .childbirthShoplist a.rollover_on:active, .childbirthShoplist a.rollover_on:hover { display:block; border-bottom:1px solid #f0f0f0; width:167px; height:20px; background:#b4ca09; color:#fff; padding:5px 0 0px 11px; } .childbirthShopgoods { float:right; width:714px; height:243px; background:url(/image/common/main_childbirthShopBg.gif) no-repeat right top; position:relative; margin-left:-9px; } .childbirthShopgoods h5 { float:left; } .childbirthShopgoods .lbtn { position:absolute; left:171px; top:85px; } .childbirthShopgoods .rbtn { position:absolute; right:17px; top:85px;} .promotion_banner { clear:both; padding:15px 0; } .promotion_banner a, .promotion_banner img { margin:0; padding:0; } .promotion { float:left; width:258px; height:244px; margin-right:11px; position:relative;} .promotion h4 { margin:24px 0 5px 13px; } .promotion .tab { overflow:hidden; } .promotion .tab a.rollover { float:left; } .promotion .tab a.rollover img { border-width:0px; display:inline; padding:0; float:left; } .promotion .tab a.rollover img.on { display:none; } .promotion .tab a.rollover:hover { border:0px; } .promotion .tab a.rollover:hover img { display:none; } .promotion .tab a.rollover:hover img.on { display:inline; padding:0; float:left; } .promotion .tab a.rollover_on { float:left; } .promotion .tab a.rollover_on img.on { border-width:0px; display:inline; padding:0; float:left; } .promotion .tab a.rollover_on img { display:none; } .promotion .tab a.rollover_on:hover { border:0px; } .promotion .tab a.rollover_on:hover img.on { display:none; padding:0; float:left; } .promotion .tab a.rollover_on:hover img { display:inline; padding:0; float:left; } .promotion .brands { clear:both; border-top:1px solid #ededed; border-bottom:1px solid #ededed; width:250px; height:29px; position:absolute; left:0; bottom:0; } .promotion .brands img { float:left; margin:5px 5px 0 4px; } .promotion .brands .btnl { float:left; margin-top:6px; margin-right:7px; cursor:pointer; } .promotion .brands .brands_x{ float:left; position:relative; overflow:hidden; width:201px; height:27px; } .promotion .brands .brands_x .brandsList_x{ list-style:none; position:absolute; top:0; left:0; float:left; width:2000px; } .promotion .brands .brands_x .brandsList_x li{ float:left; width:67px; } .promotion .brands .brands_x .brandsList_x li img{ display:block; float:none; width:58px; height:19px; margin:5px auto 0; } .promotion .brands .btnr { float:right; margin-top:6px; cursor:pointer; } .promotion .bestp { line-height:13px; height:180px; overflow:hidden; } .promotion .bestp a.over { border:1px solid #fff; display:block; float:left; margin:13px 2px 0 10px; } .promotion .bestp a.over:hover { border:1px solid #fff; } .promotion .bestp a.over img { width:98px; height:98px; } .promotion .bestp span { font-size:11px; display:block; } .promotion .bestp .special { font-weight:bold; color:#666; margin-top:32px; } .promotion .bestp .goods_name { color:#666; } .promotion .bestp .price { color:#ff5a0e; font-weight:bold; margin:3px 0 0 0; } .promotion .bestp .top { position:absolute; left:12px; top:71px; width:40px; height:42px; } .promotion .bestp .top .png24 { tmp:expression(setPng24(this)); } .promotion .best_others { clear:both; position:absolute; left:20px; bottom:0; } .promotion .best_others a.rollover { border:1px solid #ededed; float:left; margin-left:8px; } .promotion .best_others a.rollover:hover { border:1px solid #ff5a0e; float:left; margin-left:8px; } .promotion .best_others a.rollover_on, .promotion .best_others a.rollover_on:hover{ border:1px solid #ff5a0e; float:left; margin-left:8px; } .promotion .best_others a img, .promotion .best_others a:hover img { float:left; width:58px; height:58px;} .salebanner { float:right; margin:0 0 0 -10px;} .salebanner h4 { margin:24px 0 5px 13px; } .salebanner div { width:354px; } .salebanner div img { float:left; } #m_categotygoods { clear:both; width:910px; margin:24px 0px 0 0; overflow:hidden; padding-top:24px;*padding-top:0; } #m_categotygoods h4 { background:#fff; padding:0 0 5px 11px; } .main_c01 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg01.gif) no-repeat left bottom; padding:0 0 8px 0; margin-right:8px; } .main_c02 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg02.gif) no-repeat left bottom; padding:0 0 8px 0; margin-right:8px; } .main_c03 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg03.gif) no-repeat left bottom; padding:0 0 8px 0; margin-right:8px; } .main_c04 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg04.gif) no-repeat left bottom; padding:0 0 8px 0; } .main_c05 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg05.gif) no-repeat left bottom; padding:0 0 8px 0; margin-right:8px; margin-top:24px; } .main_c06 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg06.gif) no-repeat left bottom; padding:0 0 8px 0; margin-right:8px; margin-top:24px; } .main_c07 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg07.gif) no-repeat left bottom; padding:0 0 8px 0; margin-right:8px; margin-top:24px; } .main_c08 { float:left; width:217px; min-height:399px; _height:399px; background:#fff url(/image/common/main_cbg08.gif) no-repeat left bottom; padding:0 0 8px 0; margin-top:24px; } #main_bottom { clear:both; margin:20px 0 0 0; overflow:hidden; } .main_bestReview { float:left; overflow:hidden; width:216px; margin-right:6px; } /*.main_bestReview { float:left; background:url(/image/common/main_reviewBg.gif) no-repeat 0 47px;*background:url(/image/common/main_reviewBg.gif) no-repeat 0 51px; width:216px; height:200px; margin-right:6px; } */ .main_bestReview h4 { padding:20px 0 0 6px; } .main_bestReview .description { clear:both; font-size:11px; color:#999; padding:10px 5px 0; line-height:14px; } .main_bestReview .score { color:#666; font-weight:bold; float:left; margin:16px 0 0 9px; } .main_bestReview .goods98_5 { position:relative; overflow:hidden; width:210px; height:90px; margin:10px auto 0; padding:5px 0 0; font:11px/1.3 dotum; } .main_bestReview .goods98_5 .photo { position:relative; float:left; width:100px; height:100px; margin: -5px 6px 0 0;} .main_bestReview .goods98_5 .ic_childbirth { border:0; position:absolute; left:-1px; top:-1px; } .main_bestReview .goods98_5 a:link, .main_bestReview .goods98_5 a:visited, .main_bestReview .goods98_5 a:hover, .main_bestReview .goods98_5 a:active, .main_bestReview .goods98_5 span { color:#787878; font:11px/1.3 dotum; word-break:break-all; } .main_bestReview .goods98_5 .goods_name { float:left; overflow:hidden; height:42px; word-break:break-all; } .main_bestReview .goods98_5 .goods_name .sale { display:block; color:#ff5100; font-weight:bold; word-break:break-all; } .main_bestReview .goods98_5 .price { float:left; width:95px; margin:2px 0; color:#787878; font-weight:bold; } .main_bestReview .goods98_5 .ic { float:left; width:95px; word-spacing:0px; font:0/0 dotum; } .main_bestReview .goods98_5 .heart5 { float:left; width:75px; height:16px; margin:5px 0 0 0; background:url(/image/common/lPopup_header5.gif) 0 0 no-repeat; cursor:default; } .main_notice { float:left; width:220px; height:200px; margin-right:6px; } .main_notice h4 { padding:20px 0 0 9px; } .main_notice ul { list-style:none; margin-top:11px; } .main_notice ul li { border-bottom:1px solid #f2f2f2; height:18px; padding:10px 0 0 14px;; font-size:11px; color:#888; background:url(/image/icon/bullet_gray5.gif) no-repeat 6px 13px; *background-position:6px 14px; _background-position:6px 12px; letter-spacing:-1px; } .main_notice ul li.notice { color:#000; font-weight:bold; letter-spacing:0; } .main_notice ul li.last { border:none; } .main_shopGuide { float:left; width:220px; height:200px; margin-right:2px; } .main_shopGuide h4 { padding:22px 0 20px 9px;*padding:22px 0 11px 9px; } .main_shopGuide h4 img { margin:0; display:inline; } .main_shopGuide img { float:left; margin-left:8px;} .main_ascenter { float:left; width:200px; } .main_ascenter h4 { padding:22px 0 0 9px; } .main_ascenter h4 img { margin:0; display:inline; } .main_ascenter img { float:left; margin-left:6px;} /* category open */ .categoryBar_btn { position:relative; top:0; left:0; float:left; width:180px; height:37px; } .categoryBar_btn .positionSwf { position:absolute; z-index:5; top:7px; left:0; overflow:hidden; width:170px; height:20px; } .positionSwf img { cursor:pointer; } /* category location */ .categoryLocation { float:left; width:703px; height:28px; padding:9px 0 0 9px } .categoryLocation .txt { float:left; color:#999999; } .categoryLocation span { color:#cfcfcf; } .categoryLocation img { vertical-align:middle; } .categoryLocation .categorySelect { float:left; } /* mypage visual & navi */ .mypageVisual { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual.gif) 0 0 no-repeat; } .mypageVisual_order { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual_order.gif) 0 0 no-repeat; } .mypageVisual_cancel { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual_cancel.gif) 0 0 no-repeat; } .mypageVisual_coupon { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual_coupon.gif) 0 0 no-repeat; } .mypageVisual_point { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual_point.gif) 0 0 no-repeat; } .mypageVisual_review { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual_review.gif) 0 0 no-repeat; } .mypageVisual_proposal { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual_proposal.gif) 0 0 no-repeat; } .mypageVisual_delivery { clear:both; width:892px; height:170px; background:url(/image/common/mp_visual_delivery.gif) 0 0 no-repeat; } .mypageVisual_besafe { clear:both; width:892px; height:170px; background:url(http://item.aganet.co.kr/event/img/mp_besafe_order.gif) 0 0 no-repeat; } .mypageVisual_cart { clear:both; overflow:hidden; width:892px; } .mypageVisual_cart .descripttion { float:left; padding:12px 0 0 7px; } .mypageVisual_cart .myPoint { float:right; width:193px; margin:10px 8px 0 0; padding:0 0 0 12px; background:url(/image/common/mp_visual_cart_right.gif) 0 0 no-repeat; cursor:default; } .mypageVisual_cart dl { float:right; width:181px; height:44px; padding:7px 12px 0 0; background:url(/image/common/mp_visual_cart_right.gif) 100% 0 no-repeat; color:#fff; font:bold 12px/1.5 dotum; } .mypageVisual_cart dt { float:left; width:66px; padding:0 0 2px 9px; background:url(/image/icon/mp_cart.gif) 0 6px no-repeat; } .mypageVisual_cart dd { float:left; width:106px; padding-bottom:2px; text-align:right; } .mypageVisual_cart dd strong { color:#fffc00; } .mypageVisual_cart dt a:link, .mypageVisual_cart dt a:visited, .mypageVisual_cart dt a:active, .mypageVisual_cart dt a:hover { color:#fff; } .mypageVisual_cart dd a:link, .mypageVisual_cart dd a:visited, .mypageVisual_cart dd a:active, .mypageVisual_cart dd a:hover { color:#fff; } #mypageNavi { list-style:none; float:right; width:622px; height:49px; padding:0 10px 0 0; background:url(/image/common/mp_naviBg.gif) 0 0 no-repeat; } #mypageNavi li { position:relative; top:0; left:0; float:left; padding:0 0 0 18px; } /*#mypageNavi .forIeBug { position:static; width:42px; }*/ #mypageNavi a:link, #mypageNavi a:visited, #mypageNavi a:active, #mypageNavi a:hover { float:left; } #mypageNavi img { float:left; } #m_menu00 { list-style:none; position:absolute; top:34px; left:30px; float:left; width:300px; height:auto; margin:0; background:none; } /*#m_menu00 { list-style:none; float:left; width:300px; height:auto; margin:6px 0 0; background:none; }*/ #m_menu00 li { position:static; float:left; margin:0; padding:0; } #m_menu00 a:link, #m_menu00 a:visited, #m_menu00 a:active, #m_menu00 a:hover { float:left; } #m_menu01 { list-style:none; position:absolute; top:34px; left:30px; float:left; width:190px; height:auto; margin:0; background:none; } /*#m_menu01 { list-style:none; float:left; width:190px; height:auto; margin:6px 0 0; background:none; }*/ #m_menu01 li { position:static; float:left; margin:0; padding:0; } #m_menu01 a:link, #m_menu01 a:visited, #m_menu01 a:active, #m_menu01 a:hover { float:left; } #m_menu02 { list-style:none; position:absolute; top:34px; left:20px; float:left; width:200px; height:auto; margin:0; background:none; } #m_menu02 li { position:static; float:left; margin:0; padding:0 10px; background:url(/image/common/mp_menu_bar.gif) 100% 1px no-repeat; } #m_menu02 li.endMenu { background:none; } #m_menu02 a:link, #m_menu02 a:visited, #m_menu02 a:active, #m_menu02 a:hover { float:left; } #m_menu03 { list-style:none; position:absolute; top:34px; left:30px; float:left; width:190px; height:auto; margin:0; background:none; } #m_menu03 li { position:static; float:left; margin:0; padding:0; } #m_menu03 a:link, #m_menu03 a:visited, #m_menu03 a:active, #m_menu03 a:hover { float:left; } #m_menu04 { list-style:none; position:absolute; top:34px; left:30px; float:left; width:216px; height:auto; margin:0; background:none; } #m_menu04 li { position:static; float:left; margin:0; padding:0; } #m_menu04 a:link, #m_menu04 a:visited, #m_menu04 a:active, #m_menu04 a:hover { float:left; } #m_menu05 { list-style:none; position:absolute; top:34px; right:4px; float:left; width:219px; height:auto; margin:0; background:none; } #m_menu05 li { position:static; float:left; margin:0; padding:0; } #m_menu05 a:link, #m_menu05 a:visited, #m_menu05 a:active, #m_menu05 a:hover { float:left; } #m_menu06 { list-style:none; position:absolute; top:34px; right:-15px; float:left; width:150px; height:auto; margin:0; background:none; } #m_menu06 li { position:static; float:left; margin:0; padding:0 10px; background:url(/image/common/mp_menu_bar.gif) 100% 1px no-repeat; } #m_menu06 li.endMenu { background:none; } #m_menu06 a:link, #m_menu06 a:visited, #m_menu06 a:active, #m_menu06 a:hover { float:left; } #m_menu07 { list-style:none; position:absolute; top:34px; right:0; float:left; width:190px; height:auto; margin:0; background:none; } #m_menu07 li { position:static; float:left; margin:0; padding:0; } #m_menu07 a:link, #m_menu07 a:visited, #m_menu07 a:active, #m_menu07 a:hover { float:left; } /* mypage */ .mpTitle01{ overflow:hidden; float:left; width:100%; min-height:35px; _height:35px; cursor:default; } .mpTitle01 .left { float:left; padding:0 0 0 9px; } .mpTitle01 .wordSpace { padding:0 0 0 2px; word-spacing:10px; } .mpTitle01 .right { float:right; padding:0 1px 0 0; } .mpTitle01 .rightTxt { float:right; padding:10px 15px 0 0; padding /**/:7px 15px 0 0; word-spacing:3px; cursor:default; } .mpTitle01 .rightTxt .txt01 { color:#ff5000; font-weight:bold; } .mpTitle01 .rightTxt .bar01 { padding:0 1px; color:#ddd; font-size:11px; } .mpTitle01 .btn { cursor:pointer; } .mpTitle02_right { overflow:hidden; float:right; min-height:25px; _height:25px; padding-top:4px; } .mpTitle02_right .btn{ margin-left:3px; cursor:pointer; } /* 쇼핑정보 박스 */ .round06_content .user_info { float:left; width:150px; border-right:1px solid #ccc; color:#5b5a5a; font:12px/1.8 dotum; cursor:default; } .user_info strong { } .user_info span { font-size:11px; } .user_info span strong { color:#fe4600; } .info_case { list-style:none; float:left; width:660px; padding:0 0 0 13px; font:11px/11px dotum; cursor:default; } .info_case li { float:left; width:143px; padding:6px 5px 6px 8px; background:url(/image/icon/bullet_gray04.gif) 0 9px no-repeat; } .info_case li.reSize01 { width:300px; } .info_case li.reSize02 { width:163px; } .info_case a:link, .info_case a:visited, .info_case a:active, .info_case a:hover { color:#fe4600; font-weight:bold; text-decoration:underline; } .searchDate_wrapper { margin:0 0 0 -10px; padding:0 0 3px; cursor:default; } .searchDate { padding-right:15px; color:#666; font:bold 11px dotum; } .searchDate_qBtn { padding-right:8px; word-spacing:-1px; } .searchDate_qBtn img { cursor:pointer; } .searchDate_mBtn { font-size:11px; } .searchDate_mBtn input { width:117px; height:13px; padding:1px 3px; border:1px solid #ccc; color:#999; font:11px/13px dotum; cursor:pointer; } .searchDate_mBtn img { margin:0 0 0 4px; cursor:pointer; } /* 장바구니 */ .cartList01 { list-style:none; overflow:hidden; width:100%; padding:0 0 0 1px; border-top:1px solid #e7e7e7; } .cartList01 li { float:left; padding:24px 2px 2px 22px; background:url(/image/common/mp_imgOutline.gif) 100% 100% no-repeat; } .cartList01 li img { float:left; } .cartList01 li a:link, .cartList01 li a:visited { float:left; border:1px solid #8d8d8d; } .cartList01 li a:active, .cartList01 li a:hover { float:left; border:1px solid #fe4600; } /* 1:1문의내역 */ .oneHistory { float:left; width:436px; } /* 상품문의내역 */ .productFAQ { float:right; width:436px; } /* 결제내역, 배송내역 */ .history_tb01_wrapper { margin:0 21px; } .history_tb01 { clear:both; width:100%; margin:0 0 20px; border:1px solid #e7e7e7; border-collapse:collapse; table-layout:fixed; color:#666666; word-kreak:kreak-all; } .history_tb01 th { padding:6px 5px 6px; *padding:6px 5px 5px; border:1px solid #e7e7e7; background:#f6f6f6; } .history_tb01 td { padding:6px 15px 6px; *padding:6px 15px 5px; border:1px solid #e7e7e7; } .history_tb01 td img, .history_tb01 td input, .history_tb01 td select, .history_tb01 td textarea { *margin-top:-1px; } .history_tb01 .cancel{ color:#fe4600; } .history_tb01 td table { clear:both; width:auto; border:0; border-collapse:separate; table-layout:auto; word-kreak:kreak-all; } .history_tb01 td table th { width:auto; padding:0; border:0; font-weight:bold; text-align:center; vertical-align:middle; } .history_tb01 td table td { padding:0; border:0; } .history_tb01 .w96 { width:96px; } .history_tb01 .w128 { width:128px; } .history_tb01_btnR { margin:0 1px 0 0; text-align:right; cursor:default; } .history_tb01_btnR img { *margin:-1px 0 1px; cursor:pointer; } .orderInfo_write { list-style:none; overflow:hidden; width:436px; border-top:1px solid #dadada; font:11px/27px dotum; cursor:default; } .orderInfo_write dt { float:left; width:70px; height:27px; padding:0 10px; border-bottom:1px solid #e7e7e7; background:#f8f8f8; } .orderInfo_write dt img { float:left; margin:8px 0 0 0; } .orderInfo_write dd { float:left; width:326px; height:27px; padding:0 10px; border-bottom:1px solid #e7e7e7; } .orderInfo_write input { height:11px; padding:4px 3px; border:1px solid #cccccc; color:#999; font:11px/11px dotum; } .orderInfo_write div { float:left; padding:0 9px 0 8px; } .orderInfo_write .address { height:87px; } .orderInfo_write dd.address input { float:left; height:11px; padding:4px 3px; border:1px solid #cccccc; color:#999; font:11px/11px dotum; } .orderInfo_write dd.address img { float:left; margin:3px 0 0 6px; } .orderInfo_write dd.address .line01{ float:left; padding:8px 0 4px; } .orderInfo_write dd.address .line02{ float:left; padding:0 0 4px; } .orderInfo_write .telephone { word-spacing:4px; } * html .orderInfo_write .telephone { height:25px; padding-top:2px; } .orderInfo_write .telephone1 { word-spacing:0px; } * html .orderInfo_write .telephone1 { height:25px; padding-top:2px; } .orderInfo_write .chechbox { height:auto; margin:-2px 0 0; padding:0; border:none; font:11px/11px dotum; } .orderInfo_write .chechbox01 { height:auto; margin:-2px 0 0; *margin:-2px 0 0 -4px; padding:0; border:none; font:11px/11px dotum; } * html .orderInfo_write .chechbox01_w { height:22px; padding-top:5px; } .orderInfo_write dd.delivery img { float:left; margin:7px 8px 0 0; cursor:pointer; } .orderInfo_write .w82 { width:82px; } .orderInfo_write .w226 { width:226px; } .orderInfo_write .w306 { width:306px; } .orderInfo_write01 { list-style:none; overflow:hidden; width:892px; border-top:1px solid #dadada; font:11px/27px dotum; } .orderInfo_write01 dt { float:left; width:70px; height:27px; padding:0 10px; border-bottom:1px solid #e7e7e7; background:#f8f8f8; } .orderInfo_write01 dt img { float:left; margin:8px 0 0 0; } .orderInfo_write01 dd { float:left; width:782px; height:27px; padding:0 10px; border-bottom:1px solid #e7e7e7; } .orderInfo_write01 input { height:11px; padding:4px 3px; border:1px solid #cccccc; color:#999; font:11px/11px dotum; } .orderInfo_write01 .w306 { width:306px; } .orderInfo_write01 .w226 { width:226px; } .orderInfo_write01 .selectBox { height:24px; padding-top:3px; } .orderInfo_write01 .telephone { word-spacing:4px; } * html .orderInfo_write01 .telephone { height:25px; padding-top:2px; } .orderInfo_write01 .telephone1 { word-spacing:0px; } * html .orderInfo_write01 .telephone1 { height:25px; padding-top:2px; } .orderInfo_msg { overflow:hidden; float:left; float /**/: none; padding:12px 0 0 13px; } .orderInfo_msg img { float:left; } .accountSelect { padding:15px 20px 18px 42px; } .accountSelect input { margin:-1px 7px 8px 0; *margin:-1px 0 4px; border:0; } .accountSelect img { margin:0 0 8px; *margin:0 0 6px; } .accountSelect p { font:11px/1.5 dotum; text-indent:-20px; } .accountComp_wrapper { clear:both; width:613px; margin:34px auto 0; background:url(/image/board/box/round09_middle.gif) 0 0 repeat-y; } .accountComp_top { padding:34px 0 0; background:url(/image/board/box/round09_top.gif) 0 0 no-repeat; } .accountComp_contents { padding:0 0 22px; background:url(/image/board/box/round09_bottom.gif) 0 100% no-repeat; } .accountComp_contents .accountComp_title { text-align:center; } .accountComp_contents table { width:431px; margin:22px auto 0; border-top:1px solid #e7e7e7; font:12px/1.5 dotum; table-layout:fixed; } .accountComp_contents table th { width:75px; border-bottom:1px solid #e7e7e7; background:url(/image/board/bg/tabCommon_bar02.gif) 100% 50% no-repeat; } .accountComp_contents table td { padding:4px 10px; border-bottom:1px solid #e7e7e7; } .accountComp_contents table .p01 { color:#fe4600; font-weight:bold; } .accountComp_contents table .p02 { color:#666; font-weight:bold; } .accountComp_wrapper .msg { overflow:hidden; width:613px; padding:7px 0 0 16px; background:#fff; } .accountComp_wrapper .msg img { float:left; } /* layer popup */ .layer748 { width:748px; background:#fff; } .layer710 { width:710px; background:#fff; } .layer455 { width:455px; background:#fff; } .layer617 { width:617px; background:#fff; } .layer570 { width:570px; background:#fff; } .lp_couponApplyWrap { width:687px; background:#fff; } .lPopup .w_587{ width:587px; margin:0 auto; } .lPopup .w_700{ width:700px; margin:0 auto; } .lPopup .w_665{ width:665px; margin:0 auto; } .lPopup .w_435{ width:435px; padding-left:10px;} .lPopup .w_540{ width:540px; margin:0 auto; } .lPopup .h_560{ overflow-y:auto; height:560px; } .lPopup .h_405{ overflow-y:auto; height:405px; } .lPopup .h_340{ overflow-y:auto; height:340px; } .lPopup .h_135{ height:135px; } .lPopup .w_587 .msg01 { padding:0 0 10px; } .lPopup .msg02{ margin:12px 0 14px 4px; } .lPopup { z-index:4; border:1px solid #444444; background:#ffffff; cursor:default; } .lPopup .title { overflow:hidden; width:100%; height:20px; background:#ff5000; } .lPopup .title h1 { float:left; } .lPopup .title h1 img { float:left; } .lPopup .title .close_btn { float:right; cursor:pointer; } .lPopup .title .close_btn1 { float:right; padding:6px 8px 3px; cursor:pointer; } .lPopup .contents { clear:both; padding-top:15px; padding-bottom:15px; } .lPopup .view01 { border-collapse:collapse; table-layout:fixed; } .lPopup .view01 th { width:102px; height:12px; padding:12px 10px 11px 17px; border-bottom:1px solid #ececec; text-align:left; vertical-align:top; } .lPopup .view01 td { padding:10px 10px 8px 10px; padding /**/:9px 10px 9px 10px; border-bottom:1px solid #ececec; vertical-align:top; font:11px/1.5 dotum; } .lPopup .view01 .pointLine01 { } .lPopup .view01 .pointLine01 textarea { width:500px; height:123px; padding:3px 3px; border:1px solid #cccccc; color:#666; font:11px/1.5 dotum; } .lPopup .view01 .heart0 { padding:5px 71px 5px 0; background:url(/image/icon/review_heart.gif) -75px 2px no-repeat; cursor:default; } .lPopup .view01 .heart1 { padding:5px 71px 5px 0; background:url(/image/icon/review_heart.gif) -60px 2px no-repeat; cursor:default; } .lPopup .view01 .heart2 { padding:5px 71px 5px 0; background:url(/image/icon/review_heart.gif) -45px 2px no-repeat; cursor:default; } .lPopup .view01 .heart3 { padding:5px 71px 5px 0; background:url(/image/icon/review_heart.gif) -30px 2px no-repeat; cursor:default; } .lPopup .view01 .heart4 { padding:5px 71px 5px 0; background:url(/image/icon/review_heart.gif) -15px 2px no-repeat; cursor:default; } .lPopup .view01 .heart5 { padding:5px 71px 5px 0; background:url(/image/icon/review_heart.gif) 0 2px no-repeat; cursor:default; } .lPopup .view01 .noBorder { border:0; } .lPopup .view01 .heart { padding-top:9px; padding-bottom:12px; border:0; background:url(/image/common/lPopup_bg01.gif) 50% 0 no-repeat; } .lPopup .view01 .heart img { float:left; margin:4px 22px 0 0; } .lPopup .view01 .heart input { float:left; border:0; margin:0 3px 0 10px; } .lPopup .view01 .it_title { padding:6px 10px 4px 10px; } .lPopup .view01 .it_title input { width:368px; height:11px; padding:4px 3px; border:1px solid #cccccc; color:#666; font:11px/11px dotum; } .lPopup .btn { overflow:hidden; } /* 상위 width 지정 class와 함께 사용 (단일로사용할수 없음ie6) */ .lPopup .btn img { cursor:pointer; } .lPopup .btn .left { float:left; padding:1px 0; } .lPopup .btn .right { float:right; padding:1px 0; } .lPopup .btn .right .rB01{ margin:5px 9px 10px 0; } .lPopup .btn .right .rB02{ margin:5px 0 10px 0; } .lPopup .btn .right .rB03{ margin:5px 3px 10px 0; } .lPopup .usePoint01 { float:left; width:102px; height:23px; margin:0 8px 0 0; padding:24px 14px 0 0; background:url(/image/common/lPopup_usePointBg.gif) 0 0 no-repeat; color:#ff5000; text-align:right; font:bold 15px/1.0 gulim; letter-spacing:1px; } .lPopup .usePoint02 { float:left; width:102px; height:23px; padding:24px 14px 0 0; background:url(/image/common/lPopup_payment.gif) 0 0 no-repeat; color:#ff5000; text-align:right; font:bold 15px/1.0 gulim; letter-spacing:1px; } .lPopup .usePoint03 { float:right; width:350px; padding:6px 10px 0 0; text-align:right; } .lPopup .usePoint03 img { float:right; } .lPopup .usePoint03 div { float:right; width:350px; padding:0 0 9px; } .lPopup .btn_right01 { float:right; padding:10px 20px 11px; } .lPopup .btn_right01 img { float:right; cursor:pointer; } .lPopup .cApply{ margin:18px 10px; } .lPopup .cApply_txt01{ float:left; margin:0 0 28px 4px; } .lPopup .cApply_txt01 img{ float:left; } .lPopup .cApply_txt02{ float:right; width:152px; height:23px; margin:1px 0 0; padding:24px 14px 0 0; background:url(/image/common/lPopup_payment1.gif) 0 0 no-repeat; color:#ff5000; text-align:right; font:bold 15px/1.0 gulim; letter-spacing:1px; } .lPopup .cApply_txt03{ float:left; padding:15px 0 0 15px; color:#000; font-weight:bold; } .lPopup .cApply_txt03 span{ color:#fe4600; } .lPopup .cApply_txt04{ float:right; padding:10px 15px 30px 0; } .lPopup .cApplyName { float:right; width:193px; margin:0 0 10px ; padding:0 0 0 12px; background:url(/image/common/purchaseBg.gif) 0 0 no-repeat; cursor:default; } .lPopup .cApplyName dl { float:right; width:181px; height:24px; padding:7px 12px 0 0; background:url(/image/common/purchaseBg.gif) 100% 0 no-repeat; color:#787878; font:bold 12px/1.5 dotum; } .lPopup .cApplyName dt { float:left; width:66px; padding:0 0 0 9px; background:url(/image/icon/search.gif) 0 6px no-repeat; } .lPopup .cApplyName dd { float:left; width:106px; text-align:right; } .lPopup .cApplyName dd strong { color:#fe4600; } /* -- photo 게시판 20090114 이후 -- */ /* 포토겔러리 */ .photoGalleryBest { list-style:none; float:left; width:712px; margin:0 0 0; padding:20px 0 0px; } .photoGalleryBest li { float:left; width:175px; }/* max-w:178 */ .photoGalleryBest table { width:122px; margin:0 auto; padding:0; font-size:11px; border-collapse:collapse; background:#fff; } .photoGalleryBest table .photo { position:static; float:none; width:auto; height:auto; margin:0; padding:0; } .photoGalleryBest table .photo a.over { position:static; float:left; width:116px; height:116px; border:3px solid #ebebeb; margin:0; padding:0; } .photoGalleryBest table .photo a.over:hover { position:static; float:left; width:116px; height:116px; border:3px solid #ed1364; margin:0; padding:0; } .photoGalleryBest table .photo a.over img, .photoGalleryBest table .photo a.over:hover img{ float:left; width:116px; height:116px; } .photoGalleryBest table .photo .best { float:left; margin:-120px 0 0 2px; } .photoGalleryBest table .subj { color:#000; padding:9px 0 0 7px; line-height:14px; } .photoGalleryBest table .name { color:#989898; padding:0 0 9px 7px;} .bdListHolder { clear:both; overflow:hidden; width:712px; margin:20px 0 0; padding:0; } .boardInfo { margin:0; padding:0; } .boardInfo .headtxt { float:left; } .boardInfo .headtxt .selectholder { position:static; top:0; left:0; padding:0; *padding:2px 0 0; } .boardInfo .searchHolder1 { float:right; width:243px; margin-bottom:8px; } .boardInfo .searchHolder1 .selectholder { position:static; right:0; top:0; float:left; margin:0 5px 0 0; *margin:2px 2px 0 0; } .boardInfo .searchHolder1 .searchTxtInput { float:left; width:110px; height:16px; margin:0; padding:1px 3px 0 3px; border:1px solid #dbdbdb; font:12px/15px dotum; margin:0px 4px 0 0; *margin:2px 4px 0 2px; } .boardInfo .searchHolder1 .searchBtn { float:left; margin-top:0px;*margin-top:2px; cursor:pointer; } .photoGalleryHolder { float:left; width:712px; margin:0; padding:0; border-top:4px solid #ed1364; } .photoGallery { list-style:none; float:left; width:686px; margin:0; padding:0 0 12px 26px; border-bottom:1px solid #ed1364; }/* #ed1364 */ .photoGallery li {float:left; width:225px; height:245px; padding:20px 0 0 0;} /*.photoGallery li { float:left; width:135px; height:165px; padding:18px 0 0 0; }*/ .photoGallery li.notice { width:712px; height:auto; margin:0 0 0 -26px; _margin:0 0 0 -13px; padding:0; border-bottom:1px solid #ed1364; } .photoGallery li.notice span { display:block; margin:0; padding:8px 0 8px 56px; _padding:10px 0 6px 56px; background:url(/image/icon/iconNotice.gif) no-repeat 26px 7px; color:#666; font-size:11px; font-weight:bold; } .photoGallery table { width:190px; font-size:11px; border-collapse:collapse; } /*.photoGallery table { width:110px; font-size:11px; border-collapse:collapse; }*/ .photoGallery table a.over { border:3px solid #ebebeb; display:block; float:left; } .photoGallery table a.over:hover { border:3px solid #ed1364; } .photoGallery table a.over img, .photoGallery table a.over:hover img{ width:98px; height:98px; float:left; } .photoGallery table .subj { color:#000; padding:4px 0 0 2px; line-height:14px; } .photoGallery table .name { color:#989898; padding:5px 0 0 2px;} /* 2011.09.28 */ .photoGallery .style1 { font-size: 11px; color: #003333; letter-spacing:-1px; font-weight: bold; font-family: "돋움";} .photoGallery .style5 {color: #666666} .photoGallery .style6 {font-size: 11px; font-family: "돋움";} .photoGallery .style9 {font-size: 11px} .photoGallery .style11 {color: #666666; font-weight: bold; } .photoGallery .style14 {color: #FF6666} .photoGallery .style15 {color: #006666} .photoGallery .style16 {font-size: 11px; color: #006666; letter-spacing: -1px; font-weight: bold; font-family: "돋움"; } .btnRight { clear:both; width:100%; text-align:right; padding:5px 0 2px 0; position:relative; } .btnRight .option { position:absolute; top:9px; left:13px; } .btnRight .option label { color:#5b5b5b; padding-right:26px; padding-left:4px;*padding-left:0; } .btnRight2 { clear:both; width:100%; text-align:right; padding:10px 0 2px 0; } .bdViewHolder { clear:both; padding-top:30px; } .bdViewHolder2 { clear:both; margin-top:30px; } .boardView01 { clear:both; width:712px; margin:0 auto; border-top:4px solid #ed1364;border-bottom:1px solid #ed1364; font-size:11px; color:#666; border-collapse:collapse; table-layout:fixed; } .boardView01 tr.subj th, .boardView01 tr.subj td { border-bottom:1px solid #ed1364; } .boardView01 tr.next th, .boardView01 tr.next td { border-top:1px solid #ed1364; } .boardView01 tr.prev th, .boardView01 tr.prev td { border-top:1px solid #e4e4e4; } .boardView01 tr.next th, .boardView01 tr.prev th { padding-left:12px; background:url(/image/icon/bulletTh2.gif) no-repeat right 10px; } .boardView01 tr.scrapSubj th { border-bottom:1px solid #ed1364; padding:5px 4px 4px 18px;*padding:5px 8px 4px 18px; background:url(/image/icon/bulletTh.gif) no-repeat right 9px; text-align:left; } .boardView01 tr.scrapSubj td { border-bottom:1px solid #ed1364; padding:2px 0 4px 10px; } .boardView01 tr.scrapSubj td span { display:block; float:left; padding:4px 0 0 0; } .boardView01 tr.scrapSubj td .original { float:right; padding:4px 10px 0 0; color:#1f58fb; text-decoration:underline; } .boardView01 tr.scrapSubj td .original a { color:#1f58fb; text-decoration:underline; } .boardView01 th { width:50px; background:url(/image/icon/bulletTh.gif) no-repeat right 10px; text-align:left; padding:5px 2px 4px 18px; } .boardView01 td { padding:7px 0 3px 10px; } .boardView01 td.addfile { border-top:1px solid #e4e4e4; } .boardView01 td.addfile .ico_file{ margin-top:-2px; margin-right:-1px; } .boardView01 td.con { border-top:1px solid #e4e4e4; padding:5px; line-height:160%; } .boardView01 td.con a { color:#666; text-decoration:underline; } .boardView01 tr.util td { text-align:right; padding:0 15px 5px 0; } .boardView01 tr.util td img { margin-left:9px; } .boardView01 .item { float:left; background:url(/image/icon/bulletTh.gif) no-repeat right 3px;*background:url(/image/icon/bulletTh.gif) no-repeat right 4px; padding:2px 14px 5px 7px;* padding:2px 17px 5px 7px; } .boardView01 .value { float:left; padding:0px 15px 2px 10px; } .boardView01 .value img { margin-right:4px; } .imgHolder { margin:20px 0 0; } .commentHolder { padding-top:24px;} .bdWriteHolder { clear:both; overflow:hidden; width:712px; margin:20px 0 0; padding:0; } .boardWrite01 { clear:both; width:712px; margin:0 auto; border-top:4px solid #ed1364; border-bottom:1px solid #ed1364; font-size:11px; color:#666; border-collapse:collapse; } .boardWrite01 .selectholder { position:static; top:0; left:0; } .boardWrite01 tr.subj th { border-bottom:1px solid #ed1364; padding:4px 12px 8px 8px; background:url(/image/icon/bulletTh.gif) no-repeat right 8px; } .boardWrite01 tr.subj td { border-bottom:1px solid #ed1364; padding:1px 0 6px 10px; } .boardWrite01 tr.blogSubj th { padding:3px 12px 2px 8px; background:url(/image/icon/bulletTh.gif) no-repeat right 7px; } .boardWrite01 tr.blogSubj td { padding:0 0 1px 10px; } .boardWrite01 tr.thum th { border-bottom:1px solid #ed1364; padding:7px 12px 8px 8px; background:url(/image/icon/bulletTh.gif) no-repeat right 8px; vertical-align:top; } .boardWrite01 tr.thum td { border-bottom:1px solid #ed1364; padding:1px 0 6px 10px; } .boardWrite01 tr.thum td input { width:243px; } .boardWrite01 tr.thum td .txt { display:block; margin-top:3px; } .boardWrite01 tr.thum td .imgfile1 { padding-left:6px; } .boardWrite01 tr.thum td .imgfile2 { color:#ed1364; } .boardWrite01 tr.scrapSubj th { border-bottom:1px solid #ed1364; padding:5px 4px 4px 18px;*padding:5px 8px 4px 18px; background:url(/image/icon/bulletTh.gif) no-repeat right 9px; text-align:left; } .boardWrite01 tr.scrapSubj td { border-bottom:1px solid #ed1364; padding:2px 0 4px 10px; } .boardWrite01 tr.scrapSubj td span { display:block; float:left; padding:4px 0 0 0; } .boardWrite01 tr.scrapSubj td .original { float:right; padding:4px 10px 0 0; color:#1f58fb; text-decoration:underline; } .boardWrite01 tr.scrapSubj td .original a { color:#1f58fb;text-decoration:underline; } .boardWrite01 input { width:351px; height:15px; padding:2px 3px 0 5px; border:1px solid #c5c5c5; font:11px/15px dotum; color:#6c6c6c;} .boardWrite01 th { width:42px; background:url(/image/icon/bulletTh.gif) no-repeat right 13px; text-align:right; padding:9px 12px 4px 8px; } .boardWrite01 td { width:682px; padding:7px 0 3px 10px; } .boardWrite01 td.editor { padding:17px; } .board01 { clear:both; width:712px; margin:0 auto;border-bottom:1px solid #ed1364; border-collapse:collapse; } .board01 th { border-top:4px solid #ed1364; border-bottom:1px solid #ed1364; height:30px;*height:27px; background:url(/image/icon/bulletTh.gif) no-repeat left center; padding-bottom:2px;*padding-bottom:0;} .board01 th.num { background:none;} .board01 tr { height:24px; } .board01 td { text-align:center; color:#666; font-size:11px; padding:3px 0 2px 0; height:25px;*height:22px; } .board01 td.subject { text-align:left; padding-left:15px; } .board01 td.subject img { vertical-align:middle; padding-right:5px; } .board01 td.subject .new { padding-left:5px; } .board01 td.re1 { padding-left:43px; background:url(/image/icon/bulletRe.gif) no-repeat 17px 9px; } .board01 td.re2 { padding-left:59px; background:url(/image/icon/bulletRe.gif) no-repeat 32px 9px; } .board01 .notice { width:390px; text-align:left; padding-left:15px; font-weight:bold; } .board01 tr:hover td{ color:#f63b72; } /* IE6적용안됨 */ .commentHolder { padding-top:24px;} .commentWrite { border:2px solid #e7e7e7; background:#fbfbfb; padding:10px 11px; color:#666; font-size:11px; } .commentWrite .name { width:165px; height:16px; padding:1px 3px 0 3px; border:1px solid #dfdfdf; font:12px/15px dotum; margin:1px 4px 0 0;*margin:0 4px 0 2px; } .commentWrite p { margin-top:5px; } .commentWrite .comment { width:591px; height:42px; padding:1px 3px 0 3px; border:1px solid #dfdfdf; font:12px/15px dotum; margin:1px 4px 0 0;*margin:0px 4px 0 1px; overflow:auto; } .commentList { border-top:2px solid #e7e7e7; margin-top:25px; font-size:11px; } .commentList li { border-bottom:1px solid #e7e7e7; padding:7px 14px; } .commentList li .name { display:block; float:left; padding-right:2px; } .commentList li .grade { display:block; float:left; padding-bottom:3px; } .commentList li .date { display:block; float:left; padding:0 6px 0 7px; } .commentList li .btn { display:block; float:left; } .commentList li .btn img{ padding:4px 1px; cursor:pointer; } .commentList li p { clear:both; color:#999; line-height:13px; padding-top:6px; } .commentList li p img {cursor:pointer; } .commentList li .reComment { width:538px; margin:13px 0 0 22px; background:url(/image/icon/bulletReArrow.gif) no-repeat 0 0; padding:0 0 0 20px;} hr.line01 { clear:both; height:1px; border-top:1px dotted #eaeaea; color:#eaeaea; } .tb_hm10 { margin:20px 0 0; } .tal12Box { clear:both; padding:5px; border:1px solid #eaeaea; } .tal12Box .b_line { height:1px; margin:8px 0; border-top:1px dashed #e0e0e0; font:1px/1px arial; } .reply01 { padding:5px; text-align:left; } .name_space { float:left; padding-top:5px; border:1px solid #fff; } .btn_space { float:right; padding-top:5px; border:1px solid #fff; } .text_contents { clear:both; margin-top:10px; border:1px solid #fff; } .reply02 { margin:0px 20px; padding:5px 5px 5px 17px; border-bottom:1px dotted #eaeaea; background:url(/image/arr/tb_reply.gif) no-repeat 7px 5px; text-align:left; font:11px/13px dotum; } .reply02 .name_area { padding:1px 0; } .reply02 .fs_name { float:left; width:55px; margin:0 0 0 5px; padding:1px 0 0 8px; background:url(/image/bu/fs01.gif) 0 4px no-repeat; color:#444; font-weight:bold; vertical-align:middle; } .reply02 .fs_price { float:left; width:55px; margin:0 0 0 5px; padding:1px 0 0 8px; background:url(/image/bu/fs01.gif) 0 4px no-repeat; color:#444; font-weight:bold; vertical-align:middle; } .reply02 .name_area .input01{ float:left; width:120px; height:11px; margin:0; padding:1px 3px; border:1px solid #ccc; font:11px/11px dotum; } .reply02 .content_space { clear:both; margin:5px 0 0 3px; padding:0; } .content_space .reply_textarea01 { width:570px; height:42px; padding:5px; border:1px solid #ccc; } .reply_textarea { width:570px; height:42px; padding:5px; border:1px solid #ccc; } .reply_box01 { overflow:hidden; padding:6px 10px 9px; border:1px solid #eaeaea; } .reply_box01 .name_area { padding:2px 0 1px; } .reply_box01 .fs_name { float:left; width:45px; margin:0; padding:6px 7px 0; background:url(/image/bu/fs01.gif) 0 9px no-repeat; color:#444; font-weight:bold; vertical-align:middle; } .reply_box01 .fs_price { float:left; width:35px; margin:0; padding:6px 7px 0; background:url(/image/bu/fs01.gif) 0 9px no-repeat; color:#444; font-weight:bold; vertical-align:middle; } .reply_box01 .name_area .input01{ float:left; width:100px; height:15px; margin:2px 15px 0 0; padding:1px 3px; border:1px solid #ccc; line-height:15px; } .reply_box01 .content_space { padding:4px 0 0; }