/******************************* layout css *******************************/ /* layout */ body { font-family:dotum, 'malgun gothic', 'Nanum Gothic', arial, sans-serif; -webkit-font-smoothing: antialiased; min-width: 1280px;} #wrap { position:relative; width:100%; margin:0 auto; } .fluid_row {width:100%;} .fluid_row:after {content:""; display:block; clear:both;} .fixed_row {position:relative; width:1100px; margin:0 auto;} .fixed_row:after {content:""; display:block; clear:both;} #header {position:relative; z-index:1; width:100%; margin:0 auto 2px; *zoom:1; background:#fff;} #header:after { content:""; display:block; clear:both; } #header .top_banner {overflow:hidden; width:100%; height: 80px; background:#101a31;} #header .top_banner .inner_banner { position: relative; width: 1100px; margin: 0 auto; padding:0px; } #header .top_banner .inner_banner .toggle_close {position:absolute; top:25px; right:-40px;} #header .inner {width:100%; height:28px; margin:0; text-align:right; background:#fbfbfb; border-top:1px solid #efefef; border-bottom:1px solid #efefef;} #container {position:relative; z-index:0; width:1100px; margin:0 auto 20px; zoom:1;} #container:after {content:""; display:block; clear:both; } #container #snb {display:none; float:left; width:180px; margin:0; } #container #contents { position: relative; padding-top: 0; width:1100px; min-height: 600px;} #footer {overflow:hidden; position:relative; clear:both; width:100%; margin:0; padding:0; zoom:1; } /* #banner { position:absolute; z-index:4; top:17quick4px; left:50%; width:130px; margin-left:-645px; margin-top:25px; text-align:right;} #quick { position:absolute; z-index:4; top:174px; right:50%; width:105px; margin-right:-620px; margin-top:25px;} */ #banner { position:absolute; z-index:4; top:323px; left:50%; width:80px; margin-left:-640px; margin-top:0px; text-align:right;} #quick { position:absolute; z-index:4; top:323px; right:50%; width:80px; margin-right:-640px; margin-top:0px;} #quick .quick_page_top {margin:5px 0 0; text-align:center;} /* top_banner */ #header .top_banner ul { width:1100px; margin:0 auto; padding:0px;} #header .top_banner ul li { margin:0; padding:0; list-style:none;} /* gnb */ #header .left_gnb {overflow:hidden; float:left;} #header .left_gnb ul {margin:0; padding:7px 0 7px 48px;} #header .left_gnb ul li {list-style:none;} #header .left_gnb ul li a {padding:0 0 0 0; font-size:12px; font-family:'Nanum Gothic',sans-serif; line-height:14px; color:#000080;} #header .left_gnb ul li a:hover { text-decoration:none; color:#000080;} #header .gnb { display:inline-block; padding:7px 0; text-align:right; *display:inline; *zoom:1; } #header .gnb ul {display:inline-block; margin:0; padding:0; text-align:right !important;} #header .gnb ul li {display:inline-block; margin:0; padding:0; *display:inline;} #header .gnb ul li:before {content:"|"; padding:0 7px 0 5px; color:#ddd;} #header .gnb ul li:first-child:before {content:""; padding:0;} #header .gnb ul li a {padding:0 0 0 0; font-size:12px; font-family:'Nanum Gothic',sans-serif; line-height:14px; color:#979797;} #header .gnb ul li.login a { color:#ff8400;} #header .gnb ul li a:hover { text-decoration:none; color:#000080;} #header .header_area { clear:both; overflow:hidden; height:130px;} /* logo */ .header_logo {overflow:hidden; float:left; width:260px;} .header_logo h1 {position:relative; display:block; overflow:hidden; width:200px; margin:0; padding:16px 0 0 27px; *zoom:1;} .header_logo h1 img {} .header_logo span.logo_text {display:block; text-align:left; margin:1px 0 4px; font-size:12px; color:#0485fe; font-weight:normal;} .header_logo .header_sns {overflow:hidden; margin-left:0; padding-bottom:2px;} .header_logo .header_sns ul {margin:0; padding:0;} .header_logo .header_sns ul li {float:left; list-style:none;} /* top search */ #header .header_search {overflow:hidden; float:left; width:370px; margin:35px 0 0 115px; } #header .top_search { float:left; margin-left:3px; margin-top:4px; background:url("../../img/trend9/top_search_bg.png") no-repeat 0 0; } #header .top_search form { margin:0; padding:0; } #header .top_search fieldset { float:left; margin:0; padding:0; line-height:0; } #header .top_search .keyword { float:left; width:232px; height:25px; margin:6px 10px 0 25px; padding:0 0 0 0; line-height:25px; border:0; background:transparent; vertical-align:middle; font-size:14px; text-align:left; background-repeat:no-repeat; background-position:center center;} #header .top_search input.keyword:focus {outline:none;} #header .top_search img {float:left; cursor:pointer; } #header .header_search .top_quick_menu { clear:both; overflow:hidden; padding:9px 0 0;} #header .header_search .top_quick_menu ul {margin:0px; padding:0px;} #header .header_search .top_quick_menu ul li {float:left; margin:0px; padding:0px; list-style:none;} #header .header_search .top_quick_menu ul li a { display:block; padding:0 2px 0; font-size:0px; background:url("../../img/trend9/header_quick_menu_bar.png_") no-repeat 0 center;} #header .header_search .top_quick_menu ul li:first-child a { background:none;} #header .header_search .top_quick_menu ul li.last_child a { padding:0 0 0 0; } /* header_banners */ .header_banners {float:right; width:270px; height:120px; margin:12px 0 0; padding:0;} .header_banners ul {margin:0; padding:0;} .header_banners ul li {margin:0; padding:0; list-style:none;} .widget_header_slide_banner {overflow:hidden; position: relative; margin-right:20px;} .widget_header_slide_banner .bx-controls-direction {position:absolute; width:250px; top:50%; margin:-7px 0 0;} .widget_header_slide_banner .bx-controls-direction a {overflow:hidden; position:absolute; width:7px; height:14px; text-indent: -9999px;} .widget_header_slide_banner .bx-controls-direction a.bx-prev { left:0px; background:url("../../img/trend9/header_slide_left.png") no-repeat 0 0;} .widget_header_slide_banner .bx-controls-direction a.bx-next { right:0px; background:url("../../img/trend9/header_slide_right.png") no-repeat 0 0;} .widget_header_latest_normal { overflow:hidden; position:relative; margin:11px 0 0; padding:0; } .widget_header_latest_normal .bx-wrapper {width:180px !important; margin:2px 0 0 70px !important;} .widget_header_latest_normal h2 {position:absolute; left:0; float:left; height:20px; margin:0; padding:0 0 0;} .widget_header_latest_normal ul { float:left; width:200px; height:20px; margin:0 0 0; padding:0; list-style:none; } .widget_header_latest_normal ul li { margin:0; padding:0 0 0 5px; line-height:20px; font-size:11px;} .widget_header_latest_normal ul li a {color:#757575;} .widget_header_latest_normal ul li a:hover {color:#333; text-decoration:none;} .widget_header_latest_normal ul li span.date {display:none; float:right; font-size:11px; color:#888;} /* header_lnb */ #header .header_lnb {height:39px; border-bottom:2px solid #202020; background:#22b500;} /* nav */ /* remove the list style */ #nav { position:relative; width:1100px; height:39px; margin:0 0 2px; padding:0; list-style:none; *zoom:1; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ #nav > li { float:left; display:block; width:auto; _width:100px !important; position:relative; z-index:500; padding:0 0 0 2px; background:url("../../img/trend9/lnb_menu_bar.png") no-repeat 0 center; *zoom:1; } #nav > li:first-child {background:none; padding:0px;} #nav li a span {display:none; } #nav li > a {display:block; height:39px; margin-right:0; padding:0;} #nav li a.menu_all {width:132px; margin:0; padding:0; border:0; background:url("../../img/trend9/lnb_menu_all.png") center 0 no-repeat;} #nav li a.menu1 {width:100px; background:url("../../img/trend9/lnb_menu1.png") 0 0 no-repeat;} #nav li a.menu2 {width:98px; background:url("../../img/trend9/lnb_menu2.png") 0 0 no-repeat;} #nav li a.menu3 {width:97px; background:url("../../img/trend9/lnb_menu3.png") 0 0 no-repeat;} #nav li a.menu4 {width:98px; background:url("../../img/trend9/lnb_menu4.png") 0 0 no-repeat;} #nav li a.menu5 {width:98px; background:url("../../img/trend9/lnb_menu5.png") 0 0 no-repeat;} #nav li a.menu6 {width:98px; background:url("../../img/trend9/lnb_menu6.png") 0 0 no-repeat;} #nav li a.menu7 {width:98px; background:url("../../img/trend9/lnb_menu7.png") 0 0 no-repeat;} #nav li a.menu8 {width:98px; background:url("../../img/trend9/lnb_menu8.png") 0 0 no-repeat;} #nav li a.menu9 {width:97px; background:url("../../img/trend9/lnb_menu9.png") 0 0 no-repeat;} #nav li a.menu10 {width:98px; background:url("../../img/trend9/lnb_menu10.png") 0 0 no-repeat;} #nav li a.menu11 {width:100px; background:url("../../img/trend9/lnb_menu11.png") 0 0 no-repeat;} #nav li > a:hover, #nav li.selected > a, #nav li:hover > a {background-position:0 -39px; } #nav li > a.menu_all:hover, #nav li.selected > a.menu_all, #nav li:hover > a.menu_all {background-position:0 0; border:0;} #nav .sub_category { position:absolute; top:39px; left:0px; display:none; width:1096px; margin:0 0 0; padding:0 0 0 0; background:#fff; border:2px solid #202020; border-top:1px solid #1b9600; } #nav .sub_category:after {content:""; position: absolute; bottom:-7px; left:-2px; width:1100px; display:block; clear:both; height:5px; background:url("../../img/trend9/sub_category_bg.png") repeat-x 0 bottom; } #nav li.lnb1 .sub_category {left:0;} #nav li.lnb2 .sub_category {left:-100px;} #nav li.lnb3 .sub_category {left:-200px;} #nav li.lnb4 .sub_category {left:-299px;} #nav li.lnb5 .sub_category {left:-399px;} #nav li.lnb6 .sub_category {left:-499px;} #nav li.lnb7 .sub_category {left:-599px;} #nav li.lnb8 .sub_category {left:-699px;} #nav li.lnb9 .sub_category {left:-799px;} #nav li.lnb10 .sub_category {left:-898px;} #nav li.lnb11 .sub_category {left:-998px;} #nav .sub_category .sub_category_area {float:left; width:358px; height:279px; padding-left:19px; border-right:1px dotted #ebebeb;} #nav .sub_category .sub_category_area h4 {margin:0; padding:17px 0 16px 10px; font-size:16px; line-height:26px; color:#22b500; font-weight:700; font-family:'malgun gothic', 'Nanum Gothic', arial, dotum, sans-serif; border-bottom:1px solid #f3f3f3; text-align:left;} #nav .sub_category .sub_category_area ul {margin:0 0 0 -30px; padding:10px 0;} #nav .sub_category .sub_category_area ul li { float:left; width:150px; height:24px; margin:0 0 0 30px; list-style:none; } #nav .sub_category .sub_category_area ul li a {display:block; height:24px; line-height:24px; padding:0 0 0 10px; text-decoration:none; color:#545454; font-size:13px; border:0; font-weight:bold;} #nav .sub_category .sub_category_area ul li:hover {background:#22b500;} #nav .sub_category .sub_category_area ul li a:hover {color:#fff; border:0;} #nav .sub_category .sub_premium_area {float:left; width:250px; min-height:275px; padding:0 20px; border-right:1px dotted #ebebeb;} #nav .sub_category .sub_premium_area h4 {margin:0; padding:5px 0 0 0;} #nav .sub_category .sub_premium_area ul {margin:0; padding:10px 0; list-style:none;} #nav .sub_category .sub_premium_area ul li {} #nav .sub_category .sub_premium_area ul li:before {content:"·"; padding:0 5px 0 5px;} #nav .sub_category .sub_premium_area ul li a {display:inline-block; height:15px; padding:5px 0; text-decoration:none; color:#666; font-size:12px; border:0;} #nav .sub_category .sub_premium_area ul li a:hover {color:#000; border:0;} #nav .sub_category .sub_brand_banner {float:left; width:298px; margin:0 0 0 20px; padding:0 0 0; border-left:1px dotted #efefef;} #nav .sub_category .sub_brand_banner ul {margin:0; padding:0;} #nav .sub_category .sub_brand_banner ul li {float:left; overflow:hidden; width:148px; margin:0; padding:0; list-style:none; border-bottom:1px solid #efefef; border-right:1px dotted #efefef;} #nav .sub_category .sub_brand_banner ul li.child9, #nav .sub_category .sub_brand_banner ul li.child10 {border-bottom:0px;} #nav .sub_category .sub_brand_banner ul li a {height:55px;} #nav .sub_category .sub_right_banner {float:right; width:399px;} #nav .sub_category .sub_right_banner ul {margin:0; padding:0;} #nav .sub_category .sub_right_banner ul li { float:left; margin:0 0 0; padding:0; list-style:none;} #nav .sub_category .sub_right_banner ul li:first-child {margin:0; border-right:1px solid #efefef;} #nav .brand_sub_category .sub_bottom_banner {width:100%; margin:0; padding:0; border-top:0;} #nav .brand_sub_category .sub_bottom_banner ul {overflow:hidden; margin:0; padding:0;} #nav .brand_sub_category .sub_bottom_banner ul li {float:left; overflow:hidden; width:119px; margin:-1px 0 0 -1px; padding:0 2px 0 3px; list-style:none; border-left:1px dotted #ddd; border-top:1px dotted #ddd; background:#fff;} #nav .brand_sub_category .sub_bottom_banner ul li:first-child {border-left:1px dotted #ddd;} /* 전체카테고리 레이어 */ #allcategory { display:none; position:absolute; top:41px; width:978px; margin:0; padding:10px; height:auto; z-index:9999; background-color:#fff; border: 1px solid #c00000; overflow:hidden; *zoom:1;} #allcategory .category { clear:both; display:block; font-size:12px; margin:0; padding: 10px; width:998px; overflow:hidden; font-size:0; line-height:0; list-style:none; *zoom:1;} #allcategory .category .depth-1 {display:inline-block; *display:inline; vertical-align:top; padding:0px 1% 5px; width:23%; font-size:12px; line-height:20px; *zoom:1;} #allcategory .category .depth-1 > a { padding-left: 10px; display:block; text-align:left; color: #4c4c4c; background: url('../../img/trend9/allbrand_list_icon.png') left 6px no-repeat;} #allcategory .category .depth-1 > a:hover { color:#666; text-decoration: none; } .category_header { overflow: hidden; padding: 10px 0 15px; border-bottom: 1px dotted #ddd; } .category_header ul { margin:0; padding:0; list-style:none; } .category_header ul li { float: left; margin:0; padding:0 2px 0 3px; color: #636363; font-size: 12px;} .category_header ul li a { text-decoration: none; display:block; min-width:15px; padding:2px 4px; border:1px solid #ddd; text-align:center;} .category_header ul li a:hover, .category_header ul li a.active {background:#c00000; border-color:#c00000; color:#fff;} .category_header li.brand { padding-left: 13px; padding-right: 35px; font-weight: bold; font-size:22px; line-height:22px; color: #4d4d4d; font-family:"Century Gothic", arial, sans-serif; border:0;} .category_header li.allcategory_close_bt {float:right; cursor:pointer;} .category_header li.alphabet {} .category_header li.more { padding-right: 0px; font-weight: bold; color: #636363; border-left: 1px solid #e4e4e4; } #allcategory .category .allcategory_brand_list {position:relative; margin-bottom:0; padding:0 0 10px 130px; font-size:12px; line-height:17px;} #allcategory .category .allcategory_brand_list:after {content:""; display:block; clear:both;} #allcategory .category .allcategory_brand_list h4 {float:left; position:relative; left:-130px; width:130px; margin-right:-130px; padding:40px 0; text-align:center; font-size:60px; color:#c00000; font-family:"Century Gothic", arial, sans-serif;} #allcategory .category .allcategory_brand_list ul {float:left; min-height:80px; margin:0; padding:0 0 0 20px; font-size:0; line-height:0; border-left:1px dotted #ddd;} #allcategory .category .allcategory_brand_list ul li {display:inline-block; *display:inline; width:18%; padding:4px 1%; font-size:12px; line-height:21px; list-style:none;} #allcategory .category .allcategory_brand_list ul li a {color:#777; text-decoration:none;} #allcategory .category .allcategory_brand_list ul li a:hover {color:#c00000;} /* header_lnb_2 */ .header_lnb_2 {overflow:hidden; height:32px; background:#e7e5e5;} .header_lnb_2 .header_lnb_2_info {overflow:hidden;} .header_search_word {overflow:hidden; float:left; width:410px;} .header_search_word h2 { display:block; float:left; margin:7px 15px 0 0; font-size:0px;} .header_search_word ul {margin:0px; padding:0px;} .header_search_word ul li { display:inline-block; padding:0 6px 0 8px; *display:inline; *zoom:1; line-height:32px; list-style:none; background:url("../../img/trend9/header_search_word_bar.png") no-repeat 0 center;} .header_search_word ul li:first-child {background:none; padding:0 6px 0 0;} .header_search_word ul li a { display:block; font-family:'Nanum Gothic',sans-serif; font-size:11px; color:#757575;} .header_search_word ul li a:hover {text-decoration:none; color:#000080;} .header_quick_menu {overflow:hidden; float:right; } .header_quick_menu ul {margin:0px; padding:0px;} .header_quick_menu ul li { display:inline-block; padding:0 6px 0 8px; *display:inline; *zoom:1; line-height:32px; list-style:none; background:url("../../img/trend9/header_search_word_bar.png") no-repeat 0 center;} .header_quick_menu ul li:first-child {background:none; padding:0 6px 0 0;} .header_quick_menu ul li a { display:block; font-family:'Nanum Gothic',sans-serif; font-size:12px; color:#757575;} .header_quick_menu ul li a span.color {color:#fc4e2b;} .header_quick_menu ul li a:hover {text-decoration:none; color:#000080;} .header_quick_menu ul li a:hover span.color {text-decoration:none; color:#000080;} /* sub_product */ .sub_product {clear:both; float:; margin:0; padding:0; border-top:1px solid #efefef; } .sub_product h3 {float:left; margin:0; padding:0; ; font-size:0;} .sub_product ul.prdList {float:left; clear:right !important; zoom:1; margin:0 0 0 0; padding: 0; font-size:0; line-height:0;} .sub_product ul.prdList:after {content:""; display:block; clear:both; } .sub_product ul.prdList li.item .sale_count {display:none;} .sub_product ul.prdList li.item { float:left; width:312px; margin:0 0 0 0; padding:0; vertical-align:top; font-size:12px; line-height:20px; *zoom:1;} .sub_product ul.prdList li.item .box { overflow:hidden; height:109px; padding:9px 0 0 20px; border-left:1px solid #eaeaea;} .sub_product ul.prdList li.item .box:hover { border:0px; border-left:1px solid #eaeaea;} .sub_product ul.prdList li.item:first-child .box {border-left:0px;} .sub_product ul.prdList li.item:first-child .box:hover { border:0px; border-left:0px;} .sub_product ul.prdList li.item .prdImg { display:block;} .sub_product ul.prdList li.item .prdImg img { display:block; float:left; width:auto; height:100%;} .sub_product ul.prdList li.item .product_contents_info p.name a {color:#383838;} .sub_product .prdImgButton {display:none !important;} .sub_product .prdImgWrap {overflow:hidden; float:left; } .sub_product .product_contents_info { float:left; width:165px; padding:16px 15px 0 10px; background:none; border:0px;} .sub_product .product_contents_info .product_list_item li.custom_price {padding:0 25px 0 0; margin-right: 10px !important; } .sub_product .product_contents_info .product_list_item li.price {padding:0 0 0 0px;} .footer_row {position:relative; z-index:3; min-height:; margin:0; padding:30px 0 0; background:#fff;} /* footer */ /* footer_special_plan */ .footer_special_plan {overflow:hidden; padding:0 0 20px;} .footer_special_plan h2 {display:block; padding:14px 0 20px 0; font-size:0px; text-align:left;} .footer_special_plan ul { overflow:hidden; margin:0 0 0 -22px; padding:0;} .footer_special_plan ul li {float:left; margin:0 0 0 22px; list-style:none;} /* footer_sitemap */ #footer_sitemap {overflow:hidden;} #footer_sitemap ul { margin:0; padding:0;} #footer_sitemap ul li.sitemap_menu { float:left; list-style:none; background:#fff; text-align:center;} #footer_sitemap ul li.menu1 a {width:100px;} #footer_sitemap ul li.menu2 a {width:98px;} #footer_sitemap ul li.menu3 a {width:97px;} #footer_sitemap ul li.menu4 a {width:98px;} #footer_sitemap ul li.menu5 a {width:98px;} #footer_sitemap ul li.menu6 a {width:98px;} #footer_sitemap ul li.menu7 a {width:98px;} #footer_sitemap ul li.menu8 a {width:98px;} #footer_sitemap ul li.menu9 a {width:97px;} #footer_sitemap ul li.menu10 a {width:98px;} #footer_sitemap ul li.menu11 a {width:100px;} #footer_sitemap ul li.sitemap_menu > a.title {display:block; padding:0 0 0 2px; line-height:40px; font-family:'Nanum Gothic', sans-serif; font-weight:bold; font-size:14px; color:#fff; background:#22b500 url("../../img/trend9/footer_sitemap_bar.png") no-repeat 0 center;} #footer_sitemap ul li.menu1 > a.title {background:#22b500; padding:0px;} #footer_sitemap ul li.sitemap_menu > a.title:hover {text-decoration:none;} #footer_sitemap .sub_category {overflow:hidden; padding:8px 0;} #footer_sitemap .sub_category ul {margin:0; padding:0;} #footer_sitemap .sub_category ul li {display:block; text-align:center;} #footer_sitemap .sub_category ul li a { font-size:11px; color:#959595; line-height:20px;} #footer_sitemap .sub_category ul li a:hover {text-decoration:none; color:#22b500; font-family:dotum,sans-serif;} /* footer_escrow */ .footer_escrow {overflow:hidden; padding:5px 0; border-top:1px solid #b8b8b8; background:#dadada;} .footer_escrow ul {padding:0;} .footer_escrow ul li {float:left; list-style:none;} .footer_escrow ul li.list1 {margin-left:24px;} .footer_escrow ul li.list2 {margin-left:80px;} .footer_escrow ul li.list3 {margin-left:38px;} .footer_escrow ul li.list4 {margin-left:37px;} .footer_escrow ul li.list5 {margin-left:23px;} .footer_escrow ul li.list6 {margin-left:31px;} .footer_escrow ul li.list7 {margin-left:27px;} .footer_escrow ul li.list8 {margin-left:41px;} .footer_escrow ul li.list9 {margin-left:30px;} .footer_escrow ul li.list10 {margin-left:31px;} .footer_copyright {margin:0 0 0; padding-bottom:0; background:#333; } #footer .footer_size {width:1060px; } #footer .footer_cs_info {overflow:hidden; float:left; width:380px; height:244px; padding:16px 0 0; border-right:1px solid #5c5c5c;} #footer .footer_cs_info .footer_cs {border-bottom:1px dotted #5c5c5c;} #footer .footer_cs_info .footer_quick_menu {overflow:hidden; margin:29px 0 0;} #footer .footer_cs_info .footer_quick_menu ul {margin:0; padding:0;} #footer .footer_cs_info .footer_quick_menu ul li {float:left; margin-left:13px; list-style:none;} #footer .footer_cs_info .footer_quick_menu ul li:first-child {margin-left:0px;} #footer .footer_bank_info {overflow:hidden; float:left; width:335px; height:244px; padding:16px 0 0 19px; border-right:1px solid #5c5c5c;} #footer .footer_bank_info .footer_bank {} #footer .footer_bank_info .footer_bank2 { float:left; margin:26px 0 0;} #footer .footer_bank_info .footer_bank2 a { float:left; margin:0 0 0;} #footer .footer_bank_info .footer_bank2 a.bank_icon {margin:0 25px 0 0;} #footer .footer_board_info {overflow:hidden; float:left; width:307px; height:244px; margin:16px 0 0 17px; } .select_search_brand { float:left; margin-top: 10px; width: 180px; text-align:left; } .select_search_brand select {width:200px; line-height:22px; height:22px; background:#333333; border:1px solid #747474; color:#bcbcbc;} .select_search_brand option { line-height:22px;} .select_search_brand .container { margin-left: -1px; margin-top: 0; padding: 0px; width: 183px; } .select_search_brand .jqTransformSelectWrapper { height: 24px; background: url("http://gift.koonserver.com/img/familysite_arrow.png") right top no-repeat #fff; border: 1px solid #aaaaaa; } .select_search_brand .jqTransformSelectWrapper div span { height: 24px; line-height: 24px; color: #7e7e7e; } .select_search_brand .jqTransformSelectWrapper.select div span { color: #a5a6a6; } .select_search_brand .jqTransformSelectWrapper ul a.selected { background: #ededed; color: #333; } .select_search_brand .jqTransformSelectWrapper ul a:hover, .select_search_brand .jqTransformSelectWrapper ul a.selected:hover { background:#ededed; color: #333; font-weight: bold; } #footer .footer_board_info .footer_notice { position:relative; margin:0; padding:0 0 20px; border-bottom:1px dotted #5c5c5c;} #footer .footer_board_info .footer_notice .title { overflow: hidden; } #footer .footer_board_info .footer_notice h2 { float: left; height:15px; margin:0; padding:0 0 5px;} #footer .footer_board_info .footer_notice .more { float: right; } #footer .footer_board_info .footer_notice .more a { color: #fff; text-decoration: none; font-size: 11px; } #footer .footer_board_info .footer_notice ul { clear: both; margin:5px 0 0; padding:0; list-style:none; } #footer .footer_board_info .footer_notice ul li { margin:0; padding:0 0 0 0; line-height:20px; font-size:12px;} #footer .footer_board_info .footer_notice ul li a {color:#ccc;} #footer .footer_board_info .footer_notice ul li a:hover {color:#fff; text-decoration:none;} #footer .footer_board_info .footer_notice ul li span.date {float:right; font-size:12px; color:#868686;} #footer .footer_board_info .footer_quick_menu_2 {overflow:hidden; margin:32px 0 0;} #footer .footer_board_info .footer_quick_menu_2 ul {margin:0; padding:0;} #footer .footer_board_info .footer_quick_menu_2 ul li {float:left; width:148px; height:28px; margin:0 0 5px 5px; text-align:center; border:1px solid #5c5c5c; list-style:none;} #footer .footer_board_info .footer_quick_menu_2 ul li.bg_color {background:#5c5c5c;} #footer .footer_board_info .footer_quick_menu_2 ul li.first {margin:0 0 5px 0;} #footer .footer_board_info .footer_quick_menu_2 ul li a { display:block; line-height:28px; font-size:12px; color:#c4c4c4;} #footer .footer_board_info .footer_quick_menu_2 ul li a:hover {text-decoration:none;} #footer .footer_bottom {overflow:hidden; border-top:1px solid #5c5c5c; background:#333;} #footer h1 { clear:both; float:left; width:135px; padding:38px 0 0;} #footer h1 img { max-width:135px; } #footer .footer_info { float:left; padding:18px 0 20px 23px; } #footer .footer_info .menu { overflow:hidden; margin:0; padding:0; list-style:none; zoom:1; height:20px;} #footer .footer_info .menu li { float:left; margin:0; padding:0 6px 0 11px; line-height:20px; font-weight:bold; font-size:12px !important; font-family:'Nanum Gothic', sans-serif; background:url("../../img/trend9/footer_menu_bar.png") 0 center no-repeat; } #footer .footer_info .menu li:first-child { padding-left:0; background:none; } #footer .footer_info .menu li a { color:#dadada; } #footer .footer_info .menu li a:hover {text-decoration:none; color:#fff;} #footer .address { padding:13px 0 0; color:#b3b3b3; font-size:11px; line-height:16px;} #footer .address span {} #footer .address span.copy_text_bar {padding:0 5px; color:#b3b3b3;} #footer .address span a, #footer .address span a:hover { color:#999; } #footer .address .copyright { padding-top:10px; color:#b3b3b3; } #footer .address .copyright a { color:#b3b3b3; } #footer .footer_bottom_bank {overflow:hidden; float:right; margin:25px 0 0;} /***************************** 퀵메뉴 *********************************/ #banner ul {margin:0; padding:0;} #banner ul li {margin:0 0 3px; padding:0; list-style:none;} #quick .quick_right_area {border:1px solid #1c9600; } #quick .quick_right_area ul.quick_banner {margin:0; padding:0;} #quick .quick_right_area ul.quick_banner li {margin:0; padding:0; list-style:none;} #quick .quick_right_area ul.quick_banner li:first-child {border-top:0;} #quick .quick_add_favorite {overflow:hidden;} #scroll_up_down {margin:0 0; text-align:center;} #scroll_up_down a { display:block; margin:0px 0 5px; text-align:center;} /* orderbasketcount */ .orderbasketcount {display:block; overflow:hidden; zoom:1; font-size:11px; font-family:tahoma; border:1px solid #dfdfdf; margin:3px 0 5px; padding:5px 0; text-align:center;} .orderbasketcount a, .orderbasketcount a:hover { color:#7f7f7f; font-weight:normal; text-decoration:none; padding:0 2px 0 0; } .orderbasketcount strong {color:#f9425c;} /* productrecent */ .productrecent {margin:0 0 0; text-align:center; border:1px solid #eaeaea; border-top:0px; background:#fff; } .productrecent h2 {display:block; overflow:hidden; zoom:1; font-size:0; margin:0; padding:9px 0 0 0; text-align:center;} .productrecent ul { width:78px; margin:0 auto; padding: 0; list-style:none; } .productrecent li {margin:3px 0; padding: 0; } .productrecent li a { color:#c1c1c0; font-size:11px; } .productrecent li img {width:78px !important; height:auto !important; max-width:78px; } .productrecent li span {display:none; padding:3px 0 9px; line-height:16px; } .productrecent .player { overflow:hidden; width:78px; margin:0 auto; padding:10px 0; } .productrecent .player img { float:left; padding:0; } /* pc_change */ .pc_change_wrap { position:relative; width:1205px; margin:0 auto; } a.pc_change { position:relative; display:block; width: 1100px; margin-bottom:20px; padding:20px 0; font-size:36px; color:#777; text-align:center; border:1px solid #bbb; background-color:#f5f5f5; background:#f5f5f5 -webkit-gradient(linear,0% 0%,0% 100%,from(#fbfbfb),to(#f5f5f5),color-stop(0.5,#f5f5f5),color-stop(0.5,#f5f5f5)); background:#f5f5f5 -moz-linear-gradient(top,#fbfbfb,#f5f5f5); } a.pc_change:hover {text-decoration:none;} a.pc_change img {vertical-align:middle; padding-left:20px;} /* 상품 호버시 */ ul.prdList li.item div.box:hover {border:1px solid #21b500;} ul.prdList li.item div.box:hover .prdImgWrap .prdImgButton a.cart {background:#e3e3e3;} .product_contents_info .button { display: none; } .prdImgWrap { position: relative; } .prdImgBg { position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.05); cursor:pointer;} .prdImgButton { display: block !important; opacity:1; overflow: hidden; position: absolute; z-index: 1000; left: 0; bottom: 0 !important; margin-left: 0; width: 100%; height: 15px; text-align: center; font-weight: bold; cursor: pointer; } .prdImgButton a { display: inline-block; width: 100%; height: 15px; line-height:15px; } .prdImgButton a { display:inline-block; *display:inline; *zoom:1; border:0px solid #cfd0cf; border-left: 0px; font-size:11px; color:#fff; font-family:'Nanum Gothic', sans-serif;} .prdImgButton a:first-child { border-left: 0px solid #cfd0cf !important; } .prdImgButton a.detail { margin-left: 0px; border-left: 0px; background: url('../../img/trend9/prd_hover_icon_detail.png') center center no-repeat #fff; } .prdImgButton a.cart {display:block; margin:0; padding:0; background:#e3e3e3; } .prdImgButton a.cart img {vertical-align:top; padding:0 0 0 7px;} .prdImgButton a.cart:hover { text-decoration:none; background:#22b500 !important;} .prdImgButton a.wish { background: url('../../img/trend9/prd_hover_icon_wish.png') center center no-repeat #fff; } /* fancybox css */ .fancybox-skin { border: 0px solid #d50c0c; } .fancybox_title_wrap { clear: both; overflow: hidden; height: 30px; margin: 0; padding: 0 0 0 10px; background: url("../../img/trend9/popup_top_bg.gif") repeat-x; color:#fff; font-size:12px; } .fancybox_title_wrap h1 { float: left; margin: 6px 0 0 0; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; color: #fff; background: url("../../img/trend9/popup_title_icon.gif") no-repeat left center; } .layer_option_box .fancybox-close { overflow: hidden; top: 0px !important; right: 0px !important; width: 28px !important; height: 26px !important; text-indent: -9999px; background: url("../../img/trend9/popup_bt_close.gif") no-repeat !important; } .layer_option_box .fancybox-close:hover {background-position:0 -26px !important;} .layer_item_box { border: 5px solid #ddd !important; } .layer_item_box .fancybox-skin { background: #fff !important; border-radius: 0 !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; } .layer_login_box .fancybox-close { width: 29px !important; height: 29px !important; right: 10px !important; top: 8px !important; background: transparent url("../../img/trend9/layer_login_close_bt.png") no-repeat !important; } #wrap #layer_login_wrap { display:none; } #layer_login .inner { width: 400px; overflow: hidden; } #layer_login .title_wrap {height:25px; padding:10px 0 10px 10px; background:url("../../img/trend9/layer_login_title_bg.png") repeat-x 0 0;} #layer_login .title_wrap h3 {margin:0; padding:0;} #layer_login .inner .login_form { padding: 25px; background-color:#fff;} #layer_login .inner .login_form { position: relative; } #layer_login .inner .login_form .info { float:left; margin: 0; padding: 0; width: 215px; overflow: hidden; list-style: none; } #layer_login .inner .login_form .info li { width: 215px; margin-bottom: 10px; } #layer_login .inner .login_form .info li, #layer_login .inner .login_form .info li label { float: left; } #layer_login .inner .login_form .info li label { display: none; width: 60px; padding-top: 4px; } #layer_login .inner .login_form .info input { width: 209px; background-color: #fff !important; border: 1px solid #ccc; padding: 2px; height: 29px; margin: 0; } #layer_login .inner .login_bt { float:left; margin-left: 10px; } #layer_login .inner .desc { overflow:hidden; clear:both; margin:23px 0 0 0; padding:0; list-style: none; } #layer_login .inner .desc li { overflow:hidden; clear:both; margin:0; height:25px; padding:5px 0 0 0; vertical-align:top; } #layer_login .inner .desc li span.text_area { display:inline-block; *float:left; font-size:12px; color:#666; margin:0; padding:4px 0; } #layer_login .inner .desc li a {display:inline-block; float:right; font-size:12px; color:#666; margin:0; padding:4px 4px; width:120px; height:14px; background-color:#fff; border:1px solid #ccc; text-align:center; vertical-align:top; text-decoration: none; } #layer_login .inner .security { clear:both; margin: 5px 0; padding: 0px; color: #8a8a8a; } #layer_login .login_content_area { clear:both; overflow:hidden; } #layer_login .login_content_area img { display:block; } /* 공통 슬라이드 배너 */ .banners_slider { visibility: hidden; } /* 고객센터/마이페이지 상단 메뉴 */ .cs_quick_menu {overflow:hidden; margin:20px 0 20px; padding:0 0 20px 0; border-bottom:1px solid #d9d9d9;} .cs_quick_menu h2 {display:block; font-size:0px; text-align:left; padding:6px 0 8px; border-bottom:1px solid #22b500;} .cs_quick_menu ul { overflow:hidden; margin:0; padding:20px 0;} .cs_quick_menu ul li { float:left; width:163px; height:120px; padding:10px 30px; list-style:none; border-left:1px solid #ddd;} .cs_quick_menu ul li:first-child {border-left:0;} .cs_quick_menu ul li a.title {display:block; padding-bottom:10px; font-size:16px; color:#222; font-weight:700; line-height:24px; letter-spacing:0.04em; font-family:arial, 'Nanum Gothic', sans-serif;} .cs_quick_menu ul li a.title:before {content:"·"; padding-right:5px;} .cs_quick_menu ul li a.title:hover {text-decoration:none; color:#000;} .cs_quick_menu ul li ul.sub_quick_menu { overflow:hidden; margin:0; padding:0;} .cs_quick_menu ul li ul.sub_quick_menu li {clear:both; height:auto; margin:2px 0; padding:0 0 0 10px; border:0;} .cs_quick_menu ul li ul.sub_quick_menu li a {display:block; color:#959595; font-size:12px; line-height:20px;} .cs_quick_menu ul li ul.sub_quick_menu li a:hover {text-decoration:none; color:#545454;} .cs_quick_menu ul li.list_column2 {width:360px;} .cs_quick_menu ul li.list_column2 ul li {float:left; clear:none; width:160px;} /* 상품선택옵션 정렬 css */ /* 상세페이지 */ #sit_opt_added li {position:relative; padding-right:170px;} #sit_opt_added li:after {content:""; display:block; clear:both;} #sit_opt_added li .opt_prd_name {float:left; line-height:18px;} #sit_opt_added li .opt_prd_qty {float:right; position:relative; right:-160px; width:135px; margin-left:-160px; margin-top:0;} #sit_opt_added li .opt_prd_qty input.frm_input {text-align:center;} /* 장바구니 */ #sit_sel_option {padding-top:10px;} #sit_sel_option li {position:relative; padding-right:170px;} #sit_sel_option li:after {content:""; display:block; clear:both;} #sit_sel_option li .opt_prd_name {float:left; line-height:18px;} #sit_sel_option li .opt_prd_qty {float:right; position:relative; right:-160px; width:135px; margin-left:-160px; margin-top:0;} #sit_sel_option li .opt_prd_qty input.frm_input {text-align:center;}